@hpcc-js/phosphor 2.16.0 → 2.16.1

package/dist/index.es6.js

@@ -1,8 +1,8 @@
 import { select, Widget as Widget$1, HTMLWidget } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/phosphor";
-var PKG_VERSION = "2.16.0";
-var BUILD_VERSION = "2.104.1";
+var PKG_VERSION = "2.16.1";
+var BUILD_VERSION = "2.104.2";
 
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
@@ -9690,6 +9690,15 @@ function __rest(s, e) {
                 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.
@@ -10159,7 +10168,6 @@ var BoxEngine;
     }
 })(BoxEngine || (BoxEngine = {}));
 
-// Copyright (c) Jupyter Development Team.
 /**
  * An object which holds data related to an object's title.
  *
@@ -10167,6 +10175,8 @@ var BoxEngine;
  * 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 () {
     /**
@@ -10183,6 +10193,7 @@ var Title = /** @class */ (function () {
         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;
@@ -10504,6 +10515,29 @@ var Title = /** @class */ (function () {
         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;
 }());
 
@@ -10562,6 +10596,8 @@ var Widget = /** @class */ (function () {
             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);
@@ -12696,6 +12732,16 @@ var SplitLayout = /** @class */ (function (_super) {
         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.
      *
@@ -12714,13 +12760,16 @@ var SplitLayout = /** @class */ (function (_super) {
      * 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);
@@ -12738,7 +12787,7 @@ var SplitLayout = /** @class */ (function (_super) {
         // 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();
         }
     };
@@ -13509,6 +13558,7 @@ var SplitPanel$1 = /** @class */ (function (_super) {
     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> */
@@ -13593,6 +13643,16 @@ var SplitPanel$1 = /** @class */ (function (_super) {
         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.
@@ -13621,14 +13681,17 @@ var SplitPanel$1 = /** @class */ (function (_super) {
      * 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.
@@ -13805,6 +13868,8 @@ var SplitPanel$1 = /** @class */ (function (_super) {
         // 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);
@@ -13905,6 +13970,7 @@ var AccordionPanel = /** @class */ (function (_super) {
     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;
     }
@@ -13956,6 +14022,34 @@ var AccordionPanel = /** @class */ (function (_super) {
         _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.
      *
@@ -14019,6 +14113,71 @@ var AccordionPanel = /** @class */ (function (_super) {
             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
      */
@@ -14031,18 +14190,7 @@ var AccordionPanel = /** @class */ (function (_super) {
             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);
             }
         }
     };
@@ -14094,6 +14242,24 @@ var AccordionPanel = /** @class */ (function (_super) {
             }
         }
     };
+    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));
 /**
@@ -19573,7 +19739,10 @@ var DockLayout = /** @class */ (function (_super) {
         // 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);
         }
@@ -25689,7 +25858,7 @@ styleInject$1(css_248z$1$1);
 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