@carbon/charts 1.14.8 → 1.15.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/CHANGELOG.md +13 -0
- package/dist/{_baseEach-1m2Q78kz.mjs → _baseEach-FYvKsL62.mjs} +2 -2
- package/dist/{_baseEach-1m2Q78kz.mjs.map → _baseEach-FYvKsL62.mjs.map} +1 -1
- package/dist/{angle-utils-_Np6gcs-.mjs → angle-utils-f1TpgqMV.mjs} +12 -3
- package/dist/{angle-utils-_Np6gcs-.mjs.map → angle-utils-f1TpgqMV.mjs.map} +1 -1
- package/dist/{choropleth-UL_Hkrzw.mjs → choropleth-o3sAu5GZ.mjs} +609 -560
- package/dist/choropleth-o3sAu5GZ.mjs.map +1 -0
- package/dist/{color-scale-utils-C7DPeUvd.mjs → color-scale-utils-ePX_zGmy.mjs} +59 -51
- package/dist/color-scale-utils-ePX_zGmy.mjs.map +1 -0
- package/dist/components/axes/toolbar.d.ts +1 -1
- package/dist/components/essentials/tooltip.d.ts +2 -0
- package/dist/components/index.mjs +1 -1
- package/dist/configuration-non-customizable.d.ts +1 -0
- package/dist/demo/index.mjs +5 -5
- package/dist/demo/styles.css +3 -0
- package/dist/demo/styles.css.map +1 -1
- package/dist/enums-sKf02OL8.mjs +89 -0
- package/dist/enums-sKf02OL8.mjs.map +1 -0
- package/dist/{index-2XiCVv0D.mjs → index-937eoUHH.mjs} +2 -2
- package/dist/index-937eoUHH.mjs.map +1 -0
- package/dist/index.mjs +11 -11
- package/dist/interfaces/components.d.ts +7 -0
- package/dist/interfaces/events.d.ts +3 -1
- package/dist/interfaces/index.mjs +1 -1
- package/dist/model/index.mjs +1 -1
- package/dist/services/essentials/dom-utils.d.ts +4 -0
- package/dist/services/index.mjs +3 -3
- package/dist/styles.css +3 -0
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +1 -1
- package/dist/styles.min.css.map +1 -1
- package/dist/umd/bundle.umd.js +13 -13
- package/dist/umd/bundle.umd.js.map +1 -1
- package/dist/{wordcloud-o2Nu_Soc.mjs → wordcloud-w4x7neZf.mjs} +4 -4
- package/dist/{wordcloud-o2Nu_Soc.mjs.map → wordcloud-w4x7neZf.mjs.map} +1 -1
- package/dist/{zoom-DhO3eJ8-.mjs → zoom-gdS20wKV.mjs} +4 -4
- package/dist/{zoom-DhO3eJ8-.mjs.map → zoom-gdS20wKV.mjs.map} +1 -1
- package/package.json +2 -2
- package/scss/components/_tooltip.scss +4 -0
- package/styles.css +3 -0
- package/styles.min.css +1 -1
- package/dist/choropleth-UL_Hkrzw.mjs.map +0 -1
- package/dist/color-scale-utils-C7DPeUvd.mjs.map +0 -1
- package/dist/enums-lWSDG4ik.mjs +0 -89
- package/dist/enums-lWSDG4ik.mjs.map +0 -1
- package/dist/index-2XiCVv0D.mjs.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { L as Ys, a4 as
|
|
2
|
-
import { select as
|
|
3
|
-
import { t as Nt, D as S, c as vn, G as ms, a as Oi, p as oe, r as fs, b as
|
|
4
|
-
import { y as j, _ as f, K as ie, r as $e, q as tt, L as
|
|
1
|
+
import { L as Ys, a4 as Ga, h as Ha, o as qs, a5 as $a, p as Ks, B as Ua, a6 as Fa, a7 as za, a8 as Wa, m as v, n as Me, x as dt, a0 as us, A as ne, s as he, a9 as Ot, K as we, a2 as ja, z as Js, t as Xa, aa as He, c as gn, b as mn, P as Re, ab as bt, ac as Ve, Q as Ge, X as Be, ad as Za, J as ot, i as Ya, Z as te, S as Ae, ae as ye, af as qa, a as Ka, Y as ge, U as ft, C as wt, ag as en, v as Ja, ah as ps, _ as ze } from "./color-scale-utils-ePX_zGmy.mjs";
|
|
2
|
+
import { select as T, pointer as Wt, brushX as Qs, scaleTime as Qa, extent as jt, area as Nn, line as Pn, axisBottom as Vn, axisLeft as ea, axisTop as ei, axisRight as ti, scaleLinear as Ze, arc as Tt, easeLinear as ni, path as Bn, interpolateNumber as ta, quantize as si, scaleBand as Gn, hierarchy as Hn, pack as ai, pie as ii, interpolate as ri, interpolateRound as oi, min as fn, max as gs, lineRadial as li, curveLinearClosed as ci, cluster as di, tree as hi, linkHorizontal as ui, treemap as pi, hsl as na, color as sa, geoPath as gi, geoNaturalEarth1 as mi, geoMercator as fi, geoEquirectangular as vi, geoConicEquidistant as yi, geoConicEqualArea as Ei, geoAlbers as bi, geoEqualEarth as Si } from "d3";
|
|
3
|
+
import { t as Nt, D as S, c as vn, G as ms, a as Oi, p as oe, r as fs, b as Ti } from "./angle-utils-f1TpgqMV.mjs";
|
|
4
|
+
import { y as j, _ as f, K as ie, r as $e, q as tt, L as xi, A as Ce, m as z, s as We, V as lt, S as pe, e as B, Z as nt, i as Te, f as vs, J as tn, d as Li, F as Mt, n as nn, H as sn, C as an, p as Ct, b as ys, D as rn, Q as Ai, x as je, $ as _t, N as on } from "./enums-sKf02OL8.mjs";
|
|
5
5
|
import { sankey as wi, sankeyLinkHorizontal as Mi, sankeyJustify as Ci, sankeyLeft as _i, sankeyRight as Ii } from "d3-sankey";
|
|
6
6
|
import { R as X } from "./a11y-SOU26cr5.mjs";
|
|
7
|
-
import { b as aa } from "./_baseEach-
|
|
7
|
+
import { b as aa } from "./_baseEach-FYvKsL62.mjs";
|
|
8
8
|
import Ri from "d3-cloud";
|
|
9
9
|
function ki(o, e, t, n) {
|
|
10
10
|
var s = -1, a = o == null ? 0 : o.length;
|
|
@@ -212,9 +212,9 @@ var Ni = {
|
|
|
212
212
|
ſ: "s"
|
|
213
213
|
}, Pi = Di(Ni);
|
|
214
214
|
const Vi = Pi;
|
|
215
|
-
var
|
|
215
|
+
var Bi = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Gi = "\\u0300-\\u036f", Hi = "\\ufe20-\\ufe2f", $i = "\\u20d0-\\u20ff", Ui = Gi + Hi + $i, Fi = "[" + Ui + "]", zi = RegExp(Fi, "g");
|
|
216
216
|
function Wi(o) {
|
|
217
|
-
return o = Ys(o), o && o.replace(
|
|
217
|
+
return o = Ys(o), o && o.replace(Bi, Vi).replace(zi, "");
|
|
218
218
|
}
|
|
219
219
|
var ji = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
|
|
220
220
|
function Xi(o) {
|
|
@@ -246,21 +246,21 @@ function Or(o) {
|
|
|
246
246
|
return ki(Er(Wi(e).replace(Sr, "")), o, "");
|
|
247
247
|
};
|
|
248
248
|
}
|
|
249
|
-
function
|
|
249
|
+
function Tr(o, e, t) {
|
|
250
250
|
return o === o && (t !== void 0 && (o = o <= t ? o : t), e !== void 0 && (o = o >= e ? o : e)), o;
|
|
251
251
|
}
|
|
252
252
|
function ya(o, e, t) {
|
|
253
|
-
return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = Nt(t), t = t === t ? t : 0), e !== void 0 && (e = Nt(e), e = e === e ? e : 0),
|
|
253
|
+
return t === void 0 && (t = e, e = void 0), t !== void 0 && (t = Nt(t), t = t === t ? t : 0), e !== void 0 && (e = Nt(e), e = e === e ? e : 0), Tr(Nt(o), e, t);
|
|
254
254
|
}
|
|
255
|
-
var
|
|
255
|
+
var xr = "Expected a function";
|
|
256
256
|
function Lr(o, e, t) {
|
|
257
257
|
if (typeof o != "function")
|
|
258
|
-
throw new TypeError(
|
|
258
|
+
throw new TypeError(xr);
|
|
259
259
|
return setTimeout(function() {
|
|
260
260
|
o.apply(void 0, t);
|
|
261
261
|
}, e);
|
|
262
262
|
}
|
|
263
|
-
var Ar =
|
|
263
|
+
var Ar = Ga(function(o, e, t) {
|
|
264
264
|
return Lr(o, Nt(e) || 0, t);
|
|
265
265
|
});
|
|
266
266
|
const wr = Ar;
|
|
@@ -302,7 +302,7 @@ class q {
|
|
|
302
302
|
this.id = `${s}--${this.configs.id}`;
|
|
303
303
|
}
|
|
304
304
|
this.parent || this.setParent(
|
|
305
|
-
|
|
305
|
+
T(
|
|
306
306
|
this.services.domUtils.getMainContainer()
|
|
307
307
|
)
|
|
308
308
|
);
|
|
@@ -345,7 +345,7 @@ class q {
|
|
|
345
345
|
if (e.withinChartClip) {
|
|
346
346
|
const a = this.model.get("chartClipId");
|
|
347
347
|
if (a) {
|
|
348
|
-
const r =
|
|
348
|
+
const r = T(`#${a}`).select("rect");
|
|
349
349
|
r.size() !== 0 && parseFloat(r.attr("height")) > 0 && s.attr("clip-path", `url(#${a})`);
|
|
350
350
|
}
|
|
351
351
|
}
|
|
@@ -365,7 +365,7 @@ class q {
|
|
|
365
365
|
/*! @license DOMPurify 3.0.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.8/LICENSE */
|
|
366
366
|
const {
|
|
367
367
|
entries: ba,
|
|
368
|
-
setPrototypeOf:
|
|
368
|
+
setPrototypeOf: Ts,
|
|
369
369
|
isFrozen: Nr,
|
|
370
370
|
getPrototypeOf: Pr,
|
|
371
371
|
getOwnPropertyDescriptor: $n
|
|
@@ -390,7 +390,7 @@ yn || (yn = function(e, t, n) {
|
|
|
390
390
|
En || (En = function(e, t) {
|
|
391
391
|
return new e(...t);
|
|
392
392
|
});
|
|
393
|
-
const It = _e(Array.prototype.forEach),
|
|
393
|
+
const It = _e(Array.prototype.forEach), xs = _e(Array.prototype.pop), vt = _e(Array.prototype.push), Pt = _e(String.prototype.toLowerCase), ln = _e(String.prototype.toString), Vr = _e(String.prototype.match), yt = _e(String.prototype.replace), Br = _e(String.prototype.indexOf), Gr = _e(String.prototype.trim), Oe = _e(RegExp.prototype.test), Et = Hr(TypeError);
|
|
394
394
|
function _e(o) {
|
|
395
395
|
return function(e) {
|
|
396
396
|
for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
|
|
@@ -407,7 +407,7 @@ function Hr(o) {
|
|
|
407
407
|
}
|
|
408
408
|
function Y(o, e) {
|
|
409
409
|
let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Pt;
|
|
410
|
-
|
|
410
|
+
Ts && Ts(o, null);
|
|
411
411
|
let n = e.length;
|
|
412
412
|
for (; n--; ) {
|
|
413
413
|
let s = e[n];
|
|
@@ -452,7 +452,7 @@ const Ls = Ee(["a", "abbr", "acronym", "address", "area", "article", "aside", "a
|
|
|
452
452
|
), Yr = ke(/^(?:\w+script|data):/i), qr = ke(
|
|
453
453
|
/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
|
|
454
454
|
// eslint-disable-line no-control-regex
|
|
455
|
-
),
|
|
455
|
+
), Ta = ke(/^html$/i);
|
|
456
456
|
var Cs = /* @__PURE__ */ Object.freeze({
|
|
457
457
|
__proto__: null,
|
|
458
458
|
MUSTACHE_EXPR: zr,
|
|
@@ -463,7 +463,7 @@ var Cs = /* @__PURE__ */ Object.freeze({
|
|
|
463
463
|
IS_ALLOWED_URI: Oa,
|
|
464
464
|
IS_SCRIPT_OR_DATA: Yr,
|
|
465
465
|
ATTR_WHITESPACE: qr,
|
|
466
|
-
DOCTYPE_NAME:
|
|
466
|
+
DOCTYPE_NAME: Ta
|
|
467
467
|
});
|
|
468
468
|
const Kr = function() {
|
|
469
469
|
return typeof window > "u" ? null : window;
|
|
@@ -487,9 +487,9 @@ const Kr = function() {
|
|
|
487
487
|
return console.warn("TrustedTypes policy " + a + " could not be created."), null;
|
|
488
488
|
}
|
|
489
489
|
};
|
|
490
|
-
function
|
|
490
|
+
function xa() {
|
|
491
491
|
let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Kr();
|
|
492
|
-
const e = ($) =>
|
|
492
|
+
const e = ($) => xa($);
|
|
493
493
|
if (e.version = "3.0.8", e.removed = [], !o || !o.document || o.document.nodeType !== 9)
|
|
494
494
|
return e.isSupported = !1, e;
|
|
495
495
|
let {
|
|
@@ -505,7 +505,7 @@ function Ta() {
|
|
|
505
505
|
HTMLFormElement: p,
|
|
506
506
|
DOMParser: h,
|
|
507
507
|
trustedTypes: u
|
|
508
|
-
} = o, g = l.prototype, m = Rt(g, "cloneNode"), E = Rt(g, "nextSibling"), O = Rt(g, "childNodes"),
|
|
508
|
+
} = o, g = l.prototype, m = Rt(g, "cloneNode"), E = Rt(g, "nextSibling"), O = Rt(g, "childNodes"), x = Rt(g, "parentNode");
|
|
509
509
|
if (typeof i == "function") {
|
|
510
510
|
const $ = t.createElement("template");
|
|
511
511
|
$.content && $.content.ownerDocument && (t = $.content.ownerDocument);
|
|
@@ -520,7 +520,7 @@ function Ta() {
|
|
|
520
520
|
importNode: W
|
|
521
521
|
} = n;
|
|
522
522
|
let R = {};
|
|
523
|
-
e.isSupported = typeof ba == "function" && typeof
|
|
523
|
+
e.isSupported = typeof ba == "function" && typeof x == "function" && w && w.createHTMLDocument !== void 0;
|
|
524
524
|
const {
|
|
525
525
|
MUSTACHE_EXPR: C,
|
|
526
526
|
ERB_EXPR: V,
|
|
@@ -555,7 +555,7 @@ function Ta() {
|
|
|
555
555
|
enumerable: !0,
|
|
556
556
|
value: !1
|
|
557
557
|
}
|
|
558
|
-
})), Ie = null, qe = null, U = !0, J = !0, ae = !1, re = !0,
|
|
558
|
+
})), Ie = null, qe = null, U = !0, J = !0, ae = !1, re = !0, de = !1, xe = !1, _ = !1, D = !1, P = !1, Le = !1, xt = !1, jn = !0, Xn = !1;
|
|
559
559
|
const _a = "user-content-";
|
|
560
560
|
let Zt = !0, pt = !1, Ke = {}, Je = null;
|
|
561
561
|
const Zn = Y({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
|
|
@@ -567,28 +567,28 @@ function Ta() {
|
|
|
567
567
|
const Ia = Y({}, [Lt, At, Ne], ln);
|
|
568
568
|
let gt = null;
|
|
569
569
|
const Ra = ["application/xhtml+xml", "text/html"], ka = "text/html";
|
|
570
|
-
let
|
|
570
|
+
let ue = null, et = null;
|
|
571
571
|
const Da = t.createElement("form"), Jn = function(b) {
|
|
572
572
|
return b instanceof RegExp || b instanceof Function;
|
|
573
573
|
}, Jt = function() {
|
|
574
574
|
let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
575
575
|
if (!(et && et === b)) {
|
|
576
576
|
if ((!b || typeof b != "object") && (b = {}), b = Xe(b), gt = // eslint-disable-next-line unicorn/prefer-includes
|
|
577
|
-
Ra.indexOf(b.PARSER_MEDIA_TYPE) === -1 ? ka : b.PARSER_MEDIA_TYPE,
|
|
577
|
+
Ra.indexOf(b.PARSER_MEDIA_TYPE) === -1 ? ka : b.PARSER_MEDIA_TYPE, ue = gt === "application/xhtml+xml" ? ln : Pt, Z = "ALLOWED_TAGS" in b ? Y({}, b.ALLOWED_TAGS, ue) : ut, le = "ALLOWED_ATTR" in b ? Y({}, b.ALLOWED_ATTR, ue) : Ye, Kt = "ALLOWED_NAMESPACES" in b ? Y({}, b.ALLOWED_NAMESPACES, ln) : Ia, Yt = "ADD_URI_SAFE_ATTR" in b ? Y(
|
|
578
578
|
Xe(Kn),
|
|
579
579
|
// eslint-disable-line indent
|
|
580
580
|
b.ADD_URI_SAFE_ATTR,
|
|
581
581
|
// eslint-disable-line indent
|
|
582
|
-
|
|
582
|
+
ue
|
|
583
583
|
// eslint-disable-line indent
|
|
584
584
|
) : Kn, Yn = "ADD_DATA_URI_TAGS" in b ? Y(
|
|
585
585
|
Xe(qn),
|
|
586
586
|
// eslint-disable-line indent
|
|
587
587
|
b.ADD_DATA_URI_TAGS,
|
|
588
588
|
// eslint-disable-line indent
|
|
589
|
-
|
|
589
|
+
ue
|
|
590
590
|
// eslint-disable-line indent
|
|
591
|
-
) : qn, Je = "FORBID_CONTENTS" in b ? Y({}, b.FORBID_CONTENTS,
|
|
591
|
+
) : qn, Je = "FORBID_CONTENTS" in b ? Y({}, b.FORBID_CONTENTS, ue) : Zn, Ie = "FORBID_TAGS" in b ? Y({}, b.FORBID_TAGS, ue) : {}, qe = "FORBID_ATTR" in b ? Y({}, b.FORBID_ATTR, ue) : {}, Ke = "USE_PROFILES" in b ? b.USE_PROFILES : !1, U = b.ALLOW_ARIA_ATTR !== !1, J = b.ALLOW_DATA_ATTR !== !1, ae = b.ALLOW_UNKNOWN_PROTOCOLS || !1, re = b.ALLOW_SELF_CLOSE_IN_ATTR !== !1, de = b.SAFE_FOR_TEMPLATES || !1, xe = b.WHOLE_DOCUMENT || !1, P = b.RETURN_DOM || !1, Le = b.RETURN_DOM_FRAGMENT || !1, xt = b.RETURN_TRUSTED_TYPE || !1, D = b.FORCE_BODY || !1, jn = b.SANITIZE_DOM !== !1, Xn = b.SANITIZE_NAMED_PROPS || !1, Zt = b.KEEP_CONTENT !== !1, pt = b.IN_PLACE || !1, H = b.ALLOWED_URI_REGEXP || Oa, Qe = b.NAMESPACE || Ne, se = b.CUSTOM_ELEMENT_HANDLING || {}, b.CUSTOM_ELEMENT_HANDLING && Jn(b.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (se.tagNameCheck = b.CUSTOM_ELEMENT_HANDLING.tagNameCheck), b.CUSTOM_ELEMENT_HANDLING && Jn(b.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (se.attributeNameCheck = b.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), b.CUSTOM_ELEMENT_HANDLING && typeof b.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (se.allowCustomizedBuiltInElements = b.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), de && (J = !1), Le && (P = !0), Ke && (Z = Y({}, As), le = [], Ke.html === !0 && (Y(Z, Ls), Y(le, ws)), Ke.svg === !0 && (Y(Z, cn), Y(le, un), Y(le, kt)), Ke.svgFilters === !0 && (Y(Z, dn), Y(le, un), Y(le, kt)), Ke.mathMl === !0 && (Y(Z, hn), Y(le, Ms), Y(le, kt))), b.ADD_TAGS && (Z === ut && (Z = Xe(Z)), Y(Z, b.ADD_TAGS, ue)), b.ADD_ATTR && (le === Ye && (le = Xe(le)), Y(le, b.ADD_ATTR, ue)), b.ADD_URI_SAFE_ATTR && Y(Yt, b.ADD_URI_SAFE_ATTR, ue), b.FORBID_CONTENTS && (Je === Zn && (Je = Xe(Je)), Y(Je, b.FORBID_CONTENTS, ue)), Zt && (Z["#text"] = !0), xe && Y(Z, ["html", "head", "body"]), Z.table && (Y(Z, ["tbody"]), delete Ie.tbody), b.TRUSTED_TYPES_POLICY) {
|
|
592
592
|
if (typeof b.TRUSTED_TYPES_POLICY.createHTML != "function")
|
|
593
593
|
throw Et('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
|
|
594
594
|
if (typeof b.TRUSTED_TYPES_POLICY.createScriptURL != "function")
|
|
@@ -599,13 +599,13 @@ function Ta() {
|
|
|
599
599
|
Ee && Ee(b), et = b;
|
|
600
600
|
}
|
|
601
601
|
}, Qn = Y({}, ["mi", "mo", "mn", "ms", "mtext"]), es = Y({}, ["foreignobject", "desc", "title", "annotation-xml"]), Na = Y({}, ["title", "style", "font", "a", "script"]), ts = Y({}, [...cn, ...dn, ...Ur]), ns = Y({}, [...hn, ...Fr]), Pa = function(b) {
|
|
602
|
-
let k =
|
|
602
|
+
let k = x(b);
|
|
603
603
|
(!k || !k.tagName) && (k = {
|
|
604
604
|
namespaceURI: Qe,
|
|
605
605
|
tagName: "template"
|
|
606
606
|
});
|
|
607
|
-
const
|
|
608
|
-
return Kt[b.namespaceURI] ? b.namespaceURI === At ? k.namespaceURI === Ne ?
|
|
607
|
+
const G = Pt(b.tagName), ee = Pt(k.tagName);
|
|
608
|
+
return Kt[b.namespaceURI] ? b.namespaceURI === At ? k.namespaceURI === Ne ? G === "svg" : k.namespaceURI === Lt ? G === "svg" && (ee === "annotation-xml" || Qn[ee]) : !!ts[G] : b.namespaceURI === Lt ? k.namespaceURI === Ne ? G === "math" : k.namespaceURI === At ? G === "math" && es[ee] : !!ns[G] : b.namespaceURI === Ne ? k.namespaceURI === At && !es[ee] || k.namespaceURI === Lt && !Qn[ee] ? !1 : !ns[G] && (Na[G] || !ts[G]) : !!(gt === "application/xhtml+xml" && Kt[b.namespaceURI]) : !1;
|
|
609
609
|
}, Ue = function(b) {
|
|
610
610
|
vt(e.removed, {
|
|
611
611
|
element: b
|
|
@@ -639,12 +639,12 @@ function Ta() {
|
|
|
639
639
|
} catch {
|
|
640
640
|
}
|
|
641
641
|
}, ss = function(b) {
|
|
642
|
-
let k = null,
|
|
642
|
+
let k = null, G = null;
|
|
643
643
|
if (D)
|
|
644
644
|
b = "<remove></remove>" + b;
|
|
645
645
|
else {
|
|
646
646
|
const ve = Vr(b, /^[\r\n\t ]+/);
|
|
647
|
-
|
|
647
|
+
G = ve && ve[0];
|
|
648
648
|
}
|
|
649
649
|
gt === "application/xhtml+xml" && Qe === Ne && (b = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + b + "</body></html>");
|
|
650
650
|
const ee = y ? y.createHTML(b) : b;
|
|
@@ -661,7 +661,7 @@ function Ta() {
|
|
|
661
661
|
}
|
|
662
662
|
}
|
|
663
663
|
const fe = k.body || k.documentElement;
|
|
664
|
-
return b &&
|
|
664
|
+
return b && G && fe.insertBefore(t.createTextNode(G), fe.childNodes[0] || null), Qe === Ne ? N.call(k, xe ? "html" : "body")[0] : xe ? k.documentElement : fe;
|
|
665
665
|
}, as = function(b) {
|
|
666
666
|
return L.call(
|
|
667
667
|
b.ownerDocument || b,
|
|
@@ -674,25 +674,25 @@ function Ta() {
|
|
|
674
674
|
return b instanceof p && (typeof b.nodeName != "string" || typeof b.textContent != "string" || typeof b.removeChild != "function" || !(b.attributes instanceof d) || typeof b.removeAttribute != "function" || typeof b.setAttribute != "function" || typeof b.namespaceURI != "string" || typeof b.insertBefore != "function" || typeof b.hasChildNodes != "function");
|
|
675
675
|
}, is = function(b) {
|
|
676
676
|
return typeof r == "function" && b instanceof r;
|
|
677
|
-
}, Pe = function(b, k,
|
|
677
|
+
}, Pe = function(b, k, G) {
|
|
678
678
|
R[b] && It(R[b], (ee) => {
|
|
679
|
-
ee.call(e, k,
|
|
679
|
+
ee.call(e, k, G, et);
|
|
680
680
|
});
|
|
681
681
|
}, rs = function(b) {
|
|
682
682
|
let k = null;
|
|
683
683
|
if (Pe("beforeSanitizeElements", b, null), Va(b))
|
|
684
684
|
return Ue(b), !0;
|
|
685
|
-
const
|
|
685
|
+
const G = ue(b.nodeName);
|
|
686
686
|
if (Pe("uponSanitizeElement", b, {
|
|
687
|
-
tagName:
|
|
687
|
+
tagName: G,
|
|
688
688
|
allowedTags: Z
|
|
689
689
|
}), b.hasChildNodes() && !is(b.firstElementChild) && Oe(/<[/\w]/g, b.innerHTML) && Oe(/<[/\w]/g, b.textContent))
|
|
690
690
|
return Ue(b), !0;
|
|
691
|
-
if (!Z[
|
|
692
|
-
if (!Ie[
|
|
691
|
+
if (!Z[G] || Ie[G]) {
|
|
692
|
+
if (!Ie[G] && ls(G) && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck, G) || se.tagNameCheck instanceof Function && se.tagNameCheck(G)))
|
|
693
693
|
return !1;
|
|
694
|
-
if (Zt && !Je[
|
|
695
|
-
const ee =
|
|
694
|
+
if (Zt && !Je[G]) {
|
|
695
|
+
const ee = x(b) || b.parentNode, fe = O(b) || b.childNodes;
|
|
696
696
|
if (fe && ee) {
|
|
697
697
|
const ve = fe.length;
|
|
698
698
|
for (let be = ve - 1; be >= 0; --be)
|
|
@@ -701,13 +701,13 @@ function Ta() {
|
|
|
701
701
|
}
|
|
702
702
|
return Ue(b), !0;
|
|
703
703
|
}
|
|
704
|
-
return b instanceof l && !Pa(b) || (
|
|
704
|
+
return b instanceof l && !Pa(b) || (G === "noscript" || G === "noembed" || G === "noframes") && Oe(/<\/no(script|embed|frames)/i, b.innerHTML) ? (Ue(b), !0) : (de && b.nodeType === 3 && (k = b.textContent, It([C, V, F], (ee) => {
|
|
705
705
|
k = yt(k, ee, " ");
|
|
706
706
|
}), b.textContent !== k && (vt(e.removed, {
|
|
707
707
|
element: b.cloneNode()
|
|
708
708
|
}), b.textContent = k)), Pe("afterSanitizeElements", b, null), !1);
|
|
709
|
-
}, os = function(b, k,
|
|
710
|
-
if (jn && (k === "id" || k === "name") && (
|
|
709
|
+
}, os = function(b, k, G) {
|
|
710
|
+
if (jn && (k === "id" || k === "name") && (G in t || G in Da))
|
|
711
711
|
return !1;
|
|
712
712
|
if (!(J && !qe[k] && Oe(M, k))) {
|
|
713
713
|
if (!(U && Oe(Q, k))) {
|
|
@@ -718,14 +718,14 @@ function Ta() {
|
|
|
718
718
|
// and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
|
|
719
719
|
!(ls(b) && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck, b) || se.tagNameCheck instanceof Function && se.tagNameCheck(b)) && (se.attributeNameCheck instanceof RegExp && Oe(se.attributeNameCheck, k) || se.attributeNameCheck instanceof Function && se.attributeNameCheck(k)) || // Alternative, second condition checks if it's an `is`-attribute, AND
|
|
720
720
|
// the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
|
|
721
|
-
k === "is" && se.allowCustomizedBuiltInElements && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck,
|
|
721
|
+
k === "is" && se.allowCustomizedBuiltInElements && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck, G) || se.tagNameCheck instanceof Function && se.tagNameCheck(G)))
|
|
722
722
|
)
|
|
723
723
|
return !1;
|
|
724
724
|
} else if (!Yt[k]) {
|
|
725
|
-
if (!Oe(H, yt(
|
|
726
|
-
if (!((k === "src" || k === "xlink:href" || k === "href") && b !== "script" &&
|
|
727
|
-
if (!(ae && !Oe(me, yt(
|
|
728
|
-
if (
|
|
725
|
+
if (!Oe(H, yt(G, K, ""))) {
|
|
726
|
+
if (!((k === "src" || k === "xlink:href" || k === "href") && b !== "script" && Br(G, "data:") === 0 && Yn[b])) {
|
|
727
|
+
if (!(ae && !Oe(me, yt(G, K, "")))) {
|
|
728
|
+
if (G)
|
|
729
729
|
return !1;
|
|
730
730
|
}
|
|
731
731
|
}
|
|
@@ -743,7 +743,7 @@ function Ta() {
|
|
|
743
743
|
} = b;
|
|
744
744
|
if (!k)
|
|
745
745
|
return;
|
|
746
|
-
const
|
|
746
|
+
const G = {
|
|
747
747
|
attrName: "",
|
|
748
748
|
attrValue: "",
|
|
749
749
|
keepAttr: !0,
|
|
@@ -755,18 +755,18 @@ function Ta() {
|
|
|
755
755
|
name: ve,
|
|
756
756
|
namespaceURI: be,
|
|
757
757
|
value: Fe
|
|
758
|
-
} = fe, mt =
|
|
759
|
-
let Se = ve === "value" ? Fe :
|
|
760
|
-
if (
|
|
758
|
+
} = fe, mt = ue(ve);
|
|
759
|
+
let Se = ve === "value" ? Fe : Gr(Fe);
|
|
760
|
+
if (G.attrName = mt, G.attrValue = Se, G.keepAttr = !0, G.forceKeepAttr = void 0, Pe("uponSanitizeAttribute", b, G), Se = G.attrValue, G.forceKeepAttr || (Qt(ve, b), !G.keepAttr))
|
|
761
761
|
continue;
|
|
762
762
|
if (!re && Oe(/\/>/i, Se)) {
|
|
763
763
|
Qt(ve, b);
|
|
764
764
|
continue;
|
|
765
765
|
}
|
|
766
|
-
|
|
766
|
+
de && It([C, V, F], (hs) => {
|
|
767
767
|
Se = yt(Se, hs, " ");
|
|
768
768
|
});
|
|
769
|
-
const ds =
|
|
769
|
+
const ds = ue(b.nodeName);
|
|
770
770
|
if (os(ds, mt, Se)) {
|
|
771
771
|
if (Xn && (mt === "id" || mt === "name") && (Qt(ve, b), Se = _a + Se), y && typeof u == "object" && typeof u.getAttributeType == "function" && !be)
|
|
772
772
|
switch (u.getAttributeType(ds, mt)) {
|
|
@@ -780,21 +780,21 @@ function Ta() {
|
|
|
780
780
|
}
|
|
781
781
|
}
|
|
782
782
|
try {
|
|
783
|
-
be ? b.setAttributeNS(be, ve, Se) : b.setAttribute(ve, Se),
|
|
783
|
+
be ? b.setAttributeNS(be, ve, Se) : b.setAttribute(ve, Se), xs(e.removed);
|
|
784
784
|
} catch {
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
787
|
}
|
|
788
788
|
Pe("afterSanitizeAttributes", b, null);
|
|
789
|
-
},
|
|
789
|
+
}, Ba = function $(b) {
|
|
790
790
|
let k = null;
|
|
791
|
-
const
|
|
792
|
-
for (Pe("beforeSanitizeShadowDOM", b, null); k =
|
|
791
|
+
const G = as(b);
|
|
792
|
+
for (Pe("beforeSanitizeShadowDOM", b, null); k = G.nextNode(); )
|
|
793
793
|
Pe("uponSanitizeShadowNode", k, null), !rs(k) && (k.content instanceof a && $(k.content), cs(k));
|
|
794
794
|
Pe("afterSanitizeShadowDOM", b, null);
|
|
795
795
|
};
|
|
796
796
|
return e.sanitize = function($) {
|
|
797
|
-
let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, k = null,
|
|
797
|
+
let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, k = null, G = null, ee = null, fe = null;
|
|
798
798
|
if (qt = !$, qt && ($ = "<!-->"), typeof $ != "string" && !is($))
|
|
799
799
|
if (typeof $.toString == "function") {
|
|
800
800
|
if ($ = $.toString(), typeof $ != "string")
|
|
@@ -805,23 +805,23 @@ function Ta() {
|
|
|
805
805
|
return $;
|
|
806
806
|
if (_ || Jt(b), e.removed = [], typeof $ == "string" && (pt = !1), pt) {
|
|
807
807
|
if ($.nodeName) {
|
|
808
|
-
const Fe =
|
|
808
|
+
const Fe = ue($.nodeName);
|
|
809
809
|
if (!Z[Fe] || Ie[Fe])
|
|
810
810
|
throw Et("root node is forbidden and cannot be sanitized in-place");
|
|
811
811
|
}
|
|
812
812
|
} else if ($ instanceof r)
|
|
813
|
-
k = ss("<!---->"),
|
|
813
|
+
k = ss("<!---->"), G = k.ownerDocument.importNode($, !0), G.nodeType === 1 && G.nodeName === "BODY" || G.nodeName === "HTML" ? k = G : k.appendChild(G);
|
|
814
814
|
else {
|
|
815
|
-
if (!P && !
|
|
815
|
+
if (!P && !de && !xe && // eslint-disable-next-line unicorn/prefer-includes
|
|
816
816
|
$.indexOf("<") === -1)
|
|
817
|
-
return y &&
|
|
817
|
+
return y && xt ? y.createHTML($) : $;
|
|
818
818
|
if (k = ss($), !k)
|
|
819
|
-
return P ? null :
|
|
819
|
+
return P ? null : xt ? A : "";
|
|
820
820
|
}
|
|
821
821
|
k && D && Ue(k.firstChild);
|
|
822
822
|
const ve = as(pt ? $ : k);
|
|
823
823
|
for (; ee = ve.nextNode(); )
|
|
824
|
-
rs(ee) || (ee.content instanceof a &&
|
|
824
|
+
rs(ee) || (ee.content instanceof a && Ba(ee.content), cs(ee));
|
|
825
825
|
if (pt)
|
|
826
826
|
return $;
|
|
827
827
|
if (P) {
|
|
@@ -832,11 +832,11 @@ function Ta() {
|
|
|
832
832
|
fe = k;
|
|
833
833
|
return (le.shadowroot || le.shadowrootmode) && (fe = W.call(n, fe, !0)), fe;
|
|
834
834
|
}
|
|
835
|
-
let be =
|
|
836
|
-
return
|
|
837
|
-
` + be),
|
|
835
|
+
let be = xe ? k.outerHTML : k.innerHTML;
|
|
836
|
+
return xe && Z["!doctype"] && k.ownerDocument && k.ownerDocument.doctype && k.ownerDocument.doctype.name && Oe(Ta, k.ownerDocument.doctype.name) && (be = "<!DOCTYPE " + k.ownerDocument.doctype.name + `>
|
|
837
|
+
` + be), de && It([C, V, F], (Fe) => {
|
|
838
838
|
be = yt(be, Fe, " ");
|
|
839
|
-
}), y &&
|
|
839
|
+
}), y && xt ? y.createHTML(be) : be;
|
|
840
840
|
}, e.setConfig = function() {
|
|
841
841
|
let $ = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
842
842
|
Jt($), _ = !0;
|
|
@@ -844,20 +844,20 @@ function Ta() {
|
|
|
844
844
|
et = null, _ = !1;
|
|
845
845
|
}, e.isValidAttribute = function($, b, k) {
|
|
846
846
|
et || Jt({});
|
|
847
|
-
const
|
|
848
|
-
return os(
|
|
847
|
+
const G = ue($), ee = ue(b);
|
|
848
|
+
return os(G, ee, k);
|
|
849
849
|
}, e.addHook = function($, b) {
|
|
850
850
|
typeof b == "function" && (R[$] = R[$] || [], vt(R[$], b));
|
|
851
851
|
}, e.removeHook = function($) {
|
|
852
852
|
if (R[$])
|
|
853
|
-
return
|
|
853
|
+
return xs(R[$]);
|
|
854
854
|
}, e.removeHooks = function($) {
|
|
855
855
|
R[$] && (R[$] = []);
|
|
856
856
|
}, e.removeAllHooks = function() {
|
|
857
857
|
R = {};
|
|
858
858
|
}, e;
|
|
859
859
|
}
|
|
860
|
-
var Un =
|
|
860
|
+
var Un = xa();
|
|
861
861
|
const Dt = (o) => Un.sanitize(o, {
|
|
862
862
|
USE_PROFILES: {
|
|
863
863
|
html: !0,
|
|
@@ -910,7 +910,18 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
910
910
|
${Qr(c.iconSVG.content)}
|
|
911
911
|
</svg>
|
|
912
912
|
</button>`).each(function(c, d) {
|
|
913
|
-
|
|
913
|
+
T(this).select("svg").style("pointer-events", "none").style("will-change", "transform").style("width", c.iconSVG.width !== void 0 ? c.iconSVG.width : "20px").style("height", c.iconSVG.height !== void 0 ? c.iconSVG.height : "20px"), T(this).select("button").on("mouseover focus", function(p) {
|
|
914
|
+
const h = T(this);
|
|
915
|
+
h.classed("hovered", !0), l.services.events.dispatchEvent(f.Toolbar.SHOW_TOOLTIP, {
|
|
916
|
+
event: p,
|
|
917
|
+
hoveredElement: h,
|
|
918
|
+
content: c.title,
|
|
919
|
+
noWrap: !0,
|
|
920
|
+
placements: ["top", "bottom"]
|
|
921
|
+
});
|
|
922
|
+
}).on("mouseout blur", function() {
|
|
923
|
+
l.services.events.dispatchEvent(f.Toolbar.HIDE_TOOLTIP);
|
|
924
|
+
}).on("click", (p) => {
|
|
914
925
|
c.shouldBeDisabled() || l.triggerFunctionAndEvent(c, p, this);
|
|
915
926
|
}).on("keydown", (p) => {
|
|
916
927
|
p.key && p.key === "Enter" || p.key === " " ? (p.preventDefault(), l.triggerFunctionAndEvent(c, p, this)) : p.key && p.key === "ArrowLeft" ? l.focusOnPreviousEnabledToolbarItem(d) : p.key && p.key === "ArrowRight" && l.focusOnNextEnabledToolbarItem(d);
|
|
@@ -933,7 +944,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
933
944
|
}
|
|
934
945
|
// show/hide overflow menu
|
|
935
946
|
updateOverflowMenu(e) {
|
|
936
|
-
this.overflowMenu && (this.overflowMenu.classed("is-open", e), this.overflowButton && (this.overflowButton.attr("aria-expanded", e),
|
|
947
|
+
this.overflowMenu && (this.overflowMenu.classed("is-open", e), this.overflowButton && (this.overflowButton.attr("aria-expanded", e), T(this.overflowButton.node().parentNode).classed("cds--overflow-menu--open", e).classed("cds--overflow-menu--open", e)), e ? this.services.events.dispatchEvent(f.Toolbar.SHOW_OVERFLOW_MENU) : this.services.events.dispatchEvent(f.Toolbar.HIDE_OVERFLOW_MENU));
|
|
937
948
|
}
|
|
938
949
|
// Toolbar controllers
|
|
939
950
|
focusOnPreviousEnabledToolbarItem(e) {
|
|
@@ -945,7 +956,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
945
956
|
break;
|
|
946
957
|
}
|
|
947
958
|
if (n < t.length) {
|
|
948
|
-
const s =
|
|
959
|
+
const s = T(
|
|
949
960
|
`button#${this.services.domUtils.generateElementIDString(
|
|
950
961
|
`control-${t[n].id}`
|
|
951
962
|
)}`
|
|
@@ -962,7 +973,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
962
973
|
break;
|
|
963
974
|
}
|
|
964
975
|
if (n > -1) {
|
|
965
|
-
const s =
|
|
976
|
+
const s = T(
|
|
966
977
|
`button#${this.services.domUtils.generateElementIDString(
|
|
967
978
|
`control-${t[n].id}`
|
|
968
979
|
)}`
|
|
@@ -979,7 +990,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
979
990
|
break;
|
|
980
991
|
}
|
|
981
992
|
if (n < t.length) {
|
|
982
|
-
const s =
|
|
993
|
+
const s = T(
|
|
983
994
|
`#${this.services.domUtils.generateElementIDString(
|
|
984
995
|
`control-${t[n].id}`
|
|
985
996
|
)} button`
|
|
@@ -996,7 +1007,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
996
1007
|
break;
|
|
997
1008
|
}
|
|
998
1009
|
if (n > -1) {
|
|
999
|
-
const s =
|
|
1010
|
+
const s = T(
|
|
1000
1011
|
`#${this.services.domUtils.generateElementIDString(
|
|
1001
1012
|
`control-${t[n].id}`
|
|
1002
1013
|
)} button`
|
|
@@ -1011,7 +1022,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1011
1022
|
this.updateOverflowMenu(!0);
|
|
1012
1023
|
const t = this;
|
|
1013
1024
|
this.getOverflowMenuItems().forEach((s, a) => {
|
|
1014
|
-
const i =
|
|
1025
|
+
const i = T(
|
|
1015
1026
|
`#${this.services.domUtils.generateElementIDString(`control-${s.id}`)}`
|
|
1016
1027
|
);
|
|
1017
1028
|
i !== null && (i.on("click", () => {
|
|
@@ -1059,31 +1070,42 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1059
1070
|
}
|
|
1060
1071
|
// special button config for overflow button
|
|
1061
1072
|
getOverflowButtonConfig() {
|
|
1073
|
+
const { moreOptions: e } = v(this.model.getOptions(), "locale", "translations", "toolbar");
|
|
1062
1074
|
return {
|
|
1063
1075
|
id: "toolbar-overflow-menu",
|
|
1064
|
-
title:
|
|
1076
|
+
title: e,
|
|
1065
1077
|
shouldBeDisabled: () => !1,
|
|
1066
1078
|
iconSVG: {
|
|
1067
1079
|
content: `<circle cx="16" cy="8" r="2"></circle>
|
|
1068
1080
|
<circle cx="16" cy="16" r="2"></circle>
|
|
1069
1081
|
<circle cx="16" cy="24" r="2"></circle>`
|
|
1070
1082
|
},
|
|
1071
|
-
clickFunction: (
|
|
1083
|
+
clickFunction: (t) => this.toggleOverflowMenu(t)
|
|
1072
1084
|
};
|
|
1073
1085
|
}
|
|
1074
1086
|
getControlConfigByType(e) {
|
|
1075
|
-
const t = this.services.zoom && this.services.zoom.isZoomBarEnabled() && !this.services.zoom.isEmptyState(), n = this.model.getDisplayData(), s = this.model.getOptions(), {
|
|
1087
|
+
const t = this.services.zoom && this.services.zoom.isZoomBarEnabled() && !this.services.zoom.isEmptyState(), n = this.model.getDisplayData(), s = this.model.getOptions(), {
|
|
1088
|
+
exportAsCSV: a,
|
|
1089
|
+
exportAsJPG: i,
|
|
1090
|
+
exportAsPNG: r,
|
|
1091
|
+
zoomIn: l,
|
|
1092
|
+
zoomOut: c,
|
|
1093
|
+
resetZoom: d,
|
|
1094
|
+
makeFullScreen: p,
|
|
1095
|
+
exitFullScreen: h,
|
|
1096
|
+
showAsTable: u
|
|
1097
|
+
} = v(
|
|
1076
1098
|
s,
|
|
1077
1099
|
"locale",
|
|
1078
1100
|
"translations",
|
|
1079
1101
|
"toolbar"
|
|
1080
1102
|
);
|
|
1081
|
-
let
|
|
1103
|
+
let g;
|
|
1082
1104
|
switch (e) {
|
|
1083
1105
|
case ie.ZOOM_IN:
|
|
1084
|
-
t && (
|
|
1106
|
+
t && (g = {
|
|
1085
1107
|
id: "toolbar-zoomIn",
|
|
1086
|
-
title:
|
|
1108
|
+
title: l,
|
|
1087
1109
|
shouldBeDisabled: () => this.services.zoom.isMinZoomDomain(),
|
|
1088
1110
|
iconSVG: {
|
|
1089
1111
|
content: this.getControlIconByType(e)
|
|
@@ -1092,9 +1114,9 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1092
1114
|
});
|
|
1093
1115
|
break;
|
|
1094
1116
|
case ie.ZOOM_OUT:
|
|
1095
|
-
t && (
|
|
1117
|
+
t && (g = {
|
|
1096
1118
|
id: "toolbar-zoomOut",
|
|
1097
|
-
title:
|
|
1119
|
+
title: c,
|
|
1098
1120
|
shouldBeDisabled: () => this.services.zoom.isMaxZoomDomain(),
|
|
1099
1121
|
iconSVG: {
|
|
1100
1122
|
content: this.getControlIconByType(e)
|
|
@@ -1103,9 +1125,9 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1103
1125
|
});
|
|
1104
1126
|
break;
|
|
1105
1127
|
case ie.RESET_ZOOM:
|
|
1106
|
-
t && (
|
|
1128
|
+
t && (g = {
|
|
1107
1129
|
id: "toolbar-resetZoom",
|
|
1108
|
-
title:
|
|
1130
|
+
title: d,
|
|
1109
1131
|
shouldBeDisabled: () => this.services.zoom.isMaxZoomDomain(),
|
|
1110
1132
|
iconSVG: {
|
|
1111
1133
|
content: this.getControlIconByType(e)
|
|
@@ -1114,14 +1136,14 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1114
1136
|
});
|
|
1115
1137
|
break;
|
|
1116
1138
|
case ie.MAKE_FULLSCREEN:
|
|
1117
|
-
|
|
1139
|
+
g = {
|
|
1118
1140
|
id: "toolbar-makefullscreen",
|
|
1119
1141
|
iconSVG: {
|
|
1120
1142
|
content: this.getControlIconByType(e),
|
|
1121
1143
|
width: "15px",
|
|
1122
1144
|
height: "15px"
|
|
1123
1145
|
},
|
|
1124
|
-
title:
|
|
1146
|
+
title: p,
|
|
1125
1147
|
shouldBeDisabled: () => !1,
|
|
1126
1148
|
clickFunction: () => {
|
|
1127
1149
|
this.services.domUtils.toggleFullscreen();
|
|
@@ -1129,14 +1151,14 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1129
1151
|
};
|
|
1130
1152
|
break;
|
|
1131
1153
|
case ie.EXIT_FULLSCREEN:
|
|
1132
|
-
|
|
1154
|
+
g = {
|
|
1133
1155
|
id: "toolbar-exitfullscreen",
|
|
1134
1156
|
iconSVG: {
|
|
1135
1157
|
content: this.getControlIconByType(e),
|
|
1136
1158
|
width: "15px",
|
|
1137
1159
|
height: "15px"
|
|
1138
1160
|
},
|
|
1139
|
-
title:
|
|
1161
|
+
title: h,
|
|
1140
1162
|
shouldBeDisabled: () => !1,
|
|
1141
1163
|
clickFunction: () => {
|
|
1142
1164
|
this.services.domUtils.toggleFullscreen();
|
|
@@ -1144,18 +1166,18 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1144
1166
|
};
|
|
1145
1167
|
break;
|
|
1146
1168
|
case ie.SHOW_AS_DATATABLE:
|
|
1147
|
-
|
|
1169
|
+
g = {
|
|
1148
1170
|
id: "toolbar-showasdatatable",
|
|
1149
1171
|
iconSVG: {
|
|
1150
1172
|
content: this.getControlIconByType(e)
|
|
1151
1173
|
},
|
|
1152
|
-
title:
|
|
1174
|
+
title: u,
|
|
1153
1175
|
shouldBeDisabled: () => n.length === 0,
|
|
1154
1176
|
clickFunction: () => this.services.events.dispatchEvent(f.Modal.SHOW)
|
|
1155
1177
|
};
|
|
1156
1178
|
break;
|
|
1157
1179
|
case ie.EXPORT_CSV:
|
|
1158
|
-
|
|
1180
|
+
g = {
|
|
1159
1181
|
id: "toolbar-export-CSV",
|
|
1160
1182
|
title: a,
|
|
1161
1183
|
shouldBeDisabled: () => !1,
|
|
@@ -1166,7 +1188,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1166
1188
|
};
|
|
1167
1189
|
break;
|
|
1168
1190
|
case ie.EXPORT_PNG:
|
|
1169
|
-
|
|
1191
|
+
g = {
|
|
1170
1192
|
id: "toolbar-export-PNG",
|
|
1171
1193
|
title: r,
|
|
1172
1194
|
shouldBeDisabled: () => !1,
|
|
@@ -1177,7 +1199,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1177
1199
|
};
|
|
1178
1200
|
break;
|
|
1179
1201
|
case ie.EXPORT_JPG:
|
|
1180
|
-
|
|
1202
|
+
g = {
|
|
1181
1203
|
id: "toolbar-export-JPG",
|
|
1182
1204
|
title: i,
|
|
1183
1205
|
shouldBeDisabled: () => !1,
|
|
@@ -1190,7 +1212,7 @@ const Dt = (o) => Un.sanitize(o, {
|
|
|
1190
1212
|
default:
|
|
1191
1213
|
throw Error("Not supported toolbar control type: " + e);
|
|
1192
1214
|
}
|
|
1193
|
-
return
|
|
1215
|
+
return g;
|
|
1194
1216
|
}
|
|
1195
1217
|
getControlIconByType(e) {
|
|
1196
1218
|
switch (e) {
|
|
@@ -1260,11 +1282,11 @@ const zt = class zt extends q {
|
|
|
1260
1282
|
this.configs.direction === tt.COLUMN_REVERSE
|
|
1261
1283
|
).classed(
|
|
1262
1284
|
`${Me}--${i}--layout-alignitems-center`,
|
|
1263
|
-
this.configs.alignItems ===
|
|
1285
|
+
this.configs.alignItems === xi.CENTER
|
|
1264
1286
|
).selectAll(`div.layout-child-${this._instanceID}`).data(this.children, (d) => d.id);
|
|
1265
1287
|
r.enter().append("div").merge(t.selectAll(`div.layout-child-${this._instanceID}`)).attr("class", (d) => `layout-child layout-child-${this._instanceID} ${d.id}`).each(function(d) {
|
|
1266
1288
|
d.components.forEach((p) => {
|
|
1267
|
-
const h =
|
|
1289
|
+
const h = T(this), g = v(d, "renderType") === j.SVG;
|
|
1268
1290
|
p.setParent(
|
|
1269
1291
|
g ? S.appendOrSelect(h, "svg.layout-svg-wrapper").attr("width", "100%").attr("height", "100%") : h
|
|
1270
1292
|
);
|
|
@@ -1272,7 +1294,7 @@ const zt = class zt extends q {
|
|
|
1272
1294
|
(m === $e.PREFERRED || m === $e.FIXED) && p.render(e);
|
|
1273
1295
|
});
|
|
1274
1296
|
}), t.selectAll(`div.layout-child-${this._instanceID}`).style("height", null).style("width", null).each(function(d) {
|
|
1275
|
-
const p = v(d, "growth"), u = v(d, "renderType") === j.SVG ? S.getSVGElementSize(
|
|
1297
|
+
const p = v(d, "growth"), u = v(d, "renderType") === j.SVG ? S.getSVGElementSize(T(this).select("svg.layout-svg-wrapper"), {
|
|
1276
1298
|
useBBox: !0
|
|
1277
1299
|
}) : S.getHTMLElementSize(this);
|
|
1278
1300
|
if (p === $e.PREFERRED) {
|
|
@@ -1443,9 +1465,9 @@ function On(o, e) {
|
|
|
1443
1465
|
function po(o) {
|
|
1444
1466
|
var e = mo();
|
|
1445
1467
|
return function() {
|
|
1446
|
-
var n =
|
|
1468
|
+
var n = Bt(o), s;
|
|
1447
1469
|
if (e) {
|
|
1448
|
-
var a =
|
|
1470
|
+
var a = Bt(this).constructor;
|
|
1449
1471
|
s = Reflect.construct(n, arguments, a);
|
|
1450
1472
|
} else
|
|
1451
1473
|
s = n.apply(this, arguments);
|
|
@@ -1476,10 +1498,10 @@ function mo() {
|
|
|
1476
1498
|
return !1;
|
|
1477
1499
|
}
|
|
1478
1500
|
}
|
|
1479
|
-
function
|
|
1480
|
-
return
|
|
1501
|
+
function Bt(o) {
|
|
1502
|
+
return Bt = Object.setPrototypeOf ? Object.getPrototypeOf : function(t) {
|
|
1481
1503
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
1482
|
-
},
|
|
1504
|
+
}, Bt(o);
|
|
1483
1505
|
}
|
|
1484
1506
|
function fo(o) {
|
|
1485
1507
|
var e = /* @__PURE__ */ function(t) {
|
|
@@ -1512,13 +1534,13 @@ function fo(o) {
|
|
|
1512
1534
|
}(o);
|
|
1513
1535
|
return e;
|
|
1514
1536
|
}
|
|
1515
|
-
function
|
|
1537
|
+
function Tn(o) {
|
|
1516
1538
|
"@babel/helpers - typeof";
|
|
1517
|
-
return
|
|
1539
|
+
return Tn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
|
|
1518
1540
|
return typeof e;
|
|
1519
1541
|
} : function(e) {
|
|
1520
1542
|
return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
1521
|
-
},
|
|
1543
|
+
}, Tn(o);
|
|
1522
1544
|
}
|
|
1523
1545
|
function vo(o, e) {
|
|
1524
1546
|
if (!(o instanceof e))
|
|
@@ -1560,15 +1582,15 @@ function bo(o, e) {
|
|
|
1560
1582
|
}
|
|
1561
1583
|
}), Object.defineProperty(o, "prototype", {
|
|
1562
1584
|
writable: !1
|
|
1563
|
-
}), e &&
|
|
1585
|
+
}), e && xn(o, e);
|
|
1564
1586
|
}
|
|
1565
|
-
function
|
|
1566
|
-
return
|
|
1587
|
+
function xn(o, e) {
|
|
1588
|
+
return xn = Object.setPrototypeOf || function(n, s) {
|
|
1567
1589
|
return n.__proto__ = s, n;
|
|
1568
|
-
},
|
|
1590
|
+
}, xn(o, e);
|
|
1569
1591
|
}
|
|
1570
1592
|
function So(o) {
|
|
1571
|
-
var e =
|
|
1593
|
+
var e = xo();
|
|
1572
1594
|
return function() {
|
|
1573
1595
|
var n = ht(o), s;
|
|
1574
1596
|
if (e) {
|
|
@@ -1580,18 +1602,18 @@ function So(o) {
|
|
|
1580
1602
|
};
|
|
1581
1603
|
}
|
|
1582
1604
|
function Oo(o, e) {
|
|
1583
|
-
if (e && (
|
|
1605
|
+
if (e && (Tn(e) === "object" || typeof e == "function"))
|
|
1584
1606
|
return e;
|
|
1585
1607
|
if (e !== void 0)
|
|
1586
1608
|
throw new TypeError("Derived constructors may only return object or undefined");
|
|
1587
|
-
return
|
|
1609
|
+
return To(o);
|
|
1588
1610
|
}
|
|
1589
|
-
function
|
|
1611
|
+
function To(o) {
|
|
1590
1612
|
if (o === void 0)
|
|
1591
1613
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
1592
1614
|
return o;
|
|
1593
1615
|
}
|
|
1594
|
-
function
|
|
1616
|
+
function xo() {
|
|
1595
1617
|
if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
|
|
1596
1618
|
return !1;
|
|
1597
1619
|
if (typeof Proxy == "function")
|
|
@@ -1738,9 +1760,9 @@ function wn(o, e) {
|
|
|
1738
1760
|
function Do(o) {
|
|
1739
1761
|
var e = Vo();
|
|
1740
1762
|
return function() {
|
|
1741
|
-
var n =
|
|
1763
|
+
var n = Gt(o), s;
|
|
1742
1764
|
if (e) {
|
|
1743
|
-
var a =
|
|
1765
|
+
var a = Gt(this).constructor;
|
|
1744
1766
|
s = Reflect.construct(n, arguments, a);
|
|
1745
1767
|
} else
|
|
1746
1768
|
s = n.apply(this, arguments);
|
|
@@ -1771,12 +1793,12 @@ function Vo() {
|
|
|
1771
1793
|
return !1;
|
|
1772
1794
|
}
|
|
1773
1795
|
}
|
|
1774
|
-
function
|
|
1775
|
-
return
|
|
1796
|
+
function Gt(o) {
|
|
1797
|
+
return Gt = Object.setPrototypeOf ? Object.getPrototypeOf : function(t) {
|
|
1776
1798
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
1777
|
-
},
|
|
1799
|
+
}, Gt(o);
|
|
1778
1800
|
}
|
|
1779
|
-
function
|
|
1801
|
+
function Bo(o) {
|
|
1780
1802
|
var e = /* @__PURE__ */ function(t) {
|
|
1781
1803
|
ko(s, t);
|
|
1782
1804
|
var n = Do(s);
|
|
@@ -1830,8 +1852,8 @@ function Go(o) {
|
|
|
1830
1852
|
}), E = p && p.delegatorNode || this.element, O = !E.dispatchEvent(m);
|
|
1831
1853
|
if (O) {
|
|
1832
1854
|
if (h) {
|
|
1833
|
-
var
|
|
1834
|
-
|
|
1855
|
+
var x = new Error("Changing state (".concat(JSON.stringify(u), ") has been canceled."));
|
|
1856
|
+
x.canceled = !0, h(x);
|
|
1835
1857
|
}
|
|
1836
1858
|
} else {
|
|
1837
1859
|
var y = [d, p].filter(Boolean);
|
|
@@ -1896,7 +1918,7 @@ function Cn(o) {
|
|
|
1896
1918
|
return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
1897
1919
|
}, Cn(o);
|
|
1898
1920
|
}
|
|
1899
|
-
function
|
|
1921
|
+
function Go(o, e) {
|
|
1900
1922
|
if (!(o instanceof e))
|
|
1901
1923
|
throw new TypeError("Cannot call a class as a function");
|
|
1902
1924
|
}
|
|
@@ -1975,7 +1997,7 @@ function jo(o) {
|
|
|
1975
1997
|
$o(s, t);
|
|
1976
1998
|
var n = Uo(s);
|
|
1977
1999
|
function s() {
|
|
1978
|
-
return
|
|
2000
|
+
return Go(this, s), n.apply(this, arguments);
|
|
1979
2001
|
}
|
|
1980
2002
|
return Ho(s, [{
|
|
1981
2003
|
key: "show",
|
|
@@ -2005,7 +2027,7 @@ function jo(o) {
|
|
|
2005
2027
|
}(o);
|
|
2006
2028
|
return e;
|
|
2007
2029
|
}
|
|
2008
|
-
var Xo = [
|
|
2030
|
+
var Xo = [Bo, jo];
|
|
2009
2031
|
const Zo = Xo;
|
|
2010
2032
|
function Yo(o) {
|
|
2011
2033
|
return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
|
|
@@ -2050,14 +2072,14 @@ function Jo(o, e) {
|
|
|
2050
2072
|
if (!(o instanceof e))
|
|
2051
2073
|
throw new TypeError("Cannot call a class as a function");
|
|
2052
2074
|
}
|
|
2053
|
-
function
|
|
2075
|
+
function Bs(o, e) {
|
|
2054
2076
|
for (var t = 0; t < e.length; t++) {
|
|
2055
2077
|
var n = e[t];
|
|
2056
2078
|
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(o, n.key, n);
|
|
2057
2079
|
}
|
|
2058
2080
|
}
|
|
2059
2081
|
function Qo(o, e, t) {
|
|
2060
|
-
return e &&
|
|
2082
|
+
return e && Bs(o.prototype, e), t && Bs(o, t), Object.defineProperty(o, "prototype", {
|
|
2061
2083
|
writable: !1
|
|
2062
2084
|
}), o;
|
|
2063
2085
|
}
|
|
@@ -2194,14 +2216,14 @@ function rl(o, e) {
|
|
|
2194
2216
|
if (!(o instanceof e))
|
|
2195
2217
|
throw new TypeError("Cannot call a class as a function");
|
|
2196
2218
|
}
|
|
2197
|
-
function
|
|
2219
|
+
function Gs(o, e) {
|
|
2198
2220
|
for (var t = 0; t < e.length; t++) {
|
|
2199
2221
|
var n = e[t];
|
|
2200
2222
|
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(o, n.key, n);
|
|
2201
2223
|
}
|
|
2202
2224
|
}
|
|
2203
2225
|
function ol(o, e, t) {
|
|
2204
|
-
return e &&
|
|
2226
|
+
return e && Gs(o.prototype, e), t && Gs(o, t), Object.defineProperty(o, "prototype", {
|
|
2205
2227
|
writable: !1
|
|
2206
2228
|
}), o;
|
|
2207
2229
|
}
|
|
@@ -2462,7 +2484,7 @@ class fh extends q {
|
|
|
2462
2484
|
render(e = !1) {
|
|
2463
2485
|
const t = this.model.getOptions();
|
|
2464
2486
|
if (!this.isEventListenerAdded) {
|
|
2465
|
-
const n =
|
|
2487
|
+
const n = T(this.services.domUtils.getHolder()), s = v(t, "style", "prefix");
|
|
2466
2488
|
this.modal = S.appendOrSelect(n, `div.${Me}--${s}--modal`), this.addEventListeners(), this.isEventListenerAdded = !0;
|
|
2467
2489
|
}
|
|
2468
2490
|
}
|
|
@@ -2557,34 +2579,34 @@ class fl extends q {
|
|
|
2557
2579
|
render(e = !1) {
|
|
2558
2580
|
const t = this.getOptions(), n = v(t, "legend"), s = v(n, "alignment"), a = v(t, "legend", "orientation");
|
|
2559
2581
|
let i = this.model.getDataGroups();
|
|
2560
|
-
const { DISABLED: r } =
|
|
2582
|
+
const { DISABLED: r } = he.items.status, l = i.some((x) => x.status === r), c = v(n, "order"), d = this.getComponentContainer().classed("center-aligned", s === Ce.CENTER).classed("right-aligned", s === Ce.RIGHT).classed(a, !0).classed("has-deactivated-items", l).attr("role", X.GROUP).attr("aria-label", "Data groups").attr("data-name", "legend-items");
|
|
2561
2583
|
c && (i = this.sortDataGroups(i, c));
|
|
2562
|
-
const p = d.selectAll("div.legend-item").data(i, (
|
|
2563
|
-
h.merge(d.selectAll("div.legend-item")).classed("active", function(
|
|
2564
|
-
return
|
|
2584
|
+
const p = d.selectAll("div.legend-item").data(i, (x) => x.name), h = p.enter().append("div").attr("class", "legend-item");
|
|
2585
|
+
h.merge(d.selectAll("div.legend-item")).classed("active", function(x) {
|
|
2586
|
+
return x.status === he.items.status.ACTIVE;
|
|
2565
2587
|
});
|
|
2566
2588
|
const u = v(this.getOptions(), "legend", "clickable");
|
|
2567
2589
|
d.classed("clickable", u && i.length > 1);
|
|
2568
|
-
const g =
|
|
2590
|
+
const g = he.checkbox.radius, m = h.append("div").classed("checkbox", !0), E = m.merge(p.select("div.checkbox")).attr("role", X.CHECKBOX).attr("tabindex", u ? 0 : -1).attr(
|
|
2569
2591
|
"aria-labelledby",
|
|
2570
|
-
(
|
|
2571
|
-
).attr("aria-checked", ({ status:
|
|
2592
|
+
(x, y) => this.services.domUtils.generateElementIDString(`legend-datagroup-${y}-title`)
|
|
2593
|
+
).attr("aria-checked", ({ status: x }) => x === he.items.status.ACTIVE).attr("width", g * 2).attr("height", g * 2).attr(
|
|
2572
2594
|
"class",
|
|
2573
|
-
(
|
|
2595
|
+
(x) => this.model.getColorClassName({
|
|
2574
2596
|
classNameTypes: [z.BACKGROUND],
|
|
2575
|
-
dataGroupName:
|
|
2597
|
+
dataGroupName: x.name,
|
|
2576
2598
|
originalClassName: "checkbox"
|
|
2577
2599
|
})
|
|
2578
2600
|
).style(
|
|
2579
2601
|
"background",
|
|
2580
|
-
(
|
|
2581
|
-
).classed("active", function(
|
|
2582
|
-
return
|
|
2602
|
+
(x) => x.status === he.items.status.ACTIVE ? this.model.getFillColor(x.name) || this.model.getStrokeColor(x.name) : null
|
|
2603
|
+
).classed("active", function(x) {
|
|
2604
|
+
return x.status === he.items.status.ACTIVE;
|
|
2583
2605
|
});
|
|
2584
2606
|
m.append("svg").attr("focusable", !1).attr("preserveAspectRatio", "xMidYMid meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", "11").attr("height", "11").attr("viewBox", "0 0 31 28").attr("aria-hidden", !0).style("will-change", "transform").append("path").attr("d", "M13 21.2l-7.1-7.1-1.4 1.4 7.1 7.1L13 24 27.1 9.9l-1.4-1.5z"), h.append("p").merge(p.select("p"));
|
|
2585
2607
|
const O = v(t, "legend", "additionalItems");
|
|
2586
2608
|
if (O && i.length) {
|
|
2587
|
-
const
|
|
2609
|
+
const x = this, y = d.selectAll("div.additional-item").data(O);
|
|
2588
2610
|
y.exit().remove();
|
|
2589
2611
|
const A = y.enter().append("div").merge(y).classed("legend-item", !0).classed("additional", !0).attr(
|
|
2590
2612
|
"aria-labelledby",
|
|
@@ -2595,8 +2617,8 @@ class fl extends q {
|
|
|
2595
2617
|
A.selectAll("*").remove();
|
|
2596
2618
|
let w, L = 1;
|
|
2597
2619
|
A.append("svg").classed("icon", !0).each(function(I) {
|
|
2598
|
-
const N =
|
|
2599
|
-
!w || w != I.type ? (w = I.type, L = 1) : L++,
|
|
2620
|
+
const N = T(this);
|
|
2621
|
+
!w || w != I.type ? (w = I.type, L = 1) : L++, x.addAdditionalItem(N, I, L);
|
|
2600
2622
|
}), A.append("p").merge(A.select("p")), this.truncateLegendText();
|
|
2601
2623
|
}
|
|
2602
2624
|
p.exit().on("mouseover", null).on("click", null).on("mouseout", null).remove(), u && h.size() > 1 && this.addEventListeners();
|
|
@@ -2611,26 +2633,26 @@ class fl extends q {
|
|
|
2611
2633
|
return e;
|
|
2612
2634
|
}
|
|
2613
2635
|
addAdditionalItem(e, t, n) {
|
|
2614
|
-
const { width: s, height: a } =
|
|
2636
|
+
const { width: s, height: a } = he.area;
|
|
2615
2637
|
if (t.type === We.RADIUS ? e.style("width", `${a}px`).style("height", `${a}px`) : e.style("width", `${s}px`).style("height", `${a}px`), t.type === We.RADIUS) {
|
|
2616
|
-
const { iconData: i, fill: r, stroke: l } =
|
|
2638
|
+
const { iconData: i, fill: r, stroke: l } = he.radius;
|
|
2617
2639
|
e.attr("fill", "none").selectAll("circle").data(i).enter().append("circle").classed("radius", !0).attr("role", X.IMG).attr("aria-label", "radius").attr("cx", (d) => d.cx).attr("cy", (d) => d.cy).attr("r", (d) => d.r).style("fill", t.fill ? t.fill : r).style("stroke", t.stroke ? t.stroke : l);
|
|
2618
2640
|
} else if (t.type === We.LINE) {
|
|
2619
|
-
const i =
|
|
2641
|
+
const i = he.line;
|
|
2620
2642
|
e.select("line.line").empty() && e.append("line").classed(`line-${n}`, !0).attr("role", X.IMG).attr("aria-label", "line").attr("x1", 0).attr("y1", i.yPosition).attr("x2", s).attr("y2", i.yPosition).style("stroke", t.stroke ? t.stroke : i.stroke).style("stroke-width", i.strokeWidth);
|
|
2621
2643
|
} else if (t.type === We.AREA)
|
|
2622
2644
|
e.select("rect.area").empty() && e.append("rect").classed(`area-${n}`, !0).attr("role", X.IMG).attr("aria-label", "area").attr("width", s).attr("height", a).style(
|
|
2623
2645
|
"fill",
|
|
2624
|
-
n > 3 && !t.fill ?
|
|
2646
|
+
n > 3 && !t.fill ? he.area.fill : t.fill
|
|
2625
2647
|
).style("stroke", t.stroke);
|
|
2626
2648
|
else if (t.type === We.SIZE) {
|
|
2627
|
-
const { iconData: i, fill: r, stroke: l } =
|
|
2649
|
+
const { iconData: i, fill: r, stroke: l } = he.size;
|
|
2628
2650
|
e.attr("fill", "none").attr("role", X.IMG).attr("aria-label", "size").selectAll("rect").data(i).enter().append("rect").classed("size", !0).attr("width", (d) => d.width).attr("height", (d) => d.height).attr("y", () => 0).style("fill", t.fill ? t.fill : r).style("stroke", t.stroke ? t.stroke : l).style("stroke-width", 1);
|
|
2629
2651
|
} else if (t.type === We.QUARTILE) {
|
|
2630
|
-
const { iconData: i } =
|
|
2652
|
+
const { iconData: i } = he.quartile;
|
|
2631
2653
|
e.selectAll("rect").attr("role", X.IMG).attr("aria-label", "quartile").data(i).enter().append("rect").attr("class", (l, c) => `quartile-${c === 0 ? "wrapper" : "line"}`).attr("x", (l) => l.x).attr("y", (l) => l.y).attr("width", (l) => l.width).attr("height", (l) => l.height);
|
|
2632
2654
|
} else if (t.type === We.ZOOM) {
|
|
2633
|
-
const { iconData: i, color: r } = v(
|
|
2655
|
+
const { iconData: i, color: r } = v(he, "zoom"), l = e.attr("role", X.IMG).attr("aria-label", "zoom").selectAll("g.icon").data(i).enter();
|
|
2634
2656
|
l.append("g").attr("x", (c) => c.x).attr("y", (c) => c.y).attr("width", (c) => c.width).attr("height", (c) => c.height).append("polygon").attr(
|
|
2635
2657
|
"points",
|
|
2636
2658
|
"7.7 4.82 5.78 4.82 5.78 2.89 4.82 2.89 4.82 4.82 2.89 4.82 2.89 5.78 4.82 5.78 4.82 7.7 5.78 7.7 5.78 5.78 7.7 5.78 7.7 4.82"
|
|
@@ -2653,9 +2675,9 @@ class fl extends q {
|
|
|
2653
2675
|
const e = this, t = this.getComponentContainer(), n = this.getOptions(), s = v(n, "legend"), a = v(s, "truncation");
|
|
2654
2676
|
t.selectAll("div.legend-item").on("mouseover", function(i) {
|
|
2655
2677
|
e.services.events.dispatchEvent(f.Legend.ITEM_HOVER, {
|
|
2656
|
-
hoveredElement:
|
|
2678
|
+
hoveredElement: T(this)
|
|
2657
2679
|
});
|
|
2658
|
-
const r =
|
|
2680
|
+
const r = T(this);
|
|
2659
2681
|
r.select("div.checkbox").classed("hovered", !0);
|
|
2660
2682
|
const l = r.datum();
|
|
2661
2683
|
l.name.length > a.threshold && a.numCharacter < l.name.length && a.type !== lt.NONE && e.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
@@ -2664,30 +2686,30 @@ class fl extends q {
|
|
|
2664
2686
|
content: l.name
|
|
2665
2687
|
});
|
|
2666
2688
|
}).on("mousemove", function(i) {
|
|
2667
|
-
|
|
2689
|
+
T(this).datum().name.length > a.threshold && a.type !== lt.NONE && e.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
2668
2690
|
event: i
|
|
2669
2691
|
});
|
|
2670
2692
|
}).on("click", function() {
|
|
2671
2693
|
e.services.events.dispatchEvent(f.Legend.ITEM_CLICK, {
|
|
2672
|
-
clickedElement:
|
|
2694
|
+
clickedElement: T(this)
|
|
2673
2695
|
});
|
|
2674
|
-
const r =
|
|
2696
|
+
const r = T(this).datum();
|
|
2675
2697
|
e.model.toggleDataLabel(r.name);
|
|
2676
2698
|
}).on("mouseout", function() {
|
|
2677
|
-
const i =
|
|
2699
|
+
const i = T(this);
|
|
2678
2700
|
i.select("div.checkbox").classed("hovered", !1), i.datum().name.length > a.threshold && a.type !== lt.NONE && e.services.events.dispatchEvent(f.Tooltip.HIDE), e.services.events.dispatchEvent(f.Legend.ITEM_MOUSEOUT, {
|
|
2679
2701
|
hoveredElement: i
|
|
2680
2702
|
});
|
|
2681
2703
|
}), t.selectAll("div.legend-item div.checkbox").on("keyup", function(i) {
|
|
2682
2704
|
i.key && i.key === "Tab" && e.services.events.dispatchEvent(f.Legend.ITEM_HOVER, {
|
|
2683
|
-
hoveredElement:
|
|
2705
|
+
hoveredElement: T(this)
|
|
2684
2706
|
});
|
|
2685
2707
|
}), t.selectAll("div.legend-item div.checkbox").on("keydown", function(i, r) {
|
|
2686
2708
|
i.key && i.key === " " ? (i.preventDefault(), e.model.toggleDataLabel(r.name)) : i.key && i.key === "Tab" && e.services.events.dispatchEvent(f.Legend.ITEM_MOUSEOUT, {
|
|
2687
|
-
hoveredElement:
|
|
2709
|
+
hoveredElement: T(this)
|
|
2688
2710
|
});
|
|
2689
2711
|
}), t.selectAll("g.additional-item").on("mouseover", function(i) {
|
|
2690
|
-
const r =
|
|
2712
|
+
const r = T(this), l = r.datum();
|
|
2691
2713
|
l.name.length > a.threshold && e.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
2692
2714
|
event: i,
|
|
2693
2715
|
hoveredElement: r,
|
|
@@ -2740,26 +2762,26 @@ class vh extends vl {
|
|
|
2740
2762
|
s.attr("x", 0).attr("y", 0).attr("width", t).attr("height", n), this.chartClipPath.merge(s).lower();
|
|
2741
2763
|
}
|
|
2742
2764
|
}
|
|
2743
|
-
var at,
|
|
2765
|
+
var at, ce;
|
|
2744
2766
|
(function(o) {
|
|
2745
2767
|
o.LEFT = "left", o.RIGHT = "right", o.TOP = "top", o.BOTTOM = "bottom";
|
|
2746
|
-
})(
|
|
2747
|
-
var Hs = (at = {}, at[
|
|
2768
|
+
})(ce || (ce = {}));
|
|
2769
|
+
var Hs = (at = {}, at[ce.LEFT] = function(o, e, t) {
|
|
2748
2770
|
return {
|
|
2749
2771
|
top: o.top - Math.round(e.offsetHeight / 2) + Math.round(t.height / 2),
|
|
2750
2772
|
left: Math.round(o.left - e.offsetWidth)
|
|
2751
2773
|
};
|
|
2752
|
-
}, at[
|
|
2774
|
+
}, at[ce.RIGHT] = function(o, e, t) {
|
|
2753
2775
|
return {
|
|
2754
2776
|
top: o.top - Math.round(e.offsetHeight / 2) + Math.round(t.height / 2),
|
|
2755
2777
|
left: Math.round(o.left + t.width)
|
|
2756
2778
|
};
|
|
2757
|
-
}, at[
|
|
2779
|
+
}, at[ce.TOP] = function(o, e, t) {
|
|
2758
2780
|
return {
|
|
2759
2781
|
top: Math.round(o.top - e.offsetHeight),
|
|
2760
2782
|
left: o.left - Math.round(e.offsetWidth / 2) + Math.round(t.width / 2)
|
|
2761
2783
|
};
|
|
2762
|
-
}, at[
|
|
2784
|
+
}, at[ce.BOTTOM] = function(o, e, t) {
|
|
2763
2785
|
return {
|
|
2764
2786
|
top: Math.round(o.top + t.height),
|
|
2765
2787
|
left: o.left - Math.round(e.offsetWidth / 2) + Math.round(t.width / 2)
|
|
@@ -2860,7 +2882,7 @@ var Hs = (at = {}, at[ge.LEFT] = function(o, e, t) {
|
|
|
2860
2882
|
new Xt();
|
|
2861
2883
|
class yl extends q {
|
|
2862
2884
|
constructor(e, t, n) {
|
|
2863
|
-
super(e, t, n), this.type = "tooltip", this.renderType = j.HTML, this.isEventListenerAdded = !1, this.positionService = new Xt(), this.handleShowTooltip = (s) => {
|
|
2885
|
+
super(e, t, n), this.type = "tooltip", this.renderType = j.HTML, this.isEventListenerAdded = !1, this.lastTriggeredEventType = "", this.positionService = new Xt(), this.handleShowTooltip = (s) => {
|
|
2864
2886
|
const a = s.detail.data || s.detail.items;
|
|
2865
2887
|
let i;
|
|
2866
2888
|
const r = this.formatItems(this.getItems(s));
|
|
@@ -2882,19 +2904,19 @@ class yl extends q {
|
|
|
2882
2904
|
l.html(i);
|
|
2883
2905
|
l.selectAll(".datapoint-tooltip").each(function(c, d) {
|
|
2884
2906
|
const p = r[d];
|
|
2885
|
-
r[d] && r[d].color &&
|
|
2886
|
-
}), this.positionTooltip(s), this.tooltip.classed("hidden", !1).attr("aria-hidden", !1);
|
|
2907
|
+
r[d] && r[d].color && T(this).select(".tooltip-color").attr("class", "tooltip-color").style("background-color", p.color);
|
|
2908
|
+
}), this.positionTooltip(s), this.tooltip.classed("hidden", !1).attr("aria-hidden", !1), this.lastTriggeredEventType = s.type;
|
|
2887
2909
|
}, this.handleHideTooltip = () => {
|
|
2888
2910
|
this.tooltip.classed("hidden", !0).attr("aria-hidden", !0);
|
|
2889
2911
|
}, this.init();
|
|
2890
2912
|
}
|
|
2891
2913
|
addTooltipEventListener() {
|
|
2892
2914
|
this.services.events.addEventListener(f.Tooltip.MOVE, (e) => {
|
|
2893
|
-
this.tooltip.classed("hidden") === !1 && this.positionTooltip(e);
|
|
2894
|
-
}), this.services.events.addEventListener(f.Tooltip.SHOW, this.handleShowTooltip), this.services.events.addEventListener(f.Tooltip.HIDE, this.handleHideTooltip), this.services.events.addEventListener(f.Chart.MOUSEOUT, this.handleHideTooltip);
|
|
2915
|
+
this.lastTriggeredEventType !== f.Toolbar.SHOW_TOOLTIP && this.tooltip.classed("hidden") === !1 && this.positionTooltip(e);
|
|
2916
|
+
}), this.services.events.addEventListener(f.Tooltip.SHOW, this.handleShowTooltip), this.services.events.addEventListener(f.Tooltip.HIDE, this.handleHideTooltip), this.services.events.addEventListener(f.Chart.MOUSEOUT, this.handleHideTooltip), this.services.events.addEventListener(f.Toolbar.SHOW_TOOLTIP, this.handleShowTooltip), this.services.events.addEventListener(f.Toolbar.HIDE_TOOLTIP, this.handleHideTooltip);
|
|
2895
2917
|
}
|
|
2896
2918
|
removeTooltipEventListener() {
|
|
2897
|
-
this.services.events.removeEventListener(f.Tooltip.MOVE, null), this.services.events.removeEventListener(f.Tooltip.SHOW, this.handleShowTooltip), this.services.events.removeEventListener(f.Tooltip.HIDE, this.handleHideTooltip), this.services.events.removeEventListener(f.Chart.MOUSEOUT, this.handleHideTooltip);
|
|
2919
|
+
this.services.events.removeEventListener(f.Tooltip.MOVE, null), this.services.events.removeEventListener(f.Tooltip.SHOW, this.handleShowTooltip), this.services.events.removeEventListener(f.Tooltip.HIDE, this.handleHideTooltip), this.services.events.removeEventListener(f.Chart.MOUSEOUT, this.handleHideTooltip), this.services.events.removeEventListener(f.Toolbar.SHOW_TOOLTIP, this.handleShowTooltip), this.services.events.removeEventListener(f.Toolbar.HIDE_TOOLTIP, this.handleHideTooltip);
|
|
2898
2920
|
}
|
|
2899
2921
|
getItems(e) {
|
|
2900
2922
|
return e.detail.items ? e.detail.items : [];
|
|
@@ -2949,49 +2971,76 @@ class yl extends q {
|
|
|
2949
2971
|
render(e = !1) {
|
|
2950
2972
|
const t = this.getOptions(), n = v(t, "tooltip", "enabled");
|
|
2951
2973
|
if (n) {
|
|
2952
|
-
const s =
|
|
2974
|
+
const s = T(this.services.domUtils.getHolder()), a = v(t, "style", "prefix");
|
|
2953
2975
|
this.tooltip = S.appendOrSelect(s, `div.${Me}--${a}--tooltip`), this.tooltip.style("max-width", null).attr("role", "tooltip"), this.isEventListenerAdded || (this.addTooltipEventListener(), this.isEventListenerAdded = !0), this.tooltip.classed("hidden", !0);
|
|
2954
2976
|
} else
|
|
2955
2977
|
!n && this.isEventListenerAdded && (this.removeTooltipEventListener(), this.isEventListenerAdded = !1);
|
|
2956
2978
|
}
|
|
2979
|
+
addOffsetByPlacement(e, t, n) {
|
|
2980
|
+
const s = Object.assign({}, e);
|
|
2981
|
+
return t == ce.LEFT ? s.left -= n : t == ce.RIGHT ? s.left += n : t == ce.TOP ? s.top -= n : t == ce.BOTTOM && (s.top += n), s;
|
|
2982
|
+
}
|
|
2957
2983
|
positionTooltip(e) {
|
|
2958
|
-
const t = this.services.domUtils.getHolder(), n = this.tooltip.node(),
|
|
2959
|
-
let
|
|
2960
|
-
if (
|
|
2961
|
-
|
|
2984
|
+
const t = this.services.domUtils.getHolder(), n = t.offsetWidth, s = t.offsetHeight, a = this.tooltip.node(), i = this.getOptions(), r = v(i, "zoomBar", "top", "enabled"), l = !!v(e, "detail", "noWrap"), c = Array.isArray(v(e, "detail", "placements")), d = c ? v(e, "detail", "placements") : [ce.RIGHT, ce.LEFT, ce.TOP, ce.BOTTOM];
|
|
2985
|
+
let p, { horizontalOffset: h, defaultOffset: u } = ja;
|
|
2986
|
+
if (this.tooltip.select("div.title-tooltip").classed("title-tooltip-nowrap", l), c) {
|
|
2987
|
+
const E = v(e, "detail", "event", "target"), O = this.services.domUtils.getElementOffset(E, !0);
|
|
2988
|
+
p = this.positionService.findBestPlacementAt(
|
|
2989
|
+
O,
|
|
2990
|
+
a,
|
|
2991
|
+
d,
|
|
2992
|
+
() => ({
|
|
2993
|
+
top: 0,
|
|
2994
|
+
left: 0,
|
|
2995
|
+
width: n,
|
|
2996
|
+
height: s
|
|
2997
|
+
})
|
|
2998
|
+
);
|
|
2999
|
+
let x = this.positionService.findPosition(
|
|
3000
|
+
E,
|
|
3001
|
+
a,
|
|
3002
|
+
p,
|
|
3003
|
+
() => this.services.domUtils.getElementOffset(E)
|
|
3004
|
+
);
|
|
3005
|
+
x = this.addOffsetByPlacement(
|
|
3006
|
+
x,
|
|
3007
|
+
p,
|
|
3008
|
+
u
|
|
3009
|
+
), this.positionService.setElement(a, x);
|
|
3010
|
+
return;
|
|
3011
|
+
}
|
|
3012
|
+
let g = v(e, "detail", "mousePosition");
|
|
3013
|
+
if (!g)
|
|
3014
|
+
g = Wt(v(e, "detail", "event"), t);
|
|
2962
3015
|
else {
|
|
2963
|
-
const
|
|
2964
|
-
|
|
3016
|
+
const E = v(i, "zoomBar", "top", "type"), O = we.height[E];
|
|
3017
|
+
r && (g[1] += O + we.spacerHeight);
|
|
2965
3018
|
}
|
|
2966
|
-
|
|
2967
|
-
let c;
|
|
2968
|
-
i[0] / r > 0.9 ? c = ge.LEFT : i[0] / r < 0.1 ? c = ge.RIGHT : c = this.positionService.findBestPlacementAt(
|
|
3019
|
+
g[0] / n > 0.9 ? p = ce.LEFT : g[0] / n < 0.1 ? p = ce.RIGHT : p = this.positionService.findBestPlacementAt(
|
|
2969
3020
|
{
|
|
2970
|
-
left:
|
|
2971
|
-
top:
|
|
3021
|
+
left: g[0],
|
|
3022
|
+
top: g[1]
|
|
2972
3023
|
},
|
|
2973
|
-
|
|
2974
|
-
|
|
3024
|
+
a,
|
|
3025
|
+
d,
|
|
2975
3026
|
() => ({
|
|
2976
3027
|
top: void 0,
|
|
2977
3028
|
// properties were never set to optional (probably should)
|
|
2978
3029
|
left: void 0,
|
|
2979
3030
|
// ditto
|
|
2980
|
-
width:
|
|
2981
|
-
height:
|
|
3031
|
+
width: n,
|
|
3032
|
+
height: s
|
|
2982
3033
|
})
|
|
2983
|
-
);
|
|
2984
|
-
|
|
2985
|
-
c === ge.LEFT && (d *= -1);
|
|
2986
|
-
const p = this.positionService.findPositionAt(
|
|
3034
|
+
), p === ce.LEFT && (h *= -1);
|
|
3035
|
+
const m = this.positionService.findPositionAt(
|
|
2987
3036
|
{
|
|
2988
|
-
left:
|
|
2989
|
-
top:
|
|
3037
|
+
left: g[0] + h,
|
|
3038
|
+
top: g[1]
|
|
2990
3039
|
},
|
|
2991
|
-
|
|
2992
|
-
|
|
3040
|
+
a,
|
|
3041
|
+
p
|
|
2993
3042
|
);
|
|
2994
|
-
this.positionService.setElement(
|
|
3043
|
+
this.positionService.setElement(a, m);
|
|
2995
3044
|
}
|
|
2996
3045
|
}
|
|
2997
3046
|
const ct = class ct extends q {
|
|
@@ -3014,7 +3063,7 @@ const ct = class ct extends q {
|
|
|
3014
3063
|
}), { cartesianScales: c } = this.services, d = c.getMainXScaleType(), p = c.getMainXScale(), [h] = p.range();
|
|
3015
3064
|
n.attr("transform", `translate(${h},0)`);
|
|
3016
3065
|
const u = S.appendOrSelect(n, this.frontSelectionSelector);
|
|
3017
|
-
if (p && d ===
|
|
3066
|
+
if (p && d === pe.TIME) {
|
|
3018
3067
|
let g = this.model.get("zoomDomain");
|
|
3019
3068
|
g === void 0 && (g = this.services.zoom.getDefaultZoomBarDomain(), g && this.model.set({ zoomDomain: g }, { animate: !1 }));
|
|
3020
3069
|
const m = (w) => {
|
|
@@ -3032,15 +3081,15 @@ const ct = class ct extends q {
|
|
|
3032
3081
|
let N = [I.invert(w), I.invert(L)];
|
|
3033
3082
|
N[0].valueOf() === N[1].valueOf() && (N = this.services.zoom.getDefaultZoomBarDomain()), (g[0].valueOf() !== N[0].valueOf() || g[1].valueOf() !== N[1].valueOf()) && this.services.zoom.handleDomainChange(N);
|
|
3034
3083
|
};
|
|
3035
|
-
let
|
|
3084
|
+
let x;
|
|
3036
3085
|
const y = (w) => {
|
|
3037
3086
|
const L = w.selection;
|
|
3038
|
-
L !== null && (O(L[0], L[1]), a.call(
|
|
3087
|
+
L !== null && (O(L[0], L[1]), a.call(x.move, null), u.style("display", "none"));
|
|
3039
3088
|
};
|
|
3040
|
-
l != 0 && r != 0 && (
|
|
3089
|
+
l != 0 && r != 0 && (x = Qs().extent([
|
|
3041
3090
|
[0, 0],
|
|
3042
3091
|
[r - 1, l]
|
|
3043
|
-
]).on("start brush end", E).on("end.brushed", y), a.call(
|
|
3092
|
+
]).on("start brush end", E).on("end.brushed", y), a.call(x));
|
|
3044
3093
|
const A = this.services.zoom.getZoomRatio();
|
|
3045
3094
|
s.on("click", function(w) {
|
|
3046
3095
|
if (w.shiftKey) {
|
|
@@ -3062,14 +3111,14 @@ class yh extends q {
|
|
|
3062
3111
|
}
|
|
3063
3112
|
init() {
|
|
3064
3113
|
this.services.events.addEventListener(f.ZoomBar.UPDATE, this.render.bind(this));
|
|
3065
|
-
const e = v(this.getOptions(), "zoomBar",
|
|
3114
|
+
const e = v(this.getOptions(), "zoomBar", B.TOP, "data");
|
|
3066
3115
|
this.model.setZoomBarData(e);
|
|
3067
3116
|
}
|
|
3068
3117
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3069
3118
|
// @ts-ignore
|
|
3070
3119
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
3071
3120
|
render(e = !0) {
|
|
3072
|
-
const t = this.getComponentContainer(), n = this.services.zoom.isZoomBarLoading(
|
|
3121
|
+
const t = this.getComponentContainer(), n = this.services.zoom.isZoomBarLoading(B.TOP), s = this.services.zoom.isZoomBarLocked(B.TOP), a = v(this.getOptions(), "zoomBar", B.TOP, "type"), i = v(this.getOptions(), "axes", B.BOTTOM, "highlights"), r = we.height[a], { width: l } = S.getSVGElementSize(this.parent, {
|
|
3073
3122
|
useAttrs: !0
|
|
3074
3123
|
});
|
|
3075
3124
|
if (l === 0)
|
|
@@ -3089,27 +3138,27 @@ class yh extends q {
|
|
|
3089
3138
|
return;
|
|
3090
3139
|
}
|
|
3091
3140
|
const { cartesianScales: h } = this.services, u = h.getMainXScale(), g = h.getMainYScale(), m = h.getMainXScaleType();
|
|
3092
|
-
if (u && m ===
|
|
3141
|
+
if (u && m === pe.TIME) {
|
|
3093
3142
|
let E = this.services.zoom.getZoomBarData();
|
|
3094
3143
|
if (Js(E) || E.length === 1)
|
|
3095
3144
|
return;
|
|
3096
3145
|
this.xScale = u.copy(), this.yScale = g.copy();
|
|
3097
3146
|
const O = this.services.zoom.getDefaultZoomBarDomain(E);
|
|
3098
3147
|
E = this.compensateDataForDefaultDomain(E, O);
|
|
3099
|
-
const
|
|
3148
|
+
const x = this.model.get("initialZoomDomain"), y = v(
|
|
3100
3149
|
this.getOptions(),
|
|
3101
3150
|
"zoomBar",
|
|
3102
|
-
|
|
3151
|
+
B.TOP,
|
|
3103
3152
|
"initialZoomDomain"
|
|
3104
3153
|
);
|
|
3105
|
-
y && y[0] && y[1] && (y[0] = new Date(y[0]), y[1] = new Date(y[1])), y && !(
|
|
3154
|
+
y && y[0] && y[1] && (y[0] = new Date(y[0]), y[1] = new Date(y[1])), y && !(x && x[0].valueOf() === y[0].valueOf() && x[1].valueOf() === y[1].valueOf()) ? this.model.set(
|
|
3106
3155
|
{
|
|
3107
3156
|
// use a new object instead of newInitialZoomDomain
|
|
3108
3157
|
initialZoomDomain: dt([], y),
|
|
3109
3158
|
zoomDomain: y ? dt([], y) : O
|
|
3110
3159
|
},
|
|
3111
3160
|
{ skipUpdate: !0 }
|
|
3112
|
-
) : y === null &&
|
|
3161
|
+
) : y === null && x !== null && this.model.set(
|
|
3113
3162
|
{
|
|
3114
3163
|
initialZoomDomain: null,
|
|
3115
3164
|
zoomDomain: dt([], O)
|
|
@@ -3148,7 +3197,7 @@ class yh extends q {
|
|
|
3148
3197
|
const s = (r) => {
|
|
3149
3198
|
const l = r.selection;
|
|
3150
3199
|
l === null ? this.handleBrushedEvent(r, e, this.xScale, this.xScale.range()) : l[0] === l[1] || this.handleBrushedEvent(r, e, this.xScale, l);
|
|
3151
|
-
}, a = v(this.getOptions(), "zoomBar",
|
|
3200
|
+
}, a = v(this.getOptions(), "zoomBar", B.TOP, "type"), i = we.height[a];
|
|
3152
3201
|
this.brush.extent([
|
|
3153
3202
|
[t, 0],
|
|
3154
3203
|
[n, i]
|
|
@@ -3171,7 +3220,7 @@ class yh extends q {
|
|
|
3171
3220
|
}
|
|
3172
3221
|
}
|
|
3173
3222
|
updateBrushHandle(e, t) {
|
|
3174
|
-
const n = this, s = we.handleWidth, a = v(this.getOptions(), "zoomBar",
|
|
3223
|
+
const n = this, s = we.handleWidth, a = v(this.getOptions(), "zoomBar", B.TOP, "type"), i = we.height[a], r = -s / 2, l = we.handleBarWidth, c = a === nt.GRAPH_VIEW ? we.handleBarHeight : 6, d = -l / 2, p = (i - c) / 2;
|
|
3175
3224
|
e.select(this.brushSelector).selectAll("rect.handle").data([{ type: "w" }, { type: "e" }]).attr("x", function(u) {
|
|
3176
3225
|
if (u.type === "w")
|
|
3177
3226
|
return Math.max(t[0] + r, n.maxSelectionRange[0]);
|
|
@@ -3202,11 +3251,11 @@ class yh extends q {
|
|
|
3202
3251
|
);
|
|
3203
3252
|
}
|
|
3204
3253
|
updateSliderSelectedArea(e) {
|
|
3205
|
-
const t = v(this.getOptions(), "zoomBar",
|
|
3254
|
+
const t = v(this.getOptions(), "zoomBar", B.TOP, "type"), n = we.height[t], a = this.getComponentContainer().select("svg.zoom-container");
|
|
3206
3255
|
S.appendOrSelect(a, "rect.zoom-slider-selected-area").attr("x", e[0]).attr("y", n / 2 - 1).attr("width", e[1] - e[0]).attr("height", 2);
|
|
3207
3256
|
}
|
|
3208
3257
|
renderZoomBarArea(e, t, n, s) {
|
|
3209
|
-
const { cartesianScales: a } = this.services, i = a.getMainXAxisPosition(), r = a.getMainYAxisPosition(), l = a.getMainXScaleType(), c = a.getMainYScaleType(), d = (O,
|
|
3258
|
+
const { cartesianScales: a } = this.services, i = a.getMainXAxisPosition(), r = a.getMainYAxisPosition(), l = a.getMainXScaleType(), c = a.getMainYScaleType(), d = (O, x, y) => (A) => a.getValueFromScale(O, x, y, A), p = d(this.xScale, l, i), h = d(this.yScale, c, r), u = v(this.getOptions(), "zoomBar", B.TOP, "type"), g = we.height[u], m = Nn().x((O) => p(O)).y0(g).y1((O) => g - h(O)), E = S.appendOrSelect(e, t).datum(n).attr("d", m);
|
|
3210
3259
|
s && E.attr("clip-path", `url(#${s})`);
|
|
3211
3260
|
}
|
|
3212
3261
|
updateClipPath(e, t, n, s, a, i) {
|
|
@@ -3232,7 +3281,7 @@ class yh extends q {
|
|
|
3232
3281
|
const a = v(
|
|
3233
3282
|
this.model.getOptions(),
|
|
3234
3283
|
"zoomBar",
|
|
3235
|
-
|
|
3284
|
+
B.TOP,
|
|
3236
3285
|
"type"
|
|
3237
3286
|
), i = we.height[a], r = Pn()([
|
|
3238
3287
|
[t, i],
|
|
@@ -3244,7 +3293,7 @@ class yh extends q {
|
|
|
3244
3293
|
);
|
|
3245
3294
|
}
|
|
3246
3295
|
renderSkeleton(e, t, n) {
|
|
3247
|
-
this.renderZoomBarArea(e, "path.zoom-graph-area-unselected", [], null), this.renderZoomBarArea(e, "path.zoom-graph-area", [], this.clipId), this.brush.on("start brush end", null), S.appendOrSelect(this.getComponentContainer(), this.brushSelector).html(null), v(this.getOptions(), "zoomBar",
|
|
3296
|
+
this.renderZoomBarArea(e, "path.zoom-graph-area-unselected", [], null), this.renderZoomBarArea(e, "path.zoom-graph-area", [], this.clipId), this.brush.on("start brush end", null), S.appendOrSelect(this.getComponentContainer(), this.brushSelector).html(null), v(this.getOptions(), "zoomBar", B.TOP, "type") === nt.GRAPH_VIEW && this.renderZoomBarBaseline(e, t, n, !0);
|
|
3248
3297
|
}
|
|
3249
3298
|
destroy() {
|
|
3250
3299
|
this.brush.on("start brush end", null), this.services.events.removeEventListener(f.ZoomBar.UPDATE, this.render.bind(this));
|
|
@@ -3257,7 +3306,7 @@ class Eh extends q {
|
|
|
3257
3306
|
render(e = !1) {
|
|
3258
3307
|
const t = v(this.getOptions(), "axes"), n = [];
|
|
3259
3308
|
Object.keys(t).forEach((h) => {
|
|
3260
|
-
if (Object.values(
|
|
3309
|
+
if (Object.values(B).includes(h)) {
|
|
3261
3310
|
const u = t[h];
|
|
3262
3311
|
u.thresholds && u.thresholds.length > 0 && n.push({
|
|
3263
3312
|
axisPosition: h,
|
|
@@ -3283,13 +3332,13 @@ class Eh extends q {
|
|
|
3283
3332
|
h
|
|
3284
3333
|
), g = p.services.cartesianScales.getScaleTypeByPosition(h);
|
|
3285
3334
|
let m = null, E = null;
|
|
3286
|
-
h ===
|
|
3287
|
-
const O = g ===
|
|
3335
|
+
h === B.LEFT || h === B.RIGHT ? (E = u, m = p.services.cartesianScales.getMainXScale()) : (m = u, E = p.services.cartesianScales.getMainYScale());
|
|
3336
|
+
const O = g === pe.LABELS, [x, y] = m.range(), [A, w] = E.range(), { cartesianScales: L } = p.services, I = L.getOrientation(), N = (F) => L.getDomainValue(F), W = (F) => L.getRangeValue(F), [R, C] = He(
|
|
3288
3337
|
N,
|
|
3289
3338
|
W,
|
|
3290
3339
|
I
|
|
3291
|
-
), V =
|
|
3292
|
-
h ===
|
|
3340
|
+
), V = T(this);
|
|
3341
|
+
h === B.TOP || h === B.BOTTOM ? (V.selectAll("line.threshold-line").transition().call(
|
|
3293
3342
|
(F) => p.services.transitions.setupTransition({
|
|
3294
3343
|
transition: F,
|
|
3295
3344
|
name: "threshold-line-update",
|
|
@@ -3307,13 +3356,13 @@ class Eh extends q {
|
|
|
3307
3356
|
name: "threshold-line-update",
|
|
3308
3357
|
animate: e
|
|
3309
3358
|
})
|
|
3310
|
-
).attr("x1",
|
|
3359
|
+
).attr("x1", x).attr("x2", y).attr(
|
|
3311
3360
|
"y1",
|
|
3312
3361
|
({ datum: F }) => C(F) + (O ? u.step() / 2 : 0)
|
|
3313
3362
|
).attr(
|
|
3314
3363
|
"y2",
|
|
3315
3364
|
({ datum: F }) => C(F) + (O ? u.step() / 2 : 0)
|
|
3316
|
-
).style("stroke", ({ fillColor: F }) => F), V.selectAll("rect.threshold-hoverable-area").attr("x",
|
|
3365
|
+
).style("stroke", ({ fillColor: F }) => F), V.selectAll("rect.threshold-hoverable-area").attr("x", x).attr("y", ({ datum: F }) => C(F)).attr("width", Math.abs(y - x)).classed("rotate", !1));
|
|
3317
3366
|
}), this.services.events.addEventListener(f.Threshold.SHOW, (h) => {
|
|
3318
3367
|
this.setThresholdLabelPosition(h.detail), this.label.classed("hidden", !1);
|
|
3319
3368
|
}), this.services.events.addEventListener(f.Threshold.HIDE, () => {
|
|
@@ -3322,8 +3371,8 @@ class Eh extends q {
|
|
|
3322
3371
|
}
|
|
3323
3372
|
getFormattedValue(e) {
|
|
3324
3373
|
const { value: t, axisPosition: n } = e, s = this.getOptions(), a = this.services.cartesianScales.getScaleTypeByPosition(n), { code: i, number: r } = v(s, "locale");
|
|
3325
|
-
if (a ===
|
|
3326
|
-
const l = [
|
|
3374
|
+
if (a === pe.TIME) {
|
|
3375
|
+
const l = [B.LEFT, B.RIGHT].includes(n), c = this.services.cartesianScales.getMainXScale(), d = this.services.cartesianScales.getMainYScale(), p = l ? d : c, h = v(s, "timeScale"), u = gn(
|
|
3327
3376
|
p.ticks(),
|
|
3328
3377
|
v(h, "timeInterval")
|
|
3329
3378
|
);
|
|
@@ -3332,7 +3381,7 @@ class Eh extends q {
|
|
|
3332
3381
|
return r(t, i);
|
|
3333
3382
|
}
|
|
3334
3383
|
appendThresholdLabel() {
|
|
3335
|
-
const e =
|
|
3384
|
+
const e = T(this.services.domUtils.getHolder()), t = v(this.getOptions(), "style", "prefix");
|
|
3336
3385
|
this.label = S.appendOrSelect(
|
|
3337
3386
|
e,
|
|
3338
3387
|
`div.${Me}--${t}--threshold--label`
|
|
@@ -3347,7 +3396,7 @@ class Eh extends q {
|
|
|
3347
3396
|
top: s[1]
|
|
3348
3397
|
},
|
|
3349
3398
|
i,
|
|
3350
|
-
[
|
|
3399
|
+
[ce.RIGHT, ce.LEFT, ce.TOP, ce.BOTTOM],
|
|
3351
3400
|
() => ({
|
|
3352
3401
|
top: void 0,
|
|
3353
3402
|
// other package lists this as non-optional
|
|
@@ -3374,16 +3423,16 @@ class Eh extends q {
|
|
|
3374
3423
|
addEventListeners() {
|
|
3375
3424
|
const e = this;
|
|
3376
3425
|
this.getComponentContainer({ withinChartClip: !0 }).selectAll("rect.threshold-hoverable-area").on("mouseover mousemove", function(n) {
|
|
3377
|
-
|
|
3426
|
+
T(this.parentNode).select("line.threshold-line").classed("active", !0), e.services.events.dispatchEvent(f.Threshold.SHOW, {
|
|
3378
3427
|
event: n,
|
|
3379
|
-
hoveredElement:
|
|
3380
|
-
datum:
|
|
3428
|
+
hoveredElement: T(this),
|
|
3429
|
+
datum: T(this).datum()
|
|
3381
3430
|
});
|
|
3382
3431
|
}).on("mouseout", function(n) {
|
|
3383
|
-
|
|
3432
|
+
T(this.parentNode).select("line.threshold-line").classed("active", !1), e.services.events.dispatchEvent(f.Threshold.HIDE, {
|
|
3384
3433
|
event: n,
|
|
3385
|
-
hoveredElement:
|
|
3386
|
-
datum:
|
|
3434
|
+
hoveredElement: T(this),
|
|
3435
|
+
datum: T(this).datum()
|
|
3387
3436
|
});
|
|
3388
3437
|
});
|
|
3389
3438
|
}
|
|
@@ -3395,7 +3444,7 @@ class bh extends q {
|
|
|
3395
3444
|
render(e = !1) {
|
|
3396
3445
|
const t = v(this.getOptions(), "axes"), n = [];
|
|
3397
3446
|
Object.keys(t).forEach((h) => {
|
|
3398
|
-
if (Object.values(
|
|
3447
|
+
if (Object.values(B).includes(h)) {
|
|
3399
3448
|
const u = t[h];
|
|
3400
3449
|
u.highlights && u.highlights.data.length > 0 && n.push({
|
|
3401
3450
|
axisPosition: h,
|
|
@@ -3419,18 +3468,18 @@ class bh extends q {
|
|
|
3419
3468
|
c.append("rect").attr("class", "highlight-bar"), c.append("line").attr("class", "highlight-line"), c.merge(l).attr("class", "highlight-group");
|
|
3420
3469
|
const p = this;
|
|
3421
3470
|
r.each(function({ axisPosition: h }) {
|
|
3422
|
-
const u = p.services.cartesianScales.getMainXScale(), g = p.services.cartesianScales.getMainYScale(), [m, E] = u.range(), [O,
|
|
3471
|
+
const u = p.services.cartesianScales.getMainXScale(), g = p.services.cartesianScales.getMainYScale(), [m, E] = u.range(), [O, x] = g.range(), { cartesianScales: y } = p.services, A = y.getOrientation(), w = (R) => y.getDomainValue(R), L = (R) => y.getRangeValue(R), [I, N] = He(
|
|
3423
3472
|
w,
|
|
3424
3473
|
L,
|
|
3425
3474
|
A
|
|
3426
|
-
), W =
|
|
3427
|
-
h ===
|
|
3475
|
+
), W = T(this);
|
|
3476
|
+
h === B.TOP || h === B.BOTTOM ? W.selectAll("rect.highlight-bar").transition().call(
|
|
3428
3477
|
(R) => p.services.transitions.setupTransition({
|
|
3429
3478
|
transition: R,
|
|
3430
3479
|
name: "highlight-bar-update",
|
|
3431
3480
|
animate: e
|
|
3432
3481
|
})
|
|
3433
|
-
).attr("y", Math.max(
|
|
3482
|
+
).attr("y", Math.max(x + p.highlightStrokeWidth, 0)).attr("height", Math.max(O - 2 * p.highlightStrokeWidth, 0)).attr("x", ({ highlightStartMapsTo: R, ...C }) => I(C[R])).attr(
|
|
3434
3483
|
"width",
|
|
3435
3484
|
({ highlightStartMapsTo: R, highlightEndMapsTo: C, ...V }) => Math.max(I(V[C]) - I(V[R]), 0)
|
|
3436
3485
|
).style("stroke", ({ color: R, labelMapsTo: C, ...V }) => R && R.scale[V[C]] ? R.scale[V[C]] : null).style("stroke-dasharray", "2, 2").attr("stroke-width", p.highlightStrokeWidth + "px").style("fill-opacity", 0.1).style("fill", ({ color: R, labelMapsTo: C, ...V }) => R && R.scale[V[C]] ? R.scale[V[C]] : null) : W.selectAll("rect.highlight-bar").transition().call(
|
|
@@ -3577,7 +3626,7 @@ class Oh extends q {
|
|
|
3577
3626
|
).style("font-size", "14px").text((y) => h[y] ? h[y] : "").attr("y", 20).attr("x", (y, A) => {
|
|
3578
3627
|
const w = this.services.domUtils.generateElementIDString(
|
|
3579
3628
|
`alluvial-category-${A}`
|
|
3580
|
-
), { width: L } = S.getSVGElementSize(
|
|
3629
|
+
), { width: L } = S.getSVGElementSize(T(`text#${w}`), {
|
|
3581
3630
|
useBBox: !0
|
|
3582
3631
|
});
|
|
3583
3632
|
let I = 0;
|
|
@@ -3619,21 +3668,21 @@ class Oh extends q {
|
|
|
3619
3668
|
const E = m.append("g").attr(
|
|
3620
3669
|
"id",
|
|
3621
3670
|
(y) => this.services.domUtils.generateElementIDString(`alluvial-node-title-${y.index}`)
|
|
3622
|
-
), { code: O, number:
|
|
3671
|
+
), { code: O, number: x } = v(a, "locale");
|
|
3623
3672
|
E.append("text").attr(
|
|
3624
3673
|
"id",
|
|
3625
3674
|
(y) => this.services.domUtils.generateElementIDString(`alluvial-node-text-${y.index}`)
|
|
3626
|
-
).attr("class", "node-text").style("font-size", "12px").attr("text-anchor", "start").attr("fill", "white").attr("x", 4).attr("dy", 13).text((y) => `${y.name} (${
|
|
3675
|
+
).attr("class", "node-text").style("font-size", "12px").attr("text-anchor", "start").attr("fill", "white").attr("x", 4).attr("dy", 13).text((y) => `${y.name} (${x(y.value, O)})`).attr("aria-label", (y) => `${y.name} (${y.value})`), E.append("rect").classed("node-text-bg", !0).attr("width", (y, A) => {
|
|
3627
3676
|
const w = this.services.domUtils.generateElementIDString(
|
|
3628
3677
|
`alluvial-node-text-${A}`
|
|
3629
|
-
), { width: L } = S.getSVGElementSize(
|
|
3678
|
+
), { width: L } = S.getSVGElementSize(T(`text#${w}`), {
|
|
3630
3679
|
useBBox: !0
|
|
3631
3680
|
});
|
|
3632
3681
|
return L + 8;
|
|
3633
3682
|
}).attr("height", 18).attr("stroke-width", 2).lower(), E.attr("transform", (y, A) => {
|
|
3634
3683
|
const w = this.services.domUtils.generateElementIDString(
|
|
3635
3684
|
`alluvial-node-text-${A}`
|
|
3636
|
-
), { width: L } = S.getSVGElementSize(
|
|
3685
|
+
), { width: L } = S.getSVGElementSize(T(`text#${w}`), {
|
|
3637
3686
|
useBBox: !0
|
|
3638
3687
|
}), I = (y.y1 - y.y0) / 2 - 9;
|
|
3639
3688
|
let N = y.x1 - y.x0;
|
|
@@ -3648,12 +3697,12 @@ class Oh extends q {
|
|
|
3648
3697
|
name: "alluvial-links-mouse-highlight"
|
|
3649
3698
|
})
|
|
3650
3699
|
);
|
|
3651
|
-
r === "mouseout" ? (
|
|
3652
|
-
return i === this ? (
|
|
3700
|
+
r === "mouseout" ? (T(i).lower(), l.style("stroke-opacity", Re.opacity.default)) : l.style("stroke-opacity", function() {
|
|
3701
|
+
return i === this ? (T(this).raise(), Re.opacity.selected) : Re.opacity.unfocus;
|
|
3653
3702
|
});
|
|
3654
3703
|
}, 33);
|
|
3655
3704
|
this.parent.selectAll("path.link").on("mouseover", function(i, r) {
|
|
3656
|
-
const l =
|
|
3705
|
+
const l = T(this);
|
|
3657
3706
|
a(this, "mouseover"), l.classed("link-hovered", !0);
|
|
3658
3707
|
const c = getComputedStyle(this).getPropertyValue("stroke");
|
|
3659
3708
|
t.services.events.dispatchEvent(f.Alluvial.LINE_MOUSEOVER, {
|
|
@@ -3675,7 +3724,7 @@ class Oh extends q {
|
|
|
3675
3724
|
}).on("mousemove", function(i, r) {
|
|
3676
3725
|
t.services.events.dispatchEvent(f.Alluvial.LINE_MOUSEMOVE, {
|
|
3677
3726
|
event: i,
|
|
3678
|
-
element:
|
|
3727
|
+
element: T(this),
|
|
3679
3728
|
datum: r
|
|
3680
3729
|
}), t.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
3681
3730
|
event: i
|
|
@@ -3683,11 +3732,11 @@ class Oh extends q {
|
|
|
3683
3732
|
}).on("click", function(i, r) {
|
|
3684
3733
|
t.services.events.dispatchEvent(f.Alluvial.LINE_CLICK, {
|
|
3685
3734
|
event: i,
|
|
3686
|
-
element:
|
|
3735
|
+
element: T(this),
|
|
3687
3736
|
datum: r
|
|
3688
3737
|
});
|
|
3689
3738
|
}).on("mouseout", function(i, r) {
|
|
3690
|
-
const l =
|
|
3739
|
+
const l = T(this);
|
|
3691
3740
|
a(this, "mouseout"), l.classed("link-hovered", !1), t.services.events.dispatchEvent(f.Alluvial.LINE_MOUSEOUT, {
|
|
3692
3741
|
event: i,
|
|
3693
3742
|
element: l,
|
|
@@ -3710,11 +3759,11 @@ class Oh extends q {
|
|
|
3710
3759
|
name: "alluvial-link-mouse-highlight"
|
|
3711
3760
|
})
|
|
3712
3761
|
).style("stroke-opacity", function(i) {
|
|
3713
|
-
return n.some((r) => r === i.index) ? (
|
|
3762
|
+
return n.some((r) => r === i.index) ? (T(this).classed("link-hovered", !0).raise(), Re.opacity.selected) : Re.opacity.unfocus;
|
|
3714
3763
|
});
|
|
3715
3764
|
}, 66);
|
|
3716
3765
|
e.parent.selectAll(".node-group").on("mouseover", function(n, s) {
|
|
3717
|
-
const a =
|
|
3766
|
+
const a = T(this), i = [];
|
|
3718
3767
|
if (e.traverse({ link: "sourceLinks", node: "target" }, s, i), e.traverse({ link: "targetLinks", node: "source" }, s, i), i.length) {
|
|
3719
3768
|
const r = bt(a.attr("transform"));
|
|
3720
3769
|
if (a.attr("transform", `translate(${r.x - 2}, ${r.y})`), a.classed("node-hovered", !0).selectAll("rect.node").attr("width", 8), s.x0 - 2 === 0) {
|
|
@@ -3735,7 +3784,7 @@ class Oh extends q {
|
|
|
3735
3784
|
}).on("mousemove", function(n, s) {
|
|
3736
3785
|
e.services.events.dispatchEvent(f.Alluvial.NODE_MOUSEMOVE, {
|
|
3737
3786
|
event: n,
|
|
3738
|
-
element:
|
|
3787
|
+
element: T(this),
|
|
3739
3788
|
datum: s
|
|
3740
3789
|
}), e.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
3741
3790
|
event: n
|
|
@@ -3743,11 +3792,11 @@ class Oh extends q {
|
|
|
3743
3792
|
}).on("click", function(n, s) {
|
|
3744
3793
|
e.services.events.dispatchEvent(f.Alluvial.NODE_CLICK, {
|
|
3745
3794
|
event: n,
|
|
3746
|
-
element:
|
|
3795
|
+
element: T(this),
|
|
3747
3796
|
datum: s
|
|
3748
3797
|
});
|
|
3749
3798
|
}).on("mouseout", function(n, s) {
|
|
3750
|
-
const a =
|
|
3799
|
+
const a = T(this), i = bt(a.attr("transform"));
|
|
3751
3800
|
if (a.classed("node-hovered", !1).attr("transform", `translate(${i.x + 2}, ${i.y})`).select("rect.node").attr("width", Re.nodeWidth), s.x0 - 2 === 0) {
|
|
3752
3801
|
const l = e.services.domUtils.generateElementIDString(
|
|
3753
3802
|
`alluvial-node-title-${s.index}`
|
|
@@ -3782,7 +3831,7 @@ class Oh extends q {
|
|
|
3782
3831
|
this.parent.selectAll("path.line,.node-group").on("mouseover", null).on("mousemove", null).on("click", null).on("mouseout", null);
|
|
3783
3832
|
}
|
|
3784
3833
|
}
|
|
3785
|
-
class
|
|
3834
|
+
class Th extends q {
|
|
3786
3835
|
constructor() {
|
|
3787
3836
|
super(...arguments), this.type = "grid", this.renderType = j.SVG;
|
|
3788
3837
|
}
|
|
@@ -3878,7 +3927,7 @@ class xh extends q {
|
|
|
3878
3927
|
e.selectAll("text").remove(), e.select(".domain").remove();
|
|
3879
3928
|
}
|
|
3880
3929
|
}
|
|
3881
|
-
class
|
|
3930
|
+
class xh extends q {
|
|
3882
3931
|
constructor() {
|
|
3883
3932
|
super(...arguments), this.type = "area", this.renderType = j.SVG, this.gradient_id = "gradient-id-" + Math.floor(Math.random() * 99999999999), this.handleLegendOnHover = (e) => {
|
|
3884
3933
|
const { hoveredElement: t } = e.detail;
|
|
@@ -3887,14 +3936,14 @@ class Th extends q {
|
|
|
3887
3936
|
transition: n,
|
|
3888
3937
|
name: "legend-hover-area"
|
|
3889
3938
|
})
|
|
3890
|
-
).attr("opacity", (n) => n.name !== t.datum().name ?
|
|
3939
|
+
).attr("opacity", (n) => n.name !== t.datum().name ? Ge.opacity.unselected : Ge.opacity.selected);
|
|
3891
3940
|
}, this.handleLegendMouseOut = () => {
|
|
3892
3941
|
this.parent.selectAll("path.area").transition("legend-mouseout-area").call(
|
|
3893
3942
|
(e) => this.services.transitions.setupTransition({
|
|
3894
3943
|
transition: e,
|
|
3895
3944
|
name: "legend-mouseout-area"
|
|
3896
3945
|
})
|
|
3897
|
-
).attr("opacity",
|
|
3946
|
+
).attr("opacity", Ge.opacity.selected);
|
|
3898
3947
|
};
|
|
3899
3948
|
}
|
|
3900
3949
|
init() {
|
|
@@ -3915,14 +3964,14 @@ class Th extends q {
|
|
|
3915
3964
|
const h = (w, L) => {
|
|
3916
3965
|
v(n, "axes", w, "includeZero") === !1 && L[0] > 0 && L[1] > 0 && (p = L[0]);
|
|
3917
3966
|
}, u = (w) => d ? a.getBoundedScaledValues(w)[0] : a.getRangeValue(p), g = (w) => d ? a.getBoundedScaledValues(w)[1] : a.getRangeValue(w);
|
|
3918
|
-
i ===
|
|
3967
|
+
i === Te.VERTICAL ? (s = a.getMainYScale().domain(), h(a.getMainYAxisPosition(), s), r.x((w) => a.getDomainValue(w)).y0((w) => u(w)).y1((w) => g(w))) : (s = a.getMainXScale().domain(), h(a.getMainXAxisPosition(), s), r.x0((w) => u(w)).x1((w) => g(w)).y((w) => a.getDomainValue(w)));
|
|
3919
3968
|
const m = v(n, "color", "gradient", "enabled"), E = l && l.length === 1 && m;
|
|
3920
3969
|
l.length > 1 && m && console.error("Gradients can only be enabled when having 1 single dataset");
|
|
3921
|
-
const O = t.selectAll("path.area").data(l, (w) => w.name),
|
|
3970
|
+
const O = t.selectAll("path.area").data(l, (w) => w.name), x = T(this.services.domUtils.getMainContainer());
|
|
3922
3971
|
if (O.exit().attr("opacity", 0).remove(), !l.length)
|
|
3923
3972
|
return;
|
|
3924
3973
|
if (E) {
|
|
3925
|
-
const w =
|
|
3974
|
+
const w = x.select(
|
|
3926
3975
|
`path.${this.model.getColorClassName({
|
|
3927
3976
|
classNameTypes: [z.STROKE],
|
|
3928
3977
|
dataGroupName: l[0].name
|
|
@@ -3984,10 +4033,10 @@ class Th extends q {
|
|
|
3984
4033
|
name: "area-update-enter",
|
|
3985
4034
|
animate: e
|
|
3986
4035
|
})
|
|
3987
|
-
).attr("opacity", d ? 1 :
|
|
4036
|
+
).attr("opacity", d ? 1 : Ge.opacity.selected).attr("d", (w) => {
|
|
3988
4037
|
const { data: L } = w;
|
|
3989
4038
|
return r(L);
|
|
3990
|
-
}), d && A.attr("fill-opacity",
|
|
4039
|
+
}), d && A.attr("fill-opacity", Ge.opacity.selected).style("stroke", (w) => y.model.getStrokeColor(w.name, null, w.data)).style("stroke-dasharray", "2, 2").attr("stroke-width", 0.7 + "px"));
|
|
3991
4040
|
}
|
|
3992
4041
|
destroy() {
|
|
3993
4042
|
const e = this.services.events;
|
|
@@ -4003,14 +4052,14 @@ class Lh extends q {
|
|
|
4003
4052
|
transition: n,
|
|
4004
4053
|
name: "legend-hover-line"
|
|
4005
4054
|
})
|
|
4006
|
-
).attr("opacity", (n) => n.name !== t.datum().name ?
|
|
4055
|
+
).attr("opacity", (n) => n.name !== t.datum().name ? Be.opacity.unselected : Be.opacity.selected);
|
|
4007
4056
|
}, this.handleLegendMouseOut = () => {
|
|
4008
4057
|
this.parent.selectAll("path.line").transition("legend-mouseout-line").call(
|
|
4009
4058
|
(e) => this.services.transitions.setupTransition({
|
|
4010
4059
|
transition: e,
|
|
4011
4060
|
name: "legend-mouseout-line"
|
|
4012
4061
|
})
|
|
4013
|
-
).attr("opacity",
|
|
4062
|
+
).attr("opacity", Be.opacity.selected);
|
|
4014
4063
|
};
|
|
4015
4064
|
}
|
|
4016
4065
|
init() {
|
|
@@ -4033,11 +4082,11 @@ class Lh extends q {
|
|
|
4033
4082
|
groups: this.configs.groups,
|
|
4034
4083
|
percentage: g
|
|
4035
4084
|
}).map((O) => {
|
|
4036
|
-
const
|
|
4085
|
+
const x = this.services.cartesianScales.getDomainIdentifier(O), y = this.services.cartesianScales.getRangeIdentifier(O);
|
|
4037
4086
|
return {
|
|
4038
4087
|
name: v(O, 0, m),
|
|
4039
4088
|
data: O.map((A) => ({
|
|
4040
|
-
[
|
|
4089
|
+
[x]: A.data.sharedStackKey,
|
|
4041
4090
|
[m]: A[m],
|
|
4042
4091
|
[y]: A[1]
|
|
4043
4092
|
})),
|
|
@@ -4101,7 +4150,7 @@ class Ma extends q {
|
|
|
4101
4150
|
// @ts-ignore
|
|
4102
4151
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
4103
4152
|
showRuler(e, [t, n]) {
|
|
4104
|
-
const s = this.parent, a = this.services.cartesianScales.getOrientation(), i = this.model.getDisplayData(), r = this.services.cartesianScales.getRangeScale(), [l, c] = r.range(), d = a ===
|
|
4153
|
+
const s = this.parent, a = this.services.cartesianScales.getOrientation(), i = this.model.getDisplayData(), r = this.services.cartesianScales.getRangeScale(), [l, c] = r.range(), d = a === Te.HORIZONTAL ? n : t, p = S.appendOrSelect(s, "g.ruler").attr("aria-label", "ruler"), h = S.appendOrSelect(p, "line.ruler-line"), u = s.selectAll("[role=graphics-symbol]"), g = i.map((E) => ({
|
|
4105
4154
|
domainValue: this.services.cartesianScales.getDomainValue(E),
|
|
4106
4155
|
originalData: E
|
|
4107
4156
|
})).filter((E) => El(E.domainValue, d));
|
|
@@ -4113,7 +4162,7 @@ class Ma extends q {
|
|
|
4113
4162
|
const m = this.pointsWithinLine.reduce((E, O) => {
|
|
4114
4163
|
if (E.length === 0)
|
|
4115
4164
|
return E.push(O), E;
|
|
4116
|
-
const
|
|
4165
|
+
const x = E[0].domainValue, y = Math.abs(d - O.domainValue), A = Math.abs(d - x);
|
|
4117
4166
|
return y > A || (y < A ? E = [O] : E.push(O)), E;
|
|
4118
4167
|
}, []);
|
|
4119
4168
|
if (m.length > 0) {
|
|
@@ -4122,11 +4171,11 @@ class Ma extends q {
|
|
|
4122
4171
|
return L != null;
|
|
4123
4172
|
}), O = m.map(
|
|
4124
4173
|
(A) => A.domainValue
|
|
4125
|
-
),
|
|
4174
|
+
), x = u.filter((A) => {
|
|
4126
4175
|
const w = this.services.cartesianScales.getDomainValue(A);
|
|
4127
4176
|
return O.includes(w);
|
|
4128
4177
|
});
|
|
4129
|
-
this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !Ea(this.elementsToHighlight,
|
|
4178
|
+
this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !Ea(this.elementsToHighlight, x) && this.hideRuler(), x.dispatch("mouseover"), this.elementsToHighlight = x, this.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
4130
4179
|
mousePosition: [t, n],
|
|
4131
4180
|
hoveredElement: h,
|
|
4132
4181
|
data: this.formatTooltipData(E)
|
|
@@ -4350,7 +4399,7 @@ class Fn extends q {
|
|
|
4350
4399
|
throw new Error("Parent not defined");
|
|
4351
4400
|
this.parent.selectAll("circle").on("mouseover", function(n, s) {
|
|
4352
4401
|
var i, r;
|
|
4353
|
-
const a =
|
|
4402
|
+
const a = T(this);
|
|
4354
4403
|
a.classed("hovered", !0).attr(
|
|
4355
4404
|
"class",
|
|
4356
4405
|
(l) => e.model.getColorClassName({
|
|
@@ -4374,7 +4423,7 @@ class Fn extends q {
|
|
|
4374
4423
|
});
|
|
4375
4424
|
}).on("mousemove", function(n, s) {
|
|
4376
4425
|
var i, r;
|
|
4377
|
-
const a =
|
|
4426
|
+
const a = T(this);
|
|
4378
4427
|
(i = e.services.events) == null || i.dispatchEvent(f.Scatter.SCATTER_MOUSEMOVE, {
|
|
4379
4428
|
event: n,
|
|
4380
4429
|
element: a,
|
|
@@ -4386,12 +4435,12 @@ class Fn extends q {
|
|
|
4386
4435
|
var a;
|
|
4387
4436
|
(a = e.services.events) == null || a.dispatchEvent(f.Scatter.SCATTER_CLICK, {
|
|
4388
4437
|
event: n,
|
|
4389
|
-
element:
|
|
4438
|
+
element: T(this),
|
|
4390
4439
|
datum: s
|
|
4391
4440
|
});
|
|
4392
4441
|
}).on("mouseout", function(n, s) {
|
|
4393
4442
|
var i, r, l;
|
|
4394
|
-
const a =
|
|
4443
|
+
const a = T(this);
|
|
4395
4444
|
if (a.classed("hovered", !1), !e.configs.filled) {
|
|
4396
4445
|
const { filled: c } = e.getOptions().points, d = (i = e.services.cartesianScales) == null ? void 0 : i.getDomainIdentifier(s), p = e.model.getIsFilled(
|
|
4397
4446
|
s[t],
|
|
@@ -4425,10 +4474,10 @@ class Fn extends q {
|
|
|
4425
4474
|
class Ca extends q {
|
|
4426
4475
|
constructor(e, t, n) {
|
|
4427
4476
|
super(e, t, n), this.type = "axes", this.renderType = j.SVG, this.truncation = {
|
|
4428
|
-
[
|
|
4429
|
-
[
|
|
4430
|
-
[
|
|
4431
|
-
[
|
|
4477
|
+
[B.LEFT]: !1,
|
|
4478
|
+
[B.RIGHT]: !1,
|
|
4479
|
+
[B.TOP]: !1,
|
|
4480
|
+
[B.BOTTOM]: !1
|
|
4432
4481
|
}, n && (this.configs = n), this.margins = this.configs.margins;
|
|
4433
4482
|
}
|
|
4434
4483
|
render(e = !0) {
|
|
@@ -4436,22 +4485,22 @@ class Ca extends q {
|
|
|
4436
4485
|
useAttrs: !0
|
|
4437
4486
|
}), l = S.appendOrSelect(a, `g.axis.${t}`);
|
|
4438
4487
|
let c, d;
|
|
4439
|
-
if (t ===
|
|
4488
|
+
if (t === B.BOTTOM || t === B.TOP ? (c = this.configs.axes[B.LEFT] ? this.margins.left : 0, d = this.configs.axes[B.RIGHT] ? i - this.margins.right : i) : (c = r - this.margins.bottom, d = this.margins.top), !this.services.cartesianScales)
|
|
4440
4489
|
throw new Error("Services cartesianScales undefined");
|
|
4441
4490
|
const p = this.services.cartesianScales.getScaleByPosition(t);
|
|
4442
|
-
this.scaleType ===
|
|
4491
|
+
this.scaleType === pe.LABELS || this.scaleType === pe.LABELS_RATIO ? p.rangeRound([c, d]) : p.range([c, d]);
|
|
4443
4492
|
let h;
|
|
4444
4493
|
switch (t) {
|
|
4445
|
-
case
|
|
4494
|
+
case B.LEFT:
|
|
4446
4495
|
h = ea;
|
|
4447
4496
|
break;
|
|
4448
|
-
case
|
|
4497
|
+
case B.BOTTOM:
|
|
4449
4498
|
h = Vn;
|
|
4450
4499
|
break;
|
|
4451
|
-
case
|
|
4500
|
+
case B.RIGHT:
|
|
4452
4501
|
h = ti;
|
|
4453
4502
|
break;
|
|
4454
|
-
case
|
|
4503
|
+
case B.TOP:
|
|
4455
4504
|
h = ei;
|
|
4456
4505
|
break;
|
|
4457
4506
|
}
|
|
@@ -4459,8 +4508,8 @@ class Ca extends q {
|
|
|
4459
4508
|
const u = !l.select("g.ticks").empty();
|
|
4460
4509
|
let g = S.appendOrSelect(l, "g.ticks");
|
|
4461
4510
|
u || (g.attr("role", `${X.GRAPHICS_OBJECT} ${X.GROUP}`), g.attr("aria-label", `${t} ticks`));
|
|
4462
|
-
const m = S.appendOrSelect(l, "g.ticks.invisible").style("opacity", "0").style("pointer-events", "none").attr("aria-hidden", !0).attr("aria-label", `invisible ${t} ticks`), E = v(n, "axes", t), O = this.scaleType ===
|
|
4463
|
-
if (y && O && !
|
|
4511
|
+
const m = S.appendOrSelect(l, "g.ticks.invisible").style("opacity", "0").style("pointer-events", "none").attr("aria-hidden", !0).attr("aria-label", `invisible ${t} ticks`), E = v(n, "axes", t), O = this.scaleType === pe.TIME || E.scaleType === pe.TIME, x = t === B.LEFT || t === B.RIGHT, y = this.model.get("zoomDomain");
|
|
4512
|
+
if (y && O && !x && p.domain(y), !s) {
|
|
4464
4513
|
g.attr("aria-hidden", !0);
|
|
4465
4514
|
return;
|
|
4466
4515
|
}
|
|
@@ -4468,10 +4517,10 @@ class Ca extends q {
|
|
|
4468
4517
|
useBBox: !0
|
|
4469
4518
|
}).height;
|
|
4470
4519
|
F.remove();
|
|
4471
|
-
const me = this.scaleType || E.scaleType ||
|
|
4520
|
+
const me = this.scaleType || E.scaleType || pe.LINEAR, K = h(p).tickSizeOuter(0);
|
|
4472
4521
|
if (p.ticks) {
|
|
4473
4522
|
let U;
|
|
4474
|
-
if (C ? U = L : (U = ot.ticks.number,
|
|
4523
|
+
if (C ? U = L : (U = ot.ticks.number, x && (U = this.getNumberOfFittingTicks(
|
|
4475
4524
|
r,
|
|
4476
4525
|
Q,
|
|
4477
4526
|
ot.ticks.verticalSpaceRatio
|
|
@@ -4481,8 +4530,8 @@ class Ca extends q {
|
|
|
4481
4530
|
else {
|
|
4482
4531
|
const J = v(n, "timeScale", "addSpaceOnEdges"), ae = v(n, "axes", t, "domain"), re = p.copy();
|
|
4483
4532
|
J && !ae && re.nice(U);
|
|
4484
|
-
const
|
|
4485
|
-
J &&
|
|
4533
|
+
const de = re.ticks(U);
|
|
4534
|
+
J && de.length > 2 && !ae && (de.splice(de.length - 1, 1), de.splice(0, 1)), K.tickValues(de);
|
|
4486
4535
|
}
|
|
4487
4536
|
}
|
|
4488
4537
|
let H;
|
|
@@ -4504,7 +4553,7 @@ class Ca extends q {
|
|
|
4504
4553
|
return Z(J, ae, re);
|
|
4505
4554
|
};
|
|
4506
4555
|
} else
|
|
4507
|
-
Z === null ? me ===
|
|
4556
|
+
Z === null ? me === pe.LINEAR && (H = (U) => le(U, ut)) : H = Z;
|
|
4508
4557
|
K.tickFormat(H);
|
|
4509
4558
|
const [Ye, se] = this.services.cartesianScales.getScaleByPosition(t).domain();
|
|
4510
4559
|
let Ie;
|
|
@@ -4516,7 +4565,7 @@ class Ca extends q {
|
|
|
4516
4565
|
const J = U.getTime();
|
|
4517
4566
|
return J >= new Date(Ye).getTime() && J <= new Date(se).getTime();
|
|
4518
4567
|
});
|
|
4519
|
-
else if (A ===
|
|
4568
|
+
else if (A === pe.LABELS) {
|
|
4520
4569
|
const U = this.services.cartesianScales.getScaleByPosition(t).domain();
|
|
4521
4570
|
Ie = I.filter((J) => U.includes(J));
|
|
4522
4571
|
} else
|
|
@@ -4526,16 +4575,16 @@ class Ca extends q {
|
|
|
4526
4575
|
K.tickValues(Ie);
|
|
4527
4576
|
}
|
|
4528
4577
|
switch (t) {
|
|
4529
|
-
case
|
|
4578
|
+
case B.LEFT:
|
|
4530
4579
|
g.attr("transform", `translate(${this.margins.left}, 0)`);
|
|
4531
4580
|
break;
|
|
4532
|
-
case
|
|
4581
|
+
case B.BOTTOM:
|
|
4533
4582
|
g.attr("transform", `translate(0, ${r - this.margins.bottom})`);
|
|
4534
4583
|
break;
|
|
4535
|
-
case
|
|
4584
|
+
case B.RIGHT:
|
|
4536
4585
|
g.attr("transform", `translate(${i - this.margins.right}, 0)`);
|
|
4537
4586
|
break;
|
|
4538
|
-
case
|
|
4587
|
+
case B.TOP:
|
|
4539
4588
|
g.attr("transform", `translate(0, ${this.margins.top})`);
|
|
4540
4589
|
break;
|
|
4541
4590
|
}
|
|
@@ -4546,19 +4595,19 @@ class Ca extends q {
|
|
|
4546
4595
|
), J = v(E, "titleOrientation");
|
|
4547
4596
|
let ae;
|
|
4548
4597
|
switch (t) {
|
|
4549
|
-
case
|
|
4598
|
+
case B.LEFT:
|
|
4550
4599
|
J === vs.RIGHT ? U.attr("transform", "rotate(90)").attr("y", 0).attr("x", p.range()[0] / 2).attr("dy", "-0.5em").style("text-anchor", "middle") : U.attr("transform", "rotate(-90)").attr("y", 0).attr("x", -(p.range()[0] / 2)).attr("dy", "0.75em").style("text-anchor", "middle");
|
|
4551
4600
|
break;
|
|
4552
|
-
case
|
|
4601
|
+
case B.BOTTOM:
|
|
4553
4602
|
U.attr(
|
|
4554
4603
|
"transform",
|
|
4555
4604
|
`translate(${this.margins.left / 2 + p.range()[1] / 2}, ${r + 4})`
|
|
4556
4605
|
).style("text-anchor", "middle");
|
|
4557
4606
|
break;
|
|
4558
|
-
case
|
|
4607
|
+
case B.RIGHT:
|
|
4559
4608
|
J === vs.LEFT ? U.attr("transform", "rotate(-90)").attr("y", i).attr("x", -(p.range()[0] / 2)).style("text-anchor", "middle") : U.attr("transform", "rotate(90)").attr("y", -i).attr("x", p.range()[0] / 2).attr("dy", "0.75em").style("text-anchor", "middle");
|
|
4560
4609
|
break;
|
|
4561
|
-
case
|
|
4610
|
+
case B.TOP:
|
|
4562
4611
|
ae = S.getSVGElementSize(U, {
|
|
4563
4612
|
useBBox: !0
|
|
4564
4613
|
}).height, U.attr(
|
|
@@ -4574,12 +4623,12 @@ class Ca extends q {
|
|
|
4574
4623
|
v(n, "timeScale", "timeInterval")
|
|
4575
4624
|
), J = V.showDayName, ae = g;
|
|
4576
4625
|
e && (g = g.transition().call(
|
|
4577
|
-
(
|
|
4578
|
-
transition:
|
|
4626
|
+
(de) => this.services.transitions.setupTransition({
|
|
4627
|
+
transition: de,
|
|
4579
4628
|
name: "axis-update",
|
|
4580
4629
|
animate: e
|
|
4581
4630
|
})
|
|
4582
|
-
)), g = g.call(K), ae.selectAll(".tick").data(K.tickValues(), p).order().select("text").style("font-weight", (
|
|
4631
|
+
)), g = g.call(K), ae.selectAll(".tick").data(K.tickValues(), p).order().select("text").style("font-weight", (de, xe) => Ya(de, xe, K.tickValues(), U, J) ? "bold" : "normal");
|
|
4583
4632
|
} else
|
|
4584
4633
|
!e || !u ? g = g.call(K) : g = g.transition().call(
|
|
4585
4634
|
(U) => this.services.transitions.setupTransition({
|
|
@@ -4588,7 +4637,7 @@ class Ca extends q {
|
|
|
4588
4637
|
animate: e
|
|
4589
4638
|
})
|
|
4590
4639
|
).call(K);
|
|
4591
|
-
if (m.call(K), t ===
|
|
4640
|
+
if (m.call(K), t === B.BOTTOM || t === B.TOP) {
|
|
4592
4641
|
let U = !1;
|
|
4593
4642
|
const J = v(E, "ticks", "rotation");
|
|
4594
4643
|
if (J === tn.ALWAYS)
|
|
@@ -4607,17 +4656,17 @@ class Ca extends q {
|
|
|
4607
4656
|
const ae = m.append("text").text("A"), re = S.getSVGElementSize(ae.node(), {
|
|
4608
4657
|
useBBox: !0
|
|
4609
4658
|
}).width;
|
|
4610
|
-
let
|
|
4659
|
+
let de;
|
|
4611
4660
|
m.selectAll("g.tick").each(function() {
|
|
4612
|
-
const
|
|
4613
|
-
_ !== null &&
|
|
4661
|
+
const xe = T(this), _ = parseFloat(v(Ve(this), "tx"));
|
|
4662
|
+
_ !== null && de + xe.text().length * re * 0.8 >= _ && (U = !0), de = _;
|
|
4614
4663
|
}), ae.remove();
|
|
4615
4664
|
}
|
|
4616
4665
|
U ? (C || (K.ticks(
|
|
4617
4666
|
this.getNumberOfFittingTicks(i, Q, ot.ticks.horizontalSpaceRatio)
|
|
4618
|
-
), m.call(K), g.call(K)), l.selectAll("g.ticks g.tick text").attr("transform", "rotate(-45)").attr("text-anchor", t ===
|
|
4667
|
+
), m.call(K), g.call(K)), l.selectAll("g.ticks g.tick text").attr("transform", "rotate(-45)").attr("text-anchor", t === B.TOP ? "start" : "end")) : l.selectAll("g.ticks g.tick text").attr("transform", null).attr("text-anchor", null);
|
|
4619
4668
|
}
|
|
4620
|
-
if (w ? l.attr("opacity", 0) : l.attr("opacity", 1), g.selectAll("g.tick").attr("aria-label", (U) => U), m.selectAll("g.tick").attr("aria-label", (U) => U), N !== lt.NONE && A ===
|
|
4669
|
+
if (w ? l.attr("opacity", 0) : l.attr("opacity", 1), g.selectAll("g.tick").attr("aria-label", (U) => U), m.selectAll("g.tick").attr("aria-label", (U) => U), N !== lt.NONE && A === pe.LABELS && !I) {
|
|
4621
4670
|
const U = this.services.cartesianScales.getScaleDomain(t);
|
|
4622
4671
|
if (U.length > 0) {
|
|
4623
4672
|
const J = a.select(`g.axis.${t} g.ticks g.tick`).html();
|
|
@@ -4637,33 +4686,33 @@ class Ca extends q {
|
|
|
4637
4686
|
n.selectAll("g.tick text").on("mouseover", function(c, d) {
|
|
4638
4687
|
l.services.events.dispatchEvent(f.Axis.LABEL_MOUSEOVER, {
|
|
4639
4688
|
event: c,
|
|
4640
|
-
element:
|
|
4689
|
+
element: T(this),
|
|
4641
4690
|
datum: d
|
|
4642
|
-
}), i ===
|
|
4691
|
+
}), i === pe.LABELS && d.length > r && l.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
4643
4692
|
event: c,
|
|
4644
|
-
hoveredElement:
|
|
4693
|
+
hoveredElement: T(this),
|
|
4645
4694
|
content: d
|
|
4646
4695
|
});
|
|
4647
4696
|
}).on("mousemove", function(c, d) {
|
|
4648
4697
|
l.services.events.dispatchEvent(f.Axis.LABEL_MOUSEMOVE, {
|
|
4649
4698
|
event: c,
|
|
4650
|
-
element:
|
|
4699
|
+
element: T(this),
|
|
4651
4700
|
datum: d
|
|
4652
|
-
}), i ===
|
|
4701
|
+
}), i === pe.LABELS && d.length > r && l.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
4653
4702
|
event: c
|
|
4654
4703
|
});
|
|
4655
4704
|
}).on("click", function(c, d) {
|
|
4656
4705
|
l.services.events.dispatchEvent(f.Axis.LABEL_CLICK, {
|
|
4657
4706
|
event: c,
|
|
4658
|
-
element:
|
|
4707
|
+
element: T(this),
|
|
4659
4708
|
datum: d
|
|
4660
4709
|
});
|
|
4661
4710
|
}).on("mouseout", function(c, d) {
|
|
4662
4711
|
l.services.events.dispatchEvent(f.Axis.LABEL_MOUSEOUT, {
|
|
4663
4712
|
event: c,
|
|
4664
|
-
element:
|
|
4713
|
+
element: T(this),
|
|
4665
4714
|
datum: d
|
|
4666
|
-
}), i ===
|
|
4715
|
+
}), i === pe.LABELS && l.services.events.dispatchEvent(f.Tooltip.HIDE);
|
|
4667
4716
|
});
|
|
4668
4717
|
}
|
|
4669
4718
|
getInvisibleAxisRef() {
|
|
@@ -4691,23 +4740,23 @@ class bl extends Ca {
|
|
|
4691
4740
|
super.render(e), super.destroy();
|
|
4692
4741
|
const t = this.configs.position, n = this.getComponentContainer(), s = S.appendOrSelect(n, `g.axis.${t}`), a = this;
|
|
4693
4742
|
s.selectAll("g.tick").each(function(i, r) {
|
|
4694
|
-
const l =
|
|
4743
|
+
const l = T(this);
|
|
4695
4744
|
l.classed("tick-hover", !0).attr("tabindex", r === 0 ? 0 : -1);
|
|
4696
4745
|
const c = l.select("text"), { width: d, height: p } = S.getSVGElementSize(c, {
|
|
4697
4746
|
useBBox: !0
|
|
4698
4747
|
}), h = S.appendOrSelect(l, "rect.axis-holder");
|
|
4699
4748
|
let u = 0, g = 0;
|
|
4700
4749
|
switch (t) {
|
|
4701
|
-
case
|
|
4750
|
+
case B.LEFT:
|
|
4702
4751
|
u = -d + Number(c.attr("x")), g = -(p / 2);
|
|
4703
4752
|
break;
|
|
4704
|
-
case
|
|
4753
|
+
case B.RIGHT:
|
|
4705
4754
|
u = Math.abs(Number(c.attr("x"))), g = -(p / 2);
|
|
4706
4755
|
break;
|
|
4707
|
-
case
|
|
4756
|
+
case B.TOP:
|
|
4708
4757
|
u = -(d / 2), g = -p + Number(c.attr("y")) / 2, a.truncation[t] && (u = 0, h.attr("transform", "rotate(-45)"));
|
|
4709
4758
|
break;
|
|
4710
|
-
case
|
|
4759
|
+
case B.BOTTOM:
|
|
4711
4760
|
u = -(d / 2), g = p / 2 - 2, a.truncation[t] && (u = -d, h.attr("transform", "rotate(-45)"));
|
|
4712
4761
|
break;
|
|
4713
4762
|
}
|
|
@@ -4717,18 +4766,18 @@ class bl extends Ca {
|
|
|
4717
4766
|
addEventListeners() {
|
|
4718
4767
|
const e = this.getComponentContainer(), { position: t } = this.configs, n = S.appendOrSelect(e, `g.axis.${t}`), s = this.getOptions(), a = v(s, "axes", t), i = v(a, "scaleType"), r = v(a, "truncation", "threshold"), l = this;
|
|
4719
4768
|
n.selectAll("g.tick.tick-hover").on("mouseover", function(c) {
|
|
4720
|
-
const d =
|
|
4769
|
+
const d = T(this).select("text"), p = d.datum();
|
|
4721
4770
|
l.services.events.dispatchEvent(f.Axis.LABEL_MOUSEOVER, {
|
|
4722
4771
|
event: c,
|
|
4723
4772
|
element: d,
|
|
4724
4773
|
datum: p
|
|
4725
|
-
}), i ===
|
|
4774
|
+
}), i === pe.LABELS && p.length > r && l.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
4726
4775
|
event: c,
|
|
4727
4776
|
element: d,
|
|
4728
4777
|
datum: p
|
|
4729
4778
|
});
|
|
4730
4779
|
}).on("mousemove", function(c) {
|
|
4731
|
-
const d =
|
|
4780
|
+
const d = T(this).select("text"), p = d.datum();
|
|
4732
4781
|
l.services.events.dispatchEvent(f.Axis.LABEL_MOUSEMOVE, {
|
|
4733
4782
|
event: c,
|
|
4734
4783
|
element: d,
|
|
@@ -4739,15 +4788,15 @@ class bl extends Ca {
|
|
|
4739
4788
|
}).on("click", function(c) {
|
|
4740
4789
|
l.services.events.dispatchEvent(f.Axis.LABEL_CLICK, {
|
|
4741
4790
|
event: c,
|
|
4742
|
-
element:
|
|
4743
|
-
datum:
|
|
4791
|
+
element: T(this).select("text"),
|
|
4792
|
+
datum: T(this).select("text").datum()
|
|
4744
4793
|
});
|
|
4745
4794
|
}).on("mouseout", function(c) {
|
|
4746
4795
|
l.services.events.dispatchEvent(f.Axis.LABEL_MOUSEOUT, {
|
|
4747
4796
|
event: c,
|
|
4748
|
-
element:
|
|
4749
|
-
datum:
|
|
4750
|
-
}), i ===
|
|
4797
|
+
element: T(this).select("text"),
|
|
4798
|
+
datum: T(this).select("text").datum()
|
|
4799
|
+
}), i === pe.LABELS && l.services.events.dispatchEvent(f.Tooltip.HIDE);
|
|
4751
4800
|
}).on("focus", function(c) {
|
|
4752
4801
|
const d = { clientX: 0, clientY: 0 };
|
|
4753
4802
|
if (c.target) {
|
|
@@ -4757,21 +4806,21 @@ class bl extends Ca {
|
|
|
4757
4806
|
}
|
|
4758
4807
|
l.services.events.dispatchEvent(f.Axis.LABEL_FOCUS, {
|
|
4759
4808
|
event: { ...c, ...d },
|
|
4760
|
-
element:
|
|
4761
|
-
datum:
|
|
4809
|
+
element: T(this),
|
|
4810
|
+
datum: T(this).select("text").datum()
|
|
4762
4811
|
});
|
|
4763
4812
|
}).on("blur", function(c) {
|
|
4764
4813
|
l.services.events.dispatchEvent(f.Axis.LABEL_BLUR, {
|
|
4765
4814
|
event: c,
|
|
4766
|
-
element:
|
|
4767
|
-
datum:
|
|
4815
|
+
element: T(this),
|
|
4816
|
+
datum: T(this).select("text").datum()
|
|
4768
4817
|
});
|
|
4769
4818
|
}).on("keydown", function(c) {
|
|
4770
4819
|
c.key && c.key === "Escape" && (l.services.events.dispatchEvent(f.Tooltip.HIDE), l.services.events.dispatchEvent(f.Axis.LABEL_BLUR, {
|
|
4771
4820
|
event: c,
|
|
4772
|
-
element:
|
|
4773
|
-
datum:
|
|
4774
|
-
})), t ===
|
|
4821
|
+
element: T(this),
|
|
4822
|
+
datum: T(this).select("text").datum()
|
|
4823
|
+
})), t === B.LEFT || t === B.RIGHT ? c.key && c.key === "ArrowUp" ? l.goNext(this, c) : c.key && c.key === "ArrowDown" && l.goPrevious(this, c) : c.key && c.key === "ArrowLeft" ? l.goPrevious(this, c) : c.key && c.key === "ArrowRight" && l.goNext(this, c);
|
|
4775
4824
|
});
|
|
4776
4825
|
}
|
|
4777
4826
|
// Focus on the next HTML element sibling
|
|
@@ -4797,11 +4846,11 @@ class Ah extends q {
|
|
|
4797
4846
|
};
|
|
4798
4847
|
}
|
|
4799
4848
|
render(e = !1) {
|
|
4800
|
-
const t = {}, n = Object.keys(
|
|
4849
|
+
const t = {}, n = Object.keys(B), s = v(this.getOptions(), "axes");
|
|
4801
4850
|
n.forEach((r) => {
|
|
4802
|
-
s[
|
|
4851
|
+
s[B[r]] && (t[B[r]] = !0);
|
|
4803
4852
|
}), this.configs.axes = t, n.forEach((r) => {
|
|
4804
|
-
const l =
|
|
4853
|
+
const l = B[r];
|
|
4805
4854
|
if (this.configs.axes[l] && !this.children[l]) {
|
|
4806
4855
|
const c = {
|
|
4807
4856
|
position: l,
|
|
@@ -4819,17 +4868,17 @@ class Ah extends q {
|
|
|
4819
4868
|
let u;
|
|
4820
4869
|
switch (l.getTitleRef().empty() ? u = 0 : (u = S.getSVGElementSize(l.getTitleRef(), {
|
|
4821
4870
|
useBBox: !0
|
|
4822
|
-
}).height, (c ===
|
|
4823
|
-
case
|
|
4871
|
+
}).height, (c === B.LEFT || c === B.RIGHT) && (u += 5)), c) {
|
|
4872
|
+
case B.TOP:
|
|
4824
4873
|
a.top = h + u;
|
|
4825
4874
|
break;
|
|
4826
|
-
case
|
|
4875
|
+
case B.BOTTOM:
|
|
4827
4876
|
a.bottom = h + u;
|
|
4828
4877
|
break;
|
|
4829
|
-
case
|
|
4878
|
+
case B.LEFT:
|
|
4830
4879
|
a.left = p + u;
|
|
4831
4880
|
break;
|
|
4832
|
-
case
|
|
4881
|
+
case B.RIGHT:
|
|
4833
4882
|
a.right = p + u;
|
|
4834
4883
|
break;
|
|
4835
4884
|
}
|
|
@@ -4869,7 +4918,7 @@ class Sl extends q {
|
|
|
4869
4918
|
}
|
|
4870
4919
|
renderVertOrHorizSkeleton(e) {
|
|
4871
4920
|
const t = this.services.cartesianScales.getOrientation();
|
|
4872
|
-
this.setScales(), this.drawBackdrop(e), t ===
|
|
4921
|
+
this.setScales(), this.drawBackdrop(e), t === Te.VERTICAL && this.drawYGrid(e), t === Te.HORIZONTAL && this.drawXGrid(e), this.setShimmerEffect("shimmer-lines");
|
|
4873
4922
|
}
|
|
4874
4923
|
renderPieSkeleton(e) {
|
|
4875
4924
|
const t = this.computeOuterRadius(), n = 0;
|
|
@@ -4915,7 +4964,7 @@ class Sl extends q {
|
|
|
4915
4964
|
useAttrs: !0
|
|
4916
4965
|
}), r = S.appendOrSelect(s, "svg.chart-skeleton").attr("width", a).attr("height", i), l = t === 0 ? "pie" : "donut", c = v(this.getOptions(), l, "alignment");
|
|
4917
4966
|
S.appendOrSelect(r, "rect.chart-skeleton-area-container").attr("width", a).attr("height", i).attr("fill", "none");
|
|
4918
|
-
const d =
|
|
4967
|
+
const d = Tt().innerRadius(t).outerRadius(e).startAngle(0).endAngle(Math.PI * 2), p = e + Math.abs(te.radiusOffset), h = e + (Math.min(a, i) - e * 2) / 2, u = S.appendOrSelect(r, "path").attr("class", "skeleton-area-shape").attr("transform", `translate(${p}, ${h})`).attr("d", d).classed("shimmer-effect-areas", n).classed("empty-state-areas", !n).style(
|
|
4919
4968
|
"fill",
|
|
4920
4969
|
n ? `url(#${this.services.domUtils.generateElementIDString("shimmer-areas")})` : null
|
|
4921
4970
|
);
|
|
@@ -4960,7 +5009,7 @@ class wh extends q {
|
|
|
4960
5009
|
const t = this.getComponentContainer({ withinChartClip: !0 }), n = this.getOptions(), { groupMapsTo: s } = n.data, a = this.model.getDataGroupNames(), i = this.services.cartesianScales.getMainXScale(), r = this.services.cartesianScales.getMainYScale(), [l, c] = i.range(), [d, p] = r.range(), h = c - l, u = d - p;
|
|
4961
5010
|
if (h === 0)
|
|
4962
5011
|
return;
|
|
4963
|
-
const { cartesianScales: g } = this.services, m = g.getOrientation(), E = m ===
|
|
5012
|
+
const { cartesianScales: g } = this.services, m = g.getOrientation(), E = m === Te.VERTICAL, [O, x] = He(
|
|
4964
5013
|
(C) => this.services.cartesianScales.getDomainValue(C),
|
|
4965
5014
|
(C) => this.services.cartesianScales.getRangeValue(C),
|
|
4966
5015
|
m
|
|
@@ -5087,13 +5136,13 @@ class wh extends q {
|
|
|
5087
5136
|
name: "boxplot-update-circles",
|
|
5088
5137
|
animate: e
|
|
5089
5138
|
})
|
|
5090
|
-
).attr("cy",
|
|
5139
|
+
).attr("cy", x), this.addBoxEventListeners(), this.addCircleEventListeners();
|
|
5091
5140
|
}
|
|
5092
5141
|
addBoxEventListeners() {
|
|
5093
5142
|
const e = this, t = this.getOptions(), { groupMapsTo: n } = t.data;
|
|
5094
5143
|
this.parent.selectAll("path.highlight-area").on("mouseover", function(s, a) {
|
|
5095
|
-
const i =
|
|
5096
|
-
|
|
5144
|
+
const i = T(this);
|
|
5145
|
+
T(this.parentNode).select("path.box").classed("hovered", !0).attr("fill-opacity", Ae.box.opacity.hovered), e.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
5097
5146
|
event: s,
|
|
5098
5147
|
hoveredElement: i,
|
|
5099
5148
|
items: [
|
|
@@ -5135,7 +5184,7 @@ class wh extends q {
|
|
|
5135
5184
|
datum: a
|
|
5136
5185
|
});
|
|
5137
5186
|
}).on("mousemove", function(s, a) {
|
|
5138
|
-
const i =
|
|
5187
|
+
const i = T(this);
|
|
5139
5188
|
e.services.events.dispatchEvent(f.Boxplot.BOX_MOUSEMOVE, {
|
|
5140
5189
|
event: s,
|
|
5141
5190
|
element: i,
|
|
@@ -5146,12 +5195,12 @@ class wh extends q {
|
|
|
5146
5195
|
}).on("click", function(s, a) {
|
|
5147
5196
|
e.services.events.dispatchEvent(f.Boxplot.BOX_CLICK, {
|
|
5148
5197
|
event: s,
|
|
5149
|
-
element:
|
|
5198
|
+
element: T(this),
|
|
5150
5199
|
datum: a
|
|
5151
5200
|
});
|
|
5152
5201
|
}).on("mouseout", function(s, a) {
|
|
5153
|
-
const i =
|
|
5154
|
-
|
|
5202
|
+
const i = T(this);
|
|
5203
|
+
T(this.parentNode).select("path.box").classed("hovered", !1).attr("fill-opacity", Ae.box.opacity.default), e.services.events.dispatchEvent(f.Boxplot.BOX_MOUSEOUT, {
|
|
5155
5204
|
event: s,
|
|
5156
5205
|
element: i,
|
|
5157
5206
|
datum: a
|
|
@@ -5163,7 +5212,7 @@ class wh extends q {
|
|
|
5163
5212
|
addCircleEventListeners() {
|
|
5164
5213
|
const e = this, t = this.getOptions(), { groupMapsTo: n } = t.data, s = this.services.cartesianScales.getRangeIdentifier();
|
|
5165
5214
|
this.parent.selectAll("circle").on("mouseover", function(a, i) {
|
|
5166
|
-
const r =
|
|
5215
|
+
const r = T(this);
|
|
5167
5216
|
r.classed("hovered", !0).attr("fill-opacity", Ae.circle.opacity.hovered).classed("unfilled", !1), e.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
5168
5217
|
event: a,
|
|
5169
5218
|
hoveredElement: r,
|
|
@@ -5186,7 +5235,7 @@ class wh extends q {
|
|
|
5186
5235
|
datum: i
|
|
5187
5236
|
});
|
|
5188
5237
|
}).on("mousemove", function(a, i) {
|
|
5189
|
-
const r =
|
|
5238
|
+
const r = T(this);
|
|
5190
5239
|
e.services.events.dispatchEvent(f.Boxplot.OUTLIER_MOUSEMOVE, {
|
|
5191
5240
|
event: a,
|
|
5192
5241
|
element: r,
|
|
@@ -5197,11 +5246,11 @@ class wh extends q {
|
|
|
5197
5246
|
}).on("click", function(a, i) {
|
|
5198
5247
|
e.services.events.dispatchEvent(f.Boxplot.OUTLIER_CLICK, {
|
|
5199
5248
|
event: a,
|
|
5200
|
-
element:
|
|
5249
|
+
element: T(this),
|
|
5201
5250
|
datum: i
|
|
5202
5251
|
});
|
|
5203
5252
|
}).on("mouseout", function(a, i) {
|
|
5204
|
-
const r =
|
|
5253
|
+
const r = T(this);
|
|
5205
5254
|
r.classed("hovered", !1).attr("fill-opacity", Ae.circle.opacity.default), e.services.events.dispatchEvent(f.Boxplot.OUTLIER_MOUSEOUT, {
|
|
5206
5255
|
event: a,
|
|
5207
5256
|
element: r,
|
|
@@ -5319,28 +5368,28 @@ class _h extends q {
|
|
|
5319
5368
|
render(e) {
|
|
5320
5369
|
const t = this.getOptions(), { groupMapsTo: n } = t.data, s = this.getComponentContainer({ withinChartClip: !0 }), a = this.model.getDisplayData(this.configs.groups), i = this.services.cartesianScales.getRangeScale(), r = this.services.cartesianScales.getRangeIdentifier(), [l, c] = i.range(), [, d] = i.domain(), p = () => {
|
|
5321
5370
|
const m = [];
|
|
5322
|
-
a.forEach((
|
|
5323
|
-
|
|
5371
|
+
a.forEach((x) => {
|
|
5372
|
+
x.ranges ? x.ranges.forEach((y, A) => {
|
|
5324
5373
|
y != null && y < d && m.push({
|
|
5325
|
-
datum:
|
|
5374
|
+
datum: x,
|
|
5326
5375
|
value: y,
|
|
5327
5376
|
order: A + 1
|
|
5328
5377
|
});
|
|
5329
5378
|
}) : m.push({
|
|
5330
|
-
datum:
|
|
5379
|
+
datum: x,
|
|
5331
5380
|
order: 1
|
|
5332
5381
|
});
|
|
5333
5382
|
});
|
|
5334
|
-
const E = S.appendOrSelect(s, "g.range-boxes").selectAll("path.range-box").data(m, (
|
|
5335
|
-
E.exit().attr("opacity", 0).remove(), E.enter().append("path").attr("opacity", 0).merge(E).attr("class", (
|
|
5336
|
-
(
|
|
5337
|
-
transition:
|
|
5383
|
+
const E = S.appendOrSelect(s, "g.range-boxes").selectAll("path.range-box").data(m, (x) => `${x[n]}-${x.order}`);
|
|
5384
|
+
E.exit().attr("opacity", 0).remove(), E.enter().append("path").attr("opacity", 0).merge(E).attr("class", (x) => `range-box order-${x.order}`).transition().call(
|
|
5385
|
+
(x) => this.services.transitions.setupTransition({
|
|
5386
|
+
transition: x,
|
|
5338
5387
|
name: "bullet-range-box-update-enter",
|
|
5339
5388
|
animate: e
|
|
5340
5389
|
})
|
|
5341
|
-
).attr("d", (
|
|
5390
|
+
).attr("d", (x) => {
|
|
5342
5391
|
let A, w, L, I;
|
|
5343
|
-
return
|
|
5392
|
+
return x.order === 1 ? (A = this.services.cartesianScales.getDomainValue(x.datum) - 16 / 2, w = A + 16, L = c - 2, I = l + 1) : (A = this.services.cartesianScales.getDomainValue(x.datum) - 16 / 2, w = A + 16, L = this.services.cartesianScales.getRangeValue(x.value), I = c), ye(
|
|
5344
5393
|
{ x0: A, x1: w, y0: L, y1: I },
|
|
5345
5394
|
this.services.cartesianScales.getOrientation()
|
|
5346
5395
|
);
|
|
@@ -5361,8 +5410,8 @@ class _h extends q {
|
|
|
5361
5410
|
originalClassName: "bar"
|
|
5362
5411
|
})
|
|
5363
5412
|
).style("fill", (O) => {
|
|
5364
|
-
const
|
|
5365
|
-
return this.model.getFillColor(O[n], O[
|
|
5413
|
+
const x = this.services.cartesianScales.getDomainIdentifier(O);
|
|
5414
|
+
return this.model.getFillColor(O[n], O[x], O);
|
|
5366
5415
|
}).attr("d", (O) => {
|
|
5367
5416
|
const y = this.services.cartesianScales.getDomainValue(O) - 4, A = y + 8, w = this.services.cartesianScales.getRangeValue(0) + 1, L = this.services.cartesianScales.getRangeValue(O);
|
|
5368
5417
|
return ye(
|
|
@@ -5390,25 +5439,25 @@ class _h extends q {
|
|
|
5390
5439
|
}).attr("opacity", 1);
|
|
5391
5440
|
}, g = () => {
|
|
5392
5441
|
let m = [];
|
|
5393
|
-
a.filter((
|
|
5394
|
-
const y =
|
|
5442
|
+
a.filter((x) => v(x, "marker") !== null).forEach((x) => {
|
|
5443
|
+
const y = x.marker, A = x[r];
|
|
5395
5444
|
m = m.concat([
|
|
5396
|
-
{ datum:
|
|
5397
|
-
{ datum:
|
|
5398
|
-
{ datum:
|
|
5445
|
+
{ datum: x, value: y * 0.25, barValue: A },
|
|
5446
|
+
{ datum: x, value: y * 0.5, barValue: A },
|
|
5447
|
+
{ datum: x, value: y * 0.75, barValue: A }
|
|
5399
5448
|
]);
|
|
5400
5449
|
});
|
|
5401
|
-
const E = S.appendOrSelect(s, "g.quartiles").selectAll("path.quartile").data(m, (
|
|
5402
|
-
E.exit().attr("opacity", 0).remove(), E.enter().append("path").attr("opacity", 0).merge(E).attr("class", (
|
|
5403
|
-
(
|
|
5404
|
-
transition:
|
|
5450
|
+
const E = S.appendOrSelect(s, "g.quartiles").selectAll("path.quartile").data(m, (x) => x[n]);
|
|
5451
|
+
E.exit().attr("opacity", 0).remove(), E.enter().append("path").attr("opacity", 0).merge(E).attr("class", (x) => `quartile ${x.value <= x.barValue ? "over-bar" : ""}`).transition().call(
|
|
5452
|
+
(x) => this.services.transitions.setupTransition({
|
|
5453
|
+
transition: x,
|
|
5405
5454
|
name: "bullet-quartile-update-enter",
|
|
5406
5455
|
animate: e
|
|
5407
5456
|
})
|
|
5408
|
-
).attr("d", ({ datum:
|
|
5457
|
+
).attr("d", ({ datum: x, value: y }) => {
|
|
5409
5458
|
let A = 4;
|
|
5410
|
-
|
|
5411
|
-
const w = this.services.cartesianScales.getDomainValue(
|
|
5459
|
+
x.ranges && x.ranges.indexOf(y) !== -1 && (A = 8);
|
|
5460
|
+
const w = this.services.cartesianScales.getDomainValue(x) - A / 2, L = w + A, I = this.services.cartesianScales.getRangeValue(y);
|
|
5412
5461
|
return ye(
|
|
5413
5462
|
{ x0: w, x1: L, y0: I, y1: I },
|
|
5414
5463
|
this.services.cartesianScales.getOrientation()
|
|
@@ -5420,7 +5469,7 @@ class _h extends q {
|
|
|
5420
5469
|
addEventListeners() {
|
|
5421
5470
|
const e = this, t = this.getOptions(), { groupMapsTo: n } = t.data, s = this.services.cartesianScales.getRangeIdentifier(), { code: a, number: i } = v(t, "locale");
|
|
5422
5471
|
this.parent.selectAll("path.bar").on("mouseover", function(r, l) {
|
|
5423
|
-
const c =
|
|
5472
|
+
const c = T(this);
|
|
5424
5473
|
c.classed("hovered", !0), e.services.events.dispatchEvent(f.Bar.BAR_MOUSEOVER, {
|
|
5425
5474
|
event: r,
|
|
5426
5475
|
element: c,
|
|
@@ -5460,7 +5509,7 @@ class _h extends q {
|
|
|
5460
5509
|
}).on("mousemove", function(r, l) {
|
|
5461
5510
|
e.services.events.dispatchEvent(f.Bar.BAR_MOUSEMOVE, {
|
|
5462
5511
|
event: r,
|
|
5463
|
-
element:
|
|
5512
|
+
element: T(this),
|
|
5464
5513
|
datum: l
|
|
5465
5514
|
}), e.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
5466
5515
|
event: r
|
|
@@ -5468,11 +5517,11 @@ class _h extends q {
|
|
|
5468
5517
|
}).on("click", function(r, l) {
|
|
5469
5518
|
e.services.events.dispatchEvent(f.Bar.BAR_CLICK, {
|
|
5470
5519
|
event: r,
|
|
5471
|
-
element:
|
|
5520
|
+
element: T(this),
|
|
5472
5521
|
datum: l
|
|
5473
5522
|
});
|
|
5474
5523
|
}).on("mouseout", function(r, l) {
|
|
5475
|
-
const c =
|
|
5524
|
+
const c = T(this);
|
|
5476
5525
|
c.classed("hovered", !1), e.services.events.dispatchEvent(f.Bar.BAR_MOUSEOUT, {
|
|
5477
5526
|
event: r,
|
|
5478
5527
|
element: c,
|
|
@@ -5491,7 +5540,7 @@ class _h extends q {
|
|
|
5491
5540
|
function Ol(o) {
|
|
5492
5541
|
return o;
|
|
5493
5542
|
}
|
|
5494
|
-
function
|
|
5543
|
+
function Tl(o) {
|
|
5495
5544
|
if (o == null)
|
|
5496
5545
|
return Ol;
|
|
5497
5546
|
var e, t, n = o.scale[0], s = o.scale[1], a = o.translate[0], i = o.translate[1];
|
|
@@ -5503,7 +5552,7 @@ function xl(o) {
|
|
|
5503
5552
|
return p;
|
|
5504
5553
|
};
|
|
5505
5554
|
}
|
|
5506
|
-
function
|
|
5555
|
+
function xl(o, e) {
|
|
5507
5556
|
for (var t, n = o.length, s = n - e; s < --n; )
|
|
5508
5557
|
t = o[s], o[s++] = o[n], o[n] = t;
|
|
5509
5558
|
}
|
|
@@ -5517,12 +5566,12 @@ function zs(o, e) {
|
|
|
5517
5566
|
return t == null && n == null ? { type: "Feature", properties: s, geometry: a } : n == null ? { type: "Feature", id: t, properties: s, geometry: a } : { type: "Feature", id: t, bbox: n, properties: s, geometry: a };
|
|
5518
5567
|
}
|
|
5519
5568
|
function zn(o, e) {
|
|
5520
|
-
var t =
|
|
5569
|
+
var t = Tl(o.transform), n = o.arcs;
|
|
5521
5570
|
function s(d, p) {
|
|
5522
5571
|
p.length && p.pop();
|
|
5523
5572
|
for (var h = n[d < 0 ? ~d : d], u = 0, g = h.length; u < g; ++u)
|
|
5524
5573
|
p.push(t(h[u], u));
|
|
5525
|
-
d < 0 &&
|
|
5574
|
+
d < 0 && xl(p, g);
|
|
5526
5575
|
}
|
|
5527
5576
|
function a(d) {
|
|
5528
5577
|
return t(d);
|
|
@@ -5688,14 +5737,14 @@ class Ih extends Ma {
|
|
|
5688
5737
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
5689
5738
|
showRuler(e, [t, n]) {
|
|
5690
5739
|
const s = this.parent, a = this.model.getOptions(), { cartesianScales: i } = this.services, r = i.getOrientation(), l = i.getRangeScale(), [c, d] = l.range(), p = i.getDomainScale(), h = p.invert(
|
|
5691
|
-
r ===
|
|
5740
|
+
r === Te.VERTICAL ? t : n
|
|
5692
5741
|
), u = S.appendOrSelect(s, "g.ruler").attr("aria-label", "ruler"), g = S.appendOrSelect(u, "line.ruler-line"), E = s.selectAll("[role=graphics-symbol]").filter((O) => {
|
|
5693
5742
|
if (parseFloat(ne(O, "data.x0")) <= h && parseFloat(ne(O, "data.x1")) >= h)
|
|
5694
5743
|
return !0;
|
|
5695
5744
|
});
|
|
5696
5745
|
if (E.size() > 0) {
|
|
5697
5746
|
this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !Ea(this.elementsToHighlight, E) && this.hideRuler(), E.dispatch("mouseover"), this.elementsToHighlight = E;
|
|
5698
|
-
const O =
|
|
5747
|
+
const O = T(E.nodes()[0]).datum(), x = parseFloat(ne(O, "data.x0")), y = parseFloat(ne(O, "data.x1")), A = this.model.getActiveDataGroupNames(), w = A.reverse().map((I) => ({
|
|
5699
5748
|
label: I,
|
|
5700
5749
|
value: ne(O, `data.${I}`),
|
|
5701
5750
|
class: this.model.getColorClassName({
|
|
@@ -5710,7 +5759,7 @@ class Ih extends Ma {
|
|
|
5710
5759
|
items: [
|
|
5711
5760
|
{
|
|
5712
5761
|
label: ne(a, "bins.rangeLabel") || "Range",
|
|
5713
|
-
value: `${
|
|
5762
|
+
value: `${x} – ${y}`
|
|
5714
5763
|
},
|
|
5715
5764
|
...w,
|
|
5716
5765
|
...v(a, "tooltip", "showTotal") === !0 ? [
|
|
@@ -5724,7 +5773,7 @@ class Ih extends Ma {
|
|
|
5724
5773
|
] : []
|
|
5725
5774
|
]
|
|
5726
5775
|
}), u.attr("opacity", 1);
|
|
5727
|
-
const I = p((
|
|
5776
|
+
const I = p((x + y) / 2);
|
|
5728
5777
|
r === "horizontal" ? g.attr("x1", d).attr("x2", c).attr("y1", I).attr("y2", I) : g.attr("y1", d).attr("y2", c).attr("x1", I).attr("x2", I);
|
|
5729
5778
|
} else
|
|
5730
5779
|
this.hideRuler();
|
|
@@ -5738,13 +5787,13 @@ class Rh extends Ma {
|
|
|
5738
5787
|
}
|
|
5739
5788
|
}
|
|
5740
5789
|
const kh = (o, e) => {
|
|
5741
|
-
const t = o.x, n = o.y, s = e.x, a = e.y, i =
|
|
5790
|
+
const t = o.x, n = o.y, s = e.x, a = e.y, i = Bn();
|
|
5742
5791
|
return i.moveTo(t, n), i.lineTo(s, a), i.toString();
|
|
5743
5792
|
}, Dh = (o, e, t = 0.5) => {
|
|
5744
|
-
const n = o.x, s = o.y, a = e.x, i = e.y, r =
|
|
5793
|
+
const n = o.x, s = o.y, a = e.x, i = e.y, r = Bn();
|
|
5745
5794
|
return r.moveTo(n, s), r.lineTo(n + (a - n) * t, s), r.lineTo(n + (a - n) * t, i), r.lineTo(a, i), r.toString();
|
|
5746
5795
|
}, Nh = (o, e, t, n, s, a) => {
|
|
5747
|
-
const i = o.x, r = o.y, l = e.x, c = e.y, d =
|
|
5796
|
+
const i = o.x, r = o.y, l = e.x, c = e.y, d = Bn();
|
|
5748
5797
|
return d.moveTo(i, r), d.bezierCurveTo(t, n, s, a, l, c), d.toString();
|
|
5749
5798
|
}, Ph = {
|
|
5750
5799
|
d: "M7 0v8L0 4z",
|
|
@@ -5756,12 +5805,12 @@ const kh = (o, e) => {
|
|
|
5756
5805
|
height: 8,
|
|
5757
5806
|
width: 7.5,
|
|
5758
5807
|
id: "arrowRight"
|
|
5759
|
-
},
|
|
5808
|
+
}, Bh = {
|
|
5760
5809
|
d: "M5.32 9.513a4.75 4.75 0 100-9.5 4.75 4.75 0 000 9.5z",
|
|
5761
5810
|
height: 10,
|
|
5762
5811
|
width: 10,
|
|
5763
5812
|
id: "circle"
|
|
5764
|
-
},
|
|
5813
|
+
}, Gh = {
|
|
5765
5814
|
d: "M5.03517654-1e-7l4.99999996 5-4.99999996 5-5-5L2.4517844 2.58339204z",
|
|
5766
5815
|
height: 10,
|
|
5767
5816
|
width: 10,
|
|
@@ -5783,7 +5832,7 @@ class Uh extends fl {
|
|
|
5783
5832
|
const s = this.getComponentContainer(), { width: a } = S.getSVGElementSize(s, {
|
|
5784
5833
|
useAttrs: !0
|
|
5785
5834
|
}), i = v(this.getOptions(), "data", "loading");
|
|
5786
|
-
if (a >
|
|
5835
|
+
if (a > he.color.barWidth && !i) {
|
|
5787
5836
|
const r = v(this.getOptions(), "heatmap", "colorLegend", "title"), { cartesianScales: l } = this.services, d = l.getMainXScale().range();
|
|
5788
5837
|
if (d[0] > 1 && (s.select("g.legend").attr("transform", `translate(${d[0]}, 0)`), r)) {
|
|
5789
5838
|
const { width: p } = S.getSVGElementSize(
|
|
@@ -5812,7 +5861,7 @@ class Uh extends fl {
|
|
|
5812
5861
|
n.html("");
|
|
5813
5862
|
return;
|
|
5814
5863
|
}
|
|
5815
|
-
const d = !Js(a), p = Ka(this.model.getDisplayData()), h = !(s <=
|
|
5864
|
+
const d = !Js(a), p = Ka(this.model.getDisplayData()), h = !(s <= he.color.barWidth), u = h ? he.color.barWidth : s, g = S.appendOrSelect(n, "g.legend"), m = S.appendOrSelect(g, "g.legend-axis");
|
|
5816
5865
|
if (l) {
|
|
5817
5866
|
const R = S.appendOrSelect(n, "g.legend-title");
|
|
5818
5867
|
S.appendOrSelect(R, "text").text(l).attr("dy", "0.7em"), g.attr("transform", "translate(0, 16)");
|
|
@@ -5820,11 +5869,11 @@ class Uh extends fl {
|
|
|
5820
5869
|
const E = p[0] < 0 && p[1] > 0 ? "diverge" : "mono";
|
|
5821
5870
|
(r < 1 && r > 4 && E === "mono" || r < 1 && r > 2 && E === "diverge") && (r = 1);
|
|
5822
5871
|
let O = [];
|
|
5823
|
-
const
|
|
5872
|
+
const x = E === "diverge" ? 17 : 11;
|
|
5824
5873
|
if (d)
|
|
5825
5874
|
O = a;
|
|
5826
5875
|
else
|
|
5827
|
-
for (let R = 1; R <
|
|
5876
|
+
for (let R = 1; R < x + 1; R++)
|
|
5828
5877
|
O.push(
|
|
5829
5878
|
i === nn.LINEAR ? `stop-color-${E}-${r}-${R}` : `fill-${E}-${r}-${R}`
|
|
5830
5879
|
);
|
|
@@ -5847,7 +5896,7 @@ class Uh extends fl {
|
|
|
5847
5896
|
default:
|
|
5848
5897
|
throw Error("Entered color legend type is not supported.");
|
|
5849
5898
|
}
|
|
5850
|
-
m.attr("transform", `translate(0,${
|
|
5899
|
+
m.attr("transform", `translate(0,${he.color.axisYTranslation})`).call(L), m.select(".domain").remove(), m.select("g.tick:last-of-type text").style("text-anchor", h ? "middle" : "end"), m.select("g.tick:first-of-type text").style(
|
|
5851
5900
|
"text-anchor",
|
|
5852
5901
|
h && this.chartType !== "choropleth" ? "middle" : "start"
|
|
5853
5902
|
);
|
|
@@ -5855,7 +5904,7 @@ class Uh extends fl {
|
|
|
5855
5904
|
// Renders gradient legend
|
|
5856
5905
|
drawLinear(e, t, n) {
|
|
5857
5906
|
const s = 100 / (e.length - 1);
|
|
5858
|
-
S.appendOrSelect(t, "linearGradient").attr("id", `${this.gradient_id}-legend`).selectAll("stop").data(e).enter().append("stop").attr("offset", (r, l) => `${l * s}%`).attr("class", (r, l) => e[l]).attr("stop-color", (r) => r), S.appendOrSelect(t, "rect").attr("width", n).attr("height",
|
|
5907
|
+
S.appendOrSelect(t, "linearGradient").attr("id", `${this.gradient_id}-legend`).selectAll("stop").data(e).enter().append("stop").attr("offset", (r, l) => `${l * s}%`).attr("class", (r, l) => e[l]).attr("stop-color", (r) => r), S.appendOrSelect(t, "rect").attr("width", n).attr("height", he.color.barHeight).style("fill", `url(#${this.gradient_id}-legend)`);
|
|
5859
5908
|
}
|
|
5860
5909
|
/**
|
|
5861
5910
|
* Renders quantized legend
|
|
@@ -5863,8 +5912,8 @@ class Uh extends fl {
|
|
|
5863
5912
|
*/
|
|
5864
5913
|
drawQuantize(e, t, n, s, a) {
|
|
5865
5914
|
!n && t === "diverge" && e.splice(e.length / 2, 1);
|
|
5866
|
-
const i =
|
|
5867
|
-
return S.appendOrSelect(s, "g.quantized-rect").selectAll("rect").data(i.domain()).join("rect").attr("x", (l) => i(l)).attr("y", 0).attr("width", Math.max(0, i.bandwidth() - 1)).attr("height",
|
|
5915
|
+
const i = Gn().domain(e).range([0, a]);
|
|
5916
|
+
return S.appendOrSelect(s, "g.quantized-rect").selectAll("rect").data(i.domain()).join("rect").attr("x", (l) => i(l)).attr("y", 0).attr("width", Math.max(0, i.bandwidth() - 1)).attr("height", he.color.barHeight).attr("class", (l) => l).attr("fill", (l) => l), (!n && t) === "mono" ? i.bandwidth() - 1 : 0;
|
|
5868
5917
|
}
|
|
5869
5918
|
destroy() {
|
|
5870
5919
|
this.chartType === "heatmap" && this.services.events.removeEventListener(f.Axis.RENDER_COMPLETE, this.handleAxisCompleteEvent);
|
|
@@ -5913,14 +5962,14 @@ class Fh extends ml {
|
|
|
5913
5962
|
const e = this.getComponentContainer(), t = this.getOptions(), n = v(t, "meter", "proportional", "total"), s = n ? v(t, "meter", "proportional", "total") : this.model.getMaximumDomain(this.model.getDisplayData()), a = v(t, "meter", "proportional", "unit") ? v(t, "meter", "proportional", "unit") : "", i = v(t, "meter", "proportional", "totalFormatter"), { code: r, number: l } = v(t, "locale"), c = i !== null ? i(s) : `${l(n, r)} ${a} total`, d = S.getHTMLElementSize(this.parent.node()).width, p = e.selectAll("text.proportional-meter-total").data([c]);
|
|
5914
5963
|
p.enter().append("text").classed("proportional-meter-total", !0).merge(p).attr(
|
|
5915
5964
|
"x",
|
|
5916
|
-
this.model.getStatus() && typeof d != "string" ? d -
|
|
5965
|
+
this.model.getStatus() && typeof d != "string" ? d - ge.total.paddingRight : d
|
|
5917
5966
|
).attr("y", "1em").attr("text-anchor", "end").text((h) => h), p.exit().remove();
|
|
5918
5967
|
}
|
|
5919
5968
|
/**
|
|
5920
5969
|
* Appends the corresponding status based on the value and the peak.
|
|
5921
5970
|
*/
|
|
5922
5971
|
displayStatus() {
|
|
5923
|
-
const e = this, t = this.getComponentContainer(), n = S.getHTMLElementSize(this.parent.node()).width || 0, s = this.model.getStatus(), a =
|
|
5972
|
+
const e = this, t = this.getComponentContainer(), n = S.getHTMLElementSize(this.parent.node()).width || 0, s = this.model.getStatus(), a = ge.status.indicatorSize / 2, i = S.appendOrSelect(t, "g.status-indicator").attr("class", s !== null ? `status-indicator status--${s}` : "").attr("transform", `translate(${n - a}, 0)`), r = s ? [s] : [], l = i.selectAll("circle.status").data(r);
|
|
5924
5973
|
l.enter().append("circle").merge(l).attr("class", "status").attr("r", a).attr("cx", 0).attr("cy", 8);
|
|
5925
5974
|
const c = i.selectAll("path.innerFill").data(r);
|
|
5926
5975
|
c.enter().append("path").merge(c).attr("d", e.getStatusIconPathString(s)).attr("transform", `translate(-${a}, 0)`).attr("class", "innerFill"), c.exit().remove(), l.exit().remove();
|
|
@@ -5929,7 +5978,7 @@ class Fh extends ml {
|
|
|
5929
5978
|
* Appends the associated percentage to the end of the title
|
|
5930
5979
|
*/
|
|
5931
5980
|
appendPercentage() {
|
|
5932
|
-
const e = v(this.model.getDisplayData(), 0, "value"), { code: t, number: n } = v(this.getOptions(), "locale"), s = this.getComponentContainer(), a = S.appendOrSelect(s, "text.meter-title"), i = v(this.getOptions(), "meter", "statusBar", "percentageIndicator", "enabled") === !0 ? [e] : [], r = s.selectAll("text.percent-value").data(i), l =
|
|
5981
|
+
const e = v(this.model.getDisplayData(), 0, "value"), { code: t, number: n } = v(this.getOptions(), "locale"), s = this.getComponentContainer(), a = S.appendOrSelect(s, "text.meter-title"), i = v(this.getOptions(), "meter", "statusBar", "percentageIndicator", "enabled") === !0 ? [e] : [], r = s.selectAll("text.percent-value").data(i), l = ge.statusBar.paddingRight;
|
|
5933
5982
|
r.enter().append("text").classed("percent-value", !0).merge(r).text((c) => `${n(c, t)}%`).attr("x", +a.attr("x") + a.node().getComputedTextLength() + l).attr("y", a.attr("y")), r.exit().remove();
|
|
5934
5983
|
}
|
|
5935
5984
|
/**
|
|
@@ -5940,7 +5989,7 @@ class Fh extends ml {
|
|
|
5940
5989
|
*/
|
|
5941
5990
|
truncateTitle(e, t) {
|
|
5942
5991
|
super.truncateTitle(e, t);
|
|
5943
|
-
const n = S.appendOrSelect(this.parent, "tspan"), s =
|
|
5992
|
+
const n = S.appendOrSelect(this.parent, "tspan"), s = ge.statusBar.paddingRight, a = Math.ceil(n.node().getComputedTextLength());
|
|
5944
5993
|
S.appendOrSelect(this.parent, "text.percent-value").attr(
|
|
5945
5994
|
"x",
|
|
5946
5995
|
+e.attr("x") + e.node().getComputedTextLength() + a + s
|
|
@@ -5953,9 +6002,9 @@ class Fh extends ml {
|
|
|
5953
6002
|
const n = S.appendOrSelect(this.parent, "text.proportional-meter-total").node(), s = S.getSVGElementSize(n, {
|
|
5954
6003
|
useBBox: !0
|
|
5955
6004
|
}).width;
|
|
5956
|
-
return t - s -
|
|
6005
|
+
return t - s - ge.total.paddingLeft;
|
|
5957
6006
|
} else {
|
|
5958
|
-
const n = S.appendOrSelect(this.parent, "text.percent-value"), s =
|
|
6007
|
+
const n = S.appendOrSelect(this.parent, "text.percent-value"), s = ge.statusBar.paddingRight, a = n.node().getComputedTextLength(), i = S.appendOrSelect(this.parent, "g.status-indicator").node(), r = S.getSVGElementSize(i, { useBBox: !0 }).width + ge.status.paddingLeft;
|
|
5959
6008
|
return t - a - s - r;
|
|
5960
6009
|
}
|
|
5961
6010
|
}
|
|
@@ -6066,10 +6115,10 @@ class zh extends q {
|
|
|
6066
6115
|
e.addEventListener(f.Legend.ITEM_HOVER, this.handleLegendOnHover), e.addEventListener(f.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
|
|
6067
6116
|
}
|
|
6068
6117
|
removeBackgroundListeners() {
|
|
6069
|
-
|
|
6118
|
+
T(this.services.domUtils.getMainContainer()).on("click", () => null);
|
|
6070
6119
|
}
|
|
6071
6120
|
setBackgroundListeners() {
|
|
6072
|
-
const e =
|
|
6121
|
+
const e = T(this.services.domUtils.getMainContainer()), t = this, n = this.parent.selectAll("circle.node");
|
|
6073
6122
|
e.on("click", () => {
|
|
6074
6123
|
t.focal = null, t.model.updateHierarchyLevel(2), e.classed("zoomed-in", !1), t.services.canvasZoom.zoomOut(n, wt);
|
|
6075
6124
|
});
|
|
@@ -6086,7 +6135,7 @@ class zh extends q {
|
|
|
6086
6135
|
addEventListeners() {
|
|
6087
6136
|
const e = this;
|
|
6088
6137
|
this.parent.selectAll("circle.node").on("mouseover", function(t, n) {
|
|
6089
|
-
const s =
|
|
6138
|
+
const s = T(this);
|
|
6090
6139
|
s.classed("hovered", !0);
|
|
6091
6140
|
const a = e.model.getHierarchyLevel(), i = a > 2 && !s.classed("focal"), r = v(e.model.getOptions(), "canvasZoom", "enabled");
|
|
6092
6141
|
let l = !1;
|
|
@@ -6136,7 +6185,7 @@ class zh extends q {
|
|
|
6136
6185
|
datum: n
|
|
6137
6186
|
});
|
|
6138
6187
|
}).on("mousemove", function(t, n) {
|
|
6139
|
-
const s =
|
|
6188
|
+
const s = T(this);
|
|
6140
6189
|
e.services.events.dispatchEvent(f.CirclePack.CIRCLE_MOUSEMOVE, {
|
|
6141
6190
|
event: t,
|
|
6142
6191
|
element: s,
|
|
@@ -6145,7 +6194,7 @@ class zh extends q {
|
|
|
6145
6194
|
event: t
|
|
6146
6195
|
});
|
|
6147
6196
|
}).on("mouseout", function(t, n) {
|
|
6148
|
-
const s =
|
|
6197
|
+
const s = T(this);
|
|
6149
6198
|
s.classed("hovered", !1), n.children && e.unhighlightChildren(n.children), e.services.events.dispatchEvent(f.CirclePack.CIRCLE_MOUSEOUT, {
|
|
6150
6199
|
event: t,
|
|
6151
6200
|
element: s,
|
|
@@ -6154,13 +6203,13 @@ class zh extends q {
|
|
|
6154
6203
|
hoveredElement: s
|
|
6155
6204
|
});
|
|
6156
6205
|
}).on("click", function(t, n) {
|
|
6157
|
-
const s =
|
|
6206
|
+
const s = T(this), a = s.classed("non-focal"), i = v(e.model.getOptions(), "canvasZoom", "enabled");
|
|
6158
6207
|
if (i && e.model.getHierarchyLevel() > 2) {
|
|
6159
6208
|
const r = e.parent.selectAll("circle.node");
|
|
6160
|
-
|
|
6209
|
+
T(e.services.domUtils.getMainContainer()).classed("zoomed-in", !1), e.focal = null, e.model.updateHierarchyLevel(2), e.services.canvasZoom.zoomOut(r, wt);
|
|
6161
6210
|
} else if (n.depth === 2 && n.children && !a && i) {
|
|
6162
6211
|
const r = e.parent.selectAll("circle.node");
|
|
6163
|
-
|
|
6212
|
+
T(e.services.domUtils.getMainContainer()).classed("zoomed-in", !0), e.focal = n, e.model.updateHierarchyLevel(3), e.services.canvasZoom.zoomIn(n, r, wt), t.stopPropagation();
|
|
6164
6213
|
}
|
|
6165
6214
|
e.services.events.dispatchEvent(f.CirclePack.CIRCLE_CLICK, {
|
|
6166
6215
|
event: t,
|
|
@@ -6212,7 +6261,7 @@ class Il extends q {
|
|
|
6212
6261
|
const t = this, n = this.getComponentContainer(), s = this.getOptions(), { groupMapsTo: a } = s.data, { valueMapsTo: i } = s.pie;
|
|
6213
6262
|
this.isRendering = !0;
|
|
6214
6263
|
const r = this.model.getDisplayData().filter((M) => M[i] > 0), l = this.computeRadius();
|
|
6215
|
-
this.arc =
|
|
6264
|
+
this.arc = Tt().innerRadius(this.getInnerRadius()).outerRadius(l), this.hoverArc = Tt().innerRadius(this.getInnerRadius()).outerRadius(l + te.hoverArc.outerRadiusOffset);
|
|
6216
6265
|
const d = ii().value((M) => M[i]).sort(v(s, "pie", "sortFunction")).padAngle(te.padAngle)(r), h = S.appendOrSelect(n, "g.slices").attr("role", X.GROUP).attr("data-name", "slices").selectAll("path.slice").data(d, (M) => M.data[a]);
|
|
6217
6266
|
h.exit().attr("opacity", 0).remove(), h.enter().append("path").classed("slice", !0).attr("opacity", 0).merge(h).attr(
|
|
6218
6267
|
"class",
|
|
@@ -6235,7 +6284,7 @@ class Il extends q {
|
|
|
6235
6284
|
}).end().finally(() => {
|
|
6236
6285
|
t.isRendering = !1;
|
|
6237
6286
|
});
|
|
6238
|
-
const { code: m, number: E } = v(s, "locale"), O = s.pie.labels.enabled,
|
|
6287
|
+
const { code: m, number: E } = v(s, "locale"), O = s.pie.labels.enabled, x = O ? d.filter((M) => M.data[i] > 0) : [], A = S.appendOrSelect(n, "g.labels").attr("role", X.GROUP).attr("data-name", "labels").selectAll("text.pie-label").data(x, (M) => M.data[a]);
|
|
6239
6288
|
A.exit().attr("opacity", 0).remove();
|
|
6240
6289
|
const w = A.enter().append("text").classed("pie-label", !0), L = [];
|
|
6241
6290
|
w.merge(A).style("text-anchor", "middle").text((M) => s.pie.labels.formatter ? s.pie.labels.formatter({
|
|
@@ -6253,7 +6302,7 @@ class Il extends q {
|
|
|
6253
6302
|
const Q = l + 7, me = (M.endAngle - M.startAngle) / 2 + M.startAngle, K = me / Math.PI * 180, H = this.getComputedTextLength();
|
|
6254
6303
|
return M.textOffsetX = H / 2, M.textOffsetY = K > 90 && K < 270 ? 10 : 0, M.xPosition = (M.textOffsetX + Q) * Math.sin(me), M.yPosition = (M.textOffsetY + Q) * -Math.cos(me), M;
|
|
6255
6304
|
}).attr("transform", function(M, Q) {
|
|
6256
|
-
const me =
|
|
6305
|
+
const me = x.length, K = (M.endAngle - M.startAngle) * (180 / Math.PI);
|
|
6257
6306
|
if (Q >= me - 2 && K < te.callout.minSliceDegree) {
|
|
6258
6307
|
let H, Z;
|
|
6259
6308
|
return M.index === me - 1 ? (H = M.xPosition + te.callout.offsetX + te.callout.textMargin + M.textOffsetX, Z = M.yPosition - te.callout.offsetY, M.direction = an.RIGHT, L.push(M)) : (H = M.xPosition - te.callout.offsetX - M.textOffsetX - te.callout.textMargin, Z = M.yPosition - te.callout.offsetY, M.direction = an.LEFT, L.push(M)), `translate(${H}, ${Z})`;
|
|
@@ -6288,15 +6337,15 @@ class Il extends q {
|
|
|
6288
6337
|
y: c - te.callout.offsetY + r.textOffsetY
|
|
6289
6338
|
}, r.intersectPointX = r.endPos.x + te.callout.horizontalLineLength), r;
|
|
6290
6339
|
}), s.append("line").classed("vertical-line", !0).merge(t.selectAll("line.vertical-line")).datum(function() {
|
|
6291
|
-
return
|
|
6340
|
+
return T(this.parentNode).datum();
|
|
6292
6341
|
}).style("stroke-width", "1px").attr("x1", (r) => r.startPos.x).attr("y1", (r) => r.startPos.y).attr("x2", (r) => r.intersectPointX).attr("y2", (r) => r.endPos.y), s.append("line").classed("horizontal-line", !0).merge(t.selectAll("line.horizontal-line")).datum(function() {
|
|
6293
|
-
return
|
|
6342
|
+
return T(this.parentNode).datum();
|
|
6294
6343
|
}).style("stroke-width", "1px").attr("x1", (r) => r.intersectPointX).attr("y1", (r) => r.endPos.y).attr("x2", (r) => r.endPos.x).attr("y2", (r) => r.endPos.y);
|
|
6295
6344
|
}
|
|
6296
6345
|
addEventListeners() {
|
|
6297
6346
|
const e = this;
|
|
6298
6347
|
this.parent.selectAll("path.slice").on("mouseover", function(t, n) {
|
|
6299
|
-
const s =
|
|
6348
|
+
const s = T(this);
|
|
6300
6349
|
e.isRendering || s.classed("hovered", !0).transition("pie_slice_mouseover").call(
|
|
6301
6350
|
(r) => e.services.transitions.setupTransition({
|
|
6302
6351
|
transition: r,
|
|
@@ -6304,7 +6353,7 @@ class Il extends q {
|
|
|
6304
6353
|
})
|
|
6305
6354
|
).attr("d", e.hoverArc), e.services.events.dispatchEvent(f.Pie.SLICE_MOUSEOVER, {
|
|
6306
6355
|
event: t,
|
|
6307
|
-
element:
|
|
6356
|
+
element: T(this),
|
|
6308
6357
|
datum: n
|
|
6309
6358
|
});
|
|
6310
6359
|
const { groupMapsTo: a } = e.getOptions().data, { valueMapsTo: i } = e.getOptions().pie;
|
|
@@ -6319,7 +6368,7 @@ class Il extends q {
|
|
|
6319
6368
|
]
|
|
6320
6369
|
});
|
|
6321
6370
|
}).on("mousemove", function(t, n) {
|
|
6322
|
-
const s =
|
|
6371
|
+
const s = T(this);
|
|
6323
6372
|
e.services.events.dispatchEvent(f.Pie.SLICE_MOUSEMOVE, {
|
|
6324
6373
|
event: t,
|
|
6325
6374
|
element: s,
|
|
@@ -6330,11 +6379,11 @@ class Il extends q {
|
|
|
6330
6379
|
}).on("click", function(t, n) {
|
|
6331
6380
|
e.services.events.dispatchEvent(f.Pie.SLICE_CLICK, {
|
|
6332
6381
|
event: t,
|
|
6333
|
-
element:
|
|
6382
|
+
element: T(this),
|
|
6334
6383
|
datum: n
|
|
6335
6384
|
});
|
|
6336
6385
|
}).on("mouseout", function(t, n) {
|
|
6337
|
-
const s =
|
|
6386
|
+
const s = T(this);
|
|
6338
6387
|
wr(() => {
|
|
6339
6388
|
e.isRendering || s.classed("hovered", !1).transition("pie_slice_mouseout").call(
|
|
6340
6389
|
(a) => e.services.transitions.setupTransition({
|
|
@@ -6378,7 +6427,7 @@ class Wh extends Il {
|
|
|
6378
6427
|
animate: e
|
|
6379
6428
|
})
|
|
6380
6429
|
).tween("text", function() {
|
|
6381
|
-
return t.centerNumberTween(
|
|
6430
|
+
return t.centerNumberTween(T(this));
|
|
6382
6431
|
}), i !== null && i !== "" && S.appendOrSelect(n, "text.donut-title").attr("text-anchor", "middle").style("font-size", () => s.donut.center.titleFontSize(a)).attr("y", s.donut.center.titleYPosition(a)).text(i);
|
|
6383
6432
|
}
|
|
6384
6433
|
getInnerRadius() {
|
|
@@ -6447,7 +6496,7 @@ class jh extends q {
|
|
|
6447
6496
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
6448
6497
|
render(e = !0) {
|
|
6449
6498
|
const t = this.getComponentContainer().attr("width", "100%").attr("height", "100%"), n = this.getOptions(), s = this.getValue(), a = this.getValueRatio(), i = this.getArcSize(), r = this.getStartAngle(), l = a * i, c = r + l, d = r + i, p = this.computeRadius(), h = this.getInnerRadius();
|
|
6450
|
-
this.backgroundArc =
|
|
6499
|
+
this.backgroundArc = Tt().innerRadius(h).outerRadius(p).startAngle(c).endAngle(d), this.arc = Tt().innerRadius(h).outerRadius(p).startAngle(r).endAngle(c), S.appendOrSelect(t, "path.arc-background").attr("d", this.backgroundArc);
|
|
6451
6500
|
const u = t.selectAll("path.arc-foreground").data([s]);
|
|
6452
6501
|
u.enter().append("path").merge(u).attr(
|
|
6453
6502
|
"class",
|
|
@@ -6456,7 +6505,7 @@ class jh extends q {
|
|
|
6456
6505
|
dataGroupName: "value",
|
|
6457
6506
|
originalClassName: "arc-foreground"
|
|
6458
6507
|
})
|
|
6459
|
-
).style("fill", () => v(this.getOptions(), "color", "scale", "value")).attr("d", this.arc).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "value").attr("aria-label", (
|
|
6508
|
+
).style("fill", () => v(this.getOptions(), "color", "scale", "value")).attr("d", this.arc).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "value").attr("aria-label", (x) => x), this.drawValueNumber(), this.drawDelta(), u.exit().remove();
|
|
6460
6509
|
const m = v(n, "gauge", "alignment"), { width: E } = S.getSVGElementSize(this.getParent(), {
|
|
6461
6510
|
useAttrs: !0
|
|
6462
6511
|
});
|
|
@@ -6473,8 +6522,8 @@ class jh extends q {
|
|
|
6473
6522
|
const h = S.appendOrSelect(e, "g.gauge-numbers").attr(
|
|
6474
6523
|
"transform",
|
|
6475
6524
|
`translate(0, ${p})`
|
|
6476
|
-
), u = r(i), g = S.appendOrSelect(h, "g.gauge-value-number"), { code: m, number: E } = v(t, "locale"), O = v(t, "gauge", "numberFormatter"),
|
|
6477
|
-
|
|
6525
|
+
), u = r(i), g = S.appendOrSelect(h, "g.gauge-value-number"), { code: m, number: E } = v(t, "locale"), O = v(t, "gauge", "numberFormatter"), x = g.selectAll("text.gauge-value-number").data([s]);
|
|
6526
|
+
x.enter().append("text").attr("class", "gauge-value-number").merge(x).style("font-size", `${u}px`).attr("text-anchor", "middle").text((W) => {
|
|
6478
6527
|
let R;
|
|
6479
6528
|
return W != null ? R = Number(W.toFixed(2)) % 1 !== 0 ? W.toFixed(2) : W.toFixed() : R = 0, O ? O(R) : E(Number(R), m);
|
|
6480
6529
|
});
|
|
@@ -6503,9 +6552,9 @@ class jh extends q {
|
|
|
6503
6552
|
const { width: O } = S.getSVGElementSize(
|
|
6504
6553
|
S.appendOrSelect(t, ".gauge-delta-number"),
|
|
6505
6554
|
{ useBBox: !0 }
|
|
6506
|
-
),
|
|
6555
|
+
), x = v(n, "gauge", "deltaArrow", "enabled"), y = g.selectAll("svg.gauge-delta-arrow").data(s !== null && x ? [s] : []);
|
|
6507
6556
|
y.enter().append("svg").merge(y).attr("class", "gauge-delta-arrow").attr("x", -d(r) - O / 2).attr("y", -d(r) / 2 - l(r) * 0.35).attr("width", d(r)).attr("height", d(r)).attr("viewBox", "0 0 16 16").each(function() {
|
|
6508
|
-
const A =
|
|
6557
|
+
const A = T(this);
|
|
6509
6558
|
S.appendOrSelect(A, "rect.gauge-delta-arrow-backdrop").attr("width", "16").attr("height", "16").attr("fill", "none");
|
|
6510
6559
|
const w = v(n, "gauge", "status");
|
|
6511
6560
|
S.appendOrSelect(A, "polygon.gauge-delta-arrow").attr("class", w !== null ? `gauge-delta-arrow status--${w}` : "").attr("points", e.getArrow(s));
|
|
@@ -6524,11 +6573,11 @@ class jh extends q {
|
|
|
6524
6573
|
this.parent.selectAll("path.arc-foreground").on("mouseover", function(t, n) {
|
|
6525
6574
|
e.services.events.dispatchEvent(f.Gauge.ARC_MOUSEOVER, {
|
|
6526
6575
|
event: t,
|
|
6527
|
-
element:
|
|
6576
|
+
element: T(this),
|
|
6528
6577
|
datum: n
|
|
6529
6578
|
});
|
|
6530
6579
|
}).on("mousemove", function(t, n) {
|
|
6531
|
-
const s =
|
|
6580
|
+
const s = T(this);
|
|
6532
6581
|
e.services.events.dispatchEvent(f.Gauge.ARC_MOUSEMOVE, {
|
|
6533
6582
|
event: t,
|
|
6534
6583
|
element: s,
|
|
@@ -6537,11 +6586,11 @@ class jh extends q {
|
|
|
6537
6586
|
}).on("click", function(t, n) {
|
|
6538
6587
|
e.services.events.dispatchEvent(f.Gauge.ARC_CLICK, {
|
|
6539
6588
|
event: t,
|
|
6540
|
-
element:
|
|
6589
|
+
element: T(this),
|
|
6541
6590
|
datum: n
|
|
6542
6591
|
});
|
|
6543
6592
|
}).on("mouseout", function(t, n) {
|
|
6544
|
-
const s =
|
|
6593
|
+
const s = T(this);
|
|
6545
6594
|
e.services.events.dispatchEvent(f.Gauge.ARC_MOUSEOUT, {
|
|
6546
6595
|
event: t,
|
|
6547
6596
|
element: s,
|
|
@@ -6599,7 +6648,7 @@ class Xh extends Wn {
|
|
|
6599
6648
|
})
|
|
6600
6649
|
).attr("transform", (h) => {
|
|
6601
6650
|
const g = this.services.cartesianScales.getDomainValue(h) - this.getGroupWidth() / 2;
|
|
6602
|
-
return this.services.cartesianScales.getOrientation() ===
|
|
6651
|
+
return this.services.cartesianScales.getOrientation() === Te.VERTICAL ? `translate(${g}, 0)` : `translate(0, ${g})`;
|
|
6603
6652
|
});
|
|
6604
6653
|
const d = c.selectAll("path.bar").data(
|
|
6605
6654
|
(h) => this.getDataCorrespondingToLabel(h),
|
|
@@ -6622,10 +6671,10 @@ class Xh extends Wn {
|
|
|
6622
6671
|
const u = this.services.cartesianScales.getDomainIdentifier(h);
|
|
6623
6672
|
return this.model.getFillColor(h[s], h[u], h);
|
|
6624
6673
|
}).attr("d", (h) => {
|
|
6625
|
-
const u = this.groupScale(h[s]), g = this.getBarWidth(), m = u, E = u + g, O = this.services.cartesianScales.getRangeAxisPosition({ datum: h }),
|
|
6674
|
+
const u = this.groupScale(h[s]), g = this.getBarWidth(), m = u, E = u + g, O = this.services.cartesianScales.getRangeAxisPosition({ datum: h }), x = this.services.cartesianScales.getValueThroughAxisPosition(O, 0), y = this.services.cartesianScales.getRangeValue(h), A = this.services.cartesianScales.getDomainValue(h) - g / 2, w = A + g;
|
|
6626
6675
|
if (!this.isOutsideZoomedDomain(A, w))
|
|
6627
6676
|
return ye(
|
|
6628
|
-
{ x0: m, x1: E, y0:
|
|
6677
|
+
{ x0: m, x1: E, y0: x, y1: y },
|
|
6629
6678
|
this.services.cartesianScales.getOrientation()
|
|
6630
6679
|
);
|
|
6631
6680
|
}).attr("opacity", 1).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (h) => h.value), this.addEventListeners();
|
|
@@ -6633,7 +6682,7 @@ class Xh extends Wn {
|
|
|
6633
6682
|
addEventListeners() {
|
|
6634
6683
|
const e = this;
|
|
6635
6684
|
this.parent.selectAll("path.bar").on("mouseover", function(t, n) {
|
|
6636
|
-
const s =
|
|
6685
|
+
const s = T(this);
|
|
6637
6686
|
s.classed("hovered", !0), e.services.events.dispatchEvent(f.Bar.BAR_MOUSEOVER, {
|
|
6638
6687
|
event: t,
|
|
6639
6688
|
element: s,
|
|
@@ -6644,7 +6693,7 @@ class Xh extends Wn {
|
|
|
6644
6693
|
data: [n]
|
|
6645
6694
|
});
|
|
6646
6695
|
}).on("mousemove", function(t, n) {
|
|
6647
|
-
const s =
|
|
6696
|
+
const s = T(this);
|
|
6648
6697
|
e.services.events.dispatchEvent(f.Bar.BAR_MOUSEMOVE, {
|
|
6649
6698
|
event: t,
|
|
6650
6699
|
element: s,
|
|
@@ -6655,11 +6704,11 @@ class Xh extends Wn {
|
|
|
6655
6704
|
}).on("click", function(t, n) {
|
|
6656
6705
|
e.services.events.dispatchEvent(f.Bar.BAR_CLICK, {
|
|
6657
6706
|
event: t,
|
|
6658
|
-
element:
|
|
6707
|
+
element: T(this),
|
|
6659
6708
|
datum: n
|
|
6660
6709
|
});
|
|
6661
6710
|
}).on("mouseout", function(t, n) {
|
|
6662
|
-
const s =
|
|
6711
|
+
const s = T(this);
|
|
6663
6712
|
s.classed("hovered", !1), e.services.events.dispatchEvent(f.Bar.BAR_MOUSEOUT, {
|
|
6664
6713
|
event: t,
|
|
6665
6714
|
element: s,
|
|
@@ -6720,7 +6769,7 @@ class Xh extends Wn {
|
|
|
6720
6769
|
}
|
|
6721
6770
|
setGroupScale() {
|
|
6722
6771
|
const e = this.model.getActiveDataGroupNames(this.configs.groups);
|
|
6723
|
-
this.groupScale =
|
|
6772
|
+
this.groupScale = Gn().domain(e).rangeRound([0, this.getGroupWidth()]);
|
|
6724
6773
|
}
|
|
6725
6774
|
}
|
|
6726
6775
|
class Zh extends q {
|
|
@@ -6751,7 +6800,7 @@ class Zh extends q {
|
|
|
6751
6800
|
}
|
|
6752
6801
|
})), l(n) !== void 0 ? this.parent.select("g.multi-cell.column-highlight").classed("highlighter-hidden", !1).attr("transform", `translate(${l(n)}, ${fn(c.range())})`) : c(n) !== void 0 && this.parent.select("g.multi-cell.row-highlight").classed("highlighter-hidden", !1).attr("transform", `translate(${fn(l.range())},${c(n)})`), this.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
6753
6802
|
event: t.event,
|
|
6754
|
-
hoveredElement:
|
|
6803
|
+
hoveredElement: T(e.detail.element),
|
|
6755
6804
|
items: [
|
|
6756
6805
|
{
|
|
6757
6806
|
label: d,
|
|
@@ -6836,7 +6885,7 @@ class Zh extends q {
|
|
|
6836
6885
|
addEventListener() {
|
|
6837
6886
|
const e = this, { cartesianScales: t } = this.services, n = this.getOptions(), s = ne(n, "locale.translations.total") || ne(n, "tooltip.totalLabel") || "Total", a = t.getDomainIdentifier(), i = t.getRangeIdentifier(), r = t.getDomainLabel(), l = t.getRangeLabel();
|
|
6838
6887
|
this.parent.selectAll("g.cell").on("mouseover", function(c, d) {
|
|
6839
|
-
const p =
|
|
6888
|
+
const p = T(this), h = p.select("rect.heat");
|
|
6840
6889
|
if (!h.classed("null-state")) {
|
|
6841
6890
|
const g = bt(p.attr("transform"));
|
|
6842
6891
|
e.parent.select("g.cell-highlight").attr(
|
|
@@ -6868,7 +6917,7 @@ class Zh extends q {
|
|
|
6868
6917
|
}).on("mousemove", function(c, d) {
|
|
6869
6918
|
e.services.events.dispatchEvent(f.Heatmap.HEATMAP_MOUSEMOVE, {
|
|
6870
6919
|
event: c,
|
|
6871
|
-
element:
|
|
6920
|
+
element: T(this),
|
|
6872
6921
|
datum: d
|
|
6873
6922
|
}), e.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
6874
6923
|
event: c
|
|
@@ -6876,11 +6925,11 @@ class Zh extends q {
|
|
|
6876
6925
|
}).on("click", function(c, d) {
|
|
6877
6926
|
e.services.events.dispatchEvent(f.Heatmap.HEATMAP_CLICK, {
|
|
6878
6927
|
event: c,
|
|
6879
|
-
element:
|
|
6928
|
+
element: T(this),
|
|
6880
6929
|
datum: d
|
|
6881
6930
|
});
|
|
6882
6931
|
}).on("mouseout", function(c, d) {
|
|
6883
|
-
const h =
|
|
6932
|
+
const h = T(this).select("rect.heat"), u = h.classed("null-state");
|
|
6884
6933
|
e.parent.select("g.cell-highlight").classed("highlighter-hidden", !0), u || (e.services.events.dispatchEvent(f.Heatmap.HEATMAP_MOUSEOUT, {
|
|
6885
6934
|
event: c,
|
|
6886
6935
|
element: h,
|
|
@@ -6944,7 +6993,7 @@ class Yh extends q {
|
|
|
6944
6993
|
return;
|
|
6945
6994
|
const h = r(p.x1) - r(p.x0) - 1, u = this.services.cartesianScales.getDomainValue(p.x0), g = u + h, m = this.services.cartesianScales.getRangeValue(d[0]);
|
|
6946
6995
|
let E = this.services.cartesianScales.getRangeValue(d[1]);
|
|
6947
|
-
return Math.abs(E - m) > 0 && Math.abs(E - m) > n.bars.dividerSize && (this.services.cartesianScales.getOrientation() ===
|
|
6996
|
+
return Math.abs(E - m) > 0 && Math.abs(E - m) > n.bars.dividerSize && (this.services.cartesianScales.getOrientation() === Te.VERTICAL ? E += 1 : E -= 1), ye(
|
|
6948
6997
|
{ x0: u, x1: g, y0: m, y1: E },
|
|
6949
6998
|
this.services.cartesianScales.getOrientation()
|
|
6950
6999
|
);
|
|
@@ -6953,7 +7002,7 @@ class Yh extends q {
|
|
|
6953
7002
|
addEventListeners() {
|
|
6954
7003
|
const e = this.model.getOptions(), { groupMapsTo: t } = e.data, { code: n, number: s } = v(e, "locale"), a = this;
|
|
6955
7004
|
this.parent.selectAll("path.bar").on("mouseover", function(i, r) {
|
|
6956
|
-
const l =
|
|
7005
|
+
const l = T(this);
|
|
6957
7006
|
l.classed("hovered", !0);
|
|
6958
7007
|
const c = s(parseFloat(ne(r, "data.x0")), n), d = s(parseFloat(ne(r, "data.x1")), n), p = a.services.cartesianScales.getRangeAxisPosition(), h = a.services.cartesianScales.getScaleLabel(p);
|
|
6959
7008
|
a.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
@@ -6983,7 +7032,7 @@ class Yh extends q {
|
|
|
6983
7032
|
event: i
|
|
6984
7033
|
});
|
|
6985
7034
|
}).on("mouseout", function() {
|
|
6986
|
-
|
|
7035
|
+
T(this).classed("hovered", !1), a.services.events.dispatchEvent(f.Tooltip.HIDE);
|
|
6987
7036
|
});
|
|
6988
7037
|
}
|
|
6989
7038
|
destroy() {
|
|
@@ -6996,9 +7045,9 @@ class qh extends Fn {
|
|
|
6996
7045
|
constructor() {
|
|
6997
7046
|
super(...arguments), this.type = "lollipop", this.renderType = j.SVG, this.handleScatterOnHover = (e) => {
|
|
6998
7047
|
const t = e.detail, n = this.getOptions(), { groupMapsTo: s } = n.data;
|
|
6999
|
-
this.parent.selectAll("line.line").attr("stroke-width", (a) => a[s] !== t.datum[s] ?
|
|
7048
|
+
this.parent.selectAll("line.line").attr("stroke-width", (a) => a[s] !== t.datum[s] ? Be.weight.unselected : Be.weight.selected);
|
|
7000
7049
|
}, this.handleScatterOnMouseOut = () => {
|
|
7001
|
-
this.parent.selectAll("line.line").attr("stroke-width",
|
|
7050
|
+
this.parent.selectAll("line.line").attr("stroke-width", Be.weight.unselected);
|
|
7002
7051
|
}, this.handleLegendOnHover = (e) => {
|
|
7003
7052
|
const { hoveredElement: t } = e.detail, n = this.getOptions(), { groupMapsTo: s } = n.data;
|
|
7004
7053
|
this.parent.selectAll("line.line").transition("legend-hover-line").call(
|
|
@@ -7006,14 +7055,14 @@ class qh extends Fn {
|
|
|
7006
7055
|
transition: a,
|
|
7007
7056
|
name: "legend-hover-line"
|
|
7008
7057
|
})
|
|
7009
|
-
).attr("opacity", (a) => a[s] !== t.datum().name ?
|
|
7058
|
+
).attr("opacity", (a) => a[s] !== t.datum().name ? Be.opacity.unselected : Be.opacity.selected);
|
|
7010
7059
|
}, this.handleLegendMouseOut = () => {
|
|
7011
7060
|
this.parent.selectAll("line.line").transition("legend-mouseout-line").call(
|
|
7012
7061
|
(e) => this.services.transitions.setupTransition({
|
|
7013
7062
|
transition: e,
|
|
7014
7063
|
name: "legend-mouseout-line"
|
|
7015
7064
|
})
|
|
7016
|
-
).attr("opacity",
|
|
7065
|
+
).attr("opacity", Be.opacity.selected);
|
|
7017
7066
|
};
|
|
7018
7067
|
}
|
|
7019
7068
|
init() {
|
|
@@ -7044,7 +7093,7 @@ class qh extends Fn {
|
|
|
7044
7093
|
animate: e
|
|
7045
7094
|
})
|
|
7046
7095
|
).style("stroke", (O) => this.model.getFillColor(O[s], O[l], O)).attr("opacity", 1);
|
|
7047
|
-
p ===
|
|
7096
|
+
p === Te.HORIZONTAL ? E.attr("y1", u).attr("y2", u).attr("x1", i.range()[0]).attr("x2", (O) => h(O) - n.points.radius) : E.attr("x1", h).attr("x2", h).attr("y1", r.range()[0]).attr("y2", (O) => u(O) + n.points.radius), this.addScatterPointEventListeners();
|
|
7048
7097
|
}
|
|
7049
7098
|
// listen for when individual datapoints are hovered
|
|
7050
7099
|
addScatterPointEventListeners() {
|
|
@@ -7072,11 +7121,11 @@ class Kh extends q {
|
|
|
7072
7121
|
let n = 0;
|
|
7073
7122
|
return e.map((a, i) => i !== 0 ? (n += t(a.value), {
|
|
7074
7123
|
...a,
|
|
7075
|
-
width: Math.abs(t(a.value) -
|
|
7124
|
+
width: Math.abs(t(a.value) - ge.dividerWidth),
|
|
7076
7125
|
x: n - t(a.value)
|
|
7077
7126
|
}) : (n = t(a.value), {
|
|
7078
7127
|
...a,
|
|
7079
|
-
width: Math.abs(t(a.value) -
|
|
7128
|
+
width: Math.abs(t(a.value) - ge.dividerWidth),
|
|
7080
7129
|
x: 0
|
|
7081
7130
|
}));
|
|
7082
7131
|
}
|
|
@@ -7094,13 +7143,13 @@ class Kh extends q {
|
|
|
7094
7143
|
const p = Ze().domain([0, d]).range([0, l]), h = this.getStackedBounds(i, p), u = v(s, "meter", "height");
|
|
7095
7144
|
S.appendOrSelect(n, "rect.container").attr("x", 0).attr("y", 0).attr("width", l).attr(
|
|
7096
7145
|
"height",
|
|
7097
|
-
u || (a ?
|
|
7146
|
+
u || (a ? ge.height.proportional : ge.height.default)
|
|
7098
7147
|
), S.appendOrSelect(n, "line.rangeIndicator").attr("x1", l).attr("x2", l).attr("y1", 0).attr(
|
|
7099
7148
|
"y2",
|
|
7100
|
-
u || (a ?
|
|
7149
|
+
u || (a ? ge.height.proportional : ge.height.default)
|
|
7101
7150
|
);
|
|
7102
7151
|
const g = n.selectAll("rect.value").data(h), m = r != null && !t.model.isUserProvidedColorScaleValid() && !a ? `value status--${r}` : "value";
|
|
7103
|
-
g.enter().append("rect").classed("value", !0).merge(g).attr("x", (y) => y.x).attr("y", 0).attr("height", () => u || (a ?
|
|
7152
|
+
g.enter().append("rect").classed("value", !0).merge(g).attr("x", (y) => y.x).attr("y", 0).attr("height", () => u || (a ? ge.height.proportional : ge.height.default)).attr(
|
|
7104
7153
|
"class",
|
|
7105
7154
|
(y) => this.model.getColorClassName({
|
|
7106
7155
|
classNameTypes: [z.FILL],
|
|
@@ -7117,20 +7166,20 @@ class Kh extends q {
|
|
|
7117
7166
|
const E = v(s, "meter", "peak");
|
|
7118
7167
|
let O = E;
|
|
7119
7168
|
E !== null && (E > d ? O = d : E < i[0].value && (O = i[0].value > d ? d : i[0].value));
|
|
7120
|
-
const
|
|
7121
|
-
|
|
7169
|
+
const x = n.selectAll("line.peak").data(O == null ? [] : [O]);
|
|
7170
|
+
x.enter().append("line").classed("peak", !0).merge(x).attr("y1", 0).attr("y2", () => u || (a ? ge.height.proportional : ge.height.default)).transition().call(
|
|
7122
7171
|
(y) => this.services.transitions.setupTransition({
|
|
7123
7172
|
transition: y,
|
|
7124
7173
|
name: "peak-line-update",
|
|
7125
7174
|
animate: e
|
|
7126
7175
|
})
|
|
7127
|
-
).attr("x1", (y) => p(y)).attr("x2", (y) => p(y)).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "peak").attr("aria-label", (y) => y),
|
|
7176
|
+
).attr("x1", (y) => p(y)).attr("x2", (y) => p(y)).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "peak").attr("aria-label", (y) => y), x.exit().remove(), this.services.domUtils.setSVGMaxHeight(), this.addEventListeners();
|
|
7128
7177
|
}
|
|
7129
7178
|
// add event listeners for tooltips on proportional meter bars
|
|
7130
7179
|
addEventListeners() {
|
|
7131
7180
|
const e = this.getOptions(), { groupMapsTo: t } = e.data, n = this, s = v(e, "meter", "proportional");
|
|
7132
7181
|
this.parent.selectAll("rect.value").on("mouseover", function(a, i) {
|
|
7133
|
-
const r =
|
|
7182
|
+
const r = T(this);
|
|
7134
7183
|
n.services.events.dispatchEvent(f.Meter.METER_MOUSEOVER, {
|
|
7135
7184
|
event: a,
|
|
7136
7185
|
element: r,
|
|
@@ -7146,7 +7195,7 @@ class Kh extends q {
|
|
|
7146
7195
|
]
|
|
7147
7196
|
}));
|
|
7148
7197
|
}).on("mousemove", function(a, i) {
|
|
7149
|
-
const r =
|
|
7198
|
+
const r = T(this);
|
|
7150
7199
|
n.services.events.dispatchEvent(f.Meter.METER_MOUSEMOVE, {
|
|
7151
7200
|
event: a,
|
|
7152
7201
|
element: r,
|
|
@@ -7157,11 +7206,11 @@ class Kh extends q {
|
|
|
7157
7206
|
}).on("click", function(a, i) {
|
|
7158
7207
|
n.services.events.dispatchEvent(f.Meter.METER_CLICK, {
|
|
7159
7208
|
event: a,
|
|
7160
|
-
element:
|
|
7209
|
+
element: T(this),
|
|
7161
7210
|
datum: i
|
|
7162
7211
|
});
|
|
7163
7212
|
}).on("mouseout", function(a, i) {
|
|
7164
|
-
const r =
|
|
7213
|
+
const r = T(this);
|
|
7165
7214
|
n.services.events.dispatchEvent(f.Meter.METER_MOUSEOUT, {
|
|
7166
7215
|
event: a,
|
|
7167
7216
|
element: r,
|
|
@@ -7225,10 +7274,10 @@ class Jh extends q {
|
|
|
7225
7274
|
useAttrs: !0
|
|
7226
7275
|
}), a = this.model.getData(), i = this.model.getGroupedData(), r = this.getOptions(), l = v(r, "data", "groupMapsTo"), c = v(r, "radar", "axes", "value"), { angle: d, value: p } = v(r, "radar", "axes"), { xLabelPadding: h, yLabelPadding: u, yTicksNumber: g, minRange: m, xAxisRectHeight: E } = ze;
|
|
7227
7276
|
this.uniqueKeys = Array.from(new Set(a.map((_) => _[d]))), this.uniqueGroups = Array.from(new Set(a.map((_) => _[l]))), this.fullDataNormalized = this.normalizeFlatData(a), this.groupedDataNormalized = this.normalizeGroupedData(i);
|
|
7228
|
-
const
|
|
7277
|
+
const x = 2 * (this.getLabelDimensions(this.uniqueKeys[0]).height + u), w = (Math.min(n, s) - x) / 2;
|
|
7229
7278
|
if (w <= 0)
|
|
7230
7279
|
return;
|
|
7231
|
-
const L =
|
|
7280
|
+
const L = Gn().domain(this.fullDataNormalized.map((_) => _[d])).range([0, 2 * Math.PI].map((_) => _ - Math.PI / 2)), I = fn(this.fullDataNormalized.map((_) => _[p])), N = Ze().domain([
|
|
7232
7281
|
I >= 0 ? 0 : I,
|
|
7233
7282
|
gs(this.fullDataNormalized.map((_) => _[p]))
|
|
7234
7283
|
]).range([m, w]).nice(g), W = N.ticks(g), R = (_, D, P) => this.model.getFillColor(_, D, P), C = li().angle((_) => L(_[d]) + Math.PI / 2).radius((_) => N(_[p])).curve(ci), V = this.uniqueKeys.map((_) => {
|
|
@@ -7408,7 +7457,7 @@ class Jh extends q {
|
|
|
7408
7457
|
(_) => _.append("rect"),
|
|
7409
7458
|
(_) => _,
|
|
7410
7459
|
(_) => _.remove()
|
|
7411
|
-
).attr("x", M.x).attr("y", M.y - E / 2).attr("width", N.range()[1]).attr("height", E).style("fill", "red").style("fill-opacity", 0).attr("transform", (_) => `rotate(${
|
|
7460
|
+
).attr("x", M.x).attr("y", M.y - E / 2).attr("width", N.range()[1]).attr("height", E).style("fill", "red").style("fill-opacity", 0).attr("transform", (_) => `rotate(${Ti(L(_))}, ${M.x}, ${M.y})`);
|
|
7412
7461
|
const { code: ae, number: re } = v(r, "locale");
|
|
7413
7462
|
S.appendOrSelect(t, "g.y-labels").attr("role", X.GROUP).selectAll("text").data(jt(W)).join(
|
|
7414
7463
|
(_) => _.append("text").attr("opacity", 0).text((D) => re(D, ae)).attr(
|
|
@@ -7465,7 +7514,7 @@ class Jh extends q {
|
|
|
7465
7514
|
axes: { angle: t }
|
|
7466
7515
|
} = v(this.getOptions(), "radar");
|
|
7467
7516
|
this.parent.selectAll(".x-axes-rect > rect").on("mouseover", function(n, s) {
|
|
7468
|
-
const a =
|
|
7517
|
+
const a = T(this);
|
|
7469
7518
|
e.services.events.dispatchEvent(f.Radar.X_AXIS_MOUSEOVER, {
|
|
7470
7519
|
event: n,
|
|
7471
7520
|
element: a,
|
|
@@ -7493,7 +7542,7 @@ class Jh extends q {
|
|
|
7493
7542
|
}))
|
|
7494
7543
|
});
|
|
7495
7544
|
}).on("mousemove", function(n, s) {
|
|
7496
|
-
const a =
|
|
7545
|
+
const a = T(this);
|
|
7497
7546
|
e.services.events.dispatchEvent(f.Radar.X_AXIS_MOUSEMOVE, {
|
|
7498
7547
|
event: n,
|
|
7499
7548
|
element: a,
|
|
@@ -7504,11 +7553,11 @@ class Jh extends q {
|
|
|
7504
7553
|
}).on("click", function(n, s) {
|
|
7505
7554
|
e.services.events.dispatchEvent(f.Radar.X_AXIS_CLICK, {
|
|
7506
7555
|
event: n,
|
|
7507
|
-
element:
|
|
7556
|
+
element: T(this),
|
|
7508
7557
|
datum: s
|
|
7509
7558
|
});
|
|
7510
7559
|
}).on("mouseout", function(n, s) {
|
|
7511
|
-
const a =
|
|
7560
|
+
const a = T(this), i = e.parent.select(`.x-axes .x-axis-${st(s)}`), r = e.parent.selectAll(`.dots circle.${st(s)}`);
|
|
7512
7561
|
i.classed("hovered", !1).attr("stroke-dasharray", "0"), r.classed("hovered", !1).attr("opacity", 0).attr("r", 0), e.services.events.dispatchEvent(f.Radar.X_AXIS_MOUSEOUT, {
|
|
7513
7562
|
event: n,
|
|
7514
7563
|
element: a,
|
|
@@ -7568,14 +7617,14 @@ class Qh extends Wn {
|
|
|
7568
7617
|
m = this.services.cartesianScales.getRangeValue(Math.max(0, y)), E = this.services.cartesianScales.getRangeValue(c);
|
|
7569
7618
|
}
|
|
7570
7619
|
const O = Math.abs(E - m);
|
|
7571
|
-
if (O !== 0 && O < 2 && (h > 0 && i ===
|
|
7620
|
+
if (O !== 0 && O < 2 && (h > 0 && i === Te.VERTICAL || h < 0 && i === Te.HORIZONTAL ? E = m - 2 : E = m + 2), !this.isOutsideZoomedDomain(u, g))
|
|
7572
7621
|
return ye({ x0: u, x1: g, y0: m, y1: E }, i);
|
|
7573
7622
|
}).attr("opacity", 1).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (c) => c.value), this.addEventListeners();
|
|
7574
7623
|
}
|
|
7575
7624
|
addEventListeners() {
|
|
7576
7625
|
const e = this;
|
|
7577
7626
|
this.parent.selectAll("path.bar").on("mouseover", function(t, n) {
|
|
7578
|
-
const s =
|
|
7627
|
+
const s = T(this);
|
|
7579
7628
|
s.classed("hovered", !0), e.services.events.dispatchEvent(f.Bar.BAR_MOUSEOVER, {
|
|
7580
7629
|
event: t,
|
|
7581
7630
|
element: s,
|
|
@@ -7588,7 +7637,7 @@ class Qh extends Wn {
|
|
|
7588
7637
|
}).on("mousemove", function(t, n) {
|
|
7589
7638
|
e.services.events.dispatchEvent(f.Bar.BAR_MOUSEMOVE, {
|
|
7590
7639
|
event: t,
|
|
7591
|
-
element:
|
|
7640
|
+
element: T(this),
|
|
7592
7641
|
datum: n
|
|
7593
7642
|
}), e.services.events.dispatchEvent(f.Tooltip.MOVE, {
|
|
7594
7643
|
event: t
|
|
@@ -7596,11 +7645,11 @@ class Qh extends Wn {
|
|
|
7596
7645
|
}).on("click", function(t, n) {
|
|
7597
7646
|
e.services.events.dispatchEvent(f.Bar.BAR_CLICK, {
|
|
7598
7647
|
event: t,
|
|
7599
|
-
element:
|
|
7648
|
+
element: T(this),
|
|
7600
7649
|
datum: n
|
|
7601
7650
|
});
|
|
7602
7651
|
}).on("mouseout", function(t, n) {
|
|
7603
|
-
const s =
|
|
7652
|
+
const s = T(this);
|
|
7604
7653
|
s.classed("hovered", !1), e.services.events.dispatchEvent(f.Bar.BAR_MOUSEOUT, {
|
|
7605
7654
|
event: t,
|
|
7606
7655
|
element: s,
|
|
@@ -7651,14 +7700,14 @@ class tu extends q {
|
|
|
7651
7700
|
transition: a,
|
|
7652
7701
|
name: "legend-hover-area"
|
|
7653
7702
|
})
|
|
7654
|
-
).attr("opacity", (a) => v(a, 0, s) !== t.datum().name ?
|
|
7703
|
+
).attr("opacity", (a) => v(a, 0, s) !== t.datum().name ? Ge.opacity.unselected : Ge.opacity.selected);
|
|
7655
7704
|
}, this.handleLegendMouseOut = () => {
|
|
7656
7705
|
this.parent.selectAll("path.area").transition("legend-mouseout-area").call(
|
|
7657
7706
|
(e) => this.services.transitions.setupTransition({
|
|
7658
7707
|
transition: e,
|
|
7659
7708
|
name: "legend-mouseout-area"
|
|
7660
7709
|
})
|
|
7661
|
-
).attr("opacity",
|
|
7710
|
+
).attr("opacity", Ge.opacity.selected);
|
|
7662
7711
|
};
|
|
7663
7712
|
}
|
|
7664
7713
|
init() {
|
|
@@ -7688,7 +7737,7 @@ class tu extends q {
|
|
|
7688
7737
|
name: "area-update-enter",
|
|
7689
7738
|
animate: e
|
|
7690
7739
|
})
|
|
7691
|
-
).attr("opacity",
|
|
7740
|
+
).attr("opacity", Ge.opacity.selected).attr("d", this.areaGenerator);
|
|
7692
7741
|
}
|
|
7693
7742
|
}
|
|
7694
7743
|
class nu extends Wn {
|
|
@@ -7746,7 +7795,7 @@ class nu extends Wn {
|
|
|
7746
7795
|
if (!this.isOutsideZoomedDomain(h, u)) {
|
|
7747
7796
|
if (Math.abs(m - g) > 0 && Math.abs(m - g) > n.bars.dividerSize) {
|
|
7748
7797
|
const E = c[0] < 0 && c[1] <= 0;
|
|
7749
|
-
E && i.length > 1 ? this.services.cartesianScales.getOrientation() ===
|
|
7798
|
+
E && i.length > 1 ? this.services.cartesianScales.getOrientation() === Te.VERTICAL ? m += c[1] === 0 ? 2 : 1 : m -= 1 : E || (this.services.cartesianScales.getOrientation() === Te.VERTICAL ? m += 1 : m -= 1);
|
|
7750
7799
|
}
|
|
7751
7800
|
return ye(
|
|
7752
7801
|
{ x0: h, x1: u, y0: g, y1: m },
|
|
@@ -7758,7 +7807,7 @@ class nu extends Wn {
|
|
|
7758
7807
|
addEventListeners() {
|
|
7759
7808
|
const e = this.getOptions(), { groupMapsTo: t } = e.data, n = this;
|
|
7760
7809
|
this.parent.selectAll("path.bar").on("mouseover", function(s, a) {
|
|
7761
|
-
const i =
|
|
7810
|
+
const i = T(this);
|
|
7762
7811
|
i.classed("hovered", !0), n.services.events.dispatchEvent(f.Bar.BAR_MOUSEOVER, {
|
|
7763
7812
|
event: s,
|
|
7764
7813
|
element: i,
|
|
@@ -7782,7 +7831,7 @@ class nu extends Wn {
|
|
|
7782
7831
|
data: [l]
|
|
7783
7832
|
});
|
|
7784
7833
|
}).on("mousemove", function(s, a) {
|
|
7785
|
-
const i =
|
|
7834
|
+
const i = T(this);
|
|
7786
7835
|
n.services.events.dispatchEvent(f.Bar.BAR_MOUSEMOVE, {
|
|
7787
7836
|
event: s,
|
|
7788
7837
|
element: i,
|
|
@@ -7793,11 +7842,11 @@ class nu extends Wn {
|
|
|
7793
7842
|
}).on("click", function(s, a) {
|
|
7794
7843
|
n.services.events.dispatchEvent(f.Bar.BAR_CLICK, {
|
|
7795
7844
|
event: s,
|
|
7796
|
-
element:
|
|
7845
|
+
element: T(this),
|
|
7797
7846
|
datum: a
|
|
7798
7847
|
});
|
|
7799
7848
|
}).on("mouseout", function(s, a) {
|
|
7800
|
-
const i =
|
|
7849
|
+
const i = T(this);
|
|
7801
7850
|
i.classed("hovered", !1), n.services.events.dispatchEvent(f.Bar.BAR_MOUSEOUT, {
|
|
7802
7851
|
event: s,
|
|
7803
7852
|
element: i,
|
|
@@ -7925,19 +7974,19 @@ class au extends q {
|
|
|
7925
7974
|
).on("mouseover", function(H, Z) {
|
|
7926
7975
|
M.services.events.dispatchEvent(f.Tree.NODE_MOUSEOVER, {
|
|
7927
7976
|
event: H,
|
|
7928
|
-
element:
|
|
7977
|
+
element: T(this),
|
|
7929
7978
|
datum: Z
|
|
7930
7979
|
});
|
|
7931
7980
|
}).on("click", function(H, Z) {
|
|
7932
7981
|
Z.depth !== 0 && (Z.children = Z.children ? null : Z._children, m(Z)), M.services.events.dispatchEvent(f.Tree.NODE_CLICK, {
|
|
7933
7982
|
event: H,
|
|
7934
|
-
element:
|
|
7983
|
+
element: T(this),
|
|
7935
7984
|
datum: Z
|
|
7936
7985
|
});
|
|
7937
7986
|
}).on("mouseout", function(H, Z) {
|
|
7938
7987
|
M.services.events.dispatchEvent(f.Tree.NODE_MOUSEOUT, {
|
|
7939
7988
|
event: H,
|
|
7940
|
-
element:
|
|
7989
|
+
element: T(this),
|
|
7941
7990
|
datum: Z
|
|
7942
7991
|
});
|
|
7943
7992
|
});
|
|
@@ -7952,7 +8001,7 @@ class au extends q {
|
|
|
7952
8001
|
}), h.eachBefore((H) => {
|
|
7953
8002
|
H.x0 = H.x, H.y0 = H.y;
|
|
7954
8003
|
});
|
|
7955
|
-
}, E = h.descendants(), O = E[E.length - 1].depth,
|
|
8004
|
+
}, E = h.descendants(), O = E[E.length - 1].depth, x = v(a, "tree", "type") === Ai.DENDROGRAM ? di().size([
|
|
7956
8005
|
s,
|
|
7957
8006
|
n - d - O * it - l
|
|
7958
8007
|
]) : hi().nodeSize([u, g]).size([
|
|
@@ -7961,18 +8010,18 @@ class au extends q {
|
|
|
7961
8010
|
]), y = ui().x((L) => L.y).y((L) => L.x);
|
|
7962
8011
|
h.x0 = g / 2, h.y0 = 0, h.descendants().forEach((L, I) => {
|
|
7963
8012
|
L.id = I, L._children = L.children;
|
|
7964
|
-
}),
|
|
8013
|
+
}), x(h), t.attr("viewBox", [-p.left, -p.top, n, u]).style("user-select", "none");
|
|
7965
8014
|
const A = t.append("g").attr("class", "links"), w = t.append("g").attr("class", "nodes");
|
|
7966
8015
|
m(h);
|
|
7967
8016
|
}
|
|
7968
8017
|
}
|
|
7969
|
-
var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21b", Vl = "#d2a106",
|
|
8018
|
+
var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21b", Vl = "#d2a106", Bl = "#b28600", Gl = "#8e6a00", Hl = "#684e00", $l = "#483700", Ul = "#302400", Fl = "#1c1500", zl = {
|
|
7970
8019
|
10: Dl,
|
|
7971
8020
|
20: Nl,
|
|
7972
8021
|
30: Pl,
|
|
7973
8022
|
40: Vl,
|
|
7974
|
-
50:
|
|
7975
|
-
60:
|
|
8023
|
+
50: Bl,
|
|
8024
|
+
60: Gl,
|
|
7976
8025
|
70: Hl,
|
|
7977
8026
|
80: $l,
|
|
7978
8027
|
90: Ul,
|
|
@@ -7999,7 +8048,7 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
7999
8048
|
80: cc,
|
|
8000
8049
|
90: dc,
|
|
8001
8050
|
100: hc
|
|
8002
|
-
}, pc = "#fff0f7", gc = "#ffd6e8", mc = "#ffafd2", fc = "#ff7eb6", vc = "#ee5396", yc = "#d02670", Ec = "#9f1853", bc = "#740937", Sc = "#510224", Oc = "#2a0a18",
|
|
8051
|
+
}, pc = "#fff0f7", gc = "#ffd6e8", mc = "#ffafd2", fc = "#ff7eb6", vc = "#ee5396", yc = "#d02670", Ec = "#9f1853", bc = "#740937", Sc = "#510224", Oc = "#2a0a18", Tc = {
|
|
8003
8052
|
10: pc,
|
|
8004
8053
|
20: gc,
|
|
8005
8054
|
30: mc,
|
|
@@ -8010,8 +8059,8 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
8010
8059
|
80: bc,
|
|
8011
8060
|
90: Sc,
|
|
8012
8061
|
100: Oc
|
|
8013
|
-
},
|
|
8014
|
-
10:
|
|
8062
|
+
}, xc = "#f6f2ff", Lc = "#e8daff", Ac = "#d4bbff", wc = "#be95ff", Mc = "#a56eff", Cc = "#8a3ffc", _c = "#6929c4", Ic = "#491d8b", Rc = "#31135e", kc = "#1c0f30", Dc = {
|
|
8063
|
+
10: xc,
|
|
8015
8064
|
20: Lc,
|
|
8016
8065
|
30: Ac,
|
|
8017
8066
|
40: wc,
|
|
@@ -8021,12 +8070,12 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
8021
8070
|
80: Ic,
|
|
8022
8071
|
90: Rc,
|
|
8023
8072
|
100: kc
|
|
8024
|
-
}, Nc = "#edf5ff", Pc = "#d0e2ff", Vc = "#a6c8ff",
|
|
8073
|
+
}, Nc = "#edf5ff", Pc = "#d0e2ff", Vc = "#a6c8ff", Bc = "#78a9ff", Gc = "#4589ff", Hc = "#0f62fe", $c = "#0043ce", Uc = "#002d9c", Fc = "#001d6c", zc = "#001141", Wc = {
|
|
8025
8074
|
10: Nc,
|
|
8026
8075
|
20: Pc,
|
|
8027
8076
|
30: Vc,
|
|
8028
|
-
40:
|
|
8029
|
-
50:
|
|
8077
|
+
40: Bc,
|
|
8078
|
+
50: Gc,
|
|
8030
8079
|
60: Hc,
|
|
8031
8080
|
70: $c,
|
|
8032
8081
|
80: Uc,
|
|
@@ -8054,7 +8103,7 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
8054
8103
|
80: dd,
|
|
8055
8104
|
90: hd,
|
|
8056
8105
|
100: ud
|
|
8057
|
-
}, gd = "#defbe6", md = "#a7f0ba", fd = "#6fdc8c", vd = "#42be65", yd = "#24a148", Ed = "#198038", bd = "#0e6027", Sd = "#044317", Od = "#022d0d",
|
|
8106
|
+
}, gd = "#defbe6", md = "#a7f0ba", fd = "#6fdc8c", vd = "#42be65", yd = "#24a148", Ed = "#198038", bd = "#0e6027", Sd = "#044317", Od = "#022d0d", Td = "#071908", xd = {
|
|
8058
8107
|
10: gd,
|
|
8059
8108
|
20: md,
|
|
8060
8109
|
30: fd,
|
|
@@ -8064,7 +8113,7 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
8064
8113
|
70: bd,
|
|
8065
8114
|
80: Sd,
|
|
8066
8115
|
90: Od,
|
|
8067
|
-
100:
|
|
8116
|
+
100: Td
|
|
8068
8117
|
}, Ld = "#f2f4f8", Ad = "#dde1e6", wd = "#c1c7cd", Md = "#a2a9b0", Cd = "#878d96", _d = "#697077", Id = "#4d5358", Rd = "#343a3f", kd = "#21272a", Dd = "#121619", Nd = {
|
|
8069
8118
|
10: Ld,
|
|
8070
8119
|
20: Ad,
|
|
@@ -8076,11 +8125,11 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
8076
8125
|
80: Rd,
|
|
8077
8126
|
90: kd,
|
|
8078
8127
|
100: Dd
|
|
8079
|
-
}, Pd = "#f4f4f4", Vd = "#e0e0e0",
|
|
8128
|
+
}, Pd = "#f4f4f4", Vd = "#e0e0e0", Bd = "#c6c6c6", Gd = "#a8a8a8", Hd = "#8d8d8d", $d = "#6f6f6f", Ud = "#525252", Fd = "#393939", zd = "#262626", Wd = "#161616", jd = {
|
|
8080
8129
|
10: Pd,
|
|
8081
8130
|
20: Vd,
|
|
8082
|
-
30:
|
|
8083
|
-
40:
|
|
8131
|
+
30: Bd,
|
|
8132
|
+
40: Gd,
|
|
8084
8133
|
50: Hd,
|
|
8085
8134
|
60: $d,
|
|
8086
8135
|
70: Ud,
|
|
@@ -8106,8 +8155,8 @@ var Rl = "#000000", kl = "#ffffff", Dl = "#fcf4d6", Nl = "#fddc69", Pl = "#f1c21
|
|
|
8106
8155
|
coolGray: Nd,
|
|
8107
8156
|
cyan: nd,
|
|
8108
8157
|
gray: jd,
|
|
8109
|
-
green:
|
|
8110
|
-
magenta:
|
|
8158
|
+
green: xd,
|
|
8159
|
+
magenta: Tc,
|
|
8111
8160
|
orange: tc,
|
|
8112
8161
|
purple: Dc,
|
|
8113
8162
|
red: uc,
|
|
@@ -8129,7 +8178,7 @@ const ah = (o) => {
|
|
|
8129
8178
|
}
|
|
8130
8179
|
return null;
|
|
8131
8180
|
}, Zs = function() {
|
|
8132
|
-
const o =
|
|
8181
|
+
const o = T(this.parentNode).select("rect.leaf"), e = getComputedStyle(o.node(), null).getPropertyValue(
|
|
8133
8182
|
"fill"
|
|
8134
8183
|
), t = sa(e);
|
|
8135
8184
|
let n;
|
|
@@ -8188,7 +8237,7 @@ class iu extends q {
|
|
|
8188
8237
|
).attr("transform", (m) => `translate(${m.x0},${m.y0})`);
|
|
8189
8238
|
const u = h.selectAll("rect.leaf").data((m) => [m]);
|
|
8190
8239
|
u.exit().attr("width", 0).attr("height", 0).remove(), u.enter().append("rect").classed("leaf", !0).merge(u).attr("width", 0).attr("height", 0).attr("id", function() {
|
|
8191
|
-
const m =
|
|
8240
|
+
const m = T(this.parentNode).attr("data-uid");
|
|
8192
8241
|
return `${s.style.prefix}-leaf-${m}`;
|
|
8193
8242
|
}).attr("class", (m) => {
|
|
8194
8243
|
for (; m.depth > 1; )
|
|
@@ -8213,10 +8262,10 @@ class iu extends q {
|
|
|
8213
8262
|
(m) => m
|
|
8214
8263
|
).join(
|
|
8215
8264
|
(m) => m.append("clipPath").attr("id", function() {
|
|
8216
|
-
const E =
|
|
8265
|
+
const E = T(this.parentNode).attr("data-uid");
|
|
8217
8266
|
return `${s.style.prefix}-clip-${E}`;
|
|
8218
8267
|
}).append("use").attr("xlink:href", function() {
|
|
8219
|
-
const E =
|
|
8268
|
+
const E = T(this.parentNode.parentNode).attr("data-uid"), O = `${s.style.prefix}-leaf-${E}`;
|
|
8220
8269
|
return new URL(`#${O}`, a) + "";
|
|
8221
8270
|
}),
|
|
8222
8271
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -8244,8 +8293,8 @@ class iu extends q {
|
|
|
8244
8293
|
(m) => {
|
|
8245
8294
|
const E = m.append("text").text((O) => O.text).style("fill", Zs).attr("x", 7).attr("y", 18);
|
|
8246
8295
|
return a && E.attr("clip-path", function() {
|
|
8247
|
-
const O =
|
|
8248
|
-
return `url(${new URL(`#${
|
|
8296
|
+
const O = T(this.parentNode).attr("data-uid"), x = `${s.style.prefix}-clip-${O}`;
|
|
8297
|
+
return `url(${new URL(`#${x}`, a) + ""})`;
|
|
8249
8298
|
}), E;
|
|
8250
8299
|
},
|
|
8251
8300
|
(m) => m.text((E) => E.text).style("fill", Zs),
|
|
@@ -8255,7 +8304,7 @@ class iu extends q {
|
|
|
8255
8304
|
addEventListeners() {
|
|
8256
8305
|
const e = this;
|
|
8257
8306
|
this.parent.selectAll("rect.leaf").on("mouseover", function(t, n) {
|
|
8258
|
-
const s =
|
|
8307
|
+
const s = T(this);
|
|
8259
8308
|
let a = getComputedStyle(this, null).getPropertyValue("fill"), i = n;
|
|
8260
8309
|
for (; i.depth > 1; )
|
|
8261
8310
|
i = i.parent;
|
|
@@ -8287,7 +8336,7 @@ class iu extends q {
|
|
|
8287
8336
|
datum: n
|
|
8288
8337
|
});
|
|
8289
8338
|
}).on("mousemove", function(t, n) {
|
|
8290
|
-
const s =
|
|
8339
|
+
const s = T(this);
|
|
8291
8340
|
e.services.events.dispatchEvent(f.Treemap.LEAF_MOUSEMOVE, {
|
|
8292
8341
|
event: t,
|
|
8293
8342
|
element: s,
|
|
@@ -8298,11 +8347,11 @@ class iu extends q {
|
|
|
8298
8347
|
}).on("click", function(t, n) {
|
|
8299
8348
|
e.services.events.dispatchEvent(f.Treemap.LEAF_CLICK, {
|
|
8300
8349
|
event: t,
|
|
8301
|
-
element:
|
|
8350
|
+
element: T(this),
|
|
8302
8351
|
datum: n
|
|
8303
8352
|
});
|
|
8304
8353
|
}).on("mouseout", function(t, n) {
|
|
8305
|
-
const s =
|
|
8354
|
+
const s = T(this);
|
|
8306
8355
|
s.classed("hovered", !1);
|
|
8307
8356
|
let a = n;
|
|
8308
8357
|
for (; a.depth > 1; )
|
|
@@ -8370,23 +8419,23 @@ class ru extends q {
|
|
|
8370
8419
|
function u(g) {
|
|
8371
8420
|
const m = S.appendOrSelect(n, "g.words");
|
|
8372
8421
|
m.attr("transform", `translate(${h.size()[0] / 2}, ${h.size()[1] / 2})`);
|
|
8373
|
-
const E = m.selectAll("text").data(g, (
|
|
8374
|
-
E.exit().attr("opacity", 0).remove(), E.enter().append("text").attr("opacity", 0).merge(E).style("font-size", (
|
|
8375
|
-
return
|
|
8422
|
+
const E = m.selectAll("text").data(g, (x) => `${x[c]}-${x.text}`);
|
|
8423
|
+
E.exit().attr("opacity", 0).remove(), E.enter().append("text").attr("opacity", 0).merge(E).style("font-size", (x) => `${x.size}px`).text(function(x) {
|
|
8424
|
+
return x.text;
|
|
8376
8425
|
}).attr(
|
|
8377
8426
|
"class",
|
|
8378
|
-
(
|
|
8427
|
+
(x) => t.model.getColorClassName({
|
|
8379
8428
|
classNameTypes: [z.FILL],
|
|
8380
|
-
dataGroupName:
|
|
8381
|
-
originalClassName: `word ${
|
|
8429
|
+
dataGroupName: x[c],
|
|
8430
|
+
originalClassName: `word ${x.size > 32 ? "light" : ""}`
|
|
8382
8431
|
})
|
|
8383
|
-
).style("fill", (
|
|
8384
|
-
(
|
|
8385
|
-
transition:
|
|
8432
|
+
).style("fill", (x) => t.model.getFillColor(x[c], x.text, x)).attr("text-anchor", "middle").transition().call(
|
|
8433
|
+
(x) => t.services.transitions.setupTransition({
|
|
8434
|
+
transition: x,
|
|
8386
8435
|
name: "wordcloud-text-update-enter",
|
|
8387
8436
|
animate: e
|
|
8388
8437
|
})
|
|
8389
|
-
).attr("transform", (
|
|
8438
|
+
).attr("transform", (x) => `translate(${x.x}, ${x.y})`).attr("opacity", 1);
|
|
8390
8439
|
}
|
|
8391
8440
|
this.addEventListeners();
|
|
8392
8441
|
}
|
|
@@ -8410,7 +8459,7 @@ class ru extends q {
|
|
|
8410
8459
|
const r = this;
|
|
8411
8460
|
s(r), n.services.events.dispatchEvent(f.WordCloud.WORD_MOUSEOVER, {
|
|
8412
8461
|
event: a,
|
|
8413
|
-
element:
|
|
8462
|
+
element: T(this),
|
|
8414
8463
|
datum: i
|
|
8415
8464
|
}), n.services.events.dispatchEvent(f.Tooltip.SHOW, {
|
|
8416
8465
|
event: a,
|
|
@@ -8435,7 +8484,7 @@ class ru extends q {
|
|
|
8435
8484
|
]
|
|
8436
8485
|
});
|
|
8437
8486
|
}).on("mousemove", function(a, i) {
|
|
8438
|
-
const r =
|
|
8487
|
+
const r = T(this);
|
|
8439
8488
|
n.services.events.dispatchEvent(f.WordCloud.WORD_MOUSEMOVE, {
|
|
8440
8489
|
element: r,
|
|
8441
8490
|
datum: i
|
|
@@ -8445,11 +8494,11 @@ class ru extends q {
|
|
|
8445
8494
|
}).on("click", function(a, i) {
|
|
8446
8495
|
n.services.events.dispatchEvent(f.WordCloud.WORD_CLICK, {
|
|
8447
8496
|
event: a,
|
|
8448
|
-
element:
|
|
8497
|
+
element: T(this),
|
|
8449
8498
|
datum: i
|
|
8450
8499
|
});
|
|
8451
8500
|
}).on("mouseout", function(a, i) {
|
|
8452
|
-
const r =
|
|
8501
|
+
const r = T(this);
|
|
8453
8502
|
s(null), n.services.events.dispatchEvent(f.WordCloud.WORD_MOUSEOUT, {
|
|
8454
8503
|
event: a,
|
|
8455
8504
|
element: r,
|
|
@@ -8547,7 +8596,7 @@ class ou extends rh {
|
|
|
8547
8596
|
addCountryAreaEventListener() {
|
|
8548
8597
|
const e = this, t = this.model.getCombinedData();
|
|
8549
8598
|
this.parent.selectAll("path.border").on("mouseover", function(n, s) {
|
|
8550
|
-
const a =
|
|
8599
|
+
const a = T(this);
|
|
8551
8600
|
e.services.events.dispatchEvent(_t.CHOROPLETH_MOUSEOVER, {
|
|
8552
8601
|
event: n,
|
|
8553
8602
|
element: a,
|
|
@@ -8565,7 +8614,7 @@ class ou extends rh {
|
|
|
8565
8614
|
}).on("mousemove", function(n, s) {
|
|
8566
8615
|
e.services.events.dispatchEvent(_t.CHOROPLETH_MOUSEMOVE, {
|
|
8567
8616
|
event: n,
|
|
8568
|
-
element:
|
|
8617
|
+
element: T(this),
|
|
8569
8618
|
datum: t[s.properties.NAME]
|
|
8570
8619
|
}), e.services.events.dispatchEvent(on.MOVE, {
|
|
8571
8620
|
event: n
|
|
@@ -8573,11 +8622,11 @@ class ou extends rh {
|
|
|
8573
8622
|
}).on("click", function(n, s) {
|
|
8574
8623
|
e.services.events.dispatchEvent(_t.CHOROPLETH_CLICK, {
|
|
8575
8624
|
event: n,
|
|
8576
|
-
element:
|
|
8625
|
+
element: T(this),
|
|
8577
8626
|
datum: t[s.properties.NAME]
|
|
8578
8627
|
});
|
|
8579
8628
|
}).on("mouseout", function(n, s) {
|
|
8580
|
-
const a =
|
|
8629
|
+
const a = T(this);
|
|
8581
8630
|
e.services.events.dispatchEvent(_t.CHOROPLETH_MOUSEOUT, {
|
|
8582
8631
|
event: n,
|
|
8583
8632
|
element: a,
|
|
@@ -8597,7 +8646,7 @@ export {
|
|
|
8597
8646
|
_h as D,
|
|
8598
8647
|
ou as E,
|
|
8599
8648
|
zh as F,
|
|
8600
|
-
|
|
8649
|
+
Th as G,
|
|
8601
8650
|
bl as H,
|
|
8602
8651
|
Wh as I,
|
|
8603
8652
|
jh as J,
|
|
@@ -8636,8 +8685,8 @@ export {
|
|
|
8636
8685
|
Nh as f,
|
|
8637
8686
|
Dh as g,
|
|
8638
8687
|
kh as h,
|
|
8639
|
-
|
|
8640
|
-
|
|
8688
|
+
Bh as i,
|
|
8689
|
+
Gh as j,
|
|
8641
8690
|
Sh as k,
|
|
8642
8691
|
vh as l,
|
|
8643
8692
|
Uh as m,
|
|
@@ -8650,9 +8699,9 @@ export {
|
|
|
8650
8699
|
$h as t,
|
|
8651
8700
|
yl as u,
|
|
8652
8701
|
Oh as v,
|
|
8653
|
-
|
|
8702
|
+
xh as w,
|
|
8654
8703
|
Wn as x,
|
|
8655
8704
|
wh as y,
|
|
8656
8705
|
Ch as z
|
|
8657
8706
|
};
|
|
8658
|
-
//# sourceMappingURL=choropleth-
|
|
8707
|
+
//# sourceMappingURL=choropleth-o3sAu5GZ.mjs.map
|