@deephaven/golden-layout 0.22.3-deep-bot-test.14 → 0.23.0

package/dist/items/Stack.js

@@ -1,44 +1,26 @@
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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;
@@ -50,87 +32,69 @@ export default class Stack extends AbstractContentItem {
       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)
+    };
 
+    // 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
+    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
+    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);
+      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);
@@ -138,18 +102,14 @@ export default class Stack extends AbstractContentItem {
     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)]);
@@ -157,39 +117,31 @@ export default class Stack extends AbstractContentItem {
         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.
    *
@@ -209,8 +161,6 @@ export default class Stack extends AbstractContentItem {
    *
    * @param contentItem
    */
-
-
   _$onDrop(contentItem) {
     /*
      * The item was dropped on the header area. Just add it as a child of this stack and
@@ -218,55 +168,48 @@ export default class Stack extends AbstractContentItem {
      */
     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;
@@ -288,6 +231,7 @@ export default class Stack extends AbstractContentItem {
       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
@@ -295,45 +239,33 @@ export default class Stack extends AbstractContentItem {
    * @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 = {
@@ -352,19 +284,18 @@ export default class Stack extends AbstractContentItem {
         }
       }
     };
+
     /**
      * 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: {
@@ -382,7 +313,6 @@ export default class Stack extends AbstractContentItem {
       };
       return super._$getArea(this.element);
     }
-
     this._contentAreaDimensions.left = {
       hoverArea: {
         x1: contentArea.x1,
@@ -441,19 +371,19 @@ export default class Stack extends AbstractContentItem {
     };
     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;
 
-    var tabsLength = this.header.tabs.length; // I've omitted code for side edge tabs here
+    // I've omitted code for side edge tabs here
     // illumon doesn't need it, will slowly pull that code out elsewhere too
-    // Empty stack
 
+    // 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();
 
-      var headerOffset = this.header.element.offset(); // we don't have a placeholder to measure in the dom, lets just cheat and make it 100px.
-
+      // 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,
@@ -462,15 +392,12 @@ export default class Stack extends AbstractContentItem {
       });
       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
@@ -480,37 +407,33 @@ export default class Stack extends AbstractContentItem {
       // 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,
+    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
-
+      }
 
+      // 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);
@@ -522,44 +445,33 @@ export default class Stack extends AbstractContentItem {
       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;
-
     if (!side) {
       return;
     }
-
     this.header.element.toggle(!!this._header.show);
     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