@deephaven/golden-layout 0.17.1-beta.2 → 0.17.1-beta.4

package/dist/controls/BrowserPopout.js

@@ -0,0 +1,260 @@
+import $ from 'jquery';
+import utils from '../utils/index.js';
+/**
+ * Pops a content item out into a new browser window.
+ * This is achieved by
+ *
+ *    - Creating a new configuration with the content item as root element
+ *    - Serializing and minifying the configuration
+ *    - Opening the current window's URL with the configuration as a GET parameter
+ *    - GoldenLayout when opened in the new window will look for the GET parameter
+ *      and use it instead of the provided configuration
+ *
+ * @param {Object} config GoldenLayout item config
+ * @param {Object} dimensions A map with width, height, top and left
+ * @param {String} parentId The id of the element the item will be appended to on popIn
+ * @param {Number} indexInParent The position of this element within its parent
+ * @param {lm.LayoutManager} layoutManager
+ */
+
+var BrowserPopout = function BrowserPopout(config, dimensions, parentId, indexInParent, layoutManager) {
+  utils.EventEmitter.call(this);
+  this.isInitialised = false;
+  this._config = config;
+  this._dimensions = dimensions;
+  this._parentId = parentId;
+  this._indexInParent = indexInParent;
+  this._layoutManager = layoutManager;
+  this._popoutWindow = null;
+  this._id = null;
+
+  this._createWindow();
+};
+
+utils.copy(BrowserPopout.prototype, {
+  toConfig: function toConfig() {
+    if (this.isInitialised === false) {
+      throw new Error("Can't create config, layout not yet initialised");
+      return;
+    }
+
+    return {
+      dimensions: {
+        width: this.getGlInstance().width,
+        height: this.getGlInstance().height,
+        left: this._popoutWindow.screenX || this._popoutWindow.screenLeft,
+        top: this._popoutWindow.screenY || this._popoutWindow.screenTop
+      },
+      content: this.getGlInstance().toConfig().content,
+      parentId: this._parentId,
+      indexInParent: this._indexInParent
+    };
+  },
+  getGlInstance: function getGlInstance() {
+    return this._popoutWindow.__glInstance;
+  },
+  getWindow: function getWindow() {
+    return this._popoutWindow;
+  },
+  close: function close() {
+    if (this.getGlInstance()) {
+      this.getGlInstance()._$closeWindow();
+    } else {
+      try {
+        this.getWindow().close();
+      } catch (e) {}
+    }
+  },
+
+  /**
+   * Returns the popped out item to its original position. If the original
+   * parent isn't available anymore it falls back to the layout's topmost element
+   */
+  popIn: function popIn() {
+    var childConfig,
+        parentItem,
+        index = this._indexInParent;
+
+    if (this._parentId) {
+      /*
+       * The $.extend call seems a bit pointless, but it's crucial to
+       * copy the config returned by this.getGlInstance().toConfig()
+       * onto a new object. Internet Explorer keeps the references
+       * to objects on the child window, resulting in the following error
+       * once the child window is closed:
+       *
+       * The callee (server [not server application]) is not available and disappeared
+       */
+      childConfig = $.extend(true, {}, this.getGlInstance().toConfig()).content[0];
+      parentItem = this._layoutManager.root.getItemsById(this._parentId)[0];
+      /*
+       * Fallback if parentItem is not available. Either add it to the topmost
+       * item or make it the topmost item if the layout is empty
+       */
+
+      if (!parentItem) {
+        if (this._layoutManager.root.contentItems.length > 0) {
+          parentItem = this._layoutManager.root.contentItems[0];
+        } else {
+          parentItem = this._layoutManager.root;
+        }
+
+        index = 0;
+      }
+    }
+
+    parentItem.addChild(childConfig, this._indexInParent);
+    this.close();
+  },
+
+  /**
+   * Creates the URL and window parameter
+   * and opens a new window
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _createWindow: function _createWindow() {
+    var checkReadyInterval,
+        url = this._createUrl(),
+
+    /**
+     * Bogus title to prevent re-usage of existing window with the
+     * same title. The actual title will be set by the new window's
+     * GoldenLayout instance if it detects that it is in subWindowMode
+     */
+    title = Math.floor(Math.random() * 1000000).toString(36),
+
+    /**
+     * The options as used in the window.open string
+     */
+    options = this._serializeWindowOptions({
+      width: this._dimensions.width,
+      height: this._dimensions.height,
+      innerWidth: this._dimensions.width,
+      innerHeight: this._dimensions.height,
+      menubar: 'no',
+      toolbar: 'no',
+      location: 'no',
+      personalbar: 'no',
+      resizable: 'yes',
+      scrollbars: 'no',
+      status: 'no'
+    });
+
+    this._popoutWindow = window.open(url, title, options);
+
+    if (!this._popoutWindow) {
+      if (this._layoutManager.config.settings.blockedPopoutsThrowError === true) {
+        var error = new Error('Popout blocked');
+        error.type = 'popoutBlocked';
+        throw error;
+      } else {
+        return;
+      }
+    }
+
+    $(this._popoutWindow).on('load', utils.fnBind(this._positionWindow, this)).on('unload beforeunload', utils.fnBind(this._onClose, this));
+    /**
+     * Polling the childwindow to find out if GoldenLayout has been initialised
+     * doesn't seem optimal, but the alternatives - adding a callback to the parent
+     * window or raising an event on the window object - both would introduce knowledge
+     * about the parent to the child window which we'd rather avoid
+     */
+
+    checkReadyInterval = setInterval(utils.fnBind(function () {
+      if (this._popoutWindow.__glInstance && this._popoutWindow.__glInstance.isInitialised) {
+        this._onInitialised();
+
+        clearInterval(checkReadyInterval);
+      }
+    }, this), 10);
+  },
+
+  /**
+   * Serialises a map of key:values to a window options string
+   *
+   * @param   {Object} windowOptions
+   *
+   * @returns {String} serialised window options
+   */
+  _serializeWindowOptions: function _serializeWindowOptions(windowOptions) {
+    var windowOptionsString = [],
+        key;
+
+    for (key in windowOptions) {
+      windowOptionsString.push(key + '=' + windowOptions[key]);
+    }
+
+    return windowOptionsString.join(',');
+  },
+
+  /**
+   * Creates the URL for the new window, including the
+   * config GET parameter
+   *
+   * @returns {String} URL
+   */
+  _createUrl: function _createUrl() {
+    var config = {
+      content: this._config
+    },
+        storageKey = 'gl-window-config-' + utils.getUniqueId(),
+        urlParts;
+    config = new utils.ConfigMinifier().minifyConfig(config);
+
+    try {
+      localStorage.setItem(storageKey, JSON.stringify(config));
+    } catch (e) {
+      throw new Error('Error while writing to localStorage ' + e.toString());
+    }
+
+    urlParts = document.location.href.split('?'); // URL doesn't contain GET-parameters
+
+    if (urlParts.length === 1) {
+      return urlParts[0] + '?gl-window=' + storageKey; // URL contains GET-parameters
+    } else {
+      return document.location.href + '&gl-window=' + storageKey;
+    }
+  },
+
+  /**
+   * Move the newly created window roughly to
+   * where the component used to be.
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _positionWindow: function _positionWindow() {
+    this._popoutWindow.moveTo(this._dimensions.left, this._dimensions.top);
+
+    this._popoutWindow.focus();
+  },
+
+  /**
+   * Callback when the new window is opened and the GoldenLayout instance
+   * within it is initialised
+   *
+   * @returns {void}
+   */
+  _onInitialised: function _onInitialised() {
+    this.isInitialised = true;
+    this.getGlInstance().on('popIn', this.popIn, this);
+    this.emit('initialised');
+  },
+
+  /**
+   * Invoked 50ms after the window unload event
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _onClose: function _onClose() {
+    setTimeout(utils.fnBind(this.emit, this, ['closed']), 50);
+  }
+});
+export default BrowserPopout;
+//# sourceMappingURL=BrowserPopout.js.map

package/dist/controls/BrowserPopout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserPopout.js","names":["$","utils","BrowserPopout","config","dimensions","parentId","indexInParent","layoutManager","EventEmitter","call","isInitialised","_config","_dimensions","_parentId","_indexInParent","_layoutManager","_popoutWindow","_id","_createWindow","copy","prototype","toConfig","Error","width","getGlInstance","height","left","screenX","screenLeft","top","screenY","screenTop","content","__glInstance","getWindow","close","_$closeWindow","e","popIn","childConfig","parentItem","index","extend","root","getItemsById","contentItems","length","addChild","checkReadyInterval","url","_createUrl","title","Math","floor","random","toString","options","_serializeWindowOptions","innerWidth","innerHeight","menubar","toolbar","location","personalbar","resizable","scrollbars","status","window","open","settings","blockedPopoutsThrowError","error","type","on","fnBind","_positionWindow","_onClose","setInterval","_onInitialised","clearInterval","windowOptions","windowOptionsString","key","push","join","storageKey","getUniqueId","urlParts","ConfigMinifier","minifyConfig","localStorage","setItem","JSON","stringify","document","href","split","moveTo","focus","emit","setTimeout"],"sources":["../../src/controls/BrowserPopout.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\n\n/**\n * Pops a content item out into a new browser window.\n * This is achieved by\n *\n *    - Creating a new configuration with the content item as root element\n *    - Serializing and minifying the configuration\n *    - Opening the current window's URL with the configuration as a GET parameter\n *    - GoldenLayout when opened in the new window will look for the GET parameter\n *      and use it instead of the provided configuration\n *\n * @param {Object} config GoldenLayout item config\n * @param {Object} dimensions A map with width, height, top and left\n * @param {String} parentId The id of the element the item will be appended to on popIn\n * @param {Number} indexInParent The position of this element within its parent\n * @param {lm.LayoutManager} layoutManager\n */\nconst BrowserPopout = function (\n  config,\n  dimensions,\n  parentId,\n  indexInParent,\n  layoutManager\n) {\n  utils.EventEmitter.call(this);\n  this.isInitialised = false;\n\n  this._config = config;\n  this._dimensions = dimensions;\n  this._parentId = parentId;\n  this._indexInParent = indexInParent;\n  this._layoutManager = layoutManager;\n  this._popoutWindow = null;\n  this._id = null;\n  this._createWindow();\n};\n\nutils.copy(BrowserPopout.prototype, {\n  toConfig: function () {\n    if (this.isInitialised === false) {\n      throw new Error(\"Can't create config, layout not yet initialised\");\n      return;\n    }\n    return {\n      dimensions: {\n        width: this.getGlInstance().width,\n        height: this.getGlInstance().height,\n        left: this._popoutWindow.screenX || this._popoutWindow.screenLeft,\n        top: this._popoutWindow.screenY || this._popoutWindow.screenTop,\n      },\n      content: this.getGlInstance().toConfig().content,\n      parentId: this._parentId,\n      indexInParent: this._indexInParent,\n    };\n  },\n\n  getGlInstance: function () {\n    return this._popoutWindow.__glInstance;\n  },\n\n  getWindow: function () {\n    return this._popoutWindow;\n  },\n\n  close: function () {\n    if (this.getGlInstance()) {\n      this.getGlInstance()._$closeWindow();\n    } else {\n      try {\n        this.getWindow().close();\n      } catch (e) {}\n    }\n  },\n\n  /**\n   * Returns the popped out item to its original position. If the original\n   * parent isn't available anymore it falls back to the layout's topmost element\n   */\n  popIn: function () {\n    var childConfig,\n      parentItem,\n      index = this._indexInParent;\n\n    if (this._parentId) {\n      /*\n       * The $.extend call seems a bit pointless, but it's crucial to\n       * copy the config returned by this.getGlInstance().toConfig()\n       * onto a new object. Internet Explorer keeps the references\n       * to objects on the child window, resulting in the following error\n       * once the child window is closed:\n       *\n       * The callee (server [not server application]) is not available and disappeared\n       */\n      childConfig = $.extend(true, {}, this.getGlInstance().toConfig())\n        .content[0];\n      parentItem = this._layoutManager.root.getItemsById(this._parentId)[0];\n\n      /*\n       * Fallback if parentItem is not available. Either add it to the topmost\n       * item or make it the topmost item if the layout is empty\n       */\n      if (!parentItem) {\n        if (this._layoutManager.root.contentItems.length > 0) {\n          parentItem = this._layoutManager.root.contentItems[0];\n        } else {\n          parentItem = this._layoutManager.root;\n        }\n        index = 0;\n      }\n    }\n\n    parentItem.addChild(childConfig, this._indexInParent);\n    this.close();\n  },\n\n  /**\n   * Creates the URL and window parameter\n   * and opens a new window\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _createWindow: function () {\n    var checkReadyInterval,\n      url = this._createUrl(),\n      /**\n       * Bogus title to prevent re-usage of existing window with the\n       * same title. The actual title will be set by the new window's\n       * GoldenLayout instance if it detects that it is in subWindowMode\n       */\n      title = Math.floor(Math.random() * 1000000).toString(36),\n      /**\n       * The options as used in the window.open string\n       */\n      options = this._serializeWindowOptions({\n        width: this._dimensions.width,\n        height: this._dimensions.height,\n        innerWidth: this._dimensions.width,\n        innerHeight: this._dimensions.height,\n        menubar: 'no',\n        toolbar: 'no',\n        location: 'no',\n        personalbar: 'no',\n        resizable: 'yes',\n        scrollbars: 'no',\n        status: 'no',\n      });\n\n    this._popoutWindow = window.open(url, title, options);\n\n    if (!this._popoutWindow) {\n      if (\n        this._layoutManager.config.settings.blockedPopoutsThrowError === true\n      ) {\n        var error = new Error('Popout blocked');\n        error.type = 'popoutBlocked';\n        throw error;\n      } else {\n        return;\n      }\n    }\n\n    $(this._popoutWindow)\n      .on('load', utils.fnBind(this._positionWindow, this))\n      .on('unload beforeunload', utils.fnBind(this._onClose, this));\n\n    /**\n     * Polling the childwindow to find out if GoldenLayout has been initialised\n     * doesn't seem optimal, but the alternatives - adding a callback to the parent\n     * window or raising an event on the window object - both would introduce knowledge\n     * about the parent to the child window which we'd rather avoid\n     */\n    checkReadyInterval = setInterval(\n      utils.fnBind(function () {\n        if (\n          this._popoutWindow.__glInstance &&\n          this._popoutWindow.__glInstance.isInitialised\n        ) {\n          this._onInitialised();\n          clearInterval(checkReadyInterval);\n        }\n      }, this),\n      10\n    );\n  },\n\n  /**\n   * Serialises a map of key:values to a window options string\n   *\n   * @param   {Object} windowOptions\n   *\n   * @returns {String} serialised window options\n   */\n  _serializeWindowOptions: function (windowOptions) {\n    var windowOptionsString = [],\n      key;\n\n    for (key in windowOptions) {\n      windowOptionsString.push(key + '=' + windowOptions[key]);\n    }\n\n    return windowOptionsString.join(',');\n  },\n\n  /**\n   * Creates the URL for the new window, including the\n   * config GET parameter\n   *\n   * @returns {String} URL\n   */\n  _createUrl: function () {\n    var config = { content: this._config },\n      storageKey = 'gl-window-config-' + utils.getUniqueId(),\n      urlParts;\n\n    config = new utils.ConfigMinifier().minifyConfig(config);\n\n    try {\n      localStorage.setItem(storageKey, JSON.stringify(config));\n    } catch (e) {\n      throw new Error('Error while writing to localStorage ' + e.toString());\n    }\n\n    urlParts = document.location.href.split('?');\n\n    // URL doesn't contain GET-parameters\n    if (urlParts.length === 1) {\n      return urlParts[0] + '?gl-window=' + storageKey;\n\n      // URL contains GET-parameters\n    } else {\n      return document.location.href + '&gl-window=' + storageKey;\n    }\n  },\n\n  /**\n   * Move the newly created window roughly to\n   * where the component used to be.\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _positionWindow: function () {\n    this._popoutWindow.moveTo(this._dimensions.left, this._dimensions.top);\n    this._popoutWindow.focus();\n  },\n\n  /**\n   * Callback when the new window is opened and the GoldenLayout instance\n   * within it is initialised\n   *\n   * @returns {void}\n   */\n  _onInitialised: function () {\n    this.isInitialised = true;\n    this.getGlInstance().on('popIn', this.popIn, this);\n    this.emit('initialised');\n  },\n\n  /**\n   * Invoked 50ms after the window unload event\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _onClose: function () {\n    setTimeout(utils.fnBind(this.emit, this, ['closed']), 50);\n  },\n});\n\nexport default BrowserPopout;\n"],"mappings":"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"}

package/dist/controls/DragProxy.js

@@ -0,0 +1,236 @@
+import $ from 'jquery';
+import utils from '../utils/index.js';
+/**
+ * This class creates a temporary container
+ * for the component whilst it is being dragged
+ * and handles drag events
+ *
+ * @constructor
+ * @private
+ *
+ * @param {Number} x              The initial x position
+ * @param {Number} y              The initial y position
+ * @param {lm.utils.DragListener} dragListener
+ * @param {lm.LayoutManager} layoutManager
+ * @param {lm.item.AbstractContentItem} contentItem
+ * @param {lm.item.AbstractContentItem} originalParent
+ */
+
+var DragProxy = function DragProxy(x, y, dragListener, layoutManager, contentItem, originalParent) {
+  utils.EventEmitter.call(this);
+  this._dragListener = dragListener;
+  this._layoutManager = layoutManager;
+  this._contentItem = contentItem;
+  this._originalParent = originalParent;
+  this._area = null;
+  this._lastValidArea = null;
+
+  this._dragListener.on('drag', this._onDrag, this);
+
+  this._dragListener.on('dragStop', this._onDrop, this); // set the inserted drag placeholder to be the size of the tab removed, before its removed
+
+
+  if (this._contentItem.tab && this._contentItem.tab.element) {
+    this._layoutManager.tabDropPlaceholder.width(this._contentItem.tab.element.outerWidth(true));
+
+    this._layoutManager.tabDropPlaceholder.height(this._contentItem.tab.element.outerHeight(true));
+  }
+
+  this.element = $(DragProxy._template);
+
+  if (originalParent && originalParent._side) {
+    this._sided = originalParent._sided;
+    this.element.addClass('lm_' + originalParent._side);
+    if (['right', 'bottom'].indexOf(originalParent._side) >= 0) this.element.find('.lm_content').after(this.element.find('.lm_header'));
+  }
+
+  this.element.css({
+    left: x,
+    top: y
+  });
+  this._proxyTab = this.element.find('.lm_tab');
+
+  this._proxyTab.attr('title', utils.stripTags(this._contentItem.config.title));
+
+  this.element.find('.lm_title').html(this._contentItem.config.title);
+  this.childElementContainer = this.element.find('.lm_content');
+  this.childElementContainer.append(contentItem.element);
+
+  this._updateTree();
+
+  this._layoutManager._$calculateItemAreas();
+
+  this._setDimensions();
+
+  $(document.body).append(this.element); // there's no content tab to use yet, use the proxy tab size for placeholder sizing, after it's created
+
+  if (!this._contentItem.tab && this._proxyTab.length) {
+    this._layoutManager.tabDropPlaceholder.width(this._proxyTab.outerWidth(true));
+
+    this._layoutManager.tabDropPlaceholder.height(this._proxyTab.outerHeight(true));
+  }
+
+  var offset = this._layoutManager.container.offset();
+
+  this._minX = offset.left;
+  this._minY = offset.top;
+  this._maxX = this._layoutManager.container.width() + this._minX;
+  this._maxY = this._layoutManager.container.height() + this._minY;
+  this._width = this.element.width();
+  this._height = this.element.height();
+
+  this._setDropPosition(x, y);
+
+  this._layoutManager.emit('itemPickedUp', this._contentItem);
+};
+
+DragProxy._template = '<div class="lm_dragProxy">' + '<div class="lm_header">' + '<ul class="lm_tabs">' + '<li class="lm_tab lm_active"><i class="lm_left"></i>' + '<span class="lm_title"></span>' + '<i class="lm_right"></i></li>' + '</ul>' + '</div>' + '<div class="lm_content"></div>' + '</div>';
+utils.copy(DragProxy.prototype, {
+  /**
+   * Callback on every mouseMove event during a drag. Determines if the drag is
+   * still within the valid drag area and calls the layoutManager to highlight the
+   * current drop area
+   *
+   * @param   {Number} offsetX The difference from the original x position in px
+   * @param   {Number} offsetY The difference from the original y position in px
+   * @param   {jQuery DOM event} event
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _onDrag: function _onDrag(offsetX, offsetY, event) {
+    event = event.originalEvent && event.originalEvent.touches ? event.originalEvent.touches[0] : event;
+    var x = event.pageX,
+        y = event.pageY,
+        isWithinContainer = x > this._minX && x < this._maxX && y > this._minY && y < this._maxY;
+
+    if (!isWithinContainer && this._layoutManager.config.settings.constrainDragToContainer === true) {
+      return;
+    }
+
+    this._setDropPosition(x, y);
+  },
+
+  /**
+   * Sets the target position, highlighting the appropriate area
+   *
+   * @param   {Number} x The x position in px
+   * @param   {Number} y The y position in px
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _setDropPosition: function _setDropPosition(x, y) {
+    this.element.css({
+      left: x,
+      top: y
+    });
+    this._area = this._layoutManager._$getArea(x, y);
+
+    if (this._area !== null) {
+      this._lastValidArea = this._area;
+
+      this._area.contentItem._$highlightDropZone(x, y, this._area);
+    }
+  },
+
+  /**
+   * Callback when the drag has finished. Determines the drop area
+   * and adds the child to it
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _onDrop: function _onDrop() {
+    this._layoutManager.dropTargetIndicator.hide();
+    /*
+     * Valid drop area found
+     */
+
+
+    if (this._area !== null) {
+      this._area.contentItem._$onDrop(this._contentItem, this._area);
+      /**
+       * No valid drop area available at present, but one has been found before.
+       * Use it
+       */
+
+    } else if (this._lastValidArea !== null) {
+      this._lastValidArea.contentItem._$onDrop(this._contentItem, this._lastValidArea);
+      /**
+       * No valid drop area found during the duration of the drag. Return
+       * content item to its original position if a original parent is provided.
+       * (Which is not the case if the drag had been initiated by createDragSource)
+       */
+
+    } else if (this._originalParent) {
+      this._originalParent.addChild(this._contentItem);
+      /**
+       * The drag didn't ultimately end up with adding the content item to
+       * any container. In order to ensure clean up happens, destroy the
+       * content item.
+       */
+
+    } else {
+      this._contentItem._$destroy();
+    }
+
+    this._dragListener.off('drag', this._onDrag, this);
+
+    this._dragListener.off('dragStop', this._onDrop, this);
+
+    this.element.remove();
+
+    this._layoutManager.emit('itemDropped', this._contentItem);
+  },
+
+  /**
+   * Removes the item from its original position within the tree
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _updateTree: function _updateTree() {
+    /**
+     * parent is null if the drag had been initiated by a external drag source
+     */
+    if (this._contentItem.parent) {
+      this._contentItem.parent.removeChild(this._contentItem, true);
+    }
+
+    this._contentItem._$setParent(this);
+  },
+
+  /**
+   * Updates the Drag Proxie's dimensions
+   *
+   * @private
+   *
+   * @returns {void}
+   */
+  _setDimensions: function _setDimensions() {
+    var dimensions = this._layoutManager.config.dimensions,
+        width = dimensions.dragProxyWidth,
+        height = dimensions.dragProxyHeight;
+    this.element.width(width);
+    this.element.height(height);
+    width -= this._sided ? dimensions.headerHeight : 0;
+    height -= !this._sided ? dimensions.headerHeight : 0;
+    this.childElementContainer.width(width);
+    this.childElementContainer.height(height);
+
+    this._contentItem.element.width(width);
+
+    this._contentItem.element.height(height);
+
+    this._contentItem.callDownwards('_$show');
+
+    this._contentItem.callDownwards('setSize');
+  }
+});
+export default DragProxy;
+//# sourceMappingURL=DragProxy.js.map

package/dist/controls/DragProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragProxy.js","names":["$","utils","DragProxy","x","y","dragListener","layoutManager","contentItem","originalParent","EventEmitter","call","_dragListener","_layoutManager","_contentItem","_originalParent","_area","_lastValidArea","on","_onDrag","_onDrop","tab","element","tabDropPlaceholder","width","outerWidth","height","outerHeight","_template","_side","_sided","addClass","indexOf","find","after","css","left","top","_proxyTab","attr","stripTags","config","title","html","childElementContainer","append","_updateTree","_$calculateItemAreas","_setDimensions","document","body","length","offset","container","_minX","_minY","_maxX","_maxY","_width","_height","_setDropPosition","emit","copy","prototype","offsetX","offsetY","event","originalEvent","touches","pageX","pageY","isWithinContainer","settings","constrainDragToContainer","_$getArea","_$highlightDropZone","dropTargetIndicator","hide","_$onDrop","addChild","_$destroy","off","remove","parent","removeChild","_$setParent","dimensions","dragProxyWidth","dragProxyHeight","headerHeight","callDownwards"],"sources":["../../src/controls/DragProxy.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\n\n/**\n * This class creates a temporary container\n * for the component whilst it is being dragged\n * and handles drag events\n *\n * @constructor\n * @private\n *\n * @param {Number} x              The initial x position\n * @param {Number} y              The initial y position\n * @param {lm.utils.DragListener} dragListener\n * @param {lm.LayoutManager} layoutManager\n * @param {lm.item.AbstractContentItem} contentItem\n * @param {lm.item.AbstractContentItem} originalParent\n */\nconst DragProxy = function (\n  x,\n  y,\n  dragListener,\n  layoutManager,\n  contentItem,\n  originalParent\n) {\n  utils.EventEmitter.call(this);\n\n  this._dragListener = dragListener;\n  this._layoutManager = layoutManager;\n  this._contentItem = contentItem;\n  this._originalParent = originalParent;\n\n  this._area = null;\n  this._lastValidArea = null;\n\n  this._dragListener.on('drag', this._onDrag, this);\n  this._dragListener.on('dragStop', this._onDrop, this);\n\n  // set the inserted drag placeholder to be the size of the tab removed, before its removed\n  if (this._contentItem.tab && this._contentItem.tab.element) {\n    this._layoutManager.tabDropPlaceholder.width(\n      this._contentItem.tab.element.outerWidth(true)\n    );\n    this._layoutManager.tabDropPlaceholder.height(\n      this._contentItem.tab.element.outerHeight(true)\n    );\n  }\n\n  this.element = $(DragProxy._template);\n  if (originalParent && originalParent._side) {\n    this._sided = originalParent._sided;\n    this.element.addClass('lm_' + originalParent._side);\n    if (['right', 'bottom'].indexOf(originalParent._side) >= 0)\n      this.element.find('.lm_content').after(this.element.find('.lm_header'));\n  }\n  this.element.css({ left: x, top: y });\n  this._proxyTab = this.element.find('.lm_tab');\n  this._proxyTab.attr('title', utils.stripTags(this._contentItem.config.title));\n  this.element.find('.lm_title').html(this._contentItem.config.title);\n  this.childElementContainer = this.element.find('.lm_content');\n  this.childElementContainer.append(contentItem.element);\n\n  this._updateTree();\n  this._layoutManager._$calculateItemAreas();\n  this._setDimensions();\n\n  $(document.body).append(this.element);\n\n  // there's no content tab to use yet, use the proxy tab size for placeholder sizing, after it's created\n  if (!this._contentItem.tab && this._proxyTab.length) {\n    this._layoutManager.tabDropPlaceholder.width(\n      this._proxyTab.outerWidth(true)\n    );\n    this._layoutManager.tabDropPlaceholder.height(\n      this._proxyTab.outerHeight(true)\n    );\n  }\n\n  var offset = this._layoutManager.container.offset();\n\n  this._minX = offset.left;\n  this._minY = offset.top;\n  this._maxX = this._layoutManager.container.width() + this._minX;\n  this._maxY = this._layoutManager.container.height() + this._minY;\n  this._width = this.element.width();\n  this._height = this.element.height();\n\n  this._setDropPosition(x, y);\n\n  this._layoutManager.emit('itemPickedUp', this._contentItem);\n};\n\nDragProxy._template =\n  '<div class=\"lm_dragProxy\">' +\n  '<div class=\"lm_header\">' +\n  '<ul class=\"lm_tabs\">' +\n  '<li class=\"lm_tab lm_active\"><i class=\"lm_left\"></i>' +\n  '<span class=\"lm_title\"></span>' +\n  '<i class=\"lm_right\"></i></li>' +\n  '</ul>' +\n  '</div>' +\n  '<div class=\"lm_content\"></div>' +\n  '</div>';\n\nutils.copy(DragProxy.prototype, {\n  /**\n   * Callback on every mouseMove event during a drag. Determines if the drag is\n   * still within the valid drag area and calls the layoutManager to highlight the\n   * current drop area\n   *\n   * @param   {Number} offsetX The difference from the original x position in px\n   * @param   {Number} offsetY The difference from the original y position in px\n   * @param   {jQuery DOM event} event\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _onDrag: function (offsetX, offsetY, event) {\n    event =\n      event.originalEvent && event.originalEvent.touches\n        ? event.originalEvent.touches[0]\n        : event;\n\n    var x = event.pageX,\n      y = event.pageY,\n      isWithinContainer =\n        x > this._minX && x < this._maxX && y > this._minY && y < this._maxY;\n\n    if (\n      !isWithinContainer &&\n      this._layoutManager.config.settings.constrainDragToContainer === true\n    ) {\n      return;\n    }\n\n    this._setDropPosition(x, y);\n  },\n\n  /**\n   * Sets the target position, highlighting the appropriate area\n   *\n   * @param   {Number} x The x position in px\n   * @param   {Number} y The y position in px\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _setDropPosition: function (x, y) {\n    this.element.css({ left: x, top: y });\n    this._area = this._layoutManager._$getArea(x, y);\n\n    if (this._area !== null) {\n      this._lastValidArea = this._area;\n      this._area.contentItem._$highlightDropZone(x, y, this._area);\n    }\n  },\n\n  /**\n   * Callback when the drag has finished. Determines the drop area\n   * and adds the child to it\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _onDrop: function () {\n    this._layoutManager.dropTargetIndicator.hide();\n\n    /*\n     * Valid drop area found\n     */\n    if (this._area !== null) {\n      this._area.contentItem._$onDrop(this._contentItem, this._area);\n\n      /**\n       * No valid drop area available at present, but one has been found before.\n       * Use it\n       */\n    } else if (this._lastValidArea !== null) {\n      this._lastValidArea.contentItem._$onDrop(\n        this._contentItem,\n        this._lastValidArea\n      );\n\n      /**\n       * No valid drop area found during the duration of the drag. Return\n       * content item to its original position if a original parent is provided.\n       * (Which is not the case if the drag had been initiated by createDragSource)\n       */\n    } else if (this._originalParent) {\n      this._originalParent.addChild(this._contentItem);\n\n      /**\n       * The drag didn't ultimately end up with adding the content item to\n       * any container. In order to ensure clean up happens, destroy the\n       * content item.\n       */\n    } else {\n      this._contentItem._$destroy();\n    }\n\n    this._dragListener.off('drag', this._onDrag, this);\n    this._dragListener.off('dragStop', this._onDrop, this);\n\n    this.element.remove();\n\n    this._layoutManager.emit('itemDropped', this._contentItem);\n  },\n\n  /**\n   * Removes the item from its original position within the tree\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _updateTree: function () {\n    /**\n     * parent is null if the drag had been initiated by a external drag source\n     */\n    if (this._contentItem.parent) {\n      this._contentItem.parent.removeChild(this._contentItem, true);\n    }\n\n    this._contentItem._$setParent(this);\n  },\n\n  /**\n   * Updates the Drag Proxie's dimensions\n   *\n   * @private\n   *\n   * @returns {void}\n   */\n  _setDimensions: function () {\n    var dimensions = this._layoutManager.config.dimensions,\n      width = dimensions.dragProxyWidth,\n      height = dimensions.dragProxyHeight;\n\n    this.element.width(width);\n    this.element.height(height);\n    width -= this._sided ? dimensions.headerHeight : 0;\n    height -= !this._sided ? dimensions.headerHeight : 0;\n    this.childElementContainer.width(width);\n    this.childElementContainer.height(height);\n    this._contentItem.element.width(width);\n    this._contentItem.element.height(height);\n    this._contentItem.callDownwards('_$show');\n    this._contentItem.callDownwards('setSize');\n  },\n});\n\nexport default DragProxy;\n"],"mappings":"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"}

package/dist/controls/DragSource.js

@@ -0,0 +1,60 @@
+import $ from 'jquery';
+import utils from '../utils/index.js';
+import DragProxy from './DragProxy.js';
+/**
+ * Allows for any DOM item to create a component on drag
+ * start tobe dragged into the Layout
+ *
+ * @param {jQuery element} element
+ * @param {Object} itemConfig the configuration for the contentItem that will be created
+ * @param {LayoutManager} layoutManager
+ *
+ * @constructor
+ */
+
+var DragSource = function DragSource(element, itemConfig, layoutManager) {
+  this._element = element;
+  this._itemConfig = itemConfig;
+  this._layoutManager = layoutManager;
+  this._dragListener = null;
+
+  this._createDragListener();
+};
+
+utils.copy(DragSource.prototype, {
+  /**
+   * Called initially and after every drag
+   *
+   * @returns {void}
+   */
+  _createDragListener: function _createDragListener() {
+    this._dragListener = new utils.DragListener(this._element, true);
+
+    this._dragListener.on('dragStart', this._onDragStart, this);
+
+    this._dragListener.on('dragStop', this._createDragListener, this);
+  },
+
+  /**
+   * Callback for the DragListener's dragStart event
+   *
+   * @param   {int} x the x position of the mouse on dragStart
+   * @param   {int} y the x position of the mouse on dragStart
+   *
+   * @returns {void}
+   */
+  _onDragStart: function _onDragStart(x, y) {
+    var itemConfig = this._itemConfig;
+
+    if (utils.isFunction(itemConfig)) {
+      itemConfig = itemConfig();
+    }
+
+    var contentItem = this._layoutManager._$normalizeContentItem($.extend(true, {}, itemConfig)),
+        dragProxy = new DragProxy(x, y, this._dragListener, this._layoutManager, contentItem, null);
+
+    this._layoutManager.transitionIndicator.transitionElements(this._element, dragProxy.element);
+  }
+});
+export default DragSource;
+//# sourceMappingURL=DragSource.js.map

package/dist/controls/DragSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragSource.js","names":["$","utils","DragProxy","DragSource","element","itemConfig","layoutManager","_element","_itemConfig","_layoutManager","_dragListener","_createDragListener","copy","prototype","DragListener","on","_onDragStart","x","y","isFunction","contentItem","_$normalizeContentItem","extend","dragProxy","transitionIndicator","transitionElements"],"sources":["../../src/controls/DragSource.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\nimport DragProxy from './DragProxy.js';\n\n/**\n * Allows for any DOM item to create a component on drag\n * start tobe dragged into the Layout\n *\n * @param {jQuery element} element\n * @param {Object} itemConfig the configuration for the contentItem that will be created\n * @param {LayoutManager} layoutManager\n *\n * @constructor\n */\nconst DragSource = function (element, itemConfig, layoutManager) {\n  this._element = element;\n  this._itemConfig = itemConfig;\n  this._layoutManager = layoutManager;\n  this._dragListener = null;\n\n  this._createDragListener();\n};\n\nutils.copy(DragSource.prototype, {\n  /**\n   * Called initially and after every drag\n   *\n   * @returns {void}\n   */\n  _createDragListener: function () {\n    this._dragListener = new utils.DragListener(this._element, true);\n    this._dragListener.on('dragStart', this._onDragStart, this);\n    this._dragListener.on('dragStop', this._createDragListener, this);\n  },\n\n  /**\n   * Callback for the DragListener's dragStart event\n   *\n   * @param   {int} x the x position of the mouse on dragStart\n   * @param   {int} y the x position of the mouse on dragStart\n   *\n   * @returns {void}\n   */\n  _onDragStart: function (x, y) {\n    var itemConfig = this._itemConfig;\n    if (utils.isFunction(itemConfig)) {\n      itemConfig = itemConfig();\n    }\n    var contentItem = this._layoutManager._$normalizeContentItem(\n        $.extend(true, {}, itemConfig)\n      ),\n      dragProxy = new DragProxy(\n        x,\n        y,\n        this._dragListener,\n        this._layoutManager,\n        contentItem,\n        null\n      );\n\n    this._layoutManager.transitionIndicator.transitionElements(\n      this._element,\n      dragProxy.element\n    );\n  },\n});\n\nexport default DragSource;\n"],"mappings":"AAAA,OAAOA,CAAP,MAAc,QAAd;AACA,OAAOC,KAAP,MAAkB,mBAAlB;AACA,OAAOC,SAAP,MAAsB,gBAAtB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAUC,OAAV,EAAmBC,UAAnB,EAA+BC,aAA/B,EAA8C;EAC/D,KAAKC,QAAL,GAAgBH,OAAhB;EACA,KAAKI,WAAL,GAAmBH,UAAnB;EACA,KAAKI,cAAL,GAAsBH,aAAtB;EACA,KAAKI,aAAL,GAAqB,IAArB;;EAEA,KAAKC,mBAAL;AACD,CAPD;;AASAV,KAAK,CAACW,IAAN,CAAWT,UAAU,CAACU,SAAtB,EAAiC;EAC/B;AACF;AACA;AACA;AACA;EACEF,mBAAmB,EAAE,+BAAY;IAC/B,KAAKD,aAAL,GAAqB,IAAIT,KAAK,CAACa,YAAV,CAAuB,KAAKP,QAA5B,EAAsC,IAAtC,CAArB;;IACA,KAAKG,aAAL,CAAmBK,EAAnB,CAAsB,WAAtB,EAAmC,KAAKC,YAAxC,EAAsD,IAAtD;;IACA,KAAKN,aAAL,CAAmBK,EAAnB,CAAsB,UAAtB,EAAkC,KAAKJ,mBAAvC,EAA4D,IAA5D;EACD,CAV8B;;EAY/B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEK,YAAY,EAAE,sBAAUC,CAAV,EAAaC,CAAb,EAAgB;IAC5B,IAAIb,UAAU,GAAG,KAAKG,WAAtB;;IACA,IAAIP,KAAK,CAACkB,UAAN,CAAiBd,UAAjB,CAAJ,EAAkC;MAChCA,UAAU,GAAGA,UAAU,EAAvB;IACD;;IACD,IAAIe,WAAW,GAAG,KAAKX,cAAL,CAAoBY,sBAApB,CACdrB,CAAC,CAACsB,MAAF,CAAS,IAAT,EAAe,EAAf,EAAmBjB,UAAnB,CADc,CAAlB;IAAA,IAGEkB,SAAS,GAAG,IAAIrB,SAAJ,CACVe,CADU,EAEVC,CAFU,EAGV,KAAKR,aAHK,EAIV,KAAKD,cAJK,EAKVW,WALU,EAMV,IANU,CAHd;;IAYA,KAAKX,cAAL,CAAoBe,mBAApB,CAAwCC,kBAAxC,CACE,KAAKlB,QADP,EAEEgB,SAAS,CAACnB,OAFZ;EAID;AAzC8B,CAAjC;AA4CA,eAAeD,UAAf"}