@hpcc-js/layout 2.42.0 → 2.46.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es6.js +112 -108
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +115 -111
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +22 -21
- package/src/__package__.ts +2 -2
- package/types/__package__.d.ts +2 -2
- package/types/__package__.d.ts.map +1 -1
- package/types-3.4/__package__.d.ts +2 -2
package/dist/index.es6.js
CHANGED
|
@@ -2,24 +2,9 @@ import { HTMLWidget, FAChar, select, selectAll, d3Event, Platform, drag, Utility
|
|
|
2
2
|
import { Table } from '@hpcc-js/dgrid';
|
|
3
3
|
import { instanceOfIHighlight } from '@hpcc-js/api';
|
|
4
4
|
|
|
5
|
-
function _mergeNamespaces(n, m) {
|
|
6
|
-
m.forEach(function (e) {
|
|
7
|
-
e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
|
|
8
|
-
if (k !== 'default' && !(k in n)) {
|
|
9
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () { return e[k]; }
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
return Object.freeze(n);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
5
|
var PKG_NAME = "@hpcc-js/layout";
|
|
21
|
-
var PKG_VERSION = "2.
|
|
22
|
-
var BUILD_VERSION = "2.
|
|
6
|
+
var PKG_VERSION = "2.46.0";
|
|
7
|
+
var BUILD_VERSION = "2.101.0";
|
|
23
8
|
|
|
24
9
|
/*! *****************************************************************************
|
|
25
10
|
Copyright (c) Microsoft Corporation.
|
|
@@ -108,7 +93,7 @@ function __spreadArray(to, from, pack) {
|
|
|
108
93
|
ar[i] = from[i];
|
|
109
94
|
}
|
|
110
95
|
}
|
|
111
|
-
return to.concat(ar ||
|
|
96
|
+
return to.concat(ar || from);
|
|
112
97
|
}
|
|
113
98
|
|
|
114
99
|
function styleInject(css, ref) {
|
|
@@ -138,8 +123,8 @@ function styleInject(css, ref) {
|
|
|
138
123
|
}
|
|
139
124
|
}
|
|
140
125
|
|
|
141
|
-
var css_248z
|
|
142
|
-
styleInject(css_248z
|
|
126
|
+
var css_248z = ".layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}";
|
|
127
|
+
styleInject(css_248z);
|
|
143
128
|
|
|
144
129
|
var AbsoluteSurface = /** @class */ (function (_super) {
|
|
145
130
|
__extends(AbsoluteSurface, _super);
|
|
@@ -208,8 +193,8 @@ AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Heigh
|
|
|
208
193
|
AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
|
|
209
194
|
AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
|
|
210
195
|
|
|
211
|
-
var css_248z$
|
|
212
|
-
styleInject(css_248z$
|
|
196
|
+
var css_248z$1 = ".layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{display:block;width:100%;font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,.2)}.layout_Accordion li{background-color:#fff}.layout_Accordion>.collapsible-title,.layout_Accordion>ul{background-color:#333}.layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion>ul{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul{background-color:#ddd}.layout_Accordion>span,.layout_Accordion>ul{padding-left:0}.layout_Accordion .layout_Accordion>span,.layout_Accordion .layout_Accordion>ul{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;left:0;top:0}.layout_Accordion>.collapsible-icon{position:absolute;top:0;right:0;width:24px;height:24px;color:#fff}";
|
|
197
|
+
styleInject(css_248z$1);
|
|
213
198
|
|
|
214
199
|
var Accordion = /** @class */ (function (_super) {
|
|
215
200
|
__extends(Accordion, _super);
|
|
@@ -321,8 +306,8 @@ Accordion.prototype.publish("titleFontColor", "#FFFFFF", "html-color", "Title fo
|
|
|
321
306
|
Accordion.prototype.publish("titleBackgroundColor", "#333333", "html-color", "Title background color", null, { tags: ["Private"] });
|
|
322
307
|
Accordion.prototype.publish("defaultCollapsed", false, "boolean", "Collapsed by default if true", null, { tags: ["Private"] });
|
|
323
308
|
|
|
324
|
-
var css_248z$
|
|
325
|
-
styleInject(css_248z$
|
|
309
|
+
var css_248z$2 = ".layout_Surface{box-sizing:border-box;margin:0;border:1px solid #e5e5e5;overflow:hidden;height:100%;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.layout_Surface>h3{margin:0;padding:2px;background-color:#e5e5e5}.layout_Surface .html-button-container{position:absolute;right:0;top:3px}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:\"\\f080\";font-family:FontAwesome;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px);font-size:100px}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:\"\\f201\"}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:\"\\f200\"}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:\"\\f1fe\"}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:\"\\f0e4\"}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:\"\\f0ce\"}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:\"\\f11c\"}div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before{content:\"\\f247\"}div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before{content:\"\\f278\"}";
|
|
310
|
+
styleInject(css_248z$2);
|
|
326
311
|
|
|
327
312
|
var Surface = /** @class */ (function (_super) {
|
|
328
313
|
__extends(Surface, _super);
|
|
@@ -453,8 +438,8 @@ Surface.prototype.publish("surfaceBorderRadius", null, "number", "Surface Border
|
|
|
453
438
|
Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
|
|
454
439
|
Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
|
|
455
440
|
|
|
456
|
-
var css_248z$
|
|
457
|
-
styleInject(css_248z$
|
|
441
|
+
var css_248z$3 = ".layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0;border-style:solid;pointer-events:none}";
|
|
442
|
+
styleInject(css_248z$3);
|
|
458
443
|
|
|
459
444
|
var Cell = /** @class */ (function (_super) {
|
|
460
445
|
__extends(Cell, _super);
|
|
@@ -518,8 +503,8 @@ Cell.prototype.publish("indicatorGlowColor", "#EEEE11", "html-color", "Glow colo
|
|
|
518
503
|
Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
|
|
519
504
|
Cell.prototype.publish("indicatorOpacity", 0.8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
|
|
520
505
|
|
|
521
|
-
var css_248z$
|
|
522
|
-
styleInject(css_248z$
|
|
506
|
+
var css_248z$4 = ".layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{width:6px;height:6px;background-color:#444;opacity:.3;position:absolute;visibility:hidden}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_bottom,.layout_Border>.borderHandle_top{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border-radius:5px;border:1px solid #e5e5e5;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;padding-top:4px;-webkit-margin:0;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{position:fixed;box-sizing:border-box;border:2px dashed #7f8c8d;border-radius:0;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(0,0%,39.2%,.1) 0,hsla(0,0%,39.2%,.1) 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179bd7;background:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(17,155,215,.1) 0,rgba(17,155,215,.1) 12px)}";
|
|
507
|
+
styleInject(css_248z$4);
|
|
523
508
|
|
|
524
509
|
var Border = /** @class */ (function (_super) {
|
|
525
510
|
__extends(Border, _super);
|
|
@@ -585,10 +570,19 @@ var Border = /** @class */ (function (_super) {
|
|
|
585
570
|
var leftPerc;
|
|
586
571
|
var rightSize;
|
|
587
572
|
var rightPerc;
|
|
588
|
-
this.target().getBoundingClientRect();
|
|
573
|
+
var bcRect = this.target().getBoundingClientRect();
|
|
574
|
+
var gridRect = {};
|
|
575
|
+
gridRect.top = bcRect.top;
|
|
576
|
+
gridRect.left = bcRect.left;
|
|
577
|
+
gridRect.bottom = bcRect.bottom;
|
|
578
|
+
gridRect.right = bcRect.right;
|
|
589
579
|
if (this.target() instanceof SVGElement) {
|
|
590
|
-
parseFloat(this.target().getAttribute("width"));
|
|
591
|
-
parseFloat(this.target().getAttribute("height"));
|
|
580
|
+
gridRect.width = parseFloat(this.target().getAttribute("width"));
|
|
581
|
+
gridRect.height = parseFloat(this.target().getAttribute("height"));
|
|
582
|
+
}
|
|
583
|
+
else {
|
|
584
|
+
gridRect.width = bcRect.width;
|
|
585
|
+
gridRect.height = bcRect.height;
|
|
592
586
|
}
|
|
593
587
|
if (this.sectionTypes().indexOf("top") !== -1) {
|
|
594
588
|
topSize = this.topSize();
|
|
@@ -1036,8 +1030,8 @@ Border.prototype.publish("bottomPercentage", 20, "number", "Percentage (of paren
|
|
|
1036
1030
|
Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
|
|
1037
1031
|
Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
|
|
1038
1032
|
|
|
1039
|
-
var css_248z$
|
|
1040
|
-
styleInject(css_248z$
|
|
1033
|
+
var css_248z$5 = ".layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{margin:0;padding:0;display:flex;flex-flow:row}.layout_Border2>.body>.center{flex:1}.layout_Border2>.footer,.layout_Border2>.header{display:block}";
|
|
1034
|
+
styleInject(css_248z$5);
|
|
1041
1035
|
|
|
1042
1036
|
var WidgetDiv = /** @class */ (function () {
|
|
1043
1037
|
function WidgetDiv(div) {
|
|
@@ -1089,8 +1083,8 @@ var WidgetDiv = /** @class */ (function () {
|
|
|
1089
1083
|
WidgetDiv.prototype.resize = function (size) {
|
|
1090
1084
|
if (this._widget) {
|
|
1091
1085
|
this._div
|
|
1092
|
-
.style("width",
|
|
1093
|
-
.style("height",
|
|
1086
|
+
.style("width", size.width + "px")
|
|
1087
|
+
.style("height", size.height + "px");
|
|
1094
1088
|
this._widget.resize(size);
|
|
1095
1089
|
}
|
|
1096
1090
|
return this;
|
|
@@ -1194,8 +1188,8 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1194
1188
|
this._leftWA.overflowY(this.leftOverflowY());
|
|
1195
1189
|
}
|
|
1196
1190
|
this.element()
|
|
1197
|
-
.style("width",
|
|
1198
|
-
.style("height",
|
|
1191
|
+
.style("width", this.width() + "px")
|
|
1192
|
+
.style("height", this.height() + "px");
|
|
1199
1193
|
};
|
|
1200
1194
|
Border2.prototype.targetNull = function (w) {
|
|
1201
1195
|
if (w) {
|
|
@@ -1215,8 +1209,8 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1215
1209
|
var b = this[sectionB]();
|
|
1216
1210
|
this.targetNull(a);
|
|
1217
1211
|
this.targetNull(b);
|
|
1218
|
-
this["_"
|
|
1219
|
-
this["_"
|
|
1212
|
+
this["_" + sectionA + "WA"].widget(null);
|
|
1213
|
+
this["_" + sectionB + "WA"].widget(null);
|
|
1220
1214
|
this[sectionA](b);
|
|
1221
1215
|
this[sectionB](a);
|
|
1222
1216
|
return this;
|
|
@@ -1263,7 +1257,7 @@ var Border2 = /** @class */ (function (_super) {
|
|
|
1263
1257
|
})
|
|
1264
1258
|
.render();
|
|
1265
1259
|
}
|
|
1266
|
-
this._bodyElement.style("height",
|
|
1260
|
+
this._bodyElement.style("height", bodyHeight + "px");
|
|
1267
1261
|
promises = [
|
|
1268
1262
|
this._topWA
|
|
1269
1263
|
.overflowX(this.topOverflowX())
|
|
@@ -1350,8 +1344,8 @@ Border2.prototype.publish("right", null, "widget", "Right Widget", undefined, {
|
|
|
1350
1344
|
Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", undefined, { render: false });
|
|
1351
1345
|
Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", undefined, { optional: true });
|
|
1352
1346
|
|
|
1353
|
-
var css_248z$
|
|
1354
|
-
styleInject(css_248z$
|
|
1347
|
+
var css_248z$6 = ".layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}";
|
|
1348
|
+
styleInject(css_248z$6);
|
|
1355
1349
|
|
|
1356
1350
|
var Carousel = /** @class */ (function (_super) {
|
|
1357
1351
|
__extends(Carousel, _super);
|
|
@@ -1366,7 +1360,7 @@ var Carousel = /** @class */ (function (_super) {
|
|
|
1366
1360
|
Carousel.prototype.enter = function (domNode, element) {
|
|
1367
1361
|
_super.prototype.enter.call(this, domNode, element);
|
|
1368
1362
|
this._root = element.append("div")
|
|
1369
|
-
.attr("id",
|
|
1363
|
+
.attr("id", this.id() + "_root");
|
|
1370
1364
|
};
|
|
1371
1365
|
Carousel.prototype.update = function (domNode, element) {
|
|
1372
1366
|
var _this = this;
|
|
@@ -1374,22 +1368,22 @@ var Carousel = /** @class */ (function (_super) {
|
|
|
1374
1368
|
var active = this.active();
|
|
1375
1369
|
var width = this.width();
|
|
1376
1370
|
this._root
|
|
1377
|
-
.style("width",
|
|
1378
|
-
.style("height",
|
|
1379
|
-
var widgetElements = this._root.selectAll("#"
|
|
1371
|
+
.style("width", width + "px")
|
|
1372
|
+
.style("height", this.height() + "px");
|
|
1373
|
+
var widgetElements = this._root.selectAll("#" + this.id() + "_root > .carouselItem").data(this.widgets(), function (d) { return d.id(); });
|
|
1380
1374
|
var update = widgetElements.enter().append("div")
|
|
1381
1375
|
.attr("class", "carouselItem")
|
|
1382
1376
|
.each(function (w) {
|
|
1383
1377
|
w.target(this);
|
|
1384
1378
|
})
|
|
1385
1379
|
.merge(widgetElements)
|
|
1386
|
-
.style("left", function (d, i) { return
|
|
1387
|
-
.style("width",
|
|
1380
|
+
.style("left", function (d, i) { return (i - _this._prevActive) * width + "px"; })
|
|
1381
|
+
.style("width", width + "px");
|
|
1388
1382
|
if (this._prevActive !== active) {
|
|
1389
1383
|
update
|
|
1390
1384
|
.style("display", function (d, i) { return i === _this._prevActive || i === active ? null : "none"; }) // Must be called before render callback (not inside transition)
|
|
1391
1385
|
.transition().duration(this.transitionDuration())
|
|
1392
|
-
.style("left", function (d, i) { return
|
|
1386
|
+
.style("left", function (d, i) { return (i - active) * width + "px"; })
|
|
1393
1387
|
.on("end", function (d, i) {
|
|
1394
1388
|
select(this).style("display", function () { return i === active ? null : "none"; });
|
|
1395
1389
|
});
|
|
@@ -1434,10 +1428,10 @@ Carousel.prototype.publish("widgets", [], "widgetArray", "Widgets", null, { rend
|
|
|
1434
1428
|
Carousel.prototype.publish("active", 0, "number", "Active widget");
|
|
1435
1429
|
Carousel.prototype.publish("transitionDuration", 500, "number", "Transition duration");
|
|
1436
1430
|
|
|
1437
|
-
var pi
|
|
1438
|
-
tau
|
|
1431
|
+
var pi = Math.PI,
|
|
1432
|
+
tau = 2 * pi,
|
|
1439
1433
|
epsilon = 1e-6,
|
|
1440
|
-
tauEpsilon = tau
|
|
1434
|
+
tauEpsilon = tau - epsilon;
|
|
1441
1435
|
|
|
1442
1436
|
function Path() {
|
|
1443
1437
|
this._x0 = this._y0 = // start of current subpath
|
|
@@ -1505,7 +1499,7 @@ Path.prototype = path.prototype = {
|
|
|
1505
1499
|
l20_2 = x20 * x20 + y20 * y20,
|
|
1506
1500
|
l21 = Math.sqrt(l21_2),
|
|
1507
1501
|
l01 = Math.sqrt(l01_2),
|
|
1508
|
-
l = r * Math.tan((pi
|
|
1502
|
+
l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),
|
|
1509
1503
|
t01 = l / l01,
|
|
1510
1504
|
t21 = l / l21;
|
|
1511
1505
|
|
|
@@ -1543,7 +1537,7 @@ Path.prototype = path.prototype = {
|
|
|
1543
1537
|
if (!r) return;
|
|
1544
1538
|
|
|
1545
1539
|
// Does the angle go the wrong way? Flip the direction.
|
|
1546
|
-
if (da < 0) da = da % tau
|
|
1540
|
+
if (da < 0) da = da % tau + tau;
|
|
1547
1541
|
|
|
1548
1542
|
// Is this a complete circle? Draw two arcs to complete the circle.
|
|
1549
1543
|
if (da > tauEpsilon) {
|
|
@@ -1552,7 +1546,7 @@ Path.prototype = path.prototype = {
|
|
|
1552
1546
|
|
|
1553
1547
|
// Is this arc non-empty? Draw an arc!
|
|
1554
1548
|
else if (da > epsilon) {
|
|
1555
|
-
this._ += "A" + r + "," + r + ",0," + (+(da >= pi
|
|
1549
|
+
this._ += "A" + r + "," + r + ",0," + (+(da >= pi)) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
|
|
1556
1550
|
}
|
|
1557
1551
|
},
|
|
1558
1552
|
rect: function(x, y, w, h) {
|
|
@@ -1569,14 +1563,14 @@ function constant(x) {
|
|
|
1569
1563
|
};
|
|
1570
1564
|
}
|
|
1571
1565
|
|
|
1572
|
-
var pi = Math.PI;
|
|
1573
|
-
var tau = 2 * pi;
|
|
1566
|
+
var pi$1 = Math.PI;
|
|
1567
|
+
var tau$1 = 2 * pi$1;
|
|
1574
1568
|
|
|
1575
1569
|
var d3SymbolCircle = {
|
|
1576
1570
|
draw: function(context, size) {
|
|
1577
|
-
var r = Math.sqrt(size / pi);
|
|
1571
|
+
var r = Math.sqrt(size / pi$1);
|
|
1578
1572
|
context.moveTo(r, 0);
|
|
1579
|
-
context.arc(0, 0, r, 0, tau);
|
|
1573
|
+
context.arc(0, 0, r, 0, tau$1);
|
|
1580
1574
|
}
|
|
1581
1575
|
};
|
|
1582
1576
|
|
|
@@ -1615,9 +1609,9 @@ var d3SymbolDiamond = {
|
|
|
1615
1609
|
};
|
|
1616
1610
|
|
|
1617
1611
|
var ka = 0.89081309152928522810,
|
|
1618
|
-
kr = Math.sin(pi / 10) / Math.sin(7 * pi / 10),
|
|
1619
|
-
kx = Math.sin(tau / 10) * kr,
|
|
1620
|
-
ky = -Math.cos(tau / 10) * kr;
|
|
1612
|
+
kr = Math.sin(pi$1 / 10) / Math.sin(7 * pi$1 / 10),
|
|
1613
|
+
kx = Math.sin(tau$1 / 10) * kr,
|
|
1614
|
+
ky = -Math.cos(tau$1 / 10) * kr;
|
|
1621
1615
|
|
|
1622
1616
|
var d3SymbolStar = {
|
|
1623
1617
|
draw: function(context, size) {
|
|
@@ -1627,7 +1621,7 @@ var d3SymbolStar = {
|
|
|
1627
1621
|
context.moveTo(0, -r);
|
|
1628
1622
|
context.lineTo(x, y);
|
|
1629
1623
|
for (var i = 1; i < 5; ++i) {
|
|
1630
|
-
var a = tau * i / 5,
|
|
1624
|
+
var a = tau$1 * i / 5,
|
|
1631
1625
|
c = Math.cos(a),
|
|
1632
1626
|
s = Math.sin(a);
|
|
1633
1627
|
context.lineTo(s * r, -c * r);
|
|
@@ -1736,10 +1730,10 @@ var d3_textWrapping = function d3_textWrapping(text, width) {
|
|
|
1736
1730
|
words = text.text().split(/\s+/).reverse(),
|
|
1737
1731
|
word,
|
|
1738
1732
|
line = [],
|
|
1739
|
-
lineHeight = 1.2
|
|
1733
|
+
lineHeight = 1.2,
|
|
1740
1734
|
//ems
|
|
1741
|
-
text.attr("y")
|
|
1742
|
-
|
|
1735
|
+
y = text.attr("y"),
|
|
1736
|
+
dy = parseFloat(text.attr("dy")) || 0,
|
|
1743
1737
|
tspan = text.text(null).append("tspan").attr("x", 0).attr("dy", dy + "em");
|
|
1744
1738
|
|
|
1745
1739
|
while (word = words.pop()) {
|
|
@@ -2395,7 +2389,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2395
2389
|
var disabled = this.isDisabled(n[0]);
|
|
2396
2390
|
if (!disabled)
|
|
2397
2391
|
total += val_1;
|
|
2398
|
-
var label = n[0] + (!disabled && this.showSeriesTotal() ? " ("
|
|
2392
|
+
var label = n[0] + (!disabled && this.showSeriesTotal() ? " (" + val_1 + ")" : "");
|
|
2399
2393
|
var textSize = this.textSize(label);
|
|
2400
2394
|
if (maxLabelWidth < textSize.width)
|
|
2401
2395
|
maxLabelWidth = textSize.width;
|
|
@@ -2407,7 +2401,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2407
2401
|
dataArr = widgetColumns.filter(function (n, i) { return i > 0; }).map(function (n, i) {
|
|
2408
2402
|
val_1 = this.data().reduce(function (acc, n) { return acc + n[i + 1]; }, 0);
|
|
2409
2403
|
var disabled = this.isDisabled(columns_1[i + 1]);
|
|
2410
|
-
var label = n + (!disabled && this.showSeriesTotal() ? " ("
|
|
2404
|
+
var label = n + (!disabled && this.showSeriesTotal() ? " (" + val_1 + ")" : "");
|
|
2411
2405
|
if (!disabled)
|
|
2412
2406
|
total += val_1;
|
|
2413
2407
|
var textSize = this.textSize(label);
|
|
@@ -2496,7 +2490,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2496
2490
|
offsetY += (extraHeight / 2);
|
|
2497
2491
|
}
|
|
2498
2492
|
}
|
|
2499
|
-
this._g.attr("transform", "translate("
|
|
2493
|
+
this._g.attr("transform", "translate(" + offsetX + ", " + offsetY + ")");
|
|
2500
2494
|
this.pos({
|
|
2501
2495
|
x: 0,
|
|
2502
2496
|
y: 0
|
|
@@ -2504,7 +2498,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2504
2498
|
this._legendOrdinal
|
|
2505
2499
|
.labelOffset(this.itemPadding());
|
|
2506
2500
|
var legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
|
|
2507
|
-
var totalText = "Total: "
|
|
2501
|
+
var totalText = "Total: " + total;
|
|
2508
2502
|
var totalOffsetX = -offsetX;
|
|
2509
2503
|
var totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
|
|
2510
2504
|
this.enableOverflowScroll(false);
|
|
@@ -2514,7 +2508,7 @@ var Legend = /** @class */ (function (_super) {
|
|
|
2514
2508
|
.append("text")
|
|
2515
2509
|
.classed("legendTotal", true)
|
|
2516
2510
|
.merge(legendTotal)
|
|
2517
|
-
.attr("transform", "translate("
|
|
2511
|
+
.attr("transform", "translate(" + totalOffsetX + ", " + totalOffsetY + ")")
|
|
2518
2512
|
.text(totalText);
|
|
2519
2513
|
legendTotal.exit().remove();
|
|
2520
2514
|
};
|
|
@@ -2656,8 +2650,8 @@ Legend.prototype.publish("shapeRadius", 7, "number", "Radius of legend shape (pi
|
|
|
2656
2650
|
Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
|
|
2657
2651
|
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"; } });
|
|
2658
2652
|
|
|
2659
|
-
var css_248z$
|
|
2660
|
-
styleInject(css_248z$
|
|
2653
|
+
var css_248z$7 = ".layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-annotations,.layout_Modal-title{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{position:fixed;background-color:#000;opacity:.5;z-index:10000}.layout_Modal-content{position:fixed;background-color:#fff;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}";
|
|
2654
|
+
styleInject(css_248z$7);
|
|
2661
2655
|
|
|
2662
2656
|
var Modal = /** @class */ (function (_super) {
|
|
2663
2657
|
__extends(Modal, _super);
|
|
@@ -2720,8 +2714,8 @@ var Modal = /** @class */ (function (_super) {
|
|
|
2720
2714
|
var modalRect = this.setModalSize();
|
|
2721
2715
|
if (this.fixedTop() !== null && this.fixedLeft() !== null) {
|
|
2722
2716
|
this._modal
|
|
2723
|
-
.style("top", "calc("
|
|
2724
|
-
.style("left", "calc("
|
|
2717
|
+
.style("top", "calc(" + this.fixedTop() + " + " + rect.top + "px)")
|
|
2718
|
+
.style("left", "calc(" + this.fixedLeft() + " + " + rect.left + "px)");
|
|
2725
2719
|
}
|
|
2726
2720
|
else if (this.fixedHeight() !== null && this.fixedWidth() !== null) {
|
|
2727
2721
|
this._modal
|
|
@@ -2779,7 +2773,7 @@ var Modal = /** @class */ (function (_super) {
|
|
|
2779
2773
|
.style("height", header_h + "px");
|
|
2780
2774
|
this._modalBody = this._modal.append("div")
|
|
2781
2775
|
.classed("layout_Modal-body", true)
|
|
2782
|
-
.style("height", "calc( 100% - "
|
|
2776
|
+
.style("height", "calc( 100% - " + header_h + "px )")
|
|
2783
2777
|
.style("overflow-x", this.overflowX())
|
|
2784
2778
|
.style("overflow-y", this.overflowY());
|
|
2785
2779
|
this._modalHeader.append("div")
|
|
@@ -2862,8 +2856,8 @@ Modal.prototype.publish("fixedLeft", null, "string", "fixedLeft");
|
|
|
2862
2856
|
Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
|
|
2863
2857
|
Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
|
|
2864
2858
|
|
|
2865
|
-
var css_248z$
|
|
2866
|
-
styleInject(css_248z$
|
|
2859
|
+
var css_248z$8 = ".layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}";
|
|
2860
|
+
styleInject(css_248z$8);
|
|
2867
2861
|
|
|
2868
2862
|
var ChartPanel = /** @class */ (function (_super) {
|
|
2869
2863
|
__extends(ChartPanel, _super);
|
|
@@ -3023,7 +3017,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3023
3017
|
};
|
|
3024
3018
|
ChartPanel.prototype.highlightColumn = function (column) {
|
|
3025
3019
|
if (column) {
|
|
3026
|
-
var cssTag_1 = "series-"
|
|
3020
|
+
var cssTag_1 = "series-" + this.cssTag(column);
|
|
3027
3021
|
this._centerWA.element().selectAll(".series")
|
|
3028
3022
|
.each(function () {
|
|
3029
3023
|
var element = select(this);
|
|
@@ -3087,7 +3081,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3087
3081
|
element.selectAll("lhs").style("display", "none");
|
|
3088
3082
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
3089
3083
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3090
|
-
element.style("transform", "scale("
|
|
3084
|
+
element.style("transform", "scale(" + this._scale + ")");
|
|
3091
3085
|
};
|
|
3092
3086
|
ChartPanel.prototype.preUpdateRegular = function (element) {
|
|
3093
3087
|
element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
|
|
@@ -3157,7 +3151,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3157
3151
|
break;
|
|
3158
3152
|
}
|
|
3159
3153
|
}
|
|
3160
|
-
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px "
|
|
3154
|
+
element.style("box-shadow", this.highlight() ? "inset 0px 0px 0px " + this.highlightSize() + "px " + this.highlightColor() : "none");
|
|
3161
3155
|
if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
|
|
3162
3156
|
this._spacer.visible(false);
|
|
3163
3157
|
this._toggleLegend.visible(false);
|
|
@@ -3170,10 +3164,10 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3170
3164
|
this._prevChart = chart;
|
|
3171
3165
|
var widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : undefined;
|
|
3172
3166
|
if (widgetIconBar && widgetIconBar instanceof IconBar) {
|
|
3173
|
-
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons()
|
|
3174
|
-
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()
|
|
3167
|
+
this._prevButtons = this._prevButtons || __spreadArray([], this.buttons());
|
|
3168
|
+
var buttons = __spreadArray(__spreadArray(__spreadArray([], widgetIconBar.buttons()), [
|
|
3175
3169
|
new Spacer()
|
|
3176
|
-
]
|
|
3170
|
+
]), this._prevButtons);
|
|
3177
3171
|
widgetIconBar.buttons([]).render();
|
|
3178
3172
|
this.buttons(buttons);
|
|
3179
3173
|
}
|
|
@@ -3228,12 +3222,12 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3228
3222
|
var icon_top = containerRect.height / 2;
|
|
3229
3223
|
iconDiv
|
|
3230
3224
|
.style("position", "absolute")
|
|
3231
|
-
.style("left", "calc(50% - "
|
|
3232
|
-
.style("top",
|
|
3225
|
+
.style("left", "calc(50% - " + rect.width / 2 + "px)")
|
|
3226
|
+
.style("top", icon_top - (rect.height / 2) + "px");
|
|
3233
3227
|
element.selectAll("div.data-count")
|
|
3234
3228
|
.style("position", "absolute")
|
|
3235
|
-
.style("left", "calc(50% + "
|
|
3236
|
-
.style("top",
|
|
3229
|
+
.style("left", "calc(50% + " + rect.width / 2 + "px)")
|
|
3230
|
+
.style("top", icon_top - (rect.height / 2) + "px");
|
|
3237
3231
|
}
|
|
3238
3232
|
};
|
|
3239
3233
|
ChartPanel.prototype.postUpdateSmall = function (element) {
|
|
@@ -3243,7 +3237,7 @@ var ChartPanel = /** @class */ (function (_super) {
|
|
|
3243
3237
|
element.selectAll("div.data-count").style("visibility", "hidden");
|
|
3244
3238
|
var rect = element.node().getBoundingClientRect();
|
|
3245
3239
|
var parentRect = element.node().parentElement.getBoundingClientRect();
|
|
3246
|
-
element.style("transform", "translate("
|
|
3240
|
+
element.style("transform", "translate(" + (parentRect.x - rect.x) + "px, " + (parentRect.y - rect.y) + "px) scale(" + this._scale + ")");
|
|
3247
3241
|
};
|
|
3248
3242
|
ChartPanel.prototype.postUpdateRegular = function (element) {
|
|
3249
3243
|
element.selectAll("div.title-icon").style("position", "static");
|
|
@@ -3361,8 +3355,8 @@ ChartPanel.prototype.widget = function (_) {
|
|
|
3361
3355
|
return this;
|
|
3362
3356
|
};
|
|
3363
3357
|
|
|
3364
|
-
var css_248z$
|
|
3365
|
-
styleInject(css_248z$
|
|
3358
|
+
var css_248z$9 = ".layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}";
|
|
3359
|
+
styleInject(css_248z$9);
|
|
3366
3360
|
|
|
3367
3361
|
var FlexGrid = /** @class */ (function (_super) {
|
|
3368
3362
|
__extends(FlexGrid, _super);
|
|
@@ -3466,9 +3460,21 @@ FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be
|
|
|
3466
3460
|
|
|
3467
3461
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
3468
3462
|
|
|
3469
|
-
|
|
3463
|
+
function createCommonjsModule(fn, basedir, module) {
|
|
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
|
+
}
|
|
3472
|
+
|
|
3473
|
+
function commonjsRequire () {
|
|
3474
|
+
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
3475
|
+
}
|
|
3470
3476
|
|
|
3471
|
-
(function (module, exports) {
|
|
3477
|
+
var gridList = createCommonjsModule(function (module, exports) {
|
|
3472
3478
|
(function (root, factory) {
|
|
3473
3479
|
{
|
|
3474
3480
|
// Node. Does not work with strict CommonJS, but
|
|
@@ -4155,17 +4161,15 @@ GridCol.prototype = [];
|
|
|
4155
4161
|
return GridList;
|
|
4156
4162
|
|
|
4157
4163
|
}));
|
|
4158
|
-
}
|
|
4159
|
-
|
|
4160
|
-
var gridList = gridList$1.exports;
|
|
4164
|
+
});
|
|
4161
4165
|
|
|
4162
|
-
var _GridList = /*#__PURE__*/Object.freeze(/*#__PURE__*/
|
|
4163
|
-
|
|
4164
|
-
|
|
4165
|
-
}
|
|
4166
|
+
var _GridList = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), gridList, {
|
|
4167
|
+
'default': gridList,
|
|
4168
|
+
__moduleExports: gridList
|
|
4169
|
+
}));
|
|
4166
4170
|
|
|
4167
|
-
var css_248z$
|
|
4168
|
-
styleInject(css_248z$
|
|
4171
|
+
var css_248z$a = ".layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{position:absolute;border-style:solid;border-width:1px;background:#f5f5f5}.layout_Grid>.lane{position:absolute;border-style:none;opacity:.25;border-radius:0;pointer-events:none}.layout_Grid>.ddCell.draggable{border-style:solid;border-width:1px;background-color:#f8f8ff;border-radius:0;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{bottom:0;right:0;width:8px;height:8px;border-style:none;position:absolute;cursor:nwse-resize}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{bottom:2px;right:2px;width:4px;height:4px;border-color:#a9a9a9;border-style:solid;border-width:0 2px 2px 0;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,hsla(0,0%,39.2%,.1) 0,hsla(0,0%,39.2%,.1) 8px)}.layout_Grid>.dragging,.layout_Grid>.resizing{border:1px solid grey;border-radius:0;position:absolute}.layout_Grid>.resizing{background-color:orange;opacity:.3;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,orange 0,orange 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border:1px solid red;background-color:grey;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(100,0,0,.1) 0,rgba(100,0,0,.1) 8px)}.layout_Grid #drag-me:before{content:\"#\" attr(id);font-weight:700}";
|
|
4172
|
+
styleInject(css_248z$a);
|
|
4169
4173
|
|
|
4170
4174
|
var GridList = (_GridList && gridList) || _GridList;
|
|
4171
4175
|
var Grid = /** @class */ (function (_super) {
|
|
@@ -4653,8 +4657,8 @@ var HorizontalList = /** @class */ (function (_super) {
|
|
|
4653
4657
|
}(FlexGrid));
|
|
4654
4658
|
HorizontalList.prototype._class += " layout_HorizontalList";
|
|
4655
4659
|
|
|
4656
|
-
var css_248z$
|
|
4657
|
-
styleInject(css_248z$
|
|
4660
|
+
var css_248z$b = ".layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}";
|
|
4661
|
+
styleInject(css_248z$b);
|
|
4658
4662
|
|
|
4659
4663
|
var Layered = /** @class */ (function (_super) {
|
|
4660
4664
|
__extends(Layered, _super);
|
|
@@ -4850,8 +4854,8 @@ Popup.prototype.publish("right", null, "number", "Right position property of pop
|
|
|
4850
4854
|
Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", ["absolute", "relative", "fixed", "static", "initial", "inherit"], { tags: ["Private"] });
|
|
4851
4855
|
Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
|
|
4852
4856
|
|
|
4853
|
-
var css_248z$
|
|
4854
|
-
styleInject(css_248z$
|
|
4857
|
+
var css_248z$c = ".layout_Tabbed .tab-button{position:relative;top:1px;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:transparent;margin-right:4px;padding:2px 2px 4px;background-color:#ccc}.layout_Tabbed .tab-button.active{background-color:#fff;z-index:999}.layout_Tabbed .on_bottom .tab-button{border-bottom:1px solid #ddd;border-top:none;top:-1px}";
|
|
4858
|
+
styleInject(css_248z$c);
|
|
4855
4859
|
|
|
4856
4860
|
var Tabbed = /** @class */ (function (_super) {
|
|
4857
4861
|
__extends(Tabbed, _super);
|
|
@@ -4973,8 +4977,8 @@ Tabbed.prototype.publish("labels", [], "array", "Array of tab labels sharing an
|
|
|
4973
4977
|
Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
|
|
4974
4978
|
Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
|
|
4975
4979
|
|
|
4976
|
-
var css_248z = ".layout_Toolbar{background-color:#ddd;
|
|
4977
|
-
styleInject(css_248z);
|
|
4980
|
+
var css_248z$d = ".layout_Toolbar{height:100%;background-color:#ddd;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-title{display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:4px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-child{position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float:right;margin-left:4px;margin-right:4px;line-height:16px}";
|
|
4981
|
+
styleInject(css_248z$d);
|
|
4978
4982
|
|
|
4979
4983
|
function Toolbar() {
|
|
4980
4984
|
HTMLWidget.call(this);
|