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