@deephaven/golden-layout 0.43.0 → 0.44.0

package/dist/items/Stack.js

@@ -0,0 +1,479 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import $ from 'jquery';
+import AbstractContentItem, { isComponent } from "./AbstractContentItem.js";
+import { Header } from "../controls/index.js";
+export default class Stack extends AbstractContentItem {
+  constructor(layoutManager, config, parent) {
+    var _cfg$settings, _cfg$settings2, _cfg$labels, _cfg$settings3, _cfg$labels2, _cfg$settings4, _cfg$labels3, _cfg$labels$minimise, _cfg$labels4;
+    super(layoutManager, config, parent, $('<div class="lm_item lm_stack"></div>'));
+    _defineProperty(this, "_activeContentItem", null);
+    _defineProperty(this, "_header", void 0);
+    _defineProperty(this, "childElementContainer", $('<div class="lm_items"></div>'));
+    _defineProperty(this, "header", void 0);
+    _defineProperty(this, "parent", void 0);
+    _defineProperty(this, "isStack", true);
+    _defineProperty(this, "_dropZones", {});
+    _defineProperty(this, "_dropSegment", null);
+    _defineProperty(this, "_contentAreaDimensions", null);
+    _defineProperty(this, "_dropIndex", void 0);
+    _defineProperty(this, "_side", void 0);
+    _defineProperty(this, "_sided", false);
+    _defineProperty(this, "config", void 0);
+    this.parent = parent;
+    this.config = config;
+    var cfg = layoutManager.config;
+    this._side = false;
+    this._header = {
+      // defaults' reconstruction from old configuration style
+      show: ((_cfg$settings = cfg.settings) === null || _cfg$settings === void 0 ? void 0 : _cfg$settings.hasHeaders) && config.hasHeaders !== false,
+      popout: (_cfg$settings2 = cfg.settings) !== null && _cfg$settings2 !== void 0 && _cfg$settings2.showPopoutIcon ? (_cfg$labels = cfg.labels) === null || _cfg$labels === void 0 ? void 0 : _cfg$labels.popout : undefined,
+      maximise: (_cfg$settings3 = cfg.settings) !== null && _cfg$settings3 !== void 0 && _cfg$settings3.showMaximiseIcon ? (_cfg$labels2 = cfg.labels) === null || _cfg$labels2 === void 0 ? void 0 : _cfg$labels2.maximise : undefined,
+      close: (_cfg$settings4 = cfg.settings) !== null && _cfg$settings4 !== void 0 && _cfg$settings4.showCloseIcon ? (_cfg$labels3 = cfg.labels) === null || _cfg$labels3 === void 0 ? void 0 : _cfg$labels3.close : undefined,
+      minimise: (_cfg$labels$minimise = (_cfg$labels4 = cfg.labels) === null || _cfg$labels4 === void 0 ? void 0 : _cfg$labels4.minimise) !== null && _cfg$labels$minimise !== void 0 ? _cfg$labels$minimise : undefined
+    };
+
+    // load simplified version of header configuration (https://github.com/deepstreamIO/golden-layout/pull/245)
+    if (cfg.header) this._header = _objectSpread(_objectSpread({}, this._header), cfg.header);
+    if (config.header)
+      // load from stack
+      this._header = _objectSpread(_objectSpread({}, this._header), config.header);
+    if (config.content && config.content[0] && config.content[0].header)
+      // load from component if stack omitted
+      this._header = _objectSpread(_objectSpread({}, this._header), config.content[0].header);
+    this.header = new Header(layoutManager, this);
+    this.element.append(this.header.element);
+    this.element.append(this.childElementContainer);
+    this._setupHeaderPosition();
+    this._$validateClosability();
+  }
+  setSize() {
+    var _this$layoutManager$c, _this$layoutManager$c2, _this$element$width, _this$element$height;
+    var i,
+      headerSize = this._header.show ? (_this$layoutManager$c = (_this$layoutManager$c2 = this.layoutManager.config.dimensions) === null || _this$layoutManager$c2 === void 0 ? void 0 : _this$layoutManager$c2.headerHeight) !== null && _this$layoutManager$c !== void 0 ? _this$layoutManager$c : 0 : 0,
+      contentWidth = ((_this$element$width = this.element.width()) !== null && _this$element$width !== void 0 ? _this$element$width : 0) - (this._sided ? headerSize : 0),
+      contentHeight = ((_this$element$height = this.element.height()) !== null && _this$element$height !== void 0 ? _this$element$height : 0) - (!this._sided ? headerSize : 0);
+    this.childElementContainer.width(contentWidth);
+    this.childElementContainer.height(contentHeight);
+    for (i = 0; i < this.contentItems.length; i++) {
+      this.contentItems[i].element.width(contentWidth).height(contentHeight);
+    }
+    this.emit('resize');
+    this.emitBubblingEvent('stateChanged');
+  }
+  _$init() {
+    if (this.isInitialised === true) return;
+    this.header._attachWheelListener();
+    super._$init();
+    for (var i = 0; i < this.contentItems.length; i++) {
+      this.header.createTab(this.contentItems[i]);
+      this.contentItems[i]._$hide();
+    }
+    if (this.contentItems.length > 0) {
+      var initialItem = this.contentItems[this.config.activeItemIndex || 0];
+      if (!initialItem) {
+        throw new Error('Configured activeItemIndex out of bounds');
+      }
+      this.setActiveContentItem(initialItem);
+    }
+  }
+  setActiveContentItem(contentItem) {
+    if (this.contentItems.indexOf(contentItem) === -1) {
+      throw new Error('contentItem is not a child of this stack');
+    }
+    if (this._activeContentItem !== null) {
+      this._activeContentItem._$hide();
+    }
+    this._activeContentItem = contentItem;
+    this.header.setActiveContentItem(contentItem);
+    contentItem._$show();
+    this.emit('activeContentItemChanged', contentItem);
+    this.layoutManager.emit('activeContentItemChanged', contentItem);
+    this.emitBubblingEvent('stateChanged');
+  }
+  getActiveContentItem() {
+    return this.header.activeContentItem;
+  }
+  addChild(contentItem, index) {
+    contentItem = this.layoutManager._$normalizeContentItem(contentItem, this);
+    super.addChild(contentItem, index);
+    this.childElementContainer.append(contentItem.element);
+    this.header.createTab(contentItem, index);
+    this.setActiveContentItem(contentItem);
+    this.callDownwards('setSize');
+    this._$validateClosability();
+    this.emitBubblingEvent('stateChanged');
+  }
+  removeChild(contentItem) {
+    var keepChild = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var index = this.contentItems.indexOf(contentItem);
+    super.removeChild(contentItem, keepChild);
+    this.header.removeTab(contentItem);
+    if (this.header.activeContentItem === contentItem) {
+      if (this.contentItems.length > 0) {
+        this.setActiveContentItem(this.contentItems[Math.max(index - 1, 0)]);
+      } else {
+        this._activeContentItem = null;
+      }
+    }
+    this._$validateClosability();
+    this.emitBubblingEvent('stateChanged');
+  }
+
+  /**
+   * Validates that the stack is still closable or not. If a stack is able
+   * to close, but has a non closable component added to it, the stack is no
+   * longer closable until all components are closable.
+   */
+  _$validateClosability() {
+    var isClosable = this.header._isClosable();
+    for (var i = 0, len = this.contentItems.length; i < len; i++) {
+      var _this$contentItems$i$;
+      if (!isClosable) {
+        break;
+      }
+      isClosable = (_this$contentItems$i$ = this.contentItems[i].config.isClosable) !== null && _this$contentItems$i$ !== void 0 ? _this$contentItems$i$ : false;
+    }
+    this.header._$setClosable(isClosable);
+  }
+  _$destroy() {
+    AbstractContentItem.prototype._$destroy.call(this);
+    this.header._$destroy();
+  }
+
+  /**
+   * Ok, this one is going to be the tricky one: The user has dropped {contentItem} onto this stack.
+   *
+   * It was dropped on either the stacks header or the top, right, bottom or left bit of the content area
+   * (which one of those is stored in this._dropSegment). Now, if the user has dropped on the header the case
+   * is relatively clear: We add the item to the existing stack... job done (might be good to have
+   * tab reordering at some point, but lets not sweat it right now)
+   *
+   * If the item was dropped on the content part things are a bit more complicated. If it was dropped on either the
+   * top or bottom region we need to create a new column and place the items accordingly.
+   * Unless, of course if the stack is already within a column... in which case we want
+   * to add the newly created item to the existing column...
+   * either prepend or append it, depending on wether its top or bottom.
+   *
+   * Same thing for rows and left / right drop segments... so in total there are 9 things that can potentially happen
+   * (left, top, right, bottom) * is child of the right parent (row, column) + header drop
+   *
+   * @param contentItem
+   */
+  _$onDrop(contentItem) {
+    /*
+     * The item was dropped on the header area. Just add it as a child of this stack and
+     * get the hell out of this logic
+     */
+    if (this._dropSegment === 'header') {
+      this._resetHeaderDropZone();
+      this.addChild(contentItem, this._dropIndex);
+      return;
+    }
+
+    /*
+     * The stack is empty. Let's just add the element.
+     */
+    if (this._dropSegment === 'body') {
+      this.addChild(contentItem);
+      return;
+    }
+
+    /*
+     * The item was dropped on the top-, left-, bottom- or right- part of the content. Let's
+     * aggregate some conditions to make the if statements later on more readable
+     */
+    var isVertical = this._dropSegment === 'top' || this._dropSegment === 'bottom';
+    var isHorizontal = this._dropSegment === 'left' || this._dropSegment === 'right';
+    var insertBefore = this._dropSegment === 'top' || this._dropSegment === 'left';
+    var hasCorrectParent = isVertical && this.parent.isColumn || isHorizontal && this.parent.isRow;
+    var type = isVertical ? 'column' : 'row';
+    var dimension = isVertical ? 'height' : 'width';
+
+    /*
+     * The content item can be either a component or a stack. If it is a component, wrap it into a stack
+     */
+    if (isComponent(contentItem)) {
+      var stack = this.layoutManager.createContentItem({
+        type: 'stack',
+        header: contentItem.config.header || {}
+      }, this);
+      stack._$init();
+      stack.addChild(contentItem);
+      contentItem = stack;
+    }
+
+    /*
+     * If the item is dropped on top or bottom of a column or left and right of a row, it's already
+     * layd out in the correct way. Just add it as a child
+     */
+    if (hasCorrectParent) {
+      var _this$config$dimensio;
+      var index = this.parent.contentItems.indexOf(this);
+      this.parent.addChild(contentItem, insertBefore ? index : index + 1, true);
+      this.config[dimension] = ((_this$config$dimensio = this.config[dimension]) !== null && _this$config$dimensio !== void 0 ? _this$config$dimensio : 0) * 0.5;
+      contentItem.config[dimension] = this.config[dimension];
+      this.parent.callDownwards('setSize');
+      /*
+       * This handles items that are dropped on top or bottom of a row or left / right of a column. We need
+       * to create the appropriate contentItem for them to live in
+       */
+    } else {
+      var rowOrColumn = this.layoutManager.createContentItem({
+        type: type
+      }, this);
+      this.parent.replaceChild(this, rowOrColumn);
+      rowOrColumn.addChild(contentItem, insertBefore ? 0 : undefined, true);
+      rowOrColumn.addChild(this, insertBefore ? undefined : 0, true);
+      this.config[dimension] = 50;
+      contentItem.config[dimension] = 50;
+      rowOrColumn.callDownwards('setSize');
+    }
+  }
+
+  /**
+   * If the user hovers above the header part of the stack, indicate drop positions for tabs.
+   * otherwise indicate which segment of the body the dragged item would be dropped on
+   *
+   * @param x Absolute Screen X
+   * @param y Absolute Screen Y
+   */
+  _$highlightDropZone(x, y) {
+    if (!this._contentAreaDimensions) {
+      return;
+    }
+    for (var [segment, dimensions] of Object.entries(this._contentAreaDimensions)) {
+      var area = dimensions.hoverArea;
+      if (area.x1 < x && area.x2 > x && area.y1 < y && area.y2 > y) {
+        if (segment === 'header') {
+          this._dropSegment = 'header';
+          this._highlightHeaderDropZone(x);
+        } else {
+          this._resetHeaderDropZone();
+          this._highlightBodyDropZone(segment);
+        }
+        return;
+      }
+    }
+  }
+  _$getArea() {
+    if (this.element.is(':visible') === false) {
+      return null;
+    }
+    var headerArea = super._$getArea(this.header.element);
+    var contentArea = super._$getArea(this.childElementContainer);
+    if (headerArea == null || contentArea == null) {
+      return null;
+    }
+    var contentWidth = contentArea.x2 - contentArea.x1;
+    var contentHeight = contentArea.y2 - contentArea.y1;
+    this._contentAreaDimensions = {
+      header: {
+        hoverArea: {
+          x1: headerArea.x1,
+          y1: headerArea.y1,
+          x2: headerArea.x2,
+          y2: headerArea.y2
+        },
+        highlightArea: {
+          x1: headerArea.x1,
+          y1: headerArea.y1,
+          x2: headerArea.x2,
+          y2: headerArea.y2
+        }
+      }
+    };
+
+    /**
+     * If this Stack is a parent to rows, columns or other stacks only its
+     * header is a valid dropzone.
+     */
+    if (this._activeContentItem && this._activeContentItem.isComponent === false) {
+      return headerArea;
+    }
+
+    /**
+     * Highlight the entire body if the stack is empty
+     */
+    if (this.contentItems.length === 0) {
+      this._contentAreaDimensions.body = {
+        hoverArea: {
+          x1: contentArea.x1,
+          y1: contentArea.y1,
+          x2: contentArea.x2,
+          y2: contentArea.y2
+        },
+        highlightArea: {
+          x1: contentArea.x1,
+          y1: contentArea.y1,
+          x2: contentArea.x2,
+          y2: contentArea.y2
+        }
+      };
+      return super._$getArea(this.element);
+    }
+    this._contentAreaDimensions.left = {
+      hoverArea: {
+        x1: contentArea.x1,
+        y1: contentArea.y1,
+        x2: contentArea.x1 + contentWidth * 0.25,
+        y2: contentArea.y2
+      },
+      highlightArea: {
+        x1: contentArea.x1,
+        y1: contentArea.y1,
+        x2: contentArea.x1 + contentWidth * 0.5,
+        y2: contentArea.y2
+      }
+    };
+    this._contentAreaDimensions.top = {
+      hoverArea: {
+        x1: contentArea.x1 + contentWidth * 0.25,
+        y1: contentArea.y1,
+        x2: contentArea.x1 + contentWidth * 0.75,
+        y2: contentArea.y1 + contentHeight * 0.5
+      },
+      highlightArea: {
+        x1: contentArea.x1,
+        y1: contentArea.y1,
+        x2: contentArea.x2,
+        y2: contentArea.y1 + contentHeight * 0.5
+      }
+    };
+    this._contentAreaDimensions.right = {
+      hoverArea: {
+        x1: contentArea.x1 + contentWidth * 0.75,
+        y1: contentArea.y1,
+        x2: contentArea.x2,
+        y2: contentArea.y2
+      },
+      highlightArea: {
+        x1: contentArea.x1 + contentWidth * 0.5,
+        y1: contentArea.y1,
+        x2: contentArea.x2,
+        y2: contentArea.y2
+      }
+    };
+    this._contentAreaDimensions.bottom = {
+      hoverArea: {
+        x1: contentArea.x1 + contentWidth * 0.25,
+        y1: contentArea.y1 + contentHeight * 0.5,
+        x2: contentArea.x1 + contentWidth * 0.75,
+        y2: contentArea.y2
+      },
+      highlightArea: {
+        x1: contentArea.x1,
+        y1: contentArea.y1 + contentHeight * 0.5,
+        x2: contentArea.x2,
+        y2: contentArea.y2
+      }
+    };
+    return super._$getArea(this.element);
+  }
+  _highlightHeaderDropZone(x) {
+    var _tabsContainer$get, _this$layoutManager$t, _this$layoutManager$t2, _this$layoutManager$t3, _this$header$tabsCont, _this$header$tabsCont2, _this$layoutManager$t4, _this$header$tabsCont3, _this$header$tabsCont4, _this$header$tabsCont5, _this$layoutManager$d2, _this$header$element$6, _this$header$element$7, _this$header$element$8, _this$header$element$9, _this$header$element$10;
+    var tabsLength = this.header.tabs.length;
+
+    // I've omitted code for side edge tabs here
+    // illumon doesn't need it, will slowly pull that code out elsewhere too
+
+    // Empty stack
+    if (tabsLength === 0) {
+      var _this$layoutManager$d, _headerOffset$left, _headerOffset$left2, _this$header$element$, _this$header$element$2, _this$header$element$3, _this$header$element$4, _this$header$element$5;
+      var headerOffset = this.header.element.offset();
+
+      // we don't have a placeholder to measure in the dom, lets just cheat and make it 100px.
+      (_this$layoutManager$d = this.layoutManager.dropTargetIndicator) === null || _this$layoutManager$d === void 0 ? void 0 : _this$layoutManager$d.highlightArea({
+        x1: (_headerOffset$left = headerOffset === null || headerOffset === void 0 ? void 0 : headerOffset.left) !== null && _headerOffset$left !== void 0 ? _headerOffset$left : 0,
+        x2: ((_headerOffset$left2 = headerOffset === null || headerOffset === void 0 ? void 0 : headerOffset.left) !== null && _headerOffset$left2 !== void 0 ? _headerOffset$left2 : 0) + 100,
+        y1: (_this$header$element$ = (_this$header$element$2 = this.header.element.offset()) === null || _this$header$element$2 === void 0 ? void 0 : _this$header$element$2.top) !== null && _this$header$element$ !== void 0 ? _this$header$element$ : 0,
+        y2: ((_this$header$element$3 = (_this$header$element$4 = this.header.element.offset()) === null || _this$header$element$4 === void 0 ? void 0 : _this$header$element$4.top) !== null && _this$header$element$3 !== void 0 ? _this$header$element$3 : 0) + ((_this$header$element$5 = this.header.element.innerHeight()) !== null && _this$header$element$5 !== void 0 ? _this$header$element$5 : 0)
+      });
+      return;
+    }
+    var tabsContainer = this.header.tabsContainer;
+    var tabsContainerRect = (_tabsContainer$get = tabsContainer.get(0)) === null || _tabsContainer$get === void 0 ? void 0 : _tabsContainer$get.getBoundingClientRect();
+    var placeholderRect = (_this$layoutManager$t = this.layoutManager.tabDropPlaceholder.get(0)) === null || _this$layoutManager$t === void 0 ? void 0 : _this$layoutManager$t.getBoundingClientRect();
+    if (!tabsContainerRect || !placeholderRect) {
+      return;
+    }
+    if (x < tabsContainerRect.left) {
+      // is over left tab controls button
+      //  move x to a new point to inside left edge of container
+      x = tabsContainerRect.left + 1;
+    } else if (x > tabsContainerRect.right) {
+      // is over right tab controls button
+      // move x to a new point to inside right edge of container
+      x = tabsContainerRect.right - 1;
+    }
+    var tabElement;
+    var tabRect;
+
+    // if its not inide a placeholder,
+    if (!(placeholderRect.left < x && x < placeholderRect.right)) {
+      // which tab is it over ...
+      for (var i = 0; i < tabsLength; i++) {
+        var _tabElement$get;
+        tabElement = this.header.tabs[i].element;
+        tabRect = (_tabElement$get = tabElement.get(0)) === null || _tabElement$get === void 0 ? void 0 : _tabElement$get.getBoundingClientRect();
+        if (tabRect && tabRect.left < x && x < tabRect.right) {
+          this._dropIndex = i;
+          break;
+        }
+      }
+
+      // we have tabRect at this x,y from the loop above
+      if (tabElement && tabRect && x < tabRect.left + tabRect.width * 0.5) {
+        // mostly before an element, insert placeholder before
+        tabElement.before(this.layoutManager.tabDropPlaceholder);
+      } else if (tabElement) {
+        var _this$_dropIndex;
+        // x is likely after the lhe last item, position after and increase drop index
+        this._dropIndex = Math.min(((_this$_dropIndex = this._dropIndex) !== null && _this$_dropIndex !== void 0 ? _this$_dropIndex : 0) + 1, tabsLength);
+        tabElement.after(this.layoutManager.tabDropPlaceholder);
+      }
+    }
+    var placeHolderLeft = (_this$layoutManager$t2 = (_this$layoutManager$t3 = this.layoutManager.tabDropPlaceholder.offset()) === null || _this$layoutManager$t3 === void 0 ? void 0 : _this$layoutManager$t3.left) !== null && _this$layoutManager$t2 !== void 0 ? _this$layoutManager$t2 : 0;
+    placeHolderLeft = Math.max(placeHolderLeft, (_this$header$tabsCont = (_this$header$tabsCont2 = this.header.tabsContainer.offset()) === null || _this$header$tabsCont2 === void 0 ? void 0 : _this$header$tabsCont2.left) !== null && _this$header$tabsCont !== void 0 ? _this$header$tabsCont : 0);
+    var placeHolderRight = placeHolderLeft + ((_this$layoutManager$t4 = this.layoutManager.tabDropPlaceholder.width()) !== null && _this$layoutManager$t4 !== void 0 ? _this$layoutManager$t4 : 0);
+    placeHolderRight = Math.min(placeHolderRight, ((_this$header$tabsCont3 = (_this$header$tabsCont4 = this.header.tabsContainer.offset()) === null || _this$header$tabsCont4 === void 0 ? void 0 : _this$header$tabsCont4.left) !== null && _this$header$tabsCont3 !== void 0 ? _this$header$tabsCont3 : 0) + ((_this$header$tabsCont5 = this.header.tabsContainer.innerWidth()) !== null && _this$header$tabsCont5 !== void 0 ? _this$header$tabsCont5 : 0));
+    (_this$layoutManager$d2 = this.layoutManager.dropTargetIndicator) === null || _this$layoutManager$d2 === void 0 ? void 0 : _this$layoutManager$d2.highlightArea({
+      x1: placeHolderLeft,
+      x2: placeHolderRight,
+      y1: (_this$header$element$6 = (_this$header$element$7 = this.header.element.offset()) === null || _this$header$element$7 === void 0 ? void 0 : _this$header$element$7.top) !== null && _this$header$element$6 !== void 0 ? _this$header$element$6 : 0,
+      y2: ((_this$header$element$8 = (_this$header$element$9 = this.header.element.offset()) === null || _this$header$element$9 === void 0 ? void 0 : _this$header$element$9.top) !== null && _this$header$element$8 !== void 0 ? _this$header$element$8 : 0) + ((_this$header$element$10 = this.header.element.innerHeight()) !== null && _this$header$element$10 !== void 0 ? _this$header$element$10 : 0)
+    });
+  }
+  _resetHeaderDropZone() {
+    this.layoutManager.tabDropPlaceholder.remove();
+  }
+  _setupHeaderPosition() {
+    var side = ['right', 'left', 'bottom'].some(elem => elem === this._header.show) ? this._header.show : undefined;
+    this.header.element.toggle(!!this._header.show);
+    if (!side) {
+      return;
+    }
+    this._side = side;
+    this._sided = ['right', 'left'].indexOf(this._side.toString()) >= 0;
+    this.element.removeClass('lm_left lm_right lm_bottom');
+    if (this._side) this.element.addClass('lm_' + this._side);
+    if (this.element.find('.lm_header').length && this.childElementContainer) {
+      var headerPosition = ['right', 'bottom'].indexOf(this._side.toString()) >= 0 ? 'before' : 'after';
+      this.header.element[headerPosition](this.childElementContainer);
+      this.callDownwards('setSize');
+    }
+  }
+  _highlightBodyDropZone(segment) {
+    var _this$_contentAreaDim, _this$_contentAreaDim2;
+    var highlightArea = (_this$_contentAreaDim = this._contentAreaDimensions) === null || _this$_contentAreaDim === void 0 ? void 0 : (_this$_contentAreaDim2 = _this$_contentAreaDim[segment]) === null || _this$_contentAreaDim2 === void 0 ? void 0 : _this$_contentAreaDim2.highlightArea;
+    if (highlightArea) {
+      var _this$layoutManager$d3;
+      (_this$layoutManager$d3 = this.layoutManager.dropTargetIndicator) === null || _this$layoutManager$d3 === void 0 ? void 0 : _this$layoutManager$d3.highlightArea(highlightArea);
+    }
+    this._dropSegment = segment;
+  }
+}
+//# sourceMappingURL=Stack.js.map

package/dist/items/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","names":["$","AbstractContentItem","isComponent","Header","Stack","constructor","layoutManager","config","parent","cfg","_side","_header","show","settings","hasHeaders","popout","showPopoutIcon","labels","undefined","maximise","showMaximiseIcon","close","showCloseIcon","minimise","header","content","element","append","childElementContainer","_setupHeaderPosition","_$validateClosability","setSize","i","headerSize","dimensions","headerHeight","contentWidth","width","_sided","contentHeight","height","contentItems","length","emit","emitBubblingEvent","_$init","isInitialised","_attachWheelListener","createTab","_$hide","initialItem","activeItemIndex","Error","setActiveContentItem","contentItem","indexOf","_activeContentItem","_$show","getActiveContentItem","activeContentItem","addChild","index","_$normalizeContentItem","callDownwards","removeChild","keepChild","removeTab","Math","max","isClosable","_isClosable","len","_$setClosable","_$destroy","prototype","call","_$onDrop","_dropSegment","_resetHeaderDropZone","_dropIndex","isVertical","isHorizontal","insertBefore","hasCorrectParent","isColumn","isRow","type","dimension","stack","createContentItem","rowOrColumn","replaceChild","_$highlightDropZone","x","y","_contentAreaDimensions","segment","Object","entries","area","hoverArea","x1","x2","y1","y2","_highlightHeaderDropZone","_highlightBodyDropZone","_$getArea","is","headerArea","contentArea","highlightArea","body","left","top","right","bottom","tabsLength","tabs","headerOffset","offset","dropTargetIndicator","innerHeight","tabsContainer","tabsContainerRect","get","getBoundingClientRect","placeholderRect","tabDropPlaceholder","tabElement","tabRect","before","min","after","placeHolderLeft","placeHolderRight","innerWidth","remove","side","some","elem","toggle","toString","removeClass","addClass","find","headerPosition"],"sources":["../../src/items/Stack.ts"],"sourcesContent":["import $ from 'jquery';\nimport AbstractContentItem, { isComponent } from './AbstractContentItem';\nimport type LayoutManager from '../LayoutManager';\nimport type { ComponentConfig, ItemConfigType } from '../config';\nimport { Header } from '../controls';\nimport type RowOrColumn from './RowOrColumn';\n\ninterface HoverDimensions {\n  hoverArea: {\n    x1: number;\n    y1: number;\n    x2: number;\n    y2: number;\n  };\n  highlightArea: {\n    x1: number;\n    y1: number;\n    x2: number;\n    y2: number;\n  };\n}\n\ntype ContentAreaDimensions = {\n  header: HoverDimensions;\n  body?: HoverDimensions;\n  top?: HoverDimensions;\n  bottom?: HoverDimensions;\n  left?: HoverDimensions;\n  right?: HoverDimensions;\n};\n\ntype BodySegment = keyof ContentAreaDimensions;\n\nexport interface StackHeaderConfig {\n  show?: boolean | 'top' | 'left' | 'right' | 'bottom';\n  popout?: string;\n  maximise?: string;\n  close?: string;\n  minimise?: string;\n}\n\nexport default class Stack extends AbstractContentItem {\n  private _activeContentItem: AbstractContentItem | null = null;\n\n  _header: StackHeaderConfig;\n\n  childElementContainer = $('<div class=\"lm_items\"></div>');\n  header: Header;\n  parent: RowOrColumn;\n\n  isStack = true;\n\n  private _dropZones = {};\n  private _dropSegment: string | null = null;\n  _contentAreaDimensions: ContentAreaDimensions | null = null;\n  private _dropIndex: number | undefined;\n  _side: boolean | 'top' | 'left' | 'right' | 'bottom';\n  _sided: boolean = false;\n\n  config: ComponentConfig & {\n    activeItemIndex?: number;\n  };\n\n  constructor(\n    layoutManager: LayoutManager & {\n      config: LayoutManager['config'] & {\n        header?: StackHeaderConfig;\n      };\n    },\n    config: ComponentConfig & {\n      header?: StackHeaderConfig;\n      hasHeaders?: boolean;\n    },\n    parent: RowOrColumn\n  ) {\n    super(\n      layoutManager,\n      config,\n      parent,\n      $('<div class=\"lm_item lm_stack\"></div>')\n    );\n    this.parent = parent;\n    this.config = config;\n\n    const cfg = layoutManager.config;\n    this._side = false;\n    this._header = {\n      // defaults' reconstruction from old configuration style\n      show: cfg.settings?.hasHeaders && config.hasHeaders !== false,\n      popout: cfg.settings?.showPopoutIcon ? cfg.labels?.popout : undefined,\n      maximise: cfg.settings?.showMaximiseIcon\n        ? cfg.labels?.maximise\n        : undefined,\n      close: cfg.settings?.showCloseIcon ? cfg.labels?.close : undefined,\n      minimise: cfg.labels?.minimise ?? undefined,\n    };\n\n    // load simplified version of header configuration (https://github.com/deepstreamIO/golden-layout/pull/245)\n    if (cfg.header) this._header = { ...this._header, ...cfg.header };\n    if (config.header)\n      // load from stack\n      this._header = { ...this._header, ...config.header };\n    if (config.content && config.content[0] && config.content[0].header)\n      // load from component if stack omitted\n      this._header = { ...this._header, ...config.content[0].header };\n\n    this.header = new Header(layoutManager, this);\n\n    this.element.append(this.header.element);\n    this.element.append(this.childElementContainer);\n    this._setupHeaderPosition();\n    this._$validateClosability();\n  }\n\n  setSize() {\n    var i,\n      headerSize = this._header.show\n        ? this.layoutManager.config.dimensions?.headerHeight ?? 0\n        : 0,\n      contentWidth =\n        (this.element.width() ?? 0) - (this._sided ? headerSize : 0),\n      contentHeight =\n        (this.element.height() ?? 0) - (!this._sided ? headerSize : 0);\n\n    this.childElementContainer.width(contentWidth);\n    this.childElementContainer.height(contentHeight);\n\n    for (i = 0; i < this.contentItems.length; i++) {\n      this.contentItems[i].element.width(contentWidth).height(contentHeight);\n    }\n    this.emit('resize');\n    this.emitBubblingEvent('stateChanged');\n  }\n\n  _$init() {\n    if (this.isInitialised === true) return;\n\n    this.header._attachWheelListener();\n\n    super._$init();\n\n    for (let i = 0; i < this.contentItems.length; i++) {\n      this.header.createTab(this.contentItems[i]);\n      this.contentItems[i]._$hide();\n    }\n\n    if (this.contentItems.length > 0) {\n      const initialItem = this.contentItems[this.config.activeItemIndex || 0];\n\n      if (!initialItem) {\n        throw new Error('Configured activeItemIndex out of bounds');\n      }\n\n      this.setActiveContentItem(initialItem);\n    }\n  }\n\n  setActiveContentItem(contentItem: AbstractContentItem) {\n    if (this.contentItems.indexOf(contentItem) === -1) {\n      throw new Error('contentItem is not a child of this stack');\n    }\n\n    if (this._activeContentItem !== null) {\n      this._activeContentItem._$hide();\n    }\n\n    this._activeContentItem = contentItem;\n    this.header.setActiveContentItem(contentItem);\n    contentItem._$show();\n    this.emit('activeContentItemChanged', contentItem);\n    this.layoutManager.emit('activeContentItemChanged', contentItem);\n    this.emitBubblingEvent('stateChanged');\n  }\n\n  getActiveContentItem() {\n    return this.header.activeContentItem;\n  }\n\n  addChild(contentItem: AbstractContentItem | ItemConfigType, index?: number) {\n    contentItem = this.layoutManager._$normalizeContentItem(contentItem, this);\n    super.addChild(contentItem, index);\n    this.childElementContainer.append(contentItem.element);\n    this.header.createTab(contentItem, index);\n    this.setActiveContentItem(contentItem);\n    this.callDownwards('setSize');\n    this._$validateClosability();\n    this.emitBubblingEvent('stateChanged');\n  }\n\n  removeChild(contentItem: AbstractContentItem, keepChild = false) {\n    var index = this.contentItems.indexOf(contentItem);\n    super.removeChild(contentItem, keepChild);\n    this.header.removeTab(contentItem);\n    if (this.header.activeContentItem === contentItem) {\n      if (this.contentItems.length > 0) {\n        this.setActiveContentItem(this.contentItems[Math.max(index - 1, 0)]);\n      } else {\n        this._activeContentItem = null;\n      }\n    }\n\n    this._$validateClosability();\n    this.emitBubblingEvent('stateChanged');\n  }\n\n  /**\n   * Validates that the stack is still closable or not. If a stack is able\n   * to close, but has a non closable component added to it, the stack is no\n   * longer closable until all components are closable.\n   */\n  _$validateClosability() {\n    let isClosable = this.header._isClosable();\n\n    for (let i = 0, len = this.contentItems.length; i < len; i++) {\n      if (!isClosable) {\n        break;\n      }\n\n      isClosable = this.contentItems[i].config.isClosable ?? false;\n    }\n\n    this.header._$setClosable(isClosable);\n  }\n\n  _$destroy() {\n    AbstractContentItem.prototype._$destroy.call(this);\n    this.header._$destroy();\n  }\n\n  /**\n   * Ok, this one is going to be the tricky one: The user has dropped {contentItem} onto this stack.\n   *\n   * It was dropped on either the stacks header or the top, right, bottom or left bit of the content area\n   * (which one of those is stored in this._dropSegment). Now, if the user has dropped on the header the case\n   * is relatively clear: We add the item to the existing stack... job done (might be good to have\n   * tab reordering at some point, but lets not sweat it right now)\n   *\n   * If the item was dropped on the content part things are a bit more complicated. If it was dropped on either the\n   * top or bottom region we need to create a new column and place the items accordingly.\n   * Unless, of course if the stack is already within a column... in which case we want\n   * to add the newly created item to the existing column...\n   * either prepend or append it, depending on wether its top or bottom.\n   *\n   * Same thing for rows and left / right drop segments... so in total there are 9 things that can potentially happen\n   * (left, top, right, bottom) * is child of the right parent (row, column) + header drop\n   *\n   * @param contentItem\n   */\n  _$onDrop(contentItem: AbstractContentItem) {\n    /*\n     * The item was dropped on the header area. Just add it as a child of this stack and\n     * get the hell out of this logic\n     */\n    if (this._dropSegment === 'header') {\n      this._resetHeaderDropZone();\n      this.addChild(contentItem, this._dropIndex);\n      return;\n    }\n\n    /*\n     * The stack is empty. Let's just add the element.\n     */\n    if (this._dropSegment === 'body') {\n      this.addChild(contentItem);\n      return;\n    }\n\n    /*\n     * The item was dropped on the top-, left-, bottom- or right- part of the content. Let's\n     * aggregate some conditions to make the if statements later on more readable\n     */\n    const isVertical =\n      this._dropSegment === 'top' || this._dropSegment === 'bottom';\n    const isHorizontal =\n      this._dropSegment === 'left' || this._dropSegment === 'right';\n    const insertBefore =\n      this._dropSegment === 'top' || this._dropSegment === 'left';\n    const hasCorrectParent =\n      (isVertical && this.parent.isColumn) ||\n      (isHorizontal && this.parent.isRow);\n    const type = isVertical ? 'column' : 'row';\n    const dimension = isVertical ? 'height' : 'width';\n\n    /*\n     * The content item can be either a component or a stack. If it is a component, wrap it into a stack\n     */\n    if (isComponent(contentItem)) {\n      const stack = this.layoutManager.createContentItem(\n        {\n          type: 'stack',\n          header: contentItem.config.header || {},\n        },\n        this\n      );\n      stack._$init();\n      stack.addChild(contentItem);\n      contentItem = stack;\n    }\n\n    /*\n     * If the item is dropped on top or bottom of a column or left and right of a row, it's already\n     * layd out in the correct way. Just add it as a child\n     */\n    if (hasCorrectParent) {\n      const index = this.parent.contentItems.indexOf(this);\n      this.parent.addChild(contentItem, insertBefore ? index : index + 1, true);\n      this.config[dimension] = (this.config[dimension] ?? 0) * 0.5;\n      contentItem.config[dimension] = this.config[dimension];\n      this.parent.callDownwards('setSize');\n      /*\n       * This handles items that are dropped on top or bottom of a row or left / right of a column. We need\n       * to create the appropriate contentItem for them to live in\n       */\n    } else {\n      const rowOrColumn = this.layoutManager.createContentItem(\n        { type: type },\n        this\n      ) as RowOrColumn;\n      this.parent.replaceChild(this, rowOrColumn);\n\n      rowOrColumn.addChild(contentItem, insertBefore ? 0 : undefined, true);\n      rowOrColumn.addChild(this, insertBefore ? undefined : 0, true);\n\n      this.config[dimension] = 50;\n      contentItem.config[dimension] = 50;\n      rowOrColumn.callDownwards('setSize');\n    }\n  }\n\n  /**\n   * If the user hovers above the header part of the stack, indicate drop positions for tabs.\n   * otherwise indicate which segment of the body the dragged item would be dropped on\n   *\n   * @param x Absolute Screen X\n   * @param y Absolute Screen Y\n   */\n  _$highlightDropZone(x: number, y: number) {\n    if (!this._contentAreaDimensions) {\n      return;\n    }\n\n    for (let [segment, dimensions] of Object.entries(\n      this._contentAreaDimensions\n    ) as [BodySegment, HoverDimensions][]) {\n      const area = dimensions.hoverArea;\n\n      if (area.x1 < x && area.x2 > x && area.y1 < y && area.y2 > y) {\n        if (segment === 'header') {\n          this._dropSegment = 'header';\n          this._highlightHeaderDropZone(x);\n        } else {\n          this._resetHeaderDropZone();\n          this._highlightBodyDropZone(segment);\n        }\n\n        return;\n      }\n    }\n  }\n\n  _$getArea() {\n    if (this.element.is(':visible') === false) {\n      return null;\n    }\n\n    const headerArea = super._$getArea(this.header.element);\n    const contentArea = super._$getArea(this.childElementContainer);\n    if (headerArea == null || contentArea == null) {\n      return null;\n    }\n\n    const contentWidth = contentArea.x2 - contentArea.x1;\n    const contentHeight = contentArea.y2 - contentArea.y1;\n\n    this._contentAreaDimensions = {\n      header: {\n        hoverArea: {\n          x1: headerArea.x1,\n          y1: headerArea.y1,\n          x2: headerArea.x2,\n          y2: headerArea.y2,\n        },\n        highlightArea: {\n          x1: headerArea.x1,\n          y1: headerArea.y1,\n          x2: headerArea.x2,\n          y2: headerArea.y2,\n        },\n      },\n    };\n\n    /**\n     * If this Stack is a parent to rows, columns or other stacks only its\n     * header is a valid dropzone.\n     */\n    if (\n      this._activeContentItem &&\n      this._activeContentItem.isComponent === false\n    ) {\n      return headerArea;\n    }\n\n    /**\n     * Highlight the entire body if the stack is empty\n     */\n    if (this.contentItems.length === 0) {\n      this._contentAreaDimensions.body = {\n        hoverArea: {\n          x1: contentArea.x1,\n          y1: contentArea.y1,\n          x2: contentArea.x2,\n          y2: contentArea.y2,\n        },\n        highlightArea: {\n          x1: contentArea.x1,\n          y1: contentArea.y1,\n          x2: contentArea.x2,\n          y2: contentArea.y2,\n        },\n      };\n\n      return super._$getArea(this.element);\n    }\n\n    this._contentAreaDimensions.left = {\n      hoverArea: {\n        x1: contentArea.x1,\n        y1: contentArea.y1,\n        x2: contentArea.x1 + contentWidth * 0.25,\n        y2: contentArea.y2,\n      },\n      highlightArea: {\n        x1: contentArea.x1,\n        y1: contentArea.y1,\n        x2: contentArea.x1 + contentWidth * 0.5,\n        y2: contentArea.y2,\n      },\n    };\n\n    this._contentAreaDimensions.top = {\n      hoverArea: {\n        x1: contentArea.x1 + contentWidth * 0.25,\n        y1: contentArea.y1,\n        x2: contentArea.x1 + contentWidth * 0.75,\n        y2: contentArea.y1 + contentHeight * 0.5,\n      },\n      highlightArea: {\n        x1: contentArea.x1,\n        y1: contentArea.y1,\n        x2: contentArea.x2,\n        y2: contentArea.y1 + contentHeight * 0.5,\n      },\n    };\n\n    this._contentAreaDimensions.right = {\n      hoverArea: {\n        x1: contentArea.x1 + contentWidth * 0.75,\n        y1: contentArea.y1,\n        x2: contentArea.x2,\n        y2: contentArea.y2,\n      },\n      highlightArea: {\n        x1: contentArea.x1 + contentWidth * 0.5,\n        y1: contentArea.y1,\n        x2: contentArea.x2,\n        y2: contentArea.y2,\n      },\n    };\n\n    this._contentAreaDimensions.bottom = {\n      hoverArea: {\n        x1: contentArea.x1 + contentWidth * 0.25,\n        y1: contentArea.y1 + contentHeight * 0.5,\n        x2: contentArea.x1 + contentWidth * 0.75,\n        y2: contentArea.y2,\n      },\n      highlightArea: {\n        x1: contentArea.x1,\n        y1: contentArea.y1 + contentHeight * 0.5,\n        x2: contentArea.x2,\n        y2: contentArea.y2,\n      },\n    };\n\n    return super._$getArea(this.element);\n  }\n\n  _highlightHeaderDropZone(x: number) {\n    const tabsLength = this.header.tabs.length;\n\n    // I've omitted code for side edge tabs here\n    // illumon doesn't need it, will slowly pull that code out elsewhere too\n\n    // Empty stack\n    if (tabsLength === 0) {\n      const headerOffset = this.header.element.offset();\n\n      // we don't have a placeholder to measure in the dom, lets just cheat and make it 100px.\n      this.layoutManager.dropTargetIndicator?.highlightArea({\n        x1: headerOffset?.left ?? 0,\n        x2: (headerOffset?.left ?? 0) + 100,\n        y1: this.header.element.offset()?.top ?? 0,\n        y2:\n          (this.header.element.offset()?.top ?? 0) +\n          (this.header.element.innerHeight() ?? 0),\n      });\n\n      return;\n    }\n\n    const tabsContainer = this.header.tabsContainer;\n    const tabsContainerRect = tabsContainer.get(0)?.getBoundingClientRect();\n    const placeholderRect = this.layoutManager.tabDropPlaceholder\n      .get(0)\n      ?.getBoundingClientRect();\n\n    if (!tabsContainerRect || !placeholderRect) {\n      return;\n    }\n\n    if (x < tabsContainerRect.left) {\n      // is over left tab controls button\n      //  move x to a new point to inside left edge of container\n      x = tabsContainerRect.left + 1;\n    } else if (x > tabsContainerRect.right) {\n      // is over right tab controls button\n      // move x to a new point to inside right edge of container\n      x = tabsContainerRect.right - 1;\n    }\n\n    let tabElement: JQuery<HTMLElement> | undefined;\n    let tabRect: DOMRect | undefined;\n\n    // if its not inide a placeholder,\n    if (!(placeholderRect.left < x && x < placeholderRect.right)) {\n      // which tab is it over ...\n      for (var i = 0; i < tabsLength; i++) {\n        tabElement = this.header.tabs[i].element;\n        tabRect = tabElement.get(0)?.getBoundingClientRect();\n        if (tabRect && tabRect.left < x && x < tabRect.right) {\n          this._dropIndex = i;\n          break;\n        }\n      }\n\n      // we have tabRect at this x,y from the loop above\n      if (tabElement && tabRect && x < tabRect.left + tabRect.width * 0.5) {\n        // mostly before an element, insert placeholder before\n        tabElement.before(this.layoutManager.tabDropPlaceholder);\n      } else if (tabElement) {\n        // x is likely after the lhe last item, position after and increase drop index\n        this._dropIndex = Math.min((this._dropIndex ?? 0) + 1, tabsLength);\n        tabElement.after(this.layoutManager.tabDropPlaceholder);\n      }\n    }\n\n    let placeHolderLeft =\n      this.layoutManager.tabDropPlaceholder.offset()?.left ?? 0;\n    placeHolderLeft = Math.max(\n      placeHolderLeft,\n      this.header.tabsContainer.offset()?.left ?? 0\n    );\n    var placeHolderRight =\n      placeHolderLeft + (this.layoutManager.tabDropPlaceholder.width() ?? 0);\n    placeHolderRight = Math.min(\n      placeHolderRight,\n      (this.header.tabsContainer.offset()?.left ?? 0) +\n        (this.header.tabsContainer.innerWidth() ?? 0)\n    );\n    this.layoutManager.dropTargetIndicator?.highlightArea({\n      x1: placeHolderLeft,\n      x2: placeHolderRight,\n      y1: this.header.element.offset()?.top ?? 0,\n      y2:\n        (this.header.element.offset()?.top ?? 0) +\n        (this.header.element.innerHeight() ?? 0),\n    });\n  }\n\n  _resetHeaderDropZone() {\n    this.layoutManager.tabDropPlaceholder.remove();\n  }\n\n  _setupHeaderPosition() {\n    const side = ['right', 'left', 'bottom'].some(\n      elem => elem === this._header.show\n    )\n      ? this._header.show\n      : undefined;\n\n    this.header.element.toggle(!!this._header.show);\n\n    if (!side) {\n      return;\n    }\n\n    this._side = side;\n    this._sided = ['right', 'left'].indexOf(this._side.toString()) >= 0;\n    this.element.removeClass('lm_left lm_right lm_bottom');\n    if (this._side) this.element.addClass('lm_' + this._side);\n    if (this.element.find('.lm_header').length && this.childElementContainer) {\n      const headerPosition =\n        ['right', 'bottom'].indexOf(this._side.toString()) >= 0\n          ? 'before'\n          : 'after';\n      this.header.element[headerPosition](this.childElementContainer);\n      this.callDownwards('setSize');\n    }\n  }\n\n  _highlightBodyDropZone(segment: BodySegment) {\n    const highlightArea = this._contentAreaDimensions?.[segment]?.highlightArea;\n    if (highlightArea) {\n      this.layoutManager.dropTargetIndicator?.highlightArea(highlightArea);\n    }\n    this._dropSegment = segment;\n  }\n}\n"],"mappings":"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"}

package/dist/items/index.js

@@ -0,0 +1,8 @@
+export * from "./AbstractContentItem.js";
+export { default as AbstractContentItem } from "./AbstractContentItem.js";
+export { default as ContentItem } from "./AbstractContentItem.js";
+export { default as Component } from "./Component.js";
+export { default as Root } from "./Root.js";
+export { default as RowOrColumn } from "./RowOrColumn.js";
+export { default as Stack } from "./Stack.js";
+//# sourceMappingURL=index.js.map

package/dist/items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","AbstractContentItem","ContentItem","Component","Root","RowOrColumn","Stack"],"sources":["../../src/items/index.ts"],"sourcesContent":["export * from './AbstractContentItem';\nexport { default as AbstractContentItem } from './AbstractContentItem';\nexport { default as ContentItem } from './AbstractContentItem';\nexport { default as Component } from './Component';\nexport { default as Root } from './Root';\nexport { default as RowOrColumn } from './RowOrColumn';\nexport { default as Stack } from './Stack';\n"],"mappings":";SACSA,OAAO,IAAIC,mBAAmB;AAAA,SAC9BD,OAAO,IAAIE,WAAW;AAAA,SACtBF,OAAO,IAAIG,SAAS;AAAA,SACpBH,OAAO,IAAII,IAAI;AAAA,SACfJ,OAAO,IAAIK,WAAW;AAAA,SACtBL,OAAO,IAAIM,KAAK"}

package/dist/utils/BubblingEvent.js

@@ -0,0 +1,17 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+export default class BubblingEvent {
+  constructor(name, origin) {
+    _defineProperty(this, "name", void 0);
+    _defineProperty(this, "origin", void 0);
+    _defineProperty(this, "isPropagationStopped", void 0);
+    this.name = name;
+    this.origin = origin;
+    this.isPropagationStopped = false;
+  }
+  stopPropagation() {
+    this.isPropagationStopped = true;
+  }
+}
+//# sourceMappingURL=BubblingEvent.js.map

package/dist/utils/BubblingEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubblingEvent.js","names":["BubblingEvent","constructor","name","origin","isPropagationStopped","stopPropagation"],"sources":["../../src/utils/BubblingEvent.ts"],"sourcesContent":["export default class BubblingEvent {\n  name: string;\n\n  origin: unknown;\n\n  isPropagationStopped: boolean;\n\n  constructor(name: string, origin: unknown) {\n    this.name = name;\n    this.origin = origin;\n    this.isPropagationStopped = false;\n  }\n\n  stopPropagation() {\n    this.isPropagationStopped = true;\n  }\n}\n"],"mappings":";;;AAAA,eAAe,MAAMA,aAAa,CAAC;EAOjCC,WAAW,CAACC,IAAY,EAAEC,MAAe,EAAE;IAAA;IAAA;IAAA;IACzC,IAAI,CAACD,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACC,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACC,oBAAoB,GAAG,KAAK;EACnC;EAEAC,eAAe,GAAG;IAChB,IAAI,CAACD,oBAAoB,GAAG,IAAI;EAClC;AACF"}