@hpcc-js/layout 2.46.0 → 2.47.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -1
- package/dist/index.es6.js +135 -143
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +138 -146
- 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 +11 -27
- package/src/Layered.ts +0 -1
- package/src/Legend.ts +22 -28
- package/src/Popup.ts +0 -1
- package/src/Surface.ts +0 -1
- package/src/__package__.ts +2 -2
- package/types/Layered.d.ts.map +1 -1
- package/types/Legend.d.ts.map +1 -1
- package/types/Popup.d.ts.map +1 -1
- package/types/Surface.d.ts.map +1 -1
- 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,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[
|
|
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.
|
|
9
|
-
var BUILD_VERSION = "2.
|
|
23
|
+
var PKG_VERSION = "2.47.3";
|
|
24
|
+
var BUILD_VERSION = "2.102.11";
|
|
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{
|
|
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$
|
|
199
|
-
styleInject(css_248z$
|
|
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$
|
|
312
|
-
styleInject(css_248z$
|
|
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);
|
|
@@ -417,7 +432,6 @@
|
|
|
417
432
|
};
|
|
418
433
|
// Events ---
|
|
419
434
|
Surface.prototype.click = function (obj) {
|
|
420
|
-
console.log("Clicked: " + obj.id);
|
|
421
435
|
};
|
|
422
436
|
return Surface;
|
|
423
437
|
}(common.HTMLWidget));
|
|
@@ -440,8 +454,8 @@
|
|
|
440
454
|
Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
|
|
441
455
|
Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
|
|
442
456
|
|
|
443
|
-
var css_248z$
|
|
444
|
-
styleInject(css_248z$
|
|
457
|
+
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}";
|
|
458
|
+
styleInject(css_248z$a);
|
|
445
459
|
|
|
446
460
|
var Cell = /** @class */ (function (_super) {
|
|
447
461
|
__extends(Cell, _super);
|
|
@@ -505,8 +519,8 @@
|
|
|
505
519
|
Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
|
|
506
520
|
Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
|
|
507
521
|
|
|
508
|
-
var css_248z$
|
|
509
|
-
styleInject(css_248z$
|
|
522
|
+
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}";
|
|
523
|
+
styleInject(css_248z$9);
|
|
510
524
|
|
|
511
525
|
var Border = /** @class */ (function (_super) {
|
|
512
526
|
__extends(Border, _super);
|
|
@@ -572,19 +586,10 @@
|
|
|
572
586
|
var leftPerc;
|
|
573
587
|
var rightSize;
|
|
574
588
|
var rightPerc;
|
|
575
|
-
|
|
576
|
-
var gridRect = {};
|
|
577
|
-
gridRect.top = bcRect.top;
|
|
578
|
-
gridRect.left = bcRect.left;
|
|
579
|
-
gridRect.bottom = bcRect.bottom;
|
|
580
|
-
gridRect.right = bcRect.right;
|
|
589
|
+
this.target().getBoundingClientRect();
|
|
581
590
|
if (this.target() instanceof SVGElement) {
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
}
|
|
585
|
-
else {
|
|
586
|
-
gridRect.width = bcRect.width;
|
|
587
|
-
gridRect.height = bcRect.height;
|
|
591
|
+
parseFloat(this.target().getAttribute("width"));
|
|
592
|
+
parseFloat(this.target().getAttribute("height"));
|
|
588
593
|
}
|
|
589
594
|
if (this.sectionTypes().indexOf("top") !== -1) {
|
|
590
595
|
topSize = this.topSize();
|
|
@@ -1032,8 +1037,8 @@
|
|
|
1032
1037
|
Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
|
|
1033
1038
|
Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
|
|
1034
1039
|
|
|
1035
|
-
var css_248z$
|
|
1036
|
-
styleInject(css_248z$
|
|
1040
|
+
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}";
|
|
1041
|
+
styleInject(css_248z$8);
|
|
1037
1042
|
|
|
1038
1043
|
var WidgetDiv = /** @class */ (function () {
|
|
1039
1044
|
function WidgetDiv(div) {
|
|
@@ -1085,8 +1090,8 @@
|
|
|
1085
1090
|
WidgetDiv.prototype.resize = function (size) {
|
|
1086
1091
|
if (this._widget) {
|
|
1087
1092
|
this._div
|
|
1088
|
-
.style("width", size.width
|
|
1089
|
-
.style("height", size.height
|
|
1093
|
+
.style("width", "".concat(size.width, "px"))
|
|
1094
|
+
.style("height", "".concat(size.height, "px"));
|
|
1090
1095
|
this._widget.resize(size);
|
|
1091
1096
|
}
|
|
1092
1097
|
return this;
|
|
@@ -1190,8 +1195,8 @@
|
|
|
1190
1195
|
this._leftWA.overflowY(this.leftOverflowY());
|
|
1191
1196
|
}
|
|
1192
1197
|
this.element()
|
|
1193
|
-
.style("width", this.width()
|
|
1194
|
-
.style("height", this.height()
|
|
1198
|
+
.style("width", "".concat(this.width(), "px"))
|
|
1199
|
+
.style("height", "".concat(this.height(), "px"));
|
|
1195
1200
|
};
|
|
1196
1201
|
Border2.prototype.targetNull = function (w) {
|
|
1197
1202
|
if (w) {
|
|
@@ -1211,8 +1216,8 @@
|
|
|
1211
1216
|
var b = this[sectionB]();
|
|
1212
1217
|
this.targetNull(a);
|
|
1213
1218
|
this.targetNull(b);
|
|
1214
|
-
this["_"
|
|
1215
|
-
this["_"
|
|
1219
|
+
this["_".concat(sectionA, "WA")].widget(null);
|
|
1220
|
+
this["_".concat(sectionB, "WA")].widget(null);
|
|
1216
1221
|
this[sectionA](b);
|
|
1217
1222
|
this[sectionB](a);
|
|
1218
1223
|
return this;
|
|
@@ -1259,7 +1264,7 @@
|
|
|
1259
1264
|
})
|
|
1260
1265
|
.render();
|
|
1261
1266
|
}
|
|
1262
|
-
this._bodyElement.style("height", bodyHeight
|
|
1267
|
+
this._bodyElement.style("height", "".concat(bodyHeight, "px"));
|
|
1263
1268
|
promises = [
|
|
1264
1269
|
this._topWA
|
|
1265
1270
|
.overflowX(this.topOverflowX())
|
|
@@ -1346,8 +1351,8 @@
|
|
|
1346
1351
|
Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", undefined, { render: false });
|
|
1347
1352
|
Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", undefined, { optional: true });
|
|
1348
1353
|
|
|
1349
|
-
var css_248z$
|
|
1350
|
-
styleInject(css_248z$
|
|
1354
|
+
var css_248z$7 = ".layout_Carousel>div{overflow:hidden;position:relative}.layout_Carousel>div>.carouselItem{position:absolute}";
|
|
1355
|
+
styleInject(css_248z$7);
|
|
1351
1356
|
|
|
1352
1357
|
var Carousel = /** @class */ (function (_super) {
|
|
1353
1358
|
__extends(Carousel, _super);
|
|
@@ -1362,7 +1367,7 @@
|
|
|
1362
1367
|
Carousel.prototype.enter = function (domNode, element) {
|
|
1363
1368
|
_super.prototype.enter.call(this, domNode, element);
|
|
1364
1369
|
this._root = element.append("div")
|
|
1365
|
-
.attr("id", this.id()
|
|
1370
|
+
.attr("id", "".concat(this.id(), "_root"));
|
|
1366
1371
|
};
|
|
1367
1372
|
Carousel.prototype.update = function (domNode, element) {
|
|
1368
1373
|
var _this = this;
|
|
@@ -1370,22 +1375,22 @@
|
|
|
1370
1375
|
var active = this.active();
|
|
1371
1376
|
var width = this.width();
|
|
1372
1377
|
this._root
|
|
1373
|
-
.style("width", width
|
|
1374
|
-
.style("height", this.height()
|
|
1375
|
-
var widgetElements = this._root.selectAll("#"
|
|
1378
|
+
.style("width", "".concat(width, "px"))
|
|
1379
|
+
.style("height", "".concat(this.height(), "px"));
|
|
1380
|
+
var widgetElements = this._root.selectAll("#".concat(this.id(), "_root > .carouselItem")).data(this.widgets(), function (d) { return d.id(); });
|
|
1376
1381
|
var update = widgetElements.enter().append("div")
|
|
1377
1382
|
.attr("class", "carouselItem")
|
|
1378
1383
|
.each(function (w) {
|
|
1379
1384
|
w.target(this);
|
|
1380
1385
|
})
|
|
1381
1386
|
.merge(widgetElements)
|
|
1382
|
-
.style("left", function (d, i) { return (i - _this._prevActive) * width
|
|
1383
|
-
.style("width", width
|
|
1387
|
+
.style("left", function (d, i) { return "".concat((i - _this._prevActive) * width, "px"); })
|
|
1388
|
+
.style("width", "".concat(width, "px"));
|
|
1384
1389
|
if (this._prevActive !== active) {
|
|
1385
1390
|
update
|
|
1386
1391
|
.style("display", function (d, i) { return i === _this._prevActive || i === active ? null : "none"; }) // Must be called before render callback (not inside transition)
|
|
1387
1392
|
.transition().duration(this.transitionDuration())
|
|
1388
|
-
.style("left", function (d, i) { return (i - active) * width
|
|
1393
|
+
.style("left", function (d, i) { return "".concat((i - active) * width, "px"); })
|
|
1389
1394
|
.on("end", function (d, i) {
|
|
1390
1395
|
common.select(this).style("display", function () { return i === active ? null : "none"; });
|
|
1391
1396
|
});
|
|
@@ -1430,10 +1435,10 @@
|
|
|
1430
1435
|
Carousel.prototype.publish("active", 0, "number", "Active widget");
|
|
1431
1436
|
Carousel.prototype.publish("transitionDuration", 500, "number", "Transition duration");
|
|
1432
1437
|
|
|
1433
|
-
var pi = Math.PI,
|
|
1434
|
-
tau = 2 * pi,
|
|
1438
|
+
var pi$1 = Math.PI,
|
|
1439
|
+
tau$1 = 2 * pi$1,
|
|
1435
1440
|
epsilon = 1e-6,
|
|
1436
|
-
tauEpsilon = tau - epsilon;
|
|
1441
|
+
tauEpsilon = tau$1 - epsilon;
|
|
1437
1442
|
|
|
1438
1443
|
function Path() {
|
|
1439
1444
|
this._x0 = this._y0 = // start of current subpath
|
|
@@ -1501,7 +1506,7 @@
|
|
|
1501
1506
|
l20_2 = x20 * x20 + y20 * y20,
|
|
1502
1507
|
l21 = Math.sqrt(l21_2),
|
|
1503
1508
|
l01 = Math.sqrt(l01_2),
|
|
1504
|
-
l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1509
|
+
l = r * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1505
1510
|
t01 = l / l01,
|
|
1506
1511
|
t21 = l / l21;
|
|
1507
1512
|
|
|
@@ -1539,7 +1544,7 @@
|
|
|
1539
1544
|
if (!r) return;
|
|
1540
1545
|
|
|
1541
1546
|
// Does the angle go the wrong way? Flip the direction.
|
|
1542
|
-
if (da < 0) da = da % tau + tau;
|
|
1547
|
+
if (da < 0) da = da % tau$1 + tau$1;
|
|
1543
1548
|
|
|
1544
1549
|
// Is this a complete circle? Draw two arcs to complete the circle.
|
|
1545
1550
|
if (da > tauEpsilon) {
|
|
@@ -1548,7 +1553,7 @@
|
|
|
1548
1553
|
|
|
1549
1554
|
// Is this arc non-empty? Draw an arc!
|
|
1550
1555
|
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));
|
|
1556
|
+
this._ += "A" + r + "," + r + ",0," + (+(da >= pi$1)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
|
|
1552
1557
|
}
|
|
1553
1558
|
},
|
|
1554
1559
|
rect: function(x, y, w, h) {
|
|
@@ -1565,14 +1570,14 @@
|
|
|
1565
1570
|
};
|
|
1566
1571
|
}
|
|
1567
1572
|
|
|
1568
|
-
var pi
|
|
1569
|
-
var tau
|
|
1573
|
+
var pi = Math.PI;
|
|
1574
|
+
var tau = 2 * pi;
|
|
1570
1575
|
|
|
1571
1576
|
var d3SymbolCircle = {
|
|
1572
1577
|
draw: function(context, size) {
|
|
1573
|
-
var r = Math.sqrt(size / pi
|
|
1578
|
+
var r = Math.sqrt(size / pi);
|
|
1574
1579
|
context.moveTo(r, 0);
|
|
1575
|
-
context.arc(0, 0, r, 0, tau
|
|
1580
|
+
context.arc(0, 0, r, 0, tau);
|
|
1576
1581
|
}
|
|
1577
1582
|
};
|
|
1578
1583
|
|
|
@@ -1611,9 +1616,9 @@
|
|
|
1611
1616
|
};
|
|
1612
1617
|
|
|
1613
1618
|
var ka = 0.89081309152928522810,
|
|
1614
|
-
kr = Math.sin(pi
|
|
1615
|
-
kx = Math.sin(tau
|
|
1616
|
-
ky = -Math.cos(tau
|
|
1619
|
+
kr = Math.sin(pi / 10) / Math.sin(7 * pi / 10),
|
|
1620
|
+
kx = Math.sin(tau / 10) * kr,
|
|
1621
|
+
ky = -Math.cos(tau / 10) * kr;
|
|
1617
1622
|
|
|
1618
1623
|
var d3SymbolStar = {
|
|
1619
1624
|
draw: function(context, size) {
|
|
@@ -1623,7 +1628,7 @@
|
|
|
1623
1628
|
context.moveTo(0, -r);
|
|
1624
1629
|
context.lineTo(x, y);
|
|
1625
1630
|
for (var i = 1; i < 5; ++i) {
|
|
1626
|
-
var a = tau
|
|
1631
|
+
var a = tau * i / 5,
|
|
1627
1632
|
c = Math.cos(a),
|
|
1628
1633
|
s = Math.sin(a);
|
|
1629
1634
|
context.lineTo(s * r, -c * r);
|
|
@@ -1732,10 +1737,10 @@
|
|
|
1732
1737
|
words = text.text().split(/\s+/).reverse(),
|
|
1733
1738
|
word,
|
|
1734
1739
|
line = [],
|
|
1735
|
-
lineHeight = 1.2
|
|
1740
|
+
lineHeight = 1.2;
|
|
1736
1741
|
//ems
|
|
1737
|
-
|
|
1738
|
-
dy = parseFloat(text.attr("dy")) || 0,
|
|
1742
|
+
text.attr("y");
|
|
1743
|
+
var dy = parseFloat(text.attr("dy")) || 0,
|
|
1739
1744
|
tspan = text.text(null).append("tspan").attr("x", 0).attr("dy", dy + "em");
|
|
1740
1745
|
|
|
1741
1746
|
while (word = words.pop()) {
|
|
@@ -1756,9 +1761,9 @@
|
|
|
1756
1761
|
var labels = arguments[1];
|
|
1757
1762
|
var domain = arguments[2];
|
|
1758
1763
|
var range = arguments[3];
|
|
1764
|
+
var labelDelimiter = arguments[4];
|
|
1759
1765
|
|
|
1760
|
-
|
|
1761
|
-
if ((typeof labels === 'undefined' ? 'undefined' : _typeof(labels)) === "object") {
|
|
1766
|
+
if ((typeof labels === "undefined" ? "undefined" : _typeof(labels)) === "object") {
|
|
1762
1767
|
if (labels.length === 0) return gen;
|
|
1763
1768
|
|
|
1764
1769
|
var i = labels.length;
|
|
@@ -1775,7 +1780,9 @@
|
|
|
1775
1780
|
genLength: genLength,
|
|
1776
1781
|
generatedLabels: gen,
|
|
1777
1782
|
domain: domain,
|
|
1778
|
-
range: range
|
|
1783
|
+
range: range,
|
|
1784
|
+
labelDelimiter: labelDelimiter
|
|
1785
|
+
}));
|
|
1779
1786
|
}
|
|
1780
1787
|
return customLabels;
|
|
1781
1788
|
}
|
|
@@ -1799,11 +1806,13 @@
|
|
|
1799
1806
|
}
|
|
1800
1807
|
|
|
1801
1808
|
var labels = data.map(labelFormat);
|
|
1802
|
-
return {
|
|
1809
|
+
return {
|
|
1810
|
+
data: data,
|
|
1803
1811
|
labels: labels,
|
|
1804
1812
|
feature: function feature(d) {
|
|
1805
1813
|
return scale(d);
|
|
1806
|
-
}
|
|
1814
|
+
}
|
|
1815
|
+
};
|
|
1807
1816
|
};
|
|
1808
1817
|
|
|
1809
1818
|
var d3_quantLegend = function d3_quantLegend(scale, labelFormat, labelDelimiter) {
|
|
@@ -1812,18 +1821,21 @@
|
|
|
1812
1821
|
return labelFormat(invert[0]) + " " + labelDelimiter + " " + labelFormat(invert[1]);
|
|
1813
1822
|
});
|
|
1814
1823
|
|
|
1815
|
-
return {
|
|
1824
|
+
return {
|
|
1825
|
+
data: scale.range(),
|
|
1816
1826
|
labels: labels,
|
|
1817
1827
|
feature: d3_identity
|
|
1818
1828
|
};
|
|
1819
1829
|
};
|
|
1820
1830
|
|
|
1821
1831
|
var d3_ordinalLegend = function d3_ordinalLegend(scale) {
|
|
1822
|
-
return {
|
|
1832
|
+
return {
|
|
1833
|
+
data: scale.domain(),
|
|
1823
1834
|
labels: scale.domain(),
|
|
1824
1835
|
feature: function feature(d) {
|
|
1825
1836
|
return scale(d);
|
|
1826
|
-
}
|
|
1837
|
+
}
|
|
1838
|
+
};
|
|
1827
1839
|
};
|
|
1828
1840
|
|
|
1829
1841
|
var d3_cellOver = function d3_cellOver(cellDispatcher, d, obj) {
|
|
@@ -1839,7 +1851,6 @@
|
|
|
1839
1851
|
};
|
|
1840
1852
|
|
|
1841
1853
|
var helper = {
|
|
1842
|
-
|
|
1843
1854
|
d3_drawShapes: function d3_drawShapes(shape, shapes, shapeHeight, shapeWidth, shapeRadius, path) {
|
|
1844
1855
|
if (shape === "rect") {
|
|
1845
1856
|
shapes.attr("height", shapeHeight).attr("width", shapeWidth);
|
|
@@ -1854,10 +1865,10 @@
|
|
|
1854
1865
|
|
|
1855
1866
|
d3_addText: function d3_addText(svg, enter, labels, classPrefix, labelWidth) {
|
|
1856
1867
|
enter.append("text").attr("class", classPrefix + "label");
|
|
1857
|
-
var text = svg.selectAll(
|
|
1868
|
+
var text = svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").data(labels).text(d3_identity);
|
|
1858
1869
|
|
|
1859
1870
|
if (labelWidth) {
|
|
1860
|
-
svg.selectAll(
|
|
1871
|
+
svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").call(d3_textWrapping, labelWidth);
|
|
1861
1872
|
}
|
|
1862
1873
|
|
|
1863
1874
|
return text;
|
|
@@ -1868,7 +1879,7 @@
|
|
|
1868
1879
|
|
|
1869
1880
|
//for d3.scaleSequential that doesn't have a range function
|
|
1870
1881
|
var range = scale.range && scale.range() || scale.domain();
|
|
1871
|
-
type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range);
|
|
1882
|
+
type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range, labelDelimiter);
|
|
1872
1883
|
|
|
1873
1884
|
if (ascending) {
|
|
1874
1885
|
type.labels = d3_reverse(type.labels);
|
|
@@ -1917,25 +1928,24 @@
|
|
|
1917
1928
|
|
|
1918
1929
|
d3_title: function d3_title(svg, title, classPrefix, titleWidth) {
|
|
1919
1930
|
if (title !== "") {
|
|
1931
|
+
var titleText = svg.selectAll("text." + classPrefix + "legendTitle");
|
|
1920
1932
|
|
|
1921
|
-
|
|
1933
|
+
titleText.data([title]).enter().append("text").attr("class", classPrefix + "legendTitle");
|
|
1922
1934
|
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
svg.selectAll('text.' + classPrefix + 'legendTitle').text(title);
|
|
1935
|
+
svg.selectAll("text." + classPrefix + "legendTitle").text(title);
|
|
1926
1936
|
|
|
1927
1937
|
if (titleWidth) {
|
|
1928
|
-
svg.selectAll(
|
|
1938
|
+
svg.selectAll("text." + classPrefix + "legendTitle").call(d3_textWrapping, titleWidth);
|
|
1929
1939
|
}
|
|
1930
1940
|
|
|
1931
|
-
var cellsSvg = svg.select(
|
|
1932
|
-
var yOffset = svg.select(
|
|
1941
|
+
var cellsSvg = svg.select("." + classPrefix + "legendCells");
|
|
1942
|
+
var yOffset = svg.select("." + classPrefix + "legendTitle").nodes().map(function (d) {
|
|
1933
1943
|
return d.getBBox().height;
|
|
1934
1944
|
})[0],
|
|
1935
1945
|
xOffset = -cellsSvg.nodes().map(function (d) {
|
|
1936
1946
|
return d.getBBox().x;
|
|
1937
1947
|
})[0];
|
|
1938
|
-
cellsSvg.attr(
|
|
1948
|
+
cellsSvg.attr("transform", "translate(" + xOffset + "," + yOffset + ")");
|
|
1939
1949
|
}
|
|
1940
1950
|
},
|
|
1941
1951
|
|
|
@@ -1944,9 +1954,9 @@
|
|
|
1944
1954
|
formatPrefix: common.formatPrefix
|
|
1945
1955
|
},
|
|
1946
1956
|
|
|
1947
|
-
d3_defaultFormatSpecifier:
|
|
1957
|
+
d3_defaultFormatSpecifier: ".01f",
|
|
1948
1958
|
|
|
1949
|
-
d3_defaultDelimiter:
|
|
1959
|
+
d3_defaultDelimiter: "to"
|
|
1950
1960
|
};
|
|
1951
1961
|
|
|
1952
1962
|
function color() {
|
|
@@ -2391,7 +2401,7 @@
|
|
|
2391
2401
|
var disabled = this.isDisabled(n[0]);
|
|
2392
2402
|
if (!disabled)
|
|
2393
2403
|
total += val_1;
|
|
2394
|
-
var label = n[0] + (!disabled && this.showSeriesTotal() ? " ("
|
|
2404
|
+
var label = n[0] + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
|
|
2395
2405
|
var textSize = this.textSize(label);
|
|
2396
2406
|
if (maxLabelWidth < textSize.width)
|
|
2397
2407
|
maxLabelWidth = textSize.width;
|
|
@@ -2403,7 +2413,7 @@
|
|
|
2403
2413
|
dataArr = widgetColumns.filter(function (n, i) { return i > 0; }).map(function (n, i) {
|
|
2404
2414
|
val_1 = this.data().reduce(function (acc, n) { return acc + n[i + 1]; }, 0);
|
|
2405
2415
|
var disabled = this.isDisabled(columns_1[i + 1]);
|
|
2406
|
-
var label = n + (!disabled && this.showSeriesTotal() ? " ("
|
|
2416
|
+
var label = n + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
|
|
2407
2417
|
if (!disabled)
|
|
2408
2418
|
total += val_1;
|
|
2409
2419
|
var textSize = this.textSize(label);
|
|
@@ -2492,7 +2502,7 @@
|
|
|
2492
2502
|
offsetY += (extraHeight / 2);
|
|
2493
2503
|
}
|
|
2494
2504
|
}
|
|
2495
|
-
this._g.attr("transform", "translate("
|
|
2505
|
+
this._g.attr("transform", "translate(".concat(offsetX, ", ").concat(offsetY, ")"));
|
|
2496
2506
|
this.pos({
|
|
2497
2507
|
x: 0,
|
|
2498
2508
|
y: 0
|
|
@@ -2500,7 +2510,7 @@
|
|
|
2500
2510
|
this._legendOrdinal
|
|
2501
2511
|
.labelOffset(this.itemPadding());
|
|
2502
2512
|
var legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
|
|
2503
|
-
var totalText = "Total: "
|
|
2513
|
+
var totalText = "Total: ".concat(total);
|
|
2504
2514
|
var totalOffsetX = -offsetX;
|
|
2505
2515
|
var totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
|
|
2506
2516
|
this.enableOverflowScroll(false);
|
|
@@ -2510,7 +2520,7 @@
|
|
|
2510
2520
|
.append("text")
|
|
2511
2521
|
.classed("legendTotal", true)
|
|
2512
2522
|
.merge(legendTotal)
|
|
2513
|
-
.attr("transform", "translate("
|
|
2523
|
+
.attr("transform", "translate(".concat(totalOffsetX, ", ").concat(totalOffsetY, ")"))
|
|
2514
2524
|
.text(totalText);
|
|
2515
2525
|
legendTotal.exit().remove();
|
|
2516
2526
|
};
|
|
@@ -2608,14 +2618,8 @@
|
|
|
2608
2618
|
}
|
|
2609
2619
|
};
|
|
2610
2620
|
Legend.prototype.onDblClick = function (rowData, rowIdx) {
|
|
2611
|
-
console.log("Legend onDblClick method");
|
|
2612
|
-
console.log("rowData: " + rowData);
|
|
2613
|
-
console.log("rowIdx: " + rowIdx);
|
|
2614
2621
|
};
|
|
2615
2622
|
Legend.prototype.onMouseOver = function (rowData, rowIdx) {
|
|
2616
|
-
console.log("Legend onMouseOver method");
|
|
2617
|
-
console.log("rowData: " + rowData);
|
|
2618
|
-
console.log("rowIdx: " + rowIdx);
|
|
2619
2623
|
};
|
|
2620
2624
|
Legend.prototype.resize = function (_size) {
|
|
2621
2625
|
var retVal;
|
|
@@ -2652,8 +2656,8 @@
|
|
|
2652
2656
|
Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
|
|
2653
2657
|
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
2658
|
|
|
2655
|
-
var css_248z$
|
|
2656
|
-
styleInject(css_248z$
|
|
2659
|
+
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}";
|
|
2660
|
+
styleInject(css_248z$6);
|
|
2657
2661
|
|
|
2658
2662
|
var Modal = /** @class */ (function (_super) {
|
|
2659
2663
|
__extends(Modal, _super);
|
|
@@ -2716,8 +2720,8 @@
|
|
|
2716
2720
|
var modalRect = this.setModalSize();
|
|
2717
2721
|
if (this.fixedTop() !== null && this.fixedLeft() !== null) {
|
|
2718
2722
|
this._modal
|
|
2719
|
-
.style("top", "calc("
|
|
2720
|
-
.style("left", "calc("
|
|
2723
|
+
.style("top", "calc(".concat(this.fixedTop(), " + ").concat(rect.top, "px)"))
|
|
2724
|
+
.style("left", "calc(".concat(this.fixedLeft(), " + ").concat(rect.left, "px)"));
|
|
2721
2725
|
}
|
|
2722
2726
|
else if (this.fixedHeight() !== null && this.fixedWidth() !== null) {
|
|
2723
2727
|
this._modal
|
|
@@ -2775,7 +2779,7 @@
|
|
|
2775
2779
|
.style("height", header_h + "px");
|
|
2776
2780
|
this._modalBody = this._modal.append("div")
|
|
2777
2781
|
.classed("layout_Modal-body", true)
|
|
2778
|
-
.style("height", "calc( 100% - "
|
|
2782
|
+
.style("height", "calc( 100% - ".concat(header_h, "px )"))
|
|
2779
2783
|
.style("overflow-x", this.overflowX())
|
|
2780
2784
|
.style("overflow-y", this.overflowY());
|
|
2781
2785
|
this._modalHeader.append("div")
|
|
@@ -2858,8 +2862,8 @@
|
|
|
2858
2862
|
Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
|
|
2859
2863
|
Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
|
|
2860
2864
|
|
|
2861
|
-
var css_248z$
|
|
2862
|
-
styleInject(css_248z$
|
|
2865
|
+
var css_248z$5 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
|
|
2866
|
+
styleInject(css_248z$5);
|
|
2863
2867
|
|
|
2864
2868
|
var ChartPanel = /** @class */ (function (_super) {
|
|
2865
2869
|
__extends(ChartPanel, _super);
|
|
@@ -3019,7 +3023,7 @@
|
|
|
3019
3023
|
};
|
|
3020
3024
|
ChartPanel.prototype.highlightColumn = function (column) {
|
|
3021
3025
|
if (column) {
|
|
3022
|
-
var cssTag_1 = "series-"
|
|
3026
|
+
var cssTag_1 = "series-".concat(this.cssTag(column));
|
|
3023
3027
|
this._centerWA.element().selectAll(".series")
|
|
3024
3028
|
.each(function () {
|
|
3025
3029
|
var element = common.select(this);
|
|
@@ -3083,7 +3087,7 @@
|
|
|
3083
3087
|
element.selectAll("lhs").style("display", "none");
|
|
3084
3088
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
3085
3089
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3086
|
-
element.style("transform", "scale("
|
|
3090
|
+
element.style("transform", "scale(".concat(this._scale, ")"));
|
|
3087
3091
|
};
|
|
3088
3092
|
ChartPanel.prototype.preUpdateRegular = function (element) {
|
|
3089
3093
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
@@ -3153,7 +3157,7 @@
|
|
|
3153
3157
|
break;
|
|
3154
3158
|
}
|
|
3155
3159
|
}
|
|
3156
|
-
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px "
|
|
3160
|
+
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px ".concat(this.highlightSize(), "px ").concat(this.highlightColor()) : "none");
|
|
3157
3161
|
if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
|
|
3158
3162
|
this._spacer.visible(false);
|
|
3159
3163
|
this._toggleLegend.visible(false);
|
|
@@ -3166,10 +3170,10 @@
|
|
|
3166
3170
|
this._prevChart = chart;
|
|
3167
3171
|
var widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : undefined;
|
|
3168
3172
|
if (widgetIconBar && widgetIconBar instanceof common.IconBar) {
|
|
3169
|
-
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons());
|
|
3170
|
-
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()), [
|
|
3173
|
+
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons(), true);
|
|
3174
|
+
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons(), true), [
|
|
3171
3175
|
new common.Spacer()
|
|
3172
|
-
]), this._prevButtons);
|
|
3176
|
+
], false), this._prevButtons, true);
|
|
3173
3177
|
widgetIconBar.buttons([]).render();
|
|
3174
3178
|
this.buttons(buttons);
|
|
3175
3179
|
}
|
|
@@ -3224,12 +3228,12 @@
|
|
|
3224
3228
|
var icon_top = containerRect.height / 2;
|
|
3225
3229
|
iconDiv
|
|
3226
3230
|
.style("position", "absolute")
|
|
3227
|
-
.style("left", "calc(50% - "
|
|
3228
|
-
.style("top", icon_top - (rect.height / 2)
|
|
3231
|
+
.style("left", "calc(50% - ".concat(rect.width / 2, "px)"))
|
|
3232
|
+
.style("top", "".concat(icon_top - (rect.height / 2), "px"));
|
|
3229
3233
|
element.selectAll("div.data-count")
|
|
3230
3234
|
.style("position", "absolute")
|
|
3231
|
-
.style("left", "calc(50% + "
|
|
3232
|
-
.style("top", icon_top - (rect.height / 2)
|
|
3235
|
+
.style("left", "calc(50% + ".concat(rect.width / 2, "px)"))
|
|
3236
|
+
.style("top", "".concat(icon_top - (rect.height / 2), "px"));
|
|
3233
3237
|
}
|
|
3234
3238
|
};
|
|
3235
3239
|
ChartPanel.prototype.postUpdateSmall = function (element) {
|
|
@@ -3239,7 +3243,7 @@
|
|
|
3239
3243
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3240
3244
|
var rect = element.node().getBoundingClientRect();
|
|
3241
3245
|
var parentRect = element.node().parentElement.getBoundingClientRect();
|
|
3242
|
-
element.style("transform", "translate("
|
|
3246
|
+
element.style("transform", "translate(".concat(parentRect.x - rect.x, "px, ").concat(parentRect.y - rect.y, "px) scale(").concat(this._scale, ")"));
|
|
3243
3247
|
};
|
|
3244
3248
|
ChartPanel.prototype.postUpdateRegular = function (element) {
|
|
3245
3249
|
element.selectAll("div.title-icon").style("position", "static");
|
|
@@ -3357,8 +3361,8 @@
|
|
|
3357
3361
|
return this;
|
|
3358
3362
|
};
|
|
3359
3363
|
|
|
3360
|
-
var css_248z$
|
|
3361
|
-
styleInject(css_248z$
|
|
3364
|
+
var css_248z$4 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{border-style:solid;flex-grow:1;overflow:hidden}";
|
|
3365
|
+
styleInject(css_248z$4);
|
|
3362
3366
|
|
|
3363
3367
|
var FlexGrid = /** @class */ (function (_super) {
|
|
3364
3368
|
__extends(FlexGrid, _super);
|
|
@@ -3462,21 +3466,9 @@
|
|
|
3462
3466
|
|
|
3463
3467
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
3464
3468
|
|
|
3465
|
-
|
|
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
|
-
}
|
|
3469
|
+
var gridList$1 = {exports: {}};
|
|
3474
3470
|
|
|
3475
|
-
function
|
|
3476
|
-
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
3477
|
-
}
|
|
3478
|
-
|
|
3479
|
-
var gridList = createCommonjsModule(function (module, exports) {
|
|
3471
|
+
(function (module, exports) {
|
|
3480
3472
|
(function (root, factory) {
|
|
3481
3473
|
{
|
|
3482
3474
|
// Node. Does not work with strict CommonJS, but
|
|
@@ -4163,15 +4155,17 @@
|
|
|
4163
4155
|
return GridList;
|
|
4164
4156
|
|
|
4165
4157
|
}));
|
|
4166
|
-
});
|
|
4158
|
+
}(gridList$1));
|
|
4167
4159
|
|
|
4168
|
-
var
|
|
4169
|
-
'default': gridList,
|
|
4170
|
-
__moduleExports: gridList
|
|
4171
|
-
}));
|
|
4160
|
+
var gridList = gridList$1.exports;
|
|
4172
4161
|
|
|
4173
|
-
var
|
|
4174
|
-
|
|
4162
|
+
var _GridList = /*#__PURE__*/_mergeNamespaces({
|
|
4163
|
+
__proto__: null,
|
|
4164
|
+
'default': gridList
|
|
4165
|
+
}, [gridList$1.exports]);
|
|
4166
|
+
|
|
4167
|
+
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}";
|
|
4168
|
+
styleInject(css_248z$3);
|
|
4175
4169
|
|
|
4176
4170
|
var GridList = (_GridList && gridList) || _GridList;
|
|
4177
4171
|
var Grid = /** @class */ (function (_super) {
|
|
@@ -4659,8 +4653,8 @@
|
|
|
4659
4653
|
}(FlexGrid));
|
|
4660
4654
|
HorizontalList.prototype._class += " layout_HorizontalList";
|
|
4661
4655
|
|
|
4662
|
-
var css_248z$
|
|
4663
|
-
styleInject(css_248z$
|
|
4656
|
+
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}";
|
|
4657
|
+
styleInject(css_248z$2);
|
|
4664
4658
|
|
|
4665
4659
|
var Layered = /** @class */ (function (_super) {
|
|
4666
4660
|
__extends(Layered, _super);
|
|
@@ -4705,7 +4699,6 @@
|
|
|
4705
4699
|
};
|
|
4706
4700
|
var widgetSize = context.widgetSize(idx, clientSize);
|
|
4707
4701
|
var widgetPosition = context.widgetPosition(idx, clientSize, widgetSize);
|
|
4708
|
-
console.log("widgetPosition", widgetPosition);
|
|
4709
4702
|
this.style.top = widgetPosition.y + "px";
|
|
4710
4703
|
this.style.left = widgetPosition.x + "px";
|
|
4711
4704
|
widget
|
|
@@ -4841,7 +4834,6 @@
|
|
|
4841
4834
|
_super.prototype.exit.call(this, domNode, element);
|
|
4842
4835
|
};
|
|
4843
4836
|
Popup.prototype.click = function (obj) {
|
|
4844
|
-
console.log("Clicked: " + obj.id);
|
|
4845
4837
|
};
|
|
4846
4838
|
return Popup;
|
|
4847
4839
|
}(common.HTMLWidget));
|
|
@@ -4856,8 +4848,8 @@
|
|
|
4856
4848
|
Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
|
|
4857
4849
|
Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
|
|
4858
4850
|
|
|
4859
|
-
var css_248z$
|
|
4860
|
-
styleInject(css_248z$
|
|
4851
|
+
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}";
|
|
4852
|
+
styleInject(css_248z$1);
|
|
4861
4853
|
|
|
4862
4854
|
var Tabbed = /** @class */ (function (_super) {
|
|
4863
4855
|
__extends(Tabbed, _super);
|
|
@@ -4979,8 +4971,8 @@
|
|
|
4979
4971
|
Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
|
|
4980
4972
|
Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
|
|
4981
4973
|
|
|
4982
|
-
var css_248z
|
|
4983
|
-
styleInject(css_248z
|
|
4974
|
+
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%)}";
|
|
4975
|
+
styleInject(css_248z);
|
|
4984
4976
|
|
|
4985
4977
|
function Toolbar() {
|
|
4986
4978
|
common.HTMLWidget.call(this);
|
|
@@ -5095,5 +5087,5 @@
|
|
|
5095
5087
|
|
|
5096
5088
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5097
5089
|
|
|
5098
|
-
}))
|
|
5090
|
+
}));
|
|
5099
5091
|
//# sourceMappingURL=index.js.map
|