@hpcc-js/layout 2.46.1 → 2.47.4
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 +138 -145
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +143 -150
- 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/ChartPanel.ts +3 -2
- 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/ChartPanel.d.ts +1 -1
- package/types/ChartPanel.d.ts.map +1 -1
- 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-3.4/ChartPanel.d.ts +1 -1
- package/types-3.4/__package__.d.ts +2 -2
package/dist/index.es6.js
CHANGED
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import { HTMLWidget, FAChar, select, selectAll, d3Event, Platform, drag, Utility, scaleLinear, dispatch, formatLocale, formatSpecifier, format, formatPrefix, sum, Database, Palette, scaleOrdinal, SVGWidget, IconBar, Spacer, ProgressBar, ToggleButton, Text, Button, TitleBar } from '@hpcc-js/common';
|
|
2
|
-
import { Table } from '@hpcc-js/
|
|
2
|
+
import { Table } from '@hpcc-js/dgrid2';
|
|
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.4";
|
|
22
|
+
var BUILD_VERSION = "2.103.0";
|
|
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);
|
|
@@ -415,7 +430,6 @@ var Surface = /** @class */ (function (_super) {
|
|
|
415
430
|
};
|
|
416
431
|
// Events ---
|
|
417
432
|
Surface.prototype.click = function (obj) {
|
|
418
|
-
console.log("Clicked: " + obj.id);
|
|
419
433
|
};
|
|
420
434
|
return Surface;
|
|
421
435
|
}(HTMLWidget));
|
|
@@ -438,8 +452,8 @@ Surface.prototype.publish("surfaceBorderRadius", null, "number", "Surface Border
|
|
|
438
452
|
Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
|
|
439
453
|
Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
|
|
440
454
|
|
|
441
|
-
var css_248z$
|
|
442
|
-
styleInject(css_248z$
|
|
455
|
+
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}";
|
|
456
|
+
styleInject(css_248z$a);
|
|
443
457
|
|
|
444
458
|
var Cell = /** @class */ (function (_super) {
|
|
445
459
|
__extends(Cell, _super);
|
|
@@ -503,8 +517,8 @@ Cell.prototype.publish("indicatorGlowColor", "#EEEE11", "html-color", "Glow colo
|
|
|
503
517
|
Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
|
|
504
518
|
Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
|
|
505
519
|
|
|
506
|
-
var css_248z$
|
|
507
|
-
styleInject(css_248z$
|
|
520
|
+
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}";
|
|
521
|
+
styleInject(css_248z$9);
|
|
508
522
|
|
|
509
523
|
var Border = /** @class */ (function (_super) {
|
|
510
524
|
__extends(Border, _super);
|
|
@@ -570,19 +584,10 @@ var Border = /** @class */ (function (_super) {
|
|
|
570
584
|
var leftPerc;
|
|
571
585
|
var rightSize;
|
|
572
586
|
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;
|
|
587
|
+
this.target().getBoundingClientRect();
|
|
579
588
|
if (this.target() instanceof SVGElement) {
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
}
|
|
583
|
-
else {
|
|
584
|
-
gridRect.width = bcRect.width;
|
|
585
|
-
gridRect.height = bcRect.height;
|
|
589
|
+
parseFloat(this.target().getAttribute("width"));
|
|
590
|
+
parseFloat(this.target().getAttribute("height"));
|
|
586
591
|
}
|
|
587
592
|
if (this.sectionTypes().indexOf("top") !== -1) {
|
|
588
593
|
topSize = this.topSize();
|
|
@@ -1030,8 +1035,8 @@ Border.prototype.publish("bottomPercentage", 20, "number", "Percentage (of paren
|
|
|
1030
1035
|
Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
|
|
1031
1036
|
Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
|
|
1032
1037
|
|
|
1033
|
-
var css_248z$
|
|
1034
|
-
styleInject(css_248z$
|
|
1038
|
+
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}";
|
|
1039
|
+
styleInject(css_248z$8);
|
|
1035
1040
|
|
|
1036
1041
|
var WidgetDiv = /** @class */ (function () {
|
|
1037
1042
|
function WidgetDiv(div) {
|
|
@@ -1083,8 +1088,8 @@ var WidgetDiv = /** @class */ (function () {
|
|
|
1083
1088
|
WidgetDiv.prototype.resize = function (size) {
|
|
1084
1089
|
if (this._widget) {
|
|
1085
1090
|
this._div
|
|
1086
|
-
.style("width", size.width
|
|
1087
|
-
.style("height", size.height
|
|
1091
|
+
.style("width", "".concat(size.width, "px"))
|
|
1092
|
+
.style("height", "".concat(size.height, "px"));
|
|
1088
1093
|
this._widget.resize(size);
|
|
1089
1094
|
}
|
|
1090
1095
|
return this;
|
|
@@ -1188,8 +1193,8 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1188
1193
|
this._leftWA.overflowY(this.leftOverflowY());
|
|
1189
1194
|
}
|
|
1190
1195
|
this.element()
|
|
1191
|
-
.style("width", this.width()
|
|
1192
|
-
.style("height", this.height()
|
|
1196
|
+
.style("width", "".concat(this.width(), "px"))
|
|
1197
|
+
.style("height", "".concat(this.height(), "px"));
|
|
1193
1198
|
};
|
|
1194
1199
|
Border2.prototype.targetNull = function (w) {
|
|
1195
1200
|
if (w) {
|
|
@@ -1209,8 +1214,8 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1209
1214
|
var b = this[sectionB]();
|
|
1210
1215
|
this.targetNull(a);
|
|
1211
1216
|
this.targetNull(b);
|
|
1212
|
-
this["_"
|
|
1213
|
-
this["_"
|
|
1217
|
+
this["_".concat(sectionA, "WA")].widget(null);
|
|
1218
|
+
this["_".concat(sectionB, "WA")].widget(null);
|
|
1214
1219
|
this[sectionA](b);
|
|
1215
1220
|
this[sectionB](a);
|
|
1216
1221
|
return this;
|
|
@@ -1257,7 +1262,7 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1257
1262
|
})
|
|
1258
1263
|
.render();
|
|
1259
1264
|
}
|
|
1260
|
-
this._bodyElement.style("height", bodyHeight
|
|
1265
|
+
this._bodyElement.style("height", "".concat(bodyHeight, "px"));
|
|
1261
1266
|
promises = [
|
|
1262
1267
|
this._topWA
|
|
1263
1268
|
.overflowX(this.topOverflowX())
|
|
@@ -1344,8 +1349,8 @@ Border2.prototype.publish("right", null, "widget", "Right Widget", undefined, {
|
|
|
1344
1349
|
Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", undefined, { render: false });
|
|
1345
1350
|
Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", undefined, { optional: true });
|
|
1346
1351
|
|
|
1347
|
-
var css_248z$
|
|
1348
|
-
styleInject(css_248z$
|
|
1352
|
+
var css_248z$7 = ".layout_Carousel>div{overflow:hidden;position:relative}.layout_Carousel>div>.carouselItem{position:absolute}";
|
|
1353
|
+
styleInject(css_248z$7);
|
|
1349
1354
|
|
|
1350
1355
|
var Carousel = /** @class */ (function (_super) {
|
|
1351
1356
|
__extends(Carousel, _super);
|
|
@@ -1360,7 +1365,7 @@ var Carousel = /** @class */ (function (_super) {
|
|
|
1360
1365
|
Carousel.prototype.enter = function (domNode, element) {
|
|
1361
1366
|
_super.prototype.enter.call(this, domNode, element);
|
|
1362
1367
|
this._root = element.append("div")
|
|
1363
|
-
.attr("id", this.id()
|
|
1368
|
+
.attr("id", "".concat(this.id(), "_root"));
|
|
1364
1369
|
};
|
|
1365
1370
|
Carousel.prototype.update = function (domNode, element) {
|
|
1366
1371
|
var _this = this;
|
|
@@ -1368,22 +1373,22 @@ var Carousel = /** @class */ (function (_super) {
|
|
|
1368
1373
|
var active = this.active();
|
|
1369
1374
|
var width = this.width();
|
|
1370
1375
|
this._root
|
|
1371
|
-
.style("width", width
|
|
1372
|
-
.style("height", this.height()
|
|
1373
|
-
var widgetElements = this._root.selectAll("#"
|
|
1376
|
+
.style("width", "".concat(width, "px"))
|
|
1377
|
+
.style("height", "".concat(this.height(), "px"));
|
|
1378
|
+
var widgetElements = this._root.selectAll("#".concat(this.id(), "_root > .carouselItem")).data(this.widgets(), function (d) { return d.id(); });
|
|
1374
1379
|
var update = widgetElements.enter().append("div")
|
|
1375
1380
|
.attr("class", "carouselItem")
|
|
1376
1381
|
.each(function (w) {
|
|
1377
1382
|
w.target(this);
|
|
1378
1383
|
})
|
|
1379
1384
|
.merge(widgetElements)
|
|
1380
|
-
.style("left", function (d, i) { return (i - _this._prevActive) * width
|
|
1381
|
-
.style("width", width
|
|
1385
|
+
.style("left", function (d, i) { return "".concat((i - _this._prevActive) * width, "px"); })
|
|
1386
|
+
.style("width", "".concat(width, "px"));
|
|
1382
1387
|
if (this._prevActive !== active) {
|
|
1383
1388
|
update
|
|
1384
1389
|
.style("display", function (d, i) { return i === _this._prevActive || i === active ? null : "none"; }) // Must be called before render callback (not inside transition)
|
|
1385
1390
|
.transition().duration(this.transitionDuration())
|
|
1386
|
-
.style("left", function (d, i) { return (i - active) * width
|
|
1391
|
+
.style("left", function (d, i) { return "".concat((i - active) * width, "px"); })
|
|
1387
1392
|
.on("end", function (d, i) {
|
|
1388
1393
|
select(this).style("display", function () { return i === active ? null : "none"; });
|
|
1389
1394
|
});
|
|
@@ -1428,10 +1433,10 @@ Carousel.prototype.publish("widgets", [], "widgetArray", "Widgets", null, { rend
|
|
|
1428
1433
|
Carousel.prototype.publish("active", 0, "number", "Active widget");
|
|
1429
1434
|
Carousel.prototype.publish("transitionDuration", 500, "number", "Transition duration");
|
|
1430
1435
|
|
|
1431
|
-
var pi = Math.PI,
|
|
1432
|
-
tau = 2 * pi,
|
|
1436
|
+
var pi$1 = Math.PI,
|
|
1437
|
+
tau$1 = 2 * pi$1,
|
|
1433
1438
|
epsilon = 1e-6,
|
|
1434
|
-
tauEpsilon = tau - epsilon;
|
|
1439
|
+
tauEpsilon = tau$1 - epsilon;
|
|
1435
1440
|
|
|
1436
1441
|
function Path() {
|
|
1437
1442
|
this._x0 = this._y0 = // start of current subpath
|
|
@@ -1499,7 +1504,7 @@ Path.prototype = path.prototype = {
|
|
|
1499
1504
|
l20_2 = x20 * x20 + y20 * y20,
|
|
1500
1505
|
l21 = Math.sqrt(l21_2),
|
|
1501
1506
|
l01 = Math.sqrt(l01_2),
|
|
1502
|
-
l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1507
|
+
l = r * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1503
1508
|
t01 = l / l01,
|
|
1504
1509
|
t21 = l / l21;
|
|
1505
1510
|
|
|
@@ -1537,7 +1542,7 @@ Path.prototype = path.prototype = {
|
|
|
1537
1542
|
if (!r) return;
|
|
1538
1543
|
|
|
1539
1544
|
// Does the angle go the wrong way? Flip the direction.
|
|
1540
|
-
if (da < 0) da = da % tau + tau;
|
|
1545
|
+
if (da < 0) da = da % tau$1 + tau$1;
|
|
1541
1546
|
|
|
1542
1547
|
// Is this a complete circle? Draw two arcs to complete the circle.
|
|
1543
1548
|
if (da > tauEpsilon) {
|
|
@@ -1546,7 +1551,7 @@ Path.prototype = path.prototype = {
|
|
|
1546
1551
|
|
|
1547
1552
|
// Is this arc non-empty? Draw an arc!
|
|
1548
1553
|
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));
|
|
1554
|
+
this._ += "A" + r + "," + r + ",0," + (+(da >= pi$1)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
|
|
1550
1555
|
}
|
|
1551
1556
|
},
|
|
1552
1557
|
rect: function(x, y, w, h) {
|
|
@@ -1563,14 +1568,14 @@ function constant(x) {
|
|
|
1563
1568
|
};
|
|
1564
1569
|
}
|
|
1565
1570
|
|
|
1566
|
-
var pi
|
|
1567
|
-
var tau
|
|
1571
|
+
var pi = Math.PI;
|
|
1572
|
+
var tau = 2 * pi;
|
|
1568
1573
|
|
|
1569
1574
|
var d3SymbolCircle = {
|
|
1570
1575
|
draw: function(context, size) {
|
|
1571
|
-
var r = Math.sqrt(size / pi
|
|
1576
|
+
var r = Math.sqrt(size / pi);
|
|
1572
1577
|
context.moveTo(r, 0);
|
|
1573
|
-
context.arc(0, 0, r, 0, tau
|
|
1578
|
+
context.arc(0, 0, r, 0, tau);
|
|
1574
1579
|
}
|
|
1575
1580
|
};
|
|
1576
1581
|
|
|
@@ -1609,9 +1614,9 @@ var d3SymbolDiamond = {
|
|
|
1609
1614
|
};
|
|
1610
1615
|
|
|
1611
1616
|
var ka = 0.89081309152928522810,
|
|
1612
|
-
kr = Math.sin(pi
|
|
1613
|
-
kx = Math.sin(tau
|
|
1614
|
-
ky = -Math.cos(tau
|
|
1617
|
+
kr = Math.sin(pi / 10) / Math.sin(7 * pi / 10),
|
|
1618
|
+
kx = Math.sin(tau / 10) * kr,
|
|
1619
|
+
ky = -Math.cos(tau / 10) * kr;
|
|
1615
1620
|
|
|
1616
1621
|
var d3SymbolStar = {
|
|
1617
1622
|
draw: function(context, size) {
|
|
@@ -1621,7 +1626,7 @@ var d3SymbolStar = {
|
|
|
1621
1626
|
context.moveTo(0, -r);
|
|
1622
1627
|
context.lineTo(x, y);
|
|
1623
1628
|
for (var i = 1; i < 5; ++i) {
|
|
1624
|
-
var a = tau
|
|
1629
|
+
var a = tau * i / 5,
|
|
1625
1630
|
c = Math.cos(a),
|
|
1626
1631
|
s = Math.sin(a);
|
|
1627
1632
|
context.lineTo(s * r, -c * r);
|
|
@@ -1730,10 +1735,10 @@ var d3_textWrapping = function d3_textWrapping(text, width) {
|
|
|
1730
1735
|
words = text.text().split(/\s+/).reverse(),
|
|
1731
1736
|
word,
|
|
1732
1737
|
line = [],
|
|
1733
|
-
lineHeight = 1.2
|
|
1738
|
+
lineHeight = 1.2;
|
|
1734
1739
|
//ems
|
|
1735
|
-
|
|
1736
|
-
dy = parseFloat(text.attr("dy")) || 0,
|
|
1740
|
+
text.attr("y");
|
|
1741
|
+
var dy = parseFloat(text.attr("dy")) || 0,
|
|
1737
1742
|
tspan = text.text(null).append("tspan").attr("x", 0).attr("dy", dy + "em");
|
|
1738
1743
|
|
|
1739
1744
|
while (word = words.pop()) {
|
|
@@ -1754,9 +1759,9 @@ var d3_mergeLabels = function d3_mergeLabels() {
|
|
|
1754
1759
|
var labels = arguments[1];
|
|
1755
1760
|
var domain = arguments[2];
|
|
1756
1761
|
var range = arguments[3];
|
|
1762
|
+
var labelDelimiter = arguments[4];
|
|
1757
1763
|
|
|
1758
|
-
|
|
1759
|
-
if ((typeof labels === 'undefined' ? 'undefined' : _typeof(labels)) === "object") {
|
|
1764
|
+
if ((typeof labels === "undefined" ? "undefined" : _typeof(labels)) === "object") {
|
|
1760
1765
|
if (labels.length === 0) return gen;
|
|
1761
1766
|
|
|
1762
1767
|
var i = labels.length;
|
|
@@ -1773,7 +1778,9 @@ var d3_mergeLabels = function d3_mergeLabels() {
|
|
|
1773
1778
|
genLength: genLength,
|
|
1774
1779
|
generatedLabels: gen,
|
|
1775
1780
|
domain: domain,
|
|
1776
|
-
range: range
|
|
1781
|
+
range: range,
|
|
1782
|
+
labelDelimiter: labelDelimiter
|
|
1783
|
+
}));
|
|
1777
1784
|
}
|
|
1778
1785
|
return customLabels;
|
|
1779
1786
|
}
|
|
@@ -1797,11 +1804,13 @@ var d3_linearLegend = function d3_linearLegend(scale, cells, labelFormat) {
|
|
|
1797
1804
|
}
|
|
1798
1805
|
|
|
1799
1806
|
var labels = data.map(labelFormat);
|
|
1800
|
-
return {
|
|
1807
|
+
return {
|
|
1808
|
+
data: data,
|
|
1801
1809
|
labels: labels,
|
|
1802
1810
|
feature: function feature(d) {
|
|
1803
1811
|
return scale(d);
|
|
1804
|
-
}
|
|
1812
|
+
}
|
|
1813
|
+
};
|
|
1805
1814
|
};
|
|
1806
1815
|
|
|
1807
1816
|
var d3_quantLegend = function d3_quantLegend(scale, labelFormat, labelDelimiter) {
|
|
@@ -1810,18 +1819,21 @@ var d3_quantLegend = function d3_quantLegend(scale, labelFormat, labelDelimiter)
|
|
|
1810
1819
|
return labelFormat(invert[0]) + " " + labelDelimiter + " " + labelFormat(invert[1]);
|
|
1811
1820
|
});
|
|
1812
1821
|
|
|
1813
|
-
return {
|
|
1822
|
+
return {
|
|
1823
|
+
data: scale.range(),
|
|
1814
1824
|
labels: labels,
|
|
1815
1825
|
feature: d3_identity
|
|
1816
1826
|
};
|
|
1817
1827
|
};
|
|
1818
1828
|
|
|
1819
1829
|
var d3_ordinalLegend = function d3_ordinalLegend(scale) {
|
|
1820
|
-
return {
|
|
1830
|
+
return {
|
|
1831
|
+
data: scale.domain(),
|
|
1821
1832
|
labels: scale.domain(),
|
|
1822
1833
|
feature: function feature(d) {
|
|
1823
1834
|
return scale(d);
|
|
1824
|
-
}
|
|
1835
|
+
}
|
|
1836
|
+
};
|
|
1825
1837
|
};
|
|
1826
1838
|
|
|
1827
1839
|
var d3_cellOver = function d3_cellOver(cellDispatcher, d, obj) {
|
|
@@ -1837,7 +1849,6 @@ var d3_cellClick = function d3_cellClick(cellDispatcher, d, obj) {
|
|
|
1837
1849
|
};
|
|
1838
1850
|
|
|
1839
1851
|
var helper = {
|
|
1840
|
-
|
|
1841
1852
|
d3_drawShapes: function d3_drawShapes(shape, shapes, shapeHeight, shapeWidth, shapeRadius, path) {
|
|
1842
1853
|
if (shape === "rect") {
|
|
1843
1854
|
shapes.attr("height", shapeHeight).attr("width", shapeWidth);
|
|
@@ -1852,10 +1863,10 @@ var helper = {
|
|
|
1852
1863
|
|
|
1853
1864
|
d3_addText: function d3_addText(svg, enter, labels, classPrefix, labelWidth) {
|
|
1854
1865
|
enter.append("text").attr("class", classPrefix + "label");
|
|
1855
|
-
var text = svg.selectAll(
|
|
1866
|
+
var text = svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").data(labels).text(d3_identity);
|
|
1856
1867
|
|
|
1857
1868
|
if (labelWidth) {
|
|
1858
|
-
svg.selectAll(
|
|
1869
|
+
svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").call(d3_textWrapping, labelWidth);
|
|
1859
1870
|
}
|
|
1860
1871
|
|
|
1861
1872
|
return text;
|
|
@@ -1866,7 +1877,7 @@ var helper = {
|
|
|
1866
1877
|
|
|
1867
1878
|
//for d3.scaleSequential that doesn't have a range function
|
|
1868
1879
|
var range = scale.range && scale.range() || scale.domain();
|
|
1869
|
-
type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range);
|
|
1880
|
+
type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range, labelDelimiter);
|
|
1870
1881
|
|
|
1871
1882
|
if (ascending) {
|
|
1872
1883
|
type.labels = d3_reverse(type.labels);
|
|
@@ -1915,25 +1926,24 @@ var helper = {
|
|
|
1915
1926
|
|
|
1916
1927
|
d3_title: function d3_title(svg, title, classPrefix, titleWidth) {
|
|
1917
1928
|
if (title !== "") {
|
|
1929
|
+
var titleText = svg.selectAll("text." + classPrefix + "legendTitle");
|
|
1918
1930
|
|
|
1919
|
-
|
|
1931
|
+
titleText.data([title]).enter().append("text").attr("class", classPrefix + "legendTitle");
|
|
1920
1932
|
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
svg.selectAll('text.' + classPrefix + 'legendTitle').text(title);
|
|
1933
|
+
svg.selectAll("text." + classPrefix + "legendTitle").text(title);
|
|
1924
1934
|
|
|
1925
1935
|
if (titleWidth) {
|
|
1926
|
-
svg.selectAll(
|
|
1936
|
+
svg.selectAll("text." + classPrefix + "legendTitle").call(d3_textWrapping, titleWidth);
|
|
1927
1937
|
}
|
|
1928
1938
|
|
|
1929
|
-
var cellsSvg = svg.select(
|
|
1930
|
-
var yOffset = svg.select(
|
|
1939
|
+
var cellsSvg = svg.select("." + classPrefix + "legendCells");
|
|
1940
|
+
var yOffset = svg.select("." + classPrefix + "legendTitle").nodes().map(function (d) {
|
|
1931
1941
|
return d.getBBox().height;
|
|
1932
1942
|
})[0],
|
|
1933
1943
|
xOffset = -cellsSvg.nodes().map(function (d) {
|
|
1934
1944
|
return d.getBBox().x;
|
|
1935
1945
|
})[0];
|
|
1936
|
-
cellsSvg.attr(
|
|
1946
|
+
cellsSvg.attr("transform", "translate(" + xOffset + "," + yOffset + ")");
|
|
1937
1947
|
}
|
|
1938
1948
|
},
|
|
1939
1949
|
|
|
@@ -1942,9 +1952,9 @@ var helper = {
|
|
|
1942
1952
|
formatPrefix: formatPrefix
|
|
1943
1953
|
},
|
|
1944
1954
|
|
|
1945
|
-
d3_defaultFormatSpecifier:
|
|
1955
|
+
d3_defaultFormatSpecifier: ".01f",
|
|
1946
1956
|
|
|
1947
|
-
d3_defaultDelimiter:
|
|
1957
|
+
d3_defaultDelimiter: "to"
|
|
1948
1958
|
};
|
|
1949
1959
|
|
|
1950
1960
|
function color() {
|
|
@@ -2389,7 +2399,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2389
2399
|
var disabled = this.isDisabled(n[0]);
|
|
2390
2400
|
if (!disabled)
|
|
2391
2401
|
total += val_1;
|
|
2392
|
-
var label = n[0] + (!disabled && this.showSeriesTotal() ? " ("
|
|
2402
|
+
var label = n[0] + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
|
|
2393
2403
|
var textSize = this.textSize(label);
|
|
2394
2404
|
if (maxLabelWidth < textSize.width)
|
|
2395
2405
|
maxLabelWidth = textSize.width;
|
|
@@ -2401,7 +2411,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2401
2411
|
dataArr = widgetColumns.filter(function (n, i) { return i > 0; }).map(function (n, i) {
|
|
2402
2412
|
val_1 = this.data().reduce(function (acc, n) { return acc + n[i + 1]; }, 0);
|
|
2403
2413
|
var disabled = this.isDisabled(columns_1[i + 1]);
|
|
2404
|
-
var label = n + (!disabled && this.showSeriesTotal() ? " ("
|
|
2414
|
+
var label = n + (!disabled && this.showSeriesTotal() ? " (".concat(val_1, ")") : "");
|
|
2405
2415
|
if (!disabled)
|
|
2406
2416
|
total += val_1;
|
|
2407
2417
|
var textSize = this.textSize(label);
|
|
@@ -2490,7 +2500,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2490
2500
|
offsetY += (extraHeight / 2);
|
|
2491
2501
|
}
|
|
2492
2502
|
}
|
|
2493
|
-
this._g.attr("transform", "translate("
|
|
2503
|
+
this._g.attr("transform", "translate(".concat(offsetX, ", ").concat(offsetY, ")"));
|
|
2494
2504
|
this.pos({
|
|
2495
2505
|
x: 0,
|
|
2496
2506
|
y: 0
|
|
@@ -2498,7 +2508,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2498
2508
|
this._legendOrdinal
|
|
2499
2509
|
.labelOffset(this.itemPadding());
|
|
2500
2510
|
var legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
|
|
2501
|
-
var totalText = "Total: "
|
|
2511
|
+
var totalText = "Total: ".concat(total);
|
|
2502
2512
|
var totalOffsetX = -offsetX;
|
|
2503
2513
|
var totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
|
|
2504
2514
|
this.enableOverflowScroll(false);
|
|
@@ -2508,7 +2518,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2508
2518
|
.append("text")
|
|
2509
2519
|
.classed("legendTotal", true)
|
|
2510
2520
|
.merge(legendTotal)
|
|
2511
|
-
.attr("transform", "translate("
|
|
2521
|
+
.attr("transform", "translate(".concat(totalOffsetX, ", ").concat(totalOffsetY, ")"))
|
|
2512
2522
|
.text(totalText);
|
|
2513
2523
|
legendTotal.exit().remove();
|
|
2514
2524
|
};
|
|
@@ -2606,14 +2616,8 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2606
2616
|
}
|
|
2607
2617
|
};
|
|
2608
2618
|
Legend.prototype.onDblClick = function (rowData, rowIdx) {
|
|
2609
|
-
console.log("Legend onDblClick method");
|
|
2610
|
-
console.log("rowData: " + rowData);
|
|
2611
|
-
console.log("rowIdx: " + rowIdx);
|
|
2612
2619
|
};
|
|
2613
2620
|
Legend.prototype.onMouseOver = function (rowData, rowIdx) {
|
|
2614
|
-
console.log("Legend onMouseOver method");
|
|
2615
|
-
console.log("rowData: " + rowData);
|
|
2616
|
-
console.log("rowIdx: " + rowIdx);
|
|
2617
2621
|
};
|
|
2618
2622
|
Legend.prototype.resize = function (_size) {
|
|
2619
2623
|
var retVal;
|
|
@@ -2650,8 +2654,8 @@ Legend.prototype.publish("shapeRadius", 7, "number", "Radius of legend shape (pi
|
|
|
2650
2654
|
Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
|
|
2651
2655
|
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
2656
|
|
|
2653
|
-
var css_248z$
|
|
2654
|
-
styleInject(css_248z$
|
|
2657
|
+
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}";
|
|
2658
|
+
styleInject(css_248z$6);
|
|
2655
2659
|
|
|
2656
2660
|
var Modal = /** @class */ (function (_super) {
|
|
2657
2661
|
__extends(Modal, _super);
|
|
@@ -2714,8 +2718,8 @@ var Modal = /** @class */ (function (_super) {
|
|
|
2714
2718
|
var modalRect = this.setModalSize();
|
|
2715
2719
|
if (this.fixedTop() !== null && this.fixedLeft() !== null) {
|
|
2716
2720
|
this._modal
|
|
2717
|
-
.style("top", "calc("
|
|
2718
|
-
.style("left", "calc("
|
|
2721
|
+
.style("top", "calc(".concat(this.fixedTop(), " + ").concat(rect.top, "px)"))
|
|
2722
|
+
.style("left", "calc(".concat(this.fixedLeft(), " + ").concat(rect.left, "px)"));
|
|
2719
2723
|
}
|
|
2720
2724
|
else if (this.fixedHeight() !== null && this.fixedWidth() !== null) {
|
|
2721
2725
|
this._modal
|
|
@@ -2773,7 +2777,7 @@ var Modal = /** @class */ (function (_super) {
|
|
|
2773
2777
|
.style("height", header_h + "px");
|
|
2774
2778
|
this._modalBody = this._modal.append("div")
|
|
2775
2779
|
.classed("layout_Modal-body", true)
|
|
2776
|
-
.style("height", "calc( 100% - "
|
|
2780
|
+
.style("height", "calc( 100% - ".concat(header_h, "px )"))
|
|
2777
2781
|
.style("overflow-x", this.overflowX())
|
|
2778
2782
|
.style("overflow-y", this.overflowY());
|
|
2779
2783
|
this._modalHeader.append("div")
|
|
@@ -2856,8 +2860,8 @@ Modal.prototype.publish("fixedLeft", null, "string", "fixedLeft");
|
|
|
2856
2860
|
Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
|
|
2857
2861
|
Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
|
|
2858
2862
|
|
|
2859
|
-
var css_248z$
|
|
2860
|
-
styleInject(css_248z$
|
|
2863
|
+
var css_248z$5 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
|
|
2864
|
+
styleInject(css_248z$5);
|
|
2861
2865
|
|
|
2862
2866
|
var ChartPanel = /** @class */ (function (_super) {
|
|
2863
2867
|
__extends(ChartPanel, _super);
|
|
@@ -3017,7 +3021,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3017
3021
|
};
|
|
3018
3022
|
ChartPanel.prototype.highlightColumn = function (column) {
|
|
3019
3023
|
if (column) {
|
|
3020
|
-
var cssTag_1 = "series-"
|
|
3024
|
+
var cssTag_1 = "series-".concat(this.cssTag(column));
|
|
3021
3025
|
this._centerWA.element().selectAll(".series")
|
|
3022
3026
|
.each(function () {
|
|
3023
3027
|
var element = select(this);
|
|
@@ -3081,7 +3085,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3081
3085
|
element.selectAll("lhs").style("display", "none");
|
|
3082
3086
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
3083
3087
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3084
|
-
element.style("transform", "scale("
|
|
3088
|
+
element.style("transform", "scale(".concat(this._scale, ")"));
|
|
3085
3089
|
};
|
|
3086
3090
|
ChartPanel.prototype.preUpdateRegular = function (element) {
|
|
3087
3091
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
@@ -3120,12 +3124,13 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3120
3124
|
if (this._prevdataVisible !== this.dataVisible()) {
|
|
3121
3125
|
this._prevdataVisible = this.dataVisible();
|
|
3122
3126
|
this._toggleData.selected(this._prevdataVisible);
|
|
3127
|
+
this._legend.visible(this._prevlegendVisible && !this._prevdataVisible);
|
|
3123
3128
|
this._carousel.active(this._prevdataVisible ? 1 : 0);
|
|
3124
3129
|
}
|
|
3125
3130
|
if (this._prevlegendVisible !== this.legendVisible()) {
|
|
3126
3131
|
this._prevlegendVisible = this.legendVisible();
|
|
3127
3132
|
this._toggleLegend.selected(this._prevlegendVisible);
|
|
3128
|
-
this._legend.visible(this._prevlegendVisible);
|
|
3133
|
+
this._legend.visible(this._prevlegendVisible && !this._prevdataVisible);
|
|
3129
3134
|
}
|
|
3130
3135
|
this._legend.orientation(this.legendPosition() === "bottom" ? "horizontal" : "vertical");
|
|
3131
3136
|
this.showLeft(!this.left());
|
|
@@ -3151,7 +3156,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3151
3156
|
break;
|
|
3152
3157
|
}
|
|
3153
3158
|
}
|
|
3154
|
-
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px "
|
|
3159
|
+
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px ".concat(this.highlightSize(), "px ").concat(this.highlightColor()) : "none");
|
|
3155
3160
|
if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
|
|
3156
3161
|
this._spacer.visible(false);
|
|
3157
3162
|
this._toggleLegend.visible(false);
|
|
@@ -3164,10 +3169,10 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3164
3169
|
this._prevChart = chart;
|
|
3165
3170
|
var widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : undefined;
|
|
3166
3171
|
if (widgetIconBar && widgetIconBar instanceof IconBar) {
|
|
3167
|
-
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons());
|
|
3168
|
-
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()), [
|
|
3172
|
+
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons(), true);
|
|
3173
|
+
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons(), true), [
|
|
3169
3174
|
new Spacer()
|
|
3170
|
-
]), this._prevButtons);
|
|
3175
|
+
], false), this._prevButtons, true);
|
|
3171
3176
|
widgetIconBar.buttons([]).render();
|
|
3172
3177
|
this.buttons(buttons);
|
|
3173
3178
|
}
|
|
@@ -3222,12 +3227,12 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3222
3227
|
var icon_top = containerRect.height / 2;
|
|
3223
3228
|
iconDiv
|
|
3224
3229
|
.style("position", "absolute")
|
|
3225
|
-
.style("left", "calc(50% - "
|
|
3226
|
-
.style("top", icon_top - (rect.height / 2)
|
|
3230
|
+
.style("left", "calc(50% - ".concat(rect.width / 2, "px)"))
|
|
3231
|
+
.style("top", "".concat(icon_top - (rect.height / 2), "px"));
|
|
3227
3232
|
element.selectAll("div.data-count")
|
|
3228
3233
|
.style("position", "absolute")
|
|
3229
|
-
.style("left", "calc(50% + "
|
|
3230
|
-
.style("top", icon_top - (rect.height / 2)
|
|
3234
|
+
.style("left", "calc(50% + ".concat(rect.width / 2, "px)"))
|
|
3235
|
+
.style("top", "".concat(icon_top - (rect.height / 2), "px"));
|
|
3231
3236
|
}
|
|
3232
3237
|
};
|
|
3233
3238
|
ChartPanel.prototype.postUpdateSmall = function (element) {
|
|
@@ -3237,7 +3242,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3237
3242
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3238
3243
|
var rect = element.node().getBoundingClientRect();
|
|
3239
3244
|
var parentRect = element.node().parentElement.getBoundingClientRect();
|
|
3240
|
-
element.style("transform", "translate("
|
|
3245
|
+
element.style("transform", "translate(".concat(parentRect.x - rect.x, "px, ").concat(parentRect.y - rect.y, "px) scale(").concat(this._scale, ")"));
|
|
3241
3246
|
};
|
|
3242
3247
|
ChartPanel.prototype.postUpdateRegular = function (element) {
|
|
3243
3248
|
element.selectAll("div.title-icon").style("position", "static");
|
|
@@ -3355,8 +3360,8 @@ ChartPanel.prototype.widget = function (_) {
|
|
|
3355
3360
|
return this;
|
|
3356
3361
|
};
|
|
3357
3362
|
|
|
3358
|
-
var css_248z$
|
|
3359
|
-
styleInject(css_248z$
|
|
3363
|
+
var css_248z$4 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{border-style:solid;flex-grow:1;overflow:hidden}";
|
|
3364
|
+
styleInject(css_248z$4);
|
|
3360
3365
|
|
|
3361
3366
|
var FlexGrid = /** @class */ (function (_super) {
|
|
3362
3367
|
__extends(FlexGrid, _super);
|
|
@@ -3460,21 +3465,9 @@ FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be
|
|
|
3460
3465
|
|
|
3461
3466
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
3462
3467
|
|
|
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
|
-
}
|
|
3468
|
+
var gridList$1 = {exports: {}};
|
|
3472
3469
|
|
|
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) {
|
|
3470
|
+
(function (module, exports) {
|
|
3478
3471
|
(function (root, factory) {
|
|
3479
3472
|
{
|
|
3480
3473
|
// Node. Does not work with strict CommonJS, but
|
|
@@ -4161,15 +4154,17 @@ GridCol.prototype = [];
|
|
|
4161
4154
|
return GridList;
|
|
4162
4155
|
|
|
4163
4156
|
}));
|
|
4164
|
-
});
|
|
4157
|
+
}(gridList$1));
|
|
4165
4158
|
|
|
4166
|
-
var
|
|
4167
|
-
'default': gridList,
|
|
4168
|
-
__moduleExports: gridList
|
|
4169
|
-
}));
|
|
4159
|
+
var gridList = gridList$1.exports;
|
|
4170
4160
|
|
|
4171
|
-
var
|
|
4172
|
-
|
|
4161
|
+
var _GridList = /*#__PURE__*/_mergeNamespaces({
|
|
4162
|
+
__proto__: null,
|
|
4163
|
+
'default': gridList
|
|
4164
|
+
}, [gridList$1.exports]);
|
|
4165
|
+
|
|
4166
|
+
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}";
|
|
4167
|
+
styleInject(css_248z$3);
|
|
4173
4168
|
|
|
4174
4169
|
var GridList = (_GridList && gridList) || _GridList;
|
|
4175
4170
|
var Grid = /** @class */ (function (_super) {
|
|
@@ -4657,8 +4652,8 @@ var HorizontalList = /** @class */ (function (_super) {
|
|
|
4657
4652
|
}(FlexGrid));
|
|
4658
4653
|
HorizontalList.prototype._class += " layout_HorizontalList";
|
|
4659
4654
|
|
|
4660
|
-
var css_248z$
|
|
4661
|
-
styleInject(css_248z$
|
|
4655
|
+
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}";
|
|
4656
|
+
styleInject(css_248z$2);
|
|
4662
4657
|
|
|
4663
4658
|
var Layered = /** @class */ (function (_super) {
|
|
4664
4659
|
__extends(Layered, _super);
|
|
@@ -4703,7 +4698,6 @@ var Layered = /** @class */ (function (_super) {
|
|
|
4703
4698
|
};
|
|
4704
4699
|
var widgetSize = context.widgetSize(idx, clientSize);
|
|
4705
4700
|
var widgetPosition = context.widgetPosition(idx, clientSize, widgetSize);
|
|
4706
|
-
console.log("widgetPosition", widgetPosition);
|
|
4707
4701
|
this.style.top = widgetPosition.y + "px";
|
|
4708
4702
|
this.style.left = widgetPosition.x + "px";
|
|
4709
4703
|
widget
|
|
@@ -4839,7 +4833,6 @@ var Popup = /** @class */ (function (_super) {
|
|
|
4839
4833
|
_super.prototype.exit.call(this, domNode, element);
|
|
4840
4834
|
};
|
|
4841
4835
|
Popup.prototype.click = function (obj) {
|
|
4842
|
-
console.log("Clicked: " + obj.id);
|
|
4843
4836
|
};
|
|
4844
4837
|
return Popup;
|
|
4845
4838
|
}(HTMLWidget));
|
|
@@ -4854,8 +4847,8 @@ Popup.prototype.publish("right", null, "number", "Right position property of pop
|
|
|
4854
4847
|
Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
|
|
4855
4848
|
Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
|
|
4856
4849
|
|
|
4857
|
-
var css_248z$
|
|
4858
|
-
styleInject(css_248z$
|
|
4850
|
+
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}";
|
|
4851
|
+
styleInject(css_248z$1);
|
|
4859
4852
|
|
|
4860
4853
|
var Tabbed = /** @class */ (function (_super) {
|
|
4861
4854
|
__extends(Tabbed, _super);
|
|
@@ -4977,8 +4970,8 @@ Tabbed.prototype.publish("labels", [], "array", "Array of tab labels sharing an
|
|
|
4977
4970
|
Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
|
|
4978
4971
|
Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
|
|
4979
4972
|
|
|
4980
|
-
var css_248z
|
|
4981
|
-
styleInject(css_248z
|
|
4973
|
+
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%)}";
|
|
4974
|
+
styleInject(css_248z);
|
|
4982
4975
|
|
|
4983
4976
|
function Toolbar() {
|
|
4984
4977
|
HTMLWidget.call(this);
|