@hpcc-js/layout 2.45.0 → 2.47.2

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.45.0";
9
- var BUILD_VERSION = "2.100.0";
23
+ var PKG_VERSION = "2.47.2";
24
+ var BUILD_VERSION = "2.102.4";
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()) {
@@ -1756,9 +1762,9 @@
1756
1762
  var labels = arguments[1];
1757
1763
  var domain = arguments[2];
1758
1764
  var range = arguments[3];
1765
+ var labelDelimiter = arguments[4];
1759
1766
 
1760
-
1761
- if ((typeof labels === 'undefined' ? 'undefined' : _typeof(labels)) === "object") {
1767
+ if ((typeof labels === "undefined" ? "undefined" : _typeof(labels)) === "object") {
1762
1768
  if (labels.length === 0) return gen;
1763
1769
 
1764
1770
  var i = labels.length;
@@ -1775,7 +1781,9 @@
1775
1781
  genLength: genLength,
1776
1782
  generatedLabels: gen,
1777
1783
  domain: domain,
1778
- range: range }));
1784
+ range: range,
1785
+ labelDelimiter: labelDelimiter
1786
+ }));
1779
1787
  }
1780
1788
  return customLabels;
1781
1789
  }
@@ -1799,11 +1807,13 @@
1799
1807
  }
1800
1808
 
1801
1809
  var labels = data.map(labelFormat);
1802
- return { data: data,
1810
+ return {
1811
+ data: data,
1803
1812
  labels: labels,
1804
1813
  feature: function feature(d) {
1805
1814
  return scale(d);
1806
- } };
1815
+ }
1816
+ };
1807
1817
  };
1808
1818
 
1809
1819
  var d3_quantLegend = function d3_quantLegend(scale, labelFormat, labelDelimiter) {
@@ -1812,18 +1822,21 @@
1812
1822
  return labelFormat(invert[0]) + " " + labelDelimiter + " " + labelFormat(invert[1]);
1813
1823
  });
1814
1824
 
1815
- return { data: scale.range(),
1825
+ return {
1826
+ data: scale.range(),
1816
1827
  labels: labels,
1817
1828
  feature: d3_identity
1818
1829
  };
1819
1830
  };
1820
1831
 
1821
1832
  var d3_ordinalLegend = function d3_ordinalLegend(scale) {
1822
- return { data: scale.domain(),
1833
+ return {
1834
+ data: scale.domain(),
1823
1835
  labels: scale.domain(),
1824
1836
  feature: function feature(d) {
1825
1837
  return scale(d);
1826
- } };
1838
+ }
1839
+ };
1827
1840
  };
1828
1841
 
1829
1842
  var d3_cellOver = function d3_cellOver(cellDispatcher, d, obj) {
@@ -1839,7 +1852,6 @@
1839
1852
  };
1840
1853
 
1841
1854
  var helper = {
1842
-
1843
1855
  d3_drawShapes: function d3_drawShapes(shape, shapes, shapeHeight, shapeWidth, shapeRadius, path) {
1844
1856
  if (shape === "rect") {
1845
1857
  shapes.attr("height", shapeHeight).attr("width", shapeWidth);
@@ -1854,10 +1866,10 @@
1854
1866
 
1855
1867
  d3_addText: function d3_addText(svg, enter, labels, classPrefix, labelWidth) {
1856
1868
  enter.append("text").attr("class", classPrefix + "label");
1857
- var text = svg.selectAll('g.' + classPrefix + 'cell text.' + classPrefix + 'label').data(labels).text(d3_identity);
1869
+ var text = svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").data(labels).text(d3_identity);
1858
1870
 
1859
1871
  if (labelWidth) {
1860
- svg.selectAll('g.' + classPrefix + 'cell text.' + classPrefix + 'label').call(d3_textWrapping, labelWidth);
1872
+ svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").call(d3_textWrapping, labelWidth);
1861
1873
  }
1862
1874
 
1863
1875
  return text;
@@ -1868,7 +1880,7 @@
1868
1880
 
1869
1881
  //for d3.scaleSequential that doesn't have a range function
1870
1882
  var range = scale.range && scale.range() || scale.domain();
1871
- type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range);
1883
+ type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range, labelDelimiter);
1872
1884
 
1873
1885
  if (ascending) {
1874
1886
  type.labels = d3_reverse(type.labels);
@@ -1917,25 +1929,24 @@
1917
1929
 
1918
1930
  d3_title: function d3_title(svg, title, classPrefix, titleWidth) {
1919
1931
  if (title !== "") {
1932
+ var titleText = svg.selectAll("text." + classPrefix + "legendTitle");
1920
1933
 
1921
- var titleText = svg.selectAll('text.' + classPrefix + 'legendTitle');
1934
+ titleText.data([title]).enter().append("text").attr("class", classPrefix + "legendTitle");
1922
1935
 
1923
- titleText.data([title]).enter().append('text').attr('class', classPrefix + 'legendTitle');
1924
-
1925
- svg.selectAll('text.' + classPrefix + 'legendTitle').text(title);
1936
+ svg.selectAll("text." + classPrefix + "legendTitle").text(title);
1926
1937
 
1927
1938
  if (titleWidth) {
1928
- svg.selectAll('text.' + classPrefix + 'legendTitle').call(d3_textWrapping, titleWidth);
1939
+ svg.selectAll("text." + classPrefix + "legendTitle").call(d3_textWrapping, titleWidth);
1929
1940
  }
1930
1941
 
1931
- var cellsSvg = svg.select('.' + classPrefix + 'legendCells');
1932
- var yOffset = svg.select('.' + classPrefix + 'legendTitle').nodes().map(function (d) {
1942
+ var cellsSvg = svg.select("." + classPrefix + "legendCells");
1943
+ var yOffset = svg.select("." + classPrefix + "legendTitle").nodes().map(function (d) {
1933
1944
  return d.getBBox().height;
1934
1945
  })[0],
1935
1946
  xOffset = -cellsSvg.nodes().map(function (d) {
1936
1947
  return d.getBBox().x;
1937
1948
  })[0];
1938
- cellsSvg.attr('transform', 'translate(' + xOffset + ',' + yOffset + ')');
1949
+ cellsSvg.attr("transform", "translate(" + xOffset + "," + yOffset + ")");
1939
1950
  }
1940
1951
  },
1941
1952
 
@@ -1944,9 +1955,9 @@
1944
1955
  formatPrefix: common.formatPrefix
1945
1956
  },
1946
1957
 
1947
- d3_defaultFormatSpecifier: '.01f',
1958
+ d3_defaultFormatSpecifier: ".01f",
1948
1959
 
1949
- d3_defaultDelimiter: 'to'
1960
+ d3_defaultDelimiter: "to"
1950
1961
  };
1951
1962
 
1952
1963
  function color() {
@@ -2391,7 +2402,7 @@
2391
2402
  var disabled = this.isDisabled(n[0]);
2392
2403
  if (!disabled)
2393
2404
  total += val_1;
2394
- var label = n[0] + (!disabled && this.showSeriesTotal() ? " (" + val_1 + ")" : "");
2405
+ var label = n[0] + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
2395
2406
  var textSize = this.textSize(label);
2396
2407
  if (maxLabelWidth < textSize.width)
2397
2408
  maxLabelWidth = textSize.width;
@@ -2403,7 +2414,7 @@
2403
2414
  dataArr = widgetColumns.filter(function (n, i) { return i > 0; }).map(function (n, i) {
2404
2415
  val_1 = this.data().reduce(function (acc, n) { return acc + n[i + 1]; }, 0);
2405
2416
  var disabled = this.isDisabled(columns_1[i + 1]);
2406
- var label = n + (!disabled && this.showSeriesTotal() ? " (" + val_1 + ")" : "");
2417
+ var label = n + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
2407
2418
  if (!disabled)
2408
2419
  total += val_1;
2409
2420
  var textSize = this.textSize(label);
@@ -2492,7 +2503,7 @@
2492
2503
  offsetY += (extraHeight / 2);
2493
2504
  }
2494
2505
  }
2495
- this._g.attr("transform", "translate(" + offsetX + ", " + offsetY + ")");
2506
+ this._g.attr("transform", "translate(".concat(offsetX, ", ").concat(offsetY, ")"));
2496
2507
  this.pos({
2497
2508
  x: 0,
2498
2509
  y: 0
@@ -2500,7 +2511,7 @@
2500
2511
  this._legendOrdinal
2501
2512
  .labelOffset(this.itemPadding());
2502
2513
  var legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
2503
- var totalText = "Total: " + total;
2514
+ var totalText = "Total: ".concat(total);
2504
2515
  var totalOffsetX = -offsetX;
2505
2516
  var totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
2506
2517
  this.enableOverflowScroll(false);
@@ -2510,7 +2521,7 @@
2510
2521
  .append("text")
2511
2522
  .classed("legendTotal", true)
2512
2523
  .merge(legendTotal)
2513
- .attr("transform", "translate(" + totalOffsetX + ", " + totalOffsetY + ")")
2524
+ .attr("transform", "translate(".concat(totalOffsetX, ", ").concat(totalOffsetY, ")"))
2514
2525
  .text(totalText);
2515
2526
  legendTotal.exit().remove();
2516
2527
  };
@@ -2652,8 +2663,8 @@
2652
2663
  Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
2653
2664
  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
2665
 
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);
2666
+ 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}";
2667
+ styleInject(css_248z$6);
2657
2668
 
2658
2669
  var Modal = /** @class */ (function (_super) {
2659
2670
  __extends(Modal, _super);
@@ -2716,8 +2727,8 @@
2716
2727
  var modalRect = this.setModalSize();
2717
2728
  if (this.fixedTop() !== null && this.fixedLeft() !== null) {
2718
2729
  this._modal
2719
- .style("top", "calc(" + this.fixedTop() + " + " + rect.top + "px)")
2720
- .style("left", "calc(" + this.fixedLeft() + " + " + rect.left + "px)");
2730
+ .style("top", "calc(".concat(this.fixedTop(), " + ").concat(rect.top, "px)"))
2731
+ .style("left", "calc(".concat(this.fixedLeft(), " + ").concat(rect.left, "px)"));
2721
2732
  }
2722
2733
  else if (this.fixedHeight() !== null && this.fixedWidth() !== null) {
2723
2734
  this._modal
@@ -2775,7 +2786,7 @@
2775
2786
  .style("height", header_h + "px");
2776
2787
  this._modalBody = this._modal.append("div")
2777
2788
  .classed("layout_Modal-body", true)
2778
- .style("height", "calc( 100% - " + header_h + "px )")
2789
+ .style("height", "calc( 100% - ".concat(header_h, "px )"))
2779
2790
  .style("overflow-x", this.overflowX())
2780
2791
  .style("overflow-y", this.overflowY());
2781
2792
  this._modalHeader.append("div")
@@ -2858,8 +2869,8 @@
2858
2869
  Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
2859
2870
  Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
2860
2871
 
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);
2872
+ var css_248z$5 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
2873
+ styleInject(css_248z$5);
2863
2874
 
2864
2875
  var ChartPanel = /** @class */ (function (_super) {
2865
2876
  __extends(ChartPanel, _super);
@@ -3019,7 +3030,7 @@
3019
3030
  };
3020
3031
  ChartPanel.prototype.highlightColumn = function (column) {
3021
3032
  if (column) {
3022
- var cssTag_1 = "series-" + this.cssTag(column);
3033
+ var cssTag_1 = "series-".concat(this.cssTag(column));
3023
3034
  this._centerWA.element().selectAll(".series")
3024
3035
  .each(function () {
3025
3036
  var element = common.select(this);
@@ -3083,7 +3094,7 @@
3083
3094
  element.selectAll("lhs").style("display", "none");
3084
3095
  element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
3085
3096
  element.selectAll("div.data-count").style("visibility", "hidden");
3086
- element.style("transform", "scale(" + this._scale + ")");
3097
+ element.style("transform", "scale(".concat(this._scale, ")"));
3087
3098
  };
3088
3099
  ChartPanel.prototype.preUpdateRegular = function (element) {
3089
3100
  element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
@@ -3153,7 +3164,7 @@
3153
3164
  break;
3154
3165
  }
3155
3166
  }
3156
- element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px " + this.highlightSize() + "px " + this.highlightColor() : "none");
3167
+ element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px ".concat(this.highlightSize(), "px ").concat(this.highlightColor()) : "none");
3157
3168
  if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
3158
3169
  this._spacer.visible(false);
3159
3170
  this._toggleLegend.visible(false);
@@ -3166,10 +3177,10 @@
3166
3177
  this._prevChart = chart;
3167
3178
  var widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : undefined;
3168
3179
  if (widgetIconBar && widgetIconBar instanceof common.IconBar) {
3169
- this._prevButtons = this._prevButtons || __spreadArray([], this.buttons());
3170
- var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()), [
3180
+ this._prevButtons = this._prevButtons || __spreadArray([], this.buttons(), true);
3181
+ var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons(), true), [
3171
3182
  new common.Spacer()
3172
- ]), this._prevButtons);
3183
+ ], false), this._prevButtons, true);
3173
3184
  widgetIconBar.buttons([]).render();
3174
3185
  this.buttons(buttons);
3175
3186
  }
@@ -3224,12 +3235,12 @@
3224
3235
  var icon_top = containerRect.height / 2;
3225
3236
  iconDiv
3226
3237
  .style("position", "absolute")
3227
- .style("left", "calc(50% - " + rect.width / 2 + "px)")
3228
- .style("top", icon_top - (rect.height / 2) + "px");
3238
+ .style("left", "calc(50% - ".concat(rect.width / 2, "px)"))
3239
+ .style("top", "".concat(icon_top - (rect.height / 2), "px"));
3229
3240
  element.selectAll("div.data-count")
3230
3241
  .style("position", "absolute")
3231
- .style("left", "calc(50% + " + rect.width / 2 + "px)")
3232
- .style("top", icon_top - (rect.height / 2) + "px");
3242
+ .style("left", "calc(50% + ".concat(rect.width / 2, "px)"))
3243
+ .style("top", "".concat(icon_top - (rect.height / 2), "px"));
3233
3244
  }
3234
3245
  };
3235
3246
  ChartPanel.prototype.postUpdateSmall = function (element) {
@@ -3239,7 +3250,7 @@
3239
3250
  element.selectAll("div.data-count").style("visibility", "hidden");
3240
3251
  var rect = element.node().getBoundingClientRect();
3241
3252
  var parentRect = element.node().parentElement.getBoundingClientRect();
3242
- element.style("transform", "translate(" + (parentRect.x - rect.x) + "px, " + (parentRect.y - rect.y) + "px) scale(" + this._scale + ")");
3253
+ element.style("transform", "translate(".concat(parentRect.x - rect.x, "px, ").concat(parentRect.y - rect.y, "px) scale(").concat(this._scale, ")"));
3243
3254
  };
3244
3255
  ChartPanel.prototype.postUpdateRegular = function (element) {
3245
3256
  element.selectAll("div.title-icon").style("position", "static");
@@ -3357,8 +3368,8 @@
3357
3368
  return this;
3358
3369
  };
3359
3370
 
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);
3371
+ var css_248z$4 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{border-style:solid;flex-grow:1;overflow:hidden}";
3372
+ styleInject(css_248z$4);
3362
3373
 
3363
3374
  var FlexGrid = /** @class */ (function (_super) {
3364
3375
  __extends(FlexGrid, _super);
@@ -3462,21 +3473,9 @@
3462
3473
 
3463
3474
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
3464
3475
 
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
- }
3476
+ var gridList$1 = {exports: {}};
3474
3477
 
3475
- function commonjsRequire () {
3476
- throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
3477
- }
3478
-
3479
- var gridList = createCommonjsModule(function (module, exports) {
3478
+ (function (module, exports) {
3480
3479
  (function (root, factory) {
3481
3480
  {
3482
3481
  // Node. Does not work with strict CommonJS, but
@@ -4163,15 +4162,17 @@
4163
4162
  return GridList;
4164
4163
 
4165
4164
  }));
4166
- });
4165
+ }(gridList$1));
4167
4166
 
4168
- var _GridList = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), gridList, {
4169
- 'default': gridList,
4170
- __moduleExports: gridList
4171
- }));
4167
+ var gridList = gridList$1.exports;
4172
4168
 
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);
4169
+ var _GridList = /*#__PURE__*/_mergeNamespaces({
4170
+ __proto__: null,
4171
+ 'default': gridList
4172
+ }, [gridList$1.exports]);
4173
+
4174
+ 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}";
4175
+ styleInject(css_248z$3);
4175
4176
 
4176
4177
  var GridList = (_GridList && gridList) || _GridList;
4177
4178
  var Grid = /** @class */ (function (_super) {
@@ -4659,8 +4660,8 @@
4659
4660
  }(FlexGrid));
4660
4661
  HorizontalList.prototype._class += " layout_HorizontalList";
4661
4662
 
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);
4663
+ 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}";
4664
+ styleInject(css_248z$2);
4664
4665
 
4665
4666
  var Layered = /** @class */ (function (_super) {
4666
4667
  __extends(Layered, _super);
@@ -4856,8 +4857,8 @@
4856
4857
  Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
4857
4858
  Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
4858
4859
 
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);
4860
+ 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}";
4861
+ styleInject(css_248z$1);
4861
4862
 
4862
4863
  var Tabbed = /** @class */ (function (_super) {
4863
4864
  __extends(Tabbed, _super);
@@ -4979,8 +4980,8 @@
4979
4980
  Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
4980
4981
  Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
4981
4982
 
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);
4983
+ 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%)}";
4984
+ styleInject(css_248z);
4984
4985
 
4985
4986
  function Toolbar() {
4986
4987
  common.HTMLWidget.call(this);
@@ -5095,5 +5096,5 @@
5095
5096
 
5096
5097
  Object.defineProperty(exports, '__esModule', { value: true });
5097
5098
 
5098
- })));
5099
+ }));
5099
5100
  //# sourceMappingURL=index.js.map