@hpcc-js/layout 2.38.0 → 2.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,12 +1,27 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@hpcc-js/common'), require('@hpcc-js/dgrid'), require('@hpcc-js/api')) :
3
3
  typeof define === 'function' && define.amd ? define(['exports', '@hpcc-js/common', '@hpcc-js/dgrid', '@hpcc-js/api'], factory) :
4
- (global = global || self, factory(global['@hpcc-js/layout'] = {}, global['@hpcc-js/common'], global['@hpcc-js/dgrid'], global['@hpcc-js/api']));
5
- }(this, (function (exports, common, dgrid, api) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@hpcc-js/layout"] = {}, global["@hpcc-js/common"], global["@hpcc-js/dgrid"], global["@hpcc-js/api"]));
5
+ })(this, (function (exports, common, dgrid, api) { 'use strict';
6
+
7
+ function _mergeNamespaces(n, m) {
8
+ m.forEach(function (e) {
9
+ e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
10
+ if (k !== 'default' && !(k in n)) {
11
+ var d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: function () { return e[k]; }
15
+ });
16
+ }
17
+ });
18
+ });
19
+ return Object.freeze(n);
20
+ }
6
21
 
7
22
  var PKG_NAME = "@hpcc-js/layout";
8
- var PKG_VERSION = "2.38.0";
9
- var BUILD_VERSION = "2.91.0";
23
+ var PKG_VERSION = "2.42.0";
24
+ var BUILD_VERSION = "2.97.0";
10
25
 
11
26
  /*! *****************************************************************************
12
27
  Copyright (c) Microsoft Corporation.
@@ -95,7 +110,7 @@
95
110
  ar[i] = from[i];
96
111
  }
97
112
  }
98
- return to.concat(ar || from);
113
+ return to.concat(ar || Array.prototype.slice.call(from));
99
114
  }
100
115
 
101
116
  function styleInject(css, ref) {
@@ -125,8 +140,8 @@
125
140
  }
126
141
  }
127
142
 
128
- var css_248z = ".layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}";
129
- styleInject(css_248z);
143
+ var css_248z$d = ".layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{overflow:hidden;pointer-events:all;position:relative}";
144
+ styleInject(css_248z$d);
130
145
 
131
146
  var AbsoluteSurface = /** @class */ (function (_super) {
132
147
  __extends(AbsoluteSurface, _super);
@@ -195,8 +210,8 @@
195
210
  AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
196
211
  AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
197
212
 
198
- var css_248z$1 = ".layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0;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%;font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2)}.layout_Accordion li{background-color:#fff}.layout_Accordion>.collapsible-title,.layout_Accordion>ul{background-color:#333}.layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion>ul{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#ddd}.layout_Accordion>span,.layout_Accordion>ul{padding-left:0}.layout_Accordion .layout_Accordion>span,.layout_Accordion .layout_Accordion>ul{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}";
199
- styleInject(css_248z$1);
213
+ var css_248z$c = ".layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{box-sizing:border-box;cursor:pointer}.layout_Accordion>.collapsible-title{-webkit-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);color:#fff;display:block;font-size:13px;height:26px;padding:4px 8px;width:100%}.layout_Accordion li{background-color:#fff}.layout_Accordion>.collapsible-title,.layout_Accordion>ul{background-color:#333}.layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion>ul{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#ddd}.layout_Accordion>span,.layout_Accordion>ul{padding-left:0}.layout_Accordion .layout_Accordion>span,.layout_Accordion .layout_Accordion>ul{padding-left:12px}.layout_Accordion>.collapsible-title:before{left:0;padding:4px 8px;position:absolute;top:0}.layout_Accordion>.collapsible-icon{color:#fff;height:24px;position:absolute;right:0;top:0;width:24px}";
214
+ styleInject(css_248z$c);
200
215
 
201
216
  var Accordion = /** @class */ (function (_super) {
202
217
  __extends(Accordion, _super);
@@ -308,8 +323,8 @@
308
323
  Accordion.prototype.publish("titleBackgroundColor", "#333333", "html-color", "Title background color", null, { tags: ["Private"] });
309
324
  Accordion.prototype.publish("defaultCollapsed", false, "boolean", "Collapsed by default if true", null, { tags: ["Private"] });
310
325
 
311
- var css_248z$2 = ".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 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.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:\"\\f080\";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:\"\\f201\"}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:\"\\f200\"}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:\"\\f1fe\"}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:\"\\f0e4\"}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:\"\\f0ce\"}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:\"\\f11c\"}div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before{content:\"\\f247\"}div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before{content:\"\\f278\"}";
312
- styleInject(css_248z$2);
326
+ var css_248z$b = ".layout_Surface{border:1px solid #e5e5e5;box-sizing:border-box;height:100%;margin:0;overflow:hidden;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.layout_Surface>h3{background-color:#e5e5e5;margin:0;padding:2px}.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:\"\\f080\";font-family:FontAwesome;font-size:100px;left:calc(50% - 56px);position:absolute;top:calc(50% - 74px)}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:\"\\f201\"}div[draggable=true].hideDragCellContent.content-icon-Pie:before{content:\"\\f200\";left:calc(50% - 45px);top:calc(50% - 72px)}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:\"\\f1fe\"}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:\"\\f0e4\"}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:\"\\f0ce\"}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:\"\\f11c\"}div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before{content:\"\\f247\"}div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before{content:\"\\f278\"}";
327
+ styleInject(css_248z$b);
313
328
 
314
329
  var Surface = /** @class */ (function (_super) {
315
330
  __extends(Surface, _super);
@@ -440,8 +455,8 @@
440
455
  Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
441
456
  Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
442
457
 
443
- var css_248z$3 = ".layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0;border-style:solid;pointer-events:none}";
444
- styleInject(css_248z$3);
458
+ var css_248z$a = ".layout_Cell .update-indicator{border-style:solid;border-width:0;box-sizing:border-box;left:0;padding:0;pointer-events:none;position:absolute;top:0;z-index:1000}";
459
+ styleInject(css_248z$a);
445
460
 
446
461
  var Cell = /** @class */ (function (_super) {
447
462
  __extends(Cell, _super);
@@ -505,8 +520,8 @@
505
520
  Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
506
521
  Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
507
522
 
508
- var css_248z$4 = ".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_bottom,.layout_Border>.borderHandle_top{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:0;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_e,.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_nw,.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,transparent,transparent 4px,hsla(0,0%,39.2%,.1) 0,hsla(0,0%,39.2%,.1) 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179bd7;background:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(17,155,215,.1) 0,rgba(17,155,215,.1) 12px)}";
509
- styleInject(css_248z$4);
523
+ var css_248z$9 = ".layout_Border{height:100%;width:100%}.layout_Border>.border-content{height:100%;position:relative;width:100%}.layout_Border>.borderHandle{background-color:#444;height:6px;opacity:.3;position:absolute;visibility:hidden;width:6px}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_bottom,.layout_Border>.borderHandle_top{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border:1px solid #e5e5e5;border-radius:5px;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;-webkit-margin:0;padding-top:4px;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{opacity:.33;z-index:-1}.layout_Border .notDragItem{opacity:1;z-index:-1}.layout_Border div[draggable=true]{cursor:default;opacity:.75}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_nw,.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{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(0,0%,39%,.1) 0,hsla(0,0%,39%,.1) 8px);border:2px dashed #7f8c8d;border-radius:0;box-sizing:border-box;position:fixed}.layout_Border .grid-drop-target.drop-target-over{background:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(17,155,215,.1) 0,rgba(17,155,215,.1) 12px);border:2px dashed #179bd7}";
524
+ styleInject(css_248z$9);
510
525
 
511
526
  var Border = /** @class */ (function (_super) {
512
527
  __extends(Border, _super);
@@ -572,19 +587,10 @@
572
587
  var leftPerc;
573
588
  var rightSize;
574
589
  var rightPerc;
575
- var bcRect = this.target().getBoundingClientRect();
576
- var gridRect = {};
577
- gridRect.top = bcRect.top;
578
- gridRect.left = bcRect.left;
579
- gridRect.bottom = bcRect.bottom;
580
- gridRect.right = bcRect.right;
590
+ this.target().getBoundingClientRect();
581
591
  if (this.target() instanceof SVGElement) {
582
- gridRect.width = parseFloat(this.target().getAttribute("width"));
583
- gridRect.height = parseFloat(this.target().getAttribute("height"));
584
- }
585
- else {
586
- gridRect.width = bcRect.width;
587
- gridRect.height = bcRect.height;
592
+ parseFloat(this.target().getAttribute("width"));
593
+ parseFloat(this.target().getAttribute("height"));
588
594
  }
589
595
  if (this.sectionTypes().indexOf("top") !== -1) {
590
596
  topSize = this.topSize();
@@ -1032,8 +1038,8 @@
1032
1038
  Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
1033
1039
  Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
1034
1040
 
1035
- var css_248z$5 = ".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>.footer,.layout_Border2>.header{display:block}";
1036
- styleInject(css_248z$5);
1041
+ var css_248z$8 = ".layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{display:flex;flex-flow:row;margin:0;padding:0}.layout_Border2>.body>.center{flex:1}.layout_Border2>.footer,.layout_Border2>.header{display:block}";
1042
+ styleInject(css_248z$8);
1037
1043
 
1038
1044
  var WidgetDiv = /** @class */ (function () {
1039
1045
  function WidgetDiv(div) {
@@ -1085,8 +1091,8 @@
1085
1091
  WidgetDiv.prototype.resize = function (size) {
1086
1092
  if (this._widget) {
1087
1093
  this._div
1088
- .style("width", size.width + "px")
1089
- .style("height", size.height + "px");
1094
+ .style("width", "".concat(size.width, "px"))
1095
+ .style("height", "".concat(size.height, "px"));
1090
1096
  this._widget.resize(size);
1091
1097
  }
1092
1098
  return this;
@@ -1190,8 +1196,8 @@
1190
1196
  this._leftWA.overflowY(this.leftOverflowY());
1191
1197
  }
1192
1198
  this.element()
1193
- .style("width", this.width() + "px")
1194
- .style("height", this.height() + "px");
1199
+ .style("width", "".concat(this.width(), "px"))
1200
+ .style("height", "".concat(this.height(), "px"));
1195
1201
  };
1196
1202
  Border2.prototype.targetNull = function (w) {
1197
1203
  if (w) {
@@ -1211,8 +1217,8 @@
1211
1217
  var b = this[sectionB]();
1212
1218
  this.targetNull(a);
1213
1219
  this.targetNull(b);
1214
- this["_" + sectionA + "WA"].widget(null);
1215
- this["_" + sectionB + "WA"].widget(null);
1220
+ this["_".concat(sectionA, "WA")].widget(null);
1221
+ this["_".concat(sectionB, "WA")].widget(null);
1216
1222
  this[sectionA](b);
1217
1223
  this[sectionB](a);
1218
1224
  return this;
@@ -1259,7 +1265,7 @@
1259
1265
  })
1260
1266
  .render();
1261
1267
  }
1262
- this._bodyElement.style("height", bodyHeight + "px");
1268
+ this._bodyElement.style("height", "".concat(bodyHeight, "px"));
1263
1269
  promises = [
1264
1270
  this._topWA
1265
1271
  .overflowX(this.topOverflowX())
@@ -1346,8 +1352,8 @@
1346
1352
  Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", undefined, { render: false });
1347
1353
  Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", undefined, { optional: true });
1348
1354
 
1349
- var css_248z$6 = ".layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}";
1350
- styleInject(css_248z$6);
1355
+ var css_248z$7 = ".layout_Carousel>div{overflow:hidden;position:relative}.layout_Carousel>div>.carouselItem{position:absolute}";
1356
+ styleInject(css_248z$7);
1351
1357
 
1352
1358
  var Carousel = /** @class */ (function (_super) {
1353
1359
  __extends(Carousel, _super);
@@ -1362,7 +1368,7 @@
1362
1368
  Carousel.prototype.enter = function (domNode, element) {
1363
1369
  _super.prototype.enter.call(this, domNode, element);
1364
1370
  this._root = element.append("div")
1365
- .attr("id", this.id() + "_root");
1371
+ .attr("id", "".concat(this.id(), "_root"));
1366
1372
  };
1367
1373
  Carousel.prototype.update = function (domNode, element) {
1368
1374
  var _this = this;
@@ -1370,22 +1376,22 @@
1370
1376
  var active = this.active();
1371
1377
  var width = this.width();
1372
1378
  this._root
1373
- .style("width", width + "px")
1374
- .style("height", this.height() + "px");
1375
- var widgetElements = this._root.selectAll("#" + this.id() + "_root > .carouselItem").data(this.widgets(), function (d) { return d.id(); });
1379
+ .style("width", "".concat(width, "px"))
1380
+ .style("height", "".concat(this.height(), "px"));
1381
+ var widgetElements = this._root.selectAll("#".concat(this.id(), "_root > .carouselItem")).data(this.widgets(), function (d) { return d.id(); });
1376
1382
  var update = widgetElements.enter().append("div")
1377
1383
  .attr("class", "carouselItem")
1378
1384
  .each(function (w) {
1379
1385
  w.target(this);
1380
1386
  })
1381
1387
  .merge(widgetElements)
1382
- .style("left", function (d, i) { return (i - _this._prevActive) * width + "px"; })
1383
- .style("width", width + "px");
1388
+ .style("left", function (d, i) { return "".concat((i - _this._prevActive) * width, "px"); })
1389
+ .style("width", "".concat(width, "px"));
1384
1390
  if (this._prevActive !== active) {
1385
1391
  update
1386
1392
  .style("display", function (d, i) { return i === _this._prevActive || i === active ? null : "none"; }) // Must be called before render callback (not inside transition)
1387
1393
  .transition().duration(this.transitionDuration())
1388
- .style("left", function (d, i) { return (i - active) * width + "px"; })
1394
+ .style("left", function (d, i) { return "".concat((i - active) * width, "px"); })
1389
1395
  .on("end", function (d, i) {
1390
1396
  common.select(this).style("display", function () { return i === active ? null : "none"; });
1391
1397
  });
@@ -1430,10 +1436,10 @@
1430
1436
  Carousel.prototype.publish("active", 0, "number", "Active widget");
1431
1437
  Carousel.prototype.publish("transitionDuration", 500, "number", "Transition duration");
1432
1438
 
1433
- var pi = Math.PI,
1434
- tau = 2 * pi,
1439
+ var pi$1 = Math.PI,
1440
+ tau$1 = 2 * pi$1,
1435
1441
  epsilon = 1e-6,
1436
- tauEpsilon = tau - epsilon;
1442
+ tauEpsilon = tau$1 - epsilon;
1437
1443
 
1438
1444
  function Path() {
1439
1445
  this._x0 = this._y0 = // start of current subpath
@@ -1501,7 +1507,7 @@
1501
1507
  l20_2 = x20 * x20 + y20 * y20,
1502
1508
  l21 = Math.sqrt(l21_2),
1503
1509
  l01 = Math.sqrt(l01_2),
1504
- l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
1510
+ l = r * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
1505
1511
  t01 = l / l01,
1506
1512
  t21 = l / l21;
1507
1513
 
@@ -1539,7 +1545,7 @@
1539
1545
  if (!r) return;
1540
1546
 
1541
1547
  // Does the angle go the wrong way? Flip the direction.
1542
- if (da < 0) da = da % tau + tau;
1548
+ if (da < 0) da = da % tau$1 + tau$1;
1543
1549
 
1544
1550
  // Is this a complete circle? Draw two arcs to complete the circle.
1545
1551
  if (da > tauEpsilon) {
@@ -1548,7 +1554,7 @@
1548
1554
 
1549
1555
  // Is this arc non-empty? Draw an arc!
1550
1556
  else if (da > epsilon) {
1551
- this._ += "A" + r + "," + r + ",0," + (+(da >= pi)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
1557
+ this._ += "A" + r + "," + r + ",0," + (+(da >= pi$1)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
1552
1558
  }
1553
1559
  },
1554
1560
  rect: function(x, y, w, h) {
@@ -1565,14 +1571,14 @@
1565
1571
  };
1566
1572
  }
1567
1573
 
1568
- var pi$1 = Math.PI;
1569
- var tau$1 = 2 * pi$1;
1574
+ var pi = Math.PI;
1575
+ var tau = 2 * pi;
1570
1576
 
1571
1577
  var d3SymbolCircle = {
1572
1578
  draw: function(context, size) {
1573
- var r = Math.sqrt(size / pi$1);
1579
+ var r = Math.sqrt(size / pi);
1574
1580
  context.moveTo(r, 0);
1575
- context.arc(0, 0, r, 0, tau$1);
1581
+ context.arc(0, 0, r, 0, tau);
1576
1582
  }
1577
1583
  };
1578
1584
 
@@ -1611,9 +1617,9 @@
1611
1617
  };
1612
1618
 
1613
1619
  var ka = 0.89081309152928522810,
1614
- kr = Math.sin(pi$1 / 10) / Math.sin(7 * pi$1 / 10),
1615
- kx = Math.sin(tau$1 / 10) * kr,
1616
- ky = -Math.cos(tau$1 / 10) * kr;
1620
+ kr = Math.sin(pi / 10) / Math.sin(7 * pi / 10),
1621
+ kx = Math.sin(tau / 10) * kr,
1622
+ ky = -Math.cos(tau / 10) * kr;
1617
1623
 
1618
1624
  var d3SymbolStar = {
1619
1625
  draw: function(context, size) {
@@ -1623,7 +1629,7 @@
1623
1629
  context.moveTo(0, -r);
1624
1630
  context.lineTo(x, y);
1625
1631
  for (var i = 1; i < 5; ++i) {
1626
- var a = tau$1 * i / 5,
1632
+ var a = tau * i / 5,
1627
1633
  c = Math.cos(a),
1628
1634
  s = Math.sin(a);
1629
1635
  context.lineTo(s * r, -c * r);
@@ -1732,10 +1738,10 @@
1732
1738
  words = text.text().split(/\s+/).reverse(),
1733
1739
  word,
1734
1740
  line = [],
1735
- lineHeight = 1.2,
1741
+ lineHeight = 1.2;
1736
1742
  //ems
1737
- y = text.attr("y"),
1738
- dy = parseFloat(text.attr("dy")) || 0,
1743
+ text.attr("y");
1744
+ var dy = parseFloat(text.attr("dy")) || 0,
1739
1745
  tspan = text.text(null).append("tspan").attr("x", 0).attr("dy", dy + "em");
1740
1746
 
1741
1747
  while (word = words.pop()) {
@@ -2391,7 +2397,7 @@
2391
2397
  var disabled = this.isDisabled(n[0]);
2392
2398
  if (!disabled)
2393
2399
  total += val_1;
2394
- var label = n[0] + (!disabled && this.showSeriesTotal() ? " (" + val_1 + ")" : "");
2400
+ var label = n[0] + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
2395
2401
  var textSize = this.textSize(label);
2396
2402
  if (maxLabelWidth < textSize.width)
2397
2403
  maxLabelWidth = textSize.width;
@@ -2403,7 +2409,7 @@
2403
2409
  dataArr = widgetColumns.filter(function (n, i) { return i > 0; }).map(function (n, i) {
2404
2410
  val_1 = this.data().reduce(function (acc, n) { return acc + n[i + 1]; }, 0);
2405
2411
  var disabled = this.isDisabled(columns_1[i + 1]);
2406
- var label = n + (!disabled && this.showSeriesTotal() ? " (" + val_1 + ")" : "");
2412
+ var label = n + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
2407
2413
  if (!disabled)
2408
2414
  total += val_1;
2409
2415
  var textSize = this.textSize(label);
@@ -2492,7 +2498,7 @@
2492
2498
  offsetY += (extraHeight / 2);
2493
2499
  }
2494
2500
  }
2495
- this._g.attr("transform", "translate(" + offsetX + ", " + offsetY + ")");
2501
+ this._g.attr("transform", "translate(".concat(offsetX, ", ").concat(offsetY, ")"));
2496
2502
  this.pos({
2497
2503
  x: 0,
2498
2504
  y: 0
@@ -2500,7 +2506,7 @@
2500
2506
  this._legendOrdinal
2501
2507
  .labelOffset(this.itemPadding());
2502
2508
  var legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
2503
- var totalText = "Total: " + total;
2509
+ var totalText = "Total: ".concat(total);
2504
2510
  var totalOffsetX = -offsetX;
2505
2511
  var totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
2506
2512
  this.enableOverflowScroll(false);
@@ -2510,7 +2516,7 @@
2510
2516
  .append("text")
2511
2517
  .classed("legendTotal", true)
2512
2518
  .merge(legendTotal)
2513
- .attr("transform", "translate(" + totalOffsetX + ", " + totalOffsetY + ")")
2519
+ .attr("transform", "translate(".concat(totalOffsetX, ", ").concat(totalOffsetY, ")"))
2514
2520
  .text(totalText);
2515
2521
  legendTotal.exit().remove();
2516
2522
  };
@@ -2652,8 +2658,8 @@
2652
2658
  Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
2653
2659
  Legend.prototype.publish("labelAlign", "start", "set", "Horizontal alignment of legend item label (for horizontal orientation only)", ["start", "middle", "end"], { optional: true, disable: function (w) { return w.orientation() === "vertical"; } });
2654
2660
 
2655
- var css_248z$7 = ".layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-annotations,.layout_Modal-title{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}";
2656
- styleInject(css_248z$7);
2661
+ var css_248z$6 = ".layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-x:hidden;overflow-y:scroll}.layout_Modal-annotations,.layout_Modal-title{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{background-color:#000;opacity:.5;position:fixed;z-index:10000}.layout_Modal-content{background-color:#fff;position:fixed;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}";
2662
+ styleInject(css_248z$6);
2657
2663
 
2658
2664
  var Modal = /** @class */ (function (_super) {
2659
2665
  __extends(Modal, _super);
@@ -2716,8 +2722,8 @@
2716
2722
  var modalRect = this.setModalSize();
2717
2723
  if (this.fixedTop() !== null && this.fixedLeft() !== null) {
2718
2724
  this._modal
2719
- .style("top", "calc(" + this.fixedTop() + " + " + rect.top + "px)")
2720
- .style("left", "calc(" + this.fixedLeft() + " + " + rect.left + "px)");
2725
+ .style("top", "calc(".concat(this.fixedTop(), " + ").concat(rect.top, "px)"))
2726
+ .style("left", "calc(".concat(this.fixedLeft(), " + ").concat(rect.left, "px)"));
2721
2727
  }
2722
2728
  else if (this.fixedHeight() !== null && this.fixedWidth() !== null) {
2723
2729
  this._modal
@@ -2775,7 +2781,7 @@
2775
2781
  .style("height", header_h + "px");
2776
2782
  this._modalBody = this._modal.append("div")
2777
2783
  .classed("layout_Modal-body", true)
2778
- .style("height", "calc( 100% - " + header_h + "px )")
2784
+ .style("height", "calc( 100% - ".concat(header_h, "px )"))
2779
2785
  .style("overflow-x", this.overflowX())
2780
2786
  .style("overflow-y", this.overflowY());
2781
2787
  this._modalHeader.append("div")
@@ -2858,8 +2864,8 @@
2858
2864
  Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
2859
2865
  Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
2860
2866
 
2861
- var css_248z$8 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
2862
- styleInject(css_248z$8);
2867
+ var css_248z$5 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
2868
+ styleInject(css_248z$5);
2863
2869
 
2864
2870
  var ChartPanel = /** @class */ (function (_super) {
2865
2871
  __extends(ChartPanel, _super);
@@ -3019,7 +3025,7 @@
3019
3025
  };
3020
3026
  ChartPanel.prototype.highlightColumn = function (column) {
3021
3027
  if (column) {
3022
- var cssTag_1 = "series-" + this.cssTag(column);
3028
+ var cssTag_1 = "series-".concat(this.cssTag(column));
3023
3029
  this._centerWA.element().selectAll(".series")
3024
3030
  .each(function () {
3025
3031
  var element = common.select(this);
@@ -3083,7 +3089,7 @@
3083
3089
  element.selectAll("lhs").style("display", "none");
3084
3090
  element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
3085
3091
  element.selectAll("div.data-count").style("visibility", "hidden");
3086
- element.style("transform", "scale(" + this._scale + ")");
3092
+ element.style("transform", "scale(".concat(this._scale, ")"));
3087
3093
  };
3088
3094
  ChartPanel.prototype.preUpdateRegular = function (element) {
3089
3095
  element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
@@ -3153,7 +3159,7 @@
3153
3159
  break;
3154
3160
  }
3155
3161
  }
3156
- element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px " + this.highlightSize() + "px " + this.highlightColor() : "none");
3162
+ element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px ".concat(this.highlightSize(), "px ").concat(this.highlightColor()) : "none");
3157
3163
  if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
3158
3164
  this._spacer.visible(false);
3159
3165
  this._toggleLegend.visible(false);
@@ -3166,10 +3172,10 @@
3166
3172
  this._prevChart = chart;
3167
3173
  var widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : undefined;
3168
3174
  if (widgetIconBar && widgetIconBar instanceof common.IconBar) {
3169
- this._prevButtons = this._prevButtons || __spreadArray([], this.buttons());
3170
- var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()), [
3175
+ this._prevButtons = this._prevButtons || __spreadArray([], this.buttons(), true);
3176
+ var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons(), true), [
3171
3177
  new common.Spacer()
3172
- ]), this._prevButtons);
3178
+ ], false), this._prevButtons, true);
3173
3179
  widgetIconBar.buttons([]).render();
3174
3180
  this.buttons(buttons);
3175
3181
  }
@@ -3224,12 +3230,12 @@
3224
3230
  var icon_top = containerRect.height / 2;
3225
3231
  iconDiv
3226
3232
  .style("position", "absolute")
3227
- .style("left", "calc(50% - " + rect.width / 2 + "px)")
3228
- .style("top", icon_top - (rect.height / 2) + "px");
3233
+ .style("left", "calc(50% - ".concat(rect.width / 2, "px)"))
3234
+ .style("top", "".concat(icon_top - (rect.height / 2), "px"));
3229
3235
  element.selectAll("div.data-count")
3230
3236
  .style("position", "absolute")
3231
- .style("left", "calc(50% + " + rect.width / 2 + "px)")
3232
- .style("top", icon_top - (rect.height / 2) + "px");
3237
+ .style("left", "calc(50% + ".concat(rect.width / 2, "px)"))
3238
+ .style("top", "".concat(icon_top - (rect.height / 2), "px"));
3233
3239
  }
3234
3240
  };
3235
3241
  ChartPanel.prototype.postUpdateSmall = function (element) {
@@ -3239,7 +3245,7 @@
3239
3245
  element.selectAll("div.data-count").style("visibility", "hidden");
3240
3246
  var rect = element.node().getBoundingClientRect();
3241
3247
  var parentRect = element.node().parentElement.getBoundingClientRect();
3242
- element.style("transform", "translate(" + (parentRect.x - rect.x) + "px, " + (parentRect.y - rect.y) + "px) scale(" + this._scale + ")");
3248
+ element.style("transform", "translate(".concat(parentRect.x - rect.x, "px, ").concat(parentRect.y - rect.y, "px) scale(").concat(this._scale, ")"));
3243
3249
  };
3244
3250
  ChartPanel.prototype.postUpdateRegular = function (element) {
3245
3251
  element.selectAll("div.title-icon").style("position", "static");
@@ -3357,8 +3363,8 @@
3357
3363
  return this;
3358
3364
  };
3359
3365
 
3360
- var css_248z$9 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}";
3361
- styleInject(css_248z$9);
3366
+ var css_248z$4 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{border-style:solid;flex-grow:1;overflow:hidden}";
3367
+ styleInject(css_248z$4);
3362
3368
 
3363
3369
  var FlexGrid = /** @class */ (function (_super) {
3364
3370
  __extends(FlexGrid, _super);
@@ -3462,21 +3468,9 @@
3462
3468
 
3463
3469
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
3464
3470
 
3465
- function createCommonjsModule(fn, basedir, module) {
3466
- return module = {
3467
- path: basedir,
3468
- exports: {},
3469
- require: function (path, base) {
3470
- return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
3471
- }
3472
- }, fn(module, module.exports), module.exports;
3473
- }
3474
-
3475
- function commonjsRequire () {
3476
- throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
3477
- }
3471
+ var gridList$1 = {exports: {}};
3478
3472
 
3479
- var gridList = createCommonjsModule(function (module, exports) {
3473
+ (function (module, exports) {
3480
3474
  (function (root, factory) {
3481
3475
  {
3482
3476
  // Node. Does not work with strict CommonJS, but
@@ -4163,15 +4157,17 @@
4163
4157
  return GridList;
4164
4158
 
4165
4159
  }));
4166
- });
4160
+ }(gridList$1));
4167
4161
 
4168
- var _GridList = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), gridList, {
4169
- 'default': gridList,
4170
- __moduleExports: gridList
4171
- }));
4162
+ var gridList = gridList$1.exports;
4172
4163
 
4173
- var css_248z$a = ".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-color:#a9a9a9;border-style:solid;border-width:0 2px 2px 0;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(0,0%,39.2%,.1) 0,hsla(0,0%,39.2%,.1) 8px)}.layout_Grid>.dragging,.layout_Grid>.resizing{border:1px solid grey;border-radius:0;position:absolute}.layout_Grid>.resizing{background-color:orange;opacity:.3;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,orange 0,orange 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border:1px solid red;background-color:grey;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(100,0,0,.1) 0,rgba(100,0,0,.1) 8px)}.layout_Grid #drag-me:before{content:\"#\" attr(id);font-weight:700}";
4174
- styleInject(css_248z$a);
4164
+ var _GridList = /*#__PURE__*/Object.freeze(/*#__PURE__*/_mergeNamespaces({
4165
+ __proto__: null,
4166
+ 'default': gridList
4167
+ }, [gridList$1.exports]));
4168
+
4169
+ var css_248z$3 = ".layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{background:#f5f5f5;border-style:solid;border-width:1px;position:absolute}.layout_Grid>.lane{border-radius:0;border-style:none;opacity:.25;pointer-events:none;position:absolute}.layout_Grid>.ddCell.draggable{background-color:#f8f8ff;border-radius:0;border-style:solid;border-width:1px;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{border-style:none;bottom:0;cursor:nwse-resize;height:8px;position:absolute;right:0;width:8px}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{background-color:none;border-color:#a9a9a9;border-style:solid;border-width:0 2px 2px 0;bottom:2px;height:4px;position:absolute;right:2px;width:4px}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(0,0%,39%,.1) 0,hsla(0,0%,39%,.1) 8px)}.layout_Grid>.dragging,.layout_Grid>.resizing{border:1px solid gray;border-radius:0;position:absolute}.layout_Grid>.resizing{background-color:orange;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,orange 0,orange 8px);opacity:.3}.layout_Grid>.ddCell.draggable .common_Widget.selected{background-color:gray;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(100,0,0,.1) 0,rgba(100,0,0,.1) 8px);border:1px solid red;border-radius:0;position:absolute}.layout_Grid #drag-me:before{content:\"#\" attr(id);font-weight:700}";
4170
+ styleInject(css_248z$3);
4175
4171
 
4176
4172
  var GridList = (_GridList && gridList) || _GridList;
4177
4173
  var Grid = /** @class */ (function (_super) {
@@ -4659,8 +4655,8 @@
4659
4655
  }(FlexGrid));
4660
4656
  HorizontalList.prototype._class += " layout_HorizontalList";
4661
4657
 
4662
- var css_248z$b = ".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}";
4663
- styleInject(css_248z$b);
4658
+ var css_248z$2 = ".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}";
4659
+ styleInject(css_248z$2);
4664
4660
 
4665
4661
  var Layered = /** @class */ (function (_super) {
4666
4662
  __extends(Layered, _super);
@@ -4856,8 +4852,8 @@
4856
4852
  Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
4857
4853
  Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
4858
4854
 
4859
- var css_248z$c = ".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}";
4860
- styleInject(css_248z$c);
4855
+ var css_248z$1 = ".layout_Tabbed .tab-button{background-color:transparent;background-color:#ccc;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;display:inline-block;margin-right:4px;padding:2px 2px 4px;position:relative;top:1px}.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}";
4856
+ styleInject(css_248z$1);
4861
4857
 
4862
4858
  var Tabbed = /** @class */ (function (_super) {
4863
4859
  __extends(Tabbed, _super);
@@ -4979,8 +4975,8 @@
4979
4975
  Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
4980
4976
  Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
4981
4977
 
4982
- var css_248z$d = ".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}";
4983
- styleInject(css_248z$d);
4978
+ var css_248z = ".layout_Toolbar{background-color:#ddd;height:100%;overflow:hidden;white-space:nowrap}.layout_Toolbar .toolbar-title{display:inline-block;font-weight:700;margin-left:4px;overflow:hidden;position:relative;text-overflow:ellipsis;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);white-space:nowrap}.layout_Toolbar .toolbar-child{float:right;line-height:16px;margin-left:4px;margin-right:4px;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}";
4979
+ styleInject(css_248z);
4984
4980
 
4985
4981
  function Toolbar() {
4986
4982
  common.HTMLWidget.call(this);
@@ -5095,5 +5091,5 @@
5095
5091
 
5096
5092
  Object.defineProperty(exports, '__esModule', { value: true });
5097
5093
 
5098
- })));
5094
+ }));
5099
5095
  //# sourceMappingURL=index.js.map