@carbon/charts 1.14.4 → 1.14.6

package/dist/{choropleth-8ZwwWcHd.mjs → choropleth-WzFMZXLV.mjs}

@@ -1,18 +1,18 @@
-import { L as Ys, h as Ba, o as qs, a4 as Ha, p as Ks, B as $a, a5 as Ua, a6 as za, a7 as Fa, m as v, n as Me, x as dt, a0 as us, A as ne, s as de, a8 as Ot, K as we, a2 as Wa, z as Js, t as ja, a9 as He, c as gn, b as mn, P as Re, aa as bt, ab as Ve, Q as Be, X as Ge, ac as Xa, J as ot, i as Za, Z as te, S as Ae, ad as ye, ae as Ya, a as qa, Y as pe, U as ft, C as wt, af as Qt, v as Ka, ag as ps, _ as Fe } from "./color-scale-utils-TUTedgAJ.mjs";
+import { L as Ys, h as Ba, o as qs, a4 as Ha, p as Ks, B as $a, a5 as Ua, a6 as za, a7 as Fa, m as v, n as we, x as dt, a0 as us, A as ne, s as de, a8 as Ot, K as Me, a2 as Wa, z as Js, t as ja, a9 as He, c as gn, b as mn, P as ke, aa as bt, ab as Ve, Q as Be, X as Ge, ac as Xa, J as ot, i as Za, Z as te, S as Ae, ad as ye, ae as Ya, a as qa, Y as pe, U as ft, C as Mt, af as Qt, v as Ka, ag as ps, _ as Fe } from "./color-scale-utils-XZIkoI99.mjs";
 import { select as x, pointer as Ft, brushX as Qs, scaleTime as Ja, extent as Wt, area as Nn, line as Pn, axisBottom as Vn, axisLeft as ea, axisTop as Qa, axisRight as ei, scaleLinear as Ze, arc as xt, easeLinear as ti, path as Gn, interpolateNumber as ta, quantize as ni, scaleBand as Bn, hierarchy as Hn, pack as si, pie as ai, interpolate as ii, interpolateRound as ri, min as fn, max as gs, lineRadial as oi, curveLinearClosed as li, cluster as ci, tree as di, linkHorizontal as hi, treemap as ui, hsl as na, color as sa, geoPath as pi, geoNaturalEarth1 as gi, geoMercator as mi, geoEquirectangular as fi, geoConicEquidistant as vi, geoConicEqualArea as yi, geoAlbers as Ei, geoEqualEarth as bi } from "d3";
-import { t as en, D as S, c as vn, G as ms, a as Si, p as oe, r as fs, b as Oi } from "./angle-utils-rnwiyNO5.mjs";
-import { y as W, _ as f, K as ie, r as $e, q as tt, L as xi, A as Ce, m as F, s as We, V as lt, S as ue, e as G, Z as nt, i as xe, f as vs, J as tn, d as Ti, F as Mt, n as nn, H as sn, C as an, p as Ct, b as ys, D as rn, Q as Li, x as je, $ as _t, N as on } from "./enums-lWSDG4ik.mjs";
-import { sankey as Ai, sankeyLinkHorizontal as wi, sankeyJustify as Mi, sankeyLeft as Ci, sankeyRight as _i } from "d3-sankey";
+import { t as en, D as S, c as vn, G as ms, a as Si, p as oe, r as fs, b as Oi } from "./angle-utils-0zbAbkd9.mjs";
+import { y as W, _ as f, K as ie, r as $e, q as tt, L as xi, A as Ce, m as F, s as We, V as lt, S as ue, e as G, Z as nt, i as xe, f as vs, J as tn, d as Ti, F as wt, n as nn, H as sn, C as an, p as Ct, b as ys, D as rn, Q as Li, x as je, $ as _t, N as on } from "./enums-lWSDG4ik.mjs";
+import { sankey as Ai, sankeyLinkHorizontal as Mi, sankeyJustify as wi, sankeyLeft as Ci, sankeyRight as _i } from "d3-sankey";
 import { R as X } from "./a11y-SOU26cr5.mjs";
-import { b as aa } from "./_baseEach-HjwFcKjQ.mjs";
+import { b as aa } from "./_baseEach-OI3ptUEq.mjs";
 import Ii from "d3-cloud";
-function Ri(o, e, t, n) {
+function ki(o, e, t, n) {
   var s = -1, a = o == null ? 0 : o.length;
   for (n && a && (t = o[++s]); ++s < a; )
     t = e(t, o[s], s, o);
   return t;
 }
-function ki(o) {
+function Ri(o) {
   return function(e) {
     return o == null ? void 0 : o[e];
   };
@@ -210,7 +210,7 @@ var Di = {
   œ: "oe",
   ʼn: "'n",
   ſ: "s"
-}, Ni = ki(Di);
+}, Ni = Ri(Di);
 const Pi = Ni;
 var Vi = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Gi = "\\u0300-\\u036f", Bi = "\\ufe20-\\ufe2f", Hi = "\\u20d0-\\u20ff", $i = Gi + Bi + Hi, Ui = "[" + $i + "]", zi = RegExp(Ui, "g");
 function Fi(o) {
@@ -243,7 +243,7 @@ function yr(o, e, t) {
 var Er = "['’]", br = RegExp(Er, "g");
 function Sr(o) {
   return function(e) {
-    return Ri(yr(Fi(e).replace(br, "")), o, "");
+    return ki(yr(Fi(e).replace(br, "")), o, "");
   };
 }
 function Or(o, e, t) {
@@ -269,18 +269,18 @@ function Ar(o, e) {
 function Ea(o, e) {
   return Ua(o, e);
 }
-var wr = Sr(function(o, e, t) {
+var Mr = Sr(function(o, e, t) {
   return o + (t ? "-" : "") + e.toLowerCase();
 });
-const st = wr;
-function Mr(o, e) {
+const st = Mr;
+function wr(o, e) {
   var t;
   return aa(o, function(n, s, a) {
     return t = e(n, s, a), !t;
   }), !!t;
 }
 function Cr(o, e, t) {
-  var n = qs(o) ? za : Mr;
+  var n = qs(o) ? za : wr;
   return t && Fa(o, e, t) && (e = void 0), n(o, Ks(e));
 }
 class q {
@@ -318,7 +318,7 @@ class q {
     const t = this.parent;
     if (this.parent = e, !(t && t.node() === e.node()) && this.type) {
       const s = v(this.model.getOptions(), "style", "prefix");
-      (n = this.parent) == null || n.classed(`${Me}--${s}--${this.type}`, !0), t && t.classed(`${Me}--${s}--${this.type}`, !1);
+      (n = this.parent) == null || n.classed(`${we}--${s}--${this.type}`, !0), t && t.classed(`${we}--${s}--${this.type}`, !1);
     }
   }
   getParent() {
@@ -328,7 +328,7 @@ class q {
     if (this.type) {
       const t = v(this.model.getOptions(), "style", "prefix"), n = this.id ? `#${this.id}` : "", s = S.appendOrSelect(
         this.parent,
-        `${this.renderType === W.SVG ? "svg" : "div"}${n}.${Me}--${t}--${this.type}`
+        `${this.renderType === W.SVG ? "svg" : "div"}${n}.${we}--${t}--${this.type}`
       );
       if (e.withinChartClip) {
         const a = this.model.get("chartClipId");
@@ -360,7 +360,7 @@ const {
 } = Object;
 let {
   freeze: Ee,
-  seal: ke,
+  seal: Re,
   create: Sa
 } = Object, {
   apply: yn,
@@ -369,7 +369,7 @@ let {
 Ee || (Ee = function(e) {
   return e;
 });
-ke || (ke = function(e) {
+Re || (Re = function(e) {
   return e;
 });
 yn || (yn = function(e, t, n) {
@@ -378,7 +378,7 @@ yn || (yn = function(e, t, n) {
 En || (En = function(e, t) {
   return new e(...t);
 });
-const It = _e(Array.prototype.forEach), Ts = _e(Array.prototype.pop), vt = _e(Array.prototype.push), Nt = _e(String.prototype.toLowerCase), ln = _e(String.prototype.toString), Rr = _e(String.prototype.match), yt = _e(String.prototype.replace), kr = _e(String.prototype.indexOf), Dr = _e(String.prototype.trim), Oe = _e(RegExp.prototype.test), Et = Nr(TypeError);
+const It = _e(Array.prototype.forEach), Ts = _e(Array.prototype.pop), vt = _e(Array.prototype.push), Nt = _e(String.prototype.toLowerCase), ln = _e(String.prototype.toString), kr = _e(String.prototype.match), yt = _e(String.prototype.replace), Rr = _e(String.prototype.indexOf), Dr = _e(String.prototype.trim), Oe = _e(RegExp.prototype.test), Et = Nr(TypeError);
 function _e(o) {
   return function(e) {
     for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
@@ -418,7 +418,7 @@ function Xe(o) {
     $n(o, t) !== void 0 && (Array.isArray(n) ? e[t] = Pr(n) : n && typeof n == "object" && n.constructor === Object ? e[t] = Xe(n) : e[t] = n);
   return e;
 }
-function Rt(o, e) {
+function kt(o, e) {
   for (; o !== null; ) {
     const n = $n(o, e);
     if (n) {
@@ -434,13 +434,13 @@ function Rt(o, e) {
   }
   return t;
 }
-const Ls = Ee(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "shadow", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), cn = Ee(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), dn = Ee(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), Vr = Ee(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), hn = Ee(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), Gr = Ee(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), As = Ee(["#text"]), ws = Ee(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "pattern", "placeholder", "playsinline", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "xmlns", "slot"]), un = Ee(["accent-height", "accumulate", "additive", "alignment-baseline", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), Ms = Ee(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), kt = Ee(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), Br = ke(/\{\{[\w\W]*|[\w\W]*\}\}/gm), Hr = ke(/<%[\w\W]*|[\w\W]*%>/gm), $r = ke(/\${[\w\W]*}/gm), Ur = ke(/^data-[\-\w.\u00B7-\uFFFF]/), zr = ke(/^aria-[\-\w]+$/), Oa = ke(
+const Ls = Ee(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "shadow", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), cn = Ee(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), dn = Ee(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), Vr = Ee(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), hn = Ee(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), Gr = Ee(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), As = Ee(["#text"]), Ms = Ee(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "pattern", "placeholder", "playsinline", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "xmlns", "slot"]), un = Ee(["accent-height", "accumulate", "additive", "alignment-baseline", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), ws = Ee(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), Rt = Ee(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), Br = Re(/\{\{[\w\W]*|[\w\W]*\}\}/gm), Hr = Re(/<%[\w\W]*|[\w\W]*%>/gm), $r = Re(/\${[\w\W]*}/gm), Ur = Re(/^data-[\-\w.\u00B7-\uFFFF]/), zr = Re(/^aria-[\-\w]+$/), Oa = Re(
   /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
   // eslint-disable-line no-useless-escape
-), Fr = ke(/^(?:\w+script|data):/i), Wr = ke(
+), Fr = Re(/^(?:\w+script|data):/i), Wr = Re(
   /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
   // eslint-disable-line no-control-regex
-), xa = ke(/^html$/i);
+), xa = Re(/^html$/i);
 var Cs = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   MUSTACHE_EXPR: Br,
@@ -493,27 +493,27 @@ function Ta() {
     HTMLFormElement: p,
     DOMParser: h,
     trustedTypes: u
-  } = o, g = l.prototype, m = Rt(g, "cloneNode"), E = Rt(g, "nextSibling"), O = Rt(g, "childNodes"), T = Rt(g, "parentNode");
+  } = o, g = l.prototype, m = kt(g, "cloneNode"), E = kt(g, "nextSibling"), O = kt(g, "childNodes"), T = kt(g, "parentNode");
   if (typeof i == "function") {
     const $ = t.createElement("template");
     $.content && $.content.ownerDocument && (t = $.content.ownerDocument);
   }
   let y, A = "";
   const {
-    implementation: w,
+    implementation: M,
     createNodeIterator: L,
     createDocumentFragment: I,
-    getElementsByTagName: D
+    getElementsByTagName: N
   } = t, {
     importNode: j
   } = n;
-  let k = {};
-  e.isSupported = typeof ba == "function" && typeof T == "function" && w && w.createHTMLDocument !== void 0;
+  let D = {};
+  e.isSupported = typeof ba == "function" && typeof T == "function" && M && M.createHTMLDocument !== void 0;
   const {
     MUSTACHE_EXPR: C,
     ERB_EXPR: V,
     TMPLIT_EXPR: z,
-    DATA_ATTR: M,
+    DATA_ATTR: w,
     ARIA_ATTR: Q,
     IS_SCRIPT_OR_DATA: me,
     ATTR_WHITESPACE: K
@@ -523,7 +523,7 @@ function Ta() {
   } = Cs, Z = null;
   const ut = Y({}, [...Ls, ...cn, ...dn, ...hn, ...As]);
   let le = null;
-  const Ye = Y({}, [...ws, ...un, ...Ms, ...kt]);
+  const Ye = Y({}, [...Ms, ...un, ...ws, ...Rt]);
   let se = Object.seal(Sa(null, {
     tagNameCheck: {
       writable: !0,
@@ -543,7 +543,7 @@ function Ta() {
       enumerable: !0,
       value: !1
     }
-  })), Ie = null, qe = null, U = !0, J = !0, ae = !1, re = !0, ce = !1, Te = !1, _ = !1, N = !1, P = !1, Le = !1, Tt = !1, jn = !0, Xn = !1;
+  })), Ie = null, qe = null, U = !0, J = !0, ae = !1, re = !0, ce = !1, Te = !1, _ = !1, R = !1, P = !1, Le = !1, Tt = !1, jn = !0, Xn = !1;
   const _a = "user-content-";
   let Xt = !0, pt = !1, Ke = {}, Je = null;
   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"]);
@@ -554,7 +554,7 @@ function Ta() {
   let Qe = Ne, Yt = !1, qt = null;
   const Ia = Y({}, [Lt, At, Ne], ln);
   let gt = null;
-  const Ra = ["application/xhtml+xml", "text/html"], ka = "text/html";
+  const ka = ["application/xhtml+xml", "text/html"], Ra = "text/html";
   let he = null, et = null;
   const Da = t.createElement("form"), Jn = function(b) {
     return b instanceof RegExp || b instanceof Function;
@@ -562,7 +562,7 @@ function Ta() {
     let b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     if (!(et && et === b)) {
       if ((!b || typeof b != "object") && (b = {}), b = Xe(b), gt = // eslint-disable-next-line unicorn/prefer-includes
-      Ra.indexOf(b.PARSER_MEDIA_TYPE) === -1 ? ka : b.PARSER_MEDIA_TYPE, he = gt === "application/xhtml+xml" ? ln : Nt, Z = "ALLOWED_TAGS" in b ? Y({}, b.ALLOWED_TAGS, he) : ut, le = "ALLOWED_ATTR" in b ? Y({}, b.ALLOWED_ATTR, he) : Ye, qt = "ALLOWED_NAMESPACES" in b ? Y({}, b.ALLOWED_NAMESPACES, ln) : Ia, Zt = "ADD_URI_SAFE_ATTR" in b ? Y(
+      ka.indexOf(b.PARSER_MEDIA_TYPE) === -1 ? Ra : b.PARSER_MEDIA_TYPE, he = gt === "application/xhtml+xml" ? ln : Nt, Z = "ALLOWED_TAGS" in b ? Y({}, b.ALLOWED_TAGS, he) : ut, le = "ALLOWED_ATTR" in b ? Y({}, b.ALLOWED_ATTR, he) : Ye, qt = "ALLOWED_NAMESPACES" in b ? Y({}, b.ALLOWED_NAMESPACES, ln) : Ia, Zt = "ADD_URI_SAFE_ATTR" in b ? Y(
         Xe(Kn),
         // eslint-disable-line indent
         b.ADD_URI_SAFE_ATTR,
@@ -576,7 +576,7 @@ function Ta() {
         // eslint-disable-line indent
         he
         // eslint-disable-line indent
-      ) : qn, Je = "FORBID_CONTENTS" in b ? Y({}, b.FORBID_CONTENTS, he) : Zn, Ie = "FORBID_TAGS" in b ? Y({}, b.FORBID_TAGS, he) : {}, qe = "FORBID_ATTR" in b ? Y({}, b.FORBID_ATTR, he) : {}, 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, ce = b.SAFE_FOR_TEMPLATES || !1, Te = b.WHOLE_DOCUMENT || !1, P = b.RETURN_DOM || !1, Le = b.RETURN_DOM_FRAGMENT || !1, Tt = b.RETURN_TRUSTED_TYPE || !1, N = b.FORCE_BODY || !1, jn = b.SANITIZE_DOM !== !1, Xn = b.SANITIZE_NAMED_PROPS || !1, Xt = 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), ce && (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, he)), b.ADD_ATTR && (le === Ye && (le = Xe(le)), Y(le, b.ADD_ATTR, he)), b.ADD_URI_SAFE_ATTR && Y(Zt, b.ADD_URI_SAFE_ATTR, he), b.FORBID_CONTENTS && (Je === Zn && (Je = Xe(Je)), Y(Je, b.FORBID_CONTENTS, he)), Xt && (Z["#text"] = !0), Te && Y(Z, ["html", "head", "body"]), Z.table && (Y(Z, ["tbody"]), delete Ie.tbody), b.TRUSTED_TYPES_POLICY) {
+      ) : qn, Je = "FORBID_CONTENTS" in b ? Y({}, b.FORBID_CONTENTS, he) : Zn, Ie = "FORBID_TAGS" in b ? Y({}, b.FORBID_TAGS, he) : {}, qe = "FORBID_ATTR" in b ? Y({}, b.FORBID_ATTR, he) : {}, 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, ce = b.SAFE_FOR_TEMPLATES || !1, Te = b.WHOLE_DOCUMENT || !1, P = b.RETURN_DOM || !1, Le = b.RETURN_DOM_FRAGMENT || !1, Tt = b.RETURN_TRUSTED_TYPE || !1, R = b.FORCE_BODY || !1, jn = b.SANITIZE_DOM !== !1, Xn = b.SANITIZE_NAMED_PROPS || !1, Xt = 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), ce && (J = !1), Le && (P = !0), Ke && (Z = Y({}, As), le = [], Ke.html === !0 && (Y(Z, Ls), Y(le, Ms)), Ke.svg === !0 && (Y(Z, cn), Y(le, un), Y(le, Rt)), Ke.svgFilters === !0 && (Y(Z, dn), Y(le, un), Y(le, Rt)), Ke.mathMl === !0 && (Y(Z, hn), Y(le, ws), Y(le, Rt))), b.ADD_TAGS && (Z === ut && (Z = Xe(Z)), Y(Z, b.ADD_TAGS, he)), b.ADD_ATTR && (le === Ye && (le = Xe(le)), Y(le, b.ADD_ATTR, he)), b.ADD_URI_SAFE_ATTR && Y(Zt, b.ADD_URI_SAFE_ATTR, he), b.FORBID_CONTENTS && (Je === Zn && (Je = Xe(Je)), Y(Je, b.FORBID_CONTENTS, he)), Xt && (Z["#text"] = !0), Te && Y(Z, ["html", "head", "body"]), Z.table && (Y(Z, ["tbody"]), delete Ie.tbody), b.TRUSTED_TYPES_POLICY) {
         if (typeof b.TRUSTED_TYPES_POLICY.createHTML != "function")
           throw Et('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
         if (typeof b.TRUSTED_TYPES_POLICY.createScriptURL != "function")
@@ -587,13 +587,13 @@ function Ta() {
       Ee && Ee(b), et = b;
     }
   }, 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, ...Vr]), ns = Y({}, [...hn, ...Gr]), Pa = function(b) {
-    let R = T(b);
-    (!R || !R.tagName) && (R = {
+    let k = T(b);
+    (!k || !k.tagName) && (k = {
       namespaceURI: Qe,
       tagName: "template"
     });
-    const B = Nt(b.tagName), ee = Nt(R.tagName);
-    return qt[b.namespaceURI] ? b.namespaceURI === At ? R.namespaceURI === Ne ? B === "svg" : R.namespaceURI === Lt ? B === "svg" && (ee === "annotation-xml" || Qn[ee]) : !!ts[B] : b.namespaceURI === Lt ? R.namespaceURI === Ne ? B === "math" : R.namespaceURI === At ? B === "math" && es[ee] : !!ns[B] : b.namespaceURI === Ne ? R.namespaceURI === At && !es[ee] || R.namespaceURI === Lt && !Qn[ee] ? !1 : !ns[B] && (Na[B] || !ts[B]) : !!(gt === "application/xhtml+xml" && qt[b.namespaceURI]) : !1;
+    const B = Nt(b.tagName), ee = Nt(k.tagName);
+    return qt[b.namespaceURI] ? b.namespaceURI === At ? k.namespaceURI === Ne ? B === "svg" : k.namespaceURI === Lt ? B === "svg" && (ee === "annotation-xml" || Qn[ee]) : !!ts[B] : b.namespaceURI === Lt ? k.namespaceURI === Ne ? B === "math" : k.namespaceURI === At ? B === "math" && es[ee] : !!ns[B] : b.namespaceURI === Ne ? k.namespaceURI === At && !es[ee] || k.namespaceURI === Lt && !Qn[ee] ? !1 : !ns[B] && (Na[B] || !ts[B]) : !!(gt === "application/xhtml+xml" && qt[b.namespaceURI]) : !1;
   }, Ue = function(b) {
     vt(e.removed, {
       element: b
@@ -603,53 +603,53 @@ function Ta() {
     } catch {
       b.remove();
     }
-  }, Jt = function(b, R) {
+  }, Jt = function(b, k) {
     try {
       vt(e.removed, {
-        attribute: R.getAttributeNode(b),
-        from: R
+        attribute: k.getAttributeNode(b),
+        from: k
       });
     } catch {
       vt(e.removed, {
         attribute: null,
-        from: R
+        from: k
       });
     }
-    if (R.removeAttribute(b), b === "is" && !le[b])
+    if (k.removeAttribute(b), b === "is" && !le[b])
       if (P || Le)
         try {
-          Ue(R);
+          Ue(k);
         } catch {
         }
       else
         try {
-          R.setAttribute(b, "");
+          k.setAttribute(b, "");
         } catch {
         }
   }, ss = function(b) {
-    let R = null, B = null;
-    if (N)
+    let k = null, B = null;
+    if (R)
       b = "<remove></remove>" + b;
     else {
-      const ve = Rr(b, /^[\r\n\t ]+/);
+      const ve = kr(b, /^[\r\n\t ]+/);
       B = ve && ve[0];
     }
     gt === "application/xhtml+xml" && Qe === Ne && (b = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + b + "</body></html>");
     const ee = y ? y.createHTML(b) : b;
     if (Qe === Ne)
       try {
-        R = new h().parseFromString(ee, gt);
+        k = new h().parseFromString(ee, gt);
       } catch {
       }
-    if (!R || !R.documentElement) {
-      R = w.createDocument(Qe, "template", null);
+    if (!k || !k.documentElement) {
+      k = M.createDocument(Qe, "template", null);
       try {
-        R.documentElement.innerHTML = Yt ? A : ee;
+        k.documentElement.innerHTML = Yt ? A : ee;
       } catch {
       }
     }
-    const fe = R.body || R.documentElement;
-    return b && B && fe.insertBefore(t.createTextNode(B), fe.childNodes[0] || null), Qe === Ne ? D.call(R, Te ? "html" : "body")[0] : Te ? R.documentElement : fe;
+    const fe = k.body || k.documentElement;
+    return b && B && fe.insertBefore(t.createTextNode(B), fe.childNodes[0] || null), Qe === Ne ? N.call(k, Te ? "html" : "body")[0] : Te ? k.documentElement : fe;
   }, as = function(b) {
     return L.call(
       b.ownerDocument || b,
@@ -662,12 +662,12 @@ function Ta() {
     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");
   }, is = function(b) {
     return typeof r == "function" && b instanceof r;
-  }, Pe = function(b, R, B) {
-    k[b] && It(k[b], (ee) => {
-      ee.call(e, R, B, et);
+  }, Pe = function(b, k, B) {
+    D[b] && It(D[b], (ee) => {
+      ee.call(e, k, B, et);
     });
   }, rs = function(b) {
-    let R = null;
+    let k = null;
     if (Pe("beforeSanitizeElements", b, null), Va(b))
       return Ue(b), !0;
     const B = he(b.nodeName);
@@ -689,29 +689,29 @@ function Ta() {
       }
       return Ue(b), !0;
     }
-    return b instanceof l && !Pa(b) || (B === "noscript" || B === "noembed" || B === "noframes") && Oe(/<\/no(script|embed|frames)/i, b.innerHTML) ? (Ue(b), !0) : (ce && b.nodeType === 3 && (R = b.textContent, It([C, V, z], (ee) => {
-      R = yt(R, ee, " ");
-    }), b.textContent !== R && (vt(e.removed, {
+    return b instanceof l && !Pa(b) || (B === "noscript" || B === "noembed" || B === "noframes") && Oe(/<\/no(script|embed|frames)/i, b.innerHTML) ? (Ue(b), !0) : (ce && b.nodeType === 3 && (k = b.textContent, It([C, V, z], (ee) => {
+      k = yt(k, ee, " ");
+    }), b.textContent !== k && (vt(e.removed, {
       element: b.cloneNode()
-    }), b.textContent = R)), Pe("afterSanitizeElements", b, null), !1);
-  }, os = function(b, R, B) {
-    if (jn && (R === "id" || R === "name") && (B in t || B in Da))
+    }), b.textContent = k)), Pe("afterSanitizeElements", b, null), !1);
+  }, os = function(b, k, B) {
+    if (jn && (k === "id" || k === "name") && (B in t || B in Da))
       return !1;
-    if (!(J && !qe[R] && Oe(M, R))) {
-      if (!(U && Oe(Q, R))) {
-        if (!le[R] || qe[R]) {
+    if (!(J && !qe[k] && Oe(w, k))) {
+      if (!(U && Oe(Q, k))) {
+        if (!le[k] || qe[k]) {
           if (
             // First condition does a very basic check if a) it's basically a valid custom element tagname AND
             // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
             // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-            !(ls(b) && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck, b) || se.tagNameCheck instanceof Function && se.tagNameCheck(b)) && (se.attributeNameCheck instanceof RegExp && Oe(se.attributeNameCheck, R) || se.attributeNameCheck instanceof Function && se.attributeNameCheck(R)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+            !(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
             // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-            R === "is" && se.allowCustomizedBuiltInElements && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck, B) || se.tagNameCheck instanceof Function && se.tagNameCheck(B)))
+            k === "is" && se.allowCustomizedBuiltInElements && (se.tagNameCheck instanceof RegExp && Oe(se.tagNameCheck, B) || se.tagNameCheck instanceof Function && se.tagNameCheck(B)))
           )
             return !1;
-        } else if (!Zt[R]) {
+        } else if (!Zt[k]) {
           if (!Oe(H, yt(B, K, ""))) {
-            if (!((R === "src" || R === "xlink:href" || R === "href") && b !== "script" && kr(B, "data:") === 0 && Yn[b])) {
+            if (!((k === "src" || k === "xlink:href" || k === "href") && b !== "script" && Rr(B, "data:") === 0 && Yn[b])) {
               if (!(ae && !Oe(me, yt(B, K, "")))) {
                 if (B)
                   return !1;
@@ -727,9 +727,9 @@ function Ta() {
   }, cs = function(b) {
     Pe("beforeSanitizeAttributes", b, null);
     const {
-      attributes: R
+      attributes: k
     } = b;
-    if (!R)
+    if (!k)
       return;
     const B = {
       attrName: "",
@@ -737,9 +737,9 @@ function Ta() {
       keepAttr: !0,
       allowedAttributes: le
     };
-    let ee = R.length;
+    let ee = k.length;
     for (; ee--; ) {
-      const fe = R[ee], {
+      const fe = k[ee], {
         name: ve,
         namespaceURI: be,
         value: ze
@@ -775,14 +775,14 @@ function Ta() {
     }
     Pe("afterSanitizeAttributes", b, null);
   }, Ga = function $(b) {
-    let R = null;
+    let k = null;
     const B = as(b);
-    for (Pe("beforeSanitizeShadowDOM", b, null); R = B.nextNode(); )
-      Pe("uponSanitizeShadowNode", R, null), !rs(R) && (R.content instanceof a && $(R.content), cs(R));
+    for (Pe("beforeSanitizeShadowDOM", b, null); k = B.nextNode(); )
+      Pe("uponSanitizeShadowNode", k, null), !rs(k) && (k.content instanceof a && $(k.content), cs(k));
     Pe("afterSanitizeShadowDOM", b, null);
   };
   return e.sanitize = function($) {
-    let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, R = null, B = null, ee = null, fe = null;
+    let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, k = null, B = null, ee = null, fe = null;
     if (Yt = !$, Yt && ($ = "<!-->"), typeof $ != "string" && !is($))
       if (typeof $.toString == "function") {
         if ($ = $.toString(), typeof $ != "string")
@@ -798,30 +798,30 @@ function Ta() {
           throw Et("root node is forbidden and cannot be sanitized in-place");
       }
     } else if ($ instanceof r)
-      R = ss("<!---->"), B = R.ownerDocument.importNode($, !0), B.nodeType === 1 && B.nodeName === "BODY" || B.nodeName === "HTML" ? R = B : R.appendChild(B);
+      k = ss("<!---->"), B = k.ownerDocument.importNode($, !0), B.nodeType === 1 && B.nodeName === "BODY" || B.nodeName === "HTML" ? k = B : k.appendChild(B);
     else {
       if (!P && !ce && !Te && // eslint-disable-next-line unicorn/prefer-includes
       $.indexOf("<") === -1)
         return y && Tt ? y.createHTML($) : $;
-      if (R = ss($), !R)
+      if (k = ss($), !k)
         return P ? null : Tt ? A : "";
     }
-    R && N && Ue(R.firstChild);
-    const ve = as(pt ? $ : R);
+    k && R && Ue(k.firstChild);
+    const ve = as(pt ? $ : k);
     for (; ee = ve.nextNode(); )
       rs(ee) || (ee.content instanceof a && Ga(ee.content), cs(ee));
     if (pt)
       return $;
     if (P) {
       if (Le)
-        for (fe = I.call(R.ownerDocument); R.firstChild; )
-          fe.appendChild(R.firstChild);
+        for (fe = I.call(k.ownerDocument); k.firstChild; )
+          fe.appendChild(k.firstChild);
       else
-        fe = R;
+        fe = k;
       return (le.shadowroot || le.shadowrootmode) && (fe = j.call(n, fe, !0)), fe;
     }
-    let be = Te ? R.outerHTML : R.innerHTML;
-    return Te && Z["!doctype"] && R.ownerDocument && R.ownerDocument.doctype && R.ownerDocument.doctype.name && Oe(xa, R.ownerDocument.doctype.name) && (be = "<!DOCTYPE " + R.ownerDocument.doctype.name + `>
+    let be = Te ? k.outerHTML : k.innerHTML;
+    return Te && Z["!doctype"] && k.ownerDocument && k.ownerDocument.doctype && k.ownerDocument.doctype.name && Oe(xa, k.ownerDocument.doctype.name) && (be = "<!DOCTYPE " + k.ownerDocument.doctype.name + `>
 ` + be), ce && It([C, V, z], (ze) => {
       be = yt(be, ze, " ");
     }), y && Tt ? y.createHTML(be) : be;
@@ -830,19 +830,19 @@ function Ta() {
     Kt($), _ = !0;
   }, e.clearConfig = function() {
     et = null, _ = !1;
-  }, e.isValidAttribute = function($, b, R) {
+  }, e.isValidAttribute = function($, b, k) {
     et || Kt({});
     const B = he($), ee = he(b);
-    return os(B, ee, R);
+    return os(B, ee, k);
   }, e.addHook = function($, b) {
-    typeof b == "function" && (k[$] = k[$] || [], vt(k[$], b));
+    typeof b == "function" && (D[$] = D[$] || [], vt(D[$], b));
   }, e.removeHook = function($) {
-    if (k[$])
-      return Ts(k[$]);
+    if (D[$])
+      return Ts(D[$]);
   }, e.removeHooks = function($) {
-    k[$] && (k[$] = []);
+    D[$] && (D[$] = []);
   }, e.removeAllHooks = function() {
-    k = {};
+    D = {};
   }, e;
 }
 var Un = Ta();
@@ -1235,19 +1235,19 @@ const zt = class zt extends q {
   }
   render(e = !0) {
     const t = this.parent, { width: n, height: s } = S.getHTMLElementSize(t.node()), a = this.configs.direction === tt.ROW || this.configs.direction === tt.ROW_REVERSE, i = v(this.model.getOptions(), "style", "prefix"), r = t.classed(
-      `${Me}--${i}--layout-row`,
+      `${we}--${i}--layout-row`,
       this.configs.direction === tt.ROW
     ).classed(
-      `${Me}--${i}--layout-row-reverse`,
+      `${we}--${i}--layout-row-reverse`,
       this.configs.direction === tt.ROW_REVERSE
     ).classed(
-      `${Me}--${i}--layout-column`,
+      `${we}--${i}--layout-column`,
       this.configs.direction === tt.COLUMN
     ).classed(
-      `${Me}--${i}--layout-column-reverse`,
+      `${we}--${i}--layout-column-reverse`,
       this.configs.direction === tt.COLUMN_REVERSE
     ).classed(
-      `${Me}--${i}--layout-alignitems-center`,
+      `${we}--${i}--layout-alignitems-center`,
       this.configs.alignItems === xi.CENTER
     ).selectAll(`div.layout-child-${this._instanceID}`).data(this.children, (d) => d.id);
     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) {
@@ -1323,14 +1323,14 @@ var Yr = {
     iframe, object, embed, *[tabindex], *[contenteditable=true]
   `
 }, pn = Yr;
-function Rs(o, e) {
+function ks(o, e) {
   for (var t = 0; t < e.length; t++) {
     var n = e[t];
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(o, n.key, n);
   }
 }
 function qr(o, e, t) {
-  return e && Rs(o.prototype, e), t && Rs(o, t), Object.defineProperty(o, "prototype", {
+  return e && ks(o.prototype, e), t && ks(o, t), Object.defineProperty(o, "prototype", {
     writable: !1
   }), o;
 }
@@ -1399,14 +1399,14 @@ function ao(o, e) {
   if (!(o instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function ks(o, e) {
+function Rs(o, e) {
   for (var t = 0; t < e.length; t++) {
     var n = e[t];
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(o, n.key, n);
   }
 }
 function io(o, e, t) {
-  return e && ks(o.prototype, e), t && ks(o, t), Object.defineProperty(o, "prototype", {
+  return e && Rs(o.prototype, e), t && Rs(o, t), Object.defineProperty(o, "prototype", {
     writable: !1
   }), o;
 }
@@ -1700,12 +1700,12 @@ function Ns(o, e) {
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(o, n.key, n);
   }
 }
-function wo(o, e, t) {
+function Mo(o, e, t) {
   return e && Ns(o.prototype, e), t && Ns(o, t), Object.defineProperty(o, "prototype", {
     writable: !1
   }), o;
 }
-function Mo(o, e) {
+function wo(o, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
   o.prototype = Object.create(e && e.prototype, {
@@ -1716,15 +1716,15 @@ function Mo(o, e) {
     }
   }), Object.defineProperty(o, "prototype", {
     writable: !1
-  }), e && wn(o, e);
+  }), e && Mn(o, e);
 }
-function wn(o, e) {
-  return wn = Object.setPrototypeOf || function(n, s) {
+function Mn(o, e) {
+  return Mn = Object.setPrototypeOf || function(n, s) {
     return n.__proto__ = s, n;
-  }, wn(o, e);
+  }, Mn(o, e);
 }
 function Co(o) {
-  var e = Ro();
+  var e = ko();
   return function() {
     var n = Gt(o), s;
     if (e) {
@@ -1747,7 +1747,7 @@ function Io(o) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return o;
 }
-function Ro() {
+function ko() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
     return !1;
   if (typeof Proxy == "function")
@@ -1764,14 +1764,14 @@ function Gt(o) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, Gt(o);
 }
-function ko(o) {
+function Ro(o) {
   var e = /* @__PURE__ */ function(t) {
-    Mo(s, t);
+    wo(s, t);
     var n = Co(s);
     function s() {
       return Ao(this, s), n.apply(this, arguments);
     }
-    return wo(s, [{
+    return Mo(s, [{
       key: "_changeState",
       value: (
         /* eslint-disable jsdoc/check-param-names */
@@ -1848,7 +1848,7 @@ function ko(o) {
   }(o);
   return e;
 }
-function Mn(o, e) {
+function wn(o, e) {
   var t = o.target, n = o.currentTarget;
   if (typeof t.matches == "function") {
     if (t.matches(e))
@@ -1993,14 +1993,14 @@ function $o(o) {
   }(o);
   return e;
 }
-var Uo = [ko, $o];
+var Uo = [Ro, $o];
 const zo = Uo;
 function Fo(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var wa = function() {
+var Ma = function() {
 };
-process.env.NODE_ENV !== "production" && (wa = function(o, e, t) {
+process.env.NODE_ENV !== "production" && (Ma = function(o, e, t) {
   var n = arguments.length;
   t = new Array(n > 2 ? n - 2 : 0);
   for (var s = 2; s < n; s++)
@@ -2024,7 +2024,7 @@ process.env.NODE_ENV !== "production" && (wa = function(o, e, t) {
     }
   }
 });
-var Wo = wa;
+var Wo = Ma;
 const jo = /* @__PURE__ */ Fo(Wo);
 function In(o) {
   "@babel/helpers - typeof";
@@ -2060,12 +2060,12 @@ function Yo(o, e) {
     }
   }), Object.defineProperty(o, "prototype", {
     writable: !1
-  }), e && Rn(o, e);
+  }), e && kn(o, e);
 }
-function Rn(o, e) {
-  return Rn = Object.setPrototypeOf || function(n, s) {
+function kn(o, e) {
+  return kn = Object.setPrototypeOf || function(n, s) {
     return n.__proto__ = s, n;
-  }, Rn(o, e);
+  }, kn(o, e);
 }
 function qo(o) {
   var e = Qo();
@@ -2142,7 +2142,7 @@ function el(o) {
           else {
             var d = c.initEventNames.map(function(p) {
               return St(r, p, function(h) {
-                var u = Mn(h, "[".concat(c.attribInitTarget, "]"));
+                var u = wn(h, "[".concat(c.attribInitTarget, "]"));
                 if (u) {
                   h.delegateTarget = u;
                   var g = u.ownerDocument.querySelectorAll(u.getAttribute(c.attribInitTarget));
@@ -2170,13 +2170,13 @@ function el(o) {
   }(o);
   return e;
 }
-function kn(o) {
+function Rn(o) {
   "@babel/helpers - typeof";
-  return kn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Rn = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, kn(o);
+  }, Rn(o);
 }
 function tl(o, e) {
   if (!(o instanceof e))
@@ -2224,7 +2224,7 @@ function al(o) {
   };
 }
 function il(o, e) {
-  if (e && (kn(e) === "object" || typeof e == "function"))
+  if (e && (Rn(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -2260,7 +2260,7 @@ var ll = /* @__PURE__ */ function(o) {
     return tl(this, t), a = e.call(this, n, s), a._handleFocusinListener = void 0, a._handleKeydownListener = void 0, a._handleFocusin = function(i) {
       var r = a.element.querySelector(a.options.selectorModalContainer) || a.element;
       a.element.classList.contains(a.options.classVisible) && !r.contains(i.target) && a.options.selectorsFloatingMenus.every(function(l) {
-        return !Mn(i, l);
+        return !wn(i, l);
       }) && a.element.querySelector(pn.selectorTabbable).focus();
     }, a._hookCloseActions(), a;
   }
@@ -2314,7 +2314,7 @@ var ll = /* @__PURE__ */ function(o) {
     value: function() {
       var s = this;
       this.manage(St(this.element, "click", function(a) {
-        var i = Mn(a, s.options.selectorModalClose);
+        var i = wn(a, s.options.selectorModalClose);
         i && (a.delegateTarget = i), (i || a.target === s.element) && s.hide(a);
       })), this._handleKeydownListener && (this._handleKeydownListener = this.unmanage(this._handleKeydownListener).release()), this._handleKeydownListener = this.manage(St(this.element.ownerDocument.body, "keydown", function(a) {
         a.which === 27 && s.shouldStateBeChanged("hidden") && (a.stopPropagation(), s.hide(a));
@@ -2400,29 +2400,29 @@ class hh extends q {
   getModalHTML() {
     const e = this.services.domUtils.getChartID(), t = this.model.getOptions(), { title: n, downloadAsCSV: s } = v(t, "locale", "translations", "tabularRep"), a = v(t, "style", "prefix"), i = this.model.getTabularDataArray();
     return `
-		<div class="cds--modal-container cds--modal-container">
-			<div class="cds--modal-header cds--modal-header">
+		<div class="cds--modal-container">
+			<div class="cds--modal-header">
 
-				<p class="cds--modal-header__label cds--type-delta cds--modal-header__label cds--type-delta" id="modal-title">${n}</p>
+				<p class="cds--modal-header__label cds--type-delta" id="modal-title">${n}</p>
 
-				<p class="cds--modal-header__heading cds--type-beta cds--modal-header__heading cds--type-beta" id="${e}__modal-description">${De(
+				<p class="cds--modal-header__heading cds--type-beta" id="${e}__modal-description">${De(
       t.title
     )}</p>
 
-				<button class="cds--modal-close cds--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
-					<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-label="Close" width="20" height="20" viewBox="0 0 32 32" role="img" class="cds--modal-close__icon cds--modal-close__icon">
+				<button class="cds--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
+					<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-label="Close" width="20" height="20" viewBox="0 0 32 32" role="img" class="cds--modal-close__icon">
 						<path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path>
 					</svg>
 				</button>
 			</div>
 
-			<div class="cds--modal-content cds--modal-content">
-				<table class="cds--data-table cds--data-table--no-border cds--data-table cds--data-table--no-border">
+			<div class="cds--modal-content">
+				<table class="cds--data-table cds--data-table--no-border">
 					<thead>
 						<tr>
 							${ne(i, 0).map(
       (r) => `<th scope="col">
-								<div class="cds--table-header-label cds--table-header-label">${De(r)}</div>
+								<div class="cds--table-header-label">${De(r)}</div>
 							</th>`
     ).join("")}
 						</tr>
@@ -2438,9 +2438,9 @@ class hh extends q {
 				</table>
 			</div>
 
-			<div class="cds--modal-footer cds--modal-footer">
-			  <div class="${Me}--${a}-modal-footer-spacer"></div>
-			  <button class="cds--btn cds--btn--primary cds--btn cds--btn--primary" type="button" data-modal-primary-focus>${s}</button>
+			<div class="cds--modal-footer">
+			  <div class="${we}--${a}-modal-footer-spacer"></div>
+			  <button class="cds--btn cds--btn--primary" type="button" data-modal-primary-focus>${s}</button>
 			</div>
 		</div>`;
   }
@@ -2451,7 +2451,7 @@ class hh extends q {
     const t = this.model.getOptions();
     if (!this.isEventListenerAdded) {
       const n = x(this.services.domUtils.getHolder()), s = v(t, "style", "prefix");
-      this.modal = S.appendOrSelect(n, `div.${Me}--${s}--modal`), this.addEventListeners(), this.isEventListenerAdded = !0;
+      this.modal = S.appendOrSelect(n, `div.${we}--${s}--modal`), this.addEventListeners(), this.isEventListenerAdded = !0;
     }
   }
   destroy() {
@@ -2576,15 +2576,15 @@ class hl extends q {
       y.exit().remove();
       const A = y.enter().append("div").merge(y).classed("legend-item", !0).classed("additional", !0).attr(
         "aria-labelledby",
-        (I, D) => this.services.domUtils.generateElementIDString(
-          `legend-datagroup-${E.size() + D}-title`
+        (I, N) => this.services.domUtils.generateElementIDString(
+          `legend-datagroup-${E.size() + N}-title`
         )
       );
       A.selectAll("*").remove();
-      let w, L = 1;
+      let M, L = 1;
       A.append("svg").classed("icon", !0).each(function(I) {
-        const D = x(this);
-        !w || w != I.type ? (w = I.type, L = 1) : L++, T.addAdditionalItem(D, I, L);
+        const N = x(this);
+        !M || M != I.type ? (M = I.type, L = 1) : L++, T.addAdditionalItem(N, I, L);
       }), A.append("p").merge(A.select("p")), this.truncateLegendText();
     }
     p.exit().on("mouseover", null).on("click", null).on("mouseout", null).remove(), u && h.size() > 1 && this.addEventListeners();
@@ -2938,7 +2938,7 @@ class pl extends q {
     const t = this.getOptions(), n = v(t, "tooltip", "enabled");
     if (n) {
       const s = x(this.services.domUtils.getHolder()), a = v(t, "style", "prefix");
-      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);
+      this.tooltip = S.appendOrSelect(s, `div.${we}--${a}--tooltip`), this.tooltip.style("max-width", null).attr("role", "tooltip"), this.isEventListenerAdded || (this.addTooltipEventListener(), this.isEventListenerAdded = !0), this.tooltip.classed("hidden", !0);
     } else
       !n && this.isEventListenerAdded && (this.removeTooltipEventListener(), this.isEventListenerAdded = !1);
   }
@@ -2948,8 +2948,8 @@ class pl extends q {
     if (!i)
       i = Ft(v(e, "detail", "event"), t);
     else {
-      const h = v(s, "zoomBar", "top", "type"), u = we.height[h];
-      a && (i[1] += u + we.spacerHeight);
+      const h = v(s, "zoomBar", "top", "type"), u = Me.height[h];
+      a && (i[1] += u + Me.spacerHeight);
     }
     const r = t.offsetWidth, l = t.offsetHeight;
     let c;
@@ -3005,24 +3005,24 @@ const ct = class ct extends q {
     if (p && d === ue.TIME) {
       let g = this.model.get("zoomDomain");
       g === void 0 && (g = this.services.zoom.getDefaultZoomBarDomain(), g && this.model.set({ zoomDomain: g }, { animate: !1 }));
-      const m = (w) => {
-        const L = w[1] - w[0];
+      const m = (M) => {
+        const L = M[1] - M[0];
         let I = "0," + L.toString();
-        const D = Math.floor(l / ct.DASH_LENGTH), j = D * ct.DASH_LENGTH;
-        for (let k = 0; k < D; k++)
+        const N = Math.floor(l / ct.DASH_LENGTH), j = N * ct.DASH_LENGTH;
+        for (let D = 0; D < N; D++)
           I += "," + ct.DASH_LENGTH;
-        I += "," + (l - j), D % 2 === 1 && (I += ",0"), I += "," + L.toString(), I += "," + l.toString(), u.attr("stroke-dasharray", I);
-      }, E = (w) => {
-        const L = w.selection;
+        I += "," + (l - j), N % 2 === 1 && (I += ",0"), I += "," + L.toString(), I += "," + l.toString(), u.attr("stroke-dasharray", I);
+      }, E = (M) => {
+        const L = M.selection;
         L === null || L[0] === L[1] || (u.attr("x", parseFloat(i.attr("x")) + parseFloat(s.attr("x"))).attr("y", i.attr("y")).attr("width", i.attr("width")).attr("height", i.attr("height")).style("cursor", "pointer").style("display", null), m(L));
-      }, O = (w, L) => {
+      }, O = (M, L) => {
         const I = Ja().range([0, r]).domain(g);
-        let D = [I.invert(w), I.invert(L)];
-        D[0].valueOf() === D[1].valueOf() && (D = this.services.zoom.getDefaultZoomBarDomain()), (g[0].valueOf() !== D[0].valueOf() || g[1].valueOf() !== D[1].valueOf()) && this.services.zoom.handleDomainChange(D);
+        let N = [I.invert(M), I.invert(L)];
+        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);
       };
       let T;
-      const y = (w) => {
-        const L = w.selection;
+      const y = (M) => {
+        const L = M.selection;
         L !== null && (O(L[0], L[1]), a.call(T.move, null), u.style("display", "none"));
       };
       l != 0 && r != 0 && (T = Qs().extent([
@@ -3030,13 +3030,13 @@ const ct = class ct extends q {
         [r - 1, l]
       ]).on("start brush end", E).on("end.brushed", y), a.call(T));
       const A = this.services.zoom.getZoomRatio();
-      s.on("click", function(w) {
-        if (w.shiftKey) {
+      s.on("click", function(M) {
+        if (M.shiftKey) {
           const L = this.services.domUtils.getHolder(), I = Ft(a.node(), L)[0];
-          let D = I - r * A / 2;
-          D < 0 && (D = 0);
+          let N = I - r * A / 2;
+          N < 0 && (N = 0);
           let j = I + r * A / 2;
-          j > r && (j = r), O(D, j);
+          j > r && (j = r), O(N, j);
         }
       });
     }
@@ -3057,7 +3057,7 @@ class ph extends q {
   // @ts-ignore
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   render(e = !0) {
-    const t = this.getComponentContainer(), n = this.services.zoom.isZoomBarLoading(G.TOP), s = this.services.zoom.isZoomBarLocked(G.TOP), a = v(this.getOptions(), "zoomBar", G.TOP, "type"), i = v(this.getOptions(), "axes", G.BOTTOM, "highlights"), r = we.height[a], { width: l } = S.getSVGElementSize(this.parent, {
+    const t = this.getComponentContainer(), n = this.services.zoom.isZoomBarLoading(G.TOP), s = this.services.zoom.isZoomBarLocked(G.TOP), a = v(this.getOptions(), "zoomBar", G.TOP, "type"), i = v(this.getOptions(), "axes", G.BOTTOM, "highlights"), r = Me.height[a], { width: l } = S.getSVGElementSize(this.parent, {
       useAttrs: !0
     });
     if (l === 0)
@@ -3066,7 +3066,7 @@ class ph extends q {
     const d = this.model.get("axesMargins");
     d && d.left && (c = d.left);
     const p = S.appendOrSelect(t, "svg.zoom-container").attr("width", "100%").attr("height", r).attr("opacity", 1);
-    if (S.appendOrSelect(t, "rect.zoom-spacer").attr("x", 0).attr("y", r).attr("width", "100%").attr("height", we.spacerHeight).attr("opacity", 1).attr("fill", "none"), a === nt.GRAPH_VIEW ? S.appendOrSelect(p, "rect.zoom-bg").attr("x", c).attr("y", 0).attr("width", l - c).attr("height", "100%").classed("zoom-bg-skeleton", n).style(
+    if (S.appendOrSelect(t, "rect.zoom-spacer").attr("x", 0).attr("y", r).attr("width", "100%").attr("height", Me.spacerHeight).attr("opacity", 1).attr("fill", "none"), a === nt.GRAPH_VIEW ? S.appendOrSelect(p, "rect.zoom-bg").attr("x", c).attr("y", 0).attr("width", l - c).attr("height", "100%").classed("zoom-bg-skeleton", n).style(
       "stroke",
       n ? `url(#${this.services.domUtils.generateElementIDString("shimmer-lines")})` : null
     ) : a === nt.SLIDER_VIEW && S.appendOrSelect(p, "rect.zoom-slider-bg").attr("x", c).attr("y", r / 2 - 1).attr("width", l - c).attr("height", 2).classed("zoom-slider-bg-skeleton", n).style(
@@ -3106,37 +3106,37 @@ class ph extends q {
       ), this.xScale.range([c, l]).domain(O), this.maxSelectionRange = this.xScale.range(), this.yScale.range([0, r - 6]).domain(Wt(E, (L) => L.value));
       const A = this.model.get("zoomDomain");
       if (a === nt.GRAPH_VIEW && (this.renderZoomBarArea(p, "path.zoom-graph-area-unselected", E, null), this.updateClipPath(t, this.clipId, 0, 0, 0, 0), this.renderZoomBarArea(p, "path.zoom-graph-area", E, this.clipId), this.renderZoomBarBaseline(p, c, l), i)) {
-        const L = i.highlightStartMapsTo, I = i.highlightEndMapsTo, D = i.color, j = i.labelMapsTo;
-        i.data.forEach((k, C) => {
-          S.appendOrSelect(p, `rect.highlight-${C}`).attr("height", r - 2 * this.highlightStrokeWidth).attr("y", this.highlightStrokeWidth).attr("x", this.xScale(k[L])).attr(
+        const L = i.highlightStartMapsTo, I = i.highlightEndMapsTo, N = i.color, j = i.labelMapsTo;
+        i.data.forEach((D, C) => {
+          S.appendOrSelect(p, `rect.highlight-${C}`).attr("height", r - 2 * this.highlightStrokeWidth).attr("y", this.highlightStrokeWidth).attr("x", this.xScale(D[L])).attr(
             "width",
-            this.xScale(k[I]) - this.xScale(k[L])
+            this.xScale(D[I]) - this.xScale(D[L])
           ).style(
             "fill",
-            D && D.scale[k[j]] ? D.scale[k[j]] : null
+            N && N.scale[D[j]] ? N.scale[D[j]] : null
           ).style("fill-opacity", 0.1).style(
             "stroke",
-            D && D.scale[k[j]] ? D.scale[k[j]] : null
+            N && N.scale[D[j]] ? N.scale[D[j]] : null
           ).style("stroke-dasharray", "2, 2").attr("stroke-width", "1px");
         });
       }
       this.addBrushEventListener(A, c, l);
-      const w = S.appendOrSelect(t, this.brushSelector).call(this.brush);
+      const M = S.appendOrSelect(t, this.brushSelector).call(this.brush);
       if (A !== void 0)
         if (A[0].valueOf() === A[1].valueOf())
-          w.call(this.brush.move, this.xScale.range()), this.updateBrushHandle(this.getComponentContainer(), this.xScale.range());
+          M.call(this.brush.move, this.xScale.range()), this.updateBrushHandle(this.getComponentContainer(), this.xScale.range());
         else {
           const L = A.map((I) => this.xScale(I));
-          L[1] - L[0] < this.MIN_SELECTION_DIFF || (w.call(this.brush.move, L), this.updateBrushHandle(this.getComponentContainer(), L));
+          L[1] - L[0] < this.MIN_SELECTION_DIFF || (M.call(this.brush.move, L), this.updateBrushHandle(this.getComponentContainer(), L));
         }
-      s && (this.brush.filter(() => !1), w.selectAll("rect").attr("cursor", "auto"));
+      s && (this.brush.filter(() => !1), M.selectAll("rect").attr("cursor", "auto"));
     }
   }
   addBrushEventListener(e, t, n) {
     const s = (r) => {
       const l = r.selection;
       l === null ? this.handleBrushedEvent(r, e, this.xScale, this.xScale.range()) : l[0] === l[1] || this.handleBrushedEvent(r, e, this.xScale, l);
-    }, a = v(this.getOptions(), "zoomBar", G.TOP, "type"), i = we.height[a];
+    }, a = v(this.getOptions(), "zoomBar", G.TOP, "type"), i = Me.height[a];
     this.brush.extent([
       [t, 0],
       [n, i]
@@ -3159,7 +3159,7 @@ class ph extends q {
     }
   }
   updateBrushHandle(e, t) {
-    const n = this, s = we.handleWidth, a = v(this.getOptions(), "zoomBar", G.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;
+    const n = this, s = Me.handleWidth, a = v(this.getOptions(), "zoomBar", G.TOP, "type"), i = Me.height[a], r = -s / 2, l = Me.handleBarWidth, c = a === nt.GRAPH_VIEW ? Me.handleBarHeight : 6, d = -l / 2, p = (i - c) / 2;
     e.select(this.brushSelector).selectAll("rect.handle").data([{ type: "w" }, { type: "e" }]).attr("x", function(u) {
       if (u.type === "w")
         return Math.max(t[0] + r, n.maxSelectionRange[0]);
@@ -3190,11 +3190,11 @@ class ph extends q {
     );
   }
   updateSliderSelectedArea(e) {
-    const t = v(this.getOptions(), "zoomBar", G.TOP, "type"), n = we.height[t], a = this.getComponentContainer().select("svg.zoom-container");
+    const t = v(this.getOptions(), "zoomBar", G.TOP, "type"), n = Me.height[t], a = this.getComponentContainer().select("svg.zoom-container");
     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);
   }
   renderZoomBarArea(e, t, n, s) {
-    const { cartesianScales: a } = this.services, i = a.getMainXAxisPosition(), r = a.getMainYAxisPosition(), l = a.getMainXScaleType(), c = a.getMainYScaleType(), d = (O, T, y) => (A) => a.getValueFromScale(O, T, y, A), p = d(this.xScale, l, i), h = d(this.yScale, c, r), u = v(this.getOptions(), "zoomBar", G.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);
+    const { cartesianScales: a } = this.services, i = a.getMainXAxisPosition(), r = a.getMainYAxisPosition(), l = a.getMainXScaleType(), c = a.getMainYScaleType(), d = (O, T, y) => (A) => a.getValueFromScale(O, T, y, A), p = d(this.xScale, l, i), h = d(this.yScale, c, r), u = v(this.getOptions(), "zoomBar", G.TOP, "type"), g = Me.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);
     s && E.attr("clip-path", `url(#${s})`);
   }
   updateClipPath(e, t, n, s, a, i) {
@@ -3222,7 +3222,7 @@ class ph extends q {
       "zoomBar",
       G.TOP,
       "type"
-    ), i = we.height[a], r = Pn()([
+    ), i = Me.height[a], r = Pn()([
       [t, i],
       [n, i]
     ]);
@@ -3272,8 +3272,8 @@ class gh extends q {
       ), g = p.services.cartesianScales.getScaleTypeByPosition(h);
       let m = null, E = null;
       h === G.LEFT || h === G.RIGHT ? (E = u, m = p.services.cartesianScales.getMainXScale()) : (m = u, E = p.services.cartesianScales.getMainYScale());
-      const O = g === ue.LABELS, [T, y] = m.range(), [A, w] = E.range(), { cartesianScales: L } = p.services, I = L.getOrientation(), D = (z) => L.getDomainValue(z), j = (z) => L.getRangeValue(z), [k, C] = He(
-        D,
+      const O = g === ue.LABELS, [T, y] = m.range(), [A, M] = E.range(), { cartesianScales: L } = p.services, I = L.getOrientation(), N = (z) => L.getDomainValue(z), j = (z) => L.getRangeValue(z), [D, C] = He(
+        N,
         j,
         I
       ), V = x(this);
@@ -3283,13 +3283,13 @@ class gh extends q {
           name: "threshold-line-update",
           animate: e
         })
-      ).attr("y1", w).attr("y2", A).attr(
+      ).attr("y1", M).attr("y2", A).attr(
         "x1",
-        ({ datum: z }) => k(z) + (O ? u.step() / 2 : 0)
+        ({ datum: z }) => D(z) + (O ? u.step() / 2 : 0)
       ).attr(
         "x2",
-        ({ datum: z }) => k(z) + (O ? u.step() / 2 : 0)
-      ).style("stroke", ({ fillColor: z }) => z), V.selectAll("rect.threshold-hoverable-area").attr("x", 0).attr("y", ({ datum: z }) => -k(z)).attr("width", Math.abs(A - w)).classed("rotate", !0)) : (V.selectAll("line.threshold-line").transition().call(
+        ({ datum: z }) => D(z) + (O ? u.step() / 2 : 0)
+      ).style("stroke", ({ fillColor: z }) => z), V.selectAll("rect.threshold-hoverable-area").attr("x", 0).attr("y", ({ datum: z }) => -D(z)).attr("width", Math.abs(A - M)).classed("rotate", !0)) : (V.selectAll("line.threshold-line").transition().call(
         (z) => p.services.transitions.setupTransition({
           transition: z,
           name: "threshold-line-update",
@@ -3323,7 +3323,7 @@ class gh extends q {
     const e = x(this.services.domUtils.getHolder()), t = v(this.getOptions(), "style", "prefix");
     this.label = S.appendOrSelect(
       e,
-      `div.${Me}--${t}--threshold--label`
+      `div.${we}--${t}--threshold--label`
     ).classed("hidden", !0);
   }
   setThresholdLabelPosition({ event: e, datum: t }) {
@@ -3407,30 +3407,30 @@ class mh extends q {
     c.append("rect").attr("class", "highlight-bar"), c.append("line").attr("class", "highlight-line"), c.merge(l).attr("class", "highlight-group");
     const p = this;
     r.each(function({ axisPosition: h }) {
-      const u = p.services.cartesianScales.getMainXScale(), g = p.services.cartesianScales.getMainYScale(), [m, E] = u.range(), [O, T] = g.range(), { cartesianScales: y } = p.services, A = y.getOrientation(), w = (k) => y.getDomainValue(k), L = (k) => y.getRangeValue(k), [I, D] = He(
-        w,
+      const u = p.services.cartesianScales.getMainXScale(), g = p.services.cartesianScales.getMainYScale(), [m, E] = u.range(), [O, T] = g.range(), { cartesianScales: y } = p.services, A = y.getOrientation(), M = (D) => y.getDomainValue(D), L = (D) => y.getRangeValue(D), [I, N] = He(
+        M,
         L,
         A
       ), j = x(this);
       h === G.TOP || h === G.BOTTOM ? j.selectAll("rect.highlight-bar").transition().call(
-        (k) => p.services.transitions.setupTransition({
-          transition: k,
+        (D) => p.services.transitions.setupTransition({
+          transition: D,
           name: "highlight-bar-update",
           animate: e
         })
-      ).attr("y", Math.max(T + p.highlightStrokeWidth, 0)).attr("height", Math.max(O - 2 * p.highlightStrokeWidth, 0)).attr("x", ({ highlightStartMapsTo: k, ...C }) => I(C[k])).attr(
+      ).attr("y", Math.max(T + p.highlightStrokeWidth, 0)).attr("height", Math.max(O - 2 * p.highlightStrokeWidth, 0)).attr("x", ({ highlightStartMapsTo: D, ...C }) => I(C[D])).attr(
         "width",
-        ({ highlightStartMapsTo: k, highlightEndMapsTo: C, ...V }) => Math.max(I(V[C]) - I(V[k]), 0)
-      ).style("stroke", ({ color: k, labelMapsTo: C, ...V }) => k && k.scale[V[C]] ? k.scale[V[C]] : null).style("stroke-dasharray", "2, 2").attr("stroke-width", p.highlightStrokeWidth + "px").style("fill-opacity", 0.1).style("fill", ({ color: k, labelMapsTo: C, ...V }) => k && k.scale[V[C]] ? k.scale[V[C]] : null) : j.selectAll("rect.highlight-bar").transition().call(
-        (k) => p.services.transitions.setupTransition({
-          transition: k,
+        ({ highlightStartMapsTo: D, highlightEndMapsTo: C, ...V }) => Math.max(I(V[C]) - I(V[D]), 0)
+      ).style("stroke", ({ color: D, labelMapsTo: C, ...V }) => D && D.scale[V[C]] ? D.scale[V[C]] : null).style("stroke-dasharray", "2, 2").attr("stroke-width", p.highlightStrokeWidth + "px").style("fill-opacity", 0.1).style("fill", ({ color: D, labelMapsTo: C, ...V }) => D && D.scale[V[C]] ? D.scale[V[C]] : null) : j.selectAll("rect.highlight-bar").transition().call(
+        (D) => p.services.transitions.setupTransition({
+          transition: D,
           name: "highlight-bar-update",
           animate: e
         })
-      ).attr("x", m).attr("width", Math.max(E - m, 0)).attr("y", ({ highlightEndMapsTo: k, ...C }) => D(C[k])).attr(
+      ).attr("x", m).attr("width", Math.max(E - m, 0)).attr("y", ({ highlightEndMapsTo: D, ...C }) => N(C[D])).attr(
         "height",
-        ({ highlightStartMapsTo: k, highlightEndMapsTo: C, ...V }) => Math.max(D(V[k]) - D(V[C]), 0)
-      ).style("stroke", ({ color: k, labelMapsTo: C, ...V }) => k && k.scale[V[C]] ? k.scale[V[C]] : null).style("stroke-dasharray", "2, 2").attr("stroke-width", p.highlightStrokeWidth + "px").style("fill-opacity", 0.1).style("fill", ({ color: k, labelMapsTo: C, ...V }) => k && k.scale[V[C]] ? k.scale[V[C]] : null);
+        ({ highlightStartMapsTo: D, highlightEndMapsTo: C, ...V }) => Math.max(N(V[D]) - N(V[C]), 0)
+      ).style("stroke", ({ color: D, labelMapsTo: C, ...V }) => D && D.scale[V[C]] ? D.scale[V[C]] : null).style("stroke-dasharray", "2, 2").attr("stroke-width", p.highlightStrokeWidth + "px").style("fill-opacity", 0.1).style("fill", ({ color: D, labelMapsTo: C, ...V }) => D && D.scale[V[C]] ? D.scale[V[C]] : null);
     });
   }
 }
@@ -3542,12 +3542,12 @@ class vh extends q {
       "gradient",
       "enabled"
     );
-    let l = Re.minNodePadding;
-    a.alluvial.nodePadding > Re.minNodePadding && (l = a.alluvial.nodePadding);
+    let l = ke.minNodePadding;
+    a.alluvial.nodePadding > ke.minNodePadding && (l = a.alluvial.nodePadding);
     const c = v(a, "alluvial", "nodeAlignment");
-    let d = Mi;
+    let d = wi;
     c === Ce.LEFT ? d = Ci : c === Ce.RIGHT && (d = _i);
-    const p = Ai().nodeId((y) => y.name).nodeWidth(Re.nodeWidth).nodePadding(l).nodeAlign(d).extent([
+    const p = Ai().nodeId((y) => y.name).nodeWidth(ke.nodeWidth).nodePadding(l).nodeAlign(d).extent([
       [2, 30],
       [n - 2, s]
     ]);
@@ -3563,9 +3563,9 @@ class vh extends q {
       "id",
       (y, A) => this.services.domUtils.generateElementIDString(`alluvial-category-${A}`)
     ).style("font-size", "14px").text((y) => h[y] ? h[y] : "").attr("y", 20).attr("x", (y, A) => {
-      const w = this.services.domUtils.generateElementIDString(
+      const M = this.services.domUtils.generateElementIDString(
         `alluvial-category-${A}`
-      ), { width: L } = S.getSVGElementSize(x(`text#${w}`), {
+      ), { width: L } = S.getSVGElementSize(x(`text#${M}`), {
         useBBox: !0
       });
       let I = 0;
@@ -3575,12 +3575,12 @@ class vh extends q {
     if (g.exit().remove(), r) {
       const y = v(this.getOptions(), "color", "scale");
       y && g.enter().append("linearGradient").attr("id", (A) => `${this.gradient_id}-link-${A.index}`).attr("gradientUnits", "userSpaceOnUse").call(
-        (A) => A.append("stop").attr("offset", "0%").attr("stop-color", (w) => y[w.source.name])
+        (A) => A.append("stop").attr("offset", "0%").attr("stop-color", (M) => y[M.source.name])
       ).call(
-        (A) => A.append("stop").attr("offset", "100%").attr("stop-color", (w) => y[w.target.name])
+        (A) => A.append("stop").attr("offset", "100%").attr("stop-color", (M) => y[M.target.name])
       ), g.exit().remove();
     }
-    g.enter().append("path").classed("link", !0).attr("d", wi()).attr(
+    g.enter().append("path").classed("link", !0).attr("d", Mi()).attr(
       "id",
       (y) => this.services.domUtils.generateElementIDString(`alluvial-line-${y.index}`)
     ).attr("class", (y) => a.alluvial.monochrome ? this.model.getColorClassName({
@@ -3591,7 +3591,11 @@ class vh extends q {
       classNameTypes: [F.STROKE],
       dataGroupName: y.source.index,
       originalClassName: "link"
-    })).style("stroke", (y) => r ? `url(#${this.gradient_id}-link-${y.index})` : this.model.getFillColor(y.source.name)).attr("stroke-width", (y) => Math.max(1, y.width)).style("stroke-opacity", Re.opacity.default).attr(
+    })).style("stroke", (y) => r ? `url(#${this.gradient_id}-link-${y.index})` : this.model.getFillColor(y.source.name, null, {
+      ...y,
+      source: y.source.name,
+      target: y.target.name
+    })).attr("stroke-width", (y) => Math.max(1, y.width)).style("stroke-opacity", ke.opacity.default).attr(
       "aria-label",
       (y) => `${y.source.name} → ${y.target.name} (${y.value}${a.alluvial.units ? " " + a.alluvial.units : ""})`
     );
@@ -3608,20 +3612,20 @@ class vh extends q {
       "id",
       (y) => this.services.domUtils.generateElementIDString(`alluvial-node-text-${y.index}`)
     ).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} (${T(y.value, O)})`).attr("aria-label", (y) => `${y.name} (${y.value})`), E.append("rect").classed("node-text-bg", !0).attr("width", (y, A) => {
-      const w = this.services.domUtils.generateElementIDString(
+      const M = this.services.domUtils.generateElementIDString(
         `alluvial-node-text-${A}`
-      ), { width: L } = S.getSVGElementSize(x(`text#${w}`), {
+      ), { width: L } = S.getSVGElementSize(x(`text#${M}`), {
         useBBox: !0
       });
       return L + 8;
     }).attr("height", 18).attr("stroke-width", 2).lower(), E.attr("transform", (y, A) => {
-      const w = this.services.domUtils.generateElementIDString(
+      const M = this.services.domUtils.generateElementIDString(
         `alluvial-node-text-${A}`
-      ), { width: L } = S.getSVGElementSize(x(`text#${w}`), {
+      ), { width: L } = S.getSVGElementSize(x(`text#${M}`), {
         useBBox: !0
       }), I = (y.y1 - y.y0) / 2 - 9;
-      let D = y.x1 - y.x0;
-      return y.x1 >= L ? D = D - (L + 16) : D += 4, `translate(${D}, ${I})`;
+      let N = y.x1 - y.x0;
+      return y.x1 >= L ? N = N - (L + 16) : N += 4, `translate(${N}, ${I})`;
     }), this.addLineEventListener(), this.addNodeEventListener();
   }
   addLineEventListener() {
@@ -3632,8 +3636,8 @@ class vh extends q {
           name: "alluvial-links-mouse-highlight"
         })
       );
-      r === "mouseout" ? (x(i).lower(), l.style("stroke-opacity", Re.opacity.default)) : l.style("stroke-opacity", function() {
-        return i === this ? (x(this).raise(), Re.opacity.selected) : Re.opacity.unfocus;
+      r === "mouseout" ? (x(i).lower(), l.style("stroke-opacity", ke.opacity.default)) : l.style("stroke-opacity", function() {
+        return i === this ? (x(this).raise(), ke.opacity.selected) : ke.opacity.unfocus;
       });
     }, 33);
     this.parent.selectAll("path.link").on("mouseover", function(i, r) {
@@ -3685,7 +3689,7 @@ class vh extends q {
   addNodeEventListener() {
     const e = this, t = vn((n = [], s = "mouseover") => {
       if (s === "mouseout" || n.length === 0) {
-        e.parent.selectAll("path.link").classed("link-hovered", !1).data(this.graph.links, (i) => i.index).order().style("stroke-opacity", Re.opacity.default);
+        e.parent.selectAll("path.link").classed("link-hovered", !1).data(this.graph.links, (i) => i.index).order().style("stroke-opacity", ke.opacity.default);
         return;
       }
       e.parent.selectAll("path.link").transition().call(
@@ -3694,7 +3698,7 @@ class vh extends q {
           name: "alluvial-link-mouse-highlight"
         })
       ).style("stroke-opacity", function(i) {
-        return n.some((r) => r === i.index) ? (x(this).classed("link-hovered", !0).raise(), Re.opacity.selected) : Re.opacity.unfocus;
+        return n.some((r) => r === i.index) ? (x(this).classed("link-hovered", !0).raise(), ke.opacity.selected) : ke.opacity.unfocus;
       });
     }, 66);
     e.parent.selectAll(".node-group").on("mouseover", function(n, s) {
@@ -3732,7 +3736,7 @@ class vh extends q {
       });
     }).on("mouseout", function(n, s) {
       const a = x(this), i = bt(a.attr("transform"));
-      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) {
+      if (a.classed("node-hovered", !1).attr("transform", `translate(${i.x + 2}, ${i.y})`).select("rect.node").attr("width", ke.nodeWidth), s.x0 - 2 === 0) {
         const l = e.services.domUtils.generateElementIDString(
           `alluvial-node-title-${s.index}`
         ), c = e.parent.select(`g#${l}`), d = bt(c.attr("transform"));
@@ -3888,40 +3892,40 @@ class Eh extends q {
   render(e = !0) {
     const t = this.getComponentContainer({ withinChartClip: !0 }), n = this.getOptions();
     let s = [0, 0];
-    const { cartesianScales: a } = this.services, i = a.getOrientation(), r = Nn().curve(this.services.curves.getD3Curve()).defined((w) => {
-      const L = a.getRangeIdentifier(), I = w[L];
+    const { cartesianScales: a } = this.services, i = a.getOrientation(), r = Nn().curve(this.services.curves.getD3Curve()).defined((M) => {
+      const L = a.getRangeIdentifier(), I = M[L];
       return I != null;
     }), l = this.model.getGroupedData(this.configs.groups), c = v(n, "bounds"), d = c && l && l.length === 1;
     !d && c && console.warn(
       `Bounds can only be shown when having 1 single datagroup, you've supplied ${l.length}`
     );
     let p = 0;
-    const h = (w, L) => {
-      v(n, "axes", w, "includeZero") === !1 && L[0] > 0 && L[1] > 0 && (p = L[0]);
-    }, u = (w) => d ? a.getBoundedScaledValues(w)[0] : a.getRangeValue(p), g = (w) => d ? a.getBoundedScaledValues(w)[1] : a.getRangeValue(w);
-    i === xe.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)));
+    const h = (M, L) => {
+      v(n, "axes", M, "includeZero") === !1 && L[0] > 0 && L[1] > 0 && (p = L[0]);
+    }, u = (M) => d ? a.getBoundedScaledValues(M)[0] : a.getRangeValue(p), g = (M) => d ? a.getBoundedScaledValues(M)[1] : a.getRangeValue(M);
+    i === xe.VERTICAL ? (s = a.getMainYScale().domain(), h(a.getMainYAxisPosition(), s), r.x((M) => a.getDomainValue(M)).y0((M) => u(M)).y1((M) => g(M))) : (s = a.getMainXScale().domain(), h(a.getMainXAxisPosition(), s), r.x0((M) => u(M)).x1((M) => g(M)).y((M) => a.getDomainValue(M)));
     const m = v(n, "color", "gradient", "enabled"), E = l && l.length === 1 && m;
     l.length > 1 && m && console.error("Gradients can only be enabled when having 1 single dataset");
-    const O = t.selectAll("path.area").data(l, (w) => w.name), T = x(this.services.domUtils.getMainContainer());
+    const O = t.selectAll("path.area").data(l, (M) => M.name), T = x(this.services.domUtils.getMainContainer());
     if (O.exit().attr("opacity", 0).remove(), !l.length)
       return;
     if (E) {
-      const w = T.select(
+      const M = T.select(
         `path.${this.model.getColorClassName({
           classNameTypes: [F.STROKE],
           dataGroupName: l[0].name
         })}`
       ).node();
       let L;
-      if (w)
-        L = getComputedStyle(w, null).getPropertyValue(
+      if (M)
+        L = getComputedStyle(M, null).getPropertyValue(
           "stroke"
         );
       else {
         const I = v(this.model.getOptions(), "color", "scale");
         if (I !== null) {
-          const D = Object.keys(I);
-          L = I[D[0]];
+          const N = Object.keys(I);
+          L = I[N[0]];
         }
       }
       ms.appendOrUpdateLinearGradient({
@@ -3942,36 +3946,36 @@ class Eh extends q {
     const y = this, A = O.enter().append("path");
     E ? A.merge(O).style(
       "fill",
-      (w) => `url(#${this.services.domUtils.generateElementIDString(
-        `${w.name.replace(" ", "")}_${this.gradient_id}`
+      (M) => `url(#${this.services.domUtils.generateElementIDString(
+        `${M.name.replace(" ", "")}_${this.gradient_id}`
       )})`
     ).attr("class", "area").attr(
       "class",
-      (w) => this.model.getColorClassName({
+      (M) => this.model.getColorClassName({
         classNameTypes: [F.FILL],
-        dataGroupName: w.name,
+        dataGroupName: M.name,
         originalClassName: "area"
       })
-    ).attr("d", (w) => {
-      const { data: L } = w;
+    ).attr("d", (M) => {
+      const { data: L } = M;
       return r(L);
     }) : (A.attr("opacity", 0).merge(O).attr("class", "area").attr(
       "class",
-      (w) => this.model.getColorClassName({
+      (M) => this.model.getColorClassName({
         classNameTypes: [F.FILL, F.STROKE],
-        dataGroupName: w.name,
+        dataGroupName: M.name,
         originalClassName: "area"
       })
-    ).style("fill", (w) => y.model.getFillColor(w.name)).transition().call(
-      (w) => this.services.transitions.setupTransition({
-        transition: w,
+    ).style("fill", (M) => y.model.getFillColor(M.name, null, M.data)).transition().call(
+      (M) => this.services.transitions.setupTransition({
+        transition: M,
         name: "area-update-enter",
         animate: e
       })
-    ).attr("opacity", d ? 1 : Be.opacity.selected).attr("d", (w) => {
-      const { data: L } = w;
+    ).attr("opacity", d ? 1 : Be.opacity.selected).attr("d", (M) => {
+      const { data: L } = M;
       return r(L);
-    }), d && A.attr("fill-opacity", Be.opacity.selected).style("stroke", (w) => y.model.getStrokeColor(w.name)).style("stroke-dasharray", "2, 2").attr("stroke-width", 0.7 + "px"));
+    }), d && A.attr("fill-opacity", Be.opacity.selected).style("stroke", (M) => y.model.getStrokeColor(M.name, null, M.data)).style("stroke-dasharray", "2, 2").attr("stroke-width", 0.7 + "px"));
   }
   destroy() {
     const e = this.services.events;
@@ -4038,7 +4042,7 @@ class bh extends q {
         dataGroupName: g.name,
         originalClassName: "line"
       })
-    ).style("stroke", (g) => this.model.getStrokeColor(g.name)).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "line").attr("aria-label", (g) => {
+    ).style("stroke", (g) => this.model.getStrokeColor(g.name, null, g.data)).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "line").attr("aria-label", (g) => {
       const { data: m } = g;
       return m.map((E) => {
         const O = this.services.cartesianScales.getRangeIdentifier(E);
@@ -4064,7 +4068,7 @@ const zs = 5;
 function gl(o, e) {
   return o > e - zs && o < e + zs;
 }
-class Ma extends q {
+class wa extends q {
   constructor() {
     super(...arguments), this.type = "ruler", this.renderType = W.SVG, this.isXGridEnabled = v(this.getOptions(), "grid", "x", "enabled"), this.isYGridEnabled = v(this.getOptions(), "grid", "y", "enabled"), this.isEventListenerAdded = !1;
   }
@@ -4102,13 +4106,13 @@ class Ma extends q {
     }, []);
     if (m.length > 0) {
       const E = m.map((A) => A.originalData).filter((A) => {
-        const w = this.services.cartesianScales.getRangeIdentifier(A), L = A[w];
+        const M = this.services.cartesianScales.getRangeIdentifier(A), L = A[M];
         return L != null;
       }), O = m.map(
         (A) => A.domainValue
       ), T = u.filter((A) => {
-        const w = this.services.cartesianScales.getDomainValue(A);
-        return O.includes(w);
+        const M = this.services.cartesianScales.getDomainValue(A);
+        return O.includes(M);
       });
       this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !Ea(this.elementsToHighlight, T) && this.hideRuler(), T.dispatch("mouseover"), this.elementsToHighlight = T, this.services.events.dispatchEvent(f.Tooltip.SHOW, {
         mousePosition: [t, n],
@@ -4448,7 +4452,7 @@ class Ca extends q {
       g.attr("aria-hidden", !0);
       return;
     }
-    const A = v(E, "scaleType"), w = v(n, "data", "loading"), L = v(E, "ticks", "number"), I = v(E, "ticks", "values"), D = v(E, "truncation", "type"), j = v(E, "truncation", "threshold"), k = v(E, "truncation", "numCharacter"), C = L !== null, V = v(n, "timeScale"), z = S.appendOrSelect(m, "g.tick"), M = S.appendOrSelect(z, "text").text("0"), Q = S.getSVGElementSize(M.node(), {
+    const A = v(E, "scaleType"), M = v(n, "data", "loading"), L = v(E, "ticks", "number"), I = v(E, "ticks", "values"), N = v(E, "truncation", "type"), j = v(E, "truncation", "threshold"), D = v(E, "truncation", "numCharacter"), C = L !== null, V = v(n, "timeScale"), z = S.appendOrSelect(m, "g.tick"), w = S.appendOrSelect(z, "text").text("0"), Q = S.getSVGElementSize(w.node(), {
       useBBox: !0
     }).height;
     z.remove();
@@ -4526,7 +4530,7 @@ class Ca extends q {
     const qe = this.model.isDataEmpty();
     if (E.title) {
       const U = S.appendOrSelect(l, "text.axis-title").html(
-        qe || w ? "" : De(E.title)
+        qe || M ? "" : De(E.title)
       ), J = v(E, "titleOrientation");
       let ae;
       switch (t) {
@@ -4601,16 +4605,16 @@ class Ca extends q {
         this.getNumberOfFittingTicks(i, Q, ot.ticks.horizontalSpaceRatio)
       ), m.call(K), g.call(K)), l.selectAll("g.ticks g.tick text").attr("transform", "rotate(-45)").attr("text-anchor", t === G.TOP ? "start" : "end")) : l.selectAll("g.ticks g.tick text").attr("transform", null).attr("text-anchor", null);
     }
-    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), D !== lt.NONE && A === ue.LABELS && !I) {
+    if (M ? 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 === ue.LABELS && !I) {
       const U = this.services.cartesianScales.getScaleDomain(t);
       if (U.length > 0) {
         const J = a.select(`g.axis.${t} g.ticks g.tick`).html();
         l.selectAll("g.ticks g.tick").html(J);
         const ae = this;
         l.selectAll("g.tick text").data(U).text(function(re) {
-          return re.length > j ? (ae.truncation[t] = !0, Ot(re, D, k)) : re;
+          return re.length > j ? (ae.truncation[t] = !0, Ot(re, N, D)) : re;
         }), this.getInvisibleAxisRef().selectAll("g.tick text").data(U).text(function(re) {
-          return re.length > j ? Ot(re, D, k) : re;
+          return re.length > j ? Ot(re, N, D) : re;
         }), l.selectAll("g.ticks").html(this.getInvisibleAxisRef().html()), l.selectAll("g.tick text").data(U);
       }
     }
@@ -4837,13 +4841,13 @@ class fl extends q {
     t ? this.renderSkeleton(t) : this.removeSkeleton();
   }
   renderSkeleton(e) {
-    if (this.configs.skeleton === Mt.GRID)
+    if (this.configs.skeleton === wt.GRID)
       this.renderGridSkeleton(e);
-    else if (this.configs.skeleton === Mt.VERT_OR_HORIZ)
+    else if (this.configs.skeleton === wt.VERT_OR_HORIZ)
       this.renderVertOrHorizSkeleton(e);
-    else if (this.configs.skeleton === Mt.PIE)
+    else if (this.configs.skeleton === wt.PIE)
       this.renderPieSkeleton(e);
-    else if (this.configs.skeleton === Mt.DONUT)
+    else if (this.configs.skeleton === wt.DONUT)
       this.renderDonutSkeleton(e);
     else
       throw new Error(`"${this.configs.skeleton}" is not a valid Skeleton type.`);
@@ -4948,9 +4952,9 @@ class Oh extends q {
       (C) => this.services.cartesianScales.getDomainValue(C),
       (C) => this.services.cartesianScales.getRangeValue(C),
       m
-    ), y = Math.floor((E ? h : u) / a.length), A = Math.min(y / 2, 16), w = this.model.getBoxplotData(), L = t.selectAll(".box-group").data(w);
+    ), y = Math.floor((E ? h : u) / a.length), A = Math.min(y / 2, 16), M = this.model.getBoxplotData(), L = t.selectAll(".box-group").data(M);
     L.exit().remove();
-    const I = L.enter().append("g").attr("class", "box-group"), D = L.merge(I);
+    const I = L.enter().append("g").attr("class", "box-group"), N = L.merge(I);
     I.append("path").merge(L.select("path.vertical-line.start")).attr(
       "class",
       () => this.model.getColorClassName({
@@ -4964,8 +4968,8 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]), z = V, M = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.quartiles.q_25);
-      return ye({ x0: V, x1: z, y0: M, y1: Q }, m);
+      const V = g.getDomainValue(C[s]), z = V, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.quartiles.q_25);
+      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.vertical-line.end")).attr(
       "class",
       () => this.model.getColorClassName({
@@ -4979,8 +4983,8 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]), z = V, M = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.quartiles.q_75);
-      return ye({ x0: V, x1: z, y0: M, y1: Q }, m);
+      const V = g.getDomainValue(C[s]), z = V, w = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.quartiles.q_75);
+      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.box")).attr(
       "class",
       () => this.model.getColorClassName({
@@ -4994,15 +4998,15 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, M = g.getRangeValue(
+      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, w = g.getRangeValue(
         Math[E ? "max" : "min"](C.quartiles.q_75, C.quartiles.q_25)
-      ), Q = M + Math.abs(
+      ), Q = w + Math.abs(
         g.getRangeValue(C.quartiles.q_75) - g.getRangeValue(C.quartiles.q_25)
       );
-      return ye({ x0: V, x1: z, y0: M, y1: Q }, m);
+      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.highlight-area")).attr("class", "highlight-area").attr("opacity", 0).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, M = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.max);
-      return ye({ x0: V, x1: z, y0: M, y1: Q }, m);
+      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.max);
+      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.whisker.start")).attr(
       "class",
       () => this.model.getColorClassName({
@@ -5016,8 +5020,8 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]) - A / 4, z = V + A / 2, M = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.min);
-      return ye({ x0: V, x1: z, y0: M, y1: Q }, m);
+      const V = g.getDomainValue(C[s]) - A / 4, z = V + A / 2, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.min);
+      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.median")).attr("fill", "none").attr(
       "class",
       () => this.model.getColorClassName({
@@ -5031,8 +5035,8 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, M = g.getRangeValue(C.quartiles.q_50);
-      return ye({ x0: V, x1: z, y0: M, y1: M }, m);
+      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, w = g.getRangeValue(C.quartiles.q_50);
+      return ye({ x0: V, x1: z, y0: w, y1: w }, m);
     }), I.append("path").merge(L.select("path.whisker.end")).attr(
       "class",
       () => this.model.getColorClassName({
@@ -5046,10 +5050,10 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]) - A / 4, z = V + A / 2, M = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.whiskers.max);
-      return ye({ x0: V, x1: z, y0: M, y1: Q }, m);
+      const V = g.getDomainValue(C[s]) - A / 4, z = V + A / 2, w = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.whiskers.max);
+      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
     });
-    const j = D.selectAll("circle.outlier").data(
+    const j = N.selectAll("circle.outlier").data(
       (C) => C.outliers.map((V) => ({
         min: C.whiskers.min,
         max: C.whiskers.max,
@@ -5058,8 +5062,8 @@ class Oh extends q {
       }))
     );
     j.exit().remove();
-    const k = j.enter().append("circle");
-    j.merge(k).attr("r", Ae.circle.radius).attr(
+    const D = j.enter().append("circle");
+    j.merge(D).attr("r", Ae.circle.radius).attr(
       "class",
       () => this.model.getColorClassName({
         classNameTypes: [F.FILL, F.STROKE],
@@ -5323,9 +5327,9 @@ class Lh extends q {
           animate: e
         })
       ).attr("d", (T) => {
-        let A, w, L, I;
-        return T.order === 1 ? (A = this.services.cartesianScales.getDomainValue(T.datum) - 16 / 2, w = A + 16, L = c - 2, I = l + 1) : (A = this.services.cartesianScales.getDomainValue(T.datum) - 16 / 2, w = A + 16, L = this.services.cartesianScales.getRangeValue(T.value), I = c), ye(
-          { x0: A, x1: w, y0: L, y1: I },
+        let A, M, L, I;
+        return T.order === 1 ? (A = this.services.cartesianScales.getDomainValue(T.datum) - 16 / 2, M = A + 16, L = c - 2, I = l + 1) : (A = this.services.cartesianScales.getDomainValue(T.datum) - 16 / 2, M = A + 16, L = this.services.cartesianScales.getRangeValue(T.value), I = c), ye(
+          { x0: A, x1: M, y0: L, y1: I },
           this.services.cartesianScales.getOrientation()
         );
       }).attr("opacity", 1);
@@ -5344,10 +5348,13 @@ class Lh extends q {
           dataGroupName: O[n],
           originalClassName: "bar"
         })
-      ).style("fill", (O) => this.model.getFillColor(O[n])).attr("d", (O) => {
-        const y = this.services.cartesianScales.getDomainValue(O) - 4, A = y + 8, w = this.services.cartesianScales.getRangeValue(0) + 1, L = this.services.cartesianScales.getRangeValue(O);
+      ).style("fill", (O) => {
+        const T = this.services.cartesianScales.getDomainIdentifier(O);
+        return this.model.getFillColor(O[n], O[T], O);
+      }).attr("d", (O) => {
+        const y = this.services.cartesianScales.getDomainValue(O) - 4, A = y + 8, M = this.services.cartesianScales.getRangeValue(0) + 1, L = this.services.cartesianScales.getRangeValue(O);
         return ye(
-          { x0: y, x1: A, y0: w, y1: L },
+          { x0: y, x1: A, y0: M, y1: L },
           this.services.cartesianScales.getOrientation()
         );
       }).attr("opacity", 1).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "bar").attr("aria-label", (O) => O.value);
@@ -5363,9 +5370,9 @@ class Lh extends q {
           animate: e
         })
       ).attr("d", (O) => {
-        const y = this.services.cartesianScales.getDomainValue(O) - 12, A = y + 24, w = this.services.cartesianScales.getRangeValue(O.marker);
+        const y = this.services.cartesianScales.getDomainValue(O) - 12, A = y + 24, M = this.services.cartesianScales.getRangeValue(O.marker);
         return ye(
-          { x0: y, x1: A, y0: w, y1: w },
+          { x0: y, x1: A, y0: M, y1: M },
           this.services.cartesianScales.getOrientation()
         );
       }).attr("opacity", 1);
@@ -5389,9 +5396,9 @@ class Lh extends q {
       ).attr("d", ({ datum: T, value: y }) => {
         let A = 4;
         T.ranges && T.ranges.indexOf(y) !== -1 && (A = 8);
-        const w = this.services.cartesianScales.getDomainValue(T) - A / 2, L = w + A, I = this.services.cartesianScales.getRangeValue(y);
+        const M = this.services.cartesianScales.getDomainValue(T) - A / 2, L = M + A, I = this.services.cartesianScales.getRangeValue(y);
         return ye(
-          { x0: w, x1: L, y0: I, y1: I },
+          { x0: M, x1: L, y0: I, y1: I },
           this.services.cartesianScales.getOrientation()
         );
       }).attr("opacity", 1);
@@ -5660,7 +5667,7 @@ function Tl(o, e) {
     })
   };
 }
-class Ah extends Ma {
+class Ah extends wa {
   constructor() {
     super(...arguments), this.type = "ruler-binned", this.renderType = W.SVG;
   }
@@ -5676,7 +5683,7 @@ class Ah extends Ma {
     });
     if (E.size() > 0) {
       this.elementsToHighlight && this.elementsToHighlight.size() > 0 && !Ea(this.elementsToHighlight, E) && this.hideRuler(), E.dispatch("mouseover"), this.elementsToHighlight = E;
-      const O = x(E.nodes()[0]).datum(), T = parseFloat(ne(O, "data.x0")), y = parseFloat(ne(O, "data.x1")), A = this.model.getActiveDataGroupNames(), w = A.reverse().map((I) => ({
+      const O = x(E.nodes()[0]).datum(), T = parseFloat(ne(O, "data.x0")), y = parseFloat(ne(O, "data.x1")), A = this.model.getActiveDataGroupNames(), M = A.reverse().map((I) => ({
         label: I,
         value: ne(O, `data.${I}`),
         class: this.model.getColorClassName({
@@ -5684,7 +5691,7 @@ class Ah extends Ma {
           dataGroupName: I
         })
       })).filter((I) => I.value !== 0);
-      if (w.length > 0) {
+      if (M.length > 0) {
         this.services.events.dispatchEvent(f.Tooltip.SHOW, {
           mousePosition: [t, n],
           hoveredElement: g,
@@ -5693,12 +5700,12 @@ class Ah extends Ma {
               label: ne(a, "bins.rangeLabel") || "Range",
               value: `${T} – ${y}`
             },
-            ...w,
+            ...M,
             ...v(a, "tooltip", "showTotal") === !0 ? [
               {
                 label: ne(a, "locale.translations.total") || ne(a, "tooltip.totalLabel") || "Total",
                 value: A.reduce(
-                  (D, j) => D + parseFloat(ne(O, `data.${j}`)),
+                  (N, j) => N + parseFloat(ne(O, `data.${j}`)),
                   0
                 )
               }
@@ -5713,12 +5720,12 @@ class Ah extends Ma {
       this.hideRuler();
   }
 }
-class wh extends Ma {
+class Mh extends wa {
   formatTooltipData(e) {
     return e.reverse();
   }
 }
-const Mh = (o, e) => {
+const wh = (o, e) => {
   const t = o.x, n = o.y, s = e.x, a = e.y, i = Gn();
   return i.moveTo(t, n), i.lineTo(s, a), i.toString();
 }, Ch = (o, e, t = 0.5) => {
@@ -5732,12 +5739,12 @@ const Mh = (o, e) => {
   height: 8,
   width: 7.5,
   id: "arrowLeft"
-}, Rh = {
+}, kh = {
   d: "M0 0v8l7-4z",
   height: 8,
   width: 7.5,
   id: "arrowRight"
-}, kh = {
+}, Rh = {
   d: "M5.32 9.513a4.75 4.75 0 100-9.5 4.75 4.75 0 000 9.5z",
   height: 10,
   width: 10,
@@ -5795,8 +5802,8 @@ class Vh extends hl {
     }
     const d = !Js(a), p = qa(this.model.getDisplayData()), h = !(s <= de.color.barWidth), u = h ? de.color.barWidth : s, g = S.appendOrSelect(n, "g.legend"), m = S.appendOrSelect(g, "g.legend-axis");
     if (l) {
-      const k = S.appendOrSelect(n, "g.legend-title");
-      S.appendOrSelect(k, "text").text(l).attr("dy", "0.7em"), g.attr("transform", "translate(0, 16)");
+      const D = S.appendOrSelect(n, "g.legend-title");
+      S.appendOrSelect(D, "text").text(l).attr("dy", "0.7em"), g.attr("transform", "translate(0, 16)");
     }
     const E = p[0] < 0 && p[1] > 0 ? "diverge" : "mono";
     (r < 1 && r > 4 && E === "mono" || r < 1 && r > 2 && E === "diverge") && (r = 1);
@@ -5805,12 +5812,12 @@ class Vh extends hl {
     if (d)
       O = a;
     else
-      for (let k = 1; k < T + 1; k++)
+      for (let D = 1; D < T + 1; D++)
         O.push(
-          i === nn.LINEAR ? `stop-color-${E}-${r}-${k}` : `fill-${E}-${r}-${k}`
+          i === nn.LINEAR ? `stop-color-${E}-${r}-${D}` : `fill-${E}-${r}-${D}`
         );
-    const y = ta(p[0], p[1]), A = ni(y, 3), w = Ze().domain(p).range([0, u]), L = Vn(w).tickSize(0).tickValues(A), { code: I, number: D } = v(t, "locale");
-    L.tickFormat((k) => D(k, I));
+    const y = ta(p[0], p[1]), A = ni(y, 3), M = Ze().domain(p).range([0, u]), L = Vn(M).tickSize(0).tickValues(A), { code: I, number: N } = v(t, "locale");
+    L.tickFormat((D) => N(D, I));
     let j;
     switch (i) {
       case nn.LINEAR:
@@ -5823,7 +5830,7 @@ class Vh extends hl {
           d,
           g,
           u
-        ), w.range([j, u]);
+        ), M.range([j, u]);
         break;
       default:
         throw Error("Entered color legend type is not supported.");
@@ -6022,17 +6029,17 @@ class Bh extends q {
         dataGroupName: m.data.dataGroupName,
         originalClassName: m.children ? `node ${E}` : `node node-leaf ${E}`
       });
-    }).style("fill", (m) => this.model.getFillColor(m.data.dataGroupName)).style("stroke", (m) => this.model.getFillColor(m.data.dataGroupName)).attr("cx", (m) => m.x).attr("cy", (m) => m.y).transition("circlepack-leaf-update-enter").call(
+    }).style("fill", (m) => this.model.getFillColor(m.data.dataGroupName, null, m.data)).style("stroke", (m) => this.model.getFillColor(m.data.dataGroupName, null, m.data)).attr("cx", (m) => m.x).attr("cy", (m) => m.y).transition("circlepack-leaf-update-enter").call(
       (m) => this.services.transitions.setupTransition({
         transition: m,
         name: "circlepack-leaf-update-enter"
       })
-    ).attr("r", (m) => m.r).attr("opacity", 1).attr("fill-opacity", ft.circles.fillOpacity), c === !0 && this.focal && (this.services.canvasZoom.zoomIn(this.focal, g, wt), this.setBackgroundListeners()), i || this.addLegendListeners(), this.addEventListeners();
+    ).attr("r", (m) => m.r).attr("opacity", 1).attr("fill-opacity", ft.circles.fillOpacity), c === !0 && this.focal && (this.services.canvasZoom.zoomIn(this.focal, g, Mt), this.setBackgroundListeners()), i || this.addLegendListeners(), this.addEventListeners();
   }
   // turn off the highlight class on children circles
   unhighlightChildren(e) {
     const t = e.map((n) => n.data);
-    this.parent.selectAll("circle.node").filter((n) => t.some((s) => s === n.data) && n.depth > 1).style("stroke", (n) => this.model.getFillColor(n.data.dataGroupName));
+    this.parent.selectAll("circle.node").filter((n) => t.some((s) => s === n.data) && n.depth > 1).style("stroke", (n) => this.model.getFillColor(n.data.dataGroupName, null, n.data));
   }
   // highlight the children circles with a stroke
   highlightChildren(e) {
@@ -6052,7 +6059,7 @@ class Bh extends q {
   setBackgroundListeners() {
     const e = x(this.services.domUtils.getMainContainer()), t = this, n = this.parent.selectAll("circle.node");
     e.on("click", () => {
-      t.focal = null, t.model.updateHierarchyLevel(2), e.classed("zoomed-in", !1), t.services.canvasZoom.zoomOut(n, wt);
+      t.focal = null, t.model.updateHierarchyLevel(2), e.classed("zoomed-in", !1), t.services.canvasZoom.zoomOut(n, Mt);
     });
   }
   // Zoom icon to be appended to the label in the tooltip
@@ -6138,10 +6145,10 @@ class Bh extends q {
       const s = x(this), a = s.classed("non-focal"), i = v(e.model.getOptions(), "canvasZoom", "enabled");
       if (i && e.model.getHierarchyLevel() > 2) {
         const r = e.parent.selectAll("circle.node");
-        x(e.services.domUtils.getMainContainer()).classed("zoomed-in", !1), e.focal = null, e.model.updateHierarchyLevel(2), e.services.canvasZoom.zoomOut(r, wt);
+        x(e.services.domUtils.getMainContainer()).classed("zoomed-in", !1), e.focal = null, e.model.updateHierarchyLevel(2), e.services.canvasZoom.zoomOut(r, Mt);
       } else if (n.depth === 2 && n.children && !a && i) {
         const r = e.parent.selectAll("circle.node");
-        x(e.services.domUtils.getMainContainer()).classed("zoomed-in", !0), e.focal = n, e.model.updateHierarchyLevel(3), e.services.canvasZoom.zoomIn(n, r, wt), t.stopPropagation();
+        x(e.services.domUtils.getMainContainer()).classed("zoomed-in", !0), e.focal = n, e.model.updateHierarchyLevel(3), e.services.canvasZoom.zoomIn(n, r, Mt), t.stopPropagation();
       }
       e.services.events.dispatchEvent(f.CirclePack.CIRCLE_CLICK, {
         event: t,
@@ -6190,58 +6197,58 @@ class Al extends q {
     return te.innerRadius;
   }
   render(e = !0) {
-    const t = this, n = this.getComponentContainer(), s = this.getOptions(), { groupMapsTo: a } = s.data, { valueMapsTo: i } = s.pie, r = this.model.getDisplayData().filter((M) => M[i] > 0), l = this.computeRadius();
+    const t = this, n = this.getComponentContainer(), s = this.getOptions(), { groupMapsTo: a } = s.data, { valueMapsTo: i } = s.pie, r = this.model.getDisplayData().filter((w) => w[i] > 0), l = this.computeRadius();
     this.arc = xt().innerRadius(this.getInnerRadius()).outerRadius(l), this.hoverArc = xt().innerRadius(this.getInnerRadius()).outerRadius(l + te.hoverArc.outerRadiusOffset);
-    const d = ai().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]);
+    const d = ai().value((w) => w[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, (w) => w.data[a]);
     h.exit().attr("opacity", 0).remove(), h.enter().append("path").classed("slice", !0).attr("opacity", 0).merge(h).attr(
       "class",
-      (M) => this.model.getColorClassName({
+      (w) => this.model.getColorClassName({
         classNameTypes: [F.FILL],
-        dataGroupName: M.data[a],
+        dataGroupName: w.data[a],
         originalClassName: "slice"
       })
-    ).style("fill", (M) => t.model.getFillColor(M.data[a])).attr("d", this.arc).transition().call(
-      (M) => this.services.transitions.setupTransition({
-        transition: M,
+    ).style("fill", (w) => t.model.getFillColor(w.data[a], null, w.data)).attr("d", this.arc).transition().call(
+      (w) => this.services.transitions.setupTransition({
+        transition: w,
         name: "pie_slice_enter_update",
         animate: e
       })
     ).attr("opacity", 1).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "slice").attr(
       "aria-label",
-      (M) => `${M[i]}, ${Qt(M.data[i], r, i) + "%"}`
-    ).attrTween("d", function(M) {
-      return Ll.bind(this)(M, t.arc);
+      (w) => `${w[i]}, ${Qt(w.data[i], r, i) + "%"}`
+    ).attrTween("d", function(w) {
+      return Ll.bind(this)(w, t.arc);
     });
-    const { code: m, number: E } = v(s, "locale"), O = s.pie.labels.enabled, T = 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(T, (M) => M.data[a]);
+    const { code: m, number: E } = v(s, "locale"), O = s.pie.labels.enabled, T = O ? d.filter((w) => w.data[i] > 0) : [], A = S.appendOrSelect(n, "g.labels").attr("role", X.GROUP).attr("data-name", "labels").selectAll("text.pie-label").data(T, (w) => w.data[a]);
     A.exit().attr("opacity", 0).remove();
-    const w = A.enter().append("text").classed("pie-label", !0), L = [];
-    w.merge(A).style("text-anchor", "middle").text((M) => s.pie.labels.formatter ? s.pie.labels.formatter({
-      ...M,
+    const M = A.enter().append("text").classed("pie-label", !0), L = [];
+    M.merge(A).style("text-anchor", "middle").text((w) => s.pie.labels.formatter ? s.pie.labels.formatter({
+      ...w,
       percentageValue: Qt(
-        M.data[i],
+        w.data[i],
         r,
         i,
         !0
       )
     }) : E(
-      Qt(M.data[i], r, i),
+      Qt(w.data[i], r, i),
       m
-    ) + "%").datum(function(M) {
-      const Q = l + 7, me = (M.endAngle - M.startAngle) / 2 + M.startAngle, K = me / Math.PI * 180, H = this.getComputedTextLength();
-      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;
-    }).attr("transform", function(M, Q) {
-      const me = T.length, K = (M.endAngle - M.startAngle) * (180 / Math.PI);
+    ) + "%").datum(function(w) {
+      const Q = l + 7, me = (w.endAngle - w.startAngle) / 2 + w.startAngle, K = me / Math.PI * 180, H = this.getComputedTextLength();
+      return w.textOffsetX = H / 2, w.textOffsetY = K > 90 && K < 270 ? 10 : 0, w.xPosition = (w.textOffsetX + Q) * Math.sin(me), w.yPosition = (w.textOffsetY + Q) * -Math.cos(me), w;
+    }).attr("transform", function(w, Q) {
+      const me = T.length, K = (w.endAngle - w.startAngle) * (180 / Math.PI);
       if (Q >= me - 2 && K < te.callout.minSliceDegree) {
         let H, Z;
-        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})`;
+        return w.index === me - 1 ? (H = w.xPosition + te.callout.offsetX + te.callout.textMargin + w.textOffsetX, Z = w.yPosition - te.callout.offsetY, w.direction = an.RIGHT, L.push(w)) : (H = w.xPosition - te.callout.offsetX - w.textOffsetX - te.callout.textMargin, Z = w.yPosition - te.callout.offsetY, w.direction = an.LEFT, L.push(w)), `translate(${H}, ${Z})`;
       }
-      return `translate(${M.xPosition}, ${M.yPosition})`;
+      return `translate(${w.xPosition}, ${w.yPosition})`;
     }), this.renderCallouts(L);
-    const I = v(s, "donut") ? "donut" : "pie", D = v(s, I, "alignment"), { width: j } = S.getSVGElementSize(this.getParent(), {
+    const I = v(s, "donut") ? "donut" : "pie", N = v(s, I, "alignment"), { width: j } = S.getSVGElementSize(this.getParent(), {
       useAttrs: !0
-    }), k = O ? te.xOffset : 0, C = O ? te.yOffset : 0;
-    let V = l + k;
-    D === Ce.CENTER ? V = j / 2 : D === Ce.RIGHT && (V = j - l - te.xOffset);
+    }), D = O ? te.xOffset : 0, C = O ? te.yOffset : 0;
+    let V = l + D;
+    N === Ce.CENTER ? V = j / 2 : N === Ce.RIGHT && (V = j - l - te.xOffset);
     let z = l + C;
     L.length > 0 && (z += te.yOffsetCallout), n.attr("x", V + 7).attr("y", z), this.addEventListeners();
   }
@@ -6368,8 +6375,13 @@ class Hh extends Al {
     s % 1 === 0 && n % 1 === 0 ? a = ri : a = ta;
     const i = a(s, n);
     return (r) => {
-      const { code: l, number: c } = v(t, "locale");
-      e.text(c(i(r), l));
+      const { numberFormatter: l } = t.donut.center;
+      if (l)
+        e.text(l(i(r)));
+      else {
+        const { code: c, number: d } = v(t, "locale");
+        e.text(d(Math.floor(i(r)), c));
+      }
     };
   }
 }
@@ -6448,10 +6460,10 @@ class $h extends q {
     const { width: y } = S.getSVGElementSize(
       S.appendOrSelect(e, "text.gauge-value-number"),
       { useBBox: !0 }
-    ), A = u / 2, w = d ? "%" : "", L = S.appendOrSelect(g, "text.gauge-value-symbol").style("font-size", `${A}px`).attr("x", y / 2).text(w), { width: I, height: D } = S.getSVGElementSize(L, {
+    ), A = u / 2, M = d ? "%" : "", L = S.appendOrSelect(g, "text.gauge-value-symbol").style("font-size", `${A}px`).attr("x", y / 2).text(M), { width: I, height: N } = S.getSVGElementSize(L, {
       useBBox: !0
     });
-    L.attr("y", `-${D / 2}px`), g.attr("transform", `translate(-${I / 2}, 0)`);
+    L.attr("y", `-${N / 2}px`), g.attr("transform", `translate(-${I / 2}, 0)`);
   }
   /**
    * adds the delta number for the gauge
@@ -6473,8 +6485,8 @@ class $h extends q {
       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() {
         const A = x(this);
         S.appendOrSelect(A, "rect.gauge-delta-arrow-backdrop").attr("width", "16").attr("height", "16").attr("fill", "none");
-        const w = v(n, "gauge", "status");
-        S.appendOrSelect(A, "polygon.gauge-delta-arrow").attr("class", w !== null ? `gauge-delta-arrow status--${w}` : "").attr("points", e.getArrow(s));
+        const M = v(n, "gauge", "status");
+        S.appendOrSelect(A, "polygon.gauge-delta-arrow").attr("class", M !== null ? `gauge-delta-arrow status--${M}` : "").attr("points", e.getArrow(s));
       }), y.exit().remove(), m.exit().remove();
     } else {
       const r = t.select("g.gauge-delta");
@@ -6584,9 +6596,12 @@ class Uh extends Wn {
         dataGroupName: h[s],
         originalClassName: "bar"
       })
-    ).style("fill", (h) => this.model.getFillColor(h[s])).attr("d", (h) => {
-      const u = this.groupScale(h[s]), g = this.getBarWidth(), m = u, E = u + g, O = this.services.cartesianScales.getRangeAxisPosition({ datum: h }), T = this.services.cartesianScales.getValueThroughAxisPosition(O, 0), y = this.services.cartesianScales.getRangeValue(h), A = this.services.cartesianScales.getDomainValue(h) - g / 2, w = A + g;
-      if (!this.isOutsideZoomedDomain(A, w))
+    ).style("fill", (h) => {
+      const u = this.services.cartesianScales.getDomainIdentifier(h);
+      return this.model.getFillColor(h[s], h[u], h);
+    }).attr("d", (h) => {
+      const u = this.groupScale(h[s]), g = this.getBarWidth(), m = u, E = u + g, O = this.services.cartesianScales.getRangeAxisPosition({ datum: h }), T = this.services.cartesianScales.getValueThroughAxisPosition(O, 0), y = this.services.cartesianScales.getRangeValue(h), A = this.services.cartesianScales.getDomainValue(h) - g / 2, M = A + g;
+      if (!this.isOutsideZoomedDomain(A, M))
         return ye(
           { x0: m, x1: E, y0: T, y1: y },
           this.services.cartesianScales.getOrientation()
@@ -6767,7 +6782,10 @@ class zh extends q {
         value: m.value,
         originalClassName: `heat-${m.index}`
       })
-    ).classed("heat", !0).classed("null-state", (m) => m.index === -1 || m.value === null).attr("width", this.xBandwidth).attr("height", this.yBandwidth).style("fill", (m) => m.index === -1 || m.value === null ? `url(#${u})` : this.model.getFillColor(Number(m.value))).attr("aria-label", (m) => m.value);
+    ).classed("heat", !0).classed("null-state", (m) => m.index === -1 || m.value === null).attr("width", this.xBandwidth).attr("height", this.yBandwidth).style("fill", (m) => {
+      const E = this.services.cartesianScales.getDomainIdentifier(m);
+      return m.index === -1 || m.value === null ? `url(#${u})` : this.model.getFillColor(Number(m.value), m[E], m);
+    }).attr("aria-label", (m) => m.value);
     this.createOuterBox("g.cell-highlight", this.xBandwidth, this.yBandwidth), this.createOuterBox(
       "g.multi-cell.column-highlight",
       this.xBandwidth,
@@ -6898,7 +6916,7 @@ class Fh extends q {
         dataGroupName: d[a],
         originalClassName: "bar"
       })
-    ).style("fill", (d) => this.model.getFillColor(d[a])).attr("d", (d) => {
+    ).style("fill", (d) => this.model.getFillColor(d[a], null, d)).attr("d", (d) => {
       const p = ne(d, "data");
       if (!p)
         return;
@@ -7073,7 +7091,7 @@ class jh extends q {
         name: "meter-bar-update",
         animate: e
       })
-    ).attr("width", (y) => y.value > d ? p(d) : y.width).style("fill", (y) => t.model.getFillColor(y[c])).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "value").attr("aria-label", (y) => y.value), g.exit().remove();
+    ).attr("width", (y) => y.value > d ? p(d) : y.width).style("fill", (y) => t.model.getFillColor(y[c], null, y)).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "value").attr("aria-label", (y) => y.value), g.exit().remove();
     const E = v(s, "meter", "peak");
     let O = E;
     E !== null && (E > d ? O = d : E < i[0].value && (O = i[0].value > d ? d : i[0].value));
@@ -7185,25 +7203,25 @@ class Xh extends q {
       useAttrs: !0
     }), 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 } = Fe;
     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);
-    const T = 2 * (this.getLabelDimensions(this.uniqueKeys[0]).height + u), w = (Math.min(n, s) - T) / 2;
-    if (w <= 0)
+    const T = 2 * (this.getLabelDimensions(this.uniqueKeys[0]).height + u), M = (Math.min(n, s) - T) / 2;
+    if (M <= 0)
       return;
-    const L = Bn().domain(this.fullDataNormalized.map((_) => _[d])).range([0, 2 * Math.PI].map((_) => _ - Math.PI / 2)), I = fn(this.fullDataNormalized.map((_) => _[p])), D = Ze().domain([
+    const L = Bn().domain(this.fullDataNormalized.map((_) => _[d])).range([0, 2 * Math.PI].map((_) => _ - Math.PI / 2)), I = fn(this.fullDataNormalized.map((_) => _[p])), N = Ze().domain([
       I >= 0 ? 0 : I,
       gs(this.fullDataNormalized.map((_) => _[p]))
-    ]).range([m, w]).nice(g), j = D.ticks(g), k = (_) => this.model.getFillColor(_), C = oi().angle((_) => L(_[d]) + Math.PI / 2).radius((_) => D(_[p])).curve(li), V = this.uniqueKeys.map((_) => {
-      const N = this.getLabelDimensions(_).width, P = Si(
+    ]).range([m, M]).nice(g), j = N.ticks(g), D = (_, R, P) => this.model.getFillColor(_, R, P), C = oi().angle((_) => L(_[d]) + Math.PI / 2).radius((_) => N(_[p])).curve(li), V = this.uniqueKeys.map((_) => {
+      const R = this.getLabelDimensions(_).width, P = Si(
         L(_),
-        w
+        M
       );
-      return N + P;
-    }), M = {
+      return R + P;
+    }), w = {
       x: gs(V) + h,
       y: s / 2
-    }, me = S.appendOrSelect(t, "g.y-axes").attr("role", X.GROUP).selectAll("path").data(j, (_) => _), K = (_) => this.uniqueKeys.map((N) => ({ [d]: N, [p]: _ }));
+    }, me = S.appendOrSelect(t, "g.y-axes").attr("role", X.GROUP).selectAll("path").data(j, (_) => _), K = (_) => this.uniqueKeys.map((R) => ({ [d]: R, [p]: _ }));
     me.join(
-      (_) => _.append("path").attr("opacity", 0).attr("transform", `translate(${M.x}, ${M.y})`).attr("fill", "none").call(
-        (N) => N.transition().call(
+      (_) => _.append("path").attr("opacity", 0).attr("transform", `translate(${w.x}, ${w.y})`).attr("fill", "none").call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_axes_enter",
@@ -7212,16 +7230,16 @@ class Xh extends q {
         ).attr("opacity", 1).attr("d", (P) => C(K(P)))
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_axes_update",
             animate: e
           })
-        ).attr("opacity", 1).attr("transform", `translate(${M.x}, ${M.y})`).attr("d", (P) => C(K(P)))
+        ).attr("opacity", 1).attr("transform", `translate(${w.x}, ${w.y})`).attr("d", (P) => C(K(P)))
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_axes_exit",
@@ -7230,26 +7248,26 @@ class Xh extends q {
         ).attr("d", (P) => C(K(P))).attr("opacity", 0).remove()
       )
     ), S.appendOrSelect(t, "g.x-axes").attr("role", X.GROUP).selectAll("line").data(this.uniqueKeys, (_) => _).join(
-      (_) => _.append("line").attr("opacity", 0).attr("class", (N) => `x-axis-${st(N)}`).attr("stroke-dasharray", "0").attr("x1", (N) => oe(L(N), 0, M).x).attr("y1", (N) => oe(L(N), 0, M).y).attr("x2", (N) => oe(L(N), 0, M).x).attr("y2", (N) => oe(L(N), 0, M).y).call(
-        (N) => N.transition().call(
+      (_) => _.append("line").attr("opacity", 0).attr("class", (R) => `x-axis-${st(R)}`).attr("stroke-dasharray", "0").attr("x1", (R) => oe(L(R), 0, w).x).attr("y1", (R) => oe(L(R), 0, w).y).attr("x2", (R) => oe(L(R), 0, w).x).attr("y2", (R) => oe(L(R), 0, w).y).call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_axes_enter",
             animate: e
           })
-        ).attr("opacity", 1).attr("x1", (P) => oe(L(P), D.range()[0], M).x).attr("y1", (P) => oe(L(P), D.range()[0], M).y).attr("x2", (P) => oe(L(P), D.range()[1], M).x).attr("y2", (P) => oe(L(P), D.range()[1], M).y)
+        ).attr("opacity", 1).attr("x1", (P) => oe(L(P), N.range()[0], w).x).attr("y1", (P) => oe(L(P), N.range()[0], w).y).attr("x2", (P) => oe(L(P), N.range()[1], w).x).attr("y2", (P) => oe(L(P), N.range()[1], w).y)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_axes_update",
             animate: e
           })
-        ).attr("opacity", 1).attr("x1", (P) => oe(L(P), D.range()[0], M).x).attr("y1", (P) => oe(L(P), D.range()[0], M).y).attr("x2", (P) => oe(L(P), D.range()[1], M).x).attr("y2", (P) => oe(L(P), D.range()[1], M).y)
+        ).attr("opacity", 1).attr("x1", (P) => oe(L(P), N.range()[0], w).x).attr("y1", (P) => oe(L(P), N.range()[0], w).y).attr("x2", (P) => oe(L(P), N.range()[1], w).x).attr("y2", (P) => oe(L(P), N.range()[1], w).y)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_axes_exit",
@@ -7258,17 +7276,17 @@ class Xh extends q {
         ).attr("opacity", 0).remove()
       )
     ), S.appendOrSelect(t, "g.x-labels").attr("role", X.GROUP).selectAll("text").data(this.uniqueKeys).join(
-      (_) => _.append("text").text((N) => N).attr("opacity", 0).attr(
+      (_) => _.append("text").text((R) => R).attr("opacity", 0).attr(
         "x",
-        (N) => oe(L(N), D.range()[1] + h, M).x
+        (R) => oe(L(R), N.range()[1] + h, w).x
       ).attr(
         "y",
-        (N) => oe(L(N), D.range()[1] + h, M).y
-      ).style("text-anchor", (N) => fs(L(N)).textAnchor).style(
+        (R) => oe(L(R), N.range()[1] + h, w).y
+      ).style("text-anchor", (R) => fs(L(R)).textAnchor).style(
         "dominant-baseline",
-        (N) => fs(L(N)).dominantBaseline
+        (R) => fs(L(R)).dominantBaseline
       ).call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_labels_enter",
@@ -7277,7 +7295,7 @@ class Xh extends q {
         ).attr("opacity", 1)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_labels_update",
@@ -7285,17 +7303,17 @@ class Xh extends q {
           })
         ).attr("opacity", 1).attr(
           "x",
-          (P) => oe(L(P), D.range()[1] + h, M).x
+          (P) => oe(L(P), N.range()[1] + h, w).x
         ).attr(
           "y",
-          (P) => oe(L(P), D.range()[1] + h, M).y
+          (P) => oe(L(P), N.range()[1] + h, w).y
         ).end().finally(() => {
           const P = v(r, "radar", "alignment"), Le = this.getAlignmentXOffset(P, t, this.getParent());
           t.attr("x", Le);
         })
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_labels_exit",
@@ -7306,42 +7324,42 @@ class Xh extends q {
     ), S.appendOrSelect(t, "g.blobs").attr("role", X.GROUP).selectAll("path").data(this.groupedDataNormalized, (_) => _.name).join(
       (_) => _.append("path").attr(
         "class",
-        (N) => this.model.getColorClassName({
+        (R) => this.model.getColorClassName({
           classNameTypes: [F.FILL, F.STROKE],
-          dataGroupName: N.name,
+          dataGroupName: R.name,
           originalClassName: "blob"
         })
-      ).attr("role", X.GRAPHICS_SYMBOL).attr("aria-label", (N) => N.name).attr("opacity", 0).attr(
+      ).attr("role", X.GRAPHICS_SYMBOL).attr("aria-label", (R) => R.name).attr("opacity", 0).attr(
         "transform",
-        e ? () => `translate(${M.x}, ${M.y}) scale(${1 + Math.random() * 0.35})` : `translate(${M.x}, ${M.y})`
-      ).style("fill", (N) => k(N.name)).style("fill-opacity", Fe.opacity.selected).style("stroke", (N) => k(N.name)).call((N) => {
-        const P = N.transition().call(
+        e ? () => `translate(${w.x}, ${w.y}) scale(${1 + Math.random() * 0.35})` : `translate(${w.x}, ${w.y})`
+      ).style("fill", (R) => D(R.name, null, R.data)).style("fill-opacity", Fe.opacity.selected).style("stroke", (R) => D(R.name, null, R.data)).call((R) => {
+        const P = R.transition().call(
           (Le) => this.services.transitions.setupTransition({
             transition: Le,
             name: "radar_blobs_enter",
             animate: e
           })
         );
-        e && P.delay(() => Math.random() * 30).attr("transform", `translate(${M.x}, ${M.y})`), P.attr("opacity", 1).attr("d", (Le) => C(Le.data));
+        e && P.delay(() => Math.random() * 30).attr("transform", `translate(${w.x}, ${w.y})`), P.attr("opacity", 1).attr("d", (Le) => C(Le.data));
       }),
       (_) => (_.attr(
         "class",
-        (N) => this.model.getColorClassName({
+        (R) => this.model.getColorClassName({
           classNameTypes: [F.FILL, F.STROKE],
-          dataGroupName: N.name,
+          dataGroupName: R.name,
           originalClassName: "blob"
         })
-      ).style("fill", (N) => k(N.name)).style("stroke", (N) => k(N.name)), _.call(
-        (N) => N.transition().call(
+      ).style("fill", (R) => D(R.name, null, R.data)).style("stroke", (R) => D(R.name, null, R.data)), _.call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_blobs_update",
             animate: e
           })
-        ).attr("opacity", 1).attr("transform", `translate(${M.x}, ${M.y})`).attr("d", (P) => C(P.data))
+        ).attr("opacity", 1).attr("transform", `translate(${w.x}, ${w.y})`).attr("d", (P) => C(P.data))
       ), _),
-      (_) => _.call((N) => {
-        const P = N.transition().call(
+      (_) => _.call((R) => {
+        const P = R.transition().call(
           (Le) => this.services.transitions.setupTransition({
             transition: Le,
             name: "radar_blobs_exit",
@@ -7350,11 +7368,11 @@ class Xh extends q {
         );
         e && P.delay(() => Math.random() * 30).attr(
           "transform",
-          () => `translate(${M.x}, ${M.y}) scale(${1 + Math.random() * 0.35})`
+          () => `translate(${w.x}, ${w.y}) scale(${1 + Math.random() * 0.35})`
         ), P.attr("opacity", 0).remove();
       })
     ), S.appendOrSelect(t, "g.dots").attr("role", X.GROUP).selectAll("circle").data(this.fullDataNormalized.filter((_) => v(_, p) !== null)).join(
-      (_) => _.append("circle").attr("role", X.GRAPHICS_SYMBOL).attr("aria-label", (N) => N[c]),
+      (_) => _.append("circle").attr("role", X.GRAPHICS_SYMBOL).attr("aria-label", (R) => R[c]),
       (_) => _,
       (_) => _.remove()
     ).attr(
@@ -7364,18 +7382,18 @@ class Xh extends q {
         dataGroupName: _[l],
         originalClassName: st(_[d])
       })
-    ).attr("cx", (_) => oe(L(_[d]), D(_[p]), M).x).attr("cy", (_) => oe(L(_[d]), D(_[p]), M).y).attr("r", 0).attr("opacity", 0).style("fill", (_) => k(_[l])), S.appendOrSelect(t, "g.x-axes-rect").attr("role", X.GROUP).selectAll("rect").data(this.uniqueKeys).join(
+    ).attr("cx", (_) => oe(L(_[d]), N(_[p]), w).x).attr("cy", (_) => oe(L(_[d]), N(_[p]), w).y).attr("r", 0).attr("opacity", 0).style("fill", (_) => D(_[l])), S.appendOrSelect(t, "g.x-axes-rect").attr("role", X.GROUP).selectAll("rect").data(this.uniqueKeys).join(
       (_) => _.append("rect"),
       (_) => _,
       (_) => _.remove()
-    ).attr("x", M.x).attr("y", M.y - E / 2).attr("width", D.range()[1]).attr("height", E).style("fill", "red").style("fill-opacity", 0).attr("transform", (_) => `rotate(${Oi(L(_))}, ${M.x}, ${M.y})`);
+    ).attr("x", w.x).attr("y", w.y - E / 2).attr("width", N.range()[1]).attr("height", E).style("fill", "red").style("fill-opacity", 0).attr("transform", (_) => `rotate(${Oi(L(_))}, ${w.x}, ${w.y})`);
     const { code: ae, number: re } = v(r, "locale");
     S.appendOrSelect(t, "g.y-labels").attr("role", X.GROUP).selectAll("text").data(Wt(j)).join(
-      (_) => _.append("text").attr("opacity", 0).text((N) => re(N, ae)).attr(
+      (_) => _.append("text").attr("opacity", 0).text((R) => re(R, ae)).attr(
         "x",
-        (N) => oe(-Math.PI / 2, D(N), M).x + u
-      ).attr("y", (N) => oe(-Math.PI / 2, D(N), M).y).style("text-anchor", "start").style("dominant-baseline", "middle").call(
-        (N) => N.transition().call(
+        (R) => oe(-Math.PI / 2, N(R), w).x + u
+      ).attr("y", (R) => oe(-Math.PI / 2, N(R), w).y).style("text-anchor", "start").style("dominant-baseline", "middle").call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_labels_enter",
@@ -7384,7 +7402,7 @@ class Xh extends q {
         ).attr("opacity", 1)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_labels_update",
@@ -7392,11 +7410,11 @@ class Xh extends q {
           })
         ).text((P) => P).attr("opacity", 1).attr(
           "x",
-          (P) => oe(-Math.PI / 2, D(P), M).x + u
-        ).attr("y", (P) => oe(-Math.PI / 2, D(P), M).y)
+          (P) => oe(-Math.PI / 2, N(P), w).x + u
+        ).attr("y", (P) => oe(-Math.PI / 2, N(P), w).y)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (R) => R.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_labels_exit",
@@ -7445,7 +7463,7 @@ class Xh extends q {
         items: h.filter((u) => typeof u[p] == "number").map((u) => ({
           label: u[d],
           value: u[p],
-          color: e.model.getFillColor(u[d]),
+          color: e.model.getFillColor(u[d], null, u),
           class: e.model.getColorClassName({
             classNameTypes: [F.TOOLTIP],
             dataGroupName: u[d]
@@ -7515,7 +7533,10 @@ class Zh extends Wn {
         dataGroupName: c[n],
         originalClassName: "bar"
       })
-    ).style("fill", (c) => this.model.getFillColor(c[n])).attr("d", (c) => {
+    ).style("fill", (c) => {
+      const d = this.services.cartesianScales.getDomainIdentifier(c);
+      return this.model.getFillColor(c[n], c[d], c);
+    }).attr("d", (c) => {
       const d = this.services.cartesianScales.getRangeIdentifier(), p = this.getBarWidth(), h = c[d], u = this.services.cartesianScales.getDomainValue(c) - p / 2, g = u + p;
       let m, E;
       if (Array.isArray(h) && h.length === 2)
@@ -7639,7 +7660,7 @@ class qh extends q {
         dataGroupName: v(g, 0, a),
         originalClassName: "area"
       })
-    ).style("fill", (g) => n.model.getFillColor(v(g, 0, a))).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "area").attr("aria-label", (g) => v(g, 0, a)).transition().call(
+    ).style("fill", (g) => n.model.getFillColor(v(g, 0, a), null, g)).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "area").attr("aria-label", (g) => v(g, 0, a)).transition().call(
       (g) => this.services.transitions.setupTransition({
         transition: g,
         name: "area-update-enter",
@@ -7694,7 +7715,10 @@ class Kh extends Wn {
         dataGroupName: c[s],
         originalClassName: "bar"
       })
-    ).style("fill", (c) => this.model.getFillColor(c[s])).attr("d", (c) => {
+    ).style(
+      "fill",
+      (c) => this.model.getFillColor(c[s], c.data.sharedStackKey, c.data)
+    ).attr("d", (c) => {
       const d = c.data.sharedStackKey, p = this.getBarWidth(), h = this.services.cartesianScales.getDomainValue(d) - p / 2, u = h + p, g = this.services.cartesianScales.getRangeValue(c[0]);
       let m = this.services.cartesianScales.getRangeValue(c[1]);
       if (!this.isOutsideZoomedDomain(h, u)) {
@@ -7862,41 +7886,41 @@ class Qh extends q {
       name: r,
       children: i
     }), u = 10, g = n / 6, m = (L) => {
-      const I = h.descendants().reverse(), D = h.links();
-      let j = h, k = h;
+      const I = h.descendants().reverse(), N = h.links();
+      let j = h, D = h;
       h.eachBefore((H) => {
-        H.x < j.x && (j = H), H.x > k.x && (k = H);
+        H.x < j.x && (j = H), H.x > D.x && (D = H);
       });
-      const C = k.x - j.x, V = t.transition().call(
+      const C = D.x - j.x, V = t.transition().call(
         (H) => this.services.transitions.setupTransition({
           transition: H,
           name: "tree-update-viewbox",
           animate: !0
         })
-      ).attr("viewBox", [-p.left, j.x, n, C].join(" ")), z = w.selectAll("g").data(I, (H) => H.id), M = this, Q = z.enter().append("g").attr("transform", () => `translate(${L.y0},${L.x0})`).attr(
+      ).attr("viewBox", [-p.left, j.x, n, C].join(" ")), z = M.selectAll("g").data(I, (H) => H.id), w = this, Q = z.enter().append("g").attr("transform", () => `translate(${L.y0},${L.x0})`).attr(
         "class",
         (H) => H.depth !== 0 && H.children && H.children.length > 0 ? "clickable" : null
       ).on("mouseover", function(H, Z) {
-        M.services.events.dispatchEvent(f.Tree.NODE_MOUSEOVER, {
+        w.services.events.dispatchEvent(f.Tree.NODE_MOUSEOVER, {
           event: H,
           element: x(this),
           datum: Z
         });
       }).on("click", function(H, Z) {
-        Z.depth !== 0 && (Z.children = Z.children ? null : Z._children, m(Z)), M.services.events.dispatchEvent(f.Tree.NODE_CLICK, {
+        Z.depth !== 0 && (Z.children = Z.children ? null : Z._children, m(Z)), w.services.events.dispatchEvent(f.Tree.NODE_CLICK, {
           event: H,
           element: x(this),
           datum: Z
         });
       }).on("mouseout", function(H, Z) {
-        M.services.events.dispatchEvent(f.Tree.NODE_MOUSEOUT, {
+        w.services.events.dispatchEvent(f.Tree.NODE_MOUSEOUT, {
           event: H,
           element: x(this),
           datum: Z
         });
       });
       Q.append("circle").attr("r", 2.5).attr("class", (H) => H._children ? "parent" : "child").attr("stroke-width", 10), Q.append("text").attr("dy", "0.31em").attr("x", (H) => H._children ? -it : it).attr("text-anchor", (H) => H._children ? "end" : "start").text((H) => H.data.name).clone(!0).attr("class", "text-stroke").lower(), z.merge(Q).transition(V).attr("transform", (H) => `translate(${H.y},${H.x})`).attr("fill-opacity", 1).attr("stroke-opacity", 1), z.exit().transition(V).remove().attr("transform", () => `translate(${L.y},${L.x})`).attr("fill-opacity", 0).attr("stroke-opacity", 0);
-      const me = A.selectAll("path").data(D, (H) => H.target.id), K = me.enter().append("path").attr("d", () => {
+      const me = A.selectAll("path").data(N, (H) => H.target.id), K = me.enter().append("path").attr("d", () => {
         const H = { x: L.x0, y: L.y0 };
         return y({ source: H, target: H });
       });
@@ -7916,16 +7940,16 @@ class Qh extends q {
     h.x0 = g / 2, h.y0 = 0, h.descendants().forEach((L, I) => {
       L.id = I, L._children = L.children;
     }), T(h), t.attr("viewBox", [-p.left, -p.top, n, u]).style("user-select", "none");
-    const A = t.append("g").attr("class", "links"), w = t.append("g").attr("class", "nodes");
+    const A = t.append("g").attr("class", "links"), M = t.append("g").attr("class", "nodes");
     m(h);
   }
 }
-var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21b", Rl = "#d2a106", kl = "#b28600", Dl = "#8e6a00", Nl = "#684e00", Pl = "#483700", Vl = "#302400", Gl = "#1c1500", Bl = {
+var Ml = "#000000", wl = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21b", kl = "#d2a106", Rl = "#b28600", Dl = "#8e6a00", Nl = "#684e00", Pl = "#483700", Vl = "#302400", Gl = "#1c1500", Bl = {
   10: Cl,
   20: _l,
   30: Il,
-  40: Rl,
-  50: kl,
+  40: kl,
+  50: Rl,
   60: Dl,
   70: Nl,
   80: Pl,
@@ -7964,7 +7988,7 @@ var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   80: mc,
   90: fc,
   100: vc
-}, Ec = "#f6f2ff", bc = "#e8daff", Sc = "#d4bbff", Oc = "#be95ff", xc = "#a56eff", Tc = "#8a3ffc", Lc = "#6929c4", Ac = "#491d8b", wc = "#31135e", Mc = "#1c0f30", Cc = {
+}, Ec = "#f6f2ff", bc = "#e8daff", Sc = "#d4bbff", Oc = "#be95ff", xc = "#a56eff", Tc = "#8a3ffc", Lc = "#6929c4", Ac = "#491d8b", Mc = "#31135e", wc = "#1c0f30", Cc = {
   10: Ec,
   20: bc,
   30: Sc,
@@ -7973,13 +7997,13 @@ var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   60: Tc,
   70: Lc,
   80: Ac,
-  90: wc,
-  100: Mc
-}, _c = "#edf5ff", Ic = "#d0e2ff", Rc = "#a6c8ff", kc = "#78a9ff", Dc = "#4589ff", Nc = "#0f62fe", Pc = "#0043ce", Vc = "#002d9c", Gc = "#001d6c", Bc = "#001141", Hc = {
+  90: Mc,
+  100: wc
+}, _c = "#edf5ff", Ic = "#d0e2ff", kc = "#a6c8ff", Rc = "#78a9ff", Dc = "#4589ff", Nc = "#0f62fe", Pc = "#0043ce", Vc = "#002d9c", Gc = "#001d6c", Bc = "#001141", Hc = {
   10: _c,
   20: Ic,
-  30: Rc,
-  40: kc,
+  30: kc,
+  40: Rc,
   50: Dc,
   60: Nc,
   70: Pc,
@@ -8019,7 +8043,7 @@ var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   80: fd,
   90: vd,
   100: yd
-}, bd = "#f2f4f8", Sd = "#dde1e6", Od = "#c1c7cd", xd = "#a2a9b0", Td = "#878d96", Ld = "#697077", Ad = "#4d5358", wd = "#343a3f", Md = "#21272a", Cd = "#121619", _d = {
+}, bd = "#f2f4f8", Sd = "#dde1e6", Od = "#c1c7cd", xd = "#a2a9b0", Td = "#878d96", Ld = "#697077", Ad = "#4d5358", Md = "#343a3f", wd = "#21272a", Cd = "#121619", _d = {
   10: bd,
   20: Sd,
   30: Od,
@@ -8027,13 +8051,13 @@ var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   50: Td,
   60: Ld,
   70: Ad,
-  80: wd,
-  90: Md,
+  80: Md,
+  90: wd,
   100: Cd
-}, Id = "#f4f4f4", Rd = "#e0e0e0", kd = "#c6c6c6", Dd = "#a8a8a8", Nd = "#8d8d8d", Pd = "#6f6f6f", Vd = "#525252", Gd = "#393939", Bd = "#262626", Hd = "#161616", $d = {
+}, Id = "#f4f4f4", kd = "#e0e0e0", Rd = "#c6c6c6", Dd = "#a8a8a8", Nd = "#8d8d8d", Pd = "#6f6f6f", Vd = "#525252", Gd = "#393939", Bd = "#262626", Hd = "#161616", $d = {
   10: Id,
-  20: Rd,
-  30: kd,
+  20: kd,
+  30: Rd,
   40: Dd,
   50: Nd,
   60: Pd,
@@ -8054,7 +8078,7 @@ var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   100: Kd
 }, Xs = {
   black: {
-    100: wl
+    100: Ml
   },
   blue: Hc,
   coolGray: _d,
@@ -8068,7 +8092,7 @@ var wl = "#000000", Ml = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   teal: ld,
   warmGray: Jd,
   white: {
-    0: Ml
+    0: wl
   },
   yellow: Bl
 };
@@ -8161,7 +8185,7 @@ class eu extends q {
     ).attr("width", (m) => m.x1 - m.x0).attr("height", (m) => m.y1 - m.y0).style("fill", (m) => {
       for (; m.depth > 1; )
         m = m.parent;
-      return this.model.getFillColor(m.data.name);
+      return this.model.getFillColor(m.data.name, null, m.data);
     }), h.selectAll("clipPath").data(
       (m) => m.data.showLabel !== !0 ? [] : [1],
       (m) => m
@@ -8219,7 +8243,7 @@ class eu extends q {
           name: "graph_element_mouseover_fill_update"
         })
       ).style("fill", (r) => {
-        const l = e.model.getFillColor(r.parent.data.name);
+        const l = e.model.getFillColor(r.parent.data.name, null, r.data);
         return l && (a = l), sa(a).darker(0.7).toString();
       }), e.services.events.dispatchEvent(f.Tooltip.SHOW, {
         event: t,
@@ -8266,7 +8290,7 @@ class eu extends q {
           transition: i,
           name: "graph_element_mouseout_fill_update"
         })
-      ).style("fill", (i) => e.model.getFillColor(i.parent.data.name)), e.services.events.dispatchEvent(f.Treemap.LEAF_MOUSEOUT, {
+      ).style("fill", (i) => e.model.getFillColor(i.parent.data.name, null, i.data)), e.services.events.dispatchEvent(f.Treemap.LEAF_MOUSEOUT, {
         event: t,
         element: s,
         datum: n
@@ -8562,8 +8586,8 @@ export {
   Fh as O,
   bh as P,
   Wh as Q,
-  Ma as R,
-  wh as S,
+  wa as R,
+  Mh as S,
   _s as T,
   jh as U,
   Al as V,
@@ -8586,11 +8610,11 @@ export {
   Sh as b,
   ph as c,
   Ih as d,
-  Rh as e,
+  kh as e,
   _h as f,
   Ch as g,
-  Mh as h,
-  kh as i,
+  wh as h,
+  Rh as i,
   Dh as j,
   fh as k,
   uh as l,
@@ -8609,4 +8633,4 @@ export {
   Oh as y,
   Th as z
 };
-//# sourceMappingURL=choropleth-8ZwwWcHd.mjs.map
+//# sourceMappingURL=choropleth-WzFMZXLV.mjs.map