@hpcc-js/layout 3.2.1 → 3.2.3
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 +240 -259
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +4 -4
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +8 -8
- package/src/ChartPanel.ts +1 -21
- package/types/ChartPanel.d.ts +1 -1
package/dist/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){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)}})();
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
|
|
4
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
|
|
5
|
-
import { HTMLWidget, FAChar, select, selectAll, Utility, d3Event, Platform, drag, scaleLinear, dispatch,
|
|
6
|
-
import { Table } from "@hpcc-js/
|
|
4
|
+
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";
|
|
5
|
+
import { Table } from "@hpcc-js/dgrid";
|
|
7
6
|
import { instanceOfIHighlight } from "@hpcc-js/api";
|
|
8
7
|
function _mergeNamespaces(n, m) {
|
|
9
8
|
for (var i = 0; i < m.length; i++) {
|
|
@@ -1565,25 +1564,7 @@ class ChartPanel extends Border2 {
|
|
|
1565
1564
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", ""), element.selectAll("div.data-count").style("visibility", "hidden"), element.select("div.title-icon").style("position", "static"), element.style("transform", "translate(0px,0px) scale(1)");
|
|
1566
1565
|
}
|
|
1567
1566
|
update(domNode, element) {
|
|
1568
|
-
|
|
1569
|
-
const chart = this.widget();
|
|
1570
|
-
this._table.columns().forEach((column, idx) => {
|
|
1571
|
-
switch (idx === 0 ? chart.xAxisType() : chart.yAxisType()) {
|
|
1572
|
-
case "linear":
|
|
1573
|
-
case "log":
|
|
1574
|
-
case "pow":
|
|
1575
|
-
this._table.columnType(column, "number");
|
|
1576
|
-
break;
|
|
1577
|
-
case "time":
|
|
1578
|
-
this._table.columnType(column, "time");
|
|
1579
|
-
break;
|
|
1580
|
-
case "ordinal":
|
|
1581
|
-
default:
|
|
1582
|
-
this._table.columnType(column, "string");
|
|
1583
|
-
}
|
|
1584
|
-
this._table.columnPattern(column, idx === 0 ? chart.xAxisTypeTimePattern() : chart.yAxisTypeTimePattern()), this._table.columnFormat(column, idx === 0 ? chart.xAxisTickFormat() : chart.yAxisTickFormat());
|
|
1585
|
-
});
|
|
1586
|
-
}
|
|
1567
|
+
super.update(domNode, element);
|
|
1587
1568
|
}
|
|
1588
1569
|
preUpdate(domNode, element) {
|
|
1589
1570
|
switch (super.preUpdate(domNode, element), this._prevLegendPosition !== this.legendPosition() && (this._legend.target() !== null && this._legend.target(null), this._prevLegendPosition !== void 0 ? this.swap(this._prevLegendPosition, this.legendPosition()) : this[this.legendPosition()](this._legend), this.legendPosition() === "right" ? (this.rightOverflowX("hidden"), this.rightOverflowY("auto"), this.bottomOverflowX("visible"), this.bottomOverflowY("visible")) : (this.rightOverflowX("visible"), this.rightOverflowY("visible"), this.bottomOverflowX("auto"), this.bottomOverflowY("hidden")), this._prevLegendPosition = this.legendPosition()), this._prevdataVisible !== this.dataVisible() && (this._prevdataVisible = this.dataVisible(), this._toggleData.selected(this._prevdataVisible), this._legend.visible(this._prevlegendVisible && !this._prevdataVisible), this._carousel.active(this._prevdataVisible ? 1 : 0)), this._prevlegendVisible !== this.legendVisible() && (this._prevlegendVisible = this.legendVisible(), this._toggleLegend.selected(this._prevlegendVisible), this._legend.visible(this._prevlegendVisible && !this._prevdataVisible)), this._legend.orientation(this.legendPosition() === "bottom" ? "horizontal" : "vertical"), this.showLeft(!this.left()), this.getResponsiveMode()) {
|
|
@@ -1789,256 +1770,255 @@ FlexGrid.prototype.publish("flexBasis", "10%", "string", "Default flex-basis sty
|
|
|
1789
1770
|
FlexGrid.prototype.publish("widgetsFlexGrow", [], "array", "Array of flex-grow values keyed on the widgets array");
|
|
1790
1771
|
FlexGrid.prototype.publish("widgetsFlexBasis", [], "array", "Array of flex-basis values keyed on the widgets array");
|
|
1791
1772
|
FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be rendered as list items");
|
|
1773
|
+
var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
1792
1774
|
function getDefaultExportFromCjs(x) {
|
|
1793
1775
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
|
|
1794
1776
|
}
|
|
1795
|
-
var gridList$
|
|
1796
|
-
function
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
var widthOfGrid = this.grid.length, output = `
|
|
1777
|
+
var gridList$1 = { exports: {} };
|
|
1778
|
+
(function(module, exports) {
|
|
1779
|
+
(function(root, factory) {
|
|
1780
|
+
module.exports = factory();
|
|
1781
|
+
})(commonjsGlobal, function() {
|
|
1782
|
+
var GridList2 = function(items, options) {
|
|
1783
|
+
this._options = options;
|
|
1784
|
+
for (var k2 in this.defaults)
|
|
1785
|
+
this._options.hasOwnProperty(k2) || (this._options[k2] = this.defaults[k2]);
|
|
1786
|
+
this.items = items, this._adjustSizeOfItems(), this.generateGrid();
|
|
1787
|
+
};
|
|
1788
|
+
GridList2.cloneItems = function(items, _items) {
|
|
1789
|
+
var i, k2;
|
|
1790
|
+
for (_items === void 0 && (_items = []), i = 0; i < items.length; i++) {
|
|
1791
|
+
_items[i] || (_items[i] = {});
|
|
1792
|
+
for (k2 in items[i])
|
|
1793
|
+
_items[i][k2] = items[i][k2];
|
|
1794
|
+
}
|
|
1795
|
+
return _items;
|
|
1796
|
+
}, GridList2.prototype = {
|
|
1797
|
+
defaults: {
|
|
1798
|
+
lanes: 5,
|
|
1799
|
+
direction: "horizontal"
|
|
1800
|
+
},
|
|
1801
|
+
/**
|
|
1802
|
+
* Illustates grid as text-based table, using a number identifier for each
|
|
1803
|
+
* item. E.g.
|
|
1804
|
+
*
|
|
1805
|
+
* #| 0 1 2 3 4 5 6 7 8 9 10 11 12 13
|
|
1806
|
+
* --------------------------------------------
|
|
1807
|
+
* 0| 00 02 03 04 04 06 08 08 08 12 12 13 14 16
|
|
1808
|
+
* 1| 01 -- 03 05 05 07 09 10 11 11 -- 13 15 --
|
|
1809
|
+
*
|
|
1810
|
+
* Warn: Does not work if items don't have a width or height specified
|
|
1811
|
+
* besides their position in the grid.
|
|
1812
|
+
*/
|
|
1813
|
+
toString: function() {
|
|
1814
|
+
var widthOfGrid = this.grid.length, output = `
|
|
1834
1815
|
#|`, border = `
|
|
1835
1816
|
--`, item, i, j;
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1817
|
+
for (i = 0; i < widthOfGrid; i++)
|
|
1818
|
+
output += " " + this._padNumber(i, " "), border += "---";
|
|
1819
|
+
for (output += border, i = 0; i < this._options.lanes; i++)
|
|
1820
|
+
for (output += `
|
|
1840
1821
|
` + this._padNumber(i, " ") + "|", j = 0; j < widthOfGrid; j++)
|
|
1841
|
-
|
|
1842
|
-
|
|
1822
|
+
output += " ", item = this.grid[j][i], output += item ? this._padNumber(this.items.indexOf(item), "0") : "--";
|
|
1823
|
+
return output += `
|
|
1843
1824
|
`, output;
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1825
|
+
},
|
|
1826
|
+
generateGrid: function() {
|
|
1827
|
+
var i;
|
|
1828
|
+
for (this._resetGrid(), i = 0; i < this.items.length; i++)
|
|
1829
|
+
this._markItemPositionToGrid(this.items[i]);
|
|
1830
|
+
},
|
|
1831
|
+
resizeGrid: function(lanes) {
|
|
1832
|
+
var currentColumn = 0;
|
|
1833
|
+
this._options.lanes = lanes, this._adjustSizeOfItems(), this._sortItemsByPosition(), this._resetGrid();
|
|
1834
|
+
for (var i = 0; i < this.items.length; i++) {
|
|
1835
|
+
var item = this.items[i], position = this._getItemPosition(item);
|
|
1836
|
+
this._updateItemPosition(
|
|
1837
|
+
item,
|
|
1838
|
+
this.findPositionForItem(item, { x: currentColumn, y: 0 })
|
|
1839
|
+
), currentColumn = Math.max(currentColumn, position.x);
|
|
1840
|
+
}
|
|
1841
|
+
this._pullItemsToLeft();
|
|
1842
|
+
},
|
|
1843
|
+
findPositionForItem: function(item, start, fixedRow) {
|
|
1844
|
+
var x, y, position;
|
|
1845
|
+
for (x = start.x; x < this.grid.length; x++)
|
|
1846
|
+
if (fixedRow !== void 0) {
|
|
1847
|
+
if (position = [x, fixedRow], this._itemFitsAtPosition(item, position))
|
|
1848
|
+
return position;
|
|
1849
|
+
} else
|
|
1850
|
+
for (y = start.y; y < this._options.lanes; y++)
|
|
1851
|
+
if (position = [x, y], this._itemFitsAtPosition(item, position))
|
|
1867
1852
|
return position;
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
return changedItems;
|
|
1897
|
-
},
|
|
1898
|
-
_sortItemsByPosition: function() {
|
|
1899
|
-
this.items.sort((function(item1, item2) {
|
|
1900
|
-
var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
|
|
1901
|
-
return position1.x != position2.x ? position1.x - position2.x : position1.y != position2.y ? position1.y - position2.y : 0;
|
|
1902
|
-
}).bind(this));
|
|
1903
|
-
},
|
|
1904
|
-
_adjustSizeOfItems: function() {
|
|
1905
|
-
for (var i = 0; i < this.items.length; i++) {
|
|
1906
|
-
var item = this.items[i];
|
|
1907
|
-
item.autoSize === void 0 && (item.autoSize = item.w === 0 || item.h === 0), item.autoSize && (this._options.direction === "horizontal" ? item.h = this._options.lanes : item.w = this._options.lanes);
|
|
1908
|
-
}
|
|
1909
|
-
},
|
|
1910
|
-
_resetGrid: function() {
|
|
1911
|
-
this.grid = [];
|
|
1912
|
-
},
|
|
1913
|
-
_itemFitsAtPosition: function(item, newPosition) {
|
|
1914
|
-
var position = this._getItemPosition(item), x, y;
|
|
1915
|
-
if (newPosition[0] < 0 || newPosition[1] < 0 || newPosition[1] + position.h > this._options.lanes)
|
|
1916
|
-
return !1;
|
|
1917
|
-
for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
|
|
1918
|
-
var col = this.grid[x];
|
|
1919
|
-
if (col) {
|
|
1920
|
-
for (y = newPosition[1]; y < newPosition[1] + position.h; y++)
|
|
1921
|
-
if (col[y] && col[y] !== item)
|
|
1922
|
-
return !1;
|
|
1923
|
-
}
|
|
1924
|
-
}
|
|
1925
|
-
return !0;
|
|
1926
|
-
},
|
|
1927
|
-
_updateItemPosition: function(item, position) {
|
|
1928
|
-
item.x !== null && item.y !== null && this._deleteItemPositionFromGrid(item), this._setItemPosition(item, position), this._markItemPositionToGrid(item);
|
|
1929
|
-
},
|
|
1930
|
-
_updateItemSize: function(item, width, height) {
|
|
1931
|
-
item.x !== null && item.y !== null && this._deleteItemPositionFromGrid(item), item.w = width, item.h = height, this._markItemPositionToGrid(item);
|
|
1932
|
-
},
|
|
1933
|
-
_markItemPositionToGrid: function(item) {
|
|
1934
|
-
var position = this._getItemPosition(item), x, y;
|
|
1935
|
-
for (this._ensureColumns(position.x + position.w), x = position.x; x < position.x + position.w; x++)
|
|
1936
|
-
for (y = position.y; y < position.y + position.h; y++)
|
|
1937
|
-
this.grid[x][y] = item;
|
|
1938
|
-
},
|
|
1939
|
-
_deleteItemPositionFromGrid: function(item) {
|
|
1940
|
-
var position = this._getItemPosition(item), x, y;
|
|
1941
|
-
for (x = position.x; x < position.x + position.w; x++)
|
|
1942
|
-
if (this.grid[x])
|
|
1943
|
-
for (y = position.y; y < position.y + position.h; y++)
|
|
1944
|
-
this.grid[x][y] == item && (this.grid[x][y] = null);
|
|
1945
|
-
},
|
|
1946
|
-
_ensureColumns: function(N) {
|
|
1947
|
-
var i;
|
|
1948
|
-
for (i = 0; i < N; i++)
|
|
1949
|
-
this.grid[i] || this.grid.push(new GridCol(this._options.lanes));
|
|
1950
|
-
},
|
|
1951
|
-
_getItemsCollidingWithItem: function(item) {
|
|
1952
|
-
for (var collidingItems = [], i = 0; i < this.items.length; i++)
|
|
1953
|
-
item != this.items[i] && this._itemsAreColliding(item, this.items[i]) && collidingItems.push(i);
|
|
1954
|
-
return collidingItems;
|
|
1955
|
-
},
|
|
1956
|
-
_itemsAreColliding: function(item1, item2) {
|
|
1853
|
+
var newCol = this.grid.length, newRow = 0;
|
|
1854
|
+
return fixedRow !== void 0 && this._itemFitsAtPosition(item, [newCol, fixedRow]) && (newRow = fixedRow), [newCol, newRow];
|
|
1855
|
+
},
|
|
1856
|
+
moveItemToPosition: function(item, newPosition) {
|
|
1857
|
+
var position = this._getItemPosition({
|
|
1858
|
+
x: newPosition[0],
|
|
1859
|
+
y: newPosition[1],
|
|
1860
|
+
w: item.w,
|
|
1861
|
+
h: item.h
|
|
1862
|
+
});
|
|
1863
|
+
this._updateItemPosition(item, [position.x, position.y]), this._resolveCollisions(item);
|
|
1864
|
+
},
|
|
1865
|
+
resizeItem: function(item, size) {
|
|
1866
|
+
var width = size.w || item.w, height = size.h || item.h;
|
|
1867
|
+
this._updateItemSize(item, width, height), this._resolveCollisions(item), this._pullItemsToLeft();
|
|
1868
|
+
},
|
|
1869
|
+
getChangedItems: function(initialItems, idAttribute) {
|
|
1870
|
+
for (var changedItems = [], i = 0; i < initialItems.length; i++) {
|
|
1871
|
+
var item = this._getItemByAttribute(
|
|
1872
|
+
idAttribute,
|
|
1873
|
+
initialItems[i][idAttribute]
|
|
1874
|
+
);
|
|
1875
|
+
(item.x !== initialItems[i].x || item.y !== initialItems[i].y || item.w !== initialItems[i].w || item.h !== initialItems[i].h) && changedItems.push(item);
|
|
1876
|
+
}
|
|
1877
|
+
return changedItems;
|
|
1878
|
+
},
|
|
1879
|
+
_sortItemsByPosition: function() {
|
|
1880
|
+
this.items.sort((function(item1, item2) {
|
|
1957
1881
|
var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
|
|
1958
|
-
return
|
|
1959
|
-
}
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
return !1;
|
|
1882
|
+
return position1.x != position2.x ? position1.x - position2.x : position1.y != position2.y ? position1.y - position2.y : 0;
|
|
1883
|
+
}).bind(this));
|
|
1884
|
+
},
|
|
1885
|
+
_adjustSizeOfItems: function() {
|
|
1886
|
+
for (var i = 0; i < this.items.length; i++) {
|
|
1887
|
+
var item = this.items[i];
|
|
1888
|
+
item.autoSize === void 0 && (item.autoSize = item.w === 0 || item.h === 0), item.autoSize && (this._options.direction === "horizontal" ? item.h = this._options.lanes : item.w = this._options.lanes);
|
|
1889
|
+
}
|
|
1890
|
+
},
|
|
1891
|
+
_resetGrid: function() {
|
|
1892
|
+
this.grid = [];
|
|
1893
|
+
},
|
|
1894
|
+
_itemFitsAtPosition: function(item, newPosition) {
|
|
1895
|
+
var position = this._getItemPosition(item), x, y;
|
|
1896
|
+
if (newPosition[0] < 0 || newPosition[1] < 0 || newPosition[1] + position.h > this._options.lanes)
|
|
1897
|
+
return !1;
|
|
1898
|
+
for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
|
|
1899
|
+
var col = this.grid[x];
|
|
1900
|
+
if (col) {
|
|
1901
|
+
for (y = newPosition[1]; y < newPosition[1] + position.h; y++)
|
|
1902
|
+
if (col[y] && col[y] !== item)
|
|
1903
|
+
return !1;
|
|
1981
1904
|
}
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1905
|
+
}
|
|
1906
|
+
return !0;
|
|
1907
|
+
},
|
|
1908
|
+
_updateItemPosition: function(item, position) {
|
|
1909
|
+
item.x !== null && item.y !== null && this._deleteItemPositionFromGrid(item), this._setItemPosition(item, position), this._markItemPositionToGrid(item);
|
|
1910
|
+
},
|
|
1911
|
+
_updateItemSize: function(item, width, height) {
|
|
1912
|
+
item.x !== null && item.y !== null && this._deleteItemPositionFromGrid(item), item.w = width, item.h = height, this._markItemPositionToGrid(item);
|
|
1913
|
+
},
|
|
1914
|
+
_markItemPositionToGrid: function(item) {
|
|
1915
|
+
var position = this._getItemPosition(item), x, y;
|
|
1916
|
+
for (this._ensureColumns(position.x + position.w), x = position.x; x < position.x + position.w; x++)
|
|
1917
|
+
for (y = position.y; y < position.y + position.h; y++)
|
|
1918
|
+
this.grid[x][y] = item;
|
|
1919
|
+
},
|
|
1920
|
+
_deleteItemPositionFromGrid: function(item) {
|
|
1921
|
+
var position = this._getItemPosition(item), x, y;
|
|
1922
|
+
for (x = position.x; x < position.x + position.w; x++)
|
|
1923
|
+
if (this.grid[x])
|
|
1924
|
+
for (y = position.y; y < position.y + position.h; y++)
|
|
1925
|
+
this.grid[x][y] == item && (this.grid[x][y] = null);
|
|
1926
|
+
},
|
|
1927
|
+
_ensureColumns: function(N) {
|
|
1928
|
+
var i;
|
|
1929
|
+
for (i = 0; i < N; i++)
|
|
1930
|
+
this.grid[i] || this.grid.push(new GridCol(this._options.lanes));
|
|
1931
|
+
},
|
|
1932
|
+
_getItemsCollidingWithItem: function(item) {
|
|
1933
|
+
for (var collidingItems = [], i = 0; i < this.items.length; i++)
|
|
1934
|
+
item != this.items[i] && this._itemsAreColliding(item, this.items[i]) && collidingItems.push(i);
|
|
1935
|
+
return collidingItems;
|
|
1936
|
+
},
|
|
1937
|
+
_itemsAreColliding: function(item1, item2) {
|
|
1938
|
+
var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
|
|
1939
|
+
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);
|
|
1940
|
+
},
|
|
1941
|
+
_resolveCollisions: function(item) {
|
|
1942
|
+
this._tryToResolveCollisionsLocally(item) || this._pullItemsToLeft(item), this._pullItemsToLeft();
|
|
1943
|
+
},
|
|
1944
|
+
_tryToResolveCollisionsLocally: function(item) {
|
|
1945
|
+
var collidingItems = this._getItemsCollidingWithItem(item);
|
|
1946
|
+
if (!collidingItems.length)
|
|
1947
|
+
return !0;
|
|
1948
|
+
var _gridList = new GridList2([], this._options), leftOfItem, rightOfItem, aboveOfItem, belowOfItem;
|
|
1949
|
+
GridList2.cloneItems(this.items, _gridList.items), _gridList.generateGrid();
|
|
1950
|
+
for (var i = 0; i < collidingItems.length; i++) {
|
|
1951
|
+
var collidingItem = _gridList.items[collidingItems[i]], collidingPosition = this._getItemPosition(collidingItem), position = this._getItemPosition(item);
|
|
1952
|
+
if (leftOfItem = [position.x - collidingPosition.w, collidingPosition.y], rightOfItem = [position.x + position.w, collidingPosition.y], aboveOfItem = [collidingPosition.x, position.y - collidingPosition.h], belowOfItem = [collidingPosition.x, position.y + position.h], _gridList._itemFitsAtPosition(collidingItem, leftOfItem))
|
|
1953
|
+
_gridList._updateItemPosition(collidingItem, leftOfItem);
|
|
1954
|
+
else if (_gridList._itemFitsAtPosition(collidingItem, aboveOfItem))
|
|
1955
|
+
_gridList._updateItemPosition(collidingItem, aboveOfItem);
|
|
1956
|
+
else if (_gridList._itemFitsAtPosition(collidingItem, belowOfItem))
|
|
1957
|
+
_gridList._updateItemPosition(collidingItem, belowOfItem);
|
|
1958
|
+
else if (_gridList._itemFitsAtPosition(collidingItem, rightOfItem))
|
|
1959
|
+
_gridList._updateItemPosition(collidingItem, rightOfItem);
|
|
1960
|
+
else
|
|
1961
|
+
return !1;
|
|
1962
|
+
}
|
|
1963
|
+
return GridList2.cloneItems(_gridList.items, this.items), this.generateGrid(), !0;
|
|
1964
|
+
},
|
|
1965
|
+
_pullItemsToLeft: function(fixedItem) {
|
|
1966
|
+
if (this._sortItemsByPosition(), this._resetGrid(), fixedItem) {
|
|
1967
|
+
var fixedPosition = this._getItemPosition(fixedItem);
|
|
1968
|
+
this._updateItemPosition(fixedItem, [fixedPosition.x, fixedPosition.y]);
|
|
1969
|
+
}
|
|
1970
|
+
for (var i = 0; i < this.items.length; i++) {
|
|
1971
|
+
var item = this.items[i], position = this._getItemPosition(item);
|
|
1972
|
+
if (!(fixedItem && item == fixedItem)) {
|
|
1973
|
+
var x = this._findLeftMostPositionForItem(item), newPosition = this.findPositionForItem(
|
|
1974
|
+
item,
|
|
1975
|
+
{ x, y: 0 },
|
|
1976
|
+
position.y
|
|
1977
|
+
);
|
|
1978
|
+
this._updateItemPosition(item, newPosition);
|
|
1988
1979
|
}
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
);
|
|
1997
|
-
this.
|
|
1980
|
+
}
|
|
1981
|
+
},
|
|
1982
|
+
_findLeftMostPositionForItem: function(item) {
|
|
1983
|
+
for (var tail = 0, position = this._getItemPosition(item), i = 0; i < this.grid.length; i++)
|
|
1984
|
+
for (var j = position.y; j < position.y + position.h; j++) {
|
|
1985
|
+
var otherItem = this.grid[i][j];
|
|
1986
|
+
if (otherItem) {
|
|
1987
|
+
var otherPosition = this._getItemPosition(otherItem);
|
|
1988
|
+
this.items.indexOf(otherItem) < this.items.indexOf(item) && (tail = otherPosition.x + otherPosition.w);
|
|
1998
1989
|
}
|
|
1999
1990
|
}
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
}
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
}
|
|
2032
|
-
};
|
|
2033
|
-
var GridCol = function(lanes) {
|
|
2034
|
-
for (var i = 0; i < lanes; i++)
|
|
2035
|
-
this.push(null);
|
|
2036
|
-
};
|
|
2037
|
-
return GridCol.prototype = [], GridList2;
|
|
2038
|
-
});
|
|
2039
|
-
}(gridList$2)), gridList$2.exports;
|
|
2040
|
-
}
|
|
2041
|
-
var gridListExports = requireGridList();
|
|
1991
|
+
return tail;
|
|
1992
|
+
},
|
|
1993
|
+
_getItemByAttribute: function(key, value) {
|
|
1994
|
+
for (var i = 0; i < this.items.length; i++)
|
|
1995
|
+
if (this.items[i][key] === value)
|
|
1996
|
+
return this.items[i];
|
|
1997
|
+
return null;
|
|
1998
|
+
},
|
|
1999
|
+
_padNumber: function(nr, prefix) {
|
|
2000
|
+
return nr >= 10 ? nr : prefix + nr;
|
|
2001
|
+
},
|
|
2002
|
+
_getItemPosition: function(item) {
|
|
2003
|
+
return this._options.direction === "horizontal" ? item : {
|
|
2004
|
+
x: item.y,
|
|
2005
|
+
y: item.x,
|
|
2006
|
+
w: item.h,
|
|
2007
|
+
h: item.w
|
|
2008
|
+
};
|
|
2009
|
+
},
|
|
2010
|
+
_setItemPosition: function(item, position) {
|
|
2011
|
+
this._options.direction === "horizontal" ? (item.x = position[0], item.y = position[1]) : (item.x = position[1], item.y = position[0]);
|
|
2012
|
+
}
|
|
2013
|
+
};
|
|
2014
|
+
var GridCol = function(lanes) {
|
|
2015
|
+
for (var i = 0; i < lanes; i++)
|
|
2016
|
+
this.push(null);
|
|
2017
|
+
};
|
|
2018
|
+
return GridCol.prototype = [], GridList2;
|
|
2019
|
+
});
|
|
2020
|
+
})(gridList$1);
|
|
2021
|
+
var gridListExports = gridList$1.exports;
|
|
2042
2022
|
const gridList = /* @__PURE__ */ getDefaultExportFromCjs(gridListExports), _GridList = /* @__PURE__ */ _mergeNamespaces({
|
|
2043
2023
|
__proto__: null,
|
|
2044
2024
|
default: gridList
|
|
@@ -2599,3 +2579,4 @@ export {
|
|
|
2599
2579
|
WidgetDiv
|
|
2600
2580
|
};
|
|
2601
2581
|
//# sourceMappingURL=index.js.map
|
|
2582
|
+
(function(){"use strict";try{if(typeof document<"u"){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)}})();
|