@hpcc-js/phosphor 2.16.0 → 2.16.2

package/dist/index.js

@@ -5,8 +5,8 @@
 })(this, (function (exports, common) { 'use strict';
 
   var PKG_NAME = "@hpcc-js/phosphor";
-  var PKG_VERSION = "2.16.0";
-  var BUILD_VERSION = "2.104.1";
+  var PKG_VERSION = "2.16.2";
+  var BUILD_VERSION = "2.104.5";
 
   // Copyright (c) Jupyter Development Team.
   // Distributed under the terms of the Modified BSD License.
@@ -9694,6 +9694,15 @@
                   t[p[i]] = s[p[i]];
           }
       return t;
+  }
+
+  /** @deprecated */
+  function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+          for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+              r[k] = a[j];
+      return r;
   }
 
   // Copyright (c) Jupyter Development Team.
@@ -10163,7 +10172,6 @@
       }
   })(BoxEngine || (BoxEngine = {}));
 
-  // Copyright (c) Jupyter Development Team.
   /**
    * An object which holds data related to an object's title.
    *
@@ -10171,6 +10179,8 @@
    * A title object is intended to hold the data necessary to display a
    * header for a particular object. A common example is the `TabPanel`,
    * which uses the widget title to populate the tab for a child widget.
+   *
+   * It is the responsibility of the owner to call the title disposal.
    */
   var Title = /** @class */ (function () {
       /**
@@ -10187,6 +10197,7 @@
           this._className = '';
           this._closable = false;
           this._changed = new Signal(this);
+          this._isDisposed = false;
           this.owner = options.owner;
           if (options.label !== undefined) {
               this._label = options.label;
@@ -10508,6 +10519,29 @@
           enumerable: true,
           configurable: true
       });
+      Object.defineProperty(Title.prototype, "isDisposed", {
+          /**
+           * Test whether the title has been disposed.
+           */
+          get: function () {
+              return this._isDisposed;
+          },
+          enumerable: true,
+          configurable: true
+      });
+      /**
+       * Dispose of the resources held by the title.
+       *
+       * #### Notes
+       * It is the responsibility of the owner to call the title disposal.
+       */
+      Title.prototype.dispose = function () {
+          if (this.isDisposed) {
+              return;
+          }
+          this._isDisposed = true;
+          Signal.clearData(this);
+      };
       return Title;
   }());
 
@@ -10566,6 +10600,8 @@
               this._layout.dispose();
               this._layout = null;
           }
+          // Dispose the title
+          this.title.dispose();
           // Clear the extra data associated with the widget.
           Signal.clearData(this);
           MessageLoop.clearData(this);
@@ -12700,6 +12736,16 @@
           enumerable: true,
           configurable: true
       });
+      /**
+       * Get the absolute sizes of the widgets in the layout.
+       *
+       * @returns A new array of the absolute sizes of the widgets.
+       *
+       * This method **does not** measure the DOM nodes.
+       */
+      SplitLayout.prototype.absoluteSizes = function () {
+          return this._sizers.map(function (sizer) { return sizer.size; });
+      };
       /**
        * Get the relative sizes of the widgets in the layout.
        *
@@ -12718,13 +12764,16 @@
        * Set the relative sizes for the widgets in the layout.
        *
        * @param sizes - The relative sizes for the widgets in the panel.
+       * @param update - Update the layout after setting relative sizes.
+       * Default is True.
        *
        * #### Notes
        * Extra values are ignored, too few will yield an undefined layout.
        *
        * The actual geometry of the DOM nodes is updated asynchronously.
        */
-      SplitLayout.prototype.setRelativeSizes = function (sizes) {
+      SplitLayout.prototype.setRelativeSizes = function (sizes, update) {
+          if (update === void 0) { update = true; }
           // Copy the sizes and pad with zeros as needed.
           var n = this._sizers.length;
           var temp = sizes.slice(0, n);
@@ -12742,7 +12791,7 @@
           // Set the flag indicating the sizes are normalized.
           this._hasNormedSizes = true;
           // Trigger an update of the parent widget.
-          if (this.parent) {
+          if (update && this.parent) {
               this.parent.update();
           }
       };
@@ -13513,6 +13562,7 @@
       function SplitPanel(options) {
           if (options === void 0) { options = {}; }
           var _this = _super.call(this, { layout: Private$e.createLayout(options) }) || this;
+          _this._handleMoved = new Signal(_this);
           _this._pressData = null;
           _this.addClass('lm-SplitPanel');
           /* <DEPRECATED> */
@@ -13597,6 +13647,16 @@
           enumerable: true,
           configurable: true
       });
+      Object.defineProperty(SplitPanel.prototype, "handleMoved", {
+          /**
+           * A signal emitted when a split handle has moved.
+           */
+          get: function () {
+              return this._handleMoved;
+          },
+          enumerable: true,
+          configurable: true
+      });
       Object.defineProperty(SplitPanel.prototype, "handles", {
           /**
            * A read-only array of the split handles in the panel.
@@ -13625,14 +13685,17 @@
        * Set the relative sizes for the widgets in the panel.
        *
        * @param sizes - The relative sizes for the widgets in the panel.
+       * @param update - Update the layout after setting relative sizes.
+       * Default is True.
        *
        * #### Notes
        * Extra values are ignored, too few will yield an undefined layout.
        *
        * The actual geometry of the DOM nodes is updated asynchronously.
        */
-      SplitPanel.prototype.setRelativeSizes = function (sizes) {
-          this.layout.setRelativeSizes(sizes);
+      SplitPanel.prototype.setRelativeSizes = function (sizes, update) {
+          if (update === void 0) { update = true; }
+          this.layout.setRelativeSizes(sizes, update);
       };
       /**
        * Handle the DOM events for the split panel.
@@ -13809,6 +13872,8 @@
           // Clear the override cursor.
           this._pressData.override.dispose();
           this._pressData = null;
+          // Emit the handle moved signal.
+          this._handleMoved.emit();
           // Remove the extra document listeners.
           document.removeEventListener('mouseup', this, true);
           document.removeEventListener('mousemove', this, true);
@@ -13909,6 +13974,7 @@
       function AccordionPanel(options) {
           if (options === void 0) { options = {}; }
           var _this = _super.call(this, __assign$1(__assign$1({}, options), { layout: Private$d.createLayout(options) })) || this;
+          _this._widgetSizesCache = new WeakMap();
           _this.addClass('lm-AccordionPanel');
           return _this;
       }
@@ -13960,6 +14026,34 @@
           _super.prototype.addWidget.call(this, widget);
           widget.title.changed.connect(this._onTitleChanged, this);
       };
+      /**
+       * Collapse the widget at position `index`.
+       *
+       * #### Notes
+       * If no widget is found for `index`, this will bail.
+       *
+       * @param index Widget index
+       */
+      AccordionPanel.prototype.collapse = function (index) {
+          var widget = this.layout.widgets[index];
+          if (widget && !widget.isHidden) {
+              this._toggleExpansion(index);
+          }
+      };
+      /**
+       * Expand the widget at position `index`.
+       *
+       * #### Notes
+       * If no widget is found for `index`, this will bail.
+       *
+       * @param index Widget index
+       */
+      AccordionPanel.prototype.expand = function (index) {
+          var widget = this.layout.widgets[index];
+          if (widget && widget.isHidden) {
+              this._toggleExpansion(index);
+          }
+      };
       /**
        * Insert a widget at the specified index.
        *
@@ -14023,6 +14117,71 @@
               this.update();
           }
       };
+      /**
+       * Compute the size of widgets in this panel on the title click event.
+       * On closing, the size of the widget is cached and we will try to expand
+       * the last opened widget.
+       * On opening, we will use the cached size if it is available to restore the
+       * widget.
+       * In both cases, if we can not compute the size of widgets, we will let
+       * `SplitLayout` decide.
+       *
+       * @param index - The index of widget to be opened of closed
+       *
+       * @returns Relative size of widgets in this panel, if this size can
+       * not be computed, return `undefined`
+       */
+      AccordionPanel.prototype._computeWidgetSize = function (index) {
+          var layout = this.layout;
+          var widget = layout.widgets[index];
+          if (!widget) {
+              return undefined;
+          }
+          var isHidden = widget.isHidden;
+          var widgetSizes = layout.absoluteSizes();
+          var delta = (isHidden ? -1 : 1) * this.spacing;
+          var totalSize = widgetSizes.reduce(function (prev, curr) { return prev + curr; });
+          var newSize = __spreadArrays(widgetSizes);
+          if (!isHidden) {
+              // Hide the widget
+              var currentSize = widgetSizes[index];
+              this._widgetSizesCache.set(widget, currentSize);
+              newSize[index] = 0;
+              var widgetToCollapse = newSize.map(function (sz) { return sz > 0; }).lastIndexOf(true);
+              if (widgetToCollapse === -1) {
+                  // All widget are closed, let the `SplitLayout` compute widget sizes.
+                  return undefined;
+              }
+              newSize[widgetToCollapse] =
+                  widgetSizes[widgetToCollapse] + currentSize + delta;
+          }
+          else {
+              // Show the widget
+              var previousSize_1 = this._widgetSizesCache.get(widget);
+              if (!previousSize_1) {
+                  // Previous size is unavailable, let the `SplitLayout` compute widget sizes.
+                  return undefined;
+              }
+              newSize[index] += previousSize_1;
+              var widgetToCollapse = newSize
+                  .map(function (sz) { return sz - previousSize_1 > 0; })
+                  .lastIndexOf(true);
+              if (widgetToCollapse === -1) {
+                  // Can not reduce the size of one widget, reduce all opened widgets
+                  // proportionally with its size.
+                  newSize.forEach(function (_, idx) {
+                      if (idx !== index) {
+                          newSize[idx] -=
+                              (widgetSizes[idx] / totalSize) * (previousSize_1 - delta);
+                      }
+                  });
+              }
+              else {
+                  newSize[widgetToCollapse] -= previousSize_1 - delta;
+              }
+          }
+          return newSize.map(function (sz) { return sz / (totalSize + delta); });
+      };
       /**
        * Handle the `'click'` event for the accordion panel
        */
@@ -14035,18 +14194,7 @@
               if (index >= 0) {
                   event.preventDefault();
                   event.stopPropagation();
-                  var title = this.titles[index];
-                  var widget = this.layout.widgets[index];
-                  if (widget.isHidden) {
-                      title.classList.add('lm-mod-expanded');
-                      title.setAttribute('aria-expanded', 'true');
-                      widget.show();
-                  }
-                  else {
-                      title.classList.remove('lm-mod-expanded');
-                      title.setAttribute('aria-expanded', 'false');
-                      widget.hide();
-                  }
+                  this._toggleExpansion(index);
               }
           }
       };
@@ -14098,6 +14246,24 @@
               }
           }
       };
+      AccordionPanel.prototype._toggleExpansion = function (index) {
+          var title = this.titles[index];
+          var widget = this.layout.widgets[index];
+          var newSize = this._computeWidgetSize(index);
+          if (newSize) {
+              this.setRelativeSizes(newSize, false);
+          }
+          if (widget.isHidden) {
+              title.classList.add('lm-mod-expanded');
+              title.setAttribute('aria-expanded', 'true');
+              widget.show();
+          }
+          else {
+              title.classList.remove('lm-mod-expanded');
+              title.setAttribute('aria-expanded', 'false');
+              widget.hide();
+          }
+      };
       return AccordionPanel;
   }(SplitPanel$1));
   /**
@@ -19577,7 +19743,10 @@
           // Create the root node for the new config.
           if (mainConfig) {
               this._root = Private$6.realizeAreaConfig(mainConfig, {
-                  createTabBar: function () { return _this._createTabBar(); },
+                  // Ignoring optional `document` argument as we must reuse `this._document`
+                  createTabBar: function (document) {
+                      return _this._createTabBar();
+                  },
                   createHandle: function () { return _this._createHandle(); }
               }, this._document);
           }
@@ -25693,7 +25862,7 @@
   var css_248z$9 = ".lm-TabPanel-tabBar,.p-TabPanel-tabBar{z-index:1}.lm-TabPanel-stackedPanel,.p-TabPanel-stackedPanel{z-index:0}";
   styleInject$1(css_248z$9);
 
-  /*! *****************************************************************************
+  /******************************************************************************
   Copyright (c) Microsoft Corporation.
 
   Permission to use, copy, modify, and/or distribute this software for any