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