@hpcc-js/composite 3.2.12 → 3.2.14

package/dist/index.js

@@ -1,7 +1,5 @@
 var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
 import { HTMLWidget, FAChar, select, selectAll, Utility as Utility$1, d3Event, Platform, drag, SVGWidget, Database, Palette, format, scaleOrdinal, ProgressBar, ToggleButton, Text, Button, Spacer, TitleBar, IconBar, scaleLinear, dispatch, formatPrefix, formatLocale, formatSpecifier, sum, map } from "@hpcc-js/common";
 import { Table } from "@hpcc-js/dgrid";
@@ -12,9 +10,7 @@ const PKG_NAME = "@hpcc-js/composite";
 const PKG_VERSION = "3.1.1";
 const BUILD_VERSION = "3.2.1";
 var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value, "__defNormalProp");
 var __name2 = /* @__PURE__ */ __name((target, value) => __defProp2(target, "name", { value, configurable: true }), "__name");
-var __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value), "__publicField");
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];
@@ -95,13 +91,13 @@ AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Heigh
 AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
 AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
 const _Accordion = (_b = class extends HTMLWidget {
+  _isClosed;
+  titleSpan;
+  iconDiv;
+  ul;
+  icon;
   constructor() {
     super();
-    __publicField2(this, "_isClosed");
-    __publicField2(this, "titleSpan");
-    __publicField2(this, "iconDiv");
-    __publicField2(this, "ul");
-    __publicField2(this, "icon");
     this._tag = "div";
     this._isClosed = false;
   }
@@ -198,9 +194,9 @@ Accordion.prototype.publish("titleFontColor", "#FFFFFF", "html-color", "Title fo
 Accordion.prototype.publish("titleBackgroundColor", "#333333", "html-color", "Title background color", null, { tags: ["Private"] });
 Accordion.prototype.publish("defaultCollapsed", false, "boolean", "Collapsed by default if true", null, { tags: ["Private"] });
 const _Surface = (_c = class extends HTMLWidget {
+  _surfaceButtons;
   constructor() {
     super();
-    __publicField2(this, "_surfaceButtons");
     this._tag = "div";
     this._surfaceButtons = [];
   }
@@ -296,9 +292,9 @@ Surface.prototype.publish("surfaceBorderRadius", null, "number", "Surface Border
 Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
 Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
 const _Cell = (_d = class extends Surface {
+  _indicateTheseIds;
   constructor() {
     super();
-    __publicField2(this, "_indicateTheseIds");
     this._indicateTheseIds = [];
   }
   indicateTheseIds(_) {
@@ -349,31 +345,28 @@ Cell.prototype.publish("indicatorGlowColor", "#EEEE11", "html-color", "Glow colo
 Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
 Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
 const _Border = (_e = class extends HTMLWidget {
+  _colCount;
+  _rowCount;
+  _colSize;
+  _rowSize;
+  _shrinkWrapBoxes;
+  _watch;
+  _offsetX;
+  _offsetY;
+  _dragCell;
+  _dragCellSize;
+  _dragCellStartSize;
+  _handleTop;
+  _handleLeft;
+  _dragPrevX;
+  _dragPrevY;
+  _cellSizes;
+  contentDiv;
+  _scrollBarWidth;
+  _borderHandles;
+  _sectionTypeArr;
   constructor() {
     super();
-    __publicField2(this, "_colCount");
-    __publicField2(this, "_rowCount");
-    __publicField2(this, "_colSize");
-    __publicField2(this, "_rowSize");
-    __publicField2(this, "_shrinkWrapBoxes");
-    __publicField2(this, "_watch");
-    __publicField2(this, "_offsetX");
-    __publicField2(this, "_offsetY");
-    __publicField2(this, "_dragCell");
-    __publicField2(this, "_dragCellSize");
-    __publicField2(this, "_dragCellStartSize");
-    __publicField2(this, "_handleTop");
-    __publicField2(this, "_handleLeft");
-    __publicField2(this, "_dragPrevX");
-    __publicField2(this, "_dragPrevY");
-    __publicField2(this, "_cellSizes");
-    __publicField2(this, "contentDiv");
-    __publicField2(this, "_scrollBarWidth");
-    __publicField2(this, "_borderHandles");
-    __publicField2(this, "_sectionTypeArr");
-    __publicField2(this, "lazyPostUpdate", Utility$1.debounce(function() {
-      this.postUpdate();
-    }, 100));
     this._tag = "div";
     this._colCount = 0;
     this._rowCount = 0;
@@ -400,6 +393,9 @@ const _Border = (_e = class extends HTMLWidget {
       });
     }
   }
+  lazyPostUpdate = Utility$1.debounce(function() {
+    this.postUpdate();
+  }, 100);
   applyLayoutType() {
     const layoutObj = this.borderLayoutObject();
     this.content().forEach(function(cell, i) {
@@ -865,12 +861,12 @@ Border.prototype.publish("bottomPercentage", 20, "number", "Percentage (of paren
 Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
 Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
 const _WidgetDiv = (_f = class {
+  _div;
+  _overlay = false;
+  _overflowX = "visible";
+  _overflowY = "visible";
+  _widget;
   constructor(div) {
-    __publicField2(this, "_div");
-    __publicField2(this, "_overlay", false);
-    __publicField2(this, "_overflowX", "visible");
-    __publicField2(this, "_overflowY", "visible");
-    __publicField2(this, "_widget");
     this._div = div;
   }
   overlay(_) {
@@ -954,18 +950,18 @@ const _WidgetDiv = (_f = class {
 __name2(_WidgetDiv, "WidgetDiv");
 let WidgetDiv = _WidgetDiv;
 const _Border2 = (_g = class extends HTMLWidget {
+  _bodyElement;
+  _topWA;
+  _leftWA;
+  _centerWA;
+  _rightWA;
+  _bottomWA;
+  _topPrevOverflow;
+  _leftPrevOverflow;
+  _rightPrevOverflow;
+  _bottomPrevOverflow;
   constructor() {
     super();
-    __publicField2(this, "_bodyElement");
-    __publicField2(this, "_topWA");
-    __publicField2(this, "_leftWA");
-    __publicField2(this, "_centerWA");
-    __publicField2(this, "_rightWA");
-    __publicField2(this, "_bottomWA");
-    __publicField2(this, "_topPrevOverflow");
-    __publicField2(this, "_leftPrevOverflow");
-    __publicField2(this, "_rightPrevOverflow");
-    __publicField2(this, "_bottomPrevOverflow");
     this._tag = "div";
   }
   enter(domNode, element) {
@@ -1124,11 +1120,8 @@ Border2.prototype.publish("right", null, "widget", "Right Widget", void 0, { ren
 Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", void 0, { render: false });
 Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", void 0, { optional: true });
 const _Carousel = (_h = class extends HTMLWidget {
-  constructor() {
-    super(...arguments);
-    __publicField2(this, "_prevActive", 0);
-    __publicField2(this, "_root");
-  }
+  _prevActive = 0;
+  _root;
   activeWidget() {
     return this.widgets()[this.active()];
   }
@@ -1765,24 +1758,22 @@ function color() {
 __name(color, "color");
 __name2(color, "color");
 const _Legend = (_i = class extends SVGWidget {
+  _owner;
+  _targetWidget;
+  _targetWidgetMonitor;
+  _legendOrdinal;
+  _disabled = [];
+  _symbolTypeMap = {
+    "circle": d3SymbolCircle,
+    "cross": d3SymbolCross,
+    "diamond": d3SymbolDiamond,
+    "square": d3SymbolSquare,
+    "star": d3SymbolStar,
+    "triangle": d3SymbolTriangle,
+    "wye": d3SymbolWye
+  };
   constructor(owner) {
     super();
-    __publicField2(this, "_owner");
-    __publicField2(this, "_targetWidget");
-    __publicField2(this, "_targetWidgetMonitor");
-    __publicField2(this, "_legendOrdinal");
-    __publicField2(this, "_disabled", []);
-    __publicField2(this, "_symbolTypeMap", {
-      "circle": d3SymbolCircle,
-      "cross": d3SymbolCross,
-      "diamond": d3SymbolDiamond,
-      "square": d3SymbolSquare,
-      "star": d3SymbolStar,
-      "triangle": d3SymbolTriangle,
-      "wye": d3SymbolWye
-    });
-    __publicField2(this, "_g");
-    __publicField2(this, "_containerSize");
     this._owner = owner;
     this._drawStartPos = "origin";
     const context = this;
@@ -1910,6 +1901,7 @@ const _Legend = (_i = class extends SVGWidget {
   fillColor(row, col, sel) {
     return this.fillColorFunc()(row, col, sel);
   }
+  _g;
   enter(domNode, element) {
     super.enter(domNode, element);
     this._g = element.append("g").attr("class", "legendOrdinal");
@@ -2126,6 +2118,7 @@ const _Legend = (_i = class extends SVGWidget {
   }
   onMouseOver(rowData, rowIdx) {
   }
+  _containerSize;
   resize(_size) {
     let retVal;
     if (this.fitToContent()) {
@@ -2161,17 +2154,17 @@ Legend.prototype.publish("shapeRadius", 7, "number", "Radius of legend shape (pi
 Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
 Legend.prototype.publish("labelAlign", "start", "set", "Horizontal alignment of legend item label (for horizontal orientation only)", ["start", "middle", "end"], { optional: true, disable: /* @__PURE__ */ __name2((w) => w.orientation() === "vertical", "disable") });
 const _Modal = (_j = class extends HTMLWidget {
+  _widget;
+  _relativeTarget;
+  _fade;
+  _modal;
+  _modalHeader;
+  _modalBody;
+  _modalHeaderAnnotations;
+  _modalHeaderCloseButton;
+  _close;
   constructor() {
     super();
-    __publicField2(this, "_widget");
-    __publicField2(this, "_relativeTarget");
-    __publicField2(this, "_fade");
-    __publicField2(this, "_modal");
-    __publicField2(this, "_modalHeader");
-    __publicField2(this, "_modalBody");
-    __publicField2(this, "_modalHeaderAnnotations");
-    __publicField2(this, "_modalHeaderCloseButton");
-    __publicField2(this, "_close");
     this._tag = "div";
   }
   closeModal() {
@@ -2308,65 +2301,59 @@ Modal.prototype.publish("fixedLeft", null, "string", "fixedLeft");
 Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
 Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
 const _ChartPanel = (_k = class extends Border2 {
+  _legend = new Legend(this).enableOverflow(true);
+  _progressBar = new ProgressBar();
+  _autoScale = false;
+  _resolutions = {
+    tiny: { width: 100, height: 100 },
+    small: { width: 300, height: 300 }
+  };
+  _modal = new Modal();
+  _highlight;
+  _scale;
+  _orig_size;
+  _toggleInfo = new ToggleButton().faChar("fa-info-circle").tooltip(".Description").selected(false).on("enabled", () => {
+    return this.description() !== "";
+  }).on("click", () => {
+    if (this._toggleInfo.selected()) {
+      this._modal.title(this.title()).widget(new Text().text(this.description())).show(true).render();
+      const origCloseFunc = this._modal._close;
+      this._modal._close = () => {
+        this._toggleInfo.selected(false).render();
+        this._modal._close = origCloseFunc;
+      };
+    }
+  }).on("mouseMove", () => {
+  }).on("mouseOut", () => {
+  });
+  _toggleData = new ToggleButton().faChar("fa-table").tooltip("Data").on("click", () => {
+    this.dataVisible(this._toggleData.selected());
+    this.render();
+  });
+  _buttonDownload = new Button().faChar("fa-download").tooltip("Download").on("click", () => {
+    this.downloadCSV();
+  });
+  _buttonDownloadImage = new Button().faChar("fa-image").tooltip("Download Image").on("click", () => {
+    this.downloadPNG();
+  });
+  _toggleLegend = new ToggleButton().faChar("fa-list-ul").tooltip("Legend").selected(false).on("click", () => {
+    const selected = this._toggleLegend.selected();
+    if (this.legendPosition() === "bottom") {
+      this.showBottom(selected);
+    } else if (this.legendPosition() === "right") {
+      this.showRight(selected);
+    }
+    this.legendVisible(selected);
+    this.render();
+  });
+  _spacer = new Spacer();
+  _titleBar = new TitleBar().buttons([this._toggleData, this._buttonDownload, this._buttonDownloadImage, this._spacer, this._toggleLegend]);
+  _carousel = new Carousel();
+  _table = new Table();
+  _widget;
+  _hideLegendToggleList = ["dgrid_Table"];
   constructor() {
     super();
-    __publicField2(this, "_legend", new Legend(this).enableOverflow(true));
-    __publicField2(this, "_progressBar", new ProgressBar());
-    __publicField2(this, "_autoScale", false);
-    __publicField2(this, "_resolutions", {
-      tiny: { width: 100, height: 100 },
-      small: { width: 300, height: 300 }
-    });
-    __publicField2(this, "_modal", new Modal());
-    __publicField2(this, "_highlight");
-    __publicField2(this, "_scale");
-    __publicField2(this, "_orig_size");
-    __publicField2(this, "_toggleInfo", new ToggleButton().faChar("fa-info-circle").tooltip(".Description").selected(false).on("enabled", () => {
-      return this.description() !== "";
-    }).on("click", () => {
-      if (this._toggleInfo.selected()) {
-        this._modal.title(this.title()).widget(new Text().text(this.description())).show(true).render();
-        const origCloseFunc = this._modal._close;
-        this._modal._close = () => {
-          this._toggleInfo.selected(false).render();
-          this._modal._close = origCloseFunc;
-        };
-      }
-    }).on("mouseMove", () => {
-    }).on("mouseOut", () => {
-    }));
-    __publicField2(this, "_toggleData", new ToggleButton().faChar("fa-table").tooltip("Data").on("click", () => {
-      this.dataVisible(this._toggleData.selected());
-      this.render();
-    }));
-    __publicField2(this, "_buttonDownload", new Button().faChar("fa-download").tooltip("Download").on("click", () => {
-      this.downloadCSV();
-    }));
-    __publicField2(this, "_buttonDownloadImage", new Button().faChar("fa-image").tooltip("Download Image").on("click", () => {
-      this.downloadPNG();
-    }));
-    __publicField2(this, "_toggleLegend", new ToggleButton().faChar("fa-list-ul").tooltip("Legend").selected(false).on("click", () => {
-      const selected = this._toggleLegend.selected();
-      if (this.legendPosition() === "bottom") {
-        this.showBottom(selected);
-      } else if (this.legendPosition() === "right") {
-        this.showRight(selected);
-      }
-      this.legendVisible(selected);
-      this.render();
-    }));
-    __publicField2(this, "_spacer", new Spacer());
-    __publicField2(this, "_titleBar", new TitleBar().buttons([this._toggleData, this._buttonDownload, this._buttonDownloadImage, this._spacer, this._toggleLegend]));
-    __publicField2(this, "_carousel", new Carousel());
-    __publicField2(this, "_table", new Table());
-    __publicField2(this, "_widget");
-    __publicField2(this, "_hideLegendToggleList", ["dgrid_Table"]);
-    __publicField2(this, "_prevdataVisible");
-    __publicField2(this, "_prevlegendVisible");
-    __publicField2(this, "_prevLegendPosition");
-    __publicField2(this, "_prevChartDataFamily");
-    __publicField2(this, "_prevChart");
-    __publicField2(this, "_prevButtons");
     this._tag = "div";
   }
   fields(_) {
@@ -2497,6 +2484,12 @@ const _ChartPanel = (_k = class extends Border2 {
     element.select("div.title-icon").style("position", "static");
     element.style("transform", "translate(0px,0px) scale(1)");
   }
+  _prevdataVisible;
+  _prevlegendVisible;
+  _prevLegendPosition;
+  _prevChartDataFamily;
+  _prevChart;
+  _prevButtons;
   update(domNode, element) {
     super.update(domNode, element);
   }
@@ -2814,380 +2807,388 @@ FlexGrid.prototype.publish("flexBasis", "10%", "string", "Default flex-basis sty
 FlexGrid.prototype.publish("widgetsFlexGrow", [], "array", "Array of flex-grow values keyed on the widgets array");
 FlexGrid.prototype.publish("widgetsFlexBasis", [], "array", "Array of flex-basis values keyed on the widgets array");
 FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be rendered as list items");
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 __name(getDefaultExportFromCjs, "getDefaultExportFromCjs");
 __name2(getDefaultExportFromCjs, "getDefaultExportFromCjs");
-var gridList$1 = { exports: {} };
-(function(module, exports) {
-  (function(root, factory) {
-    {
-      module.exports = factory();
-    }
-  })(commonjsGlobal, function() {
-    var GridList2 = /* @__PURE__ */ __name2(function(items, options) {
-      this._options = options;
-      for (var k2 in this.defaults) {
-        if (!this._options.hasOwnProperty(k2)) {
-          this._options[k2] = this.defaults[k2];
-        }
-      }
-      this.items = items;
-      this._adjustSizeOfItems();
-      this.generateGrid();
-    }, "GridList");
-    GridList2.cloneItems = function(items, _items) {
-      var i, k2;
-      if (_items === void 0) {
-        _items = [];
+var gridList$2 = { exports: {} };
+var gridList$1 = gridList$2.exports;
+var hasRequiredGridList;
+function requireGridList() {
+  if (hasRequiredGridList) return gridList$2.exports;
+  hasRequiredGridList = 1;
+  (function(module, exports) {
+    (function(root, factory) {
+      {
+        module.exports = factory();
       }
-      for (i = 0; i < items.length; i++) {
-        if (!_items[i]) {
-          _items[i] = {};
-        }
-        for (k2 in items[i]) {
-          _items[i][k2] = items[i][k2];
-        }
-      }
-      return _items;
-    };
-    GridList2.prototype = {
-      defaults: {
-        lanes: 5,
-        direction: "horizontal"
-      },
-      /**
-       * Illustates grid as text-based table, using a number identifier for each
-       * item. E.g.
-       *
-       *  #|  0  1  2  3  4  5  6  7  8  9 10 11 12 13
-       *  --------------------------------------------
-       *  0| 00 02 03 04 04 06 08 08 08 12 12 13 14 16
-       *  1| 01 -- 03 05 05 07 09 10 11 11 -- 13 15 --
-       *
-       * Warn: Does not work if items don't have a width or height specified
-       * besides their position in the grid.
-       */
-      toString: /* @__PURE__ */ __name2(function() {
-        var widthOfGrid = this.grid.length, output = "\n #|", border = "\n --", item, i, j;
-        for (i = 0; i < widthOfGrid; i++) {
-          output += " " + this._padNumber(i, " ");
-          border += "---";
-        }
-        output += border;
-        for (i = 0; i < this._options.lanes; i++) {
-          output += "\n" + this._padNumber(i, " ") + "|";
-          for (j = 0; j < widthOfGrid; j++) {
-            output += " ";
-            item = this.grid[j][i];
-            output += item ? this._padNumber(this.items.indexOf(item), "0") : "--";
+    })(gridList$1, function() {
+      var GridList2 = /* @__PURE__ */ __name2(function(items, options) {
+        this._options = options;
+        for (var k2 in this.defaults) {
+          if (!this._options.hasOwnProperty(k2)) {
+            this._options[k2] = this.defaults[k2];
           }
         }
-        output += "\n";
-        return output;
-      }, "toString"),
-      generateGrid: /* @__PURE__ */ __name2(function() {
-        var i;
-        this._resetGrid();
-        for (i = 0; i < this.items.length; i++) {
-          this._markItemPositionToGrid(this.items[i]);
-        }
-      }, "generateGrid"),
-      resizeGrid: /* @__PURE__ */ __name2(function(lanes) {
-        var currentColumn = 0;
-        this._options.lanes = lanes;
+        this.items = items;
         this._adjustSizeOfItems();
-        this._sortItemsByPosition();
-        this._resetGrid();
-        for (var i = 0; i < this.items.length; i++) {
-          var item = this.items[i], position = this._getItemPosition(item);
-          this._updateItemPosition(
-            item,
-            this.findPositionForItem(item, { x: currentColumn, y: 0 })
-          );
-          currentColumn = Math.max(currentColumn, position.x);
+        this.generateGrid();
+      }, "GridList");
+      GridList2.cloneItems = function(items, _items) {
+        var i, k2;
+        if (_items === void 0) {
+          _items = [];
+        }
+        for (i = 0; i < items.length; i++) {
+          if (!_items[i]) {
+            _items[i] = {};
+          }
+          for (k2 in items[i]) {
+            _items[i][k2] = items[i][k2];
+          }
         }
-        this._pullItemsToLeft();
-      }, "resizeGrid"),
-      findPositionForItem: /* @__PURE__ */ __name2(function(item, start, fixedRow) {
-        var x, y, position;
-        for (x = start.x; x < this.grid.length; x++) {
-          if (fixedRow !== void 0) {
-            position = [x, fixedRow];
-            if (this._itemFitsAtPosition(item, position)) {
-              return position;
+        return _items;
+      };
+      GridList2.prototype = {
+        defaults: {
+          lanes: 5,
+          direction: "horizontal"
+        },
+        /**
+         * Illustates grid as text-based table, using a number identifier for each
+         * item. E.g.
+         *
+         *  #|  0  1  2  3  4  5  6  7  8  9 10 11 12 13
+         *  --------------------------------------------
+         *  0| 00 02 03 04 04 06 08 08 08 12 12 13 14 16
+         *  1| 01 -- 03 05 05 07 09 10 11 11 -- 13 15 --
+         *
+         * Warn: Does not work if items don't have a width or height specified
+         * besides their position in the grid.
+         */
+        toString: /* @__PURE__ */ __name2(function() {
+          var widthOfGrid = this.grid.length, output = "\n #|", border = "\n --", item, i, j;
+          for (i = 0; i < widthOfGrid; i++) {
+            output += " " + this._padNumber(i, " ");
+            border += "---";
+          }
+          output += border;
+          for (i = 0; i < this._options.lanes; i++) {
+            output += "\n" + this._padNumber(i, " ") + "|";
+            for (j = 0; j < widthOfGrid; j++) {
+              output += " ";
+              item = this.grid[j][i];
+              output += item ? this._padNumber(this.items.indexOf(item), "0") : "--";
             }
-          } else {
-            for (y = start.y; y < this._options.lanes; y++) {
-              position = [x, y];
+          }
+          output += "\n";
+          return output;
+        }, "toString"),
+        generateGrid: /* @__PURE__ */ __name2(function() {
+          var i;
+          this._resetGrid();
+          for (i = 0; i < this.items.length; i++) {
+            this._markItemPositionToGrid(this.items[i]);
+          }
+        }, "generateGrid"),
+        resizeGrid: /* @__PURE__ */ __name2(function(lanes) {
+          var currentColumn = 0;
+          this._options.lanes = lanes;
+          this._adjustSizeOfItems();
+          this._sortItemsByPosition();
+          this._resetGrid();
+          for (var i = 0; i < this.items.length; i++) {
+            var item = this.items[i], position = this._getItemPosition(item);
+            this._updateItemPosition(
+              item,
+              this.findPositionForItem(item, { x: currentColumn, y: 0 })
+            );
+            currentColumn = Math.max(currentColumn, position.x);
+          }
+          this._pullItemsToLeft();
+        }, "resizeGrid"),
+        findPositionForItem: /* @__PURE__ */ __name2(function(item, start, fixedRow) {
+          var x, y, position;
+          for (x = start.x; x < this.grid.length; x++) {
+            if (fixedRow !== void 0) {
+              position = [x, fixedRow];
               if (this._itemFitsAtPosition(item, position)) {
                 return position;
               }
+            } else {
+              for (y = start.y; y < this._options.lanes; y++) {
+                position = [x, y];
+                if (this._itemFitsAtPosition(item, position)) {
+                  return position;
+                }
+              }
             }
           }
-        }
-        var newCol = this.grid.length, newRow = 0;
-        if (fixedRow !== void 0 && this._itemFitsAtPosition(item, [newCol, fixedRow])) {
-          newRow = fixedRow;
-        }
-        return [newCol, newRow];
-      }, "findPositionForItem"),
-      moveItemToPosition: /* @__PURE__ */ __name2(function(item, newPosition) {
-        var position = this._getItemPosition({
-          x: newPosition[0],
-          y: newPosition[1],
-          w: item.w,
-          h: item.h
-        });
-        this._updateItemPosition(item, [position.x, position.y]);
-        this._resolveCollisions(item);
-      }, "moveItemToPosition"),
-      resizeItem: /* @__PURE__ */ __name2(function(item, size) {
-        var width = size.w || item.w, height = size.h || item.h;
-        this._updateItemSize(item, width, height);
-        this._resolveCollisions(item);
-        this._pullItemsToLeft();
-      }, "resizeItem"),
-      getChangedItems: /* @__PURE__ */ __name2(function(initialItems, idAttribute) {
-        var changedItems = [];
-        for (var i = 0; i < initialItems.length; i++) {
-          var item = this._getItemByAttribute(
-            idAttribute,
-            initialItems[i][idAttribute]
-          );
-          if (item.x !== initialItems[i].x || item.y !== initialItems[i].y || item.w !== initialItems[i].w || item.h !== initialItems[i].h) {
-            changedItems.push(item);
+          var newCol = this.grid.length, newRow = 0;
+          if (fixedRow !== void 0 && this._itemFitsAtPosition(item, [newCol, fixedRow])) {
+            newRow = fixedRow;
           }
-        }
-        return changedItems;
-      }, "getChangedItems"),
-      _sortItemsByPosition: /* @__PURE__ */ __name2(function() {
-        this.items.sort((function(item1, item2) {
-          var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
-          if (position1.x != position2.x) {
-            return position1.x - position2.x;
+          return [newCol, newRow];
+        }, "findPositionForItem"),
+        moveItemToPosition: /* @__PURE__ */ __name2(function(item, newPosition) {
+          var position = this._getItemPosition({
+            x: newPosition[0],
+            y: newPosition[1],
+            w: item.w,
+            h: item.h
+          });
+          this._updateItemPosition(item, [position.x, position.y]);
+          this._resolveCollisions(item);
+        }, "moveItemToPosition"),
+        resizeItem: /* @__PURE__ */ __name2(function(item, size) {
+          var width = size.w || item.w, height = size.h || item.h;
+          this._updateItemSize(item, width, height);
+          this._resolveCollisions(item);
+          this._pullItemsToLeft();
+        }, "resizeItem"),
+        getChangedItems: /* @__PURE__ */ __name2(function(initialItems, idAttribute) {
+          var changedItems = [];
+          for (var i = 0; i < initialItems.length; i++) {
+            var item = this._getItemByAttribute(
+              idAttribute,
+              initialItems[i][idAttribute]
+            );
+            if (item.x !== initialItems[i].x || item.y !== initialItems[i].y || item.w !== initialItems[i].w || item.h !== initialItems[i].h) {
+              changedItems.push(item);
+            }
+          }
+          return changedItems;
+        }, "getChangedItems"),
+        _sortItemsByPosition: /* @__PURE__ */ __name2(function() {
+          this.items.sort((function(item1, item2) {
+            var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
+            if (position1.x != position2.x) {
+              return position1.x - position2.x;
+            }
+            if (position1.y != position2.y) {
+              return position1.y - position2.y;
+            }
+            return 0;
+          }).bind(this));
+        }, "_sortItemsByPosition"),
+        _adjustSizeOfItems: /* @__PURE__ */ __name2(function() {
+          for (var i = 0; i < this.items.length; i++) {
+            var item = this.items[i];
+            if (item.autoSize === void 0) {
+              item.autoSize = item.w === 0 || item.h === 0;
+            }
+            if (item.autoSize) {
+              if (this._options.direction === "horizontal") {
+                item.h = this._options.lanes;
+              } else {
+                item.w = this._options.lanes;
+              }
+            }
           }
-          if (position1.y != position2.y) {
-            return position1.y - position2.y;
+        }, "_adjustSizeOfItems"),
+        _resetGrid: /* @__PURE__ */ __name2(function() {
+          this.grid = [];
+        }, "_resetGrid"),
+        _itemFitsAtPosition: /* @__PURE__ */ __name2(function(item, newPosition) {
+          var position = this._getItemPosition(item), x, y;
+          if (newPosition[0] < 0 || newPosition[1] < 0) {
+            return false;
           }
-          return 0;
-        }).bind(this));
-      }, "_sortItemsByPosition"),
-      _adjustSizeOfItems: /* @__PURE__ */ __name2(function() {
-        for (var i = 0; i < this.items.length; i++) {
-          var item = this.items[i];
-          if (item.autoSize === void 0) {
-            item.autoSize = item.w === 0 || item.h === 0;
+          if (newPosition[1] + position.h > this._options.lanes) {
+            return false;
           }
-          if (item.autoSize) {
-            if (this._options.direction === "horizontal") {
-              item.h = this._options.lanes;
-            } else {
-              item.w = this._options.lanes;
+          for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
+            var col = this.grid[x];
+            if (!col) {
+              continue;
+            }
+            for (y = newPosition[1]; y < newPosition[1] + position.h; y++) {
+              if (col[y] && col[y] !== item) {
+                return false;
+              }
             }
           }
-        }
-      }, "_adjustSizeOfItems"),
-      _resetGrid: /* @__PURE__ */ __name2(function() {
-        this.grid = [];
-      }, "_resetGrid"),
-      _itemFitsAtPosition: /* @__PURE__ */ __name2(function(item, newPosition) {
-        var position = this._getItemPosition(item), x, y;
-        if (newPosition[0] < 0 || newPosition[1] < 0) {
-          return false;
-        }
-        if (newPosition[1] + position.h > this._options.lanes) {
-          return false;
-        }
-        for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
-          var col = this.grid[x];
-          if (!col) {
-            continue;
+          return true;
+        }, "_itemFitsAtPosition"),
+        _updateItemPosition: /* @__PURE__ */ __name2(function(item, position) {
+          if (item.x !== null && item.y !== null) {
+            this._deleteItemPositionFromGrid(item);
           }
-          for (y = newPosition[1]; y < newPosition[1] + position.h; y++) {
-            if (col[y] && col[y] !== item) {
-              return false;
+          this._setItemPosition(item, position);
+          this._markItemPositionToGrid(item);
+        }, "_updateItemPosition"),
+        _updateItemSize: /* @__PURE__ */ __name2(function(item, width, height) {
+          if (item.x !== null && item.y !== null) {
+            this._deleteItemPositionFromGrid(item);
+          }
+          item.w = width;
+          item.h = height;
+          this._markItemPositionToGrid(item);
+        }, "_updateItemSize"),
+        _markItemPositionToGrid: /* @__PURE__ */ __name2(function(item) {
+          var position = this._getItemPosition(item), x, y;
+          this._ensureColumns(position.x + position.w);
+          for (x = position.x; x < position.x + position.w; x++) {
+            for (y = position.y; y < position.y + position.h; y++) {
+              this.grid[x][y] = item;
             }
           }
-        }
-        return true;
-      }, "_itemFitsAtPosition"),
-      _updateItemPosition: /* @__PURE__ */ __name2(function(item, position) {
-        if (item.x !== null && item.y !== null) {
-          this._deleteItemPositionFromGrid(item);
-        }
-        this._setItemPosition(item, position);
-        this._markItemPositionToGrid(item);
-      }, "_updateItemPosition"),
-      _updateItemSize: /* @__PURE__ */ __name2(function(item, width, height) {
-        if (item.x !== null && item.y !== null) {
-          this._deleteItemPositionFromGrid(item);
-        }
-        item.w = width;
-        item.h = height;
-        this._markItemPositionToGrid(item);
-      }, "_updateItemSize"),
-      _markItemPositionToGrid: /* @__PURE__ */ __name2(function(item) {
-        var position = this._getItemPosition(item), x, y;
-        this._ensureColumns(position.x + position.w);
-        for (x = position.x; x < position.x + position.w; x++) {
-          for (y = position.y; y < position.y + position.h; y++) {
-            this.grid[x][y] = item;
+        }, "_markItemPositionToGrid"),
+        _deleteItemPositionFromGrid: /* @__PURE__ */ __name2(function(item) {
+          var position = this._getItemPosition(item), x, y;
+          for (x = position.x; x < position.x + position.w; x++) {
+            if (!this.grid[x]) {
+              continue;
+            }
+            for (y = position.y; y < position.y + position.h; y++) {
+              if (this.grid[x][y] == item) {
+                this.grid[x][y] = null;
+              }
+            }
           }
-        }
-      }, "_markItemPositionToGrid"),
-      _deleteItemPositionFromGrid: /* @__PURE__ */ __name2(function(item) {
-        var position = this._getItemPosition(item), x, y;
-        for (x = position.x; x < position.x + position.w; x++) {
-          if (!this.grid[x]) {
-            continue;
+        }, "_deleteItemPositionFromGrid"),
+        _ensureColumns: /* @__PURE__ */ __name2(function(N) {
+          var i;
+          for (i = 0; i < N; i++) {
+            if (!this.grid[i]) {
+              this.grid.push(new GridCol(this._options.lanes));
+            }
           }
-          for (y = position.y; y < position.y + position.h; y++) {
-            if (this.grid[x][y] == item) {
-              this.grid[x][y] = null;
+        }, "_ensureColumns"),
+        _getItemsCollidingWithItem: /* @__PURE__ */ __name2(function(item) {
+          var collidingItems = [];
+          for (var i = 0; i < this.items.length; i++) {
+            if (item != this.items[i] && this._itemsAreColliding(item, this.items[i])) {
+              collidingItems.push(i);
             }
           }
-        }
-      }, "_deleteItemPositionFromGrid"),
-      _ensureColumns: /* @__PURE__ */ __name2(function(N) {
-        var i;
-        for (i = 0; i < N; i++) {
-          if (!this.grid[i]) {
-            this.grid.push(new GridCol(this._options.lanes));
+          return collidingItems;
+        }, "_getItemsCollidingWithItem"),
+        _itemsAreColliding: /* @__PURE__ */ __name2(function(item1, item2) {
+          var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
+          return !(position2.x >= position1.x + position1.w || position2.x + position2.w <= position1.x || position2.y >= position1.y + position1.h || position2.y + position2.h <= position1.y);
+        }, "_itemsAreColliding"),
+        _resolveCollisions: /* @__PURE__ */ __name2(function(item) {
+          if (!this._tryToResolveCollisionsLocally(item)) {
+            this._pullItemsToLeft(item);
           }
-        }
-      }, "_ensureColumns"),
-      _getItemsCollidingWithItem: /* @__PURE__ */ __name2(function(item) {
-        var collidingItems = [];
-        for (var i = 0; i < this.items.length; i++) {
-          if (item != this.items[i] && this._itemsAreColliding(item, this.items[i])) {
-            collidingItems.push(i);
+          this._pullItemsToLeft();
+        }, "_resolveCollisions"),
+        _tryToResolveCollisionsLocally: /* @__PURE__ */ __name2(function(item) {
+          var collidingItems = this._getItemsCollidingWithItem(item);
+          if (!collidingItems.length) {
+            return true;
           }
-        }
-        return collidingItems;
-      }, "_getItemsCollidingWithItem"),
-      _itemsAreColliding: /* @__PURE__ */ __name2(function(item1, item2) {
-        var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
-        return !(position2.x >= position1.x + position1.w || position2.x + position2.w <= position1.x || position2.y >= position1.y + position1.h || position2.y + position2.h <= position1.y);
-      }, "_itemsAreColliding"),
-      _resolveCollisions: /* @__PURE__ */ __name2(function(item) {
-        if (!this._tryToResolveCollisionsLocally(item)) {
-          this._pullItemsToLeft(item);
-        }
-        this._pullItemsToLeft();
-      }, "_resolveCollisions"),
-      _tryToResolveCollisionsLocally: /* @__PURE__ */ __name2(function(item) {
-        var collidingItems = this._getItemsCollidingWithItem(item);
-        if (!collidingItems.length) {
-          return true;
-        }
-        var _gridList = new GridList2([], this._options), leftOfItem, rightOfItem, aboveOfItem, belowOfItem;
-        GridList2.cloneItems(this.items, _gridList.items);
-        _gridList.generateGrid();
-        for (var i = 0; i < collidingItems.length; i++) {
-          var collidingItem = _gridList.items[collidingItems[i]], collidingPosition = this._getItemPosition(collidingItem);
-          var position = this._getItemPosition(item);
-          leftOfItem = [position.x - collidingPosition.w, collidingPosition.y];
-          rightOfItem = [position.x + position.w, collidingPosition.y];
-          aboveOfItem = [collidingPosition.x, position.y - collidingPosition.h];
-          belowOfItem = [collidingPosition.x, position.y + position.h];
-          if (_gridList._itemFitsAtPosition(collidingItem, leftOfItem)) {
-            _gridList._updateItemPosition(collidingItem, leftOfItem);
-          } else if (_gridList._itemFitsAtPosition(collidingItem, aboveOfItem)) {
-            _gridList._updateItemPosition(collidingItem, aboveOfItem);
-          } else if (_gridList._itemFitsAtPosition(collidingItem, belowOfItem)) {
-            _gridList._updateItemPosition(collidingItem, belowOfItem);
-          } else if (_gridList._itemFitsAtPosition(collidingItem, rightOfItem)) {
-            _gridList._updateItemPosition(collidingItem, rightOfItem);
-          } else {
-            return false;
+          var _gridList = new GridList2([], this._options), leftOfItem, rightOfItem, aboveOfItem, belowOfItem;
+          GridList2.cloneItems(this.items, _gridList.items);
+          _gridList.generateGrid();
+          for (var i = 0; i < collidingItems.length; i++) {
+            var collidingItem = _gridList.items[collidingItems[i]], collidingPosition = this._getItemPosition(collidingItem);
+            var position = this._getItemPosition(item);
+            leftOfItem = [position.x - collidingPosition.w, collidingPosition.y];
+            rightOfItem = [position.x + position.w, collidingPosition.y];
+            aboveOfItem = [collidingPosition.x, position.y - collidingPosition.h];
+            belowOfItem = [collidingPosition.x, position.y + position.h];
+            if (_gridList._itemFitsAtPosition(collidingItem, leftOfItem)) {
+              _gridList._updateItemPosition(collidingItem, leftOfItem);
+            } else if (_gridList._itemFitsAtPosition(collidingItem, aboveOfItem)) {
+              _gridList._updateItemPosition(collidingItem, aboveOfItem);
+            } else if (_gridList._itemFitsAtPosition(collidingItem, belowOfItem)) {
+              _gridList._updateItemPosition(collidingItem, belowOfItem);
+            } else if (_gridList._itemFitsAtPosition(collidingItem, rightOfItem)) {
+              _gridList._updateItemPosition(collidingItem, rightOfItem);
+            } else {
+              return false;
+            }
           }
-        }
-        GridList2.cloneItems(_gridList.items, this.items);
-        this.generateGrid();
-        return true;
-      }, "_tryToResolveCollisionsLocally"),
-      _pullItemsToLeft: /* @__PURE__ */ __name2(function(fixedItem) {
-        this._sortItemsByPosition();
-        this._resetGrid();
-        if (fixedItem) {
-          var fixedPosition = this._getItemPosition(fixedItem);
-          this._updateItemPosition(fixedItem, [fixedPosition.x, fixedPosition.y]);
-        }
-        for (var i = 0; i < this.items.length; i++) {
-          var item = this.items[i], position = this._getItemPosition(item);
-          if (fixedItem && item == fixedItem) {
-            continue;
+          GridList2.cloneItems(_gridList.items, this.items);
+          this.generateGrid();
+          return true;
+        }, "_tryToResolveCollisionsLocally"),
+        _pullItemsToLeft: /* @__PURE__ */ __name2(function(fixedItem) {
+          this._sortItemsByPosition();
+          this._resetGrid();
+          if (fixedItem) {
+            var fixedPosition = this._getItemPosition(fixedItem);
+            this._updateItemPosition(fixedItem, [fixedPosition.x, fixedPosition.y]);
           }
-          var x = this._findLeftMostPositionForItem(item), newPosition = this.findPositionForItem(
-            item,
-            { x, y: 0 },
-            position.y
-          );
-          this._updateItemPosition(item, newPosition);
-        }
-      }, "_pullItemsToLeft"),
-      _findLeftMostPositionForItem: /* @__PURE__ */ __name2(function(item) {
-        var tail = 0, position = this._getItemPosition(item);
-        for (var i = 0; i < this.grid.length; i++) {
-          for (var j = position.y; j < position.y + position.h; j++) {
-            var otherItem = this.grid[i][j];
-            if (!otherItem) {
+          for (var i = 0; i < this.items.length; i++) {
+            var item = this.items[i], position = this._getItemPosition(item);
+            if (fixedItem && item == fixedItem) {
               continue;
             }
-            var otherPosition = this._getItemPosition(otherItem);
-            if (this.items.indexOf(otherItem) < this.items.indexOf(item)) {
-              tail = otherPosition.x + otherPosition.w;
+            var x = this._findLeftMostPositionForItem(item), newPosition = this.findPositionForItem(
+              item,
+              { x, y: 0 },
+              position.y
+            );
+            this._updateItemPosition(item, newPosition);
+          }
+        }, "_pullItemsToLeft"),
+        _findLeftMostPositionForItem: /* @__PURE__ */ __name2(function(item) {
+          var tail = 0, position = this._getItemPosition(item);
+          for (var i = 0; i < this.grid.length; i++) {
+            for (var j = position.y; j < position.y + position.h; j++) {
+              var otherItem = this.grid[i][j];
+              if (!otherItem) {
+                continue;
+              }
+              var otherPosition = this._getItemPosition(otherItem);
+              if (this.items.indexOf(otherItem) < this.items.indexOf(item)) {
+                tail = otherPosition.x + otherPosition.w;
+              }
             }
           }
-        }
-        return tail;
-      }, "_findLeftMostPositionForItem"),
-      _getItemByAttribute: /* @__PURE__ */ __name2(function(key, value) {
-        for (var i = 0; i < this.items.length; i++) {
-          if (this.items[i][key] === value) {
-            return this.items[i];
+          return tail;
+        }, "_findLeftMostPositionForItem"),
+        _getItemByAttribute: /* @__PURE__ */ __name2(function(key, value) {
+          for (var i = 0; i < this.items.length; i++) {
+            if (this.items[i][key] === value) {
+              return this.items[i];
+            }
           }
+          return null;
+        }, "_getItemByAttribute"),
+        _padNumber: /* @__PURE__ */ __name2(function(nr, prefix) {
+          return nr >= 10 ? nr : prefix + nr;
+        }, "_padNumber"),
+        _getItemPosition: /* @__PURE__ */ __name2(function(item) {
+          if (this._options.direction === "horizontal") {
+            return item;
+          } else {
+            return {
+              x: item.y,
+              y: item.x,
+              w: item.h,
+              h: item.w
+            };
+          }
+        }, "_getItemPosition"),
+        _setItemPosition: /* @__PURE__ */ __name2(function(item, position) {
+          if (this._options.direction === "horizontal") {
+            item.x = position[0];
+            item.y = position[1];
+          } else {
+            item.x = position[1];
+            item.y = position[0];
+          }
+        }, "_setItemPosition")
+      };
+      var GridCol = /* @__PURE__ */ __name2(function(lanes) {
+        for (var i = 0; i < lanes; i++) {
+          this.push(null);
         }
-        return null;
-      }, "_getItemByAttribute"),
-      _padNumber: /* @__PURE__ */ __name2(function(nr, prefix) {
-        return nr >= 10 ? nr : prefix + nr;
-      }, "_padNumber"),
-      _getItemPosition: /* @__PURE__ */ __name2(function(item) {
-        if (this._options.direction === "horizontal") {
-          return item;
-        } else {
-          return {
-            x: item.y,
-            y: item.x,
-            w: item.h,
-            h: item.w
-          };
-        }
-      }, "_getItemPosition"),
-      _setItemPosition: /* @__PURE__ */ __name2(function(item, position) {
-        if (this._options.direction === "horizontal") {
-          item.x = position[0];
-          item.y = position[1];
-        } else {
-          item.x = position[1];
-          item.y = position[0];
-        }
-      }, "_setItemPosition")
-    };
-    var GridCol = /* @__PURE__ */ __name2(function(lanes) {
-      for (var i = 0; i < lanes; i++) {
-        this.push(null);
-      }
-    }, "GridCol");
-    GridCol.prototype = [];
-    return GridList2;
-  });
-})(gridList$1);
-var gridListExports = gridList$1.exports;
+      }, "GridCol");
+      GridCol.prototype = [];
+      return GridList2;
+    });
+  })(gridList$2);
+  return gridList$2.exports;
+}
+__name(requireGridList, "requireGridList");
+__name2(requireGridList, "requireGridList");
+var gridListExports = requireGridList();
 const gridList = /* @__PURE__ */ getDefaultExportFromCjs(gridListExports);
 const _GridList = /* @__PURE__ */ _mergeNamespaces({
   __proto__: null,
@@ -3195,21 +3196,21 @@ const _GridList = /* @__PURE__ */ _mergeNamespaces({
 }, [gridListExports]);
 const GridList = _GridList && gridList || _GridList;
 const _Grid = (_m = class extends HTMLWidget {
+  divItems;
+  gridList;
+  items;
+  itemsMap;
+  origItems;
+  cellWidth;
+  cellHeight;
+  dragItem;
+  dragItemPos;
+  _d3Drag;
+  _d3DragResize;
+  _selectionBag;
+  _scrollBarWidth;
   constructor() {
     super();
-    __publicField2(this, "divItems");
-    __publicField2(this, "gridList");
-    __publicField2(this, "items");
-    __publicField2(this, "itemsMap");
-    __publicField2(this, "origItems");
-    __publicField2(this, "cellWidth");
-    __publicField2(this, "cellHeight");
-    __publicField2(this, "dragItem");
-    __publicField2(this, "dragItemPos");
-    __publicField2(this, "_d3Drag");
-    __publicField2(this, "_d3DragResize");
-    __publicField2(this, "_selectionBag");
-    __publicField2(this, "_scrollBarWidth");
     this._tag = "div";
     this._selectionBag = new Utility$1.Selection(this);
     this.content([]);
@@ -3628,11 +3629,11 @@ __name2(_HorizontalList, "HorizontalList");
 let HorizontalList = _HorizontalList;
 HorizontalList.prototype._class += " layout_HorizontalList";
 const _Layered = (_o = class extends HTMLWidget {
+  _contentContainer;
+  _widgetPlacements;
+  _widgetRatios;
   constructor() {
     super();
-    __publicField2(this, "_contentContainer");
-    __publicField2(this, "_widgetPlacements");
-    __publicField2(this, "_widgetRatios");
     this._tag = "div";
     this._widgetPlacements = [];
     this._widgetRatios = [];
@@ -3728,10 +3729,10 @@ Layered.prototype._class += " layout_Layered";
 Layered.prototype.publish("surfacePadding", 0, "number", "Padding");
 Layered.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
 const _Popup = (_p = class extends HTMLWidget {
+  _surfaceButtons;
+  _originalPosition;
   constructor() {
     super();
-    __publicField2(this, "_surfaceButtons");
-    __publicField2(this, "_originalPosition");
     this._tag = "div";
     this._surfaceButtons = [];
   }
@@ -3799,10 +3800,10 @@ Popup.prototype.publish("right", null, "number", "Right position property of pop
 Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
 Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
 const _Tabbed = (_q = class extends HTMLWidget {
+  _tabContainer;
+  _contentContainer;
   constructor() {
     super();
-    __publicField2(this, "_tabContainer");
-    __publicField2(this, "_contentContainer");
     this._tag = "div";
   }
   clearTabs() {
@@ -3976,16 +3977,16 @@ const _VerticalList = (_s = class extends FlexGrid {
 __name2(_VerticalList, "VerticalList");
 let VerticalList = _VerticalList;
 VerticalList.prototype._class += " layout_VerticalList";
-!function() {
+!(function() {
   try {
     if ("undefined" != typeof document) {
       var o = document.createElement("style");
-      o.appendChild(document.createTextNode('.layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}.layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0px;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{display:block;width:100%}.layout_Accordion>.collapsible-title{font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);-moz-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px #0003}.layout_Accordion li{background-color:#fff}.layout_Accordion>ul,.layout_Accordion>.collapsible-title{background-color:#333}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>.collapsible-title{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ddd}.layout_Accordion>ul,.layout_Accordion>span{padding-left:0}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>span{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;left:0;top:0}.layout_Accordion>.collapsible-icon{position:absolute;top:0;right:0;width:24px;height:24px;color:#fff}.layout_Surface{box-sizing:border-box;margin:0;border:1px solid #e5e5e5;overflow:hidden;height:100%;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.layout_Surface>h3{margin:0;padding:2px;background-color:#e5e5e5}.layout_Surface .html-button-container{position:absolute;right:0;top:3px}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:"";font-family:FontAwesome;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px);font-size:100px}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:""}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{content:""}div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before{content:""}.layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0px;border-style:solid;pointer-events:none}.layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{width:6px;height:6px;background-color:#444;opacity:.3;position:absolute;visibility:hidden}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_top,.layout_Border>.borderHandle_bottom{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border-radius:5px;border:1px solid #e5e5e5;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;padding-top:4px;-webkit-margin:0px;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{position:fixed;box-sizing:border-box;border:2px dashed #7f8c8d;border-radius:0;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px,#6464641a 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179BD7;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#119bd71a 6px,#119bd71a 12px)}.layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{margin:0;padding:0;display:flex;flex-flow:row}.layout_Border2>.body>.center{flex:1}.layout_Border2>.header{display:block}.layout_Border2>.footer{display:block}.layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}.layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-title,.layout_Modal-annotations{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{position:fixed;background-color:#000;opacity:.5;z-index:10000}.layout_Modal-content{position:fixed;background-color:#fff;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}.layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}.layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}.layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{position:absolute;border-style:solid;border-width:1px;background:#f5f5f5}.layout_Grid>.lane{position:absolute;border-style:none;opacity:.25;border-radius:0;pointer-events:none}.layout_Grid>.ddCell.draggable{border-style:solid;border-width:1px;background-color:#f8f8ff;border-radius:0;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{bottom:0;right:0;width:8px;height:8px;border-style:none;position:absolute;cursor:nwse-resize}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{bottom:2px;right:2px;width:4px;height:4px;border-style:solid;border-left-width:0px;border-top-width:0px;border-right-width:2px;border-bottom-width:2px;border-color:#a9a9a9;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{border-style:solid;border-width:1px;border-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px,#6464641a 8px)}.layout_Grid>.resizing{border-style:solid;border-width:1px;border-color:gray;background-color:orange;border-radius:0;position:absolute;opacity:.3;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,orange 4px,orange 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border-style:solid;border-width:1px;border-color:red;background-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6400001a 4px,#6400001a 8px)}.layout_Grid #drag-me:before{content:"#" attr(id);font-weight:700}.layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}.layout_Tabbed .tab-button{position:relative;top:1px;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:transparent;margin-right:4px;padding:2px 2px 4px;background-color:#ccc}.layout_Tabbed .tab-button.active{background-color:#fff;z-index:999}.layout_Tabbed .on_bottom .tab-button{border-bottom:1px solid #ddd;border-top:none;top:-1px}.layout_Toolbar{height:100%;background-color:#ddd;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-title{display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:4px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-child{position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float:right;margin-left:4px;margin-right:4px;line-height:16px}')), document.head.appendChild(o);
+      o.appendChild(document.createTextNode('.layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}.layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0px;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{display:block;width:100%}.layout_Accordion>.collapsible-title{font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);-moz-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px #0003}.layout_Accordion li{background-color:#fff}.layout_Accordion>ul,.layout_Accordion>.collapsible-title{background-color:#333}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>.collapsible-title{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ddd}.layout_Accordion>ul,.layout_Accordion>span{padding-left:0}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>span{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;left:0;top:0}.layout_Accordion>.collapsible-icon{position:absolute;top:0;right:0;width:24px;height:24px;color:#fff}.layout_Surface{box-sizing:border-box;margin:0;border:1px solid #e5e5e5;overflow:hidden;height:100%;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.layout_Surface>h3{margin:0;padding:2px;background-color:#e5e5e5}.layout_Surface .html-button-container{position:absolute;right:0;top:3px}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:"";font-family:FontAwesome;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px);font-size:100px}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:""}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{content:""}div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before{content:""}.layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0px;border-style:solid;pointer-events:none}.layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{width:6px;height:6px;background-color:#444;opacity:.3;position:absolute;visibility:hidden}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_top,.layout_Border>.borderHandle_bottom{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border-radius:5px;border:1px solid #e5e5e5;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;padding-top:4px;-webkit-margin:0px;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{position:fixed;box-sizing:border-box;border:2px dashed #7f8c8d;border-radius:0;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179BD7;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#119bd71a 6px 12px)}.layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{margin:0;padding:0;display:flex;flex-flow:row}.layout_Border2>.body>.center{flex:1}.layout_Border2>.header{display:block}.layout_Border2>.footer{display:block}.layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}.layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-title,.layout_Modal-annotations{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{position:fixed;background-color:#000;opacity:.5;z-index:10000}.layout_Modal-content{position:fixed;background-color:#fff;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}.layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}.layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}.layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{position:absolute;border-style:solid;border-width:1px;background:#f5f5f5}.layout_Grid>.lane{position:absolute;border-style:none;opacity:.25;border-radius:0;pointer-events:none}.layout_Grid>.ddCell.draggable{border-style:solid;border-width:1px;background-color:#f8f8ff;border-radius:0;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{bottom:0;right:0;width:8px;height:8px;border-style:none;position:absolute;cursor:nwse-resize}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{bottom:2px;right:2px;width:4px;height:4px;border-style:solid;border-left-width:0px;border-top-width:0px;border-right-width:2px;border-bottom-width:2px;border-color:#a9a9a9;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{border-style:solid;border-width:1px;border-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px 8px)}.layout_Grid>.resizing{border-style:solid;border-width:1px;border-color:gray;background-color:orange;border-radius:0;position:absolute;opacity:.3;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,orange 4px 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border-style:solid;border-width:1px;border-color:red;background-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6400001a 4px 8px)}.layout_Grid #drag-me:before{content:"#" attr(id);font-weight:700}.layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}.layout_Tabbed .tab-button{position:relative;top:1px;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:transparent;margin-right:4px;padding:2px 2px 4px;background-color:#ccc}.layout_Tabbed .tab-button.active{background-color:#fff;z-index:999}.layout_Tabbed .on_bottom .tab-button{border-bottom:1px solid #ddd;border-top:none;top:-1px}.layout_Toolbar{height:100%;background-color:#ddd;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-title{display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:4px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-child{position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float:right;margin-left:4px;margin-right:4px;line-height:16px}')), document.head.appendChild(o);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
-}();
+})();
 function requireWidget(classID) {
   return new Promise(function(resolve, _reject) {
     const parsedClassID = Utility$1.parseClassID(classID);
@@ -4011,13 +4012,13 @@ const Utility = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   requireWidgets
 }, Symbol.toStringTag, { value: "Module" }));
 const _MultiChart = class _MultiChart extends HTMLWidget {
+  _allCharts = {};
+  _chartTypeDefaults;
+  _chartTypeProperties;
+  _chartMonitor;
+  _switchingTo;
   constructor() {
     super();
-    __publicField(this, "_allCharts", {});
-    __publicField(this, "_chartTypeDefaults");
-    __publicField(this, "_chartTypeProperties");
-    __publicField(this, "_chartMonitor");
-    __publicField(this, "_switchingTo");
     INDChart.call(this);
     IGraph.call(this);
     this._tag = "div";
@@ -4388,17 +4389,13 @@ __name(_MultiChartPanel, "MultiChartPanel");
 let MultiChartPanel = _MultiChartPanel;
 MultiChartPanel.prototype._class += " composite_MultiChartPanel";
 const _Dermatology = class _Dermatology extends Border {
+  _toolbar;
+  _propEditor;
+  _showProperties;
+  _propsButton;
+  _prevWidget;
   constructor() {
     super();
-    __publicField(this, "_toolbar");
-    __publicField(this, "_propEditor");
-    __publicField(this, "_showProperties");
-    __publicField(this, "_propsButton");
-    __publicField(this, "_prevWidget");
-    __publicField(this, "showToolbar");
-    __publicField(this, "showToolbar_exists");
-    __publicField(this, "widget");
-    __publicField(this, "widget_exists");
     this._toolbar = new Toolbar().title("Dermatology");
     this._propEditor = new PropertyEditor().show_settings(true);
   }
@@ -4443,6 +4440,10 @@ const _Dermatology = class _Dermatology extends Border {
     }
     return super.render(callback);
   }
+  showToolbar;
+  showToolbar_exists;
+  widget;
+  widget_exists;
 };
 __name(_Dermatology, "Dermatology");
 let Dermatology = _Dermatology;
@@ -4450,69 +4451,27 @@ Dermatology.prototype._class += " composite_Dermatology";
 Dermatology.prototype.publish("showToolbar", true, "boolean", "Show Toolbar");
 Dermatology.prototype.publish("widget", null, "widget", "Widget");
 const _MegaChart = class _MegaChart extends Border {
+  _chart = new MultiChart();
+  _toolbar = new Toolbar();
+  _valueTitle = new Text();
+  _domainTitle = new Text();
+  _legend = new Legend$1();
+  _csvButton;
+  _infoButton;
+  _maximizeButton;
+  _legendButton;
+  _chartTypeSelect;
+  _prevLegendPosition;
+  _prevShowToolbar;
+  _1DChartTypes;
+  _2DChartTypes;
+  _NDChartTypes;
+  _anyChartTypes;
+  _allChartTypes;
+  _contentClasses;
+  _dataCount;
   constructor() {
     super();
-    __publicField(this, "_chart", new MultiChart());
-    __publicField(this, "_toolbar", new Toolbar());
-    __publicField(this, "_valueTitle", new Text());
-    __publicField(this, "_domainTitle", new Text());
-    __publicField(this, "_legend", new Legend$1());
-    __publicField(this, "_csvButton");
-    __publicField(this, "_infoButton");
-    __publicField(this, "_maximizeButton");
-    __publicField(this, "_legendButton");
-    __publicField(this, "_chartTypeSelect");
-    __publicField(this, "_prevLegendPosition");
-    __publicField(this, "_prevShowToolbar");
-    __publicField(this, "_1DChartTypes");
-    __publicField(this, "_2DChartTypes");
-    __publicField(this, "_NDChartTypes");
-    __publicField(this, "_anyChartTypes");
-    __publicField(this, "_allChartTypes");
-    __publicField(this, "_contentClasses");
-    __publicField(this, "_dataCount");
-    __publicField(this, "hideRowOnLegendClick");
-    __publicField(this, "hideRowOnLegendClick_exists");
-    __publicField(this, "showToolbar");
-    __publicField(this, "showToolbar_exists");
-    __publicField(this, "titleFontSize");
-    __publicField(this, "titleFontSize_exists");
-    __publicField(this, "titleFontColor");
-    __publicField(this, "titleFontColor_exists");
-    __publicField(this, "titleFontFamily");
-    __publicField(this, "titleFontFamily_exists");
-    __publicField(this, "titleFontBold");
-    __publicField(this, "titleFontBold_exists");
-    __publicField(this, "titleBackgroundColor");
-    __publicField(this, "titleBackgroundColor_exists");
-    __publicField(this, "maximizedBackgroundColor");
-    __publicField(this, "maximizedBackgroundColor_exists");
-    __publicField(this, "showChartSelect");
-    __publicField(this, "showChartSelect_exists");
-    __publicField(this, "showCSV");
-    __publicField(this, "showCSV_exists");
-    __publicField(this, "showCount");
-    __publicField(this, "showCount_exists");
-    __publicField(this, "showMaximize");
-    __publicField(this, "showMaximize_exists");
-    __publicField(this, "toolbarShowLegend");
-    __publicField(this, "toolbarShowLegend_exists");
-    __publicField(this, "showInfoButton");
-    __publicField(this, "showInfoButton_exists");
-    __publicField(this, "infoIcon");
-    __publicField(this, "infoIcon_exists");
-    __publicField(this, "legendPosition");
-    __publicField(this, "legendPosition_exists");
-    __publicField(this, "title");
-    __publicField(this, "title_exists");
-    __publicField(this, "domainAxisTitle");
-    __publicField(this, "domainAxisTitle_exists");
-    __publicField(this, "valueAxisTitle");
-    __publicField(this, "valueAxisTitle_exists");
-    __publicField(this, "chartType");
-    __publicField(this, "chartType_exists");
-    __publicField(this, "chart");
-    __publicField(this, "chart_exists");
     this._tag = "div";
     const context = this;
     this._chart.click = function() {
@@ -4780,6 +4739,48 @@ const _MegaChart = class _MegaChart extends Border {
   edge_dblclick(row, col, sel, more) {
     if (more && more.edge) ;
   }
+  hideRowOnLegendClick;
+  hideRowOnLegendClick_exists;
+  showToolbar;
+  showToolbar_exists;
+  titleFontSize;
+  titleFontSize_exists;
+  titleFontColor;
+  titleFontColor_exists;
+  titleFontFamily;
+  titleFontFamily_exists;
+  titleFontBold;
+  titleFontBold_exists;
+  titleBackgroundColor;
+  titleBackgroundColor_exists;
+  maximizedBackgroundColor;
+  maximizedBackgroundColor_exists;
+  showChartSelect;
+  showChartSelect_exists;
+  showCSV;
+  showCSV_exists;
+  showCount;
+  showCount_exists;
+  showMaximize;
+  showMaximize_exists;
+  toolbarShowLegend;
+  toolbarShowLegend_exists;
+  showInfoButton;
+  showInfoButton_exists;
+  infoIcon;
+  infoIcon_exists;
+  legendPosition;
+  legendPosition_exists;
+  title;
+  title_exists;
+  domainAxisTitle;
+  domainAxisTitle_exists;
+  valueAxisTitle;
+  valueAxisTitle_exists;
+  chartType;
+  chartType_exists;
+  chart;
+  chart_exists;
 };
 __name(_MegaChart, "MegaChart");
 let MegaChart = _MegaChart;