From 9457ca6047afc3035b412c4c14aa6887c1e95b52 Mon Sep 17 00:00:00 2001 From: Paulo Gustavo Veiga Date: Mon, 4 Oct 2021 17:05:34 -0700 Subject: [PATCH] Enable eslit for mindplot --- packages/mindplot/.eslintrc.json | 11 + .../lib/components/ActionDispatcher.js | 132 +- .../mindplot/lib/components/ActionIcon.js | 66 +- .../mindplot/lib/components/CentralTopic.js | 85 +- packages/mindplot/lib/components/Command.js | 52 +- .../mindplot/lib/components/ConnectionLine.js | 292 +- .../mindplot/lib/components/ControlPoint.js | 351 +- packages/mindplot/lib/components/Designer.js | 1492 +- .../lib/components/DesignerActionRunner.js | 56 +- .../lib/components/DesignerKeyboard.js | 763 +- .../mindplot/lib/components/DesignerModel.js | 230 +- .../lib/components/DesignerUndoManager.js | 122 +- .../mindplot/lib/components/DragConnector.js | 167 +- .../mindplot/lib/components/DragManager.js | 297 +- packages/mindplot/lib/components/DragPivot.js | 478 +- packages/mindplot/lib/components/DragTopic.js | 367 +- .../mindplot/lib/components/EditorOptions.js | 9 +- .../lib/components/EditorProperties.js | 76 +- packages/mindplot/lib/components/Events.js | 70 +- packages/mindplot/lib/components/Icon.js | 59 +- packages/mindplot/lib/components/IconGroup.js | 494 +- packages/mindplot/lib/components/ImageIcon.js | 264 +- packages/mindplot/lib/components/Keyboard.js | 18 +- packages/mindplot/lib/components/LinkIcon.js | 82 +- .../lib/components/LocalStorageManager.js | 79 +- packages/mindplot/lib/components/MainTopic.js | 339 +- packages/mindplot/lib/components/Messages.js | 32 +- .../lib/components/MultilineTextEditor.js | 547 +- packages/mindplot/lib/components/NodeGraph.js | 276 +- packages/mindplot/lib/components/NoteIcon.js | 108 +- packages/mindplot/lib/components/Options.js | 18 +- .../lib/components/PersistenceManager.js | 87 +- .../mindplot/lib/components/Relationship.js | 604 +- .../lib/components/RelationshipPivot.js | 258 +- .../lib/components/RestPersistenceManager.js | 269 +- .../mindplot/lib/components/ScreenManager.js | 243 +- .../lib/components/ShrinkConnector.js | 157 +- .../components/StandaloneActionDispatcher.js | 554 +- .../mindplot/lib/components/TextEditor.js | 530 +- .../lib/components/TextEditorFactory.js | 14 +- packages/mindplot/lib/components/Topic.js | 2454 ++- .../lib/components/TopicEventDispatcher.js | 94 +- .../mindplot/lib/components/TopicFeature.js | 78 +- .../mindplot/lib/components/TopicStyle.js | 194 +- packages/mindplot/lib/components/Workspace.js | 455 +- .../commands/AddFeatureToTopicCommand.js | 65 +- .../commands/AddRelationshipCommand.js | 44 +- .../components/commands/AddTopicCommand.js | 106 +- .../commands/ChangeFeatureToTopicCommand.js | 48 +- .../lib/components/commands/DeleteCommand.js | 279 +- .../components/commands/DragTopicCommand.js | 130 +- .../commands/GenericFunctionCommand.js | 124 +- .../commands/MoveControlPointCommand.js | 155 +- .../commands/RemoveFeatureFromTopicCommand.js | 58 +- .../mindplot/lib/components/commands/index.js | 18 +- packages/mindplot/lib/components/footer.js | 4 +- packages/mindplot/lib/components/header.js | 4 +- packages/mindplot/lib/components/index.js | 92 +- .../components/layout/AbstractBasicSorter.js | 88 +- .../lib/components/layout/BalancedSorter.js | 464 +- .../lib/components/layout/ChangeEvent.js | 70 +- .../layout/ChildrenSorterStrategy.js | 72 +- .../lib/components/layout/EventBus.js | 24 +- .../components/layout/EventBusDispatcher.js | 123 +- .../lib/components/layout/GridSorter.js | 75 +- .../lib/components/layout/LayoutManager.js | 314 +- .../mindplot/lib/components/layout/Node.js | 369 +- .../lib/components/layout/OriginalLayout.js | 452 +- .../lib/components/layout/RootedTreeSet.js | 628 +- .../lib/components/layout/SymmetricSorter.js | 469 +- .../mindplot/lib/components/layout/index.js | 24 +- .../bootstrap/BootstrapDialog.Request.js | 81 +- .../libraries/bootstrap/BootstrapDialog.js | 212 +- .../bootstrap/js/bootstrap-colorpicker.js | 1842 +- .../bootstrap/js/bootstrap-colorpicker.min.js | 104 +- .../libraries/bootstrap/js/bootstrap.js | 1903 +- .../libraries/bootstrap/js/bootstrap.min.js | 35 +- .../libraries/hotkeys/jquery.hotkeys.js | 220 +- .../libraries/jquery/jquery-2.1.0.js | 16712 ++++++++-------- .../libraries/jquery/jquery-2.1.0.min.js | 187 +- .../libraries/jquery/jquery.mousewheel.min.js | 6 +- .../libraries/less/less-1.4.2.min.js | 366 +- .../libraries/less/less-1.6.2.min.js | 427 +- .../mootools-core-1.4.5-full-nocompat-yc.js | 1086 +- .../libraries/mootools/mootools-core-1.4.5.js | 311 +- .../libraries/mootools/mootools-core-1.6.0.js | 10367 +++++----- .../libraries/underscorejs/underscore-min.js | 10 +- .../lib/components/model/FeatureModel.js | 112 +- .../mindplot/lib/components/model/IMindmap.js | 238 +- .../lib/components/model/INodeModel.js | 577 +- .../lib/components/model/IconModel.js | 34 +- .../lib/components/model/LinkModel.js | 69 +- .../mindplot/lib/components/model/Mindmap.js | 217 +- .../lib/components/model/NodeModel.js | 311 +- .../lib/components/model/NoteModel.js | 36 +- .../lib/components/model/RelationshipModel.js | 196 +- .../mindplot/lib/components/model/index.js | 18 +- .../persistence/Beta2PelaMigrator.js | 62 +- .../components/persistence/ModelCodeName.js | 8 +- .../persistence/Pela2TangoMigrator.js | 137 +- .../persistence/XMLSerializerFactory.js | 89 +- .../persistence/XMLSerializer_Beta.js | 517 +- .../persistence/XMLSerializer_Pela.js | 843 +- .../persistence/XMLSerializer_Tango.js | 6 +- .../lib/components/persistence/index.js | 14 +- .../lib/components/util/FadeEffect.js | 36 +- .../mindplot/lib/components/util/Shape.js | 202 +- .../mindplot/lib/components/util/index.js | 4 +- .../components/widget/ColorPalettePanel.js | 140 +- .../lib/components/widget/FloatingTip.js | 78 +- .../lib/components/widget/FontFamilyPanel.js | 30 +- .../lib/components/widget/FontSizePanel.js | 28 +- .../mindplot/lib/components/widget/IMenu.js | 160 +- .../lib/components/widget/IconPanel.js | 83 +- .../widget/KeyboardShortcutTooltip.js | 80 +- .../lib/components/widget/LinkEditor.js | 206 +- .../lib/components/widget/LinkIconTooltip.js | 96 +- .../lib/components/widget/ListToolbarPanel.js | 56 +- .../mindplot/lib/components/widget/Menu.js | 916 +- .../components/widget/ModalDialogNotifier.js | 52 +- .../lib/components/widget/NoteEditor.js | 127 +- .../lib/components/widget/ToolbarItem.js | 98 +- .../lib/components/widget/ToolbarNotifier.js | 44 +- .../lib/components/widget/ToolbarPaneItem.js | 170 +- .../lib/components/widget/TopicShapePanel.js | 28 +- .../mindplot/lib/components/widget/index.js | 34 +- packages/mindplot/lib/mindplot.js | 73 +- packages/mindplot/package.json | 10 + packages/mindplot/webpack.common.js | 10 +- packages/web2d/.eslintrc.json | 2 +- packages/web2d/webpack.common.js | 40 +- 131 files changed, 29396 insertions(+), 28482 deletions(-) create mode 100644 packages/mindplot/.eslintrc.json diff --git a/packages/mindplot/.eslintrc.json b/packages/mindplot/.eslintrc.json new file mode 100644 index 00000000..ca9bff03 --- /dev/null +++ b/packages/mindplot/.eslintrc.json @@ -0,0 +1,11 @@ +{ + "env": { + "browser": true, + "commonjs": true + }, + "extends": [ + "airbnb-base" + ], + "plugins": ["only-warn"], + "rules": {} +} \ No newline at end of file diff --git a/packages/mindplot/lib/components/ActionDispatcher.js b/packages/mindplot/lib/components/ActionDispatcher.js index 880f1391..fc3fd102 100644 --- a/packages/mindplot/lib/components/ActionDispatcher.js +++ b/packages/mindplot/lib/components/ActionDispatcher.js @@ -17,96 +17,96 @@ */ const Events = require('./Events').default; -//noinspection JSUnusedLocalSymbols +// noinspection JSUnusedLocalSymbols const ActionDispatcher = new Class({ - Implements:[Events], - initialize: function(commandContext) { - $assert(commandContext, "commandContext can not be null"); - }, + Implements: [Events], + initialize(commandContext) { + $assert(commandContext, 'commandContext can not be null'); + }, - addRelationship: function(model, mindmap) { - throw "method must be implemented."; - }, + addRelationship(model, mindmap) { + throw 'method must be implemented.'; + }, - addTopics: function(models, parentTopicId) { - throw "method must be implemented."; - }, + addTopics(models, parentTopicId) { + throw 'method must be implemented.'; + }, - deleteEntities: function(topicsIds, relIds) { - throw "method must be implemented."; - }, + deleteEntities(topicsIds, relIds) { + throw 'method must be implemented.'; + }, - dragTopic: function(topicId, position, order, parentTopic) { - throw "method must be implemented."; - }, + dragTopic(topicId, position, order, parentTopic) { + throw 'method must be implemented.'; + }, - moveTopic: function(topicId, position) { - throw "method must be implemented."; - }, + moveTopic(topicId, position) { + throw 'method must be implemented.'; + }, - moveControlPoint: function(ctrlPoint, point) { - throw "method must be implemented."; - }, + moveControlPoint(ctrlPoint, point) { + throw 'method must be implemented.'; + }, - changeFontFamilyToTopic: function(topicIds, fontFamily) { - throw "method must be implemented."; - }, + changeFontFamilyToTopic(topicIds, fontFamily) { + throw 'method must be implemented.'; + }, - changeFontStyleToTopic: function(topicsIds) { - throw "method must be implemented."; - }, + changeFontStyleToTopic(topicsIds) { + throw 'method must be implemented.'; + }, - changeFontColorToTopic: function(topicsIds, color) { - throw "method must be implemented."; - }, + changeFontColorToTopic(topicsIds, color) { + throw 'method must be implemented.'; + }, - changeFontSizeToTopic : function(topicsIds, size) { - throw "method must be implemented."; - }, + changeFontSizeToTopic(topicsIds, size) { + throw 'method must be implemented.'; + }, - changeBackgroundColorToTopic: function(topicsIds, color) { - throw "method must be implemented."; - }, + changeBackgroundColorToTopic(topicsIds, color) { + throw 'method must be implemented.'; + }, - changeBorderColorToTopic: function(topicsIds, color) { - throw "method must be implemented."; - }, + changeBorderColorToTopic(topicsIds, color) { + throw 'method must be implemented.'; + }, - changeShapeTypeToTopic : function(topicsIds, shapeType) { - throw "method must be implemented."; - }, + changeShapeTypeToTopic(topicsIds, shapeType) { + throw 'method must be implemented.'; + }, - changeFontWeightToTopic : function(topicsIds) { - throw "method must be implemented."; - }, + changeFontWeightToTopic(topicsIds) { + throw 'method must be implemented.'; + }, - changeTextToTopic : function(topicsIds, text) { - throw "method must be implemented."; - }, + changeTextToTopic(topicsIds, text) { + throw 'method must be implemented.'; + }, - shrinkBranch : function(topicsIds, collapse) { - throw "method must be implemented."; - }, + shrinkBranch(topicsIds, collapse) { + throw 'method must be implemented.'; + }, - addFeatureToTopic : function(topicId, type, attributes) { - throw "method must be implemented."; - }, + addFeatureToTopic(topicId, type, attributes) { + throw 'method must be implemented.'; + }, - changeFeatureToTopic : function(topicId, featureId, attributes) { - throw "method must be implemented."; - }, + changeFeatureToTopic(topicId, featureId, attributes) { + throw 'method must be implemented.'; + }, - removeFeatureFromTopic : function(topicId, featureId) { - throw "method must be implemented."; - } + removeFeatureFromTopic(topicId, featureId) { + throw 'method must be implemented.'; + }, }); -ActionDispatcher.setInstance = function(dispatcher) { - ActionDispatcher._instance = dispatcher; +ActionDispatcher.setInstance = function (dispatcher) { + ActionDispatcher._instance = dispatcher; }; -ActionDispatcher.getInstance = function() { - return ActionDispatcher._instance; +ActionDispatcher.getInstance = function () { + return ActionDispatcher._instance; }; export default ActionDispatcher; diff --git a/packages/mindplot/lib/components/ActionIcon.js b/packages/mindplot/lib/components/ActionIcon.js index 094cd328..96ed6df7 100644 --- a/packages/mindplot/lib/components/ActionIcon.js +++ b/packages/mindplot/lib/components/ActionIcon.js @@ -18,47 +18,47 @@ const Icon = require('./Icon').default; const ActionIcon = new Class({ - Extends:Icon, - initialize: function(topic, url) { - this.parent(url); - this._node = topic; - }, - getNode:function() { - return this._node; - }, + Extends: Icon, + initialize(topic, url) { + this.parent(url); + this._node = topic; + }, + getNode() { + return this._node; + }, - setPosition:function(x, y) { - var size = this.getSize(); - this.getImage().setPosition(x - size.width / 2, y - size.height / 2); - }, + setPosition(x, y) { + const size = this.getSize(); + this.getImage().setPosition(x - size.width / 2, y - size.height / 2); + }, - addEvent:function(event, fn) { - this.getImage().addEvent(event, fn); - }, + addEvent(event, fn) { + this.getImage().addEvent(event, fn); + }, - addToGroup:function(group) { - group.append(this.getImage()); - }, + addToGroup(group) { + group.append(this.getImage()); + }, - setVisibility:function(visible) { - this.getImage().setVisibility(visible); - }, + setVisibility(visible) { + this.getImage().setVisibility(visible); + }, - isVisible:function() { - return this.getImage().isVisible(); - }, + isVisible() { + return this.getImage().isVisible(); + }, - setCursor:function(cursor) { - return this.getImage().setCursor(cursor); - }, + setCursor(cursor) { + return this.getImage().setCursor(cursor); + }, - moveToBack:function(cursor) { - return this.getImage().moveToBack(cursor); - }, + moveToBack(cursor) { + return this.getImage().moveToBack(cursor); + }, - moveToFront:function(cursor) { - return this.getImage().moveToFront(cursor); - } + moveToFront(cursor) { + return this.getImage().moveToFront(cursor); + }, }); export default ActionIcon; diff --git a/packages/mindplot/lib/components/CentralTopic.js b/packages/mindplot/lib/components/CentralTopic.js index 260f5dd6..d94ad143 100644 --- a/packages/mindplot/lib/components/CentralTopic.js +++ b/packages/mindplot/lib/components/CentralTopic.js @@ -16,66 +16,67 @@ * limitations under the License. */ const Core = require('@wismapping/core-js'); + const core = Core(); const Topic = require('./Topic').default; const Shape = require('./util/Shape').default; const CentralTopic = new Class( - /** @lends CentralTopic*/ { - Extends: Topic, - /** + /** @lends CentralTopic */ { + Extends: Topic, + /** * @extends mindplot.Topic * @constructs * @param model * @param options */ - initialize: function (model, options) { - this.parent(model, options); - }, + initialize(model, options) { + this.parent(model, options); + }, - _registerEvents: function () { - this.parent(); + _registerEvents() { + this.parent(); - // This disable the drag of the central topic. But solves the problem of deselecting the nodes when the screen is clicked. - this.addEvent('mousedown', function (event) { - event.stopPropagation(); - }); - }, + // This disable the drag of the central topic. But solves the problem of deselecting the nodes when the screen is clicked. + this.addEvent('mousedown', (event) => { + event.stopPropagation(); + }); + }, - /** */ - workoutIncomingConnectionPoint: function () { - return this.getPosition(); - }, + /** */ + workoutIncomingConnectionPoint() { + return this.getPosition(); + }, - /** */ - setCursor: function (type) { - type = type == 'move' ? 'default' : type; - this.parent(type); - }, + /** */ + setCursor(type) { + type = type == 'move' ? 'default' : type; + this.parent(type); + }, - /** */ - updateTopicShape: function () {}, + /** */ + updateTopicShape() {}, - _updatePositionOnChangeSize: function () { - // Center main topic ... - var zeroPoint = new core.Point(0, 0); - this.setPosition(zeroPoint); - }, + _updatePositionOnChangeSize() { + // Center main topic ... + const zeroPoint = new core.Point(0, 0); + this.setPosition(zeroPoint); + }, - /** */ - getShrinkConnector: function () { - return null; - }, + /** */ + getShrinkConnector() { + return null; + }, - /** */ - workoutOutgoingConnectionPoint: function (targetPosition) { - $assert(targetPosition, 'targetPoint can not be null'); - var pos = this.getPosition(); - var isAtRight = Shape.isAtRight(targetPosition, pos); - var size = this.getSize(); - return Shape.calculateRectConnectionPoint(pos, size, !isAtRight); - }, - } + /** */ + workoutOutgoingConnectionPoint(targetPosition) { + $assert(targetPosition, 'targetPoint can not be null'); + const pos = this.getPosition(); + const isAtRight = Shape.isAtRight(targetPosition, pos); + const size = this.getSize(); + return Shape.calculateRectConnectionPoint(pos, size, !isAtRight); + }, + }, ); export default CentralTopic; diff --git a/packages/mindplot/lib/components/Command.js b/packages/mindplot/lib/components/Command.js index 91ed9ec2..87d4d4ea 100644 --- a/packages/mindplot/lib/components/Command.js +++ b/packages/mindplot/lib/components/Command.js @@ -17,51 +17,45 @@ */ const Command = new Class(/** @lends mindplot.Command */{ - /** + /** * @classdesc The command base class for handling do/undo mindmap operations * @constructs */ - initialize: function() - { - this._id = Command._nextUUID(); - }, + initialize() { + this._id = Command._nextUUID(); + }, - /** + /** * @abstract */ - execute: function(commandContext) - { - throw "execute must be implemented."; - }, + execute(commandContext) { + throw 'execute must be implemented.'; + }, - /** - * Triggered by the undo button - reverses the executed command + /** + * Triggered by the undo button - reverses the executed command * @abstract */ - undoExecute: function(commandContext) - { - throw "undo must be implemented."; - }, + undoExecute(commandContext) { + throw 'undo must be implemented.'; + }, - /** + /** * Returns the unique id of this command * @returns {Number} command id */ - getId:function() - { - return this._id; - } + getId() { + return this._id; + }, }); -Command._nextUUID = function() -{ - if (!$defined(Command._uuid)) - { - Command._uuid = 1; - } +Command._nextUUID = function () { + if (!$defined(Command._uuid)) { + Command._uuid = 1; + } - Command._uuid = Command._uuid + 1; - return Command._uuid; + Command._uuid += 1; + return Command._uuid; }; export default Command; diff --git a/packages/mindplot/lib/components/ConnectionLine.js b/packages/mindplot/lib/components/ConnectionLine.js index 1e3c8cc0..e5a78b54 100644 --- a/packages/mindplot/lib/components/ConnectionLine.js +++ b/packages/mindplot/lib/components/ConnectionLine.js @@ -16,8 +16,10 @@ * limitations under the License. */ const Core = require('@wismapping/core-js'); + const core = Core(); const web2D = require('@wismapping/web2d'); + const web2d = web2D(); const INodeModel = require('./model/INodeModel').default; @@ -25,182 +27,184 @@ const { TopicShape } = require('./model/INodeModel'); const Topic = require('./Topic').default; const ConnectionLine = new Class({ - initialize: function (sourceNode, targetNode, lineType) { - $assert(targetNode, 'parentNode node can not be null'); - $assert(sourceNode, 'childNode node can not be null'); - $assert(sourceNode != targetNode, 'Circular connection'); + initialize(sourceNode, targetNode, lineType) { + $assert(targetNode, 'parentNode node can not be null'); + $assert(sourceNode, 'childNode node can not be null'); + $assert(sourceNode != targetNode, 'Circular connection'); - this._targetTopic = targetNode; - this._sourceTopic = sourceNode; + this._targetTopic = targetNode; + this._sourceTopic = sourceNode; - var line; - var ctrlPoints = this._getCtrlPoints(sourceNode, targetNode); - if (targetNode.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { - line = this._createLine(lineType, ConnectionLine.CURVED); - line.setSrcControlPoint(ctrlPoints[0]); - line.setDestControlPoint(ctrlPoints[1]); - } else { - line = this._createLine(lineType, ConnectionLine.SIMPLE_CURVED); - line.setSrcControlPoint(ctrlPoints[0]); - line.setDestControlPoint(ctrlPoints[1]); - } - // Set line styles ... - var strokeColor = ConnectionLine.getStrokeColor(); - line.setStroke(1, 'solid', strokeColor, 1); - line.setFill(strokeColor, 1); + let line; + const ctrlPoints = this._getCtrlPoints(sourceNode, targetNode); + if (targetNode.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + line = this._createLine(lineType, ConnectionLine.CURVED); + line.setSrcControlPoint(ctrlPoints[0]); + line.setDestControlPoint(ctrlPoints[1]); + } else { + line = this._createLine(lineType, ConnectionLine.SIMPLE_CURVED); + line.setSrcControlPoint(ctrlPoints[0]); + line.setDestControlPoint(ctrlPoints[1]); + } + // Set line styles ... + const strokeColor = ConnectionLine.getStrokeColor(); + line.setStroke(1, 'solid', strokeColor, 1); + line.setFill(strokeColor, 1); - this._line2d = line; - }, + this._line2d = line; + }, - _getCtrlPoints: function (sourceNode, targetNode) { - var srcPos = sourceNode.workoutOutgoingConnectionPoint(targetNode.getPosition()); - var destPos = targetNode.workoutIncomingConnectionPoint(sourceNode.getPosition()); - var deltaX = (srcPos.x - destPos.x) / 3; - return [new core.Point(deltaX, 0), new core.Point(-deltaX, 0)]; - }, + _getCtrlPoints(sourceNode, targetNode) { + const srcPos = sourceNode.workoutOutgoingConnectionPoint(targetNode.getPosition()); + const destPos = targetNode.workoutIncomingConnectionPoint(sourceNode.getPosition()); + const deltaX = (srcPos.x - destPos.x) / 3; + return [new core.Point(deltaX, 0), new core.Point(-deltaX, 0)]; + }, - _createLine: function (lineType, defaultStyle) { - if (!$defined(lineType)) { - lineType = defaultStyle; - } - lineType = parseInt(lineType); - this._lineType = lineType; - var line = null; - switch (lineType) { - case ConnectionLine.POLYLINE: - line = new web2d.PolyLine(); - break; - case ConnectionLine.CURVED: - line = new web2d.CurvedLine(); - break; - case ConnectionLine.SIMPLE_CURVED: - line = new web2d.CurvedLine(); - line.setStyle(web2d.CurvedLine.SIMPLE_LINE); - break; - default: - line = new web2d.Line(); - break; - } - return line; - }, + _createLine(lineType, defaultStyle) { + if (!$defined(lineType)) { + lineType = defaultStyle; + } + lineType = parseInt(lineType); + this._lineType = lineType; + let line = null; + switch (lineType) { + case ConnectionLine.POLYLINE: + line = new web2d.PolyLine(); + break; + case ConnectionLine.CURVED: + line = new web2d.CurvedLine(); + break; + case ConnectionLine.SIMPLE_CURVED: + line = new web2d.CurvedLine(); + line.setStyle(web2d.CurvedLine.SIMPLE_LINE); + break; + default: + line = new web2d.Line(); + break; + } + return line; + }, - setVisibility: function (value) { - this._line2d.setVisibility(value); - }, + setVisibility(value) { + this._line2d.setVisibility(value); + }, - isVisible: function () { - return this._line2d.isVisible(); - }, + isVisible() { + return this._line2d.isVisible(); + }, - setOpacity: function (opacity) { - this._line2d.setOpacity(opacity); - }, + setOpacity(opacity) { + this._line2d.setOpacity(opacity); + }, - redraw: function () { - var line2d = this._line2d; - var sourceTopic = this._sourceTopic; - var sourcePosition = sourceTopic.getPosition(); + redraw() { + const line2d = this._line2d; + const sourceTopic = this._sourceTopic; + const sourcePosition = sourceTopic.getPosition(); - var targetTopic = this._targetTopic; - var targetPosition = targetTopic.getPosition(); + const targetTopic = this._targetTopic; + const targetPosition = targetTopic.getPosition(); - var sPos, tPos; - sPos = sourceTopic.workoutOutgoingConnectionPoint(targetPosition); - tPos = targetTopic.workoutIncomingConnectionPoint(sourcePosition); + let sPos; let + tPos; + sPos = sourceTopic.workoutOutgoingConnectionPoint(targetPosition); + tPos = targetTopic.workoutIncomingConnectionPoint(sourcePosition); - line2d.setFrom(tPos.x, tPos.y); - line2d.setTo(sPos.x, sPos.y); + line2d.setFrom(tPos.x, tPos.y); + line2d.setTo(sPos.x, sPos.y); - if (line2d.getType() == 'CurvedLine') { - var ctrlPoints = this._getCtrlPoints(this._sourceTopic, this._targetTopic); - line2d.setSrcControlPoint(ctrlPoints[0]); - line2d.setDestControlPoint(ctrlPoints[1]); - } + if (line2d.getType() == 'CurvedLine') { + const ctrlPoints = this._getCtrlPoints(this._sourceTopic, this._targetTopic); + line2d.setSrcControlPoint(ctrlPoints[0]); + line2d.setDestControlPoint(ctrlPoints[1]); + } - // Add connector ... - this._positionateConnector(targetTopic); - }, + // Add connector ... + this._positionateConnector(targetTopic); + }, - _positionateConnector: function (targetTopic) { - var targetPosition = targetTopic.getPosition(); - var offset = Topic.CONNECTOR_WIDTH / 2; - var targetTopicSize = targetTopic.getSize(); - var y, x; - if (targetTopic.getShapeType() == TopicShape.LINE) { - y = targetTopicSize.height; - } else { - y = targetTopicSize.height / 2; - } - y = y - offset; + _positionateConnector(targetTopic) { + const targetPosition = targetTopic.getPosition(); + const offset = Topic.CONNECTOR_WIDTH / 2; + const targetTopicSize = targetTopic.getSize(); + let y; let + x; + if (targetTopic.getShapeType() == TopicShape.LINE) { + y = targetTopicSize.height; + } else { + y = targetTopicSize.height / 2; + } + y -= offset; - var connector = targetTopic.getShrinkConnector(); - if ($defined(connector)) { - if (Math.sign(targetPosition.x) > 0) { - x = targetTopicSize.width; - connector.setPosition(x, y); - } else { - x = -Topic.CONNECTOR_WIDTH; - } - connector.setPosition(x, y); - } - }, + const connector = targetTopic.getShrinkConnector(); + if ($defined(connector)) { + if (Math.sign(targetPosition.x) > 0) { + x = targetTopicSize.width; + connector.setPosition(x, y); + } else { + x = -Topic.CONNECTOR_WIDTH; + } + connector.setPosition(x, y); + } + }, - setStroke: function (color, style, opacity) { - this._line2d.setStroke(null, null, color, opacity); - }, + setStroke(color, style, opacity) { + this._line2d.setStroke(null, null, color, opacity); + }, - addToWorkspace: function (workspace) { - workspace.append(this._line2d); - this._line2d.moveToBack(); - }, + addToWorkspace(workspace) { + workspace.append(this._line2d); + this._line2d.moveToBack(); + }, - removeFromWorkspace: function (workspace) { - workspace.removeChild(this._line2d); - }, + removeFromWorkspace(workspace) { + workspace.removeChild(this._line2d); + }, - getTargetTopic: function () { - return this._targetTopic; - }, + getTargetTopic() { + return this._targetTopic; + }, - getSourceTopic: function () { - return this._sourceTopic; - }, + getSourceTopic() { + return this._sourceTopic; + }, - getLineType: function () { - return this._lineType; - }, + getLineType() { + return this._lineType; + }, - getLine: function () { - return this._line2d; - }, + getLine() { + return this._line2d; + }, - getModel: function () { - return this._model; - }, + getModel() { + return this._model; + }, - setModel: function (model) { - this._model = model; - }, + setModel(model) { + this._model = model; + }, - getType: function () { - return 'ConnectionLine'; - }, + getType() { + return 'ConnectionLine'; + }, - getId: function () { - return this._model.getId(); - }, + getId() { + return this._model.getId(); + }, - moveToBack: function () { - this._line2d.moveToBack(); - }, + moveToBack() { + this._line2d.moveToBack(); + }, - moveToFront: function () { - this._line2d.moveToFront(); - }, + moveToFront() { + this._line2d.moveToFront(); + }, }); ConnectionLine.getStrokeColor = function () { - return '#495879'; + return '#495879'; }; ConnectionLine.SIMPLE = 0; diff --git a/packages/mindplot/lib/components/ControlPoint.js b/packages/mindplot/lib/components/ControlPoint.js index c8d357c4..f623453e 100644 --- a/packages/mindplot/lib/components/ControlPoint.js +++ b/packages/mindplot/lib/components/ControlPoint.js @@ -15,194 +15,193 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js') +const Core = require('@wismapping/core-js'); + const core = Core(); -const web2D = require('@wismapping/web2d') +const web2D = require('@wismapping/web2d'); + const web2d = web2D(); -const Shape = require('./util/Shape').default +const Shape = require('./util/Shape').default; const ActionDispatcher = require('./ActionDispatcher').default; const ControlPoint = new Class({ - initialize: function () { - var control1 = new web2d.Elipse({ - width: 6, - height: 6, - stroke: '1 solid #6589de', - fillColor: 'gray', - visibility: false - }); - control1.setCursor('pointer'); + initialize() { + const control1 = new web2d.Elipse({ + width: 6, + height: 6, + stroke: '1 solid #6589de', + fillColor: 'gray', + visibility: false, + }); + control1.setCursor('pointer'); - var control2 = new web2d.Elipse({ - width: 6, - height: 6, - stroke: '1 solid #6589de', - fillColor: 'gray', - visibility: false - }); - control2.setCursor('pointer'); + const control2 = new web2d.Elipse({ + width: 6, + height: 6, + stroke: '1 solid #6589de', + fillColor: 'gray', + visibility: false, + }); + control2.setCursor('pointer'); - this._controlPointsController = [control1, control2]; - this._controlLines = [new web2d.Line({strokeColor: "#6589de", strokeWidth: 1, opacity: 0.3}), - new web2d.Line({strokeColor: "#6589de", strokeWidth: 1, opacity: 0.3})]; + this._controlPointsController = [control1, control2]; + this._controlLines = [new web2d.Line({ strokeColor: '#6589de', strokeWidth: 1, opacity: 0.3 }), + new web2d.Line({ strokeColor: '#6589de', strokeWidth: 1, opacity: 0.3 })]; - this._isBinded = false; - var me = this; - this._controlPointsController[0].addEvent('mousedown', function (event) { - (me._mouseDown)(event, ControlPoint.FROM, me); - }); - this._controlPointsController[0].addEvent('click', function (event) { - (me._mouseClick)(event); - }); - this._controlPointsController[0].addEvent('dblclick', function (event) { - (me._mouseClick)(event); - }); + this._isBinded = false; + const me = this; + this._controlPointsController[0].addEvent('mousedown', (event) => { + (me._mouseDown)(event, ControlPoint.FROM, me); + }); + this._controlPointsController[0].addEvent('click', (event) => { + (me._mouseClick)(event); + }); + this._controlPointsController[0].addEvent('dblclick', (event) => { + (me._mouseClick)(event); + }); - this._controlPointsController[1].addEvent('mousedown', function (event) { - (me._mouseDown)(event, ControlPoint.TO, me); - }); - this._controlPointsController[1].addEvent('click', function (event) { - (me._mouseClick)(event); - }); - this._controlPointsController[1].addEvent('dblclick', function (event) { - (me._mouseClick)(event); - }); - }, + this._controlPointsController[1].addEvent('mousedown', (event) => { + (me._mouseDown)(event, ControlPoint.TO, me); + }); + this._controlPointsController[1].addEvent('click', (event) => { + (me._mouseClick)(event); + }); + this._controlPointsController[1].addEvent('dblclick', (event) => { + (me._mouseClick)(event); + }); + }, - setLine: function (line) { - if ($defined(this._line)) { - this._removeLine(); - } - this._line = line; - this._createControlPoint(); - this._endPoint = []; - this._orignalCtrlPoint = []; - this._orignalCtrlPoint[0] = this._controls[0].clone(); - this._orignalCtrlPoint[1] = this._controls[1].clone(); - this._endPoint[0] = this._line.getLine().getFrom().clone(); - this._endPoint[1] = this._line.getLine().getTo().clone(); - }, - - redraw: function () { - if ($defined(this._line)) - this._createControlPoint(); - }, - - _createControlPoint: function () { - this._controls = this._line.getLine().getControlPoints(); - var pos = this._line.getLine().getFrom(); - this._controlPointsController[0].setPosition(this._controls[ControlPoint.FROM].x + pos.x, this._controls[ControlPoint.FROM].y + pos.y - 3); - this._controlLines[0].setFrom(pos.x, pos.y); - this._controlLines[0].setTo(this._controls[ControlPoint.FROM].x + pos.x + 3, this._controls[ControlPoint.FROM].y + pos.y); - pos = this._line.getLine().getTo(); - this._controlLines[1].setFrom(pos.x, pos.y); - this._controlLines[1].setTo(this._controls[ControlPoint.TO].x + pos.x + 3, this._controls[ControlPoint.TO].y + pos.y); - this._controlPointsController[1].setPosition(this._controls[ControlPoint.TO].x + pos.x, this._controls[ControlPoint.TO].y + pos.y - 3); - - }, - - _removeLine: function () { - - }, - - _mouseDown: function (event, point, me) { - if (!this._isBinded) { - this._isBinded = true; - this._mouseMoveFunction = function (event) { - (me._mouseMoveEvent)(event, point, me); - }; - - this._workspace.getScreenManager().addEvent('mousemove', this._mouseMoveFunction); - this._mouseUpFunction = function (event) { - (me._mouseUp)(event, point, me); - }; - this._workspace.getScreenManager().addEvent('mouseup', this._mouseUpFunction); - } - event.preventDefault(); - event.stopPropagation(); - return false; - }, - - _mouseMoveEvent: function (event, point) { - var screen = this._workspace.getScreenManager(); - var pos = screen.getWorkspaceMousePosition(event); - - var cords; - if (point == 0) { - cords = Shape.calculateRelationShipPointCoordinates(this._line.getSourceTopic(), pos); - this._line.setFrom(cords.x, cords.y); - this._line.setSrcControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y)); - } else { - cords = Shape.calculateRelationShipPointCoordinates(this._line.getTargetTopic(), pos); - this._line.setTo(cords.x, cords.y); - this._line.setDestControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y)); - } - - this._controls[point].x = (pos.x - cords.x); - this._controls[point].y = (pos.y - cords.y); - this._controlPointsController[point].setPosition(pos.x - 5, pos.y - 3); - this._controlLines[point].setFrom(cords.x, cords.y); - this._controlLines[point].setTo(pos.x - 2, pos.y); - this._line.getLine().updateLine(point); - - }, - - _mouseUp: function (event, point) { - this._workspace.getScreenManager().removeEvent('mousemove', this._mouseMoveFunction); - this._workspace.getScreenManager().removeEvent('mouseup', this._mouseUpFunction); - - var actionDispatcher = ActionDispatcher.getInstance(); - actionDispatcher.moveControlPoint(this, point); - this._isBinded = false; - }, - - _mouseClick: function (event) { - event.preventDefault(); - event.stopPropagation(); - return false; - }, - - setVisibility: function (visible) { - if (visible) { - this._controlLines[0].moveToFront(); - this._controlLines[1].moveToFront(); - this._controlPointsController[0].moveToFront(); - this._controlPointsController[1].moveToFront(); - } - this._controlPointsController[0].setVisibility(visible); - this._controlPointsController[1].setVisibility(visible); - this._controlLines[0].setVisibility(visible); - this._controlLines[1].setVisibility(visible); - }, - - addToWorkspace: function (workspace) { - this._workspace = workspace; - workspace.append(this._controlPointsController[0]); - workspace.append(this._controlPointsController[1]); - workspace.append(this._controlLines[0]); - workspace.append(this._controlLines[1]); - }, - - removeFromWorkspace: function (workspace) { - this._workspace = null; - workspace.removeChild(this._controlPointsController[0]); - workspace.removeChild(this._controlPointsController[1]); - workspace.removeChild(this._controlLines[0]); - workspace.removeChild(this._controlLines[1]); - }, - - getControlPoint: function (index) { - return this._controls[index]; - }, - - getOriginalEndPoint: function (index) { - return this._endPoint[index]; - }, - - getOriginalCtrlPoint: function (index) { - return this._orignalCtrlPoint[index]; + setLine(line) { + if ($defined(this._line)) { + this._removeLine(); } + this._line = line; + this._createControlPoint(); + this._endPoint = []; + this._orignalCtrlPoint = []; + this._orignalCtrlPoint[0] = this._controls[0].clone(); + this._orignalCtrlPoint[1] = this._controls[1].clone(); + this._endPoint[0] = this._line.getLine().getFrom().clone(); + this._endPoint[1] = this._line.getLine().getTo().clone(); + }, + + redraw() { + if ($defined(this._line)) this._createControlPoint(); + }, + + _createControlPoint() { + this._controls = this._line.getLine().getControlPoints(); + let pos = this._line.getLine().getFrom(); + this._controlPointsController[0].setPosition(this._controls[ControlPoint.FROM].x + pos.x, this._controls[ControlPoint.FROM].y + pos.y - 3); + this._controlLines[0].setFrom(pos.x, pos.y); + this._controlLines[0].setTo(this._controls[ControlPoint.FROM].x + pos.x + 3, this._controls[ControlPoint.FROM].y + pos.y); + pos = this._line.getLine().getTo(); + this._controlLines[1].setFrom(pos.x, pos.y); + this._controlLines[1].setTo(this._controls[ControlPoint.TO].x + pos.x + 3, this._controls[ControlPoint.TO].y + pos.y); + this._controlPointsController[1].setPosition(this._controls[ControlPoint.TO].x + pos.x, this._controls[ControlPoint.TO].y + pos.y - 3); + }, + + _removeLine() { + + }, + + _mouseDown(event, point, me) { + if (!this._isBinded) { + this._isBinded = true; + this._mouseMoveFunction = function (event) { + (me._mouseMoveEvent)(event, point, me); + }; + + this._workspace.getScreenManager().addEvent('mousemove', this._mouseMoveFunction); + this._mouseUpFunction = function (event) { + (me._mouseUp)(event, point, me); + }; + this._workspace.getScreenManager().addEvent('mouseup', this._mouseUpFunction); + } + event.preventDefault(); + event.stopPropagation(); + return false; + }, + + _mouseMoveEvent(event, point) { + const screen = this._workspace.getScreenManager(); + const pos = screen.getWorkspaceMousePosition(event); + + let cords; + if (point == 0) { + cords = Shape.calculateRelationShipPointCoordinates(this._line.getSourceTopic(), pos); + this._line.setFrom(cords.x, cords.y); + this._line.setSrcControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y)); + } else { + cords = Shape.calculateRelationShipPointCoordinates(this._line.getTargetTopic(), pos); + this._line.setTo(cords.x, cords.y); + this._line.setDestControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y)); + } + + this._controls[point].x = (pos.x - cords.x); + this._controls[point].y = (pos.y - cords.y); + this._controlPointsController[point].setPosition(pos.x - 5, pos.y - 3); + this._controlLines[point].setFrom(cords.x, cords.y); + this._controlLines[point].setTo(pos.x - 2, pos.y); + this._line.getLine().updateLine(point); + }, + + _mouseUp(event, point) { + this._workspace.getScreenManager().removeEvent('mousemove', this._mouseMoveFunction); + this._workspace.getScreenManager().removeEvent('mouseup', this._mouseUpFunction); + + const actionDispatcher = ActionDispatcher.getInstance(); + actionDispatcher.moveControlPoint(this, point); + this._isBinded = false; + }, + + _mouseClick(event) { + event.preventDefault(); + event.stopPropagation(); + return false; + }, + + setVisibility(visible) { + if (visible) { + this._controlLines[0].moveToFront(); + this._controlLines[1].moveToFront(); + this._controlPointsController[0].moveToFront(); + this._controlPointsController[1].moveToFront(); + } + this._controlPointsController[0].setVisibility(visible); + this._controlPointsController[1].setVisibility(visible); + this._controlLines[0].setVisibility(visible); + this._controlLines[1].setVisibility(visible); + }, + + addToWorkspace(workspace) { + this._workspace = workspace; + workspace.append(this._controlPointsController[0]); + workspace.append(this._controlPointsController[1]); + workspace.append(this._controlLines[0]); + workspace.append(this._controlLines[1]); + }, + + removeFromWorkspace(workspace) { + this._workspace = null; + workspace.removeChild(this._controlPointsController[0]); + workspace.removeChild(this._controlPointsController[1]); + workspace.removeChild(this._controlLines[0]); + workspace.removeChild(this._controlLines[1]); + }, + + getControlPoint(index) { + return this._controls[index]; + }, + + getOriginalEndPoint(index) { + return this._endPoint[index]; + }, + + getOriginalCtrlPoint(index) { + return this._orignalCtrlPoint[index]; + }, }); ControlPoint.FROM = 0; diff --git a/packages/mindplot/lib/components/Designer.js b/packages/mindplot/lib/components/Designer.js index 884dd417..1d3c0f0d 100644 --- a/packages/mindplot/lib/components/Designer.js +++ b/packages/mindplot/lib/components/Designer.js @@ -45,1004 +45,992 @@ const INodeModel = require('./model/INodeModel').default; const { TopicShape } = require('./model/INodeModel'); const Designer = new Class( - /** @lends Designer */ { - Extends: Events, - /** + /** @lends Designer */ { + Extends: Events, + /** * @constructs * @param {Object} options * @param {HTMLElement} divElement * @extends mindplot.Events */ - initialize: function (options, divElement) { - $assert(options, 'options must be defined'); - $assert(options.zoom, 'zoom must be defined'); - $assert(options.size, 'size must be defined'); - $assert(divElement, 'divElement must be defined'); + initialize(options, divElement) { + $assert(options, 'options must be defined'); + $assert(options.zoom, 'zoom must be defined'); + $assert(options.size, 'size must be defined'); + $assert(divElement, 'divElement must be defined'); - // Set up i18n location ... - Messages.init(options.locale); + // Set up i18n location ... + Messages.init(options.locale); - this._options = options; + this._options = options; - // Set full div elem render area ... - divElement.css(options.size); + // Set full div elem render area ... + divElement.css(options.size); - // Dispatcher manager ... - var commandContext = new CommandContext(this); - this._actionDispatcher = new StandaloneActionDispatcher(commandContext); + // Dispatcher manager ... + const commandContext = new CommandContext(this); + this._actionDispatcher = new StandaloneActionDispatcher(commandContext); - var me = this; - this._actionDispatcher.addEvent('modelUpdate', function (event) { - me.fireEvent('modelUpdate', event); - }); + const me = this; + this._actionDispatcher.addEvent('modelUpdate', (event) => { + me.fireEvent('modelUpdate', event); + }); - ActionDispatcher.setInstance(this._actionDispatcher); - this._model = new DesignerModel(options); + ActionDispatcher.setInstance(this._actionDispatcher); + this._model = new DesignerModel(options); - // Init Screen manager.. - var screenManager = new ScreenManager(divElement); - this._workspace = new Workspace(screenManager, this._model.getZoom()); + // Init Screen manager.. + const screenManager = new ScreenManager(divElement); + this._workspace = new Workspace(screenManager, this._model.getZoom()); - // Init layout manager ... - this._eventBussDispatcher = new EventBusDispatcher(this.getModel()); + // Init layout manager ... + this._eventBussDispatcher = new EventBusDispatcher(this.getModel()); - // Register events - if (!this.isReadOnly()) { - // Register mouse events ... - this._registerMouseEvents(); + // Register events + if (!this.isReadOnly()) { + // Register mouse events ... + this._registerMouseEvents(); - // Register keyboard events ... - DesignerKeyboard.register(this); + // Register keyboard events ... + DesignerKeyboard.register(this); - this._dragManager = this._buildDragManager(this._workspace); - } - this._registerWheelEvents(); + this._dragManager = this._buildDragManager(this._workspace); + } + this._registerWheelEvents(); - this._relPivot = new RelationshipPivot(this._workspace, this); + this._relPivot = new RelationshipPivot(this._workspace, this); - // Set editor working area ... - this.setViewPort(options.viewPort); + // Set editor working area ... + this.setViewPort(options.viewPort); - TopicEventDispatcher.configure(this.isReadOnly()); - this._clipboard = []; - }, + TopicEventDispatcher.configure(this.isReadOnly()); + this._clipboard = []; + }, - /** + /** * @private */ - _registerWheelEvents: function () { - var zoomFactor = 1.006; - var me = this; - // Zoom In and Zoom Out must active event - $(document).on('mousewheel', function (event) { - if (event.deltaY > 0) { - me.zoomIn(zoomFactor); - } else { - me.zoomOut(zoomFactor); - } - event.preventDefault(); - }); - }, + _registerWheelEvents() { + const zoomFactor = 1.006; + const me = this; + // Zoom In and Zoom Out must active event + $(document).on('mousewheel', (event) => { + if (event.deltaY > 0) { + me.zoomIn(zoomFactor); + } else { + me.zoomOut(zoomFactor); + } + event.preventDefault(); + }); + }, - /** + /** * @param {String} type the event type * @param {Function} listener * forwards to the TopicEventDispatcher or the parent Events class, depending on the type */ - addEvent: function (type, listener) { - if (type == TopicEvent.EDIT || type == TopicEvent.CLICK) { - var editor = TopicEventDispatcher.getInstance(); - editor.addEvent(type, listener); - } else { - this.parent(type, listener); - } - }, + addEvent(type, listener) { + if (type == TopicEvent.EDIT || type == TopicEvent.CLICK) { + const editor = TopicEventDispatcher.getInstance(); + editor.addEvent(type, listener); + } else { + this.parent(type, listener); + } + }, - /** + /** * @private */ - _registerMouseEvents: function () { - var workspace = this._workspace; - var screenManager = workspace.getScreenManager(); - var me = this; - // Initialize workspace event listeners. - screenManager.addEvent('update', function () { - // Topic must be set to his original state. All editors must be closed. - var topics = me.getModel().getTopics(); - _.each(topics, function (object) { - object.closeEditors(); - }); + _registerMouseEvents() { + const workspace = this._workspace; + const screenManager = workspace.getScreenManager(); + const me = this; + // Initialize workspace event listeners. + screenManager.addEvent('update', () => { + // Topic must be set to his original state. All editors must be closed. + const topics = me.getModel().getTopics(); + _.each(topics, (object) => { + object.closeEditors(); + }); - // Clean some selected nodes on event .. - if (me._cleanScreen) me._cleanScreen(); - }); + // Clean some selected nodes on event .. + if (me._cleanScreen) me._cleanScreen(); + }); - // Deselect on click ... - screenManager.addEvent('click', function (event) { - me.onObjectFocusEvent(null, event); - }); + // Deselect on click ... + screenManager.addEvent('click', (event) => { + me.onObjectFocusEvent(null, event); + }); - // Create nodes on double click... - screenManager.addEvent( - 'dblclick', - function (event) { - if (workspace.isWorkspaceEventsEnabled()) { - var mousePos = screenManager.getWorkspaceMousePosition(event); - var centralTopic = me.getModel().getCentralTopic(); - var model = me._createChildModel(centralTopic, mousePos); - this._actionDispatcher.addTopics([model], [centralTopic.getId()]); - } - }.bind(this) - ); - - // Register mouse drag and drop event ... - function noopHandler(evt) { - evt.stopPropagation(); - evt.preventDefault(); - } + // Create nodes on double click... + screenManager.addEvent( + 'dblclick', + (event) => { + if (workspace.isWorkspaceEventsEnabled()) { + const mousePos = screenManager.getWorkspaceMousePosition(event); + const centralTopic = me.getModel().getCentralTopic(); + const model = me._createChildModel(centralTopic, mousePos); + this._actionDispatcher.addTopics([model], [centralTopic.getId()]); + } }, + ); - /** + // Register mouse drag and drop event ... + function noopHandler(evt) { + evt.stopPropagation(); + evt.preventDefault(); + } + }, + + /** * @private * @param {mindplot.Workspace} workspace * @return {mindplot.DragManager} the new dragManager for the workspace with events * registered */ - _buildDragManager: function (workspace) { - var designerModel = this.getModel(); - var dragConnector = new DragConnector(designerModel, this._workspace); - var dragManager = new DragManager(workspace, this._eventBussDispatcher); - var topics = designerModel.getTopics(); + _buildDragManager(workspace) { + const designerModel = this.getModel(); + const dragConnector = new DragConnector(designerModel, this._workspace); + const dragManager = new DragManager(workspace, this._eventBussDispatcher); + const topics = designerModel.getTopics(); - dragManager.addEvent('startdragging', function () { - // Enable all mouse events. - for (var i = 0; i < topics.length; i++) { - topics[i].setMouseEventsEnabled(false); - } - }); + dragManager.addEvent('startdragging', () => { + // Enable all mouse events. + for (let i = 0; i < topics.length; i++) { + topics[i].setMouseEventsEnabled(false); + } + }); - dragManager.addEvent('dragging', function (event, dragTopic) { - dragTopic.updateFreeLayout(event); - if (!dragTopic.isFreeLayoutOn(event)) { - // The node is being drag. Is the connection still valid ? - dragConnector.checkConnection(dragTopic); + dragManager.addEvent('dragging', (event, dragTopic) => { + dragTopic.updateFreeLayout(event); + if (!dragTopic.isFreeLayoutOn(event)) { + // The node is being drag. Is the connection still valid ? + dragConnector.checkConnection(dragTopic); - if (!dragTopic.isVisible() && dragTopic.isConnected()) { - dragTopic.setVisibility(true); - } - } - }); + if (!dragTopic.isVisible() && dragTopic.isConnected()) { + dragTopic.setVisibility(true); + } + } + }); - dragManager.addEvent('enddragging', function (event, dragTopic) { - for (var i = 0; i < topics.length; i++) { - topics[i].setMouseEventsEnabled(true); - } - dragTopic.applyChanges(workspace); - }); + dragManager.addEvent('enddragging', (event, dragTopic) => { + for (let i = 0; i < topics.length; i++) { + topics[i].setMouseEventsEnabled(true); + } + dragTopic.applyChanges(workspace); + }); - return dragManager; - }, + return dragManager; + }, - /** + /** * @param {{width:Number, height:Number}} size * sets width and height of the workspace */ - setViewPort: function (size) { - this._workspace.setViewPort(size); - var model = this.getModel(); - this._workspace.setZoom(model.getZoom(), true); - }, + setViewPort(size) { + this._workspace.setViewPort(size); + const model = this.getModel(); + this._workspace.setZoom(model.getZoom(), true); + }, - /** + /** * @private * @param {mindplot.model.NodeModel} model * @param {Boolean} readOnly * @return {mindplot.CentralTopic|mindplot.MainTopic} the topic to the given model, * connected, added to the drag manager, with events registered - complying type & read mode */ - _buildNodeGraph: function (model, readOnly) { - // Create node graph ... - var topic = NodeGraph.create(model, { readOnly: readOnly }); - this.getModel().addTopic(topic); - var me = this; - // Add Topic events ... - if (!readOnly) { - // If a node had gained focus, clean the rest of the nodes ... - topic.addEvent('mousedown', function (event) { - me.onObjectFocusEvent(topic, event); - }); + _buildNodeGraph(model, readOnly) { + // Create node graph ... + const topic = NodeGraph.create(model, { readOnly }); + this.getModel().addTopic(topic); + const me = this; + // Add Topic events ... + if (!readOnly) { + // If a node had gained focus, clean the rest of the nodes ... + topic.addEvent('mousedown', (event) => { + me.onObjectFocusEvent(topic, event); + }); - // Register node listeners ... - if (topic.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { - // Central Topic doesn't support to be dragged - this._dragManager.add(topic); - } - } + // Register node listeners ... + if (topic.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { + // Central Topic doesn't support to be dragged + this._dragManager.add(topic); + } + } - // Connect Topic ... - var isConnected = model.isConnected(); - if (isConnected) { - // Improve this ... - var targetTopicModel = model.getParent(); - var targetTopic = null; + // Connect Topic ... + const isConnected = model.isConnected(); + if (isConnected) { + // Improve this ... + const targetTopicModel = model.getParent(); + let targetTopic = null; - var topics = this.getModel().getTopics(); - for (var i = 0; i < topics.length; i++) { - var t = topics[i]; - if (t.getModel() == targetTopicModel) { - targetTopic = t; - // Disconnect the node. It will be connected again later ... - model.disconnect(); - break; - } - } - $assert(targetTopic, 'Could not find a topic to connect'); - topic.connectTo(targetTopic, this._workspace); - } + const topics = this.getModel().getTopics(); + for (let i = 0; i < topics.length; i++) { + const t = topics[i]; + if (t.getModel() == targetTopicModel) { + targetTopic = t; + // Disconnect the node. It will be connected again later ... + model.disconnect(); + break; + } + } + $assert(targetTopic, 'Could not find a topic to connect'); + topic.connectTo(targetTopic, this._workspace); + } - topic.addEvent('ontblur', function () { - var topics = me.getModel().filterSelectedTopics(); - var rels = me.getModel().filterSelectedRelationships(); + topic.addEvent('ontblur', () => { + const topics = me.getModel().filterSelectedTopics(); + const rels = me.getModel().filterSelectedRelationships(); - if (topics.length == 0 || rels.length == 0) { - me.fireEvent('onblur'); - } - }); + if (topics.length == 0 || rels.length == 0) { + me.fireEvent('onblur'); + } + }); - topic.addEvent('ontfocus', function () { - var topics = me.getModel().filterSelectedTopics(); - var rels = me.getModel().filterSelectedRelationships(); + topic.addEvent('ontfocus', () => { + const topics = me.getModel().filterSelectedTopics(); + const rels = me.getModel().filterSelectedRelationships(); - if (topics.length == 1 || rels.length == 1) { - me.fireEvent('onfocus'); - } - }); + if (topics.length == 1 || rels.length == 1) { + me.fireEvent('onfocus'); + } + }); - return topic; - }, + return topic; + }, - /** + /** * @param {?mindplot.Topic} currentObject * @param {Event=} event * sets focus to the given currentObject and removes it from any other objects if not * triggered with Ctrl pressed */ - onObjectFocusEvent: function (currentObject, event) { - // Close node editors .. - var topics = this.getModel().getTopics(); - _.each(topics, function (topic) { - topic.closeEditors(); - }); + onObjectFocusEvent(currentObject, event) { + // Close node editors .. + const topics = this.getModel().getTopics(); + _.each(topics, (topic) => { + topic.closeEditors(); + }); - var model = this.getModel(); - var objects = model.getEntities(); - _.each(objects, function (object) { - // Disable all nodes on focus but not the current if Ctrl key isn't being pressed - if (!$defined(event) || (!event.ctrlKey && !event.metaKey)) { - if (object.isOnFocus() && object != currentObject) { - object.setOnFocus(false); - } - } - }); - }, + const model = this.getModel(); + const objects = model.getEntities(); + _.each(objects, (object) => { + // Disable all nodes on focus but not the current if Ctrl key isn't being pressed + if (!$defined(event) || (!event.ctrlKey && !event.metaKey)) { + if (object.isOnFocus() && object != currentObject) { + object.setOnFocus(false); + } + } + }); + }, - /** sets focus to all model entities, i.e. relationships and topics */ - selectAll: function () { - var model = this.getModel(); - var objects = model.getEntities(); - _.each(objects, function (object) { - object.setOnFocus(true); - }); - }, + /** sets focus to all model entities, i.e. relationships and topics */ + selectAll() { + const model = this.getModel(); + const objects = model.getEntities(); + _.each(objects, (object) => { + object.setOnFocus(true); + }); + }, - /** removes focus from all model entities, i.e. relationships and topics */ - deselectAll: function () { - var objects = this.getModel().getEntities(); - _.each(objects, function (object) { - object.setOnFocus(false); - }); - }, + /** removes focus from all model entities, i.e. relationships and topics */ + deselectAll() { + const objects = this.getModel().getEntities(); + _.each(objects, (object) => { + object.setOnFocus(false); + }); + }, - /** + /** * Set the zoom of the map * @param {Number} zoom number between 0.3 and 1.9 */ - setZoom: function (zoom) { - if (zoom > 1.9 || zoom < 0.3) { - $notify($msg('ZOOM_IN_ERROR')); - return; - } - this.getModel().setZoom(zoom); - this._workspace.setZoom(zoom); - }, + setZoom(zoom) { + if (zoom > 1.9 || zoom < 0.3) { + $notify($msg('ZOOM_IN_ERROR')); + return; + } + this.getModel().setZoom(zoom); + this._workspace.setZoom(zoom); + }, - /** + /** * @param {Number=} factor * zoom out by the given factor, or 1.2, if undefined */ - zoomOut: function (factor) { - if (!factor) factor = 1.2; + zoomOut(factor) { + if (!factor) factor = 1.2; - var model = this.getModel(); - var scale = model.getZoom() * factor; - if (scale <= 1.9) { - model.setZoom(scale); - this._workspace.setZoom(scale); - } else { - $notify($msg('ZOOM_ERROR')); - } - }, + const model = this.getModel(); + const scale = model.getZoom() * factor; + if (scale <= 1.9) { + model.setZoom(scale); + this._workspace.setZoom(scale); + } else { + $notify($msg('ZOOM_ERROR')); + } + }, - /** + /** * @param {Number=} factor * zoom in by the given factor, or 1.2, if undefined */ - zoomIn: function (factor) { - if (!factor) factor = 1.2; + zoomIn(factor) { + if (!factor) factor = 1.2; - var model = this.getModel(); - var scale = model.getZoom() / factor; + const model = this.getModel(); + const scale = model.getZoom() / factor; - if (scale >= 0.3) { - model.setZoom(scale); - this._workspace.setZoom(scale); - } else { - $notify($msg('ZOOM_ERROR')); - } - }, + if (scale >= 0.3) { + model.setZoom(scale); + this._workspace.setZoom(scale); + } else { + $notify($msg('ZOOM_ERROR')); + } + }, - /** copy selected topics to a private clipboard */ - copyToClipboard: function () { - var topics = this.getModel().filterSelectedTopics(); - if (topics.length <= 0) { - // If there are more than one node selected, - $notify($msg('AT_LEAST_ONE_TOPIC_MUST_BE_SELECTED')); - return; - } + /** copy selected topics to a private clipboard */ + copyToClipboard() { + let topics = this.getModel().filterSelectedTopics(); + if (topics.length <= 0) { + // If there are more than one node selected, + $notify($msg('AT_LEAST_ONE_TOPIC_MUST_BE_SELECTED')); + return; + } - // Exclude central topic .. - topics = topics.filter(function (topic) { - return !topic.isCentralTopic(); - }); + // Exclude central topic .. + topics = topics.filter((topic) => !topic.isCentralTopic()); - this._clipboard = topics.map(function (topic) { - var nodeModel = topic.getModel().deepCopy(); + this._clipboard = topics.map((topic) => { + const nodeModel = topic.getModel().deepCopy(); - // Change position to make the new topic evident... - var pos = nodeModel.getPosition(); - nodeModel.setPosition(pos.x + 60 * Math.sign(pos.x), pos.y + 30); + // Change position to make the new topic evident... + const pos = nodeModel.getPosition(); + nodeModel.setPosition(pos.x + 60 * Math.sign(pos.x), pos.y + 30); - return nodeModel; - }); + return nodeModel; + }); - $notify($msg('SELECTION_COPIED_TO_CLIPBOARD')); - }, + $notify($msg('SELECTION_COPIED_TO_CLIPBOARD')); + }, - /** paste clipboard contents to the mindmap */ - pasteClipboard: function () { - if (this._clipboard.length == 0) { - $notify($msg('CLIPBOARD_IS_EMPTY')); - return; - } - this._actionDispatcher.addTopics(this._clipboard); - this._clipboard = []; - }, + /** paste clipboard contents to the mindmap */ + pasteClipboard() { + if (this._clipboard.length == 0) { + $notify($msg('CLIPBOARD_IS_EMPTY')); + return; + } + this._actionDispatcher.addTopics(this._clipboard); + this._clipboard = []; + }, - /** @return {mindplot.DesignerModel} model */ - getModel: function () { - return this._model; - }, + /** @return {mindplot.DesignerModel} model */ + getModel() { + return this._model; + }, - /** collapse the subtree of the selected topic */ - shrinkSelectedBranch: function () { - var nodes = this.getModel().filterSelectedTopics(); - if (nodes.length <= 0 || nodes.length != 1) { - // If there are more than one node selected, - $notify($msg('ONLY_ONE_TOPIC_MUST_BE_SELECTED_COLLAPSE')); - return; - } - // Execute event ... - var topic = nodes[0]; - if (topic.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { - this._actionDispatcher.shrinkBranch([topic.getId()], !topic.areChildrenShrunken()); - } - }, + /** collapse the subtree of the selected topic */ + shrinkSelectedBranch() { + const nodes = this.getModel().filterSelectedTopics(); + if (nodes.length <= 0 || nodes.length != 1) { + // If there are more than one node selected, + $notify($msg('ONLY_ONE_TOPIC_MUST_BE_SELECTED_COLLAPSE')); + return; + } + // Execute event ... + const topic = nodes[0]; + if (topic.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { + this._actionDispatcher.shrinkBranch([topic.getId()], !topic.areChildrenShrunken()); + } + }, - /** create a NodeModel for the selected node's child and add it via the ActionDispatcher */ - createChildForSelectedNode: function () { - var nodes = this.getModel().filterSelectedTopics(); - if (nodes.length <= 0) { - // If there are more than one node selected, - $notify($msg('ONE_TOPIC_MUST_BE_SELECTED')); - return; - } - if (nodes.length != 1) { - // If there are more than one node selected, - $notify($msg('ONLY_ONE_TOPIC_MUST_BE_SELECTED')); - return; - } + /** create a NodeModel for the selected node's child and add it via the ActionDispatcher */ + createChildForSelectedNode() { + const nodes = this.getModel().filterSelectedTopics(); + if (nodes.length <= 0) { + // If there are more than one node selected, + $notify($msg('ONE_TOPIC_MUST_BE_SELECTED')); + return; + } + if (nodes.length != 1) { + // If there are more than one node selected, + $notify($msg('ONLY_ONE_TOPIC_MUST_BE_SELECTED')); + return; + } - // Add new node ... - var parentTopic = nodes[0]; - var parentTopicId = parentTopic.getId(); - var childModel = this._createChildModel(parentTopic); + // Add new node ... + const parentTopic = nodes[0]; + const parentTopicId = parentTopic.getId(); + const childModel = this._createChildModel(parentTopic); - // Execute event ... - this._actionDispatcher.addTopics([childModel], [parentTopicId]); - }, + // Execute event ... + this._actionDispatcher.addTopics([childModel], [parentTopicId]); + }, - /** + /** * @private */ - _copyNodeProps: function (sourceModel, targetModel) { - // I don't copy the font size if the target is the source is the central topic. - if (sourceModel.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { - var fontSize = sourceModel.getFontSize(); - if (fontSize) { - targetModel.setFontSize(fontSize); - } - } + _copyNodeProps(sourceModel, targetModel) { + // I don't copy the font size if the target is the source is the central topic. + if (sourceModel.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { + const fontSize = sourceModel.getFontSize(); + if (fontSize) { + targetModel.setFontSize(fontSize); + } + } - var fontFamily = sourceModel.getFontFamily(); - if (fontFamily) { - targetModel.setFontFamily(fontFamily); - } + const fontFamily = sourceModel.getFontFamily(); + if (fontFamily) { + targetModel.setFontFamily(fontFamily); + } - var fontColor = sourceModel.getFontColor(); - if (fontColor) { - targetModel.setFontColor(fontColor); - } + const fontColor = sourceModel.getFontColor(); + if (fontColor) { + targetModel.setFontColor(fontColor); + } - var fontWeight = sourceModel.getFontWeight(); - if (fontWeight) { - targetModel.setFontWeight(fontWeight); - } + const fontWeight = sourceModel.getFontWeight(); + if (fontWeight) { + targetModel.setFontWeight(fontWeight); + } - var fontStyle = sourceModel.getFontStyle(); - if (fontStyle) { - targetModel.setFontStyle(fontStyle); - } + const fontStyle = sourceModel.getFontStyle(); + if (fontStyle) { + targetModel.setFontStyle(fontStyle); + } - var shape = sourceModel.getShapeType(); - if (shape) { - targetModel.setShapeType(shape); - } + const shape = sourceModel.getShapeType(); + if (shape) { + targetModel.setShapeType(shape); + } - var borderColor = sourceModel.getBorderColor(); - if (borderColor) { - targetModel.setBorderColor(borderColor); - } + const borderColor = sourceModel.getBorderColor(); + if (borderColor) { + targetModel.setBorderColor(borderColor); + } - var backgroundColor = sourceModel.getBackgroundColor(); - if (backgroundColor) { - targetModel.setBackgroundColor(backgroundColor); - } - }, + const backgroundColor = sourceModel.getBackgroundColor(); + if (backgroundColor) { + targetModel.setBackgroundColor(backgroundColor); + } + }, - /** + /** * @private * @param {mindplot.Topic} topic the parent topic of the child to create the NodeModel for * @param {core.Point} mousePos the mouse position * @return {mindplot.NodeModel} the node model for the new child */ - _createChildModel: function (topic, mousePos) { - // Create a new node ... - var parentModel = topic.getModel(); - var mindmap = parentModel.getMindmap(); - var childModel = mindmap.createNode(); + _createChildModel(topic, mousePos) { + // Create a new node ... + const parentModel = topic.getModel(); + const mindmap = parentModel.getMindmap(); + const childModel = mindmap.createNode(); - // Create a new node ... - var layoutManager = this._eventBussDispatcher.getLayoutManager(); - var result = layoutManager.predict(topic.getId(), null, mousePos); - childModel.setOrder(result.order); + // Create a new node ... + const layoutManager = this._eventBussDispatcher.getLayoutManager(); + const result = layoutManager.predict(topic.getId(), null, mousePos); + childModel.setOrder(result.order); - var position = result.position; - childModel.setPosition(position.x, position.y); + const { position } = result; + childModel.setPosition(position.x, position.y); - this._copyNodeProps(parentModel, childModel); + this._copyNodeProps(parentModel, childModel); - return childModel; - }, + return childModel; + }, - /** + /** * @param {Events} event * @param {mindplot.model.NodeModel} model * @todo not used */ - addDraggedNode: function (event, model) { - $assert(event, 'event can not be null'); - $assert(model, 'model can not be null'); + addDraggedNode(event, model) { + $assert(event, 'event can not be null'); + $assert(model, 'model can not be null'); - // Position far from the visual area ... - model.setPosition(1000, 1000); + // Position far from the visual area ... + model.setPosition(1000, 1000); - this._actionDispatcher.addTopics([model]); - var topic = this.getModel().findTopicById(model.getId()); + this._actionDispatcher.addTopics([model]); + const topic = this.getModel().findTopicById(model.getId()); - // Simulate a mouse down event to start the dragging ... - topic.fireEvent('mousedown', event); - }, + // Simulate a mouse down event to start the dragging ... + topic.fireEvent('mousedown', event); + }, - /** + /** * creates a sibling or child node of the selected node, if the selected node is the * central topic */ - createSiblingForSelectedNode: function () { - var nodes = this.getModel().filterSelectedTopics(); - if (nodes.length <= 0) { - // If there are no nodes selected, - $notify($msg('ONE_TOPIC_MUST_BE_SELECTED')); - return; - } - if (nodes.length > 1) { - // If there are more than one node selected, - $notify($msg('ONLY_ONE_TOPIC_MUST_BE_SELECTED')); - return; - } + createSiblingForSelectedNode() { + const nodes = this.getModel().filterSelectedTopics(); + if (nodes.length <= 0) { + // If there are no nodes selected, + $notify($msg('ONE_TOPIC_MUST_BE_SELECTED')); + return; + } + if (nodes.length > 1) { + // If there are more than one node selected, + $notify($msg('ONLY_ONE_TOPIC_MUST_BE_SELECTED')); + return; + } - var topic = nodes[0]; - if (!topic.getOutgoingConnectedTopic()) { - // Central topic and isolated topics .... - // Central topic doesn't have siblings ... - this.createChildForSelectedNode(); - } else { - var parentTopic = topic.getOutgoingConnectedTopic(); - var siblingModel = this._createSiblingModel(topic); + const topic = nodes[0]; + if (!topic.getOutgoingConnectedTopic()) { + // Central topic and isolated topics .... + // Central topic doesn't have siblings ... + this.createChildForSelectedNode(); + } else { + const parentTopic = topic.getOutgoingConnectedTopic(); + const siblingModel = this._createSiblingModel(topic); - // Hack: if parent is central topic, add node below not on opposite side. - // This should be done in the layout - if (parentTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { - siblingModel.setOrder(topic.getOrder() + 2); - } + // Hack: if parent is central topic, add node below not on opposite side. + // This should be done in the layout + if (parentTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + siblingModel.setOrder(topic.getOrder() + 2); + } - var parentTopicId = parentTopic.getId(); - this._actionDispatcher.addTopics([siblingModel], [parentTopicId]); - } - }, + const parentTopicId = parentTopic.getId(); + this._actionDispatcher.addTopics([siblingModel], [parentTopicId]); + } + }, - /** + /** * @private * @param {mindplot.Topic} topic the topic to create the sibling to * @return {mindplot.NodeModel} the node model of the sibling */ - _createSiblingModel: function (topic) { - var result = null; - var parentTopic = topic.getOutgoingConnectedTopic(); - if (parentTopic != null) { - // Create a new node ... - var model = topic.getModel(); - var mindmap = model.getMindmap(); - result = mindmap.createNode(); + _createSiblingModel(topic) { + let result = null; + const parentTopic = topic.getOutgoingConnectedTopic(); + if (parentTopic != null) { + // Create a new node ... + var model = topic.getModel(); + const mindmap = model.getMindmap(); + result = mindmap.createNode(); - // Create a new node ... - var order = topic.getOrder() + 1; - result.setOrder(order); - result.setPosition(10, 10); // Set a dummy position ... - } + // Create a new node ... + const order = topic.getOrder() + 1; + result.setOrder(order); + result.setPosition(10, 10); // Set a dummy position ... + } - this._copyNodeProps(model, result); + this._copyNodeProps(model, result); - return result; - }, + return result; + }, - /** + /** * @param {Event} event */ - showRelPivot: function (event) { - var nodes = this.getModel().filterSelectedTopics(); - if (nodes.length <= 0) { - // This could not happen ... - $notify($msg('RELATIONSHIP_COULD_NOT_BE_CREATED')); - return; - } + showRelPivot(event) { + const nodes = this.getModel().filterSelectedTopics(); + if (nodes.length <= 0) { + // This could not happen ... + $notify($msg('RELATIONSHIP_COULD_NOT_BE_CREATED')); + return; + } - // Current mouse position .... - var screen = this._workspace.getScreenManager(); - var pos = screen.getWorkspaceMousePosition(event); + // Current mouse position .... + const screen = this._workspace.getScreenManager(); + const pos = screen.getWorkspaceMousePosition(event); - // create a connection ... - this._relPivot.start(nodes[0], pos); - }, + // create a connection ... + this._relPivot.start(nodes[0], pos); + }, - /** @return {{zoom:Number}} the zoom */ - getMindmapProperties: function () { - var model = this.getModel(); - return { zoom: model.getZoom() }; - }, + /** @return {{zoom:Number}} the zoom */ + getMindmapProperties() { + const model = this.getModel(); + return { zoom: model.getZoom() }; + }, - /** + /** * @param {mindplot.Mindmap} mindmapModel * @throws will throw an error if mindmapModel is null or undefined */ - loadMap: function (mindmapModel) { - $assert(mindmapModel, 'mindmapModel can not be null'); - this._mindmap = mindmapModel; + loadMap(mindmapModel) { + $assert(mindmapModel, 'mindmapModel can not be null'); + this._mindmap = mindmapModel; - // Init layout manager ... - var size = { width: 25, height: 25 }; - var layoutManager = new LayoutManager(mindmapModel.getCentralTopic().getId(), size); - var me = this; - layoutManager.addEvent('change', function (event) { - var id = event.getId(); - var topic = me.getModel().findTopicById(id); - topic.setPosition(event.getPosition()); - topic.setOrder(event.getOrder()); - }); - this._eventBussDispatcher.setLayoutManager(layoutManager); + // Init layout manager ... + const size = { width: 25, height: 25 }; + const layoutManager = new LayoutManager(mindmapModel.getCentralTopic().getId(), size); + const me = this; + layoutManager.addEvent('change', (event) => { + const id = event.getId(); + const topic = me.getModel().findTopicById(id); + topic.setPosition(event.getPosition()); + topic.setOrder(event.getOrder()); + }); + this._eventBussDispatcher.setLayoutManager(layoutManager); - // Building node graph ... - var branches = mindmapModel.getBranches(); - for (var i = 0; i < branches.length; i++) { - // NodeModel -> NodeGraph ... - var nodeModel = branches[i]; - var nodeGraph = this.nodeModelToNodeGraph(nodeModel); + // Building node graph ... + const branches = mindmapModel.getBranches(); + for (let i = 0; i < branches.length; i++) { + // NodeModel -> NodeGraph ... + const nodeModel = branches[i]; + const nodeGraph = this.nodeModelToNodeGraph(nodeModel); - // Update shrink render state... - nodeGraph.setBranchVisibility(true); - } + // Update shrink render state... + nodeGraph.setBranchVisibility(true); + } - var relationships = mindmapModel.getRelationships(); - for (var j = 0; j < relationships.length; j++) { - this._relationshipModelToRelationship(relationships[j]); - } + const relationships = mindmapModel.getRelationships(); + for (let j = 0; j < relationships.length; j++) { + this._relationshipModelToRelationship(relationships[j]); + } - // Place the focus on the Central Topic - var centralTopic = this.getModel().getCentralTopic(); - this.goToNode(centralTopic); + // Place the focus on the Central Topic + const centralTopic = this.getModel().getCentralTopic(); + this.goToNode(centralTopic); - // Finally, sort the map ... - EventBus.instance.fireEvent(EventBus.events.DoLayout); + // Finally, sort the map ... + EventBus.instance.fireEvent(EventBus.events.DoLayout); - this.fireEvent('loadSuccess'); - }, + this.fireEvent('loadSuccess'); + }, - /** */ - getMindmap: function () { - return this._mindmap; - }, + /** */ + getMindmap() { + return this._mindmap; + }, - /** */ - undo: function () { - // @Todo: This is a hack... - this._actionDispatcher._actionRunner.undo(); - }, + /** */ + undo() { + // @Todo: This is a hack... + this._actionDispatcher._actionRunner.undo(); + }, - /** */ - redo: function () { - this._actionDispatcher._actionRunner.redo(); - }, + /** */ + redo() { + this._actionDispatcher._actionRunner.redo(); + }, - /** */ - isReadOnly: function () { - return this._options.readOnly; - }, + /** */ + isReadOnly() { + return this._options.readOnly; + }, - /** + /** * @param {mindplot.model.NodeModel} nodeModel * @return {mindplot.Topic} the topic (extends mindplot.NodeGraph) created to the model */ - nodeModelToNodeGraph: function (nodeModel) { - $assert(nodeModel, 'Node model can not be null'); - var children = nodeModel.getChildren().slice(); - children = children.sort(function (a, b) { - return a.getOrder() - b.getOrder(); - }); + nodeModelToNodeGraph(nodeModel) { + $assert(nodeModel, 'Node model can not be null'); + let children = nodeModel.getChildren().slice(); + children = children.sort((a, b) => a.getOrder() - b.getOrder()); - var nodeGraph = this._buildNodeGraph(nodeModel, this.isReadOnly()); - nodeGraph.setVisibility(false); + const nodeGraph = this._buildNodeGraph(nodeModel, this.isReadOnly()); + nodeGraph.setVisibility(false); - this._workspace.append(nodeGraph); - for (var i = 0; i < children.length; i++) { - var child = children[i]; - if ($defined(child)) this.nodeModelToNodeGraph(child); - } + this._workspace.append(nodeGraph); + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if ($defined(child)) this.nodeModelToNodeGraph(child); + } - return nodeGraph; - }, + return nodeGraph; + }, - /** + /** * @private * @param {mindplot.model.RelationshipModel} model * @return {mindplot.Relationship} the relationship created to the model * @throws will throw an error if model is null or undefined */ - _relationshipModelToRelationship: function (model) { - $assert(model, 'Node model can not be null'); + _relationshipModelToRelationship(model) { + $assert(model, 'Node model can not be null'); - var result = this._buildRelationshipShape(model); + const result = this._buildRelationshipShape(model); - var sourceTopic = result.getSourceTopic(); - sourceTopic.addRelationship(result); + const sourceTopic = result.getSourceTopic(); + sourceTopic.addRelationship(result); - var targetTopic = result.getTargetTopic(); - targetTopic.addRelationship(result); + const targetTopic = result.getTargetTopic(); + targetTopic.addRelationship(result); - result.setVisibility(sourceTopic.isVisible() && targetTopic.isVisible()); + result.setVisibility(sourceTopic.isVisible() && targetTopic.isVisible()); - this._workspace.append(result); - return result; - }, + this._workspace.append(result); + return result; + }, - /** + /** * @param {mindplot.model.RelationshipModel} model * @return {mindplot.Relationship} the relationship added to the mindmap */ - addRelationship: function (model) { - var mindmap = this.getMindmap(); - mindmap.addRelationship(model); - return this._relationshipModelToRelationship(model); - }, + addRelationship(model) { + const mindmap = this.getMindmap(); + mindmap.addRelationship(model); + return this._relationshipModelToRelationship(model); + }, - /** + /** * deletes the relationship from the linked topics, DesignerModel, Workspace and Mindmap * @param {mindplot.Relationship} rel the relationship to delete */ - deleteRelationship: function (rel) { - var sourceTopic = rel.getSourceTopic(); - sourceTopic.deleteRelationship(rel); + deleteRelationship(rel) { + const sourceTopic = rel.getSourceTopic(); + sourceTopic.deleteRelationship(rel); - var targetTopic = rel.getTargetTopic(); - targetTopic.deleteRelationship(rel); + const targetTopic = rel.getTargetTopic(); + targetTopic.deleteRelationship(rel); - this.getModel().removeRelationship(rel); - this._workspace.removeChild(rel); + this.getModel().removeRelationship(rel); + this._workspace.removeChild(rel); - var mindmap = this.getMindmap(); - mindmap.deleteRelationship(rel.getModel()); - }, + const mindmap = this.getMindmap(); + mindmap.deleteRelationship(rel.getModel()); + }, - /** + /** * @private * @param {mindplot.model.RelationshipModel} model * @return {mindplot.Relationship} the new relationship with events registered * @throws will throw an error if the target topic cannot be found */ - _buildRelationshipShape: function (model) { - var dmodel = this.getModel(); + _buildRelationshipShape(model) { + const dmodel = this.getModel(); - var sourceTopicId = model.getFromNode(); - var sourceTopic = dmodel.findTopicById(sourceTopicId); + const sourceTopicId = model.getFromNode(); + const sourceTopic = dmodel.findTopicById(sourceTopicId); - var targetTopicId = model.getToNode(); - var targetTopic = dmodel.findTopicById(targetTopicId); - $assert( - targetTopic, - 'targetTopic could not be found:' + - targetTopicId + - dmodel.getTopics().map(function (e) { - return e.getId(); - }) - ); + const targetTopicId = model.getToNode(); + const targetTopic = dmodel.findTopicById(targetTopicId); + $assert( + targetTopic, + `targetTopic could not be found:${ + targetTopicId + }${dmodel.getTopics().map((e) => e.getId())}`, + ); - // Build relationship line .... - var result = new Relationship(sourceTopic, targetTopic, model); - var me = this; + // Build relationship line .... + const result = new Relationship(sourceTopic, targetTopic, model); + const me = this; - result.addEvent('ontblur', function () { - var topics = me.getModel().filterSelectedTopics(); - var rels = me.getModel().filterSelectedRelationships(); + result.addEvent('ontblur', () => { + const topics = me.getModel().filterSelectedTopics(); + const rels = me.getModel().filterSelectedRelationships(); - if (topics.length == 0 || rels.length == 0) { - me.fireEvent('onblur'); - } - }); + if (topics.length == 0 || rels.length == 0) { + me.fireEvent('onblur'); + } + }); - result.addEvent('ontfocus', function () { - var topics = me.getModel().filterSelectedTopics(); - var rels = me.getModel().filterSelectedRelationships(); + result.addEvent('ontfocus', () => { + const topics = me.getModel().filterSelectedTopics(); + const rels = me.getModel().filterSelectedRelationships(); - if (topics.length == 1 || rels.length == 1) { - me.fireEvent('onfocus'); - } - }); + if (topics.length == 1 || rels.length == 1) { + me.fireEvent('onfocus'); + } + }); - // Append it to the workspace ... - dmodel.addRelationship(result); + // Append it to the workspace ... + dmodel.addRelationship(result); - return result; - }, + return result; + }, - /** + /** * @param {mindplot.Topic} node the topic to remove * removes the given topic and its children from Workspace, DesignerModel and NodeModel */ - removeTopic: function (node) { - if (!node.isCentralTopic()) { - var parent = node._parent; - node.disconnect(this._workspace); + removeTopic(node) { + if (!node.isCentralTopic()) { + const parent = node._parent; + node.disconnect(this._workspace); - //remove children - while (node.getChildren().length > 0) { - this.removeTopic(node.getChildren()[0]); - } + // remove children + while (node.getChildren().length > 0) { + this.removeTopic(node.getChildren()[0]); + } - this._workspace.removeChild(node); - this.getModel().removeTopic(node); + this._workspace.removeChild(node); + this.getModel().removeTopic(node); - // Delete this node from the model... - var model = node.getModel(); - model.deleteNode(); + // Delete this node from the model... + const model = node.getModel(); + model.deleteNode(); - if ($defined(parent)) { - this.goToNode(parent); - } - } - }, + if ($defined(parent)) { + this.goToNode(parent); + } + } + }, - /** + /** * @private */ - _resetEdition: function () { - var screenManager = this._workspace.getScreenManager(); - screenManager.fireEvent('update'); - screenManager.fireEvent('mouseup'); - this._relPivot.dispose(); - }, + _resetEdition() { + const screenManager = this._workspace.getScreenManager(); + screenManager.fireEvent('update'); + screenManager.fireEvent('mouseup'); + this._relPivot.dispose(); + }, - /** */ - deleteSelectedEntities: function () { - // Is there some action in progress ?. - this._resetEdition(); + /** */ + deleteSelectedEntities() { + // Is there some action in progress ?. + this._resetEdition(); - var topics = this.getModel().filterSelectedTopics(); - var relation = this.getModel().filterSelectedRelationships(); - if (topics.length <= 0 && relation.length <= 0) { - // If there are more than one node selected, - $notify($msg('ENTITIES_COULD_NOT_BE_DELETED')); - return; - } else if (topics.length == 1 && topics[0].isCentralTopic()) { - $notify($msg('CENTRAL_TOPIC_CAN_NOT_BE_DELETED')); - return; - } + const topics = this.getModel().filterSelectedTopics(); + const relation = this.getModel().filterSelectedRelationships(); + if (topics.length <= 0 && relation.length <= 0) { + // If there are more than one node selected, + $notify($msg('ENTITIES_COULD_NOT_BE_DELETED')); + return; + } if (topics.length == 1 && topics[0].isCentralTopic()) { + $notify($msg('CENTRAL_TOPIC_CAN_NOT_BE_DELETED')); + return; + } - // If the central topic has been selected, I must filter ir - var topicIds = topics - .filter(function (topic) { - return !topic.isCentralTopic(); - }) - .map(function (topic) { - return topic.getId(); - }); + // If the central topic has been selected, I must filter ir + const topicIds = topics + .filter((topic) => !topic.isCentralTopic()) + .map((topic) => topic.getId()); - var relIds = relation.map(function (rel) { - return rel.getId(); - }); + const relIds = relation.map((rel) => rel.getId()); - // Finally delete the topics ... - if (topicIds.length > 0 || relIds.length > 0) { - this._actionDispatcher.deleteEntities(topicIds, relIds); - } - }, + // Finally delete the topics ... + if (topicIds.length > 0 || relIds.length > 0) { + this._actionDispatcher.deleteEntities(topicIds, relIds); + } + }, - /** */ - changeFontFamily: function (font) { - var topicsIds = this.getModel().filterTopicsIds(); - if (topicsIds.length > 0) { - this._actionDispatcher.changeFontFamilyToTopic(topicsIds, font); - } - }, + /** */ + changeFontFamily(font) { + const topicsIds = this.getModel().filterTopicsIds(); + if (topicsIds.length > 0) { + this._actionDispatcher.changeFontFamilyToTopic(topicsIds, font); + } + }, - /** */ - changeFontStyle: function () { - var topicsIds = this.getModel().filterTopicsIds(); - if (topicsIds.length > 0) { - this._actionDispatcher.changeFontStyleToTopic(topicsIds); - } - }, + /** */ + changeFontStyle() { + const topicsIds = this.getModel().filterTopicsIds(); + if (topicsIds.length > 0) { + this._actionDispatcher.changeFontStyleToTopic(topicsIds); + } + }, - /** */ - changeFontColor: function (color) { - $assert(color, 'color can not be null'); + /** */ + changeFontColor(color) { + $assert(color, 'color can not be null'); - var topicsIds = this.getModel().filterTopicsIds(); - if (topicsIds.length > 0) { - this._actionDispatcher.changeFontColorToTopic(topicsIds, color); - } - }, + const topicsIds = this.getModel().filterTopicsIds(); + if (topicsIds.length > 0) { + this._actionDispatcher.changeFontColorToTopic(topicsIds, color); + } + }, - /** */ - changeBackgroundColor: function (color) { - var validateFunc = function (topic) { - return topic.getShapeType() != TopicShape.LINE; - }; - var validateError = 'Color can not be set to line topics.'; + /** */ + changeBackgroundColor(color) { + const validateFunc = function (topic) { + return topic.getShapeType() != TopicShape.LINE; + }; + const validateError = 'Color can not be set to line topics.'; - var topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); - if (topicsIds.length > 0) { - this._actionDispatcher.changeBackgroundColorToTopic(topicsIds, color); - } - }, + const topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); + if (topicsIds.length > 0) { + this._actionDispatcher.changeBackgroundColorToTopic(topicsIds, color); + } + }, - /** */ - changeBorderColor: function (color) { - var validateFunc = function (topic) { - return topic.getShapeType() != TopicShape.LINE; - }; - var validateError = 'Color can not be set to line topics.'; - var topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); - if (topicsIds.length > 0) { - this._actionDispatcher.changeBorderColorToTopic(topicsIds, color); - } - }, + /** */ + changeBorderColor(color) { + const validateFunc = function (topic) { + return topic.getShapeType() != TopicShape.LINE; + }; + const validateError = 'Color can not be set to line topics.'; + const topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); + if (topicsIds.length > 0) { + this._actionDispatcher.changeBorderColorToTopic(topicsIds, color); + } + }, - /** */ - changeFontSize: function (size) { - var topicsIds = this.getModel().filterTopicsIds(); - if (topicsIds.length > 0) { - this._actionDispatcher.changeFontSizeToTopic(topicsIds, size); - } - }, + /** */ + changeFontSize(size) { + const topicsIds = this.getModel().filterTopicsIds(); + if (topicsIds.length > 0) { + this._actionDispatcher.changeFontSizeToTopic(topicsIds, size); + } + }, - /** */ - changeTopicShape: function (shape) { - var validateFunc = function (topic) { - return !( - topic.getType() == INodeModel.CENTRAL_TOPIC_TYPE && shape == TopicShape.LINE - ); - }; + /** */ + changeTopicShape(shape) { + const validateFunc = function (topic) { + return !( + topic.getType() == INodeModel.CENTRAL_TOPIC_TYPE && shape == TopicShape.LINE + ); + }; - var validateError = 'Central Topic shape can not be changed to line figure.'; - var topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); - if (topicsIds.length > 0) { - this._actionDispatcher.changeShapeTypeToTopic(topicsIds, shape); - } - }, + const validateError = 'Central Topic shape can not be changed to line figure.'; + const topicsIds = this.getModel().filterTopicsIds(validateFunc, validateError); + if (topicsIds.length > 0) { + this._actionDispatcher.changeShapeTypeToTopic(topicsIds, shape); + } + }, - /** */ - changeFontWeight: function () { - var topicsIds = this.getModel().filterTopicsIds(); - if (topicsIds.length > 0) { - this._actionDispatcher.changeFontWeightToTopic(topicsIds); - } - }, + /** */ + changeFontWeight() { + const topicsIds = this.getModel().filterTopicsIds(); + if (topicsIds.length > 0) { + this._actionDispatcher.changeFontWeightToTopic(topicsIds); + } + }, - /** */ - addIconType: function (iconType) { - var topicsIds = this.getModel().filterTopicsIds(); - if (topicsIds.length > 0) { - this._actionDispatcher.addFeatureToTopic(topicsIds[0], TopicFeature.Icon.id, { - id: iconType, - }); - } - }, + /** */ + addIconType(iconType) { + const topicsIds = this.getModel().filterTopicsIds(); + if (topicsIds.length > 0) { + this._actionDispatcher.addFeatureToTopic(topicsIds[0], TopicFeature.Icon.id, { + id: iconType, + }); + } + }, - /** + /** * lets the selected topic open the link editor where the user can define or modify an * existing link */ - addLink: function () { - var model = this.getModel(); - var topic = model.selectedTopic(); - if (topic) { - topic.showLinkEditor(); - this.onObjectFocusEvent(); - } - }, + addLink() { + const model = this.getModel(); + const topic = model.selectedTopic(); + if (topic) { + topic.showLinkEditor(); + this.onObjectFocusEvent(); + } + }, - /** */ - addNote: function () { - var model = this.getModel(); - var topic = model.selectedTopic(); - if (topic) { - topic.showNoteEditor(); - this.onObjectFocusEvent(); - } - }, + /** */ + addNote() { + const model = this.getModel(); + const topic = model.selectedTopic(); + if (topic) { + topic.showNoteEditor(); + this.onObjectFocusEvent(); + } + }, - /** + /** * @param {mindplot.Topic} node * sets the focus to the given node */ - goToNode: function (node) { - node.setOnFocus(true); - this.onObjectFocusEvent(node); - }, + goToNode(node) { + node.setOnFocus(true); + this.onObjectFocusEvent(node); + }, - /** @return {mindplot.Workspace} */ - getWorkSpace: function () { - return this._workspace; - }, - } + /** @return {mindplot.Workspace} */ + getWorkSpace() { + return this._workspace; + }, + }, ); export default Designer; diff --git a/packages/mindplot/lib/components/DesignerActionRunner.js b/packages/mindplot/lib/components/DesignerActionRunner.js index 3b5620a2..777e1737 100644 --- a/packages/mindplot/lib/components/DesignerActionRunner.js +++ b/packages/mindplot/lib/components/DesignerActionRunner.js @@ -19,40 +19,38 @@ const DesignerUndoManager = require('./DesignerUndoManager').default; const EventBus = require('./layout/EventBus').default; const DesignerActionRunner = new Class({ - initialize: function (commandContext, notifier) { - $assert(commandContext, "commandContext can not be null"); + initialize(commandContext, notifier) { + $assert(commandContext, 'commandContext can not be null'); - this._undoManager = new DesignerUndoManager(); - this._context = commandContext; - this._notifier = notifier; - }, + this._undoManager = new DesignerUndoManager(); + this._context = commandContext; + this._notifier = notifier; + }, - execute: function (command) { - $assert(command, "command can not be null"); - command.execute(this._context); - this._undoManager.enqueue(command); - this.fireChangeEvent(); - EventBus.instance.fireEvent(EventBus.events.DoLayout); + execute(command) { + $assert(command, 'command can not be null'); + command.execute(this._context); + this._undoManager.enqueue(command); + this.fireChangeEvent(); + EventBus.instance.fireEvent(EventBus.events.DoLayout); + }, - }, + undo() { + this._undoManager.execUndo(this._context); + this.fireChangeEvent(); + EventBus.instance.fireEvent(EventBus.events.DoLayout); + }, - undo: function () { - this._undoManager.execUndo(this._context); - this.fireChangeEvent(); - EventBus.instance.fireEvent(EventBus.events.DoLayout); - }, + redo() { + this._undoManager.execRedo(this._context); + this.fireChangeEvent(); + EventBus.instance.fireEvent(EventBus.events.DoLayout); + }, - redo: function () { - this._undoManager.execRedo(this._context); - this.fireChangeEvent(); - EventBus.instance.fireEvent(EventBus.events.DoLayout); - - }, - - fireChangeEvent: function () { - var event = this._undoManager.buildEvent(); - this._notifier.fireEvent("modelUpdate", event); - } + fireChangeEvent() { + const event = this._undoManager.buildEvent(); + this._notifier.fireEvent('modelUpdate', event); + }, }); export default DesignerActionRunner; diff --git a/packages/mindplot/lib/components/DesignerKeyboard.js b/packages/mindplot/lib/components/DesignerKeyboard.js index b59ef6d3..c7e85a92 100644 --- a/packages/mindplot/lib/components/DesignerKeyboard.js +++ b/packages/mindplot/lib/components/DesignerKeyboard.js @@ -18,383 +18,416 @@ const Keyboard = require('./Keyboard').default; const DesignerKeyboard = new Class({ - Extends: Keyboard, - Static:{ - register:function (designer) { - this._instance = new DesignerKeyboard(designer); - }, + Extends: Keyboard, + Static: { + register(designer) { + this._instance = new DesignerKeyboard(designer); + }, - getInstance:function () { - return this._instance; + getInstance() { + return this._instance; + }, + }, + + initialize(designer) { + $assert(designer, 'designer can not be null'); + this._registerEvents(designer); + }, + + _registerEvents(designer) { + // Try with the keyboard .. + const model = designer.getModel(); + this.addShortcut( + ['backspace'], (event) => { + event.preventDefault(); + event.stopPropagation(); + designer.deleteSelectedEntities(); + }, + ); + this.addShortcut( + ['space'], () => { + designer.shrinkSelectedBranch(); + }, + ); + this.addShortcut( + ['f2'], (event) => { + event.stopPropagation(); + event.preventDefault(); + const node = model.selectedTopic(); + if (node) { + node.showTextEditor(); } - }, + }, + ); + this.addShortcut( + ['del'], (event) => { + designer.deleteSelectedEntities(); + event.preventDefault(); + event.stopPropagation(); + }, + ); + this.addShortcut( + ['enter'], () => { + designer.createSiblingForSelectedNode(); + }, + ); + this.addShortcut( + ['insert'], (event) => { + designer.createChildForSelectedNode(); + event.preventDefault(); + event.stopPropagation(); + }, + ); + this.addShortcut( + ['tab'], (event) => { + designer.createChildForSelectedNode(); + event.preventDefault(); + event.stopPropagation(); + }, + ); + this.addShortcut( + ['meta+enter'], (event) => { + event.preventDefault(); + event.stopPropagation(); + designer.createChildForSelectedNode(); + }, + ); + this.addShortcut( + ['ctrl+z', 'meta+z'], (event) => { + event.preventDefault(event); + event.stopPropagation(); + designer.undo(); + }, + ); + this.addShortcut( + ['ctrl+c', 'meta+c'], (event) => { + event.preventDefault(event); + event.stopPropagation(); + designer.copyToClipboard(); + }, + ); + this.addShortcut( + ['ctrl+v', 'meta+v'], (event) => { + event.preventDefault(event); + event.stopPropagation(); + designer.pasteClipboard(); + }, + ); + this.addShortcut( + ['ctrl+shift+z', 'meta+shift+z', 'ctrl+y', 'meta+y'], (event) => { + event.preventDefault(); + event.stopPropagation(); + designer.redo(); + }, + ); + this.addShortcut( + ['ctrl+a', 'meta+a'], (event) => { + event.preventDefault(); + event.stopPropagation(); + designer.selectAll(); + }, + ); + this.addShortcut( + ['ctrl+b', 'meta+b'], (event) => { + event.preventDefault(); + event.stopPropagation(); - initialize:function (designer) { - $assert(designer, "designer can not be null"); - this._registerEvents(designer); - }, + designer.changeFontWeight(); + }, + ); + this.addShortcut( + ['ctrl+s', 'meta+s'], (event) => { + event.preventDefault(); + event.stopPropagation(); + $(document).find('#save').trigger('click'); + }, + ); + this.addShortcut( + ['ctrl+i', 'meta+i'], (event) => { + event.preventDefault(); + event.stopPropagation(); - _registerEvents:function (designer) { + designer.changeFontStyle(); + }, + ); + this.addShortcut( + ['ctrl+shift+a', 'meta+shift+a'], (event) => { + event.preventDefault(); + event.stopPropagation(); - // Try with the keyboard .. - var model = designer.getModel(); - this.addShortcut( - ['backspace'], function (event) { - event.preventDefault(); - event.stopPropagation(); - designer.deleteSelectedEntities(); - } - ); - this.addShortcut( - ['space'], function() { - designer.shrinkSelectedBranch(); - } - ); - this.addShortcut( - ['f2'],function(event) { - event.stopPropagation(); - event.preventDefault(); - var node = model.selectedTopic(); - if (node) { - node.showTextEditor(); - } - } - ); - this.addShortcut( - ['del'], function(event) { - designer.deleteSelectedEntities(); - event.preventDefault(); - event.stopPropagation(); - } - ); - this.addShortcut( - ['enter'], function() { - designer.createSiblingForSelectedNode(); - } - ); - this.addShortcut( - ['insert'], function(event) { - designer.createChildForSelectedNode(); - event.preventDefault(); - event.stopPropagation(); - } - ); - this.addShortcut( - ['tab'], function(event) { - designer.createChildForSelectedNode(); - event.preventDefault(); - event.stopPropagation(); - } - ); - this.addShortcut( - ['meta+enter'], function(event) { - event.preventDefault(); - event.stopPropagation(); - designer.createChildForSelectedNode(); - } - ); - this.addShortcut( - ['ctrl+z', 'meta+z'], function(event) { - event.preventDefault(event); - event.stopPropagation(); - designer.undo(); - } - ); - this.addShortcut( - ['ctrl+c', 'meta+c'], function (event) { - event.preventDefault(event); - event.stopPropagation(); - designer.copyToClipboard(); - } - ); - this.addShortcut( - ['ctrl+v', 'meta+v'], function (event) { - event.preventDefault(event); - event.stopPropagation(); - designer.pasteClipboard(); - } - ); - this.addShortcut( - ['ctrl+shift+z', 'meta+shift+z', 'ctrl+y', 'meta+y'], function (event) { - event.preventDefault(); - event.stopPropagation(); - designer.redo(); - } - ); - this.addShortcut( - ['ctrl+a', 'meta+a'], function (event) { - event.preventDefault(); - event.stopPropagation(); - designer.selectAll(); - } - ); - this.addShortcut( - ['ctrl+b', 'meta+b'], function (event) { - event.preventDefault(); - event.stopPropagation(); - - designer.changeFontWeight(); - } - ); - this.addShortcut( - ['ctrl+s', 'meta+s'], function (event) { - event.preventDefault(); - event.stopPropagation(); - $(document).find('#save').trigger('click'); - } - ); - this.addShortcut( - ['ctrl+i', 'meta+i'], function (event) { - event.preventDefault(); - event.stopPropagation(); - - designer.changeFontStyle(); - } - ); - this.addShortcut( - ['ctrl+shift+a', 'meta+shift+a'], function (event) { - event.preventDefault(); - event.stopPropagation(); - - designer.deselectAll(); - } - ); - this.addShortcut( - ['meta+=', 'ctrl+='], function (event) { - event.preventDefault(); - event.stopPropagation(); - - designer.zoomIn(); - } - ); - this.addShortcut( - ['meta+-', 'ctrl+-'], function (event) { - event.preventDefault(); - event.stopPropagation(); - - designer.zoomOut(); - } - ); - var me = this; - this.addShortcut( - 'right', function (event) { - var node = model.selectedTopic(); - if (node) { - if (node.isCentralTopic()) { - me._goToSideChild(designer, node, 'RIGHT'); - } - else { - if (node.getPosition().x < 0) { - me._goToParent(designer, node); - } - else if (!node.areChildrenShrunken()) { - me._goToChild(designer, node); - } - } - } else { - var centralTopic = model.getCentralTopic(); - me._goToNode(designer, centralTopic); - } - event.preventDefault(); - event.stopPropagation(); - } - ); - this.addShortcut( - 'left', function (event) { - var node = model.selectedTopic(); - if (node) { - if (node.isCentralTopic()) { - me._goToSideChild(designer, node, 'LEFT'); - } - else { - if (node.getPosition().x > 0) { - me._goToParent(designer, node); - } - else if (!node.areChildrenShrunken()) { - me._goToChild(designer, node); - } - } - } else { - var centralTopic = model.getCentralTopic(); - me._goToNode(designer, centralTopic); - } - event.preventDefault(); - event.stopPropagation(); - } - ); - this.addShortcut( - 'up', function (event) { - var node = model.selectedTopic(); - if (node) { - if (!node.isCentralTopic()) { - me._goToBrother(designer, node, 'UP'); - } - } else { - var centralTopic = model.getCentralTopic(); - me._goToNode(designer, centralTopic); - } - event.preventDefault(); - event.stopPropagation(); - } - ); - this.addShortcut( - 'down', function (event) { - var node = model.selectedTopic(); - if (node) { - if (!node.isCentralTopic()) { - me._goToBrother(designer, node, 'DOWN'); - } - } else { - var centralTopic = model.getCentralTopic(); - me._goToNode(designer, centralTopic); - } - event.preventDefault(); - event.stopPropagation(); - } - ); - var excludes = ['esc', 'escape', 'f1', 'f3', 'f4', 'f5', 'f6', 'f7', 'f8', 'f9', 'f10', 'f11', 'f12']; - - $(document).on('keypress', function (event) { - var keyCode; - // Firefox doesn't skip special keys for keypress event... - if (event.key && excludes.contains(event.key.toLowerCase())) { - return; - } - // Sometimes Firefox doesn't contain keyCode value - if (event.key && event.keyCode == 0) { - keyCode = event.charCode; - } else { - keyCode = event.keyCode; - } - - var specialKey = jQuery.hotkeys.specialKeys[keyCode]; - if (["enter", "capslock"].indexOf(specialKey) == -1 && !jQuery.hotkeys.shiftNums[keyCode]) { - var nodes = designer.getModel().filterSelectedTopics(); - if (nodes.length > 0) { - - // If a modifier is press, the key selected must be ignored. - var pressKey = String.fromCharCode(keyCode); - if (event.ctrlKey || event.altKey || event.metaKey) { - return; - } - nodes[0].showTextEditor(pressKey); - event.stopPropagation(); - } - } - - }); - - }, - - _goToBrother:function (designer, node, direction) { - var parent = node.getParent(); - if (parent) { - var brothers = parent.getChildren(); - - var target = node; - var y = node.getPosition().y; - var x = node.getPosition().x; - var dist = null; - for (var i = 0; i < brothers.length; i++) { - var sameSide = (x * brothers[i].getPosition().x) >= 0; - if (brothers[i] != node && sameSide) { - var brother = brothers[i]; - var brotherY = brother.getPosition().y; - if (direction == "DOWN" && brotherY > y) { - var distancia = y - brotherY; - if (distancia < 0) { - distancia = distancia * (-1); - } - if (dist == null || dist > distancia) { - dist = distancia; - target = brothers[i]; - } - } - else if (direction == "UP" && brotherY < y) { - var distance = y - brotherY; - if (distance < 0) { - distance = distance * (-1); - } - if (dist == null || dist > distance) { - dist = distance; - target = brothers[i]; - } - } - } - } - this._goToNode(designer, target); - } - }, - - - _goToSideChild:function (designer, node, side) { - var children = node.getChildren(); - if (children.length > 0) { - var target = children[0]; - var top = null; - for (var i = 0; i < children.length; i++) { - var child = children[i]; - var childY = child.getPosition().y; - if (side == 'LEFT' && child.getPosition().x < 0) { - if (top == null || childY < top) { - target = child; - top = childY; - } - } - if (side == 'RIGHT' && child.getPosition().x > 0) { - if (top == null || childY < top) { - target = child; - top = childY; - } - } - } - - this._goToNode(designer, target); - } - }, - - _goToParent:function (designer, node) { - var parent = node.getParent(); - if (parent) { - this._goToNode(designer, parent); - } - }, - - _goToChild:function (designer, node) { - var children = node.getChildren(); - if (children.length > 0) { - var target = children[0]; - var top = target.getPosition().y; - for (var i = 0; i < children.length; i++) { - var child = children[i]; - if (child.getPosition().y < top) { - top = child.getPosition().y; - target = child; - } - } - this._goToNode(designer, target); - } - }, - - _goToNode:function (designer, node) { - // First deselect all the nodes ... designer.deselectAll(); + }, + ); + this.addShortcut( + ['meta+=', 'ctrl+='], (event) => { + event.preventDefault(); + event.stopPropagation(); - // Give focus to the selected node.... - node.setOnFocus(true); + designer.zoomIn(); + }, + ); + this.addShortcut( + ['meta+-', 'ctrl+-'], (event) => { + event.preventDefault(); + event.stopPropagation(); + + designer.zoomOut(); + }, + ); + const me = this; + this.addShortcut( + 'right', (event) => { + const node = model.selectedTopic(); + if (node) { + if (node.isCentralTopic()) { + me._goToSideChild(designer, node, 'RIGHT'); + } else if (node.getPosition().x < 0) { + me._goToParent(designer, node); + } else if (!node.areChildrenShrunken()) { + me._goToChild(designer, node); + } + } else { + const centralTopic = model.getCentralTopic(); + me._goToNode(designer, centralTopic); + } + event.preventDefault(); + event.stopPropagation(); + }, + ); + this.addShortcut( + 'left', (event) => { + const node = model.selectedTopic(); + if (node) { + if (node.isCentralTopic()) { + me._goToSideChild(designer, node, 'LEFT'); + } else if (node.getPosition().x > 0) { + me._goToParent(designer, node); + } else if (!node.areChildrenShrunken()) { + me._goToChild(designer, node); + } + } else { + const centralTopic = model.getCentralTopic(); + me._goToNode(designer, centralTopic); + } + event.preventDefault(); + event.stopPropagation(); + }, + ); + this.addShortcut( + 'up', (event) => { + const node = model.selectedTopic(); + if (node) { + if (!node.isCentralTopic()) { + me._goToBrother(designer, node, 'UP'); + } + } else { + const centralTopic = model.getCentralTopic(); + me._goToNode(designer, centralTopic); + } + event.preventDefault(); + event.stopPropagation(); + }, + ); + this.addShortcut( + 'down', (event) => { + const node = model.selectedTopic(); + if (node) { + if (!node.isCentralTopic()) { + me._goToBrother(designer, node, 'DOWN'); + } + } else { + const centralTopic = model.getCentralTopic(); + me._goToNode(designer, centralTopic); + } + event.preventDefault(); + event.stopPropagation(); + }, + ); + const excludes = ['esc', 'escape', 'f1', 'f3', 'f4', 'f5', 'f6', 'f7', 'f8', 'f9', 'f10', 'f11', 'f12']; + + $(document).on('keypress', (event) => { + let keyCode; + // Firefox doesn't skip special keys for keypress event... + if (event.key && excludes.contains(event.key.toLowerCase())) { + return; + } + // Sometimes Firefox doesn't contain keyCode value + if (event.key && event.keyCode == 0) { + keyCode = event.charCode; + } else { + keyCode = event.keyCode; + } + + const specialKey = jQuery.hotkeys.specialKeys[keyCode]; + if (['enter', 'capslock'].indexOf(specialKey) == -1 && !jQuery.hotkeys.shiftNums[keyCode]) { + const nodes = designer.getModel().filterSelectedTopics(); + if (nodes.length > 0) { + // If a modifier is press, the key selected must be ignored. + const pressKey = String.fromCharCode(keyCode); + if (event.ctrlKey || event.altKey || event.metaKey) { + return; + } + nodes[0].showTextEditor(pressKey); + event.stopPropagation(); + } + } + }); + }, + + _goToBrother(designer, node, direction) { + const parent = node.getParent(); + if (parent) { + const brothers = parent.getChildren(); + + let target = node; + const { y } = node.getPosition(); + const { x } = node.getPosition(); + let dist = null; + for (let i = 0; i < brothers.length; i++) { + const sameSide = (x * brothers[i].getPosition().x) >= 0; + if (brothers[i] != node && sameSide) { + const brother = brothers[i]; + const brotherY = brother.getPosition().y; + if (direction == 'DOWN' && brotherY > y) { + let distancia = y - brotherY; + if (distancia < 0) { + distancia *= (-1); + } + if (dist == null || dist > distancia) { + dist = distancia; + target = brothers[i]; + } + } else if (direction == 'UP' && brotherY < y) { + let distance = y - brotherY; + if (distance < 0) { + distance *= (-1); + } + if (dist == null || dist > distance) { + dist = distance; + target = brothers[i]; + } + } + } + } + this._goToNode(designer, target); } + }, + + _goToSideChild(designer, node, side) { + const children = node.getChildren(); + if (children.length > 0) { + let target = children[0]; + let top = null; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + const childY = child.getPosition().y; + if (side == 'LEFT' && child.getPosition().x < 0) { + if (top == null || childY < top) { + target = child; + top = childY; + } + } + if (side == 'RIGHT' && child.getPosition().x > 0) { + if (top == null || childY < top) { + target = child; + top = childY; + } + } + } + + this._goToNode(designer, target); + } + }, + + _goToParent(designer, node) { + const parent = node.getParent(); + if (parent) { + this._goToNode(designer, parent); + } + }, + + _goToChild(designer, node) { + const children = node.getChildren(); + if (children.length > 0) { + let target = children[0]; + let top = target.getPosition().y; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (child.getPosition().y < top) { + top = child.getPosition().y; + target = child; + } + } + this._goToNode(designer, target); + } + }, + + _goToNode(designer, node) { + // First deselect all the nodes ... + designer.deselectAll(); + + // Give focus to the selected node.... + node.setOnFocus(true); + }, }); DesignerKeyboard.specialKeys = { - 8: "backspace", 9: "tab", 10: "return", 13: "enter", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", - 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", - 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", - 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", - 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/", - 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", - 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 186: ";", 191: "/", - 220: "\\", 222: "'", 224: "meta" + 8: 'backspace', + 9: 'tab', + 10: 'return', + 13: 'enter', + 16: 'shift', + 17: 'ctrl', + 18: 'alt', + 19: 'pause', + 20: 'capslock', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'del', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9', + 106: '*', + 107: '+', + 109: '-', + 110: '.', + 111: '/', + 112: 'f1', + 113: 'f2', + 114: 'f3', + 115: 'f4', + 116: 'f5', + 117: 'f6', + 118: 'f7', + 119: 'f8', + 120: 'f9', + 121: 'f10', + 122: 'f11', + 123: 'f12', + 144: 'numlock', + 145: 'scroll', + 186: ';', + 191: '/', + 220: '\\', + 222: "'", + 224: 'meta', }; export default DesignerKeyboard; diff --git a/packages/mindplot/lib/components/DesignerModel.js b/packages/mindplot/lib/components/DesignerModel.js index 5ce65710..994214a0 100644 --- a/packages/mindplot/lib/components/DesignerModel.js +++ b/packages/mindplot/lib/components/DesignerModel.js @@ -18,174 +18,172 @@ const Events = require('./Events').default; const DesignerModel = new Class(/** @lends DesignerModel */{ - Implements:[Events], - /** + Implements: [Events], + /** * @implements {mindplot.Events} * @constructs - * @param {{readOnly: Boolean, zoom: Number, saveOnLoad: Boolean, size: {width: Number, - * height: Number}, viewPort: {width: Number, height: Number}, container: String, + * @param {{readOnly: Boolean, zoom: Number, saveOnLoad: Boolean, size: {width: Number, + * height: Number}, viewPort: {width: Number, height: Number}, container: String, * persistenceManager: String, mapId: String, locale: String}} options - * options loaded from json config + * options loaded from json config * @see {@link ConfigParameters.md} * @see {@link editor.html} */ - initialize:function (options) { - this._zoom = options.zoom; - this._topics = []; - this._relationships = []; - }, + initialize(options) { + this._zoom = options.zoom; + this._topics = []; + this._relationships = []; + }, - /** @return {Number} zoom between 0.3 (largest text) and 1.9 */ - getZoom:function () { - return this._zoom; - }, + /** @return {Number} zoom between 0.3 (largest text) and 1.9 */ + getZoom() { + return this._zoom; + }, - /** @param {Number} zoom number between 0.3 and 1.9 to set the zoom to */ - setZoom:function (zoom) { - this._zoom = zoom; - }, + /** @param {Number} zoom number between 0.3 and 1.9 to set the zoom to */ + setZoom(zoom) { + this._zoom = zoom; + }, - /** @return {@link mindplot.Topic[]} all topics */ - getTopics:function () { - return this._topics; - }, + /** @return {@link mindplot.Topic[]} all topics */ + getTopics() { + return this._topics; + }, - /** @return {mindplot.Relationship[]} all relationships */ - getRelationships:function () { - return this._relationships; - }, + /** @return {mindplot.Relationship[]} all relationships */ + getRelationships() { + return this._relationships; + }, - /** @return {mindplot.CentralTopic} the central topic */ - getCentralTopic:function () { - var topics = this.getTopics(); - return topics[0]; - }, + /** @return {mindplot.CentralTopic} the central topic */ + getCentralTopic() { + const topics = this.getTopics(); + return topics[0]; + }, - /** @return {mindplot.Topic[]} selected topics */ - filterSelectedTopics:function () { - var result = []; - for (var i = 0; i < this._topics.length; i++) { - if (this._topics[i].isOnFocus()) { - result.push(this._topics[i]); - } - } - return result; - }, + /** @return {mindplot.Topic[]} selected topics */ + filterSelectedTopics() { + const result = []; + for (let i = 0; i < this._topics.length; i++) { + if (this._topics[i].isOnFocus()) { + result.push(this._topics[i]); + } + } + return result; + }, - /** + /** * @return {mindplot.Relationship[]} selected relationships */ - filterSelectedRelationships:function () { - var result = []; - for (var i = 0; i < this._relationships.length; i++) { - if (this._relationships[i].isOnFocus()) { - result.push(this._relationships[i]); - } - } - return result; - }, + filterSelectedRelationships() { + const result = []; + for (let i = 0; i < this._relationships.length; i++) { + if (this._relationships[i].isOnFocus()) { + result.push(this._relationships[i]); + } + } + return result; + }, - /** + /** * @return {Array.} all topics and relationships */ - getEntities:function () { - var result = [].append(this._topics); - result.append(this._relationships); - return result; - }, + getEntities() { + const result = [].append(this._topics); + result.append(this._relationships); + return result; + }, - /** + /** * removes occurrences of the given topic from the topic array * @param {mindplot.Topic} topic the topic to remove */ - removeTopic:function (topic) { - $assert(topic, "topic can not be null"); - this._topics.erase(topic); - }, + removeTopic(topic) { + $assert(topic, 'topic can not be null'); + this._topics.erase(topic); + }, - /** + /** * removes occurrences of the given relationship from the relationship array * @param {mindplot.Relationship} rel the relationship to remove */ - removeRelationship:function (rel) { - $assert(rel, "rel can not be null"); - this._relationships.erase(rel); - }, + removeRelationship(rel) { + $assert(rel, 'rel can not be null'); + this._relationships.erase(rel); + }, - /** + /** * adds the given topic to the topic array * @param {mindplot.Topic} topic the topic to add * @throws will throw an error if topic is null or undefined * @throws will throw an error if the topic's id is not a number */ - addTopic:function (topic) { - $assert(topic, "topic can not be null"); - $assert(typeof topic.getId() == "number", "id is not a number:" + topic.getId()); - this._topics.push(topic); - }, + addTopic(topic) { + $assert(topic, 'topic can not be null'); + $assert(typeof topic.getId() === 'number', `id is not a number:${topic.getId()}`); + this._topics.push(topic); + }, - /** + /** * adds the given relationship to the relationship array * @param {mindplot.Relationship} rel the relationship to add * @throws will throw an error if rel is null or undefined */ - addRelationship:function (rel) { - $assert(rel, "rel can not be null"); - this._relationships.push(rel); - }, + addRelationship(rel) { + $assert(rel, 'rel can not be null'); + this._relationships.push(rel); + }, - /** + /** * @param {Function=} validate a function to validate nodes * @param {String=} errorMsg an error message to display if the validation fails * @return {String} returns an array of the selected (and, if applicable, valid) topics' ids */ - filterTopicsIds:function (validate, errorMsg) { - var result = []; - var topics = this.filterSelectedTopics(); + filterTopicsIds(validate, errorMsg) { + const result = []; + const topics = this.filterSelectedTopics(); + let isValid = true; + for (let i = 0; i < topics.length; i++) { + const selectedNode = topics[i]; + if ($defined(validate)) { + isValid = validate(selectedNode); + } - var isValid = true; - for (var i = 0; i < topics.length; i++) { - var selectedNode = topics[i]; - if ($defined(validate)) { - isValid = validate(selectedNode); - } + // Add node only if it's valid. + if (isValid) { + result.push(selectedNode.getId()); + } else { + $notify(errorMsg); + } + } + return result; + }, - // Add node only if it's valid. - if (isValid) { - result.push(selectedNode.getId()); - } else { - $notify(errorMsg); - } - } - return result; - }, - - /** - * @return {mindplot.Topic} the first selected topic if one or more are found by the + /** + * @return {mindplot.Topic} the first selected topic if one or more are found by the * filterSelectedTopics function, null otherwise */ - selectedTopic:function () { - var topics = this.filterSelectedTopics(); - return (topics.length > 0) ? topics[0] : null; - }, + selectedTopic() { + const topics = this.filterSelectedTopics(); + return (topics.length > 0) ? topics[0] : null; + }, - /** + /** * @param {String} id the id of the topic to be retrieved * @return {mindplot.Topic} the topic with the respective id */ - findTopicById:function (id) { - var result = null; - for (var i = 0; i < this._topics.length; i++) { - var topic = this._topics[i]; - if (topic.getId() == id) { - result = topic; - break; - } - } - return result; - + findTopicById(id) { + let result = null; + for (let i = 0; i < this._topics.length; i++) { + const topic = this._topics[i]; + if (topic.getId() == id) { + result = topic; + break; + } } + return result; + }, }); export default DesignerModel; diff --git a/packages/mindplot/lib/components/DesignerUndoManager.js b/packages/mindplot/lib/components/DesignerUndoManager.js index 63fa4feb..15f06754 100644 --- a/packages/mindplot/lib/components/DesignerUndoManager.js +++ b/packages/mindplot/lib/components/DesignerUndoManager.js @@ -17,69 +17,69 @@ */ const DesignerUndoManager = new Class({ - initialize: function(fireChange) { - this._undoQueue = []; - this._redoQueue = []; - this._baseId = 0; - }, + initialize(fireChange) { + this._undoQueue = []; + this._redoQueue = []; + this._baseId = 0; + }, - enqueue:function(command) { - $assert(command, "Command can not be null"); - var length = this._undoQueue.length; - if (command.discardDuplicated && length > 0) { - // Skip duplicated events ... - var lastItem = this._undoQueue[length - 1]; - if (lastItem.discardDuplicated != command.discardDuplicated) { - this._undoQueue.push(command); - } - } else { - this._undoQueue.push(command); - } - this._redoQueue = []; - }, - - execUndo: function(commandContext) { - if (this._undoQueue.length > 0) { - var command = this._undoQueue.pop(); - this._redoQueue.push(command); - - command.undoExecute(commandContext); - } - }, - - execRedo: function(commandContext) { - if (this._redoQueue.length > 0) { - var command = this._redoQueue.pop(); - this._undoQueue.push(command); - command.execute(commandContext); - } - }, - - buildEvent: function() { - return {undoSteps: this._undoQueue.length, redoSteps:this._redoQueue.length}; - }, - - markAsChangeBase: function() { - var undoLength = this._undoQueue.length; - if (undoLength > 0) { - var command = this._undoQueue[undoLength - 1]; - this._baseId = command.getId(); - } else { - this._baseId = 0; - } - }, - - hasBeenChanged: function() { - var result = true; - var undoLength= this._undoQueue.length; - if (undoLength == 0 && this._baseId == 0) { - result = false; - } else if (undoLength > 0) { - var command = this._undoQueue[undoLength - 1]; - result = (this._baseId != command.getId()); - } - return result; + enqueue(command) { + $assert(command, 'Command can not be null'); + const { length } = this._undoQueue; + if (command.discardDuplicated && length > 0) { + // Skip duplicated events ... + const lastItem = this._undoQueue[length - 1]; + if (lastItem.discardDuplicated != command.discardDuplicated) { + this._undoQueue.push(command); + } + } else { + this._undoQueue.push(command); } + this._redoQueue = []; + }, + + execUndo(commandContext) { + if (this._undoQueue.length > 0) { + const command = this._undoQueue.pop(); + this._redoQueue.push(command); + + command.undoExecute(commandContext); + } + }, + + execRedo(commandContext) { + if (this._redoQueue.length > 0) { + const command = this._redoQueue.pop(); + this._undoQueue.push(command); + command.execute(commandContext); + } + }, + + buildEvent() { + return { undoSteps: this._undoQueue.length, redoSteps: this._redoQueue.length }; + }, + + markAsChangeBase() { + const undoLength = this._undoQueue.length; + if (undoLength > 0) { + const command = this._undoQueue[undoLength - 1]; + this._baseId = command.getId(); + } else { + this._baseId = 0; + } + }, + + hasBeenChanged() { + let result = true; + const undoLength = this._undoQueue.length; + if (undoLength == 0 && this._baseId == 0) { + result = false; + } else if (undoLength > 0) { + const command = this._undoQueue[undoLength - 1]; + result = (this._baseId != command.getId()); + } + return result; + }, }); export default DesignerUndoManager; diff --git a/packages/mindplot/lib/components/DragConnector.js b/packages/mindplot/lib/components/DragConnector.js index 4505e052..da539906 100644 --- a/packages/mindplot/lib/components/DragConnector.js +++ b/packages/mindplot/lib/components/DragConnector.js @@ -17,99 +17,94 @@ */ const DragConnector = new Class({ - initialize:function (designerModel, workspace) { - $assert(designerModel, 'designerModel can not be null'); - $assert(workspace, 'workspace can not be null'); + initialize(designerModel, workspace) { + $assert(designerModel, 'designerModel can not be null'); + $assert(workspace, 'workspace can not be null'); - // this._layoutManager = layoutManager; - this._designerModel = designerModel; - this._workspace = workspace; - }, + // this._layoutManager = layoutManager; + this._designerModel = designerModel; + this._workspace = workspace; + }, - checkConnection:function (dragTopic) { - var topics = this._designerModel.getTopics(); + checkConnection(dragTopic) { + const topics = this._designerModel.getTopics(); - // Must be disconnected from their current connection ?. - var candidates = this._searchConnectionCandidates(dragTopic); - var currentConnection = dragTopic.getConnectedToTopic(); - - - if (currentConnection && (candidates.length == 0 || candidates[0] != currentConnection)) { - dragTopic.disconnect(this._workspace); - } - - // Finally, connect nodes ... - if (!dragTopic.isConnected() && candidates.length > 0) { - dragTopic.connectTo(candidates[0]); - } - }, - - _searchConnectionCandidates:function (dragTopic) { - var topics = this._designerModel.getTopics(); - var draggedNode = dragTopic.getDraggedTopic(); - - // Drag node connects to the border ... - var dragTopicWidth = dragTopic.getSize ? dragTopic.getSize().width : 0; // Hack... - var xMouseGap = dragTopic.getPosition().x > 0 ? 0 : dragTopicWidth; - var sPos = {x:dragTopic.getPosition().x - xMouseGap, y:dragTopic.getPosition().y}; - - // Perform a initial filter to discard topics: - // - Exclude dragged topic - // - Exclude dragTopic pivot - // - Nodes that are collapsed - // - It's not part of the branch dragged itself - topics = topics.filter(function (topic) { - var result = draggedNode != topic; - result = result && topic != draggedNode; - result = result && !topic.areChildrenShrunken() && !topic.isCollapsed(); - result = result && !draggedNode.isChildTopic(topic); - return result; - }); - - // Filter all the nodes that are outside the vertical boundary: - // * The node is to out of the x scope - // * The x distance greater the vertical tolerated distance - topics = topics.filter(function (topic) { - var tpos = topic.getPosition(); - // Center topic has different alignment than the rest of the nodes. That's why i need to divide it by two... - var txborder = tpos.x + (topic.getSize().width / 2) * Math.sign(sPos.x); - var distance = (sPos.x - txborder) * Math.sign(sPos.x); - return distance > 0 && (distance < DragConnector.MAX_VERTICAL_CONNECTION_TOLERANCE); - - }); - - // Assign a priority based on the distance: - // - Alignment with the targetNode - // - Vertical distance - // - Horizontal proximity - // - It's already connected. - var currentConnection = dragTopic.getConnectedToTopic(); - var me = this; - topics = topics.sort(function (a, b) { - var aPos = a.getPosition(); - var bPos = b.getPosition(); - - var av = me._isVerticallyAligned(a.getSize(), aPos, sPos); - var bv = me._isVerticallyAligned(b.getSize(), bPos, sPos); - return me._proximityWeight(av, a, sPos, currentConnection) - me._proximityWeight(bv, b, sPos, currentConnection); - - }); - return topics; - }, - - _proximityWeight:function (isAligned, target, sPos, currentConnection) { - var tPos = target.getPosition(); - return (isAligned ? 0 : 200 ) + Math.abs(tPos.x - sPos.x) + Math.abs(tPos.y - sPos.y) + (currentConnection == target ? 0 : 100); - }, - - _isVerticallyAligned:function (targetSize, targetPosition, sourcePosition) { - - return Math.abs(sourcePosition.y - targetPosition.y) < targetSize.height / 2; + // Must be disconnected from their current connection ?. + const candidates = this._searchConnectionCandidates(dragTopic); + const currentConnection = dragTopic.getConnectedToTopic(); + if (currentConnection && (candidates.length == 0 || candidates[0] != currentConnection)) { + dragTopic.disconnect(this._workspace); } + // Finally, connect nodes ... + if (!dragTopic.isConnected() && candidates.length > 0) { + dragTopic.connectTo(candidates[0]); + } + }, + + _searchConnectionCandidates(dragTopic) { + let topics = this._designerModel.getTopics(); + const draggedNode = dragTopic.getDraggedTopic(); + + // Drag node connects to the border ... + const dragTopicWidth = dragTopic.getSize ? dragTopic.getSize().width : 0; // Hack... + const xMouseGap = dragTopic.getPosition().x > 0 ? 0 : dragTopicWidth; + const sPos = { x: dragTopic.getPosition().x - xMouseGap, y: dragTopic.getPosition().y }; + + // Perform a initial filter to discard topics: + // - Exclude dragged topic + // - Exclude dragTopic pivot + // - Nodes that are collapsed + // - It's not part of the branch dragged itself + topics = topics.filter((topic) => { + let result = draggedNode != topic; + result = result && topic != draggedNode; + result = result && !topic.areChildrenShrunken() && !topic.isCollapsed(); + result = result && !draggedNode.isChildTopic(topic); + return result; + }); + + // Filter all the nodes that are outside the vertical boundary: + // * The node is to out of the x scope + // * The x distance greater the vertical tolerated distance + topics = topics.filter((topic) => { + const tpos = topic.getPosition(); + // Center topic has different alignment than the rest of the nodes. That's why i need to divide it by two... + const txborder = tpos.x + (topic.getSize().width / 2) * Math.sign(sPos.x); + const distance = (sPos.x - txborder) * Math.sign(sPos.x); + return distance > 0 && (distance < DragConnector.MAX_VERTICAL_CONNECTION_TOLERANCE); + }); + + // Assign a priority based on the distance: + // - Alignment with the targetNode + // - Vertical distance + // - Horizontal proximity + // - It's already connected. + const currentConnection = dragTopic.getConnectedToTopic(); + const me = this; + topics = topics.sort((a, b) => { + const aPos = a.getPosition(); + const bPos = b.getPosition(); + + const av = me._isVerticallyAligned(a.getSize(), aPos, sPos); + const bv = me._isVerticallyAligned(b.getSize(), bPos, sPos); + return me._proximityWeight(av, a, sPos, currentConnection) - me._proximityWeight(bv, b, sPos, currentConnection); + }); + return topics; + }, + + _proximityWeight(isAligned, target, sPos, currentConnection) { + const tPos = target.getPosition(); + return (isAligned ? 0 : 200) + Math.abs(tPos.x - sPos.x) + Math.abs(tPos.y - sPos.y) + (currentConnection == target ? 0 : 100); + }, + + _isVerticallyAligned(targetSize, targetPosition, sourcePosition) { + return Math.abs(sourcePosition.y - targetPosition.y) < targetSize.height / 2; + }, + }); DragConnector.MAX_VERTICAL_CONNECTION_TOLERANCE = 80; -export default DragConnector +export default DragConnector; diff --git a/packages/mindplot/lib/components/DragManager.js b/packages/mindplot/lib/components/DragManager.js index 91ba6566..6c855ed2 100644 --- a/packages/mindplot/lib/components/DragManager.js +++ b/packages/mindplot/lib/components/DragManager.js @@ -1,151 +1,146 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const DragTopic = require('./DragTopic').default; - -const DragManager = new Class({ - initialize:function(workspace, eventDispatcher) { - this._workspace = workspace; - this._designerModel = workspace; - this._listeners = {}; - this._isDragInProcess = false; - this._eventDispatcher = eventDispatcher; - DragTopic.init(this._workspace); - }, - - add : function(node) { - // Add behaviour ... - var workspace = this._workspace; - var screen = workspace.getScreenManager(); - var dragManager = this; - var me = this; - var mouseDownListener = function(event) { - if (workspace.isWorkspaceEventsEnabled()) { - // Disable double drag... - workspace.enableWorkspaceEvents(false); - - // Set initial position. - var layoutManager = me._eventDispatcher.getLayoutManager(); - var dragNode = node.createDragNode(layoutManager); - - // Register mouse move listener ... - var mouseMoveListener = dragManager._buildMouseMoveListener(workspace, dragNode, dragManager); - screen.addEvent('mousemove', mouseMoveListener); - - // Register mouse up listeners ... - var mouseUpListener = dragManager._buildMouseUpListener(workspace, node, dragNode, dragManager); - screen.addEvent('mouseup', mouseUpListener); - - // Change cursor. - window.document.body.style.cursor = 'move'; - } - }; - node.addEvent('mousedown', mouseDownListener); - }, - - remove : function(node) { - var nodes = this._topics; - var contained = false; - var index = -1; - for (var i = 0; i < nodes.length; i++) { - if (nodes[i] == node) { - contained = true; - index = i; - } - } - }, - - _buildMouseMoveListener : function(workspace, dragNode, dragManager) { - var screen = workspace.getScreenManager(); - var me = this; - var result = function(event) { - - if (!me._isDragInProcess) { - // Execute Listeners .. - var startDragListener = dragManager._listeners['startdragging']; - startDragListener(event, dragNode); - - // Add shadow node to the workspace. - workspace.append(dragNode); - - me._isDragInProcess = true; - } - - var pos = screen.getWorkspaceMousePosition(event); - dragNode.setPosition(pos.x, pos.y); - - // Call mouse move listeners ... - var dragListener = dragManager._listeners['dragging']; - if ($defined(dragListener)) { - dragListener(event, dragNode); - } - - event.preventDefault(); - - }; - dragManager._mouseMoveListener = result; - return result; - }, - - _buildMouseUpListener : function(workspace, node, dragNode, dragManager) { - var screen = workspace.getScreenManager(); - var me = this; - var result = function(event) { - $assert(dragNode.isDragTopic, 'dragNode must be an DragTopic'); - - // Remove all the events. - screen.removeEvent('mousemove', dragManager._mouseMoveListener); - screen.removeEvent('mouseup', dragManager._mouseUpListener); - - // Help GC - dragManager._mouseMoveListener = null; - dragManager._mouseUpListener = null; - - workspace.enableWorkspaceEvents(true); - // Change the cursor to the default. - window.document.body.style.cursor = 'default'; - - if (me._isDragInProcess) { - - // Execute Listeners only if the node has been moved. - var endDragListener = dragManager._listeners['enddragging']; - endDragListener(event, dragNode); - - // Remove drag node from the workspace. - dragNode.removeFromWorkspace(workspace); - - me._isDragInProcess = false; - } - - - }; - dragManager._mouseUpListener = result; - return result; - }, - - /** - * type: - * - startdragging. - * - dragging - * - enddragging - */ - addEvent : function(type, listener) { - this._listeners[type] = listener; - } -}); - -export default DragManager; +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +const DragTopic = require('./DragTopic').default; + +const DragManager = new Class({ + initialize(workspace, eventDispatcher) { + this._workspace = workspace; + this._designerModel = workspace; + this._listeners = {}; + this._isDragInProcess = false; + this._eventDispatcher = eventDispatcher; + DragTopic.init(this._workspace); + }, + + add(node) { + // Add behaviour ... + const workspace = this._workspace; + const screen = workspace.getScreenManager(); + const dragManager = this; + const me = this; + const mouseDownListener = function (event) { + if (workspace.isWorkspaceEventsEnabled()) { + // Disable double drag... + workspace.enableWorkspaceEvents(false); + + // Set initial position. + const layoutManager = me._eventDispatcher.getLayoutManager(); + const dragNode = node.createDragNode(layoutManager); + + // Register mouse move listener ... + const mouseMoveListener = dragManager._buildMouseMoveListener(workspace, dragNode, dragManager); + screen.addEvent('mousemove', mouseMoveListener); + + // Register mouse up listeners ... + const mouseUpListener = dragManager._buildMouseUpListener(workspace, node, dragNode, dragManager); + screen.addEvent('mouseup', mouseUpListener); + + // Change cursor. + window.document.body.style.cursor = 'move'; + } + }; + node.addEvent('mousedown', mouseDownListener); + }, + + remove(node) { + const nodes = this._topics; + let contained = false; + let index = -1; + for (let i = 0; i < nodes.length; i++) { + if (nodes[i] == node) { + contained = true; + index = i; + } + } + }, + + _buildMouseMoveListener(workspace, dragNode, dragManager) { + const screen = workspace.getScreenManager(); + const me = this; + const result = function (event) { + if (!me._isDragInProcess) { + // Execute Listeners .. + const startDragListener = dragManager._listeners.startdragging; + startDragListener(event, dragNode); + + // Add shadow node to the workspace. + workspace.append(dragNode); + + me._isDragInProcess = true; + } + + const pos = screen.getWorkspaceMousePosition(event); + dragNode.setPosition(pos.x, pos.y); + + // Call mouse move listeners ... + const dragListener = dragManager._listeners.dragging; + if ($defined(dragListener)) { + dragListener(event, dragNode); + } + + event.preventDefault(); + }; + dragManager._mouseMoveListener = result; + return result; + }, + + _buildMouseUpListener(workspace, node, dragNode, dragManager) { + const screen = workspace.getScreenManager(); + const me = this; + const result = function (event) { + $assert(dragNode.isDragTopic, 'dragNode must be an DragTopic'); + + // Remove all the events. + screen.removeEvent('mousemove', dragManager._mouseMoveListener); + screen.removeEvent('mouseup', dragManager._mouseUpListener); + + // Help GC + dragManager._mouseMoveListener = null; + dragManager._mouseUpListener = null; + + workspace.enableWorkspaceEvents(true); + // Change the cursor to the default. + window.document.body.style.cursor = 'default'; + + if (me._isDragInProcess) { + // Execute Listeners only if the node has been moved. + const endDragListener = dragManager._listeners.enddragging; + endDragListener(event, dragNode); + + // Remove drag node from the workspace. + dragNode.removeFromWorkspace(workspace); + + me._isDragInProcess = false; + } + }; + dragManager._mouseUpListener = result; + return result; + }, + + /** + * type: + * - startdragging. + * - dragging + * - enddragging + */ + addEvent(type, listener) { + this._listeners[type] = listener; + }, +}); + +export default DragManager; diff --git a/packages/mindplot/lib/components/DragPivot.js b/packages/mindplot/lib/components/DragPivot.js index 3234c6b7..c689789e 100644 --- a/packages/mindplot/lib/components/DragPivot.js +++ b/packages/mindplot/lib/components/DragPivot.js @@ -1,238 +1,240 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const Core = require('@wismapping/core-js') -const core = Core(); -const web2D = require('@wismapping/web2d') -const web2d = web2D(); - -const DragTopic = require('./DragTopic').default; -const Shape = require('./util/Shape').default; -const INodeModel = require('./model/INodeModel').default; - -const DragPivot = new Class({ - initialize:function() { - this._position = new core.Point(); - this._size = DragTopic.PIVOT_SIZE; - - this._straightLine = this._buildStraightLine(); - this._curvedLine = this._buildCurvedLine(); - this._dragPivot = this._buildRect(); - this._connectRect = this._buildRect(); - this._targetTopic = null; - this._isVisible = false; - }, - - isVisible:function() { - return this._isVisible; - }, - - getTargetTopic : function() { - return this._targetTopic; - }, - - _buildStraightLine : function() { - var line = new web2d.CurvedLine(); - line.setStyle(web2d.CurvedLine.SIMPLE_LINE); - line.setStroke(1, 'solid', '#CC0033'); - line.setOpacity(0.4); - line.setVisibility(false); - return line; - }, - - _buildCurvedLine : function() { - var line = new web2d.CurvedLine(); - line.setStyle(web2d.CurvedLine.SIMPLE_LINE); - line.setStroke(1, 'solid', '#CC0033'); - line.setOpacity(0.4); - line.setVisibility(false); - return line; - }, - - - _redrawLine : function() { - // Update line position. - $assert(this.getTargetTopic(), 'Illegal invocation. Target node can not be null'); - - var pivotRect = this._getPivotRect(); - - // Pivot position has not changed. In this case, position change is not required. - var targetTopic = this.getTargetTopic(); - var position = this._position; - - // Calculate pivot connection point ... - var size = this._size; - var targetPosition = targetTopic.getPosition(); - var line = this._getConnectionLine(); - - // Update Line position. - var isAtRight = Shape.isAtRight(targetPosition, position); - var pivotPoint = Shape.calculateRectConnectionPoint(position, size, isAtRight); - line.setFrom(pivotPoint.x, pivotPoint.y); - - // Update rect position - var cx = position.x - (parseInt(size.width) / 2); - var cy = position.y - (parseInt(size.height) / 2); - pivotRect.setPosition(cx, cy); - - // Make line visible only when the position has been already changed. - // This solve several strange effects ;) - var targetPoint = targetTopic.workoutIncomingConnectionPoint(pivotPoint); - line.setTo(targetPoint.x, targetPoint.y); - }, - - setPosition : function(point) { - this._position = point; - this._redrawLine(); - }, - - getPosition : function() { - return this._position; - }, - - _buildRect : function() { - var size = this._size; - var rectAttributes = {fillColor:'#CC0033',opacity:0.4,width:size.width,height:size.height,strokeColor:'#FF9933'}; - var rect = new web2d.Rect(0, rectAttributes); - rect.setVisibility(false); - return rect; - }, - - _getPivotRect : function() { - return this._dragPivot; - }, - - getSize : function() { - var elem2d = this._getPivotRect(); - return elem2d.getSize(); - }, - - setVisibility : function(value) { - if (this.isVisible() != value) { - - var pivotRect = this._getPivotRect(); - pivotRect.setVisibility(value); - - var connectRect = this._connectRect; - connectRect.setVisibility(value); - - var line = this._getConnectionLine(); - if (line) { - line.setVisibility(value); - } - this._isVisible = value; - } - }, - - // If the node is connected, validate that there is a line connecting both... - _getConnectionLine : function() { - var result = null; - var parentTopic = this._targetTopic; - if (parentTopic) { - if (parentTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { - result = this._straightLine; - } else { - result = this._curvedLine; - } - } - return result; - }, - - addToWorkspace : function(workspace) { - var pivotRect = this._getPivotRect(); - workspace.append(pivotRect); - - var connectToRect = this._connectRect; - workspace.append(connectToRect); - - // Add a hidden straight line ... - var straighLine = this._straightLine; - straighLine.setVisibility(false); - workspace.append(straighLine); - straighLine.moveToBack(); - - // Add a hidden curved line ... - var curvedLine = this._curvedLine; - curvedLine.setVisibility(false); - workspace.append(curvedLine); - curvedLine.moveToBack(); - - // Add a connect rect ... - var connectRect = this._connectRect; - connectRect.setVisibility(false); - workspace.append(connectRect); - connectRect.moveToBack(); - }, - - removeFromWorkspace : function(workspace) { - var shape = this._getPivotRect(); - workspace.removeChild(shape); - - var connectToRect = this._connectRect; - workspace.removeChild(connectToRect); - - if ($defined(this._straightLine)) { - workspace.removeChild(this._straightLine); - } - - if ($defined(this._curvedLine)) { - workspace.removeChild(this._curvedLine); - } - }, - - connectTo : function(targetTopic, position) { - $assert(!this._outgoingLine, 'Could not connect an already connected node'); - $assert(targetTopic != this, 'Circular connection are not allowed'); - $assert(position, 'position can not be null'); - $assert(targetTopic, 'parent can not be null'); - - this._position = position; - this._targetTopic = targetTopic; - - // Connected to Rect ... - var connectRect = this._connectRect; - var targetSize = targetTopic.getSize(); - - // Add 4 pixel in order to keep create a rect bigger than the topic. - var width = targetSize.width + 4; - var height = targetSize.height + 4; - - connectRect.setSize(width, height); - - var targetPosition = targetTopic.getPosition(); - var cx = Math.ceil(targetPosition.x - (width / 2)); - var cy = Math.ceil(targetPosition.y - (height / 2)); - connectRect.setPosition(cx, cy); - - // Change elements position ... - var pivotRect = this._getPivotRect(); - pivotRect.moveToFront(); - pivotRect.setPosition(position.x, position.y); - - this._redrawLine(); - }, - - disconnect : function(workspace) { - $assert(workspace, 'workspace can not be null.'); - $assert(this._targetTopic, 'There are not connected topic.'); - - this.setVisibility(false); - this._targetTopic = null; - } -}); - -export default DragPivot; +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +const Core = require('@wismapping/core-js'); + +const core = Core(); +const web2D = require('@wismapping/web2d'); + +const web2d = web2D(); + +const DragTopic = require('./DragTopic').default; +const Shape = require('./util/Shape').default; +const INodeModel = require('./model/INodeModel').default; + +const DragPivot = new Class({ + initialize() { + this._position = new core.Point(); + this._size = DragTopic.PIVOT_SIZE; + + this._straightLine = this._buildStraightLine(); + this._curvedLine = this._buildCurvedLine(); + this._dragPivot = this._buildRect(); + this._connectRect = this._buildRect(); + this._targetTopic = null; + this._isVisible = false; + }, + + isVisible() { + return this._isVisible; + }, + + getTargetTopic() { + return this._targetTopic; + }, + + _buildStraightLine() { + const line = new web2d.CurvedLine(); + line.setStyle(web2d.CurvedLine.SIMPLE_LINE); + line.setStroke(1, 'solid', '#CC0033'); + line.setOpacity(0.4); + line.setVisibility(false); + return line; + }, + + _buildCurvedLine() { + const line = new web2d.CurvedLine(); + line.setStyle(web2d.CurvedLine.SIMPLE_LINE); + line.setStroke(1, 'solid', '#CC0033'); + line.setOpacity(0.4); + line.setVisibility(false); + return line; + }, + + _redrawLine() { + // Update line position. + $assert(this.getTargetTopic(), 'Illegal invocation. Target node can not be null'); + + const pivotRect = this._getPivotRect(); + + // Pivot position has not changed. In this case, position change is not required. + const targetTopic = this.getTargetTopic(); + const position = this._position; + + // Calculate pivot connection point ... + const size = this._size; + const targetPosition = targetTopic.getPosition(); + const line = this._getConnectionLine(); + + // Update Line position. + const isAtRight = Shape.isAtRight(targetPosition, position); + const pivotPoint = Shape.calculateRectConnectionPoint(position, size, isAtRight); + line.setFrom(pivotPoint.x, pivotPoint.y); + + // Update rect position + const cx = position.x - (parseInt(size.width) / 2); + const cy = position.y - (parseInt(size.height) / 2); + pivotRect.setPosition(cx, cy); + + // Make line visible only when the position has been already changed. + // This solve several strange effects ;) + const targetPoint = targetTopic.workoutIncomingConnectionPoint(pivotPoint); + line.setTo(targetPoint.x, targetPoint.y); + }, + + setPosition(point) { + this._position = point; + this._redrawLine(); + }, + + getPosition() { + return this._position; + }, + + _buildRect() { + const size = this._size; + const rectAttributes = { + fillColor: '#CC0033', opacity: 0.4, width: size.width, height: size.height, strokeColor: '#FF9933', + }; + const rect = new web2d.Rect(0, rectAttributes); + rect.setVisibility(false); + return rect; + }, + + _getPivotRect() { + return this._dragPivot; + }, + + getSize() { + const elem2d = this._getPivotRect(); + return elem2d.getSize(); + }, + + setVisibility(value) { + if (this.isVisible() != value) { + const pivotRect = this._getPivotRect(); + pivotRect.setVisibility(value); + + const connectRect = this._connectRect; + connectRect.setVisibility(value); + + const line = this._getConnectionLine(); + if (line) { + line.setVisibility(value); + } + this._isVisible = value; + } + }, + + // If the node is connected, validate that there is a line connecting both... + _getConnectionLine() { + let result = null; + const parentTopic = this._targetTopic; + if (parentTopic) { + if (parentTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + result = this._straightLine; + } else { + result = this._curvedLine; + } + } + return result; + }, + + addToWorkspace(workspace) { + const pivotRect = this._getPivotRect(); + workspace.append(pivotRect); + + const connectToRect = this._connectRect; + workspace.append(connectToRect); + + // Add a hidden straight line ... + const straighLine = this._straightLine; + straighLine.setVisibility(false); + workspace.append(straighLine); + straighLine.moveToBack(); + + // Add a hidden curved line ... + const curvedLine = this._curvedLine; + curvedLine.setVisibility(false); + workspace.append(curvedLine); + curvedLine.moveToBack(); + + // Add a connect rect ... + const connectRect = this._connectRect; + connectRect.setVisibility(false); + workspace.append(connectRect); + connectRect.moveToBack(); + }, + + removeFromWorkspace(workspace) { + const shape = this._getPivotRect(); + workspace.removeChild(shape); + + const connectToRect = this._connectRect; + workspace.removeChild(connectToRect); + + if ($defined(this._straightLine)) { + workspace.removeChild(this._straightLine); + } + + if ($defined(this._curvedLine)) { + workspace.removeChild(this._curvedLine); + } + }, + + connectTo(targetTopic, position) { + $assert(!this._outgoingLine, 'Could not connect an already connected node'); + $assert(targetTopic != this, 'Circular connection are not allowed'); + $assert(position, 'position can not be null'); + $assert(targetTopic, 'parent can not be null'); + + this._position = position; + this._targetTopic = targetTopic; + + // Connected to Rect ... + const connectRect = this._connectRect; + const targetSize = targetTopic.getSize(); + + // Add 4 pixel in order to keep create a rect bigger than the topic. + const width = targetSize.width + 4; + const height = targetSize.height + 4; + + connectRect.setSize(width, height); + + const targetPosition = targetTopic.getPosition(); + const cx = Math.ceil(targetPosition.x - (width / 2)); + const cy = Math.ceil(targetPosition.y - (height / 2)); + connectRect.setPosition(cx, cy); + + // Change elements position ... + const pivotRect = this._getPivotRect(); + pivotRect.moveToFront(); + pivotRect.setPosition(position.x, position.y); + + this._redrawLine(); + }, + + disconnect(workspace) { + $assert(workspace, 'workspace can not be null.'); + $assert(this._targetTopic, 'There are not connected topic.'); + + this.setVisibility(false); + this._targetTopic = null; + }, +}); + +export default DragPivot; diff --git a/packages/mindplot/lib/components/DragTopic.js b/packages/mindplot/lib/components/DragTopic.js index f5477229..d876a1f0 100644 --- a/packages/mindplot/lib/components/DragTopic.js +++ b/packages/mindplot/lib/components/DragTopic.js @@ -15,207 +15,206 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js') +const Core = require('@wismapping/core-js'); + const core = Core(); -const ActionDispatcher = require('./ActionDispatcher').default +const ActionDispatcher = require('./ActionDispatcher').default; const DragPivot = require('./DragPivot').default; const DragTopic = new Class({ - initialize:function (dragShape, draggedNode, layoutManger) { - $assert(dragShape, 'Rect can not be null.'); - $assert(draggedNode, 'draggedNode can not be null.'); - $assert(layoutManger, 'layoutManger can not be null.'); + initialize(dragShape, draggedNode, layoutManger) { + $assert(dragShape, 'Rect can not be null.'); + $assert(draggedNode, 'draggedNode can not be null.'); + $assert(layoutManger, 'layoutManger can not be null.'); - this._elem2d = dragShape; - this._order = null; - this._draggedNode = draggedNode; - this._layoutManager = layoutManger; - this._position = new core.Point(); - this._isInWorkspace = false; - this._isFreeLayoutEnabled = false; - }, + this._elem2d = dragShape; + this._order = null; + this._draggedNode = draggedNode; + this._layoutManager = layoutManger; + this._position = new core.Point(); + this._isInWorkspace = false; + this._isFreeLayoutEnabled = false; + }, - setOrder:function (order) { - this._order = order; - }, + setOrder(order) { + this._order = order; + }, - setPosition:function (x, y) { - // Update drag shadow position .... - var position = {x:x, y:y}; - if (this.isFreeLayoutOn() && this.isConnected()) { - var _layoutManager = this._layoutManager; - var par = this.getConnectedToTopic(); - position = _layoutManager.predict(par.getId(), this._draggedNode.getId(), position, true).position; - } - this._position.setValue(position.x, position.y); - - // Elements are positioned in the center. - // All topic element must be positioned based on the innerShape. - var draggedNode = this._draggedNode; - var size = draggedNode.getSize(); - var cx = position.x - (position.x > 0 ? 0 : size.width); - var cy = Math.ceil(position.y - (size.height / 2)); - this._elem2d.setPosition(cx, cy); - - // In case is not free, pivot must be draw ... - if (this.isConnected() && !this.isFreeLayoutOn()) { - var parent = this.getConnectedToTopic(); - var predict = this._layoutManager.predict(parent.getId(), this._draggedNode.getId(), this.getPosition()); - if (this._order != predict.order) { - var dragPivot = this._getDragPivot(); - var pivotPosition = predict.position; - dragPivot.connectTo(parent, pivotPosition); - this.setOrder(predict.order); - } - } - }, - - updateFreeLayout:function (event) { - var isFreeEnabled = (event.metaKey && Browser.Platform.mac) || (event.ctrlKey && !Browser.Platform.mac); - if (this.isFreeLayoutOn() != isFreeEnabled) { - var dragPivot = this._getDragPivot(); - dragPivot.setVisibility(!isFreeEnabled); - this._isFreeLayoutEnabled = isFreeEnabled; - } - }, - - setVisibility:function (value) { - var dragPivot = this._getDragPivot(); - dragPivot.setVisibility(value); - }, - - isVisible:function () { - var dragPivot = this._getDragPivot(); - return dragPivot.isVisible(); - }, - - getInnerShape:function () { - return this._elem2d; - }, - - disconnect:function (workspace) { - // Clear connection line ... - var dragPivot = this._getDragPivot(); - dragPivot.disconnect(workspace); - }, - - connectTo:function (parent) { - $assert(parent, 'Parent connection node can not be null.'); - - // Where it should be connected ? - var predict = designer._eventBussDispatcher._layoutManager.predict(parent.getId(), this._draggedNode.getId(), this.getPosition()); - - // Connect pivot ... - var dragPivot = this._getDragPivot(); - var position = predict.position; - dragPivot.connectTo(parent, position); - dragPivot.setVisibility(true); - - this.setOrder(predict.order); - }, - - getDraggedTopic:function () { - return this._draggedNode; - }, - - removeFromWorkspace:function (workspace) { - if (this._isInWorkspace) { - // Remove drag shadow. - workspace.removeChild(this._elem2d); - - // Remove pivot shape. To improve performance it will not be removed. Only the visibility will be changed. - var dragPivot = this._getDragPivot(); - dragPivot.setVisibility(false); - - this._isInWorkspace = false; - } - }, - - isInWorkspace:function () { - return this._isInWorkspace; - }, - - addToWorkspace:function (workspace) { - if (!this._isInWorkspace) { - workspace.append(this._elem2d); - var dragPivot = this._getDragPivot(); - dragPivot.addToWorkspace(workspace); - this._isInWorkspace = true; - } - }, - - _getDragPivot:function () { - return DragTopic.__getDragPivot(); - }, - - getPosition:function () { - return this._position; - }, - - isDragTopic:function () { - return true; - }, - - applyChanges:function (workspace) { - $assert(workspace, 'workspace can not be null'); - - - var actionDispatcher = ActionDispatcher.getInstance(); - var draggedTopic = this.getDraggedTopic(); - var topicId = draggedTopic.getId(); - var position = this.getPosition(); - - if (!this.isFreeLayoutOn()) { - var order = null; - var parent = null; - var isDragConnected = this.isConnected(); - if (isDragConnected) { - var targetTopic = this.getConnectedToTopic(); - order = this._order; - parent = targetTopic; - } - - // If the node is not connected, position based on the original drag topic position. - actionDispatcher.dragTopic(topicId, position, order, parent); - } else { - actionDispatcher.moveTopic(topicId, position); - } - }, - - getConnectedToTopic:function () { - var dragPivot = this._getDragPivot(); - return dragPivot.getTargetTopic(); - }, - - isConnected:function () { - return this.getConnectedToTopic() != null; - }, - - isFreeLayoutOn:function () { -// return this._isFreeLayoutEnabled; - // Disable free layout ... - return false; + setPosition(x, y) { + // Update drag shadow position .... + let position = { x, y }; + if (this.isFreeLayoutOn() && this.isConnected()) { + const { _layoutManager } = this; + const par = this.getConnectedToTopic(); + position = _layoutManager.predict(par.getId(), this._draggedNode.getId(), position, true).position; } + this._position.setValue(position.x, position.y); + + // Elements are positioned in the center. + // All topic element must be positioned based on the innerShape. + const draggedNode = this._draggedNode; + const size = draggedNode.getSize(); + const cx = position.x - (position.x > 0 ? 0 : size.width); + const cy = Math.ceil(position.y - (size.height / 2)); + this._elem2d.setPosition(cx, cy); + + // In case is not free, pivot must be draw ... + if (this.isConnected() && !this.isFreeLayoutOn()) { + const parent = this.getConnectedToTopic(); + const predict = this._layoutManager.predict(parent.getId(), this._draggedNode.getId(), this.getPosition()); + if (this._order != predict.order) { + const dragPivot = this._getDragPivot(); + const pivotPosition = predict.position; + dragPivot.connectTo(parent, pivotPosition); + this.setOrder(predict.order); + } + } + }, + + updateFreeLayout(event) { + const isFreeEnabled = (event.metaKey && Browser.Platform.mac) || (event.ctrlKey && !Browser.Platform.mac); + if (this.isFreeLayoutOn() != isFreeEnabled) { + const dragPivot = this._getDragPivot(); + dragPivot.setVisibility(!isFreeEnabled); + this._isFreeLayoutEnabled = isFreeEnabled; + } + }, + + setVisibility(value) { + const dragPivot = this._getDragPivot(); + dragPivot.setVisibility(value); + }, + + isVisible() { + const dragPivot = this._getDragPivot(); + return dragPivot.isVisible(); + }, + + getInnerShape() { + return this._elem2d; + }, + + disconnect(workspace) { + // Clear connection line ... + const dragPivot = this._getDragPivot(); + dragPivot.disconnect(workspace); + }, + + connectTo(parent) { + $assert(parent, 'Parent connection node can not be null.'); + + // Where it should be connected ? + const predict = designer._eventBussDispatcher._layoutManager.predict(parent.getId(), this._draggedNode.getId(), this.getPosition()); + + // Connect pivot ... + const dragPivot = this._getDragPivot(); + const { position } = predict; + dragPivot.connectTo(parent, position); + dragPivot.setVisibility(true); + + this.setOrder(predict.order); + }, + + getDraggedTopic() { + return this._draggedNode; + }, + + removeFromWorkspace(workspace) { + if (this._isInWorkspace) { + // Remove drag shadow. + workspace.removeChild(this._elem2d); + + // Remove pivot shape. To improve performance it will not be removed. Only the visibility will be changed. + const dragPivot = this._getDragPivot(); + dragPivot.setVisibility(false); + + this._isInWorkspace = false; + } + }, + + isInWorkspace() { + return this._isInWorkspace; + }, + + addToWorkspace(workspace) { + if (!this._isInWorkspace) { + workspace.append(this._elem2d); + const dragPivot = this._getDragPivot(); + dragPivot.addToWorkspace(workspace); + this._isInWorkspace = true; + } + }, + + _getDragPivot() { + return DragTopic.__getDragPivot(); + }, + + getPosition() { + return this._position; + }, + + isDragTopic() { + return true; + }, + + applyChanges(workspace) { + $assert(workspace, 'workspace can not be null'); + + const actionDispatcher = ActionDispatcher.getInstance(); + const draggedTopic = this.getDraggedTopic(); + const topicId = draggedTopic.getId(); + const position = this.getPosition(); + + if (!this.isFreeLayoutOn()) { + let order = null; + let parent = null; + const isDragConnected = this.isConnected(); + if (isDragConnected) { + const targetTopic = this.getConnectedToTopic(); + order = this._order; + parent = targetTopic; + } + + // If the node is not connected, position based on the original drag topic position. + actionDispatcher.dragTopic(topicId, position, order, parent); + } else { + actionDispatcher.moveTopic(topicId, position); + } + }, + + getConnectedToTopic() { + const dragPivot = this._getDragPivot(); + return dragPivot.getTargetTopic(); + }, + + isConnected() { + return this.getConnectedToTopic() != null; + }, + + isFreeLayoutOn() { + // return this._isFreeLayoutEnabled; + // Disable free layout ... + return false; + }, }); -DragTopic.PIVOT_SIZE = {width:50, height:6}; +DragTopic.PIVOT_SIZE = { width: 50, height: 6 }; DragTopic.init = function (workspace) { - - $assert(workspace, "workspace can not be null"); - var pivot = DragTopic.__getDragPivot(); - workspace.append(pivot); + $assert(workspace, 'workspace can not be null'); + const pivot = DragTopic.__getDragPivot(); + workspace.append(pivot); }; DragTopic.__getDragPivot = function () { - var result = DragTopic._dragPivot; - if (!$defined(result)) { - result = new DragPivot(); - DragTopic._dragPivot = result; - } - return result; + let result = DragTopic._dragPivot; + if (!$defined(result)) { + result = new DragPivot(); + DragTopic._dragPivot = result; + } + return result; }; export default DragTopic; diff --git a/packages/mindplot/lib/components/EditorOptions.js b/packages/mindplot/lib/components/EditorOptions.js index be8241ae..5bb66573 100644 --- a/packages/mindplot/lib/components/EditorOptions.js +++ b/packages/mindplot/lib/components/EditorOptions.js @@ -16,11 +16,10 @@ * limitations under the License. */ -const EditorOptions = -{ - LayoutManager:"OriginalLayout", -// LayoutManager:"FreeMindLayout", - textEditor:"TextEditor" +const EditorOptions = { + LayoutManager: 'OriginalLayout', + // LayoutManager:"FreeMindLayout", + textEditor: 'TextEditor', // textEditor:"RichTextEditor" }; diff --git a/packages/mindplot/lib/components/EditorProperties.js b/packages/mindplot/lib/components/EditorProperties.js index 9da213e3..281710a2 100644 --- a/packages/mindplot/lib/components/EditorProperties.js +++ b/packages/mindplot/lib/components/EditorProperties.js @@ -1,38 +1,38 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -const EditorProperties = new Class({ - initialize: function () { - this._zoom = 0; - this._position = 0; - }, - - setZoom: function (zoom) { - this._zoom = zoom; - }, - - getZoom: function () { - return this._zoom; - }, - - asProperties: function () { - return "zoom=" + this._zoom + "\n"; - } -}); - -export default EditorProperties; +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +const EditorProperties = new Class({ + initialize() { + this._zoom = 0; + this._position = 0; + }, + + setZoom(zoom) { + this._zoom = zoom; + }, + + getZoom() { + return this._zoom; + }, + + asProperties() { + return `zoom=${this._zoom}\n`; + }, +}); + +export default EditorProperties; diff --git a/packages/mindplot/lib/components/Events.js b/packages/mindplot/lib/components/Events.js index cfe6e63d..dbad7a59 100644 --- a/packages/mindplot/lib/components/Events.js +++ b/packages/mindplot/lib/components/Events.js @@ -1,45 +1,43 @@ const Events = new Class({ - $events: {}, + $events: {}, - _removeOn: function (string) { - return string.replace(/^on([A-Z])/, function (full, first) { - return first.toLowerCase(); - }); - }, + _removeOn(string) { + return string.replace(/^on([A-Z])/, (full, first) => first.toLowerCase()); + }, - addEvent: function (type, fn, internal) { - type = this._removeOn(type); + addEvent(type, fn, internal) { + type = this._removeOn(type); - this.$events[type] = (this.$events[type] || []).include(fn); - if (internal) fn.internal = true; - return this; - }, + this.$events[type] = (this.$events[type] || []).include(fn); + if (internal) fn.internal = true; + return this; + }, - fireEvent: function (type, args, delay) { - type = this._removeOn(type); - var events = this.$events[type]; - if (!events) return this; - args = Array.isArray(args) ? args : [args]; - _.each( - events, - function (fn) { - if (delay) fn.delay(delay, this, args); - else fn.apply(this, args); - }, - this - ); - return this; - }, + fireEvent(type, args, delay) { + type = this._removeOn(type); + const events = this.$events[type]; + if (!events) return this; + args = Array.isArray(args) ? args : [args]; + _.each( + events, + function (fn) { + if (delay) fn.delay(delay, this, args); + else fn.apply(this, args); + }, + this, + ); + return this; + }, - removeEvent: function (type, fn) { - type = this._removeOn(type); - var events = this.$events[type]; - if (events && !fn.internal) { - var index = events.indexOf(fn); - if (index != -1) events.splice(index, 1); - } - return this; - }, + removeEvent(type, fn) { + type = this._removeOn(type); + const events = this.$events[type]; + if (events && !fn.internal) { + const index = events.indexOf(fn); + if (index != -1) events.splice(index, 1); + } + return this; + }, }); export default Events; diff --git a/packages/mindplot/lib/components/Icon.js b/packages/mindplot/lib/components/Icon.js index 4f1c4c93..b983227a 100644 --- a/packages/mindplot/lib/components/Icon.js +++ b/packages/mindplot/lib/components/Icon.js @@ -15,44 +15,45 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d') -const web2d = web2D() +const web2D = require('@wismapping/web2d'); + +const web2d = web2D(); const Icon = new Class({ - initialize: function (url) { - $assert(url, 'topic can not be null'); - this._image = new web2d.Image(); - this._image.setHref(url); - this._image.setSize(Icon.SIZE, Icon.SIZE); - }, + initialize(url) { + $assert(url, 'topic can not be null'); + this._image = new web2d.Image(); + this._image.setHref(url); + this._image.setSize(Icon.SIZE, Icon.SIZE); + }, - getImage: function () { - return this._image; - }, + getImage() { + return this._image; + }, - setGroup: function (group) { - this._group = group; - }, + setGroup(group) { + this._group = group; + }, - getGroup: function () { - return this._group; - }, + getGroup() { + return this._group; + }, - getSize: function () { - return this._image.getSize(); - }, + getSize() { + return this._image.getSize(); + }, - getPosition: function () { - return this._image.getPosition(); - }, + getPosition() { + return this._image.getPosition(); + }, - addEvent: function (type, fnc) { - this._image.addEvent(type, fnc); - }, + addEvent(type, fnc) { + this._image.addEvent(type, fnc); + }, - remove: function () { - throw "Unsupported operation"; - } + remove() { + throw 'Unsupported operation'; + }, }); Icon.SIZE = 90; diff --git a/packages/mindplot/lib/components/IconGroup.js b/packages/mindplot/lib/components/IconGroup.js index d24d5943..61d85884 100644 --- a/packages/mindplot/lib/components/IconGroup.js +++ b/packages/mindplot/lib/components/IconGroup.js @@ -15,157 +15,154 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d') +const web2D = require('@wismapping/web2d'); + const web2d = web2D(); const Icon = require('./Icon'); -const IconGroup = new Class(/**@lends IconGroup */{ - /** +const IconGroup = new Class(/** @lends IconGroup */{ + /** * @constructs * @param topicId * @param iconSize * @throws will throw an error if topicId is null or undefined * @throws will throw an error if iconSize is null or undefined */ - initialize: function (topicId, iconSize) { - $assert($defined(topicId), "topicId can not be null"); - $assert($defined(iconSize), "iconSize can not be null"); + initialize(topicId, iconSize) { + $assert($defined(topicId), 'topicId can not be null'); + $assert($defined(iconSize), 'iconSize can not be null'); - this._icons = []; - this._group = new web2d.Group({ - width: 0, - height: iconSize, - x: 0, - y: 0, - coordSizeWidth: 0, - coordSizeHeight: 100 - }); - this._removeTip = new IconGroup.RemoveTip(this._group, topicId); - this.seIconSize(iconSize, iconSize); + this._icons = []; + this._group = new web2d.Group({ + width: 0, + height: iconSize, + x: 0, + y: 0, + coordSizeWidth: 0, + coordSizeHeight: 100, + }); + this._removeTip = new IconGroup.RemoveTip(this._group, topicId); + this.seIconSize(iconSize, iconSize); - this._registerListeners(); + this._registerListeners(); + }, - }, + /** */ + setPosition(x, y) { + this._group.setPosition(x, y); + }, - /** */ - setPosition: function (x, y) { - this._group.setPosition(x, y); - }, + /** */ + getPosition() { + return this._group.getPosition(); + }, - /** */ - getPosition: function () { - return this._group.getPosition(); - }, + /** */ + getNativeElement() { + return this._group; + }, - /** */ - getNativeElement: function () { - return this._group; - }, + /** */ + getSize() { + return this._group.getSize(); + }, - /** */ - getSize: function () { - return this._group.getSize(); - }, + /** */ + seIconSize(width, height) { + this._iconSize = { width, height }; + this._resize(this._icons.length); + }, - /** */ - seIconSize: function (width, height) { - this._iconSize = {width: width, height: height}; - this._resize(this._icons.length); - }, - - /** + /** * @param icon the icon to be added to the icon group * @param {Boolean} remove * @throws will throw an error if icon is not defined */ - addIcon: function (icon, remove) { - $defined(icon, "icon is not defined"); + addIcon(icon, remove) { + $defined(icon, 'icon is not defined'); - icon.setGroup(this); - this._icons.push(icon); + icon.setGroup(this); + this._icons.push(icon); - // Adjust group and position ... - this._resize(this._icons.length); - this._positionIcon(icon, this._icons.length - 1); + // Adjust group and position ... + this._resize(this._icons.length); + this._positionIcon(icon, this._icons.length - 1); - var imageShape = icon.getImage(); - this._group.append(imageShape); + const imageShape = icon.getImage(); + this._group.append(imageShape); - // Register event for the group .. - if (remove) { - this._removeTip.decorate(this._topicId, icon); - } - }, - - _findIconFromModel: function (iconModel) { - var result = null; - _.each(this._icons, function (icon) { - var elModel = icon.getModel(); - if (elModel.getId() == iconModel.getId()) { - result = icon; - } - }, this); - - if (result == null) { - throw new Error("Icon can no be found:" + iconModel.getId() + ", Icons:" + this._icons); - } - - return result; - }, - - /** */ - removeIconByModel: function (featureModel) { - $assert(featureModel, "featureModel can not be null"); - - var icon = this._findIconFromModel(featureModel); - this._removeIcon(icon); - }, - - _removeIcon: function (icon) { - $assert(icon, "icon can not be null"); - - this._removeTip.close(0); - this._group.removeChild(icon.getImage()); - - this._icons.erase(icon); - this._resize(this._icons.length); - var me = this; - // Add all again ... - _.each(this._icons, function (elem, i) { - me._positionIcon(elem, i); - }); - }, - - /** */ - moveToFront: function () { - this._group.moveToFront(); - }, - - _registerListeners: function () { - this._group.addEvent('click', function (event) { - // Avoid node creation ... - event.stopPropagation(); - - }); - - this._group.addEvent('dblclick', function (event) { - event.stopPropagation(); - - }); - }, - - _resize: function (iconsLength) { - this._group.setSize(iconsLength * this._iconSize.width, this._iconSize.height); - - var iconSize = Icon.SIZE + (IconGroup.ICON_PADDING * 2); - this._group.setCoordSize(iconsLength * iconSize, iconSize); - }, - - _positionIcon: function (icon, order) { - - var iconSize = Icon.SIZE + (IconGroup.ICON_PADDING * 2); - icon.getImage().setPosition(iconSize * order + IconGroup.ICON_PADDING, IconGroup.ICON_PADDING); + // Register event for the group .. + if (remove) { + this._removeTip.decorate(this._topicId, icon); } + }, + + _findIconFromModel(iconModel) { + let result = null; + _.each(this._icons, (icon) => { + const elModel = icon.getModel(); + if (elModel.getId() == iconModel.getId()) { + result = icon; + } + }, this); + + if (result == null) { + throw new Error(`Icon can no be found:${iconModel.getId()}, Icons:${this._icons}`); + } + + return result; + }, + + /** */ + removeIconByModel(featureModel) { + $assert(featureModel, 'featureModel can not be null'); + + const icon = this._findIconFromModel(featureModel); + this._removeIcon(icon); + }, + + _removeIcon(icon) { + $assert(icon, 'icon can not be null'); + + this._removeTip.close(0); + this._group.removeChild(icon.getImage()); + + this._icons.erase(icon); + this._resize(this._icons.length); + const me = this; + // Add all again ... + _.each(this._icons, (elem, i) => { + me._positionIcon(elem, i); + }); + }, + + /** */ + moveToFront() { + this._group.moveToFront(); + }, + + _registerListeners() { + this._group.addEvent('click', (event) => { + // Avoid node creation ... + event.stopPropagation(); + }); + + this._group.addEvent('dblclick', (event) => { + event.stopPropagation(); + }); + }, + + _resize(iconsLength) { + this._group.setSize(iconsLength * this._iconSize.width, this._iconSize.height); + + const iconSize = Icon.SIZE + (IconGroup.ICON_PADDING * 2); + this._group.setCoordSize(iconsLength * iconSize, iconSize); + }, + + _positionIcon(icon, order) { + const iconSize = Icon.SIZE + (IconGroup.ICON_PADDING * 2); + icon.getImage().setPosition(iconSize * order + IconGroup.ICON_PADDING, IconGroup.ICON_PADDING); + }, }); /** @@ -176,169 +173,164 @@ const IconGroup = new Class(/**@lends IconGroup */{ IconGroup.ICON_PADDING = 5; IconGroup.RemoveTip = new Class(/** @lends IconGroup.RemoveTip */{ - /** + /** * @classdesc inner class of IconGroup * @constructs * @param container */ - initialize: function (container) { - $assert(container, "group can not be null"); - this._fadeElem = container; - }, + initialize(container) { + $assert(container, 'group can not be null'); + this._fadeElem = container; + }, - - /** + /** * @param topicId * @param icon * @throws will throw an error if icon is null or undefined */ - show: function (topicId, icon) { - $assert(icon, 'icon can not be null'); + show(topicId, icon) { + $assert(icon, 'icon can not be null'); - // Nothing to do ... - if (this._activeIcon != icon) { - // If there is an active icon, close it first ... - if (this._activeIcon) { - this.close(0); - } + // Nothing to do ... + if (this._activeIcon != icon) { + // If there is an active icon, close it first ... + if (this._activeIcon) { + this.close(0); + } - // Now, let move the position the icon... - var pos = icon.getPosition(); + // Now, let move the position the icon... + const pos = icon.getPosition(); - // Register events ... - var widget = this._buildWeb2d(); - widget.addEvent('click', function () { - icon.remove(); - }); + // Register events ... + const widget = this._buildWeb2d(); + widget.addEvent('click', () => { + icon.remove(); + }); - var me = this; + const me = this; - widget.addEvent('mouseover', function () { - me.show(topicId, icon); - }); + widget.addEvent('mouseover', () => { + me.show(topicId, icon); + }); - widget.addEvent('mouseout', function () { - me.hide(); - }); + widget.addEvent('mouseout', () => { + me.hide(); + }); - widget.setPosition(pos.x + 80, pos.y - 50); - this._fadeElem.append(widget); + widget.setPosition(pos.x + 80, pos.y - 50); + this._fadeElem.append(widget); - // Setup current element ... - this._activeIcon = icon; - this._widget = widget; + // Setup current element ... + this._activeIcon = icon; + this._widget = widget; + } else { + clearTimeout(this._closeTimeoutId); + } + }, - } else { - clearTimeout(this._closeTimeoutId); - } - }, + /** */ + hide() { + this.close(200); + }, - /** */ - hide: function () { - this.close(200); - }, - - /** + /** * @param delay */ - close: function (delay) { + close(delay) { + // This is not ok, trying to close the same dialog twice ? + if (this._closeTimeoutId) { + clearTimeout(this._closeTimeoutId); + } - // This is not ok, trying to close the same dialog twice ? - if (this._closeTimeoutId) { - clearTimeout(this._closeTimeoutId) - } + const me = this; + if (this._activeIcon) { + const widget = this._widget; + const close = function () { + me._activeIcon = null; + me._fadeElem.removeChild(widget); + me._widget = null; + me._closeTimeoutId = null; + }; - var me = this; - if (this._activeIcon) { - var widget = this._widget; - var close = function () { - me._activeIcon = null; - me._fadeElem.removeChild(widget); - me._widget = null; - me._closeTimeoutId = null; - }; + if (!$defined(delay) || delay == 0) { + close(); + } else { + this._closeTimeoutId = close.delay(delay); + } + } + }, - if (!$defined(delay) || delay == 0) { - close(); - } - else { - this._closeTimeoutId = close.delay(delay); - } - } - }, + _buildWeb2d() { + const result = new web2d.Group({ + width: 10, + height: 10, + x: 0, + y: 0, + coordSizeWidth: 10, + coordSizeHeight: 10, + }); - _buildWeb2d: function () { - var result = new web2d.Group({ - width: 10, - height: 10, - x: 0, - y: 0, - coordSizeWidth: 10, - coordSizeHeight: 10 - }); + const outerRect = new web2d.Rect(0, { + x: 0, + y: 0, + width: 10, + height: 10, + stroke: '0', + fillColor: 'black', + }); + result.append(outerRect); + outerRect.setCursor('pointer'); - var outerRect = new web2d.Rect(0, { - x: 0, - y: 0, - width: 10, - height: 10, - stroke: '0', - fillColor: 'black' - }); - result.append(outerRect); - outerRect.setCursor('pointer'); + const innerRect = new web2d.Rect(0, { + x: 1, + y: 1, + width: 8, + height: 8, + stroke: '1 solid white', + fillColor: 'gray', + }); + result.append(innerRect); - var innerRect = new web2d.Rect(0, { - x: 1, - y: 1, - width: 8, - height: 8, - stroke: '1 solid white', - fillColor: 'gray' - }); - result.append(innerRect); + const line = new web2d.Line({ stroke: '1 solid white' }); + line.setFrom(1, 1); + line.setTo(9, 9); + result.append(line); - var line = new web2d.Line({stroke: '1 solid white'}); - line.setFrom(1, 1); - line.setTo(9, 9); - result.append(line); + const line2 = new web2d.Line({ stroke: '1 solid white' }); + line2.setFrom(1, 9); + line2.setTo(9, 1); + result.append(line2); - var line2 = new web2d.Line({stroke: '1 solid white'}); - line2.setFrom(1, 9); - line2.setTo(9, 1); - result.append(line2); + // Some events ... + result.addEvent('mouseover', () => { + innerRect.setFill('#CC0033'); + }); + result.addEvent('mouseout', () => { + innerRect.setFill('gray'); + }); - // Some events ... - result.addEvent('mouseover', function () { - innerRect.setFill('#CC0033'); - }); - result.addEvent('mouseout', function () { - innerRect.setFill('gray'); - }); + result.setSize(50, 50); + return result; + }, - result.setSize(50, 50); - return result; - }, - - /** + /** * @param topicId * @param icon */ - decorate: function (topicId, icon) { + decorate(topicId, icon) { + const me = this; - var me = this; + if (!icon.__remove) { + icon.addEvent('mouseover', () => { + me.show(topicId, icon); + }); - if (!icon.__remove) { - icon.addEvent('mouseover', function () { - me.show(topicId, icon); - }); - - icon.addEvent('mouseout', function () { - me.hide(); - }); - icon.__remove = true; - } + icon.addEvent('mouseout', () => { + me.hide(); + }); + icon.__remove = true; } + }, }); diff --git a/packages/mindplot/lib/components/ImageIcon.js b/packages/mindplot/lib/components/ImageIcon.js index c7357848..3d0f0f59 100644 --- a/packages/mindplot/lib/components/ImageIcon.js +++ b/packages/mindplot/lib/components/ImageIcon.js @@ -19,148 +19,144 @@ const Icon = require('./Icon').default; const ActionDispatcher = require('./ActionDispatcher').default; const ImageIcon = new Class({ - Extends: Icon, - initialize: function (topic, iconModel, readOnly) { - $assert(iconModel, 'iconModel can not be null'); - $assert(topic, 'topic can not be null'); + Extends: Icon, + initialize(topic, iconModel, readOnly) { + $assert(iconModel, 'iconModel can not be null'); + $assert(topic, 'topic can not be null'); - this._topicId = topic.getId(); - this._featureModel = iconModel; + this._topicId = topic.getId(); + this._featureModel = iconModel; - // Build graph image representation ... - var iconType = iconModel.getIconType(); - var imgUrl = this._getImageUrl(iconType); - this.parent(imgUrl); + // Build graph image representation ... + const iconType = iconModel.getIconType(); + const imgUrl = this._getImageUrl(iconType); + this.parent(imgUrl); - if (!readOnly) { + if (!readOnly) { + // Icon + const image = this.getImage(); + const me = this; + image.addEvent('click', () => { + const iconType = iconModel.getIconType(); + const newIconType = me._getNextFamilyIconId(iconType); + iconModel.setIconType(newIconType); - //Icon - var image = this.getImage(); - var me = this; - image.addEvent('click', function () { - - var iconType = iconModel.getIconType(); - var newIconType = me._getNextFamilyIconId(iconType); - iconModel.setIconType(newIconType); - - var imgUrl = me._getImageUrl(newIconType); - me._image.setHref(imgUrl); - - }); - this._image.setCursor('pointer'); - } - }, - - _getImageUrl: function (iconId) { - return "icons/" + iconId + ".png"; - }, - - getModel: function () { - return this._featureModel; - }, - - _getNextFamilyIconId: function (iconId) { - - var familyIcons = this._getFamilyIcons(iconId); - $assert(familyIcons != null, "Family Icon not found!"); - - var result = null; - for (var i = 0; i < familyIcons.length && result == null; i++) { - if (familyIcons[i] == iconId) { - //Is last one? - if (i == (familyIcons.length - 1)) { - result = familyIcons[0]; - } else { - result = familyIcons[i + 1]; - } - break; - } - } - - return result; - }, - - _getFamilyIcons: function (iconId) { - $assert(iconId != null, "id must not be null"); - $assert(iconId.indexOf("_") != -1, "Invalid icon id (it must contain '_')"); - - var result = null; - for (var i = 0; i < ImageIcon.prototype.ICON_FAMILIES.length; i++) { - var family = ImageIcon.prototype.ICON_FAMILIES[i]; - var iconFamilyId = iconId.substr(0, iconId.indexOf("_")); - - if (family.id == iconFamilyId) { - result = family.icons; - break; - } - } - return result; - }, - - remove: function () { - var actionDispatcher = ActionDispatcher.getInstance(); - var featureId = this._featureModel.getId(); - var topicId = this._topicId; - actionDispatcher.removeFeatureFromTopic(topicId, featureId); + const imgUrl = me._getImageUrl(newIconType); + me._image.setHref(imgUrl); + }); + this._image.setCursor('pointer'); } + }, + + _getImageUrl(iconId) { + return `icons/${iconId}.png`; + }, + + getModel() { + return this._featureModel; + }, + + _getNextFamilyIconId(iconId) { + const familyIcons = this._getFamilyIcons(iconId); + $assert(familyIcons != null, 'Family Icon not found!'); + + let result = null; + for (let i = 0; i < familyIcons.length && result == null; i++) { + if (familyIcons[i] == iconId) { + // Is last one? + if (i == (familyIcons.length - 1)) { + result = familyIcons[0]; + } else { + result = familyIcons[i + 1]; + } + break; + } + } + + return result; + }, + + _getFamilyIcons(iconId) { + $assert(iconId != null, 'id must not be null'); + $assert(iconId.indexOf('_') != -1, "Invalid icon id (it must contain '_')"); + + let result = null; + for (let i = 0; i < ImageIcon.prototype.ICON_FAMILIES.length; i++) { + const family = ImageIcon.prototype.ICON_FAMILIES[i]; + const iconFamilyId = iconId.substr(0, iconId.indexOf('_')); + + if (family.id == iconFamilyId) { + result = family.icons; + break; + } + } + return result; + }, + + remove() { + const actionDispatcher = ActionDispatcher.getInstance(); + const featureId = this._featureModel.getId(); + const topicId = this._topicId; + actionDispatcher.removeFeatureFromTopic(topicId, featureId); + }, }); ImageIcon.prototype.ICON_FAMILIES = [ - {"id": "face", "icons": ["face_plain", "face_sad", "face_crying", "face_smile", "face_surprise", "face_wink"]}, - {"id": "funy", "icons": ["funy_angel", "funy_devilish", "funy_glasses", "funy_grin", "funy_kiss", "funy_monkey"]}, - {"id": "conn", "icons": ["conn_connect", "conn_disconnect"]}, - { - "id": "sport", - "icons": ["sport_basketball", "sport_football", "sport_golf", "sport_raquet", "sport_shuttlecock", "sport_soccer", "sport_tennis"] - }, - {"id": "bulb", "icons": ["bulb_light_on", "bulb_light_off"]}, - {"id": "thumb", "icons": ["thumb_thumb_up", "thumb_thumb_down"]}, - {"id": "tick", "icons": ["tick_tick", "tick_cross"]}, - { - "id": "onoff", - "icons": ["onoff_clock", "onoff_clock_red", "onoff_add", "onoff_delete", "onoff_status_offline", "onoff_status_online"] - }, - { - "id": "money", - "icons": ["money_money", "money_dollar", "money_euro", "money_pound", "money_yen", "money_coins", "money_ruby"] - }, - {"id": "time", "icons": ["time_calendar", "time_clock", "time_hourglass"]}, - { - "id": "number", - "icons": ["number_1", "number_2", "number_3", "number_4", "number_5", "number_6", "number_7", "number_8", "number_9"] - }, - {"id": "chart", "icons": ["chart_bar", "chart_line", "chart_curve", "chart_pie", "chart_organisation"]}, - {"id": "sign", "icons": ["sign_warning", "sign_info", "sign_stop", "sign_help", "sign_cancel"]}, - { - "id": "hard", - "icons": ["hard_cd", "hard_computer", "hard_controller", "hard_driver_disk", "hard_ipod", "hard_keyboard", "hard_mouse", "hard_printer"] - }, - { - "id": "soft", - "icons": ["soft_bug", "soft_cursor", "soft_database_table", "soft_database", "soft_feed", "soft_folder_explore", "soft_rss", "soft_penguin"] - }, - {"id": "arrow", "icons": ["arrow_up", "arrow_down", "arrow_left", "arrow_right"]}, - { - "id": "arrowc", - "icons": ["arrowc_rotate_anticlockwise", "arrowc_rotate_clockwise", "arrowc_turn_left", "arrowc_turn_right"] - }, - {"id": "people", "icons": ["people_group", "people_male1", "people_male2", "people_female1", "people_female2"]}, - {"id": "mail", "icons": ["mail_envelop", "mail_mailbox", "mail_edit", "mail_list"]}, - {"id": "flag", "icons": ["flag_blue", "flag_green", "flag_orange", "flag_pink", "flag_purple", "flag_yellow"]}, - { - "id": "bullet", - "icons": ["bullet_black", "bullet_blue", "bullet_green", "bullet_orange", "bullet_red", "bullet_pink", "bullet_purple"] - }, - {"id": "tag", "icons": ["tag_blue", "tag_green", "tag_orange", "tag_red", "tag_pink", "tag_yellow"]}, - { - "id": "object", - "icons": ["object_bell", "object_clanbomber", "object_key", "object_pencil", "object_phone", "object_magnifier", "object_clip", "object_music", "object_star", "object_wizard", "object_house", "object_cake", "object_camera", "object_palette", "object_rainbow"] - }, - { - "id": "weather", - "icons": ["weather_clear-night", "weather_clear", "weather_few-clouds-night", "weather_few-clouds", "weather_overcast", "weather_severe-alert", "weather_showers-scattered", "weather_showers", "weather_snow", "weather_storm"] - }, - {"id": "task", "icons": ["task_0", "task_25", "task_50", "task_75", "task_100"]} + { id: 'face', icons: ['face_plain', 'face_sad', 'face_crying', 'face_smile', 'face_surprise', 'face_wink'] }, + { id: 'funy', icons: ['funy_angel', 'funy_devilish', 'funy_glasses', 'funy_grin', 'funy_kiss', 'funy_monkey'] }, + { id: 'conn', icons: ['conn_connect', 'conn_disconnect'] }, + { + id: 'sport', + icons: ['sport_basketball', 'sport_football', 'sport_golf', 'sport_raquet', 'sport_shuttlecock', 'sport_soccer', 'sport_tennis'], + }, + { id: 'bulb', icons: ['bulb_light_on', 'bulb_light_off'] }, + { id: 'thumb', icons: ['thumb_thumb_up', 'thumb_thumb_down'] }, + { id: 'tick', icons: ['tick_tick', 'tick_cross'] }, + { + id: 'onoff', + icons: ['onoff_clock', 'onoff_clock_red', 'onoff_add', 'onoff_delete', 'onoff_status_offline', 'onoff_status_online'], + }, + { + id: 'money', + icons: ['money_money', 'money_dollar', 'money_euro', 'money_pound', 'money_yen', 'money_coins', 'money_ruby'], + }, + { id: 'time', icons: ['time_calendar', 'time_clock', 'time_hourglass'] }, + { + id: 'number', + icons: ['number_1', 'number_2', 'number_3', 'number_4', 'number_5', 'number_6', 'number_7', 'number_8', 'number_9'], + }, + { id: 'chart', icons: ['chart_bar', 'chart_line', 'chart_curve', 'chart_pie', 'chart_organisation'] }, + { id: 'sign', icons: ['sign_warning', 'sign_info', 'sign_stop', 'sign_help', 'sign_cancel'] }, + { + id: 'hard', + icons: ['hard_cd', 'hard_computer', 'hard_controller', 'hard_driver_disk', 'hard_ipod', 'hard_keyboard', 'hard_mouse', 'hard_printer'], + }, + { + id: 'soft', + icons: ['soft_bug', 'soft_cursor', 'soft_database_table', 'soft_database', 'soft_feed', 'soft_folder_explore', 'soft_rss', 'soft_penguin'], + }, + { id: 'arrow', icons: ['arrow_up', 'arrow_down', 'arrow_left', 'arrow_right'] }, + { + id: 'arrowc', + icons: ['arrowc_rotate_anticlockwise', 'arrowc_rotate_clockwise', 'arrowc_turn_left', 'arrowc_turn_right'], + }, + { id: 'people', icons: ['people_group', 'people_male1', 'people_male2', 'people_female1', 'people_female2'] }, + { id: 'mail', icons: ['mail_envelop', 'mail_mailbox', 'mail_edit', 'mail_list'] }, + { id: 'flag', icons: ['flag_blue', 'flag_green', 'flag_orange', 'flag_pink', 'flag_purple', 'flag_yellow'] }, + { + id: 'bullet', + icons: ['bullet_black', 'bullet_blue', 'bullet_green', 'bullet_orange', 'bullet_red', 'bullet_pink', 'bullet_purple'], + }, + { id: 'tag', icons: ['tag_blue', 'tag_green', 'tag_orange', 'tag_red', 'tag_pink', 'tag_yellow'] }, + { + id: 'object', + icons: ['object_bell', 'object_clanbomber', 'object_key', 'object_pencil', 'object_phone', 'object_magnifier', 'object_clip', 'object_music', 'object_star', 'object_wizard', 'object_house', 'object_cake', 'object_camera', 'object_palette', 'object_rainbow'], + }, + { + id: 'weather', + icons: ['weather_clear-night', 'weather_clear', 'weather_few-clouds-night', 'weather_few-clouds', 'weather_overcast', 'weather_severe-alert', 'weather_showers-scattered', 'weather_showers', 'weather_snow', 'weather_storm'], + }, + { id: 'task', icons: ['task_0', 'task_25', 'task_50', 'task_75', 'task_100'] }, ]; export default ImageIcon; diff --git a/packages/mindplot/lib/components/Keyboard.js b/packages/mindplot/lib/components/Keyboard.js index eb029b88..0ae86470 100644 --- a/packages/mindplot/lib/components/Keyboard.js +++ b/packages/mindplot/lib/components/Keyboard.js @@ -18,17 +18,17 @@ const Keyboard = new Class({ - initialize: function () { - }, + initialize() { + }, - addShortcut: function (shortcuts, callback) { - if (!$.isArray(shortcuts)) { - shortcuts = [shortcuts]; - } - _.each(shortcuts, function (shortcut) { - $(document).bind('keydown', shortcut, callback); - }); + addShortcut(shortcuts, callback) { + if (!$.isArray(shortcuts)) { + shortcuts = [shortcuts]; } + _.each(shortcuts, (shortcut) => { + $(document).bind('keydown', shortcut, callback); + }); + }, }); diff --git a/packages/mindplot/lib/components/LinkIcon.js b/packages/mindplot/lib/components/LinkIcon.js index abd70335..491597a0 100644 --- a/packages/mindplot/lib/components/LinkIcon.js +++ b/packages/mindplot/lib/components/LinkIcon.js @@ -20,53 +20,51 @@ const LinkIconTooltip = require('./widget/LinkIconTooltip').default; const LinkIcon = new Class({ - Extends: Icon, - initialize: function (topic, linkModel, readOnly) { - $assert(topic, 'topic can not be null'); - $assert(linkModel, 'linkModel can not be null'); + Extends: Icon, + initialize(topic, linkModel, readOnly) { + $assert(topic, 'topic can not be null'); + $assert(linkModel, 'linkModel can not be null'); - this.parent(LinkIcon.IMAGE_URL); - this._linksModel = linkModel; - this._topic = topic; - this._readOnly = readOnly; + this.parent(LinkIcon.IMAGE_URL); + this._linksModel = linkModel; + this._topic = topic; + this._readOnly = readOnly; - this._registerEvents(); - }, + this._registerEvents(); + }, - _registerEvents: function () { - this._image.setCursor('pointer'); - this._tip = new LinkIconTooltip(this); + _registerEvents() { + this._image.setCursor('pointer'); + this._tip = new LinkIconTooltip(this); - var me = this; - if (!this._readOnly) { - // Add on click event to open the editor ... - this.addEvent('click', function (event) { - me._tip.hide(); - me._topic.showLinkEditor(); - event.stopPropagation(); - }); - //FIXME: we shouldn't have timeout of that.. - this.addEvent("mouseleave", function (event) { - window.setTimeout(function () { - if (!$("#linkPopover:hover").length) { - me._tip.hide(); - } - event.stopPropagation(); - }, 100) - }); - } - - $(this.getImage()._peer._native).mouseenter(function () { - me._tip.show(); - }) - }, - - getModel: function () { - return this._linksModel; + const me = this; + if (!this._readOnly) { + // Add on click event to open the editor ... + this.addEvent('click', (event) => { + me._tip.hide(); + me._topic.showLinkEditor(); + event.stopPropagation(); + }); + // FIXME: we shouldn't have timeout of that.. + this.addEvent('mouseleave', (event) => { + window.setTimeout(() => { + if (!$('#linkPopover:hover').length) { + me._tip.hide(); + } + event.stopPropagation(); + }, 100); + }); } + + $(this.getImage()._peer._native).mouseenter(() => { + me._tip.show(); + }); + }, + + getModel() { + return this._linksModel; + }, }); -LinkIcon.IMAGE_URL = "images/links.png"; +LinkIcon.IMAGE_URL = 'images/links.png'; export default LinkIcon; - - diff --git a/packages/mindplot/lib/components/LocalStorageManager.js b/packages/mindplot/lib/components/LocalStorageManager.js index 8e6bd77b..ed2358d1 100644 --- a/packages/mindplot/lib/components/LocalStorageManager.js +++ b/packages/mindplot/lib/components/LocalStorageManager.js @@ -18,47 +18,46 @@ const PersistenceManager = require('./PersistenceManager').default; const LocalStorageManager = new Class({ - Extends: PersistenceManager, - initialize: function (documentUrl, forceLoad) { - this.parent(); - this.documentUrl = documentUrl; - this.forceLoad = forceLoad; + Extends: PersistenceManager, + initialize(documentUrl, forceLoad) { + this.parent(); + this.documentUrl = documentUrl; + this.forceLoad = forceLoad; + }, + + saveMapXml(mapId, mapXml, pref, saveHistory, events) { + localStorage.setItem(`${mapId}-xml`, mapXml); + }, + + discardChanges(mapId) { + localStorage.removeItem(`${mapId}-xml`); + }, + + loadMapDom(mapId) { + let xml = localStorage.getItem(`${mapId}-xml`); + if (xml == null || this.forceLoad) { + $.ajax({ + url: this.documentUrl.replace('{id}', mapId), + headers: { 'Content-Type': 'text/plain', Accept: 'application/xml' }, + type: 'get', + dataType: 'text', + async: false, + success(response) { + xml = response; }, - - saveMapXml: function (mapId, mapXml, pref, saveHistory, events) { - localStorage.setItem(mapId + "-xml", mapXml); - }, - - discardChanges: function (mapId) { - localStorage.removeItem(mapId + "-xml"); - }, - - loadMapDom: function (mapId) { - var xml = localStorage.getItem(mapId + "-xml"); - if (xml == null || this.forceLoad) { - $.ajax({ - url: this.documentUrl.replace("{id}", mapId), - headers: {"Content-Type": "text/plain", "Accept": "application/xml"}, - type: 'get', - dataType: "text", - async: false, - success: function (response) { - xml = response; - } - }); - // If I could not load it from a file, hard code one. - if (xml == null) { - throw new Error("Map could not be loaded"); - } - } - - return jQuery.parseXML(xml); - }, - - unlockMap: function (mindmap) { - // Ignore, no implementation required ... - } + }); + // If I could not load it from a file, hard code one. + if (xml == null) { + throw new Error('Map could not be loaded'); + } } -); + + return jQuery.parseXML(xml); + }, + + unlockMap(mindmap) { + // Ignore, no implementation required ... + }, +}); export default LocalStorageManager; diff --git a/packages/mindplot/lib/components/MainTopic.js b/packages/mindplot/lib/components/MainTopic.js index 9f8ab310..6eab42bf 100644 --- a/packages/mindplot/lib/components/MainTopic.js +++ b/packages/mindplot/lib/components/MainTopic.js @@ -1,169 +1,170 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const Core = require('@wismapping/core-js') -const core = Core(); -const web2D = require('@wismapping/web2d'); -const web2d = web2D(); - -const Topic = require('./Topic').default; -const { TopicShape } = require('./model/INodeModel'); -const Shape = require('./util/Shape').default; - -const MainTopic = new Class(/** @lends MainTopic */ { - Extends: Topic, - /** - * @extends mindplot.Topic - * @constructs - * @param model - * @param options - */ - initialize: function (model, options) { - this.parent(model, options); - }, - - INNER_RECT_ATTRIBUTES: { stroke: '0.5 solid #009900' }, - - _buildDragShape: function () { - var innerShape = this._buildShape(this.INNER_RECT_ATTRIBUTES, this.getShapeType()); - var size = this.getSize(); - innerShape.setSize(size.width, size.height); - innerShape.setPosition(0, 0); - innerShape.setOpacity(0.5); - innerShape.setCursor('default'); - innerShape.setVisibility(true); - - var brColor = this.getBorderColor(); - innerShape.setAttribute('strokeColor', brColor); - - var bgColor = this.getBackgroundColor(); - innerShape.setAttribute('fillColor', bgColor); - - // Create group ... - var groupAttributes = { - width: 100, - height: 100, - coordSizeWidth: 100, - coordSizeHeight: 100, - }; - var group = new web2d.Group(groupAttributes); - group.append(innerShape); - - // Add Text ... - if (this.getShapeType() != TopicShape.IMAGE) { - var textShape = this._buildTextShape(true); - var text = this.getText(); - textShape.setText(text); - textShape.setOpacity(0.5); - group.append(textShape); - } - return group; - }, - - /** */ - updateTopicShape: function (targetTopic, workspace) { - // Change figure based on the connected topic ... - var model = this.getModel(); - var shapeType = model.getShapeType(); - if (!targetTopic.isCentralTopic()) { - if (!$defined(shapeType)) { - // Get the real shape type ... - shapeType = this.getShapeType(); - this._setShapeType(shapeType, false); - } - } - }, - - /** */ - disconnect: function (workspace) { - this.parent(workspace); - var size = this.getSize(); - - var model = this.getModel(); - var shapeType = model.getShapeType(); - if (!$defined(shapeType)) { - // Change figure ... - shapeType = this.getShapeType(); - this._setShapeType(TopicShape.ROUNDED_RECT, false); - } - var innerShape = this.getInnerShape(); - innerShape.setVisibility(true); - }, - - _updatePositionOnChangeSize: function (oldSize, newSize) { - var xOffset = Math.round((newSize.width - oldSize.width) / 2); - var pos = this.getPosition(); - if ($defined(pos)) { - if (pos.x > 0) { - pos.x = pos.x + xOffset; - } else { - pos.x = pos.x - xOffset; - } - this.setPosition(pos); - } - }, - - /** */ - workoutIncomingConnectionPoint: function (sourcePosition) { - return Shape.workoutIncomingConnectionPoint(this, sourcePosition); - }, - - /** */ - workoutOutgoingConnectionPoint: function (targetPosition) { - $assert(targetPosition, 'targetPoint can not be null'); - var pos = this.getPosition(); - var isAtRight = Shape.isAtRight(targetPosition, pos); - var size = this.getSize(); - - var result; - if (this.getShapeType() == TopicShape.LINE) { - result = new core.Point(); - var groupPosition = this._elem2d.getPosition(); - var innerShareSize = this.getInnerShape().getSize(); - - if (innerShareSize) { - var magicCorrectionNumber = 0.3; - if (!isAtRight) { - result.x = groupPosition.x + innerShareSize.width - magicCorrectionNumber; - } else { - result.x = groupPosition.x + magicCorrectionNumber; - } - result.y = groupPosition.y + innerShareSize.height; - } else { - // Hack: When the size has not being defined. This is because the node has not being added. - // Try to do our best ... - if (!isAtRight) { - result.x = pos.x + size.width / 2; - } else { - result.x = pos.x - size.width / 2; - } - result.y = pos.y + size.height / 2; - } - } else { - result = Shape.calculateRectConnectionPoint( - pos, - size, - isAtRight, - true - ); - } - return result; - }, - } -); - -export default MainTopic; +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +const Core = require('@wismapping/core-js'); + +const core = Core(); +const web2D = require('@wismapping/web2d'); + +const web2d = web2D(); + +const Topic = require('./Topic').default; +const { TopicShape } = require('./model/INodeModel'); +const Shape = require('./util/Shape').default; + +const MainTopic = new Class(/** @lends MainTopic */ { + Extends: Topic, + /** + * @extends mindplot.Topic + * @constructs + * @param model + * @param options + */ + initialize(model, options) { + this.parent(model, options); + }, + + INNER_RECT_ATTRIBUTES: { stroke: '0.5 solid #009900' }, + + _buildDragShape() { + const innerShape = this._buildShape(this.INNER_RECT_ATTRIBUTES, this.getShapeType()); + const size = this.getSize(); + innerShape.setSize(size.width, size.height); + innerShape.setPosition(0, 0); + innerShape.setOpacity(0.5); + innerShape.setCursor('default'); + innerShape.setVisibility(true); + + const brColor = this.getBorderColor(); + innerShape.setAttribute('strokeColor', brColor); + + const bgColor = this.getBackgroundColor(); + innerShape.setAttribute('fillColor', bgColor); + + // Create group ... + const groupAttributes = { + width: 100, + height: 100, + coordSizeWidth: 100, + coordSizeHeight: 100, + }; + const group = new web2d.Group(groupAttributes); + group.append(innerShape); + + // Add Text ... + if (this.getShapeType() != TopicShape.IMAGE) { + const textShape = this._buildTextShape(true); + const text = this.getText(); + textShape.setText(text); + textShape.setOpacity(0.5); + group.append(textShape); + } + return group; + }, + + /** */ + updateTopicShape(targetTopic, workspace) { + // Change figure based on the connected topic ... + const model = this.getModel(); + let shapeType = model.getShapeType(); + if (!targetTopic.isCentralTopic()) { + if (!$defined(shapeType)) { + // Get the real shape type ... + shapeType = this.getShapeType(); + this._setShapeType(shapeType, false); + } + } + }, + + /** */ + disconnect(workspace) { + this.parent(workspace); + const size = this.getSize(); + + const model = this.getModel(); + let shapeType = model.getShapeType(); + if (!$defined(shapeType)) { + // Change figure ... + shapeType = this.getShapeType(); + this._setShapeType(TopicShape.ROUNDED_RECT, false); + } + const innerShape = this.getInnerShape(); + innerShape.setVisibility(true); + }, + + _updatePositionOnChangeSize(oldSize, newSize) { + const xOffset = Math.round((newSize.width - oldSize.width) / 2); + const pos = this.getPosition(); + if ($defined(pos)) { + if (pos.x > 0) { + pos.x += xOffset; + } else { + pos.x -= xOffset; + } + this.setPosition(pos); + } + }, + + /** */ + workoutIncomingConnectionPoint(sourcePosition) { + return Shape.workoutIncomingConnectionPoint(this, sourcePosition); + }, + + /** */ + workoutOutgoingConnectionPoint(targetPosition) { + $assert(targetPosition, 'targetPoint can not be null'); + const pos = this.getPosition(); + const isAtRight = Shape.isAtRight(targetPosition, pos); + const size = this.getSize(); + + let result; + if (this.getShapeType() == TopicShape.LINE) { + result = new core.Point(); + const groupPosition = this._elem2d.getPosition(); + const innerShareSize = this.getInnerShape().getSize(); + + if (innerShareSize) { + const magicCorrectionNumber = 0.3; + if (!isAtRight) { + result.x = groupPosition.x + innerShareSize.width - magicCorrectionNumber; + } else { + result.x = groupPosition.x + magicCorrectionNumber; + } + result.y = groupPosition.y + innerShareSize.height; + } else { + // Hack: When the size has not being defined. This is because the node has not being added. + // Try to do our best ... + if (!isAtRight) { + result.x = pos.x + size.width / 2; + } else { + result.x = pos.x - size.width / 2; + } + result.y = pos.y + size.height / 2; + } + } else { + result = Shape.calculateRectConnectionPoint( + pos, + size, + isAtRight, + true, + ); + } + return result; + }, +}); + +export default MainTopic; diff --git a/packages/mindplot/lib/components/Messages.js b/packages/mindplot/lib/components/Messages.js index 93a16a42..49cf03e4 100644 --- a/packages/mindplot/lib/components/Messages.js +++ b/packages/mindplot/lib/components/Messages.js @@ -17,27 +17,27 @@ */ const Messages = new Class({ - Static: { - init: function (locale) { - locale = $defined(locale) ? locale : 'en'; - var bundle = Messages.BUNDLES[locale]; - if (bundle == null && locale.indexOf('_') != -1) { - // Try to locate without the specialization ... - locale = locale.substring(0, locale.indexOf('_')); - bundle = Messages.BUNDLES[locale]; - } - Messages.__bundle = bundle; - }, + Static: { + init(locale) { + locale = $defined(locale) ? locale : 'en'; + let bundle = Messages.BUNDLES[locale]; + if (bundle == null && locale.indexOf('_') != -1) { + // Try to locate without the specialization ... + locale = locale.substring(0, locale.indexOf('_')); + bundle = Messages.BUNDLES[locale]; + } + Messages.__bundle = bundle; }, + }, }); global.$msg = function (key) { - if (!Messages.__bundle) { - Messages.init('en'); - } + if (!Messages.__bundle) { + Messages.init('en'); + } - var msg = Messages.__bundle[key]; - return msg ? msg : key; + const msg = Messages.__bundle[key]; + return msg || key; }; Messages.BUNDLES = {}; diff --git a/packages/mindplot/lib/components/MultilineTextEditor.js b/packages/mindplot/lib/components/MultilineTextEditor.js index 8627bbc0..c6a4fabc 100644 --- a/packages/mindplot/lib/components/MultilineTextEditor.js +++ b/packages/mindplot/lib/components/MultilineTextEditor.js @@ -19,298 +19,285 @@ const Events = require('./Events').default; const ActionDispatcher = require('./ActionDispatcher').default; const MultilineTextEditor = new Class({ - Extends: Events, - initialize: function () { - this._topic = null; - this._timeoutId = -1; - }, + Extends: Events, + initialize() { + this._topic = null; + this._timeoutId = -1; + }, - _buildEditor: function () { + _buildEditor() { + const result = $('
') + .attr('id', 'textContainer') + .css({ + display: 'none', + zIndex: '8', + overflow: 'hidden', + border: '0 none', + }); - var result = $('
') - .attr('id', 'textContainer') - .css({ - display: "none", - zIndex: "8", - overflow: "hidden", - border: "0 none" - }); + const textareaElem = $('') + .css({ + border: '1px gray dashed', + background: 'rgba(98, 135, 167, .3)', + outline: '0 none', + resize: 'none', + overflow: 'hidden', + }); + result.append(textareaElem); + return result; + }, - var textareaElem = $('') - .css({ - border: "1px gray dashed", - background: "rgba(98, 135, 167, .3)", - outline: '0 none', - resize: 'none', - overflow: "hidden" - }); - - result.append(textareaElem); - return result; - }, - - _registerEvents: function (containerElem) { - var textareaElem = this._getTextareaElem(); - var me = this; - textareaElem.on('keydown', function (event) { - switch (jQuery.hotkeys.specialKeys[event.keyCode]) { - case 'esc': - me.close(false); - break; - case 'enter': - if (event.metaKey || event.ctrlKey) { - - // Add return ... - var text = textareaElem.val(); - var cursorPosition = text.length; - if (textareaElem.selectionStart) { - cursorPosition = textareaElem.selectionStart; - } - - var head = text.substring(0, cursorPosition); - var tail = ""; - if (cursorPosition < text.length) { - tail = text.substring(cursorPosition, text.length); - } - textareaElem.val(head + "\n" + tail); - - // Position cursor ... - if (textareaElem[0].setSelectionRange) { - textareaElem.focus(); - textareaElem[0].setSelectionRange(cursorPosition + 1, cursorPosition + 1); - } else if (textareaElem.createTextRange) { - var range = textareaElem.createTextRange(); - range.moveStart('character', cursorPosition + 1); - range.select(); - } - - } - else { - me.close(true); - } - break; - case 'tab': - event.preventDefault(); - var start = $(this).get(0).selectionStart; - var end = $(this).get(0).selectionEnd; - - // set textarea value to: text before caret + tab + text after caret - $(this).val($(this).val().substring(0, start) + "\t" + $(this).val().substring(end)); - - // put caret at right position again - $(this).get(0).selectionStart = $(this).get(0).selectionEnd = start + 1; - break; - } - event.stopPropagation(); - }); - - textareaElem.on('keypress', function (event) { - event.stopPropagation(); - }); - - textareaElem.on('keyup', function (event) { - var text = me._getTextareaElem().val(); - me.fireEvent('input', [event, text]); - me._adjustEditorSize(); - }); - - // If the user clicks on the input, all event must be ignored ... - containerElem.on('click', function (event) { - event.stopPropagation(); - }); - containerElem.on('dblclick', function (event) { - event.stopPropagation(); - }); - containerElem.on('mousedown', function (event) { - event.stopPropagation(); - }); - }, - - _adjustEditorSize: function () { - - if (this.isVisible()) { - var textElem = this._getTextareaElem(); - - var lines = textElem.val().split('\n'); - var maxLineLength = 1; - _.each(lines, function (line) { - if (maxLineLength < line.length) - maxLineLength = line.length; - }); - - textElem.attr('cols', maxLineLength); - textElem.attr('rows', lines.length); - - this._containerElem.css({ - width: (maxLineLength + 3) + 'em', - height: textElem.height() - }); - } - }, - - isVisible: function () { - return $defined(this._containerElem) && this._containerElem.css('display') == 'block'; - }, - - _updateModel: function () { - - if (this._topic.getText() != this._getText()) { - var text = this._getText(); - var topicId = this._topic.getId(); - - var actionDispatcher = ActionDispatcher.getInstance(); - actionDispatcher.changeTextToTopic([topicId], text); - } - }, - - show: function (topic, text) { - // Close a previous node editor if it's opened ... - if (this._topic) { - this.close(false); - } - - this._topic = topic; - if (!this.isVisible()) { - //Create editor ui - var containerElem = this._buildEditor(); - $('body').append(containerElem); - - this._containerElem = containerElem; - this._registerEvents(containerElem); - this._showEditor(text); - } - }, - - _showEditor: function (defaultText) { - - var topic = this._topic; - - // Hide topic text ... - topic.getTextShape().setVisibility(false); - - // Set Editor Style - var nodeText = topic.getTextShape(); - var font = nodeText.getFont(); - font.size = nodeText.getHtmlFontSize(); - font.color = nodeText.getColor(); - this._setStyle(font); - var me = this; - // Set editor's initial size - var displayFunc = function () { - // Position the editor and set the size... - var textShape = topic.getTextShape(); - - me._containerElem.css('display', 'block'); - - //FIXME: Im not sure if this is best way... - var shapePosition = textShape.getNativePosition(); - me._containerElem.offset(shapePosition); - - // Set editor's initial text ... - var text = $defined(defaultText) ? defaultText : topic.getText(); - me._setText(text); - - // Set the element focus and select the current text ... - var inputElem = me._getTextareaElem(); - me._positionCursor(inputElem, !$defined(defaultText)); - - }; - - this._timeoutId = displayFunc.delay(10); - }, - - _setStyle: function (fontStyle) { - var inputField = this._getTextareaElem(); - if (!$defined(fontStyle.font)) { - fontStyle.font = "Arial"; - } - if (!$defined(fontStyle.style)) { - fontStyle.style = "normal"; - } - if (!$defined(fontStyle.weight)) { - fontStyle.weight = "normal"; - } - if (!$defined(fontStyle.size)) { - fontStyle.size = 12; - } - var style = { - fontSize: fontStyle.size + "px", - fontFamily: fontStyle.font, - fontStyle: fontStyle.style, - fontWeight: fontStyle.weight, - color: fontStyle.color - }; - inputField.css(style); - this._containerElem.css(style); - }, - - _setText: function (text) { - var textareaElem = this._getTextareaElem(); - textareaElem.val(text); - this._adjustEditorSize(); - }, - - _getText: function () { - return this._getTextareaElem().val(); - }, - - _getTextareaElem: function () { - return this._containerElem.find('textarea'); - }, - - _positionCursor: function (textareaElem, selectText) { - textareaElem.focus(); - var lengh = textareaElem.val().length; - if (selectText) { - // Mark text as selected ... - if (textareaElem.createTextRange) { - var rang = textareaElem.createTextRange(); - rang.select(); - rang.move("character", lengh); - } - else { - textareaElem[0].setSelectionRange(0, lengh); + _registerEvents(containerElem) { + const textareaElem = this._getTextareaElem(); + const me = this; + textareaElem.on('keydown', function (event) { + switch (jQuery.hotkeys.specialKeys[event.keyCode]) { + case 'esc': + me.close(false); + break; + case 'enter': + if (event.metaKey || event.ctrlKey) { + // Add return ... + const text = textareaElem.val(); + let cursorPosition = text.length; + if (textareaElem.selectionStart) { + cursorPosition = textareaElem.selectionStart; } - } else { - // Move the cursor to the last character .. - if (textareaElem.createTextRange) { - var range = textareaElem.createTextRange(); - range.move("character", lengh); - } else { - if (Browser.ie11) { - textareaElem[0].selectionStart = lengh; - textareaElem[0].selectionEnd = lengh; - } else { - textareaElem.selectionStart = lengh; - textareaElem.selectionEnd = lengh; - } - textareaElem.focus(); + const head = text.substring(0, cursorPosition); + let tail = ''; + if (cursorPosition < text.length) { + tail = text.substring(cursorPosition, text.length); } - } + textareaElem.val(`${head}\n${tail}`); - }, - - close: function (update) { - if (this.isVisible() && this._topic) { - // Update changes ... - clearTimeout(this._timeoutId); - - if (!$defined(update) || update) { - this._updateModel(); + // Position cursor ... + if (textareaElem[0].setSelectionRange) { + textareaElem.focus(); + textareaElem[0].setSelectionRange(cursorPosition + 1, cursorPosition + 1); + } else if (textareaElem.createTextRange) { + const range = textareaElem.createTextRange(); + range.moveStart('character', cursorPosition + 1); + range.select(); } + } else { + me.close(true); + } + break; + case 'tab': + event.preventDefault(); + var start = $(this).get(0).selectionStart; + var end = $(this).get(0).selectionEnd; - // Let make the visible text in the node visible again ... - this._topic.getTextShape().setVisibility(true); + // set textarea value to: text before caret + tab + text after caret + $(this).val(`${$(this).val().substring(0, start)}\t${$(this).val().substring(end)}`); - // Remove it form the screen ... - this._containerElem.remove(); - this._containerElem = null; - this._timeoutId = -1; - } - this._topic = null; + // put caret at right position again + $(this).get(0).selectionStart = $(this).get(0).selectionEnd = start + 1; + break; + } + event.stopPropagation(); + }); + + textareaElem.on('keypress', (event) => { + event.stopPropagation(); + }); + + textareaElem.on('keyup', (event) => { + const text = me._getTextareaElem().val(); + me.fireEvent('input', [event, text]); + me._adjustEditorSize(); + }); + + // If the user clicks on the input, all event must be ignored ... + containerElem.on('click', (event) => { + event.stopPropagation(); + }); + containerElem.on('dblclick', (event) => { + event.stopPropagation(); + }); + containerElem.on('mousedown', (event) => { + event.stopPropagation(); + }); + }, + + _adjustEditorSize() { + if (this.isVisible()) { + const textElem = this._getTextareaElem(); + + const lines = textElem.val().split('\n'); + let maxLineLength = 1; + _.each(lines, (line) => { + if (maxLineLength < line.length) maxLineLength = line.length; + }); + + textElem.attr('cols', maxLineLength); + textElem.attr('rows', lines.length); + + this._containerElem.css({ + width: `${maxLineLength + 3}em`, + height: textElem.height(), + }); } + }, + + isVisible() { + return $defined(this._containerElem) && this._containerElem.css('display') == 'block'; + }, + + _updateModel() { + if (this._topic.getText() != this._getText()) { + const text = this._getText(); + const topicId = this._topic.getId(); + + const actionDispatcher = ActionDispatcher.getInstance(); + actionDispatcher.changeTextToTopic([topicId], text); + } + }, + + show(topic, text) { + // Close a previous node editor if it's opened ... + if (this._topic) { + this.close(false); + } + + this._topic = topic; + if (!this.isVisible()) { + // Create editor ui + const containerElem = this._buildEditor(); + $('body').append(containerElem); + + this._containerElem = containerElem; + this._registerEvents(containerElem); + this._showEditor(text); + } + }, + + _showEditor(defaultText) { + const topic = this._topic; + + // Hide topic text ... + topic.getTextShape().setVisibility(false); + + // Set Editor Style + const nodeText = topic.getTextShape(); + const font = nodeText.getFont(); + font.size = nodeText.getHtmlFontSize(); + font.color = nodeText.getColor(); + this._setStyle(font); + const me = this; + // Set editor's initial size + const displayFunc = function () { + // Position the editor and set the size... + const textShape = topic.getTextShape(); + + me._containerElem.css('display', 'block'); + + // FIXME: Im not sure if this is best way... + const shapePosition = textShape.getNativePosition(); + me._containerElem.offset(shapePosition); + + // Set editor's initial text ... + const text = $defined(defaultText) ? defaultText : topic.getText(); + me._setText(text); + + // Set the element focus and select the current text ... + const inputElem = me._getTextareaElem(); + me._positionCursor(inputElem, !$defined(defaultText)); + }; + + this._timeoutId = displayFunc.delay(10); + }, + + _setStyle(fontStyle) { + const inputField = this._getTextareaElem(); + if (!$defined(fontStyle.font)) { + fontStyle.font = 'Arial'; + } + if (!$defined(fontStyle.style)) { + fontStyle.style = 'normal'; + } + if (!$defined(fontStyle.weight)) { + fontStyle.weight = 'normal'; + } + if (!$defined(fontStyle.size)) { + fontStyle.size = 12; + } + const style = { + fontSize: `${fontStyle.size}px`, + fontFamily: fontStyle.font, + fontStyle: fontStyle.style, + fontWeight: fontStyle.weight, + color: fontStyle.color, + }; + inputField.css(style); + this._containerElem.css(style); + }, + + _setText(text) { + const textareaElem = this._getTextareaElem(); + textareaElem.val(text); + this._adjustEditorSize(); + }, + + _getText() { + return this._getTextareaElem().val(); + }, + + _getTextareaElem() { + return this._containerElem.find('textarea'); + }, + + _positionCursor(textareaElem, selectText) { + textareaElem.focus(); + const lengh = textareaElem.val().length; + if (selectText) { + // Mark text as selected ... + if (textareaElem.createTextRange) { + const rang = textareaElem.createTextRange(); + rang.select(); + rang.move('character', lengh); + } else { + textareaElem[0].setSelectionRange(0, lengh); + } + } else { + // Move the cursor to the last character .. + if (textareaElem.createTextRange) { + const range = textareaElem.createTextRange(); + range.move('character', lengh); + } else { + if (Browser.ie11) { + textareaElem[0].selectionStart = lengh; + textareaElem[0].selectionEnd = lengh; + } else { + textareaElem.selectionStart = lengh; + textareaElem.selectionEnd = lengh; + } + textareaElem.focus(); + } + } + }, + + close(update) { + if (this.isVisible() && this._topic) { + // Update changes ... + clearTimeout(this._timeoutId); + + if (!$defined(update) || update) { + this._updateModel(); + } + + // Let make the visible text in the node visible again ... + this._topic.getTextShape().setVisibility(true); + + // Remove it form the screen ... + this._containerElem.remove(); + this._containerElem = null; + this._timeoutId = -1; + } + this._topic = null; + }, }); export default MultilineTextEditor; diff --git a/packages/mindplot/lib/components/NodeGraph.js b/packages/mindplot/lib/components/NodeGraph.js index 92d79bb8..8e047cc2 100644 --- a/packages/mindplot/lib/components/NodeGraph.js +++ b/packages/mindplot/lib/components/NodeGraph.js @@ -20,171 +20,171 @@ const DragTopic = require('./DragTopic').default; const INodeModel = require('./model/INodeModel').default; const NodeGraph = new Class( - /** @lends NodeGraph */ { - /** + /** @lends NodeGraph */ { + /** * @constructs * @param {mindplot.model.NodeModel} nodeModel * @param {Object} options * @throws will throw an error if nodeModel is null or undefined */ - initialize: function (nodeModel, options) { - $assert(nodeModel, 'model can not be null'); + initialize(nodeModel, options) { + $assert(nodeModel, 'model can not be null'); - this._options = options; - this._mouseEvents = true; - this.setModel(nodeModel); - this._onFocus = false; - this._size = { width: 50, height: 20 }; - }, + this._options = options; + this._mouseEvents = true; + this.setModel(nodeModel); + this._onFocus = false; + this._size = { width: 50, height: 20 }; + }, - /** @return true if option is set to read-only */ - isReadOnly: function () { - return this._options.readOnly; - }, + /** @return true if option is set to read-only */ + isReadOnly() { + return this._options.readOnly; + }, - /** @return model type */ - getType: function () { - var model = this.getModel(); - return model.getType(); - }, + /** @return model type */ + getType() { + const model = this.getModel(); + return model.getType(); + }, - /** + /** * @param {String} id * @throws will throw an error if the topic id is not a number */ - setId: function (id) { - $assert(typeof topic.getId() == 'number', 'id is not a number:' + id); - this.getModel().setId(id); - }, + setId(id) { + $assert(typeof topic.getId() === 'number', `id is not a number:${id}`); + this.getModel().setId(id); + }, - _set2DElement: function (elem2d) { - this._elem2d = elem2d; - }, + _set2DElement(elem2d) { + this._elem2d = elem2d; + }, - /** + /** * @return 2D element * @throws will throw an error if the element is null or undefined within node graph */ - get2DElement: function () { - $assert(this._elem2d, 'NodeGraph has not been initialized properly'); - return this._elem2d; - }, + get2DElement() { + $assert(this._elem2d, 'NodeGraph has not been initialized properly'); + return this._elem2d; + }, - /** @abstract */ - setPosition: function (point, fireEvent) { - throw 'Unsupported operation'; - }, + /** @abstract */ + setPosition(point, fireEvent) { + throw 'Unsupported operation'; + }, - /** */ - addEvent: function (type, listener) { - var elem = this.get2DElement(); - elem.addEvent(type, listener); - }, + /** */ + addEvent(type, listener) { + const elem = this.get2DElement(); + elem.addEvent(type, listener); + }, - /** */ - removeEvent: function (type, listener) { - var elem = this.get2DElement(); - elem.removeEvent(type, listener); - }, + /** */ + removeEvent(type, listener) { + const elem = this.get2DElement(); + elem.removeEvent(type, listener); + }, - /** */ - fireEvent: function (type, event) { - var elem = this.get2DElement(); - elem.trigger(type, event); - }, + /** */ + fireEvent(type, event) { + const elem = this.get2DElement(); + elem.trigger(type, event); + }, - /** */ - setMouseEventsEnabled: function (isEnabled) { - this._mouseEvents = isEnabled; - }, + /** */ + setMouseEventsEnabled(isEnabled) { + this._mouseEvents = isEnabled; + }, - /** */ - isMouseEventsEnabled: function () { - return this._mouseEvents; - }, + /** */ + isMouseEventsEnabled() { + return this._mouseEvents; + }, - /** @return {Object} size*/ - getSize: function () { - return this._size; - }, + /** @return {Object} size */ + getSize() { + return this._size; + }, - /** @param {Object} size*/ - setSize: function (size) { - this._size.width = parseInt(size.width); - this._size.height = parseInt(size.height); - }, + /** @param {Object} size */ + setSize(size) { + this._size.width = parseInt(size.width); + this._size.height = parseInt(size.height); + }, - /** + /** * @return {mindplot.model.NodeModel} the node model */ - getModel: function () { - $assert(this._model, 'Model has not been initialized yet'); - return this._model; - }, + getModel() { + $assert(this._model, 'Model has not been initialized yet'); + return this._model; + }, - /** + /** * @param {mindplot.NodeModel} model the node model * @throws will throw an error if model is null or undefined */ - setModel: function (model) { - $assert(model, 'Model can not be null'); - this._model = model; - }, + setModel(model) { + $assert(model, 'Model can not be null'); + this._model = model; + }, - /** */ - getId: function () { - return this._model.getId(); - }, + /** */ + getId() { + return this._model.getId(); + }, - /** */ - setOnFocus: function (focus) { - if (this._onFocus != focus) { - this._onFocus = focus; - var outerShape = this.getOuterShape(); - if (focus) { - outerShape.setFill(Topic.OUTER_SHAPE_ATTRIBUTES_FOCUS.fillColor); - outerShape.setOpacity(1); - } else { - outerShape.setFill(Topic.OUTER_SHAPE_ATTRIBUTES.fillColor); - outerShape.setOpacity(0); - } - this.setCursor('move'); + /** */ + setOnFocus(focus) { + if (this._onFocus != focus) { + this._onFocus = focus; + const outerShape = this.getOuterShape(); + if (focus) { + outerShape.setFill(Topic.OUTER_SHAPE_ATTRIBUTES_FOCUS.fillColor); + outerShape.setOpacity(1); + } else { + outerShape.setFill(Topic.OUTER_SHAPE_ATTRIBUTES.fillColor); + outerShape.setOpacity(0); + } + this.setCursor('move'); - // In any case, always try to hide the editor ... - this.closeEditors(); + // In any case, always try to hide the editor ... + this.closeEditors(); - // Fire event ... - this.fireEvent(focus ? 'ontfocus' : 'ontblur', this); - } - }, + // Fire event ... + this.fireEvent(focus ? 'ontfocus' : 'ontblur', this); + } + }, - /** @return {Boolean} true if the node graph is on focus */ - isOnFocus: function () { - return this._onFocus; - }, + /** @return {Boolean} true if the node graph is on focus */ + isOnFocus() { + return this._onFocus; + }, - /** */ - dispose: function (workspace) { - this.setOnFocus(false); - workspace.removeChild(this); - }, + /** */ + dispose(workspace) { + this.setOnFocus(false); + workspace.removeChild(this); + }, - /** */ - createDragNode: function (layoutManager) { - var dragShape = this._buildDragShape(); - return new DragTopic(dragShape, this, layoutManager); - }, + /** */ + createDragNode(layoutManager) { + const dragShape = this._buildDragShape(); + return new DragTopic(dragShape, this, layoutManager); + }, - _buildDragShape: function () { - $assert(false, '_buildDragShape must be implemented by all nodes.'); - }, + _buildDragShape() { + $assert(false, '_buildDragShape must be implemented by all nodes.'); + }, - /** */ - getPosition: function () { - var model = this.getModel(); - return model.getPosition(); - }, - } + /** */ + getPosition() { + const model = this.getModel(); + return model.getPosition(); + }, + }, ); /** @@ -199,24 +199,24 @@ const NodeGraph = new Class( * @return {mindplot.CentralTopic|mindplot.MainTopic} the new topic */ NodeGraph.create = function (nodeModel, options) { - const CentralTopic = require('./CentralTopic').default; - const MainTopic = require('./MainTopic').default; + const CentralTopic = require('./CentralTopic').default; + const MainTopic = require('./MainTopic').default; - $assert(nodeModel, 'Model can not be null'); + $assert(nodeModel, 'Model can not be null'); - var type = nodeModel.getType(); - $assert(type, 'Node model type can not be null'); + const type = nodeModel.getType(); + $assert(type, 'Node model type can not be null'); - var result; - if (type == INodeModel.CENTRAL_TOPIC_TYPE) { - result = new CentralTopic(nodeModel, options); - } else if (type == INodeModel.MAIN_TOPIC_TYPE) { - result = new MainTopic(nodeModel, options); - } else { - $assert(false, 'unsupported node type:' + type); - } + let result; + if (type == INodeModel.CENTRAL_TOPIC_TYPE) { + result = new CentralTopic(nodeModel, options); + } else if (type == INodeModel.MAIN_TOPIC_TYPE) { + result = new MainTopic(nodeModel, options); + } else { + $assert(false, `unsupported node type:${type}`); + } - return result; + return result; }; export default NodeGraph; diff --git a/packages/mindplot/lib/components/NoteIcon.js b/packages/mindplot/lib/components/NoteIcon.js index da192f1e..a1a4f1da 100644 --- a/packages/mindplot/lib/components/NoteIcon.js +++ b/packages/mindplot/lib/components/NoteIcon.js @@ -19,66 +19,64 @@ const Icon = require('./Icon').default; const FloatingTip = require('./widget/FloatingTip').default; const NoteIcon = new Class({ - Extends: Icon, - initialize: function (topic, noteModel, readOnly) { - $assert(topic, 'topic can not be null'); + Extends: Icon, + initialize(topic, noteModel, readOnly) { + $assert(topic, 'topic can not be null'); - this.parent(NoteIcon.IMAGE_URL); - this._linksModel = noteModel; - this._topic = topic; - this._readOnly = readOnly; + this.parent(NoteIcon.IMAGE_URL); + this._linksModel = noteModel; + this._topic = topic; + this._readOnly = readOnly; - this._registerEvents(); - }, + this._registerEvents(); + }, - _registerEvents: function () { - this._image.setCursor('pointer'); - var me = this; + _registerEvents() { + this._image.setCursor('pointer'); + const me = this; - if (!this._readOnly) { - // Add on click event to open the editor ... - this.addEvent('click', function (event) { - me._topic.showNoteEditor(); - event.stopPropagation(); - }); - } - this._tip = new FloatingTip($(me.getImage()._peer._native), { - title: $msg('NOTE'), - container: 'body', - // Content can also be a function of the target element! - content: function () { - return me._buildTooltipContent(); - }, - html: true, - placement: 'bottom', - destroyOnExit: true - }); - - }, - - _buildTooltipContent: function () { - if ($("body").find("#textPopoverNote").length == 1) { - var text = $("body").find("#textPopoverNote"); - text.text(this._linksModel.getText()); - } else { - var result = $('
').css({padding: '5px'}); - - var text = $('
').text(this._linksModel.getText()) - .css({ - 'white-space': 'pre-wrap', - 'word-wrap': 'break-word' - } - ); - result.append(text); - return result; - } - }, - - getModel: function () { - return this._linksModel; + if (!this._readOnly) { + // Add on click event to open the editor ... + this.addEvent('click', (event) => { + me._topic.showNoteEditor(); + event.stopPropagation(); + }); } + this._tip = new FloatingTip($(me.getImage()._peer._native), { + title: $msg('NOTE'), + container: 'body', + // Content can also be a function of the target element! + content() { + return me._buildTooltipContent(); + }, + html: true, + placement: 'bottom', + destroyOnExit: true, + }); + }, + + _buildTooltipContent() { + if ($('body').find('#textPopoverNote').length == 1) { + var text = $('body').find('#textPopoverNote'); + text.text(this._linksModel.getText()); + } else { + const result = $('
').css({ padding: '5px' }); + + var text = $('
').text(this._linksModel.getText()) + .css({ + 'white-space': 'pre-wrap', + 'word-wrap': 'break-word', + }); + result.append(text); + return result; + } + }, + + getModel() { + return this._linksModel; + }, }); -NoteIcon.IMAGE_URL = "images/notes.png"; +NoteIcon.IMAGE_URL = 'images/notes.png'; -export default NoteIcon +export default NoteIcon; diff --git a/packages/mindplot/lib/components/Options.js b/packages/mindplot/lib/components/Options.js index 9312acff..1f41926d 100644 --- a/packages/mindplot/lib/components/Options.js +++ b/packages/mindplot/lib/components/Options.js @@ -1,14 +1,16 @@ const Options = new Class({ - setOptions: function () { - var options = this.options = Object.merge.apply(null, [{}, this.options].append(arguments)); - if (this.addEvent) for (var option in options) { - if (typeOf(options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue; - this.addEvent(option, options[option]); - delete options[option]; - } - return this; + setOptions() { + const options = this.options = Object.merge.apply(null, [{}, this.options].append(arguments)); + if (this.addEvent) { + for (const option in options) { + if (typeOf(options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue; + this.addEvent(option, options[option]); + delete options[option]; + } } + return this; + }, }); diff --git a/packages/mindplot/lib/components/PersistenceManager.js b/packages/mindplot/lib/components/PersistenceManager.js index 1e3ef269..b3e3ceba 100644 --- a/packages/mindplot/lib/components/PersistenceManager.js +++ b/packages/mindplot/lib/components/PersistenceManager.js @@ -16,71 +16,72 @@ * limitations under the License. */ const Core = require('@wismapping/core-js'); + const core = Core(); const XMLSerializerFactory = require('./persistence/XMLSerializerFactory'); const PersistenceManager = new Class({ - Static: { - loadFromDom: function (mapId, mapDom) { - $assert(mapId, 'mapId can not be null'); - $assert(mapDom, 'mapDom can not be null'); + Static: { + loadFromDom(mapId, mapDom) { + $assert(mapId, 'mapId can not be null'); + $assert(mapDom, 'mapDom can not be null'); - var serializer = XMLSerializerFactory.getSerializerFromDocument(mapDom); - return serializer.loadFromDom(mapDom, mapId); - }, + const serializer = XMLSerializerFactory.getSerializerFromDocument(mapDom); + return serializer.loadFromDom(mapDom, mapId); }, + }, - initialize: function () {}, + initialize() {}, - save: function (mindmap, editorProperties, saveHistory, events, sync) { - $assert(mindmap, 'mindmap can not be null'); - $assert(editorProperties, 'editorProperties can not be null'); + save(mindmap, editorProperties, saveHistory, events, sync) { + $assert(mindmap, 'mindmap can not be null'); + $assert(editorProperties, 'editorProperties can not be null'); - var mapId = mindmap.getId(); - $assert(mapId, 'mapId can not be null'); + const mapId = mindmap.getId(); + $assert(mapId, 'mapId can not be null'); - var serializer = XMLSerializerFactory.getSerializerFromMindmap(mindmap); - var domMap = serializer.toXML(mindmap); - var mapXml = core.Utils.innerXML(domMap); + const serializer = XMLSerializerFactory.getSerializerFromMindmap(mindmap); + const domMap = serializer.toXML(mindmap); + const mapXml = core.Utils.innerXML(domMap); - var pref = JSON.stringify(editorProperties); - try { - this.saveMapXml(mapId, mapXml, pref, saveHistory, events, sync); - } catch (e) { - console.log(e); - events.onError(this._buildError()); - } - }, + const pref = JSON.stringify(editorProperties); + try { + this.saveMapXml(mapId, mapXml, pref, saveHistory, events, sync); + } catch (e) { + console.log(e); + events.onError(this._buildError()); + } + }, - load: function (mapId) { - $assert(mapId, 'mapId can not be null'); - var domDocument = this.loadMapDom(mapId); - return PersistenceManager.loadFromDom(mapId, domDocument); - }, + load(mapId) { + $assert(mapId, 'mapId can not be null'); + const domDocument = this.loadMapDom(mapId); + return PersistenceManager.loadFromDom(mapId, domDocument); + }, - discardChanges: function (mapId) { - throw new Error('Method must be implemented'); - }, + discardChanges(mapId) { + throw new Error('Method must be implemented'); + }, - loadMapDom: function (mapId) { - throw new Error('Method must be implemented'); - }, + loadMapDom(mapId) { + throw new Error('Method must be implemented'); + }, - saveMapXml: function (mapId, mapXml, pref, saveHistory, events, sync) { - throw new Error('Method must be implemented'); - }, + saveMapXml(mapId, mapXml, pref, saveHistory, events, sync) { + throw new Error('Method must be implemented'); + }, - unlockMap: function (mindmap) { - throw new Error('Method must be implemented'); - }, + unlockMap(mindmap) { + throw new Error('Method must be implemented'); + }, }); PersistenceManager.init = function (instance) { - PersistenceManager._instance = instance; + PersistenceManager._instance = instance; }; PersistenceManager.getInstance = function () { - return PersistenceManager._instance; + return PersistenceManager._instance; }; export default PersistenceManager; diff --git a/packages/mindplot/lib/components/Relationship.js b/packages/mindplot/lib/components/Relationship.js index 95cef0c8..a587fe03 100644 --- a/packages/mindplot/lib/components/Relationship.js +++ b/packages/mindplot/lib/components/Relationship.js @@ -15,10 +15,12 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js') +const Core = require('@wismapping/core-js'); + const core = Core(); -const web2D = require('@wismapping/web2d') +const web2D = require('@wismapping/web2d'); + const web2d = web2D(); const ConnectionLine = require('./ConnectionLine').default; @@ -26,320 +28,310 @@ const ControlPoint = require('./ControlPoint').default; const INodeModel = require('./model/INodeModel').default; -const Shape = require('./util/Shape').default +const Shape = require('./util/Shape').default; const Relationship = new Class({ - Extends: ConnectionLine, - Static: { - getStrokeColor: function () { - return '#9b74e6'; - }, - type: "Relationship" + Extends: ConnectionLine, + Static: { + getStrokeColor() { + return '#9b74e6'; }, - initialize: function (sourceNode, targetNode, model) { - $assert(sourceNode, "sourceNode can not be null"); - $assert(targetNode, "targetNode can not be null"); + type: 'Relationship', + }, + initialize(sourceNode, targetNode, model) { + $assert(sourceNode, 'sourceNode can not be null'); + $assert(targetNode, 'targetNode can not be null'); - this.parent(sourceNode, targetNode, model.getLineType()); - this.setModel(model); + this.parent(sourceNode, targetNode, model.getLineType()); + this.setModel(model); - var strokeColor = Relationship.getStrokeColor(); + const strokeColor = Relationship.getStrokeColor(); - this._line2d.setIsSrcControlPointCustom(false); - this._line2d.setIsDestControlPointCustom(false); - this._line2d.setCursor('pointer'); - this._line2d.setStroke(1, 'solid', strokeColor); - this._line2d.setDashed(4, 2); - this._focusShape = this._createLine(this.getLineType(), ConnectionLine.SIMPLE_CURVED); - this._focusShape.setStroke(2, "solid", "#3f96ff"); + this._line2d.setIsSrcControlPointCustom(false); + this._line2d.setIsDestControlPointCustom(false); + this._line2d.setCursor('pointer'); + this._line2d.setStroke(1, 'solid', strokeColor); + this._line2d.setDashed(4, 2); + this._focusShape = this._createLine(this.getLineType(), ConnectionLine.SIMPLE_CURVED); + this._focusShape.setStroke(2, 'solid', '#3f96ff'); - var ctrlPoints = this._line2d.getControlPoints(); - this._focusShape.setSrcControlPoint(ctrlPoints[0]); - this._focusShape.setDestControlPoint(ctrlPoints[1]); - this._focusShape.setVisibility(false); - this._onFocus = false; - this._isInWorkspace = false; - this._controlPointsController = new ControlPoint(); + const ctrlPoints = this._line2d.getControlPoints(); + this._focusShape.setSrcControlPoint(ctrlPoints[0]); + this._focusShape.setDestControlPoint(ctrlPoints[1]); + this._focusShape.setVisibility(false); + this._onFocus = false; + this._isInWorkspace = false; + this._controlPointsController = new ControlPoint(); - this._startArrow = new web2d.Arrow(); - this._startArrow.setStrokeColor(strokeColor); - this._startArrow.setStrokeWidth(2); - this.setShowStartArrow(true); + this._startArrow = new web2d.Arrow(); + this._startArrow.setStrokeColor(strokeColor); + this._startArrow.setStrokeWidth(2); + this.setShowStartArrow(true); - // Share style is disable ... - if (this._showEndArrow) { - this._endArrow = new web2d.Arrow(); - this._endArrow.setStrokeColor(strokeColor); - this._endArrow.setStrokeWidth(2); - } - - // Position the line ... - if ($defined(model.getSrcCtrlPoint())) { - var srcPoint = model.getSrcCtrlPoint().clone(); - this.setSrcControlPoint(srcPoint); - } - if ($defined(model.getDestCtrlPoint())) { - var destPoint = model.getDestCtrlPoint().clone(); - this.setDestControlPoint(destPoint); - } - }, - - setStroke: function (color, style, opacity) { - this.parent(color, style, opacity); - this._startArrow.setStrokeColor(color); - }, - - redraw: function () { - var line2d = this._line2d; - var sourceTopic = this._sourceTopic; - var sourcePosition = sourceTopic.getPosition(); - - var targetTopic = this._targetTopic; - var targetPosition = targetTopic.getPosition(); - if (targetTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { - targetPosition = Shape.workoutIncomingConnectionPoint(targetTopic, sourcePosition); - } - - var sPos, tPos; - this._line2d.setStroke(2); - var ctrlPoints = this._line2d.getControlPoints(); - if (!this._line2d.isDestControlPointCustom() && !this._line2d.isSrcControlPointCustom()) { - - var defaultPoints = Shape.calculateDefaultControlPoints(sourcePosition, targetPosition); - ctrlPoints[0].x = defaultPoints[0].x; - ctrlPoints[0].y = defaultPoints[0].y; - - ctrlPoints[1].x = defaultPoints[1].x; - ctrlPoints[1].y = defaultPoints[1].y; - } - var spoint = new core.Point(); - spoint.x = parseInt(ctrlPoints[0].x) + parseInt(sourcePosition.x); - spoint.y = parseInt(ctrlPoints[0].y) + parseInt(sourcePosition.y); - - var tpoint = new core.Point(); - tpoint.x = parseInt(ctrlPoints[1].x) + parseInt(targetPosition.x); - tpoint.y = parseInt(ctrlPoints[1].y) + parseInt(targetPosition.y); - - sPos = Shape.calculateRelationShipPointCoordinates(sourceTopic, spoint); - tPos = Shape.calculateRelationShipPointCoordinates(targetTopic, tpoint); - - line2d.setFrom(sPos.x, sPos.y); - line2d.setTo(tPos.x, tPos.y); - - line2d.moveToFront(); - - //Positionate Arrows - this._positionArrows(); - - // Add connector ... - this._positionateConnector(targetTopic); - - if (this.isOnFocus()) { - this._refreshShape(); - } - this._focusShape.moveToBack(); - this._controlPointsController.redraw(); - }, - - _positionArrows: function () { - var tpos = this._line2d.getTo(); - var spos = this._line2d.getFrom(); - - this._startArrow.setFrom(spos.x, spos.y); - this._startArrow.moveToBack(); - - if (this._endArrow) { - this._endArrow.setFrom(tpos.x, tpos.y); - this._endArrow.moveToBack(); - } - - if (this._line2d.getType() == "CurvedLine") { - var controlPoints = this._line2d.getControlPoints(); - this._startArrow.setControlPoint(controlPoints[0]); - if (this._endArrow) { - this._endArrow.setControlPoint(controlPoints[1]); - } - } else { - this._startArrow.setControlPoint(this._line2d.getTo()); - if (this._endArrow) { - this._endArrow.setControlPoint(this._line2d.getFrom()); - } - } - - if (this._showEndArrow) { - this._endArrow.setVisibility(this.isVisible()); - } - this._startArrow.setVisibility(this.isVisible() && this._showStartArrow); - }, - - addToWorkspace: function (workspace) { - workspace.append(this._focusShape); - workspace.append(this._controlPointsController); - - this._controlPointControllerListener = this._initializeControlPointController.bind(this); - this._line2d.addEvent('click', this._controlPointControllerListener); - this._isInWorkspace = true; - - workspace.append(this._startArrow); - if (this._endArrow) - workspace.append(this._endArrow); - - this.parent(workspace); - this._positionArrows(); - this.redraw(); - - }, - - _initializeControlPointController: function () { - this.setOnFocus(true); - }, - - removeFromWorkspace: function (workspace) { - workspace.removeChild(this._focusShape); - workspace.removeChild(this._controlPointsController); - this._line2d.removeEvent('click', this._controlPointControllerListener); - this._isInWorkspace = false; - workspace.removeChild(this._startArrow); - if (this._endArrow) - workspace.removeChild(this._endArrow); - - this.parent(workspace); - }, - - getType: function () { - return Relationship.type; - }, - - setOnFocus: function (focus) { - // Change focus shape - if (this.isOnFocus() != focus) { - if (focus) { - this._refreshShape(); - this._controlPointsController.setLine(this); - } - this._focusShape.setVisibility(focus); - - this._controlPointsController.setVisibility(focus); - this._onFocus = focus; - this.fireEvent(focus ? 'ontfocus' : 'ontblur', this); - } - }, - - _refreshShape: function () { - var sPos = this._line2d.getFrom(); - var tPos = this._line2d.getTo(); - var ctrlPoints = this._line2d.getControlPoints(); - this._focusShape.setFrom(sPos.x, sPos.y); - this._focusShape.setTo(tPos.x, tPos.y); - var shapeCtrlPoints = this._focusShape.getControlPoints(); - shapeCtrlPoints[0].x = ctrlPoints[0].x; - shapeCtrlPoints[0].y = ctrlPoints[0].y; - shapeCtrlPoints[1].x = ctrlPoints[1].x; - shapeCtrlPoints[1].y = ctrlPoints[1].y; - this._focusShape.updateLine(); - }, - - addEvent: function (type, listener) { - // Translate to web 2d events ... - if (type == 'onfocus') { - type = 'mousedown'; - } - - var line = this._line2d; - line.addEvent(type, listener); - }, - - isOnFocus: function () { - return this._onFocus; - }, - - isInWorkspace: function () { - return this._isInWorkspace; - }, - - setVisibility: function (value) { - this.parent(value); - if (this._showEndArrow) - this._endArrow.setVisibility(this._showEndArrow); - this._startArrow.setVisibility(this._showStartArrow && value); - }, - - setOpacity: function (opacity) { - this.parent(opacity); - if (this._showEndArrow) - this._endArrow.setOpacity(opacity); - if (this._showStartArrow) - this._startArrow.setOpacity(opacity); - }, - - setShowEndArrow: function (visible) { - this._showEndArrow = visible; - if (this._isInWorkspace) - this.redraw(); - }, - - setShowStartArrow: function (visible) { - this._showStartArrow = visible; - if (this._isInWorkspace) - this.redraw(); - }, - - setFrom: function (x, y) { - $assert($defined(x), "x must be defined"); - $assert($defined(y), "y must be defined"); - - this._line2d.setFrom(x, y); - this._startArrow.setFrom(x, y); - }, - - setTo: function (x, y) { - $assert($defined(x), "x must be defined"); - $assert($defined(y), "y must be defined"); - - this._line2d.setTo(x, y); - if (this._endArrow) - this._endArrow.setFrom(x, y); - }, - - setSrcControlPoint: function (control) { - this._line2d.setSrcControlPoint(control); - this._startArrow.setControlPoint(control); - }, - - setDestControlPoint: function (control) { - this._line2d.setDestControlPoint(control); - if (this._showEndArrow) - this._endArrow.setControlPoint(control); - }, - - getControlPoints: function () { - return this._line2d.getControlPoints(); - }, - - isSrcControlPointCustom: function () { - return this._line2d.isSrcControlPointCustom(); - }, - - isDestControlPointCustom: function () { - return this._line2d.isDestControlPointCustom(); - }, - - setIsSrcControlPointCustom: function (isCustom) { - this._line2d.setIsSrcControlPointCustom(isCustom); - }, - - setIsDestControlPointCustom: function (isCustom) { - this._line2d.setIsDestControlPointCustom(isCustom); - }, - - getId: function () { - return this._model.getId(); - }, - - fireEvent: function (type, event) { - var elem = this._line2d; - elem.trigger(type, event); + // Share style is disable ... + if (this._showEndArrow) { + this._endArrow = new web2d.Arrow(); + this._endArrow.setStrokeColor(strokeColor); + this._endArrow.setStrokeWidth(2); } + + // Position the line ... + if ($defined(model.getSrcCtrlPoint())) { + const srcPoint = model.getSrcCtrlPoint().clone(); + this.setSrcControlPoint(srcPoint); + } + if ($defined(model.getDestCtrlPoint())) { + const destPoint = model.getDestCtrlPoint().clone(); + this.setDestControlPoint(destPoint); + } + }, + + setStroke(color, style, opacity) { + this.parent(color, style, opacity); + this._startArrow.setStrokeColor(color); + }, + + redraw() { + const line2d = this._line2d; + const sourceTopic = this._sourceTopic; + const sourcePosition = sourceTopic.getPosition(); + + const targetTopic = this._targetTopic; + let targetPosition = targetTopic.getPosition(); + if (targetTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + targetPosition = Shape.workoutIncomingConnectionPoint(targetTopic, sourcePosition); + } + + let sPos; let + tPos; + this._line2d.setStroke(2); + const ctrlPoints = this._line2d.getControlPoints(); + if (!this._line2d.isDestControlPointCustom() && !this._line2d.isSrcControlPointCustom()) { + const defaultPoints = Shape.calculateDefaultControlPoints(sourcePosition, targetPosition); + ctrlPoints[0].x = defaultPoints[0].x; + ctrlPoints[0].y = defaultPoints[0].y; + + ctrlPoints[1].x = defaultPoints[1].x; + ctrlPoints[1].y = defaultPoints[1].y; + } + const spoint = new core.Point(); + spoint.x = parseInt(ctrlPoints[0].x) + parseInt(sourcePosition.x); + spoint.y = parseInt(ctrlPoints[0].y) + parseInt(sourcePosition.y); + + const tpoint = new core.Point(); + tpoint.x = parseInt(ctrlPoints[1].x) + parseInt(targetPosition.x); + tpoint.y = parseInt(ctrlPoints[1].y) + parseInt(targetPosition.y); + + sPos = Shape.calculateRelationShipPointCoordinates(sourceTopic, spoint); + tPos = Shape.calculateRelationShipPointCoordinates(targetTopic, tpoint); + + line2d.setFrom(sPos.x, sPos.y); + line2d.setTo(tPos.x, tPos.y); + + line2d.moveToFront(); + + // Positionate Arrows + this._positionArrows(); + + // Add connector ... + this._positionateConnector(targetTopic); + + if (this.isOnFocus()) { + this._refreshShape(); + } + this._focusShape.moveToBack(); + this._controlPointsController.redraw(); + }, + + _positionArrows() { + const tpos = this._line2d.getTo(); + const spos = this._line2d.getFrom(); + + this._startArrow.setFrom(spos.x, spos.y); + this._startArrow.moveToBack(); + + if (this._endArrow) { + this._endArrow.setFrom(tpos.x, tpos.y); + this._endArrow.moveToBack(); + } + + if (this._line2d.getType() == 'CurvedLine') { + const controlPoints = this._line2d.getControlPoints(); + this._startArrow.setControlPoint(controlPoints[0]); + if (this._endArrow) { + this._endArrow.setControlPoint(controlPoints[1]); + } + } else { + this._startArrow.setControlPoint(this._line2d.getTo()); + if (this._endArrow) { + this._endArrow.setControlPoint(this._line2d.getFrom()); + } + } + + if (this._showEndArrow) { + this._endArrow.setVisibility(this.isVisible()); + } + this._startArrow.setVisibility(this.isVisible() && this._showStartArrow); + }, + + addToWorkspace(workspace) { + workspace.append(this._focusShape); + workspace.append(this._controlPointsController); + + this._controlPointControllerListener = this._initializeControlPointController.bind(this); + this._line2d.addEvent('click', this._controlPointControllerListener); + this._isInWorkspace = true; + + workspace.append(this._startArrow); + if (this._endArrow) workspace.append(this._endArrow); + + this.parent(workspace); + this._positionArrows(); + this.redraw(); + }, + + _initializeControlPointController() { + this.setOnFocus(true); + }, + + removeFromWorkspace(workspace) { + workspace.removeChild(this._focusShape); + workspace.removeChild(this._controlPointsController); + this._line2d.removeEvent('click', this._controlPointControllerListener); + this._isInWorkspace = false; + workspace.removeChild(this._startArrow); + if (this._endArrow) workspace.removeChild(this._endArrow); + + this.parent(workspace); + }, + + getType() { + return Relationship.type; + }, + + setOnFocus(focus) { + // Change focus shape + if (this.isOnFocus() != focus) { + if (focus) { + this._refreshShape(); + this._controlPointsController.setLine(this); + } + this._focusShape.setVisibility(focus); + + this._controlPointsController.setVisibility(focus); + this._onFocus = focus; + this.fireEvent(focus ? 'ontfocus' : 'ontblur', this); + } + }, + + _refreshShape() { + const sPos = this._line2d.getFrom(); + const tPos = this._line2d.getTo(); + const ctrlPoints = this._line2d.getControlPoints(); + this._focusShape.setFrom(sPos.x, sPos.y); + this._focusShape.setTo(tPos.x, tPos.y); + const shapeCtrlPoints = this._focusShape.getControlPoints(); + shapeCtrlPoints[0].x = ctrlPoints[0].x; + shapeCtrlPoints[0].y = ctrlPoints[0].y; + shapeCtrlPoints[1].x = ctrlPoints[1].x; + shapeCtrlPoints[1].y = ctrlPoints[1].y; + this._focusShape.updateLine(); + }, + + addEvent(type, listener) { + // Translate to web 2d events ... + if (type == 'onfocus') { + type = 'mousedown'; + } + + const line = this._line2d; + line.addEvent(type, listener); + }, + + isOnFocus() { + return this._onFocus; + }, + + isInWorkspace() { + return this._isInWorkspace; + }, + + setVisibility(value) { + this.parent(value); + if (this._showEndArrow) this._endArrow.setVisibility(this._showEndArrow); + this._startArrow.setVisibility(this._showStartArrow && value); + }, + + setOpacity(opacity) { + this.parent(opacity); + if (this._showEndArrow) this._endArrow.setOpacity(opacity); + if (this._showStartArrow) this._startArrow.setOpacity(opacity); + }, + + setShowEndArrow(visible) { + this._showEndArrow = visible; + if (this._isInWorkspace) this.redraw(); + }, + + setShowStartArrow(visible) { + this._showStartArrow = visible; + if (this._isInWorkspace) this.redraw(); + }, + + setFrom(x, y) { + $assert($defined(x), 'x must be defined'); + $assert($defined(y), 'y must be defined'); + + this._line2d.setFrom(x, y); + this._startArrow.setFrom(x, y); + }, + + setTo(x, y) { + $assert($defined(x), 'x must be defined'); + $assert($defined(y), 'y must be defined'); + + this._line2d.setTo(x, y); + if (this._endArrow) this._endArrow.setFrom(x, y); + }, + + setSrcControlPoint(control) { + this._line2d.setSrcControlPoint(control); + this._startArrow.setControlPoint(control); + }, + + setDestControlPoint(control) { + this._line2d.setDestControlPoint(control); + if (this._showEndArrow) this._endArrow.setControlPoint(control); + }, + + getControlPoints() { + return this._line2d.getControlPoints(); + }, + + isSrcControlPointCustom() { + return this._line2d.isSrcControlPointCustom(); + }, + + isDestControlPointCustom() { + return this._line2d.isDestControlPointCustom(); + }, + + setIsSrcControlPointCustom(isCustom) { + this._line2d.setIsSrcControlPointCustom(isCustom); + }, + + setIsDestControlPointCustom(isCustom) { + this._line2d.setIsDestControlPointCustom(isCustom); + }, + + getId() { + return this._model.getId(); + }, + + fireEvent(type, event) { + const elem = this._line2d; + elem.trigger(type, event); + }, }); export default Relationship; diff --git a/packages/mindplot/lib/components/RelationshipPivot.js b/packages/mindplot/lib/components/RelationshipPivot.js index 429493b5..b597e93e 100644 --- a/packages/mindplot/lib/components/RelationshipPivot.js +++ b/packages/mindplot/lib/components/RelationshipPivot.js @@ -15,153 +15,151 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js') +const Core = require('@wismapping/core-js'); + const core = Core(); -const web2D = require('@wismapping/web2d') +const web2D = require('@wismapping/web2d'); + const web2d = web2D(); -const INodeModel = require('./model/INodeModel').default +const INodeModel = require('./model/INodeModel').default; const Shape = require('./util/Shape').default; const RelationshipPivot = new Class({ - initialize: function (workspace, designer) { - $assert(workspace, "workspace can not be null"); - $assert(designer, "designer can not be null"); - this._workspace = workspace; - this._designer = designer; + initialize(workspace, designer) { + $assert(workspace, 'workspace can not be null'); + $assert(designer, 'designer can not be null'); + this._workspace = workspace; + this._designer = designer; - //FIXME: the aim of the migration is remove .bind mootools method, please remove these! - this._mouseMoveEvent = this._mouseMove.bind(this); - this._onClickEvent = this._cleanOnMouseClick.bind(this); - this._onTopicClick = this._connectOnFocus.bind(this); + // FIXME: the aim of the migration is remove .bind mootools method, please remove these! + this._mouseMoveEvent = this._mouseMove.bind(this); + this._onClickEvent = this._cleanOnMouseClick.bind(this); + this._onTopicClick = this._connectOnFocus.bind(this); + }, - }, + start(sourceTopic, targetPos) { + $assert(sourceTopic, 'sourceTopic can not be null'); + $assert(targetPos, 'targetPos can not be null'); - start: function (sourceTopic, targetPos) { - $assert(sourceTopic, "sourceTopic can not be null"); - $assert(targetPos, "targetPos can not be null"); + this.dispose(); + this._sourceTopic = sourceTopic; + if (sourceTopic != null) { + this._workspace.enableWorkspaceEvents(false); - this.dispose(); - this._sourceTopic = sourceTopic; - if (sourceTopic != null) { - this._workspace.enableWorkspaceEvents(false); + const sourcePos = sourceTopic.getPosition(); + const strokeColor = Relationship.getStrokeColor(); - var sourcePos = sourceTopic.getPosition(); - var strokeColor = Relationship.getStrokeColor(); + this._pivot = new web2d.CurvedLine(); + this._pivot.setStyle(web2d.CurvedLine.SIMPLE_LINE); - this._pivot = new web2d.CurvedLine(); - this._pivot.setStyle(web2d.CurvedLine.SIMPLE_LINE); + const fromPos = this._calculateFromPosition(sourcePos); + this._pivot.setFrom(fromPos.x, fromPos.y); - var fromPos = this._calculateFromPosition(sourcePos); - this._pivot.setFrom(fromPos.x, fromPos.y); + this._pivot.setTo(targetPos.x, targetPos.y); + this._pivot.setStroke(2, 'solid', strokeColor); + this._pivot.setDashed(4, 2); - this._pivot.setTo(targetPos.x, targetPos.y); - this._pivot.setStroke(2, 'solid', strokeColor); - this._pivot.setDashed(4, 2); + this._startArrow = new web2d.Arrow(); + this._startArrow.setStrokeColor(strokeColor); + this._startArrow.setStrokeWidth(2); + this._startArrow.setFrom(sourcePos.x, sourcePos.y); - this._startArrow = new web2d.Arrow(); - this._startArrow.setStrokeColor(strokeColor); - this._startArrow.setStrokeWidth(2); - this._startArrow.setFrom(sourcePos.x, sourcePos.y); + this._workspace.append(this._pivot); + this._workspace.append(this._startArrow); - this._workspace.append(this._pivot); - this._workspace.append(this._startArrow); + this._workspace.addEvent('mousemove', this._mouseMoveEvent); + this._workspace.addEvent('click', this._onClickEvent); - this._workspace.addEvent('mousemove', this._mouseMoveEvent); - this._workspace.addEvent('click', this._onClickEvent); - - // Register focus events on all topics ... - var model = this._designer.getModel(); - var topics = model.getTopics(); - _.each(topics, function (topic) { - topic.addEvent('ontfocus', this._onTopicClick); - }.bind(this)); - } - - }, - - dispose: function () { - var workspace = this._workspace; - - if (this._isActive()) { - workspace.removeEvent('mousemove', this._mouseMoveEvent); - workspace.removeEvent('click', this._onClickEvent); - - var model = this._designer.getModel(); - var topics = model.getTopics(); - var me = this; - _.each(topics, function (topic) { - topic.removeEvent('ontfocus', me._onTopicClick); - }); - - workspace.removeChild(this._pivot); - workspace.removeChild(this._startArrow); - workspace.enableWorkspaceEvents(true); - - this._sourceTopic = null; - this._pivot = null; - this._startArrow = null; - } - }, - - _mouseMove: function (event) { - var screen = this._workspace.getScreenManager(); - var pos = screen.getWorkspaceMousePosition(event); - - // Leave the arrow a couple of pixels away from the cursor. - var sourcePosition = this._sourceTopic.getPosition(); - var gapDistance = Math.sign(pos.x - sourcePosition.x) * 5; - - var sPos = this._calculateFromPosition(pos); - this._pivot.setFrom(sPos.x, sPos.y); - - // Update target position ... - this._pivot.setTo(pos.x - gapDistance, pos.y); - - var controlPoints = this._pivot.getControlPoints(); - this._startArrow.setFrom(pos.x - gapDistance, pos.y); - this._startArrow.setControlPoint(controlPoints[1]); - - event.stopPropagation(); - return false; - }, - - _cleanOnMouseClick: function (event) { - - // The user clicks on a desktop on in other element that is not a node. - this.dispose(); - event.stopPropagation(); - }, - - _calculateFromPosition: function (toPosition) { - - // Calculate origin position ... - var sourcePosition = this._sourceTopic.getPosition(); - if (this._sourceTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { - sourcePosition = Shape.workoutIncomingConnectionPoint(this._sourceTopic, toPosition); - } - var controlPoint = Shape.calculateDefaultControlPoints(sourcePosition, toPosition); - - var spoint = new core.Point(); - spoint.x = parseInt(controlPoint[0].x) + parseInt(sourcePosition.x); - spoint.y = parseInt(controlPoint[0].y) + parseInt(sourcePosition.y); - return Shape.calculateRelationShipPointCoordinates(this._sourceTopic, spoint); - }, - - _connectOnFocus: function (event, targetTopic) { - var sourceTopic = this._sourceTopic; - var mindmap = this._designer.getMindmap(); - - // Avoid circular connections ... - if (targetTopic.getId() != sourceTopic.getId()) { - var relModel = mindmap.createRelationship(targetTopic.getId(), sourceTopic.getId()); - this._designer._actionDispatcher.addRelationship(relModel); - } - this.dispose(); - }, - - _isActive: function () { - return this._pivot != null; + // Register focus events on all topics ... + const model = this._designer.getModel(); + const topics = model.getTopics(); + _.each(topics, (topic) => { + topic.addEvent('ontfocus', this._onTopicClick); + }); } + }, + + dispose() { + const workspace = this._workspace; + + if (this._isActive()) { + workspace.removeEvent('mousemove', this._mouseMoveEvent); + workspace.removeEvent('click', this._onClickEvent); + + const model = this._designer.getModel(); + const topics = model.getTopics(); + const me = this; + _.each(topics, (topic) => { + topic.removeEvent('ontfocus', me._onTopicClick); + }); + + workspace.removeChild(this._pivot); + workspace.removeChild(this._startArrow); + workspace.enableWorkspaceEvents(true); + + this._sourceTopic = null; + this._pivot = null; + this._startArrow = null; + } + }, + + _mouseMove(event) { + const screen = this._workspace.getScreenManager(); + const pos = screen.getWorkspaceMousePosition(event); + + // Leave the arrow a couple of pixels away from the cursor. + const sourcePosition = this._sourceTopic.getPosition(); + const gapDistance = Math.sign(pos.x - sourcePosition.x) * 5; + + const sPos = this._calculateFromPosition(pos); + this._pivot.setFrom(sPos.x, sPos.y); + + // Update target position ... + this._pivot.setTo(pos.x - gapDistance, pos.y); + + const controlPoints = this._pivot.getControlPoints(); + this._startArrow.setFrom(pos.x - gapDistance, pos.y); + this._startArrow.setControlPoint(controlPoints[1]); + + event.stopPropagation(); + return false; + }, + + _cleanOnMouseClick(event) { + // The user clicks on a desktop on in other element that is not a node. + this.dispose(); + event.stopPropagation(); + }, + + _calculateFromPosition(toPosition) { + // Calculate origin position ... + let sourcePosition = this._sourceTopic.getPosition(); + if (this._sourceTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + sourcePosition = Shape.workoutIncomingConnectionPoint(this._sourceTopic, toPosition); + } + const controlPoint = Shape.calculateDefaultControlPoints(sourcePosition, toPosition); + + const spoint = new core.Point(); + spoint.x = parseInt(controlPoint[0].x) + parseInt(sourcePosition.x); + spoint.y = parseInt(controlPoint[0].y) + parseInt(sourcePosition.y); + return Shape.calculateRelationShipPointCoordinates(this._sourceTopic, spoint); + }, + + _connectOnFocus(event, targetTopic) { + const sourceTopic = this._sourceTopic; + const mindmap = this._designer.getMindmap(); + + // Avoid circular connections ... + if (targetTopic.getId() != sourceTopic.getId()) { + const relModel = mindmap.createRelationship(targetTopic.getId(), sourceTopic.getId()); + this._designer._actionDispatcher.addRelationship(relModel); + } + this.dispose(); + }, + + _isActive() { + return this._pivot != null; + }, }); export default RelationshipPivot; diff --git a/packages/mindplot/lib/components/RestPersistenceManager.js b/packages/mindplot/lib/components/RestPersistenceManager.js index 7ff23522..d5795c83 100644 --- a/packages/mindplot/lib/components/RestPersistenceManager.js +++ b/packages/mindplot/lib/components/RestPersistenceManager.js @@ -18,149 +18,142 @@ const PersistenceManager = require('./PersistenceManager').default; const RESTPersistenceManager = new Class({ - Extends: PersistenceManager, - initialize: function (options) { - this.parent(); - $assert(options.documentUrl, "documentUrl can not be null"); - $assert(options.revertUrl, "revertUrl can not be null"); - $assert(options.lockUrl, "lockUrl can not be null"); - $assert(options.session, "session can not be null"); - $assert(options.timestamp, "timestamp can not be null"); + Extends: PersistenceManager, + initialize(options) { + this.parent(); + $assert(options.documentUrl, 'documentUrl can not be null'); + $assert(options.revertUrl, 'revertUrl can not be null'); + $assert(options.lockUrl, 'lockUrl can not be null'); + $assert(options.session, 'session can not be null'); + $assert(options.timestamp, 'timestamp can not be null'); - this.documentUrl = options.documentUrl; - this.revertUrl = options.revertUrl; - this.lockUrl = options.lockUrl; - this.timestamp = options.timestamp; - this.session = options.session; + this.documentUrl = options.documentUrl; + this.revertUrl = options.revertUrl; + this.lockUrl = options.lockUrl; + this.timestamp = options.timestamp; + this.session = options.session; + }, + + saveMapXml(mapId, mapXml, pref, saveHistory, events, sync) { + const data = { + id: mapId, + xml: mapXml, + properties: pref, + }; + + const persistence = this; + let query = `minor=${!saveHistory}`; + query = `${query}×tamp=${this.timestamp}`; + query = `${query}&session=${this.session}`; + + if (!persistence.onSave) { + // Mark save in process and fire a event unlocking the save ... + persistence.onSave = true; + persistence.clearTimeout = setTimeout(() => { + persistence.clearTimeout = null; + persistence.onSave = false; + }, 10000); + + $.ajax({ + url: `${this.documentUrl.replace('{id}', mapId)}?${query}`, + type: 'put', + dataType: 'json', + data: JSON.stringify(data), + contentType: 'application/json; charset=utf-8', + async: !sync, + + success(data, textStatus, jqXHRresponseText) { + persistence.timestamp = data; + events.onSuccess(); }, + error(jqXHR, textStatus, errorThrown) { + events.onError(persistence._buildError()); + }, + complete() { + // Clear event timeout ... + if (persistence.clearTimeout) { + clearTimeout(persistence.clearTimeout); + } + persistence.onSave = false; + }, + fail(xhr, textStatus) { + const { responseText } = xhr; + let userMsg = { severity: 'SEVERE', message: $msg('SAVE_COULD_NOT_BE_COMPLETED') }; - saveMapXml: function (mapId, mapXml, pref, saveHistory, events, sync) { - - var data = { - id: mapId, - xml: mapXml, - properties: pref - }; - - var persistence = this; - var query = "minor=" + !saveHistory; - query = query + "×tamp=" + this.timestamp; - query = query + "&session=" + this.session; - - if (!persistence.onSave) { - - // Mark save in process and fire a event unlocking the save ... - persistence.onSave = true; - persistence.clearTimeout = setTimeout(function () { - persistence.clearTimeout = null; - persistence.onSave = false; - }, 10000); - - $.ajax({ - url: this.documentUrl.replace("{id}", mapId) + "?" + query, - type: 'put', - dataType: "json", - data: JSON.stringify(data), - contentType: "application/json; charset=utf-8", - async: !sync, - - success: function (data, textStatus, jqXHRresponseText) { - persistence.timestamp = data; - events.onSuccess(); - }, - error: function (jqXHR, textStatus, errorThrown) { - events.onError(persistence._buildError()); - }, - complete: function () { - // Clear event timeout ... - if (persistence.clearTimeout) { - clearTimeout(persistence.clearTimeout); - } - persistence.onSave = false; - }, - fail: function (xhr, textStatus) { - - var responseText = xhr.responseText; - var userMsg = {severity: "SEVERE", message: $msg('SAVE_COULD_NOT_BE_COMPLETED')}; - - var contentType = xhr.getResponseHeader("Content-Type"); - if (contentType != null && contentType.indexOf("application/json") != -1) { - var serverMsg = null; - try { - serverMsg = $.parseJSON(responseText); - serverMsg = serverMsg.globalSeverity ? serverMsg : null; - } catch (e) { - // Message could not be decoded ... - } - userMsg = persistence._buildError(serverMsg); - - } else { - if (this.status == 405) { - userMsg = {severity: "SEVERE", message: $msg('SESSION_EXPIRED')}; - } - } - events.onError(userMsg); - persistence.onSave = false; - } - }); + const contentType = xhr.getResponseHeader('Content-Type'); + if (contentType != null && contentType.indexOf('application/json') != -1) { + let serverMsg = null; + try { + serverMsg = $.parseJSON(responseText); + serverMsg = serverMsg.globalSeverity ? serverMsg : null; + } catch (e) { + // Message could not be decoded ... } + userMsg = persistence._buildError(serverMsg); + } else if (this.status == 405) { + userMsg = { severity: 'SEVERE', message: $msg('SESSION_EXPIRED') }; + } + events.onError(userMsg); + persistence.onSave = false; }, - - discardChanges: function (mapId) { - $.ajax({ - url: this.revertUrl.replace("{id}", mapId), - async: false, - method: 'post', - headers: {"Content-Type": "application/json; charset=utf-8", "Accept": "application/json"} - }); - }, - - unlockMap: function (mindmap) { - var mapId = mindmap.getId(); - $.ajax({ - url: this.lockUrl.replace("{id}", mapId), - async: false, - method: 'put', - headers: {"Content-Type": "text/plain"}, - data: "false" - }); - }, - - _buildError: function (jsonSeverResponse) { - var message = jsonSeverResponse ? jsonSeverResponse.globalErrors[0] : null; - var severity = jsonSeverResponse ? jsonSeverResponse.globalSeverity : null; - - if (!message) { - message = $msg('SAVE_COULD_NOT_BE_COMPLETED'); - } - - if (!severity) { - severity = "INFO"; - } - return {severity: severity, message: message}; - }, - - loadMapDom: function (mapId) { - // Let's try to open one from the local directory ... - var xml; - $.ajax({ - url: this.documentUrl.replace("{id}", mapId) + "/xml", - method: 'get', - async: false, - headers: {"Content-Type": "text/plain", "Accept": "application/xml"}, - success: function (responseText) { - xml = responseText; - } - }); - - // If I could not load it from a file, hard code one. - if (xml == null) { - throw new Error("Map could not be loaded"); - } - - return xml; - } + }); } -); + }, + + discardChanges(mapId) { + $.ajax({ + url: this.revertUrl.replace('{id}', mapId), + async: false, + method: 'post', + headers: { 'Content-Type': 'application/json; charset=utf-8', Accept: 'application/json' }, + }); + }, + + unlockMap(mindmap) { + const mapId = mindmap.getId(); + $.ajax({ + url: this.lockUrl.replace('{id}', mapId), + async: false, + method: 'put', + headers: { 'Content-Type': 'text/plain' }, + data: 'false', + }); + }, + + _buildError(jsonSeverResponse) { + let message = jsonSeverResponse ? jsonSeverResponse.globalErrors[0] : null; + let severity = jsonSeverResponse ? jsonSeverResponse.globalSeverity : null; + + if (!message) { + message = $msg('SAVE_COULD_NOT_BE_COMPLETED'); + } + + if (!severity) { + severity = 'INFO'; + } + return { severity, message }; + }, + + loadMapDom(mapId) { + // Let's try to open one from the local directory ... + let xml; + $.ajax({ + url: `${this.documentUrl.replace('{id}', mapId)}/xml`, + method: 'get', + async: false, + headers: { 'Content-Type': 'text/plain', Accept: 'application/xml' }, + success(responseText) { + xml = responseText; + }, + }); + + // If I could not load it from a file, hard code one. + if (xml == null) { + throw new Error('Map could not be loaded'); + } + + return xml; + }, +}); export default RESTPersistenceManager; diff --git a/packages/mindplot/lib/components/ScreenManager.js b/packages/mindplot/lib/components/ScreenManager.js index 84b3ad91..83c47b2f 100644 --- a/packages/mindplot/lib/components/ScreenManager.js +++ b/packages/mindplot/lib/components/ScreenManager.js @@ -16,138 +16,135 @@ * limitations under the License. */ const Core = require('@wismapping/core-js'); + const core = Core(); const ScreenManager = new Class({ - initialize: function (divElement) { - $assert(divElement, "can not be null"); - this._divContainer = divElement; - this._padding = {x: 0, y: 0}; + initialize(divElement) { + $assert(divElement, 'can not be null'); + this._divContainer = divElement; + this._padding = { x: 0, y: 0 }; - // Ignore default click event propagation. Prevent 'click' event on drag. - this._clickEvents = []; - this._divContainer.bind('click', function (event) { - event.stopPropagation() - }); + // Ignore default click event propagation. Prevent 'click' event on drag. + this._clickEvents = []; + this._divContainer.bind('click', (event) => { + event.stopPropagation(); + }); - this._divContainer.bind('dblclick', function (event) { - event.stopPropagation(); - event.preventDefault(); - }); - }, + this._divContainer.bind('dblclick', (event) => { + event.stopPropagation(); + event.preventDefault(); + }); + }, - setScale: function (scale) { - $assert(scale, 'Screen scale can not be null'); - this._scale = scale; - }, + setScale(scale) { + $assert(scale, 'Screen scale can not be null'); + this._scale = scale; + }, - addEvent: function (event, listener) { - if (event == 'click') - this._clickEvents.push(listener); - else - this._divContainer.bind(event, listener); - }, + addEvent(event, listener) { + if (event == 'click') this._clickEvents.push(listener); + else this._divContainer.bind(event, listener); + }, - removeEvent: function (event, listener) { - if (event == 'click') { - this._clickEvents.remove(listener); - } - else { - this._divContainer.unbind(event, listener); - } - }, - - fireEvent: function (type, event) { - if (type == 'click') { - _.each(this._clickEvents, function (listener) { - listener(type, event); - }); - } - else { - this._divContainer.trigger(type, event); - } - }, - - _getElementPosition: function (elem) { - // Retrieve current element position. - var elementPosition = elem.getPosition(); - var x = elementPosition.x; - var y = elementPosition.y; - - // Add workspace offset. - x = x - this._padding.x; - y = y - this._padding.y; - - // Scale coordinate in order to be relative to the workspace. That's coord/size; - x = x / this._scale; - y = y / this._scale; - - // Remove decimal part.. - return {x: x, y: y}; - }, - - getWorkspaceIconPosition: function (e) { - // Retrieve current icon position. - var image = e.getImage(); - var elementPosition = image.getPosition(); - var imageSize = e.getSize(); - - //Add group offset - var iconGroup = e.getGroup(); - var group = iconGroup.getNativeElement(); - var coordOrigin = group.getCoordOrigin(); - var groupSize = group.getSize(); - var coordSize = group.getCoordSize(); - - var scale = {x: coordSize.width / parseInt(groupSize.width), y: coordSize.height / parseInt(groupSize.height)}; - - var x = (elementPosition.x - coordOrigin.x - (parseInt(imageSize.width) / 2)) / scale.x; - var y = (elementPosition.y - coordOrigin.y - (parseInt(imageSize.height) / 2)) / scale.y; - - //Retrieve iconGroup Position - var groupPosition = iconGroup.getPosition(); - x = x + groupPosition.x; - y = y + groupPosition.y; - - //Retrieve topic Position - var topic = iconGroup.getTopic(); - var topicPosition = this._getElementPosition(topic); - topicPosition.x = topicPosition.x - (parseInt(topic.getSize().width) / 2); - - // Remove decimal part.. - return {x: x + topicPosition.x, y: y + topicPosition.y}; - }, - - getWorkspaceMousePosition: function (event) { - // Retrieve current mouse position. - var x = event.clientX; - var y = event.clientY; - - //FIXME: paulo: why? Subtract div position. - /*var containerPosition = this.getContainer().position(); - x = x - containerPosition.x; - y = y - containerPosition.y;*/ - - // Scale coordinate in order to be relative to the workspace. That's coordSize/size; - x = x * this._scale; - y = y * this._scale; - - // Add workspace offset. - x = x + this._padding.x; - y = y + this._padding.y; - - // Remove decimal part.. - return new core.Point(x, y); - }, - - getContainer: function () { - return this._divContainer; - }, - - setOffset: function (x, y) { - this._padding.x = x; - this._padding.y = y; + removeEvent(event, listener) { + if (event == 'click') { + this._clickEvents.remove(listener); + } else { + this._divContainer.unbind(event, listener); } + }, + + fireEvent(type, event) { + if (type == 'click') { + _.each(this._clickEvents, (listener) => { + listener(type, event); + }); + } else { + this._divContainer.trigger(type, event); + } + }, + + _getElementPosition(elem) { + // Retrieve current element position. + const elementPosition = elem.getPosition(); + let { x } = elementPosition; + let { y } = elementPosition; + + // Add workspace offset. + x -= this._padding.x; + y -= this._padding.y; + + // Scale coordinate in order to be relative to the workspace. That's coord/size; + x /= this._scale; + y /= this._scale; + + // Remove decimal part.. + return { x, y }; + }, + + getWorkspaceIconPosition(e) { + // Retrieve current icon position. + const image = e.getImage(); + const elementPosition = image.getPosition(); + const imageSize = e.getSize(); + + // Add group offset + const iconGroup = e.getGroup(); + const group = iconGroup.getNativeElement(); + const coordOrigin = group.getCoordOrigin(); + const groupSize = group.getSize(); + const coordSize = group.getCoordSize(); + + const scale = { x: coordSize.width / parseInt(groupSize.width), y: coordSize.height / parseInt(groupSize.height) }; + + let x = (elementPosition.x - coordOrigin.x - (parseInt(imageSize.width) / 2)) / scale.x; + let y = (elementPosition.y - coordOrigin.y - (parseInt(imageSize.height) / 2)) / scale.y; + + // Retrieve iconGroup Position + const groupPosition = iconGroup.getPosition(); + x += groupPosition.x; + y += groupPosition.y; + + // Retrieve topic Position + const topic = iconGroup.getTopic(); + const topicPosition = this._getElementPosition(topic); + topicPosition.x -= (parseInt(topic.getSize().width) / 2); + + // Remove decimal part.. + return { x: x + topicPosition.x, y: y + topicPosition.y }; + }, + + getWorkspaceMousePosition(event) { + // Retrieve current mouse position. + let x = event.clientX; + let y = event.clientY; + + // FIXME: paulo: why? Subtract div position. + /* var containerPosition = this.getContainer().position(); + x = x - containerPosition.x; + y = y - containerPosition.y; */ + + // Scale coordinate in order to be relative to the workspace. That's coordSize/size; + x *= this._scale; + y *= this._scale; + + // Add workspace offset. + x += this._padding.x; + y += this._padding.y; + + // Remove decimal part.. + return new core.Point(x, y); + }, + + getContainer() { + return this._divContainer; + }, + + setOffset(x, y) { + this._padding.x = x; + this._padding.y = y; + }, }); export default ScreenManager; diff --git a/packages/mindplot/lib/components/ShrinkConnector.js b/packages/mindplot/lib/components/ShrinkConnector.js index 431027c3..ea02d655 100644 --- a/packages/mindplot/lib/components/ShrinkConnector.js +++ b/packages/mindplot/lib/components/ShrinkConnector.js @@ -15,100 +15,97 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d') +const web2D = require('@wismapping/web2d'); + const web2d = web2D(); -const Topic = require('./Topic').default +const Topic = require('./Topic').default; const ActionDispatcher = require('./ActionDispatcher').default; const ShirinkConnector = new Class({ - initialize: function (topic) { + initialize(topic) { + const ellipse = new web2D.Elipse(Topic.prototype.INNER_RECT_ATTRIBUTES); + this._ellipse = ellipse; + ellipse.setFill('rgb(62,118,179)'); - var ellipse = new web2D.Elipse(Topic.prototype.INNER_RECT_ATTRIBUTES); - this._ellipse = ellipse; - ellipse.setFill('rgb(62,118,179)'); + ellipse.setSize(Topic.CONNECTOR_WIDTH, Topic.CONNECTOR_WIDTH); + ellipse.addEvent('click', (event) => { + const model = topic.getModel(); + const collapse = !model.areChildrenShrunken(); - ellipse.setSize(Topic.CONNECTOR_WIDTH, Topic.CONNECTOR_WIDTH); - ellipse.addEvent('click', function (event) { - var model = topic.getModel(); - var collapse = !model.areChildrenShrunken(); + const topicId = topic.getId(); + const actionDispatcher = ActionDispatcher.getInstance(); + actionDispatcher.shrinkBranch([topicId], collapse); - var topicId = topic.getId(); - var actionDispatcher = ActionDispatcher.getInstance(); - actionDispatcher.shrinkBranch([topicId], collapse); + event.stopPropagation(); + }); - event.stopPropagation(); + ellipse.addEvent('mousedown', (event) => { + // Avoid node creation ... + event.stopPropagation(); + }); - }); + ellipse.addEvent('dblclick', (event) => { + // Avoid node creation ... + event.stopPropagation(); + }); - ellipse.addEvent('mousedown', function (event) { - // Avoid node creation ... - event.stopPropagation(); - }); + ellipse.addEvent('mouseover', (event) => { + ellipse.setFill('rgb(153, 0, 255)'); + }); + const me = this; + ellipse.addEvent('mouseout', (event) => { + const color = topic.getBackgroundColor(); + me.setFill(color); + }); - ellipse.addEvent('dblclick', function (event) { - // Avoid node creation ... - event.stopPropagation(); - }); + ellipse.setCursor('default'); + this._fillColor = '#f7f7f7'; + const model = topic.getModel(); + this.changeRender(model.areChildrenShrunken()); + }, - ellipse.addEvent('mouseover', function (event) { - - ellipse.setFill('rgb(153, 0, 255)'); - }); - var me = this; - ellipse.addEvent('mouseout', function (event) { - var color = topic.getBackgroundColor(); - me.setFill(color); - }); - - ellipse.setCursor('default'); - this._fillColor = '#f7f7f7'; - var model = topic.getModel(); - this.changeRender(model.areChildrenShrunken()); - - }, - - changeRender: function (isShrink) { - var elipse = this._ellipse; - if (isShrink) { - elipse.setStroke('2', 'solid'); - } else { - elipse.setStroke('1', 'solid'); - } - }, - - setVisibility: function (value) { - this._ellipse.setVisibility(value); - }, - - setOpacity: function (opacity) { - this._ellipse.setOpacity(opacity); - }, - - setFill: function (color) { - this._fillColor = color; - this._ellipse.setFill(color); - }, - - setAttribute: function (name, value) { - this._ellipse.setAttribute(name, value); - }, - - addToWorkspace: function (group) { - group.append(this._ellipse); - }, - - setPosition: function (x, y) { - this._ellipse.setPosition(x, y); - }, - - moveToBack: function () { - this._ellipse.moveToBack(); - }, - - moveToFront: function () { - this._ellipse.moveToFront(); + changeRender(isShrink) { + const elipse = this._ellipse; + if (isShrink) { + elipse.setStroke('2', 'solid'); + } else { + elipse.setStroke('1', 'solid'); } + }, + + setVisibility(value) { + this._ellipse.setVisibility(value); + }, + + setOpacity(opacity) { + this._ellipse.setOpacity(opacity); + }, + + setFill(color) { + this._fillColor = color; + this._ellipse.setFill(color); + }, + + setAttribute(name, value) { + this._ellipse.setAttribute(name, value); + }, + + addToWorkspace(group) { + group.append(this._ellipse); + }, + + setPosition(x, y) { + this._ellipse.setPosition(x, y); + }, + + moveToBack() { + this._ellipse.moveToBack(); + }, + + moveToFront() { + this._ellipse.moveToFront(); + }, }); export default ShirinkConnector; diff --git a/packages/mindplot/lib/components/StandaloneActionDispatcher.js b/packages/mindplot/lib/components/StandaloneActionDispatcher.js index ebb7f74b..0442fa3d 100644 --- a/packages/mindplot/lib/components/StandaloneActionDispatcher.js +++ b/packages/mindplot/lib/components/StandaloneActionDispatcher.js @@ -29,353 +29,347 @@ const ChangeFeatureToTopicCommand = require('./commands/ChangeFeatureToTopicComm const NodeModel = require('./model/NodeModel').default; const StandaloneActionDispatcher = new Class( - /** @lends StandaloneActionDispatcher */ { - Extends: ActionDispatcher, - /** + /** @lends StandaloneActionDispatcher */ { + Extends: ActionDispatcher, + /** * @extends mindplot.ActionDispatcher * @constructs * @param {mindplot.CommandContext} commandContext */ - initialize: function (commandContext) { - this.parent(commandContext); - this._actionRunner = new DesignerActionRunner(commandContext, this); - }, + initialize(commandContext) { + this.parent(commandContext); + this._actionRunner = new DesignerActionRunner(commandContext, this); + }, - /** */ - addTopics: function (models, parentTopicsId) { - var command = new AddTopicCommand(models, parentTopicsId); - this.execute(command); - }, + /** */ + addTopics(models, parentTopicsId) { + const command = new AddTopicCommand(models, parentTopicsId); + this.execute(command); + }, - /** */ - addRelationship: function (model) { - var command = new AddRelationshipCommand(model); - this.execute(command); - }, + /** */ + addRelationship(model) { + const command = new AddRelationshipCommand(model); + this.execute(command); + }, - /** */ - deleteEntities: function (topicsIds, relIds) { - var command = new DeleteCommand(topicsIds, relIds); - this.execute(command); - }, + /** */ + deleteEntities(topicsIds, relIds) { + const command = new DeleteCommand(topicsIds, relIds); + this.execute(command); + }, - /** */ - dragTopic: function (topicId, position, order, parentTopic) { - var command = new DragTopicCommand(topicId, position, order, parentTopic); - this.execute(command); - }, + /** */ + dragTopic(topicId, position, order, parentTopic) { + const command = new DragTopicCommand(topicId, position, order, parentTopic); + this.execute(command); + }, - /** */ - moveTopic: function (topicId, position) { - $assert($defined(topicId), 'topicsId can not be null'); - $assert($defined(position), 'position can not be null'); + /** */ + moveTopic(topicId, position) { + $assert($defined(topicId), 'topicsId can not be null'); + $assert($defined(position), 'position can not be null'); - var commandFunc = function (topic, value) { - var result = topic.getPosition(); - EventBus.instance.fireEvent(EventBus.events.NodeMoveEvent, { - node: topic.getModel(), - position: value, - }); - return result; - }; + const commandFunc = function (topic, value) { + const result = topic.getPosition(); + EventBus.instance.fireEvent(EventBus.events.NodeMoveEvent, { + node: topic.getModel(), + position: value, + }); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicId, position); - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicId, position); + this.execute(command); + }, - /** */ - moveControlPoint: function (ctrlPoint, point) { - var command = new MoveControlPointCommand(ctrlPoint, point); - this.execute(command); - }, + /** */ + moveControlPoint(ctrlPoint, point) { + const command = new MoveControlPointCommand(ctrlPoint, point); + this.execute(command); + }, - /** */ - changeFontStyleToTopic: function (topicsIds) { - var commandFunc = function (topic) { - var result = topic.getFontStyle(); - var style = result == 'italic' ? 'normal' : 'italic'; - topic.setFontStyle(style, true); - return result; - }; - var command = new GenericFunctionCommand(commandFunc, topicsIds); - this.execute(command); - }, + /** */ + changeFontStyleToTopic(topicsIds) { + const commandFunc = function (topic) { + const result = topic.getFontStyle(); + const style = result == 'italic' ? 'normal' : 'italic'; + topic.setFontStyle(style, true); + return result; + }; + const command = new GenericFunctionCommand(commandFunc, topicsIds); + this.execute(command); + }, - /** */ - changeTextToTopic: function (topicsIds, text) { - $assert($defined(topicsIds), 'topicsIds can not be null'); + /** */ + changeTextToTopic(topicsIds, text) { + $assert($defined(topicsIds), 'topicsIds can not be null'); - var commandFunc = function (topic, value) { - var result = topic.getText(); - topic.setText(value); - return result; - }; - commandFunc.commandType = 'changeTextToTopic'; + const commandFunc = function (topic, value) { + const result = topic.getText(); + topic.setText(value); + return result; + }; + commandFunc.commandType = 'changeTextToTopic'; - var command = new GenericFunctionCommand(commandFunc, topicsIds, text); - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, text); + this.execute(command); + }, - /** */ - changeFontFamilyToTopic: function (topicIds, fontFamily) { - $assert(topicIds, 'topicIds can not be null'); - $assert(fontFamily, 'fontFamily can not be null'); + /** */ + changeFontFamilyToTopic(topicIds, fontFamily) { + $assert(topicIds, 'topicIds can not be null'); + $assert(fontFamily, 'fontFamily can not be null'); - var commandFunc = function (topic, fontFamily) { - var result = topic.getFontFamily(); - topic.setFontFamily(fontFamily, true); + const commandFunc = function (topic, fontFamily) { + const result = topic.getFontFamily(); + topic.setFontFamily(fontFamily, true); - topic._adjustShapes(); - return result; - }; + topic._adjustShapes(); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicIds, fontFamily); - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicIds, fontFamily); + this.execute(command); + }, - /** */ - changeFontColorToTopic: function (topicsIds, color) { - $assert(topicsIds, 'topicIds can not be null'); - $assert(color, 'color can not be null'); + /** */ + changeFontColorToTopic(topicsIds, color) { + $assert(topicsIds, 'topicIds can not be null'); + $assert(color, 'color can not be null'); - var commandFunc = function (topic, color) { - var result = topic.getFontColor(); - topic.setFontColor(color, true); - return result; - }; + const commandFunc = function (topic, color) { + const result = topic.getFontColor(); + topic.setFontColor(color, true); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds, color); - command.discardDuplicated = 'fontColorCommandId'; - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, color); + command.discardDuplicated = 'fontColorCommandId'; + this.execute(command); + }, - /** */ - changeBackgroundColorToTopic: function (topicsIds, color) { - $assert(topicsIds, 'topicIds can not be null'); - $assert(color, 'color can not be null'); + /** */ + changeBackgroundColorToTopic(topicsIds, color) { + $assert(topicsIds, 'topicIds can not be null'); + $assert(color, 'color can not be null'); - var commandFunc = function (topic, color) { - var result = topic.getBackgroundColor(); - topic.setBackgroundColor(color); - return result; - }; + const commandFunc = function (topic, color) { + const result = topic.getBackgroundColor(); + topic.setBackgroundColor(color); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds, color); - command.discardDuplicated = 'backColor'; - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, color); + command.discardDuplicated = 'backColor'; + this.execute(command); + }, - /** */ - changeBorderColorToTopic: function (topicsIds, color) { - $assert(topicsIds, 'topicIds can not be null'); - $assert(color, 'topicIds can not be null'); + /** */ + changeBorderColorToTopic(topicsIds, color) { + $assert(topicsIds, 'topicIds can not be null'); + $assert(color, 'topicIds can not be null'); - var commandFunc = function (topic, color) { - var result = topic.getBorderColor(); - topic.setBorderColor(color); - return result; - }; + const commandFunc = function (topic, color) { + const result = topic.getBorderColor(); + topic.setBorderColor(color); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds, color); - command.discardDuplicated = 'borderColorCommandId'; - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, color); + command.discardDuplicated = 'borderColorCommandId'; + this.execute(command); + }, - /** */ - changeFontSizeToTopic: function (topicsIds, size) { - $assert(topicsIds, 'topicIds can not be null'); - $assert(size, 'size can not be null'); + /** */ + changeFontSizeToTopic(topicsIds, size) { + $assert(topicsIds, 'topicIds can not be null'); + $assert(size, 'size can not be null'); - var commandFunc = function (topic, size) { - var result = topic.getFontSize(); - topic.setFontSize(size, true); + const commandFunc = function (topic, size) { + const result = topic.getFontSize(); + topic.setFontSize(size, true); - topic._adjustShapes(); - return result; - }; + topic._adjustShapes(); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds, size); - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, size); + this.execute(command); + }, - /** */ - changeShapeTypeToTopic: function (topicsIds, shapeType) { - $assert(topicsIds, 'topicsIds can not be null'); - $assert(shapeType, 'shapeType can not be null'); + /** */ + changeShapeTypeToTopic(topicsIds, shapeType) { + $assert(topicsIds, 'topicsIds can not be null'); + $assert(shapeType, 'shapeType can not be null'); - var commandFunc = function (topic, shapeType) { - var result = topic.getShapeType(); - topic.setShapeType(shapeType, true); - return result; - }; + const commandFunc = function (topic, shapeType) { + const result = topic.getShapeType(); + topic.setShapeType(shapeType, true); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds, shapeType); - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, shapeType); + this.execute(command); + }, - /** */ - changeFontWeightToTopic: function (topicsIds) { - $assert(topicsIds, 'topicsIds can not be null'); + /** */ + changeFontWeightToTopic(topicsIds) { + $assert(topicsIds, 'topicsIds can not be null'); - var commandFunc = function (topic) { - var result = topic.getFontWeight(); - var weight = result == 'bold' ? 'normal' : 'bold'; - topic.setFontWeight(weight, true); + const commandFunc = function (topic) { + const result = topic.getFontWeight(); + const weight = result == 'bold' ? 'normal' : 'bold'; + topic.setFontWeight(weight, true); - topic._adjustShapes(); - return result; - }; + topic._adjustShapes(); + return result; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds); - this.execute(command); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds); + this.execute(command); + }, - /** */ - shrinkBranch: function (topicsIds, collapse) { - $assert(topicsIds, 'topicsIds can not be null'); + /** */ + shrinkBranch(topicsIds, collapse) { + $assert(topicsIds, 'topicsIds can not be null'); - var commandFunc = function (topic, isShrink) { - topic.setChildrenShrunken(isShrink); - return !isShrink; - }; + const commandFunc = function (topic, isShrink) { + topic.setChildrenShrunken(isShrink); + return !isShrink; + }; - var command = new GenericFunctionCommand(commandFunc, topicsIds, collapse); - this.execute(command, false); - }, + const command = new GenericFunctionCommand(commandFunc, topicsIds, collapse); + this.execute(command, false); + }, - /** */ - addFeatureToTopic: function (topicId, featureType, attributes) { - var command = new AddFeatureToTopicCommand(topicId, featureType, attributes); - this.execute(command); - }, + /** */ + addFeatureToTopic(topicId, featureType, attributes) { + const command = new AddFeatureToTopicCommand(topicId, featureType, attributes); + this.execute(command); + }, - /** */ - changeFeatureToTopic: function (topicId, featureId, attributes) { - var command = new ChangeFeatureToTopicCommand(topicId, featureId, attributes); - this.execute(command); - }, + /** */ + changeFeatureToTopic(topicId, featureId, attributes) { + const command = new ChangeFeatureToTopicCommand(topicId, featureId, attributes); + this.execute(command); + }, - /** */ - removeFeatureFromTopic: function (topicId, featureId) { - var command = new RemoveFeatureFromTopicCommand(topicId, featureId); - this.execute(command); - }, + /** */ + removeFeatureFromTopic(topicId, featureId) { + const command = new RemoveFeatureFromTopicCommand(topicId, featureId); + this.execute(command); + }, - /** */ - execute: function (command) { - this._actionRunner.execute(command); - }, - } + /** */ + execute(command) { + this._actionRunner.execute(command); + }, + }, ); const CommandContext = new Class( - /** @lends CommandContext */ { - /** + /** @lends CommandContext */ { + /** * @constructs * @param {mindplot.Designer} designer */ - initialize: function (designer) { - $assert(designer, 'designer can not be null'); - this._designer = designer; - }, + initialize(designer) { + $assert(designer, 'designer can not be null'); + this._designer = designer; + }, - /** */ - findTopics: function (topicsIds) { - $assert($defined(topicsIds), 'topicsIds can not be null'); - if (!(topicsIds instanceof Array)) { - topicsIds = [topicsIds]; - } + /** */ + findTopics(topicsIds) { + $assert($defined(topicsIds), 'topicsIds can not be null'); + if (!(topicsIds instanceof Array)) { + topicsIds = [topicsIds]; + } - var designerTopics = this._designer.getModel().getTopics(); - var result = designerTopics.filter(function (topic) { - return topicsIds.contains(topic.getId()); - }); + const designerTopics = this._designer.getModel().getTopics(); + const result = designerTopics.filter((topic) => topicsIds.contains(topic.getId())); - if (result.length != topicsIds.length) { - var ids = designerTopics.map(function (topic) { - return topic.getId(); - }); - $assert( - result.length == topicsIds.length, - 'Could not find topic. Result:' + - result + - ', Filter Criteria:' + - topicsIds + - ', Current Topics: [' + - ids + - ']' - ); - } - return result; - }, + if (result.length != topicsIds.length) { + const ids = designerTopics.map((topic) => topic.getId()); + $assert( + result.length == topicsIds.length, + `Could not find topic. Result:${ + result + }, Filter Criteria:${ + topicsIds + }, Current Topics: [${ + ids + }]`, + ); + } + return result; + }, - /** */ - deleteTopic: function (topic) { - this._designer.removeTopic(topic); - }, + /** */ + deleteTopic(topic) { + this._designer.removeTopic(topic); + }, - /** */ - createTopic: function (model) { - $assert(model, 'model can not be null'); - return this._designer.nodeModelToNodeGraph(model); - }, + /** */ + createTopic(model) { + $assert(model, 'model can not be null'); + return this._designer.nodeModelToNodeGraph(model); + }, - /** */ - createModel: function () { - var mindmap = this._designer.getMindmap(); - return mindmap.createNode(NodeModel.MAIN_TOPIC_TYPE); - }, + /** */ + createModel() { + const mindmap = this._designer.getMindmap(); + return mindmap.createNode(NodeModel.MAIN_TOPIC_TYPE); + }, - /** */ - addTopic: function (topic) { - var mindmap = this._designer.getMindmap(); - return mindmap.addBranch(topic.getModel()); - }, + /** */ + addTopic(topic) { + const mindmap = this._designer.getMindmap(); + return mindmap.addBranch(topic.getModel()); + }, - /** */ - connect: function (childTopic, parentTopic) { - childTopic.connectTo(parentTopic, this._designer._workspace); - }, + /** */ + connect(childTopic, parentTopic) { + childTopic.connectTo(parentTopic, this._designer._workspace); + }, - /** */ - disconnect: function (topic) { - topic.disconnect(this._designer._workspace); - }, + /** */ + disconnect(topic) { + topic.disconnect(this._designer._workspace); + }, - /** */ - addRelationship: function (model) { - $assert(model, 'model cannot be null'); - return this._designer.addRelationship(model); - }, + /** */ + addRelationship(model) { + $assert(model, 'model cannot be null'); + return this._designer.addRelationship(model); + }, - /** */ - deleteRelationship: function (relationship) { - this._designer.deleteRelationship(relationship); - }, + /** */ + deleteRelationship(relationship) { + this._designer.deleteRelationship(relationship); + }, - /** */ - findRelationships: function (relIds) { - $assert($defined(relIds), 'relId can not be null'); - if (!(relIds instanceof Array)) { - relIds = [relIds]; - } + /** */ + findRelationships(relIds) { + $assert($defined(relIds), 'relId can not be null'); + if (!(relIds instanceof Array)) { + relIds = [relIds]; + } - var designerRel = this._designer.getModel().getRelationships(); - return designerRel.filter(function (rel) { - return relIds.contains(rel.getId()); - }); - }, + const designerRel = this._designer.getModel().getRelationships(); + return designerRel.filter((rel) => relIds.contains(rel.getId())); + }, - /** */ - moveTopic: function (topic, position) { - $assert(topic, 'topic cannot be null'); - $assert(position, 'position cannot be null'); - EventBus.instance.fireEvent(EventBus.events.NodeMoveEvent, { - node: topic.getModel(), - position: position, - }); - }, - } + /** */ + moveTopic(topic, position) { + $assert(topic, 'topic cannot be null'); + $assert(position, 'position cannot be null'); + EventBus.instance.fireEvent(EventBus.events.NodeMoveEvent, { + node: topic.getModel(), + position, + }); + }, + }, ); export { StandaloneActionDispatcher, CommandContext }; diff --git a/packages/mindplot/lib/components/TextEditor.js b/packages/mindplot/lib/components/TextEditor.js index 4e22825b..29864daf 100644 --- a/packages/mindplot/lib/components/TextEditor.js +++ b/packages/mindplot/lib/components/TextEditor.js @@ -1,270 +1,260 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const web2D = require('@wismapping/web2d') -const web2d = web2D() - -const ActionDispatcher = require('./ActionDispatcher').default - -//FIXME: Not used! -const TextEditor = new Class({ - initialize: function (topic) { - this._topic = topic; - }, - - _buildEditor: function () { - - this._size = {width: 500, height: 100}; - var result = new Element('div'); - result.setStyles({ - position: "absolute", - display: "none", - zIndex: "8", - width: "500px", - height: "100px" - } - ); - - - var inputContainer = new Element('div'); - inputContainer.setStyles({ - border: "none", - overflow: "auto" - }); - inputContainer.inject(result); - - var inputText = new Element('input', - { - type: "text", - tabindex: '-1', - value: "" - } - ); - inputText.setStyles({ - border: "none", - background: "transparent" - }); - inputText.inject(inputContainer); - - var spanContainer = new Element('div'); - spanContainer.setStyle('visibility', "hidden"); - spanContainer.inject(result); - - var spanElem = new Element('span', {tabindex: "-1"}); - spanElem.setStyle('white-space', "nowrap"); - spanElem.setStyle('nowrap', 'nowrap'); - spanElem.inject(spanContainer); - - - return result; - }, - - _registerEvents: function (divElem) { - var inputElem = this._getTextareaElem(); - var spanElem = this._getSpanElem(); - var me = this; - - divElem.addEvent('keydown', function (event) { - switch (event.key) { - case 'esc': - me.close(false); - break; - case 'enter': - me.close(true); - break; - default: - spanElem.innerHTML = inputElem.value; - var size = inputElem.value.length + 1; - inputElem.size = size; - if (spanElem.offsetWidth > (parseInt(divElem.style.width) - 100)) { - divElem.style.width = (spanElem.offsetWidth + 100) + "px"; - } - break; - } - event.stopPropagation(); - }); - - // If the user clicks on the input, all event must be ignored ... - divElem.addEvent('click', function (event) { - event.stopPropagation(); - }); - divElem.addEvent('dblclick', function (event) { - event.stopPropagation(); - }); - divElem.addEvent('mousedown', function (event) { - event.stopPropagation(); - }); - }, - - isVisible: function () { - return $defined(this._containerElem) && this._containerElem.getStyle('display') == 'block'; - }, - - _updateModel: function () { - - if (this._topic.getText() != this._getText()) { - var text = this._getText(); - var topicId = this._topic.getId(); - - var actionDispatcher = ActionDispatcher.getInstance(); - actionDispatcher.changeTextToTopic([topicId], text); - } - }, - - show: function (text) { - - if (!this.isVisible()) { - //Create editor ui - var editorElem = this._buildEditor(); - editorElem.inject($(document.body)[0]); - - this._containerElem = editorElem; - this._registerEvents(editorElem); - this._showEditor(text); - } - }, - - _showEditor: function (defaultText) { - - var topic = this._topic; - - // Hide topic text ... - topic.getTextShape().setVisibility(false); - - // Set Editor Style - var nodeText = topic.getTextShape(); - var font = nodeText.getFont(); - font.size = nodeText.getHtmlFontSize(); - font.color = nodeText.getColor(); - this._setStyle(font); - - // Set editor's initial text - var text = $defined(defaultText) ? defaultText : topic.getText(); - this._setText(text); - - var me = this; - // Set editor's initial size - var displayFunc = function () { - // Position the editor and set the size... - var textShape = me._topic.getTextShape(); - - me._containerElem.css('display', 'block'); - - me._containerElem.offset(textShape.getNativePosition()); - // Set size ... - var elemSize = topic.getSize(); - me._setEditorSize(elemSize.width, elemSize.height); - - var textareaElem = me._getTextareaElem(); - textareaElem.focus(); - me._positionCursor(textareaElem, !$defined(defaultText)); - - }; - - displayFunc.delay(10); - }, - - _setStyle: function (fontStyle) { - var inputField = this._getTextareaElem(); - var spanField = this._getSpanElem(); - if (!$defined(fontStyle.font)) { - fontStyle.font = "Arial"; - } - if (!$defined(fontStyle.style)) { - fontStyle.style = "normal"; - } - if (!$defined(fontStyle.weight)) { - fontStyle.weight = "normal"; - } - if (!$defined(fontStyle.size)) { - fontStyle.size = 12; - } - inputField.style.fontSize = fontStyle.size + "px"; - inputField.style.fontFamily = fontStyle.font; - inputField.style.fontStyle = fontStyle.style; - inputField.style.fontWeight = fontStyle.weight; - inputField.style.color = fontStyle.color; - spanField.style.fontFamily = fontStyle.font; - spanField.style.fontStyle = fontStyle.style; - spanField.style.fontWeight = fontStyle.weight; - spanField.style.fontSize = fontStyle.size + "px"; - }, - - _setText: function (text) { - var inputField = this._getTextareaElem(); - inputField.size = text.length + 1; - this._containerElem.style.width = (inputField.size * parseInt(inputField.style.fontSize) + 100) + "px"; - var spanField = this._getSpanElem(); - spanField.innerHTML = text; - inputField.value = text; - }, - - _getText: function () { - return this._getTextareaElem().value; - }, - - _getTextareaElem: function () { - return this._containerElem.getElement('input'); - }, - - _getSpanElem: function () { - return this._containerElem.getElement('span'); - }, - - _setEditorSize: function (width, height) { - var textShape = this._topic.getTextShape(); - var scale = web2d.utils.TransformUtil.workoutScale(textShape._peer); - this._size = {width: width * scale.width, height: height * scale.height}; - this._containerElem.style.width = this._size.width * 2 + "px"; - this._containerElem.style.height = this._size.height + "px"; - }, - - _positionCursor: function (inputElem, selectText) { - // Select text if it's required ... - if (inputElem.createTextRange) //ie - { - var range = inputElem.createTextRange(); - var pos = inputElem.value.length; - if (!selectText) { - range.select(); - range.move("character", pos); - } - else { - range.move("character", pos); - range.select(); - } - } - else if (!selectText) { - inputElem.setSelectionRange(0, inputElem.value.length); - } - }, - - close: function (update) { - if (this.isVisible()) { - // Update changes ... - if (!$defined(update) || update) { - this._updateModel(); - } - - // Let make the visible text in the node visible again ... - this._topic.getTextShape().setVisibility(true); - - // Remove it form the screen ... - this._containerElem.dispose(); - this._containerElem = null; - } - } -}); - -export default TextEditor; +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +const web2D = require('@wismapping/web2d'); + +const web2d = web2D(); + +const ActionDispatcher = require('./ActionDispatcher').default; + +// FIXME: Not used! +const TextEditor = new Class({ + initialize(topic) { + this._topic = topic; + }, + + _buildEditor() { + this._size = { width: 500, height: 100 }; + const result = new Element('div'); + result.setStyles({ + position: 'absolute', + display: 'none', + zIndex: '8', + width: '500px', + height: '100px', + }); + + const inputContainer = new Element('div'); + inputContainer.setStyles({ + border: 'none', + overflow: 'auto', + }); + inputContainer.inject(result); + + const inputText = new Element('input', + { + type: 'text', + tabindex: '-1', + value: '', + }); + inputText.setStyles({ + border: 'none', + background: 'transparent', + }); + inputText.inject(inputContainer); + + const spanContainer = new Element('div'); + spanContainer.setStyle('visibility', 'hidden'); + spanContainer.inject(result); + + const spanElem = new Element('span', { tabindex: '-1' }); + spanElem.setStyle('white-space', 'nowrap'); + spanElem.setStyle('nowrap', 'nowrap'); + spanElem.inject(spanContainer); + + return result; + }, + + _registerEvents(divElem) { + const inputElem = this._getTextareaElem(); + const spanElem = this._getSpanElem(); + const me = this; + + divElem.addEvent('keydown', (event) => { + switch (event.key) { + case 'esc': + me.close(false); + break; + case 'enter': + me.close(true); + break; + default: + spanElem.innerHTML = inputElem.value; + var size = inputElem.value.length + 1; + inputElem.size = size; + if (spanElem.offsetWidth > (parseInt(divElem.style.width) - 100)) { + divElem.style.width = `${spanElem.offsetWidth + 100}px`; + } + break; + } + event.stopPropagation(); + }); + + // If the user clicks on the input, all event must be ignored ... + divElem.addEvent('click', (event) => { + event.stopPropagation(); + }); + divElem.addEvent('dblclick', (event) => { + event.stopPropagation(); + }); + divElem.addEvent('mousedown', (event) => { + event.stopPropagation(); + }); + }, + + isVisible() { + return $defined(this._containerElem) && this._containerElem.getStyle('display') == 'block'; + }, + + _updateModel() { + if (this._topic.getText() != this._getText()) { + const text = this._getText(); + const topicId = this._topic.getId(); + + const actionDispatcher = ActionDispatcher.getInstance(); + actionDispatcher.changeTextToTopic([topicId], text); + } + }, + + show(text) { + if (!this.isVisible()) { + // Create editor ui + const editorElem = this._buildEditor(); + editorElem.inject($(document.body)[0]); + + this._containerElem = editorElem; + this._registerEvents(editorElem); + this._showEditor(text); + } + }, + + _showEditor(defaultText) { + const topic = this._topic; + + // Hide topic text ... + topic.getTextShape().setVisibility(false); + + // Set Editor Style + const nodeText = topic.getTextShape(); + const font = nodeText.getFont(); + font.size = nodeText.getHtmlFontSize(); + font.color = nodeText.getColor(); + this._setStyle(font); + + // Set editor's initial text + const text = $defined(defaultText) ? defaultText : topic.getText(); + this._setText(text); + + const me = this; + // Set editor's initial size + const displayFunc = function () { + // Position the editor and set the size... + const textShape = me._topic.getTextShape(); + + me._containerElem.css('display', 'block'); + + me._containerElem.offset(textShape.getNativePosition()); + // Set size ... + const elemSize = topic.getSize(); + me._setEditorSize(elemSize.width, elemSize.height); + + const textareaElem = me._getTextareaElem(); + textareaElem.focus(); + me._positionCursor(textareaElem, !$defined(defaultText)); + }; + + displayFunc.delay(10); + }, + + _setStyle(fontStyle) { + const inputField = this._getTextareaElem(); + const spanField = this._getSpanElem(); + if (!$defined(fontStyle.font)) { + fontStyle.font = 'Arial'; + } + if (!$defined(fontStyle.style)) { + fontStyle.style = 'normal'; + } + if (!$defined(fontStyle.weight)) { + fontStyle.weight = 'normal'; + } + if (!$defined(fontStyle.size)) { + fontStyle.size = 12; + } + inputField.style.fontSize = `${fontStyle.size}px`; + inputField.style.fontFamily = fontStyle.font; + inputField.style.fontStyle = fontStyle.style; + inputField.style.fontWeight = fontStyle.weight; + inputField.style.color = fontStyle.color; + spanField.style.fontFamily = fontStyle.font; + spanField.style.fontStyle = fontStyle.style; + spanField.style.fontWeight = fontStyle.weight; + spanField.style.fontSize = `${fontStyle.size}px`; + }, + + _setText(text) { + const inputField = this._getTextareaElem(); + inputField.size = text.length + 1; + this._containerElem.style.width = `${inputField.size * parseInt(inputField.style.fontSize) + 100}px`; + const spanField = this._getSpanElem(); + spanField.innerHTML = text; + inputField.value = text; + }, + + _getText() { + return this._getTextareaElem().value; + }, + + _getTextareaElem() { + return this._containerElem.getElement('input'); + }, + + _getSpanElem() { + return this._containerElem.getElement('span'); + }, + + _setEditorSize(width, height) { + const textShape = this._topic.getTextShape(); + const scale = web2d.utils.TransformUtil.workoutScale(textShape._peer); + this._size = { width: width * scale.width, height: height * scale.height }; + this._containerElem.style.width = `${this._size.width * 2}px`; + this._containerElem.style.height = `${this._size.height}px`; + }, + + _positionCursor(inputElem, selectText) { + // Select text if it's required ... + if (inputElem.createTextRange) // ie + { + const range = inputElem.createTextRange(); + const pos = inputElem.value.length; + if (!selectText) { + range.select(); + range.move('character', pos); + } else { + range.move('character', pos); + range.select(); + } + } else if (!selectText) { + inputElem.setSelectionRange(0, inputElem.value.length); + } + }, + + close(update) { + if (this.isVisible()) { + // Update changes ... + if (!$defined(update) || update) { + this._updateModel(); + } + + // Let make the visible text in the node visible again ... + this._topic.getTextShape().setVisibility(true); + + // Remove it form the screen ... + this._containerElem.dispose(); + this._containerElem = null; + } + }, +}); + +export default TextEditor; diff --git a/packages/mindplot/lib/components/TextEditorFactory.js b/packages/mindplot/lib/components/TextEditorFactory.js index a1991df0..a2016404 100644 --- a/packages/mindplot/lib/components/TextEditorFactory.js +++ b/packages/mindplot/lib/components/TextEditorFactory.js @@ -20,11 +20,11 @@ const TextEditor = require('./TextEditor').default; const TextEditorFactory = {}; TextEditorFactory.getTextEditorFromName = function (name) { - var editorClass = null; - if (name == 'RichTextEditor') { - editorClass = RichTextEditor; - } else { - editorClass = TextEditor; - } - return editorClass; + let editorClass = null; + if (name == 'RichTextEditor') { + editorClass = RichTextEditor; + } else { + editorClass = TextEditor; + } + return editorClass; }; diff --git a/packages/mindplot/lib/components/Topic.js b/packages/mindplot/lib/components/Topic.js index d492aac9..5bd9922e 100644 --- a/packages/mindplot/lib/components/Topic.js +++ b/packages/mindplot/lib/components/Topic.js @@ -16,6 +16,7 @@ * limitations under the License. */ const web2D = require('@wismapping/web2d'); + const web2d = web2D(); const NodeGraph = require('./NodeGraph').default; const { TopicShape } = require('./model/INodeModel'); @@ -33,1307 +34,1304 @@ const TopicEventDispatcher = require('./TopicEventDispatcher').default; const INodeModel = require('./model/INodeModel').default; const Topic = new Class( - /** @lends Topic */ { - Extends: NodeGraph, - /** + /** @lends Topic */ { + Extends: NodeGraph, + /** * @extends mindplot.NodeGraph * @constructs * @param model * @param options */ - initialize: function (model, options) { - this.parent(model, options); - this._children = []; - this._parent = null; - this._relationships = []; - this._isInWorkspace = false; - this._buildTopicShape(); + initialize(model, options) { + this.parent(model, options); + this._children = []; + this._parent = null; + this._relationships = []; + this._isInWorkspace = false; + this._buildTopicShape(); - // Position a topic .... - var pos = model.getPosition(); - if (pos != null && this.isCentralTopic()) { - this.setPosition(pos); - } + // Position a topic .... + const pos = model.getPosition(); + if (pos != null && this.isCentralTopic()) { + this.setPosition(pos); + } - // Register events for the topic ... - if (!this.isReadOnly()) { - this._registerEvents(); - } - }, + // Register events for the topic ... + if (!this.isReadOnly()) { + this._registerEvents(); + } + }, - _registerEvents: function () { - this.setMouseEventsEnabled(true); + _registerEvents() { + this.setMouseEventsEnabled(true); - // Prevent click on the topics being propagated ... - this.addEvent('click', function (event) { - event.stopPropagation(); - }); - var me = this; - this.addEvent('dblclick', function (event) { - me._getTopicEventDispatcher().show(me); - event.stopPropagation(); - }); - }, + // Prevent click on the topics being propagated ... + this.addEvent('click', (event) => { + event.stopPropagation(); + }); + const me = this; + this.addEvent('dblclick', (event) => { + me._getTopicEventDispatcher().show(me); + event.stopPropagation(); + }); + }, - /** + /** * @param {String} type the topic shape type * @see {@link mindplot.model.INodeModel} */ - setShapeType: function (type) { - this._setShapeType(type, true); - }, + setShapeType(type) { + this._setShapeType(type, true); + }, - /** @return {mindplot.Topic} parent topic */ - getParent: function () { - return this._parent; - }, + /** @return {mindplot.Topic} parent topic */ + getParent() { + return this._parent; + }, - _setShapeType: function (type, updateModel) { - // Remove inner shape figure ... - var model = this.getModel(); - if ($defined(updateModel) && updateModel) { - model.setShapeType(type); - } + _setShapeType(type, updateModel) { + // Remove inner shape figure ... + const model = this.getModel(); + if ($defined(updateModel) && updateModel) { + model.setShapeType(type); + } - var oldInnerShape = this.getInnerShape(); - if (oldInnerShape != null) { - this._removeInnerShape(); + const oldInnerShape = this.getInnerShape(); + if (oldInnerShape != null) { + this._removeInnerShape(); - // Create a new one ... - var innerShape = this.getInnerShape(); + // Create a new one ... + const innerShape = this.getInnerShape(); - // Update figure size ... - var size = this.getSize(); - this.setSize(size, true); + // Update figure size ... + const size = this.getSize(); + this.setSize(size, true); - var group = this.get2DElement(); - group.append(innerShape); + const group = this.get2DElement(); + group.append(innerShape); - // Move text to the front ... - var text = this.getTextShape(); - text.moveToFront(); + // Move text to the front ... + const text = this.getTextShape(); + text.moveToFront(); - //Move iconGroup to front ... - var iconGroup = this.getIconGroup(); - if ($defined(iconGroup)) { - iconGroup.moveToFront(); - } + // Move iconGroup to front ... + const iconGroup = this.getIconGroup(); + if ($defined(iconGroup)) { + iconGroup.moveToFront(); + } - //Move connector to front - var connector = this.getShrinkConnector(); - if ($defined(connector)) { - connector.moveToFront(); - } - } - }, + // Move connector to front + const connector = this.getShrinkConnector(); + if ($defined(connector)) { + connector.moveToFront(); + } + } + }, - /** @return {String} topic shape type */ - getShapeType: function () { - var model = this.getModel(); - var result = model.getShapeType(); - if (!$defined(result)) { - result = TopicStyle.defaultShapeType(this); - } - return result; - }, + /** @return {String} topic shape type */ + getShapeType() { + const model = this.getModel(); + let result = model.getShapeType(); + if (!$defined(result)) { + result = TopicStyle.defaultShapeType(this); + } + return result; + }, - _removeInnerShape: function () { - var group = this.get2DElement(); - var innerShape = this.getInnerShape(); - group.removeChild(innerShape); - this._innerShape = null; - return innerShape; - }, + _removeInnerShape() { + const group = this.get2DElement(); + const innerShape = this.getInnerShape(); + group.removeChild(innerShape); + this._innerShape = null; + return innerShape; + }, - /** @return {web2d.Line|web2d.Rect|web2d.Image} inner shape of the topic */ - getInnerShape: function () { - if (!$defined(this._innerShape)) { - // Create inner box. - this._innerShape = this._buildShape( - Topic.INNER_RECT_ATTRIBUTES, - this.getShapeType() - ); + /** @return {web2d.Line|web2d.Rect|web2d.Image} inner shape of the topic */ + getInnerShape() { + if (!$defined(this._innerShape)) { + // Create inner box. + this._innerShape = this._buildShape( + Topic.INNER_RECT_ATTRIBUTES, + this.getShapeType(), + ); - // Update bgcolor ... - var bgColor = this.getBackgroundColor(); - this._setBackgroundColor(bgColor, false); + // Update bgcolor ... + const bgColor = this.getBackgroundColor(); + this._setBackgroundColor(bgColor, false); - // Update border color ... - var brColor = this.getBorderColor(); - this._setBorderColor(brColor, false); + // Update border color ... + const brColor = this.getBorderColor(); + this._setBorderColor(brColor, false); - // Define the pointer ... - if (!this.isCentralTopic() && !this.isReadOnly()) { - this._innerShape.setCursor('move'); - } else { - this._innerShape.setCursor('default'); - } - } - return this._innerShape; - }, + // Define the pointer ... + if (!this.isCentralTopic() && !this.isReadOnly()) { + this._innerShape.setCursor('move'); + } else { + this._innerShape.setCursor('default'); + } + } + return this._innerShape; + }, - _buildShape: function (attributes, shapeType) { - $assert(attributes, 'attributes can not be null'); - $assert(shapeType, 'shapeType can not be null'); + _buildShape(attributes, shapeType) { + $assert(attributes, 'attributes can not be null'); + $assert(shapeType, 'shapeType can not be null'); - var result; - if (shapeType == TopicShape.RECTANGLE) { - result = new web2d.Rect(0, attributes); - } else if (shapeType == TopicShape.IMAGE) { - var model = this.getModel(); - var url = model.getImageUrl(); - var size = model.getImageSize(); + let result; + if (shapeType == TopicShape.RECTANGLE) { + result = new web2d.Rect(0, attributes); + } else if (shapeType == TopicShape.IMAGE) { + const model = this.getModel(); + const url = model.getImageUrl(); + const size = model.getImageSize(); - result = new web2d.Image(); - result.setHref(url); - result.setSize(size.width, size.height); + result = new web2d.Image(); + result.setHref(url); + result.setSize(size.width, size.height); - result.getSize = function () { - return model.getImageSize(); - }; + result.getSize = function () { + return model.getImageSize(); + }; - result.setPosition = function () {}; - } else if (shapeType == TopicShape.ELLIPSE) { - result = new web2d.Rect(0.9, attributes); - } else if (shapeType == TopicShape.ROUNDED_RECT) { - result = new web2d.Rect(0.3, attributes); - } else if (shapeType == TopicShape.LINE) { - result = new web2d.Line({ strokeColor: '#495879', strokeWidth: 1 }); - result.setSize = function (width, height) { - this.size = { width: width, height: height }; - result.setFrom(0, height); - result.setTo(width, height); + result.setPosition = function () {}; + } else if (shapeType == TopicShape.ELLIPSE) { + result = new web2d.Rect(0.9, attributes); + } else if (shapeType == TopicShape.ROUNDED_RECT) { + result = new web2d.Rect(0.3, attributes); + } else if (shapeType == TopicShape.LINE) { + result = new web2d.Line({ strokeColor: '#495879', strokeWidth: 1 }); + result.setSize = function (width, height) { + this.size = { width, height }; + result.setFrom(0, height); + result.setTo(width, height); - // Lines will have the same color of the default connection lines... - var stokeColor = ConnectionLine.getStrokeColor(); - result.setStroke(1, 'solid', stokeColor); - }; + // Lines will have the same color of the default connection lines... + const stokeColor = ConnectionLine.getStrokeColor(); + result.setStroke(1, 'solid', stokeColor); + }; - result.getSize = function () { - return this.size; - }; + result.getSize = function () { + return this.size; + }; - result.setPosition = function () {}; + result.setPosition = function () {}; - result.setFill = function () {}; + result.setFill = function () {}; - result.setStroke = function () {}; - } else { - $assert(false, 'Unsupported figure shapeType:' + shapeType); - } - result.setPosition(0, 0); - return result; - }, + result.setStroke = function () {}; + } else { + $assert(false, `Unsupported figure shapeType:${shapeType}`); + } + result.setPosition(0, 0); + return result; + }, - /** @param {String} type the cursor type, either 'pointer', 'default' or 'move' */ - setCursor: function (type) { - var innerShape = this.getInnerShape(); - innerShape.setCursor(type); + /** @param {String} type the cursor type, either 'pointer', 'default' or 'move' */ + setCursor(type) { + const innerShape = this.getInnerShape(); + innerShape.setCursor(type); - var outerShape = this.getOuterShape(); - outerShape.setCursor(type); + const outerShape = this.getOuterShape(); + outerShape.setCursor(type); - var textShape = this.getTextShape(); - textShape.setCursor(type); - }, + const textShape = this.getTextShape(); + textShape.setCursor(type); + }, - /** @return outer shape */ - getOuterShape: function () { - if (!$defined(this._outerShape)) { - var rect = this._buildShape(Topic.OUTER_SHAPE_ATTRIBUTES, TopicShape.ROUNDED_RECT); - rect.setPosition(-2, -3); - rect.setOpacity(0); - this._outerShape = rect; - } + /** @return outer shape */ + getOuterShape() { + if (!$defined(this._outerShape)) { + const rect = this._buildShape(Topic.OUTER_SHAPE_ATTRIBUTES, TopicShape.ROUNDED_RECT); + rect.setPosition(-2, -3); + rect.setOpacity(0); + this._outerShape = rect; + } - return this._outerShape; - }, + return this._outerShape; + }, - /** @return text shape */ - getTextShape: function () { - if (!$defined(this._text)) { - this._text = this._buildTextShape(false); + /** @return text shape */ + getTextShape() { + if (!$defined(this._text)) { + this._text = this._buildTextShape(false); - // Set Text ... - var text = this.getText(); - this._setText(text, false); - } + // Set Text ... + const text = this.getText(); + this._setText(text, false); + } - return this._text; - }, + return this._text; + }, - /** @return icon group */ - getOrBuildIconGroup: function () { - if (!$defined(this._iconsGroup)) { - this._iconsGroup = this._buildIconGroup(); - var group = this.get2DElement(); - group.append(this._iconsGroup.getNativeElement()); - this._iconsGroup.moveToFront(); - } - return this._iconsGroup; - }, + /** @return icon group */ + getOrBuildIconGroup() { + if (!$defined(this._iconsGroup)) { + this._iconsGroup = this._buildIconGroup(); + const group = this.get2DElement(); + group.append(this._iconsGroup.getNativeElement()); + this._iconsGroup.moveToFront(); + } + return this._iconsGroup; + }, - /** */ - getIconGroup: function () { - return this._iconsGroup; - }, + /** */ + getIconGroup() { + return this._iconsGroup; + }, - _buildIconGroup: function () { - var textHeight = this.getTextShape().getFontHeight(); - var result = new IconGroup(this.getId(), textHeight); - var padding = TopicStyle.getInnerPadding(this); - result.setPosition(padding, padding); + _buildIconGroup() { + const textHeight = this.getTextShape().getFontHeight(); + const result = new IconGroup(this.getId(), textHeight); + const padding = TopicStyle.getInnerPadding(this); + result.setPosition(padding, padding); - // Load topic features ... - var model = this.getModel(); - var featuresModel = model.getFeatures(); - for (var i = 0; i < featuresModel.length; i++) { - var featureModel = featuresModel[i]; - var icon = TopicFeature.createIcon(this, featureModel, this.isReadOnly()); - result.addIcon( - icon, - featureModel.getType() == TopicFeature.Icon.id && !this.isReadOnly() - ); - } + // Load topic features ... + const model = this.getModel(); + const featuresModel = model.getFeatures(); + for (let i = 0; i < featuresModel.length; i++) { + const featureModel = featuresModel[i]; + const icon = TopicFeature.createIcon(this, featureModel, this.isReadOnly()); + result.addIcon( + icon, + featureModel.getType() == TopicFeature.Icon.id && !this.isReadOnly(), + ); + } - return result; - }, + return result; + }, - /** + /** * assigns the new feature model to the topic's node model and adds the respective icon * @param {mindplot.model.FeatureModel} featureModel * @return {mindplot.Icon} the icon corresponding to the feature model */ - addFeature: function (featureModel) { - var iconGroup = this.getOrBuildIconGroup(); - this.closeEditors(); + addFeature(featureModel) { + const iconGroup = this.getOrBuildIconGroup(); + this.closeEditors(); - // Update model ... - var model = this.getModel(); - model.addFeature(featureModel); + // Update model ... + const model = this.getModel(); + model.addFeature(featureModel); - var result = TopicFeature.createIcon(this, featureModel, this.isReadOnly()); - iconGroup.addIcon( - result, - featureModel.getType() == TopicFeature.Icon.id && !this.isReadOnly() - ); + const result = TopicFeature.createIcon(this, featureModel, this.isReadOnly()); + iconGroup.addIcon( + result, + featureModel.getType() == TopicFeature.Icon.id && !this.isReadOnly(), + ); - this._adjustShapes(); - return result; + this._adjustShapes(); + return result; + }, + + /** */ + findFeatureById(id) { + const model = this.getModel(); + return model.findFeatureById(id); + }, + + /** */ + removeFeature(featureModel) { + $assert(featureModel, 'featureModel could not be null'); + + // Removing the icon from MODEL + const model = this.getModel(); + model.removeFeature(featureModel); + + // Removing the icon from UI + const iconGroup = this.getIconGroup(); + if ($defined(iconGroup)) { + iconGroup.removeIconByModel(featureModel); + } + this._adjustShapes(); + }, + + /** */ + addRelationship(relationship) { + this._relationships.push(relationship); + }, + + /** */ + deleteRelationship(relationship) { + this._relationships.erase(relationship); + }, + + /** */ + getRelationships() { + return this._relationships; + }, + + _buildTextShape(readOnly) { + const result = new web2d.Text(); + const family = this.getFontFamily(); + const size = this.getFontSize(); + const weight = this.getFontWeight(); + const style = this.getFontStyle(); + result.setFont(family, size, style, weight); + + const color = this.getFontColor(); + result.setColor(color); + + if (!readOnly) { + // Propagate mouse events ... + if (!this.isCentralTopic()) { + result.setCursor('move'); + } else { + result.setCursor('default'); + } + } + + return result; + }, + + /** */ + setFontFamily(value, updateModel) { + const textShape = this.getTextShape(); + textShape.setFontFamily(value); + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setFontFamily(value); + } + this._adjustShapes(updateModel); + }, + + /** */ + setFontSize(value, updateModel) { + const textShape = this.getTextShape(); + textShape.setSize(value); + + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setFontSize(value); + } + this._adjustShapes(updateModel); + }, + + /** */ + setFontStyle(value, updateModel) { + const textShape = this.getTextShape(); + textShape.setStyle(value); + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setFontStyle(value); + } + this._adjustShapes(updateModel); + }, + + /** */ + setFontWeight(value, updateModel) { + const textShape = this.getTextShape(); + textShape.setWeight(value); + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setFontWeight(value); + } + this._adjustShapes(); + }, + + /** */ + getFontWeight() { + const model = this.getModel(); + let result = model.getFontWeight(); + if (!$defined(result)) { + const font = TopicStyle.defaultFontStyle(this); + result = font.weight; + } + return result; + }, + + /** */ + getFontFamily() { + const model = this.getModel(); + let result = model.getFontFamily(); + if (!$defined(result)) { + const font = TopicStyle.defaultFontStyle(this); + result = font.font; + } + return result; + }, + + /** */ + getFontColor() { + const model = this.getModel(); + let result = model.getFontColor(); + if (!$defined(result)) { + const font = TopicStyle.defaultFontStyle(this); + result = font.color; + } + return result; + }, + + /** */ + getFontStyle() { + const model = this.getModel(); + let result = model.getFontStyle(); + if (!$defined(result)) { + const font = TopicStyle.defaultFontStyle(this); + result = font.style; + } + return result; + }, + + /** */ + getFontSize() { + const model = this.getModel(); + let result = model.getFontSize(); + if (!$defined(result)) { + const font = TopicStyle.defaultFontStyle(this); + result = font.size; + } + return result; + }, + + /** */ + setFontColor(value, updateModel) { + const textShape = this.getTextShape(); + textShape.setColor(value); + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setFontColor(value); + } + }, + + _setText(text, updateModel) { + const textShape = this.getTextShape(); + textShape.setText(text == null ? TopicStyle.defaultText(this) : text); + + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setText(text); + } + }, + + /** */ + setText(text) { + // Avoid empty nodes ... + if (!text || $.trim(text).length == 0) { + text = null; + } + + this._setText(text, true); + this._adjustShapes(); + }, + + /** */ + getText() { + const model = this.getModel(); + let result = model.getText(); + if (!$defined(result)) { + result = TopicStyle.defaultText(this); + } + return result; + }, + + /** */ + setBackgroundColor(color) { + this._setBackgroundColor(color, true); + }, + + _setBackgroundColor(color, updateModel) { + const innerShape = this.getInnerShape(); + innerShape.setFill(color); + + const connector = this.getShrinkConnector(); + if (connector) { + connector.setFill(color); + } + + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setBackgroundColor(color); + } + }, + + /** */ + getBackgroundColor() { + const model = this.getModel(); + let result = model.getBackgroundColor(); + if (!$defined(result)) { + result = TopicStyle.defaultBackgroundColor(this); + } + return result; + }, + + /** */ + setBorderColor(color) { + this._setBorderColor(color, true); + }, + + _setBorderColor(color, updateModel) { + const innerShape = this.getInnerShape(); + innerShape.setAttribute('strokeColor', color); + + const connector = this.getShrinkConnector(); + if (connector) { + connector.setAttribute('strokeColor', color); + } + + if ($defined(updateModel) && updateModel) { + const model = this.getModel(); + model.setBorderColor(color); + } + }, + + /** */ + getBorderColor() { + const model = this.getModel(); + let result = model.getBorderColor(); + if (!$defined(result)) { + result = TopicStyle.defaultBorderColor(this); + } + return result; + }, + + _buildTopicShape() { + const groupAttributes = { + width: 100, + height: 100, + coordSizeWidth: 100, + coordSizeHeight: 100, + }; + const group = new web2d.Group(groupAttributes); + this._set2DElement(group); + + // Shape must be build based on the model width ... + const outerShape = this.getOuterShape(); + const innerShape = this.getInnerShape(); + const textShape = this.getTextShape(); + + // Add to the group ... + group.append(outerShape); + group.append(innerShape); + group.append(textShape); + + // Update figure size ... + const model = this.getModel(); + if (model.getFeatures().length != 0) { + this.getOrBuildIconGroup(); + } + + const shrinkConnector = this.getShrinkConnector(); + if ($defined(shrinkConnector)) { + shrinkConnector.addToWorkspace(group); + } + + // Register listeners ... + this._registerDefaultListenersToElement(group, this); + }, + + _registerDefaultListenersToElement(elem, topic) { + const mouseOver = function (event) { + if (topic.isMouseEventsEnabled()) { + topic.handleMouseOver(event); + } + }; + elem.addEvent('mouseover', mouseOver); + + const outout = function (event) { + if (topic.isMouseEventsEnabled()) { + topic.handleMouseOut(event); + } + }; + elem.addEvent('mouseout', outout); + + const me = this; + // Focus events ... + elem.addEvent('mousedown', (event) => { + if (!me.isReadOnly()) { + // Disable topic selection of readOnly mode ... + let value = true; + if ( + (event.metaKey && Browser.Platform.mac) + || (event.ctrlKey && !Browser.Platform.mac) + ) { + value = !me.isOnFocus(); + event.stopPropagation(); + event.preventDefault(); + } + topic.setOnFocus(value); + } + + const eventDispatcher = me._getTopicEventDispatcher(); + eventDispatcher.process(TopicEvent.CLICK, me); + event.stopPropagation(); + }); + }, + + /** */ + areChildrenShrunken() { + const model = this.getModel(); + return model.areChildrenShrunken() && !this.isCentralTopic(); + }, + + /** */ + isCollapsed() { + let result = false; + + let current = this.getParent(); + while (current && !result) { + result = current.areChildrenShrunken(); + current = current.getParent(); + } + return result; + }, + + /** */ + setChildrenShrunken(value) { + // Update Model ... + const model = this.getModel(); + model.setChildrenShrunken(value); + + // Change render base on the state. + const shrinkConnector = this.getShrinkConnector(); + if ($defined(shrinkConnector)) { + shrinkConnector.changeRender(value); + } + + // Do some fancy animation .... + const elements = this._flatten2DElements(this); + const fade = new FadeEffect(elements, !value); + const me = this; + fade.addEvent('complete', () => { + // Set focus on the parent node ... + if (value) { + me.setOnFocus(true); + } + + // Set focus in false for all the children ... + elements.forEach((elem) => { + if (elem.setOnFocus) { + elem.setOnFocus(false); + } + }); + }); + fade.start(); + + EventBus.instance.fireEvent(EventBus.events.NodeShrinkEvent, model); + }, + + /** */ + getShrinkConnector() { + let result = this._connector; + if (this._connector == null) { + this._connector = new ShirinkConnector(this); + this._connector.setVisibility(false); + result = this._connector; + } + return result; + }, + + /** */ + handleMouseOver() { + const outerShape = this.getOuterShape(); + outerShape.setOpacity(1); + }, + + /** */ + handleMouseOut() { + const outerShape = this.getOuterShape(); + if (!this.isOnFocus()) { + outerShape.setOpacity(0); + } + }, + + /** */ + showTextEditor(text) { + this._getTopicEventDispatcher().show(this, { text }); + }, + + /** */ + showNoteEditor() { + const topicId = this.getId(); + const model = this.getModel(); + const editorModel = { + getValue() { + const notes = model.findFeatureByType(TopicFeature.Note.id); + let result; + if (notes.length > 0) result = notes[0].getText(); + + return result; }, - /** */ - findFeatureById: function (id) { - var model = this.getModel(); - return model.findFeatureById(id); - }, - - /** */ - removeFeature: function (featureModel) { - $assert(featureModel, 'featureModel could not be null'); - - //Removing the icon from MODEL - var model = this.getModel(); - model.removeFeature(featureModel); - - //Removing the icon from UI - var iconGroup = this.getIconGroup(); - if ($defined(iconGroup)) { - iconGroup.removeIconByModel(featureModel); - } - this._adjustShapes(); - }, - - /** */ - addRelationship: function (relationship) { - this._relationships.push(relationship); - }, - - /** */ - deleteRelationship: function (relationship) { - this._relationships.erase(relationship); - }, - - /** */ - getRelationships: function () { - return this._relationships; - }, - - _buildTextShape: function (readOnly) { - var result = new web2d.Text(); - var family = this.getFontFamily(); - var size = this.getFontSize(); - var weight = this.getFontWeight(); - var style = this.getFontStyle(); - result.setFont(family, size, style, weight); - - var color = this.getFontColor(); - result.setColor(color); - - if (!readOnly) { - // Propagate mouse events ... - if (!this.isCentralTopic()) { - result.setCursor('move'); - } else { - result.setCursor('default'); - } - } - - return result; - }, - - /** */ - setFontFamily: function (value, updateModel) { - var textShape = this.getTextShape(); - textShape.setFontFamily(value); - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setFontFamily(value); - } - this._adjustShapes(updateModel); - }, - - /** */ - setFontSize: function (value, updateModel) { - var textShape = this.getTextShape(); - textShape.setSize(value); - - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setFontSize(value); - } - this._adjustShapes(updateModel); - }, - - /** */ - setFontStyle: function (value, updateModel) { - var textShape = this.getTextShape(); - textShape.setStyle(value); - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setFontStyle(value); - } - this._adjustShapes(updateModel); - }, - - /** */ - setFontWeight: function (value, updateModel) { - var textShape = this.getTextShape(); - textShape.setWeight(value); - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setFontWeight(value); - } - this._adjustShapes(); - }, - - /** */ - getFontWeight: function () { - var model = this.getModel(); - var result = model.getFontWeight(); - if (!$defined(result)) { - var font = TopicStyle.defaultFontStyle(this); - result = font.weight; - } - return result; - }, - - /** */ - getFontFamily: function () { - var model = this.getModel(); - var result = model.getFontFamily(); - if (!$defined(result)) { - var font = TopicStyle.defaultFontStyle(this); - result = font.font; - } - return result; - }, - - /** */ - getFontColor: function () { - var model = this.getModel(); - var result = model.getFontColor(); - if (!$defined(result)) { - var font = TopicStyle.defaultFontStyle(this); - result = font.color; - } - return result; - }, - - /** */ - getFontStyle: function () { - var model = this.getModel(); - var result = model.getFontStyle(); - if (!$defined(result)) { - var font = TopicStyle.defaultFontStyle(this); - result = font.style; - } - return result; - }, - - /** */ - getFontSize: function () { - var model = this.getModel(); - var result = model.getFontSize(); - if (!$defined(result)) { - var font = TopicStyle.defaultFontStyle(this); - result = font.size; - } - return result; - }, - - /** */ - setFontColor: function (value, updateModel) { - var textShape = this.getTextShape(); - textShape.setColor(value); - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setFontColor(value); - } - }, - - _setText: function (text, updateModel) { - var textShape = this.getTextShape(); - textShape.setText(text == null ? TopicStyle.defaultText(this) : text); - - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setText(text); - } - }, - - /** */ - setText: function (text) { - // Avoid empty nodes ... - if (!text || $.trim(text).length == 0) { - text = null; - } - - this._setText(text, true); - this._adjustShapes(); - }, - - /** */ - getText: function () { - var model = this.getModel(); - var result = model.getText(); - if (!$defined(result)) { - result = TopicStyle.defaultText(this); - } - return result; - }, - - /** */ - setBackgroundColor: function (color) { - this._setBackgroundColor(color, true); - }, - - _setBackgroundColor: function (color, updateModel) { - var innerShape = this.getInnerShape(); - innerShape.setFill(color); - - var connector = this.getShrinkConnector(); - if (connector) { - connector.setFill(color); - } - - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setBackgroundColor(color); - } - }, - - /** */ - getBackgroundColor: function () { - var model = this.getModel(); - var result = model.getBackgroundColor(); - if (!$defined(result)) { - result = TopicStyle.defaultBackgroundColor(this); - } - return result; - }, - - /** */ - setBorderColor: function (color) { - this._setBorderColor(color, true); - }, - - _setBorderColor: function (color, updateModel) { - var innerShape = this.getInnerShape(); - innerShape.setAttribute('strokeColor', color); - - var connector = this.getShrinkConnector(); - if (connector) { - connector.setAttribute('strokeColor', color); - } - - if ($defined(updateModel) && updateModel) { - var model = this.getModel(); - model.setBorderColor(color); - } - }, - - /** */ - getBorderColor: function () { - var model = this.getModel(); - var result = model.getBorderColor(); - if (!$defined(result)) { - result = TopicStyle.defaultBorderColor(this); - } - return result; - }, - - _buildTopicShape: function () { - var groupAttributes = { - width: 100, - height: 100, - coordSizeWidth: 100, - coordSizeHeight: 100, - }; - var group = new web2d.Group(groupAttributes); - this._set2DElement(group); - - // Shape must be build based on the model width ... - var outerShape = this.getOuterShape(); - var innerShape = this.getInnerShape(); - var textShape = this.getTextShape(); - - // Add to the group ... - group.append(outerShape); - group.append(innerShape); - group.append(textShape); - - // Update figure size ... - var model = this.getModel(); - if (model.getFeatures().length != 0) { - this.getOrBuildIconGroup(); - } - - var shrinkConnector = this.getShrinkConnector(); - if ($defined(shrinkConnector)) { - shrinkConnector.addToWorkspace(group); - } - - // Register listeners ... - this._registerDefaultListenersToElement(group, this); - }, - - _registerDefaultListenersToElement: function (elem, topic) { - var mouseOver = function (event) { - if (topic.isMouseEventsEnabled()) { - topic.handleMouseOver(event); - } - }; - elem.addEvent('mouseover', mouseOver); - - var outout = function (event) { - if (topic.isMouseEventsEnabled()) { - topic.handleMouseOut(event); - } - }; - elem.addEvent('mouseout', outout); - - var me = this; - // Focus events ... - elem.addEvent('mousedown', function (event) { - if (!me.isReadOnly()) { - // Disable topic selection of readOnly mode ... - var value = true; - if ( - (event.metaKey && Browser.Platform.mac) || - (event.ctrlKey && !Browser.Platform.mac) - ) { - value = !me.isOnFocus(); - event.stopPropagation(); - event.preventDefault(); - } - topic.setOnFocus(value); - } - - var eventDispatcher = me._getTopicEventDispatcher(); - eventDispatcher.process(TopicEvent.CLICK, me); - event.stopPropagation(); + setValue(value) { + const dispatcher = ActionDispatcher.getInstance(); + const notes = model.findFeatureByType(TopicFeature.Note.id); + if (!$defined(value)) { + const featureId = notes[0].getId(); + dispatcher.removeFeatureFromTopic(topicId, featureId); + } else if (notes.length > 0) { + dispatcher.changeFeatureToTopic(topicId, notes[0].getId(), { + text: value, }); - }, - - /** */ - areChildrenShrunken: function () { - var model = this.getModel(); - return model.areChildrenShrunken() && !this.isCentralTopic(); - }, - - /** */ - isCollapsed: function () { - var result = false; - - var current = this.getParent(); - while (current && !result) { - result = current.areChildrenShrunken(); - current = current.getParent(); - } - return result; - }, - - /** */ - setChildrenShrunken: function (value) { - // Update Model ... - var model = this.getModel(); - model.setChildrenShrunken(value); - - // Change render base on the state. - var shrinkConnector = this.getShrinkConnector(); - if ($defined(shrinkConnector)) { - shrinkConnector.changeRender(value); - } - - // Do some fancy animation .... - var elements = this._flatten2DElements(this); - var fade = new FadeEffect(elements, !value); - var me = this; - fade.addEvent('complete', function () { - // Set focus on the parent node ... - if (value) { - me.setOnFocus(true); - } - - // Set focus in false for all the children ... - elements.forEach(function (elem) { - if (elem.setOnFocus) { - elem.setOnFocus(false); - } - }); + } else { + dispatcher.addFeatureToTopic(topicId, TopicFeature.Note.id, { + text: value, }); - fade.start(); + } + }, + }; + const editor = new NoteEditor(editorModel); + this.closeEditors(); + editor.show(); + }, - EventBus.instance.fireEvent(EventBus.events.NodeShrinkEvent, model); + /** opens a dialog where the user can enter or edit an existing link associated with this topic */ + showLinkEditor() { + const topicId = this.getId(); + const model = this.getModel(); + const editorModel = { + getValue() { + // @param {mindplot.model.LinkModel[]} links + const links = model.findFeatureByType(TopicFeature.Link.id); + let result; + if (links.length > 0) result = links[0].getUrl(); + + return result; }, - /** */ - getShrinkConnector: function () { - var result = this._connector; - if (this._connector == null) { - this._connector = new ShirinkConnector(this); - this._connector.setVisibility(false); - result = this._connector; - } - return result; + setValue(value) { + const dispatcher = ActionDispatcher.getInstance(); + const links = model.findFeatureByType(TopicFeature.Link.id); + if (!$defined(value)) { + const featureId = links[0].getId(); + dispatcher.removeFeatureFromTopic(topicId, featureId); + } else if (links.length > 0) { + dispatcher.changeFeatureToTopic(topicId, links[0].getId(), { + url: value, + }); + } else { + dispatcher.addFeatureToTopic(topicId, TopicFeature.Link.id, { + url: value, + }); + } }, + }; - /** */ - handleMouseOver: function () { - var outerShape = this.getOuterShape(); - outerShape.setOpacity(1); - }, + this.closeEditors(); + const editor = new LinkEditor(editorModel); + editor.show(); + }, - /** */ - handleMouseOut: function () { - var outerShape = this.getOuterShape(); - if (!this.isOnFocus()) { - outerShape.setOpacity(0); - } - }, + /** */ + closeEditors() { + this._getTopicEventDispatcher().close(true); + }, - /** */ - showTextEditor: function (text) { - this._getTopicEventDispatcher().show(this, { text: text }); - }, + _getTopicEventDispatcher() { + return TopicEventDispatcher.getInstance(); + }, - /** */ - showNoteEditor: function () { - var topicId = this.getId(); - var model = this.getModel(); - var editorModel = { - getValue: function () { - var notes = model.findFeatureByType(TopicFeature.Note.id); - var result; - if (notes.length > 0) result = notes[0].getText(); - - return result; - }, - - setValue: function (value) { - var dispatcher = ActionDispatcher.getInstance(); - var notes = model.findFeatureByType(TopicFeature.Note.id); - if (!$defined(value)) { - var featureId = notes[0].getId(); - dispatcher.removeFeatureFromTopic(topicId, featureId); - } else { - if (notes.length > 0) { - dispatcher.changeFeatureToTopic(topicId, notes[0].getId(), { - text: value, - }); - } else { - dispatcher.addFeatureToTopic(topicId, TopicFeature.Note.id, { - text: value, - }); - } - } - }, - }; - var editor = new NoteEditor(editorModel); - this.closeEditors(); - editor.show(); - }, - - /** opens a dialog where the user can enter or edit an existing link associated with this topic */ - showLinkEditor: function () { - var topicId = this.getId(); - var model = this.getModel(); - var editorModel = { - getValue: function () { - //@param {mindplot.model.LinkModel[]} links - var links = model.findFeatureByType(TopicFeature.Link.id); - var result; - if (links.length > 0) result = links[0].getUrl(); - - return result; - }, - - setValue: function (value) { - var dispatcher = ActionDispatcher.getInstance(); - var links = model.findFeatureByType(TopicFeature.Link.id); - if (!$defined(value)) { - var featureId = links[0].getId(); - dispatcher.removeFeatureFromTopic(topicId, featureId); - } else { - if (links.length > 0) { - dispatcher.changeFeatureToTopic(topicId, links[0].getId(), { - url: value, - }); - } else { - dispatcher.addFeatureToTopic(topicId, TopicFeature.Link.id, { - url: value, - }); - } - } - }, - }; - - this.closeEditors(); - var editor = new LinkEditor(editorModel); - editor.show(); - }, - - /** */ - closeEditors: function () { - this._getTopicEventDispatcher().close(true); - }, - - _getTopicEventDispatcher: function () { - return TopicEventDispatcher.getInstance(); - }, - - /** + /** * Point: references the center of the rect shape.!!! */ - setPosition: function (point) { - $assert(point, 'position can not be null'); - point.x = Math.ceil(point.x); - point.y = Math.ceil(point.y); - - // Update model's position ... - var model = this.getModel(); - model.setPosition(point.x, point.y); - - // Elements are positioned in the center. - // All topic element must be positioned based on the innerShape. - var size = this.getSize(); - - var cx = point.x - size.width / 2; - var cy = point.y - size.height / 2; - - // Update visual position. - this._elem2d.setPosition(cx, cy); - - // Update connection lines ... - this._updateConnectionLines(); - - // Check object state. - this.invariant(); - }, - - /** */ - getOutgoingLine: function () { - return this._outgoingLine; - }, - - /** */ - getIncomingLines: function () { - var result = []; - var children = this.getChildren(); - for (var i = 0; i < children.length; i++) { - var node = children[i]; - var line = node.getOutgoingLine(); - if ($defined(line)) { - result.push(line); - } - } - return result; - }, - - /** */ - getOutgoingConnectedTopic: function () { - var result = null; - var line = this.getOutgoingLine(); - if ($defined(line)) { - result = line.getTargetTopic(); - } - return result; - }, - - _updateConnectionLines: function () { - // Update this to parent line ... - var outgoingLine = this.getOutgoingLine(); - if ($defined(outgoingLine)) { - outgoingLine.redraw(); - } - - // Update all the incoming lines ... - var incomingLines = this.getIncomingLines(); - for (var i = 0; i < incomingLines.length; i++) { - incomingLines[i].redraw(); - } - - // Update relationship lines - for (var j = 0; j < this._relationships.length; j++) { - this._relationships[j].redraw(); - } - }, - - /** */ - setBranchVisibility: function (value) { - var current = this; - var parent = this; - while (parent != null && !parent.isCentralTopic()) { - current = parent; - parent = current.getParent(); - } - current.setVisibility(value); - }, - - /** */ - setVisibility: function (value) { - this._setTopicVisibility(value); - - // Hide all children... - this._setChildrenVisibility(value); - - // If there there are connection to the node, topic must be hidden. - this._setRelationshipLinesVisibility(value); - - // If it's connected, the connection must be rendered. - var outgoingLine = this.getOutgoingLine(); - if (outgoingLine) { - outgoingLine.setVisibility(value); - } - }, - - /** */ - moveToBack: function () { - // Update relationship lines - for (var j = 0; j < this._relationships.length; j++) { - this._relationships[j].moveToBack(); - } - var connector = this.getShrinkConnector(); - if ($defined(connector)) { - connector.moveToBack(); - } - - this.get2DElement().moveToBack(); - }, - - /** */ - moveToFront: function () { - this.get2DElement().moveToFront(); - var connector = this.getShrinkConnector(); - if ($defined(connector)) { - connector.moveToFront(); - } - // Update relationship lines - for (var j = 0; j < this._relationships.length; j++) { - this._relationships[j].moveToFront(); - } - }, - - /** */ - isVisible: function () { - var elem = this.get2DElement(); - return elem.isVisible(); - }, - - _setRelationshipLinesVisibility: function (value) { - _.each(this._relationships, function (relationship) { - var sourceTopic = relationship.getSourceTopic(); - var targetTopic = relationship.getTargetTopic(); - - var targetParent = targetTopic.getModel().getParent(); - var sourceParent = sourceTopic.getModel().getParent(); - relationship.setVisibility( - value && - (targetParent == null || !targetParent.areChildrenShrunken()) && - (sourceParent == null || !sourceParent.areChildrenShrunken()) - ); - }); - }, - - _setTopicVisibility: function (value) { - var elem = this.get2DElement(); - elem.setVisibility(value); - - if (this.getIncomingLines().length > 0) { - var connector = this.getShrinkConnector(); - if ($defined(connector)) { - connector.setVisibility(value); - } - } - - var textShape = this.getTextShape(); - textShape.setVisibility(this.getShapeType() != TopicShape.IMAGE ? value : false); - }, - - /** */ - setOpacity: function (opacity) { - var elem = this.get2DElement(); - elem.setOpacity(opacity); - - var connector = this.getShrinkConnector(); - if ($defined(connector)) { - connector.setOpacity(opacity); - } - var textShape = this.getTextShape(); - textShape.setOpacity(opacity); - }, - - _setChildrenVisibility: function (isVisible) { - // Hide all children. - var children = this.getChildren(); - var model = this.getModel(); - - isVisible = isVisible ? !model.areChildrenShrunken() : isVisible; - for (var i = 0; i < children.length; i++) { - var child = children[i]; - child.setVisibility(isVisible); - - var outgoingLine = child.getOutgoingLine(); - outgoingLine.setVisibility(isVisible); - } - }, - - /** */ - invariant: function () { - var line = this._outgoingLine; - var model = this.getModel(); - var isConnected = model.isConnected(); - - // Check consistency... - if ((isConnected && !line) || (!isConnected && line)) { - // $assert(false,'Illegal state exception.'); - } - }, - - /** */ - setSize: function (size, force) { - $assert(size, 'size can not be null'); - $assert($defined(size.width), 'size seem not to be a valid element'); - size = { width: Math.ceil(size.width), height: Math.ceil(size.height) }; - - var oldSize = this.getSize(); - var hasSizeChanged = oldSize.width != size.width || oldSize.height != size.height; - if (hasSizeChanged || force) { - NodeGraph.prototype.setSize.call(this, size); - - var outerShape = this.getOuterShape(); - var innerShape = this.getInnerShape(); - - outerShape.setSize(size.width + 4, size.height + 6); - innerShape.setSize(size.width, size.height); - - // Update the figure position(ej: central topic must be centered) and children position. - this._updatePositionOnChangeSize(oldSize, size); - - if (hasSizeChanged) { - EventBus.instance.fireEvent(EventBus.events.NodeResizeEvent, { - node: this.getModel(), - size: size, - }); - } - } - }, - - _updatePositionOnChangeSize: function () { - $assert(false, 'this method must be overwrited.'); - }, - - /** */ - disconnect: function (workspace) { - var outgoingLine = this.getOutgoingLine(); - if ($defined(outgoingLine)) { - $assert(workspace, 'workspace can not be null'); - - this._outgoingLine = null; - - // Disconnect nodes ... - var targetTopic = outgoingLine.getTargetTopic(); - targetTopic.removeChild(this); - - // Update model ... - var childModel = this.getModel(); - childModel.disconnect(); - - this._parent = null; - - // Remove graphical element from the workspace... - outgoingLine.removeFromWorkspace(workspace); - - // Remove from workspace. - EventBus.instance.fireEvent(EventBus.events.NodeDisconnectEvent, this.getModel()); - - // Change text based on the current connection ... - var model = this.getModel(); - if (!model.getText()) { - var text = this.getText(); - this._setText(text, false); - } - if (!model.getFontSize()) { - var size = this.getFontSize(); - this.setFontSize(size, false); - } - - // Hide connection line?. - if (targetTopic.getChildren().length == 0) { - var connector = targetTopic.getShrinkConnector(); - if ($defined(connector)) { - connector.setVisibility(false); - } - } - } - }, - - /** */ - getOrder: function () { - var model = this.getModel(); - return model.getOrder(); - }, - - /** */ - setOrder: function (value) { - var model = this.getModel(); - model.setOrder(value); - }, - - /** */ - connectTo: function (targetTopic, workspace) { - $assert(!this._outgoingLine, 'Could not connect an already connected node'); - $assert(targetTopic != this, 'Circular connection are not allowed'); - $assert(targetTopic, 'Parent Graph can not be null'); - $assert(workspace, 'Workspace can not be null'); - - // Connect Graphical Nodes ... - targetTopic.append(this); - this._parent = targetTopic; - - // Update model ... - var targetModel = targetTopic.getModel(); - var childModel = this.getModel(); - childModel.connectTo(targetModel); - - // Create a connection line ... - var outgoingLine = new ConnectionLine(this, targetTopic); - outgoingLine.setVisibility(false); - - this._outgoingLine = outgoingLine; - workspace.append(outgoingLine); - - // Update figure is necessary. - this.updateTopicShape(targetTopic); - - // Change text based on the current connection ... - var model = this.getModel(); - if (!model.getText()) { - var text = this.getText(); - this._setText(text, false); - } - if (!model.getFontSize()) { - var size = this.getFontSize(); - this.setFontSize(size, false); - } - this.getTextShape(); - - // Display connection node... - var connector = targetTopic.getShrinkConnector(); - if ($defined(connector)) { - connector.setVisibility(true); - } - - // Redraw line ... - outgoingLine.redraw(); - - // Fire connection event ... - if (this.isInWorkspace()) { - EventBus.instance.fireEvent(EventBus.events.NodeConnectEvent, { - parentNode: targetTopic.getModel(), - childNode: this.getModel(), - }); - } - }, - - /** */ - append: function (child) { - var children = this.getChildren(); - children.push(child); - }, - - /** */ - removeChild: function (child) { - var children = this.getChildren(); - children.erase(child); - }, - - /** */ - getChildren: function () { - var result = this._children; - if (!$defined(result)) { - this._children = []; - result = this._children; - } - return result; - }, - - /** */ - removeFromWorkspace: function (workspace) { - var elem2d = this.get2DElement(); - workspace.removeChild(elem2d); - var line = this.getOutgoingLine(); - if ($defined(line)) { - workspace.removeChild(line); - } - this._isInWorkspace = false; - EventBus.instance.fireEvent(EventBus.events.NodeRemoved, this.getModel()); - }, - - /** */ - addToWorkspace: function (workspace) { - var elem = this.get2DElement(); - workspace.append(elem); - if (!this.isInWorkspace()) { - if (!this.isCentralTopic()) { - EventBus.instance.fireEvent(EventBus.events.NodeAdded, this.getModel()); - } - - if (this.getModel().isConnected()) - EventBus.instance.fireEvent(EventBus.events.NodeConnectEvent, { - parentNode: this.getOutgoingConnectedTopic().getModel(), - childNode: this.getModel(), - }); - } - this._isInWorkspace = true; - this._adjustShapes(); - }, - - /** */ - isInWorkspace: function () { - return this._isInWorkspace; - }, - - /** */ - createDragNode: function (layoutManager) { - var result = this.parent(layoutManager); - - // Is the node already connected ? - var targetTopic = this.getOutgoingConnectedTopic(); - if ($defined(targetTopic)) { - result.connectTo(targetTopic); - result.setVisibility(false); - } - - // If a drag node is create for it, let's hide the editor. - this._getTopicEventDispatcher().close(); - - return result; - }, - - _adjustShapes: function () { - if (this._isInWorkspace) { - var textShape = this.getTextShape(); - if (this.getShapeType() != TopicShape.IMAGE) { - var textWidth = textShape.getWidth(); - - var textHeight = textShape.getHeight(); - textHeight = textHeight != 0 ? textHeight : 20; - - var topicPadding = TopicStyle.getInnerPadding(this); - - // Adjust the icon size to the size of the text ... - var iconGroup = this.getOrBuildIconGroup(); - var fontHeight = this.getTextShape().getFontHeight(); - iconGroup.setPosition(topicPadding, topicPadding); - iconGroup.seIconSize(fontHeight, fontHeight); - - // Add a extra padding between the text and the icons - var iconsWidth = iconGroup.getSize().width; - if (iconsWidth != 0) { - iconsWidth = iconsWidth + textHeight / 4; - } - - var height = textHeight + topicPadding * 2; - var width = textWidth + iconsWidth + topicPadding * 2; - - this.setSize({ width: width, height: height }); - - // Position node ... - textShape.setPosition(topicPadding + iconsWidth, topicPadding); - } else { - // In case of images, the size if fixed ... - var size = this.getModel().getImageSize(); - this.setSize(size); - } - } - }, - - _flatten2DElements: function (topic) { - var result = []; - - var children = topic.getChildren(); - for (var i = 0; i < children.length; i++) { - var child = children[i]; - result.push(child); - result.push(child.getOutgoingLine()); - - var relationships = child.getRelationships(); - result = result.concat(relationships); - - if (!child.areChildrenShrunken()) { - var innerChilds = this._flatten2DElements(child); - result = result.concat(innerChilds); - } - } - return result; - }, - - /** + setPosition(point) { + $assert(point, 'position can not be null'); + point.x = Math.ceil(point.x); + point.y = Math.ceil(point.y); + + // Update model's position ... + const model = this.getModel(); + model.setPosition(point.x, point.y); + + // Elements are positioned in the center. + // All topic element must be positioned based on the innerShape. + const size = this.getSize(); + + const cx = point.x - size.width / 2; + const cy = point.y - size.height / 2; + + // Update visual position. + this._elem2d.setPosition(cx, cy); + + // Update connection lines ... + this._updateConnectionLines(); + + // Check object state. + this.invariant(); + }, + + /** */ + getOutgoingLine() { + return this._outgoingLine; + }, + + /** */ + getIncomingLines() { + const result = []; + const children = this.getChildren(); + for (let i = 0; i < children.length; i++) { + const node = children[i]; + const line = node.getOutgoingLine(); + if ($defined(line)) { + result.push(line); + } + } + return result; + }, + + /** */ + getOutgoingConnectedTopic() { + let result = null; + const line = this.getOutgoingLine(); + if ($defined(line)) { + result = line.getTargetTopic(); + } + return result; + }, + + _updateConnectionLines() { + // Update this to parent line ... + const outgoingLine = this.getOutgoingLine(); + if ($defined(outgoingLine)) { + outgoingLine.redraw(); + } + + // Update all the incoming lines ... + const incomingLines = this.getIncomingLines(); + for (let i = 0; i < incomingLines.length; i++) { + incomingLines[i].redraw(); + } + + // Update relationship lines + for (let j = 0; j < this._relationships.length; j++) { + this._relationships[j].redraw(); + } + }, + + /** */ + setBranchVisibility(value) { + let current = this; + let parent = this; + while (parent != null && !parent.isCentralTopic()) { + current = parent; + parent = current.getParent(); + } + current.setVisibility(value); + }, + + /** */ + setVisibility(value) { + this._setTopicVisibility(value); + + // Hide all children... + this._setChildrenVisibility(value); + + // If there there are connection to the node, topic must be hidden. + this._setRelationshipLinesVisibility(value); + + // If it's connected, the connection must be rendered. + const outgoingLine = this.getOutgoingLine(); + if (outgoingLine) { + outgoingLine.setVisibility(value); + } + }, + + /** */ + moveToBack() { + // Update relationship lines + for (let j = 0; j < this._relationships.length; j++) { + this._relationships[j].moveToBack(); + } + const connector = this.getShrinkConnector(); + if ($defined(connector)) { + connector.moveToBack(); + } + + this.get2DElement().moveToBack(); + }, + + /** */ + moveToFront() { + this.get2DElement().moveToFront(); + const connector = this.getShrinkConnector(); + if ($defined(connector)) { + connector.moveToFront(); + } + // Update relationship lines + for (let j = 0; j < this._relationships.length; j++) { + this._relationships[j].moveToFront(); + } + }, + + /** */ + isVisible() { + const elem = this.get2DElement(); + return elem.isVisible(); + }, + + _setRelationshipLinesVisibility(value) { + _.each(this._relationships, (relationship) => { + const sourceTopic = relationship.getSourceTopic(); + const targetTopic = relationship.getTargetTopic(); + + const targetParent = targetTopic.getModel().getParent(); + const sourceParent = sourceTopic.getModel().getParent(); + relationship.setVisibility( + value + && (targetParent == null || !targetParent.areChildrenShrunken()) + && (sourceParent == null || !sourceParent.areChildrenShrunken()), + ); + }); + }, + + _setTopicVisibility(value) { + const elem = this.get2DElement(); + elem.setVisibility(value); + + if (this.getIncomingLines().length > 0) { + const connector = this.getShrinkConnector(); + if ($defined(connector)) { + connector.setVisibility(value); + } + } + + const textShape = this.getTextShape(); + textShape.setVisibility(this.getShapeType() != TopicShape.IMAGE ? value : false); + }, + + /** */ + setOpacity(opacity) { + const elem = this.get2DElement(); + elem.setOpacity(opacity); + + const connector = this.getShrinkConnector(); + if ($defined(connector)) { + connector.setOpacity(opacity); + } + const textShape = this.getTextShape(); + textShape.setOpacity(opacity); + }, + + _setChildrenVisibility(isVisible) { + // Hide all children. + const children = this.getChildren(); + const model = this.getModel(); + + isVisible = isVisible ? !model.areChildrenShrunken() : isVisible; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + child.setVisibility(isVisible); + + const outgoingLine = child.getOutgoingLine(); + outgoingLine.setVisibility(isVisible); + } + }, + + /** */ + invariant() { + const line = this._outgoingLine; + const model = this.getModel(); + const isConnected = model.isConnected(); + + // Check consistency... + if ((isConnected && !line) || (!isConnected && line)) { + // $assert(false,'Illegal state exception.'); + } + }, + + /** */ + setSize(size, force) { + $assert(size, 'size can not be null'); + $assert($defined(size.width), 'size seem not to be a valid element'); + size = { width: Math.ceil(size.width), height: Math.ceil(size.height) }; + + const oldSize = this.getSize(); + const hasSizeChanged = oldSize.width != size.width || oldSize.height != size.height; + if (hasSizeChanged || force) { + NodeGraph.prototype.setSize.call(this, size); + + const outerShape = this.getOuterShape(); + const innerShape = this.getInnerShape(); + + outerShape.setSize(size.width + 4, size.height + 6); + innerShape.setSize(size.width, size.height); + + // Update the figure position(ej: central topic must be centered) and children position. + this._updatePositionOnChangeSize(oldSize, size); + + if (hasSizeChanged) { + EventBus.instance.fireEvent(EventBus.events.NodeResizeEvent, { + node: this.getModel(), + size, + }); + } + } + }, + + _updatePositionOnChangeSize() { + $assert(false, 'this method must be overwrited.'); + }, + + /** */ + disconnect(workspace) { + const outgoingLine = this.getOutgoingLine(); + if ($defined(outgoingLine)) { + $assert(workspace, 'workspace can not be null'); + + this._outgoingLine = null; + + // Disconnect nodes ... + const targetTopic = outgoingLine.getTargetTopic(); + targetTopic.removeChild(this); + + // Update model ... + const childModel = this.getModel(); + childModel.disconnect(); + + this._parent = null; + + // Remove graphical element from the workspace... + outgoingLine.removeFromWorkspace(workspace); + + // Remove from workspace. + EventBus.instance.fireEvent(EventBus.events.NodeDisconnectEvent, this.getModel()); + + // Change text based on the current connection ... + const model = this.getModel(); + if (!model.getText()) { + const text = this.getText(); + this._setText(text, false); + } + if (!model.getFontSize()) { + const size = this.getFontSize(); + this.setFontSize(size, false); + } + + // Hide connection line?. + if (targetTopic.getChildren().length == 0) { + const connector = targetTopic.getShrinkConnector(); + if ($defined(connector)) { + connector.setVisibility(false); + } + } + } + }, + + /** */ + getOrder() { + const model = this.getModel(); + return model.getOrder(); + }, + + /** */ + setOrder(value) { + const model = this.getModel(); + model.setOrder(value); + }, + + /** */ + connectTo(targetTopic, workspace) { + $assert(!this._outgoingLine, 'Could not connect an already connected node'); + $assert(targetTopic != this, 'Circular connection are not allowed'); + $assert(targetTopic, 'Parent Graph can not be null'); + $assert(workspace, 'Workspace can not be null'); + + // Connect Graphical Nodes ... + targetTopic.append(this); + this._parent = targetTopic; + + // Update model ... + const targetModel = targetTopic.getModel(); + const childModel = this.getModel(); + childModel.connectTo(targetModel); + + // Create a connection line ... + const outgoingLine = new ConnectionLine(this, targetTopic); + outgoingLine.setVisibility(false); + + this._outgoingLine = outgoingLine; + workspace.append(outgoingLine); + + // Update figure is necessary. + this.updateTopicShape(targetTopic); + + // Change text based on the current connection ... + const model = this.getModel(); + if (!model.getText()) { + const text = this.getText(); + this._setText(text, false); + } + if (!model.getFontSize()) { + const size = this.getFontSize(); + this.setFontSize(size, false); + } + this.getTextShape(); + + // Display connection node... + const connector = targetTopic.getShrinkConnector(); + if ($defined(connector)) { + connector.setVisibility(true); + } + + // Redraw line ... + outgoingLine.redraw(); + + // Fire connection event ... + if (this.isInWorkspace()) { + EventBus.instance.fireEvent(EventBus.events.NodeConnectEvent, { + parentNode: targetTopic.getModel(), + childNode: this.getModel(), + }); + } + }, + + /** */ + append(child) { + const children = this.getChildren(); + children.push(child); + }, + + /** */ + removeChild(child) { + const children = this.getChildren(); + children.erase(child); + }, + + /** */ + getChildren() { + let result = this._children; + if (!$defined(result)) { + this._children = []; + result = this._children; + } + return result; + }, + + /** */ + removeFromWorkspace(workspace) { + const elem2d = this.get2DElement(); + workspace.removeChild(elem2d); + const line = this.getOutgoingLine(); + if ($defined(line)) { + workspace.removeChild(line); + } + this._isInWorkspace = false; + EventBus.instance.fireEvent(EventBus.events.NodeRemoved, this.getModel()); + }, + + /** */ + addToWorkspace(workspace) { + const elem = this.get2DElement(); + workspace.append(elem); + if (!this.isInWorkspace()) { + if (!this.isCentralTopic()) { + EventBus.instance.fireEvent(EventBus.events.NodeAdded, this.getModel()); + } + + if (this.getModel().isConnected()) { + EventBus.instance.fireEvent(EventBus.events.NodeConnectEvent, { + parentNode: this.getOutgoingConnectedTopic().getModel(), + childNode: this.getModel(), + }); + } + } + this._isInWorkspace = true; + this._adjustShapes(); + }, + + /** */ + isInWorkspace() { + return this._isInWorkspace; + }, + + /** */ + createDragNode(layoutManager) { + const result = this.parent(layoutManager); + + // Is the node already connected ? + const targetTopic = this.getOutgoingConnectedTopic(); + if ($defined(targetTopic)) { + result.connectTo(targetTopic); + result.setVisibility(false); + } + + // If a drag node is create for it, let's hide the editor. + this._getTopicEventDispatcher().close(); + + return result; + }, + + _adjustShapes() { + if (this._isInWorkspace) { + const textShape = this.getTextShape(); + if (this.getShapeType() != TopicShape.IMAGE) { + const textWidth = textShape.getWidth(); + + let textHeight = textShape.getHeight(); + textHeight = textHeight != 0 ? textHeight : 20; + + const topicPadding = TopicStyle.getInnerPadding(this); + + // Adjust the icon size to the size of the text ... + const iconGroup = this.getOrBuildIconGroup(); + const fontHeight = this.getTextShape().getFontHeight(); + iconGroup.setPosition(topicPadding, topicPadding); + iconGroup.seIconSize(fontHeight, fontHeight); + + // Add a extra padding between the text and the icons + let iconsWidth = iconGroup.getSize().width; + if (iconsWidth != 0) { + iconsWidth += textHeight / 4; + } + + const height = textHeight + topicPadding * 2; + const width = textWidth + iconsWidth + topicPadding * 2; + + this.setSize({ width, height }); + + // Position node ... + textShape.setPosition(topicPadding + iconsWidth, topicPadding); + } else { + // In case of images, the size if fixed ... + const size = this.getModel().getImageSize(); + this.setSize(size); + } + } + }, + + _flatten2DElements(topic) { + let result = []; + + const children = topic.getChildren(); + for (let i = 0; i < children.length; i++) { + const child = children[i]; + result.push(child); + result.push(child.getOutgoingLine()); + + const relationships = child.getRelationships(); + result = result.concat(relationships); + + if (!child.areChildrenShrunken()) { + const innerChilds = this._flatten2DElements(child); + result = result.concat(innerChilds); + } + } + return result; + }, + + /** * @param childTopic * @return {Boolean} true if childtopic is a child topic of this topic or the topic itself */ - isChildTopic: function (childTopic) { - var result = this.getId() == childTopic.getId(); - if (!result) { - var children = this.getChildren(); - for (var i = 0; i < children.length; i++) { - var parent = children[i]; - result = parent.isChildTopic(childTopic); - if (result) { - break; - } - } - } - return result; - }, + isChildTopic(childTopic) { + let result = this.getId() == childTopic.getId(); + if (!result) { + const children = this.getChildren(); + for (let i = 0; i < children.length; i++) { + const parent = children[i]; + result = parent.isChildTopic(childTopic); + if (result) { + break; + } + } + } + return result; + }, - /** @return {Boolean} true if the topic is the central topic of the map */ - isCentralTopic: function () { - return this.getModel().getType() == INodeModel.CENTRAL_TOPIC_TYPE; - }, - } + /** @return {Boolean} true if the topic is the central topic of the map */ + isCentralTopic() { + return this.getModel().getType() == INodeModel.CENTRAL_TOPIC_TYPE; + }, + }, ); /** @@ -1348,10 +1346,10 @@ Topic.CONNECTOR_WIDTH = 6; * @default */ Topic.OUTER_SHAPE_ATTRIBUTES = { - fillColor: 'rgb(252,235,192)', - stroke: '1 dot rgb(241,163,39)', - x: 0, - y: 0, + fillColor: 'rgb(252,235,192)', + stroke: '1 dot rgb(241,163,39)', + x: 0, + y: 0, }; /** * @constant diff --git a/packages/mindplot/lib/components/TopicEventDispatcher.js b/packages/mindplot/lib/components/TopicEventDispatcher.js index 6f6974ea..e82bccf5 100644 --- a/packages/mindplot/lib/components/TopicEventDispatcher.js +++ b/packages/mindplot/lib/components/TopicEventDispatcher.js @@ -20,66 +20,66 @@ const MultilineTextEditor = require('./MultilineTextEditor').default; const { TopicShape } = require('./model/INodeModel'); const TopicEventDispatcher = new Class({ - Extends: Events, - Static: { - _instance: null, + Extends: Events, + Static: { + _instance: null, - configure: function (readOnly) { - this._instance = new TopicEventDispatcher(readOnly); - }, - - getInstance: function () { - return this._instance; - }, + configure(readOnly) { + this._instance = new TopicEventDispatcher(readOnly); }, - initialize: function (readOnly) { - this._readOnly = readOnly; - this._activeEditor = null; - this._multilineEditor = new MultilineTextEditor(); + getInstance() { + return this._instance; }, + }, - close: function (update) { - if (this.isVisible()) { - this._activeEditor.close(update); - this._activeEditor = null; - } - }, + initialize(readOnly) { + this._readOnly = readOnly; + this._activeEditor = null; + this._multilineEditor = new MultilineTextEditor(); + }, - show: function (topic, options) { - this.process(TopicEvent.EDIT, topic, options); - }, + close(update) { + if (this.isVisible()) { + this._activeEditor.close(update); + this._activeEditor = null; + } + }, - process: function (eventType, topic, options) { - $assert(eventType, 'eventType can not be null'); + show(topic, options) { + this.process(TopicEvent.EDIT, topic, options); + }, - // Close all previous open editor .... - if (this.isVisible()) { - this.close(); - } + process(eventType, topic, options) { + $assert(eventType, 'eventType can not be null'); - // Open the new editor ... - var model = topic.getModel(); - if ( - model.getShapeType() != TopicShape.IMAGE && - !this._readOnly && - eventType == TopicEvent.EDIT - ) { - this._multilineEditor.show(topic, options ? options.text : null); - this._activeEditor = this._multilineEditor; - } else { - this.fireEvent(eventType, { model: model, readOnly: this._readOnly }); - } - }, + // Close all previous open editor .... + if (this.isVisible()) { + this.close(); + } - isVisible: function () { - return this._activeEditor != null && this._activeEditor.isVisible(); - }, + // Open the new editor ... + const model = topic.getModel(); + if ( + model.getShapeType() != TopicShape.IMAGE + && !this._readOnly + && eventType == TopicEvent.EDIT + ) { + this._multilineEditor.show(topic, options ? options.text : null); + this._activeEditor = this._multilineEditor; + } else { + this.fireEvent(eventType, { model, readOnly: this._readOnly }); + } + }, + + isVisible() { + return this._activeEditor != null && this._activeEditor.isVisible(); + }, }); const TopicEvent = { - EDIT: 'editnode', - CLICK: 'clicknode', + EDIT: 'editnode', + CLICK: 'clicknode', }; export { TopicEvent }; diff --git a/packages/mindplot/lib/components/TopicFeature.js b/packages/mindplot/lib/components/TopicFeature.js index 84e718e1..1312349c 100644 --- a/packages/mindplot/lib/components/TopicFeature.js +++ b/packages/mindplot/lib/components/TopicFeature.js @@ -25,38 +25,36 @@ const NoteModel = require('./model/NoteModel').default; const NoteIcon = require('./NoteIcon').default; const TopicFeature = { - /** the icon object */ - Icon: { - id: IconModel.FEATURE_TYPE, - model: IconModel, - icon: ImageIcon - }, + /** the icon object */ + Icon: { + id: IconModel.FEATURE_TYPE, + model: IconModel, + icon: ImageIcon, + }, - /** the link object */ - Link: { - id: LinkModel.FEATURE_TYPE, - model: LinkModel, - icon: LinkIcon - }, + /** the link object */ + Link: { + id: LinkModel.FEATURE_TYPE, + model: LinkModel, + icon: LinkIcon, + }, - /** the note object */ - Note: { - id: NoteModel.FEATURE_TYPE, - model: NoteModel, - icon: NoteIcon - }, + /** the note object */ + Note: { + id: NoteModel.FEATURE_TYPE, + model: NoteModel, + icon: NoteIcon, + }, - /** + /** * @param id the feature metadata id * @return {Boolean} returns true if the given id is contained in the metadata array */ - isSupported: function (id) { - return TopicFeature._featuresMetadataById.some(function (elem) { - return elem.id == id; - }); - }, + isSupported(id) { + return TopicFeature._featuresMetadataById.some((elem) => elem.id == id); + }, - /** + /** * @param type * @param attributes * @throws will throw an error if type is null or undefined @@ -64,17 +62,15 @@ const TopicFeature = { * @return {mindplot.model.FeatureModel} a new instance of the feature model subclass matching * the topic feature */ - createModel: function (type, attributes) { - $assert(type, 'type can not be null'); - $assert(attributes, 'attributes can not be null'); + createModel(type, attributes) { + $assert(type, 'type can not be null'); + $assert(attributes, 'attributes can not be null'); - var model = TopicFeature._featuresMetadataById.filter(function (elem) { - return elem.id == type; - })[0].model; - return new model(attributes); - }, + const { model } = TopicFeature._featuresMetadataById.filter((elem) => elem.id == type)[0]; + return new model(attributes); + }, - /** + /** * @param {mindplot.Topic} topic * @param {mindplot.model.FeatureModel} model * @param {Boolean} readOnly true if the editor is running in read-only mode @@ -82,15 +78,13 @@ const TopicFeature = { * @throws will throw an error if model is null or undefined * @return {mindplot.Icon} a new instance of the icon subclass matching the topic feature */ - createIcon: function (topic, model, readOnly) { - $assert(topic, 'topic can not be null'); - $assert(model, 'model can not be null'); + createIcon(topic, model, readOnly) { + $assert(topic, 'topic can not be null'); + $assert(model, 'model can not be null'); - var icon = TopicFeature._featuresMetadataById.filter(function (elem) { - return elem.id == model.getType(); - })[0].icon; - return new icon(topic, model, readOnly); - } + const { icon } = TopicFeature._featuresMetadataById.filter((elem) => elem.id == model.getType())[0]; + return new icon(topic, model, readOnly); + }, }; TopicFeature._featuresMetadataById = [TopicFeature.Icon, TopicFeature.Link, TopicFeature.Note]; diff --git a/packages/mindplot/lib/components/TopicStyle.js b/packages/mindplot/lib/components/TopicStyle.js index 60079f94..9e34da5c 100644 --- a/packages/mindplot/lib/components/TopicStyle.js +++ b/packages/mindplot/lib/components/TopicStyle.js @@ -18,115 +18,115 @@ const { TopicShape } = require('./model/INodeModel'); const TopicStyle = new Class({ - Static: { - _getStyles: function (topic) { - $assert(topic, 'topic can not be null'); + Static: { + _getStyles(topic) { + $assert(topic, 'topic can not be null'); - var result; - if (topic.isCentralTopic()) { - result = TopicStyle.STYLES.CENTRAL_TOPIC; - } else { - var targetTopic = topic.getOutgoingConnectedTopic(); - if ($defined(targetTopic)) { - if (targetTopic.isCentralTopic()) { - result = TopicStyle.STYLES.MAIN_TOPIC; - } else { - result = TopicStyle.STYLES.SUB_TOPIC; - } - } else { - result = TopicStyle.STYLES.ISOLATED_TOPIC; - } - } - return result; - }, - - defaultText: function (topic) { - var msgKey = this._getStyles(topic).msgKey; - return $msg(msgKey); - }, - - defaultFontStyle: function (topic) { - return this._getStyles(topic).fontStyle; - }, - - defaultBackgroundColor: function (topic) { - return this._getStyles(topic).backgroundColor; - }, - - defaultBorderColor: function (topic) { - return this._getStyles(topic).borderColor; - }, - - getInnerPadding: function (topic) { - return this._getStyles(topic).innerPadding; - }, - - defaultShapeType: function (topic) { - return this._getStyles(topic).shapeType; - }, + let result; + if (topic.isCentralTopic()) { + result = TopicStyle.STYLES.CENTRAL_TOPIC; + } else { + const targetTopic = topic.getOutgoingConnectedTopic(); + if ($defined(targetTopic)) { + if (targetTopic.isCentralTopic()) { + result = TopicStyle.STYLES.MAIN_TOPIC; + } else { + result = TopicStyle.STYLES.SUB_TOPIC; + } + } else { + result = TopicStyle.STYLES.ISOLATED_TOPIC; + } + } + return result; }, + + defaultText(topic) { + const { msgKey } = this._getStyles(topic); + return $msg(msgKey); + }, + + defaultFontStyle(topic) { + return this._getStyles(topic).fontStyle; + }, + + defaultBackgroundColor(topic) { + return this._getStyles(topic).backgroundColor; + }, + + defaultBorderColor(topic) { + return this._getStyles(topic).borderColor; + }, + + getInnerPadding(topic) { + return this._getStyles(topic).innerPadding; + }, + + defaultShapeType(topic) { + return this._getStyles(topic).shapeType; + }, + }, }); TopicStyle.STYLES = { - CENTRAL_TOPIC: { - borderColor: 'rgb(57,113,177)', - backgroundColor: 'rgb(80,157,192)', - fontStyle: { - font: 'Verdana', - size: 10, - style: 'normal', - weight: 'bold', - color: '#ffffff', - }, - msgKey: 'CENTRAL_TOPIC', - innerPadding: 11, - shapeType: TopicShape.ROUNDED_RECT, + CENTRAL_TOPIC: { + borderColor: 'rgb(57,113,177)', + backgroundColor: 'rgb(80,157,192)', + fontStyle: { + font: 'Verdana', + size: 10, + style: 'normal', + weight: 'bold', + color: '#ffffff', }, + msgKey: 'CENTRAL_TOPIC', + innerPadding: 11, + shapeType: TopicShape.ROUNDED_RECT, + }, - MAIN_TOPIC: { - borderColor: 'rgb(2,59,185)', - backgroundColor: 'rgb(224,229,239)', - fontStyle: { - font: 'Arial', - size: 8, - style: 'normal', - weight: 'normal', - color: 'rgb(82,92,97)', - }, - msgKey: 'MAIN_TOPIC', - innerPadding: 3, - shapeType: TopicShape.LINE, + MAIN_TOPIC: { + borderColor: 'rgb(2,59,185)', + backgroundColor: 'rgb(224,229,239)', + fontStyle: { + font: 'Arial', + size: 8, + style: 'normal', + weight: 'normal', + color: 'rgb(82,92,97)', }, + msgKey: 'MAIN_TOPIC', + innerPadding: 3, + shapeType: TopicShape.LINE, + }, - SUB_TOPIC: { - borderColor: 'rgb(2,59,185)', - backgroundColor: 'rgb(224,229,239)', - fontStyle: { - font: 'Arial', - size: 6, - style: 'normal', - weight: 'normal', - color: 'rgb(82,92,97)', - }, - msgKey: 'SUB_TOPIC', - innerPadding: 3, - shapeType: TopicShape.LINE, + SUB_TOPIC: { + borderColor: 'rgb(2,59,185)', + backgroundColor: 'rgb(224,229,239)', + fontStyle: { + font: 'Arial', + size: 6, + style: 'normal', + weight: 'normal', + color: 'rgb(82,92,97)', }, + msgKey: 'SUB_TOPIC', + innerPadding: 3, + shapeType: TopicShape.LINE, + }, - ISOLATED_TOPIC: { - borderColor: 'rgb(2,59,185)', - backgroundColor: 'rgb(224,229,239)', - fontStyle: { - font: 'Verdana', - size: 8, - style: 'normal', - weight: 'normal', - color: 'rgb(82,92,97)', - }, - msgKey: 'ISOLATED_TOPIC', - innerPadding: 4, - shapeType: TopicShape.LINE, + ISOLATED_TOPIC: { + borderColor: 'rgb(2,59,185)', + backgroundColor: 'rgb(224,229,239)', + fontStyle: { + font: 'Verdana', + size: 8, + style: 'normal', + weight: 'normal', + color: 'rgb(82,92,97)', }, + msgKey: 'ISOLATED_TOPIC', + innerPadding: 4, + shapeType: TopicShape.LINE, + }, }; export default TopicStyle; diff --git a/packages/mindplot/lib/components/Workspace.js b/packages/mindplot/lib/components/Workspace.js index 571a9bbd..a975525f 100644 --- a/packages/mindplot/lib/components/Workspace.js +++ b/packages/mindplot/lib/components/Workspace.js @@ -1,229 +1,226 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const web2D = require('@wismapping/web2d') -const web2d = web2D(); - -const Workspace = new Class({ - initialize: function (screenManager, zoom) { - // Create a suitable container ... - $assert(screenManager, 'Div container can not be null'); - $assert(zoom, 'zoom container can not be null'); - - this._zoom = zoom; - this._screenManager = screenManager; - - var divContainer = screenManager.getContainer(); - this._screenWidth = parseInt(divContainer.css('width')); - this._screenHeight = parseInt(divContainer.css('height')); - - // Initialize web2d workspace. - var workspace = this._createWorkspace(); - this._workspace = workspace; - - // Append to the workspace... - workspace.addItAsChildTo(divContainer); - this.setZoom(zoom, true); - - // Register drag events ... - this._registerDragEvents(); - this._eventsEnabled = true; - }, - - _createWorkspace: function () { - // Initialize workspace ... - var coordOriginX = -(this._screenWidth / 2); - var coordOriginY = -(this._screenHeight / 2); - - var workspaceProfile = { - width: this._screenWidth + "px", - height: this._screenHeight + "px", - coordSizeWidth: this._screenWidth, - coordSizeHeight: this._screenHeight, - coordOriginX: coordOriginX, - coordOriginY: coordOriginY, - fillColor: 'transparent', - strokeWidth: 0 - }; - web2d.Toolkit.init(); - return new web2d.Workspace(workspaceProfile); - }, - - append: function (shape) { - if ($defined(shape.addToWorkspace)) { - shape.addToWorkspace(this); - } else { - this._workspace.append(shape); - } - }, - - removeChild: function (shape) { - // Element is a node, not a web2d element? - if ($defined(shape.removeFromWorkspace)) { - shape.removeFromWorkspace(this); - } else { - this._workspace.removeChild(shape); - } - }, - - addEvent: function (type, listener) { - this._workspace.addEvent(type, listener); - }, - - removeEvent: function (type, listener) { - $assert(type, 'type can not be null'); - $assert(listener, 'listener can not be null'); - this._workspace.removeEvent(type, listener); - }, - - getSize: function () { - return this._workspace.getCoordSize(); - }, - - setZoom: function (zoom, center) { - this._zoom = zoom; - var workspace = this._workspace; - - // Update coord scale... - var coordWidth = zoom * this._screenWidth; - var coordHeight = zoom * this._screenHeight; - workspace.setCoordSize(coordWidth, coordHeight); - - // View port coords ... - if (this._viewPort) { - this._viewPort.width = this._viewPort.width * zoom; - this._viewPort.height = this._viewPort.height * zoom; - } - - // Center topic.... - var coordOriginX; - var coordOriginY; - - if (center) { - if (this._viewPort) { - coordOriginX = -(this._viewPort.width / 2); - coordOriginY = -(this._viewPort.height / 2); - } else { - coordOriginX = -(coordWidth / 2); - coordOriginY = -(coordHeight / 2); - } - } else { - var coordOrigin = workspace.getCoordOrigin(); - coordOriginX = coordOrigin.x; - coordOriginY = coordOrigin.y; - } - - workspace.setCoordOrigin(coordOriginX, coordOriginY); - - // Update screen. - this._screenManager.setOffset(coordOriginX, coordOriginY); - this._screenManager.setScale(zoom); - - // Some changes in the screen. Let's fire an update event... - this._screenManager.fireEvent('update'); - }, - - getScreenManager: function () { - return this._screenManager; - }, - - enableWorkspaceEvents: function (value) { - this._eventsEnabled = value; - }, - - isWorkspaceEventsEnabled: function () { - return this._eventsEnabled; - }, - - dumpNativeChart: function () { - return this._workspace.dumpNativeChart(); - }, - - _registerDragEvents: function () { - var workspace = this._workspace; - var screenManager = this._screenManager; - var mWorkspace = this; - var mouseDownListener = function (event) { - if (!$defined(workspace._mouseMoveListener)) { - if (mWorkspace.isWorkspaceEventsEnabled()) { - mWorkspace.enableWorkspaceEvents(false); - - var mouseDownPosition = screenManager.getWorkspaceMousePosition(event); - var originalCoordOrigin = workspace.getCoordOrigin(); - - var wasDragged = false; - workspace._mouseMoveListener = function (event) { - - var currentMousePosition = screenManager.getWorkspaceMousePosition(event); - - var offsetX = currentMousePosition.x - mouseDownPosition.x; - var coordOriginX = -offsetX + originalCoordOrigin.x; - - var offsetY = currentMousePosition.y - mouseDownPosition.y; - var coordOriginY = -offsetY + originalCoordOrigin.y; - - workspace.setCoordOrigin(coordOriginX, coordOriginY); - - // Change cursor. - if (Browser.firefox) { - window.document.body.style.cursor = "-moz-grabbing"; - } else { - window.document.body.style.cursor = "move"; - } - event.preventDefault(); - - // Fire drag event ... - screenManager.fireEvent('update'); - wasDragged = true; - - - }; - screenManager.addEvent('mousemove', workspace._mouseMoveListener); - - // Register mouse up listeners ... - workspace._mouseUpListener = function (event) { - - screenManager.removeEvent('mousemove', workspace._mouseMoveListener); - screenManager.removeEvent('mouseup', workspace._mouseUpListener); - workspace._mouseUpListener = null; - workspace._mouseMoveListener = null; - window.document.body.style.cursor = 'default'; - - // Update screen manager offset. - var coordOrigin = workspace.getCoordOrigin(); - screenManager.setOffset(coordOrigin.x, coordOrigin.y); - mWorkspace.enableWorkspaceEvents(true); - - if (!wasDragged) { - screenManager.fireEvent('click'); - } - }; - screenManager.addEvent('mouseup', workspace._mouseUpListener); - } - } else { - workspace._mouseUpListener(); - } - }; - screenManager.addEvent('mousedown', mouseDownListener); - }, - - setViewPort: function (size) { - this._viewPort = size; - } -}); - -export default Workspace; +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +const web2D = require('@wismapping/web2d'); + +const web2d = web2D(); + +const Workspace = new Class({ + initialize(screenManager, zoom) { + // Create a suitable container ... + $assert(screenManager, 'Div container can not be null'); + $assert(zoom, 'zoom container can not be null'); + + this._zoom = zoom; + this._screenManager = screenManager; + + const divContainer = screenManager.getContainer(); + this._screenWidth = parseInt(divContainer.css('width')); + this._screenHeight = parseInt(divContainer.css('height')); + + // Initialize web2d workspace. + const workspace = this._createWorkspace(); + this._workspace = workspace; + + // Append to the workspace... + workspace.addItAsChildTo(divContainer); + this.setZoom(zoom, true); + + // Register drag events ... + this._registerDragEvents(); + this._eventsEnabled = true; + }, + + _createWorkspace() { + // Initialize workspace ... + const coordOriginX = -(this._screenWidth / 2); + const coordOriginY = -(this._screenHeight / 2); + + const workspaceProfile = { + width: `${this._screenWidth}px`, + height: `${this._screenHeight}px`, + coordSizeWidth: this._screenWidth, + coordSizeHeight: this._screenHeight, + coordOriginX, + coordOriginY, + fillColor: 'transparent', + strokeWidth: 0, + }; + web2d.Toolkit.init(); + return new web2d.Workspace(workspaceProfile); + }, + + append(shape) { + if ($defined(shape.addToWorkspace)) { + shape.addToWorkspace(this); + } else { + this._workspace.append(shape); + } + }, + + removeChild(shape) { + // Element is a node, not a web2d element? + if ($defined(shape.removeFromWorkspace)) { + shape.removeFromWorkspace(this); + } else { + this._workspace.removeChild(shape); + } + }, + + addEvent(type, listener) { + this._workspace.addEvent(type, listener); + }, + + removeEvent(type, listener) { + $assert(type, 'type can not be null'); + $assert(listener, 'listener can not be null'); + this._workspace.removeEvent(type, listener); + }, + + getSize() { + return this._workspace.getCoordSize(); + }, + + setZoom(zoom, center) { + this._zoom = zoom; + const workspace = this._workspace; + + // Update coord scale... + const coordWidth = zoom * this._screenWidth; + const coordHeight = zoom * this._screenHeight; + workspace.setCoordSize(coordWidth, coordHeight); + + // View port coords ... + if (this._viewPort) { + this._viewPort.width = this._viewPort.width * zoom; + this._viewPort.height = this._viewPort.height * zoom; + } + + // Center topic.... + let coordOriginX; + let coordOriginY; + + if (center) { + if (this._viewPort) { + coordOriginX = -(this._viewPort.width / 2); + coordOriginY = -(this._viewPort.height / 2); + } else { + coordOriginX = -(coordWidth / 2); + coordOriginY = -(coordHeight / 2); + } + } else { + const coordOrigin = workspace.getCoordOrigin(); + coordOriginX = coordOrigin.x; + coordOriginY = coordOrigin.y; + } + + workspace.setCoordOrigin(coordOriginX, coordOriginY); + + // Update screen. + this._screenManager.setOffset(coordOriginX, coordOriginY); + this._screenManager.setScale(zoom); + + // Some changes in the screen. Let's fire an update event... + this._screenManager.fireEvent('update'); + }, + + getScreenManager() { + return this._screenManager; + }, + + enableWorkspaceEvents(value) { + this._eventsEnabled = value; + }, + + isWorkspaceEventsEnabled() { + return this._eventsEnabled; + }, + + dumpNativeChart() { + return this._workspace.dumpNativeChart(); + }, + + _registerDragEvents() { + const workspace = this._workspace; + const screenManager = this._screenManager; + const mWorkspace = this; + const mouseDownListener = function (event) { + if (!$defined(workspace._mouseMoveListener)) { + if (mWorkspace.isWorkspaceEventsEnabled()) { + mWorkspace.enableWorkspaceEvents(false); + + const mouseDownPosition = screenManager.getWorkspaceMousePosition(event); + const originalCoordOrigin = workspace.getCoordOrigin(); + + let wasDragged = false; + workspace._mouseMoveListener = function (event) { + const currentMousePosition = screenManager.getWorkspaceMousePosition(event); + + const offsetX = currentMousePosition.x - mouseDownPosition.x; + const coordOriginX = -offsetX + originalCoordOrigin.x; + + const offsetY = currentMousePosition.y - mouseDownPosition.y; + const coordOriginY = -offsetY + originalCoordOrigin.y; + + workspace.setCoordOrigin(coordOriginX, coordOriginY); + + // Change cursor. + if (Browser.firefox) { + window.document.body.style.cursor = '-moz-grabbing'; + } else { + window.document.body.style.cursor = 'move'; + } + event.preventDefault(); + + // Fire drag event ... + screenManager.fireEvent('update'); + wasDragged = true; + }; + screenManager.addEvent('mousemove', workspace._mouseMoveListener); + + // Register mouse up listeners ... + workspace._mouseUpListener = function (event) { + screenManager.removeEvent('mousemove', workspace._mouseMoveListener); + screenManager.removeEvent('mouseup', workspace._mouseUpListener); + workspace._mouseUpListener = null; + workspace._mouseMoveListener = null; + window.document.body.style.cursor = 'default'; + + // Update screen manager offset. + const coordOrigin = workspace.getCoordOrigin(); + screenManager.setOffset(coordOrigin.x, coordOrigin.y); + mWorkspace.enableWorkspaceEvents(true); + + if (!wasDragged) { + screenManager.fireEvent('click'); + } + }; + screenManager.addEvent('mouseup', workspace._mouseUpListener); + } + } else { + workspace._mouseUpListener(); + } + }; + screenManager.addEvent('mousedown', mouseDownListener); + }, + + setViewPort(size) { + this._viewPort = size; + }, +}); + +export default Workspace; diff --git a/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js b/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js index 1bb35fc0..259ba865 100644 --- a/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js +++ b/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js @@ -18,8 +18,8 @@ const Command = require('../Command').default; const AddFeatureToTopicCommand = new Class(/** @lends AddFeatureToTopicCommand */{ - Extends: Command, - /** + Extends: Command, + /** * @classdesc This command class handles do/undo of adding features to topics, e.g. an * icon or a note. For a reference of existing features, refer to {@link mindplot.TopicFeature} * @constructs @@ -29,41 +29,40 @@ const AddFeatureToTopicCommand = new Class(/** @lends AddFeatureToTopicCommand * * @extends mindplot.Command * @see mindplot.model.FeatureModel and subclasses */ - initialize:function (topicId, featureType, attributes) { + initialize(topicId, featureType, attributes) { + $assert($defined(topicId), 'topicId can not be null'); + $assert(featureType, 'featureType can not be null'); + $assert(attributes, 'attributes can not be null'); - $assert($defined(topicId), 'topicId can not be null'); - $assert(featureType, 'featureType can not be null'); - $assert(attributes, 'attributes can not be null'); + this.parent(); + this._topicId = topicId; + this._featureType = featureType; + this._attributes = attributes; + this._featureModel = null; + }, - this.parent(); - this._topicId = topicId; - this._featureType = featureType; - this._attributes = attributes; - this._featureModel = null; - }, - - /** - * Overrides abstract parent method - */ - execute:function (commandContext) { - var topic = commandContext.findTopics(this._topicId)[0]; - - // Feature must be created only one time. - if (!this._featureModel) { - var model = topic.getModel(); - this._featureModel = model.createFeature(this._featureType, this._attributes); - } - topic.addFeature(this._featureModel); - }, - - /** + /** * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} */ - undoExecute:function (commandContext) { - var topic = commandContext.findTopics(this._topicId)[0]; - topic.removeFeature(this._featureModel); + execute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + + // Feature must be created only one time. + if (!this._featureModel) { + const model = topic.getModel(); + this._featureModel = model.createFeature(this._featureType, this._attributes); } + topic.addFeature(this._featureModel); + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + topic.removeFeature(this._featureModel); + }, }); -export default AddFeatureToTopicCommand +export default AddFeatureToTopicCommand; diff --git a/packages/mindplot/lib/components/commands/AddRelationshipCommand.js b/packages/mindplot/lib/components/commands/AddRelationshipCommand.js index 879e454d..88180472 100644 --- a/packages/mindplot/lib/components/commands/AddRelationshipCommand.js +++ b/packages/mindplot/lib/components/commands/AddRelationshipCommand.js @@ -15,39 +15,39 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default +const Command = require('../Command').default; const AddRelationshipCommand = new Class(/** @lends AddRelationshipCommand */{ - Extends:Command, - /** + Extends: Command, + /** * @classdesc This command class handles do/undo of adding a relationship to a topic. * @constructs * @param {XMLDOM} model * @extends mindplot.Command */ - initialize:function (model) { - $assert(model, 'Relationship model can not be null'); + initialize(model) { + $assert(model, 'Relationship model can not be null'); - this.parent(); - this._model = model; - }, - - /** - * Overrides abstract parent method - */ - execute:function (commandContext) { - var relationship = commandContext.addRelationship(this._model); - relationship.setOnFocus(true); - }, + this.parent(); + this._model = model; + }, - /** + /** * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} */ - undoExecute:function (commandContext) { - var rel = commandContext.findRelationships(this._model.getId()); - commandContext.deleteRelationship(rel[0]); - } + execute(commandContext) { + const relationship = commandContext.addRelationship(this._model); + relationship.setOnFocus(true); + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + const rel = commandContext.findRelationships(this._model.getId()); + commandContext.deleteRelationship(rel[0]); + }, }); export default AddRelationshipCommand; diff --git a/packages/mindplot/lib/components/commands/AddTopicCommand.js b/packages/mindplot/lib/components/commands/AddTopicCommand.js index efe49b39..76fde1f5 100644 --- a/packages/mindplot/lib/components/commands/AddTopicCommand.js +++ b/packages/mindplot/lib/components/commands/AddTopicCommand.js @@ -18,9 +18,9 @@ const Command = require('../Command').default; const AddTopicCommand = new Class( - /** @lends AddTopicCommand */ { - Extends: Command, - /** + /** @lends AddTopicCommand */ { + Extends: Command, + /** * @classdesc This command class handles do/undo of adding one or multiple topics to * the mindmap. * @constructs @@ -29,69 +29,69 @@ const AddTopicCommand = new Class( * when attaching a dragged node or a node/branch from clipboard * @extends mindplot.Command */ - initialize: function (models, parentTopicsId) { - $assert(models, 'models can not be null'); - $assert( - parentTopicsId == null || parentTopicsId.length == models.length, - 'parents and models must have the same size' - ); + initialize(models, parentTopicsId) { + $assert(models, 'models can not be null'); + $assert( + parentTopicsId == null || parentTopicsId.length == models.length, + 'parents and models must have the same size', + ); - this.parent(); - this._models = models; - this._parentsIds = parentTopicsId; - }, + this.parent(); + this._models = models; + this._parentsIds = parentTopicsId; + }, - /** + /** * Overrides abstract parent method */ - execute: function (commandContext) { - var me = this; - _.each(this._models, function (model, index) { - // Add a new topic ... - var topic = commandContext.createTopic(model); + execute(commandContext) { + const me = this; + _.each(this._models, (model, index) => { + // Add a new topic ... + const topic = commandContext.createTopic(model); - // Connect to topic ... - if (me._parentsIds) { - var parentId = me._parentsIds[index]; - if ($defined(parentId)) { - var parentTopic = commandContext.findTopics(parentId)[0]; - commandContext.connect(topic, parentTopic); - } - } else { - commandContext.addTopic(topic); - } + // Connect to topic ... + if (me._parentsIds) { + const parentId = me._parentsIds[index]; + if ($defined(parentId)) { + const parentTopic = commandContext.findTopics(parentId)[0]; + commandContext.connect(topic, parentTopic); + } + } else { + commandContext.addTopic(topic); + } - // Select just created node ... - var designer = commandContext._designer; - designer.onObjectFocusEvent(topic); - topic.setOnFocus(true); + // Select just created node ... + const designer = commandContext._designer; + designer.onObjectFocusEvent(topic); + topic.setOnFocus(true); - // Render node ... - topic.setVisibility(true); - }); - }, + // Render node ... + topic.setVisibility(true); + }); + }, - /** + /** * Overrides abstract parent method * @see {@link mindplot.Command.undoExecute} */ - undoExecute: function (commandContext) { - // Delete disconnected the nodes. Create a copy of the topics ... - var clonedModel = []; - _.each(this._models, function (model) { - clonedModel.push(model.clone()); - }); + undoExecute(commandContext) { + // Delete disconnected the nodes. Create a copy of the topics ... + const clonedModel = []; + _.each(this._models, (model) => { + clonedModel.push(model.clone()); + }); - // Finally, remove the nodes ... - _.each(this._models, function (model) { - var topicId = model.getId(); - var topic = commandContext.findTopics(topicId)[0]; - commandContext.deleteTopic(topic); - }); + // Finally, remove the nodes ... + _.each(this._models, (model) => { + const topicId = model.getId(); + const topic = commandContext.findTopics(topicId)[0]; + commandContext.deleteTopic(topic); + }); - this._models = clonedModel; - }, - } + this._models = clonedModel; + }, + }, ); export default AddTopicCommand; diff --git a/packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js b/packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js index 82ca6046..a5dc5625 100644 --- a/packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js +++ b/packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js @@ -15,11 +15,11 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default +const Command = require('../Command').default; const ChangeFeatureToTopicCommand = new Class(/** @lends ChangeFeatureToTopicCommand */{ - Extends:Command, - /** + Extends: Command, + /** * @extends mindplot.Command * @constructs * @param topicId @@ -29,36 +29,36 @@ const ChangeFeatureToTopicCommand = new Class(/** @lends ChangeFeatureToTopicCom * @throws will throw an error if featureId is null or undefined * @throws will throw an error if attributes is null or undefined */ - initialize: function(topicId, featureId, attributes) { - $assert($defined(topicId), 'topicId can not be null'); - $assert($defined(featureId), 'featureId can not be null'); - $assert($defined(attributes), 'attributes can not be null'); + initialize(topicId, featureId, attributes) { + $assert($defined(topicId), 'topicId can not be null'); + $assert($defined(featureId), 'featureId can not be null'); + $assert($defined(attributes), 'attributes can not be null'); - this.parent(); - this._topicId = topicId; - this._featureId = featureId; - this._attributes = attributes; - }, + this.parent(); + this._topicId = topicId; + this._featureId = featureId; + this._attributes = attributes; + }, - /** + /** * Overrides abstract parent method */ - execute: function(commandContext) { - var topic = commandContext.findTopics(this._topicId)[0]; - var feature = topic.findFeatureById(this._featureId); + execute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + const feature = topic.findFeatureById(this._featureId); - var oldAttributes = feature.getAttributes(); - feature.setAttributes(this._attributes); - this._attributes = oldAttributes; - }, + const oldAttributes = feature.getAttributes(); + feature.setAttributes(this._attributes); + this._attributes = oldAttributes; + }, - /** + /** * Overrides abstract parent method * @see {@link mindplot.Command.undoExecute} */ - undoExecute: function(commandContext) { - this.execute(commandContext); - } + undoExecute(commandContext) { + this.execute(commandContext); + }, }); export default ChangeFeatureToTopicCommand; diff --git a/packages/mindplot/lib/components/commands/DeleteCommand.js b/packages/mindplot/lib/components/commands/DeleteCommand.js index 0e61c998..00d54c4b 100644 --- a/packages/mindplot/lib/components/commands/DeleteCommand.js +++ b/packages/mindplot/lib/components/commands/DeleteCommand.js @@ -18,169 +18,162 @@ const Command = require('../Command').default; const DeleteCommand = new Class(/** @lends mindplot.commands.DeleteCommand */{ - Extends:Command, - /** + Extends: Command, + /** * @classdesc This command class handles do/undo of deleting a topic. * @constructs * @param {Array} topicIds ids of the topics to delete * @param {Array} relIds ids of the relationships connected to the topics * @extends mindplot.Command */ - initialize:function (topicIds, relIds) { - $assert($defined(relIds), 'topicIds can not be null'); + initialize(topicIds, relIds) { + $assert($defined(relIds), 'topicIds can not be null'); - this.parent(); - this._relIds = relIds; - this._topicIds = topicIds; - this._deletedTopicModels = []; - this._deletedRelModel = []; - this._parentTopicIds = []; - }, + this.parent(); + this._relIds = relIds; + this._topicIds = topicIds; + this._deletedTopicModels = []; + this._deletedRelModel = []; + this._parentTopicIds = []; + }, - /** - * Overrides abstract parent method - */ - execute:function (commandContext) { - - // If a parent has been selected for deletion, the children must be excluded from the delete ... - var topics = this._filterChildren(this._topicIds, commandContext); - - if (topics.length > 0) { - _.each(topics, function (topic) { - // In case that it's editing text node, force close without update ... - topic.closeEditors(); - - var model = topic.getModel(); - - // Delete relationships - var relationships = this._collectInDepthRelationships(topic); - this._deletedRelModel.append(relationships.map(function (rel) { - return rel.getModel().clone(); - })); - - _.each(relationships, function (relationship) { - commandContext.deleteRelationship(relationship); - }); - - // Store information for undo ... - var clonedModel = model.clone(); - this._deletedTopicModels.push(clonedModel); - var outTopic = topic.getOutgoingConnectedTopic(); - var outTopicId = null; - if (outTopic != null) { - outTopicId = outTopic.getId(); - } - this._parentTopicIds.push(outTopicId); - - // Finally, delete the topic from the workspace... - commandContext.deleteTopic(topic); - - }, this); - } - - var rels = commandContext.findRelationships(this._relIds); - if (rels.length > 0) { - _.each(rels, function (rel) { - this._deletedRelModel.push(rel.getModel().clone()); - commandContext.deleteRelationship(rel); - }, this); - } - }, - - /** + /** * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} */ - undoExecute:function (commandContext) { + execute(commandContext) { + // If a parent has been selected for deletion, the children must be excluded from the delete ... + const topics = this._filterChildren(this._topicIds, commandContext); - // Add all the topics ... - _.each(this._deletedTopicModels, function (model) { - commandContext.createTopic(model); - }, this); + if (topics.length > 0) { + _.each(topics, function (topic) { + // In case that it's editing text node, force close without update ... + topic.closeEditors(); - // Do they need to be connected ? - _.each(this._deletedTopicModels, function (topicModel, index) { - var topics = commandContext.findTopics(topicModel.getId()); + const model = topic.getModel(); - var parentId = this._parentTopicIds[index]; - if (parentId) { - var parentTopics = commandContext.findTopics(parentId); - commandContext.connect(topics[0], parentTopics[0]); - } - }, this); + // Delete relationships + const relationships = this._collectInDepthRelationships(topic); + this._deletedRelModel.append(relationships.map((rel) => rel.getModel().clone())); - // Add rebuild relationships ... - _.each(this._deletedRelModel, function (model) { - commandContext.addRelationship(model); + _.each(relationships, (relationship) => { + commandContext.deleteRelationship(relationship); }); - // Finally display the topics ... - _.each(this._deletedTopicModels, function (topicModel) { - var topics = commandContext.findTopics(topicModel.getId()); - topics[0].setBranchVisibility(true); - }, this); - - // Focus on last recovered topic .. - if (this._deletedTopicModels.length > 0) { - var firstTopic = this._deletedTopicModels[0]; - var topic = commandContext.findTopics(firstTopic.getId())[0]; - topic.setOnFocus(true); + // Store information for undo ... + const clonedModel = model.clone(); + this._deletedTopicModels.push(clonedModel); + const outTopic = topic.getOutgoingConnectedTopic(); + let outTopicId = null; + if (outTopic != null) { + outTopicId = outTopic.getId(); } + this._parentTopicIds.push(outTopicId); - this._deletedTopicModels = []; - this._parentTopicIds = []; - this._deletedRelModel = []; - }, - - _filterChildren:function (topicIds, commandContext) { - var topics = commandContext.findTopics(topicIds); - - var result = []; - _.each(topics, function (topic) { - var parent = topic.getParent(); - var found = false; - while (parent != null && !found) { - found = topicIds.contains(parent.getId()); - if (found) { - break; - } - parent = parent.getParent(); - } - - if (!found) { - result.push(topic); - } - }); - - return result; - }, - - _collectInDepthRelationships:function (topic) { - var result = []; - result.append(topic.getRelationships()); - - var children = topic.getChildren(); - var rels = children.map(function (topic) { - return this._collectInDepthRelationships(topic); - }, this); - result.append(rels.flatten()); - - if (result.length > 0) { - // Filter for unique ... - result = result.sort(function (a, b) { - return a.getModel().getId() - b.getModel().getId(); - }); - var ret = [result[0]]; - for (var i = 1; i < result.length; i++) { // start loop at 1 as element 0 can never be a duplicate - if (result[i - 1] !== result[i]) { - ret.push(result[i]); - } - } - result = ret; - } - return result; + // Finally, delete the topic from the workspace... + commandContext.deleteTopic(topic); + }, this); } + const rels = commandContext.findRelationships(this._relIds); + if (rels.length > 0) { + _.each(rels, function (rel) { + this._deletedRelModel.push(rel.getModel().clone()); + commandContext.deleteRelationship(rel); + }, this); + } + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + // Add all the topics ... + _.each(this._deletedTopicModels, (model) => { + commandContext.createTopic(model); + }, this); + + // Do they need to be connected ? + _.each(this._deletedTopicModels, function (topicModel, index) { + const topics = commandContext.findTopics(topicModel.getId()); + + const parentId = this._parentTopicIds[index]; + if (parentId) { + const parentTopics = commandContext.findTopics(parentId); + commandContext.connect(topics[0], parentTopics[0]); + } + }, this); + + // Add rebuild relationships ... + _.each(this._deletedRelModel, (model) => { + commandContext.addRelationship(model); + }); + + // Finally display the topics ... + _.each(this._deletedTopicModels, (topicModel) => { + const topics = commandContext.findTopics(topicModel.getId()); + topics[0].setBranchVisibility(true); + }, this); + + // Focus on last recovered topic .. + if (this._deletedTopicModels.length > 0) { + const firstTopic = this._deletedTopicModels[0]; + const topic = commandContext.findTopics(firstTopic.getId())[0]; + topic.setOnFocus(true); + } + + this._deletedTopicModels = []; + this._parentTopicIds = []; + this._deletedRelModel = []; + }, + + _filterChildren(topicIds, commandContext) { + const topics = commandContext.findTopics(topicIds); + + const result = []; + _.each(topics, (topic) => { + let parent = topic.getParent(); + let found = false; + while (parent != null && !found) { + found = topicIds.contains(parent.getId()); + if (found) { + break; + } + parent = parent.getParent(); + } + + if (!found) { + result.push(topic); + } + }); + + return result; + }, + + _collectInDepthRelationships(topic) { + let result = []; + result.append(topic.getRelationships()); + + const children = topic.getChildren(); + const rels = children.map(function (topic) { + return this._collectInDepthRelationships(topic); + }, this); + result.append(rels.flatten()); + + if (result.length > 0) { + // Filter for unique ... + result = result.sort((a, b) => a.getModel().getId() - b.getModel().getId()); + const ret = [result[0]]; + for (let i = 1; i < result.length; i++) { // start loop at 1 as element 0 can never be a duplicate + if (result[i - 1] !== result[i]) { + ret.push(result[i]); + } + } + result = ret; + } + return result; + }, + }); export default DeleteCommand; diff --git a/packages/mindplot/lib/components/commands/DragTopicCommand.js b/packages/mindplot/lib/components/commands/DragTopicCommand.js index 983f7b22..b0c5135f 100644 --- a/packages/mindplot/lib/components/commands/DragTopicCommand.js +++ b/packages/mindplot/lib/components/commands/DragTopicCommand.js @@ -15,11 +15,11 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default +const Command = require('../Command').default; const DragTopicCommand = new Class(/** @lends DragTopicCommand */{ - Extends:Command, - /** + Extends: Command, + /** * @classdesc This command class handles do/undo of dragging a topic to a new position. * @constructs * @param {String} topicId id of the topic to drag @@ -28,76 +28,72 @@ const DragTopicCommand = new Class(/** @lends DragTopicCommand */{ * @param {mindplot.Topic} parentTopic the topic to be made the dragged topic's new parent * @extends mindplot.Command */ - initialize:function (topicId, position, order, parentTopic) { - $assert(topicId, "topicId must be defined"); + initialize(topicId, position, order, parentTopic) { + $assert(topicId, 'topicId must be defined'); - this._topicsId = topicId; - if ($defined(parentTopic)) - this._parentId = parentTopic.getId(); + this._topicsId = topicId; + if ($defined(parentTopic)) this._parentId = parentTopic.getId(); - this.parent(); - this._position = position; - this._order = order; - }, + this.parent(); + this._position = position; + this._order = order; + }, - /** - * Overrides abstract parent method - */ - execute:function (commandContext) { - - var topic = commandContext.findTopics(this._topicsId)[0]; - topic.setVisibility(false); - - // Save old position ... - var origParentTopic = topic.getOutgoingConnectedTopic(); - - // In this case, topics are positioned using order ... - var origOrder = topic.getOrder(); - var origPosition = topic.getPosition(); - - // Disconnect topic .. - if ($defined(origParentTopic) && origParentTopic != this._parentId) { - commandContext.disconnect(topic); - } - - // Set topic order ... - if (this._order != null) { - topic.setOrder(this._order); - } else if (this._position != null) { - commandContext.moveTopic(topic, this._position); - } else { - $assert("Illegal command state exception."); - } - - // Finally, connect topic ... - if (origParentTopic != this._parentId) { - - if ($defined(this._parentId)) { - var parentTopic = commandContext.findTopics(this._parentId)[0]; - commandContext.connect(topic, parentTopic); - } - - // Backup old parent id ... - this._parentId = null; - if ($defined(origParentTopic)) { - this._parentId = origParentTopic.getId(); - } - } - topic.setVisibility(true); - - // Store for undo ... - this._order = origOrder; - this._position = origPosition; - - }, - - /** + /** * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} */ - undoExecute:function (commandContext) { - this.execute(commandContext); + execute(commandContext) { + const topic = commandContext.findTopics(this._topicsId)[0]; + topic.setVisibility(false); + + // Save old position ... + const origParentTopic = topic.getOutgoingConnectedTopic(); + + // In this case, topics are positioned using order ... + const origOrder = topic.getOrder(); + const origPosition = topic.getPosition(); + + // Disconnect topic .. + if ($defined(origParentTopic) && origParentTopic != this._parentId) { + commandContext.disconnect(topic); } + + // Set topic order ... + if (this._order != null) { + topic.setOrder(this._order); + } else if (this._position != null) { + commandContext.moveTopic(topic, this._position); + } else { + $assert('Illegal command state exception.'); + } + + // Finally, connect topic ... + if (origParentTopic != this._parentId) { + if ($defined(this._parentId)) { + const parentTopic = commandContext.findTopics(this._parentId)[0]; + commandContext.connect(topic, parentTopic); + } + + // Backup old parent id ... + this._parentId = null; + if ($defined(origParentTopic)) { + this._parentId = origParentTopic.getId(); + } + } + topic.setVisibility(true); + + // Store for undo ... + this._order = origOrder; + this._position = origPosition; + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + this.execute(commandContext); + }, }); export default DragTopicCommand; diff --git a/packages/mindplot/lib/components/commands/GenericFunctionCommand.js b/packages/mindplot/lib/components/commands/GenericFunctionCommand.js index 583a4333..731f27de 100644 --- a/packages/mindplot/lib/components/commands/GenericFunctionCommand.js +++ b/packages/mindplot/lib/components/commands/GenericFunctionCommand.js @@ -15,13 +15,13 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default +const Command = require('../Command').default; const GenericFunctionCommand = new Class(/** @lends GenericFunctionCommand */{ - Extends:Command, - /** - * @classdesc This command handles do/undo of different actions, e.g. moving topics to - * a different position, changing text or font,... (for full reference check the + Extends: Command, + /** + * @classdesc This command handles do/undo of different actions, e.g. moving topics to + * a different position, changing text or font,... (for full reference check the * StandaloneActionDispatcher i.e. the ActionDispatcher subclass in use) * @constructs * @param {Function} commandFunc the function the command shall execute @@ -30,70 +30,66 @@ const GenericFunctionCommand = new Class(/** @lends GenericFunctionCommand */{ * e.g. color, font family or text * @extends mindplot.Command */ - initialize:function (commandFunc, topicsIds, value) { - $assert(commandFunc, "commandFunc must be defined"); - $assert($defined(topicsIds), "topicsIds must be defined"); + initialize(commandFunc, topicsIds, value) { + $assert(commandFunc, 'commandFunc must be defined'); + $assert($defined(topicsIds), 'topicsIds must be defined'); - this.parent(); - this._value = value; - this._topicsId = topicsIds; - this._commandFunc = commandFunc; - this._oldValues = []; - }, + this.parent(); + this._value = value; + this._topicsId = topicsIds; + this._commandFunc = commandFunc; + this._oldValues = []; + }, - /** - * Overrides abstract parent method - */ - execute:function (commandContext) { - if (!this.applied) { - - var topics = null; - try { - topics = commandContext.findTopics(this._topicsId); - } catch (e) { - if (this._commandFunc.commandType != "changeTextToTopic") { - // Workaround: For some reason, there is a combination of events that involves - // making some modification and firing out of focus event. This is causing - // that a remove node try to be removed. In some other life, I will come with the solution. - // Almost aways occurs with IE9. I could be related with some change of order in sets o something similar. - throw e; - } - } - - if (topics != null) { - var me = this; - _.each(topics, function (topic) { - var oldValue = me._commandFunc(topic, me._value); - me._oldValues.push(oldValue); - }); - } - this.applied = true; - - } else { - throw "Command can not be applied two times in a row."; - } - - }, - - /** + /** * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} */ - undoExecute:function (commandContext) { - if (this.applied) { - var topics = commandContext.findTopics(this._topicsId); - var me = this; - _.each(topics, function (topic, index) { - me._commandFunc(topic, me._oldValues[index]); - - }); - - this.applied = false; - this._oldValues = []; - } else { - throw "undo can not be applied."; + execute(commandContext) { + if (!this.applied) { + let topics = null; + try { + topics = commandContext.findTopics(this._topicsId); + } catch (e) { + if (this._commandFunc.commandType != 'changeTextToTopic') { + // Workaround: For some reason, there is a combination of events that involves + // making some modification and firing out of focus event. This is causing + // that a remove node try to be removed. In some other life, I will come with the solution. + // Almost aways occurs with IE9. I could be related with some change of order in sets o something similar. + throw e; } + } + + if (topics != null) { + const me = this; + _.each(topics, (topic) => { + const oldValue = me._commandFunc(topic, me._value); + me._oldValues.push(oldValue); + }); + } + this.applied = true; + } else { + throw 'Command can not be applied two times in a row.'; } + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + if (this.applied) { + const topics = commandContext.findTopics(this._topicsId); + const me = this; + _.each(topics, (topic, index) => { + me._commandFunc(topic, me._oldValues[index]); + }); + + this.applied = false; + this._oldValues = []; + } else { + throw 'undo can not be applied.'; + } + }, }); -export default GenericFunctionCommand +export default GenericFunctionCommand; diff --git a/packages/mindplot/lib/components/commands/MoveControlPointCommand.js b/packages/mindplot/lib/components/commands/MoveControlPointCommand.js index 5b40c80c..fdfa9e74 100644 --- a/packages/mindplot/lib/components/commands/MoveControlPointCommand.js +++ b/packages/mindplot/lib/components/commands/MoveControlPointCommand.js @@ -18,9 +18,9 @@ const Command = require('../Command').default; const MoveControlPointCommand = new Class( - /** @lends MoveControlPointCommand */ { - Extends: Command, - /** + /** @lends MoveControlPointCommand */ { + Extends: Command, + /** * @classdesc This command handles do/undo of changing the control points of a relationship * arrow. These are the two points that appear when the relationship is on focus. They * influence how the arrow is drawn (not the source or the destination topic nor the arrow @@ -31,89 +31,88 @@ const MoveControlPointCommand = new Class( * @param ctrlPointController {ControlPoint} * @param point {Number} 0 for the destination control point, 1 for the source control point */ - initialize: function (ctrlPointController, point) { - $assert(ctrlPointController, 'line can not be null'); - $assert($defined(point), 'point can not be null'); + initialize(ctrlPointController, point) { + $assert(ctrlPointController, 'line can not be null'); + $assert($defined(point), 'point can not be null'); - this.parent(); - this._ctrlPointControler = ctrlPointController; - this._line = ctrlPointController._line; - this._controlPoint = this._ctrlPointControler.getControlPoint(point).clone(); - this._oldControlPoint = this._ctrlPointControler.getOriginalCtrlPoint(point).clone(); - this._originalEndPoint = this._ctrlPointControler.getOriginalEndPoint(point).clone(); - switch (point) { - case 0: - this._wasCustom = this._line.getLine().isSrcControlPointCustom(); - this._endPoint = this._line.getLine().getFrom().clone(); - break; - case 1: - this._wasCustom = this._line.getLine().isDestControlPointCustom(); - this._endPoint = this._line.getLine().getTo().clone(); - break; - } - this._point = point; - }, + this.parent(); + this._ctrlPointControler = ctrlPointController; + this._line = ctrlPointController._line; + this._controlPoint = this._ctrlPointControler.getControlPoint(point).clone(); + this._oldControlPoint = this._ctrlPointControler.getOriginalCtrlPoint(point).clone(); + this._originalEndPoint = this._ctrlPointControler.getOriginalEndPoint(point).clone(); + switch (point) { + case 0: + this._wasCustom = this._line.getLine().isSrcControlPointCustom(); + this._endPoint = this._line.getLine().getFrom().clone(); + break; + case 1: + this._wasCustom = this._line.getLine().isDestControlPointCustom(); + this._endPoint = this._line.getLine().getTo().clone(); + break; + } + this._point = point; + }, - /** + /** * Overrides abstract parent method */ - execute: function (commandContext) { - var model = this._line.getModel(); - switch (this._point) { - case 0: - model.setSrcCtrlPoint(this._controlPoint.clone()); - this._line.setFrom(this._endPoint.x, this._endPoint.y); - this._line.setIsSrcControlPointCustom(true); - this._line.setSrcControlPoint(this._controlPoint.clone()); - break; - case 1: - model.setDestCtrlPoint(this._controlPoint.clone()); - this._wasCustom = this._line.getLine().isDestControlPointCustom(); - this._line.setTo(this._endPoint.x, this._endPoint.y); - this._line.setIsDestControlPointCustom(true); - this._line.setDestControlPoint(this._controlPoint.clone()); - break; - } - if (this._line.isOnFocus()) { - this._line._refreshShape(); - this._ctrlPointControler.setLine(this._line); - } - this._line.getLine().updateLine(this._point); - }, + execute(commandContext) { + const model = this._line.getModel(); + switch (this._point) { + case 0: + model.setSrcCtrlPoint(this._controlPoint.clone()); + this._line.setFrom(this._endPoint.x, this._endPoint.y); + this._line.setIsSrcControlPointCustom(true); + this._line.setSrcControlPoint(this._controlPoint.clone()); + break; + case 1: + model.setDestCtrlPoint(this._controlPoint.clone()); + this._wasCustom = this._line.getLine().isDestControlPointCustom(); + this._line.setTo(this._endPoint.x, this._endPoint.y); + this._line.setIsDestControlPointCustom(true); + this._line.setDestControlPoint(this._controlPoint.clone()); + break; + } + if (this._line.isOnFocus()) { + this._line._refreshShape(); + this._ctrlPointControler.setLine(this._line); + } + this._line.getLine().updateLine(this._point); + }, - /** + /** * Overrides abstract parent method * @see {@link mindplot.Command.undoExecute} */ - undoExecute: function (commandContext) { - var line = this._line; - var model = line.getModel(); - switch (this._point) { - case 0: - if ($defined(this._oldControlPoint)) { - line.setFrom(this._originalEndPoint.x, this._originalEndPoint.y); - model.setSrcCtrlPoint(this._oldControlPoint.clone()); - line.setSrcControlPoint(this._oldControlPoint.clone()); - line.setIsSrcControlPointCustom(this._wasCustom); - } - break; - case 1: - if ($defined(this._oldControlPoint)) { - line.setTo(this._originalEndPoint.x, this._originalEndPoint.y); - model.setDestCtrlPoint(this._oldControlPoint.clone()); - line.setDestControlPoint(this._oldControlPoint.clone()); - line.setIsDestControlPointCustom(this._wasCustom); - } - break; - } - this._line.getLine().updateLine(this._point); - if (this._line.isOnFocus()) { - this._ctrlPointControler.setLine(line); - line._refreshShape(); - } - }, - } + undoExecute(commandContext) { + const line = this._line; + const model = line.getModel(); + switch (this._point) { + case 0: + if ($defined(this._oldControlPoint)) { + line.setFrom(this._originalEndPoint.x, this._originalEndPoint.y); + model.setSrcCtrlPoint(this._oldControlPoint.clone()); + line.setSrcControlPoint(this._oldControlPoint.clone()); + line.setIsSrcControlPointCustom(this._wasCustom); + } + break; + case 1: + if ($defined(this._oldControlPoint)) { + line.setTo(this._originalEndPoint.x, this._originalEndPoint.y); + model.setDestCtrlPoint(this._oldControlPoint.clone()); + line.setDestControlPoint(this._oldControlPoint.clone()); + line.setIsDestControlPointCustom(this._wasCustom); + } + break; + } + this._line.getLine().updateLine(this._point); + if (this._line.isOnFocus()) { + this._ctrlPointControler.setLine(line); + line._refreshShape(); + } + }, + }, ); export default MoveControlPointCommand; - diff --git a/packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js b/packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js index 389906a0..cfd725d1 100644 --- a/packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js +++ b/packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js @@ -17,45 +17,45 @@ */ const Command = require('../Command').default; -const RemoveFeatureFromTopicCommand = new Class(/**@lends RemoveFeatureFromTopicCommand */{ - Extends:Command, - /** - * @classdesc This command handles do/undo of removing a feature from a topic, e.g. an icon or +const RemoveFeatureFromTopicCommand = new Class(/** @lends RemoveFeatureFromTopicCommand */{ + Extends: Command, + /** + * @classdesc This command handles do/undo of removing a feature from a topic, e.g. an icon or * a note. For a reference of existing features, refer to {@link mindplot.TopicFeature}. * @constructs * @param {String} topicId id of the topic to remove the feature from * @param {String} featureId id of the feature to remove * @extends mindplot.Command */ - initialize:function (topicId, featureId) { - $assert($defined(topicId), 'topicId can not be null'); - $assert(featureId, 'iconModel can not be null'); + initialize(topicId, featureId) { + $assert($defined(topicId), 'topicId can not be null'); + $assert(featureId, 'iconModel can not be null'); - this.parent(); - this._topicId = topicId; - this._featureId = featureId; - this._oldFeature = null; - }, + this.parent(); + this._topicId = topicId; + this._featureId = featureId; + this._oldFeature = null; + }, - /** - * Overrides abstract parent method - */ - execute:function (commandContext) { - var topic = commandContext.findTopics(this._topicId)[0]; - var feature = topic.findFeatureById(this._featureId); - topic.removeFeature(feature); - this._oldFeature = feature; - }, - - /** + /** * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} */ - undoExecute:function (commandContext) { - var topic = commandContext.findTopics(this._topicId)[0]; - topic.addFeature(this._oldFeature); - this._oldFeature = null; - } + execute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + const feature = topic.findFeatureById(this._featureId); + topic.removeFeature(feature); + this._oldFeature = feature; + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + topic.addFeature(this._oldFeature); + this._oldFeature = null; + }, }); export default RemoveFeatureFromTopicCommand; diff --git a/packages/mindplot/lib/components/commands/index.js b/packages/mindplot/lib/components/commands/index.js index a5ae43ab..9ce3d770 100644 --- a/packages/mindplot/lib/components/commands/index.js +++ b/packages/mindplot/lib/components/commands/index.js @@ -9,13 +9,13 @@ const moveControlPointCommand = require('./MoveControlPointCommand').default; const removeFeatureFromTopicCommand = require('./RemoveFeatureFromTopicCommand').default; export const Commands = { - AddFeatureToTopicCommand: addFeatureToTopicCommand, - AddRelationshipCommand: addRelationshipCommand, - AddTopicCommand: addTopicCommand, - ChangeFeatureToTopicCommand: changeFeatureToTopicCommand, - DeleteCommand: deleteCommand, - DragTopicCommand: dragTopicCommand, - GenericFunctionCommand: genericFunctionCommand, - MoveControlPointCommand: moveControlPointCommand, - RemoveFeatureFromTopicCommand: removeFeatureFromTopicCommand, + AddFeatureToTopicCommand: addFeatureToTopicCommand, + AddRelationshipCommand: addRelationshipCommand, + AddTopicCommand: addTopicCommand, + ChangeFeatureToTopicCommand: changeFeatureToTopicCommand, + DeleteCommand: deleteCommand, + DragTopicCommand: dragTopicCommand, + GenericFunctionCommand: genericFunctionCommand, + MoveControlPointCommand: moveControlPointCommand, + RemoveFeatureFromTopicCommand: removeFeatureFromTopicCommand, }; diff --git a/packages/mindplot/lib/components/footer.js b/packages/mindplot/lib/components/footer.js index 6858d261..4ddae25c 100644 --- a/packages/mindplot/lib/components/footer.js +++ b/packages/mindplot/lib/components/footer.js @@ -1,5 +1,5 @@ try { - $(document).trigger('loadcomplete', 'mind'); + $(document).trigger('loadcomplete', 'mind'); } catch (e) { - console.error(e.stack); + console.error(e.stack); } diff --git a/packages/mindplot/lib/components/header.js b/packages/mindplot/lib/components/header.js index 62bae0fb..e7b9b5f7 100644 --- a/packages/mindplot/lib/components/header.js +++ b/packages/mindplot/lib/components/header.js @@ -16,7 +16,7 @@ * limitations under the License. */ -var mindplot = {}; +const mindplot = {}; mindplot.util = {}; mindplot.commands = {}; mindplot.layout = {}; @@ -31,5 +31,5 @@ mindplot.persistence = {}; mindplot.layout = {}; Class.Mutators.Static = function (items) { - this.extend(items); + this.extend(items); }; diff --git a/packages/mindplot/lib/components/index.js b/packages/mindplot/lib/components/index.js index 099534b8..6c12d16f 100644 --- a/packages/mindplot/lib/components/index.js +++ b/packages/mindplot/lib/components/index.js @@ -50,59 +50,59 @@ const topicStyle = require('./TopicStyle').default; const workspace = require('./Workspace').default; export const Components = { - ActionDispatcher: actionDispatcher, + ActionDispatcher: actionDispatcher, - ActionIcon: actionIcon, - CentralTopic: centralTopic, - Command: command, - ConnectionLine: connectionLine, - ControlPoint: controlPoint, - Designer: designer, + ActionIcon: actionIcon, + CentralTopic: centralTopic, + Command: command, + ConnectionLine: connectionLine, + ControlPoint: controlPoint, + Designer: designer, - DesignerActionRunner: designerActionRunner, - DesignerKeyboard: designerKeyboard, - DesignerModel: designerModal, - DesignerUndoManager: designerUndoManager, + DesignerActionRunner: designerActionRunner, + DesignerKeyboard: designerKeyboard, + DesignerModel: designerModal, + DesignerUndoManager: designerUndoManager, - DragConnector: dragConnector, - DragManager: dragManager, - DragPivot: dragPivot, - DragTopic: dragTopic, - EditorOptions: editorOptions, - EditorProperties: editorProperties, - Events: events, + DragConnector: dragConnector, + DragManager: dragManager, + DragPivot: dragPivot, + DragTopic: dragTopic, + EditorOptions: editorOptions, + EditorProperties: editorProperties, + Events: events, - footer: footer, - header: header, + footer, + header, - Icon: icon, - IconGroup: iconGroup, - ImageIcon: imageIcon, - Keyboard: keyboard, - LinkIcon: linkIcon, + Icon: icon, + IconGroup: iconGroup, + ImageIcon: imageIcon, + Keyboard: keyboard, + LinkIcon: linkIcon, - localSorageManager: localSorageManager, - MainTopic: mainTopic, + localSorageManager, + MainTopic: mainTopic, - Messages: messages, - MultilineTextEditor: multilineTextEditor, - NodeGraph: nodeGraph, - NoteIcon: noteIcon, - Options: options, + Messages: messages, + MultilineTextEditor: multilineTextEditor, + NodeGraph: nodeGraph, + NoteIcon: noteIcon, + Options: options, - PersistenceManager: persistenceManager, - Relationship: relationship, - RelationshipPivot: relationshipPivot, - RestPersistenceManager: resetPersistenceManager, - ScreenManager: screenManager, - ShrinkConnector: shrinkConnector, - StandaloneActionDispatcher: standaloneActionDispatcher, - TextEditor: textEditor, - TextEditorFactory: textEditorFactory, + PersistenceManager: persistenceManager, + Relationship: relationship, + RelationshipPivot: relationshipPivot, + RestPersistenceManager: resetPersistenceManager, + ScreenManager: screenManager, + ShrinkConnector: shrinkConnector, + StandaloneActionDispatcher: standaloneActionDispatcher, + TextEditor: textEditor, + TextEditorFactory: textEditorFactory, - Topic: topic, - TopicEventDispatcher: topicEventDispatcher, - TopicFeature: topicFeature, - TopicStyle: topicStyle, - Workspace: workspace, + Topic: topic, + TopicEventDispatcher: topicEventDispatcher, + TopicFeature: topicFeature, + TopicStyle: topicStyle, + Workspace: workspace, }; diff --git a/packages/mindplot/lib/components/layout/AbstractBasicSorter.js b/packages/mindplot/lib/components/layout/AbstractBasicSorter.js index 1f0dc6b6..0c95b6a7 100644 --- a/packages/mindplot/lib/components/layout/AbstractBasicSorter.js +++ b/packages/mindplot/lib/components/layout/AbstractBasicSorter.js @@ -22,64 +22,62 @@ const ChildrenSorterStrategy = require('./ChildrenSorterStrategy').default; * @extends mindplot.layout.ChildrenSorterStrategy */ const AbstractBasicSorter = new Class( - /** @lends AbstractBasicSorter */ { - Extends: ChildrenSorterStrategy, + /** @lends AbstractBasicSorter */ { + Extends: ChildrenSorterStrategy, - /** + /** * @param {} treeSet * @param {} node * @return the height of a node and its children if existing and not shrunken */ - computeChildrenIdByHeights: function (treeSet, node) { - var result = {}; - this._computeChildrenHeight(treeSet, node, result); - return result; - }, + computeChildrenIdByHeights(treeSet, node) { + const result = {}; + this._computeChildrenHeight(treeSet, node, result); + return result; + }, - _getVerticalPadding: function () { - return AbstractBasicSorter.INTERNODE_VERTICAL_PADDING; - }, + _getVerticalPadding() { + return AbstractBasicSorter.INTERNODE_VERTICAL_PADDING; + }, - _computeChildrenHeight: function (treeSet, node, heightCache) { - var height = node.getSize().height + this._getVerticalPadding() * 2; // 2* Top and down padding; + _computeChildrenHeight(treeSet, node, heightCache) { + const height = node.getSize().height + this._getVerticalPadding() * 2; // 2* Top and down padding; - var result; - var children = treeSet.getChildren(node); - if (children.length == 0 || node.areChildrenShrunken()) { - result = height; - } else { - var childrenHeight = 0; - _.each( - children, - function (child) { - childrenHeight += this._computeChildrenHeight(treeSet, child, heightCache); - }, - this - ); + let result; + const children = treeSet.getChildren(node); + if (children.length == 0 || node.areChildrenShrunken()) { + result = height; + } else { + let childrenHeight = 0; + _.each( + children, + function (child) { + childrenHeight += this._computeChildrenHeight(treeSet, child, heightCache); + }, + this, + ); - result = Math.max(height, childrenHeight); - } + result = Math.max(height, childrenHeight); + } - if (heightCache) { - heightCache[node.getId()] = result; - } + if (heightCache) { + heightCache[node.getId()] = result; + } - return result; - }, + return result; + }, - _getSortedChildren: function (treeSet, node) { - var result = treeSet.getChildren(node); - result.sort(function (a, b) { - return a.getOrder() - b.getOrder(); - }); - return result; - }, + _getSortedChildren(treeSet, node) { + const result = treeSet.getChildren(node); + result.sort((a, b) => a.getOrder() - b.getOrder()); + return result; + }, - _getRelativeDirection: function (reference, position) { - var offset = position.x - reference.x; - return offset >= 0 ? 1 : -1; - }, - } + _getRelativeDirection(reference, position) { + const offset = position.x - reference.x; + return offset >= 0 ? 1 : -1; + }, + }, ); /** diff --git a/packages/mindplot/lib/components/layout/BalancedSorter.js b/packages/mindplot/lib/components/layout/BalancedSorter.js index 8812a72e..0f67c9e5 100644 --- a/packages/mindplot/lib/components/layout/BalancedSorter.js +++ b/packages/mindplot/lib/components/layout/BalancedSorter.js @@ -18,15 +18,15 @@ const AbstractBasicSorter = require('./AbstractBasicSorter').default; const BalancedSorter = new Class( - /** @lends BalancedSorter */ { - Extends: AbstractBasicSorter, - /** + /** @lends BalancedSorter */ { + Extends: AbstractBasicSorter, + /** * @constructs * @extends mindplot.layout.AbstractBasicSorter */ - initialize: function () {}, + initialize() {}, - /** + /** * @param {} graph * @param {} parent * @param {} node @@ -34,294 +34,286 @@ const BalancedSorter = new Class( * @param {Boolean} free * @return an array with order and position */ - predict: function (graph, parent, node, position, free) { - // If its a free node... - if (free) { - $assert( - $defined(position), - 'position cannot be null for predict in free positioning' - ); - $assert($defined(node), 'node cannot be null for predict in free positioning'); + predict(graph, parent, node, position, free) { + // If its a free node... + if (free) { + $assert( + $defined(position), + 'position cannot be null for predict in free positioning', + ); + $assert($defined(node), 'node cannot be null for predict in free positioning'); - var rootNode = graph.getRootNode(parent); - var direction = this._getRelativeDirection( - rootNode.getPosition(), - node.getPosition() - ); + var rootNode = graph.getRootNode(parent); + var direction = this._getRelativeDirection( + rootNode.getPosition(), + node.getPosition(), + ); - var limitXPos = - parent.getPosition().x + - direction * - (parent.getSize().width / 2 + - node.getSize().width / 2 + - BalancedSorter.INTERNODE_HORIZONTAL_PADDING); + const limitXPos = parent.getPosition().x + + direction + * (parent.getSize().width / 2 + + node.getSize().width / 2 + + BalancedSorter.INTERNODE_HORIZONTAL_PADDING); - var xPos = - direction > 0 - ? position.x >= limitXPos - ? position.x - : limitXPos - : position.x <= limitXPos - ? position.x - : limitXPos; + const xPos = direction > 0 + ? position.x >= limitXPos + ? position.x + : limitXPos + : position.x <= limitXPos + ? position.x + : limitXPos; - return [0, { x: xPos, y: position.y }]; - } + return [0, { x: xPos, y: position.y }]; + } - var rootNode = graph.getRootNode(parent); + var rootNode = graph.getRootNode(parent); - // If it is a dragged node... - if (node) { - $assert($defined(position), 'position cannot be null for predict in dragging'); - var nodeDirection = this._getRelativeDirection( - rootNode.getPosition(), - node.getPosition() - ); - var positionDirection = this._getRelativeDirection( - rootNode.getPosition(), - position - ); - var siblings = graph.getSiblings(node); + // If it is a dragged node... + if (node) { + $assert($defined(position), 'position cannot be null for predict in dragging'); + const nodeDirection = this._getRelativeDirection( + rootNode.getPosition(), + node.getPosition(), + ); + const positionDirection = this._getRelativeDirection( + rootNode.getPosition(), + position, + ); + const siblings = graph.getSiblings(node); - var sameParent = parent == graph.getParent(node); - if (siblings.length == 0 && nodeDirection == positionDirection && sameParent) { - return [node.getOrder(), node.getPosition()]; - } - } + const sameParent = parent == graph.getParent(node); + if (siblings.length == 0 && nodeDirection == positionDirection && sameParent) { + return [node.getOrder(), node.getPosition()]; + } + } - if (!position) { - var right = this._getChildrenForOrder(parent, graph, 0); - var left = this._getChildrenForOrder(parent, graph, 1); - } - // Filter nodes on one side.. - var order = position - ? position.x > rootNode.getPosition().x - ? 0 - : 1 - : right.length - left.length > 0 - ? 1 - : 0; - var direction = order % 2 == 0 ? 1 : -1; + if (!position) { + var right = this._getChildrenForOrder(parent, graph, 0); + var left = this._getChildrenForOrder(parent, graph, 1); + } + // Filter nodes on one side.. + const order = position + ? position.x > rootNode.getPosition().x + ? 0 + : 1 + : right.length - left.length > 0 + ? 1 + : 0; + var direction = order % 2 == 0 ? 1 : -1; - // Exclude the dragged node (if set) - var children = this._getChildrenForOrder(parent, graph, order).filter(function (child) { - return child != node; - }); + // Exclude the dragged node (if set) + const children = this._getChildrenForOrder(parent, graph, order).filter((child) => child != node); - // No children? - if (children.length == 0) { - return [ - order, - { - x: - parent.getPosition().x + - direction * - (parent.getSize().width / 2 + - BalancedSorter.INTERNODE_HORIZONTAL_PADDING * 2), - y: parent.getPosition().y, - }, - ]; - } + // No children? + if (children.length == 0) { + return [ + order, + { + x: + parent.getPosition().x + + direction + * (parent.getSize().width / 2 + + BalancedSorter.INTERNODE_HORIZONTAL_PADDING * 2), + y: parent.getPosition().y, + }, + ]; + } - // Try to fit within ... - var result = null; - var last = children.getLast(); - position = position || { x: last.getPosition().x, y: last.getPosition().y + 1 }; - _.each(children, function (child, index) { - var cpos = child.getPosition(); - if (position.y > cpos.y) { - let yOffset = - child == last - ? child.getSize().height + BalancedSorter.INTERNODE_VERTICAL_PADDING * 2 - : (children[index + 1].getPosition().y - child.getPosition().y) / 2; - result = [child.getOrder() + 2, { x: cpos.x, y: cpos.y + yOffset }]; - } - }); + // Try to fit within ... + let result = null; + const last = children.getLast(); + position = position || { x: last.getPosition().x, y: last.getPosition().y + 1 }; + _.each(children, (child, index) => { + const cpos = child.getPosition(); + if (position.y > cpos.y) { + const yOffset = child == last + ? child.getSize().height + BalancedSorter.INTERNODE_VERTICAL_PADDING * 2 + : (children[index + 1].getPosition().y - child.getPosition().y) / 2; + result = [child.getOrder() + 2, { x: cpos.x, y: cpos.y + yOffset }]; + } + }); - // Position wasn't below any node, so it must be inserted above - if (!result) { - var first = children[0]; - result = [ - position.x > 0 ? 0 : 1, - { - x: first.getPosition().x, - y: - first.getPosition().y - - first.getSize().height - - BalancedSorter.INTERNODE_VERTICAL_PADDING * 2, - }, - ]; - } + // Position wasn't below any node, so it must be inserted above + if (!result) { + const first = children[0]; + result = [ + position.x > 0 ? 0 : 1, + { + x: first.getPosition().x, + y: + first.getPosition().y + - first.getSize().height + - BalancedSorter.INTERNODE_VERTICAL_PADDING * 2, + }, + ]; + } - return result; - }, + return result; + }, - /** + /** * @param {} treeSet * @param {} parent * @param {} child * @param {} order */ - insert: function (treeSet, parent, child, order) { - var children = this._getChildrenForOrder(parent, treeSet, order); + insert(treeSet, parent, child, order) { + const children = this._getChildrenForOrder(parent, treeSet, order); - // If no children, return 0 or 1 depending on the side - if (children.length == 0) { - child.setOrder(order % 2); - return; - } + // If no children, return 0 or 1 depending on the side + if (children.length == 0) { + child.setOrder(order % 2); + return; + } - // Shift all the elements by two, so side is the same. - // In case of balanced sorter, order don't need to be continuous... - var max = 0; - for (var i = 0; i < children.length; i++) { - var node = children[i]; - max = Math.max(max, node.getOrder()); - if (node.getOrder() >= order) { - max = Math.max(max, node.getOrder() + 2); - node.setOrder(node.getOrder() + 2); - } - } + // Shift all the elements by two, so side is the same. + // In case of balanced sorter, order don't need to be continuous... + let max = 0; + for (let i = 0; i < children.length; i++) { + const node = children[i]; + max = Math.max(max, node.getOrder()); + if (node.getOrder() >= order) { + max = Math.max(max, node.getOrder() + 2); + node.setOrder(node.getOrder() + 2); + } + } - var newOrder = order > max + 1 ? max + 2 : order; - child.setOrder(newOrder); - }, + const newOrder = order > max + 1 ? max + 2 : order; + child.setOrder(newOrder); + }, - /** + /** * @param {} treeSet * @param {} node */ - detach: function (treeSet, node) { - var parent = treeSet.getParent(node); - // Filter nodes on one side.. - var children = this._getChildrenForOrder(parent, treeSet, node.getOrder()); + detach(treeSet, node) { + const parent = treeSet.getParent(node); + // Filter nodes on one side.. + const children = this._getChildrenForOrder(parent, treeSet, node.getOrder()); - _.each(children, function (child, index) { - if (child.getOrder() > node.getOrder()) { - child.setOrder(child.getOrder() - 2); - } - }); - node.setOrder(node.getOrder() % 2 == 0 ? 0 : 1); - }, + _.each(children, (child, index) => { + if (child.getOrder() > node.getOrder()) { + child.setOrder(child.getOrder() - 2); + } + }); + node.setOrder(node.getOrder() % 2 == 0 ? 0 : 1); + }, - /** + /** * @param {} treeSet * @param {} node * @return offsets */ - computeOffsets: function (treeSet, node) { - $assert(treeSet, 'treeSet can no be null.'); - $assert(node, 'node can no be null.'); + computeOffsets(treeSet, node) { + $assert(treeSet, 'treeSet can no be null.'); + $assert(node, 'node can no be null.'); - var children = this._getSortedChildren(treeSet, node); + const children = this._getSortedChildren(treeSet, node); - // Compute heights ... - var heights = children - .map(function (child) { - return { - id: child.getId(), - order: child.getOrder(), - width: child.getSize().width, - height: this._computeChildrenHeight(treeSet, child), - }; - }, this) - .reverse(); + // Compute heights ... + const heights = children + .map(function (child) { + return { + id: child.getId(), + order: child.getOrder(), + width: child.getSize().width, + height: this._computeChildrenHeight(treeSet, child), + }; + }, this) + .reverse(); - // Compute the center of the branch ... - var totalPHeight = 0; - var totalNHeight = 0; + // Compute the center of the branch ... + let totalPHeight = 0; + let totalNHeight = 0; - _.each(heights, function (elem) { - if (elem.order % 2 == 0) { - totalPHeight += elem.height; - } else { - totalNHeight += elem.height; - } - }); - var psum = totalPHeight / 2; - var nsum = totalNHeight / 2; - var ysum = 0; + _.each(heights, (elem) => { + if (elem.order % 2 == 0) { + totalPHeight += elem.height; + } else { + totalNHeight += elem.height; + } + }); + let psum = totalPHeight / 2; + let nsum = totalNHeight / 2; + let ysum = 0; - // Calculate the offsets ... - var result = {}; - for (var i = 0; i < heights.length; i++) { - var direction = heights[i].order % 2 ? -1 : 1; + // Calculate the offsets ... + const result = {}; + for (let i = 0; i < heights.length; i++) { + const direction = heights[i].order % 2 ? -1 : 1; - if (direction > 0) { - psum = psum - heights[i].height; - ysum = psum; - } else { - nsum = nsum - heights[i].height; - ysum = nsum; - } + if (direction > 0) { + psum -= heights[i].height; + ysum = psum; + } else { + nsum -= heights[i].height; + ysum = nsum; + } - var yOffset = ysum + heights[i].height / 2; - var xOffset = - direction * - (node.getSize().width / 2 + - heights[i].width / 2 + - +BalancedSorter.INTERNODE_HORIZONTAL_PADDING); + const yOffset = ysum + heights[i].height / 2; + const xOffset = direction + * (node.getSize().width / 2 + + heights[i].width / 2 + + +BalancedSorter.INTERNODE_HORIZONTAL_PADDING); - $assert(!isNaN(xOffset), 'xOffset can not be null'); - $assert(!isNaN(yOffset), 'yOffset can not be null'); + $assert(!isNaN(xOffset), 'xOffset can not be null'); + $assert(!isNaN(yOffset), 'yOffset can not be null'); - result[heights[i].id] = { x: xOffset, y: yOffset }; - } - return result; - }, + result[heights[i].id] = { x: xOffset, y: yOffset }; + } + return result; + }, - /** + /** * @param {} treeSet * @param {} node * @throw will throw an error if order elements are missing */ - verify: function (treeSet, node) { - // Check that all is consistent ... - var children = this._getChildrenForOrder(node, treeSet, node.getOrder()); + verify(treeSet, node) { + // Check that all is consistent ... + const children = this._getChildrenForOrder(node, treeSet, node.getOrder()); - // All odd ordered nodes should be "continuous" by themselves - // All even numbered nodes should be "continuous" by themselves - var factor = node.getOrder() % 2 == 0 ? 2 : 1; - for (var i = 0; i < children.length; i++) { - var order = i == 0 && factor == 1 ? 1 : factor * i; - $assert( - children[i].getOrder() == order, - 'Missing order elements. Missing order: ' + - i * factor + - '. Parent:' + - node.getId() + - ',Node:' + - children[i].getId() - ); - } - }, + // All odd ordered nodes should be "continuous" by themselves + // All even numbered nodes should be "continuous" by themselves + const factor = node.getOrder() % 2 == 0 ? 2 : 1; + for (let i = 0; i < children.length; i++) { + const order = i == 0 && factor == 1 ? 1 : factor * i; + $assert( + children[i].getOrder() == order, + `Missing order elements. Missing order: ${ + i * factor + }. Parent:${ + node.getId() + },Node:${ + children[i].getId()}`, + ); + } + }, - /** + /** * @param {} treeSet * @param {} child * @return the direction of the child within the treeSet */ - getChildDirection: function (treeSet, child) { - return child.getOrder() % 2 == 0 ? 1 : -1; - }, + getChildDirection(treeSet, child) { + return child.getOrder() % 2 == 0 ? 1 : -1; + }, - /** + /** * @return {String} the print name of this class */ - toString: function () { - return 'Balanced Sorter'; - }, + toString() { + return 'Balanced Sorter'; + }, - _getChildrenForOrder: function (parent, graph, order) { - return this._getSortedChildren(graph, parent).filter(function (child) { - return child.getOrder() % 2 == order % 2; - }); - }, + _getChildrenForOrder(parent, graph, order) { + return this._getSortedChildren(graph, parent).filter((child) => child.getOrder() % 2 == order % 2); + }, - _getVerticalPadding: function () { - return BalancedSorter.INTERNODE_VERTICAL_PADDING; - }, - } + _getVerticalPadding() { + return BalancedSorter.INTERNODE_VERTICAL_PADDING; + }, + }, ); /** diff --git a/packages/mindplot/lib/components/layout/ChangeEvent.js b/packages/mindplot/lib/components/layout/ChangeEvent.js index 6e05e369..5f55ee10 100644 --- a/packages/mindplot/lib/components/layout/ChangeEvent.js +++ b/packages/mindplot/lib/components/layout/ChangeEvent.js @@ -17,54 +17,54 @@ */ const ChangeEvent = new Class(/** @lends ChangeEvent */{ - /** + /** * @constructs * @param {} id * @throws will throw an error if the given id is not/cannot be converted to a numerical value */ - initialize:function(id) { - $assert(!isNaN(id), "id can not be null"); - this._id = id; - this._position = null; - this._order = null; - }, + initialize(id) { + $assert(!isNaN(id), 'id can not be null'); + this._id = id; + this._position = null; + this._order = null; + }, - /** @return id */ - getId:function() { - return this._id; - }, + /** @return id */ + getId() { + return this._id; + }, - /** @return order */ - getOrder: function() { - return this._order; - }, + /** @return order */ + getOrder() { + return this._order; + }, - /** @return position */ - getPosition: function() { - return this._position; - }, + /** @return position */ + getPosition() { + return this._position; + }, - /** - * @param {} value the order to set + /** + * @param {} value the order to set * @throws will throw an error if the given parameter is not/cannot be converted to a numerical * value */ - setOrder: function(value) { - $assert(!isNaN(value), "value can not be null"); - this._order = value; - }, + setOrder(value) { + $assert(!isNaN(value), 'value can not be null'); + this._order = value; + }, - /** @param {} value - * @throws will throw an error if the value is null or undefined*/ - setPosition: function(value) { - $assert(value, "value can not be null"); - this._position = value; - }, + /** @param {} value + * @throws will throw an error if the value is null or undefined */ + setPosition(value) { + $assert(value, 'value can not be null'); + this._position = value; + }, - /** @return {String} order and position */ - toString: function() { - return "[order:" + this.getOrder() + ", position: {" + this.getPosition().x + "," + this.getPosition().y + "}]"; - } + /** @return {String} order and position */ + toString() { + return `[order:${this.getOrder()}, position: {${this.getPosition().x},${this.getPosition().y}}]`; + }, }); export default ChangeEvent; diff --git a/packages/mindplot/lib/components/layout/ChildrenSorterStrategy.js b/packages/mindplot/lib/components/layout/ChildrenSorterStrategy.js index 09cd38a8..10c16dcd 100644 --- a/packages/mindplot/lib/components/layout/ChildrenSorterStrategy.js +++ b/packages/mindplot/lib/components/layout/ChildrenSorterStrategy.js @@ -17,53 +17,53 @@ */ const ChildrenSorterStrategy = new Class(/** @lends ChildrenSorterStrategy */{ - /** + /** * @constructs */ - initialize:function() { + initialize() { - }, + }, - /** @abstract */ - computeChildrenIdByHeights: function(treeSet, node) { - throw "Method must be implemented"; - }, + /** @abstract */ + computeChildrenIdByHeights(treeSet, node) { + throw 'Method must be implemented'; + }, - /** @abstract */ - computeOffsets:function(treeSet, node) { - throw "Method must be implemented"; - }, + /** @abstract */ + computeOffsets(treeSet, node) { + throw 'Method must be implemented'; + }, - /** @abstract */ - insert: function(treeSet, parent, child, order) { - throw "Method must be implemented"; - }, + /** @abstract */ + insert(treeSet, parent, child, order) { + throw 'Method must be implemented'; + }, - /** @abstract */ - detach:function(treeSet, node) { - throw "Method must be implemented"; - }, + /** @abstract */ + detach(treeSet, node) { + throw 'Method must be implemented'; + }, - /** @abstract */ - predict:function(treeSet, parent, node, position, free) { - throw "Method must be implemented"; - }, + /** @abstract */ + predict(treeSet, parent, node, position, free) { + throw 'Method must be implemented'; + }, - /** @abstract */ - verify:function(treeSet, node) { - throw "Method must be implemented"; - }, + /** @abstract */ + verify(treeSet, node) { + throw 'Method must be implemented'; + }, - /** @abstract */ - getChildDirection: function(treeSet, node) { - throw "Method must be implemented"; - }, + /** @abstract */ + getChildDirection(treeSet, node) { + throw 'Method must be implemented'; + }, - /** @abstract */ - toString:function() { - throw "Method must be implemented: print name"; - } + /** @abstract */ + toString() { + throw 'Method must be implemented: print name'; + }, }); -export default ChildrenSorterStrategy +export default ChildrenSorterStrategy; diff --git a/packages/mindplot/lib/components/layout/EventBus.js b/packages/mindplot/lib/components/layout/EventBus.js index f6eaf304..d4e473d1 100644 --- a/packages/mindplot/lib/components/layout/EventBus.js +++ b/packages/mindplot/lib/components/layout/EventBus.js @@ -18,13 +18,13 @@ const Events = require('../Events').default; const EventBus = new Class(/** @lends EventBus */{ - Implements: Events, - /** + Implements: Events, + /** * @constructs * @implements mindplot.Events */ - initialize: function() { - } + initialize() { + }, }); /** @@ -32,14 +32,14 @@ const EventBus = new Class(/** @lends EventBus */{ * @enum {String} */ EventBus.events = { - NodeResizeEvent:'NodeResizeEvent', - NodeMoveEvent:'NodeMoveEvent', - NodeShrinkEvent:'NodeShrinkEvent', - NodeConnectEvent:'NodeConnectEvent', - NodeDisconnectEvent:'NodeDisconnectEvent', - NodeAdded:'NodeAdded', - NodeRemoved:'NodeRemoved', - DoLayout:'DoLayout' + NodeResizeEvent: 'NodeResizeEvent', + NodeMoveEvent: 'NodeMoveEvent', + NodeShrinkEvent: 'NodeShrinkEvent', + NodeConnectEvent: 'NodeConnectEvent', + NodeDisconnectEvent: 'NodeDisconnectEvent', + NodeAdded: 'NodeAdded', + NodeRemoved: 'NodeRemoved', + DoLayout: 'DoLayout', }; /** instance */ diff --git a/packages/mindplot/lib/components/layout/EventBusDispatcher.js b/packages/mindplot/lib/components/layout/EventBusDispatcher.js index 4a63a604..b2e9cb15 100644 --- a/packages/mindplot/lib/components/layout/EventBusDispatcher.js +++ b/packages/mindplot/lib/components/layout/EventBusDispatcher.js @@ -15,85 +15,84 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const EventBus = require('./EventBus').default +const EventBus = require('./EventBus').default; const EventBusDispatcher = new Class(/** @lends EventBusDispatcher */{ - /** + /** * @constructs */ - initialize:function() { - this.registerBusEvents(); - }, + initialize() { + this.registerBusEvents(); + }, - /** + /** * @param {mindplot.layout.LayoutManager} layoutManager */ - setLayoutManager : function(layoutManager) { - this._layoutManager = layoutManager; - }, + setLayoutManager(layoutManager) { + this._layoutManager = layoutManager; + }, - /** + /** * register bus events */ - registerBusEvents:function () { - EventBus.instance.addEvent(EventBus.events.NodeAdded, this._nodeAdded.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeRemoved, this._nodeRemoved.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeResizeEvent, this._nodeResizeEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeMoveEvent, this._nodeMoveEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeDisconnectEvent, this._nodeDisconnectEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeConnectEvent, this._nodeConnectEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.NodeShrinkEvent, this._nodeShrinkEvent.bind(this)); - EventBus.instance.addEvent(EventBus.events.DoLayout, this._doLayout.bind(this)); - }, + registerBusEvents() { + EventBus.instance.addEvent(EventBus.events.NodeAdded, this._nodeAdded.bind(this)); + EventBus.instance.addEvent(EventBus.events.NodeRemoved, this._nodeRemoved.bind(this)); + EventBus.instance.addEvent(EventBus.events.NodeResizeEvent, this._nodeResizeEvent.bind(this)); + EventBus.instance.addEvent(EventBus.events.NodeMoveEvent, this._nodeMoveEvent.bind(this)); + EventBus.instance.addEvent(EventBus.events.NodeDisconnectEvent, this._nodeDisconnectEvent.bind(this)); + EventBus.instance.addEvent(EventBus.events.NodeConnectEvent, this._nodeConnectEvent.bind(this)); + EventBus.instance.addEvent(EventBus.events.NodeShrinkEvent, this._nodeShrinkEvent.bind(this)); + EventBus.instance.addEvent(EventBus.events.DoLayout, this._doLayout.bind(this)); + }, - _nodeResizeEvent: function(args) { - this._layoutManager.updateNodeSize(args.node.getId(), args.size); - }, + _nodeResizeEvent(args) { + this._layoutManager.updateNodeSize(args.node.getId(), args.size); + }, - _nodeMoveEvent: function(args) { - this._layoutManager.moveNode(args.node.getId(), args.position); - }, + _nodeMoveEvent(args) { + this._layoutManager.moveNode(args.node.getId(), args.position); + }, - _nodeDisconnectEvent: function(node) { - this._layoutManager.disconnectNode(node.getId()); - }, + _nodeDisconnectEvent(node) { + this._layoutManager.disconnectNode(node.getId()); + }, - _nodeConnectEvent: function(args) { - this._layoutManager.connectNode(args.parentNode.getId(), args.childNode.getId(), args.childNode.getOrder()); + _nodeConnectEvent(args) { + this._layoutManager.connectNode(args.parentNode.getId(), args.childNode.getId(), args.childNode.getOrder()); + }, - }, + _nodeShrinkEvent(node) { + this._layoutManager.updateShrinkState(node.getId(), node.areChildrenShrunken()); + }, - _nodeShrinkEvent: function(node) { - this._layoutManager.updateShrinkState(node.getId(), node.areChildrenShrunken()); - }, - - _nodeAdded: function(node) { - // Central topic must not be added twice ... - if (node.getId() != 0) { - this._layoutManager.addNode(node.getId(), {width:10,height:10}, node.getPosition()); - this._layoutManager.updateShrinkState(node.getId(), node.areChildrenShrunken()); - } - }, - - _nodeRemoved: function(node) { - this._layoutManager.removeNode(node.getId()); - }, - - _doLayout: function() { -// (function() { - this._layoutManager.layout(true); -// console.log("---------"); -// this._layoutManager.dump(); -// console.log("---------"); -// console.log("---------"); -// }).delay(0, this); - }, - - /** @return layout manager */ - getLayoutManager: function() { - return this._layoutManager; + _nodeAdded(node) { + // Central topic must not be added twice ... + if (node.getId() != 0) { + this._layoutManager.addNode(node.getId(), { width: 10, height: 10 }, node.getPosition()); + this._layoutManager.updateShrinkState(node.getId(), node.areChildrenShrunken()); } + }, + + _nodeRemoved(node) { + this._layoutManager.removeNode(node.getId()); + }, + + _doLayout() { + // (function() { + this._layoutManager.layout(true); + // console.log("---------"); + // this._layoutManager.dump(); + // console.log("---------"); + // console.log("---------"); + // }).delay(0, this); + }, + + /** @return layout manager */ + getLayoutManager() { + return this._layoutManager; + }, }); -export default EventBusDispatcher +export default EventBusDispatcher; diff --git a/packages/mindplot/lib/components/layout/GridSorter.js b/packages/mindplot/lib/components/layout/GridSorter.js index 3e061c57..c3f6bd86 100644 --- a/packages/mindplot/lib/components/layout/GridSorter.js +++ b/packages/mindplot/lib/components/layout/GridSorter.js @@ -15,66 +15,63 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const AbstractBasicSorter = require('./AbstractBasicSorter').default +const AbstractBasicSorter = require('./AbstractBasicSorter').default; /** * @class * @extends mindplot.layout.AbstractBasicSorter */ const GridSorter = new Class(/** @lends GridSorter */{ - Extends: AbstractBasicSorter, + Extends: AbstractBasicSorter, - /** + /** * @param {} treeSet * @param {} node * @return offsets */ - computeOffsets: function(treeSet, node) { - $assert(treeSet, "treeSet can no be null."); - $assert(node, "node can no be null."); - $assert("order can no be null."); + computeOffsets(treeSet, node) { + $assert(treeSet, 'treeSet can no be null.'); + $assert(node, 'node can no be null.'); + $assert('order can no be null.'); - var children = this._getSortedChildren(treeSet, node); + const children = this._getSortedChildren(treeSet, node); - // Compute heights ... - var me = this; - var heights = children.map(function(child) { - return { - id: child.getId(), - height: me._computeChildrenHeight(treeSet, child) - }; - }); + // Compute heights ... + const me = this; + const heights = children.map((child) => ({ + id: child.getId(), + height: me._computeChildrenHeight(treeSet, child), + })); - // Calculate the offsets ... - var result = {}; - for (var i = 0; i < heights.length; i++) { - var even = i%2 == 0 ? 1 : -1; + // Calculate the offsets ... + const result = {}; + for (let i = 0; i < heights.length; i++) { + const even = i % 2 == 0 ? 1 : -1; - var zeroHeight = i == 0 ? 0 : heights[0].height/2 * even; - var middleHeight = 0; - for (var j=i-2; j>0; j=j-2) { - middleHeight += heights[j].height * even; - } - var finalHeight = i == 0 ? 0 : heights[i].height/2 * even; + const zeroHeight = i == 0 ? 0 : heights[0].height / 2 * even; + let middleHeight = 0; + for (let j = i - 2; j > 0; j -= 2) { + middleHeight += heights[j].height * even; + } + const finalHeight = i == 0 ? 0 : heights[i].height / 2 * even; - var yOffset = zeroHeight + middleHeight +finalHeight; - var xOffset = node.getSize().width + GridSorter.GRID_HORIZONTAR_SIZE; + const yOffset = zeroHeight + middleHeight + finalHeight; + const xOffset = node.getSize().width + GridSorter.GRID_HORIZONTAR_SIZE; - $assert(!isNaN(xOffset), "xOffset can not be null"); - $assert(!isNaN(yOffset), "yOffset can not be null"); + $assert(!isNaN(xOffset), 'xOffset can not be null'); + $assert(!isNaN(yOffset), 'yOffset can not be null'); - result[heights[i].id] = {x:xOffset,y:yOffset}; + result[heights[i].id] = { x: xOffset, y: yOffset }; + } + return result; + }, - } - return result; - }, - - /** + /** * @return {String} the print name of this class */ - toString:function() { - return "Grid Sorter"; - } + toString() { + return 'Grid Sorter'; + }, }); diff --git a/packages/mindplot/lib/components/layout/LayoutManager.js b/packages/mindplot/lib/components/layout/LayoutManager.js index f160a91a..b925fa61 100644 --- a/packages/mindplot/lib/components/layout/LayoutManager.js +++ b/packages/mindplot/lib/components/layout/LayoutManager.js @@ -21,9 +21,9 @@ const OriginalLayout = require('./OriginalLayout').default; const ChangeEvent = require('./ChangeEvent').default; const LayoutManager = new Class( - /** @lends LayoutManager */ { - Extends: Events, - /** + /** @lends LayoutManager */ { + Extends: Events, + /** * @constructs * @extends mindplot.Events * @param {} rootNodeId @@ -31,57 +31,57 @@ const LayoutManager = new Class( * @throws will throw an error if the root node id is null or undefined * @throws will throw an error if the root size is null */ - initialize: function (rootNodeId, rootSize) { - $assert($defined(rootNodeId), 'rootNodeId can not be null'); - $assert(rootSize, 'rootSize can not be null'); - var position = position || { x: 0, y: 0 }; + initialize(rootNodeId, rootSize) { + $assert($defined(rootNodeId), 'rootNodeId can not be null'); + $assert(rootSize, 'rootSize can not be null'); + var position = position || { x: 0, y: 0 }; - this._treeSet = new RootedTreeSet(); - this._layout = new OriginalLayout(this._treeSet); + this._treeSet = new RootedTreeSet(); + this._layout = new OriginalLayout(this._treeSet); - var rootNode = this._layout.createNode(rootNodeId, rootSize, position, 'root'); - this._treeSet.setRoot(rootNode); - this._events = []; - }, + const rootNode = this._layout.createNode(rootNodeId, rootSize, position, 'root'); + this._treeSet.setRoot(rootNode); + this._events = []; + }, - /** + /** * @param id * @param size * @throws will throw an error if id is null or undefined */ - updateNodeSize: function (id, size) { - $assert($defined(id), 'id can not be null'); + updateNodeSize(id, size) { + $assert($defined(id), 'id can not be null'); - var node = this._treeSet.find(id); - node.setSize(size); - }, + const node = this._treeSet.find(id); + node.setSize(size); + }, - /** + /** * @param id * @param value * @throws will throw an error if id is null or undefined * @throws will throw an error if value is null or undefined * @return this */ - updateShrinkState: function (id, value) { - $assert($defined(id), 'id can not be null'); - $assert($defined(value), 'value can not be null'); + updateShrinkState(id, value) { + $assert($defined(id), 'id can not be null'); + $assert($defined(value), 'value can not be null'); - var node = this._treeSet.find(id); - node.setShrunken(value); + const node = this._treeSet.find(id); + node.setShrunken(value); - return this; - }, + return this; + }, - /** + /** * @param id * @return {@link RootedTreeSet}.find(id) */ - find: function (id) { - return this._treeSet.find(id); - }, + find(id) { + return this._treeSet.find(id); + }, - /** + /** * @param id * @param position * @throws will throw an error if id is null or undefined @@ -89,20 +89,20 @@ const LayoutManager = new Class( * @throws will throw an error if the position's x property is null or undefined * @throws will throw an error if the position's y property is null or undefined */ - moveNode: function (id, position) { - $assert($defined(id), 'id cannot be null'); - $assert($defined(position), 'position cannot be null'); - $assert($defined(position.x), 'x can not be null'); - $assert($defined(position.y), 'y can not be null'); + moveNode(id, position) { + $assert($defined(id), 'id cannot be null'); + $assert($defined(position), 'position cannot be null'); + $assert($defined(position.x), 'x can not be null'); + $assert($defined(position.y), 'y can not be null'); - var node = this._treeSet.find(id); - // @Todo: this should not be here. This is broking the isolated node support... - // node.setFree(true); - // node.setFreeDisplacement({x:position.x - node.getPosition().x, y:position.y - node.getPosition().y}); - node.setPosition(position); - }, + const node = this._treeSet.find(id); + // @Todo: this should not be here. This is broking the isolated node support... + // node.setFree(true); + // node.setFreeDisplacement({x:position.x - node.getPosition().x, y:position.y - node.getPosition().y}); + node.setPosition(position); + }, - /** + /** * @param parentId * @param childId * @param order @@ -111,65 +111,65 @@ const LayoutManager = new Class( * @throws will throw an error if order is null or undefined * @return this */ - connectNode: function (parentId, childId, order) { - $assert($defined(parentId), 'parentId cannot be null'); - $assert($defined(childId), 'childId cannot be null'); - $assert($defined(order), 'order cannot be null'); + connectNode(parentId, childId, order) { + $assert($defined(parentId), 'parentId cannot be null'); + $assert($defined(childId), 'childId cannot be null'); + $assert($defined(order), 'order cannot be null'); - this._layout.connectNode(parentId, childId, order); + this._layout.connectNode(parentId, childId, order); - return this; - }, + return this; + }, - /** + /** * @param id * @throws will throw an error if id is null or undefined * @return this */ - disconnectNode: function (id) { - $assert($defined(id), 'id can not be null'); - this._layout.disconnectNode(id); + disconnectNode(id) { + $assert($defined(id), 'id can not be null'); + this._layout.disconnectNode(id); - return this; - }, + return this; + }, - /** + /** * @param id * @param size * @param position * @throws will throw an error if id is null or undefined * @return this */ - addNode: function (id, size, position) { - $assert($defined(id), 'id can not be null'); - var result = this._layout.createNode(id, size, position, 'topic'); - this._treeSet.add(result); + addNode(id, size, position) { + $assert($defined(id), 'id can not be null'); + const result = this._layout.createNode(id, size, position, 'topic'); + this._treeSet.add(result); - return this; - }, + return this; + }, - /** + /** * removes a node and its connection to parent if existing * @param id * @throws will throw an error if id is null or undefined * @return this */ - removeNode: function (id) { - $assert($defined(id), 'id can not be null'); - var node = this._treeSet.find(id); + removeNode(id) { + $assert($defined(id), 'id can not be null'); + const node = this._treeSet.find(id); - // Is It connected ? - if (this._treeSet.getParent(node)) { - this.disconnectNode(id); - } + // Is It connected ? + if (this._treeSet.getParent(node)) { + this.disconnectNode(id); + } - // Remove the all the branch ... - this._treeSet.remove(id); + // Remove the all the branch ... + this._treeSet.remove(id); - return this; - }, + return this; + }, - /** + /** * @param {Number} parentId * @param {Number=} nodeId * @param {String=} position the position to use as mindplot.layout.Node.properties position @@ -177,109 +177,107 @@ const LayoutManager = new Class( * @param {Boolean=} free true specifies free node positioning * @throws will throw an error if parentId is null or undefined */ - predict: function (parentId, nodeId, position, free) { - $assert($defined(parentId), 'parentId can not be null'); + predict(parentId, nodeId, position, free) { + $assert($defined(parentId), 'parentId can not be null'); - var parent = this._treeSet.find(parentId); - var node = nodeId ? this._treeSet.find(nodeId) : null; - var sorter = parent.getSorter(); + const parent = this._treeSet.find(parentId); + const node = nodeId ? this._treeSet.find(nodeId) : null; + const sorter = parent.getSorter(); - var result = sorter.predict(this._treeSet, parent, node, position, free); - return { order: result[0], position: result[1] }; - }, + const result = sorter.predict(this._treeSet, parent, node, position, free); + return { order: result[0], position: result[1] }; + }, - /** + /** * logs dump to console */ - dump: function () { - console.log(this._treeSet.dump()); - }, + dump() { + console.log(this._treeSet.dump()); + }, - /** + /** * @param containerId * @param {width:Number, height:Number} size * @throws will throw an error if containerId is null or undefined * @return canvas */ - plot: function (containerId, size) { - $assert(containerId, 'containerId cannot be null'); - size = size || { width: 200, height: 200 }; - var squaresize = 10; - var canvas = Raphael(containerId, size.width, size.height); - canvas.drawGrid( - 0, - 0, - size.width, - size.height, - size.width / squaresize, - size.height / squaresize - ); - this._treeSet.plot(canvas); + plot(containerId, size) { + $assert(containerId, 'containerId cannot be null'); + size = size || { width: 200, height: 200 }; + const squaresize = 10; + const canvas = Raphael(containerId, size.width, size.height); + canvas.drawGrid( + 0, + 0, + size.width, + size.height, + size.width / squaresize, + size.height / squaresize, + ); + this._treeSet.plot(canvas); - return canvas; - }, + return canvas; + }, - /** + /** * initializes the layout to be updated * @param fireEvents * @return this */ - layout: function (fireEvents) { - // File repositioning ... - this._layout.layout(); + layout(fireEvents) { + // File repositioning ... + this._layout.layout(); - // Collect changes ... - this._collectChanges(); + // Collect changes ... + this._collectChanges(); - if ($(fireEvents).length > 0 || fireEvents) { - this._flushEvents(); + if ($(fireEvents).length > 0 || fireEvents) { + this._flushEvents(); + } + + return this; + }, + + _flushEvents() { + _.each( + this._events, + function (event) { + this.fireEvent('change', event); + }, + this, + ); + this._events = []; + }, + + _collectChanges(nodes) { + if (!nodes) nodes = this._treeSet.getTreeRoots(); + + _.each( + nodes, + function (node) { + if (node.hasOrderChanged() || node.hasPositionChanged()) { + // Find or create a event ... + const id = node.getId(); + let event = this._events.some((event) => event.id == id); + if (!event) { + event = new ChangeEvent(id); } - return this; + // Update nodes ... + event.setOrder(node.getOrder()); + event.setPosition(node.getPosition()); + + node.resetPositionState(); + node.resetOrderState(); + node.resetFreeState(); + this._events.push(event); + } + this._collectChanges(this._treeSet.getChildren(node)); }, - - _flushEvents: function () { - _.each( - this._events, - function (event) { - this.fireEvent('change', event); - }, - this - ); - this._events = []; - }, - - _collectChanges: function (nodes) { - if (!nodes) nodes = this._treeSet.getTreeRoots(); - - _.each( - nodes, - function (node) { - if (node.hasOrderChanged() || node.hasPositionChanged()) { - // Find or create a event ... - var id = node.getId(); - var event = this._events.some(function (event) { - return event.id == id; - }); - if (!event) { - event = new ChangeEvent(id); - } - - // Update nodes ... - event.setOrder(node.getOrder()); - event.setPosition(node.getPosition()); - - node.resetPositionState(); - node.resetOrderState(); - node.resetFreeState(); - this._events.push(event); - } - this._collectChanges(this._treeSet.getChildren(node)); - }, - this - ); - }, - } + this, + ); + }, + }, ); export default LayoutManager; diff --git a/packages/mindplot/lib/components/layout/Node.js b/packages/mindplot/lib/components/layout/Node.js index 50dc4562..ae40e0bc 100644 --- a/packages/mindplot/lib/components/layout/Node.js +++ b/packages/mindplot/lib/components/layout/Node.js @@ -17,8 +17,8 @@ */ const Node = new Class( - /** @lends Node */ { - /** + /** @lends Node */ { + /** * @constructs * @param id * @param size @@ -29,221 +29,220 @@ const Node = new Class( * @throws will throw an error if position is null or undefined * @throws will throw an error if sorter is null or undefined */ - initialize: function (id, size, position, sorter) { - $assert(typeof id === 'number' && isFinite(id), 'id can not be null'); - $assert(size, 'size can not be null'); - $assert(position, 'position can not be null'); - $assert(sorter, 'sorter can not be null'); + initialize(id, size, position, sorter) { + $assert(typeof id === 'number' && isFinite(id), 'id can not be null'); + $assert(size, 'size can not be null'); + $assert(position, 'position can not be null'); + $assert(sorter, 'sorter can not be null'); - this._id = id; - this._sorter = sorter; - this._properties = {}; + this._id = id; + this._sorter = sorter; + this._properties = {}; - this.setSize(size); - this.setPosition(position); - this.setShrunken(false); - }, + this.setSize(size); + this.setPosition(position); + this.setShrunken(false); + }, - /** */ - getId: function () { - return this._id; - }, + /** */ + getId() { + return this._id; + }, - /** */ - setFree: function (value) { - this._setProperty('free', value); - }, + /** */ + setFree(value) { + this._setProperty('free', value); + }, - /** */ - isFree: function () { - return this._getProperty('free'); - }, + /** */ + isFree() { + return this._getProperty('free'); + }, - /** */ - hasFreeChanged: function () { - return this._isPropertyChanged('free'); - }, + /** */ + hasFreeChanged() { + return this._isPropertyChanged('free'); + }, - /** */ - hasFreeDisplacementChanged: function () { - return this._isPropertyChanged('freeDisplacement'); - }, + /** */ + hasFreeDisplacementChanged() { + return this._isPropertyChanged('freeDisplacement'); + }, - /** */ - setShrunken: function (value) { - this._setProperty('shrink', value); - }, + /** */ + setShrunken(value) { + this._setProperty('shrink', value); + }, - /** */ - areChildrenShrunken: function () { - return this._getProperty('shrink'); - }, + /** */ + areChildrenShrunken() { + return this._getProperty('shrink'); + }, - /** */ - setOrder: function (order) { - $assert( - typeof order === 'number' && isFinite(order), - 'Order can not be null. Value:' + order - ); - this._setProperty('order', order); - }, + /** */ + setOrder(order) { + $assert( + typeof order === 'number' && isFinite(order), + `Order can not be null. Value:${order}`, + ); + this._setProperty('order', order); + }, - /** */ - resetPositionState: function () { - var prop = this._properties['position']; - if (prop) { - prop.hasChanged = false; - } - }, + /** */ + resetPositionState() { + const prop = this._properties.position; + if (prop) { + prop.hasChanged = false; + } + }, - /** */ - resetOrderState: function () { - var prop = this._properties['order']; - if (prop) { - prop.hasChanged = false; - } - }, + /** */ + resetOrderState() { + const prop = this._properties.order; + if (prop) { + prop.hasChanged = false; + } + }, - /** */ - resetFreeState: function () { - var prop = this._properties['freeDisplacement']; - if (prop) { - prop.hasChanged = false; - } - }, + /** */ + resetFreeState() { + const prop = this._properties.freeDisplacement; + if (prop) { + prop.hasChanged = false; + } + }, - /** */ - getOrder: function () { - return this._getProperty('order'); - }, + /** */ + getOrder() { + return this._getProperty('order'); + }, - /** */ - hasOrderChanged: function () { - return this._isPropertyChanged('order'); - }, + /** */ + hasOrderChanged() { + return this._isPropertyChanged('order'); + }, - /** */ - hasPositionChanged: function () { - return this._isPropertyChanged('position'); - }, + /** */ + hasPositionChanged() { + return this._isPropertyChanged('position'); + }, - /** */ - hasSizeChanged: function () { - return this._isPropertyChanged('size'); - }, + /** */ + hasSizeChanged() { + return this._isPropertyChanged('size'); + }, - /** */ - getPosition: function () { - return this._getProperty('position'); - }, + /** */ + getPosition() { + return this._getProperty('position'); + }, - /** */ - setSize: function (size) { - $assert($defined(size), 'Size can not be null'); - this._setProperty('size', Object.clone(size)); - }, + /** */ + setSize(size) { + $assert($defined(size), 'Size can not be null'); + this._setProperty('size', Object.clone(size)); + }, - /** */ - getSize: function () { - return this._getProperty('size'); - }, + /** */ + getSize() { + return this._getProperty('size'); + }, - /** */ - setFreeDisplacement: function (displacement) { - $assert($defined(displacement), 'Position can not be null'); - $assert($defined(displacement.x), 'x can not be null'); - $assert($defined(displacement.y), 'y can not be null'); - var oldDisplacement = this.getFreeDisplacement(); - var newDisplacement = { - x: oldDisplacement.x + displacement.x, - y: oldDisplacement.y + displacement.y, - }; + /** */ + setFreeDisplacement(displacement) { + $assert($defined(displacement), 'Position can not be null'); + $assert($defined(displacement.x), 'x can not be null'); + $assert($defined(displacement.y), 'y can not be null'); + const oldDisplacement = this.getFreeDisplacement(); + const newDisplacement = { + x: oldDisplacement.x + displacement.x, + y: oldDisplacement.y + displacement.y, + }; - this._setProperty('freeDisplacement', Object.clone(newDisplacement)); - }, + this._setProperty('freeDisplacement', Object.clone(newDisplacement)); + }, - /** */ - resetFreeDisplacement: function () { - this._setProperty('freeDisplacement', { x: 0, y: 0 }); - }, + /** */ + resetFreeDisplacement() { + this._setProperty('freeDisplacement', { x: 0, y: 0 }); + }, - /** */ - getFreeDisplacement: function () { - var freeDisplacement = this._getProperty('freeDisplacement'); - return freeDisplacement || { x: 0, y: 0 }; - }, + /** */ + getFreeDisplacement() { + const freeDisplacement = this._getProperty('freeDisplacement'); + return freeDisplacement || { x: 0, y: 0 }; + }, - /** */ - setPosition: function (position) { - $assert($defined(position), 'Position can not be null'); - $assert($defined(position.x), 'x can not be null'); - $assert($defined(position.y), 'y can not be null'); + /** */ + setPosition(position) { + $assert($defined(position), 'Position can not be null'); + $assert($defined(position.x), 'x can not be null'); + $assert($defined(position.y), 'y can not be null'); - // This is a performance improvement to avoid movements that really could be avoided. - var currentPos = this.getPosition(); - if ( - currentPos == null || - Math.abs(currentPos.x - position.x) > 2 || - Math.abs(currentPos.y - position.y) > 2 - ) - this._setProperty('position', position); - }, + // This is a performance improvement to avoid movements that really could be avoided. + const currentPos = this.getPosition(); + if ( + currentPos == null + || Math.abs(currentPos.x - position.x) > 2 + || Math.abs(currentPos.y - position.y) > 2 + ) this._setProperty('position', position); + }, - _setProperty: function (key, value) { - var prop = this._properties[key]; - if (!prop) { - prop = { - hasChanged: false, - value: null, - oldValue: null, - }; - } + _setProperty(key, value) { + let prop = this._properties[key]; + if (!prop) { + prop = { + hasChanged: false, + value: null, + oldValue: null, + }; + } - // Only update if the property has changed ... - if (JSON.stringify(prop.value) != JSON.stringify(value)) { - prop.oldValue = prop.value; - prop.value = value; - prop.hasChanged = true; - } - this._properties[key] = prop; - }, + // Only update if the property has changed ... + if (JSON.stringify(prop.value) != JSON.stringify(value)) { + prop.oldValue = prop.value; + prop.value = value; + prop.hasChanged = true; + } + this._properties[key] = prop; + }, - _getProperty: function (key) { - var prop = this._properties[key]; - return $defined(prop) ? prop.value : null; - }, + _getProperty(key) { + const prop = this._properties[key]; + return $defined(prop) ? prop.value : null; + }, - _isPropertyChanged: function (key) { - var prop = this._properties[key]; - return prop ? prop.hasChanged : false; - }, + _isPropertyChanged(key) { + const prop = this._properties[key]; + return prop ? prop.hasChanged : false; + }, - /** */ - getSorter: function () { - return this._sorter; - }, + /** */ + getSorter() { + return this._sorter; + }, - /** @return {String} returns id, order, position, size and shrink information*/ - toString: function () { - return ( - '[id:' + - this.getId() + - ', order:' + - this.getOrder() + - ', position: {' + - this.getPosition().x + - ',' + - this.getPosition().y + - '}, size: {' + - this.getSize().width + - ',' + - this.getSize().height + - '}, shrink:' + - this.areChildrenShrunken() + - ']' - ); - }, - } + /** @return {String} returns id, order, position, size and shrink information */ + toString() { + return ( + `[id:${ + this.getId() + }, order:${ + this.getOrder() + }, position: {${ + this.getPosition().x + },${ + this.getPosition().y + }}, size: {${ + this.getSize().width + },${ + this.getSize().height + }}, shrink:${ + this.areChildrenShrunken() + }]` + ); + }, + }, ); export default Node; diff --git a/packages/mindplot/lib/components/layout/OriginalLayout.js b/packages/mindplot/lib/components/layout/OriginalLayout.js index 3beb3b40..7a338189 100644 --- a/packages/mindplot/lib/components/layout/OriginalLayout.js +++ b/packages/mindplot/lib/components/layout/OriginalLayout.js @@ -21,267 +21,259 @@ const SymmetricSorter = require('./SymmetricSorter').default; const BalancedSorter = require('./BalancedSorter').default; const OriginalLayout = new Class( - /** @lends OriginalLayout */ { - /** + /** @lends OriginalLayout */ { + /** * @constructs * @param treeSet */ - initialize: function (treeSet) { - this._treeSet = treeSet; + initialize(treeSet) { + this._treeSet = treeSet; + }, + + /** */ + createNode(id, size, position, type) { + $assert($defined(id), 'id can not be null'); + $assert(size, 'size can not be null'); + $assert(position, 'position can not be null'); + $assert(type, 'type can not be null'); + + const strategy = type === 'root' ? OriginalLayout.BALANCED_SORTER : OriginalLayout.SYMMETRIC_SORTER; + return new Node(id, size, position, strategy); + }, + + /** */ + connectNode(parentId, childId, order) { + const parent = this._treeSet.find(parentId); + const child = this._treeSet.find(childId); + + // Insert the new node ... + const sorter = parent.getSorter(); + sorter.insert(this._treeSet, parent, child, order); + + // Connect the new node ... + this._treeSet.connect(parentId, childId); + + // Fire a basic validation ... + sorter.verify(this._treeSet, parent); + }, + + /** */ + disconnectNode(nodeId) { + const node = this._treeSet.find(nodeId); + const parent = this._treeSet.getParent(node); + $assert(parent, 'Node already disconnected'); + + // Make it fixed + node.setFree(false); + node.resetFreeDisplacement(); + + // Remove from children list. + const sorter = parent.getSorter(); + sorter.detach(this._treeSet, node); + + // Disconnect the new node ... + this._treeSet.disconnect(nodeId); + + // Fire a basic validation ... + parent.getSorter().verify(this._treeSet, parent); + }, + + /** */ + layout() { + const roots = this._treeSet.getTreeRoots(); + _.each( + roots, + function (node) { + // Calculate all node heights ... + const sorter = node.getSorter(); + + const heightById = sorter.computeChildrenIdByHeights(this._treeSet, node); + + this._layoutChildren(node, heightById); + + this._fixOverlapping(node, heightById); }, + this, + ); + }, - /** */ - createNode: function (id, size, position, type) { - $assert($defined(id), 'id can not be null'); - $assert(size, 'size can not be null'); - $assert(position, 'position can not be null'); - $assert(type, 'type can not be null'); + _layoutChildren(node, heightById) { + const nodeId = node.getId(); + const children = this._treeSet.getChildren(node); + const parent = this._treeSet.getParent(node); + const childrenOrderMoved = children.some((child) => child.hasOrderChanged()); + const childrenSizeChanged = children.some((child) => child.hasSizeChanged()); - var strategy = - type === 'root' ? OriginalLayout.BALANCED_SORTER : OriginalLayout.SYMMETRIC_SORTER; - return new Node(id, size, position, strategy); - }, + // If ether any of the nodes has been changed of position or the height of the children is not + // the same, children nodes must be repositioned .... + const newBranchHeight = heightById[nodeId]; - /** */ - connectNode: function (parentId, childId, order) { - var parent = this._treeSet.find(parentId); - var child = this._treeSet.find(childId); + const parentHeightChanged = $defined(parent) ? parent._heightChanged : false; + const heightChanged = node._branchHeight != newBranchHeight; + node._heightChanged = heightChanged || parentHeightChanged; - // Insert the new node ... - var sorter = parent.getSorter(); - sorter.insert(this._treeSet, parent, child, order); + if (childrenOrderMoved || childrenSizeChanged || heightChanged || parentHeightChanged) { + const sorter = node.getSorter(); + const offsetById = sorter.computeOffsets(this._treeSet, node); + const parentPosition = node.getPosition(); + const me = this; + _.each(children, (child) => { + const offset = offsetById[child.getId()]; - // Connect the new node ... - this._treeSet.connect(parentId, childId); + const childFreeDisplacement = child.getFreeDisplacement(); + const direction = node.getSorter().getChildDirection(me._treeSet, child); - // Fire a basic validation ... - sorter.verify(this._treeSet, parent); - }, - - /** */ - disconnectNode: function (nodeId) { - var node = this._treeSet.find(nodeId); - var parent = this._treeSet.getParent(node); - $assert(parent, 'Node already disconnected'); - - // Make it fixed - node.setFree(false); - node.resetFreeDisplacement(); - - // Remove from children list. - var sorter = parent.getSorter(); - sorter.detach(this._treeSet, node); - - // Disconnect the new node ... - this._treeSet.disconnect(nodeId); - - // Fire a basic validation ... - parent.getSorter().verify(this._treeSet, parent); - }, - - /** */ - layout: function () { - var roots = this._treeSet.getTreeRoots(); - _.each( - roots, - function (node) { - // Calculate all node heights ... - var sorter = node.getSorter(); - - var heightById = sorter.computeChildrenIdByHeights(this._treeSet, node); - - this._layoutChildren(node, heightById); - - this._fixOverlapping(node, heightById); - }, - this - ); - }, - - _layoutChildren: function (node, heightById) { - var nodeId = node.getId(); - var children = this._treeSet.getChildren(node); - var parent = this._treeSet.getParent(node); - var childrenOrderMoved = children.some(function (child) { - return child.hasOrderChanged(); - }); - var childrenSizeChanged = children.some(function (child) { - return child.hasSizeChanged(); + if ( + (direction > 0 && childFreeDisplacement.x < 0) + || (direction < 0 && childFreeDisplacement.x > 0) + ) { + child.resetFreeDisplacement(); + child.setFreeDisplacement({ + x: -childFreeDisplacement.x, + y: childFreeDisplacement.y, }); + } - // If ether any of the nodes has been changed of position or the height of the children is not - // the same, children nodes must be repositioned .... - var newBranchHeight = heightById[nodeId]; + offset.x += child.getFreeDisplacement().x; + offset.y += child.getFreeDisplacement().y; - var parentHeightChanged = $defined(parent) ? parent._heightChanged : false; - var heightChanged = node._branchHeight != newBranchHeight; - node._heightChanged = heightChanged || parentHeightChanged; + const parentX = parentPosition.x; + const parentY = parentPosition.y; - if (childrenOrderMoved || childrenSizeChanged || heightChanged || parentHeightChanged) { - var sorter = node.getSorter(); - var offsetById = sorter.computeOffsets(this._treeSet, node); - var parentPosition = node.getPosition(); - var me = this; - _.each(children, function (child) { - var offset = offsetById[child.getId()]; + const newPos = { + x: parentX + offset.x, + y: parentY + offset.y + me._calculateAlignOffset(node, child, heightById), + }; + me._treeSet.updateBranchPosition(child, newPos); + }); - var childFreeDisplacement = child.getFreeDisplacement(); - var direction = node.getSorter().getChildDirection(me._treeSet, child); + node._branchHeight = newBranchHeight; + } - if ( - (direction > 0 && childFreeDisplacement.x < 0) || - (direction < 0 && childFreeDisplacement.x > 0) - ) { - child.resetFreeDisplacement(); - child.setFreeDisplacement({ - x: -childFreeDisplacement.x, - y: childFreeDisplacement.y, - }); - } - - offset.x += child.getFreeDisplacement().x; - offset.y += child.getFreeDisplacement().y; - - var parentX = parentPosition.x; - var parentY = parentPosition.y; - - var newPos = { - x: parentX + offset.x, - y: parentY + offset.y + me._calculateAlignOffset(node, child, heightById), - }; - me._treeSet.updateBranchPosition(child, newPos); - }); - - node._branchHeight = newBranchHeight; - } - - // Continue reordering the children nodes ... - _.each( - children, - function (child) { - this._layoutChildren(child, heightById); - }, - this - ); + // Continue reordering the children nodes ... + _.each( + children, + function (child) { + this._layoutChildren(child, heightById); }, + this, + ); + }, - _calculateAlignOffset: function (node, child, heightById) { - if (child.isFree()) { - return 0; - } + _calculateAlignOffset(node, child, heightById) { + if (child.isFree()) { + return 0; + } - var offset = 0; + let offset = 0; - var nodeHeight = node.getSize().height; - var childHeight = child.getSize().height; + const nodeHeight = node.getSize().height; + const childHeight = child.getSize().height; - if ( - this._treeSet.isStartOfSubBranch(child) && - this._branchIsTaller(child, heightById) - ) { - if (this._treeSet.hasSinglePathToSingleLeaf(child)) { - offset = - heightById[child.getId()] / 2 - - (childHeight + child.getSorter()._getVerticalPadding() * 2) / 2; - } else { - offset = this._treeSet.isLeaf(child) ? 0 : -(childHeight - nodeHeight) / 2; - } - } else if (nodeHeight > childHeight) { - if (this._treeSet.getSiblings(child).length > 0) { - offset = 0; - } else { - offset = nodeHeight / 2 - childHeight / 2; - } - } else if (childHeight > nodeHeight) { - if (this._treeSet.getSiblings(child).length > 0) { - offset = 0; - } else { - offset = -(childHeight / 2 - nodeHeight / 2); - } - } + if ( + this._treeSet.isStartOfSubBranch(child) + && this._branchIsTaller(child, heightById) + ) { + if (this._treeSet.hasSinglePathToSingleLeaf(child)) { + offset = heightById[child.getId()] / 2 + - (childHeight + child.getSorter()._getVerticalPadding() * 2) / 2; + } else { + offset = this._treeSet.isLeaf(child) ? 0 : -(childHeight - nodeHeight) / 2; + } + } else if (nodeHeight > childHeight) { + if (this._treeSet.getSiblings(child).length > 0) { + offset = 0; + } else { + offset = nodeHeight / 2 - childHeight / 2; + } + } else if (childHeight > nodeHeight) { + if (this._treeSet.getSiblings(child).length > 0) { + offset = 0; + } else { + offset = -(childHeight / 2 - nodeHeight / 2); + } + } - return offset; + return offset; + }, + + _branchIsTaller(node, heightById) { + return ( + heightById[node.getId()] + > node.getSize().height + node.getSorter()._getVerticalPadding() * 2 + ); + }, + + _fixOverlapping(node, heightById) { + const children = this._treeSet.getChildren(node); + + if (node.isFree()) { + this._shiftBranches(node, heightById); + } + + _.each( + children, + function (child) { + this._fixOverlapping(child, heightById); }, + this, + ); + }, - _branchIsTaller: function (node, heightById) { - return ( - heightById[node.getId()] > - node.getSize().height + node.getSorter()._getVerticalPadding() * 2 - ); + _shiftBranches(node, heightById) { + const shiftedBranches = [node]; + + const siblingsToShift = this._treeSet.getSiblingsInVerticalDirection( + node, + node.getFreeDisplacement().y, + ); + let last = node; + _.each( + siblingsToShift, + function (sibling) { + const overlappingOccurs = shiftedBranches.some(function (shiftedBranch) { + return this._branchesOverlap(shiftedBranch, sibling, heightById); + }, this); + + if (!sibling.isFree() || overlappingOccurs) { + const sAmount = node.getFreeDisplacement().y; + this._treeSet.shiftBranchPosition(sibling, 0, sAmount); + shiftedBranches.push(sibling); + } }, + this, + ); - _fixOverlapping: function (node, heightById) { - var children = this._treeSet.getChildren(node); + const branchesToShift = this._treeSet + .getBranchesInVerticalDirection(node, node.getFreeDisplacement().y) + .filter((branch) => !shiftedBranches.contains(branch)); - if (node.isFree()) { - this._shiftBranches(node, heightById); - } - - _.each( - children, - function (child) { - this._fixOverlapping(child, heightById); - }, - this - ); + _.each( + branchesToShift, + function (branch) { + const bAmount = node.getFreeDisplacement().y; + this._treeSet.shiftBranchPosition(branch, 0, bAmount); + shiftedBranches.push(branch); + last = branch; }, + this, + ); + }, - _shiftBranches: function (node, heightById) { - var shiftedBranches = [node]; + _branchesOverlap(branchA, branchB, heightById) { + // a branch doesn't really overlap with itself + if (branchA == branchB) { + return false; + } - var siblingsToShift = this._treeSet.getSiblingsInVerticalDirection( - node, - node.getFreeDisplacement().y - ); - var last = node; - _.each( - siblingsToShift, - function (sibling) { - var overlappingOccurs = shiftedBranches.some(function (shiftedBranch) { - return this._branchesOverlap(shiftedBranch, sibling, heightById); - }, this); + const topA = branchA.getPosition().y - heightById[branchA.getId()] / 2; + const bottomA = branchA.getPosition().y + heightById[branchA.getId()] / 2; + const topB = branchB.getPosition().y - heightById[branchB.getId()] / 2; + const bottomB = branchB.getPosition().y + heightById[branchB.getId()] / 2; - if (!sibling.isFree() || overlappingOccurs) { - var sAmount = node.getFreeDisplacement().y; - this._treeSet.shiftBranchPosition(sibling, 0, sAmount); - shiftedBranches.push(sibling); - } - }, - this - ); - - var branchesToShift = this._treeSet - .getBranchesInVerticalDirection(node, node.getFreeDisplacement().y) - .filter(function (branch) { - return !shiftedBranches.contains(branch); - }); - - _.each( - branchesToShift, - function (branch) { - var bAmount = node.getFreeDisplacement().y; - this._treeSet.shiftBranchPosition(branch, 0, bAmount); - shiftedBranches.push(branch); - last = branch; - }, - this - ); - }, - - _branchesOverlap: function (branchA, branchB, heightById) { - // a branch doesn't really overlap with itself - if (branchA == branchB) { - return false; - } - - var topA = branchA.getPosition().y - heightById[branchA.getId()] / 2; - var bottomA = branchA.getPosition().y + heightById[branchA.getId()] / 2; - var topB = branchB.getPosition().y - heightById[branchB.getId()] / 2; - var bottomB = branchB.getPosition().y + heightById[branchB.getId()] / 2; - - return !(topA >= bottomB || bottomA <= topB); - }, - } + return !(topA >= bottomB || bottomA <= topB); + }, + }, ); /** diff --git a/packages/mindplot/lib/components/layout/RootedTreeSet.js b/packages/mindplot/lib/components/layout/RootedTreeSet.js index 92aaac16..b144e848 100644 --- a/packages/mindplot/lib/components/layout/RootedTreeSet.js +++ b/packages/mindplot/lib/components/layout/RootedTreeSet.js @@ -17,443 +17,437 @@ */ const RootedTreeSet = new Class( - /** @lends RootedTreeSet */ { - /** @constructs */ - initialize: function () { - this._rootNodes = []; - }, + /** @lends RootedTreeSet */ { + /** @constructs */ + initialize() { + this._rootNodes = []; + }, - /** + /** * @param root * @throws will throw an error if root is null or undefined */ - setRoot: function (root) { - $assert(root, 'root can not be null'); - this._rootNodes.push(this._decodate(root)); - }, + setRoot(root) { + $assert(root, 'root can not be null'); + this._rootNodes.push(this._decodate(root)); + }, - /** getter */ - getTreeRoots: function () { - return this._rootNodes; - }, + /** getter */ + getTreeRoots() { + return this._rootNodes; + }, - _decodate: function (node) { - node._children = []; - return node; - }, + _decodate(node) { + node._children = []; + return node; + }, - /** + /** * @param {mindplot.model.NodeModel} node * @throws will throw an error if node is null or undefined * @throws will throw an error if node with id already exists * @throws will throw an error if node has been added already */ - add: function (node) { - $assert(node, 'node can not be null'); - $assert( - !this.find(node.getId(), false), - 'node already exits with this id. Id:' + node.getId() - ); - $assert(!node._children, 'node already added'); - this._rootNodes.push(this._decodate(node)); - }, + add(node) { + $assert(node, 'node can not be null'); + $assert( + !this.find(node.getId(), false), + `node already exits with this id. Id:${node.getId()}`, + ); + $assert(!node._children, 'node already added'); + this._rootNodes.push(this._decodate(node)); + }, - /** + /** * @param nodeId * @throws will throw an error if nodeId is null or undefined */ - remove: function (nodeId) { - $assert($defined(nodeId), 'nodeId can not be null'); - var node = this.find(nodeId); - this._rootNodes.erase(node); - }, + remove(nodeId) { + $assert($defined(nodeId), 'nodeId can not be null'); + const node = this.find(nodeId); + this._rootNodes.erase(node); + }, - /** + /** * @param parentId * @param childId * @throws will throw an error if parentId is null or undefined * @throws will throw an error if childId is null or undefined * @throws will throw an error if node with id childId is already a child of parent */ - connect: function (parentId, childId) { - $assert($defined(parentId), 'parent can not be null'); - $assert($defined(childId), 'child can not be null'); + connect(parentId, childId) { + $assert($defined(parentId), 'parent can not be null'); + $assert($defined(childId), 'child can not be null'); - var parent = this.find(parentId); - var child = this.find(childId, true); - $assert( - !child._parent, - 'node already connected. Id:' + child.getId() + ',previous:' + child._parent - ); + const parent = this.find(parentId); + const child = this.find(childId, true); + $assert( + !child._parent, + `node already connected. Id:${child.getId()},previous:${child._parent}`, + ); - parent._children.push(child); - child._parent = parent; - this._rootNodes.erase(child); - }, + parent._children.push(child); + child._parent = parent; + this._rootNodes.erase(child); + }, - /** + /** * @param nodeId * @throws will throw an error if nodeId is null or undefined * @throws will throw an error if node is not connected */ - disconnect: function (nodeId) { - $assert($defined(nodeId), 'nodeId can not be null'); - var node = this.find(nodeId); - $assert(node._parent, 'Node is not connected'); + disconnect(nodeId) { + $assert($defined(nodeId), 'nodeId can not be null'); + const node = this.find(nodeId); + $assert(node._parent, 'Node is not connected'); - node._parent._children.erase(node); - this._rootNodes.push(node); - node._parent = null; - }, + node._parent._children.erase(node); + this._rootNodes.push(node); + node._parent = null; + }, - /** + /** * @param id * @param validate * @throws will throw an error if id is null or undefined * @throws will throw an error if node cannot be found * @return node */ - find: function (id, validate) { - $assert($defined(id), 'id can not be null'); + find(id, validate) { + $assert($defined(id), 'id can not be null'); - var graphs = this._rootNodes; - var result = null; - for (var i = 0; i < graphs.length; i++) { - var node = graphs[i]; - result = this._find(id, node); - if (result) { - break; - } - } - validate = !$defined(validate) ? true : validate; - $assert( - validate ? result : true, - 'node could not be found id:' + id + '\n,RootedTreeSet' + this.dump() - ); - return result; - }, + const graphs = this._rootNodes; + let result = null; + for (let i = 0; i < graphs.length; i++) { + const node = graphs[i]; + result = this._find(id, node); + if (result) { + break; + } + } + validate = !$defined(validate) ? true : validate; + $assert( + validate ? result : true, + `node could not be found id:${id}\n,RootedTreeSet${this.dump()}`, + ); + return result; + }, - _find: function (id, parent) { - if (parent.getId() == id) { - return parent; - } + _find(id, parent) { + if (parent.getId() == id) { + return parent; + } - var result = null; - var children = parent._children; - for (var i = 0; i < children.length; i++) { - var child = children[i]; - result = this._find(id, child); - if (result) break; - } + let result = null; + const children = parent._children; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + result = this._find(id, child); + if (result) break; + } - return result; - }, + return result; + }, - /** + /** * @param node * @throws will throw an error if nodeId is null or undefined * @return children */ - getChildren: function (node) { - $assert(node, 'node cannot be null'); - return node._children; - }, + getChildren(node) { + $assert(node, 'node cannot be null'); + return node._children; + }, - /** + /** * @param node * @throws will throw an error if node is null or undefined * @return root node or the provided node, if it has no parent */ - getRootNode: function (node) { - $assert(node, 'node cannot be null'); - var parent = this.getParent(node); - if ($defined(parent)) { - return this.getRootNode(parent); - } + getRootNode(node) { + $assert(node, 'node cannot be null'); + const parent = this.getParent(node); + if ($defined(parent)) { + return this.getRootNode(parent); + } - return node; - }, + return node; + }, - /** + /** * @param node * @throws will throw an error if node is null or undefined - * @return {Array} ancestors*/ - getAncestors: function (node) { - $assert(node, 'node cannot be null'); - return this._getAncestors(this.getParent(node), []); - }, + * @return {Array} ancestors */ + getAncestors(node) { + $assert(node, 'node cannot be null'); + return this._getAncestors(this.getParent(node), []); + }, - _getAncestors: function (node, ancestors) { - var result = ancestors; - if (node) { - result.push(node); - this._getAncestors(this.getParent(node), result); - } - return result; - }, + _getAncestors(node, ancestors) { + const result = ancestors; + if (node) { + result.push(node); + this._getAncestors(this.getParent(node), result); + } + return result; + }, - /** + /** * @param node * @throws will throw an error if node is null or undefined * @return {Array} siblings */ - getSiblings: function (node) { - $assert(node, 'node cannot be null'); - if (!$defined(node._parent)) { - return []; - } - var siblings = node._parent._children.filter(function (child) { - return child != node; - }); - return siblings; - }, + getSiblings(node) { + $assert(node, 'node cannot be null'); + if (!$defined(node._parent)) { + return []; + } + const siblings = node._parent._children.filter((child) => child != node); + return siblings; + }, - /** + /** * @param node * @throws will throw an error if node is null or undefined * @return {Boolean} whether the node has a single path to a single leaf (no branching) */ - hasSinglePathToSingleLeaf: function (node) { - $assert(node, 'node cannot be null'); - return this._hasSinglePathToSingleLeaf(node); - }, + hasSinglePathToSingleLeaf(node) { + $assert(node, 'node cannot be null'); + return this._hasSinglePathToSingleLeaf(node); + }, - _hasSinglePathToSingleLeaf: function (node) { - var children = this.getChildren(node); + _hasSinglePathToSingleLeaf(node) { + const children = this.getChildren(node); - if (children.length == 1) { - return this._hasSinglePathToSingleLeaf(children[0]); - } + if (children.length == 1) { + return this._hasSinglePathToSingleLeaf(children[0]); + } - return children.length == 0; - }, + return children.length == 0; + }, - /** + /** * @param node - * @return {Boolean} whether the node is the start of a subbranch*/ - isStartOfSubBranch: function (node) { - return this.getSiblings(node).length > 0 && this.getChildren(node).length == 1; - }, + * @return {Boolean} whether the node is the start of a subbranch */ + isStartOfSubBranch(node) { + return this.getSiblings(node).length > 0 && this.getChildren(node).length == 1; + }, - /** + /** * @param node * @throws will throw an error if node is null or undefined * @return {Boolean} whether the node is a leaf */ - isLeaf: function (node) { - $assert(node, 'node cannot be null'); - return this.getChildren(node).length == 0; - }, + isLeaf(node) { + $assert(node, 'node cannot be null'); + return this.getChildren(node).length == 0; + }, - /** + /** * @param node * @throws will throw an error if node is null or undefined * @return parent */ - getParent: function (node) { - $assert(node, 'node cannot be null'); - return node._parent; - }, + getParent(node) { + $assert(node, 'node cannot be null'); + return node._parent; + }, - /** + /** * @return result */ - dump: function () { - var branches = this._rootNodes; - var result = ''; - for (var i = 0; i < branches.length; i++) { - var branch = branches[i]; - result += this._dump(branch, ''); - } - return result; - }, + dump() { + const branches = this._rootNodes; + let result = ''; + for (let i = 0; i < branches.length; i++) { + const branch = branches[i]; + result += this._dump(branch, ''); + } + return result; + }, - _dump: function (node, indent) { - var result = indent + node + '\n'; - var children = this.getChildren(node); - for (var i = 0; i < children.length; i++) { - var child = children[i]; - result += this._dump(child, indent + ' '); - } + _dump(node, indent) { + let result = `${indent + node}\n`; + const children = this.getChildren(node); + for (let i = 0; i < children.length; i++) { + const child = children[i]; + result += this._dump(child, `${indent} `); + } - return result; - }, + return result; + }, - /** + /** * @param canvas */ - plot: function (canvas) { - var branches = this._rootNodes; - for (var i = 0; i < branches.length; i++) { - var branch = branches[i]; - this._plot(canvas, branch); - } - }, + plot(canvas) { + const branches = this._rootNodes; + for (let i = 0; i < branches.length; i++) { + const branch = branches[i]; + this._plot(canvas, branch); + } + }, - _plot: function (canvas, node, root) { - var children = this.getChildren(node); - var cx = node.getPosition().x + canvas.width / 2 - node.getSize().width / 2; - var cy = node.getPosition().y + canvas.height / 2 - node.getSize().height / 2; - var rect = canvas.rect(cx, cy, node.getSize().width, node.getSize().height); - var order = node.getOrder() == null ? 'r' : node.getOrder(); - var text = canvas.text( - node.getPosition().x + canvas.width / 2, - node.getPosition().y + canvas.height / 2, - node.getId() + '[' + order + ']' - ); - text.attr('fill', '#FFF'); - var fillColor = this._rootNodes.contains(node) - ? '#000' - : node.isFree() - ? '#abc' - : '#c00'; - rect.attr('fill', fillColor); + _plot(canvas, node, root) { + const children = this.getChildren(node); + const cx = node.getPosition().x + canvas.width / 2 - node.getSize().width / 2; + const cy = node.getPosition().y + canvas.height / 2 - node.getSize().height / 2; + const rect = canvas.rect(cx, cy, node.getSize().width, node.getSize().height); + const order = node.getOrder() == null ? 'r' : node.getOrder(); + const text = canvas.text( + node.getPosition().x + canvas.width / 2, + node.getPosition().y + canvas.height / 2, + `${node.getId()}[${order}]`, + ); + text.attr('fill', '#FFF'); + const fillColor = this._rootNodes.contains(node) + ? '#000' + : node.isFree() + ? '#abc' + : '#c00'; + rect.attr('fill', fillColor); - var rectPosition = { - x: rect.attr('x') - canvas.width / 2 + rect.attr('width') / 2, - y: rect.attr('y') - canvas.height / 2 + rect.attr('height') / 2, - }; - var rectSize = { width: rect.attr('width'), height: rect.attr('height') }; - rect.click(function () { - console.log( - '[id:' + - node.getId() + - ', order:' + - node.getOrder() + - ', position:(' + - rectPosition.x + - ',' + - rectPosition.y + - '), size:' + - rectSize.width + - 'x' + - rectSize.height + - ', freeDisplacement:(' + - node.getFreeDisplacement().x + - ',' + - node.getFreeDisplacement().y + - ')]' - ); - }); - text.click(function () { - console.log( - '[id:' + - node.getId() + - ', order:' + - node.getOrder() + - ', position:(' + - rectPosition.x + - ',' + - rectPosition.y + - '), size:' + - rectSize.width + - 'x' + - rectSize.height + - ', freeDisplacement:(' + - node.getFreeDisplacement().x + - ',' + - node.getFreeDisplacement().y + - ')]' - ); - }); + const rectPosition = { + x: rect.attr('x') - canvas.width / 2 + rect.attr('width') / 2, + y: rect.attr('y') - canvas.height / 2 + rect.attr('height') / 2, + }; + const rectSize = { width: rect.attr('width'), height: rect.attr('height') }; + rect.click(() => { + console.log( + `[id:${ + node.getId() + }, order:${ + node.getOrder() + }, position:(${ + rectPosition.x + },${ + rectPosition.y + }), size:${ + rectSize.width + }x${ + rectSize.height + }, freeDisplacement:(${ + node.getFreeDisplacement().x + },${ + node.getFreeDisplacement().y + })]`, + ); + }); + text.click(() => { + console.log( + `[id:${ + node.getId() + }, order:${ + node.getOrder() + }, position:(${ + rectPosition.x + },${ + rectPosition.y + }), size:${ + rectSize.width + }x${ + rectSize.height + }, freeDisplacement:(${ + node.getFreeDisplacement().x + },${ + node.getFreeDisplacement().y + })]`, + ); + }); - for (var i = 0; i < children.length; i++) { - var child = children[i]; - this._plot(canvas, child); - } - }, + for (let i = 0; i < children.length; i++) { + const child = children[i]; + this._plot(canvas, child); + } + }, - /** + /** * @param node * @param position */ - updateBranchPosition: function (node, position) { - var oldPos = node.getPosition(); - node.setPosition(position); + updateBranchPosition(node, position) { + const oldPos = node.getPosition(); + node.setPosition(position); - var xOffset = oldPos.x - position.x; - var yOffset = oldPos.y - position.y; + const xOffset = oldPos.x - position.x; + const yOffset = oldPos.y - position.y; - var children = this.getChildren(node); - var me = this; - _.each(children, function (child) { - me.shiftBranchPosition(child, xOffset, yOffset); - }); - }, + const children = this.getChildren(node); + const me = this; + _.each(children, (child) => { + me.shiftBranchPosition(child, xOffset, yOffset); + }); + }, - /** + /** * @param node * @param xOffset * @param yOffset */ - shiftBranchPosition: function (node, xOffset, yOffset) { - var position = node.getPosition(); - node.setPosition({ x: position.x + xOffset, y: position.y + yOffset }); + shiftBranchPosition(node, xOffset, yOffset) { + const position = node.getPosition(); + node.setPosition({ x: position.x + xOffset, y: position.y + yOffset }); - var children = this.getChildren(node); - var me = this; - _.each(children, function (child) { - me.shiftBranchPosition(child, xOffset, yOffset); - }); - }, + const children = this.getChildren(node); + const me = this; + _.each(children, (child) => { + me.shiftBranchPosition(child, xOffset, yOffset); + }); + }, - /** + /** * @param node * @param yOffset * @return siblings in the offset (vertical) direction, i.e. with lower or higher order, respectively */ - getSiblingsInVerticalDirection: function (node, yOffset) { - // siblings with lower or higher order, depending on the direction of the offset and on the same side as their parent - var parent = this.getParent(node); - var siblings = this.getSiblings(node).filter(function (sibling) { - var sameSide = - node.getPosition().x > parent.getPosition().x - ? sibling.getPosition().x > parent.getPosition().x - : sibling.getPosition().x < parent.getPosition().x; - var orderOK = - yOffset < 0 - ? sibling.getOrder() < node.getOrder() - : sibling.getOrder() > node.getOrder(); - return orderOK && sameSide; - }); + getSiblingsInVerticalDirection(node, yOffset) { + // siblings with lower or higher order, depending on the direction of the offset and on the same side as their parent + const parent = this.getParent(node); + const siblings = this.getSiblings(node).filter((sibling) => { + const sameSide = node.getPosition().x > parent.getPosition().x + ? sibling.getPosition().x > parent.getPosition().x + : sibling.getPosition().x < parent.getPosition().x; + const orderOK = yOffset < 0 + ? sibling.getOrder() < node.getOrder() + : sibling.getOrder() > node.getOrder(); + return orderOK && sameSide; + }); - if (yOffset < 0) { - siblings.reverse(); - } + if (yOffset < 0) { + siblings.reverse(); + } - return siblings; - }, + return siblings; + }, - /** + /** * @param node * @param yOffset * @return branches of the root node on the same side as the given node's, in the given * vertical direction */ - getBranchesInVerticalDirection: function (node, yOffset) { - // direct descendants of the root that do not contain the node and are on the same side - // and on the direction of the offset - var rootNode = this.getRootNode(node); - var branches = this.getChildren(rootNode).filter(function (child) { - return this._find(node.getId(), child); - }, this); + getBranchesInVerticalDirection(node, yOffset) { + // direct descendants of the root that do not contain the node and are on the same side + // and on the direction of the offset + const rootNode = this.getRootNode(node); + const branches = this.getChildren(rootNode).filter(function (child) { + return this._find(node.getId(), child); + }, this); - var branch = branches[0]; - var rootDescendants = this.getSiblings(branch).filter(function (sibling) { - var sameSide = - node.getPosition().x > rootNode.getPosition().x - ? sibling.getPosition().x > rootNode.getPosition().x - : sibling.getPosition().x < rootNode.getPosition().x; - var sameDirection = - yOffset < 0 - ? sibling.getOrder() < branch.getOrder() - : sibling.getOrder() > branch.getOrder(); - return sameSide && sameDirection; - }, this); + const branch = branches[0]; + const rootDescendants = this.getSiblings(branch).filter((sibling) => { + const sameSide = node.getPosition().x > rootNode.getPosition().x + ? sibling.getPosition().x > rootNode.getPosition().x + : sibling.getPosition().x < rootNode.getPosition().x; + const sameDirection = yOffset < 0 + ? sibling.getOrder() < branch.getOrder() + : sibling.getOrder() > branch.getOrder(); + return sameSide && sameDirection; + }, this); - return rootDescendants; - }, - } + return rootDescendants; + }, + }, ); export default RootedTreeSet; diff --git a/packages/mindplot/lib/components/layout/SymmetricSorter.js b/packages/mindplot/lib/components/layout/SymmetricSorter.js index a2a7f26e..9bb46ba3 100644 --- a/packages/mindplot/lib/components/layout/SymmetricSorter.js +++ b/packages/mindplot/lib/components/layout/SymmetricSorter.js @@ -18,15 +18,15 @@ const AbstractBasicSorter = require('./AbstractBasicSorter').default; const SymmetricSorter = new Class( - /** @lends SymmetricSorter */ { - Extends: AbstractBasicSorter, - /** + /** @lends SymmetricSorter */ { + Extends: AbstractBasicSorter, + /** * @constructs * @extends mindplot.layout.AbstractBasicSorter */ - initialize: function () {}, + initialize() {}, - /** + /** * Predict the order and position of a dragged node. * * @param graph The tree set @@ -36,190 +36,184 @@ const SymmetricSorter = new Class( * @param free Free drag or not * @return {*} */ - predict: function (graph, parent, node, position, free) { - var self = this; - var rootNode = graph.getRootNode(parent); + predict(graph, parent, node, position, free) { + const self = this; + const rootNode = graph.getRootNode(parent); - // If its a free node... - if (free) { - $assert( - $defined(position), - 'position cannot be null for predict in free positioning' - ); - $assert($defined(node), 'node cannot be null for predict in free positioning'); + // If its a free node... + if (free) { + $assert( + $defined(position), + 'position cannot be null for predict in free positioning', + ); + $assert($defined(node), 'node cannot be null for predict in free positioning'); - var direction = this._getRelativeDirection( - rootNode.getPosition(), - parent.getPosition() - ); - var limitXPos = - parent.getPosition().x + - direction * - (parent.getSize().width / 2 + - node.getSize().width / 2 + - SymmetricSorter.INTERNODE_HORIZONTAL_PADDING); + const direction = this._getRelativeDirection( + rootNode.getPosition(), + parent.getPosition(), + ); + const limitXPos = parent.getPosition().x + + direction + * (parent.getSize().width / 2 + + node.getSize().width / 2 + + SymmetricSorter.INTERNODE_HORIZONTAL_PADDING); - var xPos = - direction > 0 - ? position.x >= limitXPos - ? position.x - : limitXPos - : position.x <= limitXPos - ? position.x - : limitXPos; + const xPos = direction > 0 + ? position.x >= limitXPos + ? position.x + : limitXPos + : position.x <= limitXPos + ? position.x + : limitXPos; - return [0, { x: xPos, y: position.y }]; - } + return [0, { x: xPos, y: position.y }]; + } - // Its not a dragged node (it is being added) - if (!node) { - var parentDirection = self._getRelativeDirection( - rootNode.getPosition(), - parent.getPosition() - ); + // Its not a dragged node (it is being added) + if (!node) { + const parentDirection = self._getRelativeDirection( + rootNode.getPosition(), + parent.getPosition(), + ); - var position = { - x: - parent.getPosition().x + - parentDirection * - (parent.getSize().width + SymmetricSorter.INTERNODE_HORIZONTAL_PADDING), - y: parent.getPosition().y, - }; - return [graph.getChildren(parent).length, position]; - } + var position = { + x: + parent.getPosition().x + + parentDirection + * (parent.getSize().width + SymmetricSorter.INTERNODE_HORIZONTAL_PADDING), + y: parent.getPosition().y, + }; + return [graph.getChildren(parent).length, position]; + } - // If it is a dragged node... - $assert($defined(position), 'position cannot be null for predict in dragging'); - var nodeDirection = this._getRelativeDirection( - rootNode.getPosition(), - node.getPosition() - ); - var positionDirection = this._getRelativeDirection(rootNode.getPosition(), position); - var siblings = graph.getSiblings(node); + // If it is a dragged node... + $assert($defined(position), 'position cannot be null for predict in dragging'); + const nodeDirection = this._getRelativeDirection( + rootNode.getPosition(), + node.getPosition(), + ); + const positionDirection = this._getRelativeDirection(rootNode.getPosition(), position); + const siblings = graph.getSiblings(node); - // node has no siblings and its trying to reconnect to its own parent - var sameParent = parent == graph.getParent(node); - if (siblings.length == 0 && nodeDirection == positionDirection && sameParent) { - return [node.getOrder(), node.getPosition()]; - } + // node has no siblings and its trying to reconnect to its own parent + const sameParent = parent == graph.getParent(node); + if (siblings.length == 0 && nodeDirection == positionDirection && sameParent) { + return [node.getOrder(), node.getPosition()]; + } - var parentChildren = graph.getChildren(parent); + const parentChildren = graph.getChildren(parent); - if (parentChildren.length == 0) { - // Fit as a child of the parent node... - var position = { - x: - parent.getPosition().x + - positionDirection * - (parent.getSize().width + SymmetricSorter.INTERNODE_HORIZONTAL_PADDING), - y: parent.getPosition().y, - }; - return [0, position]; - } else { - // Try to fit within ... - var result = null; - var last = parentChildren.getLast(); - for (var i = 0; i < parentChildren.length; i++) { - var parentChild = parentChildren[i]; - var nodeAfter = i + 1 == parentChild.length ? null : parentChildren[i + 1]; + if (parentChildren.length == 0) { + // Fit as a child of the parent node... + var position = { + x: + parent.getPosition().x + + positionDirection + * (parent.getSize().width + SymmetricSorter.INTERNODE_HORIZONTAL_PADDING), + y: parent.getPosition().y, + }; + return [0, position]; + } + // Try to fit within ... + const result = null; + const last = parentChildren.getLast(); + for (let i = 0; i < parentChildren.length; i++) { + const parentChild = parentChildren[i]; + const nodeAfter = i + 1 == parentChild.length ? null : parentChildren[i + 1]; - // Fit at the bottom - if (!nodeAfter && position.y > parentChild.getPosition().y) { - var order = - graph.getParent(node) && graph.getParent(node).getId() == parent.getId() - ? last.getOrder() - : last.getOrder() + 1; - var position = { - x: parentChild.getPosition().x, - y: - parentChild.getPosition().y + - parentChild.getSize().height + - SymmetricSorter.INTERNODE_VERTICAL_PADDING * 2, - }; - return [order, position]; - } + // Fit at the bottom + if (!nodeAfter && position.y > parentChild.getPosition().y) { + var order = graph.getParent(node) && graph.getParent(node).getId() == parent.getId() + ? last.getOrder() + : last.getOrder() + 1; + var position = { + x: parentChild.getPosition().x, + y: + parentChild.getPosition().y + + parentChild.getSize().height + + SymmetricSorter.INTERNODE_VERTICAL_PADDING * 2, + }; + return [order, position]; + } - // Fit after this node - if ( - nodeAfter && - position.y > parentChild.getPosition().y && - position.y < nodeAfter.getPosition().y - ) { - if ( - nodeAfter.getId() == node.getId() || - parentChild.getId() == node.getId() - ) { - return [node.getOrder(), node.getPosition()]; - } else { - var order = - position.y > node.getPosition().y - ? nodeAfter.getOrder() - 1 - : parentChild.getOrder() + 1; - var position = { - x: parentChild.getPosition().x, - y: - parentChild.getPosition().y + - (nodeAfter.getPosition().y - parentChild.getPosition().y) / 2, - }; - return [order, position]; - } - } - } - } + // Fit after this node + if ( + nodeAfter + && position.y > parentChild.getPosition().y + && position.y < nodeAfter.getPosition().y + ) { + if ( + nodeAfter.getId() == node.getId() + || parentChild.getId() == node.getId() + ) { + return [node.getOrder(), node.getPosition()]; + } + var order = position.y > node.getPosition().y + ? nodeAfter.getOrder() - 1 + : parentChild.getOrder() + 1; + var position = { + x: parentChild.getPosition().x, + y: + parentChild.getPosition().y + + (nodeAfter.getPosition().y - parentChild.getPosition().y) / 2, + }; + return [order, position]; + } + } - // Position wasn't below any node, so it must be fitted above the first - var first = parentChildren[0]; - var position = { - x: first.getPosition().x, - y: - first.getPosition().y - - first.getSize().height - - SymmetricSorter.INTERNODE_VERTICAL_PADDING * 2, - }; - return [0, position]; - }, + // Position wasn't below any node, so it must be fitted above the first + const first = parentChildren[0]; + var position = { + x: first.getPosition().x, + y: + first.getPosition().y + - first.getSize().height + - SymmetricSorter.INTERNODE_VERTICAL_PADDING * 2, + }; + return [0, position]; + }, - /** + /** * @param treeSet * @param parent * @param child * @param order * @throws will throw an error if the order is not strictly continuous */ - insert: function (treeSet, parent, child, order) { - var children = this._getSortedChildren(treeSet, parent); - $assert( - order <= children.length, - 'Order must be continues and can not have holes. Order:' + order - ); + insert(treeSet, parent, child, order) { + const children = this._getSortedChildren(treeSet, parent); + $assert( + order <= children.length, + `Order must be continues and can not have holes. Order:${order}`, + ); - // Shift all the elements in one . - for (var i = order; i < children.length; i++) { - var node = children[i]; - node.setOrder(i + 1); - } - child.setOrder(order); - }, + // Shift all the elements in one . + for (let i = order; i < children.length; i++) { + const node = children[i]; + node.setOrder(i + 1); + } + child.setOrder(order); + }, - /** + /** * @param treeSet * @param node - * @throws will throw an error if the node is in the wrong position*/ - detach: function (treeSet, node) { - var parent = treeSet.getParent(node); - var children = this._getSortedChildren(treeSet, parent); - var order = node.getOrder(); - $assert(children[order] === node, 'Node seems not to be in the right position'); + * @throws will throw an error if the node is in the wrong position */ + detach(treeSet, node) { + const parent = treeSet.getParent(node); + const children = this._getSortedChildren(treeSet, parent); + const order = node.getOrder(); + $assert(children[order] === node, 'Node seems not to be in the right position'); - // Shift all the nodes ... - for (var i = node.getOrder() + 1; i < children.length; i++) { - var child = children[i]; - child.setOrder(child.getOrder() - 1); - } - node.setOrder(0); - }, + // Shift all the nodes ... + for (let i = node.getOrder() + 1; i < children.length; i++) { + const child = children[i]; + child.setOrder(child.getOrder() - 1); + } + node.setOrder(0); + }, - /** + /** * @param treeSet * @param node * @throws will throw an error if treeSet is null or undefined @@ -230,100 +224,99 @@ const SymmetricSorter = new Class( * value, is null or undefined * @return offsets */ - computeOffsets: function (treeSet, node) { - $assert(treeSet, 'treeSet can no be null.'); - $assert(node, 'node can no be null.'); + computeOffsets(treeSet, node) { + $assert(treeSet, 'treeSet can no be null.'); + $assert(node, 'node can no be null.'); - var children = this._getSortedChildren(treeSet, node); + const children = this._getSortedChildren(treeSet, node); - // Compute heights ... - var heights = children - .map(function (child) { - return { - id: child.getId(), - order: child.getOrder(), - position: child.getPosition(), - width: child.getSize().width, - height: this._computeChildrenHeight(treeSet, child), - }; - }, this) - .reverse(); + // Compute heights ... + const heights = children + .map(function (child) { + return { + id: child.getId(), + order: child.getOrder(), + position: child.getPosition(), + width: child.getSize().width, + height: this._computeChildrenHeight(treeSet, child), + }; + }, this) + .reverse(); - // Compute the center of the branch ... - var totalHeight = 0; - _.each(heights, function (elem) { - totalHeight += elem.height; - }); - var ysum = totalHeight / 2; + // Compute the center of the branch ... + let totalHeight = 0; + _.each(heights, (elem) => { + totalHeight += elem.height; + }); + let ysum = totalHeight / 2; - // Calculate the offsets ... - var result = {}; - for (var i = 0; i < heights.length; i++) { - ysum = ysum - heights[i].height; - var childNode = treeSet.find(heights[i].id); - var direction = this.getChildDirection(treeSet, childNode); + // Calculate the offsets ... + const result = {}; + for (let i = 0; i < heights.length; i++) { + ysum -= heights[i].height; + const childNode = treeSet.find(heights[i].id); + const direction = this.getChildDirection(treeSet, childNode); - var yOffset = ysum + heights[i].height / 2; - var xOffset = - direction * - (heights[i].width / 2 + - node.getSize().width / 2 + - SymmetricSorter.INTERNODE_HORIZONTAL_PADDING); + const yOffset = ysum + heights[i].height / 2; + const xOffset = direction + * (heights[i].width / 2 + + node.getSize().width / 2 + + SymmetricSorter.INTERNODE_HORIZONTAL_PADDING); - $assert(!isNaN(xOffset), 'xOffset can not be null'); - $assert(!isNaN(yOffset), 'yOffset can not be null'); + $assert(!isNaN(xOffset), 'xOffset can not be null'); + $assert(!isNaN(yOffset), 'yOffset can not be null'); - result[heights[i].id] = { x: xOffset, y: yOffset }; - } - return result; - }, + result[heights[i].id] = { x: xOffset, y: yOffset }; + } + return result; + }, - /** + /** * @param treeSet * @param node * @throws will throw an error if order elements are missing */ - verify: function (treeSet, node) { - // Check that all is consistent ... - var children = this._getSortedChildren(treeSet, node); + verify(treeSet, node) { + // Check that all is consistent ... + const children = this._getSortedChildren(treeSet, node); - for (var i = 0; i < children.length; i++) { - $assert(children[i].getOrder() == i, 'missing order elements'); - } - }, + for (let i = 0; i < children.length; i++) { + $assert(children[i].getOrder() == i, 'missing order elements'); + } + }, - /** + /** * @param treeSet * @param child - * @return direction of the given child from its parent or from the root node, if isolated*/ - getChildDirection: function (treeSet, child) { - $assert(treeSet, 'treeSet can no be null.'); - $assert(treeSet.getParent(child), 'This should not happen'); + * @return direction of the given child from its parent or from the root node, if isolated */ + getChildDirection(treeSet, child) { + $assert(treeSet, 'treeSet can no be null.'); + $assert(treeSet.getParent(child), 'This should not happen'); - var result; - var rootNode = treeSet.getRootNode(child); - if (treeSet.getParent(child) == rootNode) { - // This is the case of a isolated child ... In this case, the directions is based on the root. - result = Math.sign(rootNode.getPosition().x); - } else { - // if this is not the case, honor the direction of the parent ... - var parent = treeSet.getParent(child); - var grandParent = treeSet.getParent(parent); - var sorter = grandParent.getSorter(); - result = sorter.getChildDirection(treeSet, parent); - } - return result; - }, + let result; + const rootNode = treeSet.getRootNode(child); + if (treeSet.getParent(child) == rootNode) { + // This is the case of a isolated child ... In this case, the directions is based on the root. + result = Math.sign(rootNode.getPosition().x); + } else { + // if this is not the case, honor the direction of the parent ... + const parent = treeSet.getParent(child); + const grandParent = treeSet.getParent(parent); + const sorter = grandParent.getSorter(); + result = sorter.getChildDirection(treeSet, parent); + } + return result; + }, - /** @return {String} the print name of this class */ - toString: function () { - return 'Symmetric Sorter'; - }, + /** @return {String} the print name of this class */ + toString() { + return 'Symmetric Sorter'; + }, - _getVerticalPadding: function () { - return SymmetricSorter.INTERNODE_VERTICAL_PADDING; - }, - } + _getVerticalPadding() { + return SymmetricSorter.INTERNODE_VERTICAL_PADDING; + }, + }, ); /** diff --git a/packages/mindplot/lib/components/layout/index.js b/packages/mindplot/lib/components/layout/index.js index 559fda48..c4f9dac4 100644 --- a/packages/mindplot/lib/components/layout/index.js +++ b/packages/mindplot/lib/components/layout/index.js @@ -12,16 +12,16 @@ const rootedTreeSet = require('./RootedTreeSet').default; const symmetricSorter = require('./SymmetricSorter').default; export const Layout = { - AbstractBasicSorter: abstractBasicSorter, - BalancedSorter: balancedSorter, - ChangeEvent: changeEvent, - ChildrenSorterStrategy: childrenSorterStrategy, - EventBus: eventBus, - EventBusDispatcher: eventBusDispatcher, - GridSorter: gridSorter, - LayoutManager: layoutManager, - Node: node, - OriginalLayout: originalLayout, - RootedTreeSet: rootedTreeSet, - SymmetricSorter: symmetricSorter, + AbstractBasicSorter: abstractBasicSorter, + BalancedSorter: balancedSorter, + ChangeEvent: changeEvent, + ChildrenSorterStrategy: childrenSorterStrategy, + EventBus: eventBus, + EventBusDispatcher: eventBusDispatcher, + GridSorter: gridSorter, + LayoutManager: layoutManager, + Node: node, + OriginalLayout: originalLayout, + RootedTreeSet: rootedTreeSet, + SymmetricSorter: symmetricSorter, }; diff --git a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js b/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js index a9c7eee9..01920850 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js +++ b/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js @@ -1,51 +1,50 @@ -const BootstrapDialog = require('./BootstrapDialog').default +const BootstrapDialog = require('./BootstrapDialog').default; BootstrapDialog.Request = new Class({ - Extends: BootstrapDialog, + Extends: BootstrapDialog, - initialize: function(url, title, options) { - this.parent(title, options); - this.requestOptions = {}; - this.requestOptions.cache = false; - var me = this; - this.requestOptions.fail = function(xhr) { - // Intercept form requests ... - console.log("Failure:"); - console.log(xhr); - }; + initialize(url, title, options) { + this.parent(title, options); + this.requestOptions = {}; + this.requestOptions.cache = false; + const me = this; + this.requestOptions.fail = function (xhr) { + // Intercept form requests ... + console.log('Failure:'); + console.log(xhr); + }; - this.requestOptions.success = function() { - // Intercept form requests ... - var forms = me._native.find('form'); - _.each(forms, function(form) { - $(form).on('submit', function(event) { - // Intercept form ... - me.requestOptions.url = form.action; - me.requestOptions.method = form.method ? form.method : 'post'; - $.ajax(me.requestOptions); - event.stopPropagation(); - return false; - }); - }); - }; - - this._native.find('.modal-body').load(url, function () { - me.acceptButton.unbind('click').click(function () { - submitDialogForm(); - }); - me._native.on('hidden.bs.modal', function () { - $(this).remove(); - }); - me.show(); + this.requestOptions.success = function () { + // Intercept form requests ... + const forms = me._native.find('form'); + _.each(forms, (form) => { + $(form).on('submit', (event) => { + // Intercept form ... + me.requestOptions.url = form.action; + me.requestOptions.method = form.method ? form.method : 'post'; + $.ajax(me.requestOptions); + event.stopPropagation(); + return false; }); - }, + }); + }; - onDialogShown: function() { - if (typeof(onDialogShown) == "function") { - onDialogShown(); - } + this._native.find('.modal-body').load(url, () => { + me.acceptButton.unbind('click').click(() => { + submitDialogForm(); + }); + me._native.on('hidden.bs.modal', function () { + $(this).remove(); + }); + me.show(); + }); + }, + + onDialogShown() { + if (typeof (onDialogShown) === 'function') { + onDialogShown(); } - + }, }); diff --git a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js b/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js index 62d2eefc..5aa9a24a 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js +++ b/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js @@ -1,115 +1,115 @@ const Options = require('../../Options').default; const BootstrapDialog = new Class({ - Implements: Options, + Implements: Options, - options: { - cancelButton: false, - closeButton: false, - acceptButton: true, - removeButton:false, - errorMessage: false, - onEventData:{} - }, + options: { + cancelButton: false, + closeButton: false, + acceptButton: true, + removeButton: false, + errorMessage: false, + onEventData: {}, + }, - initialize: function (title, options) { - this.setOptions(options); - this.options.onEventData.dialog = this; - this._native = $('
').append('
'); - var content = $('
'); - var header = this._buildHeader(title); - if (header) { - content.append(header); - } - var body = $('
'); - if(this.options.errorMessage){ - var error = $('
'); - error.hide(); - body.append(error); - } - content.append(body); - var footer = this._buildFooter(); - if (footer) { - content.append(footer); - } - this._native.find(".modal-dialog").append(content); - this._native.on('hidden.bs.modal', function() { - $(this).remove(); - }); - this._native.on('shown.bs.modal', this.onDialogShown); - }, - - _buildFooter: function() { - var footer = null; - if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) { - footer = $('
'); - } - if (this.options.acceptButton) { - this.acceptButton = $(''); - footer.append(this.acceptButton); - this.acceptButton.unbind('click').on("click",this.options.onEventData, this.onAcceptClick) - } - if (this.options.removeButton) { - this.removeButton = $(''); - footer.append(this.removeButton); - this.removeButton.on('click', this.options.onEventData, this.onRemoveClick); - } - if (this.options.cancelButton) { - footer.append(''); - } - return footer; - }, - - _buildHeader: function(title) { - var header = null; - if (this.options.closeButton || title) { - header = $('
'); - } - if (this.options.closeButton) { - header.append( - '' - ); - } - if (title) { - header.append('

' + title + '

'); - } - return header; - }, - - onAcceptClick: function(event) { - throw "Unsupported operation"; - }, - - onDialogShown: function() {}, - onRemoveClick: function(event) { - throw "Unsupported operation"; - }, - - show: function () { - this._native.modal(); - }, - - setContent: function(content) { - var modalBody = this._native.find('.modal-body'); - modalBody.append(content); - }, - - css: function(options){ - this._native.find('.modal-dialog').css(options); - }, - - close: function() { - this._native.modal('hide'); - }, - - alertError: function(message){ - this._native.find('.alert-danger').text(message); - this._native.find('.alert-danger').show(); - }, - - cleanError: function(){ - this._native.find('.alert-danger').hide(); + initialize(title, options) { + this.setOptions(options); + this.options.onEventData.dialog = this; + this._native = $('
').append('
'); + const content = $('
'); + const header = this._buildHeader(title); + if (header) { + content.append(header); } + const body = $('
'); + if (this.options.errorMessage) { + const error = $('
'); + error.hide(); + body.append(error); + } + content.append(body); + const footer = this._buildFooter(); + if (footer) { + content.append(footer); + } + this._native.find('.modal-dialog').append(content); + this._native.on('hidden.bs.modal', function () { + $(this).remove(); + }); + this._native.on('shown.bs.modal', this.onDialogShown); + }, + + _buildFooter() { + let footer = null; + if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) { + footer = $('
'); + } + if (this.options.acceptButton) { + this.acceptButton = $(``); + footer.append(this.acceptButton); + this.acceptButton.unbind('click').on('click', this.options.onEventData, this.onAcceptClick); + } + if (this.options.removeButton) { + this.removeButton = $(``); + footer.append(this.removeButton); + this.removeButton.on('click', this.options.onEventData, this.onRemoveClick); + } + if (this.options.cancelButton) { + footer.append(``); + } + return footer; + }, + + _buildHeader(title) { + let header = null; + if (this.options.closeButton || title) { + header = $('
'); + } + if (this.options.closeButton) { + header.append( + '', + ); + } + if (title) { + header.append(`

${title}

`); + } + return header; + }, + + onAcceptClick(event) { + throw 'Unsupported operation'; + }, + + onDialogShown() {}, + onRemoveClick(event) { + throw 'Unsupported operation'; + }, + + show() { + this._native.modal(); + }, + + setContent(content) { + const modalBody = this._native.find('.modal-body'); + modalBody.append(content); + }, + + css(options) { + this._native.find('.modal-dialog').css(options); + }, + + close() { + this._native.modal('hide'); + }, + + alertError(message) { + this._native.find('.alert-danger').text(message); + this._native.find('.alert-danger').show(); + }, + + cleanError() { + this._native.find('.alert-danger').hide(); + }, }); export default BootstrapDialog; diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.js b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.js index 15f9b9ec..f723b1fd 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.js +++ b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.js @@ -8,944 +8,940 @@ * * @todo Update DOCS */ -(function($) { - 'use strict'; - - // Color object - var Color = function(val) { - this.value = { - h: 0, - s: 0, - b: 0, - a: 1 - }; - this.origFormat = null; // original string format - if (val) { - if (val.toLowerCase !== undefined) { - this.setColor(val); - } else if (val.h !== undefined) { - this.value = val; - } - } +(function ($) { + // Color object + const Color = function (val) { + this.value = { + h: 0, + s: 0, + b: 0, + a: 1, }; + this.origFormat = null; // original string format + if (val) { + if (val.toLowerCase !== undefined) { + this.setColor(val); + } else if (val.h !== undefined) { + this.value = val; + } + } + }; - Color.prototype = { - constructor: Color, - _sanitizeNumber: function(val) { - if (typeof val === 'number') { - return val; - } - if (isNaN(val) || (val === null) || (val === '') || (val === undefined)) { - return 1; - } - if (val.toLowerCase !== undefined) { - return parseFloat(val); - } - return 1; - }, - //parse a string to HSB - setColor: function(strVal) { - strVal = strVal.toLowerCase(); - this.value = this.stringToHSB(strVal) ||  { - h: 0, - s: 0, - b: 0, - a: 1 - }; - }, - stringToHSB: function(strVal) { - strVal = strVal.toLowerCase(); - var that = this, - result = false; - $.each(this.stringParsers, function(i, parser) { - var match = parser.re.exec(strVal), - values = match && parser.parse.apply(that, [match]), - format = parser.format || 'rgba'; - if (values) { - if (format.match(/hsla?/)) { - result = that.RGBtoHSB.apply(that, that.HSLtoRGB.apply(that, values)); - } else { - result = that.RGBtoHSB.apply(that, values); - } - that.origFormat = format; - return false; - } - return true; - }); - return result; - }, - setHue: function(h) { - this.value.h = 1 - h; - }, - setSaturation: function(s) { - this.value.s = s; - }, - setBrightness: function(b) { - this.value.b = 1 - b; - }, - setAlpha: function(a) { - this.value.a = parseInt((1 - a) * 100, 10) / 100; - }, - toRGB: function(h, s, v, a) { - h = h || this.value.h; - s = s || this.value.s; - v = v || this.value.b; - a = a || this.value.a; + Color.prototype = { + constructor: Color, + _sanitizeNumber(val) { + if (typeof val === 'number') { + return val; + } + if (isNaN(val) || (val === null) || (val === '') || (val === undefined)) { + return 1; + } + if (val.toLowerCase !== undefined) { + return parseFloat(val); + } + return 1; + }, + // parse a string to HSB + setColor(strVal) { + strVal = strVal.toLowerCase(); + this.value = this.stringToHSB(strVal) ||  { + h: 0, + s: 0, + b: 0, + a: 1, + }; + }, + stringToHSB(strVal) { + strVal = strVal.toLowerCase(); + const that = this; + let result = false; + $.each(this.stringParsers, (i, parser) => { + const match = parser.re.exec(strVal); + const values = match && parser.parse.apply(that, [match]); + const format = parser.format || 'rgba'; + if (values) { + if (format.match(/hsla?/)) { + result = that.RGBtoHSB.apply(that, that.HSLtoRGB.apply(that, values)); + } else { + result = that.RGBtoHSB.apply(that, values); + } + that.origFormat = format; + return false; + } + return true; + }); + return result; + }, + setHue(h) { + this.value.h = 1 - h; + }, + setSaturation(s) { + this.value.s = s; + }, + setBrightness(b) { + this.value.b = 1 - b; + }, + setAlpha(a) { + this.value.a = parseInt((1 - a) * 100, 10) / 100; + }, + toRGB(h, s, v, a) { + h = h || this.value.h; + s = s || this.value.s; + v = v || this.value.b; + a = a || this.value.a; - var r, g, b, i, f, p, q, t; - if (h && s === undefined && v === undefined) { - s = h.s, v = h.v, h = h.h; - } - i = Math.floor(h * 6); - f = h * 6 - i; - p = v * (1 - s); - q = v * (1 - f * s); - t = v * (1 - (1 - f) * s); - switch (i % 6) { - case 0: - r = v, g = t, b = p; - break; - case 1: - r = q, g = v, b = p; - break; - case 2: - r = p, g = v, b = t; - break; - case 3: - r = p, g = q, b = v; - break; - case 4: - r = t, g = p, b = v; - break; - case 5: - r = v, g = p, b = q; - break; - } - return { - r: Math.floor(r * 255), - g: Math.floor(g * 255), - b: Math.floor(b * 255), - a: a - }; - }, - toHex: function(h, s, b, a) { - var rgb = this.toRGB(h, s, b, a); - return '#' + ((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1); - }, - toHSL: function(h, s, b, a) { - h = h || this.value.h; - s = s || this.value.s; - b = b || this.value.b; - a = a || this.value.a; + let r; let g; let b; let i; let f; let p; let q; let + t; + if (h && s === undefined && v === undefined) { + s = h.s, v = h.v, h = h.h; + } + i = Math.floor(h * 6); + f = h * 6 - i; + p = v * (1 - s); + q = v * (1 - f * s); + t = v * (1 - (1 - f) * s); + switch (i % 6) { + case 0: + r = v, g = t, b = p; + break; + case 1: + r = q, g = v, b = p; + break; + case 2: + r = p, g = v, b = t; + break; + case 3: + r = p, g = q, b = v; + break; + case 4: + r = t, g = p, b = v; + break; + case 5: + r = v, g = p, b = q; + break; + } + return { + r: Math.floor(r * 255), + g: Math.floor(g * 255), + b: Math.floor(b * 255), + a, + }; + }, + toHex(h, s, b, a) { + const rgb = this.toRGB(h, s, b, a); + return `#${((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1)}`; + }, + toHSL(h, s, b, a) { + h = h || this.value.h; + s = s || this.value.s; + b = b || this.value.b; + a = a || this.value.a; - var H = h, - L = (2 - s) * b, - S = s * b; - if (L > 0 && L <= 1) { - S /= L; - } else { - S /= 2 - L; - } - L /= 2; - if (S > 1) { - S = 1; - } - return { - h: isNaN(H) ? 0 : H, - s: isNaN(S) ? 0 : S, - l: isNaN(L) ? 0 : L, - a: isNaN(a) ? 0 : a, - }; - }, - RGBtoHSB: function(r, g, b, a) { - r /= 255; - g /= 255; - b /= 255; + const H = h; + let L = (2 - s) * b; + let S = s * b; + if (L > 0 && L <= 1) { + S /= L; + } else { + S /= 2 - L; + } + L /= 2; + if (S > 1) { + S = 1; + } + return { + h: isNaN(H) ? 0 : H, + s: isNaN(S) ? 0 : S, + l: isNaN(L) ? 0 : L, + a: isNaN(a) ? 0 : a, + }; + }, + RGBtoHSB(r, g, b, a) { + r /= 255; + g /= 255; + b /= 255; - var H, S, V, C; - V = Math.max(r, g, b); - C = V - Math.min(r, g, b); - H = (C === 0 ? null : - V === r ? (g - b) / C : - V === g ? (b - r) / C + 2 : - (r - g) / C + 4 - ); - H = ((H + 360) % 6) * 60 / 360; - S = C === 0 ? 0 : C / V; - return { - h: this._sanitizeNumber(H), - s: S, - b: V, - a: this._sanitizeNumber(a) - }; - }, - HueToRGB: function(p, q, h) { - if (h < 0) { - h += 1; - } else if (h > 1) { - h -= 1; - } - if ((h * 6) < 1) { - return p + (q - p) * h * 6; - } else if ((h * 2) < 1) { - return q; - } else if ((h * 3) < 2) { - return p + (q - p) * ((2 / 3) - h) * 6; - } else { - return p; - } - }, - HSLtoRGB: function(h, s, l, a) { - if (s < 0) { - s = 0; - } - var q; - if (l <= 0.5) { - q = l * (1 + s); - } else { - q = l + s - (l * s); - } + let H; let S; let V; let + C; + V = Math.max(r, g, b); + C = V - Math.min(r, g, b); + H = (C === 0 ? null + : V === r ? (g - b) / C + : V === g ? (b - r) / C + 2 + : (r - g) / C + 4 + ); + H = ((H + 360) % 6) * 60 / 360; + S = C === 0 ? 0 : C / V; + return { + h: this._sanitizeNumber(H), + s: S, + b: V, + a: this._sanitizeNumber(a), + }; + }, + HueToRGB(p, q, h) { + if (h < 0) { + h += 1; + } else if (h > 1) { + h -= 1; + } + if ((h * 6) < 1) { + return p + (q - p) * h * 6; + } if ((h * 2) < 1) { + return q; + } if ((h * 3) < 2) { + return p + (q - p) * ((2 / 3) - h) * 6; + } + return p; + }, + HSLtoRGB(h, s, l, a) { + if (s < 0) { + s = 0; + } + let q; + if (l <= 0.5) { + q = l * (1 + s); + } else { + q = l + s - (l * s); + } - var p = 2 * l - q; + const p = 2 * l - q; - var tr = h + (1 / 3); - var tg = h; - var tb = h - (1 / 3); + const tr = h + (1 / 3); + const tg = h; + const tb = h - (1 / 3); - var r = Math.round(this.HueToRGB(p, q, tr) * 255); - var g = Math.round(this.HueToRGB(p, q, tg) * 255); - var b = Math.round(this.HueToRGB(p, q, tb) * 255); - return [r, g, b, this._sanitizeNumber(a)]; - }, - toString: function(format) { - format = format ||  'rgba'; - switch (format) { - case 'rgb': - { - var rgb = this.toRGB(); - return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')'; - } - break; - case 'rgba': - { - var rgb = this.toRGB(); - return 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')'; - } - break; - case 'hsl': - { - var hsl = this.toHSL(); - return 'hsl(' + Math.round(hsl.h * 360) + ',' + Math.round(hsl.s * 100) + '%,' + Math.round(hsl.l * 100) + '%)'; - } - break; - case 'hsla': - { - var hsl = this.toHSL(); - return 'hsla(' + Math.round(hsl.h * 360) + ',' + Math.round(hsl.s * 100) + '%,' + Math.round(hsl.l * 100) + '%,' + hsl.a + ')'; - } - break; - case 'hex': - { - return this.toHex(); - } - break; - default: - { - return false; - } - break; - } - }, - // a set of RE's that can match strings and generate color tuples. - // from John Resig color plugin - // https://github.com/jquery/jquery-color/ - stringParsers: [{ - re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/, - format: 'hex', - parse: function(execResult) { - return [ - parseInt(execResult[1], 16), - parseInt(execResult[2], 16), - parseInt(execResult[3], 16), - 1 - ]; - } - }, { - re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/, - format: 'hex', - parse: function(execResult) { - return [ - parseInt(execResult[1] + execResult[1], 16), - parseInt(execResult[2] + execResult[2], 16), - parseInt(execResult[3] + execResult[3], 16), - 1 - ]; - } - }, { - re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/, - format: 'rgb', - parse: function(execResult) { - return [ - execResult[1], - execResult[2], - execResult[3], - 1 - ]; - } - }, { - re: /rgb\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/, - format: 'rgb', - parse: function(execResult) { - return [ - 2.55 * execResult[1], - 2.55 * execResult[2], - 2.55 * execResult[3], - 1 - ]; - } - }, { - re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, - format: 'rgba', - parse: function(execResult) { - return [ - execResult[1], - execResult[2], - execResult[3], - execResult[4] - ]; - } - }, { - re: /rgba\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, - format: 'rgba', - parse: function(execResult) { - return [ - 2.55 * execResult[1], - 2.55 * execResult[2], - 2.55 * execResult[3], - execResult[4] - ]; - } - }, { - re: /hsl\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/, - format: 'hsl', - parse: function(execResult) { - return [ - execResult[1] / 360, - execResult[2] / 100, - execResult[3] / 100, - execResult[4] - ]; - } - }, { - re: /hsla\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, - format: 'hsla', - parse: function(execResult) { - return [ - execResult[1] / 360, - execResult[2] / 100, - execResult[3] / 100, - execResult[4] - ]; - } - }, { - //predefined color name - re: /^([a-z]{3,})$/, - format: 'alias', - parse: function(execResult) { - var hexval = this.colorNameToHex(execResult[0]) ||  '#000000'; - var match = this.stringParsers[0].re.exec(hexval), - values = match && this.stringParsers[0].parse.apply(this, [match]); - return values; - } - }], - colorNameToHex: function(name) { - // 140 predefined colors from the HTML Colors spec - var colors = { - "aliceblue": "#f0f8ff", - "antiquewhite": "#faebd7", - "aqua": "#00ffff", - "aquamarine": "#7fffd4", - "azure": "#f0ffff", - "beige": "#f5f5dc", - "bisque": "#ffe4c4", - "black": "#000000", - "blanchedalmond": "#ffebcd", - "blue": "#0000ff", - "blueviolet": "#8a2be2", - "brown": "#a52a2a", - "burlywood": "#deb887", - "cadetblue": "#5f9ea0", - "chartreuse": "#7fff00", - "chocolate": "#d2691e", - "coral": "#ff7f50", - "cornflowerblue": "#6495ed", - "cornsilk": "#fff8dc", - "crimson": "#dc143c", - "cyan": "#00ffff", - "darkblue": "#00008b", - "darkcyan": "#008b8b", - "darkgoldenrod": "#b8860b", - "darkgray": "#a9a9a9", - "darkgreen": "#006400", - "darkkhaki": "#bdb76b", - "darkmagenta": "#8b008b", - "darkolivegreen": "#556b2f", - "darkorange": "#ff8c00", - "darkorchid": "#9932cc", - "darkred": "#8b0000", - "darksalmon": "#e9967a", - "darkseagreen": "#8fbc8f", - "darkslateblue": "#483d8b", - "darkslategray": "#2f4f4f", - "darkturquoise": "#00ced1", - "darkviolet": "#9400d3", - "deeppink": "#ff1493", - "deepskyblue": "#00bfff", - "dimgray": "#696969", - "dodgerblue": "#1e90ff", - "firebrick": "#b22222", - "floralwhite": "#fffaf0", - "forestgreen": "#228b22", - "fuchsia": "#ff00ff", - "gainsboro": "#dcdcdc", - "ghostwhite": "#f8f8ff", - "gold": "#ffd700", - "goldenrod": "#daa520", - "gray": "#808080", - "green": "#008000", - "greenyellow": "#adff2f", - "honeydew": "#f0fff0", - "hotpink": "#ff69b4", - "indianred ": "#cd5c5c", - "indigo ": "#4b0082", - "ivory": "#fffff0", - "khaki": "#f0e68c", - "lavender": "#e6e6fa", - "lavenderblush": "#fff0f5", - "lawngreen": "#7cfc00", - "lemonchiffon": "#fffacd", - "lightblue": "#add8e6", - "lightcoral": "#f08080", - "lightcyan": "#e0ffff", - "lightgoldenrodyellow": "#fafad2", - "lightgrey": "#d3d3d3", - "lightgreen": "#90ee90", - "lightpink": "#ffb6c1", - "lightsalmon": "#ffa07a", - "lightseagreen": "#20b2aa", - "lightskyblue": "#87cefa", - "lightslategray": "#778899", - "lightsteelblue": "#b0c4de", - "lightyellow": "#ffffe0", - "lime": "#00ff00", - "limegreen": "#32cd32", - "linen": "#faf0e6", - "magenta": "#ff00ff", - "maroon": "#800000", - "mediumaquamarine": "#66cdaa", - "mediumblue": "#0000cd", - "mediumorchid": "#ba55d3", - "mediumpurple": "#9370d8", - "mediumseagreen": "#3cb371", - "mediumslateblue": "#7b68ee", - "mediumspringgreen": "#00fa9a", - "mediumturquoise": "#48d1cc", - "mediumvioletred": "#c71585", - "midnightblue": "#191970", - "mintcream": "#f5fffa", - "mistyrose": "#ffe4e1", - "moccasin": "#ffe4b5", - "navajowhite": "#ffdead", - "navy": "#000080", - "oldlace": "#fdf5e6", - "olive": "#808000", - "olivedrab": "#6b8e23", - "orange": "#ffa500", - "orangered": "#ff4500", - "orchid": "#da70d6", - "palegoldenrod": "#eee8aa", - "palegreen": "#98fb98", - "paleturquoise": "#afeeee", - "palevioletred": "#d87093", - "papayawhip": "#ffefd5", - "peachpuff": "#ffdab9", - "peru": "#cd853f", - "pink": "#ffc0cb", - "plum": "#dda0dd", - "powderblue": "#b0e0e6", - "purple": "#800080", - "red": "#ff0000", - "rosybrown": "#bc8f8f", - "royalblue": "#4169e1", - "saddlebrown": "#8b4513", - "salmon": "#fa8072", - "sandybrown": "#f4a460", - "seagreen": "#2e8b57", - "seashell": "#fff5ee", - "sienna": "#a0522d", - "silver": "#c0c0c0", - "skyblue": "#87ceeb", - "slateblue": "#6a5acd", - "slategray": "#708090", - "snow": "#fffafa", - "springgreen": "#00ff7f", - "steelblue": "#4682b4", - "tan": "#d2b48c", - "teal": "#008080", - "thistle": "#d8bfd8", - "tomato": "#ff6347", - "turquoise": "#40e0d0", - "violet": "#ee82ee", - "wheat": "#f5deb3", - "white": "#ffffff", - "whitesmoke": "#f5f5f5", - "yellow": "#ffff00", - "yellowgreen": "#9acd32" - }; - - if (typeof colors[name.toLowerCase()] !== 'undefined') { - return colors[name.toLowerCase()]; - } + const r = Math.round(this.HueToRGB(p, q, tr) * 255); + const g = Math.round(this.HueToRGB(p, q, tg) * 255); + const b = Math.round(this.HueToRGB(p, q, tb) * 255); + return [r, g, b, this._sanitizeNumber(a)]; + }, + toString(format) { + format = format ||  'rgba'; + switch (format) { + case 'rgb': + { + var rgb = this.toRGB(); + return `rgb(${rgb.r},${rgb.g},${rgb.b})`; + } + break; + case 'rgba': + { + var rgb = this.toRGB(); + return `rgba(${rgb.r},${rgb.g},${rgb.b},${rgb.a})`; + } + break; + case 'hsl': + { + var hsl = this.toHSL(); + return `hsl(${Math.round(hsl.h * 360)},${Math.round(hsl.s * 100)}%,${Math.round(hsl.l * 100)}%)`; + } + break; + case 'hsla': + { + var hsl = this.toHSL(); + return `hsla(${Math.round(hsl.h * 360)},${Math.round(hsl.s * 100)}%,${Math.round(hsl.l * 100)}%,${hsl.a})`; + } + break; + case 'hex': + { + return this.toHex(); + } + break; + default: + { return false; - } - }; + } + break; + } + }, + // a set of RE's that can match strings and generate color tuples. + // from John Resig color plugin + // https://github.com/jquery/jquery-color/ + stringParsers: [{ + re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/, + format: 'hex', + parse(execResult) { + return [ + parseInt(execResult[1], 16), + parseInt(execResult[2], 16), + parseInt(execResult[3], 16), + 1, + ]; + }, + }, { + re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/, + format: 'hex', + parse(execResult) { + return [ + parseInt(execResult[1] + execResult[1], 16), + parseInt(execResult[2] + execResult[2], 16), + parseInt(execResult[3] + execResult[3], 16), + 1, + ]; + }, + }, { + re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/, + format: 'rgb', + parse(execResult) { + return [ + execResult[1], + execResult[2], + execResult[3], + 1, + ]; + }, + }, { + re: /rgb\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/, + format: 'rgb', + parse(execResult) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + 1, + ]; + }, + }, { + re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, + format: 'rgba', + parse(execResult) { + return [ + execResult[1], + execResult[2], + execResult[3], + execResult[4], + ]; + }, + }, { + re: /rgba\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, + format: 'rgba', + parse(execResult) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + execResult[4], + ]; + }, + }, { + re: /hsl\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/, + format: 'hsl', + parse(execResult) { + return [ + execResult[1] / 360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4], + ]; + }, + }, { + re: /hsla\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, + format: 'hsla', + parse(execResult) { + return [ + execResult[1] / 360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4], + ]; + }, + }, { + // predefined color name + re: /^([a-z]{3,})$/, + format: 'alias', + parse(execResult) { + const hexval = this.colorNameToHex(execResult[0]) ||  '#000000'; + const match = this.stringParsers[0].re.exec(hexval); + const values = match && this.stringParsers[0].parse.apply(this, [match]); + return values; + }, + }], + colorNameToHex(name) { + // 140 predefined colors from the HTML Colors spec + const colors = { + aliceblue: '#f0f8ff', + antiquewhite: '#faebd7', + aqua: '#00ffff', + aquamarine: '#7fffd4', + azure: '#f0ffff', + beige: '#f5f5dc', + bisque: '#ffe4c4', + black: '#000000', + blanchedalmond: '#ffebcd', + blue: '#0000ff', + blueviolet: '#8a2be2', + brown: '#a52a2a', + burlywood: '#deb887', + cadetblue: '#5f9ea0', + chartreuse: '#7fff00', + chocolate: '#d2691e', + coral: '#ff7f50', + cornflowerblue: '#6495ed', + cornsilk: '#fff8dc', + crimson: '#dc143c', + cyan: '#00ffff', + darkblue: '#00008b', + darkcyan: '#008b8b', + darkgoldenrod: '#b8860b', + darkgray: '#a9a9a9', + darkgreen: '#006400', + darkkhaki: '#bdb76b', + darkmagenta: '#8b008b', + darkolivegreen: '#556b2f', + darkorange: '#ff8c00', + darkorchid: '#9932cc', + darkred: '#8b0000', + darksalmon: '#e9967a', + darkseagreen: '#8fbc8f', + darkslateblue: '#483d8b', + darkslategray: '#2f4f4f', + darkturquoise: '#00ced1', + darkviolet: '#9400d3', + deeppink: '#ff1493', + deepskyblue: '#00bfff', + dimgray: '#696969', + dodgerblue: '#1e90ff', + firebrick: '#b22222', + floralwhite: '#fffaf0', + forestgreen: '#228b22', + fuchsia: '#ff00ff', + gainsboro: '#dcdcdc', + ghostwhite: '#f8f8ff', + gold: '#ffd700', + goldenrod: '#daa520', + gray: '#808080', + green: '#008000', + greenyellow: '#adff2f', + honeydew: '#f0fff0', + hotpink: '#ff69b4', + 'indianred ': '#cd5c5c', + 'indigo ': '#4b0082', + ivory: '#fffff0', + khaki: '#f0e68c', + lavender: '#e6e6fa', + lavenderblush: '#fff0f5', + lawngreen: '#7cfc00', + lemonchiffon: '#fffacd', + lightblue: '#add8e6', + lightcoral: '#f08080', + lightcyan: '#e0ffff', + lightgoldenrodyellow: '#fafad2', + lightgrey: '#d3d3d3', + lightgreen: '#90ee90', + lightpink: '#ffb6c1', + lightsalmon: '#ffa07a', + lightseagreen: '#20b2aa', + lightskyblue: '#87cefa', + lightslategray: '#778899', + lightsteelblue: '#b0c4de', + lightyellow: '#ffffe0', + lime: '#00ff00', + limegreen: '#32cd32', + linen: '#faf0e6', + magenta: '#ff00ff', + maroon: '#800000', + mediumaquamarine: '#66cdaa', + mediumblue: '#0000cd', + mediumorchid: '#ba55d3', + mediumpurple: '#9370d8', + mediumseagreen: '#3cb371', + mediumslateblue: '#7b68ee', + mediumspringgreen: '#00fa9a', + mediumturquoise: '#48d1cc', + mediumvioletred: '#c71585', + midnightblue: '#191970', + mintcream: '#f5fffa', + mistyrose: '#ffe4e1', + moccasin: '#ffe4b5', + navajowhite: '#ffdead', + navy: '#000080', + oldlace: '#fdf5e6', + olive: '#808000', + olivedrab: '#6b8e23', + orange: '#ffa500', + orangered: '#ff4500', + orchid: '#da70d6', + palegoldenrod: '#eee8aa', + palegreen: '#98fb98', + paleturquoise: '#afeeee', + palevioletred: '#d87093', + papayawhip: '#ffefd5', + peachpuff: '#ffdab9', + peru: '#cd853f', + pink: '#ffc0cb', + plum: '#dda0dd', + powderblue: '#b0e0e6', + purple: '#800080', + red: '#ff0000', + rosybrown: '#bc8f8f', + royalblue: '#4169e1', + saddlebrown: '#8b4513', + salmon: '#fa8072', + sandybrown: '#f4a460', + seagreen: '#2e8b57', + seashell: '#fff5ee', + sienna: '#a0522d', + silver: '#c0c0c0', + skyblue: '#87ceeb', + slateblue: '#6a5acd', + slategray: '#708090', + snow: '#fffafa', + springgreen: '#00ff7f', + steelblue: '#4682b4', + tan: '#d2b48c', + teal: '#008080', + thistle: '#d8bfd8', + tomato: '#ff6347', + turquoise: '#40e0d0', + violet: '#ee82ee', + wheat: '#f5deb3', + white: '#ffffff', + whitesmoke: '#f5f5f5', + yellow: '#ffff00', + yellowgreen: '#9acd32', + }; + if (typeof colors[name.toLowerCase()] !== 'undefined') { + return colors[name.toLowerCase()]; + } + return false; + }, + }; - var defaults = { - horizontal: false, // horizontal mode layout ? - inline: false, //forces to show the colorpicker as an inline element - color: false, //forces a color - format: false, //forces a format - input: 'input', // children input selector - container: false, // container selector - component: '.add-on, .input-group-addon', // children component selector - sliders: { - saturation: { - maxLeft: 100, - maxTop: 100, - callLeft: 'setSaturation', - callTop: 'setBrightness' - }, - hue: { - maxLeft: 0, - maxTop: 100, - callLeft: false, - callTop: 'setHue' - }, - alpha: { - maxLeft: 0, - maxTop: 100, - callLeft: false, - callTop: 'setAlpha' - } - }, - slidersHorz: { - saturation: { - maxLeft: 100, - maxTop: 100, - callLeft: 'setSaturation', - callTop: 'setBrightness' - }, - hue: { - maxLeft: 100, - maxTop: 0, - callLeft: 'setHue', - callTop: false - }, - alpha: { - maxLeft: 100, - maxTop: 0, - callLeft: 'setAlpha', - callTop: false - } - }, - template: '
' + - '
' + - '
' + - '
' + - '
' + - '
' - }; + const defaults = { + horizontal: false, // horizontal mode layout ? + inline: false, // forces to show the colorpicker as an inline element + color: false, // forces a color + format: false, // forces a format + input: 'input', // children input selector + container: false, // container selector + component: '.add-on, .input-group-addon', // children component selector + sliders: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setBrightness', + }, + hue: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setHue', + }, + alpha: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setAlpha', + }, + }, + slidersHorz: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setBrightness', + }, + hue: { + maxLeft: 100, + maxTop: 0, + callLeft: 'setHue', + callTop: false, + }, + alpha: { + maxLeft: 100, + maxTop: 0, + callLeft: 'setAlpha', + callTop: false, + }, + }, + template: '
' + + '
' + + '
' + + '
' + + '
' + + '
', + }; - var Colorpicker = function(element, options) { - this.element = $(element).addClass('colorpicker-element'); - this.options = $.extend({}, defaults, this.element.data(), options); - this.component = this.options.component; - this.component = (this.component !== false) ? this.element.find(this.component) : false; - if (this.component && (this.component.length === 0)) { - this.component = false; - } - this.container = (this.options.container === true) ? this.element : this.options.container; - this.container = (this.container !== false) ? $(this.container) : false; + const Colorpicker = function (element, options) { + this.element = $(element).addClass('colorpicker-element'); + this.options = $.extend({}, defaults, this.element.data(), options); + this.component = this.options.component; + this.component = (this.component !== false) ? this.element.find(this.component) : false; + if (this.component && (this.component.length === 0)) { + this.component = false; + } + this.container = (this.options.container === true) ? this.element : this.options.container; + this.container = (this.container !== false) ? $(this.container) : false; - // Is the element an input? Should we search inside for any input? - this.input = this.element.is('input') ? this.element : (this.options.input ? - this.element.find(this.options.input) : false); - if (this.input && (this.input.length === 0)) { - this.input = false; - } - // Set HSB color - this.color = new Color(this.options.color !== false ? this.options.color : this.getValue()); - this.format = this.options.format !== false ? this.options.format : this.color.origFormat; + // Is the element an input? Should we search inside for any input? + this.input = this.element.is('input') ? this.element : (this.options.input + ? this.element.find(this.options.input) : false); + if (this.input && (this.input.length === 0)) { + this.input = false; + } + // Set HSB color + this.color = new Color(this.options.color !== false ? this.options.color : this.getValue()); + this.format = this.options.format !== false ? this.options.format : this.color.origFormat; - // Setup picker - this.picker = $(this.options.template); - if (this.options.inline) { - this.picker.addClass('colorpicker-inline colorpicker-visible'); - } else { - this.picker.addClass('colorpicker-hidden'); - } - if (this.options.horizontal) { - this.picker.addClass('colorpicker-horizontal'); - } - if (this.format === 'rgba' || this.format === 'hsla') { - this.picker.addClass('colorpicker-with-alpha'); - } - this.picker.on('mousedown.colorpicker', $.proxy(this.mousedown, this)); - this.picker.appendTo(this.container ? this.container : $('body')); + // Setup picker + this.picker = $(this.options.template); + if (this.options.inline) { + this.picker.addClass('colorpicker-inline colorpicker-visible'); + } else { + this.picker.addClass('colorpicker-hidden'); + } + if (this.options.horizontal) { + this.picker.addClass('colorpicker-horizontal'); + } + if (this.format === 'rgba' || this.format === 'hsla') { + this.picker.addClass('colorpicker-with-alpha'); + } + this.picker.on('mousedown.colorpicker', $.proxy(this.mousedown, this)); + this.picker.appendTo(this.container ? this.container : $('body')); - // Bind events - if (this.input !== false) { - this.input.on({ - 'keyup.colorpicker': $.proxy(this.keyup, this) - }); - if (this.component === false) { - this.element.on({ - 'focus.colorpicker': $.proxy(this.show, this) - }); - } - if (this.options.inline === false) { - this.element.on({ - 'focusout.colorpicker': $.proxy(this.hide, this) - }); - } - } - - if (this.component !== false) { - this.component.on({ - 'click.colorpicker': $.proxy(this.show, this) - }); - } - - if ((this.input === false) && (this.component === false)) { - this.element.on({ - 'click.colorpicker': $.proxy(this.show, this) - }); - } - this.update(); - - $($.proxy(function() { - this.element.trigger('create'); - }, this)); - }; - - Colorpicker.version = '2.0.0-beta'; - - Colorpicker.Color = Color; - - Colorpicker.prototype = { - constructor: Colorpicker, - destroy: function() { - this.picker.remove(); - this.element.removeData('colorpicker').off('.colorpicker'); - if (this.input !== false) { - this.input.off('.colorpicker'); - } - if (this.component !== false) { - this.component.off('.colorpicker'); - } - this.element.removeClass('colorpicker-element'); - this.element.trigger({ - type: 'destroy' - }); - }, - reposition: function() { - if (this.options.inline !== false) { - return false; - } - var offset = this.component ? this.component.offset() : this.element.offset(); - this.picker.css({ - top: offset.top + (this.component ? this.component.outerHeight() : this.element.outerHeight()), - left: offset.left - }); - }, - show: function(e) { - if (this.isDisabled()) { - return false; - } - this.picker.addClass('colorpicker-visible').removeClass('colorpicker-hidden'); - this.reposition(); - $(window).on('resize.colorpicker', $.proxy(this.reposition, this)); - if (!this.hasInput() && e) { - if (e.stopPropagation && e.preventDefault) { - e.stopPropagation(); - e.preventDefault(); - } - } - if (this.options.inline === false) { - $(window.document).on({ - 'mousedown.colorpicker': $.proxy(this.hide, this) - }); - } - this.element.trigger({ - type: 'showPicker', - color: this.color - }); - }, - hide: function() { - this.picker.addClass('colorpicker-hidden').removeClass('colorpicker-visible'); - $(window).off('resize.colorpicker', this.reposition); - $(document).off({ - 'mousedown.colorpicker': this.hide - }); - this.update(); - this.element.trigger({ - type: 'hidePicker', - color: this.color - }); - }, - updateData: function(val) { - val = val ||  this.color.toString(this.format); - this.element.data('color', val); - return val; - }, - updateInput: function(val) { - val = val ||  this.color.toString(this.format); - if (this.input !== false) { - this.input.prop('value', val); - } - return val; - }, - updatePicker: function(val) { - if (val !== undefined) { - this.color = new Color(val); - } - var sl = (this.options.horizontal === false) ? this.options.sliders : this.options.slidersHorz; - var icns = this.picker.find('i'); - if (icns.length === 0) { - return; - } - if (this.options.horizontal === false) { - sl = this.options.sliders; - icns.eq(1).css('top', sl.hue.maxTop * (1 - this.color.value.h)).end() - .eq(2).css('top', sl.alpha.maxTop * (1 - this.color.value.a)); - } else { - sl = this.options.slidersHorz; - icns.eq(1).css('left', sl.hue.maxLeft * (1 - this.color.value.h)).end() - .eq(2).css('left', sl.alpha.maxLeft * (1 - this.color.value.a)); - } - icns.eq(0).css({ - 'top': sl.saturation.maxTop - this.color.value.b * sl.saturation.maxTop, - 'left': this.color.value.s * sl.saturation.maxLeft - }); - this.picker.find('.colorpicker-saturation').css('backgroundColor', this.color.toHex(this.color.value.h, 1, 1, 1)); - this.picker.find('.colorpicker-alpha').css('backgroundColor', this.color.toHex()); - this.picker.find('.colorpicker-color, .colorpicker-color div').css('backgroundColor', this.color.toString(this.format)); - return val; - }, - updateComponent: function(val) { - val = val ||  this.color.toString(this.format); - if (this.component !== false) { - var icn = this.component.find('i').eq(0); - if (icn.length > 0) { - icn.css({ - 'backgroundColor': val - }); - } else { - this.component.css({ - 'backgroundColor': val - }); - } - } - return val; - }, - update: function(force) { - var val = this.updateComponent(); - if ((this.getValue(false) !== false) || (force === true)) { - // Update input/data only if the current value is not blank - this.updateInput(val); - this.updateData(val); - } - this.updatePicker(); - return val; - - }, - setValue: function(val) { // set color manually - this.color = new Color(val); - this.update(); - this.element.trigger({ - type: 'changeColor', - color: this.color, - value: val - }); - }, - getValue: function(defaultValue) { - defaultValue = (defaultValue === undefined) ? '#000000' : defaultValue; - var val; - if (this.hasInput()) { - val = this.input.val(); - } else { - val = this.element.data('color'); - } - if ((val === undefined) || (val === '') || (val === null)) { - // if not defined or empty, return default - val = defaultValue; - } - return val; - }, - hasInput: function() { - return (this.input !== false); - }, - isDisabled: function() { - if (this.hasInput()) { - return (this.input.prop('disabled') === true); - } - return false; - }, - disable: function() { - if (this.hasInput()) { - this.input.prop('disabled', true); - return true; - } - return false; - }, - enable: function() { - if (this.hasInput()) { - this.input.prop('disabled', false); - return true; - } - return false; - }, - currentSlider: null, - mousePointer: { - left: 0, - top: 0 - }, - mousedown: function(e) { - e.stopPropagation(); - e.preventDefault(); - - var target = $(e.target); - - //detect the slider and set the limits and callbacks - var zone = target.closest('div'); - var sl = this.options.horizontal ? this.options.slidersHorz : this.options.sliders; - if (!zone.is('.colorpicker')) { - if (zone.is('.colorpicker-saturation')) { - this.currentSlider = $.extend({}, sl.saturation); - } else if (zone.is('.colorpicker-hue')) { - this.currentSlider = $.extend({}, sl.hue); - } else if (zone.is('.colorpicker-alpha')) { - this.currentSlider = $.extend({}, sl.alpha); - } else { - return false; - } - var offset = zone.offset(); - //reference to guide's style - this.currentSlider.guide = zone.find('i')[0].style; - this.currentSlider.left = e.pageX - offset.left; - this.currentSlider.top = e.pageY - offset.top; - this.mousePointer = { - left: e.pageX, - top: e.pageY - }; - //trigger mousemove to move the guide to the current position - $(document).on({ - 'mousemove.colorpicker': $.proxy(this.mousemove, this), - 'mouseup.colorpicker': $.proxy(this.mouseup, this) - }).trigger('mousemove'); - } - return false; - }, - mousemove: function(e) { - e.stopPropagation(); - e.preventDefault(); - var left = Math.max( - 0, - Math.min( - this.currentSlider.maxLeft, - this.currentSlider.left + ((e.pageX || this.mousePointer.left) - this.mousePointer.left) - ) - ); - var top = Math.max( - 0, - Math.min( - this.currentSlider.maxTop, - this.currentSlider.top + ((e.pageY || this.mousePointer.top) - this.mousePointer.top) - ) - ); - this.currentSlider.guide.left = left + 'px'; - this.currentSlider.guide.top = top + 'px'; - if (this.currentSlider.callLeft) { - this.color[this.currentSlider.callLeft].call(this.color, left / 100); - } - if (this.currentSlider.callTop) { - this.color[this.currentSlider.callTop].call(this.color, top / 100); - } - this.update(true); - - this.element.trigger({ - type: 'changeColor', - color: this.color - }); - return false; - }, - mouseup: function(e) { - e.stopPropagation(); - e.preventDefault(); - $(document).off({ - 'mousemove.colorpicker': this.mousemove, - 'mouseup.colorpicker': this.mouseup - }); - return false; - }, - keyup: function(e) { - if ((e.keyCode === 38)) { - if (this.color.value.a < 1) { - this.color.value.a = Math.round((this.color.value.a + 0.01) * 100) / 100; - } - this.update(true); - } else if ((e.keyCode === 40)) { - if (this.color.value.a > 0) { - this.color.value.a = Math.round((this.color.value.a - 0.01) * 100) / 100; - } - this.update(true); - } else { - var val = this.input.val(); - this.color = new Color(val); - if (this.getValue(false) !== false) { - this.updateData(); - this.updateComponent(); - this.updatePicker(); - } - } - this.element.trigger({ - type: 'changeColor', - color: this.color, - value: val - }); - } - }; - - $.colorpicker = Colorpicker; - - $.fn.colorpicker = function(option) { - var pickerArgs = arguments; - - return this.each(function() { - var $this = $(this), - inst = $this.data('colorpicker'), - options = ((typeof option === 'object') ? option : {}); - if ((!inst) && (typeof option !== 'string')) { - $this.data('colorpicker', new Colorpicker(this, options)); - } else { - if (typeof option === 'string') { - inst[option].apply(inst, Array.prototype.slice.call(pickerArgs, 1)); - } - } + // Bind events + if (this.input !== false) { + this.input.on({ + 'keyup.colorpicker': $.proxy(this.keyup, this), + }); + if (this.component === false) { + this.element.on({ + 'focus.colorpicker': $.proxy(this.show, this), }); - }; + } + if (this.options.inline === false) { + this.element.on({ + 'focusout.colorpicker': $.proxy(this.hide, this), + }); + } + } - $.fn.colorpicker.constructor = Colorpicker; + if (this.component !== false) { + this.component.on({ + 'click.colorpicker': $.proxy(this.show, this), + }); + } -})(window.jQuery); + if ((this.input === false) && (this.component === false)) { + this.element.on({ + 'click.colorpicker': $.proxy(this.show, this), + }); + } + this.update(); + + $($.proxy(function () { + this.element.trigger('create'); + }, this)); + }; + + Colorpicker.version = '2.0.0-beta'; + + Colorpicker.Color = Color; + + Colorpicker.prototype = { + constructor: Colorpicker, + destroy() { + this.picker.remove(); + this.element.removeData('colorpicker').off('.colorpicker'); + if (this.input !== false) { + this.input.off('.colorpicker'); + } + if (this.component !== false) { + this.component.off('.colorpicker'); + } + this.element.removeClass('colorpicker-element'); + this.element.trigger({ + type: 'destroy', + }); + }, + reposition() { + if (this.options.inline !== false) { + return false; + } + const offset = this.component ? this.component.offset() : this.element.offset(); + this.picker.css({ + top: offset.top + (this.component ? this.component.outerHeight() : this.element.outerHeight()), + left: offset.left, + }); + }, + show(e) { + if (this.isDisabled()) { + return false; + } + this.picker.addClass('colorpicker-visible').removeClass('colorpicker-hidden'); + this.reposition(); + $(window).on('resize.colorpicker', $.proxy(this.reposition, this)); + if (!this.hasInput() && e) { + if (e.stopPropagation && e.preventDefault) { + e.stopPropagation(); + e.preventDefault(); + } + } + if (this.options.inline === false) { + $(window.document).on({ + 'mousedown.colorpicker': $.proxy(this.hide, this), + }); + } + this.element.trigger({ + type: 'showPicker', + color: this.color, + }); + }, + hide() { + this.picker.addClass('colorpicker-hidden').removeClass('colorpicker-visible'); + $(window).off('resize.colorpicker', this.reposition); + $(document).off({ + 'mousedown.colorpicker': this.hide, + }); + this.update(); + this.element.trigger({ + type: 'hidePicker', + color: this.color, + }); + }, + updateData(val) { + val = val ||  this.color.toString(this.format); + this.element.data('color', val); + return val; + }, + updateInput(val) { + val = val ||  this.color.toString(this.format); + if (this.input !== false) { + this.input.prop('value', val); + } + return val; + }, + updatePicker(val) { + if (val !== undefined) { + this.color = new Color(val); + } + let sl = (this.options.horizontal === false) ? this.options.sliders : this.options.slidersHorz; + const icns = this.picker.find('i'); + if (icns.length === 0) { + return; + } + if (this.options.horizontal === false) { + sl = this.options.sliders; + icns.eq(1).css('top', sl.hue.maxTop * (1 - this.color.value.h)).end() + .eq(2) + .css('top', sl.alpha.maxTop * (1 - this.color.value.a)); + } else { + sl = this.options.slidersHorz; + icns.eq(1).css('left', sl.hue.maxLeft * (1 - this.color.value.h)).end() + .eq(2) + .css('left', sl.alpha.maxLeft * (1 - this.color.value.a)); + } + icns.eq(0).css({ + top: sl.saturation.maxTop - this.color.value.b * sl.saturation.maxTop, + left: this.color.value.s * sl.saturation.maxLeft, + }); + this.picker.find('.colorpicker-saturation').css('backgroundColor', this.color.toHex(this.color.value.h, 1, 1, 1)); + this.picker.find('.colorpicker-alpha').css('backgroundColor', this.color.toHex()); + this.picker.find('.colorpicker-color, .colorpicker-color div').css('backgroundColor', this.color.toString(this.format)); + return val; + }, + updateComponent(val) { + val = val ||  this.color.toString(this.format); + if (this.component !== false) { + const icn = this.component.find('i').eq(0); + if (icn.length > 0) { + icn.css({ + backgroundColor: val, + }); + } else { + this.component.css({ + backgroundColor: val, + }); + } + } + return val; + }, + update(force) { + const val = this.updateComponent(); + if ((this.getValue(false) !== false) || (force === true)) { + // Update input/data only if the current value is not blank + this.updateInput(val); + this.updateData(val); + } + this.updatePicker(); + return val; + }, + setValue(val) { // set color manually + this.color = new Color(val); + this.update(); + this.element.trigger({ + type: 'changeColor', + color: this.color, + value: val, + }); + }, + getValue(defaultValue) { + defaultValue = (defaultValue === undefined) ? '#000000' : defaultValue; + let val; + if (this.hasInput()) { + val = this.input.val(); + } else { + val = this.element.data('color'); + } + if ((val === undefined) || (val === '') || (val === null)) { + // if not defined or empty, return default + val = defaultValue; + } + return val; + }, + hasInput() { + return (this.input !== false); + }, + isDisabled() { + if (this.hasInput()) { + return (this.input.prop('disabled') === true); + } + return false; + }, + disable() { + if (this.hasInput()) { + this.input.prop('disabled', true); + return true; + } + return false; + }, + enable() { + if (this.hasInput()) { + this.input.prop('disabled', false); + return true; + } + return false; + }, + currentSlider: null, + mousePointer: { + left: 0, + top: 0, + }, + mousedown(e) { + e.stopPropagation(); + e.preventDefault(); + + const target = $(e.target); + + // detect the slider and set the limits and callbacks + const zone = target.closest('div'); + const sl = this.options.horizontal ? this.options.slidersHorz : this.options.sliders; + if (!zone.is('.colorpicker')) { + if (zone.is('.colorpicker-saturation')) { + this.currentSlider = $.extend({}, sl.saturation); + } else if (zone.is('.colorpicker-hue')) { + this.currentSlider = $.extend({}, sl.hue); + } else if (zone.is('.colorpicker-alpha')) { + this.currentSlider = $.extend({}, sl.alpha); + } else { + return false; + } + const offset = zone.offset(); + // reference to guide's style + this.currentSlider.guide = zone.find('i')[0].style; + this.currentSlider.left = e.pageX - offset.left; + this.currentSlider.top = e.pageY - offset.top; + this.mousePointer = { + left: e.pageX, + top: e.pageY, + }; + // trigger mousemove to move the guide to the current position + $(document).on({ + 'mousemove.colorpicker': $.proxy(this.mousemove, this), + 'mouseup.colorpicker': $.proxy(this.mouseup, this), + }).trigger('mousemove'); + } + return false; + }, + mousemove(e) { + e.stopPropagation(); + e.preventDefault(); + const left = Math.max( + 0, + Math.min( + this.currentSlider.maxLeft, + this.currentSlider.left + ((e.pageX || this.mousePointer.left) - this.mousePointer.left), + ), + ); + const top = Math.max( + 0, + Math.min( + this.currentSlider.maxTop, + this.currentSlider.top + ((e.pageY || this.mousePointer.top) - this.mousePointer.top), + ), + ); + this.currentSlider.guide.left = `${left}px`; + this.currentSlider.guide.top = `${top}px`; + if (this.currentSlider.callLeft) { + this.color[this.currentSlider.callLeft].call(this.color, left / 100); + } + if (this.currentSlider.callTop) { + this.color[this.currentSlider.callTop].call(this.color, top / 100); + } + this.update(true); + + this.element.trigger({ + type: 'changeColor', + color: this.color, + }); + return false; + }, + mouseup(e) { + e.stopPropagation(); + e.preventDefault(); + $(document).off({ + 'mousemove.colorpicker': this.mousemove, + 'mouseup.colorpicker': this.mouseup, + }); + return false; + }, + keyup(e) { + if ((e.keyCode === 38)) { + if (this.color.value.a < 1) { + this.color.value.a = Math.round((this.color.value.a + 0.01) * 100) / 100; + } + this.update(true); + } else if ((e.keyCode === 40)) { + if (this.color.value.a > 0) { + this.color.value.a = Math.round((this.color.value.a - 0.01) * 100) / 100; + } + this.update(true); + } else { + var val = this.input.val(); + this.color = new Color(val); + if (this.getValue(false) !== false) { + this.updateData(); + this.updateComponent(); + this.updatePicker(); + } + } + this.element.trigger({ + type: 'changeColor', + color: this.color, + value: val, + }); + }, + }; + + $.colorpicker = Colorpicker; + + $.fn.colorpicker = function (option) { + const pickerArgs = arguments; + + return this.each(function () { + const $this = $(this); + const inst = $this.data('colorpicker'); + const options = ((typeof option === 'object') ? option : {}); + if ((!inst) && (typeof option !== 'string')) { + $this.data('colorpicker', new Colorpicker(this, options)); + } else if (typeof option === 'string') { + inst[option].apply(inst, Array.prototype.slice.call(pickerArgs, 1)); + } + }); + }; + + $.fn.colorpicker.constructor = Colorpicker; +}(window.jQuery)); diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js index 16802aee..9289449f 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js +++ b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js @@ -1 +1,103 @@ -!function(a){"use strict";var b=function(a){this.value={h:0,s:0,b:0,a:1},this.origFormat=null,a&&(void 0!==a.toLowerCase?this.setColor(a):void 0!==a.h&&(this.value=a))};b.prototype={constructor:b,_sanitizeNumber:function(a){return"number"==typeof a?a:isNaN(a)||null===a||""===a||void 0===a?1:void 0!==a.toLowerCase?parseFloat(a):1},setColor:function(a){a=a.toLowerCase(),this.value=this.stringToHSB(a)||{h:0,s:0,b:0,a:1}},stringToHSB:function(b){b=b.toLowerCase();var c=this,d=!1;return a.each(this.stringParsers,function(a,e){var f=e.re.exec(b),g=f&&e.parse.apply(c,[f]),h=e.format||"rgba";return g?(d=h.match(/hsla?/)?c.RGBtoHSB.apply(c,c.HSLtoRGB.apply(c,g)):c.RGBtoHSB.apply(c,g),c.origFormat=h,!1):!0}),d},setHue:function(a){this.value.h=1-a},setSaturation:function(a){this.value.s=a},setBrightness:function(a){this.value.b=1-a},setAlpha:function(a){this.value.a=parseInt(100*(1-a),10)/100},toRGB:function(a,b,c,d){a=a||this.value.h,b=b||this.value.s,c=c||this.value.b,d=d||this.value.a;var e,f,g,h,i,j,k,l;switch(a&&void 0===b&&void 0===c&&(b=a.s,c=a.v,a=a.h),h=Math.floor(6*a),i=6*a-h,j=c*(1-b),k=c*(1-i*b),l=c*(1-(1-i)*b),h%6){case 0:e=c,f=l,g=j;break;case 1:e=k,f=c,g=j;break;case 2:e=j,f=c,g=l;break;case 3:e=j,f=k,g=c;break;case 4:e=l,f=j,g=c;break;case 5:e=c,f=j,g=k}return{r:Math.floor(255*e),g:Math.floor(255*f),b:Math.floor(255*g),a:d}},toHex:function(a,b,c,d){var e=this.toRGB(a,b,c,d);return"#"+(1<<24|parseInt(e.r)<<16|parseInt(e.g)<<8|parseInt(e.b)).toString(16).substr(1)},toHSL:function(a,b,c,d){a=a||this.value.h,b=b||this.value.s,c=c||this.value.b,d=d||this.value.a;var e=a,f=(2-b)*c,g=b*c;return g/=f>0&&1>=f?f:2-f,f/=2,g>1&&(g=1),{h:isNaN(e)?0:e,s:isNaN(g)?0:g,l:isNaN(f)?0:f,a:isNaN(d)?0:d}},RGBtoHSB:function(a,b,c,d){a/=255,b/=255,c/=255;var e,f,g,h;return g=Math.max(a,b,c),h=g-Math.min(a,b,c),e=0===h?null:g===a?(b-c)/h:g===b?(c-a)/h+2:(a-b)/h+4,e=(e+360)%6*60/360,f=0===h?0:h/g,{h:this._sanitizeNumber(e),s:f,b:g,a:this._sanitizeNumber(d)}},HueToRGB:function(a,b,c){return 0>c?c+=1:c>1&&(c-=1),1>6*c?a+(b-a)*c*6:1>2*c?b:2>3*c?a+(b-a)*(2/3-c)*6:a},HSLtoRGB:function(a,b,c,d){0>b&&(b=0);var e;e=.5>=c?c*(1+b):c+b-c*b;var f=2*c-e,g=a+1/3,h=a,i=a-1/3,j=Math.round(255*this.HueToRGB(f,e,g)),k=Math.round(255*this.HueToRGB(f,e,h)),l=Math.round(255*this.HueToRGB(f,e,i));return[j,k,l,this._sanitizeNumber(d)]},toString:function(a){switch(a=a||"rgba"){case"rgb":var b=this.toRGB();return"rgb("+b.r+","+b.g+","+b.b+")";case"rgba":var b=this.toRGB();return"rgba("+b.r+","+b.g+","+b.b+","+b.a+")";case"hsl":var c=this.toHSL();return"hsl("+Math.round(360*c.h)+","+Math.round(100*c.s)+"%,"+Math.round(100*c.l)+"%)";case"hsla":var c=this.toHSL();return"hsla("+Math.round(360*c.h)+","+Math.round(100*c.s)+"%,"+Math.round(100*c.l)+"%,"+c.a+")";case"hex":return this.toHex();default:return!1}},stringParsers:[{re:/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,format:"hex",parse:function(a){return[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16),1]}},{re:/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,format:"hex",parse:function(a){return[parseInt(a[1]+a[1],16),parseInt(a[2]+a[2],16),parseInt(a[3]+a[3],16),1]}},{re:/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/,format:"rgb",parse:function(a){return[a[1],a[2],a[3],1]}},{re:/rgb\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/,format:"rgb",parse:function(a){return[2.55*a[1],2.55*a[2],2.55*a[3],1]}},{re:/rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,format:"rgba",parse:function(a){return[a[1],a[2],a[3],a[4]]}},{re:/rgba\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,format:"rgba",parse:function(a){return[2.55*a[1],2.55*a[2],2.55*a[3],a[4]]}},{re:/hsl\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/,format:"hsl",parse:function(a){return[a[1]/360,a[2]/100,a[3]/100,a[4]]}},{re:/hsla\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,format:"hsla",parse:function(a){return[a[1]/360,a[2]/100,a[3]/100,a[4]]}},{re:/^([a-z]{3,})$/,format:"alias",parse:function(a){var b=this.colorNameToHex(a[0])||"#000000",c=this.stringParsers[0].re.exec(b),d=c&&this.stringParsers[0].parse.apply(this,[c]);return d}}],colorNameToHex:function(a){var b={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c","indigo ":"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};return"undefined"!=typeof b[a.toLowerCase()]?b[a.toLowerCase()]:!1}};var c={horizontal:!1,inline:!1,color:!1,format:!1,input:"input",container:!1,component:".add-on, .input-group-addon",sliders:{saturation:{maxLeft:100,maxTop:100,callLeft:"setSaturation",callTop:"setBrightness"},hue:{maxLeft:0,maxTop:100,callLeft:!1,callTop:"setHue"},alpha:{maxLeft:0,maxTop:100,callLeft:!1,callTop:"setAlpha"}},slidersHorz:{saturation:{maxLeft:100,maxTop:100,callLeft:"setSaturation",callTop:"setBrightness"},hue:{maxLeft:100,maxTop:0,callLeft:"setHue",callTop:!1},alpha:{maxLeft:100,maxTop:0,callLeft:"setAlpha",callTop:!1}},template:'
'},d=function(d,e){this.element=a(d).addClass("colorpicker-element"),this.options=a.extend({},c,this.element.data(),e),this.component=this.options.component,this.component=this.component!==!1?this.element.find(this.component):!1,this.component&&0===this.component.length&&(this.component=!1),this.container=this.options.container===!0?this.element:this.options.container,this.container=this.container!==!1?a(this.container):!1,this.input=this.element.is("input")?this.element:this.options.input?this.element.find(this.options.input):!1,this.input&&0===this.input.length&&(this.input=!1),this.color=new b(this.options.color!==!1?this.options.color:this.getValue()),this.format=this.options.format!==!1?this.options.format:this.color.origFormat,this.picker=a(this.options.template),this.options.inline?this.picker.addClass("colorpicker-inline colorpicker-visible"):this.picker.addClass("colorpicker-hidden"),this.options.horizontal&&this.picker.addClass("colorpicker-horizontal"),("rgba"===this.format||"hsla"===this.format)&&this.picker.addClass("colorpicker-with-alpha"),this.picker.on("mousedown.colorpicker",a.proxy(this.mousedown,this)),this.picker.appendTo(this.container?this.container:a("body")),this.input!==!1&&(this.input.on({"keyup.colorpicker":a.proxy(this.keyup,this)}),this.component===!1&&this.element.on({"focus.colorpicker":a.proxy(this.show,this)}),this.options.inline===!1&&this.element.on({"focusout.colorpicker":a.proxy(this.hide,this)})),this.component!==!1&&this.component.on({"click.colorpicker":a.proxy(this.show,this)}),this.input===!1&&this.component===!1&&this.element.on({"click.colorpicker":a.proxy(this.show,this)}),this.update(),a(a.proxy(function(){this.element.trigger("create")},this))};d.version="2.0.0-beta",d.Color=b,d.prototype={constructor:d,destroy:function(){this.picker.remove(),this.element.removeData("colorpicker").off(".colorpicker"),this.input!==!1&&this.input.off(".colorpicker"),this.component!==!1&&this.component.off(".colorpicker"),this.element.removeClass("colorpicker-element"),this.element.trigger({type:"destroy"})},reposition:function(){if(this.options.inline!==!1)return!1;var a=this.component?this.component.offset():this.element.offset();this.picker.css({top:a.top+(this.component?this.component.outerHeight():this.element.outerHeight()),left:a.left})},show:function(b){return this.isDisabled()?!1:(this.picker.addClass("colorpicker-visible").removeClass("colorpicker-hidden"),this.reposition(),a(window).on("resize.colorpicker",a.proxy(this.reposition,this)),!this.hasInput()&&b&&b.stopPropagation&&b.preventDefault&&(b.stopPropagation(),b.preventDefault()),this.options.inline===!1&&a(window.document).on({"mousedown.colorpicker":a.proxy(this.hide,this)}),this.element.trigger({type:"showPicker",color:this.color}),void 0)},hide:function(){this.picker.addClass("colorpicker-hidden").removeClass("colorpicker-visible"),a(window).off("resize.colorpicker",this.reposition),a(document).off({"mousedown.colorpicker":this.hide}),this.update(),this.element.trigger({type:"hidePicker",color:this.color})},updateData:function(a){return a=a||this.color.toString(this.format),this.element.data("color",a),a},updateInput:function(a){return a=a||this.color.toString(this.format),this.input!==!1&&this.input.prop("value",a),a},updatePicker:function(a){void 0!==a&&(this.color=new b(a));var c=this.options.horizontal===!1?this.options.sliders:this.options.slidersHorz,d=this.picker.find("i");return 0!==d.length?(this.options.horizontal===!1?(c=this.options.sliders,d.eq(1).css("top",c.hue.maxTop*(1-this.color.value.h)).end().eq(2).css("top",c.alpha.maxTop*(1-this.color.value.a))):(c=this.options.slidersHorz,d.eq(1).css("left",c.hue.maxLeft*(1-this.color.value.h)).end().eq(2).css("left",c.alpha.maxLeft*(1-this.color.value.a))),d.eq(0).css({top:c.saturation.maxTop-this.color.value.b*c.saturation.maxTop,left:this.color.value.s*c.saturation.maxLeft}),this.picker.find(".colorpicker-saturation").css("backgroundColor",this.color.toHex(this.color.value.h,1,1,1)),this.picker.find(".colorpicker-alpha").css("backgroundColor",this.color.toHex()),this.picker.find(".colorpicker-color, .colorpicker-color div").css("backgroundColor",this.color.toString(this.format)),a):void 0},updateComponent:function(a){if(a=a||this.color.toString(this.format),this.component!==!1){var b=this.component.find("i").eq(0);b.length>0?b.css({backgroundColor:a}):this.component.css({backgroundColor:a})}return a},update:function(a){var b=this.updateComponent();return(this.getValue(!1)!==!1||a===!0)&&(this.updateInput(b),this.updateData(b)),this.updatePicker(),b},setValue:function(a){this.color=new b(a),this.update(),this.element.trigger({type:"changeColor",color:this.color,value:a})},getValue:function(a){a=void 0===a?"#000000":a;var b;return b=this.hasInput()?this.input.val():this.element.data("color"),(void 0===b||""===b||null===b)&&(b=a),b},hasInput:function(){return this.input!==!1},isDisabled:function(){return this.hasInput()?this.input.prop("disabled")===!0:!1},disable:function(){return this.hasInput()?(this.input.prop("disabled",!0),!0):!1},enable:function(){return this.hasInput()?(this.input.prop("disabled",!1),!0):!1},currentSlider:null,mousePointer:{left:0,top:0},mousedown:function(b){b.stopPropagation(),b.preventDefault();var c=a(b.target),d=c.closest("div"),e=this.options.horizontal?this.options.slidersHorz:this.options.sliders;if(!d.is(".colorpicker")){if(d.is(".colorpicker-saturation"))this.currentSlider=a.extend({},e.saturation);else if(d.is(".colorpicker-hue"))this.currentSlider=a.extend({},e.hue);else{if(!d.is(".colorpicker-alpha"))return!1;this.currentSlider=a.extend({},e.alpha)}var f=d.offset();this.currentSlider.guide=d.find("i")[0].style,this.currentSlider.left=b.pageX-f.left,this.currentSlider.top=b.pageY-f.top,this.mousePointer={left:b.pageX,top:b.pageY},a(document).on({"mousemove.colorpicker":a.proxy(this.mousemove,this),"mouseup.colorpicker":a.proxy(this.mouseup,this)}).trigger("mousemove")}return!1},mousemove:function(a){a.stopPropagation(),a.preventDefault();var b=Math.max(0,Math.min(this.currentSlider.maxLeft,this.currentSlider.left+((a.pageX||this.mousePointer.left)-this.mousePointer.left))),c=Math.max(0,Math.min(this.currentSlider.maxTop,this.currentSlider.top+((a.pageY||this.mousePointer.top)-this.mousePointer.top)));return this.currentSlider.guide.left=b+"px",this.currentSlider.guide.top=c+"px",this.currentSlider.callLeft&&this.color[this.currentSlider.callLeft].call(this.color,b/100),this.currentSlider.callTop&&this.color[this.currentSlider.callTop].call(this.color,c/100),this.update(!0),this.element.trigger({type:"changeColor",color:this.color}),!1},mouseup:function(b){return b.stopPropagation(),b.preventDefault(),a(document).off({"mousemove.colorpicker":this.mousemove,"mouseup.colorpicker":this.mouseup}),!1},keyup:function(a){if(38===a.keyCode)this.color.value.a<1&&(this.color.value.a=Math.round(100*(this.color.value.a+.01))/100),this.update(!0);else if(40===a.keyCode)this.color.value.a>0&&(this.color.value.a=Math.round(100*(this.color.value.a-.01))/100),this.update(!0);else{var c=this.input.val();this.color=new b(c),this.getValue(!1)!==!1&&(this.updateData(),this.updateComponent(),this.updatePicker())}this.element.trigger({type:"changeColor",color:this.color,value:c})}},a.colorpicker=d,a.fn.colorpicker=function(b){var c=arguments;return this.each(function(){var e=a(this),f=e.data("colorpicker"),g="object"==typeof b?b:{};f||"string"==typeof b?"string"==typeof b&&f[b].apply(f,Array.prototype.slice.call(c,1)):e.data("colorpicker",new d(this,g))})},a.fn.colorpicker.constructor=d}(window.jQuery); \ No newline at end of file +!(function (a) { + const b = function (a) { + this.value = { + h: 0, s: 0, b: 0, a: 1, + }, this.origFormat = null, a && (void 0 !== a.toLowerCase ? this.setColor(a) : void 0 !== a.h && (this.value = a)); + }; b.prototype = { + constructor: b, + _sanitizeNumber(a) { return typeof a === 'number' ? a : isNaN(a) || a === null || a === '' || void 0 === a ? 1 : void 0 !== a.toLowerCase ? parseFloat(a) : 1; }, + setColor(a) { + a = a.toLowerCase(), this.value = this.stringToHSB(a) || { + h: 0, s: 0, b: 0, a: 1, + }; + }, + stringToHSB(b) { b = b.toLowerCase(); const c = this; let d = !1; return a.each(this.stringParsers, (a, e) => { const f = e.re.exec(b); const g = f && e.parse.apply(c, [f]); const h = e.format || 'rgba'; return g ? (d = h.match(/hsla?/) ? c.RGBtoHSB.apply(c, c.HSLtoRGB.apply(c, g)) : c.RGBtoHSB.apply(c, g), c.origFormat = h, !1) : !0; }), d; }, + setHue(a) { this.value.h = 1 - a; }, + setSaturation(a) { this.value.s = a; }, + setBrightness(a) { this.value.b = 1 - a; }, + setAlpha(a) { this.value.a = parseInt(100 * (1 - a), 10) / 100; }, + toRGB(a, b, c, d) { + a = a || this.value.h, b = b || this.value.s, c = c || this.value.b, d = d || this.value.a; let e; let f; let g; let h; let i; let j; let k; let l; switch (a && void 0 === b && void 0 === c && (b = a.s, c = a.v, a = a.h), h = Math.floor(6 * a), i = 6 * a - h, j = c * (1 - b), k = c * (1 - i * b), l = c * (1 - (1 - i) * b), h % 6) { case 0: e = c, f = l, g = j; break; case 1: e = k, f = c, g = j; break; case 2: e = j, f = c, g = l; break; case 3: e = j, f = k, g = c; break; case 4: e = l, f = j, g = c; break; case 5: e = c, f = j, g = k; } return { + r: Math.floor(255 * e), g: Math.floor(255 * f), b: Math.floor(255 * g), a: d, + }; + }, + toHex(a, b, c, d) { const e = this.toRGB(a, b, c, d); return `#${(1 << 24 | parseInt(e.r) << 16 | parseInt(e.g) << 8 | parseInt(e.b)).toString(16).substr(1)}`; }, + toHSL(a, b, c, d) { + a = a || this.value.h, b = b || this.value.s, c = c || this.value.b, d = d || this.value.a; const e = a; let f = (2 - b) * c; let g = b * c; return g /= f > 0 && f <= 1 ? f : 2 - f, f /= 2, g > 1 && (g = 1), { + h: isNaN(e) ? 0 : e, s: isNaN(g) ? 0 : g, l: isNaN(f) ? 0 : f, a: isNaN(d) ? 0 : d, + }; + }, + RGBtoHSB(a, b, c, d) { + a /= 255, b /= 255, c /= 255; let e; let f; let g; let h; return g = Math.max(a, b, c), h = g - Math.min(a, b, c), e = h === 0 ? null : g === a ? (b - c) / h : g === b ? (c - a) / h + 2 : (a - b) / h + 4, e = (e + 360) % 6 * 60 / 360, f = h === 0 ? 0 : h / g, { + h: this._sanitizeNumber(e), s: f, b: g, a: this._sanitizeNumber(d), + }; + }, + HueToRGB(a, b, c) { return c < 0 ? c += 1 : c > 1 && (c -= 1), 6 * c < 1 ? a + (b - a) * c * 6 : 2 * c < 1 ? b : 3 * c < 2 ? a + (b - a) * (2 / 3 - c) * 6 : a; }, + HSLtoRGB(a, b, c, d) { b < 0 && (b = 0); let e; e = c <= 0.5 ? c * (1 + b) : c + b - c * b; const f = 2 * c - e; const g = a + 1 / 3; const h = a; const i = a - 1 / 3; const j = Math.round(255 * this.HueToRGB(f, e, g)); const k = Math.round(255 * this.HueToRGB(f, e, h)); const l = Math.round(255 * this.HueToRGB(f, e, i)); return [j, k, l, this._sanitizeNumber(d)]; }, + toString(a) { switch (a = a || 'rgba') { case 'rgb': var b = this.toRGB(); return `rgb(${b.r},${b.g},${b.b})`; case 'rgba': var b = this.toRGB(); return `rgba(${b.r},${b.g},${b.b},${b.a})`; case 'hsl': var c = this.toHSL(); return `hsl(${Math.round(360 * c.h)},${Math.round(100 * c.s)}%,${Math.round(100 * c.l)}%)`; case 'hsla': var c = this.toHSL(); return `hsla(${Math.round(360 * c.h)},${Math.round(100 * c.s)}%,${Math.round(100 * c.l)}%,${c.a})`; case 'hex': return this.toHex(); default: return !1; } }, + stringParsers: [{ re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/, format: 'hex', parse(a) { return [parseInt(a[1], 16), parseInt(a[2], 16), parseInt(a[3], 16), 1]; } }, { re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/, format: 'hex', parse(a) { return [parseInt(a[1] + a[1], 16), parseInt(a[2] + a[2], 16), parseInt(a[3] + a[3], 16), 1]; } }, { re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/, format: 'rgb', parse(a) { return [a[1], a[2], a[3], 1]; } }, { re: /rgb\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/, format: 'rgb', parse(a) { return [2.55 * a[1], 2.55 * a[2], 2.55 * a[3], 1]; } }, { re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, format: 'rgba', parse(a) { return [a[1], a[2], a[3], a[4]]; } }, { re: /rgba\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, format: 'rgba', parse(a) { return [2.55 * a[1], 2.55 * a[2], 2.55 * a[3], a[4]]; } }, { re: /hsl\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/, format: 'hsl', parse(a) { return [a[1] / 360, a[2] / 100, a[3] / 100, a[4]]; } }, { re: /hsla\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/, format: 'hsla', parse(a) { return [a[1] / 360, a[2] / 100, a[3] / 100, a[4]]; } }, { re: /^([a-z]{3,})$/, format: 'alias', parse(a) { const b = this.colorNameToHex(a[0]) || '#000000'; const c = this.stringParsers[0].re.exec(b); const d = c && this.stringParsers[0].parse.apply(this, [c]); return d; } }], + colorNameToHex(a) { + const b = { + aliceblue: '#f0f8ff', antiquewhite: '#faebd7', aqua: '#00ffff', aquamarine: '#7fffd4', azure: '#f0ffff', beige: '#f5f5dc', bisque: '#ffe4c4', black: '#000000', blanchedalmond: '#ffebcd', blue: '#0000ff', blueviolet: '#8a2be2', brown: '#a52a2a', burlywood: '#deb887', cadetblue: '#5f9ea0', chartreuse: '#7fff00', chocolate: '#d2691e', coral: '#ff7f50', cornflowerblue: '#6495ed', cornsilk: '#fff8dc', crimson: '#dc143c', cyan: '#00ffff', darkblue: '#00008b', darkcyan: '#008b8b', darkgoldenrod: '#b8860b', darkgray: '#a9a9a9', darkgreen: '#006400', darkkhaki: '#bdb76b', darkmagenta: '#8b008b', darkolivegreen: '#556b2f', darkorange: '#ff8c00', darkorchid: '#9932cc', darkred: '#8b0000', darksalmon: '#e9967a', darkseagreen: '#8fbc8f', darkslateblue: '#483d8b', darkslategray: '#2f4f4f', darkturquoise: '#00ced1', darkviolet: '#9400d3', deeppink: '#ff1493', deepskyblue: '#00bfff', dimgray: '#696969', dodgerblue: '#1e90ff', firebrick: '#b22222', floralwhite: '#fffaf0', forestgreen: '#228b22', fuchsia: '#ff00ff', gainsboro: '#dcdcdc', ghostwhite: '#f8f8ff', gold: '#ffd700', goldenrod: '#daa520', gray: '#808080', green: '#008000', greenyellow: '#adff2f', honeydew: '#f0fff0', hotpink: '#ff69b4', 'indianred ': '#cd5c5c', 'indigo ': '#4b0082', ivory: '#fffff0', khaki: '#f0e68c', lavender: '#e6e6fa', lavenderblush: '#fff0f5', lawngreen: '#7cfc00', lemonchiffon: '#fffacd', lightblue: '#add8e6', lightcoral: '#f08080', lightcyan: '#e0ffff', lightgoldenrodyellow: '#fafad2', lightgrey: '#d3d3d3', lightgreen: '#90ee90', lightpink: '#ffb6c1', lightsalmon: '#ffa07a', lightseagreen: '#20b2aa', lightskyblue: '#87cefa', lightslategray: '#778899', lightsteelblue: '#b0c4de', lightyellow: '#ffffe0', lime: '#00ff00', limegreen: '#32cd32', linen: '#faf0e6', magenta: '#ff00ff', maroon: '#800000', mediumaquamarine: '#66cdaa', mediumblue: '#0000cd', mediumorchid: '#ba55d3', mediumpurple: '#9370d8', mediumseagreen: '#3cb371', mediumslateblue: '#7b68ee', mediumspringgreen: '#00fa9a', mediumturquoise: '#48d1cc', mediumvioletred: '#c71585', midnightblue: '#191970', mintcream: '#f5fffa', mistyrose: '#ffe4e1', moccasin: '#ffe4b5', navajowhite: '#ffdead', navy: '#000080', oldlace: '#fdf5e6', olive: '#808000', olivedrab: '#6b8e23', orange: '#ffa500', orangered: '#ff4500', orchid: '#da70d6', palegoldenrod: '#eee8aa', palegreen: '#98fb98', paleturquoise: '#afeeee', palevioletred: '#d87093', papayawhip: '#ffefd5', peachpuff: '#ffdab9', peru: '#cd853f', pink: '#ffc0cb', plum: '#dda0dd', powderblue: '#b0e0e6', purple: '#800080', red: '#ff0000', rosybrown: '#bc8f8f', royalblue: '#4169e1', saddlebrown: '#8b4513', salmon: '#fa8072', sandybrown: '#f4a460', seagreen: '#2e8b57', seashell: '#fff5ee', sienna: '#a0522d', silver: '#c0c0c0', skyblue: '#87ceeb', slateblue: '#6a5acd', slategray: '#708090', snow: '#fffafa', springgreen: '#00ff7f', steelblue: '#4682b4', tan: '#d2b48c', teal: '#008080', thistle: '#d8bfd8', tomato: '#ff6347', turquoise: '#40e0d0', violet: '#ee82ee', wheat: '#f5deb3', white: '#ffffff', whitesmoke: '#f5f5f5', yellow: '#ffff00', yellowgreen: '#9acd32', + }; return typeof b[a.toLowerCase()] !== 'undefined' ? b[a.toLowerCase()] : !1; + }, + }; const c = { + horizontal: !1, + inline: !1, + color: !1, + format: !1, + input: 'input', + container: !1, + component: '.add-on, .input-group-addon', + sliders: { + saturation: { + maxLeft: 100, maxTop: 100, callLeft: 'setSaturation', callTop: 'setBrightness', + }, + hue: { + maxLeft: 0, maxTop: 100, callLeft: !1, callTop: 'setHue', + }, + alpha: { + maxLeft: 0, maxTop: 100, callLeft: !1, callTop: 'setAlpha', + }, + }, + slidersHorz: { + saturation: { + maxLeft: 100, maxTop: 100, callLeft: 'setSaturation', callTop: 'setBrightness', + }, + hue: { + maxLeft: 100, maxTop: 0, callLeft: 'setHue', callTop: !1, + }, + alpha: { + maxLeft: 100, maxTop: 0, callLeft: 'setAlpha', callTop: !1, + }, + }, + template: '
', + }; const d = function (d, e) { this.element = a(d).addClass('colorpicker-element'), this.options = a.extend({}, c, this.element.data(), e), this.component = this.options.component, this.component = this.component !== !1 ? this.element.find(this.component) : !1, this.component && this.component.length === 0 && (this.component = !1), this.container = this.options.container === !0 ? this.element : this.options.container, this.container = this.container !== !1 ? a(this.container) : !1, this.input = this.element.is('input') ? this.element : this.options.input ? this.element.find(this.options.input) : !1, this.input && this.input.length === 0 && (this.input = !1), this.color = new b(this.options.color !== !1 ? this.options.color : this.getValue()), this.format = this.options.format !== !1 ? this.options.format : this.color.origFormat, this.picker = a(this.options.template), this.options.inline ? this.picker.addClass('colorpicker-inline colorpicker-visible') : this.picker.addClass('colorpicker-hidden'), this.options.horizontal && this.picker.addClass('colorpicker-horizontal'), (this.format === 'rgba' || this.format === 'hsla') && this.picker.addClass('colorpicker-with-alpha'), this.picker.on('mousedown.colorpicker', a.proxy(this.mousedown, this)), this.picker.appendTo(this.container ? this.container : a('body')), this.input !== !1 && (this.input.on({ 'keyup.colorpicker': a.proxy(this.keyup, this) }), this.component === !1 && this.element.on({ 'focus.colorpicker': a.proxy(this.show, this) }), this.options.inline === !1 && this.element.on({ 'focusout.colorpicker': a.proxy(this.hide, this) })), this.component !== !1 && this.component.on({ 'click.colorpicker': a.proxy(this.show, this) }), this.input === !1 && this.component === !1 && this.element.on({ 'click.colorpicker': a.proxy(this.show, this) }), this.update(), a(a.proxy(function () { this.element.trigger('create'); }, this)); }; d.version = '2.0.0-beta', d.Color = b, d.prototype = { + constructor: d, + destroy() { this.picker.remove(), this.element.removeData('colorpicker').off('.colorpicker'), this.input !== !1 && this.input.off('.colorpicker'), this.component !== !1 && this.component.off('.colorpicker'), this.element.removeClass('colorpicker-element'), this.element.trigger({ type: 'destroy' }); }, + reposition() { if (this.options.inline !== !1) return !1; const a = this.component ? this.component.offset() : this.element.offset(); this.picker.css({ top: a.top + (this.component ? this.component.outerHeight() : this.element.outerHeight()), left: a.left }); }, + show(b) { return this.isDisabled() ? !1 : (this.picker.addClass('colorpicker-visible').removeClass('colorpicker-hidden'), this.reposition(), a(window).on('resize.colorpicker', a.proxy(this.reposition, this)), !this.hasInput() && b && b.stopPropagation && b.preventDefault && (b.stopPropagation(), b.preventDefault()), this.options.inline === !1 && a(window.document).on({ 'mousedown.colorpicker': a.proxy(this.hide, this) }), this.element.trigger({ type: 'showPicker', color: this.color }), void 0); }, + hide() { this.picker.addClass('colorpicker-hidden').removeClass('colorpicker-visible'), a(window).off('resize.colorpicker', this.reposition), a(document).off({ 'mousedown.colorpicker': this.hide }), this.update(), this.element.trigger({ type: 'hidePicker', color: this.color }); }, + updateData(a) { return a = a || this.color.toString(this.format), this.element.data('color', a), a; }, + updateInput(a) { return a = a || this.color.toString(this.format), this.input !== !1 && this.input.prop('value', a), a; }, + updatePicker(a) { + void 0 !== a && (this.color = new b(a)); let c = this.options.horizontal === !1 ? this.options.sliders : this.options.slidersHorz; const d = this.picker.find('i'); return d.length !== 0 ? (this.options.horizontal === !1 ? (c = this.options.sliders, d.eq(1).css('top', c.hue.maxTop * (1 - this.color.value.h)).end().eq(2) + .css('top', c.alpha.maxTop * (1 - this.color.value.a))) : (c = this.options.slidersHorz, d.eq(1).css('left', c.hue.maxLeft * (1 - this.color.value.h)).end().eq(2) + .css('left', c.alpha.maxLeft * (1 - this.color.value.a))), d.eq(0).css({ top: c.saturation.maxTop - this.color.value.b * c.saturation.maxTop, left: this.color.value.s * c.saturation.maxLeft }), this.picker.find('.colorpicker-saturation').css('backgroundColor', this.color.toHex(this.color.value.h, 1, 1, 1)), this.picker.find('.colorpicker-alpha').css('backgroundColor', this.color.toHex()), this.picker.find('.colorpicker-color, .colorpicker-color div').css('backgroundColor', this.color.toString(this.format)), a) : void 0; + }, + updateComponent(a) { if (a = a || this.color.toString(this.format), this.component !== !1) { const b = this.component.find('i').eq(0); b.length > 0 ? b.css({ backgroundColor: a }) : this.component.css({ backgroundColor: a }); } return a; }, + update(a) { const b = this.updateComponent(); return (this.getValue(!1) !== !1 || a === !0) && (this.updateInput(b), this.updateData(b)), this.updatePicker(), b; }, + setValue(a) { this.color = new b(a), this.update(), this.element.trigger({ type: 'changeColor', color: this.color, value: a }); }, + getValue(a) { a = void 0 === a ? '#000000' : a; let b; return b = this.hasInput() ? this.input.val() : this.element.data('color'), (void 0 === b || b === '' || b === null) && (b = a), b; }, + hasInput() { return this.input !== !1; }, + isDisabled() { return this.hasInput() ? this.input.prop('disabled') === !0 : !1; }, + disable() { return this.hasInput() ? (this.input.prop('disabled', !0), !0) : !1; }, + enable() { return this.hasInput() ? (this.input.prop('disabled', !1), !0) : !1; }, + currentSlider: null, + mousePointer: { left: 0, top: 0 }, + mousedown(b) { b.stopPropagation(), b.preventDefault(); const c = a(b.target); const d = c.closest('div'); const e = this.options.horizontal ? this.options.slidersHorz : this.options.sliders; if (!d.is('.colorpicker')) { if (d.is('.colorpicker-saturation')) this.currentSlider = a.extend({}, e.saturation); else if (d.is('.colorpicker-hue')) this.currentSlider = a.extend({}, e.hue); else { if (!d.is('.colorpicker-alpha')) return !1; this.currentSlider = a.extend({}, e.alpha); } const f = d.offset(); this.currentSlider.guide = d.find('i')[0].style, this.currentSlider.left = b.pageX - f.left, this.currentSlider.top = b.pageY - f.top, this.mousePointer = { left: b.pageX, top: b.pageY }, a(document).on({ 'mousemove.colorpicker': a.proxy(this.mousemove, this), 'mouseup.colorpicker': a.proxy(this.mouseup, this) }).trigger('mousemove'); } return !1; }, + mousemove(a) { a.stopPropagation(), a.preventDefault(); const b = Math.max(0, Math.min(this.currentSlider.maxLeft, this.currentSlider.left + ((a.pageX || this.mousePointer.left) - this.mousePointer.left))); const c = Math.max(0, Math.min(this.currentSlider.maxTop, this.currentSlider.top + ((a.pageY || this.mousePointer.top) - this.mousePointer.top))); return this.currentSlider.guide.left = `${b}px`, this.currentSlider.guide.top = `${c}px`, this.currentSlider.callLeft && this.color[this.currentSlider.callLeft].call(this.color, b / 100), this.currentSlider.callTop && this.color[this.currentSlider.callTop].call(this.color, c / 100), this.update(!0), this.element.trigger({ type: 'changeColor', color: this.color }), !1; }, + mouseup(b) { return b.stopPropagation(), b.preventDefault(), a(document).off({ 'mousemove.colorpicker': this.mousemove, 'mouseup.colorpicker': this.mouseup }), !1; }, + keyup(a) { if (a.keyCode === 38) this.color.value.a < 1 && (this.color.value.a = Math.round(100 * (this.color.value.a + 0.01)) / 100), this.update(!0); else if (a.keyCode === 40) this.color.value.a > 0 && (this.color.value.a = Math.round(100 * (this.color.value.a - 0.01)) / 100), this.update(!0); else { var c = this.input.val(); this.color = new b(c), this.getValue(!1) !== !1 && (this.updateData(), this.updateComponent(), this.updatePicker()); } this.element.trigger({ type: 'changeColor', color: this.color, value: c }); }, + }, a.colorpicker = d, a.fn.colorpicker = function (b) { const c = arguments; return this.each(function () { const e = a(this); const f = e.data('colorpicker'); const g = typeof b === 'object' ? b : {}; f || typeof b === 'string' ? typeof b === 'string' && f[b].apply(f, Array.prototype.slice.call(c, 1)) : e.data('colorpicker', new d(this, g)); }); }, a.fn.colorpicker.constructor = d; +}(window.jQuery)); diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.js b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.js index 8ae571b6..bf5287cc 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.js +++ b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.js @@ -4,7 +4,7 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') } +if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery'); } /* ======================================================================== * Bootstrap: transition.js v3.1.1 @@ -14,46 +14,43 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ function transitionEnd() { - var el = document.createElement('bootstrap') + const el = document.createElement('bootstrap'); - var transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd', - 'MozTransition' : 'transitionend', - 'OTransition' : 'oTransitionEnd otransitionend', - 'transition' : 'transitionend' - } + const transEndEventNames = { + WebkitTransition: 'webkitTransitionEnd', + MozTransition: 'transitionend', + OTransition: 'oTransitionEnd otransitionend', + transition: 'transitionend', + }; - for (var name in transEndEventNames) { + for (const name in transEndEventNames) { if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] } + return { end: transEndEventNames[name] }; } } - return false // explicit for ie8 ( ._.) + return false; // explicit for ie8 ( ._.) } // http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { - var called = false, $el = this - $(this).one($.support.transition.end, function () { called = true }) - var callback = function () { if (!called) $($el).trigger($.support.transition.end) } - setTimeout(callback, duration) - return this - } + let called = false; const + $el = this; + $(this).one($.support.transition.end, () => { called = true; }); + const callback = function () { if (!called) $($el).trigger($.support.transition.end); }; + setTimeout(callback, duration); + return this; + }; - $(function () { - $.support.transition = transitionEnd() - }) - -}(jQuery); + $(() => { + $.support.transition = transitionEnd(); + }); +}(jQuery)); /* ======================================================================== * Bootstrap: alert.js v3.1.1 @@ -63,86 +60,79 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // ALERT CLASS DEFINITION // ====================== - var dismiss = '[data-dismiss="alert"]' - var Alert = function (el) { - $(el).on('click', dismiss, this.close) - } + const dismiss = '[data-dismiss="alert"]'; + const Alert = function (el) { + $(el).on('click', dismiss, this.close); + }; Alert.prototype.close = function (e) { - var $this = $(this) - var selector = $this.attr('data-target') + const $this = $(this); + let selector = $this.attr('data-target'); if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + selector = $this.attr('href'); + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7 } - var $parent = $(selector) + let $parent = $(selector); - if (e) e.preventDefault() + if (e) e.preventDefault(); if (!$parent.length) { - $parent = $this.hasClass('alert') ? $this : $this.parent() + $parent = $this.hasClass('alert') ? $this : $this.parent(); } - $parent.trigger(e = $.Event('close.bs.alert')) + $parent.trigger(e = $.Event('close.bs.alert')); - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return; - $parent.removeClass('in') + $parent.removeClass('in'); function removeElement() { - $parent.trigger('closed.bs.alert').remove() + $parent.trigger('closed.bs.alert').remove(); } - $.support.transition && $parent.hasClass('fade') ? - $parent + $.support.transition && $parent.hasClass('fade') + ? $parent .one($.support.transition.end, removeElement) - .emulateTransitionEnd(150) : - removeElement() - } - + .emulateTransitionEnd(150) + : removeElement(); + }; // ALERT PLUGIN DEFINITION // ======================= - var old = $.fn.alert + const old = $.fn.alert; $.fn.alert = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.alert') + const $this = $(this); + let data = $this.data('bs.alert'); - if (!data) $this.data('bs.alert', (data = new Alert(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - $.fn.alert.Constructor = Alert + if (!data) $this.data('bs.alert', (data = new Alert(this))); + if (typeof option === 'string') data[option].call($this); + }); + }; + $.fn.alert.Constructor = Alert; // ALERT NO CONFLICT // ================= $.fn.alert.noConflict = function () { - $.fn.alert = old - return this - } - + $.fn.alert = old; + return this; + }; // ALERT DATA-API // ============== - $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) - -}(jQuery); + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close); +}(jQuery)); /* ======================================================================== * Bootstrap: button.js v3.1.1 @@ -152,105 +142,98 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // BUTTON PUBLIC CLASS DEFINITION // ============================== var Button = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Button.DEFAULTS, options) - this.isLoading = false - } + this.$element = $(element); + this.options = $.extend({}, Button.DEFAULTS, options); + this.isLoading = false; + }; Button.DEFAULTS = { - loadingText: 'loading...' - } + loadingText: 'loading...', + }; Button.prototype.setState = function (state) { - var d = 'disabled' - var $el = this.$element - var val = $el.is('input') ? 'val' : 'html' - var data = $el.data() + const d = 'disabled'; + const $el = this.$element; + const val = $el.is('input') ? 'val' : 'html'; + const data = $el.data(); - state = state + 'Text' + state += 'Text'; - if (!data.resetText) $el.data('resetText', $el[val]()) + if (!data.resetText) $el.data('resetText', $el[val]()); - $el[val](data[state] || this.options[state]) + $el[val](data[state] || this.options[state]); // push to event loop to allow forms to submit setTimeout($.proxy(function () { if (state == 'loadingText') { - this.isLoading = true - $el.addClass(d).attr(d, d) + this.isLoading = true; + $el.addClass(d).attr(d, d); } else if (this.isLoading) { - this.isLoading = false - $el.removeClass(d).removeAttr(d) + this.isLoading = false; + $el.removeClass(d).removeAttr(d); } - }, this), 0) - } + }, this), 0); + }; Button.prototype.toggle = function () { - var changed = true - var $parent = this.$element.closest('[data-toggle="buttons"]') + let changed = true; + const $parent = this.$element.closest('[data-toggle="buttons"]'); if ($parent.length) { - var $input = this.$element.find('input') + const $input = this.$element.find('input'); if ($input.prop('type') == 'radio') { - if ($input.prop('checked') && this.$element.hasClass('active')) changed = false - else $parent.find('.active').removeClass('active') + if ($input.prop('checked') && this.$element.hasClass('active')) changed = false; + else $parent.find('.active').removeClass('active'); } - if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') + if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change'); } - if (changed) this.$element.toggleClass('active') - } - + if (changed) this.$element.toggleClass('active'); + }; // BUTTON PLUGIN DEFINITION // ======================== - var old = $.fn.button + const old = $.fn.button; $.fn.button = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.button') - var options = typeof option == 'object' && option + const $this = $(this); + let data = $this.data('bs.button'); + const options = typeof option === 'object' && option; - if (!data) $this.data('bs.button', (data = new Button(this, options))) + if (!data) $this.data('bs.button', (data = new Button(this, options))); - if (option == 'toggle') data.toggle() - else if (option) data.setState(option) - }) - } - - $.fn.button.Constructor = Button + if (option == 'toggle') data.toggle(); + else if (option) data.setState(option); + }); + }; + $.fn.button.Constructor = Button; // BUTTON NO CONFLICT // ================== $.fn.button.noConflict = function () { - $.fn.button = old - return this - } - + $.fn.button = old; + return this; + }; // BUTTON DATA-API // =============== - $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { - var $btn = $(e.target) - if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') - $btn.button('toggle') - e.preventDefault() - }) - -}(jQuery); + $(document).on('click.bs.button.data-api', '[data-toggle^=button]', (e) => { + let $btn = $(e.target); + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn'); + $btn.button('toggle'); + e.preventDefault(); + }); +}(jQuery)); /* ======================================================================== * Bootstrap: carousel.js v3.1.1 @@ -260,203 +243,193 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // CAROUSEL CLASS DEFINITION // ========================= - var Carousel = function (element, options) { - this.$element = $(element) - this.$indicators = this.$element.find('.carousel-indicators') - this.options = options - this.paused = - this.sliding = - this.interval = - this.$active = - this.$items = null + const Carousel = function (element, options) { + this.$element = $(element); + this.$indicators = this.$element.find('.carousel-indicators'); + this.options = options; + this.paused = this.sliding = this.interval = this.$active = this.$items = null; this.options.pause == 'hover' && this.$element .on('mouseenter', $.proxy(this.pause, this)) - .on('mouseleave', $.proxy(this.cycle, this)) - } + .on('mouseleave', $.proxy(this.cycle, this)); + }; Carousel.DEFAULTS = { interval: 5000, pause: 'hover', - wrap: true - } + wrap: true, + }; - Carousel.prototype.cycle = function (e) { - e || (this.paused = false) + Carousel.prototype.cycle = function (e) { + e || (this.paused = false); - this.interval && clearInterval(this.interval) + this.interval && clearInterval(this.interval); this.options.interval && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)); - return this - } + return this; + }; Carousel.prototype.getActiveIndex = function () { - this.$active = this.$element.find('.item.active') - this.$items = this.$active.parent().children() + this.$active = this.$element.find('.item.active'); + this.$items = this.$active.parent().children(); - return this.$items.index(this.$active) - } + return this.$items.index(this.$active); + }; Carousel.prototype.to = function (pos) { - var that = this - var activeIndex = this.getActiveIndex() + const that = this; + const activeIndex = this.getActiveIndex(); - if (pos > (this.$items.length - 1) || pos < 0) return + if (pos > (this.$items.length - 1) || pos < 0) return; - if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) - if (activeIndex == pos) return this.pause().cycle() + if (this.sliding) return this.$element.one('slid.bs.carousel', () => { that.to(pos); }); + if (activeIndex == pos) return this.pause().cycle(); - return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) - } + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])); + }; Carousel.prototype.pause = function (e) { - e || (this.paused = true) + e || (this.paused = true); if (this.$element.find('.next, .prev').length && $.support.transition) { - this.$element.trigger($.support.transition.end) - this.cycle(true) + this.$element.trigger($.support.transition.end); + this.cycle(true); } - this.interval = clearInterval(this.interval) + this.interval = clearInterval(this.interval); - return this - } + return this; + }; Carousel.prototype.next = function () { - if (this.sliding) return - return this.slide('next') - } + if (this.sliding) return; + return this.slide('next'); + }; Carousel.prototype.prev = function () { - if (this.sliding) return - return this.slide('prev') - } + if (this.sliding) return; + return this.slide('prev'); + }; Carousel.prototype.slide = function (type, next) { - var $active = this.$element.find('.item.active') - var $next = next || $active[type]() - var isCycling = this.interval - var direction = type == 'next' ? 'left' : 'right' - var fallback = type == 'next' ? 'first' : 'last' - var that = this + const $active = this.$element.find('.item.active'); + let $next = next || $active[type](); + const isCycling = this.interval; + const direction = type == 'next' ? 'left' : 'right'; + const fallback = type == 'next' ? 'first' : 'last'; + const that = this; if (!$next.length) { - if (!this.options.wrap) return - $next = this.$element.find('.item')[fallback]() + if (!this.options.wrap) return; + $next = this.$element.find('.item')[fallback](); } - if ($next.hasClass('active')) return this.sliding = false + if ($next.hasClass('active')) return this.sliding = false; - var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) - this.$element.trigger(e) - if (e.isDefaultPrevented()) return + const e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction }); + this.$element.trigger(e); + if (e.isDefaultPrevented()) return; - this.sliding = true + this.sliding = true; - isCycling && this.pause() + isCycling && this.pause(); if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - this.$element.one('slid.bs.carousel', function () { - var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) - $nextIndicator && $nextIndicator.addClass('active') - }) + this.$indicators.find('.active').removeClass('active'); + this.$element.one('slid.bs.carousel', () => { + const $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]); + $nextIndicator && $nextIndicator.addClass('active'); + }); } if ($.support.transition && this.$element.hasClass('slide')) { - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) + $next.addClass(type); + $next[0].offsetWidth; // force reflow + $active.addClass(direction); + $next.addClass(direction); $active - .one($.support.transition.end, function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0) + .one($.support.transition.end, () => { + $next.removeClass([type, direction].join(' ')).addClass('active'); + $active.removeClass(['active', direction].join(' ')); + that.sliding = false; + setTimeout(() => { that.$element.trigger('slid.bs.carousel'); }, 0); }) - .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000) + .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000); } else { - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger('slid.bs.carousel') + $active.removeClass('active'); + $next.addClass('active'); + this.sliding = false; + this.$element.trigger('slid.bs.carousel'); } - isCycling && this.cycle() - - return this - } + isCycling && this.cycle(); + return this; + }; // CAROUSEL PLUGIN DEFINITION // ========================== - var old = $.fn.carousel + const old = $.fn.carousel; $.fn.carousel = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.carousel') - var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) - var action = typeof option == 'string' ? option : options.slide + const $this = $(this); + let data = $this.data('bs.carousel'); + const options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option === 'object' && option); + const action = typeof option === 'string' ? option : options.slide; - if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) - if (typeof option == 'number') data.to(option) - else if (action) data[action]() - else if (options.interval) data.pause().cycle() - }) - } - - $.fn.carousel.Constructor = Carousel + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))); + if (typeof option === 'number') data.to(option); + else if (action) data[action](); + else if (options.interval) data.pause().cycle(); + }); + }; + $.fn.carousel.Constructor = Carousel; // CAROUSEL NO CONFLICT // ==================== $.fn.carousel.noConflict = function () { - $.fn.carousel = old - return this - } - + $.fn.carousel = old; + return this; + }; // CAROUSEL DATA-API // ================= $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { - var $this = $(this), href - var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - var options = $.extend({}, $target.data(), $this.data()) - var slideIndex = $this.attr('data-slide-to') - if (slideIndex) options.interval = false + const $this = $(this); let + href; + const $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7 + const options = $.extend({}, $target.data(), $this.data()); + let slideIndex = $this.attr('data-slide-to'); + if (slideIndex) options.interval = false; - $target.carousel(options) + $target.carousel(options); if (slideIndex = $this.attr('data-slide-to')) { - $target.data('bs.carousel').to(slideIndex) + $target.data('bs.carousel').to(slideIndex); } - e.preventDefault() - }) + e.preventDefault(); + }); - $(window).on('load', function () { + $(window).on('load', () => { $('[data-ride="carousel"]').each(function () { - var $carousel = $(this) - $carousel.carousel($carousel.data()) - }) - }) - -}(jQuery); + const $carousel = $(this); + $carousel.carousel($carousel.data()); + }); + }); +}(jQuery)); /* ======================================================================== * Bootstrap: collapse.js v3.1.1 @@ -466,168 +439,162 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // COLLAPSE PUBLIC CLASS DEFINITION // ================================ var Collapse = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Collapse.DEFAULTS, options) - this.transitioning = null + this.$element = $(element); + this.options = $.extend({}, Collapse.DEFAULTS, options); + this.transitioning = null; - if (this.options.parent) this.$parent = $(this.options.parent) - if (this.options.toggle) this.toggle() - } + if (this.options.parent) this.$parent = $(this.options.parent); + if (this.options.toggle) this.toggle(); + }; Collapse.DEFAULTS = { - toggle: true - } + toggle: true, + }; Collapse.prototype.dimension = function () { - var hasWidth = this.$element.hasClass('width') - return hasWidth ? 'width' : 'height' - } + const hasWidth = this.$element.hasClass('width'); + return hasWidth ? 'width' : 'height'; + }; Collapse.prototype.show = function () { - if (this.transitioning || this.$element.hasClass('in')) return + if (this.transitioning || this.$element.hasClass('in')) return; - var startEvent = $.Event('show.bs.collapse') - this.$element.trigger(startEvent) - if (startEvent.isDefaultPrevented()) return + const startEvent = $.Event('show.bs.collapse'); + this.$element.trigger(startEvent); + if (startEvent.isDefaultPrevented()) return; - var actives = this.$parent && this.$parent.find('> .panel > .in') + const actives = this.$parent && this.$parent.find('> .panel > .in'); if (actives && actives.length) { - var hasData = actives.data('bs.collapse') - if (hasData && hasData.transitioning) return - actives.collapse('hide') - hasData || actives.data('bs.collapse', null) + const hasData = actives.data('bs.collapse'); + if (hasData && hasData.transitioning) return; + actives.collapse('hide'); + hasData || actives.data('bs.collapse', null); } - var dimension = this.dimension() + const dimension = this.dimension(); this.$element .removeClass('collapse') .addClass('collapsing') - [dimension](0) + [dimension](0); - this.transitioning = 1 + this.transitioning = 1; - var complete = function () { + const complete = function () { this.$element .removeClass('collapsing') .addClass('collapse in') - [dimension]('auto') - this.transitioning = 0 - this.$element.trigger('shown.bs.collapse') - } + [dimension]('auto'); + this.transitioning = 0; + this.$element.trigger('shown.bs.collapse'); + }; - if (!$.support.transition) return complete.call(this) + if (!$.support.transition) return complete.call(this); - var scrollSize = $.camelCase(['scroll', dimension].join('-')) + const scrollSize = $.camelCase(['scroll', dimension].join('-')); this.$element .one($.support.transition.end, $.proxy(complete, this)) .emulateTransitionEnd(350) - [dimension](this.$element[0][scrollSize]) - } + [dimension](this.$element[0][scrollSize]); + }; Collapse.prototype.hide = function () { - if (this.transitioning || !this.$element.hasClass('in')) return + if (this.transitioning || !this.$element.hasClass('in')) return; - var startEvent = $.Event('hide.bs.collapse') - this.$element.trigger(startEvent) - if (startEvent.isDefaultPrevented()) return + const startEvent = $.Event('hide.bs.collapse'); + this.$element.trigger(startEvent); + if (startEvent.isDefaultPrevented()) return; - var dimension = this.dimension() + const dimension = this.dimension(); this.$element [dimension](this.$element[dimension]()) - [0].offsetHeight + [0].offsetHeight; this.$element .addClass('collapsing') .removeClass('collapse') - .removeClass('in') + .removeClass('in'); - this.transitioning = 1 + this.transitioning = 1; - var complete = function () { - this.transitioning = 0 + const complete = function () { + this.transitioning = 0; this.$element .trigger('hidden.bs.collapse') .removeClass('collapsing') - .addClass('collapse') - } + .addClass('collapse'); + }; - if (!$.support.transition) return complete.call(this) + if (!$.support.transition) return complete.call(this); this.$element [dimension](0) .one($.support.transition.end, $.proxy(complete, this)) - .emulateTransitionEnd(350) - } + .emulateTransitionEnd(350); + }; Collapse.prototype.toggle = function () { - this[this.$element.hasClass('in') ? 'hide' : 'show']() - } - + this[this.$element.hasClass('in') ? 'hide' : 'show'](); + }; // COLLAPSE PLUGIN DEFINITION // ========================== - var old = $.fn.collapse + const old = $.fn.collapse; $.fn.collapse = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.collapse') - var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) + const $this = $(this); + let data = $this.data('bs.collapse'); + const options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option === 'object' && option); - if (!data && options.toggle && option == 'show') option = !option - if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.collapse.Constructor = Collapse + if (!data && options.toggle && option == 'show') option = !option; + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))); + if (typeof option === 'string') data[option](); + }); + }; + $.fn.collapse.Constructor = Collapse; // COLLAPSE NO CONFLICT // ==================== $.fn.collapse.noConflict = function () { - $.fn.collapse = old - return this - } - + $.fn.collapse = old; + return this; + }; // COLLAPSE DATA-API // ================= $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { - var $this = $(this), href - var target = $this.attr('data-target') + const $this = $(this); let + href; + const target = $this.attr('data-target') || e.preventDefault() - || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 - var $target = $(target) - var data = $target.data('bs.collapse') - var option = data ? 'toggle' : $this.data() - var parent = $this.attr('data-parent') - var $parent = parent && $(parent) + || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ''); // strip for ie7 + const $target = $(target); + const data = $target.data('bs.collapse'); + const option = data ? 'toggle' : $this.data(); + const parent = $this.attr('data-parent'); + const $parent = parent && $(parent); if (!data || !data.transitioning) { - if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed') - $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + if ($parent) $parent.find(`[data-toggle=collapse][data-parent="${parent}"]`).not($this).addClass('collapsed'); + $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed'); } - $target.collapse(option) - }) - -}(jQuery); + $target.collapse(option); + }); +}(jQuery)); /* ======================================================================== * Bootstrap: dropdown.js v3.1.1 @@ -637,145 +604,138 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // DROPDOWN CLASS DEFINITION // ========================= - var backdrop = '.dropdown-backdrop' - var toggle = '[data-toggle=dropdown]' - var Dropdown = function (element) { - $(element).on('click.bs.dropdown', this.toggle) - } + const backdrop = '.dropdown-backdrop'; + const toggle = '[data-toggle=dropdown]'; + const Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle); + }; Dropdown.prototype.toggle = function (e) { - var $this = $(this) + const $this = $(this); - if ($this.is('.disabled, :disabled')) return + if ($this.is('.disabled, :disabled')) return; - var $parent = getParent($this) - var isActive = $parent.hasClass('open') + const $parent = getParent($this); + const isActive = $parent.hasClass('open'); - clearMenus() + clearMenus(); if (!isActive) { if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we use a backdrop because click events don't delegate - $('
').insertAfter($(this)).on('click', clearMenus) + $('
').insertAfter($(this)).on('click', clearMenus); } - var relatedTarget = { relatedTarget: this } - $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + const relatedTarget = { relatedTarget: this }; + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)); - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return; $parent .toggleClass('open') - .trigger('shown.bs.dropdown', relatedTarget) + .trigger('shown.bs.dropdown', relatedTarget); - $this.focus() + $this.focus(); } - return false - } + return false; + }; Dropdown.prototype.keydown = function (e) { - if (!/(38|40|27)/.test(e.keyCode)) return + if (!/(38|40|27)/.test(e.keyCode)) return; - var $this = $(this) + const $this = $(this); - e.preventDefault() - e.stopPropagation() + e.preventDefault(); + e.stopPropagation(); - if ($this.is('.disabled, :disabled')) return + if ($this.is('.disabled, :disabled')) return; - var $parent = getParent($this) - var isActive = $parent.hasClass('open') + const $parent = getParent($this); + const isActive = $parent.hasClass('open'); if (!isActive || (isActive && e.keyCode == 27)) { - if (e.which == 27) $parent.find(toggle).focus() - return $this.click() + if (e.which == 27) $parent.find(toggle).focus(); + return $this.click(); } - var desc = ' li:not(.divider):visible a' - var $items = $parent.find('[role=menu]' + desc + ', [role=listbox]' + desc) + const desc = ' li:not(.divider):visible a'; + const $items = $parent.find(`[role=menu]${desc}, [role=listbox]${desc}`); - if (!$items.length) return + if (!$items.length) return; - var index = $items.index($items.filter(':focus')) + let index = $items.index($items.filter(':focus')); - if (e.keyCode == 38 && index > 0) index-- // up - if (e.keyCode == 40 && index < $items.length - 1) index++ // down - if (!~index) index = 0 + if (e.keyCode == 38 && index > 0) index--; // up + if (e.keyCode == 40 && index < $items.length - 1) index++; // down + if (!~index) index = 0; - $items.eq(index).focus() - } + $items.eq(index).focus(); + }; function clearMenus(e) { - $(backdrop).remove() + $(backdrop).remove(); $(toggle).each(function () { - var $parent = getParent($(this)) - var relatedTarget = { relatedTarget: this } - if (!$parent.hasClass('open')) return - $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) - if (e.isDefaultPrevented()) return - $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) - }) + const $parent = getParent($(this)); + const relatedTarget = { relatedTarget: this }; + if (!$parent.hasClass('open')) return; + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)); + if (e.isDefaultPrevented()) return; + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget); + }); } function getParent($this) { - var selector = $this.attr('data-target') + let selector = $this.attr('data-target'); if (!selector) { - selector = $this.attr('href') - selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + selector = $this.attr('href'); + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7 } - var $parent = selector && $(selector) + const $parent = selector && $(selector); - return $parent && $parent.length ? $parent : $this.parent() + return $parent && $parent.length ? $parent : $this.parent(); } - // DROPDOWN PLUGIN DEFINITION // ========================== - var old = $.fn.dropdown + const old = $.fn.dropdown; $.fn.dropdown = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.dropdown') + const $this = $(this); + let data = $this.data('bs.dropdown'); - if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - $.fn.dropdown.Constructor = Dropdown + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))); + if (typeof option === 'string') data[option].call($this); + }); + }; + $.fn.dropdown.Constructor = Dropdown; // DROPDOWN NO CONFLICT // ==================== $.fn.dropdown.noConflict = function () { - $.fn.dropdown = old - return this - } - + $.fn.dropdown = old; + return this; + }; // APPLY TO STANDARD DROPDOWN ELEMENTS // =================================== $(document) .on('click.bs.dropdown.data-api', clearMenus) - .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', '.dropdown form', (e) => { e.stopPropagation(); }) .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) - .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu], [role=listbox]', Dropdown.prototype.keydown) - -}(jQuery); + .on('keydown.bs.dropdown.data-api', `${toggle}, [role=menu], [role=listbox]`, Dropdown.prototype.keydown); +}(jQuery)); /* ======================================================================== * Bootstrap: modal.js v3.1.1 @@ -785,241 +745,231 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // MODAL CLASS DEFINITION // ====================== - var Modal = function (element, options) { - this.options = options - this.$element = $(element) - this.$backdrop = - this.isShown = null + const Modal = function (element, options) { + this.options = options; + this.$element = $(element); + this.$backdrop = this.isShown = null; if (this.options.remote) { this.$element .find('.modal-content') .load(this.options.remote, $.proxy(function () { - this.$element.trigger('loaded.bs.modal') - }, this)) + this.$element.trigger('loaded.bs.modal'); + }, this)); } - } + }; Modal.DEFAULTS = { backdrop: true, keyboard: true, - show: true - } + show: true, + }; Modal.prototype.toggle = function (_relatedTarget) { - return this[!this.isShown ? 'show' : 'hide'](_relatedTarget) - } + return this[!this.isShown ? 'show' : 'hide'](_relatedTarget); + }; Modal.prototype.show = function (_relatedTarget) { - var that = this - var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) + const that = this; + const e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }); - this.$element.trigger(e) + this.$element.trigger(e); - if (this.isShown || e.isDefaultPrevented()) return + if (this.isShown || e.isDefaultPrevented()) return; - this.isShown = true + this.isShown = true; - this.escape() + this.escape(); - this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) + this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)); - this.backdrop(function () { - var transition = $.support.transition && that.$element.hasClass('fade') + this.backdrop(() => { + const transition = $.support.transition && that.$element.hasClass('fade'); if (!that.$element.parent().length) { - that.$element.appendTo(document.body) // don't move modals dom position + that.$element.appendTo(document.body); // don't move modals dom position } that.$element .show() - .scrollTop(0) + .scrollTop(0); if (transition) { - that.$element[0].offsetWidth // force reflow + that.$element[0].offsetWidth; // force reflow } that.$element .addClass('in') - .attr('aria-hidden', false) + .attr('aria-hidden', false); - that.enforceFocus() + that.enforceFocus(); - var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) + const e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }); - transition ? - that.$element.find('.modal-dialog') // wait for modal to slide in - .one($.support.transition.end, function () { - that.$element.focus().trigger(e) + transition + ? that.$element.find('.modal-dialog') // wait for modal to slide in + .one($.support.transition.end, () => { + that.$element.focus().trigger(e); }) - .emulateTransitionEnd(300) : - that.$element.focus().trigger(e) - }) - } + .emulateTransitionEnd(300) + : that.$element.focus().trigger(e); + }); + }; Modal.prototype.hide = function (e) { - if (e) e.preventDefault() + if (e) e.preventDefault(); - e = $.Event('hide.bs.modal') + e = $.Event('hide.bs.modal'); - this.$element.trigger(e) + this.$element.trigger(e); - if (!this.isShown || e.isDefaultPrevented()) return + if (!this.isShown || e.isDefaultPrevented()) return; - this.isShown = false + this.isShown = false; - this.escape() + this.escape(); - $(document).off('focusin.bs.modal') + $(document).off('focusin.bs.modal'); this.$element .removeClass('in') .attr('aria-hidden', true) - .off('click.dismiss.bs.modal') + .off('click.dismiss.bs.modal'); - $.support.transition && this.$element.hasClass('fade') ? - this.$element + $.support.transition && this.$element.hasClass('fade') + ? this.$element .one($.support.transition.end, $.proxy(this.hideModal, this)) - .emulateTransitionEnd(300) : - this.hideModal() - } + .emulateTransitionEnd(300) + : this.hideModal(); + }; Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { - this.$element.focus() + this.$element.focus(); } - }, this)) - } + }, this)); + }; Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) { - e.which == 27 && this.hide() - }, this)) + e.which == 27 && this.hide(); + }, this)); } else if (!this.isShown) { - this.$element.off('keyup.dismiss.bs.modal') + this.$element.off('keyup.dismiss.bs.modal'); } - } + }; Modal.prototype.hideModal = function () { - var that = this - this.$element.hide() - this.backdrop(function () { - that.removeBackdrop() - that.$element.trigger('hidden.bs.modal') - }) - } + const that = this; + this.$element.hide(); + this.backdrop(() => { + that.removeBackdrop(); + that.$element.trigger('hidden.bs.modal'); + }); + }; Modal.prototype.removeBackdrop = function () { - this.$backdrop && this.$backdrop.remove() - this.$backdrop = null - } + this.$backdrop && this.$backdrop.remove(); + this.$backdrop = null; + }; Modal.prototype.backdrop = function (callback) { - var animate = this.$element.hasClass('fade') ? 'fade' : '' + const animate = this.$element.hasClass('fade') ? 'fade' : ''; if (this.isShown && this.options.backdrop) { - var doAnimate = $.support.transition && animate + const doAnimate = $.support.transition && animate; - this.$backdrop = $('
') - .appendTo(document.body) + this.$backdrop = $(`
`) + .appendTo(document.body); this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { - if (e.target !== e.currentTarget) return + if (e.target !== e.currentTarget) return; this.options.backdrop == 'static' ? this.$element[0].focus.call(this.$element[0]) - : this.hide.call(this) - }, this)) + : this.hide.call(this); + }, this)); - if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + if (doAnimate) this.$backdrop[0].offsetWidth; // force reflow - this.$backdrop.addClass('in') + this.$backdrop.addClass('in'); - if (!callback) return + if (!callback) return; - doAnimate ? - this.$backdrop + doAnimate + ? this.$backdrop .one($.support.transition.end, callback) - .emulateTransitionEnd(150) : - callback() - + .emulateTransitionEnd(150) + : callback(); } else if (!this.isShown && this.$backdrop) { - this.$backdrop.removeClass('in') + this.$backdrop.removeClass('in'); - $.support.transition && this.$element.hasClass('fade') ? - this.$backdrop + $.support.transition && this.$element.hasClass('fade') + ? this.$backdrop .one($.support.transition.end, callback) - .emulateTransitionEnd(150) : - callback() - + .emulateTransitionEnd(150) + : callback(); } else if (callback) { - callback() + callback(); } - } - + }; // MODAL PLUGIN DEFINITION // ======================= - var old = $.fn.modal + const old = $.fn.modal; $.fn.modal = function (option, _relatedTarget) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.modal') - var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + const $this = $(this); + let data = $this.data('bs.modal'); + const options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option === 'object' && option); - if (!data) $this.data('bs.modal', (data = new Modal(this, options))) - if (typeof option == 'string') data[option](_relatedTarget) - else if (options.show) data.show(_relatedTarget) - }) - } - - $.fn.modal.Constructor = Modal + if (!data) $this.data('bs.modal', (data = new Modal(this, options))); + if (typeof option === 'string') data[option](_relatedTarget); + else if (options.show) data.show(_relatedTarget); + }); + }; + $.fn.modal.Constructor = Modal; // MODAL NO CONFLICT // ================= $.fn.modal.noConflict = function () { - $.fn.modal = old - return this - } - + $.fn.modal = old; + return this; + }; // MODAL DATA-API // ============== $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { - var $this = $(this) - var href = $this.attr('href') - var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 - var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) + const $this = $(this); + const href = $this.attr('href'); + const $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))); // strip for ie7 + const option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()); - if ($this.is('a')) e.preventDefault() + if ($this.is('a')) e.preventDefault(); $target .modal(option, this) - .one('hide', function () { - $this.is(':visible') && $this.focus() - }) - }) + .one('hide', () => { + $this.is(':visible') && $this.focus(); + }); + }); $(document) - .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') }) - .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') }) - -}(jQuery); + .on('show.bs.modal', '.modal', () => { $(document.body).addClass('modal-open'); }) + .on('hidden.bs.modal', '.modal', () => { $(document.body).removeClass('modal-open'); }); +}(jQuery)); /* ======================================================================== * Bootstrap: tooltip.js v3.1.1 @@ -1030,23 +980,15 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // TOOLTIP PUBLIC CLASS DEFINITION // =============================== - var Tooltip = function (element, options) { - this.type = - this.options = - this.enabled = - this.timeout = - this.hoverState = - this.$element = null + const Tooltip = function (element, options) { + this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null; - this.init('tooltip', element, options) - } + this.init('tooltip', element, options); + }; Tooltip.DEFAULTS = { animation: true, @@ -1057,369 +999,366 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re title: '', delay: 0, html: false, - container: false - } + container: false, + }; Tooltip.prototype.init = function (type, element, options) { - this.enabled = true - this.type = type - this.$element = $(element) - this.options = this.getOptions(options) + this.enabled = true; + this.type = type; + this.$element = $(element); + this.options = this.getOptions(options); - var triggers = this.options.trigger.split(' ') + const triggers = this.options.trigger.split(' '); - for (var i = triggers.length; i--;) { - var trigger = triggers[i] + for (let i = triggers.length; i--;) { + const trigger = triggers[i]; if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + this.$element.on(`click.${this.type}`, this.options.selector, $.proxy(this.toggle, this)); } else if (trigger != 'manual') { - var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' - var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' + const eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'; + const eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'; - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + this.$element.on(`${eventIn}.${this.type}`, this.options.selector, $.proxy(this.enter, this)); + this.$element.on(`${eventOut}.${this.type}`, this.options.selector, $.proxy(this.leave, this)); } } - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle() - } + this.options.selector + ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) + : this.fixTitle(); + }; Tooltip.prototype.getDefaults = function () { - return Tooltip.DEFAULTS - } + return Tooltip.DEFAULTS; + }; Tooltip.prototype.getOptions = function (options) { - options = $.extend({}, this.getDefaults(), this.$element.data(), options) + options = $.extend({}, this.getDefaults(), this.$element.data(), options); - if (options.delay && typeof options.delay == 'number') { + if (options.delay && typeof options.delay === 'number') { options.delay = { show: options.delay, - hide: options.delay - } + hide: options.delay, + }; } - return options - } + return options; + }; Tooltip.prototype.getDelegateOptions = function () { - var options = {} - var defaults = this.getDefaults() + const options = {}; + const defaults = this.getDefaults(); - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value - }) + this._options && $.each(this._options, (key, value) => { + if (defaults[key] != value) options[key] = value; + }); - return options - } + return options; + }; Tooltip.prototype.enter = function (obj) { - var self = obj instanceof this.constructor ? - obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + const self = obj instanceof this.constructor + ? obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`); - clearTimeout(self.timeout) + clearTimeout(self.timeout); - self.hoverState = 'in' + self.hoverState = 'in'; - if (!self.options.delay || !self.options.delay.show) return self.show() + if (!self.options.delay || !self.options.delay.show) return self.show(); - self.timeout = setTimeout(function () { - if (self.hoverState == 'in') self.show() - }, self.options.delay.show) - } + self.timeout = setTimeout(() => { + if (self.hoverState == 'in') self.show(); + }, self.options.delay.show); + }; Tooltip.prototype.leave = function (obj) { - var self = obj instanceof this.constructor ? - obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) + const self = obj instanceof this.constructor + ? obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`); - clearTimeout(self.timeout) + clearTimeout(self.timeout); - self.hoverState = 'out' + self.hoverState = 'out'; - if (!self.options.delay || !self.options.delay.hide) return self.hide() + if (!self.options.delay || !self.options.delay.hide) return self.hide(); - self.timeout = setTimeout(function () { - if (self.hoverState == 'out') self.hide() - }, self.options.delay.hide) - } + self.timeout = setTimeout(() => { + if (self.hoverState == 'out') self.hide(); + }, self.options.delay.hide); + }; Tooltip.prototype.show = function () { - var e = $.Event('show.bs.' + this.type) + const e = $.Event(`show.bs.${this.type}`); if (this.hasContent() && this.enabled) { - this.$element.trigger(e) + this.$element.trigger(e); - if (e.isDefaultPrevented()) return - var that = this; + if (e.isDefaultPrevented()) return; + const that = this; - var $tip = this.tip() + const $tip = this.tip(); - this.setContent() + this.setContent(); - if (this.options.animation) $tip.addClass('fade') + if (this.options.animation) $tip.addClass('fade'); - var placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement + let placement = typeof this.options.placement === 'function' + ? this.options.placement.call(this, $tip[0], this.$element[0]) + : this.options.placement; - var autoToken = /\s?auto?\s?/i - var autoPlace = autoToken.test(placement) - if (autoPlace) placement = placement.replace(autoToken, '') || 'top' + const autoToken = /\s?auto?\s?/i; + const autoPlace = autoToken.test(placement); + if (autoPlace) placement = placement.replace(autoToken, '') || 'top'; $tip .detach() .css({ top: 0, left: 0, display: 'block' }) - .addClass(placement) + .addClass(placement); - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element); - var pos = this.getPosition() - var actualWidth = $tip[0].offsetWidth - var actualHeight = $tip[0].offsetHeight + const pos = this.getPosition(); + const actualWidth = $tip[0].offsetWidth; + const actualHeight = $tip[0].offsetHeight; if (autoPlace) { - var $parent = this.$element.parent() + const $parent = this.$element.parent(); - var orgPlacement = placement - var docScroll = document.documentElement.scrollTop || document.body.scrollTop - var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth() - var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight() - var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left + const orgPlacement = placement; + const docScroll = document.documentElement.scrollTop || document.body.scrollTop; + const parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth(); + const parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight(); + const parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left; - placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' : - placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' : - placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' : - placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' : - placement + placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' + : placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' + : placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' + : placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' + : placement; $tip .removeClass(orgPlacement) - .addClass(placement) + .addClass(placement); } - var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) + const calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight); - this.applyPlacement(calculatedOffset, placement) - this.hoverState = null + this.applyPlacement(calculatedOffset, placement); + this.hoverState = null; - var complete = function() { - that.$element.trigger('shown.bs.' + that.type) - } + const complete = function () { + that.$element.trigger(`shown.bs.${that.type}`); + }; - $.support.transition && this.$tip.hasClass('fade') ? - $tip + $.support.transition && this.$tip.hasClass('fade') + ? $tip .one($.support.transition.end, complete) - .emulateTransitionEnd(150) : - complete() + .emulateTransitionEnd(150) + : complete(); } - } + }; Tooltip.prototype.applyPlacement = function (offset, placement) { - var replace - var $tip = this.tip() - var width = $tip[0].offsetWidth - var height = $tip[0].offsetHeight + let replace; + const $tip = this.tip(); + const width = $tip[0].offsetWidth; + const height = $tip[0].offsetHeight; // manually read margins because getBoundingClientRect includes difference - var marginTop = parseInt($tip.css('margin-top'), 10) - var marginLeft = parseInt($tip.css('margin-left'), 10) + let marginTop = parseInt($tip.css('margin-top'), 10); + let marginLeft = parseInt($tip.css('margin-left'), 10); // we must check for NaN for ie 8/9 - if (isNaN(marginTop)) marginTop = 0 - if (isNaN(marginLeft)) marginLeft = 0 + if (isNaN(marginTop)) marginTop = 0; + if (isNaN(marginLeft)) marginLeft = 0; - offset.top = offset.top + marginTop - offset.left = offset.left + marginLeft + offset.top += marginTop; + offset.left += marginLeft; // $.fn.offset doesn't round pixel values // so we use setOffset directly with our own function B-0 $.offset.setOffset($tip[0], $.extend({ - using: function (props) { + using(props) { $tip.css({ top: Math.round(props.top), - left: Math.round(props.left) - }) - } - }, offset), 0) + left: Math.round(props.left), + }); + }, + }, offset), 0); - $tip.addClass('in') + $tip.addClass('in'); // check to see if placing tip in new offset caused the tip to resize itself - var actualWidth = $tip[0].offsetWidth - var actualHeight = $tip[0].offsetHeight + let actualWidth = $tip[0].offsetWidth; + let actualHeight = $tip[0].offsetHeight; if (placement == 'top' && actualHeight != height) { - replace = true - offset.top = offset.top + height - actualHeight + replace = true; + offset.top = offset.top + height - actualHeight; } if (/bottom|top/.test(placement)) { - var delta = 0 + let delta = 0; if (offset.left < 0) { - delta = offset.left * -2 - offset.left = 0 + delta = offset.left * -2; + offset.left = 0; - $tip.offset(offset) + $tip.offset(offset); - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + actualWidth = $tip[0].offsetWidth; + actualHeight = $tip[0].offsetHeight; } - this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left'); } else { - this.replaceArrow(actualHeight - height, actualHeight, 'top') + this.replaceArrow(actualHeight - height, actualHeight, 'top'); } - if (replace) $tip.offset(offset) - } + if (replace) $tip.offset(offset); + }; Tooltip.prototype.replaceArrow = function (delta, dimension, position) { - this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '') - } + this.arrow().css(position, delta ? (`${50 * (1 - delta / dimension)}%`) : ''); + }; Tooltip.prototype.setContent = function () { - var $tip = this.tip() - var title = this.getTitle() + const $tip = this.tip(); + const title = this.getTitle(); - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) - $tip.removeClass('fade in top bottom left right') - } + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title); + $tip.removeClass('fade in top bottom left right'); + }; Tooltip.prototype.hide = function () { - var that = this - var $tip = this.tip() - var e = $.Event('hide.bs.' + this.type) + const that = this; + const $tip = this.tip(); + const e = $.Event(`hide.bs.${this.type}`); function complete() { - if (that.hoverState != 'in') $tip.detach() - that.$element.trigger('hidden.bs.' + that.type) + if (that.hoverState != 'in') $tip.detach(); + that.$element.trigger(`hidden.bs.${that.type}`); } - this.$element.trigger(e) + this.$element.trigger(e); - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return; - $tip.removeClass('in') + $tip.removeClass('in'); - $.support.transition && this.$tip.hasClass('fade') ? - $tip + $.support.transition && this.$tip.hasClass('fade') + ? $tip .one($.support.transition.end, complete) - .emulateTransitionEnd(150) : - complete() + .emulateTransitionEnd(150) + : complete(); - this.hoverState = null + this.hoverState = null; - return this - } + return this; + }; Tooltip.prototype.fixTitle = function () { - var $e = this.$element - if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + const $e = this.$element; + if ($e.attr('title') || typeof ($e.attr('data-original-title')) !== 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', ''); } - } + }; Tooltip.prototype.hasContent = function () { - return this.getTitle() - } + return this.getTitle(); + }; Tooltip.prototype.getPosition = function () { - var el = this.$element[0] - return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + const el = this.$element[0]; + return $.extend({}, (typeof el.getBoundingClientRect === 'function') ? el.getBoundingClientRect() : { width: el.offsetWidth, - height: el.offsetHeight - }, this.$element.offset()) - } + height: el.offsetHeight, + }, this.$element.offset()); + }; Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { - return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : - placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : - placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : - /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } - } + return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } + : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } + : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } + /* placement == 'right' */ : { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }; + }; Tooltip.prototype.getTitle = function () { - var title - var $e = this.$element - var o = this.options + let title; + const $e = this.$element; + const o = this.options; title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + || (typeof o.title === 'function' ? o.title.call($e[0]) : o.title); - return title - } + return title; + }; Tooltip.prototype.tip = function () { - return this.$tip = this.$tip || $(this.options.template) - } + return this.$tip = this.$tip || $(this.options.template); + }; Tooltip.prototype.arrow = function () { - return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow') - } + return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'); + }; Tooltip.prototype.validate = function () { if (!this.$element[0].parentNode) { - this.hide() - this.$element = null - this.options = null + this.hide(); + this.$element = null; + this.options = null; } - } + }; Tooltip.prototype.enable = function () { - this.enabled = true - } + this.enabled = true; + }; Tooltip.prototype.disable = function () { - this.enabled = false - } + this.enabled = false; + }; Tooltip.prototype.toggleEnabled = function () { - this.enabled = !this.enabled - } + this.enabled = !this.enabled; + }; Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this - self.tip().hasClass('in') ? self.leave(self) : self.enter(self) - } + const self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`) : this; + self.tip().hasClass('in') ? self.leave(self) : self.enter(self); + }; Tooltip.prototype.destroy = function () { - clearTimeout(this.timeout) - this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) - } - + clearTimeout(this.timeout); + this.hide().$element.off(`.${this.type}`).removeData(`bs.${this.type}`); + }; // TOOLTIP PLUGIN DEFINITION // ========================= - var old = $.fn.tooltip + const old = $.fn.tooltip; $.fn.tooltip = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.tooltip') - var options = typeof option == 'object' && option + const $this = $(this); + let data = $this.data('bs.tooltip'); + const options = typeof option === 'object' && option; - if (!data && option == 'destroy') return - if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.tooltip.Constructor = Tooltip + if (!data && option == 'destroy') return; + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))); + if (typeof option === 'string') data[option](); + }); + }; + $.fn.tooltip.Constructor = Tooltip; // TOOLTIP NO CONFLICT // =================== $.fn.tooltip.noConflict = function () { - $.fn.tooltip = old - return this - } - -}(jQuery); + $.fn.tooltip = old; + return this; + }; +}(jQuery)); /* ======================================================================== * Bootstrap: popover.js v3.1.1 @@ -1429,108 +1368,101 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // POPOVER PUBLIC CLASS DEFINITION // =============================== - var Popover = function (element, options) { - this.init('popover', element, options) - } + const Popover = function (element, options) { + this.init('popover', element, options); + }; - if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') + if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js'); Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: '', - template: '

' - }) - + template: '

', + }); // NOTE: POPOVER EXTENDS tooltip.js // ================================ - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype); - Popover.prototype.constructor = Popover + Popover.prototype.constructor = Popover; Popover.prototype.getDefaults = function () { - return Popover.DEFAULTS - } + return Popover.DEFAULTS; + }; Popover.prototype.setContent = function () { - var $tip = this.tip() - var title = this.getTitle() - var content = this.getContent() + const $tip = this.tip(); + const title = this.getTitle(); + const content = this.getContent(); - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) - $tip.find('.popover-content')[ // we use append for html objects to maintain js events - this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' - ](content) + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title); + $tip.find('.popover-content')[// we use append for html objects to maintain js events + this.options.html ? (typeof content === 'string' ? 'html' : 'append') : 'text' + ](content); - $tip.removeClass('fade top bottom left right in') + $tip.removeClass('fade top bottom left right in'); // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do // this manually by checking the contents. - if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() - } + if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide(); + }; Popover.prototype.hasContent = function () { - return this.getTitle() || this.getContent() - } + return this.getTitle() || this.getContent(); + }; Popover.prototype.getContent = function () { - var $e = this.$element - var o = this.options + const $e = this.$element; + const o = this.options; return $e.attr('data-content') - || (typeof o.content == 'function' ? - o.content.call($e[0]) : - o.content) - } + || (typeof o.content === 'function' + ? o.content.call($e[0]) + : o.content); + }; Popover.prototype.arrow = function () { - return this.$arrow = this.$arrow || this.tip().find('.arrow') - } + return this.$arrow = this.$arrow || this.tip().find('.arrow'); + }; Popover.prototype.tip = function () { - if (!this.$tip) this.$tip = $(this.options.template) - return this.$tip - } - + if (!this.$tip) this.$tip = $(this.options.template); + return this.$tip; + }; // POPOVER PLUGIN DEFINITION // ========================= - var old = $.fn.popover + const old = $.fn.popover; $.fn.popover = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.popover') - var options = typeof option == 'object' && option + const $this = $(this); + let data = $this.data('bs.popover'); + const options = typeof option === 'object' && option; - if (!data && option == 'destroy') return - if (!data) $this.data('bs.popover', (data = new Popover(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.popover.Constructor = Popover + if (!data && option == 'destroy') return; + if (!data) $this.data('bs.popover', (data = new Popover(this, options))); + if (typeof option === 'string') data[option](); + }); + }; + $.fn.popover.Constructor = Popover; // POPOVER NO CONFLICT // =================== $.fn.popover.noConflict = function () { - $.fn.popover = old - return this - } - -}(jQuery); + $.fn.popover = old; + return this; + }; +}(jQuery)); /* ======================================================================== * Bootstrap: scrollspy.js v3.1.1 @@ -1540,151 +1472,144 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // SCROLLSPY CLASS DEFINITION // ========================== function ScrollSpy(element, options) { - var href - var process = $.proxy(this.process, this) + let href; + const process = $.proxy(this.process, this); - this.$element = $(element).is('body') ? $(window) : $(element) - this.$body = $('body') - this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process) - this.options = $.extend({}, ScrollSpy.DEFAULTS, options) - this.selector = (this.options.target - || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - || '') + ' .nav li > a' - this.offsets = $([]) - this.targets = $([]) - this.activeTarget = null + this.$element = $(element).is('body') ? $(window) : $(element); + this.$body = $('body'); + this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process); + this.options = $.extend({}, ScrollSpy.DEFAULTS, options); + this.selector = `${this.options.target + || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 + || ''} .nav li > a`; + this.offsets = $([]); + this.targets = $([]); + this.activeTarget = null; - this.refresh() - this.process() + this.refresh(); + this.process(); } ScrollSpy.DEFAULTS = { - offset: 10 - } + offset: 10, + }; ScrollSpy.prototype.refresh = function () { - var offsetMethod = this.$element[0] == window ? 'offset' : 'position' + const offsetMethod = this.$element[0] == window ? 'offset' : 'position'; - this.offsets = $([]) - this.targets = $([]) + this.offsets = $([]); + this.targets = $([]); - var self = this - var $targets = this.$body + const self = this; + const $targets = this.$body .find(this.selector) .map(function () { - var $el = $(this) - var href = $el.data('target') || $el.attr('href') - var $href = /^#./.test(href) && $(href) + const $el = $(this); + const href = $el.data('target') || $el.attr('href'); + const $href = /^#./.test(href) && $(href); return ($href && $href.length && $href.is(':visible') - && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + && [[$href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href]]) || null; }) - .sort(function (a, b) { return a[0] - b[0] }) + .sort((a, b) => a[0] - b[0]) .each(function () { - self.offsets.push(this[0]) - self.targets.push(this[1]) - }) - } + self.offsets.push(this[0]); + self.targets.push(this[1]); + }); + }; ScrollSpy.prototype.process = function () { - var scrollTop = this.$scrollElement.scrollTop() + this.options.offset - var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight - var maxScroll = scrollHeight - this.$scrollElement.height() - var offsets = this.offsets - var targets = this.targets - var activeTarget = this.activeTarget - var i + const scrollTop = this.$scrollElement.scrollTop() + this.options.offset; + const scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight; + const maxScroll = scrollHeight - this.$scrollElement.height(); + const { offsets } = this; + const { targets } = this; + const { activeTarget } = this; + let i; if (scrollTop >= maxScroll) { - return activeTarget != (i = targets.last()[0]) && this.activate(i) + return activeTarget != (i = targets.last()[0]) && this.activate(i); } if (activeTarget && scrollTop <= offsets[0]) { - return activeTarget != (i = targets[0]) && this.activate(i) + return activeTarget != (i = targets[0]) && this.activate(i); } for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) - && this.activate( targets[i] ) + && this.activate(targets[i]); } - } + }; ScrollSpy.prototype.activate = function (target) { - this.activeTarget = target + this.activeTarget = target; $(this.selector) .parentsUntil(this.options.target, '.active') - .removeClass('active') + .removeClass('active'); - var selector = this.selector + - '[data-target="' + target + '"],' + - this.selector + '[href="' + target + '"]' + const selector = `${this.selector + }[data-target="${target}"],${ + this.selector}[href="${target}"]`; - var active = $(selector) + let active = $(selector) .parents('li') - .addClass('active') + .addClass('active'); if (active.parent('.dropdown-menu').length) { active = active .closest('li.dropdown') - .addClass('active') + .addClass('active'); } - active.trigger('activate.bs.scrollspy') - } - + active.trigger('activate.bs.scrollspy'); + }; // SCROLLSPY PLUGIN DEFINITION // =========================== - var old = $.fn.scrollspy + const old = $.fn.scrollspy; $.fn.scrollspy = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.scrollspy') - var options = typeof option == 'object' && option + const $this = $(this); + let data = $this.data('bs.scrollspy'); + const options = typeof option === 'object' && option; - if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.scrollspy.Constructor = ScrollSpy + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))); + if (typeof option === 'string') data[option](); + }); + }; + $.fn.scrollspy.Constructor = ScrollSpy; // SCROLLSPY NO CONFLICT // ===================== $.fn.scrollspy.noConflict = function () { - $.fn.scrollspy = old - return this - } - + $.fn.scrollspy = old; + return this; + }; // SCROLLSPY DATA-API // ================== - $(window).on('load', function () { + $(window).on('load', () => { $('[data-spy="scroll"]').each(function () { - var $spy = $(this) - $spy.scrollspy($spy.data()) - }) - }) - -}(jQuery); + const $spy = $(this); + $spy.scrollspy($spy.data()); + }); + }); +}(jQuery)); /* ======================================================================== * Bootstrap: tab.js v3.1.1 @@ -1694,123 +1619,116 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // TAB CLASS DEFINITION // ==================== - var Tab = function (element) { - this.element = $(element) - } + const Tab = function (element) { + this.element = $(element); + }; Tab.prototype.show = function () { - var $this = this.element - var $ul = $this.closest('ul:not(.dropdown-menu)') - var selector = $this.data('target') + const $this = this.element; + const $ul = $this.closest('ul:not(.dropdown-menu)'); + let selector = $this.data('target'); if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + selector = $this.attr('href'); + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7 } - if ($this.parent('li').hasClass('active')) return + if ($this.parent('li').hasClass('active')) return; - var previous = $ul.find('.active:last a')[0] - var e = $.Event('show.bs.tab', { - relatedTarget: previous - }) + const previous = $ul.find('.active:last a')[0]; + const e = $.Event('show.bs.tab', { + relatedTarget: previous, + }); - $this.trigger(e) + $this.trigger(e); - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return; - var $target = $(selector) + const $target = $(selector); - this.activate($this.parent('li'), $ul) - this.activate($target, $target.parent(), function () { + this.activate($this.parent('li'), $ul); + this.activate($target, $target.parent(), () => { $this.trigger({ type: 'shown.bs.tab', - relatedTarget: previous - }) - }) - } + relatedTarget: previous, + }); + }); + }; Tab.prototype.activate = function (element, container, callback) { - var $active = container.find('> .active') - var transition = callback + const $active = container.find('> .active'); + const transition = callback && $.support.transition - && $active.hasClass('fade') + && $active.hasClass('fade'); function next() { $active .removeClass('active') .find('> .dropdown-menu > .active') - .removeClass('active') + .removeClass('active'); - element.addClass('active') + element.addClass('active'); if (transition) { - element[0].offsetWidth // reflow for transition - element.addClass('in') + element[0].offsetWidth; // reflow for transition + element.addClass('in'); } else { - element.removeClass('fade') + element.removeClass('fade'); } if (element.parent('.dropdown-menu')) { - element.closest('li.dropdown').addClass('active') + element.closest('li.dropdown').addClass('active'); } - callback && callback() + callback && callback(); } - transition ? - $active + transition + ? $active .one($.support.transition.end, next) - .emulateTransitionEnd(150) : - next() - - $active.removeClass('in') - } + .emulateTransitionEnd(150) + : next(); + $active.removeClass('in'); + }; // TAB PLUGIN DEFINITION // ===================== - var old = $.fn.tab + const old = $.fn.tab; - $.fn.tab = function ( option ) { + $.fn.tab = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.tab') + const $this = $(this); + let data = $this.data('bs.tab'); - if (!data) $this.data('bs.tab', (data = new Tab(this))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.tab.Constructor = Tab + if (!data) $this.data('bs.tab', (data = new Tab(this))); + if (typeof option === 'string') data[option](); + }); + }; + $.fn.tab.Constructor = Tab; // TAB NO CONFLICT // =============== $.fn.tab.noConflict = function () { - $.fn.tab = old - return this - } - + $.fn.tab = old; + return this; + }; // TAB DATA-API // ============ $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { - e.preventDefault() - $(this).tab('show') - }) - -}(jQuery); + e.preventDefault(); + $(this).tab('show'); + }); +}(jQuery)); /* ======================================================================== * Bootstrap: affix.js v3.1.1 @@ -1820,132 +1738,123 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ - -+function ($) { - 'use strict'; - ++(function ($) { // AFFIX CLASS DEFINITION // ====================== var Affix = function (element, options) { - this.options = $.extend({}, Affix.DEFAULTS, options) + this.options = $.extend({}, Affix.DEFAULTS, options); this.$window = $(window) .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) - .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)); - this.$element = $(element) - this.affixed = - this.unpin = - this.pinnedOffset = null + this.$element = $(element); + this.affixed = this.unpin = this.pinnedOffset = null; - this.checkPosition() - } + this.checkPosition(); + }; - Affix.RESET = 'affix affix-top affix-bottom' + Affix.RESET = 'affix affix-top affix-bottom'; Affix.DEFAULTS = { - offset: 0 - } + offset: 0, + }; Affix.prototype.getPinnedOffset = function () { - if (this.pinnedOffset) return this.pinnedOffset - this.$element.removeClass(Affix.RESET).addClass('affix') - var scrollTop = this.$window.scrollTop() - var position = this.$element.offset() - return (this.pinnedOffset = position.top - scrollTop) - } + if (this.pinnedOffset) return this.pinnedOffset; + this.$element.removeClass(Affix.RESET).addClass('affix'); + const scrollTop = this.$window.scrollTop(); + const position = this.$element.offset(); + return (this.pinnedOffset = position.top - scrollTop); + }; Affix.prototype.checkPositionWithEventLoop = function () { - setTimeout($.proxy(this.checkPosition, this), 1) - } + setTimeout($.proxy(this.checkPosition, this), 1); + }; Affix.prototype.checkPosition = function () { - if (!this.$element.is(':visible')) return + if (!this.$element.is(':visible')) return; - var scrollHeight = $(document).height() - var scrollTop = this.$window.scrollTop() - var position = this.$element.offset() - var offset = this.options.offset - var offsetTop = offset.top - var offsetBottom = offset.bottom + const scrollHeight = $(document).height(); + const scrollTop = this.$window.scrollTop(); + const position = this.$element.offset(); + const { offset } = this.options; + let offsetTop = offset.top; + let offsetBottom = offset.bottom; - if (this.affixed == 'top') position.top += scrollTop + if (this.affixed == 'top') position.top += scrollTop; - if (typeof offset != 'object') offsetBottom = offsetTop = offset - if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) - if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) + if (typeof offset !== 'object') offsetBottom = offsetTop = offset; + if (typeof offsetTop === 'function') offsetTop = offset.top(this.$element); + if (typeof offsetBottom === 'function') offsetBottom = offset.bottom(this.$element); - var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : - offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : - offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false + const affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false + : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' + : offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false; - if (this.affixed === affix) return - if (this.unpin) this.$element.css('top', '') + if (this.affixed === affix) return; + if (this.unpin) this.$element.css('top', ''); - var affixType = 'affix' + (affix ? '-' + affix : '') - var e = $.Event(affixType + '.bs.affix') + const affixType = `affix${affix ? `-${affix}` : ''}`; + const e = $.Event(`${affixType}.bs.affix`); - this.$element.trigger(e) + this.$element.trigger(e); - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return; - this.affixed = affix - this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null + this.affixed = affix; + this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null; this.$element .removeClass(Affix.RESET) .addClass(affixType) - .trigger($.Event(affixType.replace('affix', 'affixed'))) + .trigger($.Event(affixType.replace('affix', 'affixed'))); if (affix == 'bottom') { - this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() }) + this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() }); } - } - + }; // AFFIX PLUGIN DEFINITION // ======================= - var old = $.fn.affix + const old = $.fn.affix; $.fn.affix = function (option) { return this.each(function () { - var $this = $(this) - var data = $this.data('bs.affix') - var options = typeof option == 'object' && option + const $this = $(this); + let data = $this.data('bs.affix'); + const options = typeof option === 'object' && option; - if (!data) $this.data('bs.affix', (data = new Affix(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.affix.Constructor = Affix + if (!data) $this.data('bs.affix', (data = new Affix(this, options))); + if (typeof option === 'string') data[option](); + }); + }; + $.fn.affix.Constructor = Affix; // AFFIX NO CONFLICT // ================= $.fn.affix.noConflict = function () { - $.fn.affix = old - return this - } - + $.fn.affix = old; + return this; + }; // AFFIX DATA-API // ============== - $(window).on('load', function () { + $(window).on('load', () => { $('[data-spy="affix"]').each(function () { - var $spy = $(this) - var data = $spy.data() + const $spy = $(this); + const data = $spy.data(); - data.offset = data.offset || {} + data.offset = data.offset || {}; - if (data.offsetBottom) data.offset.bottom = data.offsetBottom - if (data.offsetTop) data.offset.top = data.offsetTop + if (data.offsetBottom) data.offset.bottom = data.offsetBottom; + if (data.offsetTop) data.offset.top = data.offsetTop; - $spy.affix(data) - }) - }) - -}(jQuery); + $spy.affix(data); + }); + }); +}(jQuery)); diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.min.js b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.min.js index b04a0e82..9e121935 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.min.js +++ b/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.min.js @@ -3,4 +3,37 @@ * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('
').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i

'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery); \ No newline at end of file +if (typeof jQuery === 'undefined') throw new Error("Bootstrap's JavaScript requires jQuery"); +(function (a) { + function b() { + const a = document.createElement('bootstrap'); const b = { + WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend', transition: 'transitionend', + }; for (const c in b) if (void 0 !== a.style[c]) return { end: b[c] }; return !1; + }a.fn.emulateTransitionEnd = function (b) { let c = !1; const d = this; a(this).one(a.support.transition.end, () => { c = !0; }); const e = function () { c || a(d).trigger(a.support.transition.end); }; return setTimeout(e, b), this; }, a(() => { a.support.transition = b(); }); +}(jQuery)), +(function (a) { + const b = '[data-dismiss="alert"]'; const c = function (c) { a(c).on('click', b, this.close); }; c.prototype.close = function (b) { function c() { f.trigger('closed.bs.alert').remove(); } const d = a(this); let e = d.attr('data-target'); e || (e = d.attr('href'), e = e && e.replace(/.*(?=#[^\s]*$)/, '')); var f = a(e); b && b.preventDefault(), f.length || (f = d.hasClass('alert') ? d : d.parent()), f.trigger(b = a.Event('close.bs.alert')), b.isDefaultPrevented() || (f.removeClass('in'), a.support.transition && f.hasClass('fade') ? f.one(a.support.transition.end, c).emulateTransitionEnd(150) : c()); }; const d = a.fn.alert; a.fn.alert = function (b) { return this.each(function () { const d = a(this); let e = d.data('bs.alert'); e || d.data('bs.alert', e = new c(this)), typeof b === 'string' && e[b].call(d); }); }, a.fn.alert.Constructor = c, a.fn.alert.noConflict = function () { return a.fn.alert = d, this; }, a(document).on('click.bs.alert.data-api', b, c.prototype.close); +}(jQuery)), +(function (a) { + var b = function (c, d) { this.$element = a(c), this.options = a.extend({}, b.DEFAULTS, d), this.isLoading = !1; }; b.DEFAULTS = { loadingText: 'loading...' }, b.prototype.setState = function (b) { const c = 'disabled'; const d = this.$element; const e = d.is('input') ? 'val' : 'html'; const f = d.data(); b += 'Text', f.resetText || d.data('resetText', d[e]()), d[e](f[b] || this.options[b]), setTimeout(a.proxy(function () { b == 'loadingText' ? (this.isLoading = !0, d.addClass(c).attr(c, c)) : this.isLoading && (this.isLoading = !1, d.removeClass(c).removeAttr(c)); }, this), 0); }, b.prototype.toggle = function () { let a = !0; const b = this.$element.closest('[data-toggle="buttons"]'); if (b.length) { const c = this.$element.find('input'); c.prop('type') == 'radio' && (c.prop('checked') && this.$element.hasClass('active') ? a = !1 : b.find('.active').removeClass('active')), a && c.prop('checked', !this.$element.hasClass('active')).trigger('change'); }a && this.$element.toggleClass('active'); }; const c = a.fn.button; a.fn.button = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.button'); const f = typeof c === 'object' && c; e || d.data('bs.button', e = new b(this, f)), c == 'toggle' ? e.toggle() : c && e.setState(c); }); }, a.fn.button.Constructor = b, a.fn.button.noConflict = function () { return a.fn.button = c, this; }, a(document).on('click.bs.button.data-api', '[data-toggle^=button]', (b) => { let c = a(b.target); c.hasClass('btn') || (c = c.closest('.btn')), c.button('toggle'), b.preventDefault(); }); +}(jQuery)), +(function (a) { + const b = function (b, c) { this.$element = a(b), this.$indicators = this.$element.find('.carousel-indicators'), this.options = c, this.paused = this.sliding = this.interval = this.$active = this.$items = null, this.options.pause == 'hover' && this.$element.on('mouseenter', a.proxy(this.pause, this)).on('mouseleave', a.proxy(this.cycle, this)); }; b.DEFAULTS = { interval: 5e3, pause: 'hover', wrap: !0 }, b.prototype.cycle = function (b) { return b || (this.paused = !1), this.interval && clearInterval(this.interval), this.options.interval && !this.paused && (this.interval = setInterval(a.proxy(this.next, this), this.options.interval)), this; }, b.prototype.getActiveIndex = function () { return this.$active = this.$element.find('.item.active'), this.$items = this.$active.parent().children(), this.$items.index(this.$active); }, b.prototype.to = function (b) { const c = this; const d = this.getActiveIndex(); return b > this.$items.length - 1 || b < 0 ? void 0 : this.sliding ? this.$element.one('slid.bs.carousel', () => { c.to(b); }) : d == b ? this.pause().cycle() : this.slide(b > d ? 'next' : 'prev', a(this.$items[b])); }, b.prototype.pause = function (b) { return b || (this.paused = !0), this.$element.find('.next, .prev').length && a.support.transition && (this.$element.trigger(a.support.transition.end), this.cycle(!0)), this.interval = clearInterval(this.interval), this; }, b.prototype.next = function () { return this.sliding ? void 0 : this.slide('next'); }, b.prototype.prev = function () { return this.sliding ? void 0 : this.slide('prev'); }, b.prototype.slide = function (b, c) { const d = this.$element.find('.item.active'); let e = c || d[b](); const f = this.interval; const g = b == 'next' ? 'left' : 'right'; const h = b == 'next' ? 'first' : 'last'; const i = this; if (!e.length) { if (!this.options.wrap) return; e = this.$element.find('.item')[h](); } if (e.hasClass('active')) return this.sliding = !1; const j = a.Event('slide.bs.carousel', { relatedTarget: e[0], direction: g }); return this.$element.trigger(j), j.isDefaultPrevented() ? void 0 : (this.sliding = !0, f && this.pause(), this.$indicators.length && (this.$indicators.find('.active').removeClass('active'), this.$element.one('slid.bs.carousel', () => { const b = a(i.$indicators.children()[i.getActiveIndex()]); b && b.addClass('active'); })), a.support.transition && this.$element.hasClass('slide') ? (e.addClass(b), e[0].offsetWidth, d.addClass(g), e.addClass(g), d.one(a.support.transition.end, () => { e.removeClass([b, g].join(' ')).addClass('active'), d.removeClass(['active', g].join(' ')), i.sliding = !1, setTimeout(() => { i.$element.trigger('slid.bs.carousel'); }, 0); }).emulateTransitionEnd(1e3 * d.css('transition-duration').slice(0, -1))) : (d.removeClass('active'), e.addClass('active'), this.sliding = !1, this.$element.trigger('slid.bs.carousel')), f && this.cycle(), this); }; const c = a.fn.carousel; a.fn.carousel = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.carousel'); const f = a.extend({}, b.DEFAULTS, d.data(), typeof c === 'object' && c); const g = typeof c === 'string' ? c : f.slide; e || d.data('bs.carousel', e = new b(this, f)), typeof c === 'number' ? e.to(c) : g ? e[g]() : f.interval && e.pause().cycle(); }); }, a.fn.carousel.Constructor = b, a.fn.carousel.noConflict = function () { return a.fn.carousel = c, this; }, a(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (b) { let c; const d = a(this); const e = a(d.attr('data-target') || (c = d.attr('href')) && c.replace(/.*(?=#[^\s]+$)/, '')); const f = a.extend({}, e.data(), d.data()); let g = d.attr('data-slide-to'); g && (f.interval = !1), e.carousel(f), (g = d.attr('data-slide-to')) && e.data('bs.carousel').to(g), b.preventDefault(); }), a(window).on('load', () => { a('[data-ride="carousel"]').each(function () { const b = a(this); b.carousel(b.data()); }); }); +}(jQuery)), +(function (a) { + var b = function (c, d) { this.$element = a(c), this.options = a.extend({}, b.DEFAULTS, d), this.transitioning = null, this.options.parent && (this.$parent = a(this.options.parent)), this.options.toggle && this.toggle(); }; b.DEFAULTS = { toggle: !0 }, b.prototype.dimension = function () { const a = this.$element.hasClass('width'); return a ? 'width' : 'height'; }, b.prototype.show = function () { if (!this.transitioning && !this.$element.hasClass('in')) { const b = a.Event('show.bs.collapse'); if (this.$element.trigger(b), !b.isDefaultPrevented()) { const c = this.$parent && this.$parent.find('> .panel > .in'); if (c && c.length) { const d = c.data('bs.collapse'); if (d && d.transitioning) return; c.collapse('hide'), d || c.data('bs.collapse', null); } const e = this.dimension(); this.$element.removeClass('collapse').addClass('collapsing')[e](0), this.transitioning = 1; const f = function () { this.$element.removeClass('collapsing').addClass('collapse in')[e]('auto'), this.transitioning = 0, this.$element.trigger('shown.bs.collapse'); }; if (!a.support.transition) return f.call(this); const g = a.camelCase(['scroll', e].join('-')); this.$element.one(a.support.transition.end, a.proxy(f, this)).emulateTransitionEnd(350)[e](this.$element[0][g]); } } }, b.prototype.hide = function () { if (!this.transitioning && this.$element.hasClass('in')) { const b = a.Event('hide.bs.collapse'); if (this.$element.trigger(b), !b.isDefaultPrevented()) { const c = this.dimension(); this.$element[c](this.$element[c]())[0].offsetHeight, this.$element.addClass('collapsing').removeClass('collapse').removeClass('in'), this.transitioning = 1; const d = function () { this.transitioning = 0, this.$element.trigger('hidden.bs.collapse').removeClass('collapsing').addClass('collapse'); }; return a.support.transition ? void this.$element[c](0).one(a.support.transition.end, a.proxy(d, this)).emulateTransitionEnd(350) : d.call(this); } } }, b.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show'](); }; const c = a.fn.collapse; a.fn.collapse = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.collapse'); const f = a.extend({}, b.DEFAULTS, d.data(), typeof c === 'object' && c); !e && f.toggle && c == 'show' && (c = !c), e || d.data('bs.collapse', e = new b(this, f)), typeof c === 'string' && e[c](); }); }, a.fn.collapse.Constructor = b, a.fn.collapse.noConflict = function () { return a.fn.collapse = c, this; }, a(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (b) { let c; const d = a(this); const e = d.attr('data-target') || b.preventDefault() || (c = d.attr('href')) && c.replace(/.*(?=#[^\s]+$)/, ''); const f = a(e); const g = f.data('bs.collapse'); const h = g ? 'toggle' : d.data(); const i = d.attr('data-parent'); const j = i && a(i); g && g.transitioning || (j && j.find(`[data-toggle=collapse][data-parent="${i}"]`).not(d).addClass('collapsed'), d[f.hasClass('in') ? 'addClass' : 'removeClass']('collapsed')), f.collapse(h); }); +}(jQuery)), +(function (a) { + function b(b) { a(d).remove(), a(e).each(function () { const d = c(a(this)); const e = { relatedTarget: this }; d.hasClass('open') && (d.trigger(b = a.Event('hide.bs.dropdown', e)), b.isDefaultPrevented() || d.removeClass('open').trigger('hidden.bs.dropdown', e)); }); } function c(b) { let c = b.attr('data-target'); c || (c = b.attr('href'), c = c && /#[A-Za-z]/.test(c) && c.replace(/.*(?=#[^\s]*$)/, '')); const d = c && a(c); return d && d.length ? d : b.parent(); } var d = '.dropdown-backdrop'; var e = '[data-toggle=dropdown]'; const f = function (b) { a(b).on('click.bs.dropdown', this.toggle); }; f.prototype.toggle = function (d) { const e = a(this); if (!e.is('.disabled, :disabled')) { const f = c(e); const g = f.hasClass('open'); if (b(), !g) { 'ontouchstart' in document.documentElement && !f.closest('.navbar-nav').length && a('
').insertAfter(a(this)).on('click', b); const h = { relatedTarget: this }; if (f.trigger(d = a.Event('show.bs.dropdown', h)), d.isDefaultPrevented()) return; f.toggleClass('open').trigger('shown.bs.dropdown', h), e.focus(); } return !1; } }, f.prototype.keydown = function (b) { if (/(38|40|27)/.test(b.keyCode)) { const d = a(this); if (b.preventDefault(), b.stopPropagation(), !d.is('.disabled, :disabled')) { const f = c(d); const g = f.hasClass('open'); if (!g || g && b.keyCode == 27) return b.which == 27 && f.find(e).focus(), d.click(); const h = ' li:not(.divider):visible a'; const i = f.find(`[role=menu]${h}, [role=listbox]${h}`); if (i.length) { let j = i.index(i.filter(':focus')); b.keyCode == 38 && j > 0 && j--, b.keyCode == 40 && j < i.length - 1 && j++, ~j || (j = 0), i.eq(j).focus(); } } } }; const g = a.fn.dropdown; a.fn.dropdown = function (b) { return this.each(function () { const c = a(this); let d = c.data('bs.dropdown'); d || c.data('bs.dropdown', d = new f(this)), typeof b === 'string' && d[b].call(c); }); }, a.fn.dropdown.Constructor = f, a.fn.dropdown.noConflict = function () { return a.fn.dropdown = g, this; }, a(document).on('click.bs.dropdown.data-api', b).on('click.bs.dropdown.data-api', '.dropdown form', (a) => { a.stopPropagation(); }).on('click.bs.dropdown.data-api', e, f.prototype.toggle) + .on('keydown.bs.dropdown.data-api', `${e}, [role=menu], [role=listbox]`, f.prototype.keydown); +}(jQuery)), +(function (a) { + const b = function (b, c) { this.options = c, this.$element = a(b), this.$backdrop = this.isShown = null, this.options.remote && this.$element.find('.modal-content').load(this.options.remote, a.proxy(function () { this.$element.trigger('loaded.bs.modal'); }, this)); }; b.DEFAULTS = { backdrop: !0, keyboard: !0, show: !0 }, b.prototype.toggle = function (a) { return this[this.isShown ? 'hide' : 'show'](a); }, b.prototype.show = function (b) { const c = this; const d = a.Event('show.bs.modal', { relatedTarget: b }); this.$element.trigger(d), this.isShown || d.isDefaultPrevented() || (this.isShown = !0, this.escape(), this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', a.proxy(this.hide, this)), this.backdrop(() => { const d = a.support.transition && c.$element.hasClass('fade'); c.$element.parent().length || c.$element.appendTo(document.body), c.$element.show().scrollTop(0), d && c.$element[0].offsetWidth, c.$element.addClass('in').attr('aria-hidden', !1), c.enforceFocus(); const e = a.Event('shown.bs.modal', { relatedTarget: b }); d ? c.$element.find('.modal-dialog').one(a.support.transition.end, () => { c.$element.focus().trigger(e); }).emulateTransitionEnd(300) : c.$element.focus().trigger(e); })); }, b.prototype.hide = function (b) { b && b.preventDefault(), b = a.Event('hide.bs.modal'), this.$element.trigger(b), this.isShown && !b.isDefaultPrevented() && (this.isShown = !1, this.escape(), a(document).off('focusin.bs.modal'), this.$element.removeClass('in').attr('aria-hidden', !0).off('click.dismiss.bs.modal'), a.support.transition && this.$element.hasClass('fade') ? this.$element.one(a.support.transition.end, a.proxy(this.hideModal, this)).emulateTransitionEnd(300) : this.hideModal()); }, b.prototype.enforceFocus = function () { a(document).off('focusin.bs.modal').on('focusin.bs.modal', a.proxy(function (a) { this.$element[0] === a.target || this.$element.has(a.target).length || this.$element.focus(); }, this)); }, b.prototype.escape = function () { this.isShown && this.options.keyboard ? this.$element.on('keyup.dismiss.bs.modal', a.proxy(function (a) { a.which == 27 && this.hide(); }, this)) : this.isShown || this.$element.off('keyup.dismiss.bs.modal'); }, b.prototype.hideModal = function () { const a = this; this.$element.hide(), this.backdrop(() => { a.removeBackdrop(), a.$element.trigger('hidden.bs.modal'); }); }, b.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove(), this.$backdrop = null; }, b.prototype.backdrop = function (b) { const c = this.$element.hasClass('fade') ? 'fade' : ''; if (this.isShown && this.options.backdrop) { const d = a.support.transition && c; if (this.$backdrop = a(`
`).appendTo(document.body), this.$element.on('click.dismiss.bs.modal', a.proxy(function (a) { a.target === a.currentTarget && (this.options.backdrop == 'static' ? this.$element[0].focus.call(this.$element[0]) : this.hide.call(this)); }, this)), d && this.$backdrop[0].offsetWidth, this.$backdrop.addClass('in'), !b) return; d ? this.$backdrop.one(a.support.transition.end, b).emulateTransitionEnd(150) : b(); } else !this.isShown && this.$backdrop ? (this.$backdrop.removeClass('in'), a.support.transition && this.$element.hasClass('fade') ? this.$backdrop.one(a.support.transition.end, b).emulateTransitionEnd(150) : b()) : b && b(); }; const c = a.fn.modal; a.fn.modal = function (c, d) { return this.each(function () { const e = a(this); let f = e.data('bs.modal'); const g = a.extend({}, b.DEFAULTS, e.data(), typeof c === 'object' && c); f || e.data('bs.modal', f = new b(this, g)), typeof c === 'string' ? f[c](d) : g.show && f.show(d); }); }, a.fn.modal.Constructor = b, a.fn.modal.noConflict = function () { return a.fn.modal = c, this; }, a(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (b) { const c = a(this); const d = c.attr('href'); const e = a(c.attr('data-target') || d && d.replace(/.*(?=#[^\s]+$)/, '')); const f = e.data('bs.modal') ? 'toggle' : a.extend({ remote: !/#/.test(d) && d }, e.data(), c.data()); c.is('a') && b.preventDefault(), e.modal(f, this).one('hide', () => { c.is(':visible') && c.focus(); }); }), a(document).on('show.bs.modal', '.modal', () => { a(document.body).addClass('modal-open'); }).on('hidden.bs.modal', '.modal', () => { a(document.body).removeClass('modal-open'); }); +}(jQuery)), +(function (a) { + const b = function (a, b) { this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null, this.init('tooltip', a, b); }; b.DEFAULTS = { + animation: !0, placement: 'top', selector: !1, template: '
', trigger: 'hover focus', title: '', delay: 0, html: !1, container: !1, + }, b.prototype.init = function (b, c, d) { this.enabled = !0, this.type = b, this.$element = a(c), this.options = this.getOptions(d); for (let e = this.options.trigger.split(' '), f = e.length; f--;) { const g = e[f]; if (g == 'click') this.$element.on(`click.${this.type}`, this.options.selector, a.proxy(this.toggle, this)); else if (g != 'manual') { const h = g == 'hover' ? 'mouseenter' : 'focusin'; const i = g == 'hover' ? 'mouseleave' : 'focusout'; this.$element.on(`${h}.${this.type}`, this.options.selector, a.proxy(this.enter, this)), this.$element.on(`${i}.${this.type}`, this.options.selector, a.proxy(this.leave, this)); } } this.options.selector ? this._options = a.extend({}, this.options, { trigger: 'manual', selector: '' }) : this.fixTitle(); }, b.prototype.getDefaults = function () { return b.DEFAULTS; }, b.prototype.getOptions = function (b) { return b = a.extend({}, this.getDefaults(), this.$element.data(), b), b.delay && typeof b.delay === 'number' && (b.delay = { show: b.delay, hide: b.delay }), b; }, b.prototype.getDelegateOptions = function () { const b = {}; const c = this.getDefaults(); return this._options && a.each(this._options, (a, d) => { c[a] != d && (b[a] = d); }), b; }, b.prototype.enter = function (b) { const c = b instanceof this.constructor ? b : a(b.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`); return clearTimeout(c.timeout), c.hoverState = 'in', c.options.delay && c.options.delay.show ? void (c.timeout = setTimeout(() => { c.hoverState == 'in' && c.show(); }, c.options.delay.show)) : c.show(); }, b.prototype.leave = function (b) { const c = b instanceof this.constructor ? b : a(b.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`); return clearTimeout(c.timeout), c.hoverState = 'out', c.options.delay && c.options.delay.hide ? void (c.timeout = setTimeout(() => { c.hoverState == 'out' && c.hide(); }, c.options.delay.hide)) : c.hide(); }, b.prototype.show = function () { const b = a.Event(`show.bs.${this.type}`); if (this.hasContent() && this.enabled) { if (this.$element.trigger(b), b.isDefaultPrevented()) return; const c = this; const d = this.tip(); this.setContent(), this.options.animation && d.addClass('fade'); let e = typeof this.options.placement === 'function' ? this.options.placement.call(this, d[0], this.$element[0]) : this.options.placement; const f = /\s?auto?\s?/i; const g = f.test(e); g && (e = e.replace(f, '') || 'top'), d.detach().css({ top: 0, left: 0, display: 'block' }).addClass(e), this.options.container ? d.appendTo(this.options.container) : d.insertAfter(this.$element); const h = this.getPosition(); const i = d[0].offsetWidth; const j = d[0].offsetHeight; if (g) { const k = this.$element.parent(); const l = e; const m = document.documentElement.scrollTop || document.body.scrollTop; const n = this.options.container == 'body' ? window.innerWidth : k.outerWidth(); const o = this.options.container == 'body' ? window.innerHeight : k.outerHeight(); const p = this.options.container == 'body' ? 0 : k.offset().left; e = e == 'bottom' && h.top + h.height + j - m > o ? 'top' : e == 'top' && h.top - m - j < 0 ? 'bottom' : e == 'right' && h.right + i > n ? 'left' : e == 'left' && h.left - i < p ? 'right' : e, d.removeClass(l).addClass(e); } const q = this.getCalculatedOffset(e, h, i, j); this.applyPlacement(q, e), this.hoverState = null; const r = function () { c.$element.trigger(`shown.bs.${c.type}`); }; a.support.transition && this.$tip.hasClass('fade') ? d.one(a.support.transition.end, r).emulateTransitionEnd(150) : r(); } }, b.prototype.applyPlacement = function (b, c) { let d; const e = this.tip(); const f = e[0].offsetWidth; const g = e[0].offsetHeight; let h = parseInt(e.css('margin-top'), 10); let i = parseInt(e.css('margin-left'), 10); isNaN(h) && (h = 0), isNaN(i) && (i = 0), b.top += h, b.left += i, a.offset.setOffset(e[0], a.extend({ using(a) { e.css({ top: Math.round(a.top), left: Math.round(a.left) }); } }, b), 0), e.addClass('in'); let j = e[0].offsetWidth; let k = e[0].offsetHeight; if (c == 'top' && k != g && (d = !0, b.top = b.top + g - k), /bottom|top/.test(c)) { let l = 0; b.left < 0 && (l = -2 * b.left, b.left = 0, e.offset(b), j = e[0].offsetWidth, k = e[0].offsetHeight), this.replaceArrow(l - f + j, j, 'left'); } else this.replaceArrow(k - g, k, 'top'); d && e.offset(b); }, b.prototype.replaceArrow = function (a, b, c) { this.arrow().css(c, a ? `${50 * (1 - a / b)}%` : ''); }, b.prototype.setContent = function () { const a = this.tip(); const b = this.getTitle(); a.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](b), a.removeClass('fade in top bottom left right'); }, b.prototype.hide = function () { function b() { c.hoverState != 'in' && d.detach(), c.$element.trigger(`hidden.bs.${c.type}`); } var c = this; var d = this.tip(); const e = a.Event(`hide.bs.${this.type}`); return this.$element.trigger(e), e.isDefaultPrevented() ? void 0 : (d.removeClass('in'), a.support.transition && this.$tip.hasClass('fade') ? d.one(a.support.transition.end, b).emulateTransitionEnd(150) : b(), this.hoverState = null, this); }, b.prototype.fixTitle = function () { const a = this.$element; (a.attr('title') || typeof a.attr('data-original-title') !== 'string') && a.attr('data-original-title', a.attr('title') || '').attr('title', ''); }, b.prototype.hasContent = function () { return this.getTitle(); }, b.prototype.getPosition = function () { const b = this.$element[0]; return a.extend({}, typeof b.getBoundingClientRect === 'function' ? b.getBoundingClientRect() : { width: b.offsetWidth, height: b.offsetHeight }, this.$element.offset()); }, b.prototype.getCalculatedOffset = function (a, b, c, d) { return a == 'bottom' ? { top: b.top + b.height, left: b.left + b.width / 2 - c / 2 } : a == 'top' ? { top: b.top - d, left: b.left + b.width / 2 - c / 2 } : a == 'left' ? { top: b.top + b.height / 2 - d / 2, left: b.left - c } : { top: b.top + b.height / 2 - d / 2, left: b.left + b.width }; }, b.prototype.getTitle = function () { let a; const b = this.$element; const c = this.options; return a = b.attr('data-original-title') || (typeof c.title === 'function' ? c.title.call(b[0]) : c.title); }, b.prototype.tip = function () { return this.$tip = this.$tip || a(this.options.template); }, b.prototype.arrow = function () { return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'); }, b.prototype.validate = function () { this.$element[0].parentNode || (this.hide(), this.$element = null, this.options = null); }, b.prototype.enable = function () { this.enabled = !0; }, b.prototype.disable = function () { this.enabled = !1; }, b.prototype.toggleEnabled = function () { this.enabled = !this.enabled; }, b.prototype.toggle = function (b) { const c = b ? a(b.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`) : this; c.tip().hasClass('in') ? c.leave(c) : c.enter(c); }, b.prototype.destroy = function () { clearTimeout(this.timeout), this.hide().$element.off(`.${this.type}`).removeData(`bs.${this.type}`); }; const c = a.fn.tooltip; a.fn.tooltip = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.tooltip'); const f = typeof c === 'object' && c; (e || c != 'destroy') && (e || d.data('bs.tooltip', e = new b(this, f)), typeof c === 'string' && e[c]()); }); }, a.fn.tooltip.Constructor = b, a.fn.tooltip.noConflict = function () { return a.fn.tooltip = c, this; }; +}(jQuery)), +(function (a) { + const b = function (a, b) { this.init('popover', a, b); }; if (!a.fn.tooltip) throw new Error('Popover requires tooltip.js'); b.DEFAULTS = a.extend({}, a.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right', trigger: 'click', content: '', template: '

', + }), b.prototype = a.extend({}, a.fn.tooltip.Constructor.prototype), b.prototype.constructor = b, b.prototype.getDefaults = function () { return b.DEFAULTS; }, b.prototype.setContent = function () { const a = this.tip(); const b = this.getTitle(); const c = this.getContent(); a.find('.popover-title')[this.options.html ? 'html' : 'text'](b), a.find('.popover-content')[this.options.html ? typeof c === 'string' ? 'html' : 'append' : 'text'](c), a.removeClass('fade top bottom left right in'), a.find('.popover-title').html() || a.find('.popover-title').hide(); }, b.prototype.hasContent = function () { return this.getTitle() || this.getContent(); }, b.prototype.getContent = function () { const a = this.$element; const b = this.options; return a.attr('data-content') || (typeof b.content === 'function' ? b.content.call(a[0]) : b.content); }, b.prototype.arrow = function () { return this.$arrow = this.$arrow || this.tip().find('.arrow'); }, b.prototype.tip = function () { return this.$tip || (this.$tip = a(this.options.template)), this.$tip; }; const c = a.fn.popover; a.fn.popover = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.popover'); const f = typeof c === 'object' && c; (e || c != 'destroy') && (e || d.data('bs.popover', e = new b(this, f)), typeof c === 'string' && e[c]()); }); }, a.fn.popover.Constructor = b, a.fn.popover.noConflict = function () { return a.fn.popover = c, this; }; +}(jQuery)), +(function (a) { + function b(c, d) { let e; const f = a.proxy(this.process, this); this.$element = a(a(c).is('body') ? window : c), this.$body = a('body'), this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', f), this.options = a.extend({}, b.DEFAULTS, d), this.selector = `${this.options.target || (e = a(c).attr('href')) && e.replace(/.*(?=#[^\s]+$)/, '') || ''} .nav li > a`, this.offsets = a([]), this.targets = a([]), this.activeTarget = null, this.refresh(), this.process(); }b.DEFAULTS = { offset: 10 }, b.prototype.refresh = function () { const b = this.$element[0] == window ? 'offset' : 'position'; this.offsets = a([]), this.targets = a([]); { const c = this; this.$body.find(this.selector).map(function () { const d = a(this); const e = d.data('target') || d.attr('href'); const f = /^#./.test(e) && a(e); return f && f.length && f.is(':visible') && [[f[b]().top + (!a.isWindow(c.$scrollElement.get(0)) && c.$scrollElement.scrollTop()), e]] || null; }).sort((a, b) => a[0] - b[0]).each(function () { c.offsets.push(this[0]), c.targets.push(this[1]); }); } }, b.prototype.process = function () { let a; const b = this.$scrollElement.scrollTop() + this.options.offset; const c = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight; const d = c - this.$scrollElement.height(); const e = this.offsets; const f = this.targets; const g = this.activeTarget; if (b >= d) return g != (a = f.last()[0]) && this.activate(a); if (g && b <= e[0]) return g != (a = f[0]) && this.activate(a); for (a = e.length; a--;)g != f[a] && b >= e[a] && (!e[a + 1] || b <= e[a + 1]) && this.activate(f[a]); }, b.prototype.activate = function (b) { this.activeTarget = b, a(this.selector).parentsUntil(this.options.target, '.active').removeClass('active'); const c = `${this.selector}[data-target="${b}"],${this.selector}[href="${b}"]`; let d = a(c).parents('li').addClass('active'); d.parent('.dropdown-menu').length && (d = d.closest('li.dropdown').addClass('active')), d.trigger('activate.bs.scrollspy'); }; const c = a.fn.scrollspy; a.fn.scrollspy = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.scrollspy'); const f = typeof c === 'object' && c; e || d.data('bs.scrollspy', e = new b(this, f)), typeof c === 'string' && e[c](); }); }, a.fn.scrollspy.Constructor = b, a.fn.scrollspy.noConflict = function () { return a.fn.scrollspy = c, this; }, a(window).on('load', () => { a('[data-spy="scroll"]').each(function () { const b = a(this); b.scrollspy(b.data()); }); }); +}(jQuery)), +(function (a) { + const b = function (b) { this.element = a(b); }; b.prototype.show = function () { const b = this.element; const c = b.closest('ul:not(.dropdown-menu)'); let d = b.data('target'); if (d || (d = b.attr('href'), d = d && d.replace(/.*(?=#[^\s]*$)/, '')), !b.parent('li').hasClass('active')) { const e = c.find('.active:last a')[0]; const f = a.Event('show.bs.tab', { relatedTarget: e }); if (b.trigger(f), !f.isDefaultPrevented()) { const g = a(d); this.activate(b.parent('li'), c), this.activate(g, g.parent(), () => { b.trigger({ type: 'shown.bs.tab', relatedTarget: e }); }); } } }, b.prototype.activate = function (b, c, d) { function e() { f.removeClass('active').find('> .dropdown-menu > .active').removeClass('active'), b.addClass('active'), g ? (b[0].offsetWidth, b.addClass('in')) : b.removeClass('fade'), b.parent('.dropdown-menu') && b.closest('li.dropdown').addClass('active'), d && d(); } var f = c.find('> .active'); var g = d && a.support.transition && f.hasClass('fade'); g ? f.one(a.support.transition.end, e).emulateTransitionEnd(150) : e(), f.removeClass('in'); }; const c = a.fn.tab; a.fn.tab = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.tab'); e || d.data('bs.tab', e = new b(this)), typeof c === 'string' && e[c](); }); }, a.fn.tab.Constructor = b, a.fn.tab.noConflict = function () { return a.fn.tab = c, this; }, a(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (b) { b.preventDefault(), a(this).tab('show'); }); +}(jQuery)), +(function (a) { + var b = function (c, d) { this.options = a.extend({}, b.DEFAULTS, d), this.$window = a(window).on('scroll.bs.affix.data-api', a.proxy(this.checkPosition, this)).on('click.bs.affix.data-api', a.proxy(this.checkPositionWithEventLoop, this)), this.$element = a(c), this.affixed = this.unpin = this.pinnedOffset = null, this.checkPosition(); }; b.RESET = 'affix affix-top affix-bottom', b.DEFAULTS = { offset: 0 }, b.prototype.getPinnedOffset = function () { if (this.pinnedOffset) return this.pinnedOffset; this.$element.removeClass(b.RESET).addClass('affix'); const a = this.$window.scrollTop(); const c = this.$element.offset(); return this.pinnedOffset = c.top - a; }, b.prototype.checkPositionWithEventLoop = function () { setTimeout(a.proxy(this.checkPosition, this), 1); }, b.prototype.checkPosition = function () { if (this.$element.is(':visible')) { const c = a(document).height(); const d = this.$window.scrollTop(); const e = this.$element.offset(); const f = this.options.offset; let g = f.top; let h = f.bottom; this.affixed == 'top' && (e.top += d), typeof f !== 'object' && (h = g = f), typeof g === 'function' && (g = f.top(this.$element)), typeof h === 'function' && (h = f.bottom(this.$element)); const i = this.unpin != null && d + this.unpin <= e.top ? !1 : h != null && e.top + this.$element.height() >= c - h ? 'bottom' : g != null && g >= d ? 'top' : !1; if (this.affixed !== i) { this.unpin && this.$element.css('top', ''); const j = `affix${i ? `-${i}` : ''}`; const k = a.Event(`${j}.bs.affix`); this.$element.trigger(k), k.isDefaultPrevented() || (this.affixed = i, this.unpin = i == 'bottom' ? this.getPinnedOffset() : null, this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace('affix', 'affixed'))), i == 'bottom' && this.$element.offset({ top: c - h - this.$element.height() })); } } }; const c = a.fn.affix; a.fn.affix = function (c) { return this.each(function () { const d = a(this); let e = d.data('bs.affix'); const f = typeof c === 'object' && c; e || d.data('bs.affix', e = new b(this, f)), typeof c === 'string' && e[c](); }); }, a.fn.affix.Constructor = b, a.fn.affix.noConflict = function () { return a.fn.affix = c, this; }, a(window).on('load', () => { a('[data-spy="affix"]').each(function () { const b = a(this); const c = b.data(); c.offset = c.offset || {}, c.offsetBottom && (c.offset.bottom = c.offsetBottom), c.offsetTop && (c.offset.top = c.offsetTop), b.affix(c); }); }); +}(jQuery)); diff --git a/packages/mindplot/lib/components/libraries/hotkeys/jquery.hotkeys.js b/packages/mindplot/lib/components/libraries/hotkeys/jquery.hotkeys.js index a258c396..72fa7f1c 100644 --- a/packages/mindplot/lib/components/libraries/hotkeys/jquery.hotkeys.js +++ b/packages/mindplot/lib/components/libraries/hotkeys/jquery.hotkeys.js @@ -15,96 +15,158 @@ * Might be useful, when you want to pass some other data to your handler */ -(function(jQuery){ - - jQuery.hotkeys = { - version: "0.8", +(function (jQuery) { + jQuery.hotkeys = { + version: '0.8', - specialKeys: { - 8: "backspace", 9: "tab", 10: "return", 13: "enter", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", - 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", - 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", - 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", - 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/", - 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", - 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 186: ";", 191: "/", - 220: "\\", 222: "'", 224: "meta" - }, - - shiftNums: { - "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", - "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<", - ".": ">", "/": "?", "\\": "|" - } - }; + specialKeys: { + 8: 'backspace', + 9: 'tab', + 10: 'return', + 13: 'enter', + 16: 'shift', + 17: 'ctrl', + 18: 'alt', + 19: 'pause', + 20: 'capslock', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'del', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9', + 106: '*', + 107: '+', + 109: '-', + 110: '.', + 111: '/', + 112: 'f1', + 113: 'f2', + 114: 'f3', + 115: 'f4', + 116: 'f5', + 117: 'f6', + 118: 'f7', + 119: 'f8', + 120: 'f9', + 121: 'f10', + 122: 'f11', + 123: 'f12', + 144: 'numlock', + 145: 'scroll', + 186: ';', + 191: '/', + 220: '\\', + 222: "'", + 224: 'meta', + }, - function keyHandler( handleObj ) { - if ( typeof handleObj.data === "string" ) { - handleObj.data = { keys: handleObj.data }; - } + shiftNums: { + '`': '~', + 1: '!', + 2: '@', + 3: '#', + 4: '$', + 5: '%', + 6: '^', + 7: '&', + 8: '*', + 9: '(', + 0: ')', + '-': '_', + '=': '+', + ';': ': ', + "'": '"', + ',': '<', + '.': '>', + '/': '?', + '\\': '|', + }, + }; - // Only care when a possible input has been specified - if ( !handleObj.data || !handleObj.data.keys || typeof handleObj.data.keys !== "string" ) { - return; - } + function keyHandler(handleObj) { + if (typeof handleObj.data === 'string') { + handleObj.data = { keys: handleObj.data }; + } - var origHandler = handleObj.handler, - keys = handleObj.data.keys.toLowerCase().split(" "), - textAcceptingInputTypes = ["text", "password", "number", "email", "url", "range", "date", "month", "week", "time", "datetime", "datetime-local", "search", "color", "tel"]; - - handleObj.handler = function( event ) { - // Don't fire in text-accepting inputs that we didn't directly bind to - if ( this !== event.target && (/textarea|select/i.test( event.target.nodeName ) || - jQuery.inArray(event.target.type, textAcceptingInputTypes) > -1 ) ) { - return; - } + // Only care when a possible input has been specified + if (!handleObj.data || !handleObj.data.keys || typeof handleObj.data.keys !== 'string') { + return; + } - var special = jQuery.hotkeys.specialKeys[ event.keyCode ], - character = String.fromCharCode( event.which ).toLowerCase(), - modif = "", possible = {}; + const origHandler = handleObj.handler; + const keys = handleObj.data.keys.toLowerCase().split(' '); + const textAcceptingInputTypes = ['text', 'password', 'number', 'email', 'url', 'range', 'date', 'month', 'week', 'time', 'datetime', 'datetime-local', 'search', 'color', 'tel']; - // check combinations (alt|ctrl|shift+anything) - if ( event.altKey && special !== "alt" ) { - modif += "alt+"; - } + handleObj.handler = function (event) { + // Don't fire in text-accepting inputs that we didn't directly bind to + if (this !== event.target && (/textarea|select/i.test(event.target.nodeName) + || jQuery.inArray(event.target.type, textAcceptingInputTypes) > -1)) { + return; + } - if ( event.ctrlKey && special !== "ctrl" ) { - modif += "ctrl+"; - } - - // TODO: Need to make sure this works consistently across platforms - if ( event.metaKey && !event.ctrlKey && special !== "meta" ) { - modif += "meta+"; - } + const special = jQuery.hotkeys.specialKeys[event.keyCode]; + const character = String.fromCharCode(event.which).toLowerCase(); + let modif = ''; const + possible = {}; - if ( event.shiftKey && special !== "shift" ) { - modif += "shift+"; - } + // check combinations (alt|ctrl|shift+anything) + if (event.altKey && special !== 'alt') { + modif += 'alt+'; + } - if ( special ) { - possible[ modif + special ] = true; - } + if (event.ctrlKey && special !== 'ctrl') { + modif += 'ctrl+'; + } - if ( character ) { - possible[ modif + character ] = true; - possible[ modif + jQuery.hotkeys.shiftNums[ character ] ] = true; + // TODO: Need to make sure this works consistently across platforms + if (event.metaKey && !event.ctrlKey && special !== 'meta') { + modif += 'meta+'; + } - // "$" can be triggered as "Shift+4" or "Shift+$" or just "$" - if ( modif === "shift+" ) { - possible[ jQuery.hotkeys.shiftNums[ character ] ] = true; - } - } + if (event.shiftKey && special !== 'shift') { + modif += 'shift+'; + } - for ( var i = 0, l = keys.length; i < l; i++ ) { - if ( possible[ keys[i] ] ) { - return origHandler.apply( this, arguments ); - } - } - }; - } + if (special) { + possible[modif + special] = true; + } - jQuery.each([ "keydown", "keyup", "keypress" ], function() { - jQuery.event.special[ this ] = { add: keyHandler }; - }); + if (character) { + possible[modif + character] = true; + possible[modif + jQuery.hotkeys.shiftNums[character]] = true; -})( this.jQuery ); + // "$" can be triggered as "Shift+4" or "Shift+$" or just "$" + if (modif === 'shift+') { + possible[jQuery.hotkeys.shiftNums[character]] = true; + } + } + + for (let i = 0, l = keys.length; i < l; i++) { + if (possible[keys[i]]) { + return origHandler.apply(this, arguments); + } + } + }; + } + + jQuery.each(['keydown', 'keyup', 'keypress'], function () { + jQuery.event.special[this] = { add: keyHandler }; + }); +}(this.jQuery)); diff --git a/packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.js b/packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.js index f7f42277..37257b61 100644 --- a/packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.js +++ b/packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.js @@ -12,544 +12,534 @@ * Date: 2014-01-23T21:10Z */ -(function( global, factory ) { - - if ( typeof module === "object" && typeof module.exports === "object" ) { - // For CommonJS and CommonJS-like environments where a proper window is present, - // execute the factory and get jQuery - // For environments that do not inherently posses a window with a document - // (such as Node.js), expose a jQuery-making factory as module.exports - // This accentuates the need for the creation of a real window - // e.g. var jQuery = require("jquery")(window); - // See ticket #14549 for more info - module.exports = global.document ? - factory( global, true ) : - function( w ) { - if ( !w.document ) { - throw new Error( "jQuery requires a window with a document" ); - } - return factory( w ); - }; - } else { - factory( global ); - } +(function (global, factory) { + if (typeof module === 'object' && typeof module.exports === 'object') { + // For CommonJS and CommonJS-like environments where a proper window is present, + // execute the factory and get jQuery + // For environments that do not inherently posses a window with a document + // (such as Node.js), expose a jQuery-making factory as module.exports + // This accentuates the need for the creation of a real window + // e.g. var jQuery = require("jquery")(window); + // See ticket #14549 for more info + module.exports = global.document + ? factory(global, true) + : function (w) { + if (!w.document) { + throw new Error('jQuery requires a window with a document'); + } + return factory(w); + }; + } else { + factory(global); + } // Pass this if window is not defined yet -}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) { - +}(typeof window !== 'undefined' ? window : this, (window, noGlobal) => { // Can't do this because several apps including ASP.NET trace -// the stack via arguments.caller.callee and Firefox dies if -// you try to trace through "use strict" call chains. (#13335) -// Support: Firefox 18+ -// + // the stack via arguments.caller.callee and Firefox dies if + // you try to trace through "use strict" call chains. (#13335) + // Support: Firefox 18+ + // -var arr = []; + const arr = []; -var slice = arr.slice; + const { slice } = arr; -var concat = arr.concat; + const { concat } = arr; -var push = arr.push; + const { push } = arr; -var indexOf = arr.indexOf; + const { indexOf } = arr; -var class2type = {}; + const class2type = {}; -var toString = class2type.toString; + const { toString } = class2type; -var hasOwn = class2type.hasOwnProperty; + const hasOwn = class2type.hasOwnProperty; -var trim = "".trim; + const { trim } = ''; -var support = {}; + const support = {}; + const + // Use the correct document accordingly with window argument (sandbox) + { document } = window; + const version = '2.1.0'; -var - // Use the correct document accordingly with window argument (sandbox) - document = window.document, + // Define a local copy of jQuery + var jQuery = function (selector, context) { + // The jQuery object is actually just the init constructor 'enhanced' + // Need init if jQuery is called (just allow error to be thrown if not included) + return new jQuery.fn.init(selector, context); + }; - version = "2.1.0", + // Matches dashed string for camelizing + const rmsPrefix = /^-ms-/; + const rdashAlpha = /-([\da-z])/gi; - // Define a local copy of jQuery - jQuery = function( selector, context ) { - // The jQuery object is actually just the init constructor 'enhanced' - // Need init if jQuery is called (just allow error to be thrown if not included) - return new jQuery.fn.init( selector, context ); - }, + // Used by jQuery.camelCase as callback to replace() + const fcamelCase = function (all, letter) { + return letter.toUpperCase(); + }; - // Matches dashed string for camelizing - rmsPrefix = /^-ms-/, - rdashAlpha = /-([\da-z])/gi, + jQuery.fn = jQuery.prototype = { + // The current version of jQuery being used + jquery: version, - // Used by jQuery.camelCase as callback to replace() - fcamelCase = function( all, letter ) { - return letter.toUpperCase(); - }; + constructor: jQuery, -jQuery.fn = jQuery.prototype = { - // The current version of jQuery being used - jquery: version, + // Start with an empty selector + selector: '', - constructor: jQuery, + // The default length of a jQuery object is 0 + length: 0, - // Start with an empty selector - selector: "", + toArray() { + return slice.call(this); + }, - // The default length of a jQuery object is 0 - length: 0, + // Get the Nth element in the matched element set OR + // Get the whole matched element set as a clean array + get(num) { + return num != null + + // Return a 'clean' array + ? (num < 0 ? this[num + this.length] : this[num]) - toArray: function() { - return slice.call( this ); - }, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - return num != null ? - - // Return a 'clean' array - ( num < 0 ? this[ num + this.length ] : this[ num ] ) : - - // Return just the object - slice.call( this ); - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems ) { - - // Build a new jQuery matched element set - var ret = jQuery.merge( this.constructor(), elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - ret.context = this.context; - - // Return the newly-formed element set - return ret; - }, - - // Execute a callback for every element in the matched set. - // (You can seed the arguments with an array of args, but this is - // only used internally.) - each: function( callback, args ) { - return jQuery.each( this, callback, args ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map(this, function( elem, i ) { - return callback.call( elem, i, elem ); - })); - }, - - slice: function() { - return this.pushStack( slice.apply( this, arguments ) ); - }, - - first: function() { - return this.eq( 0 ); - }, - - last: function() { - return this.eq( -1 ); - }, - - eq: function( i ) { - var len = this.length, - j = +i + ( i < 0 ? len : 0 ); - return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] ); - }, - - end: function() { - return this.prevObject || this.constructor(null); - }, - - // For internal use only. - // Behaves like an Array's method, not like a jQuery method. - push: push, - sort: arr.sort, - splice: arr.splice -}; - -jQuery.extend = jQuery.fn.extend = function() { - var options, name, src, copy, copyIsArray, clone, - target = arguments[0] || {}, - i = 1, - length = arguments.length, - deep = false; - - // Handle a deep copy situation - if ( typeof target === "boolean" ) { - deep = target; - - // skip the boolean and the target - target = arguments[ i ] || {}; - i++; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target !== "object" && !jQuery.isFunction(target) ) { - target = {}; - } - - // extend jQuery itself if only one argument is passed - if ( i === length ) { - target = this; - i--; - } - - for ( ; i < length; i++ ) { - // Only deal with non-null/undefined values - if ( (options = arguments[ i ]) != null ) { - // Extend the base object - for ( name in options ) { - src = target[ name ]; - copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) { - continue; - } - - // Recurse if we're merging plain objects or arrays - if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { - if ( copyIsArray ) { - copyIsArray = false; - clone = src && jQuery.isArray(src) ? src : []; - - } else { - clone = src && jQuery.isPlainObject(src) ? src : {}; - } - - // Never move original objects, clone them - target[ name ] = jQuery.extend( deep, clone, copy ); - - // Don't bring in undefined values - } else if ( copy !== undefined ) { - target[ name ] = copy; - } - } - } - } - - // Return the modified object - return target; -}; - -jQuery.extend({ - // Unique for each copy of jQuery on the page - expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), - - // Assume jQuery is ready without the ready module - isReady: true, - - error: function( msg ) { - throw new Error( msg ); - }, - - noop: function() {}, - - // See test/unit/core.js for details concerning isFunction. - // Since version 1.3, DOM methods and functions like alert - // aren't supported. They return false on IE (#2968). - isFunction: function( obj ) { - return jQuery.type(obj) === "function"; - }, - - isArray: Array.isArray, - - isWindow: function( obj ) { - return obj != null && obj === obj.window; - }, - - isNumeric: function( obj ) { - // parseFloat NaNs numeric-cast false positives (null|true|false|"") - // ...but misinterprets leading-number strings, particularly hex literals ("0x...") - // subtraction forces infinities to NaN - return obj - parseFloat( obj ) >= 0; - }, - - isPlainObject: function( obj ) { - // Not plain objects: - // - Any object or value whose internal [[Class]] property is not "[object Object]" - // - DOM nodes - // - window - if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { - return false; - } - - // Support: Firefox <20 - // The try/catch suppresses exceptions thrown when attempting to access - // the "constructor" property of certain host objects, ie. |window.location| - // https://bugzilla.mozilla.org/show_bug.cgi?id=814622 - try { - if ( obj.constructor && - !hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) { - return false; - } - } catch ( e ) { - return false; - } - - // If the function hasn't returned already, we're confident that - // |obj| is a plain object, created by {} or constructed with new Object - return true; - }, - - isEmptyObject: function( obj ) { - var name; - for ( name in obj ) { - return false; - } - return true; - }, - - type: function( obj ) { - if ( obj == null ) { - return obj + ""; - } - // Support: Android < 4.0, iOS < 6 (functionish RegExp) - return typeof obj === "object" || typeof obj === "function" ? - class2type[ toString.call(obj) ] || "object" : - typeof obj; - }, - - // Evaluates a script in a global context - globalEval: function( code ) { - var script, - indirect = eval; - - code = jQuery.trim( code ); - - if ( code ) { - // If the code includes a valid, prologue position - // strict mode pragma, execute code by injecting a - // script tag into the document. - if ( code.indexOf("use strict") === 1 ) { - script = document.createElement("script"); - script.text = code; - document.head.appendChild( script ).parentNode.removeChild( script ); - } else { - // Otherwise, avoid the DOM node creation, insertion - // and removal by using an indirect global eval - indirect( code ); - } - } - }, - - // Convert dashed to camelCase; used by the css and data modules - // Microsoft forgot to hump their vendor prefix (#9572) - camelCase: function( string ) { - return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); - }, - - nodeName: function( elem, name ) { - return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); - }, - - // args is for internal usage only - each: function( obj, callback, args ) { - var value, - i = 0, - length = obj.length, - isArray = isArraylike( obj ); - - if ( args ) { - if ( isArray ) { - for ( ; i < length; i++ ) { - value = callback.apply( obj[ i ], args ); - - if ( value === false ) { - break; - } - } - } else { - for ( i in obj ) { - value = callback.apply( obj[ i ], args ); - - if ( value === false ) { - break; - } - } - } - - // A special, fast, case for the most common use of each - } else { - if ( isArray ) { - for ( ; i < length; i++ ) { - value = callback.call( obj[ i ], i, obj[ i ] ); - - if ( value === false ) { - break; - } - } - } else { - for ( i in obj ) { - value = callback.call( obj[ i ], i, obj[ i ] ); - - if ( value === false ) { - break; - } - } - } - } - - return obj; - }, - - trim: function( text ) { - return text == null ? "" : trim.call( text ); - }, - - // results is for internal usage only - makeArray: function( arr, results ) { - var ret = results || []; - - if ( arr != null ) { - if ( isArraylike( Object(arr) ) ) { - jQuery.merge( ret, - typeof arr === "string" ? - [ arr ] : arr - ); - } else { - push.call( ret, arr ); - } - } - - return ret; - }, - - inArray: function( elem, arr, i ) { - return arr == null ? -1 : indexOf.call( arr, elem, i ); - }, - - merge: function( first, second ) { - var len = +second.length, - j = 0, - i = first.length; - - for ( ; j < len; j++ ) { - first[ i++ ] = second[ j ]; - } - - first.length = i; - - return first; - }, - - grep: function( elems, callback, invert ) { - var callbackInverse, - matches = [], - i = 0, - length = elems.length, - callbackExpect = !invert; - - // Go through the array, only saving the items - // that pass the validator function - for ( ; i < length; i++ ) { - callbackInverse = !callback( elems[ i ], i ); - if ( callbackInverse !== callbackExpect ) { - matches.push( elems[ i ] ); - } - } - - return matches; - }, - - // arg is for internal usage only - map: function( elems, callback, arg ) { - var value, - i = 0, - length = elems.length, - isArray = isArraylike( elems ), - ret = []; - - // Go through the array, translating each of the items to their new values - if ( isArray ) { - for ( ; i < length; i++ ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - - // Go through every key on the object, - } else { - for ( i in elems ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - } - - // Flatten any nested arrays - return concat.apply( [], ret ); - }, - - // A global GUID counter for objects - guid: 1, - - // Bind a function to a context, optionally partially applying any - // arguments. - proxy: function( fn, context ) { - var tmp, args, proxy; - - if ( typeof context === "string" ) { - tmp = fn[ context ]; - context = fn; - fn = tmp; - } - - // Quick check to determine if target is callable, in the spec - // this throws a TypeError, but we will just return undefined. - if ( !jQuery.isFunction( fn ) ) { - return undefined; - } - - // Simulated bind - args = slice.call( arguments, 2 ); - proxy = function() { - return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); - }; - - // Set the guid of unique handler to the same of original handler, so it can be removed - proxy.guid = fn.guid = fn.guid || jQuery.guid++; - - return proxy; - }, - - now: Date.now, - - // jQuery.support is not used in Core but other projects attach their - // properties to it so it needs to exist. - support: support -}); - -// Populate the class2type map -jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) { - class2type[ "[object " + name + "]" ] = name.toLowerCase(); -}); - -function isArraylike( obj ) { - var length = obj.length, - type = jQuery.type( obj ); - - if ( type === "function" || jQuery.isWindow( obj ) ) { - return false; - } - - if ( obj.nodeType === 1 && length ) { - return true; - } - - return type === "array" || length === 0 || - typeof length === "number" && length > 0 && ( length - 1 ) in obj; -} -var Sizzle = + // Return just the object + : slice.call(this); + }, + + // Take an array of elements and push it onto the stack + // (returning the new matched element set) + pushStack(elems) { + // Build a new jQuery matched element set + const ret = jQuery.merge(this.constructor(), elems); + + // Add the old object onto the stack (as a reference) + ret.prevObject = this; + ret.context = this.context; + + // Return the newly-formed element set + return ret; + }, + + // Execute a callback for every element in the matched set. + // (You can seed the arguments with an array of args, but this is + // only used internally.) + each(callback, args) { + return jQuery.each(this, callback, args); + }, + + map(callback) { + return this.pushStack(jQuery.map(this, (elem, i) => callback.call(elem, i, elem))); + }, + + slice() { + return this.pushStack(slice.apply(this, arguments)); + }, + + first() { + return this.eq(0); + }, + + last() { + return this.eq(-1); + }, + + eq(i) { + const len = this.length; + const j = +i + (i < 0 ? len : 0); + return this.pushStack(j >= 0 && j < len ? [this[j]] : []); + }, + + end() { + return this.prevObject || this.constructor(null); + }, + + // For internal use only. + // Behaves like an Array's method, not like a jQuery method. + push, + sort: arr.sort, + splice: arr.splice, + }; + + jQuery.extend = jQuery.fn.extend = function () { + let options; let name; let src; let copy; let copyIsArray; let clone; + let target = arguments[0] || {}; + let i = 1; + const { length } = arguments; + let deep = false; + + // Handle a deep copy situation + if (typeof target === 'boolean') { + deep = target; + + // skip the boolean and the target + target = arguments[i] || {}; + i++; + } + + // Handle case when target is a string or something (possible in deep copy) + if (typeof target !== 'object' && !jQuery.isFunction(target)) { + target = {}; + } + + // extend jQuery itself if only one argument is passed + if (i === length) { + target = this; + i--; + } + + for (; i < length; i++) { + // Only deal with non-null/undefined values + if ((options = arguments[i]) != null) { + // Extend the base object + for (name in options) { + src = target[name]; + copy = options[name]; + + // Prevent never-ending loop + if (target === copy) { + continue; + } + + // Recurse if we're merging plain objects or arrays + if (deep && copy && (jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)))) { + if (copyIsArray) { + copyIsArray = false; + clone = src && jQuery.isArray(src) ? src : []; + } else { + clone = src && jQuery.isPlainObject(src) ? src : {}; + } + + // Never move original objects, clone them + target[name] = jQuery.extend(deep, clone, copy); + + // Don't bring in undefined values + } else if (copy !== undefined) { + target[name] = copy; + } + } + } + } + + // Return the modified object + return target; + }; + + jQuery.extend({ + // Unique for each copy of jQuery on the page + expando: `jQuery${(version + Math.random()).replace(/\D/g, '')}`, + + // Assume jQuery is ready without the ready module + isReady: true, + + error(msg) { + throw new Error(msg); + }, + + noop() {}, + + // See test/unit/core.js for details concerning isFunction. + // Since version 1.3, DOM methods and functions like alert + // aren't supported. They return false on IE (#2968). + isFunction(obj) { + return jQuery.type(obj) === 'function'; + }, + + isArray: Array.isArray, + + isWindow(obj) { + return obj != null && obj === obj.window; + }, + + isNumeric(obj) { + // parseFloat NaNs numeric-cast false positives (null|true|false|"") + // ...but misinterprets leading-number strings, particularly hex literals ("0x...") + // subtraction forces infinities to NaN + return obj - parseFloat(obj) >= 0; + }, + + isPlainObject(obj) { + // Not plain objects: + // - Any object or value whose internal [[Class]] property is not "[object Object]" + // - DOM nodes + // - window + if (jQuery.type(obj) !== 'object' || obj.nodeType || jQuery.isWindow(obj)) { + return false; + } + + // Support: Firefox <20 + // The try/catch suppresses exceptions thrown when attempting to access + // the "constructor" property of certain host objects, ie. |window.location| + // https://bugzilla.mozilla.org/show_bug.cgi?id=814622 + try { + if (obj.constructor + && !hasOwn.call(obj.constructor.prototype, 'isPrototypeOf')) { + return false; + } + } catch (e) { + return false; + } + + // If the function hasn't returned already, we're confident that + // |obj| is a plain object, created by {} or constructed with new Object + return true; + }, + + isEmptyObject(obj) { + let name; + for (name in obj) { + return false; + } + return true; + }, + + type(obj) { + if (obj == null) { + return `${obj}`; + } + // Support: Android < 4.0, iOS < 6 (functionish RegExp) + return typeof obj === 'object' || typeof obj === 'function' + ? class2type[toString.call(obj)] || 'object' + : typeof obj; + }, + + // Evaluates a script in a global context + globalEval(code) { + let script; + const indirect = eval; + + code = jQuery.trim(code); + + if (code) { + // If the code includes a valid, prologue position + // strict mode pragma, execute code by injecting a + // script tag into the document. + if (code.indexOf('use strict') === 1) { + script = document.createElement('script'); + script.text = code; + document.head.appendChild(script).parentNode.removeChild(script); + } else { + // Otherwise, avoid the DOM node creation, insertion + // and removal by using an indirect global eval + indirect(code); + } + } + }, + + // Convert dashed to camelCase; used by the css and data modules + // Microsoft forgot to hump their vendor prefix (#9572) + camelCase(string) { + return string.replace(rmsPrefix, 'ms-').replace(rdashAlpha, fcamelCase); + }, + + nodeName(elem, name) { + return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); + }, + + // args is for internal usage only + each(obj, callback, args) { + let value; + let i = 0; + const { length } = obj; + const isArray = isArraylike(obj); + + if (args) { + if (isArray) { + for (; i < length; i++) { + value = callback.apply(obj[i], args); + + if (value === false) { + break; + } + } + } else { + for (i in obj) { + value = callback.apply(obj[i], args); + + if (value === false) { + break; + } + } + } + + // A special, fast, case for the most common use of each + } else if (isArray) { + for (; i < length; i++) { + value = callback.call(obj[i], i, obj[i]); + + if (value === false) { + break; + } + } + } else { + for (i in obj) { + value = callback.call(obj[i], i, obj[i]); + + if (value === false) { + break; + } + } + } + + return obj; + }, + + trim(text) { + return text == null ? '' : trim.call(text); + }, + + // results is for internal usage only + makeArray(arr, results) { + const ret = results || []; + + if (arr != null) { + if (isArraylike(Object(arr))) { + jQuery.merge(ret, + typeof arr === 'string' + ? [arr] : arr); + } else { + push.call(ret, arr); + } + } + + return ret; + }, + + inArray(elem, arr, i) { + return arr == null ? -1 : indexOf.call(arr, elem, i); + }, + + merge(first, second) { + const len = +second.length; + let j = 0; + let i = first.length; + + for (; j < len; j++) { + first[i++] = second[j]; + } + + first.length = i; + + return first; + }, + + grep(elems, callback, invert) { + let callbackInverse; + const matches = []; + let i = 0; + const { length } = elems; + const callbackExpect = !invert; + + // Go through the array, only saving the items + // that pass the validator function + for (; i < length; i++) { + callbackInverse = !callback(elems[i], i); + if (callbackInverse !== callbackExpect) { + matches.push(elems[i]); + } + } + + return matches; + }, + + // arg is for internal usage only + map(elems, callback, arg) { + let value; + let i = 0; + const { length } = elems; + const isArray = isArraylike(elems); + const ret = []; + + // Go through the array, translating each of the items to their new values + if (isArray) { + for (; i < length; i++) { + value = callback(elems[i], i, arg); + + if (value != null) { + ret.push(value); + } + } + + // Go through every key on the object, + } else { + for (i in elems) { + value = callback(elems[i], i, arg); + + if (value != null) { + ret.push(value); + } + } + } + + // Flatten any nested arrays + return concat.apply([], ret); + }, + + // A global GUID counter for objects + guid: 1, + + // Bind a function to a context, optionally partially applying any + // arguments. + proxy(fn, context) { + let tmp; let args; let + proxy; + + if (typeof context === 'string') { + tmp = fn[context]; + context = fn; + fn = tmp; + } + + // Quick check to determine if target is callable, in the spec + // this throws a TypeError, but we will just return undefined. + if (!jQuery.isFunction(fn)) { + return undefined; + } + + // Simulated bind + args = slice.call(arguments, 2); + proxy = function () { + return fn.apply(context || this, args.concat(slice.call(arguments))); + }; + + // Set the guid of unique handler to the same of original handler, so it can be removed + proxy.guid = fn.guid = fn.guid || jQuery.guid++; + + return proxy; + }, + + now: Date.now, + + // jQuery.support is not used in Core but other projects attach their + // properties to it so it needs to exist. + support, + }); + + // Populate the class2type map + jQuery.each('Boolean Number String Function Array Date RegExp Object Error'.split(' '), (i, name) => { + class2type[`[object ${name}]`] = name.toLowerCase(); + }); + + function isArraylike(obj) { + const { length } = obj; + const type = jQuery.type(obj); + + if (type === 'function' || jQuery.isWindow(obj)) { + return false; + } + + if (obj.nodeType === 1 && length) { + return true; + } + + return type === 'array' || length === 0 + || typeof length === 'number' && length > 0 && (length - 1) in obj; + } + const Sizzle = /*! * Sizzle CSS Selector Engine v1.10.16 * http://sizzlejs.com/ @@ -560,979 +550,973 @@ var Sizzle = * * Date: 2014-01-13 */ -(function( window ) { +(function (window) { + let i; + let support; + let Expr; + let getText; + let isXML; + let compile; + let outermostContext; + let sortInput; + let hasDuplicate; -var i, - support, - Expr, - getText, - isXML, - compile, - outermostContext, - sortInput, - hasDuplicate, + // Local document vars + let setDocument; + let document; + let docElem; + let documentIsHTML; + let rbuggyQSA; + let rbuggyMatches; + let matches; + let contains; - // Local document vars - setDocument, - document, - docElem, - documentIsHTML, - rbuggyQSA, - rbuggyMatches, - matches, - contains, + // Instance-specific data + const expando = `sizzle${-(new Date())}`; + const preferredDoc = window.document; + let dirruns = 0; + let done = 0; + const classCache = createCache(); + const tokenCache = createCache(); + const compilerCache = createCache(); + let sortOrder = function (a, b) { + if (a === b) { + hasDuplicate = true; + } + return 0; + }; - // Instance-specific data - expando = "sizzle" + -(new Date()), - preferredDoc = window.document, - dirruns = 0, - done = 0, - classCache = createCache(), - tokenCache = createCache(), - compilerCache = createCache(), - sortOrder = function( a, b ) { - if ( a === b ) { - hasDuplicate = true; - } - return 0; - }, + // General-purpose constants + const strundefined = typeof undefined; + const MAX_NEGATIVE = 1 << 31; - // General-purpose constants - strundefined = typeof undefined, - MAX_NEGATIVE = 1 << 31, + // Instance methods + const hasOwn = ({}).hasOwnProperty; + let arr = []; + const { pop } = arr; + const push_native = arr.push; + let { push } = arr; + const { slice } = arr; + // Use a stripped-down indexOf if we can't use a native one + const indexOf = arr.indexOf || function (elem) { + let i = 0; + const len = this.length; + for (; i < len; i++) { + if (this[i] === elem) { + return i; + } + } + return -1; + }; - // Instance methods - hasOwn = ({}).hasOwnProperty, - arr = [], - pop = arr.pop, - push_native = arr.push, - push = arr.push, - slice = arr.slice, - // Use a stripped-down indexOf if we can't use a native one - indexOf = arr.indexOf || function( elem ) { - var i = 0, - len = this.length; - for ( ; i < len; i++ ) { - if ( this[i] === elem ) { - return i; - } - } - return -1; - }, + const booleans = 'checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped'; - booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", + // Regular expressions - // Regular expressions + // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace + const whitespace = '[\\x20\\t\\r\\n\\f]'; + // http://www.w3.org/TR/css3-syntax/#characters + const characterEncoding = '(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+'; - // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace - whitespace = "[\\x20\\t\\r\\n\\f]", - // http://www.w3.org/TR/css3-syntax/#characters - characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+", + // Loosely modeled on CSS identifier characters + // An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors + // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + const identifier = characterEncoding.replace('w', 'w#'); - // Loosely modeled on CSS identifier characters - // An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors - // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier - identifier = characterEncoding.replace( "w", "w#" ), + // Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors + const attributes = `\\[${whitespace}*(${characterEncoding})${whitespace + }*(?:([*^$|!~]?=)${whitespace}*(?:(['"])((?:\\\\.|[^\\\\])*?)\\3|(${identifier})|)|)${whitespace}*\\]`; - // Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors - attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace + - "*(?:([*^$|!~]?=)" + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]", + // Prefer arguments quoted, + // then not containing pseudos/brackets, + // then attribute selectors/non-parenthetical expressions, + // then anything else + // These preferences are here to reduce the number of selectors + // needing tokenize in the PSEUDO preFilter + const pseudos = `:(${characterEncoding})(?:\\(((['"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|${attributes.replace(3, 8)})*)|.*)\\)|)`; - // Prefer arguments quoted, - // then not containing pseudos/brackets, - // then attribute selectors/non-parenthetical expressions, - // then anything else - // These preferences are here to reduce the number of selectors - // needing tokenize in the PSEUDO preFilter - pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)", + // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter + const rtrim = new RegExp(`^${whitespace}+|((?:^|[^\\\\])(?:\\\\.)*)${whitespace}+$`, 'g'); - // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter - rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), + const rcomma = new RegExp(`^${whitespace}*,${whitespace}*`); + const rcombinators = new RegExp(`^${whitespace}*([>+~]|${whitespace})${whitespace}*`); - rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), - rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ), + const rattributeQuotes = new RegExp(`=${whitespace}*([^\\]'"]*?)${whitespace}*\\]`, 'g'); - rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ), + const rpseudo = new RegExp(pseudos); + const ridentifier = new RegExp(`^${identifier}$`); - rpseudo = new RegExp( pseudos ), - ridentifier = new RegExp( "^" + identifier + "$" ), + const matchExpr = { + ID: new RegExp(`^#(${characterEncoding})`), + CLASS: new RegExp(`^\\.(${characterEncoding})`), + TAG: new RegExp(`^(${characterEncoding.replace('w', 'w*')})`), + ATTR: new RegExp(`^${attributes}`), + PSEUDO: new RegExp(`^${pseudos}`), + CHILD: new RegExp(`^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(${whitespace + }*(even|odd|(([+-]|)(\\d*)n|)${whitespace}*(?:([+-]|)${whitespace + }*(\\d+)|))${whitespace}*\\)|)`, 'i'), + bool: new RegExp(`^(?:${booleans})$`, 'i'), + // For use in libraries implementing .is() + // We use this for POS matching in `select` + needsContext: new RegExp(`^${whitespace}*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(${ + whitespace}*((?:-\\d)?\\d*)${whitespace}*\\)|)(?=[^-]|$)`, 'i'), + }; - matchExpr = { - "ID": new RegExp( "^#(" + characterEncoding + ")" ), - "CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ), - "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ), - "ATTR": new RegExp( "^" + attributes ), - "PSEUDO": new RegExp( "^" + pseudos ), - "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace + - "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + - "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), - "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), - // For use in libraries implementing .is() - // We use this for POS matching in `select` - "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + - whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) - }, + const rinputs = /^(?:input|select|textarea|button)$/i; + const rheader = /^h\d$/i; - rinputs = /^(?:input|select|textarea|button)$/i, - rheader = /^h\d$/i, + const rnative = /^[^{]+\{\s*\[native \w/; - rnative = /^[^{]+\{\s*\[native \w/, + // Easily-parseable/retrievable ID or TAG or CLASS selectors + const rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/; - // Easily-parseable/retrievable ID or TAG or CLASS selectors - rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, + const rsibling = /[+~]/; + const rescape = /'|\\/g; - rsibling = /[+~]/, - rescape = /'|\\/g, + // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters + const runescape = new RegExp(`\\\\([\\da-f]{1,6}${whitespace}?|(${whitespace})|.)`, 'ig'); + const funescape = function (_, escaped, escapedWhitespace) { + const high = `0x${escaped}` - 0x10000; + // NaN means non-codepoint + // Support: Firefox + // Workaround erroneous numeric interpretation of +"0x" + return high !== high || escapedWhitespace + ? escaped + : high < 0 + // BMP codepoint + ? String.fromCharCode(high + 0x10000) + // Supplemental Plane codepoint (surrogate pair) + : String.fromCharCode(high >> 10 | 0xD800, high & 0x3FF | 0xDC00); + }; - // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters - runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ), - funescape = function( _, escaped, escapedWhitespace ) { - var high = "0x" + escaped - 0x10000; - // NaN means non-codepoint - // Support: Firefox - // Workaround erroneous numeric interpretation of +"0x" - return high !== high || escapedWhitespace ? - escaped : - high < 0 ? - // BMP codepoint - String.fromCharCode( high + 0x10000 ) : - // Supplemental Plane codepoint (surrogate pair) - String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); - }; + // Optimize for push.apply( _, NodeList ) + try { + push.apply( + (arr = slice.call(preferredDoc.childNodes)), + preferredDoc.childNodes, + ); + // Support: Android<4.0 + // Detect silently failing push.apply + arr[preferredDoc.childNodes.length].nodeType; + } catch (e) { + push = { + apply: arr.length -// Optimize for push.apply( _, NodeList ) -try { - push.apply( - (arr = slice.call( preferredDoc.childNodes )), - preferredDoc.childNodes - ); - // Support: Android<4.0 - // Detect silently failing push.apply - arr[ preferredDoc.childNodes.length ].nodeType; -} catch ( e ) { - push = { apply: arr.length ? + // Leverage slice if possible + ? function (target, els) { + push_native.apply(target, slice.call(els)); + } - // Leverage slice if possible - function( target, els ) { - push_native.apply( target, slice.call(els) ); - } : + // Support: IE<9 + // Otherwise append directly + : function (target, els) { + let j = target.length; + let i = 0; + // Can't trust NodeList.length + while ((target[j++] = els[i++])) {} + target.length = j - 1; + }, + }; + } - // Support: IE<9 - // Otherwise append directly - function( target, els ) { - var j = target.length, - i = 0; - // Can't trust NodeList.length - while ( (target[j++] = els[i++]) ) {} - target.length = j - 1; - } - }; -} + function Sizzle(selector, context, results, seed) { + let match; let elem; let m; let nodeType; + // QSA vars + let i; let groups; let old; let nid; let newContext; let + newSelector; -function Sizzle( selector, context, results, seed ) { - var match, elem, m, nodeType, - // QSA vars - i, groups, old, nid, newContext, newSelector; + if ((context ? context.ownerDocument || context : preferredDoc) !== document) { + setDocument(context); + } - if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { - setDocument( context ); - } + context = context || document; + results = results || []; - context = context || document; - results = results || []; + if (!selector || typeof selector !== 'string') { + return results; + } - if ( !selector || typeof selector !== "string" ) { - return results; - } + if ((nodeType = context.nodeType) !== 1 && nodeType !== 9) { + return []; + } - if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) { - return []; - } + if (documentIsHTML && !seed) { + // Shortcuts + if ((match = rquickExpr.exec(selector))) { + // Speed-up: Sizzle("#ID") + if ((m = match[1])) { + if (nodeType === 9) { + elem = context.getElementById(m); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document (jQuery #6963) + if (elem && elem.parentNode) { + // Handle the case where IE, Opera, and Webkit return items + // by name instead of ID + if (elem.id === m) { + results.push(elem); + return results; + } + } else { + return results; + } + } else { + // Context is not a document + if (context.ownerDocument && (elem = context.ownerDocument.getElementById(m)) + && contains(context, elem) && elem.id === m) { + results.push(elem); + return results; + } + } - if ( documentIsHTML && !seed ) { + // Speed-up: Sizzle("TAG") + } else if (match[2]) { + push.apply(results, context.getElementsByTagName(selector)); + return results; - // Shortcuts - if ( (match = rquickExpr.exec( selector )) ) { - // Speed-up: Sizzle("#ID") - if ( (m = match[1]) ) { - if ( nodeType === 9 ) { - elem = context.getElementById( m ); - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document (jQuery #6963) - if ( elem && elem.parentNode ) { - // Handle the case where IE, Opera, and Webkit return items - // by name instead of ID - if ( elem.id === m ) { - results.push( elem ); - return results; - } - } else { - return results; - } - } else { - // Context is not a document - if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) && - contains( context, elem ) && elem.id === m ) { - results.push( elem ); - return results; - } - } + // Speed-up: Sizzle(".CLASS") + } else if ((m = match[3]) && support.getElementsByClassName && context.getElementsByClassName) { + push.apply(results, context.getElementsByClassName(m)); + return results; + } + } - // Speed-up: Sizzle("TAG") - } else if ( match[2] ) { - push.apply( results, context.getElementsByTagName( selector ) ); - return results; + // QSA path + if (support.qsa && (!rbuggyQSA || !rbuggyQSA.test(selector))) { + nid = old = expando; + newContext = context; + newSelector = nodeType === 9 && selector; - // Speed-up: Sizzle(".CLASS") - } else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) { - push.apply( results, context.getElementsByClassName( m ) ); - return results; - } - } + // qSA works strangely on Element-rooted queries + // We can work around this by specifying an extra ID on the root + // and working up from there (Thanks to Andrew Dupont for the technique) + // IE 8 doesn't work on object elements + if (nodeType === 1 && context.nodeName.toLowerCase() !== 'object') { + groups = tokenize(selector); - // QSA path - if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) { - nid = old = expando; - newContext = context; - newSelector = nodeType === 9 && selector; + if ((old = context.getAttribute('id'))) { + nid = old.replace(rescape, '\\$&'); + } else { + context.setAttribute('id', nid); + } + nid = `[id='${nid}'] `; - // qSA works strangely on Element-rooted queries - // We can work around this by specifying an extra ID on the root - // and working up from there (Thanks to Andrew Dupont for the technique) - // IE 8 doesn't work on object elements - if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { - groups = tokenize( selector ); + i = groups.length; + while (i--) { + groups[i] = nid + toSelector(groups[i]); + } + newContext = rsibling.test(selector) && testContext(context.parentNode) || context; + newSelector = groups.join(','); + } - if ( (old = context.getAttribute("id")) ) { - nid = old.replace( rescape, "\\$&" ); - } else { - context.setAttribute( "id", nid ); - } - nid = "[id='" + nid + "'] "; + if (newSelector) { + try { + push.apply(results, + newContext.querySelectorAll(newSelector)); + return results; + } catch (qsaError) { + } finally { + if (!old) { + context.removeAttribute('id'); + } + } + } + } + } - i = groups.length; - while ( i-- ) { - groups[i] = nid + toSelector( groups[i] ); - } - newContext = rsibling.test( selector ) && testContext( context.parentNode ) || context; - newSelector = groups.join(","); - } + // All others + return select(selector.replace(rtrim, '$1'), context, results, seed); + } - if ( newSelector ) { - try { - push.apply( results, - newContext.querySelectorAll( newSelector ) - ); - return results; - } catch(qsaError) { - } finally { - if ( !old ) { - context.removeAttribute("id"); - } - } - } - } - } - - // All others - return select( selector.replace( rtrim, "$1" ), context, results, seed ); -} - -/** + /** * Create key-value caches of limited size * @returns {Function(string, Object)} Returns the Object data after storing it on itself with * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) * deleting the oldest entry */ -function createCache() { - var keys = []; + function createCache() { + const keys = []; - function cache( key, value ) { - // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) - if ( keys.push( key + " " ) > Expr.cacheLength ) { - // Only keep the most recent entries - delete cache[ keys.shift() ]; - } - return (cache[ key + " " ] = value); - } - return cache; -} + function cache(key, value) { + // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) + if (keys.push(`${key} `) > Expr.cacheLength) { + // Only keep the most recent entries + delete cache[keys.shift()]; + } + return (cache[`${key} `] = value); + } + return cache; + } -/** + /** * Mark a function for special use by Sizzle * @param {Function} fn The function to mark */ -function markFunction( fn ) { - fn[ expando ] = true; - return fn; -} + function markFunction(fn) { + fn[expando] = true; + return fn; + } -/** + /** * Support testing using an element * @param {Function} fn Passed the created div and expects a boolean result */ -function assert( fn ) { - var div = document.createElement("div"); + function assert(fn) { + let div = document.createElement('div'); - try { - return !!fn( div ); - } catch (e) { - return false; - } finally { - // Remove from its parent by default - if ( div.parentNode ) { - div.parentNode.removeChild( div ); - } - // release memory in IE - div = null; - } -} + try { + return !!fn(div); + } catch (e) { + return false; + } finally { + // Remove from its parent by default + if (div.parentNode) { + div.parentNode.removeChild(div); + } + // release memory in IE + div = null; + } + } -/** + /** * Adds the same handler for all of the specified attrs * @param {String} attrs Pipe-separated list of attributes * @param {Function} handler The method that will be applied */ -function addHandle( attrs, handler ) { - var arr = attrs.split("|"), - i = attrs.length; + function addHandle(attrs, handler) { + const arr = attrs.split('|'); + let i = attrs.length; - while ( i-- ) { - Expr.attrHandle[ arr[i] ] = handler; - } -} + while (i--) { + Expr.attrHandle[arr[i]] = handler; + } + } -/** + /** * Checks document order of two siblings * @param {Element} a * @param {Element} b * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b */ -function siblingCheck( a, b ) { - var cur = b && a, - diff = cur && a.nodeType === 1 && b.nodeType === 1 && - ( ~b.sourceIndex || MAX_NEGATIVE ) - - ( ~a.sourceIndex || MAX_NEGATIVE ); + function siblingCheck(a, b) { + let cur = b && a; + const diff = cur && a.nodeType === 1 && b.nodeType === 1 + && (~b.sourceIndex || MAX_NEGATIVE) + - (~a.sourceIndex || MAX_NEGATIVE); - // Use IE sourceIndex if available on both nodes - if ( diff ) { - return diff; - } + // Use IE sourceIndex if available on both nodes + if (diff) { + return diff; + } - // Check if b follows a - if ( cur ) { - while ( (cur = cur.nextSibling) ) { - if ( cur === b ) { - return -1; - } - } - } + // Check if b follows a + if (cur) { + while ((cur = cur.nextSibling)) { + if (cur === b) { + return -1; + } + } + } - return a ? 1 : -1; -} + return a ? 1 : -1; + } -/** + /** * Returns a function to use in pseudos for input types * @param {String} type */ -function createInputPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === type; - }; -} + function createInputPseudo(type) { + return function (elem) { + const name = elem.nodeName.toLowerCase(); + return name === 'input' && elem.type === type; + }; + } -/** + /** * Returns a function to use in pseudos for buttons * @param {String} type */ -function createButtonPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return (name === "input" || name === "button") && elem.type === type; - }; -} + function createButtonPseudo(type) { + return function (elem) { + const name = elem.nodeName.toLowerCase(); + return (name === 'input' || name === 'button') && elem.type === type; + }; + } -/** + /** * Returns a function to use in pseudos for positionals * @param {Function} fn */ -function createPositionalPseudo( fn ) { - return markFunction(function( argument ) { - argument = +argument; - return markFunction(function( seed, matches ) { - var j, - matchIndexes = fn( [], seed.length, argument ), - i = matchIndexes.length; + function createPositionalPseudo(fn) { + return markFunction((argument) => { + argument = +argument; + return markFunction((seed, matches) => { + let j; + const matchIndexes = fn([], seed.length, argument); + let i = matchIndexes.length; - // Match elements found at the specified indexes - while ( i-- ) { - if ( seed[ (j = matchIndexes[i]) ] ) { - seed[j] = !(matches[j] = seed[j]); - } - } - }); - }); -} + // Match elements found at the specified indexes + while (i--) { + if (seed[(j = matchIndexes[i])]) { + seed[j] = !(matches[j] = seed[j]); + } + } + }); + }); + } -/** + /** * Checks a node for validity as a Sizzle context * @param {Element|Object=} context * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value */ -function testContext( context ) { - return context && typeof context.getElementsByTagName !== strundefined && context; -} + function testContext(context) { + return context && typeof context.getElementsByTagName !== strundefined && context; + } -// Expose support vars for convenience -support = Sizzle.support = {}; + // Expose support vars for convenience + support = Sizzle.support = {}; -/** + /** * Detects XML nodes * @param {Element|Object} elem An element or a document * @returns {Boolean} True iff elem is a non-HTML XML node */ -isXML = Sizzle.isXML = function( elem ) { - // documentElement is verified for cases where it doesn't yet exist - // (such as loading iframes in IE - #4833) - var documentElement = elem && (elem.ownerDocument || elem).documentElement; - return documentElement ? documentElement.nodeName !== "HTML" : false; -}; + isXML = Sizzle.isXML = function (elem) { + // documentElement is verified for cases where it doesn't yet exist + // (such as loading iframes in IE - #4833) + const documentElement = elem && (elem.ownerDocument || elem).documentElement; + return documentElement ? documentElement.nodeName !== 'HTML' : false; + }; -/** + /** * Sets document-related variables once based on the current document * @param {Element|Object} [doc] An element or document object to use to set the document * @returns {Object} Returns the current document */ -setDocument = Sizzle.setDocument = function( node ) { - var hasCompare, - doc = node ? node.ownerDocument || node : preferredDoc, - parent = doc.defaultView; + setDocument = Sizzle.setDocument = function (node) { + let hasCompare; + const doc = node ? node.ownerDocument || node : preferredDoc; + const parent = doc.defaultView; - // If no document and documentElement is available, return - if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { - return document; - } + // If no document and documentElement is available, return + if (doc === document || doc.nodeType !== 9 || !doc.documentElement) { + return document; + } - // Set our document - document = doc; - docElem = doc.documentElement; + // Set our document + document = doc; + docElem = doc.documentElement; - // Support tests - documentIsHTML = !isXML( doc ); + // Support tests + documentIsHTML = !isXML(doc); - // Support: IE>8 - // If iframe document is assigned to "document" variable and if iframe has been reloaded, - // IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936 - // IE6-8 do not support the defaultView property so parent will be undefined - if ( parent && parent !== parent.top ) { - // IE11 does not have attachEvent, so all must suffer - if ( parent.addEventListener ) { - parent.addEventListener( "unload", function() { - setDocument(); - }, false ); - } else if ( parent.attachEvent ) { - parent.attachEvent( "onunload", function() { - setDocument(); - }); - } - } + // Support: IE>8 + // If iframe document is assigned to "document" variable and if iframe has been reloaded, + // IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936 + // IE6-8 do not support the defaultView property so parent will be undefined + if (parent && parent !== parent.top) { + // IE11 does not have attachEvent, so all must suffer + if (parent.addEventListener) { + parent.addEventListener('unload', () => { + setDocument(); + }, false); + } else if (parent.attachEvent) { + parent.attachEvent('onunload', () => { + setDocument(); + }); + } + } - /* Attributes + /* Attributes ---------------------------------------------------------------------- */ - // Support: IE<8 - // Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans) - support.attributes = assert(function( div ) { - div.className = "i"; - return !div.getAttribute("className"); - }); + // Support: IE<8 + // Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans) + support.attributes = assert((div) => { + div.className = 'i'; + return !div.getAttribute('className'); + }); - /* getElement(s)By* + /* getElement(s)By* ---------------------------------------------------------------------- */ - // Check if getElementsByTagName("*") returns only elements - support.getElementsByTagName = assert(function( div ) { - div.appendChild( doc.createComment("") ); - return !div.getElementsByTagName("*").length; - }); + // Check if getElementsByTagName("*") returns only elements + support.getElementsByTagName = assert((div) => { + div.appendChild(doc.createComment('')); + return !div.getElementsByTagName('*').length; + }); - // Check if getElementsByClassName can be trusted - support.getElementsByClassName = rnative.test( doc.getElementsByClassName ) && assert(function( div ) { - div.innerHTML = "
"; + // Check if getElementsByClassName can be trusted + support.getElementsByClassName = rnative.test(doc.getElementsByClassName) && assert((div) => { + div.innerHTML = "
"; - // Support: Safari<4 - // Catch class over-caching - div.firstChild.className = "i"; - // Support: Opera<10 - // Catch gEBCN failure to find non-leading classes - return div.getElementsByClassName("i").length === 2; - }); + // Support: Safari<4 + // Catch class over-caching + div.firstChild.className = 'i'; + // Support: Opera<10 + // Catch gEBCN failure to find non-leading classes + return div.getElementsByClassName('i').length === 2; + }); - // Support: IE<10 - // Check if getElementById returns elements by name - // The broken getElementById methods don't pick up programatically-set names, - // so use a roundabout getElementsByName test - support.getById = assert(function( div ) { - docElem.appendChild( div ).id = expando; - return !doc.getElementsByName || !doc.getElementsByName( expando ).length; - }); + // Support: IE<10 + // Check if getElementById returns elements by name + // The broken getElementById methods don't pick up programatically-set names, + // so use a roundabout getElementsByName test + support.getById = assert((div) => { + docElem.appendChild(div).id = expando; + return !doc.getElementsByName || !doc.getElementsByName(expando).length; + }); - // ID find and filter - if ( support.getById ) { - Expr.find["ID"] = function( id, context ) { - if ( typeof context.getElementById !== strundefined && documentIsHTML ) { - var m = context.getElementById( id ); - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document #6963 - return m && m.parentNode ? [m] : []; - } - }; - Expr.filter["ID"] = function( id ) { - var attrId = id.replace( runescape, funescape ); - return function( elem ) { - return elem.getAttribute("id") === attrId; - }; - }; - } else { - // Support: IE6/7 - // getElementById is not reliable as a find shortcut - delete Expr.find["ID"]; + // ID find and filter + if (support.getById) { + Expr.find.ID = function (id, context) { + if (typeof context.getElementById !== strundefined && documentIsHTML) { + const m = context.getElementById(id); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + return m && m.parentNode ? [m] : []; + } + }; + Expr.filter.ID = function (id) { + const attrId = id.replace(runescape, funescape); + return function (elem) { + return elem.getAttribute('id') === attrId; + }; + }; + } else { + // Support: IE6/7 + // getElementById is not reliable as a find shortcut + delete Expr.find.ID; - Expr.filter["ID"] = function( id ) { - var attrId = id.replace( runescape, funescape ); - return function( elem ) { - var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id"); - return node && node.value === attrId; - }; - }; - } + Expr.filter.ID = function (id) { + const attrId = id.replace(runescape, funescape); + return function (elem) { + const node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode('id'); + return node && node.value === attrId; + }; + }; + } - // Tag - Expr.find["TAG"] = support.getElementsByTagName ? - function( tag, context ) { - if ( typeof context.getElementsByTagName !== strundefined ) { - return context.getElementsByTagName( tag ); - } - } : - function( tag, context ) { - var elem, - tmp = [], - i = 0, - results = context.getElementsByTagName( tag ); + // Tag + Expr.find.TAG = support.getElementsByTagName + ? function (tag, context) { + if (typeof context.getElementsByTagName !== strundefined) { + return context.getElementsByTagName(tag); + } + } + : function (tag, context) { + let elem; + const tmp = []; + let i = 0; + const results = context.getElementsByTagName(tag); - // Filter out possible comments - if ( tag === "*" ) { - while ( (elem = results[i++]) ) { - if ( elem.nodeType === 1 ) { - tmp.push( elem ); - } - } + // Filter out possible comments + if (tag === '*') { + while ((elem = results[i++])) { + if (elem.nodeType === 1) { + tmp.push(elem); + } + } - return tmp; - } - return results; - }; + return tmp; + } + return results; + }; - // Class - Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) { - if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) { - return context.getElementsByClassName( className ); - } - }; + // Class + Expr.find.CLASS = support.getElementsByClassName && function (className, context) { + if (typeof context.getElementsByClassName !== strundefined && documentIsHTML) { + return context.getElementsByClassName(className); + } + }; - /* QSA/matchesSelector + /* QSA/matchesSelector ---------------------------------------------------------------------- */ - // QSA and matchesSelector support + // QSA and matchesSelector support - // matchesSelector(:active) reports false when true (IE9/Opera 11.5) - rbuggyMatches = []; + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + rbuggyMatches = []; - // qSa(:focus) reports false when true (Chrome 21) - // We allow this because of a bug in IE8/9 that throws an error - // whenever `document.activeElement` is accessed on an iframe - // So, we allow :focus to pass through QSA all the time to avoid the IE error - // See http://bugs.jquery.com/ticket/13378 - rbuggyQSA = []; + // qSa(:focus) reports false when true (Chrome 21) + // We allow this because of a bug in IE8/9 that throws an error + // whenever `document.activeElement` is accessed on an iframe + // So, we allow :focus to pass through QSA all the time to avoid the IE error + // See http://bugs.jquery.com/ticket/13378 + rbuggyQSA = []; - if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) { - // Build QSA regex - // Regex strategy adopted from Diego Perini - assert(function( div ) { - // Select is set to empty string on purpose - // This is to test IE's treatment of not explicitly - // setting a boolean content attribute, - // since its presence should be enough - // http://bugs.jquery.com/ticket/12359 - div.innerHTML = ""; + if ((support.qsa = rnative.test(doc.querySelectorAll))) { + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert((div) => { + // Select is set to empty string on purpose + // This is to test IE's treatment of not explicitly + // setting a boolean content attribute, + // since its presence should be enough + // http://bugs.jquery.com/ticket/12359 + div.innerHTML = ""; - // Support: IE8, Opera 10-12 - // Nothing should be selected when empty strings follow ^= or $= or *= - if ( div.querySelectorAll("[t^='']").length ) { - rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); - } + // Support: IE8, Opera 10-12 + // Nothing should be selected when empty strings follow ^= or $= or *= + if (div.querySelectorAll("[t^='']").length) { + rbuggyQSA.push(`[*^$]=${whitespace}*(?:''|"")`); + } - // Support: IE8 - // Boolean attributes and "value" are not treated correctly - if ( !div.querySelectorAll("[selected]").length ) { - rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); - } + // Support: IE8 + // Boolean attributes and "value" are not treated correctly + if (!div.querySelectorAll('[selected]').length) { + rbuggyQSA.push(`\\[${whitespace}*(?:value|${booleans})`); + } - // Webkit/Opera - :checked should return selected option elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - // IE8 throws error here and will not see later tests - if ( !div.querySelectorAll(":checked").length ) { - rbuggyQSA.push(":checked"); - } - }); + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here and will not see later tests + if (!div.querySelectorAll(':checked').length) { + rbuggyQSA.push(':checked'); + } + }); - assert(function( div ) { - // Support: Windows 8 Native Apps - // The type and name attributes are restricted during .innerHTML assignment - var input = doc.createElement("input"); - input.setAttribute( "type", "hidden" ); - div.appendChild( input ).setAttribute( "name", "D" ); + assert((div) => { + // Support: Windows 8 Native Apps + // The type and name attributes are restricted during .innerHTML assignment + const input = doc.createElement('input'); + input.setAttribute('type', 'hidden'); + div.appendChild(input).setAttribute('name', 'D'); - // Support: IE8 - // Enforce case-sensitivity of name attribute - if ( div.querySelectorAll("[name=d]").length ) { - rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); - } + // Support: IE8 + // Enforce case-sensitivity of name attribute + if (div.querySelectorAll('[name=d]').length) { + rbuggyQSA.push(`name${whitespace}*[*^$|!~]?=`); + } - // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) - // IE8 throws error here and will not see later tests - if ( !div.querySelectorAll(":enabled").length ) { - rbuggyQSA.push( ":enabled", ":disabled" ); - } + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here and will not see later tests + if (!div.querySelectorAll(':enabled').length) { + rbuggyQSA.push(':enabled', ':disabled'); + } - // Opera 10-11 does not throw on post-comma invalid pseudos - div.querySelectorAll("*,:x"); - rbuggyQSA.push(",.*:"); - }); - } + // Opera 10-11 does not throw on post-comma invalid pseudos + div.querySelectorAll('*,:x'); + rbuggyQSA.push(',.*:'); + }); + } - if ( (support.matchesSelector = rnative.test( (matches = docElem.webkitMatchesSelector || - docElem.mozMatchesSelector || - docElem.oMatchesSelector || - docElem.msMatchesSelector) )) ) { + if ((support.matchesSelector = rnative.test((matches = docElem.webkitMatchesSelector + || docElem.mozMatchesSelector + || docElem.oMatchesSelector + || docElem.msMatchesSelector)))) { + assert((div) => { + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + support.disconnectedMatch = matches.call(div, 'div'); - assert(function( div ) { - // Check to see if it's possible to do matchesSelector - // on a disconnected node (IE 9) - support.disconnectedMatch = matches.call( div, "div" ); + // This should fail with an exception + // Gecko does not error, returns false instead + matches.call(div, "[s!='']:x"); + rbuggyMatches.push('!=', pseudos); + }); + } - // This should fail with an exception - // Gecko does not error, returns false instead - matches.call( div, "[s!='']:x" ); - rbuggyMatches.push( "!=", pseudos ); - }); - } + rbuggyQSA = rbuggyQSA.length && new RegExp(rbuggyQSA.join('|')); + rbuggyMatches = rbuggyMatches.length && new RegExp(rbuggyMatches.join('|')); - rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") ); - rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") ); - - /* Contains + /* Contains ---------------------------------------------------------------------- */ - hasCompare = rnative.test( docElem.compareDocumentPosition ); + hasCompare = rnative.test(docElem.compareDocumentPosition); - // Element contains another - // Purposefully does not implement inclusive descendent - // As in, an element does not contain itself - contains = hasCompare || rnative.test( docElem.contains ) ? - function( a, b ) { - var adown = a.nodeType === 9 ? a.documentElement : a, - bup = b && b.parentNode; - return a === bup || !!( bup && bup.nodeType === 1 && ( - adown.contains ? - adown.contains( bup ) : - a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 - )); - } : - function( a, b ) { - if ( b ) { - while ( (b = b.parentNode) ) { - if ( b === a ) { - return true; - } - } - } - return false; - }; + // Element contains another + // Purposefully does not implement inclusive descendent + // As in, an element does not contain itself + contains = hasCompare || rnative.test(docElem.contains) + ? function (a, b) { + const adown = a.nodeType === 9 ? a.documentElement : a; + const bup = b && b.parentNode; + return a === bup || !!(bup && bup.nodeType === 1 && ( + adown.contains + ? adown.contains(bup) + : a.compareDocumentPosition && a.compareDocumentPosition(bup) & 16 + )); + } + : function (a, b) { + if (b) { + while ((b = b.parentNode)) { + if (b === a) { + return true; + } + } + } + return false; + }; - /* Sorting + /* Sorting ---------------------------------------------------------------------- */ - // Document order sorting - sortOrder = hasCompare ? - function( a, b ) { + // Document order sorting + sortOrder = hasCompare + ? function (a, b) { + // Flag for duplicate removal + if (a === b) { + hasDuplicate = true; + return 0; + } - // Flag for duplicate removal - if ( a === b ) { - hasDuplicate = true; - return 0; - } + // Sort on method existence if only one input has compareDocumentPosition + let compare = !a.compareDocumentPosition - !b.compareDocumentPosition; + if (compare) { + return compare; + } - // Sort on method existence if only one input has compareDocumentPosition - var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; - if ( compare ) { - return compare; - } + // Calculate position if both inputs belong to the same document + compare = (a.ownerDocument || a) === (b.ownerDocument || b) + ? a.compareDocumentPosition(b) - // Calculate position if both inputs belong to the same document - compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ? - a.compareDocumentPosition( b ) : + // Otherwise we know they are disconnected + : 1; - // Otherwise we know they are disconnected - 1; + // Disconnected nodes + if (compare & 1 + || (!support.sortDetached && b.compareDocumentPosition(a) === compare)) { + // Choose the first element that is related to our preferred document + if (a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a)) { + return -1; + } + if (b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b)) { + return 1; + } - // Disconnected nodes - if ( compare & 1 || - (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) { + // Maintain original order + return sortInput + ? (indexOf.call(sortInput, a) - indexOf.call(sortInput, b)) + : 0; + } - // Choose the first element that is related to our preferred document - if ( a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) { - return -1; - } - if ( b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) { - return 1; - } + return compare & 4 ? -1 : 1; + } + : function (a, b) { + // Exit early if the nodes are identical + if (a === b) { + hasDuplicate = true; + return 0; + } - // Maintain original order - return sortInput ? - ( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) : - 0; - } + let cur; + let i = 0; + const aup = a.parentNode; + const bup = b.parentNode; + const ap = [a]; + const bp = [b]; - return compare & 4 ? -1 : 1; - } : - function( a, b ) { - // Exit early if the nodes are identical - if ( a === b ) { - hasDuplicate = true; - return 0; - } + // Parentless nodes are either documents or disconnected + if (!aup || !bup) { + return a === doc ? -1 + : b === doc ? 1 + : aup ? -1 + : bup ? 1 + : sortInput + ? (indexOf.call(sortInput, a) - indexOf.call(sortInput, b)) + : 0; - var cur, - i = 0, - aup = a.parentNode, - bup = b.parentNode, - ap = [ a ], - bp = [ b ]; + // If the nodes are siblings, we can do a quick check + } if (aup === bup) { + return siblingCheck(a, b); + } - // Parentless nodes are either documents or disconnected - if ( !aup || !bup ) { - return a === doc ? -1 : - b === doc ? 1 : - aup ? -1 : - bup ? 1 : - sortInput ? - ( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) : - 0; + // Otherwise we need full lists of their ancestors for comparison + cur = a; + while ((cur = cur.parentNode)) { + ap.unshift(cur); + } + cur = b; + while ((cur = cur.parentNode)) { + bp.unshift(cur); + } - // If the nodes are siblings, we can do a quick check - } else if ( aup === bup ) { - return siblingCheck( a, b ); - } + // Walk down the tree looking for a discrepancy + while (ap[i] === bp[i]) { + i++; + } - // Otherwise we need full lists of their ancestors for comparison - cur = a; - while ( (cur = cur.parentNode) ) { - ap.unshift( cur ); - } - cur = b; - while ( (cur = cur.parentNode) ) { - bp.unshift( cur ); - } + return i + // Do a sibling check if the nodes have a common ancestor + ? siblingCheck(ap[i], bp[i]) - // Walk down the tree looking for a discrepancy - while ( ap[i] === bp[i] ) { - i++; - } + // Otherwise nodes in our document sort first + : ap[i] === preferredDoc ? -1 + : bp[i] === preferredDoc ? 1 + : 0; + }; - return i ? - // Do a sibling check if the nodes have a common ancestor - siblingCheck( ap[i], bp[i] ) : + return doc; + }; - // Otherwise nodes in our document sort first - ap[i] === preferredDoc ? -1 : - bp[i] === preferredDoc ? 1 : - 0; - }; + Sizzle.matches = function (expr, elements) { + return Sizzle(expr, null, null, elements); + }; - return doc; -}; + Sizzle.matchesSelector = function (elem, expr) { + // Set document vars if needed + if ((elem.ownerDocument || elem) !== document) { + setDocument(elem); + } -Sizzle.matches = function( expr, elements ) { - return Sizzle( expr, null, null, elements ); -}; + // Make sure that attribute selectors are quoted + expr = expr.replace(rattributeQuotes, "='$1']"); -Sizzle.matchesSelector = function( elem, expr ) { - // Set document vars if needed - if ( ( elem.ownerDocument || elem ) !== document ) { - setDocument( elem ); - } + if (support.matchesSelector && documentIsHTML + && (!rbuggyMatches || !rbuggyMatches.test(expr)) + && (!rbuggyQSA || !rbuggyQSA.test(expr))) { + try { + const ret = matches.call(elem, expr); - // Make sure that attribute selectors are quoted - expr = expr.replace( rattributeQuotes, "='$1']" ); - - if ( support.matchesSelector && documentIsHTML && - ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && - ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { - - try { - var ret = matches.call( elem, expr ); - - // IE 9's matchesSelector returns false on disconnected nodes - if ( ret || support.disconnectedMatch || + // IE 9's matchesSelector returns false on disconnected nodes + if (ret || support.disconnectedMatch // As well, disconnected nodes are said to be in a document // fragment in IE 9 - elem.document && elem.document.nodeType !== 11 ) { - return ret; - } - } catch(e) {} - } + || elem.document && elem.document.nodeType !== 11) { + return ret; + } + } catch (e) {} + } - return Sizzle( expr, document, null, [elem] ).length > 0; -}; + return Sizzle(expr, document, null, [elem]).length > 0; + }; -Sizzle.contains = function( context, elem ) { - // Set document vars if needed - if ( ( context.ownerDocument || context ) !== document ) { - setDocument( context ); - } - return contains( context, elem ); -}; + Sizzle.contains = function (context, elem) { + // Set document vars if needed + if ((context.ownerDocument || context) !== document) { + setDocument(context); + } + return contains(context, elem); + }; -Sizzle.attr = function( elem, name ) { - // Set document vars if needed - if ( ( elem.ownerDocument || elem ) !== document ) { - setDocument( elem ); - } + Sizzle.attr = function (elem, name) { + // Set document vars if needed + if ((elem.ownerDocument || elem) !== document) { + setDocument(elem); + } - var fn = Expr.attrHandle[ name.toLowerCase() ], - // Don't get fooled by Object.prototype properties (jQuery #13807) - val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? - fn( elem, name, !documentIsHTML ) : - undefined; + const fn = Expr.attrHandle[name.toLowerCase()]; + // Don't get fooled by Object.prototype properties (jQuery #13807) + let val = fn && hasOwn.call(Expr.attrHandle, name.toLowerCase()) + ? fn(elem, name, !documentIsHTML) + : undefined; - return val !== undefined ? - val : - support.attributes || !documentIsHTML ? - elem.getAttribute( name ) : - (val = elem.getAttributeNode(name)) && val.specified ? - val.value : - null; -}; + return val !== undefined + ? val + : support.attributes || !documentIsHTML + ? elem.getAttribute(name) + : (val = elem.getAttributeNode(name)) && val.specified + ? val.value + : null; + }; -Sizzle.error = function( msg ) { - throw new Error( "Syntax error, unrecognized expression: " + msg ); -}; + Sizzle.error = function (msg) { + throw new Error(`Syntax error, unrecognized expression: ${msg}`); + }; -/** + /** * Document sorting and removing duplicates * @param {ArrayLike} results */ -Sizzle.uniqueSort = function( results ) { - var elem, - duplicates = [], - j = 0, - i = 0; + Sizzle.uniqueSort = function (results) { + let elem; + const duplicates = []; + let j = 0; + let i = 0; - // Unless we *know* we can detect duplicates, assume their presence - hasDuplicate = !support.detectDuplicates; - sortInput = !support.sortStable && results.slice( 0 ); - results.sort( sortOrder ); + // Unless we *know* we can detect duplicates, assume their presence + hasDuplicate = !support.detectDuplicates; + sortInput = !support.sortStable && results.slice(0); + results.sort(sortOrder); - if ( hasDuplicate ) { - while ( (elem = results[i++]) ) { - if ( elem === results[ i ] ) { - j = duplicates.push( i ); - } - } - while ( j-- ) { - results.splice( duplicates[ j ], 1 ); - } - } + if (hasDuplicate) { + while ((elem = results[i++])) { + if (elem === results[i]) { + j = duplicates.push(i); + } + } + while (j--) { + results.splice(duplicates[j], 1); + } + } - // Clear input after sorting to release objects - // See https://github.com/jquery/sizzle/pull/225 - sortInput = null; + // Clear input after sorting to release objects + // See https://github.com/jquery/sizzle/pull/225 + sortInput = null; - return results; -}; + return results; + }; -/** + /** * Utility function for retrieving the text value of an array of DOM nodes * @param {Array|Element} elem */ -getText = Sizzle.getText = function( elem ) { - var node, - ret = "", - i = 0, - nodeType = elem.nodeType; + getText = Sizzle.getText = function (elem) { + let node; + let ret = ''; + let i = 0; + const { nodeType } = elem; - if ( !nodeType ) { - // If no nodeType, this is expected to be an array - while ( (node = elem[i++]) ) { - // Do not traverse comment nodes - ret += getText( node ); - } - } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { - // Use textContent for elements - // innerText usage removed for consistency of new lines (jQuery #11153) - if ( typeof elem.textContent === "string" ) { - return elem.textContent; - } else { - // Traverse its children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - ret += getText( elem ); - } - } - } else if ( nodeType === 3 || nodeType === 4 ) { - return elem.nodeValue; - } - // Do not include comment or processing instruction nodes + if (!nodeType) { + // If no nodeType, this is expected to be an array + while ((node = elem[i++])) { + // Do not traverse comment nodes + ret += getText(node); + } + } else if (nodeType === 1 || nodeType === 9 || nodeType === 11) { + // Use textContent for elements + // innerText usage removed for consistency of new lines (jQuery #11153) + if (typeof elem.textContent === 'string') { + return elem.textContent; + } + // Traverse its children + for (elem = elem.firstChild; elem; elem = elem.nextSibling) { + ret += getText(elem); + } + } else if (nodeType === 3 || nodeType === 4) { + return elem.nodeValue; + } + // Do not include comment or processing instruction nodes - return ret; -}; + return ret; + }; -Expr = Sizzle.selectors = { + Expr = Sizzle.selectors = { - // Can be adjusted by the user - cacheLength: 50, + // Can be adjusted by the user + cacheLength: 50, - createPseudo: markFunction, + createPseudo: markFunction, - match: matchExpr, + match: matchExpr, - attrHandle: {}, + attrHandle: {}, - find: {}, + find: {}, - relative: { - ">": { dir: "parentNode", first: true }, - " ": { dir: "parentNode" }, - "+": { dir: "previousSibling", first: true }, - "~": { dir: "previousSibling" } - }, + relative: { + '>': { dir: 'parentNode', first: true }, + ' ': { dir: 'parentNode' }, + '+': { dir: 'previousSibling', first: true }, + '~': { dir: 'previousSibling' }, + }, - preFilter: { - "ATTR": function( match ) { - match[1] = match[1].replace( runescape, funescape ); + preFilter: { + ATTR(match) { + match[1] = match[1].replace(runescape, funescape); - // Move the given value to match[3] whether quoted or unquoted - match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape ); + // Move the given value to match[3] whether quoted or unquoted + match[3] = (match[4] || match[5] || '').replace(runescape, funescape); - if ( match[2] === "~=" ) { - match[3] = " " + match[3] + " "; - } + if (match[2] === '~=') { + match[3] = ` ${match[3]} `; + } - return match.slice( 0, 4 ); - }, + return match.slice(0, 4); + }, - "CHILD": function( match ) { - /* matches from matchExpr["CHILD"] + CHILD(match) { + /* matches from matchExpr["CHILD"] 1 type (only|nth|...) 2 what (child|of-type) 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) @@ -1542,1454 +1526,1396 @@ Expr = Sizzle.selectors = { 7 sign of y-component 8 y of y-component */ - match[1] = match[1].toLowerCase(); + match[1] = match[1].toLowerCase(); - if ( match[1].slice( 0, 3 ) === "nth" ) { - // nth-* requires argument - if ( !match[3] ) { - Sizzle.error( match[0] ); - } + if (match[1].slice(0, 3) === 'nth') { + // nth-* requires argument + if (!match[3]) { + Sizzle.error(match[0]); + } - // numeric x and y parameters for Expr.filter.CHILD - // remember that false/true cast respectively to 0/1 - match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); - match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); + // numeric x and y parameters for Expr.filter.CHILD + // remember that false/true cast respectively to 0/1 + match[4] = +(match[4] ? match[5] + (match[6] || 1) : 2 * (match[3] === 'even' || match[3] === 'odd')); + match[5] = +((match[7] + match[8]) || match[3] === 'odd'); - // other types prohibit arguments - } else if ( match[3] ) { - Sizzle.error( match[0] ); - } + // other types prohibit arguments + } else if (match[3]) { + Sizzle.error(match[0]); + } - return match; - }, + return match; + }, - "PSEUDO": function( match ) { - var excess, - unquoted = !match[5] && match[2]; + PSEUDO(match) { + let excess; + const unquoted = !match[5] && match[2]; - if ( matchExpr["CHILD"].test( match[0] ) ) { - return null; - } + if (matchExpr.CHILD.test(match[0])) { + return null; + } - // Accept quoted arguments as-is - if ( match[3] && match[4] !== undefined ) { - match[2] = match[4]; + // Accept quoted arguments as-is + if (match[3] && match[4] !== undefined) { + match[2] = match[4]; - // Strip excess characters from unquoted arguments - } else if ( unquoted && rpseudo.test( unquoted ) && + // Strip excess characters from unquoted arguments + } else if (unquoted && rpseudo.test(unquoted) // Get excess from tokenize (recursively) - (excess = tokenize( unquoted, true )) && + && (excess = tokenize(unquoted, true)) // advance to the next closing parenthesis - (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { + && (excess = unquoted.indexOf(')', unquoted.length - excess) - unquoted.length)) { + // excess is a negative index + match[0] = match[0].slice(0, excess); + match[2] = unquoted.slice(0, excess); + } - // excess is a negative index - match[0] = match[0].slice( 0, excess ); - match[2] = unquoted.slice( 0, excess ); - } + // Return only captures needed by the pseudo filter method (type and argument) + return match.slice(0, 3); + }, + }, - // Return only captures needed by the pseudo filter method (type and argument) - return match.slice( 0, 3 ); - } - }, + filter: { - filter: { + TAG(nodeNameSelector) { + const nodeName = nodeNameSelector.replace(runescape, funescape).toLowerCase(); + return nodeNameSelector === '*' + ? function () { return true; } + : function (elem) { + return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; + }; + }, - "TAG": function( nodeNameSelector ) { - var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); - return nodeNameSelector === "*" ? - function() { return true; } : - function( elem ) { - return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; - }; - }, + CLASS(className) { + let pattern = classCache[`${className} `]; - "CLASS": function( className ) { - var pattern = classCache[ className + " " ]; + return pattern + || (pattern = new RegExp(`(^|${whitespace})${className}(${whitespace}|$)`)) + && classCache(className, (elem) => pattern.test(typeof elem.className === 'string' && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute('class') || '')); + }, - return pattern || - (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && - classCache( className, function( elem ) { - return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" ); - }); - }, + ATTR(name, operator, check) { + return function (elem) { + let result = Sizzle.attr(elem, name); - "ATTR": function( name, operator, check ) { - return function( elem ) { - var result = Sizzle.attr( elem, name ); + if (result == null) { + return operator === '!='; + } + if (!operator) { + return true; + } - if ( result == null ) { - return operator === "!="; - } - if ( !operator ) { - return true; - } + result += ''; - result += ""; + return operator === '=' ? result === check + : operator === '!=' ? result !== check + : operator === '^=' ? check && result.indexOf(check) === 0 + : operator === '*=' ? check && result.indexOf(check) > -1 + : operator === '$=' ? check && result.slice(-check.length) === check + : operator === '~=' ? (` ${result} `).indexOf(check) > -1 + : operator === '|=' ? result === check || result.slice(0, check.length + 1) === `${check}-` + : false; + }; + }, - return operator === "=" ? result === check : - operator === "!=" ? result !== check : - operator === "^=" ? check && result.indexOf( check ) === 0 : - operator === "*=" ? check && result.indexOf( check ) > -1 : - operator === "$=" ? check && result.slice( -check.length ) === check : - operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 : - operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : - false; - }; - }, + CHILD(type, what, argument, first, last) { + const simple = type.slice(0, 3) !== 'nth'; + const forward = type.slice(-4) !== 'last'; + const ofType = what === 'of-type'; - "CHILD": function( type, what, argument, first, last ) { - var simple = type.slice( 0, 3 ) !== "nth", - forward = type.slice( -4 ) !== "last", - ofType = what === "of-type"; + return first === 1 && last === 0 - return first === 1 && last === 0 ? + // Shortcut for :nth-*(n) + ? function (elem) { + return !!elem.parentNode; + } - // Shortcut for :nth-*(n) - function( elem ) { - return !!elem.parentNode; - } : + : function (elem, context, xml) { + let cache; let outerCache; let node; let diff; let nodeIndex; let start; + let dir = simple !== forward ? 'nextSibling' : 'previousSibling'; + const parent = elem.parentNode; + const name = ofType && elem.nodeName.toLowerCase(); + const useCache = !xml && !ofType; - function( elem, context, xml ) { - var cache, outerCache, node, diff, nodeIndex, start, - dir = simple !== forward ? "nextSibling" : "previousSibling", - parent = elem.parentNode, - name = ofType && elem.nodeName.toLowerCase(), - useCache = !xml && !ofType; + if (parent) { + // :(first|last|only)-(child|of-type) + if (simple) { + while (dir) { + node = elem; + while ((node = node[dir])) { + if (ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1) { + return false; + } + } + // Reverse direction for :only-* (if we haven't yet done so) + start = dir = type === 'only' && !start && 'nextSibling'; + } + return true; + } - if ( parent ) { + start = [forward ? parent.firstChild : parent.lastChild]; - // :(first|last|only)-(child|of-type) - if ( simple ) { - while ( dir ) { - node = elem; - while ( (node = node[ dir ]) ) { - if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) { - return false; - } - } - // Reverse direction for :only-* (if we haven't yet done so) - start = dir = type === "only" && !start && "nextSibling"; - } - return true; - } + // non-xml :nth-child(...) stores cache data on `parent` + if (forward && useCache) { + // Seek `elem` from a previously-cached index + outerCache = parent[expando] || (parent[expando] = {}); + cache = outerCache[type] || []; + nodeIndex = cache[0] === dirruns && cache[1]; + diff = cache[0] === dirruns && cache[2]; + node = nodeIndex && parent.childNodes[nodeIndex]; - start = [ forward ? parent.firstChild : parent.lastChild ]; - - // non-xml :nth-child(...) stores cache data on `parent` - if ( forward && useCache ) { - // Seek `elem` from a previously-cached index - outerCache = parent[ expando ] || (parent[ expando ] = {}); - cache = outerCache[ type ] || []; - nodeIndex = cache[0] === dirruns && cache[1]; - diff = cache[0] === dirruns && cache[2]; - node = nodeIndex && parent.childNodes[ nodeIndex ]; - - while ( (node = ++nodeIndex && node && node[ dir ] || + while ((node = ++nodeIndex && node && node[dir] // Fallback to seeking `elem` from the start - (diff = nodeIndex = 0) || start.pop()) ) { + || (diff = nodeIndex = 0) || start.pop())) { + // When found, cache indexes on `parent` and break + if (node.nodeType === 1 && ++diff && node === elem) { + outerCache[type] = [dirruns, nodeIndex, diff]; + break; + } + } - // When found, cache indexes on `parent` and break - if ( node.nodeType === 1 && ++diff && node === elem ) { - outerCache[ type ] = [ dirruns, nodeIndex, diff ]; - break; - } - } + // Use previously-cached element index if available + } else if (useCache && (cache = (elem[expando] || (elem[expando] = {}))[type]) && cache[0] === dirruns) { + diff = cache[1]; - // Use previously-cached element index if available - } else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) { - diff = cache[1]; + // xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...) + } else { + // Use the same loop as above to seek `elem` from the start + while ((node = ++nodeIndex && node && node[dir] + || (diff = nodeIndex = 0) || start.pop())) { + if ((ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1) && ++diff) { + // Cache the index of each encountered element + if (useCache) { + (node[expando] || (node[expando] = {}))[type] = [dirruns, diff]; + } - // xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...) - } else { - // Use the same loop as above to seek `elem` from the start - while ( (node = ++nodeIndex && node && node[ dir ] || - (diff = nodeIndex = 0) || start.pop()) ) { + if (node === elem) { + break; + } + } + } + } - if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) { - // Cache the index of each encountered element - if ( useCache ) { - (node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ]; - } + // Incorporate the offset, then check against cycle size + diff -= last; + return diff === first || (diff % first === 0 && diff / first >= 0); + } + }; + }, - if ( node === elem ) { - break; - } - } - } - } + PSEUDO(pseudo, argument) { + // pseudo-class names are case-insensitive + // http://www.w3.org/TR/selectors/#pseudo-classes + // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters + // Remember that setFilters inherits from pseudos + let args; + const fn = Expr.pseudos[pseudo] || Expr.setFilters[pseudo.toLowerCase()] + || Sizzle.error(`unsupported pseudo: ${pseudo}`); - // Incorporate the offset, then check against cycle size - diff -= last; - return diff === first || ( diff % first === 0 && diff / first >= 0 ); - } - }; - }, + // The user may use createPseudo to indicate that + // arguments are needed to create the filter function + // just as Sizzle does + if (fn[expando]) { + return fn(argument); + } - "PSEUDO": function( pseudo, argument ) { - // pseudo-class names are case-insensitive - // http://www.w3.org/TR/selectors/#pseudo-classes - // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters - // Remember that setFilters inherits from pseudos - var args, - fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || - Sizzle.error( "unsupported pseudo: " + pseudo ); + // But maintain support for old signatures + if (fn.length > 1) { + args = [pseudo, pseudo, '', argument]; + return Expr.setFilters.hasOwnProperty(pseudo.toLowerCase()) + ? markFunction((seed, matches) => { + let idx; + const matched = fn(seed, argument); + let i = matched.length; + while (i--) { + idx = indexOf.call(seed, matched[i]); + seed[idx] = !(matches[idx] = matched[i]); + } + }) + : function (elem) { + return fn(elem, 0, args); + }; + } - // The user may use createPseudo to indicate that - // arguments are needed to create the filter function - // just as Sizzle does - if ( fn[ expando ] ) { - return fn( argument ); - } + return fn; + }, + }, - // But maintain support for old signatures - if ( fn.length > 1 ) { - args = [ pseudo, pseudo, "", argument ]; - return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? - markFunction(function( seed, matches ) { - var idx, - matched = fn( seed, argument ), - i = matched.length; - while ( i-- ) { - idx = indexOf.call( seed, matched[i] ); - seed[ idx ] = !( matches[ idx ] = matched[i] ); - } - }) : - function( elem ) { - return fn( elem, 0, args ); - }; - } + pseudos: { + // Potentially complex pseudos + not: markFunction((selector) => { + // Trim the selector passed to compile + // to avoid treating leading and trailing + // spaces as combinators + const input = []; + const results = []; + const matcher = compile(selector.replace(rtrim, '$1')); - return fn; - } - }, + return matcher[expando] + ? markFunction((seed, matches, context, xml) => { + let elem; + const unmatched = matcher(seed, null, xml, []); + let i = seed.length; - pseudos: { - // Potentially complex pseudos - "not": markFunction(function( selector ) { - // Trim the selector passed to compile - // to avoid treating leading and trailing - // spaces as combinators - var input = [], - results = [], - matcher = compile( selector.replace( rtrim, "$1" ) ); + // Match elements unmatched by `matcher` + while (i--) { + if ((elem = unmatched[i])) { + seed[i] = !(matches[i] = elem); + } + } + }) + : function (elem, context, xml) { + input[0] = elem; + matcher(input, null, xml, results); + return !results.pop(); + }; + }), - return matcher[ expando ] ? - markFunction(function( seed, matches, context, xml ) { - var elem, - unmatched = matcher( seed, null, xml, [] ), - i = seed.length; + has: markFunction((selector) => function (elem) { + return Sizzle(selector, elem).length > 0; + }), - // Match elements unmatched by `matcher` - while ( i-- ) { - if ( (elem = unmatched[i]) ) { - seed[i] = !(matches[i] = elem); - } - } - }) : - function( elem, context, xml ) { - input[0] = elem; - matcher( input, null, xml, results ); - return !results.pop(); - }; - }), + contains: markFunction((text) => function (elem) { + return (elem.textContent || elem.innerText || getText(elem)).indexOf(text) > -1; + }), - "has": markFunction(function( selector ) { - return function( elem ) { - return Sizzle( selector, elem ).length > 0; - }; - }), + // "Whether an element is represented by a :lang() selector + // is based solely on the element's language value + // being equal to the identifier C, + // or beginning with the identifier C immediately followed by "-". + // The matching of C against the element's language value is performed case-insensitively. + // The identifier C does not have to be a valid language name." + // http://www.w3.org/TR/selectors/#lang-pseudo + lang: markFunction((lang) => { + // lang value must be a valid identifier + if (!ridentifier.test(lang || '')) { + Sizzle.error(`unsupported lang: ${lang}`); + } + lang = lang.replace(runescape, funescape).toLowerCase(); + return function (elem) { + let elemLang; + do { + if ((elemLang = documentIsHTML + ? elem.lang + : elem.getAttribute('xml:lang') || elem.getAttribute('lang'))) { + elemLang = elemLang.toLowerCase(); + return elemLang === lang || elemLang.indexOf(`${lang}-`) === 0; + } + } while ((elem = elem.parentNode) && elem.nodeType === 1); + return false; + }; + }), - "contains": markFunction(function( text ) { - return function( elem ) { - return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; - }; - }), + // Miscellaneous + target(elem) { + const hash = window.location && window.location.hash; + return hash && hash.slice(1) === elem.id; + }, - // "Whether an element is represented by a :lang() selector - // is based solely on the element's language value - // being equal to the identifier C, - // or beginning with the identifier C immediately followed by "-". - // The matching of C against the element's language value is performed case-insensitively. - // The identifier C does not have to be a valid language name." - // http://www.w3.org/TR/selectors/#lang-pseudo - "lang": markFunction( function( lang ) { - // lang value must be a valid identifier - if ( !ridentifier.test(lang || "") ) { - Sizzle.error( "unsupported lang: " + lang ); - } - lang = lang.replace( runescape, funescape ).toLowerCase(); - return function( elem ) { - var elemLang; - do { - if ( (elemLang = documentIsHTML ? - elem.lang : - elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) { + root(elem) { + return elem === docElem; + }, - elemLang = elemLang.toLowerCase(); - return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; - } - } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); - return false; - }; - }), + focus(elem) { + return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); + }, - // Miscellaneous - "target": function( elem ) { - var hash = window.location && window.location.hash; - return hash && hash.slice( 1 ) === elem.id; - }, + // Boolean properties + enabled(elem) { + return elem.disabled === false; + }, - "root": function( elem ) { - return elem === docElem; - }, + disabled(elem) { + return elem.disabled === true; + }, - "focus": function( elem ) { - return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); - }, + checked(elem) { + // In CSS3, :checked should return both checked and selected elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + const nodeName = elem.nodeName.toLowerCase(); + return (nodeName === 'input' && !!elem.checked) || (nodeName === 'option' && !!elem.selected); + }, - // Boolean properties - "enabled": function( elem ) { - return elem.disabled === false; - }, + selected(elem) { + // Accessing this property makes selected-by-default + // options in Safari work properly + if (elem.parentNode) { + elem.parentNode.selectedIndex; + } - "disabled": function( elem ) { - return elem.disabled === true; - }, + return elem.selected === true; + }, - "checked": function( elem ) { - // In CSS3, :checked should return both checked and selected elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - var nodeName = elem.nodeName.toLowerCase(); - return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); - }, + // Contents + empty(elem) { + // http://www.w3.org/TR/selectors/#empty-pseudo + // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), + // but not by others (comment: 8; processing instruction: 7; etc.) + // nodeType < 6 works because attributes (2) do not appear as children + for (elem = elem.firstChild; elem; elem = elem.nextSibling) { + if (elem.nodeType < 6) { + return false; + } + } + return true; + }, - "selected": function( elem ) { - // Accessing this property makes selected-by-default - // options in Safari work properly - if ( elem.parentNode ) { - elem.parentNode.selectedIndex; - } + parent(elem) { + return !Expr.pseudos.empty(elem); + }, - return elem.selected === true; - }, + // Element/input types + header(elem) { + return rheader.test(elem.nodeName); + }, - // Contents - "empty": function( elem ) { - // http://www.w3.org/TR/selectors/#empty-pseudo - // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), - // but not by others (comment: 8; processing instruction: 7; etc.) - // nodeType < 6 works because attributes (2) do not appear as children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - if ( elem.nodeType < 6 ) { - return false; - } - } - return true; - }, + input(elem) { + return rinputs.test(elem.nodeName); + }, - "parent": function( elem ) { - return !Expr.pseudos["empty"]( elem ); - }, + button(elem) { + const name = elem.nodeName.toLowerCase(); + return name === 'input' && elem.type === 'button' || name === 'button'; + }, - // Element/input types - "header": function( elem ) { - return rheader.test( elem.nodeName ); - }, - - "input": function( elem ) { - return rinputs.test( elem.nodeName ); - }, - - "button": function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === "button" || name === "button"; - }, - - "text": function( elem ) { - var attr; - return elem.nodeName.toLowerCase() === "input" && - elem.type === "text" && + text(elem) { + let attr; + return elem.nodeName.toLowerCase() === 'input' + && elem.type === 'text' // Support: IE<8 // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" - ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" ); - }, - - // Position-in-collection - "first": createPositionalPseudo(function() { - return [ 0 ]; - }), - - "last": createPositionalPseudo(function( matchIndexes, length ) { - return [ length - 1 ]; - }), - - "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { - return [ argument < 0 ? argument + length : argument ]; - }), - - "even": createPositionalPseudo(function( matchIndexes, length ) { - var i = 0; - for ( ; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "odd": createPositionalPseudo(function( matchIndexes, length ) { - var i = 1; - for ( ; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { - var i = argument < 0 ? argument + length : argument; - for ( ; --i >= 0; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { - var i = argument < 0 ? argument + length : argument; - for ( ; ++i < length; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }) - } -}; - -Expr.pseudos["nth"] = Expr.pseudos["eq"]; - -// Add button/input type pseudos -for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { - Expr.pseudos[ i ] = createInputPseudo( i ); -} -for ( i in { submit: true, reset: true } ) { - Expr.pseudos[ i ] = createButtonPseudo( i ); -} - -// Easy API for creating new setFilters -function setFilters() {} -setFilters.prototype = Expr.filters = Expr.pseudos; -Expr.setFilters = new setFilters(); - -function tokenize( selector, parseOnly ) { - var matched, match, tokens, type, - soFar, groups, preFilters, - cached = tokenCache[ selector + " " ]; - - if ( cached ) { - return parseOnly ? 0 : cached.slice( 0 ); - } - - soFar = selector; - groups = []; - preFilters = Expr.preFilter; - - while ( soFar ) { - - // Comma and first run - if ( !matched || (match = rcomma.exec( soFar )) ) { - if ( match ) { - // Don't consume trailing commas as valid - soFar = soFar.slice( match[0].length ) || soFar; - } - groups.push( (tokens = []) ); - } - - matched = false; - - // Combinators - if ( (match = rcombinators.exec( soFar )) ) { - matched = match.shift(); - tokens.push({ - value: matched, - // Cast descendant combinators to space - type: match[0].replace( rtrim, " " ) - }); - soFar = soFar.slice( matched.length ); - } - - // Filters - for ( type in Expr.filter ) { - if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || - (match = preFilters[ type ]( match ))) ) { - matched = match.shift(); - tokens.push({ - value: matched, - type: type, - matches: match - }); - soFar = soFar.slice( matched.length ); - } - } - - if ( !matched ) { - break; - } - } - - // Return the length of the invalid excess - // if we're just parsing - // Otherwise, throw an error or return tokens - return parseOnly ? - soFar.length : - soFar ? - Sizzle.error( selector ) : - // Cache the tokens - tokenCache( selector, groups ).slice( 0 ); -} - -function toSelector( tokens ) { - var i = 0, - len = tokens.length, - selector = ""; - for ( ; i < len; i++ ) { - selector += tokens[i].value; - } - return selector; -} - -function addCombinator( matcher, combinator, base ) { - var dir = combinator.dir, - checkNonElements = base && dir === "parentNode", - doneName = done++; - - return combinator.first ? - // Check against closest ancestor/preceding element - function( elem, context, xml ) { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - return matcher( elem, context, xml ); - } - } - } : - - // Check against all ancestor/preceding elements - function( elem, context, xml ) { - var oldCache, outerCache, - newCache = [ dirruns, doneName ]; - - // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching - if ( xml ) { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - if ( matcher( elem, context, xml ) ) { - return true; - } - } - } - } else { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - outerCache = elem[ expando ] || (elem[ expando ] = {}); - if ( (oldCache = outerCache[ dir ]) && - oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { - - // Assign to newCache so results back-propagate to previous elements - return (newCache[ 2 ] = oldCache[ 2 ]); - } else { - // Reuse newcache so results back-propagate to previous elements - outerCache[ dir ] = newCache; - - // A match means we're done; a fail means we have to keep checking - if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) { - return true; - } - } - } - } - } - }; -} - -function elementMatcher( matchers ) { - return matchers.length > 1 ? - function( elem, context, xml ) { - var i = matchers.length; - while ( i-- ) { - if ( !matchers[i]( elem, context, xml ) ) { - return false; - } - } - return true; - } : - matchers[0]; -} - -function condense( unmatched, map, filter, context, xml ) { - var elem, - newUnmatched = [], - i = 0, - len = unmatched.length, - mapped = map != null; - - for ( ; i < len; i++ ) { - if ( (elem = unmatched[i]) ) { - if ( !filter || filter( elem, context, xml ) ) { - newUnmatched.push( elem ); - if ( mapped ) { - map.push( i ); - } - } - } - } - - return newUnmatched; -} - -function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { - if ( postFilter && !postFilter[ expando ] ) { - postFilter = setMatcher( postFilter ); - } - if ( postFinder && !postFinder[ expando ] ) { - postFinder = setMatcher( postFinder, postSelector ); - } - return markFunction(function( seed, results, context, xml ) { - var temp, i, elem, - preMap = [], - postMap = [], - preexisting = results.length, - - // Get initial elements from seed or context - elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), - - // Prefilter to get matcher input, preserving a map for seed-results synchronization - matcherIn = preFilter && ( seed || !selector ) ? - condense( elems, preMap, preFilter, context, xml ) : - elems, - - matcherOut = matcher ? - // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, - postFinder || ( seed ? preFilter : preexisting || postFilter ) ? - - // ...intermediate processing is necessary - [] : - - // ...otherwise use results directly - results : - matcherIn; - - // Find primary matches - if ( matcher ) { - matcher( matcherIn, matcherOut, context, xml ); - } - - // Apply postFilter - if ( postFilter ) { - temp = condense( matcherOut, postMap ); - postFilter( temp, [], context, xml ); - - // Un-match failing elements by moving them back to matcherIn - i = temp.length; - while ( i-- ) { - if ( (elem = temp[i]) ) { - matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); - } - } - } - - if ( seed ) { - if ( postFinder || preFilter ) { - if ( postFinder ) { - // Get the final matcherOut by condensing this intermediate into postFinder contexts - temp = []; - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) ) { - // Restore matcherIn since elem is not yet a final match - temp.push( (matcherIn[i] = elem) ); - } - } - postFinder( null, (matcherOut = []), temp, xml ); - } - - // Move matched elements from seed to results to keep them synchronized - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) && - (temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) { - - seed[temp] = !(results[temp] = elem); - } - } - } - - // Add elements to results, through postFinder if defined - } else { - matcherOut = condense( - matcherOut === results ? - matcherOut.splice( preexisting, matcherOut.length ) : - matcherOut - ); - if ( postFinder ) { - postFinder( null, results, matcherOut, xml ); - } else { - push.apply( results, matcherOut ); - } - } - }); -} - -function matcherFromTokens( tokens ) { - var checkContext, matcher, j, - len = tokens.length, - leadingRelative = Expr.relative[ tokens[0].type ], - implicitRelative = leadingRelative || Expr.relative[" "], - i = leadingRelative ? 1 : 0, - - // The foundational matcher ensures that elements are reachable from top-level context(s) - matchContext = addCombinator( function( elem ) { - return elem === checkContext; - }, implicitRelative, true ), - matchAnyContext = addCombinator( function( elem ) { - return indexOf.call( checkContext, elem ) > -1; - }, implicitRelative, true ), - matchers = [ function( elem, context, xml ) { - return ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( - (checkContext = context).nodeType ? - matchContext( elem, context, xml ) : - matchAnyContext( elem, context, xml ) ); - } ]; - - for ( ; i < len; i++ ) { - if ( (matcher = Expr.relative[ tokens[i].type ]) ) { - matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; - } else { - matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); - - // Return special upon seeing a positional matcher - if ( matcher[ expando ] ) { - // Find the next relative operator (if any) for proper handling - j = ++i; - for ( ; j < len; j++ ) { - if ( Expr.relative[ tokens[j].type ] ) { - break; - } - } - return setMatcher( - i > 1 && elementMatcher( matchers ), - i > 1 && toSelector( - // If the preceding token was a descendant combinator, insert an implicit any-element `*` - tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" }) - ).replace( rtrim, "$1" ), - matcher, - i < j && matcherFromTokens( tokens.slice( i, j ) ), - j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), - j < len && toSelector( tokens ) - ); - } - matchers.push( matcher ); - } - } - - return elementMatcher( matchers ); -} - -function matcherFromGroupMatchers( elementMatchers, setMatchers ) { - var bySet = setMatchers.length > 0, - byElement = elementMatchers.length > 0, - superMatcher = function( seed, context, xml, results, outermost ) { - var elem, j, matcher, - matchedCount = 0, - i = "0", - unmatched = seed && [], - setMatched = [], - contextBackup = outermostContext, - // We must always have either seed elements or outermost context - elems = seed || byElement && Expr.find["TAG"]( "*", outermost ), - // Use integer dirruns iff this is the outermost matcher - dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1), - len = elems.length; - - if ( outermost ) { - outermostContext = context !== document && context; - } - - // Add elements passing elementMatchers directly to results - // Keep `i` a string if there are no elements so `matchedCount` will be "00" below - // Support: IE<9, Safari - // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id - for ( ; i !== len && (elem = elems[i]) != null; i++ ) { - if ( byElement && elem ) { - j = 0; - while ( (matcher = elementMatchers[j++]) ) { - if ( matcher( elem, context, xml ) ) { - results.push( elem ); - break; - } - } - if ( outermost ) { - dirruns = dirrunsUnique; - } - } - - // Track unmatched elements for set filters - if ( bySet ) { - // They will have gone through all possible matchers - if ( (elem = !matcher && elem) ) { - matchedCount--; - } - - // Lengthen the array for every element, matched or not - if ( seed ) { - unmatched.push( elem ); - } - } - } - - // Apply set filters to unmatched elements - matchedCount += i; - if ( bySet && i !== matchedCount ) { - j = 0; - while ( (matcher = setMatchers[j++]) ) { - matcher( unmatched, setMatched, context, xml ); - } - - if ( seed ) { - // Reintegrate element matches to eliminate the need for sorting - if ( matchedCount > 0 ) { - while ( i-- ) { - if ( !(unmatched[i] || setMatched[i]) ) { - setMatched[i] = pop.call( results ); - } - } - } - - // Discard index placeholder values to get only actual matches - setMatched = condense( setMatched ); - } - - // Add matches to results - push.apply( results, setMatched ); - - // Seedless set matches succeeding multiple successful matchers stipulate sorting - if ( outermost && !seed && setMatched.length > 0 && - ( matchedCount + setMatchers.length ) > 1 ) { - - Sizzle.uniqueSort( results ); - } - } - - // Override manipulation of globals by nested matchers - if ( outermost ) { - dirruns = dirrunsUnique; - outermostContext = contextBackup; - } - - return unmatched; - }; - - return bySet ? - markFunction( superMatcher ) : - superMatcher; -} - -compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) { - var i, - setMatchers = [], - elementMatchers = [], - cached = compilerCache[ selector + " " ]; - - if ( !cached ) { - // Generate a function of recursive functions that can be used to check each element - if ( !group ) { - group = tokenize( selector ); - } - i = group.length; - while ( i-- ) { - cached = matcherFromTokens( group[i] ); - if ( cached[ expando ] ) { - setMatchers.push( cached ); - } else { - elementMatchers.push( cached ); - } - } - - // Cache the compiled function - cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); - } - return cached; -}; - -function multipleContexts( selector, contexts, results ) { - var i = 0, - len = contexts.length; - for ( ; i < len; i++ ) { - Sizzle( selector, contexts[i], results ); - } - return results; -} - -function select( selector, context, results, seed ) { - var i, tokens, token, type, find, - match = tokenize( selector ); - - if ( !seed ) { - // Try to minimize operations if there is only one group - if ( match.length === 1 ) { - - // Take a shortcut and set the context if the root selector is an ID - tokens = match[0] = match[0].slice( 0 ); - if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && - support.getById && context.nodeType === 9 && documentIsHTML && - Expr.relative[ tokens[1].type ] ) { - - context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0]; - if ( !context ) { - return results; - } - selector = selector.slice( tokens.shift().value.length ); - } - - // Fetch a seed set for right-to-left matching - i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; - while ( i-- ) { - token = tokens[i]; - - // Abort if we hit a combinator - if ( Expr.relative[ (type = token.type) ] ) { - break; - } - if ( (find = Expr.find[ type ]) ) { - // Search, expanding context for leading sibling combinators - if ( (seed = find( - token.matches[0].replace( runescape, funescape ), - rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context - )) ) { - - // If seed is empty or no tokens remain, we can return early - tokens.splice( i, 1 ); - selector = seed.length && toSelector( tokens ); - if ( !selector ) { - push.apply( results, seed ); - return results; - } - - break; - } - } - } - } - } - - // Compile and execute a filtering function - // Provide `match` to avoid retokenization if we modified the selector above - compile( selector, match )( - seed, - context, - !documentIsHTML, - results, - rsibling.test( selector ) && testContext( context.parentNode ) || context - ); - return results; -} - -// One-time assignments - -// Sort stability -support.sortStable = expando.split("").sort( sortOrder ).join("") === expando; - -// Support: Chrome<14 -// Always assume duplicates if they aren't passed to the comparison function -support.detectDuplicates = !!hasDuplicate; - -// Initialize against the default document -setDocument(); - -// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) -// Detached nodes confoundingly follow *each other* -support.sortDetached = assert(function( div1 ) { - // Should return 1, but returns 4 (following) - return div1.compareDocumentPosition( document.createElement("div") ) & 1; -}); - -// Support: IE<8 -// Prevent attribute/property "interpolation" -// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx -if ( !assert(function( div ) { - div.innerHTML = ""; - return div.firstChild.getAttribute("href") === "#" ; -}) ) { - addHandle( "type|href|height|width", function( elem, name, isXML ) { - if ( !isXML ) { - return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); - } - }); -} - -// Support: IE<9 -// Use defaultValue in place of getAttribute("value") -if ( !support.attributes || !assert(function( div ) { - div.innerHTML = ""; - div.firstChild.setAttribute( "value", "" ); - return div.firstChild.getAttribute( "value" ) === ""; -}) ) { - addHandle( "value", function( elem, name, isXML ) { - if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { - return elem.defaultValue; - } - }); -} - -// Support: IE<9 -// Use getAttributeNode to fetch booleans when getAttribute lies -if ( !assert(function( div ) { - return div.getAttribute("disabled") == null; -}) ) { - addHandle( booleans, function( elem, name, isXML ) { - var val; - if ( !isXML ) { - return elem[ name ] === true ? name.toLowerCase() : - (val = elem.getAttributeNode( name )) && val.specified ? - val.value : - null; - } - }); -} - -return Sizzle; - -})( window ); - - - -jQuery.find = Sizzle; -jQuery.expr = Sizzle.selectors; -jQuery.expr[":"] = jQuery.expr.pseudos; -jQuery.unique = Sizzle.uniqueSort; -jQuery.text = Sizzle.getText; -jQuery.isXMLDoc = Sizzle.isXML; -jQuery.contains = Sizzle.contains; - - - -var rneedsContext = jQuery.expr.match.needsContext; - -var rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/); - - - -var risSimple = /^.[^:#\[\.,]*$/; - -// Implement the identical functionality for filter and not -function winnow( elements, qualifier, not ) { - if ( jQuery.isFunction( qualifier ) ) { - return jQuery.grep( elements, function( elem, i ) { - /* jshint -W018 */ - return !!qualifier.call( elem, i, elem ) !== not; - }); - - } - - if ( qualifier.nodeType ) { - return jQuery.grep( elements, function( elem ) { - return ( elem === qualifier ) !== not; - }); - - } - - if ( typeof qualifier === "string" ) { - if ( risSimple.test( qualifier ) ) { - return jQuery.filter( qualifier, elements, not ); - } - - qualifier = jQuery.filter( qualifier, elements ); - } - - return jQuery.grep( elements, function( elem ) { - return ( indexOf.call( qualifier, elem ) >= 0 ) !== not; - }); -} - -jQuery.filter = function( expr, elems, not ) { - var elem = elems[ 0 ]; - - if ( not ) { - expr = ":not(" + expr + ")"; - } - - return elems.length === 1 && elem.nodeType === 1 ? - jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] : - jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { - return elem.nodeType === 1; - })); -}; - -jQuery.fn.extend({ - find: function( selector ) { - var i, - len = this.length, - ret = [], - self = this; - - if ( typeof selector !== "string" ) { - return this.pushStack( jQuery( selector ).filter(function() { - for ( i = 0; i < len; i++ ) { - if ( jQuery.contains( self[ i ], this ) ) { - return true; - } - } - }) ); - } - - for ( i = 0; i < len; i++ ) { - jQuery.find( selector, self[ i ], ret ); - } - - // Needed because $( selector, context ) becomes $( context ).find( selector ) - ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret ); - ret.selector = this.selector ? this.selector + " " + selector : selector; - return ret; - }, - filter: function( selector ) { - return this.pushStack( winnow(this, selector || [], false) ); - }, - not: function( selector ) { - return this.pushStack( winnow(this, selector || [], true) ); - }, - is: function( selector ) { - return !!winnow( - this, - - // If this is a positional/relative selector, check membership in the returned set - // so $("p:first").is("p:last") won't return true for a doc with two "p". - typeof selector === "string" && rneedsContext.test( selector ) ? - jQuery( selector ) : - selector || [], - false - ).length; - } -}); - - -// Initialize a jQuery object - - -// A central reference to the root jQuery(document) -var rootjQuery, - - // A simple way to check for HTML strings - // Prioritize #id over to avoid XSS via location.hash (#9521) - // Strict HTML recognition (#11290: must start with <) - rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/, - - init = jQuery.fn.init = function( selector, context ) { - var match, elem; - - // HANDLE: $(""), $(null), $(undefined), $(false) - if ( !selector ) { - return this; - } - - // Handle HTML strings - if ( typeof selector === "string" ) { - if ( selector[0] === "<" && selector[ selector.length - 1 ] === ">" && selector.length >= 3 ) { - // Assume that strings that start and end with <> are HTML and skip the regex check - match = [ null, selector, null ]; - - } else { - match = rquickExpr.exec( selector ); - } - - // Match html or make sure no context is specified for #id - if ( match && (match[1] || !context) ) { - - // HANDLE: $(html) -> $(array) - if ( match[1] ) { - context = context instanceof jQuery ? context[0] : context; - - // scripts is true for back-compat - // Intentionally let the error be thrown if parseHTML is not present - jQuery.merge( this, jQuery.parseHTML( - match[1], - context && context.nodeType ? context.ownerDocument || context : document, - true - ) ); - - // HANDLE: $(html, props) - if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) { - for ( match in context ) { - // Properties of context are called as methods if possible - if ( jQuery.isFunction( this[ match ] ) ) { - this[ match ]( context[ match ] ); - - // ...and otherwise set as attributes - } else { - this.attr( match, context[ match ] ); - } - } - } - - return this; - - // HANDLE: $(#id) - } else { - elem = document.getElementById( match[2] ); - - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document #6963 - if ( elem && elem.parentNode ) { - // Inject the element directly into the jQuery object - this.length = 1; - this[0] = elem; - } - - this.context = document; - this.selector = selector; - return this; - } - - // HANDLE: $(expr, $(...)) - } else if ( !context || context.jquery ) { - return ( context || rootjQuery ).find( selector ); - - // HANDLE: $(expr, context) - // (which is just equivalent to: $(context).find(expr) - } else { - return this.constructor( context ).find( selector ); - } - - // HANDLE: $(DOMElement) - } else if ( selector.nodeType ) { - this.context = this[0] = selector; - this.length = 1; - return this; - - // HANDLE: $(function) - // Shortcut for document ready - } else if ( jQuery.isFunction( selector ) ) { - return typeof rootjQuery.ready !== "undefined" ? - rootjQuery.ready( selector ) : - // Execute immediately if ready is not present - selector( jQuery ); - } - - if ( selector.selector !== undefined ) { - this.selector = selector.selector; - this.context = selector.context; - } - - return jQuery.makeArray( selector, this ); - }; - -// Give the init function the jQuery prototype for later instantiation -init.prototype = jQuery.fn; - -// Initialize central reference -rootjQuery = jQuery( document ); - - -var rparentsprev = /^(?:parents|prev(?:Until|All))/, - // methods guaranteed to produce a unique set when starting from a unique set - guaranteedUnique = { - children: true, - contents: true, - next: true, - prev: true - }; - -jQuery.extend({ - dir: function( elem, dir, until ) { - var matched = [], - truncate = until !== undefined; - - while ( (elem = elem[ dir ]) && elem.nodeType !== 9 ) { - if ( elem.nodeType === 1 ) { - if ( truncate && jQuery( elem ).is( until ) ) { - break; - } - matched.push( elem ); - } - } - return matched; - }, - - sibling: function( n, elem ) { - var matched = []; - - for ( ; n; n = n.nextSibling ) { - if ( n.nodeType === 1 && n !== elem ) { - matched.push( n ); - } - } - - return matched; - } -}); - -jQuery.fn.extend({ - has: function( target ) { - var targets = jQuery( target, this ), - l = targets.length; - - return this.filter(function() { - var i = 0; - for ( ; i < l; i++ ) { - if ( jQuery.contains( this, targets[i] ) ) { - return true; - } - } - }); - }, - - closest: function( selectors, context ) { - var cur, - i = 0, - l = this.length, - matched = [], - pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ? - jQuery( selectors, context || this.context ) : - 0; - - for ( ; i < l; i++ ) { - for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) { - // Always skip document fragments - if ( cur.nodeType < 11 && (pos ? - pos.index(cur) > -1 : - - // Don't pass non-elements to Sizzle - cur.nodeType === 1 && - jQuery.find.matchesSelector(cur, selectors)) ) { - - matched.push( cur ); - break; - } - } - } - - return this.pushStack( matched.length > 1 ? jQuery.unique( matched ) : matched ); - }, - - // Determine the position of an element within - // the matched set of elements - index: function( elem ) { - - // No argument, return index in parent - if ( !elem ) { - return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; - } - - // index in selector - if ( typeof elem === "string" ) { - return indexOf.call( jQuery( elem ), this[ 0 ] ); - } - - // Locate the position of the desired element - return indexOf.call( this, - - // If it receives a jQuery object, the first element is used - elem.jquery ? elem[ 0 ] : elem - ); - }, - - add: function( selector, context ) { - return this.pushStack( - jQuery.unique( - jQuery.merge( this.get(), jQuery( selector, context ) ) - ) - ); - }, - - addBack: function( selector ) { - return this.add( selector == null ? - this.prevObject : this.prevObject.filter(selector) - ); - } -}); - -function sibling( cur, dir ) { - while ( (cur = cur[dir]) && cur.nodeType !== 1 ) {} - return cur; -} - -jQuery.each({ - parent: function( elem ) { - var parent = elem.parentNode; - return parent && parent.nodeType !== 11 ? parent : null; - }, - parents: function( elem ) { - return jQuery.dir( elem, "parentNode" ); - }, - parentsUntil: function( elem, i, until ) { - return jQuery.dir( elem, "parentNode", until ); - }, - next: function( elem ) { - return sibling( elem, "nextSibling" ); - }, - prev: function( elem ) { - return sibling( elem, "previousSibling" ); - }, - nextAll: function( elem ) { - return jQuery.dir( elem, "nextSibling" ); - }, - prevAll: function( elem ) { - return jQuery.dir( elem, "previousSibling" ); - }, - nextUntil: function( elem, i, until ) { - return jQuery.dir( elem, "nextSibling", until ); - }, - prevUntil: function( elem, i, until ) { - return jQuery.dir( elem, "previousSibling", until ); - }, - siblings: function( elem ) { - return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem ); - }, - children: function( elem ) { - return jQuery.sibling( elem.firstChild ); - }, - contents: function( elem ) { - return elem.contentDocument || jQuery.merge( [], elem.childNodes ); - } -}, function( name, fn ) { - jQuery.fn[ name ] = function( until, selector ) { - var matched = jQuery.map( this, fn, until ); - - if ( name.slice( -5 ) !== "Until" ) { - selector = until; - } - - if ( selector && typeof selector === "string" ) { - matched = jQuery.filter( selector, matched ); - } - - if ( this.length > 1 ) { - // Remove duplicates - if ( !guaranteedUnique[ name ] ) { - jQuery.unique( matched ); - } - - // Reverse order for parents* and prev-derivatives - if ( rparentsprev.test( name ) ) { - matched.reverse(); - } - } - - return this.pushStack( matched ); - }; -}); -var rnotwhite = (/\S+/g); - - - -// String to Object options format cache -var optionsCache = {}; - -// Convert String-formatted options into Object-formatted ones and store in cache -function createOptions( options ) { - var object = optionsCache[ options ] = {}; - jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) { - object[ flag ] = true; - }); - return object; -} - -/* + && ((attr = elem.getAttribute('type')) == null || attr.toLowerCase() === 'text'); + }, + + // Position-in-collection + first: createPositionalPseudo(() => [0]), + + last: createPositionalPseudo((matchIndexes, length) => [length - 1]), + + eq: createPositionalPseudo((matchIndexes, length, argument) => [argument < 0 ? argument + length : argument]), + + even: createPositionalPseudo((matchIndexes, length) => { + let i = 0; + for (; i < length; i += 2) { + matchIndexes.push(i); + } + return matchIndexes; + }), + + odd: createPositionalPseudo((matchIndexes, length) => { + let i = 1; + for (; i < length; i += 2) { + matchIndexes.push(i); + } + return matchIndexes; + }), + + lt: createPositionalPseudo((matchIndexes, length, argument) => { + let i = argument < 0 ? argument + length : argument; + for (; --i >= 0;) { + matchIndexes.push(i); + } + return matchIndexes; + }), + + gt: createPositionalPseudo((matchIndexes, length, argument) => { + let i = argument < 0 ? argument + length : argument; + for (; ++i < length;) { + matchIndexes.push(i); + } + return matchIndexes; + }), + }, + }; + + Expr.pseudos.nth = Expr.pseudos.eq; + + // Add button/input type pseudos + for (i in { + radio: true, checkbox: true, file: true, password: true, image: true, + }) { + Expr.pseudos[i] = createInputPseudo(i); + } + for (i in { submit: true, reset: true }) { + Expr.pseudos[i] = createButtonPseudo(i); + } + + // Easy API for creating new setFilters + function setFilters() {} + setFilters.prototype = Expr.filters = Expr.pseudos; + Expr.setFilters = new setFilters(); + + function tokenize(selector, parseOnly) { + let matched; let match; let tokens; let type; + let soFar; let groups; let preFilters; + const cached = tokenCache[`${selector} `]; + + if (cached) { + return parseOnly ? 0 : cached.slice(0); + } + + soFar = selector; + groups = []; + preFilters = Expr.preFilter; + + while (soFar) { + // Comma and first run + if (!matched || (match = rcomma.exec(soFar))) { + if (match) { + // Don't consume trailing commas as valid + soFar = soFar.slice(match[0].length) || soFar; + } + groups.push((tokens = [])); + } + + matched = false; + + // Combinators + if ((match = rcombinators.exec(soFar))) { + matched = match.shift(); + tokens.push({ + value: matched, + // Cast descendant combinators to space + type: match[0].replace(rtrim, ' '), + }); + soFar = soFar.slice(matched.length); + } + + // Filters + for (type in Expr.filter) { + if ((match = matchExpr[type].exec(soFar)) && (!preFilters[type] + || (match = preFilters[type](match)))) { + matched = match.shift(); + tokens.push({ + value: matched, + type, + matches: match, + }); + soFar = soFar.slice(matched.length); + } + } + + if (!matched) { + break; + } + } + + // Return the length of the invalid excess + // if we're just parsing + // Otherwise, throw an error or return tokens + return parseOnly + ? soFar.length + : soFar + ? Sizzle.error(selector) + // Cache the tokens + : tokenCache(selector, groups).slice(0); + } + + function toSelector(tokens) { + let i = 0; + const len = tokens.length; + let selector = ''; + for (; i < len; i++) { + selector += tokens[i].value; + } + return selector; + } + + function addCombinator(matcher, combinator, base) { + const { dir } = combinator; + const checkNonElements = base && dir === 'parentNode'; + const doneName = done++; + + return combinator.first + // Check against closest ancestor/preceding element + ? function (elem, context, xml) { + while ((elem = elem[dir])) { + if (elem.nodeType === 1 || checkNonElements) { + return matcher(elem, context, xml); + } + } + } + + // Check against all ancestor/preceding elements + : function (elem, context, xml) { + let oldCache; let outerCache; + const newCache = [dirruns, doneName]; + + // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching + if (xml) { + while ((elem = elem[dir])) { + if (elem.nodeType === 1 || checkNonElements) { + if (matcher(elem, context, xml)) { + return true; + } + } + } + } else { + while ((elem = elem[dir])) { + if (elem.nodeType === 1 || checkNonElements) { + outerCache = elem[expando] || (elem[expando] = {}); + if ((oldCache = outerCache[dir]) + && oldCache[0] === dirruns && oldCache[1] === doneName) { + // Assign to newCache so results back-propagate to previous elements + return (newCache[2] = oldCache[2]); + } + // Reuse newcache so results back-propagate to previous elements + outerCache[dir] = newCache; + + // A match means we're done; a fail means we have to keep checking + if ((newCache[2] = matcher(elem, context, xml))) { + return true; + } + } + } + } + }; + } + + function elementMatcher(matchers) { + return matchers.length > 1 + ? function (elem, context, xml) { + let i = matchers.length; + while (i--) { + if (!matchers[i](elem, context, xml)) { + return false; + } + } + return true; + } + : matchers[0]; + } + + function condense(unmatched, map, filter, context, xml) { + let elem; + const newUnmatched = []; + let i = 0; + const len = unmatched.length; + const mapped = map != null; + + for (; i < len; i++) { + if ((elem = unmatched[i])) { + if (!filter || filter(elem, context, xml)) { + newUnmatched.push(elem); + if (mapped) { + map.push(i); + } + } + } + } + + return newUnmatched; + } + + function setMatcher(preFilter, selector, matcher, postFilter, postFinder, postSelector) { + if (postFilter && !postFilter[expando]) { + postFilter = setMatcher(postFilter); + } + if (postFinder && !postFinder[expando]) { + postFinder = setMatcher(postFinder, postSelector); + } + return markFunction((seed, results, context, xml) => { + let temp; let i; let elem; + const preMap = []; + const postMap = []; + const preexisting = results.length; + + // Get initial elements from seed or context + const elems = seed || multipleContexts(selector || '*', context.nodeType ? [context] : context, []); + + // Prefilter to get matcher input, preserving a map for seed-results synchronization + const matcherIn = preFilter && (seed || !selector) + ? condense(elems, preMap, preFilter, context, xml) + : elems; + + let matcherOut = matcher + // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, + ? postFinder || (seed ? preFilter : preexisting || postFilter) + + // ...intermediate processing is necessary + ? [] + + // ...otherwise use results directly + : results + : matcherIn; + + // Find primary matches + if (matcher) { + matcher(matcherIn, matcherOut, context, xml); + } + + // Apply postFilter + if (postFilter) { + temp = condense(matcherOut, postMap); + postFilter(temp, [], context, xml); + + // Un-match failing elements by moving them back to matcherIn + i = temp.length; + while (i--) { + if ((elem = temp[i])) { + matcherOut[postMap[i]] = !(matcherIn[postMap[i]] = elem); + } + } + } + + if (seed) { + if (postFinder || preFilter) { + if (postFinder) { + // Get the final matcherOut by condensing this intermediate into postFinder contexts + temp = []; + i = matcherOut.length; + while (i--) { + if ((elem = matcherOut[i])) { + // Restore matcherIn since elem is not yet a final match + temp.push((matcherIn[i] = elem)); + } + } + postFinder(null, (matcherOut = []), temp, xml); + } + + // Move matched elements from seed to results to keep them synchronized + i = matcherOut.length; + while (i--) { + if ((elem = matcherOut[i]) + && (temp = postFinder ? indexOf.call(seed, elem) : preMap[i]) > -1) { + seed[temp] = !(results[temp] = elem); + } + } + } + + // Add elements to results, through postFinder if defined + } else { + matcherOut = condense( + matcherOut === results + ? matcherOut.splice(preexisting, matcherOut.length) + : matcherOut, + ); + if (postFinder) { + postFinder(null, results, matcherOut, xml); + } else { + push.apply(results, matcherOut); + } + } + }); + } + + function matcherFromTokens(tokens) { + let checkContext; let matcher; let j; + const len = tokens.length; + const leadingRelative = Expr.relative[tokens[0].type]; + const implicitRelative = leadingRelative || Expr.relative[' ']; + let i = leadingRelative ? 1 : 0; + + // The foundational matcher ensures that elements are reachable from top-level context(s) + const matchContext = addCombinator((elem) => elem === checkContext, implicitRelative, true); + const matchAnyContext = addCombinator((elem) => indexOf.call(checkContext, elem) > -1, implicitRelative, true); + let matchers = [function (elem, context, xml) { + return (!leadingRelative && (xml || context !== outermostContext)) || ( + (checkContext = context).nodeType + ? matchContext(elem, context, xml) + : matchAnyContext(elem, context, xml)); + }]; + + for (; i < len; i++) { + if ((matcher = Expr.relative[tokens[i].type])) { + matchers = [addCombinator(elementMatcher(matchers), matcher)]; + } else { + matcher = Expr.filter[tokens[i].type].apply(null, tokens[i].matches); + + // Return special upon seeing a positional matcher + if (matcher[expando]) { + // Find the next relative operator (if any) for proper handling + j = ++i; + for (; j < len; j++) { + if (Expr.relative[tokens[j].type]) { + break; + } + } + return setMatcher( + i > 1 && elementMatcher(matchers), + i > 1 && toSelector( + // If the preceding token was a descendant combinator, insert an implicit any-element `*` + tokens.slice(0, i - 1).concat({ value: tokens[i - 2].type === ' ' ? '*' : '' }), + ).replace(rtrim, '$1'), + matcher, + i < j && matcherFromTokens(tokens.slice(i, j)), + j < len && matcherFromTokens((tokens = tokens.slice(j))), + j < len && toSelector(tokens), + ); + } + matchers.push(matcher); + } + } + + return elementMatcher(matchers); + } + + function matcherFromGroupMatchers(elementMatchers, setMatchers) { + const bySet = setMatchers.length > 0; + const byElement = elementMatchers.length > 0; + const superMatcher = function (seed, context, xml, results, outermost) { + let elem; let j; let matcher; + let matchedCount = 0; + let i = '0'; + const unmatched = seed && []; + let setMatched = []; + const contextBackup = outermostContext; + // We must always have either seed elements or outermost context + const elems = seed || byElement && Expr.find.TAG('*', outermost); + // Use integer dirruns iff this is the outermost matcher + const dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1); + const len = elems.length; + + if (outermost) { + outermostContext = context !== document && context; + } + + // Add elements passing elementMatchers directly to results + // Keep `i` a string if there are no elements so `matchedCount` will be "00" below + // Support: IE<9, Safari + // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id + for (; i !== len && (elem = elems[i]) != null; i++) { + if (byElement && elem) { + j = 0; + while ((matcher = elementMatchers[j++])) { + if (matcher(elem, context, xml)) { + results.push(elem); + break; + } + } + if (outermost) { + dirruns = dirrunsUnique; + } + } + + // Track unmatched elements for set filters + if (bySet) { + // They will have gone through all possible matchers + if ((elem = !matcher && elem)) { + matchedCount--; + } + + // Lengthen the array for every element, matched or not + if (seed) { + unmatched.push(elem); + } + } + } + + // Apply set filters to unmatched elements + matchedCount += i; + if (bySet && i !== matchedCount) { + j = 0; + while ((matcher = setMatchers[j++])) { + matcher(unmatched, setMatched, context, xml); + } + + if (seed) { + // Reintegrate element matches to eliminate the need for sorting + if (matchedCount > 0) { + while (i--) { + if (!(unmatched[i] || setMatched[i])) { + setMatched[i] = pop.call(results); + } + } + } + + // Discard index placeholder values to get only actual matches + setMatched = condense(setMatched); + } + + // Add matches to results + push.apply(results, setMatched); + + // Seedless set matches succeeding multiple successful matchers stipulate sorting + if (outermost && !seed && setMatched.length > 0 + && (matchedCount + setMatchers.length) > 1) { + Sizzle.uniqueSort(results); + } + } + + // Override manipulation of globals by nested matchers + if (outermost) { + dirruns = dirrunsUnique; + outermostContext = contextBackup; + } + + return unmatched; + }; + + return bySet + ? markFunction(superMatcher) + : superMatcher; + } + + compile = Sizzle.compile = function (selector, group /* Internal Use Only */) { + let i; + const setMatchers = []; + const elementMatchers = []; + let cached = compilerCache[`${selector} `]; + + if (!cached) { + // Generate a function of recursive functions that can be used to check each element + if (!group) { + group = tokenize(selector); + } + i = group.length; + while (i--) { + cached = matcherFromTokens(group[i]); + if (cached[expando]) { + setMatchers.push(cached); + } else { + elementMatchers.push(cached); + } + } + + // Cache the compiled function + cached = compilerCache(selector, matcherFromGroupMatchers(elementMatchers, setMatchers)); + } + return cached; + }; + + function multipleContexts(selector, contexts, results) { + let i = 0; + const len = contexts.length; + for (; i < len; i++) { + Sizzle(selector, contexts[i], results); + } + return results; + } + + function select(selector, context, results, seed) { + let i; let tokens; let token; let type; let find; + const match = tokenize(selector); + + if (!seed) { + // Try to minimize operations if there is only one group + if (match.length === 1) { + // Take a shortcut and set the context if the root selector is an ID + tokens = match[0] = match[0].slice(0); + if (tokens.length > 2 && (token = tokens[0]).type === 'ID' + && support.getById && context.nodeType === 9 && documentIsHTML + && Expr.relative[tokens[1].type]) { + context = (Expr.find.ID(token.matches[0].replace(runescape, funescape), context) || [])[0]; + if (!context) { + return results; + } + selector = selector.slice(tokens.shift().value.length); + } + + // Fetch a seed set for right-to-left matching + i = matchExpr.needsContext.test(selector) ? 0 : tokens.length; + while (i--) { + token = tokens[i]; + + // Abort if we hit a combinator + if (Expr.relative[(type = token.type)]) { + break; + } + if ((find = Expr.find[type])) { + // Search, expanding context for leading sibling combinators + if ((seed = find( + token.matches[0].replace(runescape, funescape), + rsibling.test(tokens[0].type) && testContext(context.parentNode) || context, + ))) { + // If seed is empty or no tokens remain, we can return early + tokens.splice(i, 1); + selector = seed.length && toSelector(tokens); + if (!selector) { + push.apply(results, seed); + return results; + } + + break; + } + } + } + } + } + + // Compile and execute a filtering function + // Provide `match` to avoid retokenization if we modified the selector above + compile(selector, match)( + seed, + context, + !documentIsHTML, + results, + rsibling.test(selector) && testContext(context.parentNode) || context, + ); + return results; + } + + // One-time assignments + + // Sort stability + support.sortStable = expando.split('').sort(sortOrder).join('') === expando; + + // Support: Chrome<14 + // Always assume duplicates if they aren't passed to the comparison function + support.detectDuplicates = !!hasDuplicate; + + // Initialize against the default document + setDocument(); + + // Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) + // Detached nodes confoundingly follow *each other* + support.sortDetached = assert((div1) => + // Should return 1, but returns 4 (following) + div1.compareDocumentPosition(document.createElement('div')) & 1); + + // Support: IE<8 + // Prevent attribute/property "interpolation" + // http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx + if (!assert((div) => { + div.innerHTML = ""; + return div.firstChild.getAttribute('href') === '#'; + })) { + addHandle('type|href|height|width', (elem, name, isXML) => { + if (!isXML) { + return elem.getAttribute(name, name.toLowerCase() === 'type' ? 1 : 2); + } + }); + } + + // Support: IE<9 + // Use defaultValue in place of getAttribute("value") + if (!support.attributes || !assert((div) => { + div.innerHTML = ''; + div.firstChild.setAttribute('value', ''); + return div.firstChild.getAttribute('value') === ''; + })) { + addHandle('value', (elem, name, isXML) => { + if (!isXML && elem.nodeName.toLowerCase() === 'input') { + return elem.defaultValue; + } + }); + } + + // Support: IE<9 + // Use getAttributeNode to fetch booleans when getAttribute lies + if (!assert((div) => div.getAttribute('disabled') == null)) { + addHandle(booleans, (elem, name, isXML) => { + let val; + if (!isXML) { + return elem[name] === true ? name.toLowerCase() + : (val = elem.getAttributeNode(name)) && val.specified + ? val.value + : null; + } + }); + } + + return Sizzle; +}(window)); + + jQuery.find = Sizzle; + jQuery.expr = Sizzle.selectors; + jQuery.expr[':'] = jQuery.expr.pseudos; + jQuery.unique = Sizzle.uniqueSort; + jQuery.text = Sizzle.getText; + jQuery.isXMLDoc = Sizzle.isXML; + jQuery.contains = Sizzle.contains; + + const rneedsContext = jQuery.expr.match.needsContext; + + const rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/); + + const risSimple = /^.[^:#\[\.,]*$/; + + // Implement the identical functionality for filter and not + function winnow(elements, qualifier, not) { + if (jQuery.isFunction(qualifier)) { + return jQuery.grep(elements, (elem, i) => + /* jshint -W018 */ + !!qualifier.call(elem, i, elem) !== not); + } + + if (qualifier.nodeType) { + return jQuery.grep(elements, (elem) => (elem === qualifier) !== not); + } + + if (typeof qualifier === 'string') { + if (risSimple.test(qualifier)) { + return jQuery.filter(qualifier, elements, not); + } + + qualifier = jQuery.filter(qualifier, elements); + } + + return jQuery.grep(elements, (elem) => (indexOf.call(qualifier, elem) >= 0) !== not); + } + + jQuery.filter = function (expr, elems, not) { + const elem = elems[0]; + + if (not) { + expr = `:not(${expr})`; + } + + return elems.length === 1 && elem.nodeType === 1 + ? jQuery.find.matchesSelector(elem, expr) ? [elem] : [] + : jQuery.find.matches(expr, jQuery.grep(elems, (elem) => elem.nodeType === 1)); + }; + + jQuery.fn.extend({ + find(selector) { + let i; + const len = this.length; + let ret = []; + const self = this; + + if (typeof selector !== 'string') { + return this.pushStack(jQuery(selector).filter(function () { + for (i = 0; i < len; i++) { + if (jQuery.contains(self[i], this)) { + return true; + } + } + })); + } + + for (i = 0; i < len; i++) { + jQuery.find(selector, self[i], ret); + } + + // Needed because $( selector, context ) becomes $( context ).find( selector ) + ret = this.pushStack(len > 1 ? jQuery.unique(ret) : ret); + ret.selector = this.selector ? `${this.selector} ${selector}` : selector; + return ret; + }, + filter(selector) { + return this.pushStack(winnow(this, selector || [], false)); + }, + not(selector) { + return this.pushStack(winnow(this, selector || [], true)); + }, + is(selector) { + return !!winnow( + this, + + // If this is a positional/relative selector, check membership in the returned set + // so $("p:first").is("p:last") won't return true for a doc with two "p". + typeof selector === 'string' && rneedsContext.test(selector) + ? jQuery(selector) + : selector || [], + false, + ).length; + }, + }); + + // Initialize a jQuery object + + // A central reference to the root jQuery(document) + let rootjQuery; + + // A simple way to check for HTML strings + // Prioritize #id over to avoid XSS via location.hash (#9521) + // Strict HTML recognition (#11290: must start with <) + const rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/; + + const init = jQuery.fn.init = function (selector, context) { + let match; let + elem; + + // HANDLE: $(""), $(null), $(undefined), $(false) + if (!selector) { + return this; + } + + // Handle HTML strings + if (typeof selector === 'string') { + if (selector[0] === '<' && selector[selector.length - 1] === '>' && selector.length >= 3) { + // Assume that strings that start and end with <> are HTML and skip the regex check + match = [null, selector, null]; + } else { + match = rquickExpr.exec(selector); + } + + // Match html or make sure no context is specified for #id + if (match && (match[1] || !context)) { + // HANDLE: $(html) -> $(array) + if (match[1]) { + context = context instanceof jQuery ? context[0] : context; + + // scripts is true for back-compat + // Intentionally let the error be thrown if parseHTML is not present + jQuery.merge(this, jQuery.parseHTML( + match[1], + context && context.nodeType ? context.ownerDocument || context : document, + true, + )); + + // HANDLE: $(html, props) + if (rsingleTag.test(match[1]) && jQuery.isPlainObject(context)) { + for (match in context) { + // Properties of context are called as methods if possible + if (jQuery.isFunction(this[match])) { + this[match](context[match]); + + // ...and otherwise set as attributes + } else { + this.attr(match, context[match]); + } + } + } + + return this; + + // HANDLE: $(#id) + } + elem = document.getElementById(match[2]); + + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + if (elem && elem.parentNode) { + // Inject the element directly into the jQuery object + this.length = 1; + this[0] = elem; + } + + this.context = document; + this.selector = selector; + return this; + + // HANDLE: $(expr, $(...)) + } if (!context || context.jquery) { + return (context || rootjQuery).find(selector); + + // HANDLE: $(expr, context) + // (which is just equivalent to: $(context).find(expr) + } + return this.constructor(context).find(selector); + + // HANDLE: $(DOMElement) + } if (selector.nodeType) { + this.context = this[0] = selector; + this.length = 1; + return this; + + // HANDLE: $(function) + // Shortcut for document ready + } if (jQuery.isFunction(selector)) { + return typeof rootjQuery.ready !== 'undefined' + ? rootjQuery.ready(selector) + // Execute immediately if ready is not present + : selector(jQuery); + } + + if (selector.selector !== undefined) { + this.selector = selector.selector; + this.context = selector.context; + } + + return jQuery.makeArray(selector, this); + }; + + // Give the init function the jQuery prototype for later instantiation + init.prototype = jQuery.fn; + + // Initialize central reference + rootjQuery = jQuery(document); + + const rparentsprev = /^(?:parents|prev(?:Until|All))/; + // methods guaranteed to produce a unique set when starting from a unique set + const guaranteedUnique = { + children: true, + contents: true, + next: true, + prev: true, + }; + + jQuery.extend({ + dir(elem, dir, until) { + const matched = []; + const truncate = until !== undefined; + + while ((elem = elem[dir]) && elem.nodeType !== 9) { + if (elem.nodeType === 1) { + if (truncate && jQuery(elem).is(until)) { + break; + } + matched.push(elem); + } + } + return matched; + }, + + sibling(n, elem) { + const matched = []; + + for (; n; n = n.nextSibling) { + if (n.nodeType === 1 && n !== elem) { + matched.push(n); + } + } + + return matched; + }, + }); + + jQuery.fn.extend({ + has(target) { + const targets = jQuery(target, this); + const l = targets.length; + + return this.filter(function () { + let i = 0; + for (; i < l; i++) { + if (jQuery.contains(this, targets[i])) { + return true; + } + } + }); + }, + + closest(selectors, context) { + let cur; + let i = 0; + const l = this.length; + const matched = []; + const pos = rneedsContext.test(selectors) || typeof selectors !== 'string' + ? jQuery(selectors, context || this.context) + : 0; + + for (; i < l; i++) { + for (cur = this[i]; cur && cur !== context; cur = cur.parentNode) { + // Always skip document fragments + if (cur.nodeType < 11 && (pos + ? pos.index(cur) > -1 + + // Don't pass non-elements to Sizzle + : cur.nodeType === 1 + && jQuery.find.matchesSelector(cur, selectors))) { + matched.push(cur); + break; + } + } + } + + return this.pushStack(matched.length > 1 ? jQuery.unique(matched) : matched); + }, + + // Determine the position of an element within + // the matched set of elements + index(elem) { + // No argument, return index in parent + if (!elem) { + return (this[0] && this[0].parentNode) ? this.first().prevAll().length : -1; + } + + // index in selector + if (typeof elem === 'string') { + return indexOf.call(jQuery(elem), this[0]); + } + + // Locate the position of the desired element + return indexOf.call(this, + + // If it receives a jQuery object, the first element is used + elem.jquery ? elem[0] : elem); + }, + + add(selector, context) { + return this.pushStack( + jQuery.unique( + jQuery.merge(this.get(), jQuery(selector, context)), + ), + ); + }, + + addBack(selector) { + return this.add(selector == null + ? this.prevObject : this.prevObject.filter(selector)); + }, + }); + + function sibling(cur, dir) { + while ((cur = cur[dir]) && cur.nodeType !== 1) {} + return cur; + } + + jQuery.each({ + parent(elem) { + const parent = elem.parentNode; + return parent && parent.nodeType !== 11 ? parent : null; + }, + parents(elem) { + return jQuery.dir(elem, 'parentNode'); + }, + parentsUntil(elem, i, until) { + return jQuery.dir(elem, 'parentNode', until); + }, + next(elem) { + return sibling(elem, 'nextSibling'); + }, + prev(elem) { + return sibling(elem, 'previousSibling'); + }, + nextAll(elem) { + return jQuery.dir(elem, 'nextSibling'); + }, + prevAll(elem) { + return jQuery.dir(elem, 'previousSibling'); + }, + nextUntil(elem, i, until) { + return jQuery.dir(elem, 'nextSibling', until); + }, + prevUntil(elem, i, until) { + return jQuery.dir(elem, 'previousSibling', until); + }, + siblings(elem) { + return jQuery.sibling((elem.parentNode || {}).firstChild, elem); + }, + children(elem) { + return jQuery.sibling(elem.firstChild); + }, + contents(elem) { + return elem.contentDocument || jQuery.merge([], elem.childNodes); + }, + }, (name, fn) => { + jQuery.fn[name] = function (until, selector) { + let matched = jQuery.map(this, fn, until); + + if (name.slice(-5) !== 'Until') { + selector = until; + } + + if (selector && typeof selector === 'string') { + matched = jQuery.filter(selector, matched); + } + + if (this.length > 1) { + // Remove duplicates + if (!guaranteedUnique[name]) { + jQuery.unique(matched); + } + + // Reverse order for parents* and prev-derivatives + if (rparentsprev.test(name)) { + matched.reverse(); + } + } + + return this.pushStack(matched); + }; + }); + const rnotwhite = (/\S+/g); + + // String to Object options format cache + const optionsCache = {}; + + // Convert String-formatted options into Object-formatted ones and store in cache + function createOptions(options) { + const object = optionsCache[options] = {}; + jQuery.each(options.match(rnotwhite) || [], (_, flag) => { + object[flag] = true; + }); + return object; + } + + /* * Create a callback list using the following parameters: * * options: an optional list of space-separated options that will change how @@ -3011,653 +2937,638 @@ function createOptions( options ) { * stopOnFalse: interrupt callings when a callback returns false * */ -jQuery.Callbacks = function( options ) { + jQuery.Callbacks = function (options) { + // Convert options from String-formatted to Object-formatted if needed + // (we check in cache first) + options = typeof options === 'string' + ? (optionsCache[options] || createOptions(options)) + : jQuery.extend({}, options); - // Convert options from String-formatted to Object-formatted if needed - // (we check in cache first) - options = typeof options === "string" ? - ( optionsCache[ options ] || createOptions( options ) ) : - jQuery.extend( {}, options ); + let // Last fire value (for non-forgettable lists) + memory; + // Flag to know if list was already fired + let fired; + // Flag to know if list is currently firing + let firing; + // First callback to fire (used internally by add and fireWith) + let firingStart; + // End of the loop when firing + let firingLength; + // Index of currently firing callback (modified by remove if needed) + let firingIndex; + // Actual callback list + let list = []; + // Stack of fire calls for repeatable lists + let stack = !options.once && []; + // Fire callbacks + var fire = function (data) { + memory = options.memory && data; + fired = true; + firingIndex = firingStart || 0; + firingStart = 0; + firingLength = list.length; + firing = true; + for (; list && firingIndex < firingLength; firingIndex++) { + if (list[firingIndex].apply(data[0], data[1]) === false && options.stopOnFalse) { + memory = false; // To prevent further calls using add + break; + } + } + firing = false; + if (list) { + if (stack) { + if (stack.length) { + fire(stack.shift()); + } + } else if (memory) { + list = []; + } else { + self.disable(); + } + } + }; + // Actual Callbacks object + var self = { + // Add a callback or a collection of callbacks to the list + add() { + if (list) { + // First, we save the current length + const start = list.length; + (function add(args) { + jQuery.each(args, (_, arg) => { + const type = jQuery.type(arg); + if (type === 'function') { + if (!options.unique || !self.has(arg)) { + list.push(arg); + } + } else if (arg && arg.length && type !== 'string') { + // Inspect recursively + add(arg); + } + }); + }(arguments)); + // Do we need to add the callbacks to the + // current firing batch? + if (firing) { + firingLength = list.length; + // With memory, if we're not firing then + // we should call right away + } else if (memory) { + firingStart = start; + fire(memory); + } + } + return this; + }, + // Remove a callback from the list + remove() { + if (list) { + jQuery.each(arguments, (_, arg) => { + let index; + while ((index = jQuery.inArray(arg, list, index)) > -1) { + list.splice(index, 1); + // Handle firing indexes + if (firing) { + if (index <= firingLength) { + firingLength--; + } + if (index <= firingIndex) { + firingIndex--; + } + } + } + }); + } + return this; + }, + // Check if a given callback is in the list. + // If no argument is given, return whether or not list has callbacks attached. + has(fn) { + return fn ? jQuery.inArray(fn, list) > -1 : !!(list && list.length); + }, + // Remove all callbacks from the list + empty() { + list = []; + firingLength = 0; + return this; + }, + // Have the list do nothing anymore + disable() { + list = stack = memory = undefined; + return this; + }, + // Is it disabled? + disabled() { + return !list; + }, + // Lock the list in its current state + lock() { + stack = undefined; + if (!memory) { + self.disable(); + } + return this; + }, + // Is it locked? + locked() { + return !stack; + }, + // Call all callbacks with the given context and arguments + fireWith(context, args) { + if (list && (!fired || stack)) { + args = args || []; + args = [context, args.slice ? args.slice() : args]; + if (firing) { + stack.push(args); + } else { + fire(args); + } + } + return this; + }, + // Call all the callbacks with the given arguments + fire() { + self.fireWith(this, arguments); + return this; + }, + // To know if the callbacks have already been called at least once + fired() { + return !!fired; + }, + }; - var // Last fire value (for non-forgettable lists) - memory, - // Flag to know if list was already fired - fired, - // Flag to know if list is currently firing - firing, - // First callback to fire (used internally by add and fireWith) - firingStart, - // End of the loop when firing - firingLength, - // Index of currently firing callback (modified by remove if needed) - firingIndex, - // Actual callback list - list = [], - // Stack of fire calls for repeatable lists - stack = !options.once && [], - // Fire callbacks - fire = function( data ) { - memory = options.memory && data; - fired = true; - firingIndex = firingStart || 0; - firingStart = 0; - firingLength = list.length; - firing = true; - for ( ; list && firingIndex < firingLength; firingIndex++ ) { - if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { - memory = false; // To prevent further calls using add - break; - } - } - firing = false; - if ( list ) { - if ( stack ) { - if ( stack.length ) { - fire( stack.shift() ); - } - } else if ( memory ) { - list = []; - } else { - self.disable(); - } - } - }, - // Actual Callbacks object - self = { - // Add a callback or a collection of callbacks to the list - add: function() { - if ( list ) { - // First, we save the current length - var start = list.length; - (function add( args ) { - jQuery.each( args, function( _, arg ) { - var type = jQuery.type( arg ); - if ( type === "function" ) { - if ( !options.unique || !self.has( arg ) ) { - list.push( arg ); - } - } else if ( arg && arg.length && type !== "string" ) { - // Inspect recursively - add( arg ); - } - }); - })( arguments ); - // Do we need to add the callbacks to the - // current firing batch? - if ( firing ) { - firingLength = list.length; - // With memory, if we're not firing then - // we should call right away - } else if ( memory ) { - firingStart = start; - fire( memory ); - } - } - return this; - }, - // Remove a callback from the list - remove: function() { - if ( list ) { - jQuery.each( arguments, function( _, arg ) { - var index; - while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { - list.splice( index, 1 ); - // Handle firing indexes - if ( firing ) { - if ( index <= firingLength ) { - firingLength--; - } - if ( index <= firingIndex ) { - firingIndex--; - } - } - } - }); - } - return this; - }, - // Check if a given callback is in the list. - // If no argument is given, return whether or not list has callbacks attached. - has: function( fn ) { - return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length ); - }, - // Remove all callbacks from the list - empty: function() { - list = []; - firingLength = 0; - return this; - }, - // Have the list do nothing anymore - disable: function() { - list = stack = memory = undefined; - return this; - }, - // Is it disabled? - disabled: function() { - return !list; - }, - // Lock the list in its current state - lock: function() { - stack = undefined; - if ( !memory ) { - self.disable(); - } - return this; - }, - // Is it locked? - locked: function() { - return !stack; - }, - // Call all callbacks with the given context and arguments - fireWith: function( context, args ) { - if ( list && ( !fired || stack ) ) { - args = args || []; - args = [ context, args.slice ? args.slice() : args ]; - if ( firing ) { - stack.push( args ); - } else { - fire( args ); - } - } - return this; - }, - // Call all the callbacks with the given arguments - fire: function() { - self.fireWith( this, arguments ); - return this; - }, - // To know if the callbacks have already been called at least once - fired: function() { - return !!fired; - } - }; + return self; + }; - return self; -}; + jQuery.extend({ + Deferred(func) { + const tuples = [ + // action, add listener, listener list, final state + ['resolve', 'done', jQuery.Callbacks('once memory'), 'resolved'], + ['reject', 'fail', jQuery.Callbacks('once memory'), 'rejected'], + ['notify', 'progress', jQuery.Callbacks('memory')], + ]; + let state = 'pending'; + var promise = { + state() { + return state; + }, + always() { + deferred.done(arguments).fail(arguments); + return this; + }, + then(/* fnDone, fnFail, fnProgress */) { + let fns = arguments; + return jQuery.Deferred((newDefer) => { + jQuery.each(tuples, (i, tuple) => { + const fn = jQuery.isFunction(fns[i]) && fns[i]; + // deferred[ done | fail | progress ] for forwarding actions to newDefer + deferred[tuple[1]](function () { + const returned = fn && fn.apply(this, arguments); + if (returned && jQuery.isFunction(returned.promise)) { + returned.promise() + .done(newDefer.resolve) + .fail(newDefer.reject) + .progress(newDefer.notify); + } else { + newDefer[`${tuple[0]}With`](this === promise ? newDefer.promise() : this, fn ? [returned] : arguments); + } + }); + }); + fns = null; + }).promise(); + }, + // Get a promise for this deferred + // If obj is provided, the promise aspect is added to the object + promise(obj) { + return obj != null ? jQuery.extend(obj, promise) : promise; + }, + }; + var deferred = {}; -jQuery.extend({ + // Keep pipe for back-compat + promise.pipe = promise.then; - Deferred: function( func ) { - var tuples = [ - // action, add listener, listener list, final state - [ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ], - [ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ], - [ "notify", "progress", jQuery.Callbacks("memory") ] - ], - state = "pending", - promise = { - state: function() { - return state; - }, - always: function() { - deferred.done( arguments ).fail( arguments ); - return this; - }, - then: function( /* fnDone, fnFail, fnProgress */ ) { - var fns = arguments; - return jQuery.Deferred(function( newDefer ) { - jQuery.each( tuples, function( i, tuple ) { - var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ]; - // deferred[ done | fail | progress ] for forwarding actions to newDefer - deferred[ tuple[1] ](function() { - var returned = fn && fn.apply( this, arguments ); - if ( returned && jQuery.isFunction( returned.promise ) ) { - returned.promise() - .done( newDefer.resolve ) - .fail( newDefer.reject ) - .progress( newDefer.notify ); - } else { - newDefer[ tuple[ 0 ] + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments ); - } - }); - }); - fns = null; - }).promise(); - }, - // Get a promise for this deferred - // If obj is provided, the promise aspect is added to the object - promise: function( obj ) { - return obj != null ? jQuery.extend( obj, promise ) : promise; - } - }, - deferred = {}; + // Add list-specific methods + jQuery.each(tuples, (i, tuple) => { + const list = tuple[2]; + const stateString = tuple[3]; - // Keep pipe for back-compat - promise.pipe = promise.then; + // promise[ done | fail | progress ] = list.add + promise[tuple[1]] = list.add; - // Add list-specific methods - jQuery.each( tuples, function( i, tuple ) { - var list = tuple[ 2 ], - stateString = tuple[ 3 ]; + // Handle state + if (stateString) { + list.add(() => { + // state = [ resolved | rejected ] + state = stateString; - // promise[ done | fail | progress ] = list.add - promise[ tuple[1] ] = list.add; + // [ reject_list | resolve_list ].disable; progress_list.lock + }, tuples[i ^ 1][2].disable, tuples[2][2].lock); + } - // Handle state - if ( stateString ) { - list.add(function() { - // state = [ resolved | rejected ] - state = stateString; + // deferred[ resolve | reject | notify ] + deferred[tuple[0]] = function () { + deferred[`${tuple[0]}With`](this === deferred ? promise : this, arguments); + return this; + }; + deferred[`${tuple[0]}With`] = list.fireWith; + }); - // [ reject_list | resolve_list ].disable; progress_list.lock - }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); - } + // Make the deferred a promise + promise.promise(deferred); - // deferred[ resolve | reject | notify ] - deferred[ tuple[0] ] = function() { - deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments ); - return this; - }; - deferred[ tuple[0] + "With" ] = list.fireWith; - }); + // Call given func if any + if (func) { + func.call(deferred, deferred); + } - // Make the deferred a promise - promise.promise( deferred ); + // All done! + return deferred; + }, - // Call given func if any - if ( func ) { - func.call( deferred, deferred ); - } + // Deferred helper + when(subordinate /* , ..., subordinateN */) { + let i = 0; + const resolveValues = slice.call(arguments); + const { length } = resolveValues; - // All done! - return deferred; - }, + // the count of uncompleted subordinates + let remaining = length !== 1 || (subordinate && jQuery.isFunction(subordinate.promise)) ? length : 0; - // Deferred helper - when: function( subordinate /* , ..., subordinateN */ ) { - var i = 0, - resolveValues = slice.call( arguments ), - length = resolveValues.length, + // the master Deferred. If resolveValues consist of only a single Deferred, just use that. + const deferred = remaining === 1 ? subordinate : jQuery.Deferred(); - // the count of uncompleted subordinates - remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0, + // Update function for both resolve and progress values + const updateFunc = function (i, contexts, values) { + return function (value) { + contexts[i] = this; + values[i] = arguments.length > 1 ? slice.call(arguments) : value; + if (values === progressValues) { + deferred.notifyWith(contexts, values); + } else if (!(--remaining)) { + deferred.resolveWith(contexts, values); + } + }; + }; - // the master Deferred. If resolveValues consist of only a single Deferred, just use that. - deferred = remaining === 1 ? subordinate : jQuery.Deferred(), + let progressValues; let progressContexts; let + resolveContexts; - // Update function for both resolve and progress values - updateFunc = function( i, contexts, values ) { - return function( value ) { - contexts[ i ] = this; - values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; - if ( values === progressValues ) { - deferred.notifyWith( contexts, values ); - } else if ( !( --remaining ) ) { - deferred.resolveWith( contexts, values ); - } - }; - }, + // add listeners to Deferred subordinates; treat others as resolved + if (length > 1) { + progressValues = new Array(length); + progressContexts = new Array(length); + resolveContexts = new Array(length); + for (; i < length; i++) { + if (resolveValues[i] && jQuery.isFunction(resolveValues[i].promise)) { + resolveValues[i].promise() + .done(updateFunc(i, resolveContexts, resolveValues)) + .fail(deferred.reject) + .progress(updateFunc(i, progressContexts, progressValues)); + } else { + --remaining; + } + } + } - progressValues, progressContexts, resolveContexts; + // if we're not waiting on anything, resolve the master + if (!remaining) { + deferred.resolveWith(resolveContexts, resolveValues); + } - // add listeners to Deferred subordinates; treat others as resolved - if ( length > 1 ) { - progressValues = new Array( length ); - progressContexts = new Array( length ); - resolveContexts = new Array( length ); - for ( ; i < length; i++ ) { - if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) { - resolveValues[ i ].promise() - .done( updateFunc( i, resolveContexts, resolveValues ) ) - .fail( deferred.reject ) - .progress( updateFunc( i, progressContexts, progressValues ) ); - } else { - --remaining; - } - } - } + return deferred.promise(); + }, + }); - // if we're not waiting on anything, resolve the master - if ( !remaining ) { - deferred.resolveWith( resolveContexts, resolveValues ); - } + // The deferred used on DOM ready + let readyList; - return deferred.promise(); - } -}); + jQuery.fn.ready = function (fn) { + // Add the callback + jQuery.ready.promise().done(fn); + return this; + }; -// The deferred used on DOM ready -var readyList; + jQuery.extend({ + // Is the DOM ready to be used? Set to true once it occurs. + isReady: false, -jQuery.fn.ready = function( fn ) { - // Add the callback - jQuery.ready.promise().done( fn ); + // A counter to track how many items to wait for before + // the ready event fires. See #6781 + readyWait: 1, - return this; -}; + // Hold (or release) the ready event + holdReady(hold) { + if (hold) { + jQuery.readyWait++; + } else { + jQuery.ready(true); + } + }, -jQuery.extend({ - // Is the DOM ready to be used? Set to true once it occurs. - isReady: false, + // Handle when the DOM is ready + ready(wait) { + // Abort if there are pending holds or we're already ready + if (wait === true ? --jQuery.readyWait : jQuery.isReady) { + return; + } - // A counter to track how many items to wait for before - // the ready event fires. See #6781 - readyWait: 1, + // Remember that the DOM is ready + jQuery.isReady = true; - // Hold (or release) the ready event - holdReady: function( hold ) { - if ( hold ) { - jQuery.readyWait++; - } else { - jQuery.ready( true ); - } - }, + // If a normal DOM Ready event fired, decrement, and wait if need be + if (wait !== true && --jQuery.readyWait > 0) { + return; + } - // Handle when the DOM is ready - ready: function( wait ) { + // If there are functions bound, to execute + readyList.resolveWith(document, [jQuery]); - // Abort if there are pending holds or we're already ready - if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { - return; - } + // Trigger any bound ready events + if (jQuery.fn.trigger) { + jQuery(document).trigger('ready').off('ready'); + } + }, + }); - // Remember that the DOM is ready - jQuery.isReady = true; - - // If a normal DOM Ready event fired, decrement, and wait if need be - if ( wait !== true && --jQuery.readyWait > 0 ) { - return; - } - - // If there are functions bound, to execute - readyList.resolveWith( document, [ jQuery ] ); - - // Trigger any bound ready events - if ( jQuery.fn.trigger ) { - jQuery( document ).trigger("ready").off("ready"); - } - } -}); - -/** + /** * The ready event handler and self cleanup method */ -function completed() { - document.removeEventListener( "DOMContentLoaded", completed, false ); - window.removeEventListener( "load", completed, false ); - jQuery.ready(); -} + function completed() { + document.removeEventListener('DOMContentLoaded', completed, false); + window.removeEventListener('load', completed, false); + jQuery.ready(); + } -jQuery.ready.promise = function( obj ) { - if ( !readyList ) { + jQuery.ready.promise = function (obj) { + if (!readyList) { + readyList = jQuery.Deferred(); - readyList = jQuery.Deferred(); + // Catch cases where $(document).ready() is called after the browser event has already occurred. + // we once tried to use readyState "interactive" here, but it caused issues like the one + // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 + if (document.readyState === 'complete') { + // Handle it asynchronously to allow scripts the opportunity to delay ready + setTimeout(jQuery.ready); + } else { + // Use the handy event callback + document.addEventListener('DOMContentLoaded', completed, false); - // Catch cases where $(document).ready() is called after the browser event has already occurred. - // we once tried to use readyState "interactive" here, but it caused issues like the one - // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 - if ( document.readyState === "complete" ) { - // Handle it asynchronously to allow scripts the opportunity to delay ready - setTimeout( jQuery.ready ); + // A fallback to window.onload, that will always work + window.addEventListener('load', completed, false); + } + } + return readyList.promise(obj); + }; - } else { + // Kick off the DOM ready check even if the user does not + jQuery.ready.promise(); - // Use the handy event callback - document.addEventListener( "DOMContentLoaded", completed, false ); + // Multifunctional method to get and set values of a collection + // The value/s can optionally be executed if it's a function + const access = jQuery.access = function (elems, fn, key, value, chainable, emptyGet, raw) { + let i = 0; + const len = elems.length; + let bulk = key == null; - // A fallback to window.onload, that will always work - window.addEventListener( "load", completed, false ); - } - } - return readyList.promise( obj ); -}; + // Sets many values + if (jQuery.type(key) === 'object') { + chainable = true; + for (i in key) { + jQuery.access(elems, fn, i, key[i], true, emptyGet, raw); + } -// Kick off the DOM ready check even if the user does not -jQuery.ready.promise(); + // Sets one value + } else if (value !== undefined) { + chainable = true; + if (!jQuery.isFunction(value)) { + raw = true; + } + if (bulk) { + // Bulk operations run against the entire set + if (raw) { + fn.call(elems, value); + fn = null; + // ...except when executing function values + } else { + bulk = fn; + fn = function (elem, key, value) { + return bulk.call(jQuery(elem), value); + }; + } + } -// Multifunctional method to get and set values of a collection -// The value/s can optionally be executed if it's a function -var access = jQuery.access = function( elems, fn, key, value, chainable, emptyGet, raw ) { - var i = 0, - len = elems.length, - bulk = key == null; + if (fn) { + for (; i < len; i++) { + fn(elems[i], key, raw ? value : value.call(elems[i], i, fn(elems[i], key))); + } + } + } - // Sets many values - if ( jQuery.type( key ) === "object" ) { - chainable = true; - for ( i in key ) { - jQuery.access( elems, fn, i, key[i], true, emptyGet, raw ); - } + return chainable + ? elems - // Sets one value - } else if ( value !== undefined ) { - chainable = true; + // Gets + : bulk + ? fn.call(elems) + : len ? fn(elems[0], key) : emptyGet; + }; - if ( !jQuery.isFunction( value ) ) { - raw = true; - } - - if ( bulk ) { - // Bulk operations run against the entire set - if ( raw ) { - fn.call( elems, value ); - fn = null; - - // ...except when executing function values - } else { - bulk = fn; - fn = function( elem, key, value ) { - return bulk.call( jQuery( elem ), value ); - }; - } - } - - if ( fn ) { - for ( ; i < len; i++ ) { - fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) ); - } - } - } - - return chainable ? - elems : - - // Gets - bulk ? - fn.call( elems ) : - len ? fn( elems[0], key ) : emptyGet; -}; - - -/** + /** * Determines whether an object can have data */ -jQuery.acceptData = function( owner ) { - // Accepts only: - // - Node - // - Node.ELEMENT_NODE - // - Node.DOCUMENT_NODE - // - Object - // - Any - /* jshint -W018 */ - return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); -}; + jQuery.acceptData = function (owner) { + // Accepts only: + // - Node + // - Node.ELEMENT_NODE + // - Node.DOCUMENT_NODE + // - Object + // - Any + /* jshint -W018 */ + return owner.nodeType === 1 || owner.nodeType === 9 || !(+owner.nodeType); + }; + function Data() { + // Support: Android < 4, + // Old WebKit does not have Object.preventExtensions/freeze method, + // return new empty object instead with no [[set]] accessor + Object.defineProperty(this.cache = {}, 0, { + get() { + return {}; + }, + }); -function Data() { - // Support: Android < 4, - // Old WebKit does not have Object.preventExtensions/freeze method, - // return new empty object instead with no [[set]] accessor - Object.defineProperty( this.cache = {}, 0, { - get: function() { - return {}; - } - }); + this.expando = jQuery.expando + Math.random(); + } - this.expando = jQuery.expando + Math.random(); -} + Data.uid = 1; + Data.accepts = jQuery.acceptData; -Data.uid = 1; -Data.accepts = jQuery.acceptData; + Data.prototype = { + key(owner) { + // We can accept data for non-element nodes in modern browsers, + // but we should not, see #8335. + // Always return the key for a frozen object. + if (!Data.accepts(owner)) { + return 0; + } -Data.prototype = { - key: function( owner ) { - // We can accept data for non-element nodes in modern browsers, - // but we should not, see #8335. - // Always return the key for a frozen object. - if ( !Data.accepts( owner ) ) { - return 0; - } + const descriptor = {}; + // Check if the owner object already has a cache key + let unlock = owner[this.expando]; - var descriptor = {}, - // Check if the owner object already has a cache key - unlock = owner[ this.expando ]; + // If not, create one + if (!unlock) { + unlock = Data.uid++; - // If not, create one - if ( !unlock ) { - unlock = Data.uid++; + // Secure it in a non-enumerable, non-writable property + try { + descriptor[this.expando] = { value: unlock }; + Object.defineProperties(owner, descriptor); - // Secure it in a non-enumerable, non-writable property - try { - descriptor[ this.expando ] = { value: unlock }; - Object.defineProperties( owner, descriptor ); + // Support: Android < 4 + // Fallback to a less secure definition + } catch (e) { + descriptor[this.expando] = unlock; + jQuery.extend(owner, descriptor); + } + } - // Support: Android < 4 - // Fallback to a less secure definition - } catch ( e ) { - descriptor[ this.expando ] = unlock; - jQuery.extend( owner, descriptor ); - } - } + // Ensure the cache object + if (!this.cache[unlock]) { + this.cache[unlock] = {}; + } - // Ensure the cache object - if ( !this.cache[ unlock ] ) { - this.cache[ unlock ] = {}; - } + return unlock; + }, + set(owner, data, value) { + let prop; + // There may be an unlock assigned to this node, + // if there is no entry for this "owner", create one inline + // and set the unlock as though an owner entry had always existed + const unlock = this.key(owner); + const cache = this.cache[unlock]; - return unlock; - }, - set: function( owner, data, value ) { - var prop, - // There may be an unlock assigned to this node, - // if there is no entry for this "owner", create one inline - // and set the unlock as though an owner entry had always existed - unlock = this.key( owner ), - cache = this.cache[ unlock ]; + // Handle: [ owner, key, value ] args + if (typeof data === 'string') { + cache[data] = value; - // Handle: [ owner, key, value ] args - if ( typeof data === "string" ) { - cache[ data ] = value; + // Handle: [ owner, { properties } ] args + } else { + // Fresh assignments by object are shallow copied + if (jQuery.isEmptyObject(cache)) { + jQuery.extend(this.cache[unlock], data); + // Otherwise, copy the properties one-by-one to the cache object + } else { + for (prop in data) { + cache[prop] = data[prop]; + } + } + } + return cache; + }, + get(owner, key) { + // Either a valid cache is found, or will be created. + // New caches will be created and the unlock returned, + // allowing direct access to the newly created + // empty data object. A valid owner object must be provided. + const cache = this.cache[this.key(owner)]; - // Handle: [ owner, { properties } ] args - } else { - // Fresh assignments by object are shallow copied - if ( jQuery.isEmptyObject( cache ) ) { - jQuery.extend( this.cache[ unlock ], data ); - // Otherwise, copy the properties one-by-one to the cache object - } else { - for ( prop in data ) { - cache[ prop ] = data[ prop ]; - } - } - } - return cache; - }, - get: function( owner, key ) { - // Either a valid cache is found, or will be created. - // New caches will be created and the unlock returned, - // allowing direct access to the newly created - // empty data object. A valid owner object must be provided. - var cache = this.cache[ this.key( owner ) ]; + return key === undefined + ? cache : cache[key]; + }, + access(owner, key, value) { + let stored; + // In cases where either: + // + // 1. No key was specified + // 2. A string key was specified, but no value provided + // + // Take the "read" path and allow the get method to determine + // which value to return, respectively either: + // + // 1. The entire cache object + // 2. The data stored at the key + // + if (key === undefined + || ((key && typeof key === 'string') && value === undefined)) { + stored = this.get(owner, key); - return key === undefined ? - cache : cache[ key ]; - }, - access: function( owner, key, value ) { - var stored; - // In cases where either: - // - // 1. No key was specified - // 2. A string key was specified, but no value provided - // - // Take the "read" path and allow the get method to determine - // which value to return, respectively either: - // - // 1. The entire cache object - // 2. The data stored at the key - // - if ( key === undefined || - ((key && typeof key === "string") && value === undefined) ) { + return stored !== undefined + ? stored : this.get(owner, jQuery.camelCase(key)); + } - stored = this.get( owner, key ); + // [*]When the key is not a string, or both a key and value + // are specified, set or extend (existing objects) with either: + // + // 1. An object of properties + // 2. A key and value + // + this.set(owner, key, value); - return stored !== undefined ? - stored : this.get( owner, jQuery.camelCase(key) ); - } + // Since the "set" path can have two possible entry points + // return the expected data based on which path was taken[*] + return value !== undefined ? value : key; + }, + remove(owner, key) { + let i; let name; let camel; + const unlock = this.key(owner); + const cache = this.cache[unlock]; - // [*]When the key is not a string, or both a key and value - // are specified, set or extend (existing objects) with either: - // - // 1. An object of properties - // 2. A key and value - // - this.set( owner, key, value ); + if (key === undefined) { + this.cache[unlock] = {}; + } else { + // Support array or space separated string of keys + if (jQuery.isArray(key)) { + // If "name" is an array of keys... + // When data is initially created, via ("key", "val") signature, + // keys will be converted to camelCase. + // Since there is no way to tell _how_ a key was added, remove + // both plain key and camelCase key. #12786 + // This will only penalize the array argument path. + name = key.concat(key.map(jQuery.camelCase)); + } else { + camel = jQuery.camelCase(key); + // Try the string as a key before any manipulation + if (key in cache) { + name = [key, camel]; + } else { + // If a key with the spaces exists, use it. + // Otherwise, create an array by matching non-whitespace + name = camel; + name = name in cache + ? [name] : (name.match(rnotwhite) || []); + } + } - // Since the "set" path can have two possible entry points - // return the expected data based on which path was taken[*] - return value !== undefined ? value : key; - }, - remove: function( owner, key ) { - var i, name, camel, - unlock = this.key( owner ), - cache = this.cache[ unlock ]; + i = name.length; + while (i--) { + delete cache[name[i]]; + } + } + }, + hasData(owner) { + return !jQuery.isEmptyObject( + this.cache[owner[this.expando]] || {}, + ); + }, + discard(owner) { + if (owner[this.expando]) { + delete this.cache[owner[this.expando]]; + } + }, + }; + const data_priv = new Data(); - if ( key === undefined ) { - this.cache[ unlock ] = {}; + const data_user = new Data(); - } else { - // Support array or space separated string of keys - if ( jQuery.isArray( key ) ) { - // If "name" is an array of keys... - // When data is initially created, via ("key", "val") signature, - // keys will be converted to camelCase. - // Since there is no way to tell _how_ a key was added, remove - // both plain key and camelCase key. #12786 - // This will only penalize the array argument path. - name = key.concat( key.map( jQuery.camelCase ) ); - } else { - camel = jQuery.camelCase( key ); - // Try the string as a key before any manipulation - if ( key in cache ) { - name = [ key, camel ]; - } else { - // If a key with the spaces exists, use it. - // Otherwise, create an array by matching non-whitespace - name = camel; - name = name in cache ? - [ name ] : ( name.match( rnotwhite ) || [] ); - } - } - - i = name.length; - while ( i-- ) { - delete cache[ name[ i ] ]; - } - } - }, - hasData: function( owner ) { - return !jQuery.isEmptyObject( - this.cache[ owner[ this.expando ] ] || {} - ); - }, - discard: function( owner ) { - if ( owner[ this.expando ] ) { - delete this.cache[ owner[ this.expando ] ]; - } - } -}; -var data_priv = new Data(); - -var data_user = new Data(); - - - -/* + /* Implementation Summary 1. Enforce API surface and semantic compatibility with 1.9.x branch @@ -3668,3804 +3579,3713 @@ var data_user = new Data(); 5. Avoid exposing implementation details on user objects (eg. expando properties) 6. Provide a clear path for implementation upgrade to WeakMap in 2014 */ -var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, - rmultiDash = /([A-Z])/g; + const rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/; + const rmultiDash = /([A-Z])/g; -function dataAttr( elem, key, data ) { - var name; + function dataAttr(elem, key, data) { + let name; - // If nothing was found internally, try to fetch any - // data from the HTML5 data-* attribute - if ( data === undefined && elem.nodeType === 1 ) { - name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase(); - data = elem.getAttribute( name ); + // If nothing was found internally, try to fetch any + // data from the HTML5 data-* attribute + if (data === undefined && elem.nodeType === 1) { + name = `data-${key.replace(rmultiDash, '-$1').toLowerCase()}`; + data = elem.getAttribute(name); - if ( typeof data === "string" ) { - try { - data = data === "true" ? true : - data === "false" ? false : - data === "null" ? null : - // Only convert to a number if it doesn't change the string - +data + "" === data ? +data : - rbrace.test( data ) ? jQuery.parseJSON( data ) : - data; - } catch( e ) {} + if (typeof data === 'string') { + try { + data = data === 'true' ? true + : data === 'false' ? false + : data === 'null' ? null + // Only convert to a number if it doesn't change the string + : `${+data}` === data ? +data + : rbrace.test(data) ? jQuery.parseJSON(data) + : data; + } catch (e) {} - // Make sure we set the data so it isn't changed later - data_user.set( elem, key, data ); - } else { - data = undefined; - } - } - return data; -} + // Make sure we set the data so it isn't changed later + data_user.set(elem, key, data); + } else { + data = undefined; + } + } + return data; + } -jQuery.extend({ - hasData: function( elem ) { - return data_user.hasData( elem ) || data_priv.hasData( elem ); - }, + jQuery.extend({ + hasData(elem) { + return data_user.hasData(elem) || data_priv.hasData(elem); + }, - data: function( elem, name, data ) { - return data_user.access( elem, name, data ); - }, + data(elem, name, data) { + return data_user.access(elem, name, data); + }, - removeData: function( elem, name ) { - data_user.remove( elem, name ); - }, + removeData(elem, name) { + data_user.remove(elem, name); + }, - // TODO: Now that all calls to _data and _removeData have been replaced - // with direct calls to data_priv methods, these can be deprecated. - _data: function( elem, name, data ) { - return data_priv.access( elem, name, data ); - }, + // TODO: Now that all calls to _data and _removeData have been replaced + // with direct calls to data_priv methods, these can be deprecated. + _data(elem, name, data) { + return data_priv.access(elem, name, data); + }, - _removeData: function( elem, name ) { - data_priv.remove( elem, name ); - } -}); + _removeData(elem, name) { + data_priv.remove(elem, name); + }, + }); -jQuery.fn.extend({ - data: function( key, value ) { - var i, name, data, - elem = this[ 0 ], - attrs = elem && elem.attributes; + jQuery.fn.extend({ + data(key, value) { + let i; let name; let data; + const elem = this[0]; + const attrs = elem && elem.attributes; - // Gets all values - if ( key === undefined ) { - if ( this.length ) { - data = data_user.get( elem ); + // Gets all values + if (key === undefined) { + if (this.length) { + data = data_user.get(elem); - if ( elem.nodeType === 1 && !data_priv.get( elem, "hasDataAttrs" ) ) { - i = attrs.length; - while ( i-- ) { - name = attrs[ i ].name; + if (elem.nodeType === 1 && !data_priv.get(elem, 'hasDataAttrs')) { + i = attrs.length; + while (i--) { + name = attrs[i].name; - if ( name.indexOf( "data-" ) === 0 ) { - name = jQuery.camelCase( name.slice(5) ); - dataAttr( elem, name, data[ name ] ); - } - } - data_priv.set( elem, "hasDataAttrs", true ); - } - } + if (name.indexOf('data-') === 0) { + name = jQuery.camelCase(name.slice(5)); + dataAttr(elem, name, data[name]); + } + } + data_priv.set(elem, 'hasDataAttrs', true); + } + } - return data; - } + return data; + } - // Sets multiple values - if ( typeof key === "object" ) { - return this.each(function() { - data_user.set( this, key ); - }); - } + // Sets multiple values + if (typeof key === 'object') { + return this.each(function () { + data_user.set(this, key); + }); + } - return access( this, function( value ) { - var data, - camelKey = jQuery.camelCase( key ); + return access(this, function (value) { + let data; + const camelKey = jQuery.camelCase(key); - // The calling jQuery object (element matches) is not empty - // (and therefore has an element appears at this[ 0 ]) and the - // `value` parameter was not undefined. An empty jQuery object - // will result in `undefined` for elem = this[ 0 ] which will - // throw an exception if an attempt to read a data cache is made. - if ( elem && value === undefined ) { - // Attempt to get data from the cache - // with the key as-is - data = data_user.get( elem, key ); - if ( data !== undefined ) { - return data; - } + // The calling jQuery object (element matches) is not empty + // (and therefore has an element appears at this[ 0 ]) and the + // `value` parameter was not undefined. An empty jQuery object + // will result in `undefined` for elem = this[ 0 ] which will + // throw an exception if an attempt to read a data cache is made. + if (elem && value === undefined) { + // Attempt to get data from the cache + // with the key as-is + data = data_user.get(elem, key); + if (data !== undefined) { + return data; + } - // Attempt to get data from the cache - // with the key camelized - data = data_user.get( elem, camelKey ); - if ( data !== undefined ) { - return data; - } + // Attempt to get data from the cache + // with the key camelized + data = data_user.get(elem, camelKey); + if (data !== undefined) { + return data; + } - // Attempt to "discover" the data in - // HTML5 custom data-* attrs - data = dataAttr( elem, camelKey, undefined ); - if ( data !== undefined ) { - return data; - } + // Attempt to "discover" the data in + // HTML5 custom data-* attrs + data = dataAttr(elem, camelKey, undefined); + if (data !== undefined) { + return data; + } - // We tried really hard, but the data doesn't exist. - return; - } + // We tried really hard, but the data doesn't exist. + return; + } - // Set the data... - this.each(function() { - // First, attempt to store a copy or reference of any - // data that might've been store with a camelCased key. - var data = data_user.get( this, camelKey ); + // Set the data... + this.each(function () { + // First, attempt to store a copy or reference of any + // data that might've been store with a camelCased key. + const data = data_user.get(this, camelKey); - // For HTML5 data-* attribute interop, we have to - // store property names with dashes in a camelCase form. - // This might not apply to all properties...* - data_user.set( this, camelKey, value ); + // For HTML5 data-* attribute interop, we have to + // store property names with dashes in a camelCase form. + // This might not apply to all properties...* + data_user.set(this, camelKey, value); - // *... In the case of properties that might _actually_ - // have dashes, we need to also store a copy of that - // unchanged property. - if ( key.indexOf("-") !== -1 && data !== undefined ) { - data_user.set( this, key, value ); - } - }); - }, null, value, arguments.length > 1, null, true ); - }, + // *... In the case of properties that might _actually_ + // have dashes, we need to also store a copy of that + // unchanged property. + if (key.indexOf('-') !== -1 && data !== undefined) { + data_user.set(this, key, value); + } + }); + }, null, value, arguments.length > 1, null, true); + }, - removeData: function( key ) { - return this.each(function() { - data_user.remove( this, key ); - }); - } -}); + removeData(key) { + return this.each(function () { + data_user.remove(this, key); + }); + }, + }); + jQuery.extend({ + queue(elem, type, data) { + let queue; -jQuery.extend({ - queue: function( elem, type, data ) { - var queue; + if (elem) { + type = `${type || 'fx'}queue`; + queue = data_priv.get(elem, type); - if ( elem ) { - type = ( type || "fx" ) + "queue"; - queue = data_priv.get( elem, type ); + // Speed up dequeue by getting out quickly if this is just a lookup + if (data) { + if (!queue || jQuery.isArray(data)) { + queue = data_priv.access(elem, type, jQuery.makeArray(data)); + } else { + queue.push(data); + } + } + return queue || []; + } + }, - // Speed up dequeue by getting out quickly if this is just a lookup - if ( data ) { - if ( !queue || jQuery.isArray( data ) ) { - queue = data_priv.access( elem, type, jQuery.makeArray(data) ); - } else { - queue.push( data ); - } - } - return queue || []; - } - }, + dequeue(elem, type) { + type = type || 'fx'; - dequeue: function( elem, type ) { - type = type || "fx"; + const queue = jQuery.queue(elem, type); + let startLength = queue.length; + let fn = queue.shift(); + const hooks = jQuery._queueHooks(elem, type); + const next = function () { + jQuery.dequeue(elem, type); + }; - var queue = jQuery.queue( elem, type ), - startLength = queue.length, - fn = queue.shift(), - hooks = jQuery._queueHooks( elem, type ), - next = function() { - jQuery.dequeue( elem, type ); - }; + // If the fx queue is dequeued, always remove the progress sentinel + if (fn === 'inprogress') { + fn = queue.shift(); + startLength--; + } - // If the fx queue is dequeued, always remove the progress sentinel - if ( fn === "inprogress" ) { - fn = queue.shift(); - startLength--; - } + if (fn) { + // Add a progress sentinel to prevent the fx queue from being + // automatically dequeued + if (type === 'fx') { + queue.unshift('inprogress'); + } - if ( fn ) { + // clear up the last queue stop function + delete hooks.stop; + fn.call(elem, next, hooks); + } - // Add a progress sentinel to prevent the fx queue from being - // automatically dequeued - if ( type === "fx" ) { - queue.unshift( "inprogress" ); - } + if (!startLength && hooks) { + hooks.empty.fire(); + } + }, - // clear up the last queue stop function - delete hooks.stop; - fn.call( elem, next, hooks ); - } + // not intended for public consumption - generates a queueHooks object, or returns the current one + _queueHooks(elem, type) { + const key = `${type}queueHooks`; + return data_priv.get(elem, key) || data_priv.access(elem, key, { + empty: jQuery.Callbacks('once memory').add(() => { + data_priv.remove(elem, [`${type}queue`, key]); + }), + }); + }, + }); - if ( !startLength && hooks ) { - hooks.empty.fire(); - } - }, + jQuery.fn.extend({ + queue(type, data) { + let setter = 2; - // not intended for public consumption - generates a queueHooks object, or returns the current one - _queueHooks: function( elem, type ) { - var key = type + "queueHooks"; - return data_priv.get( elem, key ) || data_priv.access( elem, key, { - empty: jQuery.Callbacks("once memory").add(function() { - data_priv.remove( elem, [ type + "queue", key ] ); - }) - }); - } -}); + if (typeof type !== 'string') { + data = type; + type = 'fx'; + setter--; + } -jQuery.fn.extend({ - queue: function( type, data ) { - var setter = 2; + if (arguments.length < setter) { + return jQuery.queue(this[0], type); + } - if ( typeof type !== "string" ) { - data = type; - type = "fx"; - setter--; - } + return data === undefined + ? this + : this.each(function () { + const queue = jQuery.queue(this, type, data); - if ( arguments.length < setter ) { - return jQuery.queue( this[0], type ); - } + // ensure a hooks for this queue + jQuery._queueHooks(this, type); - return data === undefined ? - this : - this.each(function() { - var queue = jQuery.queue( this, type, data ); + if (type === 'fx' && queue[0] !== 'inprogress') { + jQuery.dequeue(this, type); + } + }); + }, + dequeue(type) { + return this.each(function () { + jQuery.dequeue(this, type); + }); + }, + clearQueue(type) { + return this.queue(type || 'fx', []); + }, + // Get a promise resolved when queues of a certain type + // are emptied (fx is the type by default) + promise(type, obj) { + let tmp; + let count = 1; + const defer = jQuery.Deferred(); + const elements = this; + let i = this.length; + const resolve = function () { + if (!(--count)) { + defer.resolveWith(elements, [elements]); + } + }; - // ensure a hooks for this queue - jQuery._queueHooks( this, type ); + if (typeof type !== 'string') { + obj = type; + type = undefined; + } + type = type || 'fx'; - if ( type === "fx" && queue[0] !== "inprogress" ) { - jQuery.dequeue( this, type ); - } - }); - }, - dequeue: function( type ) { - return this.each(function() { - jQuery.dequeue( this, type ); - }); - }, - clearQueue: function( type ) { - return this.queue( type || "fx", [] ); - }, - // Get a promise resolved when queues of a certain type - // are emptied (fx is the type by default) - promise: function( type, obj ) { - var tmp, - count = 1, - defer = jQuery.Deferred(), - elements = this, - i = this.length, - resolve = function() { - if ( !( --count ) ) { - defer.resolveWith( elements, [ elements ] ); - } - }; + while (i--) { + tmp = data_priv.get(elements[i], `${type}queueHooks`); + if (tmp && tmp.empty) { + count++; + tmp.empty.add(resolve); + } + } + resolve(); + return defer.promise(obj); + }, + }); + const pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source; - if ( typeof type !== "string" ) { - obj = type; - type = undefined; - } - type = type || "fx"; + const cssExpand = ['Top', 'Right', 'Bottom', 'Left']; - while ( i-- ) { - tmp = data_priv.get( elements[ i ], type + "queueHooks" ); - if ( tmp && tmp.empty ) { - count++; - tmp.empty.add( resolve ); - } - } - resolve(); - return defer.promise( obj ); - } -}); -var pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source; + const isHidden = function (elem, el) { + // isHidden might be called from jQuery#filter function; + // in that case, element will be second argument + elem = el || elem; + return jQuery.css(elem, 'display') === 'none' || !jQuery.contains(elem.ownerDocument, elem); + }; -var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; + const rcheckableType = (/^(?:checkbox|radio)$/i); -var isHidden = function( elem, el ) { - // isHidden might be called from jQuery#filter function; - // in that case, element will be second argument - elem = el || elem; - return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem ); - }; + (function () { + const fragment = document.createDocumentFragment(); + const div = fragment.appendChild(document.createElement('div')); -var rcheckableType = (/^(?:checkbox|radio)$/i); + // #11217 - WebKit loses check when the name is after the checked attribute + div.innerHTML = ""; + // Support: Safari 5.1, iOS 5.1, Android 4.x, Android 2.3 + // old WebKit doesn't clone checked state correctly in fragments + support.checkClone = div.cloneNode(true).cloneNode(true).lastChild.checked; + // Make sure textarea (and checkbox) defaultValue is properly cloned + // Support: IE9-IE11+ + div.innerHTML = ''; + support.noCloneChecked = !!div.cloneNode(true).lastChild.defaultValue; + }()); + const strundefined = typeof undefined; -(function() { - var fragment = document.createDocumentFragment(), - div = fragment.appendChild( document.createElement( "div" ) ); + support.focusinBubbles = 'onfocusin' in window; - // #11217 - WebKit loses check when the name is after the checked attribute - div.innerHTML = ""; + const + rkeyEvent = /^key/; + const rmouseEvent = /^(?:mouse|contextmenu)|click/; + const rfocusMorph = /^(?:focusinfocus|focusoutblur)$/; + const rtypenamespace = /^([^.]*)(?:\.(.+)|)$/; - // Support: Safari 5.1, iOS 5.1, Android 4.x, Android 2.3 - // old WebKit doesn't clone checked state correctly in fragments - support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; + function returnTrue() { + return true; + } - // Make sure textarea (and checkbox) defaultValue is properly cloned - // Support: IE9-IE11+ - div.innerHTML = ""; - support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; -})(); -var strundefined = typeof undefined; + function returnFalse() { + return false; + } + function safeActiveElement() { + try { + return document.activeElement; + } catch (err) { } + } - -support.focusinBubbles = "onfocusin" in window; - - -var - rkeyEvent = /^key/, - rmouseEvent = /^(?:mouse|contextmenu)|click/, - rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, - rtypenamespace = /^([^.]*)(?:\.(.+)|)$/; - -function returnTrue() { - return true; -} - -function returnFalse() { - return false; -} - -function safeActiveElement() { - try { - return document.activeElement; - } catch ( err ) { } -} - -/* + /* * Helper functions for managing events -- not part of the public interface. * Props to Dean Edwards' addEvent library for many of the ideas. */ -jQuery.event = { - - global: {}, - - add: function( elem, types, handler, data, selector ) { - - var handleObjIn, eventHandle, tmp, - events, t, handleObj, - special, handlers, type, namespaces, origType, - elemData = data_priv.get( elem ); - - // Don't attach events to noData or text/comment nodes (but allow plain objects) - if ( !elemData ) { - return; - } - - // Caller can pass in an object of custom data in lieu of the handler - if ( handler.handler ) { - handleObjIn = handler; - handler = handleObjIn.handler; - selector = handleObjIn.selector; - } - - // Make sure that the handler has a unique ID, used to find/remove it later - if ( !handler.guid ) { - handler.guid = jQuery.guid++; - } - - // Init the element's event structure and main handler, if this is the first - if ( !(events = elemData.events) ) { - events = elemData.events = {}; - } - if ( !(eventHandle = elemData.handle) ) { - eventHandle = elemData.handle = function( e ) { - // Discard the second event of a jQuery.event.trigger() and - // when an event is called after a page has unloaded - return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ? - jQuery.event.dispatch.apply( elem, arguments ) : undefined; - }; - } - - // Handle multiple events separated by a space - types = ( types || "" ).match( rnotwhite ) || [ "" ]; - t = types.length; - while ( t-- ) { - tmp = rtypenamespace.exec( types[t] ) || []; - type = origType = tmp[1]; - namespaces = ( tmp[2] || "" ).split( "." ).sort(); - - // There *must* be a type, no attaching namespace-only handlers - if ( !type ) { - continue; - } - - // If event changes its type, use the special event handlers for the changed type - special = jQuery.event.special[ type ] || {}; - - // If selector defined, determine special event api type, otherwise given type - type = ( selector ? special.delegateType : special.bindType ) || type; - - // Update special based on newly reset type - special = jQuery.event.special[ type ] || {}; - - // handleObj is passed to all event handlers - handleObj = jQuery.extend({ - type: type, - origType: origType, - data: data, - handler: handler, - guid: handler.guid, - selector: selector, - needsContext: selector && jQuery.expr.match.needsContext.test( selector ), - namespace: namespaces.join(".") - }, handleObjIn ); - - // Init the event handler queue if we're the first - if ( !(handlers = events[ type ]) ) { - handlers = events[ type ] = []; - handlers.delegateCount = 0; - - // Only use addEventListener if the special events handler returns false - if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { - if ( elem.addEventListener ) { - elem.addEventListener( type, eventHandle, false ); - } - } - } - - if ( special.add ) { - special.add.call( elem, handleObj ); - - if ( !handleObj.handler.guid ) { - handleObj.handler.guid = handler.guid; - } - } - - // Add to the element's handler list, delegates in front - if ( selector ) { - handlers.splice( handlers.delegateCount++, 0, handleObj ); - } else { - handlers.push( handleObj ); - } - - // Keep track of which events have ever been used, for event optimization - jQuery.event.global[ type ] = true; - } - - }, - - // Detach an event or set of events from an element - remove: function( elem, types, handler, selector, mappedTypes ) { - - var j, origCount, tmp, - events, t, handleObj, - special, handlers, type, namespaces, origType, - elemData = data_priv.hasData( elem ) && data_priv.get( elem ); - - if ( !elemData || !(events = elemData.events) ) { - return; - } - - // Once for each type.namespace in types; type may be omitted - types = ( types || "" ).match( rnotwhite ) || [ "" ]; - t = types.length; - while ( t-- ) { - tmp = rtypenamespace.exec( types[t] ) || []; - type = origType = tmp[1]; - namespaces = ( tmp[2] || "" ).split( "." ).sort(); - - // Unbind all events (on this namespace, if provided) for the element - if ( !type ) { - for ( type in events ) { - jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); - } - continue; - } - - special = jQuery.event.special[ type ] || {}; - type = ( selector ? special.delegateType : special.bindType ) || type; - handlers = events[ type ] || []; - tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ); - - // Remove matching events - origCount = j = handlers.length; - while ( j-- ) { - handleObj = handlers[ j ]; - - if ( ( mappedTypes || origType === handleObj.origType ) && - ( !handler || handler.guid === handleObj.guid ) && - ( !tmp || tmp.test( handleObj.namespace ) ) && - ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { - handlers.splice( j, 1 ); - - if ( handleObj.selector ) { - handlers.delegateCount--; - } - if ( special.remove ) { - special.remove.call( elem, handleObj ); - } - } - } - - // Remove generic event handler if we removed something and no more handlers exist - // (avoids potential for endless recursion during removal of special event handlers) - if ( origCount && !handlers.length ) { - if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { - jQuery.removeEvent( elem, type, elemData.handle ); - } - - delete events[ type ]; - } - } - - // Remove the expando if it's no longer used - if ( jQuery.isEmptyObject( events ) ) { - delete elemData.handle; - data_priv.remove( elem, "events" ); - } - }, - - trigger: function( event, data, elem, onlyHandlers ) { - - var i, cur, tmp, bubbleType, ontype, handle, special, - eventPath = [ elem || document ], - type = hasOwn.call( event, "type" ) ? event.type : event, - namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : []; - - cur = tmp = elem = elem || document; - - // Don't do events on text and comment nodes - if ( elem.nodeType === 3 || elem.nodeType === 8 ) { - return; - } - - // focus/blur morphs to focusin/out; ensure we're not firing them right now - if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { - return; - } - - if ( type.indexOf(".") >= 0 ) { - // Namespaced trigger; create a regexp to match event type in handle() - namespaces = type.split("."); - type = namespaces.shift(); - namespaces.sort(); - } - ontype = type.indexOf(":") < 0 && "on" + type; - - // Caller can pass in a jQuery.Event object, Object, or just an event type string - event = event[ jQuery.expando ] ? - event : - new jQuery.Event( type, typeof event === "object" && event ); - - // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) - event.isTrigger = onlyHandlers ? 2 : 3; - event.namespace = namespaces.join("."); - event.namespace_re = event.namespace ? - new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) : - null; - - // Clean up the event in case it is being reused - event.result = undefined; - if ( !event.target ) { - event.target = elem; - } - - // Clone any incoming data and prepend the event, creating the handler arg list - data = data == null ? - [ event ] : - jQuery.makeArray( data, [ event ] ); - - // Allow special events to draw outside the lines - special = jQuery.event.special[ type ] || {}; - if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { - return; - } - - // Determine event propagation path in advance, per W3C events spec (#9951) - // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) - if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { - - bubbleType = special.delegateType || type; - if ( !rfocusMorph.test( bubbleType + type ) ) { - cur = cur.parentNode; - } - for ( ; cur; cur = cur.parentNode ) { - eventPath.push( cur ); - tmp = cur; - } - - // Only add window if we got to document (e.g., not plain obj or detached DOM) - if ( tmp === (elem.ownerDocument || document) ) { - eventPath.push( tmp.defaultView || tmp.parentWindow || window ); - } - } - - // Fire handlers on the event path - i = 0; - while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) { - - event.type = i > 1 ? - bubbleType : - special.bindType || type; - - // jQuery handler - handle = ( data_priv.get( cur, "events" ) || {} )[ event.type ] && data_priv.get( cur, "handle" ); - if ( handle ) { - handle.apply( cur, data ); - } - - // Native handler - handle = ontype && cur[ ontype ]; - if ( handle && handle.apply && jQuery.acceptData( cur ) ) { - event.result = handle.apply( cur, data ); - if ( event.result === false ) { - event.preventDefault(); - } - } - } - event.type = type; - - // If nobody prevented the default action, do it now - if ( !onlyHandlers && !event.isDefaultPrevented() ) { - - if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) && - jQuery.acceptData( elem ) ) { - - // Call a native DOM method on the target with the same name name as the event. - // Don't do default actions on window, that's where global variables be (#6170) - if ( ontype && jQuery.isFunction( elem[ type ] ) && !jQuery.isWindow( elem ) ) { - - // Don't re-trigger an onFOO event when we call its FOO() method - tmp = elem[ ontype ]; - - if ( tmp ) { - elem[ ontype ] = null; - } - - // Prevent re-triggering of the same event, since we already bubbled it above - jQuery.event.triggered = type; - elem[ type ](); - jQuery.event.triggered = undefined; - - if ( tmp ) { - elem[ ontype ] = tmp; - } - } - } - } - - return event.result; - }, - - dispatch: function( event ) { - - // Make a writable jQuery.Event from the native event object - event = jQuery.event.fix( event ); - - var i, j, ret, matched, handleObj, - handlerQueue = [], - args = slice.call( arguments ), - handlers = ( data_priv.get( this, "events" ) || {} )[ event.type ] || [], - special = jQuery.event.special[ event.type ] || {}; - - // Use the fix-ed jQuery.Event rather than the (read-only) native event - args[0] = event; - event.delegateTarget = this; - - // Call the preDispatch hook for the mapped type, and let it bail if desired - if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { - return; - } - - // Determine handlers - handlerQueue = jQuery.event.handlers.call( this, event, handlers ); - - // Run delegates first; they may want to stop propagation beneath us - i = 0; - while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) { - event.currentTarget = matched.elem; - - j = 0; - while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) { - - // Triggered event must either 1) have no namespace, or - // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). - if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) { - - event.handleObj = handleObj; - event.data = handleObj.data; - - ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ) - .apply( matched.elem, args ); - - if ( ret !== undefined ) { - if ( (event.result = ret) === false ) { - event.preventDefault(); - event.stopPropagation(); - } - } - } - } - } - - // Call the postDispatch hook for the mapped type - if ( special.postDispatch ) { - special.postDispatch.call( this, event ); - } - - return event.result; - }, - - handlers: function( event, handlers ) { - var i, matches, sel, handleObj, - handlerQueue = [], - delegateCount = handlers.delegateCount, - cur = event.target; - - // Find delegate handlers - // Black-hole SVG instance trees (#13180) - // Avoid non-left-click bubbling in Firefox (#3861) - if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) { - - for ( ; cur !== this; cur = cur.parentNode || this ) { - - // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) - if ( cur.disabled !== true || event.type !== "click" ) { - matches = []; - for ( i = 0; i < delegateCount; i++ ) { - handleObj = handlers[ i ]; - - // Don't conflict with Object.prototype properties (#13203) - sel = handleObj.selector + " "; - - if ( matches[ sel ] === undefined ) { - matches[ sel ] = handleObj.needsContext ? - jQuery( sel, this ).index( cur ) >= 0 : - jQuery.find( sel, this, null, [ cur ] ).length; - } - if ( matches[ sel ] ) { - matches.push( handleObj ); - } - } - if ( matches.length ) { - handlerQueue.push({ elem: cur, handlers: matches }); - } - } - } - } - - // Add the remaining (directly-bound) handlers - if ( delegateCount < handlers.length ) { - handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) }); - } - - return handlerQueue; - }, - - // Includes some event props shared by KeyEvent and MouseEvent - props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), - - fixHooks: {}, - - keyHooks: { - props: "char charCode key keyCode".split(" "), - filter: function( event, original ) { - - // Add which for key events - if ( event.which == null ) { - event.which = original.charCode != null ? original.charCode : original.keyCode; - } - - return event; - } - }, - - mouseHooks: { - props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "), - filter: function( event, original ) { - var eventDoc, doc, body, - button = original.button; - - // Calculate pageX/Y if missing and clientX/Y available - if ( event.pageX == null && original.clientX != null ) { - eventDoc = event.target.ownerDocument || document; - doc = eventDoc.documentElement; - body = eventDoc.body; - - event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); - event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ); - } - - // Add which for click: 1 === left; 2 === middle; 3 === right - // Note: button is not normalized, so don't use it - if ( !event.which && button !== undefined ) { - event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); - } - - return event; - } - }, - - fix: function( event ) { - if ( event[ jQuery.expando ] ) { - return event; - } - - // Create a writable copy of the event object and normalize some properties - var i, prop, copy, - type = event.type, - originalEvent = event, - fixHook = this.fixHooks[ type ]; - - if ( !fixHook ) { - this.fixHooks[ type ] = fixHook = - rmouseEvent.test( type ) ? this.mouseHooks : - rkeyEvent.test( type ) ? this.keyHooks : - {}; - } - copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; - - event = new jQuery.Event( originalEvent ); - - i = copy.length; - while ( i-- ) { - prop = copy[ i ]; - event[ prop ] = originalEvent[ prop ]; - } - - // Support: Cordova 2.5 (WebKit) (#13255) - // All events should have a target; Cordova deviceready doesn't - if ( !event.target ) { - event.target = document; - } - - // Support: Safari 6.0+, Chrome < 28 - // Target should not be a text node (#504, #13143) - if ( event.target.nodeType === 3 ) { - event.target = event.target.parentNode; - } - - return fixHook.filter ? fixHook.filter( event, originalEvent ) : event; - }, - - special: { - load: { - // Prevent triggered image.load events from bubbling to window.load - noBubble: true - }, - focus: { - // Fire native event if possible so blur/focus sequence is correct - trigger: function() { - if ( this !== safeActiveElement() && this.focus ) { - this.focus(); - return false; - } - }, - delegateType: "focusin" - }, - blur: { - trigger: function() { - if ( this === safeActiveElement() && this.blur ) { - this.blur(); - return false; - } - }, - delegateType: "focusout" - }, - click: { - // For checkbox, fire native event so checked state will be right - trigger: function() { - if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) { - this.click(); - return false; - } - }, - - // For cross-browser consistency, don't fire native .click() on links - _default: function( event ) { - return jQuery.nodeName( event.target, "a" ); - } - }, - - beforeunload: { - postDispatch: function( event ) { - - // Support: Firefox 20+ - // Firefox doesn't alert if the returnValue field is not set. - if ( event.result !== undefined ) { - event.originalEvent.returnValue = event.result; - } - } - } - }, - - simulate: function( type, elem, event, bubble ) { - // Piggyback on a donor event to simulate a different one. - // Fake originalEvent to avoid donor's stopPropagation, but if the - // simulated event prevents default then we do the same on the donor. - var e = jQuery.extend( - new jQuery.Event(), - event, - { - type: type, - isSimulated: true, - originalEvent: {} - } - ); - if ( bubble ) { - jQuery.event.trigger( e, null, elem ); - } else { - jQuery.event.dispatch.call( elem, e ); - } - if ( e.isDefaultPrevented() ) { - event.preventDefault(); - } - } -}; - -jQuery.removeEvent = function( elem, type, handle ) { - if ( elem.removeEventListener ) { - elem.removeEventListener( type, handle, false ); - } -}; - -jQuery.Event = function( src, props ) { - // Allow instantiation without the 'new' keyword - if ( !(this instanceof jQuery.Event) ) { - return new jQuery.Event( src, props ); - } - - // Event object - if ( src && src.type ) { - this.originalEvent = src; - this.type = src.type; - - // Events bubbling up the document may have been marked as prevented - // by a handler lower down the tree; reflect the correct value. - this.isDefaultPrevented = src.defaultPrevented || + jQuery.event = { + + global: {}, + + add(elem, types, handler, data, selector) { + let handleObjIn; let eventHandle; let tmp; + let events; let t; let handleObj; + let special; let handlers; let type; let namespaces; let origType; + const elemData = data_priv.get(elem); + + // Don't attach events to noData or text/comment nodes (but allow plain objects) + if (!elemData) { + return; + } + + // Caller can pass in an object of custom data in lieu of the handler + if (handler.handler) { + handleObjIn = handler; + handler = handleObjIn.handler; + selector = handleObjIn.selector; + } + + // Make sure that the handler has a unique ID, used to find/remove it later + if (!handler.guid) { + handler.guid = jQuery.guid++; + } + + // Init the element's event structure and main handler, if this is the first + if (!(events = elemData.events)) { + events = elemData.events = {}; + } + if (!(eventHandle = elemData.handle)) { + eventHandle = elemData.handle = function (e) { + // Discard the second event of a jQuery.event.trigger() and + // when an event is called after a page has unloaded + return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type + ? jQuery.event.dispatch.apply(elem, arguments) : undefined; + }; + } + + // Handle multiple events separated by a space + types = (types || '').match(rnotwhite) || ['']; + t = types.length; + while (t--) { + tmp = rtypenamespace.exec(types[t]) || []; + type = origType = tmp[1]; + namespaces = (tmp[2] || '').split('.').sort(); + + // There *must* be a type, no attaching namespace-only handlers + if (!type) { + continue; + } + + // If event changes its type, use the special event handlers for the changed type + special = jQuery.event.special[type] || {}; + + // If selector defined, determine special event api type, otherwise given type + type = (selector ? special.delegateType : special.bindType) || type; + + // Update special based on newly reset type + special = jQuery.event.special[type] || {}; + + // handleObj is passed to all event handlers + handleObj = jQuery.extend({ + type, + origType, + data, + handler, + guid: handler.guid, + selector, + needsContext: selector && jQuery.expr.match.needsContext.test(selector), + namespace: namespaces.join('.'), + }, handleObjIn); + + // Init the event handler queue if we're the first + if (!(handlers = events[type])) { + handlers = events[type] = []; + handlers.delegateCount = 0; + + // Only use addEventListener if the special events handler returns false + if (!special.setup || special.setup.call(elem, data, namespaces, eventHandle) === false) { + if (elem.addEventListener) { + elem.addEventListener(type, eventHandle, false); + } + } + } + + if (special.add) { + special.add.call(elem, handleObj); + + if (!handleObj.handler.guid) { + handleObj.handler.guid = handler.guid; + } + } + + // Add to the element's handler list, delegates in front + if (selector) { + handlers.splice(handlers.delegateCount++, 0, handleObj); + } else { + handlers.push(handleObj); + } + + // Keep track of which events have ever been used, for event optimization + jQuery.event.global[type] = true; + } + }, + + // Detach an event or set of events from an element + remove(elem, types, handler, selector, mappedTypes) { + let j; let origCount; let tmp; + let events; let t; let handleObj; + let special; let handlers; let type; let namespaces; let origType; + const elemData = data_priv.hasData(elem) && data_priv.get(elem); + + if (!elemData || !(events = elemData.events)) { + return; + } + + // Once for each type.namespace in types; type may be omitted + types = (types || '').match(rnotwhite) || ['']; + t = types.length; + while (t--) { + tmp = rtypenamespace.exec(types[t]) || []; + type = origType = tmp[1]; + namespaces = (tmp[2] || '').split('.').sort(); + + // Unbind all events (on this namespace, if provided) for the element + if (!type) { + for (type in events) { + jQuery.event.remove(elem, type + types[t], handler, selector, true); + } + continue; + } + + special = jQuery.event.special[type] || {}; + type = (selector ? special.delegateType : special.bindType) || type; + handlers = events[type] || []; + tmp = tmp[2] && new RegExp(`(^|\\.)${namespaces.join('\\.(?:.*\\.|)')}(\\.|$)`); + + // Remove matching events + origCount = j = handlers.length; + while (j--) { + handleObj = handlers[j]; + + if ((mappedTypes || origType === handleObj.origType) + && (!handler || handler.guid === handleObj.guid) + && (!tmp || tmp.test(handleObj.namespace)) + && (!selector || selector === handleObj.selector || selector === '**' && handleObj.selector)) { + handlers.splice(j, 1); + + if (handleObj.selector) { + handlers.delegateCount--; + } + if (special.remove) { + special.remove.call(elem, handleObj); + } + } + } + + // Remove generic event handler if we removed something and no more handlers exist + // (avoids potential for endless recursion during removal of special event handlers) + if (origCount && !handlers.length) { + if (!special.teardown || special.teardown.call(elem, namespaces, elemData.handle) === false) { + jQuery.removeEvent(elem, type, elemData.handle); + } + + delete events[type]; + } + } + + // Remove the expando if it's no longer used + if (jQuery.isEmptyObject(events)) { + delete elemData.handle; + data_priv.remove(elem, 'events'); + } + }, + + trigger(event, data, elem, onlyHandlers) { + let i; let cur; let tmp; let bubbleType; let ontype; let handle; let special; + const eventPath = [elem || document]; + let type = hasOwn.call(event, 'type') ? event.type : event; + let namespaces = hasOwn.call(event, 'namespace') ? event.namespace.split('.') : []; + + cur = tmp = elem = elem || document; + + // Don't do events on text and comment nodes + if (elem.nodeType === 3 || elem.nodeType === 8) { + return; + } + + // focus/blur morphs to focusin/out; ensure we're not firing them right now + if (rfocusMorph.test(type + jQuery.event.triggered)) { + return; + } + + if (type.indexOf('.') >= 0) { + // Namespaced trigger; create a regexp to match event type in handle() + namespaces = type.split('.'); + type = namespaces.shift(); + namespaces.sort(); + } + ontype = type.indexOf(':') < 0 && `on${type}`; + + // Caller can pass in a jQuery.Event object, Object, or just an event type string + event = event[jQuery.expando] + ? event + : new jQuery.Event(type, typeof event === 'object' && event); + + // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) + event.isTrigger = onlyHandlers ? 2 : 3; + event.namespace = namespaces.join('.'); + event.namespace_re = event.namespace + ? new RegExp(`(^|\\.)${namespaces.join('\\.(?:.*\\.|)')}(\\.|$)`) + : null; + + // Clean up the event in case it is being reused + event.result = undefined; + if (!event.target) { + event.target = elem; + } + + // Clone any incoming data and prepend the event, creating the handler arg list + data = data == null + ? [event] + : jQuery.makeArray(data, [event]); + + // Allow special events to draw outside the lines + special = jQuery.event.special[type] || {}; + if (!onlyHandlers && special.trigger && special.trigger.apply(elem, data) === false) { + return; + } + + // Determine event propagation path in advance, per W3C events spec (#9951) + // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) + if (!onlyHandlers && !special.noBubble && !jQuery.isWindow(elem)) { + bubbleType = special.delegateType || type; + if (!rfocusMorph.test(bubbleType + type)) { + cur = cur.parentNode; + } + for (; cur; cur = cur.parentNode) { + eventPath.push(cur); + tmp = cur; + } + + // Only add window if we got to document (e.g., not plain obj or detached DOM) + if (tmp === (elem.ownerDocument || document)) { + eventPath.push(tmp.defaultView || tmp.parentWindow || window); + } + } + + // Fire handlers on the event path + i = 0; + while ((cur = eventPath[i++]) && !event.isPropagationStopped()) { + event.type = i > 1 + ? bubbleType + : special.bindType || type; + + // jQuery handler + handle = (data_priv.get(cur, 'events') || {})[event.type] && data_priv.get(cur, 'handle'); + if (handle) { + handle.apply(cur, data); + } + + // Native handler + handle = ontype && cur[ontype]; + if (handle && handle.apply && jQuery.acceptData(cur)) { + event.result = handle.apply(cur, data); + if (event.result === false) { + event.preventDefault(); + } + } + } + event.type = type; + + // If nobody prevented the default action, do it now + if (!onlyHandlers && !event.isDefaultPrevented()) { + if ((!special._default || special._default.apply(eventPath.pop(), data) === false) + && jQuery.acceptData(elem)) { + // Call a native DOM method on the target with the same name name as the event. + // Don't do default actions on window, that's where global variables be (#6170) + if (ontype && jQuery.isFunction(elem[type]) && !jQuery.isWindow(elem)) { + // Don't re-trigger an onFOO event when we call its FOO() method + tmp = elem[ontype]; + + if (tmp) { + elem[ontype] = null; + } + + // Prevent re-triggering of the same event, since we already bubbled it above + jQuery.event.triggered = type; + elem[type](); + jQuery.event.triggered = undefined; + + if (tmp) { + elem[ontype] = tmp; + } + } + } + } + + return event.result; + }, + + dispatch(event) { + // Make a writable jQuery.Event from the native event object + event = jQuery.event.fix(event); + + let i; let j; let ret; let matched; let handleObj; + let handlerQueue = []; + const args = slice.call(arguments); + const handlers = (data_priv.get(this, 'events') || {})[event.type] || []; + const special = jQuery.event.special[event.type] || {}; + + // Use the fix-ed jQuery.Event rather than the (read-only) native event + args[0] = event; + event.delegateTarget = this; + + // Call the preDispatch hook for the mapped type, and let it bail if desired + if (special.preDispatch && special.preDispatch.call(this, event) === false) { + return; + } + + // Determine handlers + handlerQueue = jQuery.event.handlers.call(this, event, handlers); + + // Run delegates first; they may want to stop propagation beneath us + i = 0; + while ((matched = handlerQueue[i++]) && !event.isPropagationStopped()) { + event.currentTarget = matched.elem; + + j = 0; + while ((handleObj = matched.handlers[j++]) && !event.isImmediatePropagationStopped()) { + // Triggered event must either 1) have no namespace, or + // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). + if (!event.namespace_re || event.namespace_re.test(handleObj.namespace)) { + event.handleObj = handleObj; + event.data = handleObj.data; + + ret = ((jQuery.event.special[handleObj.origType] || {}).handle || handleObj.handler) + .apply(matched.elem, args); + + if (ret !== undefined) { + if ((event.result = ret) === false) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if (special.postDispatch) { + special.postDispatch.call(this, event); + } + + return event.result; + }, + + handlers(event, handlers) { + let i; let matches; let sel; let handleObj; + const handlerQueue = []; + const { delegateCount } = handlers; + let cur = event.target; + + // Find delegate handlers + // Black-hole SVG instance trees (#13180) + // Avoid non-left-click bubbling in Firefox (#3861) + if (delegateCount && cur.nodeType && (!event.button || event.type !== 'click')) { + for (; cur !== this; cur = cur.parentNode || this) { + // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) + if (cur.disabled !== true || event.type !== 'click') { + matches = []; + for (i = 0; i < delegateCount; i++) { + handleObj = handlers[i]; + + // Don't conflict with Object.prototype properties (#13203) + sel = `${handleObj.selector} `; + + if (matches[sel] === undefined) { + matches[sel] = handleObj.needsContext + ? jQuery(sel, this).index(cur) >= 0 + : jQuery.find(sel, this, null, [cur]).length; + } + if (matches[sel]) { + matches.push(handleObj); + } + } + if (matches.length) { + handlerQueue.push({ elem: cur, handlers: matches }); + } + } + } + } + + // Add the remaining (directly-bound) handlers + if (delegateCount < handlers.length) { + handlerQueue.push({ elem: this, handlers: handlers.slice(delegateCount) }); + } + + return handlerQueue; + }, + + // Includes some event props shared by KeyEvent and MouseEvent + props: 'altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which'.split(' '), + + fixHooks: {}, + + keyHooks: { + props: 'char charCode key keyCode'.split(' '), + filter(event, original) { + // Add which for key events + if (event.which == null) { + event.which = original.charCode != null ? original.charCode : original.keyCode; + } + + return event; + }, + }, + + mouseHooks: { + props: 'button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement'.split(' '), + filter(event, original) { + let eventDoc; let doc; let body; + const { button } = original; + + // Calculate pageX/Y if missing and clientX/Y available + if (event.pageX == null && original.clientX != null) { + eventDoc = event.target.ownerDocument || document; + doc = eventDoc.documentElement; + body = eventDoc.body; + + event.pageX = original.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0); + event.pageY = original.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0); + } + + // Add which for click: 1 === left; 2 === middle; 3 === right + // Note: button is not normalized, so don't use it + if (!event.which && button !== undefined) { + event.which = (button & 1 ? 1 : (button & 2 ? 3 : (button & 4 ? 2 : 0))); + } + + return event; + }, + }, + + fix(event) { + if (event[jQuery.expando]) { + return event; + } + + // Create a writable copy of the event object and normalize some properties + let i; let prop; let copy; + const { type } = event; + const originalEvent = event; + let fixHook = this.fixHooks[type]; + + if (!fixHook) { + this.fixHooks[type] = fixHook = rmouseEvent.test(type) ? this.mouseHooks + : rkeyEvent.test(type) ? this.keyHooks + : {}; + } + copy = fixHook.props ? this.props.concat(fixHook.props) : this.props; + + event = new jQuery.Event(originalEvent); + + i = copy.length; + while (i--) { + prop = copy[i]; + event[prop] = originalEvent[prop]; + } + + // Support: Cordova 2.5 (WebKit) (#13255) + // All events should have a target; Cordova deviceready doesn't + if (!event.target) { + event.target = document; + } + + // Support: Safari 6.0+, Chrome < 28 + // Target should not be a text node (#504, #13143) + if (event.target.nodeType === 3) { + event.target = event.target.parentNode; + } + + return fixHook.filter ? fixHook.filter(event, originalEvent) : event; + }, + + special: { + load: { + // Prevent triggered image.load events from bubbling to window.load + noBubble: true, + }, + focus: { + // Fire native event if possible so blur/focus sequence is correct + trigger() { + if (this !== safeActiveElement() && this.focus) { + this.focus(); + return false; + } + }, + delegateType: 'focusin', + }, + blur: { + trigger() { + if (this === safeActiveElement() && this.blur) { + this.blur(); + return false; + } + }, + delegateType: 'focusout', + }, + click: { + // For checkbox, fire native event so checked state will be right + trigger() { + if (this.type === 'checkbox' && this.click && jQuery.nodeName(this, 'input')) { + this.click(); + return false; + } + }, + + // For cross-browser consistency, don't fire native .click() on links + _default(event) { + return jQuery.nodeName(event.target, 'a'); + }, + }, + + beforeunload: { + postDispatch(event) { + // Support: Firefox 20+ + // Firefox doesn't alert if the returnValue field is not set. + if (event.result !== undefined) { + event.originalEvent.returnValue = event.result; + } + }, + }, + }, + + simulate(type, elem, event, bubble) { + // Piggyback on a donor event to simulate a different one. + // Fake originalEvent to avoid donor's stopPropagation, but if the + // simulated event prevents default then we do the same on the donor. + const e = jQuery.extend( + new jQuery.Event(), + event, + { + type, + isSimulated: true, + originalEvent: {}, + }, + ); + if (bubble) { + jQuery.event.trigger(e, null, elem); + } else { + jQuery.event.dispatch.call(elem, e); + } + if (e.isDefaultPrevented()) { + event.preventDefault(); + } + }, + }; + + jQuery.removeEvent = function (elem, type, handle) { + if (elem.removeEventListener) { + elem.removeEventListener(type, handle, false); + } + }; + + jQuery.Event = function (src, props) { + // Allow instantiation without the 'new' keyword + if (!(this instanceof jQuery.Event)) { + return new jQuery.Event(src, props); + } + + // Event object + if (src && src.type) { + this.originalEvent = src; + this.type = src.type; + + // Events bubbling up the document may have been marked as prevented + // by a handler lower down the tree; reflect the correct value. + this.isDefaultPrevented = src.defaultPrevented // Support: Android < 4.0 - src.defaultPrevented === undefined && - src.getPreventDefault && src.getPreventDefault() ? - returnTrue : - returnFalse; - - // Event type - } else { - this.type = src; - } - - // Put explicitly provided properties onto the event object - if ( props ) { - jQuery.extend( this, props ); - } - - // Create a timestamp if incoming event doesn't have one - this.timeStamp = src && src.timeStamp || jQuery.now(); - - // Mark it as fixed - this[ jQuery.expando ] = true; -}; - -// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding -// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html -jQuery.Event.prototype = { - isDefaultPrevented: returnFalse, - isPropagationStopped: returnFalse, - isImmediatePropagationStopped: returnFalse, - - preventDefault: function() { - var e = this.originalEvent; - - this.isDefaultPrevented = returnTrue; - - if ( e && e.preventDefault ) { - e.preventDefault(); - } - }, - stopPropagation: function() { - var e = this.originalEvent; - - this.isPropagationStopped = returnTrue; - - if ( e && e.stopPropagation ) { - e.stopPropagation(); - } - }, - stopImmediatePropagation: function() { - this.isImmediatePropagationStopped = returnTrue; - this.stopPropagation(); - } -}; - -// Create mouseenter/leave events using mouseover/out and event-time checks -// Support: Chrome 15+ -jQuery.each({ - mouseenter: "mouseover", - mouseleave: "mouseout" -}, function( orig, fix ) { - jQuery.event.special[ orig ] = { - delegateType: fix, - bindType: fix, - - handle: function( event ) { - var ret, - target = this, - related = event.relatedTarget, - handleObj = event.handleObj; - - // For mousenter/leave call the handler if related is outside the target. - // NB: No relatedTarget if the mouse left/entered the browser window - if ( !related || (related !== target && !jQuery.contains( target, related )) ) { - event.type = handleObj.origType; - ret = handleObj.handler.apply( this, arguments ); - event.type = fix; - } - return ret; - } - }; -}); - -// Create "bubbling" focus and blur events -// Support: Firefox, Chrome, Safari -if ( !support.focusinBubbles ) { - jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { - - // Attach a single capturing handler on the document while someone wants focusin/focusout - var handler = function( event ) { - jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true ); - }; - - jQuery.event.special[ fix ] = { - setup: function() { - var doc = this.ownerDocument || this, - attaches = data_priv.access( doc, fix ); - - if ( !attaches ) { - doc.addEventListener( orig, handler, true ); - } - data_priv.access( doc, fix, ( attaches || 0 ) + 1 ); - }, - teardown: function() { - var doc = this.ownerDocument || this, - attaches = data_priv.access( doc, fix ) - 1; - - if ( !attaches ) { - doc.removeEventListener( orig, handler, true ); - data_priv.remove( doc, fix ); - - } else { - data_priv.access( doc, fix, attaches ); - } - } - }; - }); -} - -jQuery.fn.extend({ - - on: function( types, selector, data, fn, /*INTERNAL*/ one ) { - var origFn, type; - - // Types can be a map of types/handlers - if ( typeof types === "object" ) { - // ( types-Object, selector, data ) - if ( typeof selector !== "string" ) { - // ( types-Object, data ) - data = data || selector; - selector = undefined; - } - for ( type in types ) { - this.on( type, selector, data, types[ type ], one ); - } - return this; - } - - if ( data == null && fn == null ) { - // ( types, fn ) - fn = selector; - data = selector = undefined; - } else if ( fn == null ) { - if ( typeof selector === "string" ) { - // ( types, selector, fn ) - fn = data; - data = undefined; - } else { - // ( types, data, fn ) - fn = data; - data = selector; - selector = undefined; - } - } - if ( fn === false ) { - fn = returnFalse; - } else if ( !fn ) { - return this; - } - - if ( one === 1 ) { - origFn = fn; - fn = function( event ) { - // Can use an empty set, since event contains the info - jQuery().off( event ); - return origFn.apply( this, arguments ); - }; - // Use same guid so caller can remove using origFn - fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); - } - return this.each( function() { - jQuery.event.add( this, types, fn, data, selector ); - }); - }, - one: function( types, selector, data, fn ) { - return this.on( types, selector, data, fn, 1 ); - }, - off: function( types, selector, fn ) { - var handleObj, type; - if ( types && types.preventDefault && types.handleObj ) { - // ( event ) dispatched jQuery.Event - handleObj = types.handleObj; - jQuery( types.delegateTarget ).off( - handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType, - handleObj.selector, - handleObj.handler - ); - return this; - } - if ( typeof types === "object" ) { - // ( types-object [, selector] ) - for ( type in types ) { - this.off( type, selector, types[ type ] ); - } - return this; - } - if ( selector === false || typeof selector === "function" ) { - // ( types [, fn] ) - fn = selector; - selector = undefined; - } - if ( fn === false ) { - fn = returnFalse; - } - return this.each(function() { - jQuery.event.remove( this, types, fn, selector ); - }); - }, - - trigger: function( type, data ) { - return this.each(function() { - jQuery.event.trigger( type, data, this ); - }); - }, - triggerHandler: function( type, data ) { - var elem = this[0]; - if ( elem ) { - return jQuery.event.trigger( type, data, elem, true ); - } - } -}); - - -var - rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi, - rtagName = /<([\w:]+)/, - rhtml = /<|&#?\w+;/, - rnoInnerhtml = /<(?:script|style|link)/i, - // checked="checked" or checked - rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i, - rscriptType = /^$|\/(?:java|ecma)script/i, - rscriptTypeMasked = /^true\/(.*)/, - rcleanScript = /^\s*\s*$/g, - - // We have to close these tags to support XHTML (#13200) - wrapMap = { - - // Support: IE 9 - option: [ 1, "" ], - - thead: [ 1, "", "
" ], - col: [ 2, "", "
" ], - tr: [ 2, "", "
" ], - td: [ 3, "", "
" ], - - _default: [ 0, "", "" ] - }; - -// Support: IE 9 -wrapMap.optgroup = wrapMap.option; - -wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; -wrapMap.th = wrapMap.td; - -// Support: 1.x compatibility -// Manipulating tables requires a tbody -function manipulationTarget( elem, content ) { - return jQuery.nodeName( elem, "table" ) && - jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ? - - elem.getElementsByTagName("tbody")[0] || - elem.appendChild( elem.ownerDocument.createElement("tbody") ) : - elem; -} - -// Replace/restore the type attribute of script elements for safe DOM manipulation -function disableScript( elem ) { - elem.type = (elem.getAttribute("type") !== null) + "/" + elem.type; - return elem; -} -function restoreScript( elem ) { - var match = rscriptTypeMasked.exec( elem.type ); - - if ( match ) { - elem.type = match[ 1 ]; - } else { - elem.removeAttribute("type"); - } - - return elem; -} - -// Mark scripts as having already been evaluated -function setGlobalEval( elems, refElements ) { - var i = 0, - l = elems.length; - - for ( ; i < l; i++ ) { - data_priv.set( - elems[ i ], "globalEval", !refElements || data_priv.get( refElements[ i ], "globalEval" ) - ); - } -} - -function cloneCopyEvent( src, dest ) { - var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; - - if ( dest.nodeType !== 1 ) { - return; - } - - // 1. Copy private data: events, handlers, etc. - if ( data_priv.hasData( src ) ) { - pdataOld = data_priv.access( src ); - pdataCur = data_priv.set( dest, pdataOld ); - events = pdataOld.events; - - if ( events ) { - delete pdataCur.handle; - pdataCur.events = {}; - - for ( type in events ) { - for ( i = 0, l = events[ type ].length; i < l; i++ ) { - jQuery.event.add( dest, type, events[ type ][ i ] ); - } - } - } - } - - // 2. Copy user data - if ( data_user.hasData( src ) ) { - udataOld = data_user.access( src ); - udataCur = jQuery.extend( {}, udataOld ); - - data_user.set( dest, udataCur ); - } -} - -function getAll( context, tag ) { - var ret = context.getElementsByTagName ? context.getElementsByTagName( tag || "*" ) : - context.querySelectorAll ? context.querySelectorAll( tag || "*" ) : - []; - - return tag === undefined || tag && jQuery.nodeName( context, tag ) ? - jQuery.merge( [ context ], ret ) : - ret; -} - -// Support: IE >= 9 -function fixInput( src, dest ) { - var nodeName = dest.nodeName.toLowerCase(); - - // Fails to persist the checked state of a cloned checkbox or radio button. - if ( nodeName === "input" && rcheckableType.test( src.type ) ) { - dest.checked = src.checked; - - // Fails to return the selected option to the default selected state when cloning options - } else if ( nodeName === "input" || nodeName === "textarea" ) { - dest.defaultValue = src.defaultValue; - } -} - -jQuery.extend({ - clone: function( elem, dataAndEvents, deepDataAndEvents ) { - var i, l, srcElements, destElements, - clone = elem.cloneNode( true ), - inPage = jQuery.contains( elem.ownerDocument, elem ); - - // Support: IE >= 9 - // Fix Cloning issues - if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && - !jQuery.isXMLDoc( elem ) ) { - - // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2 - destElements = getAll( clone ); - srcElements = getAll( elem ); - - for ( i = 0, l = srcElements.length; i < l; i++ ) { - fixInput( srcElements[ i ], destElements[ i ] ); - } - } - - // Copy the events from the original to the clone - if ( dataAndEvents ) { - if ( deepDataAndEvents ) { - srcElements = srcElements || getAll( elem ); - destElements = destElements || getAll( clone ); - - for ( i = 0, l = srcElements.length; i < l; i++ ) { - cloneCopyEvent( srcElements[ i ], destElements[ i ] ); - } - } else { - cloneCopyEvent( elem, clone ); - } - } - - // Preserve script evaluation history - destElements = getAll( clone, "script" ); - if ( destElements.length > 0 ) { - setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); - } - - // Return the cloned set - return clone; - }, - - buildFragment: function( elems, context, scripts, selection ) { - var elem, tmp, tag, wrap, contains, j, - fragment = context.createDocumentFragment(), - nodes = [], - i = 0, - l = elems.length; - - for ( ; i < l; i++ ) { - elem = elems[ i ]; - - if ( elem || elem === 0 ) { - - // Add nodes directly - if ( jQuery.type( elem ) === "object" ) { - // Support: QtWebKit - // jQuery.merge because push.apply(_, arraylike) throws - jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); - - // Convert non-html into a text node - } else if ( !rhtml.test( elem ) ) { - nodes.push( context.createTextNode( elem ) ); - - // Convert html into DOM nodes - } else { - tmp = tmp || fragment.appendChild( context.createElement("div") ); - - // Deserialize a standard representation - tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); - wrap = wrapMap[ tag ] || wrapMap._default; - tmp.innerHTML = wrap[ 1 ] + elem.replace( rxhtmlTag, "<$1>" ) + wrap[ 2 ]; - - // Descend through wrappers to the right content - j = wrap[ 0 ]; - while ( j-- ) { - tmp = tmp.lastChild; - } - - // Support: QtWebKit - // jQuery.merge because push.apply(_, arraylike) throws - jQuery.merge( nodes, tmp.childNodes ); - - // Remember the top-level container - tmp = fragment.firstChild; - - // Fixes #12346 - // Support: Webkit, IE - tmp.textContent = ""; - } - } - } - - // Remove wrapper from fragment - fragment.textContent = ""; - - i = 0; - while ( (elem = nodes[ i++ ]) ) { - - // #4087 - If origin and destination elements are the same, and this is - // that element, do not do anything - if ( selection && jQuery.inArray( elem, selection ) !== -1 ) { - continue; - } - - contains = jQuery.contains( elem.ownerDocument, elem ); - - // Append to fragment - tmp = getAll( fragment.appendChild( elem ), "script" ); - - // Preserve script evaluation history - if ( contains ) { - setGlobalEval( tmp ); - } - - // Capture executables - if ( scripts ) { - j = 0; - while ( (elem = tmp[ j++ ]) ) { - if ( rscriptType.test( elem.type || "" ) ) { - scripts.push( elem ); - } - } - } - } - - return fragment; - }, - - cleanData: function( elems ) { - var data, elem, events, type, key, j, - special = jQuery.event.special, - i = 0; - - for ( ; (elem = elems[ i ]) !== undefined; i++ ) { - if ( jQuery.acceptData( elem ) ) { - key = elem[ data_priv.expando ]; - - if ( key && (data = data_priv.cache[ key ]) ) { - events = Object.keys( data.events || {} ); - if ( events.length ) { - for ( j = 0; (type = events[j]) !== undefined; j++ ) { - if ( special[ type ] ) { - jQuery.event.remove( elem, type ); - - // This is a shortcut to avoid jQuery.event.remove's overhead - } else { - jQuery.removeEvent( elem, type, data.handle ); - } - } - } - if ( data_priv.cache[ key ] ) { - // Discard any remaining `private` data - delete data_priv.cache[ key ]; - } - } - } - // Discard any remaining `user` data - delete data_user.cache[ elem[ data_user.expando ] ]; - } - } -}); - -jQuery.fn.extend({ - text: function( value ) { - return access( this, function( value ) { - return value === undefined ? - jQuery.text( this ) : - this.empty().each(function() { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - this.textContent = value; - } - }); - }, null, value, arguments.length ); - }, - - append: function() { - return this.domManip( arguments, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - var target = manipulationTarget( this, elem ); - target.appendChild( elem ); - } - }); - }, - - prepend: function() { - return this.domManip( arguments, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - var target = manipulationTarget( this, elem ); - target.insertBefore( elem, target.firstChild ); - } - }); - }, - - before: function() { - return this.domManip( arguments, function( elem ) { - if ( this.parentNode ) { - this.parentNode.insertBefore( elem, this ); - } - }); - }, - - after: function() { - return this.domManip( arguments, function( elem ) { - if ( this.parentNode ) { - this.parentNode.insertBefore( elem, this.nextSibling ); - } - }); - }, - - remove: function( selector, keepData /* Internal Use Only */ ) { - var elem, - elems = selector ? jQuery.filter( selector, this ) : this, - i = 0; - - for ( ; (elem = elems[i]) != null; i++ ) { - if ( !keepData && elem.nodeType === 1 ) { - jQuery.cleanData( getAll( elem ) ); - } - - if ( elem.parentNode ) { - if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) { - setGlobalEval( getAll( elem, "script" ) ); - } - elem.parentNode.removeChild( elem ); - } - } - - return this; - }, - - empty: function() { - var elem, - i = 0; - - for ( ; (elem = this[i]) != null; i++ ) { - if ( elem.nodeType === 1 ) { - - // Prevent memory leaks - jQuery.cleanData( getAll( elem, false ) ); - - // Remove any remaining nodes - elem.textContent = ""; - } - } - - return this; - }, - - clone: function( dataAndEvents, deepDataAndEvents ) { - dataAndEvents = dataAndEvents == null ? false : dataAndEvents; - deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; - - return this.map(function() { - return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); - }); - }, - - html: function( value ) { - return access( this, function( value ) { - var elem = this[ 0 ] || {}, - i = 0, - l = this.length; - - if ( value === undefined && elem.nodeType === 1 ) { - return elem.innerHTML; - } - - // See if we can take a shortcut and just use innerHTML - if ( typeof value === "string" && !rnoInnerhtml.test( value ) && - !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { - - value = value.replace( rxhtmlTag, "<$1>" ); - - try { - for ( ; i < l; i++ ) { - elem = this[ i ] || {}; - - // Remove element nodes and prevent memory leaks - if ( elem.nodeType === 1 ) { - jQuery.cleanData( getAll( elem, false ) ); - elem.innerHTML = value; - } - } - - elem = 0; - - // If using innerHTML throws an exception, use the fallback method - } catch( e ) {} - } - - if ( elem ) { - this.empty().append( value ); - } - }, null, value, arguments.length ); - }, - - replaceWith: function() { - var arg = arguments[ 0 ]; - - // Make the changes, replacing each context element with the new content - this.domManip( arguments, function( elem ) { - arg = this.parentNode; - - jQuery.cleanData( getAll( this ) ); - - if ( arg ) { - arg.replaceChild( elem, this ); - } - }); - - // Force removal if there was no new content (e.g., from empty arguments) - return arg && (arg.length || arg.nodeType) ? this : this.remove(); - }, - - detach: function( selector ) { - return this.remove( selector, true ); - }, - - domManip: function( args, callback ) { - - // Flatten any nested arrays - args = concat.apply( [], args ); - - var fragment, first, scripts, hasScripts, node, doc, - i = 0, - l = this.length, - set = this, - iNoClone = l - 1, - value = args[ 0 ], - isFunction = jQuery.isFunction( value ); - - // We can't cloneNode fragments that contain checked, in WebKit - if ( isFunction || - ( l > 1 && typeof value === "string" && - !support.checkClone && rchecked.test( value ) ) ) { - return this.each(function( index ) { - var self = set.eq( index ); - if ( isFunction ) { - args[ 0 ] = value.call( this, index, self.html() ); - } - self.domManip( args, callback ); - }); - } - - if ( l ) { - fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this ); - first = fragment.firstChild; - - if ( fragment.childNodes.length === 1 ) { - fragment = first; - } - - if ( first ) { - scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); - hasScripts = scripts.length; - - // Use the original fragment for the last item instead of the first because it can end up - // being emptied incorrectly in certain situations (#8070). - for ( ; i < l; i++ ) { - node = fragment; - - if ( i !== iNoClone ) { - node = jQuery.clone( node, true, true ); - - // Keep references to cloned scripts for later restoration - if ( hasScripts ) { - // Support: QtWebKit - // jQuery.merge because push.apply(_, arraylike) throws - jQuery.merge( scripts, getAll( node, "script" ) ); - } - } - - callback.call( this[ i ], node, i ); - } - - if ( hasScripts ) { - doc = scripts[ scripts.length - 1 ].ownerDocument; - - // Reenable scripts - jQuery.map( scripts, restoreScript ); - - // Evaluate executable scripts on first document insertion - for ( i = 0; i < hasScripts; i++ ) { - node = scripts[ i ]; - if ( rscriptType.test( node.type || "" ) && - !data_priv.access( node, "globalEval" ) && jQuery.contains( doc, node ) ) { - - if ( node.src ) { - // Optional AJAX dependency, but won't run scripts if not present - if ( jQuery._evalUrl ) { - jQuery._evalUrl( node.src ); - } - } else { - jQuery.globalEval( node.textContent.replace( rcleanScript, "" ) ); - } - } - } - } - } - } - - return this; - } -}); - -jQuery.each({ - appendTo: "append", - prependTo: "prepend", - insertBefore: "before", - insertAfter: "after", - replaceAll: "replaceWith" -}, function( name, original ) { - jQuery.fn[ name ] = function( selector ) { - var elems, - ret = [], - insert = jQuery( selector ), - last = insert.length - 1, - i = 0; - - for ( ; i <= last; i++ ) { - elems = i === last ? this : this.clone( true ); - jQuery( insert[ i ] )[ original ]( elems ); - - // Support: QtWebKit - // .get() because push.apply(_, arraylike) throws - push.apply( ret, elems.get() ); - } - - return this.pushStack( ret ); - }; -}); - - -var iframe, - elemdisplay = {}; - -/** + || src.defaultPrevented === undefined + && src.getPreventDefault && src.getPreventDefault() + ? returnTrue + : returnFalse; + + // Event type + } else { + this.type = src; + } + + // Put explicitly provided properties onto the event object + if (props) { + jQuery.extend(this, props); + } + + // Create a timestamp if incoming event doesn't have one + this.timeStamp = src && src.timeStamp || jQuery.now(); + + // Mark it as fixed + this[jQuery.expando] = true; + }; + + // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding + // http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html + jQuery.Event.prototype = { + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse, + + preventDefault() { + const e = this.originalEvent; + + this.isDefaultPrevented = returnTrue; + + if (e && e.preventDefault) { + e.preventDefault(); + } + }, + stopPropagation() { + const e = this.originalEvent; + + this.isPropagationStopped = returnTrue; + + if (e && e.stopPropagation) { + e.stopPropagation(); + } + }, + stopImmediatePropagation() { + this.isImmediatePropagationStopped = returnTrue; + this.stopPropagation(); + }, + }; + + // Create mouseenter/leave events using mouseover/out and event-time checks + // Support: Chrome 15+ + jQuery.each({ + mouseenter: 'mouseover', + mouseleave: 'mouseout', + }, (orig, fix) => { + jQuery.event.special[orig] = { + delegateType: fix, + bindType: fix, + + handle(event) { + let ret; + const target = this; + const related = event.relatedTarget; + const { handleObj } = event; + + // For mousenter/leave call the handler if related is outside the target. + // NB: No relatedTarget if the mouse left/entered the browser window + if (!related || (related !== target && !jQuery.contains(target, related))) { + event.type = handleObj.origType; + ret = handleObj.handler.apply(this, arguments); + event.type = fix; + } + return ret; + }, + }; + }); + + // Create "bubbling" focus and blur events + // Support: Firefox, Chrome, Safari + if (!support.focusinBubbles) { + jQuery.each({ focus: 'focusin', blur: 'focusout' }, (orig, fix) => { + // Attach a single capturing handler on the document while someone wants focusin/focusout + const handler = function (event) { + jQuery.event.simulate(fix, event.target, jQuery.event.fix(event), true); + }; + + jQuery.event.special[fix] = { + setup() { + const doc = this.ownerDocument || this; + const attaches = data_priv.access(doc, fix); + + if (!attaches) { + doc.addEventListener(orig, handler, true); + } + data_priv.access(doc, fix, (attaches || 0) + 1); + }, + teardown() { + const doc = this.ownerDocument || this; + const attaches = data_priv.access(doc, fix) - 1; + + if (!attaches) { + doc.removeEventListener(orig, handler, true); + data_priv.remove(doc, fix); + } else { + data_priv.access(doc, fix, attaches); + } + }, + }; + }); + } + + jQuery.fn.extend({ + + on(types, selector, data, fn, /* INTERNAL */ one) { + let origFn; let + type; + + // Types can be a map of types/handlers + if (typeof types === 'object') { + // ( types-Object, selector, data ) + if (typeof selector !== 'string') { + // ( types-Object, data ) + data = data || selector; + selector = undefined; + } + for (type in types) { + this.on(type, selector, data, types[type], one); + } + return this; + } + + if (data == null && fn == null) { + // ( types, fn ) + fn = selector; + data = selector = undefined; + } else if (fn == null) { + if (typeof selector === 'string') { + // ( types, selector, fn ) + fn = data; + data = undefined; + } else { + // ( types, data, fn ) + fn = data; + data = selector; + selector = undefined; + } + } + if (fn === false) { + fn = returnFalse; + } else if (!fn) { + return this; + } + + if (one === 1) { + origFn = fn; + fn = function (event) { + // Can use an empty set, since event contains the info + jQuery().off(event); + return origFn.apply(this, arguments); + }; + // Use same guid so caller can remove using origFn + fn.guid = origFn.guid || (origFn.guid = jQuery.guid++); + } + return this.each(function () { + jQuery.event.add(this, types, fn, data, selector); + }); + }, + one(types, selector, data, fn) { + return this.on(types, selector, data, fn, 1); + }, + off(types, selector, fn) { + let handleObj; let + type; + if (types && types.preventDefault && types.handleObj) { + // ( event ) dispatched jQuery.Event + handleObj = types.handleObj; + jQuery(types.delegateTarget).off( + handleObj.namespace ? `${handleObj.origType}.${handleObj.namespace}` : handleObj.origType, + handleObj.selector, + handleObj.handler, + ); + return this; + } + if (typeof types === 'object') { + // ( types-object [, selector] ) + for (type in types) { + this.off(type, selector, types[type]); + } + return this; + } + if (selector === false || typeof selector === 'function') { + // ( types [, fn] ) + fn = selector; + selector = undefined; + } + if (fn === false) { + fn = returnFalse; + } + return this.each(function () { + jQuery.event.remove(this, types, fn, selector); + }); + }, + + trigger(type, data) { + return this.each(function () { + jQuery.event.trigger(type, data, this); + }); + }, + triggerHandler(type, data) { + const elem = this[0]; + if (elem) { + return jQuery.event.trigger(type, data, elem, true); + } + }, + }); + + const + rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi; + const rtagName = /<([\w:]+)/; + const rhtml = /<|&#?\w+;/; + const rnoInnerhtml = /<(?:script|style|link)/i; + // checked="checked" or checked + const rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i; + const rscriptType = /^$|\/(?:java|ecma)script/i; + const rscriptTypeMasked = /^true\/(.*)/; + const rcleanScript = /^\s*\s*$/g; + + // We have to close these tags to support XHTML (#13200) + const wrapMap = { + + // Support: IE 9 + option: [1, "'], + + thead: [1, '', '
'], + col: [2, '', '
'], + tr: [2, '', '
'], + td: [3, '', '
'], + + _default: [0, '', ''], + }; + + // Support: IE 9 + wrapMap.optgroup = wrapMap.option; + + wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; + wrapMap.th = wrapMap.td; + + // Support: 1.x compatibility + // Manipulating tables requires a tbody + function manipulationTarget(elem, content) { + return jQuery.nodeName(elem, 'table') + && jQuery.nodeName(content.nodeType !== 11 ? content : content.firstChild, 'tr') + + ? elem.getElementsByTagName('tbody')[0] + || elem.appendChild(elem.ownerDocument.createElement('tbody')) + : elem; + } + + // Replace/restore the type attribute of script elements for safe DOM manipulation + function disableScript(elem) { + elem.type = `${elem.getAttribute('type') !== null}/${elem.type}`; + return elem; + } + function restoreScript(elem) { + const match = rscriptTypeMasked.exec(elem.type); + + if (match) { + elem.type = match[1]; + } else { + elem.removeAttribute('type'); + } + + return elem; + } + + // Mark scripts as having already been evaluated + function setGlobalEval(elems, refElements) { + let i = 0; + const l = elems.length; + + for (; i < l; i++) { + data_priv.set( + elems[i], 'globalEval', !refElements || data_priv.get(refElements[i], 'globalEval'), + ); + } + } + + function cloneCopyEvent(src, dest) { + let i; let l; let type; let pdataOld; let pdataCur; let udataOld; let udataCur; let + events; + + if (dest.nodeType !== 1) { + return; + } + + // 1. Copy private data: events, handlers, etc. + if (data_priv.hasData(src)) { + pdataOld = data_priv.access(src); + pdataCur = data_priv.set(dest, pdataOld); + events = pdataOld.events; + + if (events) { + delete pdataCur.handle; + pdataCur.events = {}; + + for (type in events) { + for (i = 0, l = events[type].length; i < l; i++) { + jQuery.event.add(dest, type, events[type][i]); + } + } + } + } + + // 2. Copy user data + if (data_user.hasData(src)) { + udataOld = data_user.access(src); + udataCur = jQuery.extend({}, udataOld); + + data_user.set(dest, udataCur); + } + } + + function getAll(context, tag) { + const ret = context.getElementsByTagName ? context.getElementsByTagName(tag || '*') + : context.querySelectorAll ? context.querySelectorAll(tag || '*') + : []; + + return tag === undefined || tag && jQuery.nodeName(context, tag) + ? jQuery.merge([context], ret) + : ret; + } + + // Support: IE >= 9 + function fixInput(src, dest) { + const nodeName = dest.nodeName.toLowerCase(); + + // Fails to persist the checked state of a cloned checkbox or radio button. + if (nodeName === 'input' && rcheckableType.test(src.type)) { + dest.checked = src.checked; + + // Fails to return the selected option to the default selected state when cloning options + } else if (nodeName === 'input' || nodeName === 'textarea') { + dest.defaultValue = src.defaultValue; + } + } + + jQuery.extend({ + clone(elem, dataAndEvents, deepDataAndEvents) { + let i; let l; let srcElements; let destElements; + const clone = elem.cloneNode(true); + const inPage = jQuery.contains(elem.ownerDocument, elem); + + // Support: IE >= 9 + // Fix Cloning issues + if (!support.noCloneChecked && (elem.nodeType === 1 || elem.nodeType === 11) + && !jQuery.isXMLDoc(elem)) { + // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2 + destElements = getAll(clone); + srcElements = getAll(elem); + + for (i = 0, l = srcElements.length; i < l; i++) { + fixInput(srcElements[i], destElements[i]); + } + } + + // Copy the events from the original to the clone + if (dataAndEvents) { + if (deepDataAndEvents) { + srcElements = srcElements || getAll(elem); + destElements = destElements || getAll(clone); + + for (i = 0, l = srcElements.length; i < l; i++) { + cloneCopyEvent(srcElements[i], destElements[i]); + } + } else { + cloneCopyEvent(elem, clone); + } + } + + // Preserve script evaluation history + destElements = getAll(clone, 'script'); + if (destElements.length > 0) { + setGlobalEval(destElements, !inPage && getAll(elem, 'script')); + } + + // Return the cloned set + return clone; + }, + + buildFragment(elems, context, scripts, selection) { + let elem; let tmp; let tag; let wrap; let contains; let j; + const fragment = context.createDocumentFragment(); + const nodes = []; + let i = 0; + const l = elems.length; + + for (; i < l; i++) { + elem = elems[i]; + + if (elem || elem === 0) { + // Add nodes directly + if (jQuery.type(elem) === 'object') { + // Support: QtWebKit + // jQuery.merge because push.apply(_, arraylike) throws + jQuery.merge(nodes, elem.nodeType ? [elem] : elem); + + // Convert non-html into a text node + } else if (!rhtml.test(elem)) { + nodes.push(context.createTextNode(elem)); + + // Convert html into DOM nodes + } else { + tmp = tmp || fragment.appendChild(context.createElement('div')); + + // Deserialize a standard representation + tag = (rtagName.exec(elem) || ['', ''])[1].toLowerCase(); + wrap = wrapMap[tag] || wrapMap._default; + tmp.innerHTML = wrap[1] + elem.replace(rxhtmlTag, '<$1>') + wrap[2]; + + // Descend through wrappers to the right content + j = wrap[0]; + while (j--) { + tmp = tmp.lastChild; + } + + // Support: QtWebKit + // jQuery.merge because push.apply(_, arraylike) throws + jQuery.merge(nodes, tmp.childNodes); + + // Remember the top-level container + tmp = fragment.firstChild; + + // Fixes #12346 + // Support: Webkit, IE + tmp.textContent = ''; + } + } + } + + // Remove wrapper from fragment + fragment.textContent = ''; + + i = 0; + while ((elem = nodes[i++])) { + // #4087 - If origin and destination elements are the same, and this is + // that element, do not do anything + if (selection && jQuery.inArray(elem, selection) !== -1) { + continue; + } + + contains = jQuery.contains(elem.ownerDocument, elem); + + // Append to fragment + tmp = getAll(fragment.appendChild(elem), 'script'); + + // Preserve script evaluation history + if (contains) { + setGlobalEval(tmp); + } + + // Capture executables + if (scripts) { + j = 0; + while ((elem = tmp[j++])) { + if (rscriptType.test(elem.type || '')) { + scripts.push(elem); + } + } + } + } + + return fragment; + }, + + cleanData(elems) { + let data; let elem; let events; let type; let key; let j; + const { special } = jQuery.event; + let i = 0; + + for (; (elem = elems[i]) !== undefined; i++) { + if (jQuery.acceptData(elem)) { + key = elem[data_priv.expando]; + + if (key && (data = data_priv.cache[key])) { + events = Object.keys(data.events || {}); + if (events.length) { + for (j = 0; (type = events[j]) !== undefined; j++) { + if (special[type]) { + jQuery.event.remove(elem, type); + + // This is a shortcut to avoid jQuery.event.remove's overhead + } else { + jQuery.removeEvent(elem, type, data.handle); + } + } + } + if (data_priv.cache[key]) { + // Discard any remaining `private` data + delete data_priv.cache[key]; + } + } + } + // Discard any remaining `user` data + delete data_user.cache[elem[data_user.expando]]; + } + }, + }); + + jQuery.fn.extend({ + text(value) { + return access(this, function (value) { + return value === undefined + ? jQuery.text(this) + : this.empty().each(function () { + if (this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9) { + this.textContent = value; + } + }); + }, null, value, arguments.length); + }, + + append() { + return this.domManip(arguments, function (elem) { + if (this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9) { + const target = manipulationTarget(this, elem); + target.appendChild(elem); + } + }); + }, + + prepend() { + return this.domManip(arguments, function (elem) { + if (this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9) { + const target = manipulationTarget(this, elem); + target.insertBefore(elem, target.firstChild); + } + }); + }, + + before() { + return this.domManip(arguments, function (elem) { + if (this.parentNode) { + this.parentNode.insertBefore(elem, this); + } + }); + }, + + after() { + return this.domManip(arguments, function (elem) { + if (this.parentNode) { + this.parentNode.insertBefore(elem, this.nextSibling); + } + }); + }, + + remove(selector, keepData /* Internal Use Only */) { + let elem; + const elems = selector ? jQuery.filter(selector, this) : this; + let i = 0; + + for (; (elem = elems[i]) != null; i++) { + if (!keepData && elem.nodeType === 1) { + jQuery.cleanData(getAll(elem)); + } + + if (elem.parentNode) { + if (keepData && jQuery.contains(elem.ownerDocument, elem)) { + setGlobalEval(getAll(elem, 'script')); + } + elem.parentNode.removeChild(elem); + } + } + + return this; + }, + + empty() { + let elem; + let i = 0; + + for (; (elem = this[i]) != null; i++) { + if (elem.nodeType === 1) { + // Prevent memory leaks + jQuery.cleanData(getAll(elem, false)); + + // Remove any remaining nodes + elem.textContent = ''; + } + } + + return this; + }, + + clone(dataAndEvents, deepDataAndEvents) { + dataAndEvents = dataAndEvents == null ? false : dataAndEvents; + deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; + + return this.map(function () { + return jQuery.clone(this, dataAndEvents, deepDataAndEvents); + }); + }, + + html(value) { + return access(this, function (value) { + let elem = this[0] || {}; + let i = 0; + const l = this.length; + + if (value === undefined && elem.nodeType === 1) { + return elem.innerHTML; + } + + // See if we can take a shortcut and just use innerHTML + if (typeof value === 'string' && !rnoInnerhtml.test(value) + && !wrapMap[(rtagName.exec(value) || ['', ''])[1].toLowerCase()]) { + value = value.replace(rxhtmlTag, '<$1>'); + + try { + for (; i < l; i++) { + elem = this[i] || {}; + + // Remove element nodes and prevent memory leaks + if (elem.nodeType === 1) { + jQuery.cleanData(getAll(elem, false)); + elem.innerHTML = value; + } + } + + elem = 0; + + // If using innerHTML throws an exception, use the fallback method + } catch (e) {} + } + + if (elem) { + this.empty().append(value); + } + }, null, value, arguments.length); + }, + + replaceWith() { + let arg = arguments[0]; + + // Make the changes, replacing each context element with the new content + this.domManip(arguments, function (elem) { + arg = this.parentNode; + + jQuery.cleanData(getAll(this)); + + if (arg) { + arg.replaceChild(elem, this); + } + }); + + // Force removal if there was no new content (e.g., from empty arguments) + return arg && (arg.length || arg.nodeType) ? this : this.remove(); + }, + + detach(selector) { + return this.remove(selector, true); + }, + + domManip(args, callback) { + // Flatten any nested arrays + args = concat.apply([], args); + + let fragment; let first; let scripts; let hasScripts; let node; let doc; + let i = 0; + const l = this.length; + const set = this; + const iNoClone = l - 1; + const value = args[0]; + const isFunction = jQuery.isFunction(value); + + // We can't cloneNode fragments that contain checked, in WebKit + if (isFunction + || (l > 1 && typeof value === 'string' + && !support.checkClone && rchecked.test(value))) { + return this.each(function (index) { + const self = set.eq(index); + if (isFunction) { + args[0] = value.call(this, index, self.html()); + } + self.domManip(args, callback); + }); + } + + if (l) { + fragment = jQuery.buildFragment(args, this[0].ownerDocument, false, this); + first = fragment.firstChild; + + if (fragment.childNodes.length === 1) { + fragment = first; + } + + if (first) { + scripts = jQuery.map(getAll(fragment, 'script'), disableScript); + hasScripts = scripts.length; + + // Use the original fragment for the last item instead of the first because it can end up + // being emptied incorrectly in certain situations (#8070). + for (; i < l; i++) { + node = fragment; + + if (i !== iNoClone) { + node = jQuery.clone(node, true, true); + + // Keep references to cloned scripts for later restoration + if (hasScripts) { + // Support: QtWebKit + // jQuery.merge because push.apply(_, arraylike) throws + jQuery.merge(scripts, getAll(node, 'script')); + } + } + + callback.call(this[i], node, i); + } + + if (hasScripts) { + doc = scripts[scripts.length - 1].ownerDocument; + + // Reenable scripts + jQuery.map(scripts, restoreScript); + + // Evaluate executable scripts on first document insertion + for (i = 0; i < hasScripts; i++) { + node = scripts[i]; + if (rscriptType.test(node.type || '') + && !data_priv.access(node, 'globalEval') && jQuery.contains(doc, node)) { + if (node.src) { + // Optional AJAX dependency, but won't run scripts if not present + if (jQuery._evalUrl) { + jQuery._evalUrl(node.src); + } + } else { + jQuery.globalEval(node.textContent.replace(rcleanScript, '')); + } + } + } + } + } + } + + return this; + }, + }); + + jQuery.each({ + appendTo: 'append', + prependTo: 'prepend', + insertBefore: 'before', + insertAfter: 'after', + replaceAll: 'replaceWith', + }, (name, original) => { + jQuery.fn[name] = function (selector) { + let elems; + const ret = []; + const insert = jQuery(selector); + const last = insert.length - 1; + let i = 0; + + for (; i <= last; i++) { + elems = i === last ? this : this.clone(true); + jQuery(insert[i])[original](elems); + + // Support: QtWebKit + // .get() because push.apply(_, arraylike) throws + push.apply(ret, elems.get()); + } + + return this.pushStack(ret); + }; + }); + + let iframe; + const elemdisplay = {}; + + /** * Retrieve the actual display of a element * @param {String} name nodeName of the element * @param {Object} doc Document object */ -// Called only from within defaultDisplay -function actualDisplay( name, doc ) { - var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ), + // Called only from within defaultDisplay + function actualDisplay(name, doc) { + const elem = jQuery(doc.createElement(name)).appendTo(doc.body); - // getDefaultComputedStyle might be reliably used only on attached element - display = window.getDefaultComputedStyle ? + // getDefaultComputedStyle might be reliably used only on attached element + const display = window.getDefaultComputedStyle - // Use of this method is a temporary fix (more like optmization) until something better comes along, - // since it was removed from specification and supported only in FF - window.getDefaultComputedStyle( elem[ 0 ] ).display : jQuery.css( elem[ 0 ], "display" ); + // Use of this method is a temporary fix (more like optmization) until something better comes along, + // since it was removed from specification and supported only in FF + ? window.getDefaultComputedStyle(elem[0]).display : jQuery.css(elem[0], 'display'); - // We don't have any data stored on the element, - // so use "detach" method as fast way to get rid of the element - elem.detach(); + // We don't have any data stored on the element, + // so use "detach" method as fast way to get rid of the element + elem.detach(); - return display; -} + return display; + } -/** + /** * Try to determine the default display value of an element * @param {String} nodeName */ -function defaultDisplay( nodeName ) { - var doc = document, - display = elemdisplay[ nodeName ]; - - if ( !display ) { - display = actualDisplay( nodeName, doc ); - - // If the simple way fails, read from inside an iframe - if ( display === "none" || !display ) { - - // Use the already-created iframe if possible - iframe = (iframe || jQuery( "