@hpcc-js/layout 3.2.10 → 3.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,7 +1,5 @@
1
1
  var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
4
- var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
3
  import { HTMLWidget, FAChar, select, selectAll, Utility, d3Event, Platform, drag, scaleLinear, dispatch, formatPrefix, format, formatLocale, formatSpecifier, sum, SVGWidget, Database, Palette, scaleOrdinal, ProgressBar, ToggleButton, Text, Button, Spacer, TitleBar, IconBar } from "@hpcc-js/common";
6
4
  import { Table } from "@hpcc-js/dgrid";
7
5
  import { instanceOfIHighlight } from "@hpcc-js/api";
@@ -87,13 +85,13 @@ AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Heigh
87
85
  AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
88
86
  AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
89
87
  const _Accordion = class _Accordion extends HTMLWidget {
88
+ _isClosed;
89
+ titleSpan;
90
+ iconDiv;
91
+ ul;
92
+ icon;
90
93
  constructor() {
91
94
  super();
92
- __publicField(this, "_isClosed");
93
- __publicField(this, "titleSpan");
94
- __publicField(this, "iconDiv");
95
- __publicField(this, "ul");
96
- __publicField(this, "icon");
97
95
  this._tag = "div";
98
96
  this._isClosed = false;
99
97
  }
@@ -190,9 +188,9 @@ Accordion.prototype.publish("titleFontColor", "#FFFFFF", "html-color", "Title fo
190
188
  Accordion.prototype.publish("titleBackgroundColor", "#333333", "html-color", "Title background color", null, { tags: ["Private"] });
191
189
  Accordion.prototype.publish("defaultCollapsed", false, "boolean", "Collapsed by default if true", null, { tags: ["Private"] });
192
190
  const _Surface = class _Surface extends HTMLWidget {
191
+ _surfaceButtons;
193
192
  constructor() {
194
193
  super();
195
- __publicField(this, "_surfaceButtons");
196
194
  this._tag = "div";
197
195
  this._surfaceButtons = [];
198
196
  }
@@ -288,9 +286,9 @@ Surface.prototype.publish("surfaceBorderRadius", null, "number", "Surface Border
288
286
  Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
289
287
  Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
290
288
  const _Cell = class _Cell extends Surface {
289
+ _indicateTheseIds;
291
290
  constructor() {
292
291
  super();
293
- __publicField(this, "_indicateTheseIds");
294
292
  this._indicateTheseIds = [];
295
293
  }
296
294
  indicateTheseIds(_) {
@@ -341,31 +339,28 @@ Cell.prototype.publish("indicatorGlowColor", "#EEEE11", "html-color", "Glow colo
341
339
  Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
342
340
  Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
343
341
  const _Border = class _Border extends HTMLWidget {
342
+ _colCount;
343
+ _rowCount;
344
+ _colSize;
345
+ _rowSize;
346
+ _shrinkWrapBoxes;
347
+ _watch;
348
+ _offsetX;
349
+ _offsetY;
350
+ _dragCell;
351
+ _dragCellSize;
352
+ _dragCellStartSize;
353
+ _handleTop;
354
+ _handleLeft;
355
+ _dragPrevX;
356
+ _dragPrevY;
357
+ _cellSizes;
358
+ contentDiv;
359
+ _scrollBarWidth;
360
+ _borderHandles;
361
+ _sectionTypeArr;
344
362
  constructor() {
345
363
  super();
346
- __publicField(this, "_colCount");
347
- __publicField(this, "_rowCount");
348
- __publicField(this, "_colSize");
349
- __publicField(this, "_rowSize");
350
- __publicField(this, "_shrinkWrapBoxes");
351
- __publicField(this, "_watch");
352
- __publicField(this, "_offsetX");
353
- __publicField(this, "_offsetY");
354
- __publicField(this, "_dragCell");
355
- __publicField(this, "_dragCellSize");
356
- __publicField(this, "_dragCellStartSize");
357
- __publicField(this, "_handleTop");
358
- __publicField(this, "_handleLeft");
359
- __publicField(this, "_dragPrevX");
360
- __publicField(this, "_dragPrevY");
361
- __publicField(this, "_cellSizes");
362
- __publicField(this, "contentDiv");
363
- __publicField(this, "_scrollBarWidth");
364
- __publicField(this, "_borderHandles");
365
- __publicField(this, "_sectionTypeArr");
366
- __publicField(this, "lazyPostUpdate", Utility.debounce(function() {
367
- this.postUpdate();
368
- }, 100));
369
364
  this._tag = "div";
370
365
  this._colCount = 0;
371
366
  this._rowCount = 0;
@@ -392,6 +387,9 @@ const _Border = class _Border extends HTMLWidget {
392
387
  });
393
388
  }
394
389
  }
390
+ lazyPostUpdate = Utility.debounce(function() {
391
+ this.postUpdate();
392
+ }, 100);
395
393
  applyLayoutType() {
396
394
  const layoutObj = this.borderLayoutObject();
397
395
  this.content().forEach(function(cell, i) {
@@ -856,12 +854,12 @@ Border.prototype.publish("bottomPercentage", 20, "number", "Percentage (of paren
856
854
  Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
857
855
  Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
858
856
  const _WidgetDiv = class _WidgetDiv {
857
+ _div;
858
+ _overlay = false;
859
+ _overflowX = "visible";
860
+ _overflowY = "visible";
861
+ _widget;
859
862
  constructor(div) {
860
- __publicField(this, "_div");
861
- __publicField(this, "_overlay", false);
862
- __publicField(this, "_overflowX", "visible");
863
- __publicField(this, "_overflowY", "visible");
864
- __publicField(this, "_widget");
865
863
  this._div = div;
866
864
  }
867
865
  overlay(_) {
@@ -945,18 +943,18 @@ const _WidgetDiv = class _WidgetDiv {
945
943
  __name(_WidgetDiv, "WidgetDiv");
946
944
  let WidgetDiv = _WidgetDiv;
947
945
  const _Border2 = class _Border2 extends HTMLWidget {
946
+ _bodyElement;
947
+ _topWA;
948
+ _leftWA;
949
+ _centerWA;
950
+ _rightWA;
951
+ _bottomWA;
952
+ _topPrevOverflow;
953
+ _leftPrevOverflow;
954
+ _rightPrevOverflow;
955
+ _bottomPrevOverflow;
948
956
  constructor() {
949
957
  super();
950
- __publicField(this, "_bodyElement");
951
- __publicField(this, "_topWA");
952
- __publicField(this, "_leftWA");
953
- __publicField(this, "_centerWA");
954
- __publicField(this, "_rightWA");
955
- __publicField(this, "_bottomWA");
956
- __publicField(this, "_topPrevOverflow");
957
- __publicField(this, "_leftPrevOverflow");
958
- __publicField(this, "_rightPrevOverflow");
959
- __publicField(this, "_bottomPrevOverflow");
960
958
  this._tag = "div";
961
959
  }
962
960
  enter(domNode, element) {
@@ -1115,11 +1113,8 @@ Border2.prototype.publish("right", null, "widget", "Right Widget", void 0, { ren
1115
1113
  Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", void 0, { render: false });
1116
1114
  Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", void 0, { optional: true });
1117
1115
  const _Carousel = class _Carousel extends HTMLWidget {
1118
- constructor() {
1119
- super(...arguments);
1120
- __publicField(this, "_prevActive", 0);
1121
- __publicField(this, "_root");
1122
- }
1116
+ _prevActive = 0;
1117
+ _root;
1123
1118
  activeWidget() {
1124
1119
  return this.widgets()[this.active()];
1125
1120
  }
@@ -1749,24 +1744,22 @@ function color() {
1749
1744
  }
1750
1745
  __name(color, "color");
1751
1746
  const _Legend = class _Legend extends SVGWidget {
1747
+ _owner;
1748
+ _targetWidget;
1749
+ _targetWidgetMonitor;
1750
+ _legendOrdinal;
1751
+ _disabled = [];
1752
+ _symbolTypeMap = {
1753
+ "circle": d3SymbolCircle,
1754
+ "cross": d3SymbolCross,
1755
+ "diamond": d3SymbolDiamond,
1756
+ "square": d3SymbolSquare,
1757
+ "star": d3SymbolStar,
1758
+ "triangle": d3SymbolTriangle,
1759
+ "wye": d3SymbolWye
1760
+ };
1752
1761
  constructor(owner) {
1753
1762
  super();
1754
- __publicField(this, "_owner");
1755
- __publicField(this, "_targetWidget");
1756
- __publicField(this, "_targetWidgetMonitor");
1757
- __publicField(this, "_legendOrdinal");
1758
- __publicField(this, "_disabled", []);
1759
- __publicField(this, "_symbolTypeMap", {
1760
- "circle": d3SymbolCircle,
1761
- "cross": d3SymbolCross,
1762
- "diamond": d3SymbolDiamond,
1763
- "square": d3SymbolSquare,
1764
- "star": d3SymbolStar,
1765
- "triangle": d3SymbolTriangle,
1766
- "wye": d3SymbolWye
1767
- });
1768
- __publicField(this, "_g");
1769
- __publicField(this, "_containerSize");
1770
1763
  this._owner = owner;
1771
1764
  this._drawStartPos = "origin";
1772
1765
  const context = this;
@@ -1894,6 +1887,7 @@ const _Legend = class _Legend extends SVGWidget {
1894
1887
  fillColor(row, col, sel) {
1895
1888
  return this.fillColorFunc()(row, col, sel);
1896
1889
  }
1890
+ _g;
1897
1891
  enter(domNode, element) {
1898
1892
  super.enter(domNode, element);
1899
1893
  this._g = element.append("g").attr("class", "legendOrdinal");
@@ -2110,6 +2104,7 @@ const _Legend = class _Legend extends SVGWidget {
2110
2104
  }
2111
2105
  onMouseOver(rowData, rowIdx) {
2112
2106
  }
2107
+ _containerSize;
2113
2108
  resize(_size) {
2114
2109
  let retVal;
2115
2110
  if (this.fitToContent()) {
@@ -2145,17 +2140,17 @@ Legend.prototype.publish("shapeRadius", 7, "number", "Radius of legend shape (pi
2145
2140
  Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
2146
2141
  Legend.prototype.publish("labelAlign", "start", "set", "Horizontal alignment of legend item label (for horizontal orientation only)", ["start", "middle", "end"], { optional: true, disable: /* @__PURE__ */ __name((w) => w.orientation() === "vertical", "disable") });
2147
2142
  const _Modal = class _Modal extends HTMLWidget {
2143
+ _widget;
2144
+ _relativeTarget;
2145
+ _fade;
2146
+ _modal;
2147
+ _modalHeader;
2148
+ _modalBody;
2149
+ _modalHeaderAnnotations;
2150
+ _modalHeaderCloseButton;
2151
+ _close;
2148
2152
  constructor() {
2149
2153
  super();
2150
- __publicField(this, "_widget");
2151
- __publicField(this, "_relativeTarget");
2152
- __publicField(this, "_fade");
2153
- __publicField(this, "_modal");
2154
- __publicField(this, "_modalHeader");
2155
- __publicField(this, "_modalBody");
2156
- __publicField(this, "_modalHeaderAnnotations");
2157
- __publicField(this, "_modalHeaderCloseButton");
2158
- __publicField(this, "_close");
2159
2154
  this._tag = "div";
2160
2155
  }
2161
2156
  closeModal() {
@@ -2292,65 +2287,59 @@ Modal.prototype.publish("fixedLeft", null, "string", "fixedLeft");
2292
2287
  Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
2293
2288
  Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
2294
2289
  const _ChartPanel = class _ChartPanel extends Border2 {
2290
+ _legend = new Legend(this).enableOverflow(true);
2291
+ _progressBar = new ProgressBar();
2292
+ _autoScale = false;
2293
+ _resolutions = {
2294
+ tiny: { width: 100, height: 100 },
2295
+ small: { width: 300, height: 300 }
2296
+ };
2297
+ _modal = new Modal();
2298
+ _highlight;
2299
+ _scale;
2300
+ _orig_size;
2301
+ _toggleInfo = new ToggleButton().faChar("fa-info-circle").tooltip(".Description").selected(false).on("enabled", () => {
2302
+ return this.description() !== "";
2303
+ }).on("click", () => {
2304
+ if (this._toggleInfo.selected()) {
2305
+ this._modal.title(this.title()).widget(new Text().text(this.description())).show(true).render();
2306
+ const origCloseFunc = this._modal._close;
2307
+ this._modal._close = () => {
2308
+ this._toggleInfo.selected(false).render();
2309
+ this._modal._close = origCloseFunc;
2310
+ };
2311
+ }
2312
+ }).on("mouseMove", () => {
2313
+ }).on("mouseOut", () => {
2314
+ });
2315
+ _toggleData = new ToggleButton().faChar("fa-table").tooltip("Data").on("click", () => {
2316
+ this.dataVisible(this._toggleData.selected());
2317
+ this.render();
2318
+ });
2319
+ _buttonDownload = new Button().faChar("fa-download").tooltip("Download").on("click", () => {
2320
+ this.downloadCSV();
2321
+ });
2322
+ _buttonDownloadImage = new Button().faChar("fa-image").tooltip("Download Image").on("click", () => {
2323
+ this.downloadPNG();
2324
+ });
2325
+ _toggleLegend = new ToggleButton().faChar("fa-list-ul").tooltip("Legend").selected(false).on("click", () => {
2326
+ const selected = this._toggleLegend.selected();
2327
+ if (this.legendPosition() === "bottom") {
2328
+ this.showBottom(selected);
2329
+ } else if (this.legendPosition() === "right") {
2330
+ this.showRight(selected);
2331
+ }
2332
+ this.legendVisible(selected);
2333
+ this.render();
2334
+ });
2335
+ _spacer = new Spacer();
2336
+ _titleBar = new TitleBar().buttons([this._toggleData, this._buttonDownload, this._buttonDownloadImage, this._spacer, this._toggleLegend]);
2337
+ _carousel = new Carousel();
2338
+ _table = new Table();
2339
+ _widget;
2340
+ _hideLegendToggleList = ["dgrid_Table"];
2295
2341
  constructor() {
2296
2342
  super();
2297
- __publicField(this, "_legend", new Legend(this).enableOverflow(true));
2298
- __publicField(this, "_progressBar", new ProgressBar());
2299
- __publicField(this, "_autoScale", false);
2300
- __publicField(this, "_resolutions", {
2301
- tiny: { width: 100, height: 100 },
2302
- small: { width: 300, height: 300 }
2303
- });
2304
- __publicField(this, "_modal", new Modal());
2305
- __publicField(this, "_highlight");
2306
- __publicField(this, "_scale");
2307
- __publicField(this, "_orig_size");
2308
- __publicField(this, "_toggleInfo", new ToggleButton().faChar("fa-info-circle").tooltip(".Description").selected(false).on("enabled", () => {
2309
- return this.description() !== "";
2310
- }).on("click", () => {
2311
- if (this._toggleInfo.selected()) {
2312
- this._modal.title(this.title()).widget(new Text().text(this.description())).show(true).render();
2313
- const origCloseFunc = this._modal._close;
2314
- this._modal._close = () => {
2315
- this._toggleInfo.selected(false).render();
2316
- this._modal._close = origCloseFunc;
2317
- };
2318
- }
2319
- }).on("mouseMove", () => {
2320
- }).on("mouseOut", () => {
2321
- }));
2322
- __publicField(this, "_toggleData", new ToggleButton().faChar("fa-table").tooltip("Data").on("click", () => {
2323
- this.dataVisible(this._toggleData.selected());
2324
- this.render();
2325
- }));
2326
- __publicField(this, "_buttonDownload", new Button().faChar("fa-download").tooltip("Download").on("click", () => {
2327
- this.downloadCSV();
2328
- }));
2329
- __publicField(this, "_buttonDownloadImage", new Button().faChar("fa-image").tooltip("Download Image").on("click", () => {
2330
- this.downloadPNG();
2331
- }));
2332
- __publicField(this, "_toggleLegend", new ToggleButton().faChar("fa-list-ul").tooltip("Legend").selected(false).on("click", () => {
2333
- const selected = this._toggleLegend.selected();
2334
- if (this.legendPosition() === "bottom") {
2335
- this.showBottom(selected);
2336
- } else if (this.legendPosition() === "right") {
2337
- this.showRight(selected);
2338
- }
2339
- this.legendVisible(selected);
2340
- this.render();
2341
- }));
2342
- __publicField(this, "_spacer", new Spacer());
2343
- __publicField(this, "_titleBar", new TitleBar().buttons([this._toggleData, this._buttonDownload, this._buttonDownloadImage, this._spacer, this._toggleLegend]));
2344
- __publicField(this, "_carousel", new Carousel());
2345
- __publicField(this, "_table", new Table());
2346
- __publicField(this, "_widget");
2347
- __publicField(this, "_hideLegendToggleList", ["dgrid_Table"]);
2348
- __publicField(this, "_prevdataVisible");
2349
- __publicField(this, "_prevlegendVisible");
2350
- __publicField(this, "_prevLegendPosition");
2351
- __publicField(this, "_prevChartDataFamily");
2352
- __publicField(this, "_prevChart");
2353
- __publicField(this, "_prevButtons");
2354
2343
  this._tag = "div";
2355
2344
  }
2356
2345
  fields(_) {
@@ -2481,6 +2470,12 @@ const _ChartPanel = class _ChartPanel extends Border2 {
2481
2470
  element.select("div.title-icon").style("position", "static");
2482
2471
  element.style("transform", "translate(0px,0px) scale(1)");
2483
2472
  }
2473
+ _prevdataVisible;
2474
+ _prevlegendVisible;
2475
+ _prevLegendPosition;
2476
+ _prevChartDataFamily;
2477
+ _prevChart;
2478
+ _prevButtons;
2484
2479
  update(domNode, element) {
2485
2480
  super.update(domNode, element);
2486
2481
  }
@@ -2798,379 +2793,386 @@ FlexGrid.prototype.publish("flexBasis", "10%", "string", "Default flex-basis sty
2798
2793
  FlexGrid.prototype.publish("widgetsFlexGrow", [], "array", "Array of flex-grow values keyed on the widgets array");
2799
2794
  FlexGrid.prototype.publish("widgetsFlexBasis", [], "array", "Array of flex-basis values keyed on the widgets array");
2800
2795
  FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be rendered as list items");
2801
- var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
2802
2796
  function getDefaultExportFromCjs(x) {
2803
2797
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
2804
2798
  }
2805
2799
  __name(getDefaultExportFromCjs, "getDefaultExportFromCjs");
2806
- var gridList$1 = { exports: {} };
2807
- (function(module, exports) {
2808
- (function(root, factory) {
2809
- {
2810
- module.exports = factory();
2811
- }
2812
- })(commonjsGlobal, function() {
2813
- var GridList2 = /* @__PURE__ */ __name(function(items, options) {
2814
- this._options = options;
2815
- for (var k2 in this.defaults) {
2816
- if (!this._options.hasOwnProperty(k2)) {
2817
- this._options[k2] = this.defaults[k2];
2818
- }
2819
- }
2820
- this.items = items;
2821
- this._adjustSizeOfItems();
2822
- this.generateGrid();
2823
- }, "GridList");
2824
- GridList2.cloneItems = function(items, _items) {
2825
- var i, k2;
2826
- if (_items === void 0) {
2827
- _items = [];
2828
- }
2829
- for (i = 0; i < items.length; i++) {
2830
- if (!_items[i]) {
2831
- _items[i] = {};
2832
- }
2833
- for (k2 in items[i]) {
2834
- _items[i][k2] = items[i][k2];
2835
- }
2836
- }
2837
- return _items;
2838
- };
2839
- GridList2.prototype = {
2840
- defaults: {
2841
- lanes: 5,
2842
- direction: "horizontal"
2843
- },
2844
- /**
2845
- * Illustates grid as text-based table, using a number identifier for each
2846
- * item. E.g.
2847
- *
2848
- * #| 0 1 2 3 4 5 6 7 8 9 10 11 12 13
2849
- * --------------------------------------------
2850
- * 0| 00 02 03 04 04 06 08 08 08 12 12 13 14 16
2851
- * 1| 01 -- 03 05 05 07 09 10 11 11 -- 13 15 --
2852
- *
2853
- * Warn: Does not work if items don't have a width or height specified
2854
- * besides their position in the grid.
2855
- */
2856
- toString: /* @__PURE__ */ __name(function() {
2857
- var widthOfGrid = this.grid.length, output = "\n #|", border = "\n --", item, i, j;
2858
- for (i = 0; i < widthOfGrid; i++) {
2859
- output += " " + this._padNumber(i, " ");
2860
- border += "---";
2861
- }
2862
- output += border;
2863
- for (i = 0; i < this._options.lanes; i++) {
2864
- output += "\n" + this._padNumber(i, " ") + "|";
2865
- for (j = 0; j < widthOfGrid; j++) {
2866
- output += " ";
2867
- item = this.grid[j][i];
2868
- output += item ? this._padNumber(this.items.indexOf(item), "0") : "--";
2800
+ var gridList$2 = { exports: {} };
2801
+ var gridList$1 = gridList$2.exports;
2802
+ var hasRequiredGridList;
2803
+ function requireGridList() {
2804
+ if (hasRequiredGridList) return gridList$2.exports;
2805
+ hasRequiredGridList = 1;
2806
+ (function(module, exports) {
2807
+ (function(root, factory) {
2808
+ {
2809
+ module.exports = factory();
2810
+ }
2811
+ })(gridList$1, function() {
2812
+ var GridList2 = /* @__PURE__ */ __name(function(items, options) {
2813
+ this._options = options;
2814
+ for (var k2 in this.defaults) {
2815
+ if (!this._options.hasOwnProperty(k2)) {
2816
+ this._options[k2] = this.defaults[k2];
2869
2817
  }
2870
2818
  }
2871
- output += "\n";
2872
- return output;
2873
- }, "toString"),
2874
- generateGrid: /* @__PURE__ */ __name(function() {
2875
- var i;
2876
- this._resetGrid();
2877
- for (i = 0; i < this.items.length; i++) {
2878
- this._markItemPositionToGrid(this.items[i]);
2879
- }
2880
- }, "generateGrid"),
2881
- resizeGrid: /* @__PURE__ */ __name(function(lanes) {
2882
- var currentColumn = 0;
2883
- this._options.lanes = lanes;
2819
+ this.items = items;
2884
2820
  this._adjustSizeOfItems();
2885
- this._sortItemsByPosition();
2886
- this._resetGrid();
2887
- for (var i = 0; i < this.items.length; i++) {
2888
- var item = this.items[i], position = this._getItemPosition(item);
2889
- this._updateItemPosition(
2890
- item,
2891
- this.findPositionForItem(item, { x: currentColumn, y: 0 })
2892
- );
2893
- currentColumn = Math.max(currentColumn, position.x);
2821
+ this.generateGrid();
2822
+ }, "GridList");
2823
+ GridList2.cloneItems = function(items, _items) {
2824
+ var i, k2;
2825
+ if (_items === void 0) {
2826
+ _items = [];
2894
2827
  }
2895
- this._pullItemsToLeft();
2896
- }, "resizeGrid"),
2897
- findPositionForItem: /* @__PURE__ */ __name(function(item, start, fixedRow) {
2898
- var x, y, position;
2899
- for (x = start.x; x < this.grid.length; x++) {
2900
- if (fixedRow !== void 0) {
2901
- position = [x, fixedRow];
2902
- if (this._itemFitsAtPosition(item, position)) {
2903
- return position;
2828
+ for (i = 0; i < items.length; i++) {
2829
+ if (!_items[i]) {
2830
+ _items[i] = {};
2831
+ }
2832
+ for (k2 in items[i]) {
2833
+ _items[i][k2] = items[i][k2];
2834
+ }
2835
+ }
2836
+ return _items;
2837
+ };
2838
+ GridList2.prototype = {
2839
+ defaults: {
2840
+ lanes: 5,
2841
+ direction: "horizontal"
2842
+ },
2843
+ /**
2844
+ * Illustates grid as text-based table, using a number identifier for each
2845
+ * item. E.g.
2846
+ *
2847
+ * #| 0 1 2 3 4 5 6 7 8 9 10 11 12 13
2848
+ * --------------------------------------------
2849
+ * 0| 00 02 03 04 04 06 08 08 08 12 12 13 14 16
2850
+ * 1| 01 -- 03 05 05 07 09 10 11 11 -- 13 15 --
2851
+ *
2852
+ * Warn: Does not work if items don't have a width or height specified
2853
+ * besides their position in the grid.
2854
+ */
2855
+ toString: /* @__PURE__ */ __name(function() {
2856
+ var widthOfGrid = this.grid.length, output = "\n #|", border = "\n --", item, i, j;
2857
+ for (i = 0; i < widthOfGrid; i++) {
2858
+ output += " " + this._padNumber(i, " ");
2859
+ border += "---";
2860
+ }
2861
+ output += border;
2862
+ for (i = 0; i < this._options.lanes; i++) {
2863
+ output += "\n" + this._padNumber(i, " ") + "|";
2864
+ for (j = 0; j < widthOfGrid; j++) {
2865
+ output += " ";
2866
+ item = this.grid[j][i];
2867
+ output += item ? this._padNumber(this.items.indexOf(item), "0") : "--";
2904
2868
  }
2905
- } else {
2906
- for (y = start.y; y < this._options.lanes; y++) {
2907
- position = [x, y];
2869
+ }
2870
+ output += "\n";
2871
+ return output;
2872
+ }, "toString"),
2873
+ generateGrid: /* @__PURE__ */ __name(function() {
2874
+ var i;
2875
+ this._resetGrid();
2876
+ for (i = 0; i < this.items.length; i++) {
2877
+ this._markItemPositionToGrid(this.items[i]);
2878
+ }
2879
+ }, "generateGrid"),
2880
+ resizeGrid: /* @__PURE__ */ __name(function(lanes) {
2881
+ var currentColumn = 0;
2882
+ this._options.lanes = lanes;
2883
+ this._adjustSizeOfItems();
2884
+ this._sortItemsByPosition();
2885
+ this._resetGrid();
2886
+ for (var i = 0; i < this.items.length; i++) {
2887
+ var item = this.items[i], position = this._getItemPosition(item);
2888
+ this._updateItemPosition(
2889
+ item,
2890
+ this.findPositionForItem(item, { x: currentColumn, y: 0 })
2891
+ );
2892
+ currentColumn = Math.max(currentColumn, position.x);
2893
+ }
2894
+ this._pullItemsToLeft();
2895
+ }, "resizeGrid"),
2896
+ findPositionForItem: /* @__PURE__ */ __name(function(item, start, fixedRow) {
2897
+ var x, y, position;
2898
+ for (x = start.x; x < this.grid.length; x++) {
2899
+ if (fixedRow !== void 0) {
2900
+ position = [x, fixedRow];
2908
2901
  if (this._itemFitsAtPosition(item, position)) {
2909
2902
  return position;
2910
2903
  }
2904
+ } else {
2905
+ for (y = start.y; y < this._options.lanes; y++) {
2906
+ position = [x, y];
2907
+ if (this._itemFitsAtPosition(item, position)) {
2908
+ return position;
2909
+ }
2910
+ }
2911
2911
  }
2912
2912
  }
2913
- }
2914
- var newCol = this.grid.length, newRow = 0;
2915
- if (fixedRow !== void 0 && this._itemFitsAtPosition(item, [newCol, fixedRow])) {
2916
- newRow = fixedRow;
2917
- }
2918
- return [newCol, newRow];
2919
- }, "findPositionForItem"),
2920
- moveItemToPosition: /* @__PURE__ */ __name(function(item, newPosition) {
2921
- var position = this._getItemPosition({
2922
- x: newPosition[0],
2923
- y: newPosition[1],
2924
- w: item.w,
2925
- h: item.h
2926
- });
2927
- this._updateItemPosition(item, [position.x, position.y]);
2928
- this._resolveCollisions(item);
2929
- }, "moveItemToPosition"),
2930
- resizeItem: /* @__PURE__ */ __name(function(item, size) {
2931
- var width = size.w || item.w, height = size.h || item.h;
2932
- this._updateItemSize(item, width, height);
2933
- this._resolveCollisions(item);
2934
- this._pullItemsToLeft();
2935
- }, "resizeItem"),
2936
- getChangedItems: /* @__PURE__ */ __name(function(initialItems, idAttribute) {
2937
- var changedItems = [];
2938
- for (var i = 0; i < initialItems.length; i++) {
2939
- var item = this._getItemByAttribute(
2940
- idAttribute,
2941
- initialItems[i][idAttribute]
2942
- );
2943
- if (item.x !== initialItems[i].x || item.y !== initialItems[i].y || item.w !== initialItems[i].w || item.h !== initialItems[i].h) {
2944
- changedItems.push(item);
2913
+ var newCol = this.grid.length, newRow = 0;
2914
+ if (fixedRow !== void 0 && this._itemFitsAtPosition(item, [newCol, fixedRow])) {
2915
+ newRow = fixedRow;
2945
2916
  }
2946
- }
2947
- return changedItems;
2948
- }, "getChangedItems"),
2949
- _sortItemsByPosition: /* @__PURE__ */ __name(function() {
2950
- this.items.sort((function(item1, item2) {
2951
- var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
2952
- if (position1.x != position2.x) {
2953
- return position1.x - position2.x;
2917
+ return [newCol, newRow];
2918
+ }, "findPositionForItem"),
2919
+ moveItemToPosition: /* @__PURE__ */ __name(function(item, newPosition) {
2920
+ var position = this._getItemPosition({
2921
+ x: newPosition[0],
2922
+ y: newPosition[1],
2923
+ w: item.w,
2924
+ h: item.h
2925
+ });
2926
+ this._updateItemPosition(item, [position.x, position.y]);
2927
+ this._resolveCollisions(item);
2928
+ }, "moveItemToPosition"),
2929
+ resizeItem: /* @__PURE__ */ __name(function(item, size) {
2930
+ var width = size.w || item.w, height = size.h || item.h;
2931
+ this._updateItemSize(item, width, height);
2932
+ this._resolveCollisions(item);
2933
+ this._pullItemsToLeft();
2934
+ }, "resizeItem"),
2935
+ getChangedItems: /* @__PURE__ */ __name(function(initialItems, idAttribute) {
2936
+ var changedItems = [];
2937
+ for (var i = 0; i < initialItems.length; i++) {
2938
+ var item = this._getItemByAttribute(
2939
+ idAttribute,
2940
+ initialItems[i][idAttribute]
2941
+ );
2942
+ if (item.x !== initialItems[i].x || item.y !== initialItems[i].y || item.w !== initialItems[i].w || item.h !== initialItems[i].h) {
2943
+ changedItems.push(item);
2944
+ }
2945
+ }
2946
+ return changedItems;
2947
+ }, "getChangedItems"),
2948
+ _sortItemsByPosition: /* @__PURE__ */ __name(function() {
2949
+ this.items.sort((function(item1, item2) {
2950
+ var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
2951
+ if (position1.x != position2.x) {
2952
+ return position1.x - position2.x;
2953
+ }
2954
+ if (position1.y != position2.y) {
2955
+ return position1.y - position2.y;
2956
+ }
2957
+ return 0;
2958
+ }).bind(this));
2959
+ }, "_sortItemsByPosition"),
2960
+ _adjustSizeOfItems: /* @__PURE__ */ __name(function() {
2961
+ for (var i = 0; i < this.items.length; i++) {
2962
+ var item = this.items[i];
2963
+ if (item.autoSize === void 0) {
2964
+ item.autoSize = item.w === 0 || item.h === 0;
2965
+ }
2966
+ if (item.autoSize) {
2967
+ if (this._options.direction === "horizontal") {
2968
+ item.h = this._options.lanes;
2969
+ } else {
2970
+ item.w = this._options.lanes;
2971
+ }
2972
+ }
2954
2973
  }
2955
- if (position1.y != position2.y) {
2956
- return position1.y - position2.y;
2974
+ }, "_adjustSizeOfItems"),
2975
+ _resetGrid: /* @__PURE__ */ __name(function() {
2976
+ this.grid = [];
2977
+ }, "_resetGrid"),
2978
+ _itemFitsAtPosition: /* @__PURE__ */ __name(function(item, newPosition) {
2979
+ var position = this._getItemPosition(item), x, y;
2980
+ if (newPosition[0] < 0 || newPosition[1] < 0) {
2981
+ return false;
2957
2982
  }
2958
- return 0;
2959
- }).bind(this));
2960
- }, "_sortItemsByPosition"),
2961
- _adjustSizeOfItems: /* @__PURE__ */ __name(function() {
2962
- for (var i = 0; i < this.items.length; i++) {
2963
- var item = this.items[i];
2964
- if (item.autoSize === void 0) {
2965
- item.autoSize = item.w === 0 || item.h === 0;
2983
+ if (newPosition[1] + position.h > this._options.lanes) {
2984
+ return false;
2966
2985
  }
2967
- if (item.autoSize) {
2968
- if (this._options.direction === "horizontal") {
2969
- item.h = this._options.lanes;
2970
- } else {
2971
- item.w = this._options.lanes;
2986
+ for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
2987
+ var col = this.grid[x];
2988
+ if (!col) {
2989
+ continue;
2990
+ }
2991
+ for (y = newPosition[1]; y < newPosition[1] + position.h; y++) {
2992
+ if (col[y] && col[y] !== item) {
2993
+ return false;
2994
+ }
2972
2995
  }
2973
2996
  }
2974
- }
2975
- }, "_adjustSizeOfItems"),
2976
- _resetGrid: /* @__PURE__ */ __name(function() {
2977
- this.grid = [];
2978
- }, "_resetGrid"),
2979
- _itemFitsAtPosition: /* @__PURE__ */ __name(function(item, newPosition) {
2980
- var position = this._getItemPosition(item), x, y;
2981
- if (newPosition[0] < 0 || newPosition[1] < 0) {
2982
- return false;
2983
- }
2984
- if (newPosition[1] + position.h > this._options.lanes) {
2985
- return false;
2986
- }
2987
- for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
2988
- var col = this.grid[x];
2989
- if (!col) {
2990
- continue;
2997
+ return true;
2998
+ }, "_itemFitsAtPosition"),
2999
+ _updateItemPosition: /* @__PURE__ */ __name(function(item, position) {
3000
+ if (item.x !== null && item.y !== null) {
3001
+ this._deleteItemPositionFromGrid(item);
2991
3002
  }
2992
- for (y = newPosition[1]; y < newPosition[1] + position.h; y++) {
2993
- if (col[y] && col[y] !== item) {
2994
- return false;
3003
+ this._setItemPosition(item, position);
3004
+ this._markItemPositionToGrid(item);
3005
+ }, "_updateItemPosition"),
3006
+ _updateItemSize: /* @__PURE__ */ __name(function(item, width, height) {
3007
+ if (item.x !== null && item.y !== null) {
3008
+ this._deleteItemPositionFromGrid(item);
3009
+ }
3010
+ item.w = width;
3011
+ item.h = height;
3012
+ this._markItemPositionToGrid(item);
3013
+ }, "_updateItemSize"),
3014
+ _markItemPositionToGrid: /* @__PURE__ */ __name(function(item) {
3015
+ var position = this._getItemPosition(item), x, y;
3016
+ this._ensureColumns(position.x + position.w);
3017
+ for (x = position.x; x < position.x + position.w; x++) {
3018
+ for (y = position.y; y < position.y + position.h; y++) {
3019
+ this.grid[x][y] = item;
2995
3020
  }
2996
3021
  }
2997
- }
2998
- return true;
2999
- }, "_itemFitsAtPosition"),
3000
- _updateItemPosition: /* @__PURE__ */ __name(function(item, position) {
3001
- if (item.x !== null && item.y !== null) {
3002
- this._deleteItemPositionFromGrid(item);
3003
- }
3004
- this._setItemPosition(item, position);
3005
- this._markItemPositionToGrid(item);
3006
- }, "_updateItemPosition"),
3007
- _updateItemSize: /* @__PURE__ */ __name(function(item, width, height) {
3008
- if (item.x !== null && item.y !== null) {
3009
- this._deleteItemPositionFromGrid(item);
3010
- }
3011
- item.w = width;
3012
- item.h = height;
3013
- this._markItemPositionToGrid(item);
3014
- }, "_updateItemSize"),
3015
- _markItemPositionToGrid: /* @__PURE__ */ __name(function(item) {
3016
- var position = this._getItemPosition(item), x, y;
3017
- this._ensureColumns(position.x + position.w);
3018
- for (x = position.x; x < position.x + position.w; x++) {
3019
- for (y = position.y; y < position.y + position.h; y++) {
3020
- this.grid[x][y] = item;
3022
+ }, "_markItemPositionToGrid"),
3023
+ _deleteItemPositionFromGrid: /* @__PURE__ */ __name(function(item) {
3024
+ var position = this._getItemPosition(item), x, y;
3025
+ for (x = position.x; x < position.x + position.w; x++) {
3026
+ if (!this.grid[x]) {
3027
+ continue;
3028
+ }
3029
+ for (y = position.y; y < position.y + position.h; y++) {
3030
+ if (this.grid[x][y] == item) {
3031
+ this.grid[x][y] = null;
3032
+ }
3033
+ }
3021
3034
  }
3022
- }
3023
- }, "_markItemPositionToGrid"),
3024
- _deleteItemPositionFromGrid: /* @__PURE__ */ __name(function(item) {
3025
- var position = this._getItemPosition(item), x, y;
3026
- for (x = position.x; x < position.x + position.w; x++) {
3027
- if (!this.grid[x]) {
3028
- continue;
3035
+ }, "_deleteItemPositionFromGrid"),
3036
+ _ensureColumns: /* @__PURE__ */ __name(function(N) {
3037
+ var i;
3038
+ for (i = 0; i < N; i++) {
3039
+ if (!this.grid[i]) {
3040
+ this.grid.push(new GridCol(this._options.lanes));
3041
+ }
3029
3042
  }
3030
- for (y = position.y; y < position.y + position.h; y++) {
3031
- if (this.grid[x][y] == item) {
3032
- this.grid[x][y] = null;
3043
+ }, "_ensureColumns"),
3044
+ _getItemsCollidingWithItem: /* @__PURE__ */ __name(function(item) {
3045
+ var collidingItems = [];
3046
+ for (var i = 0; i < this.items.length; i++) {
3047
+ if (item != this.items[i] && this._itemsAreColliding(item, this.items[i])) {
3048
+ collidingItems.push(i);
3033
3049
  }
3034
3050
  }
3035
- }
3036
- }, "_deleteItemPositionFromGrid"),
3037
- _ensureColumns: /* @__PURE__ */ __name(function(N) {
3038
- var i;
3039
- for (i = 0; i < N; i++) {
3040
- if (!this.grid[i]) {
3041
- this.grid.push(new GridCol(this._options.lanes));
3051
+ return collidingItems;
3052
+ }, "_getItemsCollidingWithItem"),
3053
+ _itemsAreColliding: /* @__PURE__ */ __name(function(item1, item2) {
3054
+ var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
3055
+ 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);
3056
+ }, "_itemsAreColliding"),
3057
+ _resolveCollisions: /* @__PURE__ */ __name(function(item) {
3058
+ if (!this._tryToResolveCollisionsLocally(item)) {
3059
+ this._pullItemsToLeft(item);
3042
3060
  }
3043
- }
3044
- }, "_ensureColumns"),
3045
- _getItemsCollidingWithItem: /* @__PURE__ */ __name(function(item) {
3046
- var collidingItems = [];
3047
- for (var i = 0; i < this.items.length; i++) {
3048
- if (item != this.items[i] && this._itemsAreColliding(item, this.items[i])) {
3049
- collidingItems.push(i);
3061
+ this._pullItemsToLeft();
3062
+ }, "_resolveCollisions"),
3063
+ _tryToResolveCollisionsLocally: /* @__PURE__ */ __name(function(item) {
3064
+ var collidingItems = this._getItemsCollidingWithItem(item);
3065
+ if (!collidingItems.length) {
3066
+ return true;
3050
3067
  }
3051
- }
3052
- return collidingItems;
3053
- }, "_getItemsCollidingWithItem"),
3054
- _itemsAreColliding: /* @__PURE__ */ __name(function(item1, item2) {
3055
- var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
3056
- 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);
3057
- }, "_itemsAreColliding"),
3058
- _resolveCollisions: /* @__PURE__ */ __name(function(item) {
3059
- if (!this._tryToResolveCollisionsLocally(item)) {
3060
- this._pullItemsToLeft(item);
3061
- }
3062
- this._pullItemsToLeft();
3063
- }, "_resolveCollisions"),
3064
- _tryToResolveCollisionsLocally: /* @__PURE__ */ __name(function(item) {
3065
- var collidingItems = this._getItemsCollidingWithItem(item);
3066
- if (!collidingItems.length) {
3067
- return true;
3068
- }
3069
- var _gridList = new GridList2([], this._options), leftOfItem, rightOfItem, aboveOfItem, belowOfItem;
3070
- GridList2.cloneItems(this.items, _gridList.items);
3071
- _gridList.generateGrid();
3072
- for (var i = 0; i < collidingItems.length; i++) {
3073
- var collidingItem = _gridList.items[collidingItems[i]], collidingPosition = this._getItemPosition(collidingItem);
3074
- var position = this._getItemPosition(item);
3075
- leftOfItem = [position.x - collidingPosition.w, collidingPosition.y];
3076
- rightOfItem = [position.x + position.w, collidingPosition.y];
3077
- aboveOfItem = [collidingPosition.x, position.y - collidingPosition.h];
3078
- belowOfItem = [collidingPosition.x, position.y + position.h];
3079
- if (_gridList._itemFitsAtPosition(collidingItem, leftOfItem)) {
3080
- _gridList._updateItemPosition(collidingItem, leftOfItem);
3081
- } else if (_gridList._itemFitsAtPosition(collidingItem, aboveOfItem)) {
3082
- _gridList._updateItemPosition(collidingItem, aboveOfItem);
3083
- } else if (_gridList._itemFitsAtPosition(collidingItem, belowOfItem)) {
3084
- _gridList._updateItemPosition(collidingItem, belowOfItem);
3085
- } else if (_gridList._itemFitsAtPosition(collidingItem, rightOfItem)) {
3086
- _gridList._updateItemPosition(collidingItem, rightOfItem);
3087
- } else {
3088
- return false;
3068
+ var _gridList = new GridList2([], this._options), leftOfItem, rightOfItem, aboveOfItem, belowOfItem;
3069
+ GridList2.cloneItems(this.items, _gridList.items);
3070
+ _gridList.generateGrid();
3071
+ for (var i = 0; i < collidingItems.length; i++) {
3072
+ var collidingItem = _gridList.items[collidingItems[i]], collidingPosition = this._getItemPosition(collidingItem);
3073
+ var position = this._getItemPosition(item);
3074
+ leftOfItem = [position.x - collidingPosition.w, collidingPosition.y];
3075
+ rightOfItem = [position.x + position.w, collidingPosition.y];
3076
+ aboveOfItem = [collidingPosition.x, position.y - collidingPosition.h];
3077
+ belowOfItem = [collidingPosition.x, position.y + position.h];
3078
+ if (_gridList._itemFitsAtPosition(collidingItem, leftOfItem)) {
3079
+ _gridList._updateItemPosition(collidingItem, leftOfItem);
3080
+ } else if (_gridList._itemFitsAtPosition(collidingItem, aboveOfItem)) {
3081
+ _gridList._updateItemPosition(collidingItem, aboveOfItem);
3082
+ } else if (_gridList._itemFitsAtPosition(collidingItem, belowOfItem)) {
3083
+ _gridList._updateItemPosition(collidingItem, belowOfItem);
3084
+ } else if (_gridList._itemFitsAtPosition(collidingItem, rightOfItem)) {
3085
+ _gridList._updateItemPosition(collidingItem, rightOfItem);
3086
+ } else {
3087
+ return false;
3088
+ }
3089
3089
  }
3090
- }
3091
- GridList2.cloneItems(_gridList.items, this.items);
3092
- this.generateGrid();
3093
- return true;
3094
- }, "_tryToResolveCollisionsLocally"),
3095
- _pullItemsToLeft: /* @__PURE__ */ __name(function(fixedItem) {
3096
- this._sortItemsByPosition();
3097
- this._resetGrid();
3098
- if (fixedItem) {
3099
- var fixedPosition = this._getItemPosition(fixedItem);
3100
- this._updateItemPosition(fixedItem, [fixedPosition.x, fixedPosition.y]);
3101
- }
3102
- for (var i = 0; i < this.items.length; i++) {
3103
- var item = this.items[i], position = this._getItemPosition(item);
3104
- if (fixedItem && item == fixedItem) {
3105
- continue;
3090
+ GridList2.cloneItems(_gridList.items, this.items);
3091
+ this.generateGrid();
3092
+ return true;
3093
+ }, "_tryToResolveCollisionsLocally"),
3094
+ _pullItemsToLeft: /* @__PURE__ */ __name(function(fixedItem) {
3095
+ this._sortItemsByPosition();
3096
+ this._resetGrid();
3097
+ if (fixedItem) {
3098
+ var fixedPosition = this._getItemPosition(fixedItem);
3099
+ this._updateItemPosition(fixedItem, [fixedPosition.x, fixedPosition.y]);
3106
3100
  }
3107
- var x = this._findLeftMostPositionForItem(item), newPosition = this.findPositionForItem(
3108
- item,
3109
- { x, y: 0 },
3110
- position.y
3111
- );
3112
- this._updateItemPosition(item, newPosition);
3113
- }
3114
- }, "_pullItemsToLeft"),
3115
- _findLeftMostPositionForItem: /* @__PURE__ */ __name(function(item) {
3116
- var tail = 0, position = this._getItemPosition(item);
3117
- for (var i = 0; i < this.grid.length; i++) {
3118
- for (var j = position.y; j < position.y + position.h; j++) {
3119
- var otherItem = this.grid[i][j];
3120
- if (!otherItem) {
3101
+ for (var i = 0; i < this.items.length; i++) {
3102
+ var item = this.items[i], position = this._getItemPosition(item);
3103
+ if (fixedItem && item == fixedItem) {
3121
3104
  continue;
3122
3105
  }
3123
- var otherPosition = this._getItemPosition(otherItem);
3124
- if (this.items.indexOf(otherItem) < this.items.indexOf(item)) {
3125
- tail = otherPosition.x + otherPosition.w;
3106
+ var x = this._findLeftMostPositionForItem(item), newPosition = this.findPositionForItem(
3107
+ item,
3108
+ { x, y: 0 },
3109
+ position.y
3110
+ );
3111
+ this._updateItemPosition(item, newPosition);
3112
+ }
3113
+ }, "_pullItemsToLeft"),
3114
+ _findLeftMostPositionForItem: /* @__PURE__ */ __name(function(item) {
3115
+ var tail = 0, position = this._getItemPosition(item);
3116
+ for (var i = 0; i < this.grid.length; i++) {
3117
+ for (var j = position.y; j < position.y + position.h; j++) {
3118
+ var otherItem = this.grid[i][j];
3119
+ if (!otherItem) {
3120
+ continue;
3121
+ }
3122
+ var otherPosition = this._getItemPosition(otherItem);
3123
+ if (this.items.indexOf(otherItem) < this.items.indexOf(item)) {
3124
+ tail = otherPosition.x + otherPosition.w;
3125
+ }
3126
3126
  }
3127
3127
  }
3128
- }
3129
- return tail;
3130
- }, "_findLeftMostPositionForItem"),
3131
- _getItemByAttribute: /* @__PURE__ */ __name(function(key, value) {
3132
- for (var i = 0; i < this.items.length; i++) {
3133
- if (this.items[i][key] === value) {
3134
- return this.items[i];
3128
+ return tail;
3129
+ }, "_findLeftMostPositionForItem"),
3130
+ _getItemByAttribute: /* @__PURE__ */ __name(function(key, value) {
3131
+ for (var i = 0; i < this.items.length; i++) {
3132
+ if (this.items[i][key] === value) {
3133
+ return this.items[i];
3134
+ }
3135
3135
  }
3136
+ return null;
3137
+ }, "_getItemByAttribute"),
3138
+ _padNumber: /* @__PURE__ */ __name(function(nr, prefix) {
3139
+ return nr >= 10 ? nr : prefix + nr;
3140
+ }, "_padNumber"),
3141
+ _getItemPosition: /* @__PURE__ */ __name(function(item) {
3142
+ if (this._options.direction === "horizontal") {
3143
+ return item;
3144
+ } else {
3145
+ return {
3146
+ x: item.y,
3147
+ y: item.x,
3148
+ w: item.h,
3149
+ h: item.w
3150
+ };
3151
+ }
3152
+ }, "_getItemPosition"),
3153
+ _setItemPosition: /* @__PURE__ */ __name(function(item, position) {
3154
+ if (this._options.direction === "horizontal") {
3155
+ item.x = position[0];
3156
+ item.y = position[1];
3157
+ } else {
3158
+ item.x = position[1];
3159
+ item.y = position[0];
3160
+ }
3161
+ }, "_setItemPosition")
3162
+ };
3163
+ var GridCol = /* @__PURE__ */ __name(function(lanes) {
3164
+ for (var i = 0; i < lanes; i++) {
3165
+ this.push(null);
3136
3166
  }
3137
- return null;
3138
- }, "_getItemByAttribute"),
3139
- _padNumber: /* @__PURE__ */ __name(function(nr, prefix) {
3140
- return nr >= 10 ? nr : prefix + nr;
3141
- }, "_padNumber"),
3142
- _getItemPosition: /* @__PURE__ */ __name(function(item) {
3143
- if (this._options.direction === "horizontal") {
3144
- return item;
3145
- } else {
3146
- return {
3147
- x: item.y,
3148
- y: item.x,
3149
- w: item.h,
3150
- h: item.w
3151
- };
3152
- }
3153
- }, "_getItemPosition"),
3154
- _setItemPosition: /* @__PURE__ */ __name(function(item, position) {
3155
- if (this._options.direction === "horizontal") {
3156
- item.x = position[0];
3157
- item.y = position[1];
3158
- } else {
3159
- item.x = position[1];
3160
- item.y = position[0];
3161
- }
3162
- }, "_setItemPosition")
3163
- };
3164
- var GridCol = /* @__PURE__ */ __name(function(lanes) {
3165
- for (var i = 0; i < lanes; i++) {
3166
- this.push(null);
3167
- }
3168
- }, "GridCol");
3169
- GridCol.prototype = [];
3170
- return GridList2;
3171
- });
3172
- })(gridList$1);
3173
- var gridListExports = gridList$1.exports;
3167
+ }, "GridCol");
3168
+ GridCol.prototype = [];
3169
+ return GridList2;
3170
+ });
3171
+ })(gridList$2);
3172
+ return gridList$2.exports;
3173
+ }
3174
+ __name(requireGridList, "requireGridList");
3175
+ var gridListExports = requireGridList();
3174
3176
  const gridList = /* @__PURE__ */ getDefaultExportFromCjs(gridListExports);
3175
3177
  const _GridList = /* @__PURE__ */ _mergeNamespaces({
3176
3178
  __proto__: null,
@@ -3178,21 +3180,21 @@ const _GridList = /* @__PURE__ */ _mergeNamespaces({
3178
3180
  }, [gridListExports]);
3179
3181
  const GridList = _GridList && gridList || _GridList;
3180
3182
  const _Grid = class _Grid extends HTMLWidget {
3183
+ divItems;
3184
+ gridList;
3185
+ items;
3186
+ itemsMap;
3187
+ origItems;
3188
+ cellWidth;
3189
+ cellHeight;
3190
+ dragItem;
3191
+ dragItemPos;
3192
+ _d3Drag;
3193
+ _d3DragResize;
3194
+ _selectionBag;
3195
+ _scrollBarWidth;
3181
3196
  constructor() {
3182
3197
  super();
3183
- __publicField(this, "divItems");
3184
- __publicField(this, "gridList");
3185
- __publicField(this, "items");
3186
- __publicField(this, "itemsMap");
3187
- __publicField(this, "origItems");
3188
- __publicField(this, "cellWidth");
3189
- __publicField(this, "cellHeight");
3190
- __publicField(this, "dragItem");
3191
- __publicField(this, "dragItemPos");
3192
- __publicField(this, "_d3Drag");
3193
- __publicField(this, "_d3DragResize");
3194
- __publicField(this, "_selectionBag");
3195
- __publicField(this, "_scrollBarWidth");
3196
3198
  this._tag = "div";
3197
3199
  this._selectionBag = new Utility.Selection(this);
3198
3200
  this.content([]);
@@ -3611,11 +3613,11 @@ __name(_HorizontalList, "HorizontalList");
3611
3613
  let HorizontalList = _HorizontalList;
3612
3614
  HorizontalList.prototype._class += " layout_HorizontalList";
3613
3615
  const _Layered = class _Layered extends HTMLWidget {
3616
+ _contentContainer;
3617
+ _widgetPlacements;
3618
+ _widgetRatios;
3614
3619
  constructor() {
3615
3620
  super();
3616
- __publicField(this, "_contentContainer");
3617
- __publicField(this, "_widgetPlacements");
3618
- __publicField(this, "_widgetRatios");
3619
3621
  this._tag = "div";
3620
3622
  this._widgetPlacements = [];
3621
3623
  this._widgetRatios = [];
@@ -3711,10 +3713,10 @@ Layered.prototype._class += " layout_Layered";
3711
3713
  Layered.prototype.publish("surfacePadding", 0, "number", "Padding");
3712
3714
  Layered.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
3713
3715
  const _Popup = class _Popup extends HTMLWidget {
3716
+ _surfaceButtons;
3717
+ _originalPosition;
3714
3718
  constructor() {
3715
3719
  super();
3716
- __publicField(this, "_surfaceButtons");
3717
- __publicField(this, "_originalPosition");
3718
3720
  this._tag = "div";
3719
3721
  this._surfaceButtons = [];
3720
3722
  }
@@ -3782,10 +3784,10 @@ Popup.prototype.publish("right", null, "number", "Right position property of pop
3782
3784
  Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
3783
3785
  Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
3784
3786
  const _Tabbed = class _Tabbed extends HTMLWidget {
3787
+ _tabContainer;
3788
+ _contentContainer;
3785
3789
  constructor() {
3786
3790
  super();
3787
- __publicField(this, "_tabContainer");
3788
- __publicField(this, "_contentContainer");
3789
3791
  this._tag = "div";
3790
3792
  }
3791
3793
  clearTabs() {
@@ -3984,4 +3986,4 @@ export {
3984
3986
  WidgetDiv
3985
3987
  };
3986
3988
  //# sourceMappingURL=index.js.map
3987
- !function(){"use strict";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)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
3989
+ !function(){"use strict";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 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)}}();