@hpcc-js/chart 3.3.9 → 3.4.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.js +195 -181
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +6 -6
- package/src/Gauge.ts +9 -1
- package/types/Gauge.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -264,6 +264,7 @@ Linear$1.prototype = {
|
|
|
264
264
|
break;
|
|
265
265
|
case 1:
|
|
266
266
|
this._point = 2;
|
|
267
|
+
// proceed
|
|
267
268
|
default:
|
|
268
269
|
this._context.lineTo(x2, y2);
|
|
269
270
|
break;
|
|
@@ -474,6 +475,7 @@ Basis$1.prototype = {
|
|
|
474
475
|
switch (this._point) {
|
|
475
476
|
case 3:
|
|
476
477
|
point$7(this, this._x1, this._y1);
|
|
478
|
+
// proceed
|
|
477
479
|
case 2:
|
|
478
480
|
this._context.lineTo(this._x1, this._y1);
|
|
479
481
|
break;
|
|
@@ -494,6 +496,7 @@ Basis$1.prototype = {
|
|
|
494
496
|
case 2:
|
|
495
497
|
this._point = 3;
|
|
496
498
|
this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6);
|
|
499
|
+
// proceed
|
|
497
500
|
default:
|
|
498
501
|
point$7(this, x2, y2);
|
|
499
502
|
break;
|
|
@@ -537,7 +540,7 @@ Bundle$1.prototype = {
|
|
|
537
540
|
this._y.push(+y2);
|
|
538
541
|
}, "point")
|
|
539
542
|
};
|
|
540
|
-
const d3CurveBundle = (/* @__PURE__ */ __name(function custom(beta) {
|
|
543
|
+
const d3CurveBundle = (/* @__PURE__ */ __name((function custom(beta) {
|
|
541
544
|
function bundle(context) {
|
|
542
545
|
return beta === 1 ? new Basis$1(context) : new Bundle$1(context, beta);
|
|
543
546
|
}
|
|
@@ -546,7 +549,7 @@ const d3CurveBundle = (/* @__PURE__ */ __name(function custom(beta) {
|
|
|
546
549
|
return custom(+beta2);
|
|
547
550
|
};
|
|
548
551
|
return bundle;
|
|
549
|
-
}, "custom"))(0.85);
|
|
552
|
+
}), "custom"))(0.85);
|
|
550
553
|
function point$6(that, x2, y2) {
|
|
551
554
|
that._context.bezierCurveTo(
|
|
552
555
|
that._x1 + that._k * (that._x2 - that._x0),
|
|
@@ -599,6 +602,7 @@ Cardinal$1.prototype = {
|
|
|
599
602
|
break;
|
|
600
603
|
case 2:
|
|
601
604
|
this._point = 3;
|
|
605
|
+
// proceed
|
|
602
606
|
default:
|
|
603
607
|
point$6(this, x2, y2);
|
|
604
608
|
break;
|
|
@@ -607,7 +611,7 @@ Cardinal$1.prototype = {
|
|
|
607
611
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
608
612
|
}, "point")
|
|
609
613
|
};
|
|
610
|
-
const d3CurveCardinal = (/* @__PURE__ */ __name(function custom2(tension) {
|
|
614
|
+
const d3CurveCardinal = (/* @__PURE__ */ __name((function custom2(tension) {
|
|
611
615
|
function cardinal(context) {
|
|
612
616
|
return new Cardinal$1(context, tension);
|
|
613
617
|
}
|
|
@@ -616,7 +620,7 @@ const d3CurveCardinal = (/* @__PURE__ */ __name(function custom2(tension) {
|
|
|
616
620
|
return custom2(+tension2);
|
|
617
621
|
};
|
|
618
622
|
return cardinal;
|
|
619
|
-
}, "custom"))(0);
|
|
623
|
+
}), "custom"))(0);
|
|
620
624
|
function point$5(that, x2, y2) {
|
|
621
625
|
var x12 = that._x1, y12 = that._y1, x22 = that._x2, y22 = that._y2;
|
|
622
626
|
if (that._l01_a > epsilon$2) {
|
|
@@ -676,6 +680,7 @@ CatmullRom$1.prototype = {
|
|
|
676
680
|
break;
|
|
677
681
|
case 2:
|
|
678
682
|
this._point = 3;
|
|
683
|
+
// proceed
|
|
679
684
|
default:
|
|
680
685
|
point$5(this, x2, y2);
|
|
681
686
|
break;
|
|
@@ -686,7 +691,7 @@ CatmullRom$1.prototype = {
|
|
|
686
691
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
687
692
|
}, "point")
|
|
688
693
|
};
|
|
689
|
-
const d3curveCatmullRom = (/* @__PURE__ */ __name(function custom3(alpha) {
|
|
694
|
+
const d3curveCatmullRom = (/* @__PURE__ */ __name((function custom3(alpha) {
|
|
690
695
|
function catmullRom(context) {
|
|
691
696
|
return alpha ? new CatmullRom$1(context, alpha) : new Cardinal$1(context, 0);
|
|
692
697
|
}
|
|
@@ -695,7 +700,7 @@ const d3curveCatmullRom = (/* @__PURE__ */ __name(function custom3(alpha) {
|
|
|
695
700
|
return custom3(+alpha2);
|
|
696
701
|
};
|
|
697
702
|
return catmullRom;
|
|
698
|
-
}, "custom"))(0.5);
|
|
703
|
+
}), "custom"))(0.5);
|
|
699
704
|
function sign$1(x2) {
|
|
700
705
|
return x2 < 0 ? -1 : 1;
|
|
701
706
|
}
|
|
@@ -858,6 +863,7 @@ Step$1.prototype = {
|
|
|
858
863
|
break;
|
|
859
864
|
case 1:
|
|
860
865
|
this._point = 2;
|
|
866
|
+
// proceed
|
|
861
867
|
default: {
|
|
862
868
|
if (this._t <= 0) {
|
|
863
869
|
this._context.lineTo(this._x, y2);
|
|
@@ -998,21 +1004,20 @@ function axisLeft(scale) {
|
|
|
998
1004
|
}
|
|
999
1005
|
__name(axisLeft, "axisLeft");
|
|
1000
1006
|
const _Axis = class _Axis extends SVGWidget {
|
|
1007
|
+
_origType;
|
|
1008
|
+
_origTimePattern;
|
|
1009
|
+
parser;
|
|
1010
|
+
parserInvert;
|
|
1011
|
+
formatter;
|
|
1012
|
+
d3Scale;
|
|
1013
|
+
d3Axis;
|
|
1014
|
+
d3Guides;
|
|
1015
|
+
_guideElement;
|
|
1016
|
+
svg;
|
|
1017
|
+
svgAxis;
|
|
1018
|
+
svgGuides;
|
|
1001
1019
|
constructor(drawStartPosition = "origin") {
|
|
1002
1020
|
super();
|
|
1003
|
-
__publicField(this, "_origType");
|
|
1004
|
-
__publicField(this, "_origTimePattern");
|
|
1005
|
-
__publicField(this, "parser");
|
|
1006
|
-
__publicField(this, "parserInvert");
|
|
1007
|
-
__publicField(this, "formatter");
|
|
1008
|
-
__publicField(this, "d3Scale");
|
|
1009
|
-
__publicField(this, "d3Axis");
|
|
1010
|
-
__publicField(this, "d3Guides");
|
|
1011
|
-
__publicField(this, "_guideElement");
|
|
1012
|
-
__publicField(this, "svg");
|
|
1013
|
-
__publicField(this, "svgAxis");
|
|
1014
|
-
__publicField(this, "svgGuides");
|
|
1015
|
-
__publicField(this, "_prevOrientation");
|
|
1016
1021
|
this._drawStartPos = drawStartPosition;
|
|
1017
1022
|
this.updateScale();
|
|
1018
1023
|
}
|
|
@@ -1114,6 +1119,7 @@ const _Axis = class _Axis extends SVGWidget {
|
|
|
1114
1119
|
this.svgAxis = this.svg.append("g").attr("class", "axis");
|
|
1115
1120
|
this.svgGuides = (this._guideElement || element).append("g").attr("class", "guide");
|
|
1116
1121
|
}
|
|
1122
|
+
_prevOrientation;
|
|
1117
1123
|
updateScale() {
|
|
1118
1124
|
switch (this.type()) {
|
|
1119
1125
|
case "ordinal":
|
|
@@ -1287,6 +1293,7 @@ const _Axis = class _Axis extends SVGWidget {
|
|
|
1287
1293
|
});
|
|
1288
1294
|
break;
|
|
1289
1295
|
}
|
|
1296
|
+
/* falls through */
|
|
1290
1297
|
default:
|
|
1291
1298
|
textSelection.style("text-anchor", isHoriztontal ? "middle" : isLeft ? "end" : "start").attr("dy", isHoriztontal ? (isBottom ? 0.71 : 0) + "em" : "0.32em").attr("dx", 0).attr("visibility", null).attr("transform", "rotate(0)");
|
|
1292
1299
|
}
|
|
@@ -1515,30 +1522,17 @@ Axis.prototype.timePattern = function(_) {
|
|
|
1515
1522
|
return retVal;
|
|
1516
1523
|
};
|
|
1517
1524
|
const _XYAxis = class _XYAxis extends SVGWidget {
|
|
1525
|
+
domainAxis;
|
|
1526
|
+
valueAxis;
|
|
1527
|
+
xAxis;
|
|
1528
|
+
yAxis;
|
|
1529
|
+
xyBrush;
|
|
1530
|
+
xBrush;
|
|
1531
|
+
yBrush;
|
|
1532
|
+
margin;
|
|
1533
|
+
focusChart;
|
|
1518
1534
|
constructor() {
|
|
1519
1535
|
super();
|
|
1520
|
-
__publicField(this, "domainAxis");
|
|
1521
|
-
__publicField(this, "valueAxis");
|
|
1522
|
-
__publicField(this, "xAxis");
|
|
1523
|
-
__publicField(this, "yAxis");
|
|
1524
|
-
__publicField(this, "xyBrush");
|
|
1525
|
-
__publicField(this, "xBrush");
|
|
1526
|
-
__publicField(this, "yBrush");
|
|
1527
|
-
__publicField(this, "margin");
|
|
1528
|
-
__publicField(this, "focusChart");
|
|
1529
|
-
__publicField(this, "_prevBrush");
|
|
1530
|
-
__publicField(this, "svg");
|
|
1531
|
-
__publicField(this, "svgRegions");
|
|
1532
|
-
__publicField(this, "svgDomainGuide");
|
|
1533
|
-
__publicField(this, "svgValueGuide");
|
|
1534
|
-
__publicField(this, "svgData");
|
|
1535
|
-
__publicField(this, "svgDataClipRect");
|
|
1536
|
-
__publicField(this, "svgFocus");
|
|
1537
|
-
__publicField(this, "svgBrush");
|
|
1538
|
-
__publicField(this, "_skipSelection", false);
|
|
1539
|
-
__publicField(this, "_prevXAxisType");
|
|
1540
|
-
// Selection ---
|
|
1541
|
-
__publicField(this, "_selection");
|
|
1542
1536
|
Utility.SimpleSelectionMixin.call(this);
|
|
1543
1537
|
this._drawStartPos = "origin";
|
|
1544
1538
|
this.domainAxis = new Axis().classed({ domain: true }).orientation_default("bottom").type("ordinal").overlapMode_default("stagger").shrinkToFit_default("high").extend_default(0);
|
|
@@ -1559,6 +1553,7 @@ const _XYAxis = class _XYAxis extends SVGWidget {
|
|
|
1559
1553
|
return this.brushMoved2();
|
|
1560
1554
|
});
|
|
1561
1555
|
}
|
|
1556
|
+
_prevBrush;
|
|
1562
1557
|
resetSelection() {
|
|
1563
1558
|
this._prevBrush = null;
|
|
1564
1559
|
return this;
|
|
@@ -1595,6 +1590,14 @@ const _XYAxis = class _XYAxis extends SVGWidget {
|
|
|
1595
1590
|
bandwidth() {
|
|
1596
1591
|
return this.domainAxis.bandwidth();
|
|
1597
1592
|
}
|
|
1593
|
+
svg;
|
|
1594
|
+
svgRegions;
|
|
1595
|
+
svgDomainGuide;
|
|
1596
|
+
svgValueGuide;
|
|
1597
|
+
svgData;
|
|
1598
|
+
svgDataClipRect;
|
|
1599
|
+
svgFocus;
|
|
1600
|
+
svgBrush;
|
|
1598
1601
|
enter(domNode, element) {
|
|
1599
1602
|
super.enter(domNode, element);
|
|
1600
1603
|
this.svg = element.append("g");
|
|
@@ -1627,6 +1630,7 @@ const _XYAxis = class _XYAxis extends SVGWidget {
|
|
|
1627
1630
|
return "M" + x2 + ", " + 0.5 * y2 + "A6,6 0 0 " + (e + 1) % 2 + " " + (x2 + 6) + "," + 6.5 * y2 + "H" + (2 * x2 - 6) + "A6,6 0 0 " + (e + 1) % 2 + " " + 2 * x2 + "," + 0.5 * y2 + "ZM" + (x2 + 8) + "," + 2.5 * y2 + "H" + (2 * x2 - 8) + "M" + (x2 + 8) + "," + 4.5 * y2 + "H" + (2 * x2 - 8);
|
|
1628
1631
|
}
|
|
1629
1632
|
}
|
|
1633
|
+
_skipSelection = false;
|
|
1630
1634
|
skipSelection(_) {
|
|
1631
1635
|
if (!arguments.length) return this._skipSelection;
|
|
1632
1636
|
this._skipSelection = _;
|
|
@@ -1651,11 +1655,10 @@ const _XYAxis = class _XYAxis extends SVGWidget {
|
|
|
1651
1655
|
this.selection(selected);
|
|
1652
1656
|
}
|
|
1653
1657
|
brushMoved2() {
|
|
1654
|
-
var _a;
|
|
1655
1658
|
const isHorizontal = this.orientation() === "horizontal";
|
|
1656
1659
|
const handleTypes = this.use2dSelection() ? [] : isHorizontal ? [{ type: "w" }, { type: "e" }] : [{ type: "n" }, { type: "s" }];
|
|
1657
1660
|
const handlePath = this.svgBrush.selectAll(".handle--custom").data(handleTypes);
|
|
1658
|
-
const s =
|
|
1661
|
+
const s = d3Event()?.selection;
|
|
1659
1662
|
if (s == null) {
|
|
1660
1663
|
handlePath.attr("display", "none");
|
|
1661
1664
|
} else if (isHorizontal) {
|
|
@@ -1739,6 +1742,7 @@ const _XYAxis = class _XYAxis extends SVGWidget {
|
|
|
1739
1742
|
}
|
|
1740
1743
|
regions.exit().remove();
|
|
1741
1744
|
}
|
|
1745
|
+
_prevXAxisType;
|
|
1742
1746
|
update(domNode, element) {
|
|
1743
1747
|
super.update(domNode, element);
|
|
1744
1748
|
const context = this;
|
|
@@ -1955,6 +1959,8 @@ const _XYAxis = class _XYAxis extends SVGWidget {
|
|
|
1955
1959
|
// Events ---
|
|
1956
1960
|
click(row, column, selected) {
|
|
1957
1961
|
}
|
|
1962
|
+
// Selection ---
|
|
1963
|
+
_selection;
|
|
1958
1964
|
};
|
|
1959
1965
|
__name(_XYAxis, "XYAxis");
|
|
1960
1966
|
let XYAxis = _XYAxis;
|
|
@@ -2008,7 +2014,6 @@ XYAxis.prototype.publishProxy("yAxisPadding", "valueAxis", "padding");
|
|
|
2008
2014
|
const _Scatter = class _Scatter extends XYAxis {
|
|
2009
2015
|
constructor() {
|
|
2010
2016
|
super();
|
|
2011
|
-
__publicField(this, "_prevPointShape");
|
|
2012
2017
|
INDChart.call(this);
|
|
2013
2018
|
ITooltip.call(this);
|
|
2014
2019
|
this.xAxisGuideLines_default(true).yAxisGuideLines_default(true);
|
|
@@ -2092,6 +2097,7 @@ const _Scatter = class _Scatter extends XYAxis {
|
|
|
2092
2097
|
}
|
|
2093
2098
|
});
|
|
2094
2099
|
}
|
|
2100
|
+
_prevPointShape;
|
|
2095
2101
|
layerUpdate(host, element, duration = 250) {
|
|
2096
2102
|
super.layerUpdate(host, element);
|
|
2097
2103
|
const isHorizontal = host.orientation() === "horizontal";
|
|
@@ -2277,12 +2283,12 @@ __name(_Area, "Area");
|
|
|
2277
2283
|
let Area = _Area;
|
|
2278
2284
|
Area.prototype._class += " chart_Area";
|
|
2279
2285
|
const _Column = class _Column extends XYAxis {
|
|
2286
|
+
_linearGap;
|
|
2287
|
+
textLocal = local();
|
|
2288
|
+
stackedTextLocal = local();
|
|
2289
|
+
isHorizontal;
|
|
2280
2290
|
constructor() {
|
|
2281
2291
|
super();
|
|
2282
|
-
__publicField(this, "_linearGap");
|
|
2283
|
-
__publicField(this, "textLocal", local());
|
|
2284
|
-
__publicField(this, "stackedTextLocal", local());
|
|
2285
|
-
__publicField(this, "isHorizontal");
|
|
2286
2292
|
INDChart.call(this);
|
|
2287
2293
|
ITooltip.call(this);
|
|
2288
2294
|
this._selection.skipBringToTop(true);
|
|
@@ -3173,10 +3179,10 @@ function translateChild(k) {
|
|
|
3173
3179
|
}
|
|
3174
3180
|
__name(translateChild, "translateChild");
|
|
3175
3181
|
const _Bubble = class _Bubble extends SVGWidget {
|
|
3182
|
+
labelWidgets;
|
|
3183
|
+
d3Pack;
|
|
3176
3184
|
constructor() {
|
|
3177
3185
|
super();
|
|
3178
|
-
__publicField(this, "labelWidgets");
|
|
3179
|
-
__publicField(this, "d3Pack");
|
|
3180
3186
|
I2DChart.call(this);
|
|
3181
3187
|
ITooltip.call(this);
|
|
3182
3188
|
Utility.SimpleSelectionMixin.call(this);
|
|
@@ -3473,11 +3479,9 @@ function bulvarWidth(x2) {
|
|
|
3473
3479
|
}
|
|
3474
3480
|
__name(bulvarWidth, "bulvarWidth");
|
|
3475
3481
|
const _Bullet = class _Bullet extends HTMLWidget {
|
|
3482
|
+
_hiddenColumns = {};
|
|
3476
3483
|
constructor() {
|
|
3477
3484
|
super();
|
|
3478
|
-
__publicField(this, "_hiddenColumns", {});
|
|
3479
|
-
// SimpleSelectionMixin
|
|
3480
|
-
__publicField(this, "_selection");
|
|
3481
3485
|
Utility.SimpleSelectionMixin.call(this, true);
|
|
3482
3486
|
}
|
|
3483
3487
|
bulletData() {
|
|
@@ -3564,6 +3568,8 @@ const _Bullet = class _Bullet extends HTMLWidget {
|
|
|
3564
3568
|
}
|
|
3565
3569
|
dblclick(row, column, selected) {
|
|
3566
3570
|
}
|
|
3571
|
+
// SimpleSelectionMixin
|
|
3572
|
+
_selection;
|
|
3567
3573
|
};
|
|
3568
3574
|
__name(_Bullet, "Bullet");
|
|
3569
3575
|
let Bullet = _Bullet;
|
|
@@ -4335,10 +4341,10 @@ function geoPath(projection, context) {
|
|
|
4335
4341
|
}
|
|
4336
4342
|
__name(geoPath, "geoPath");
|
|
4337
4343
|
const _Contour = class _Contour extends XYAxis {
|
|
4344
|
+
_dataMinWeight;
|
|
4345
|
+
_dataMaxWeight;
|
|
4338
4346
|
constructor() {
|
|
4339
4347
|
super();
|
|
4340
|
-
__publicField(this, "_dataMinWeight");
|
|
4341
|
-
__publicField(this, "_dataMaxWeight");
|
|
4342
4348
|
this.xAxisGuideLines_default(false).yAxisGuideLines_default(false).xAxisType_default("linear");
|
|
4343
4349
|
}
|
|
4344
4350
|
xPos(host, d) {
|
|
@@ -4566,6 +4572,7 @@ Linear.prototype = {
|
|
|
4566
4572
|
break;
|
|
4567
4573
|
case 1:
|
|
4568
4574
|
this._point = 2;
|
|
4575
|
+
// proceed
|
|
4569
4576
|
default:
|
|
4570
4577
|
this._context.lineTo(x2, y2);
|
|
4571
4578
|
break;
|
|
@@ -4650,6 +4657,7 @@ Basis.prototype = {
|
|
|
4650
4657
|
switch (this._point) {
|
|
4651
4658
|
case 3:
|
|
4652
4659
|
point$3(this, this._x1, this._y1);
|
|
4660
|
+
// proceed
|
|
4653
4661
|
case 2:
|
|
4654
4662
|
this._context.lineTo(this._x1, this._y1);
|
|
4655
4663
|
break;
|
|
@@ -4670,6 +4678,7 @@ Basis.prototype = {
|
|
|
4670
4678
|
case 2:
|
|
4671
4679
|
this._point = 3;
|
|
4672
4680
|
this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6);
|
|
4681
|
+
// proceed
|
|
4673
4682
|
default:
|
|
4674
4683
|
point$3(this, x2, y2);
|
|
4675
4684
|
break;
|
|
@@ -4709,7 +4718,7 @@ Bundle.prototype = {
|
|
|
4709
4718
|
this._y.push(+y2);
|
|
4710
4719
|
}, "point")
|
|
4711
4720
|
};
|
|
4712
|
-
(/* @__PURE__ */ __name(function custom4(beta) {
|
|
4721
|
+
(/* @__PURE__ */ __name((function custom4(beta) {
|
|
4713
4722
|
function bundle(context) {
|
|
4714
4723
|
return beta === 1 ? new Basis(context) : new Bundle(context, beta);
|
|
4715
4724
|
}
|
|
@@ -4718,7 +4727,7 @@ Bundle.prototype = {
|
|
|
4718
4727
|
return custom4(+beta2);
|
|
4719
4728
|
};
|
|
4720
4729
|
return bundle;
|
|
4721
|
-
}, "custom"))(0.85);
|
|
4730
|
+
}), "custom"))(0.85);
|
|
4722
4731
|
function point$2(that, x2, y2) {
|
|
4723
4732
|
that._context.bezierCurveTo(
|
|
4724
4733
|
that._x1 + that._k * (that._x2 - that._x0),
|
|
@@ -4771,6 +4780,7 @@ Cardinal.prototype = {
|
|
|
4771
4780
|
break;
|
|
4772
4781
|
case 2:
|
|
4773
4782
|
this._point = 3;
|
|
4783
|
+
// proceed
|
|
4774
4784
|
default:
|
|
4775
4785
|
point$2(this, x2, y2);
|
|
4776
4786
|
break;
|
|
@@ -4779,7 +4789,7 @@ Cardinal.prototype = {
|
|
|
4779
4789
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
4780
4790
|
}, "point")
|
|
4781
4791
|
};
|
|
4782
|
-
(/* @__PURE__ */ __name(function custom5(tension) {
|
|
4792
|
+
(/* @__PURE__ */ __name((function custom5(tension) {
|
|
4783
4793
|
function cardinal(context) {
|
|
4784
4794
|
return new Cardinal(context, tension);
|
|
4785
4795
|
}
|
|
@@ -4788,7 +4798,7 @@ Cardinal.prototype = {
|
|
|
4788
4798
|
return custom5(+tension2);
|
|
4789
4799
|
};
|
|
4790
4800
|
return cardinal;
|
|
4791
|
-
}, "custom"))(0);
|
|
4801
|
+
}), "custom"))(0);
|
|
4792
4802
|
function CardinalClosed(context, tension) {
|
|
4793
4803
|
this._context = context;
|
|
4794
4804
|
this._k = (1 - tension) / 6;
|
|
@@ -4844,7 +4854,7 @@ CardinalClosed.prototype = {
|
|
|
4844
4854
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
4845
4855
|
}, "point")
|
|
4846
4856
|
};
|
|
4847
|
-
(/* @__PURE__ */ __name(function custom6(tension) {
|
|
4857
|
+
(/* @__PURE__ */ __name((function custom6(tension) {
|
|
4848
4858
|
function cardinal(context) {
|
|
4849
4859
|
return new CardinalClosed(context, tension);
|
|
4850
4860
|
}
|
|
@@ -4853,7 +4863,7 @@ CardinalClosed.prototype = {
|
|
|
4853
4863
|
return custom6(+tension2);
|
|
4854
4864
|
};
|
|
4855
4865
|
return cardinal;
|
|
4856
|
-
}, "custom"))(0);
|
|
4866
|
+
}), "custom"))(0);
|
|
4857
4867
|
function CardinalOpen(context, tension) {
|
|
4858
4868
|
this._context = context;
|
|
4859
4869
|
this._k = (1 - tension) / 6;
|
|
@@ -4889,6 +4899,7 @@ CardinalOpen.prototype = {
|
|
|
4889
4899
|
break;
|
|
4890
4900
|
case 3:
|
|
4891
4901
|
this._point = 4;
|
|
4902
|
+
// proceed
|
|
4892
4903
|
default:
|
|
4893
4904
|
point$2(this, x2, y2);
|
|
4894
4905
|
break;
|
|
@@ -4897,7 +4908,7 @@ CardinalOpen.prototype = {
|
|
|
4897
4908
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
4898
4909
|
}, "point")
|
|
4899
4910
|
};
|
|
4900
|
-
(/* @__PURE__ */ __name(function custom7(tension) {
|
|
4911
|
+
(/* @__PURE__ */ __name((function custom7(tension) {
|
|
4901
4912
|
function cardinal(context) {
|
|
4902
4913
|
return new CardinalOpen(context, tension);
|
|
4903
4914
|
}
|
|
@@ -4906,7 +4917,7 @@ CardinalOpen.prototype = {
|
|
|
4906
4917
|
return custom7(+tension2);
|
|
4907
4918
|
};
|
|
4908
4919
|
return cardinal;
|
|
4909
|
-
}, "custom"))(0);
|
|
4920
|
+
}), "custom"))(0);
|
|
4910
4921
|
function point$1(that, x2, y2) {
|
|
4911
4922
|
var x12 = that._x1, y12 = that._y1, x22 = that._x2, y22 = that._y2;
|
|
4912
4923
|
if (that._l01_a > epsilon) {
|
|
@@ -4966,6 +4977,7 @@ CatmullRom.prototype = {
|
|
|
4966
4977
|
break;
|
|
4967
4978
|
case 2:
|
|
4968
4979
|
this._point = 3;
|
|
4980
|
+
// proceed
|
|
4969
4981
|
default:
|
|
4970
4982
|
point$1(this, x2, y2);
|
|
4971
4983
|
break;
|
|
@@ -4976,7 +4988,7 @@ CatmullRom.prototype = {
|
|
|
4976
4988
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
4977
4989
|
}, "point")
|
|
4978
4990
|
};
|
|
4979
|
-
const curveCatmullRom = (/* @__PURE__ */ __name(function custom8(alpha) {
|
|
4991
|
+
const curveCatmullRom = (/* @__PURE__ */ __name((function custom8(alpha) {
|
|
4980
4992
|
function catmullRom(context) {
|
|
4981
4993
|
return alpha ? new CatmullRom(context, alpha) : new Cardinal(context, 0);
|
|
4982
4994
|
}
|
|
@@ -4985,7 +4997,7 @@ const curveCatmullRom = (/* @__PURE__ */ __name(function custom8(alpha) {
|
|
|
4985
4997
|
return custom8(+alpha2);
|
|
4986
4998
|
};
|
|
4987
4999
|
return catmullRom;
|
|
4988
|
-
}, "custom"))(0.5);
|
|
5000
|
+
}), "custom"))(0.5);
|
|
4989
5001
|
function CatmullRomClosed(context, alpha) {
|
|
4990
5002
|
this._context = context;
|
|
4991
5003
|
this._alpha = alpha;
|
|
@@ -5047,7 +5059,7 @@ CatmullRomClosed.prototype = {
|
|
|
5047
5059
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
5048
5060
|
}, "point")
|
|
5049
5061
|
};
|
|
5050
|
-
(/* @__PURE__ */ __name(function custom9(alpha) {
|
|
5062
|
+
(/* @__PURE__ */ __name((function custom9(alpha) {
|
|
5051
5063
|
function catmullRom(context) {
|
|
5052
5064
|
return alpha ? new CatmullRomClosed(context, alpha) : new CardinalClosed(context, 0);
|
|
5053
5065
|
}
|
|
@@ -5056,7 +5068,7 @@ CatmullRomClosed.prototype = {
|
|
|
5056
5068
|
return custom9(+alpha2);
|
|
5057
5069
|
};
|
|
5058
5070
|
return catmullRom;
|
|
5059
|
-
}, "custom"))(0.5);
|
|
5071
|
+
}), "custom"))(0.5);
|
|
5060
5072
|
function CatmullRomOpen(context, alpha) {
|
|
5061
5073
|
this._context = context;
|
|
5062
5074
|
this._alpha = alpha;
|
|
@@ -5096,6 +5108,7 @@ CatmullRomOpen.prototype = {
|
|
|
5096
5108
|
break;
|
|
5097
5109
|
case 3:
|
|
5098
5110
|
this._point = 4;
|
|
5111
|
+
// proceed
|
|
5099
5112
|
default:
|
|
5100
5113
|
point$1(this, x2, y2);
|
|
5101
5114
|
break;
|
|
@@ -5106,7 +5119,7 @@ CatmullRomOpen.prototype = {
|
|
|
5106
5119
|
this._y0 = this._y1, this._y1 = this._y2, this._y2 = y2;
|
|
5107
5120
|
}, "point")
|
|
5108
5121
|
};
|
|
5109
|
-
(/* @__PURE__ */ __name(function custom10(alpha) {
|
|
5122
|
+
(/* @__PURE__ */ __name((function custom10(alpha) {
|
|
5110
5123
|
function catmullRom(context) {
|
|
5111
5124
|
return alpha ? new CatmullRomOpen(context, alpha) : new CardinalOpen(context, 0);
|
|
5112
5125
|
}
|
|
@@ -5115,7 +5128,7 @@ CatmullRomOpen.prototype = {
|
|
|
5115
5128
|
return custom10(+alpha2);
|
|
5116
5129
|
};
|
|
5117
5130
|
return catmullRom;
|
|
5118
|
-
}, "custom"))(0.5);
|
|
5131
|
+
}), "custom"))(0.5);
|
|
5119
5132
|
function sign(x2) {
|
|
5120
5133
|
return x2 < 0 ? -1 : 1;
|
|
5121
5134
|
}
|
|
@@ -5200,7 +5213,7 @@ var classCallCheck = /* @__PURE__ */ __name(function(instance, Constructor) {
|
|
|
5200
5213
|
throw new TypeError("Cannot call a class as a function");
|
|
5201
5214
|
}
|
|
5202
5215
|
}, "classCallCheck");
|
|
5203
|
-
var createClass = /* @__PURE__ */ function() {
|
|
5216
|
+
var createClass = /* @__PURE__ */ (function() {
|
|
5204
5217
|
function defineProperties(target, props) {
|
|
5205
5218
|
for (var i = 0; i < props.length; i++) {
|
|
5206
5219
|
var descriptor = props[i];
|
|
@@ -5216,7 +5229,7 @@ var createClass = /* @__PURE__ */ function() {
|
|
|
5216
5229
|
if (staticProps) defineProperties(Constructor, staticProps);
|
|
5217
5230
|
return Constructor;
|
|
5218
5231
|
};
|
|
5219
|
-
}();
|
|
5232
|
+
})();
|
|
5220
5233
|
var _extends = Object.assign || function(target) {
|
|
5221
5234
|
for (var i = 1; i < arguments.length; i++) {
|
|
5222
5235
|
var source = arguments[i];
|
|
@@ -5276,7 +5289,7 @@ var toConsumableArray = /* @__PURE__ */ __name(function(arr) {
|
|
|
5276
5289
|
return Array.from(arr);
|
|
5277
5290
|
}
|
|
5278
5291
|
}, "toConsumableArray");
|
|
5279
|
-
var Annotation = function() {
|
|
5292
|
+
var Annotation = (function() {
|
|
5280
5293
|
function Annotation2(_ref) {
|
|
5281
5294
|
var _ref$x = _ref.x, x2 = _ref$x === void 0 ? 0 : _ref$x, _ref$y = _ref.y, y2 = _ref$y === void 0 ? 0 : _ref$y, nx = _ref.nx, ny = _ref.ny, _ref$dy = _ref.dy, dy = _ref$dy === void 0 ? 0 : _ref$dy, _ref$dx = _ref.dx, dx = _ref$dx === void 0 ? 0 : _ref$dx, _ref$color = _ref.color, color = _ref$color === void 0 ? "grey" : _ref$color, data = _ref.data, type = _ref.type, subject = _ref.subject, connector = _ref.connector, note = _ref.note, disable = _ref.disable, id = _ref.id, className = _ref.className;
|
|
5282
5295
|
classCallCheck(this, Annotation2);
|
|
@@ -5445,8 +5458,8 @@ var Annotation = function() {
|
|
|
5445
5458
|
}, "get$$1")
|
|
5446
5459
|
}]);
|
|
5447
5460
|
return Annotation2;
|
|
5448
|
-
}();
|
|
5449
|
-
var AnnotationCollection = function() {
|
|
5461
|
+
})();
|
|
5462
|
+
var AnnotationCollection = (function() {
|
|
5450
5463
|
function AnnotationCollection2(_ref) {
|
|
5451
5464
|
var annotations = _ref.annotations, accessors = _ref.accessors, accessorsInverse = _ref.accessorsInverse;
|
|
5452
5465
|
classCallCheck(this, AnnotationCollection2);
|
|
@@ -5559,7 +5572,7 @@ var AnnotationCollection = function() {
|
|
|
5559
5572
|
// }
|
|
5560
5573
|
}]);
|
|
5561
5574
|
return AnnotationCollection2;
|
|
5562
|
-
}();
|
|
5575
|
+
})();
|
|
5563
5576
|
var pointHandle = /* @__PURE__ */ __name(function pointHandle2(_ref) {
|
|
5564
5577
|
var _ref$cx = _ref.cx, cx = _ref$cx === void 0 ? 0 : _ref$cx, _ref$cy = _ref.cy, cy = _ref$cy === void 0 ? 0 : _ref$cy;
|
|
5565
5578
|
return { move: { x: cx, y: cy } };
|
|
@@ -5621,7 +5634,7 @@ var topBottomDynamic = /* @__PURE__ */ __name(function topBottomDynamic2(align,
|
|
|
5621
5634
|
}, "topBottomDynamic");
|
|
5622
5635
|
var orientationTopBottom = ["topBottom", "top", "bottom"];
|
|
5623
5636
|
var orientationLeftRight = ["leftRight", "left", "right"];
|
|
5624
|
-
var noteAlignment = /* @__PURE__ */ __name(function(_ref) {
|
|
5637
|
+
var noteAlignment = /* @__PURE__ */ __name((function(_ref) {
|
|
5625
5638
|
var _ref$padding = _ref.padding, padding = _ref$padding === void 0 ? 0 : _ref$padding, _ref$bbox = _ref.bbox, bbox = _ref$bbox === void 0 ? { x: 0, width: 0, height: 0 } : _ref$bbox, align = _ref.align, orientation = _ref.orientation, _ref$offset = _ref.offset, offset = _ref$offset === void 0 ? { x: 0, y: 0 } : _ref$offset;
|
|
5626
5639
|
var x2 = -bbox.x;
|
|
5627
5640
|
var y2 = 0;
|
|
@@ -5651,7 +5664,7 @@ var noteAlignment = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5651
5664
|
}
|
|
5652
5665
|
}
|
|
5653
5666
|
return { x: x2, y: y2 };
|
|
5654
|
-
}, "noteAlignment");
|
|
5667
|
+
}), "noteAlignment");
|
|
5655
5668
|
var lineBuilder = /* @__PURE__ */ __name(function lineBuilder2(_ref) {
|
|
5656
5669
|
var data = _ref.data, _ref$curve = _ref.curve, curve = _ref$curve === void 0 ? curveLinear : _ref$curve, canvasContext = _ref.canvasContext, className = _ref.className, classID = _ref.classID;
|
|
5657
5670
|
var lineGen2 = line().curve(curve);
|
|
@@ -5690,7 +5703,7 @@ var arcBuilder = /* @__PURE__ */ __name(function arcBuilder2(_ref2) {
|
|
|
5690
5703
|
}
|
|
5691
5704
|
return builder;
|
|
5692
5705
|
}, "arcBuilder");
|
|
5693
|
-
var noteVertical = /* @__PURE__ */ __name(function(_ref) {
|
|
5706
|
+
var noteVertical = /* @__PURE__ */ __name((function(_ref) {
|
|
5694
5707
|
var align = _ref.align, _ref$x = _ref.x, x2 = _ref$x === void 0 ? 0 : _ref$x, _ref$y = _ref.y, y2 = _ref$y === void 0 ? 0 : _ref$y, bbox = _ref.bbox, offset = _ref.offset;
|
|
5695
5708
|
align = leftRightDynamic(align, offset.y);
|
|
5696
5709
|
if (align === "top") {
|
|
@@ -5700,8 +5713,8 @@ var noteVertical = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5700
5713
|
}
|
|
5701
5714
|
var data = [[x2, y2], [x2, y2 + bbox.height]];
|
|
5702
5715
|
return { components: [lineBuilder({ data, className: "note-line" })] };
|
|
5703
|
-
}, "noteVertical");
|
|
5704
|
-
var noteHorizontal = /* @__PURE__ */ __name(function(_ref) {
|
|
5716
|
+
}), "noteVertical");
|
|
5717
|
+
var noteHorizontal = /* @__PURE__ */ __name((function(_ref) {
|
|
5705
5718
|
var align = _ref.align, _ref$x = _ref.x, x2 = _ref$x === void 0 ? 0 : _ref$x, _ref$y = _ref.y, y2 = _ref$y === void 0 ? 0 : _ref$y, offset = _ref.offset, bbox = _ref.bbox;
|
|
5706
5719
|
align = topBottomDynamic(align, offset.x);
|
|
5707
5720
|
if (align === "right") {
|
|
@@ -5711,7 +5724,7 @@ var noteHorizontal = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5711
5724
|
}
|
|
5712
5725
|
var data = [[x2, y2], [x2 + bbox.width, y2]];
|
|
5713
5726
|
return { components: [lineBuilder({ data, className: "note-line" })] };
|
|
5714
|
-
}, "noteHorizontal");
|
|
5727
|
+
}), "noteHorizontal");
|
|
5715
5728
|
var lineSetup = /* @__PURE__ */ __name(function lineSetup2(_ref) {
|
|
5716
5729
|
var type = _ref.type, subjectType = _ref.subjectType;
|
|
5717
5730
|
var annotation2 = type.annotation;
|
|
@@ -5742,11 +5755,11 @@ var lineSetup = /* @__PURE__ */ __name(function lineSetup2(_ref) {
|
|
|
5742
5755
|
}
|
|
5743
5756
|
return [[x12, y12], [x2, y2]];
|
|
5744
5757
|
}, "lineSetup");
|
|
5745
|
-
var connectorLine = /* @__PURE__ */ __name(function(connectorData) {
|
|
5758
|
+
var connectorLine = /* @__PURE__ */ __name((function(connectorData) {
|
|
5746
5759
|
var data = lineSetup(connectorData);
|
|
5747
5760
|
return { components: [lineBuilder({ data, className: "connector" })] };
|
|
5748
|
-
}, "connectorLine");
|
|
5749
|
-
var connectorElbow = /* @__PURE__ */ __name(function(_ref) {
|
|
5761
|
+
}), "connectorLine");
|
|
5762
|
+
var connectorElbow = /* @__PURE__ */ __name((function(_ref) {
|
|
5750
5763
|
var type = _ref.type, subjectType = _ref.subjectType;
|
|
5751
5764
|
var annotation2 = type.annotation;
|
|
5752
5765
|
var offset = annotation2.position;
|
|
@@ -5800,8 +5813,8 @@ var connectorElbow = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5800
5813
|
data = [[x12, y12], [xe, ye], [x2, y2]];
|
|
5801
5814
|
}
|
|
5802
5815
|
return { components: [lineBuilder({ data, className: "connector" })] };
|
|
5803
|
-
}, "connectorElbow");
|
|
5804
|
-
var connectorCurve = /* @__PURE__ */ __name(function(_ref) {
|
|
5816
|
+
}), "connectorElbow");
|
|
5817
|
+
var connectorCurve = /* @__PURE__ */ __name((function(_ref) {
|
|
5805
5818
|
var type = _ref.type, connectorData = _ref.connectorData, subjectType = _ref.subjectType;
|
|
5806
5819
|
if (!connectorData) {
|
|
5807
5820
|
connectorData = {};
|
|
@@ -5830,7 +5843,7 @@ var connectorCurve = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5830
5843
|
data = [data[0]].concat(toConsumableArray(connectorData.points), [data[1]]);
|
|
5831
5844
|
var components = [lineBuilder({ data, curve: connectorData.curve, className: "connector" })];
|
|
5832
5845
|
return { components, handles };
|
|
5833
|
-
}, "connectorCurve");
|
|
5846
|
+
}), "connectorCurve");
|
|
5834
5847
|
var createPoints = /* @__PURE__ */ __name(function createPoints2(offset) {
|
|
5835
5848
|
var anchors = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
|
|
5836
5849
|
var diff = { x: offset.x / (anchors + 1), y: offset.y / (anchors + 1) };
|
|
@@ -5841,7 +5854,7 @@ var createPoints = /* @__PURE__ */ __name(function createPoints2(offset) {
|
|
|
5841
5854
|
}
|
|
5842
5855
|
return p;
|
|
5843
5856
|
}, "createPoints");
|
|
5844
|
-
var connectorArrow = /* @__PURE__ */ __name(function(_ref) {
|
|
5857
|
+
var connectorArrow = /* @__PURE__ */ __name((function(_ref) {
|
|
5845
5858
|
var annotation2 = _ref.annotation, start = _ref.start, end = _ref.end, _ref$scale = _ref.scale, scale = _ref$scale === void 0 ? 1 : _ref$scale;
|
|
5846
5859
|
var offset = annotation2.position;
|
|
5847
5860
|
if (!start) {
|
|
@@ -5869,8 +5882,8 @@ var connectorArrow = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5869
5882
|
classID: "connector-end"
|
|
5870
5883
|
})]
|
|
5871
5884
|
};
|
|
5872
|
-
}, "connectorArrow");
|
|
5873
|
-
var connectorDot = /* @__PURE__ */ __name(function(_ref) {
|
|
5885
|
+
}), "connectorArrow");
|
|
5886
|
+
var connectorDot = /* @__PURE__ */ __name((function(_ref) {
|
|
5874
5887
|
var line$$1 = _ref.line, _ref$scale = _ref.scale, scale = _ref$scale === void 0 ? 1 : _ref$scale;
|
|
5875
5888
|
var dot = arcBuilder({
|
|
5876
5889
|
className: "connector-end connector-dot",
|
|
@@ -5879,8 +5892,8 @@ var connectorDot = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5879
5892
|
});
|
|
5880
5893
|
dot.attrs.transform = "translate(" + line$$1.data[0][0] + ", " + line$$1.data[0][1] + ")";
|
|
5881
5894
|
return { components: [dot] };
|
|
5882
|
-
}, "connectorDot");
|
|
5883
|
-
var subjectCircle = /* @__PURE__ */ __name(function(_ref) {
|
|
5895
|
+
}), "connectorDot");
|
|
5896
|
+
var subjectCircle = /* @__PURE__ */ __name((function(_ref) {
|
|
5884
5897
|
var subjectData = _ref.subjectData, type = _ref.type;
|
|
5885
5898
|
if (!subjectData.radius && !subjectData.outerRadius) {
|
|
5886
5899
|
subjectData.radius = 20;
|
|
@@ -5909,8 +5922,8 @@ var subjectCircle = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5909
5922
|
}
|
|
5910
5923
|
c.attrs["fill-opacity"] = 0;
|
|
5911
5924
|
return { components: [c], handles };
|
|
5912
|
-
}, "subjectCircle");
|
|
5913
|
-
var subjectRect = /* @__PURE__ */ __name(function(_ref) {
|
|
5925
|
+
}), "subjectCircle");
|
|
5926
|
+
var subjectRect = /* @__PURE__ */ __name((function(_ref) {
|
|
5914
5927
|
var subjectData = _ref.subjectData, type = _ref.type;
|
|
5915
5928
|
if (!subjectData.width) {
|
|
5916
5929
|
subjectData.width = 100;
|
|
@@ -5938,15 +5951,15 @@ var subjectRect = /* @__PURE__ */ __name(function(_ref) {
|
|
|
5938
5951
|
}
|
|
5939
5952
|
rect.attrs["fill-opacity"] = 0.1;
|
|
5940
5953
|
return { components: [rect], handles };
|
|
5941
|
-
}, "subjectRect");
|
|
5942
|
-
var subjectThreshold = /* @__PURE__ */ __name(function(_ref) {
|
|
5954
|
+
}), "subjectRect");
|
|
5955
|
+
var subjectThreshold = /* @__PURE__ */ __name((function(_ref) {
|
|
5943
5956
|
var subjectData = _ref.subjectData, type = _ref.type;
|
|
5944
5957
|
var offset = type.annotation.position;
|
|
5945
5958
|
var x12 = (subjectData.x1 !== void 0 ? subjectData.x1 : offset.x) - offset.x, x2 = (subjectData.x2 !== void 0 ? subjectData.x2 : offset.x) - offset.x, y12 = (subjectData.y1 !== void 0 ? subjectData.y1 : offset.y) - offset.y, y2 = (subjectData.y2 !== void 0 ? subjectData.y2 : offset.y) - offset.y;
|
|
5946
5959
|
var data = [[x12, y12], [x2, y2]];
|
|
5947
5960
|
return { components: [lineBuilder({ data, className: "subject" })] };
|
|
5948
|
-
}, "subjectThreshold");
|
|
5949
|
-
var subjectBadge = /* @__PURE__ */ __name(function(_ref) {
|
|
5961
|
+
}), "subjectThreshold");
|
|
5962
|
+
var subjectBadge = /* @__PURE__ */ __name((function(_ref) {
|
|
5950
5963
|
var _ref$subjectData = _ref.subjectData, subjectData = _ref$subjectData === void 0 ? {} : _ref$subjectData, _ref$type = _ref.type, type = _ref$type === void 0 ? {} : _ref$type;
|
|
5951
5964
|
var annotation2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
5952
5965
|
var typeSettings = type.typeSettings && type.typeSettings.subject;
|
|
@@ -6060,8 +6073,8 @@ var subjectBadge = /* @__PURE__ */ __name(function(_ref) {
|
|
|
6060
6073
|
components.push(circle2);
|
|
6061
6074
|
components.push(text);
|
|
6062
6075
|
return { components, handles };
|
|
6063
|
-
}, "subjectBadge");
|
|
6064
|
-
var Type = function() {
|
|
6076
|
+
}), "subjectBadge");
|
|
6077
|
+
var Type = (function() {
|
|
6065
6078
|
function Type2(_ref) {
|
|
6066
6079
|
var a = _ref.a, annotation2 = _ref.annotation, editMode = _ref.editMode, dispatcher = _ref.dispatcher, notePadding = _ref.notePadding, accessors = _ref.accessors;
|
|
6067
6080
|
classCallCheck(this, Type2);
|
|
@@ -6414,9 +6427,9 @@ var Type = function() {
|
|
|
6414
6427
|
}, "mapHandles")
|
|
6415
6428
|
}]);
|
|
6416
6429
|
return Type2;
|
|
6417
|
-
}();
|
|
6430
|
+
})();
|
|
6418
6431
|
var customType = /* @__PURE__ */ __name(function customType2(initialType, typeSettings, _init) {
|
|
6419
|
-
return function(_initialType) {
|
|
6432
|
+
return (function(_initialType) {
|
|
6420
6433
|
inherits(customType3, _initialType);
|
|
6421
6434
|
function customType3(settings) {
|
|
6422
6435
|
classCallCheck(this, customType3);
|
|
@@ -6473,9 +6486,9 @@ var customType = /* @__PURE__ */ __name(function customType2(initialType, typeSe
|
|
|
6473
6486
|
}, "init")
|
|
6474
6487
|
}]);
|
|
6475
6488
|
return customType3;
|
|
6476
|
-
}(initialType);
|
|
6489
|
+
})(initialType);
|
|
6477
6490
|
}, "customType");
|
|
6478
|
-
var d3NoteText = function(_Type) {
|
|
6491
|
+
var d3NoteText = (function(_Type) {
|
|
6479
6492
|
inherits(d3NoteText2, _Type);
|
|
6480
6493
|
function d3NoteText2(params) {
|
|
6481
6494
|
classCallCheck(this, d3NoteText2);
|
|
@@ -6535,7 +6548,7 @@ var d3NoteText = function(_Type) {
|
|
|
6535
6548
|
}, "drawText")
|
|
6536
6549
|
}]);
|
|
6537
6550
|
return d3NoteText2;
|
|
6538
|
-
}(Type);
|
|
6551
|
+
})(Type);
|
|
6539
6552
|
customType(d3NoteText, {
|
|
6540
6553
|
className: "label",
|
|
6541
6554
|
note: { align: "middle" }
|
|
@@ -6569,7 +6582,7 @@ customType(d3NoteText, {
|
|
|
6569
6582
|
note: { lineType: "horizontal" },
|
|
6570
6583
|
connector: { type: "elbow" }
|
|
6571
6584
|
});
|
|
6572
|
-
var ThresholdMap = function(_d3Callout) {
|
|
6585
|
+
var ThresholdMap = (function(_d3Callout) {
|
|
6573
6586
|
inherits(ThresholdMap2, _d3Callout);
|
|
6574
6587
|
function ThresholdMap2() {
|
|
6575
6588
|
classCallCheck(this, ThresholdMap2);
|
|
@@ -6602,7 +6615,7 @@ var ThresholdMap = function(_d3Callout) {
|
|
|
6602
6615
|
}, "mapX")
|
|
6603
6616
|
}]);
|
|
6604
6617
|
return ThresholdMap2;
|
|
6605
|
-
}(d3Callout);
|
|
6618
|
+
})(d3Callout);
|
|
6606
6619
|
customType(ThresholdMap, {
|
|
6607
6620
|
className: "callout xythreshold",
|
|
6608
6621
|
subject: { type: "threshold" }
|
|
@@ -6881,20 +6894,20 @@ function arcTween(startAngle, endAngle, arc2) {
|
|
|
6881
6894
|
}
|
|
6882
6895
|
__name(arcTween, "arcTween");
|
|
6883
6896
|
const _Gauge = class _Gauge extends SVGWidget {
|
|
6897
|
+
_d3Arc = d3Arc().innerRadius(85).outerRadius(100);
|
|
6898
|
+
_colorScale = scaleLinear().interpolate(interpolateHcl);
|
|
6899
|
+
_usageArc;
|
|
6900
|
+
_meanArc;
|
|
6901
|
+
_freeArc;
|
|
6902
|
+
_indInner;
|
|
6903
|
+
_indOuter;
|
|
6904
|
+
_centerTextG;
|
|
6905
|
+
_centerText;
|
|
6906
|
+
_bottomText;
|
|
6907
|
+
_tooltipG;
|
|
6908
|
+
_mainTooltip;
|
|
6884
6909
|
constructor() {
|
|
6885
6910
|
super();
|
|
6886
|
-
__publicField(this, "_d3Arc", d3Arc().innerRadius(85).outerRadius(100));
|
|
6887
|
-
__publicField(this, "_colorScale", scaleLinear().interpolate(interpolateHcl));
|
|
6888
|
-
__publicField(this, "_usageArc");
|
|
6889
|
-
__publicField(this, "_meanArc");
|
|
6890
|
-
__publicField(this, "_freeArc");
|
|
6891
|
-
__publicField(this, "_indInner");
|
|
6892
|
-
__publicField(this, "_indOuter");
|
|
6893
|
-
__publicField(this, "_centerTextG");
|
|
6894
|
-
__publicField(this, "_centerText");
|
|
6895
|
-
__publicField(this, "_bottomText");
|
|
6896
|
-
__publicField(this, "_tooltipG");
|
|
6897
|
-
__publicField(this, "_mainTooltip");
|
|
6898
6911
|
}
|
|
6899
6912
|
tip(d) {
|
|
6900
6913
|
if (d === null || d.label === "") {
|
|
@@ -7011,7 +7024,7 @@ const _Gauge = class _Gauge extends SVGWidget {
|
|
|
7011
7024
|
this._indInner.style("fill", this.tickColor()).style("stroke", this.tickColor()).style("visibility", this.showTick() ? "visible" : "hidden").transition().duration(750).attrTween("transform", indicatorTween(value2Angle(tickVal), innerRadius, true));
|
|
7012
7025
|
this._indOuter.style("fill", this.tickColor()).style("stroke", this.tickColor()).style("visibility", this.showTick() ? "visible" : "hidden").transition().duration(750).attrTween("transform", indicatorTween(value2Angle(tickVal), outerRadius));
|
|
7013
7026
|
this._centerText.style("fill", this._colorScale(val)).text(format(".0%")(val));
|
|
7014
|
-
this._bottomText.style("fill", this.click !== _Gauge.prototype.click ?
|
|
7027
|
+
this._bottomText.style("fill", this.click !== _Gauge.prototype.click ? this.titleClickColor() : this.titleColor()).style("text-decoration", this.click !== _Gauge.prototype.click ? "underline" : null).text(this.title());
|
|
7015
7028
|
const point2 = pointOnArc(value2Angle(1), innerRadius - 8);
|
|
7016
7029
|
this.updateText(this._centerText, -point2.x, -point2.y, 2 * point2.x, 2 * point2.y);
|
|
7017
7030
|
const point22 = pointOnArc(value2Angle(1), outerRadius);
|
|
@@ -7030,6 +7043,8 @@ let Gauge = _Gauge;
|
|
|
7030
7043
|
Gauge.prototype._class += " chart_Gauge";
|
|
7031
7044
|
Gauge.prototype.publish("title", "", "string", "Title");
|
|
7032
7045
|
Gauge.prototype.publish("titleDescription", "", "string", "Title Description");
|
|
7046
|
+
Gauge.prototype.publish("titleColor", "black", "html-color", "Color of the title text");
|
|
7047
|
+
Gauge.prototype.publish("titleClickColor", "blue", "html-color", "Color of the title text when clickable");
|
|
7033
7048
|
Gauge.prototype.publish("maxDiameter", 128, "number", "Max Diameter");
|
|
7034
7049
|
Gauge.prototype.publish("value", 0, "number", "Value");
|
|
7035
7050
|
Gauge.prototype.publish("valueDescription", "", "string", "Value Description");
|
|
@@ -7044,22 +7059,20 @@ Gauge.prototype.publish("tickColor", "black", "html-color", "Color of the tick")
|
|
|
7044
7059
|
const sortAscending = /* @__PURE__ */ __name((a, b) => a[1] - b[1] > 0 ? 1 : -1, "sortAscending");
|
|
7045
7060
|
const sortDescending = /* @__PURE__ */ __name((a, b) => a[1] - b[1] > 0 ? -1 : 1, "sortDescending");
|
|
7046
7061
|
const _Pie = class _Pie extends SVGWidget {
|
|
7062
|
+
_totalValue;
|
|
7063
|
+
d3Pie;
|
|
7064
|
+
d3Arc;
|
|
7065
|
+
d3LabelArc;
|
|
7066
|
+
_labelPositions;
|
|
7067
|
+
_smallValueLabelHeight;
|
|
7068
|
+
_labelWidthLimit;
|
|
7069
|
+
_quadIdxArr;
|
|
7070
|
+
_minLabelTop = 0;
|
|
7071
|
+
_maxLabelBottom = 0;
|
|
7072
|
+
_seriesValueFormatter;
|
|
7073
|
+
_seriesPercentageFormatter;
|
|
7047
7074
|
constructor() {
|
|
7048
7075
|
super();
|
|
7049
|
-
__publicField(this, "_totalValue");
|
|
7050
|
-
__publicField(this, "d3Pie");
|
|
7051
|
-
__publicField(this, "d3Arc");
|
|
7052
|
-
__publicField(this, "d3LabelArc");
|
|
7053
|
-
__publicField(this, "_labelPositions");
|
|
7054
|
-
__publicField(this, "_smallValueLabelHeight");
|
|
7055
|
-
__publicField(this, "_labelWidthLimit");
|
|
7056
|
-
__publicField(this, "_quadIdxArr");
|
|
7057
|
-
__publicField(this, "_minLabelTop", 0);
|
|
7058
|
-
__publicField(this, "_maxLabelBottom", 0);
|
|
7059
|
-
__publicField(this, "_seriesValueFormatter");
|
|
7060
|
-
__publicField(this, "_seriesPercentageFormatter");
|
|
7061
|
-
__publicField(this, "_slices");
|
|
7062
|
-
__publicField(this, "_labels");
|
|
7063
7076
|
I2DChart.call(this);
|
|
7064
7077
|
ITooltip.call(this);
|
|
7065
7078
|
Utility.SimpleSelectionMixin.call(this);
|
|
@@ -7130,10 +7143,9 @@ const _Pie = class _Pie extends SVGWidget {
|
|
|
7130
7143
|
return label;
|
|
7131
7144
|
}
|
|
7132
7145
|
selection(_) {
|
|
7133
|
-
var _a;
|
|
7134
7146
|
if (!arguments.length) {
|
|
7135
7147
|
try {
|
|
7136
|
-
return
|
|
7148
|
+
return this._selection.selection2()[0]?.data;
|
|
7137
7149
|
} catch (e) {
|
|
7138
7150
|
return void 0;
|
|
7139
7151
|
}
|
|
@@ -7147,6 +7159,8 @@ const _Pie = class _Pie extends SVGWidget {
|
|
|
7147
7159
|
this.selection(row);
|
|
7148
7160
|
}
|
|
7149
7161
|
}
|
|
7162
|
+
_slices;
|
|
7163
|
+
_labels;
|
|
7150
7164
|
enter(_domNode, element) {
|
|
7151
7165
|
super.enter(_domNode, element);
|
|
7152
7166
|
this._selection.widgetElement(element);
|
|
@@ -7425,11 +7439,11 @@ __name(_HalfPie, "HalfPie");
|
|
|
7425
7439
|
let HalfPie = _HalfPie;
|
|
7426
7440
|
HalfPie.prototype._class += " chart_HalfPie";
|
|
7427
7441
|
const _Heat = class _Heat extends XYAxis {
|
|
7442
|
+
_domForeignObject;
|
|
7443
|
+
_domCanvas;
|
|
7444
|
+
_heat;
|
|
7428
7445
|
constructor() {
|
|
7429
7446
|
super();
|
|
7430
|
-
__publicField(this, "_domForeignObject");
|
|
7431
|
-
__publicField(this, "_domCanvas");
|
|
7432
|
-
__publicField(this, "_heat");
|
|
7433
7447
|
this.xAxisGuideLines_default(true).yAxisGuideLines_default(true);
|
|
7434
7448
|
}
|
|
7435
7449
|
radius(r) {
|
|
@@ -7668,11 +7682,11 @@ function d3HexBin() {
|
|
|
7668
7682
|
}
|
|
7669
7683
|
__name(d3HexBin, "d3HexBin");
|
|
7670
7684
|
const _HexBin = class _HexBin extends XYAxis {
|
|
7685
|
+
_hexbin;
|
|
7686
|
+
_dataMinWeight;
|
|
7687
|
+
_dataMaxWeight;
|
|
7671
7688
|
constructor() {
|
|
7672
7689
|
super();
|
|
7673
|
-
__publicField(this, "_hexbin");
|
|
7674
|
-
__publicField(this, "_dataMinWeight");
|
|
7675
|
-
__publicField(this, "_dataMaxWeight");
|
|
7676
7690
|
I2DAggrChart.call(this);
|
|
7677
7691
|
this.tooltipValueFormat_default(",.0f");
|
|
7678
7692
|
ITooltip.call(this);
|
|
@@ -7802,25 +7816,25 @@ let QuarterPie = _QuarterPie;
|
|
|
7802
7816
|
QuarterPie.prototype._class += " chart_QuarterPie";
|
|
7803
7817
|
QuarterPie.prototype.publish("orientation", "left", "set", "Determines the placement and start/end angle.", ["left", "right"]);
|
|
7804
7818
|
const _QuartileCandlestick = class _QuartileCandlestick extends SVGWidget {
|
|
7819
|
+
_g;
|
|
7820
|
+
_leftLine;
|
|
7821
|
+
_rightLine;
|
|
7822
|
+
_midLine;
|
|
7823
|
+
_midOuterRect;
|
|
7824
|
+
_midInnerRect1;
|
|
7825
|
+
_midInnerRect2;
|
|
7826
|
+
_q0text;
|
|
7827
|
+
_q1text;
|
|
7828
|
+
_q2text;
|
|
7829
|
+
_q3text;
|
|
7830
|
+
_q4text;
|
|
7831
|
+
_q0val;
|
|
7832
|
+
_q1val;
|
|
7833
|
+
_q2val;
|
|
7834
|
+
_q3val;
|
|
7835
|
+
_q4val;
|
|
7805
7836
|
constructor() {
|
|
7806
7837
|
super();
|
|
7807
|
-
__publicField(this, "_g");
|
|
7808
|
-
__publicField(this, "_leftLine");
|
|
7809
|
-
__publicField(this, "_rightLine");
|
|
7810
|
-
__publicField(this, "_midLine");
|
|
7811
|
-
__publicField(this, "_midOuterRect");
|
|
7812
|
-
__publicField(this, "_midInnerRect1");
|
|
7813
|
-
__publicField(this, "_midInnerRect2");
|
|
7814
|
-
__publicField(this, "_q0text");
|
|
7815
|
-
__publicField(this, "_q1text");
|
|
7816
|
-
__publicField(this, "_q2text");
|
|
7817
|
-
__publicField(this, "_q3text");
|
|
7818
|
-
__publicField(this, "_q4text");
|
|
7819
|
-
__publicField(this, "_q0val");
|
|
7820
|
-
__publicField(this, "_q1val");
|
|
7821
|
-
__publicField(this, "_q2val");
|
|
7822
|
-
__publicField(this, "_q3val");
|
|
7823
|
-
__publicField(this, "_q4val");
|
|
7824
7838
|
}
|
|
7825
7839
|
enter(domNode, element) {
|
|
7826
7840
|
super.enter(domNode, element);
|
|
@@ -8113,14 +8127,14 @@ Radar.prototype.publish("fontFamily", "", "string", "fontFamily");
|
|
|
8113
8127
|
Radar.prototype.publish("fontSize", 16, "number", "fontSize");
|
|
8114
8128
|
Radar.prototype.publish("labelPaddingRatio", 0.9, "number", "labelPaddingRatio");
|
|
8115
8129
|
const _RadialBar = class _RadialBar extends SVGWidget {
|
|
8130
|
+
_domainScale = scaleBand();
|
|
8131
|
+
_valueScale = scaleLinear();
|
|
8132
|
+
_d3Arc = d3Arc().startAngle(0).endAngle((d) => this._valueScale(d[1]));
|
|
8133
|
+
_arcs;
|
|
8134
|
+
_axialAxis;
|
|
8135
|
+
_radialAxis;
|
|
8116
8136
|
constructor() {
|
|
8117
8137
|
super();
|
|
8118
|
-
__publicField(this, "_domainScale", scaleBand());
|
|
8119
|
-
__publicField(this, "_valueScale", scaleLinear());
|
|
8120
|
-
__publicField(this, "_d3Arc", d3Arc().startAngle(0).endAngle((d) => this._valueScale(d[1])));
|
|
8121
|
-
__publicField(this, "_arcs");
|
|
8122
|
-
__publicField(this, "_axialAxis");
|
|
8123
|
-
__publicField(this, "_radialAxis");
|
|
8124
8138
|
INDChart.call(this);
|
|
8125
8139
|
ITooltip.call(this);
|
|
8126
8140
|
Utility.SimpleSelectionMixin.call(this);
|
|
@@ -8225,12 +8239,12 @@ function myFormatter(format$1) {
|
|
|
8225
8239
|
}
|
|
8226
8240
|
__name(myFormatter, "myFormatter");
|
|
8227
8241
|
const _StatChart = class _StatChart extends HTMLWidget {
|
|
8242
|
+
_selectElement;
|
|
8243
|
+
_tickFormatter;
|
|
8244
|
+
_bellCurve = new Scatter().columns(["", "Std. Dev."]).paletteID("Quartile").interpolate_default("basis").pointSize(0).xAxisType("linear").xAxisOverlapMode("none").xAxisTickFormat(",").yAxisHidden(true).yAxisDomainLow(0).yAxisDomainHigh(110).yAxisGuideLines(false);
|
|
8245
|
+
_candle = new QuartileCandlestick().columns(["Min", "25%", "50%", "75%", "Max"]).edgePadding(0).roundedCorners(1).lineWidth(1).upperTextRotation(-90).lowerTextRotation(-90).labelFontSize(0).valueFontSize(0).lineColor(rainbow(90, 0, 100)).innerRectColor(rainbow(10, 0, 100));
|
|
8228
8246
|
constructor() {
|
|
8229
8247
|
super();
|
|
8230
|
-
__publicField(this, "_selectElement");
|
|
8231
|
-
__publicField(this, "_tickFormatter");
|
|
8232
|
-
__publicField(this, "_bellCurve", new Scatter().columns(["", "Std. Dev."]).paletteID("Quartile").interpolate_default("basis").pointSize(0).xAxisType("linear").xAxisOverlapMode("none").xAxisTickFormat(",").yAxisHidden(true).yAxisDomainLow(0).yAxisDomainHigh(110).yAxisGuideLines(false));
|
|
8233
|
-
__publicField(this, "_candle", new QuartileCandlestick().columns(["Min", "25%", "50%", "75%", "Max"]).edgePadding(0).roundedCorners(1).lineWidth(1).upperTextRotation(-90).lowerTextRotation(-90).labelFontSize(0).valueFontSize(0).lineColor(rainbow(90, 0, 100)).innerRectColor(rainbow(10, 0, 100)));
|
|
8234
8248
|
this.columns(["Min", "25%", "50%", "75%", "Max", "Mean", "Std. Dev."]);
|
|
8235
8249
|
}
|
|
8236
8250
|
stdDev(degrees) {
|
|
@@ -8375,12 +8389,12 @@ Step.prototype._class += " chart_Step";
|
|
|
8375
8389
|
const TEXT = "text";
|
|
8376
8390
|
const HTML = "html";
|
|
8377
8391
|
const _Summary = class _Summary extends HTMLWidget {
|
|
8392
|
+
_playIntervalIdx = 0;
|
|
8393
|
+
_mainDiv;
|
|
8394
|
+
_headerDiv;
|
|
8395
|
+
_textDiv;
|
|
8378
8396
|
constructor() {
|
|
8379
8397
|
super();
|
|
8380
|
-
__publicField(this, "_playIntervalIdx", 0);
|
|
8381
|
-
__publicField(this, "_mainDiv");
|
|
8382
|
-
__publicField(this, "_headerDiv");
|
|
8383
|
-
__publicField(this, "_textDiv");
|
|
8384
8398
|
this._tag = "div";
|
|
8385
8399
|
this._drawStartPos = "center";
|
|
8386
8400
|
this.playInterval(this.playInterval());
|
|
@@ -8552,9 +8566,9 @@ Summary.prototype.playInterval = function(_) {
|
|
|
8552
8566
|
return retVal;
|
|
8553
8567
|
};
|
|
8554
8568
|
const _SummaryC = class _SummaryC extends CanvasWidget {
|
|
8569
|
+
_playIntervalIdx = 0;
|
|
8555
8570
|
constructor() {
|
|
8556
8571
|
super();
|
|
8557
|
-
__publicField(this, "_playIntervalIdx", 0);
|
|
8558
8572
|
I2DChart.call(this);
|
|
8559
8573
|
this.playInterval(this.playInterval());
|
|
8560
8574
|
}
|
|
@@ -9085,15 +9099,15 @@ const spirals = {
|
|
|
9085
9099
|
rectangular: rectangularSpiral
|
|
9086
9100
|
};
|
|
9087
9101
|
const _WordCloud = class _WordCloud extends SVGWidget {
|
|
9102
|
+
_prevOffsetX;
|
|
9103
|
+
_prevOffsetY;
|
|
9104
|
+
_prevZoom;
|
|
9105
|
+
_root;
|
|
9106
|
+
_canvas;
|
|
9107
|
+
_d3Cloud;
|
|
9108
|
+
_d3Zoom;
|
|
9088
9109
|
constructor() {
|
|
9089
9110
|
super();
|
|
9090
|
-
__publicField(this, "_prevOffsetX");
|
|
9091
|
-
__publicField(this, "_prevOffsetY");
|
|
9092
|
-
__publicField(this, "_prevZoom");
|
|
9093
|
-
__publicField(this, "_root");
|
|
9094
|
-
__publicField(this, "_canvas");
|
|
9095
|
-
__publicField(this, "_d3Cloud");
|
|
9096
|
-
__publicField(this, "_d3Zoom");
|
|
9097
9111
|
I2DChart.call(this);
|
|
9098
9112
|
ITooltip.call(this);
|
|
9099
9113
|
Utility.SimpleSelectionMixin.call(this);
|