@hpcc-js/layout 2.46.1 → 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.es6.js +135 -134
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +138 -137
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +10 -26
- package/src/__package__.ts +2 -2
- package/types/__package__.d.ts +2 -2
- package/types-3.4/__package__.d.ts +2 -2
package/dist/index.es6.js
CHANGED
|
@@ -2,9 +2,24 @@ import { HTMLWidget, FAChar, select, selectAll, d3Event, Platform, drag, Utility
|
|
|
2
2
|
import { Table } from '@hpcc-js/dgrid';
|
|
3
3
|
import { instanceOfIHighlight } from '@hpcc-js/api';
|
|
4
4
|
|
|
5
|
+
function _mergeNamespaces(n, m) {
|
|
6
|
+
m.forEach(function (e) {
|
|
7
|
+
e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
|
|
8
|
+
if (k !== 'default' && !(k in n)) {
|
|
9
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () { return e[k]; }
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
return Object.freeze(n);
|
|
18
|
+
}
|
|
19
|
+
|
|
5
20
|
var PKG_NAME = "@hpcc-js/layout";
|
|
6
|
-
var PKG_VERSION = "2.
|
|
7
|
-
var BUILD_VERSION = "2.
|
|
21
|
+
var PKG_VERSION = "2.47.2";
|
|
22
|
+
var BUILD_VERSION = "2.102.4";
|
|
8
23
|
|
|
9
24
|
/*! *****************************************************************************
|
|
10
25
|
Copyright (c) Microsoft Corporation.
|
|
@@ -93,7 +108,7 @@ function __spreadArray(to, from, pack) {
|
|
|
93
108
|
ar[i] = from[i];
|
|
94
109
|
}
|
|
95
110
|
}
|
|
96
|
-
return to.concat(ar || from);
|
|
111
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
97
112
|
}
|
|
98
113
|
|
|
99
114
|
function styleInject(css, ref) {
|
|
@@ -123,8 +138,8 @@ function styleInject(css, ref) {
|
|
|
123
138
|
}
|
|
124
139
|
}
|
|
125
140
|
|
|
126
|
-
var css_248z = ".layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{
|
|
127
|
-
styleInject(css_248z);
|
|
141
|
+
var css_248z$d = ".layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{overflow:hidden;pointer-events:all;position:relative}";
|
|
142
|
+
styleInject(css_248z$d);
|
|
128
143
|
|
|
129
144
|
var AbsoluteSurface = /** @class */ (function (_super) {
|
|
130
145
|
__extends(AbsoluteSurface, _super);
|
|
@@ -193,8 +208,8 @@ AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Heigh
|
|
|
193
208
|
AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
|
|
194
209
|
AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
|
|
195
210
|
|
|
196
|
-
var css_248z$
|
|
197
|
-
styleInject(css_248z$
|
|
211
|
+
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}";
|
|
212
|
+
styleInject(css_248z$c);
|
|
198
213
|
|
|
199
214
|
var Accordion = /** @class */ (function (_super) {
|
|
200
215
|
__extends(Accordion, _super);
|
|
@@ -306,8 +321,8 @@ Accordion.prototype.publish("titleFontColor", "#FFFFFF", "html-color", "Title fo
|
|
|
306
321
|
Accordion.prototype.publish("titleBackgroundColor", "#333333", "html-color", "Title background color", null, { tags: ["Private"] });
|
|
307
322
|
Accordion.prototype.publish("defaultCollapsed", false, "boolean", "Collapsed by default if true", null, { tags: ["Private"] });
|
|
308
323
|
|
|
309
|
-
var css_248z$
|
|
310
|
-
styleInject(css_248z$
|
|
324
|
+
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\"}";
|
|
325
|
+
styleInject(css_248z$b);
|
|
311
326
|
|
|
312
327
|
var Surface = /** @class */ (function (_super) {
|
|
313
328
|
__extends(Surface, _super);
|
|
@@ -438,8 +453,8 @@ Surface.prototype.publish("surfaceBorderRadius", null, "number", "Surface Border
|
|
|
438
453
|
Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
|
|
439
454
|
Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
|
|
440
455
|
|
|
441
|
-
var css_248z$
|
|
442
|
-
styleInject(css_248z$
|
|
456
|
+
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}";
|
|
457
|
+
styleInject(css_248z$a);
|
|
443
458
|
|
|
444
459
|
var Cell = /** @class */ (function (_super) {
|
|
445
460
|
__extends(Cell, _super);
|
|
@@ -503,8 +518,8 @@ Cell.prototype.publish("indicatorGlowColor", "#EEEE11", "html-color", "Glow colo
|
|
|
503
518
|
Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
|
|
504
519
|
Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
|
|
505
520
|
|
|
506
|
-
var css_248z$
|
|
507
|
-
styleInject(css_248z$
|
|
521
|
+
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}";
|
|
522
|
+
styleInject(css_248z$9);
|
|
508
523
|
|
|
509
524
|
var Border = /** @class */ (function (_super) {
|
|
510
525
|
__extends(Border, _super);
|
|
@@ -570,19 +585,10 @@ var Border = /** @class */ (function (_super) {
|
|
|
570
585
|
var leftPerc;
|
|
571
586
|
var rightSize;
|
|
572
587
|
var rightPerc;
|
|
573
|
-
|
|
574
|
-
var gridRect = {};
|
|
575
|
-
gridRect.top = bcRect.top;
|
|
576
|
-
gridRect.left = bcRect.left;
|
|
577
|
-
gridRect.bottom = bcRect.bottom;
|
|
578
|
-
gridRect.right = bcRect.right;
|
|
588
|
+
this.target().getBoundingClientRect();
|
|
579
589
|
if (this.target() instanceof SVGElement) {
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
}
|
|
583
|
-
else {
|
|
584
|
-
gridRect.width = bcRect.width;
|
|
585
|
-
gridRect.height = bcRect.height;
|
|
590
|
+
parseFloat(this.target().getAttribute("width"));
|
|
591
|
+
parseFloat(this.target().getAttribute("height"));
|
|
586
592
|
}
|
|
587
593
|
if (this.sectionTypes().indexOf("top") !== -1) {
|
|
588
594
|
topSize = this.topSize();
|
|
@@ -1030,8 +1036,8 @@ Border.prototype.publish("bottomPercentage", 20, "number", "Percentage (of paren
|
|
|
1030
1036
|
Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
|
|
1031
1037
|
Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
|
|
1032
1038
|
|
|
1033
|
-
var css_248z$
|
|
1034
|
-
styleInject(css_248z$
|
|
1039
|
+
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}";
|
|
1040
|
+
styleInject(css_248z$8);
|
|
1035
1041
|
|
|
1036
1042
|
var WidgetDiv = /** @class */ (function () {
|
|
1037
1043
|
function WidgetDiv(div) {
|
|
@@ -1083,8 +1089,8 @@ var WidgetDiv = /** @class */ (function () {
|
|
|
1083
1089
|
WidgetDiv.prototype.resize = function (size) {
|
|
1084
1090
|
if (this._widget) {
|
|
1085
1091
|
this._div
|
|
1086
|
-
.style("width", size.width
|
|
1087
|
-
.style("height", size.height
|
|
1092
|
+
.style("width", "".concat(size.width, "px"))
|
|
1093
|
+
.style("height", "".concat(size.height, "px"));
|
|
1088
1094
|
this._widget.resize(size);
|
|
1089
1095
|
}
|
|
1090
1096
|
return this;
|
|
@@ -1188,8 +1194,8 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1188
1194
|
this._leftWA.overflowY(this.leftOverflowY());
|
|
1189
1195
|
}
|
|
1190
1196
|
this.element()
|
|
1191
|
-
.style("width", this.width()
|
|
1192
|
-
.style("height", this.height()
|
|
1197
|
+
.style("width", "".concat(this.width(), "px"))
|
|
1198
|
+
.style("height", "".concat(this.height(), "px"));
|
|
1193
1199
|
};
|
|
1194
1200
|
Border2.prototype.targetNull = function (w) {
|
|
1195
1201
|
if (w) {
|
|
@@ -1209,8 +1215,8 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1209
1215
|
var b = this[sectionB]();
|
|
1210
1216
|
this.targetNull(a);
|
|
1211
1217
|
this.targetNull(b);
|
|
1212
|
-
this["_"
|
|
1213
|
-
this["_"
|
|
1218
|
+
this["_".concat(sectionA, "WA")].widget(null);
|
|
1219
|
+
this["_".concat(sectionB, "WA")].widget(null);
|
|
1214
1220
|
this[sectionA](b);
|
|
1215
1221
|
this[sectionB](a);
|
|
1216
1222
|
return this;
|
|
@@ -1257,7 +1263,7 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1257
1263
|
})
|
|
1258
1264
|
.render();
|
|
1259
1265
|
}
|
|
1260
|
-
this._bodyElement.style("height", bodyHeight
|
|
1266
|
+
this._bodyElement.style("height", "".concat(bodyHeight, "px"));
|
|
1261
1267
|
promises = [
|
|
1262
1268
|
this._topWA
|
|
1263
1269
|
.overflowX(this.topOverflowX())
|
|
@@ -1344,8 +1350,8 @@ Border2.prototype.publish("right", null, "widget", "Right Widget", undefined, {
|
|
|
1344
1350
|
Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", undefined, { render: false });
|
|
1345
1351
|
Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", undefined, { optional: true });
|
|
1346
1352
|
|
|
1347
|
-
var css_248z$
|
|
1348
|
-
styleInject(css_248z$
|
|
1353
|
+
var css_248z$7 = ".layout_Carousel>div{overflow:hidden;position:relative}.layout_Carousel>div>.carouselItem{position:absolute}";
|
|
1354
|
+
styleInject(css_248z$7);
|
|
1349
1355
|
|
|
1350
1356
|
var Carousel = /** @class */ (function (_super) {
|
|
1351
1357
|
__extends(Carousel, _super);
|
|
@@ -1360,7 +1366,7 @@ var Carousel = /** @class */ (function (_super) {
|
|
|
1360
1366
|
Carousel.prototype.enter = function (domNode, element) {
|
|
1361
1367
|
_super.prototype.enter.call(this, domNode, element);
|
|
1362
1368
|
this._root = element.append("div")
|
|
1363
|
-
.attr("id", this.id()
|
|
1369
|
+
.attr("id", "".concat(this.id(), "_root"));
|
|
1364
1370
|
};
|
|
1365
1371
|
Carousel.prototype.update = function (domNode, element) {
|
|
1366
1372
|
var _this = this;
|
|
@@ -1368,22 +1374,22 @@ var Carousel = /** @class */ (function (_super) {
|
|
|
1368
1374
|
var active = this.active();
|
|
1369
1375
|
var width = this.width();
|
|
1370
1376
|
this._root
|
|
1371
|
-
.style("width", width
|
|
1372
|
-
.style("height", this.height()
|
|
1373
|
-
var widgetElements = this._root.selectAll("#"
|
|
1377
|
+
.style("width", "".concat(width, "px"))
|
|
1378
|
+
.style("height", "".concat(this.height(), "px"));
|
|
1379
|
+
var widgetElements = this._root.selectAll("#".concat(this.id(), "_root > .carouselItem")).data(this.widgets(), function (d) { return d.id(); });
|
|
1374
1380
|
var update = widgetElements.enter().append("div")
|
|
1375
1381
|
.attr("class", "carouselItem")
|
|
1376
1382
|
.each(function (w) {
|
|
1377
1383
|
w.target(this);
|
|
1378
1384
|
})
|
|
1379
1385
|
.merge(widgetElements)
|
|
1380
|
-
.style("left", function (d, i) { return (i - _this._prevActive) * width
|
|
1381
|
-
.style("width", width
|
|
1386
|
+
.style("left", function (d, i) { return "".concat((i - _this._prevActive) * width, "px"); })
|
|
1387
|
+
.style("width", "".concat(width, "px"));
|
|
1382
1388
|
if (this._prevActive !== active) {
|
|
1383
1389
|
update
|
|
1384
1390
|
.style("display", function (d, i) { return i === _this._prevActive || i === active ? null : "none"; }) // Must be called before render callback (not inside transition)
|
|
1385
1391
|
.transition().duration(this.transitionDuration())
|
|
1386
|
-
.style("left", function (d, i) { return (i - active) * width
|
|
1392
|
+
.style("left", function (d, i) { return "".concat((i - active) * width, "px"); })
|
|
1387
1393
|
.on("end", function (d, i) {
|
|
1388
1394
|
select(this).style("display", function () { return i === active ? null : "none"; });
|
|
1389
1395
|
});
|
|
@@ -1428,10 +1434,10 @@ Carousel.prototype.publish("widgets", [], "widgetArray", "Widgets", null, { rend
|
|
|
1428
1434
|
Carousel.prototype.publish("active", 0, "number", "Active widget");
|
|
1429
1435
|
Carousel.prototype.publish("transitionDuration", 500, "number", "Transition duration");
|
|
1430
1436
|
|
|
1431
|
-
var pi = Math.PI,
|
|
1432
|
-
tau = 2 * pi,
|
|
1437
|
+
var pi$1 = Math.PI,
|
|
1438
|
+
tau$1 = 2 * pi$1,
|
|
1433
1439
|
epsilon = 1e-6,
|
|
1434
|
-
tauEpsilon = tau - epsilon;
|
|
1440
|
+
tauEpsilon = tau$1 - epsilon;
|
|
1435
1441
|
|
|
1436
1442
|
function Path() {
|
|
1437
1443
|
this._x0 = this._y0 = // start of current subpath
|
|
@@ -1499,7 +1505,7 @@ Path.prototype = path.prototype = {
|
|
|
1499
1505
|
l20_2 = x20 * x20 + y20 * y20,
|
|
1500
1506
|
l21 = Math.sqrt(l21_2),
|
|
1501
1507
|
l01 = Math.sqrt(l01_2),
|
|
1502
|
-
l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1508
|
+
l = r * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1503
1509
|
t01 = l / l01,
|
|
1504
1510
|
t21 = l / l21;
|
|
1505
1511
|
|
|
@@ -1537,7 +1543,7 @@ Path.prototype = path.prototype = {
|
|
|
1537
1543
|
if (!r) return;
|
|
1538
1544
|
|
|
1539
1545
|
// Does the angle go the wrong way? Flip the direction.
|
|
1540
|
-
if (da < 0) da = da % tau + tau;
|
|
1546
|
+
if (da < 0) da = da % tau$1 + tau$1;
|
|
1541
1547
|
|
|
1542
1548
|
// Is this a complete circle? Draw two arcs to complete the circle.
|
|
1543
1549
|
if (da > tauEpsilon) {
|
|
@@ -1546,7 +1552,7 @@ Path.prototype = path.prototype = {
|
|
|
1546
1552
|
|
|
1547
1553
|
// Is this arc non-empty? Draw an arc!
|
|
1548
1554
|
else if (da > epsilon) {
|
|
1549
|
-
this._ += "A" + r + "," + r + ",0," + (+(da >= pi)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
|
|
1555
|
+
this._ += "A" + r + "," + r + ",0," + (+(da >= pi$1)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
|
|
1550
1556
|
}
|
|
1551
1557
|
},
|
|
1552
1558
|
rect: function(x, y, w, h) {
|
|
@@ -1563,14 +1569,14 @@ function constant(x) {
|
|
|
1563
1569
|
};
|
|
1564
1570
|
}
|
|
1565
1571
|
|
|
1566
|
-
var pi
|
|
1567
|
-
var tau
|
|
1572
|
+
var pi = Math.PI;
|
|
1573
|
+
var tau = 2 * pi;
|
|
1568
1574
|
|
|
1569
1575
|
var d3SymbolCircle = {
|
|
1570
1576
|
draw: function(context, size) {
|
|
1571
|
-
var r = Math.sqrt(size / pi
|
|
1577
|
+
var r = Math.sqrt(size / pi);
|
|
1572
1578
|
context.moveTo(r, 0);
|
|
1573
|
-
context.arc(0, 0, r, 0, tau
|
|
1579
|
+
context.arc(0, 0, r, 0, tau);
|
|
1574
1580
|
}
|
|
1575
1581
|
};
|
|
1576
1582
|
|
|
@@ -1609,9 +1615,9 @@ var d3SymbolDiamond = {
|
|
|
1609
1615
|
};
|
|
1610
1616
|
|
|
1611
1617
|
var ka = 0.89081309152928522810,
|
|
1612
|
-
kr = Math.sin(pi
|
|
1613
|
-
kx = Math.sin(tau
|
|
1614
|
-
ky = -Math.cos(tau
|
|
1618
|
+
kr = Math.sin(pi / 10) / Math.sin(7 * pi / 10),
|
|
1619
|
+
kx = Math.sin(tau / 10) * kr,
|
|
1620
|
+
ky = -Math.cos(tau / 10) * kr;
|
|
1615
1621
|
|
|
1616
1622
|
var d3SymbolStar = {
|
|
1617
1623
|
draw: function(context, size) {
|
|
@@ -1621,7 +1627,7 @@ var d3SymbolStar = {
|
|
|
1621
1627
|
context.moveTo(0, -r);
|
|
1622
1628
|
context.lineTo(x, y);
|
|
1623
1629
|
for (var i = 1; i < 5; ++i) {
|
|
1624
|
-
var a = tau
|
|
1630
|
+
var a = tau * i / 5,
|
|
1625
1631
|
c = Math.cos(a),
|
|
1626
1632
|
s = Math.sin(a);
|
|
1627
1633
|
context.lineTo(s * r, -c * r);
|
|
@@ -1730,10 +1736,10 @@ var d3_textWrapping = function d3_textWrapping(text, width) {
|
|
|
1730
1736
|
words = text.text().split(/\s+/).reverse(),
|
|
1731
1737
|
word,
|
|
1732
1738
|
line = [],
|
|
1733
|
-
lineHeight = 1.2
|
|
1739
|
+
lineHeight = 1.2;
|
|
1734
1740
|
//ems
|
|
1735
|
-
|
|
1736
|
-
dy = parseFloat(text.attr("dy")) || 0,
|
|
1741
|
+
text.attr("y");
|
|
1742
|
+
var dy = parseFloat(text.attr("dy")) || 0,
|
|
1737
1743
|
tspan = text.text(null).append("tspan").attr("x", 0).attr("dy", dy + "em");
|
|
1738
1744
|
|
|
1739
1745
|
while (word = words.pop()) {
|
|
@@ -1754,9 +1760,9 @@ var d3_mergeLabels = function d3_mergeLabels() {
|
|
|
1754
1760
|
var labels = arguments[1];
|
|
1755
1761
|
var domain = arguments[2];
|
|
1756
1762
|
var range = arguments[3];
|
|
1763
|
+
var labelDelimiter = arguments[4];
|
|
1757
1764
|
|
|
1758
|
-
|
|
1759
|
-
if ((typeof labels === 'undefined' ? 'undefined' : _typeof(labels)) === "object") {
|
|
1765
|
+
if ((typeof labels === "undefined" ? "undefined" : _typeof(labels)) === "object") {
|
|
1760
1766
|
if (labels.length === 0) return gen;
|
|
1761
1767
|
|
|
1762
1768
|
var i = labels.length;
|
|
@@ -1773,7 +1779,9 @@ var d3_mergeLabels = function d3_mergeLabels() {
|
|
|
1773
1779
|
genLength: genLength,
|
|
1774
1780
|
generatedLabels: gen,
|
|
1775
1781
|
domain: domain,
|
|
1776
|
-
range: range
|
|
1782
|
+
range: range,
|
|
1783
|
+
labelDelimiter: labelDelimiter
|
|
1784
|
+
}));
|
|
1777
1785
|
}
|
|
1778
1786
|
return customLabels;
|
|
1779
1787
|
}
|
|
@@ -1797,11 +1805,13 @@ var d3_linearLegend = function d3_linearLegend(scale, cells, labelFormat) {
|
|
|
1797
1805
|
}
|
|
1798
1806
|
|
|
1799
1807
|
var labels = data.map(labelFormat);
|
|
1800
|
-
return {
|
|
1808
|
+
return {
|
|
1809
|
+
data: data,
|
|
1801
1810
|
labels: labels,
|
|
1802
1811
|
feature: function feature(d) {
|
|
1803
1812
|
return scale(d);
|
|
1804
|
-
}
|
|
1813
|
+
}
|
|
1814
|
+
};
|
|
1805
1815
|
};
|
|
1806
1816
|
|
|
1807
1817
|
var d3_quantLegend = function d3_quantLegend(scale, labelFormat, labelDelimiter) {
|
|
@@ -1810,18 +1820,21 @@ var d3_quantLegend = function d3_quantLegend(scale, labelFormat, labelDelimiter)
|
|
|
1810
1820
|
return labelFormat(invert[0]) + " " + labelDelimiter + " " + labelFormat(invert[1]);
|
|
1811
1821
|
});
|
|
1812
1822
|
|
|
1813
|
-
return {
|
|
1823
|
+
return {
|
|
1824
|
+
data: scale.range(),
|
|
1814
1825
|
labels: labels,
|
|
1815
1826
|
feature: d3_identity
|
|
1816
1827
|
};
|
|
1817
1828
|
};
|
|
1818
1829
|
|
|
1819
1830
|
var d3_ordinalLegend = function d3_ordinalLegend(scale) {
|
|
1820
|
-
return {
|
|
1831
|
+
return {
|
|
1832
|
+
data: scale.domain(),
|
|
1821
1833
|
labels: scale.domain(),
|
|
1822
1834
|
feature: function feature(d) {
|
|
1823
1835
|
return scale(d);
|
|
1824
|
-
}
|
|
1836
|
+
}
|
|
1837
|
+
};
|
|
1825
1838
|
};
|
|
1826
1839
|
|
|
1827
1840
|
var d3_cellOver = function d3_cellOver(cellDispatcher, d, obj) {
|
|
@@ -1837,7 +1850,6 @@ var d3_cellClick = function d3_cellClick(cellDispatcher, d, obj) {
|
|
|
1837
1850
|
};
|
|
1838
1851
|
|
|
1839
1852
|
var helper = {
|
|
1840
|
-
|
|
1841
1853
|
d3_drawShapes: function d3_drawShapes(shape, shapes, shapeHeight, shapeWidth, shapeRadius, path) {
|
|
1842
1854
|
if (shape === "rect") {
|
|
1843
1855
|
shapes.attr("height", shapeHeight).attr("width", shapeWidth);
|
|
@@ -1852,10 +1864,10 @@ var helper = {
|
|
|
1852
1864
|
|
|
1853
1865
|
d3_addText: function d3_addText(svg, enter, labels, classPrefix, labelWidth) {
|
|
1854
1866
|
enter.append("text").attr("class", classPrefix + "label");
|
|
1855
|
-
var text = svg.selectAll(
|
|
1867
|
+
var text = svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").data(labels).text(d3_identity);
|
|
1856
1868
|
|
|
1857
1869
|
if (labelWidth) {
|
|
1858
|
-
svg.selectAll(
|
|
1870
|
+
svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").call(d3_textWrapping, labelWidth);
|
|
1859
1871
|
}
|
|
1860
1872
|
|
|
1861
1873
|
return text;
|
|
@@ -1866,7 +1878,7 @@ var helper = {
|
|
|
1866
1878
|
|
|
1867
1879
|
//for d3.scaleSequential that doesn't have a range function
|
|
1868
1880
|
var range = scale.range && scale.range() || scale.domain();
|
|
1869
|
-
type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range);
|
|
1881
|
+
type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range, labelDelimiter);
|
|
1870
1882
|
|
|
1871
1883
|
if (ascending) {
|
|
1872
1884
|
type.labels = d3_reverse(type.labels);
|
|
@@ -1915,25 +1927,24 @@ var helper = {
|
|
|
1915
1927
|
|
|
1916
1928
|
d3_title: function d3_title(svg, title, classPrefix, titleWidth) {
|
|
1917
1929
|
if (title !== "") {
|
|
1930
|
+
var titleText = svg.selectAll("text." + classPrefix + "legendTitle");
|
|
1918
1931
|
|
|
1919
|
-
|
|
1932
|
+
titleText.data([title]).enter().append("text").attr("class", classPrefix + "legendTitle");
|
|
1920
1933
|
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
svg.selectAll('text.' + classPrefix + 'legendTitle').text(title);
|
|
1934
|
+
svg.selectAll("text." + classPrefix + "legendTitle").text(title);
|
|
1924
1935
|
|
|
1925
1936
|
if (titleWidth) {
|
|
1926
|
-
svg.selectAll(
|
|
1937
|
+
svg.selectAll("text." + classPrefix + "legendTitle").call(d3_textWrapping, titleWidth);
|
|
1927
1938
|
}
|
|
1928
1939
|
|
|
1929
|
-
var cellsSvg = svg.select(
|
|
1930
|
-
var yOffset = svg.select(
|
|
1940
|
+
var cellsSvg = svg.select("." + classPrefix + "legendCells");
|
|
1941
|
+
var yOffset = svg.select("." + classPrefix + "legendTitle").nodes().map(function (d) {
|
|
1931
1942
|
return d.getBBox().height;
|
|
1932
1943
|
})[0],
|
|
1933
1944
|
xOffset = -cellsSvg.nodes().map(function (d) {
|
|
1934
1945
|
return d.getBBox().x;
|
|
1935
1946
|
})[0];
|
|
1936
|
-
cellsSvg.attr(
|
|
1947
|
+
cellsSvg.attr("transform", "translate(" + xOffset + "," + yOffset + ")");
|
|
1937
1948
|
}
|
|
1938
1949
|
},
|
|
1939
1950
|
|
|
@@ -1942,9 +1953,9 @@ var helper = {
|
|
|
1942
1953
|
formatPrefix: formatPrefix
|
|
1943
1954
|
},
|
|
1944
1955
|
|
|
1945
|
-
d3_defaultFormatSpecifier:
|
|
1956
|
+
d3_defaultFormatSpecifier: ".01f",
|
|
1946
1957
|
|
|
1947
|
-
d3_defaultDelimiter:
|
|
1958
|
+
d3_defaultDelimiter: "to"
|
|
1948
1959
|
};
|
|
1949
1960
|
|
|
1950
1961
|
function color() {
|
|
@@ -2389,7 +2400,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2389
2400
|
var disabled = this.isDisabled(n[0]);
|
|
2390
2401
|
if (!disabled)
|
|
2391
2402
|
total += val_1;
|
|
2392
|
-
var label = n[0] + (!disabled && this.showSeriesTotal() ? " ("
|
|
2403
|
+
var label = n[0] + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
|
|
2393
2404
|
var textSize = this.textSize(label);
|
|
2394
2405
|
if (maxLabelWidth < textSize.width)
|
|
2395
2406
|
maxLabelWidth = textSize.width;
|
|
@@ -2401,7 +2412,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2401
2412
|
dataArr = widgetColumns.filter(function (n, i) { return i > 0; }).map(function (n, i) {
|
|
2402
2413
|
val_1 = this.data().reduce(function (acc, n) { return acc + n[i + 1]; }, 0);
|
|
2403
2414
|
var disabled = this.isDisabled(columns_1[i + 1]);
|
|
2404
|
-
var label = n + (!disabled && this.showSeriesTotal() ? " ("
|
|
2415
|
+
var label = n + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
|
|
2405
2416
|
if (!disabled)
|
|
2406
2417
|
total += val_1;
|
|
2407
2418
|
var textSize = this.textSize(label);
|
|
@@ -2490,7 +2501,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2490
2501
|
offsetY += (extraHeight / 2);
|
|
2491
2502
|
}
|
|
2492
2503
|
}
|
|
2493
|
-
this._g.attr("transform", "translate("
|
|
2504
|
+
this._g.attr("transform", "translate(".concat(offsetX, ", ").concat(offsetY, ")"));
|
|
2494
2505
|
this.pos({
|
|
2495
2506
|
x: 0,
|
|
2496
2507
|
y: 0
|
|
@@ -2498,7 +2509,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2498
2509
|
this._legendOrdinal
|
|
2499
2510
|
.labelOffset(this.itemPadding());
|
|
2500
2511
|
var legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
|
|
2501
|
-
var totalText = "Total: "
|
|
2512
|
+
var totalText = "Total: ".concat(total);
|
|
2502
2513
|
var totalOffsetX = -offsetX;
|
|
2503
2514
|
var totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
|
|
2504
2515
|
this.enableOverflowScroll(false);
|
|
@@ -2508,7 +2519,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2508
2519
|
.append("text")
|
|
2509
2520
|
.classed("legendTotal", true)
|
|
2510
2521
|
.merge(legendTotal)
|
|
2511
|
-
.attr("transform", "translate("
|
|
2522
|
+
.attr("transform", "translate(".concat(totalOffsetX, ", ").concat(totalOffsetY, ")"))
|
|
2512
2523
|
.text(totalText);
|
|
2513
2524
|
legendTotal.exit().remove();
|
|
2514
2525
|
};
|
|
@@ -2650,8 +2661,8 @@ Legend.prototype.publish("shapeRadius", 7, "number", "Radius of legend shape (pi
|
|
|
2650
2661
|
Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
|
|
2651
2662
|
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"; } });
|
|
2652
2663
|
|
|
2653
|
-
var css_248z$
|
|
2654
|
-
styleInject(css_248z$
|
|
2664
|
+
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}";
|
|
2665
|
+
styleInject(css_248z$6);
|
|
2655
2666
|
|
|
2656
2667
|
var Modal = /** @class */ (function (_super) {
|
|
2657
2668
|
__extends(Modal, _super);
|
|
@@ -2714,8 +2725,8 @@ var Modal = /** @class */ (function (_super) {
|
|
|
2714
2725
|
var modalRect = this.setModalSize();
|
|
2715
2726
|
if (this.fixedTop() !== null && this.fixedLeft() !== null) {
|
|
2716
2727
|
this._modal
|
|
2717
|
-
.style("top", "calc("
|
|
2718
|
-
.style("left", "calc("
|
|
2728
|
+
.style("top", "calc(".concat(this.fixedTop(), " + ").concat(rect.top, "px)"))
|
|
2729
|
+
.style("left", "calc(".concat(this.fixedLeft(), " + ").concat(rect.left, "px)"));
|
|
2719
2730
|
}
|
|
2720
2731
|
else if (this.fixedHeight() !== null && this.fixedWidth() !== null) {
|
|
2721
2732
|
this._modal
|
|
@@ -2773,7 +2784,7 @@ var Modal = /** @class */ (function (_super) {
|
|
|
2773
2784
|
.style("height", header_h + "px");
|
|
2774
2785
|
this._modalBody = this._modal.append("div")
|
|
2775
2786
|
.classed("layout_Modal-body", true)
|
|
2776
|
-
.style("height", "calc( 100% - "
|
|
2787
|
+
.style("height", "calc( 100% - ".concat(header_h, "px )"))
|
|
2777
2788
|
.style("overflow-x", this.overflowX())
|
|
2778
2789
|
.style("overflow-y", this.overflowY());
|
|
2779
2790
|
this._modalHeader.append("div")
|
|
@@ -2856,8 +2867,8 @@ Modal.prototype.publish("fixedLeft", null, "string", "fixedLeft");
|
|
|
2856
2867
|
Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
|
|
2857
2868
|
Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
|
|
2858
2869
|
|
|
2859
|
-
var css_248z$
|
|
2860
|
-
styleInject(css_248z$
|
|
2870
|
+
var css_248z$5 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
|
|
2871
|
+
styleInject(css_248z$5);
|
|
2861
2872
|
|
|
2862
2873
|
var ChartPanel = /** @class */ (function (_super) {
|
|
2863
2874
|
__extends(ChartPanel, _super);
|
|
@@ -3017,7 +3028,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3017
3028
|
};
|
|
3018
3029
|
ChartPanel.prototype.highlightColumn = function (column) {
|
|
3019
3030
|
if (column) {
|
|
3020
|
-
var cssTag_1 = "series-"
|
|
3031
|
+
var cssTag_1 = "series-".concat(this.cssTag(column));
|
|
3021
3032
|
this._centerWA.element().selectAll(".series")
|
|
3022
3033
|
.each(function () {
|
|
3023
3034
|
var element = select(this);
|
|
@@ -3081,7 +3092,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3081
3092
|
element.selectAll("lhs").style("display", "none");
|
|
3082
3093
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
3083
3094
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3084
|
-
element.style("transform", "scale("
|
|
3095
|
+
element.style("transform", "scale(".concat(this._scale, ")"));
|
|
3085
3096
|
};
|
|
3086
3097
|
ChartPanel.prototype.preUpdateRegular = function (element) {
|
|
3087
3098
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
@@ -3151,7 +3162,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3151
3162
|
break;
|
|
3152
3163
|
}
|
|
3153
3164
|
}
|
|
3154
|
-
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px "
|
|
3165
|
+
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px ".concat(this.highlightSize(), "px ").concat(this.highlightColor()) : "none");
|
|
3155
3166
|
if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
|
|
3156
3167
|
this._spacer.visible(false);
|
|
3157
3168
|
this._toggleLegend.visible(false);
|
|
@@ -3164,10 +3175,10 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3164
3175
|
this._prevChart = chart;
|
|
3165
3176
|
var widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : undefined;
|
|
3166
3177
|
if (widgetIconBar && widgetIconBar instanceof IconBar) {
|
|
3167
|
-
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons());
|
|
3168
|
-
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()), [
|
|
3178
|
+
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons(), true);
|
|
3179
|
+
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons(), true), [
|
|
3169
3180
|
new Spacer()
|
|
3170
|
-
]), this._prevButtons);
|
|
3181
|
+
], false), this._prevButtons, true);
|
|
3171
3182
|
widgetIconBar.buttons([]).render();
|
|
3172
3183
|
this.buttons(buttons);
|
|
3173
3184
|
}
|
|
@@ -3222,12 +3233,12 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3222
3233
|
var icon_top = containerRect.height / 2;
|
|
3223
3234
|
iconDiv
|
|
3224
3235
|
.style("position", "absolute")
|
|
3225
|
-
.style("left", "calc(50% - "
|
|
3226
|
-
.style("top", icon_top - (rect.height / 2)
|
|
3236
|
+
.style("left", "calc(50% - ".concat(rect.width / 2, "px)"))
|
|
3237
|
+
.style("top", "".concat(icon_top - (rect.height / 2), "px"));
|
|
3227
3238
|
element.selectAll("div.data-count")
|
|
3228
3239
|
.style("position", "absolute")
|
|
3229
|
-
.style("left", "calc(50% + "
|
|
3230
|
-
.style("top", icon_top - (rect.height / 2)
|
|
3240
|
+
.style("left", "calc(50% + ".concat(rect.width / 2, "px)"))
|
|
3241
|
+
.style("top", "".concat(icon_top - (rect.height / 2), "px"));
|
|
3231
3242
|
}
|
|
3232
3243
|
};
|
|
3233
3244
|
ChartPanel.prototype.postUpdateSmall = function (element) {
|
|
@@ -3237,7 +3248,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3237
3248
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3238
3249
|
var rect = element.node().getBoundingClientRect();
|
|
3239
3250
|
var parentRect = element.node().parentElement.getBoundingClientRect();
|
|
3240
|
-
element.style("transform", "translate("
|
|
3251
|
+
element.style("transform", "translate(".concat(parentRect.x - rect.x, "px, ").concat(parentRect.y - rect.y, "px) scale(").concat(this._scale, ")"));
|
|
3241
3252
|
};
|
|
3242
3253
|
ChartPanel.prototype.postUpdateRegular = function (element) {
|
|
3243
3254
|
element.selectAll("div.title-icon").style("position", "static");
|
|
@@ -3355,8 +3366,8 @@ ChartPanel.prototype.widget = function (_) {
|
|
|
3355
3366
|
return this;
|
|
3356
3367
|
};
|
|
3357
3368
|
|
|
3358
|
-
var css_248z$
|
|
3359
|
-
styleInject(css_248z$
|
|
3369
|
+
var css_248z$4 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{border-style:solid;flex-grow:1;overflow:hidden}";
|
|
3370
|
+
styleInject(css_248z$4);
|
|
3360
3371
|
|
|
3361
3372
|
var FlexGrid = /** @class */ (function (_super) {
|
|
3362
3373
|
__extends(FlexGrid, _super);
|
|
@@ -3460,21 +3471,9 @@ FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be
|
|
|
3460
3471
|
|
|
3461
3472
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
3462
3473
|
|
|
3463
|
-
|
|
3464
|
-
return module = {
|
|
3465
|
-
path: basedir,
|
|
3466
|
-
exports: {},
|
|
3467
|
-
require: function (path, base) {
|
|
3468
|
-
return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
|
|
3469
|
-
}
|
|
3470
|
-
}, fn(module, module.exports), module.exports;
|
|
3471
|
-
}
|
|
3474
|
+
var gridList$1 = {exports: {}};
|
|
3472
3475
|
|
|
3473
|
-
function
|
|
3474
|
-
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
3475
|
-
}
|
|
3476
|
-
|
|
3477
|
-
var gridList = createCommonjsModule(function (module, exports) {
|
|
3476
|
+
(function (module, exports) {
|
|
3478
3477
|
(function (root, factory) {
|
|
3479
3478
|
{
|
|
3480
3479
|
// Node. Does not work with strict CommonJS, but
|
|
@@ -4161,15 +4160,17 @@ GridCol.prototype = [];
|
|
|
4161
4160
|
return GridList;
|
|
4162
4161
|
|
|
4163
4162
|
}));
|
|
4164
|
-
});
|
|
4163
|
+
}(gridList$1));
|
|
4165
4164
|
|
|
4166
|
-
var
|
|
4167
|
-
'default': gridList,
|
|
4168
|
-
__moduleExports: gridList
|
|
4169
|
-
}));
|
|
4165
|
+
var gridList = gridList$1.exports;
|
|
4170
4166
|
|
|
4171
|
-
var
|
|
4172
|
-
|
|
4167
|
+
var _GridList = /*#__PURE__*/_mergeNamespaces({
|
|
4168
|
+
__proto__: null,
|
|
4169
|
+
'default': gridList
|
|
4170
|
+
}, [gridList$1.exports]);
|
|
4171
|
+
|
|
4172
|
+
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}";
|
|
4173
|
+
styleInject(css_248z$3);
|
|
4173
4174
|
|
|
4174
4175
|
var GridList = (_GridList && gridList) || _GridList;
|
|
4175
4176
|
var Grid = /** @class */ (function (_super) {
|
|
@@ -4657,8 +4658,8 @@ var HorizontalList = /** @class */ (function (_super) {
|
|
|
4657
4658
|
}(FlexGrid));
|
|
4658
4659
|
HorizontalList.prototype._class += " layout_HorizontalList";
|
|
4659
4660
|
|
|
4660
|
-
var css_248z$
|
|
4661
|
-
styleInject(css_248z$
|
|
4661
|
+
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}";
|
|
4662
|
+
styleInject(css_248z$2);
|
|
4662
4663
|
|
|
4663
4664
|
var Layered = /** @class */ (function (_super) {
|
|
4664
4665
|
__extends(Layered, _super);
|
|
@@ -4854,8 +4855,8 @@ Popup.prototype.publish("right", null, "number", "Right position property of pop
|
|
|
4854
4855
|
Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
|
|
4855
4856
|
Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
|
|
4856
4857
|
|
|
4857
|
-
var css_248z$
|
|
4858
|
-
styleInject(css_248z$
|
|
4858
|
+
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}";
|
|
4859
|
+
styleInject(css_248z$1);
|
|
4859
4860
|
|
|
4860
4861
|
var Tabbed = /** @class */ (function (_super) {
|
|
4861
4862
|
__extends(Tabbed, _super);
|
|
@@ -4977,8 +4978,8 @@ Tabbed.prototype.publish("labels", [], "array", "Array of tab labels sharing an
|
|
|
4977
4978
|
Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
|
|
4978
4979
|
Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
|
|
4979
4980
|
|
|
4980
|
-
var css_248z
|
|
4981
|
-
styleInject(css_248z
|
|
4981
|
+
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%)}";
|
|
4982
|
+
styleInject(css_248z);
|
|
4982
4983
|
|
|
4983
4984
|
function Toolbar() {
|
|
4984
4985
|
HTMLWidget.call(this);
|