@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 +493 -491
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +2 -2
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +8 -8
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
|
-
|
|
1119
|
-
|
|
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$
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
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
|
-
|
|
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.
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
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
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
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
|
-
}
|
|
2906
|
-
|
|
2907
|
-
|
|
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
|
-
|
|
2915
|
-
|
|
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
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
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
|
-
|
|
2956
|
-
|
|
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
|
-
|
|
2959
|
-
|
|
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
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
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
|
-
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
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
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
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
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
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
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
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
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
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
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
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
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
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
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
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
|
-
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
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
|
|
3108
|
-
item,
|
|
3109
|
-
|
|
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
|
|
3124
|
-
|
|
3125
|
-
|
|
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
|
-
|
|
3130
|
-
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
-
|
|
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
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
|
|
3145
|
-
|
|
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)}}();
|