@carbon/charts 1.14.5 → 1.14.7

package/dist/{choropleth-o0OXZNlE.mjs → choropleth-3h8ShsdZ.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 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 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 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-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 { L as Ys, h as Ba, o as qs, a4 as Ha, p as Ks, B as $a, a5 as Ua, a6 as Fa, a7 as za, 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 ze } from "./color-scale-utils-JIM28DuF.mjs";
+import { select as x, pointer as zt, 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-OmWRg48c.mjs";
+import { y as j, _ as f, K as ie, r as $e, q as tt, L as xi, A as Ce, m as z, s as We, V as lt, S as 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-OI3ptUEq.mjs";
+import { b as aa } from "./_baseEach-HYEdUZwo.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,11 +210,11 @@ 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) {
-  return o = Ys(o), o && o.replace(Vi, Pi).replace(zi, "");
+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 + "]", Fi = RegExp(Ui, "g");
+function zi(o) {
+  return o = Ys(o), o && o.replace(Vi, Pi).replace(Fi, "");
 }
 var Wi = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 function ji(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(zi(e).replace(br, "")), o, "");
   };
 }
 function Or(o, e, t) {
@@ -280,12 +280,12 @@ function wr(o, e) {
   }), !!t;
 }
 function Cr(o, e, t) {
-  var n = qs(o) ? za : wr;
-  return t && Fa(o, e, t) && (e = void 0), n(o, Ks(e));
+  var n = qs(o) ? Fa : wr;
+  return t && za(o, e, t) && (e = void 0), n(o, Ks(e));
 }
 class q {
   constructor(e, t, n) {
-    if (this.type = "", this.renderType = W.HTML, this.id = "", this.parent = void 0, this.configs = {}, this.model = e, this.services = t, n && (this.configs = n, this.configs.id)) {
+    if (this.type = "", this.renderType = j.HTML, this.id = "", this.parent = void 0, this.configs = {}, this.model = e, this.services = t, n && (this.configs = n, this.configs.id)) {
       const s = v(this.model.getOptions(), "style", "prefix");
       this.id = `${s}--${this.configs.id}`;
     }
@@ -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}.${we}--${t}--${this.type}`
+        `${this.renderType === j.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,22 +434,22 @@ 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"]), 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"]), 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]/), Fr = 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(
+), zr = 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,
   ERB_EXPR: Hr,
   TMPLIT_EXPR: $r,
   DATA_ATTR: Ur,
-  ARIA_ATTR: zr,
+  ARIA_ATTR: Fr,
   IS_ALLOWED_URI: Oa,
-  IS_SCRIPT_OR_DATA: Fr,
+  IS_SCRIPT_OR_DATA: zr,
   ATTR_WHITESPACE: Wr,
   DOCTYPE_NAME: xa
 });
@@ -493,7 +493,7 @@ 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);
@@ -503,16 +503,16 @@ function Ta() {
     implementation: M,
     createNodeIterator: L,
     createDocumentFragment: I,
-    getElementsByTagName: D
+    getElementsByTagName: N
   } = t, {
-    importNode: j
+    importNode: W
   } = n;
   let k = {};
   e.isSupported = typeof ba == "function" && typeof T == "function" && M && M.createHTMLDocument !== void 0;
   const {
     MUSTACHE_EXPR: C,
     ERB_EXPR: V,
-    TMPLIT_EXPR: z,
+    TMPLIT_EXPR: F,
     DATA_ATTR: w,
     ARIA_ATTR: Q,
     IS_SCRIPT_OR_DATA: me,
@@ -523,7 +523,7 @@ function Ta() {
   } = Cs, Z = null;
   const ut = Y({}, [...Ls, ...cn, ...dn, ...hn, ...As]);
   let le = null;
-  const Ye = Y({}, [...Ms, ...un, ...ws, ...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, D = !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, Ms)), 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, ws), 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, D = 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")
@@ -628,10 +628,10 @@ function Ta() {
         }
   }, ss = function(b) {
     let R = null, B = null;
-    if (N)
+    if (D)
       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>");
@@ -649,7 +649,7 @@ function Ta() {
       }
     }
     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;
+    return b && B && fe.insertBefore(t.createTextNode(B), fe.childNodes[0] || null), Qe === Ne ? N.call(R, Te ? "html" : "body")[0] : Te ? R.documentElement : fe;
   }, as = function(b) {
     return L.call(
       b.ownerDocument || b,
@@ -689,7 +689,7 @@ 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) => {
+    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, F], (ee) => {
       R = yt(R, ee, " ");
     }), b.textContent !== R && (vt(e.removed, {
       element: b.cloneNode()
@@ -711,7 +711,7 @@ function Ta() {
             return !1;
         } else if (!Zt[R]) {
           if (!Oe(H, yt(B, K, ""))) {
-            if (!((R === "src" || R === "xlink:href" || R === "href") && b !== "script" && kr(B, "data:") === 0 && Yn[b])) {
+            if (!((R === "src" || R === "xlink:href" || R === "href") && b !== "script" && Rr(B, "data:") === 0 && Yn[b])) {
               if (!(ae && !Oe(me, yt(B, K, "")))) {
                 if (B)
                   return !1;
@@ -742,16 +742,16 @@ function Ta() {
       const fe = R[ee], {
         name: ve,
         namespaceURI: be,
-        value: ze
+        value: Fe
       } = fe, mt = he(ve);
-      let Se = ve === "value" ? ze : Dr(ze);
+      let Se = ve === "value" ? Fe : Dr(Fe);
       if (B.attrName = mt, B.attrValue = Se, B.keepAttr = !0, B.forceKeepAttr = void 0, Pe("uponSanitizeAttribute", b, B), Se = B.attrValue, B.forceKeepAttr || (Jt(ve, b), !B.keepAttr))
         continue;
       if (!re && Oe(/\/>/i, Se)) {
         Jt(ve, b);
         continue;
       }
-      ce && It([C, V, z], (hs) => {
+      ce && It([C, V, F], (hs) => {
         Se = yt(Se, hs, " ");
       });
       const ds = he(b.nodeName);
@@ -793,8 +793,8 @@ function Ta() {
       return $;
     if (_ || Kt(b), e.removed = [], typeof $ == "string" && (pt = !1), pt) {
       if ($.nodeName) {
-        const ze = he($.nodeName);
-        if (!Z[ze] || Ie[ze])
+        const Fe = he($.nodeName);
+        if (!Z[Fe] || Ie[Fe])
           throw Et("root node is forbidden and cannot be sanitized in-place");
       }
     } else if ($ instanceof r)
@@ -806,7 +806,7 @@ function Ta() {
       if (R = ss($), !R)
         return P ? null : Tt ? A : "";
     }
-    R && N && Ue(R.firstChild);
+    R && D && Ue(R.firstChild);
     const ve = as(pt ? $ : R);
     for (; ee = ve.nextNode(); )
       rs(ee) || (ee.content instanceof a && Ga(ee.content), cs(ee));
@@ -818,12 +818,12 @@ function Ta() {
           fe.appendChild(R.firstChild);
       else
         fe = R;
-      return (le.shadowroot || le.shadowrootmode) && (fe = j.call(n, fe, !0)), fe;
+      return (le.shadowroot || le.shadowrootmode) && (fe = W.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 + `>
-` + be), ce && It([C, V, z], (ze) => {
-      be = yt(be, ze, " ");
+` + be), ce && It([C, V, F], (Fe) => {
+      be = yt(be, Fe, " ");
     }), y && Tt ? y.createHTML(be) : be;
   }, e.setConfig = function() {
     let $ = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -861,7 +861,7 @@ const Dt = (o) => Un.sanitize(o, {
   }
 }), De = (o) => Un.sanitize(o, { ALLOWED_TAGS: [] }), Ut = class Ut extends q {
   constructor() {
-    super(...arguments), this.type = "toolbar", this.renderType = W.HTML;
+    super(...arguments), this.type = "toolbar", this.renderType = j.HTML;
   }
   init() {
     const e = () => this.updateOverflowMenu(!1);
@@ -1209,9 +1209,9 @@ const Dt = (o) => Un.sanitize(o, {
 };
 Ut.buttonID = 0;
 let _s = Ut;
-const zt = class zt extends q {
+const Ft = class Ft extends q {
   constructor(e, t, n, s) {
-    super(e, t, s), this.type = "layout", this.configs = s, this.children = n, this._instanceID = zt.instanceID++, this.init();
+    super(e, t, s), this.type = "layout", this.configs = s, this.children = n, this._instanceID = Ft.instanceID++, this.init();
   }
   init() {
     this.children.forEach((e) => {
@@ -1252,7 +1252,7 @@ const zt = class zt extends q {
     ).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) {
       d.components.forEach((p) => {
-        const h = x(this), g = v(d, "renderType") === W.SVG;
+        const h = x(this), g = v(d, "renderType") === j.SVG;
         p.setParent(
           g ? S.appendOrSelect(h, "svg.layout-svg-wrapper").attr("width", "100%").attr("height", "100%") : h
         );
@@ -1260,7 +1260,7 @@ const zt = class zt extends q {
         (m === $e.PREFERRED || m === $e.FIXED) && p.render(e);
       });
     }), t.selectAll(`div.layout-child-${this._instanceID}`).style("height", null).style("width", null).each(function(d) {
-      const p = v(d, "growth"), u = v(d, "renderType") === W.SVG ? S.getSVGElementSize(x(this).select("svg.layout-svg-wrapper"), {
+      const p = v(d, "growth"), u = v(d, "renderType") === j.SVG ? S.getSVGElementSize(x(this).select("svg.layout-svg-wrapper"), {
         useBBox: !0
       }) : S.getHTMLElementSize(this);
       if (p === $e.PREFERRED) {
@@ -1295,8 +1295,8 @@ const zt = class zt extends q {
     });
   }
 };
-zt.instanceID = Math.floor(Math.random() * 99999999999);
-let Is = zt;
+Ft.instanceID = Math.floor(Math.random() * 99999999999);
+let Is = Ft;
 class dh extends q {
   constructor() {
     super(...arguments), this.type = "spacer";
@@ -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;
 }
@@ -1724,7 +1724,7 @@ function Mn(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,7 +1764,7 @@ function Gt(o) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, Gt(o);
 }
-function ko(o) {
+function Ro(o) {
   var e = /* @__PURE__ */ function(t) {
     wo(s, t);
     var n = Co(s);
@@ -1993,9 +1993,9 @@ function $o(o) {
   }(o);
   return e;
 }
-var Uo = [ko, $o];
-const zo = Uo;
-function Fo(o) {
+var Uo = [Ro, $o];
+const Fo = Uo;
+function zo(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
 var Ma = function() {
@@ -2025,7 +2025,7 @@ process.env.NODE_ENV !== "production" && (Ma = function(o, e, t) {
   }
 });
 var Wo = Ma;
-const jo = /* @__PURE__ */ Fo(Wo);
+const jo = /* @__PURE__ */ zo(Wo);
 function In(o) {
   "@babel/helpers - typeof";
   return In = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -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();
@@ -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");
@@ -2380,7 +2380,7 @@ var ll = /* @__PURE__ */ function(o) {
       }
     )
   }]), t.components = /* @__PURE__ */ new WeakMap(), t;
-}(so(ho, el, zo, bo));
+}(so(ho, el, Fo, bo));
 const cl = ll;
 class hh extends q {
   constructor(e, t, n) {
@@ -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="cds--modal-footer">
 			  <div class="${we}--${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>
+			  <button class="cds--btn cds--btn--primary" type="button" data-modal-primary-focus>${s}</button>
 			</div>
 		</div>`;
   }
@@ -2460,7 +2460,7 @@ class hh extends q {
 }
 class dl extends q {
   constructor() {
-    super(...arguments), this.type = "title", this.renderType = W.HTML;
+    super(...arguments), this.type = "title", this.renderType = j.HTML;
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -2537,7 +2537,7 @@ class dl extends q {
 }
 class hl extends q {
   constructor() {
-    super(...arguments), this.type = "legend", this.renderType = W.HTML;
+    super(...arguments), this.type = "legend", this.renderType = j.HTML;
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -2559,7 +2559,7 @@ class hl extends q {
     ).attr("aria-checked", ({ status: T }) => T === de.items.status.ACTIVE).attr("width", g * 2).attr("height", g * 2).attr(
       "class",
       (T) => this.model.getColorClassName({
-        classNameTypes: [F.BACKGROUND],
+        classNameTypes: [z.BACKGROUND],
         dataGroupName: T.name,
         originalClassName: "checkbox"
       })
@@ -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 M, L = 1;
       A.append("svg").classed("icon", !0).each(function(I) {
-        const D = x(this);
-        !M || M != I.type ? (M = 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();
@@ -2686,7 +2686,7 @@ class hl extends q {
 }
 class ul extends q {
   constructor(e, t, n) {
-    super(e, t, n), this.type = "chart-clip", this.renderType = W.SVG, this.chartClipId = "chart-clip-id-" + Math.floor(Math.random() * 99999999999), this.init();
+    super(e, t, n), this.type = "chart-clip", this.renderType = j.SVG, this.chartClipId = "chart-clip-id-" + Math.floor(Math.random() * 99999999999), this.init();
   }
   init() {
     this.model.set({ chartClipId: this.chartClipId }, { skipUpdate: !0 });
@@ -2848,7 +2848,7 @@ var Hs = (at = {}, at[ge.LEFT] = function(o, e, t) {
 new jt();
 class pl extends q {
   constructor(e, t, n) {
-    super(e, t, n), this.type = "tooltip", this.renderType = W.HTML, this.isEventListenerAdded = !1, this.positionService = new jt(), this.handleShowTooltip = (s) => {
+    super(e, t, n), this.type = "tooltip", this.renderType = j.HTML, this.isEventListenerAdded = !1, this.positionService = new jt(), this.handleShowTooltip = (s) => {
       const a = s.detail.data || s.detail.items;
       let i;
       const r = this.formatItems(this.getItems(s));
@@ -2946,7 +2946,7 @@ class pl extends q {
     const t = this.services.domUtils.getHolder(), n = this.tooltip.node(), s = this.getOptions(), a = v(s, "zoomBar", "top", "enabled");
     let i = v(e, "detail", "mousePosition");
     if (!i)
-      i = Ft(v(e, "detail", "event"), t);
+      i = zt(v(e, "detail", "event"), t);
     else {
       const h = v(s, "zoomBar", "top", "type"), u = Me.height[h];
       a && (i[1] += u + Me.spacerHeight);
@@ -2984,7 +2984,7 @@ class pl extends q {
 }
 const ct = class ct extends q {
   constructor() {
-    super(...arguments), this.type = "grid-brush", this.renderType = W.SVG, this.selectionSelector = "rect.selection", this.frontSelectionSelector = "rect.frontSelection";
+    super(...arguments), this.type = "grid-brush", this.renderType = j.SVG, this.selectionSelector = "rect.selection", this.frontSelectionSelector = "rect.frontSelection";
   }
   // needs to match the class name in _grid-brush.scss
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3008,17 +3008,17 @@ const ct = class ct extends q {
       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), W = N * ct.DASH_LENGTH;
+        for (let k = 0; k < N; k++)
           I += "," + ct.DASH_LENGTH;
-        I += "," + (l - j), D % 2 === 1 && (I += ",0"), I += "," + L.toString(), I += "," + l.toString(), u.attr("stroke-dasharray", I);
+        I += "," + (l - W), 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 = (M, L) => {
         const I = Ja().range([0, r]).domain(g);
-        let D = [I.invert(M), 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 = (M) => {
@@ -3032,11 +3032,11 @@ const ct = class ct extends q {
       const A = this.services.zoom.getZoomRatio();
       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 j = I + r * A / 2;
-          j > r && (j = r), O(D, j);
+          const L = this.services.domUtils.getHolder(), I = zt(a.node(), L)[0];
+          let N = I - r * A / 2;
+          N < 0 && (N = 0);
+          let W = I + r * A / 2;
+          W > r && (W = r), O(N, W);
         }
       });
     }
@@ -3046,7 +3046,7 @@ ct.DASH_LENGTH = 4;
 let Us = ct;
 class ph extends q {
   constructor() {
-    super(...arguments), this.type = "zoom-bar", this.renderType = W.SVG, this.MIN_SELECTION_DIFF = 9e-10, this.brushSelector = "g.zoom-bar-brush", this.clipId = "zoomBarClip-" + Math.floor(Math.random() * 99999999999), this.brush = Qs(), this.highlightStrokeWidth = 1;
+    super(...arguments), this.type = "zoom-bar", this.renderType = j.SVG, this.MIN_SELECTION_DIFF = 9e-10, this.brushSelector = "g.zoom-bar-brush", this.clipId = "zoomBarClip-" + Math.floor(Math.random() * 99999999999), this.brush = Qs(), this.highlightStrokeWidth = 1;
   }
   init() {
     this.services.events.addEventListener(f.ZoomBar.UPDATE, this.render.bind(this));
@@ -3106,17 +3106,17 @@ 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;
+        const L = i.highlightStartMapsTo, I = i.highlightEndMapsTo, N = i.color, W = 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(
             "width",
             this.xScale(k[I]) - this.xScale(k[L])
           ).style(
             "fill",
-            D && D.scale[k[j]] ? D.scale[k[j]] : null
+            N && N.scale[k[W]] ? N.scale[k[W]] : null
           ).style("fill-opacity", 0.1).style(
             "stroke",
-            D && D.scale[k[j]] ? D.scale[k[j]] : null
+            N && N.scale[k[W]] ? N.scale[k[W]] : null
           ).style("stroke-dasharray", "2, 2").attr("stroke-width", "1px");
         });
       }
@@ -3240,7 +3240,7 @@ class ph extends q {
 }
 class gh extends q {
   constructor(e, t) {
-    super(e, t), this.type = "threshold", this.renderType = W.SVG, this.positionService = new jt();
+    super(e, t), this.type = "threshold", this.renderType = j.SVG, this.positionService = new jt();
   }
   render(e = !1) {
     const t = v(this.getOptions(), "axes"), n = [];
@@ -3272,36 +3272,36 @@ 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, M] = E.range(), { cartesianScales: L } = p.services, I = L.getOrientation(), D = (z) => L.getDomainValue(z), j = (z) => L.getRangeValue(z), [k, C] = He(
-        D,
-        j,
+      const O = g === ue.LABELS, [T, y] = m.range(), [A, M] = E.range(), { cartesianScales: L } = p.services, I = L.getOrientation(), N = (F) => L.getDomainValue(F), W = (F) => L.getRangeValue(F), [k, C] = He(
+        N,
+        W,
         I
       ), V = x(this);
       h === G.TOP || h === G.BOTTOM ? (V.selectAll("line.threshold-line").transition().call(
-        (z) => p.services.transitions.setupTransition({
-          transition: z,
+        (F) => p.services.transitions.setupTransition({
+          transition: F,
           name: "threshold-line-update",
           animate: e
         })
       ).attr("y1", M).attr("y2", A).attr(
         "x1",
-        ({ datum: z }) => k(z) + (O ? u.step() / 2 : 0)
+        ({ datum: F }) => k(F) + (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 - M)).classed("rotate", !0)) : (V.selectAll("line.threshold-line").transition().call(
-        (z) => p.services.transitions.setupTransition({
-          transition: z,
+        ({ datum: F }) => k(F) + (O ? u.step() / 2 : 0)
+      ).style("stroke", ({ fillColor: F }) => F), V.selectAll("rect.threshold-hoverable-area").attr("x", 0).attr("y", ({ datum: F }) => -k(F)).attr("width", Math.abs(A - M)).classed("rotate", !0)) : (V.selectAll("line.threshold-line").transition().call(
+        (F) => p.services.transitions.setupTransition({
+          transition: F,
           name: "threshold-line-update",
           animate: e
         })
       ).attr("x1", T).attr("x2", y).attr(
         "y1",
-        ({ datum: z }) => C(z) + (O ? u.step() / 2 : 0)
+        ({ datum: F }) => C(F) + (O ? u.step() / 2 : 0)
       ).attr(
         "y2",
-        ({ datum: z }) => C(z) + (O ? u.step() / 2 : 0)
-      ).style("stroke", ({ fillColor: z }) => z), V.selectAll("rect.threshold-hoverable-area").attr("x", T).attr("y", ({ datum: z }) => C(z)).attr("width", Math.abs(y - T)).classed("rotate", !1));
+        ({ datum: F }) => C(F) + (O ? u.step() / 2 : 0)
+      ).style("stroke", ({ fillColor: F }) => F), V.selectAll("rect.threshold-hoverable-area").attr("x", T).attr("y", ({ datum: F }) => C(F)).attr("width", Math.abs(y - T)).classed("rotate", !1));
     }), this.services.events.addEventListener(f.Threshold.SHOW, (h) => {
       this.setThresholdLabelPosition(h.detail), this.label.classed("hidden", !1);
     }), this.services.events.addEventListener(f.Threshold.HIDE, () => {
@@ -3327,7 +3327,7 @@ class gh extends q {
     ).classed("hidden", !0);
   }
   setThresholdLabelPosition({ event: e, datum: t }) {
-    const n = this.services.domUtils.getHolder(), s = Ft(e, n), a = t.valueFormatter ? t.valueFormatter(t.value) : this.getFormattedValue(t);
+    const n = this.services.domUtils.getHolder(), s = zt(e, n), a = t.valueFormatter ? t.valueFormatter(t.value) : this.getFormattedValue(t);
     this.label.html(De(`${t.label || "Threshold"}: ${a}`)).style("background-color", t.fillColor);
     const i = this.label.node(), r = this.positionService.findBestPlacementAt(
       {
@@ -3378,7 +3378,7 @@ class gh extends q {
 }
 class mh extends q {
   constructor(e, t) {
-    super(e, t), this.type = "highlight", this.renderType = W.SVG, this.positionService = new jt(), this.highlightStrokeWidth = 1;
+    super(e, t), this.type = "highlight", this.renderType = j.SVG, this.positionService = new jt(), this.highlightStrokeWidth = 1;
   }
   render(e = !1) {
     const t = v(this.getOptions(), "axes"), n = [];
@@ -3407,12 +3407,12 @@ 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(), M = (k) => y.getDomainValue(k), L = (k) => y.getRangeValue(k), [I, D] = He(
+      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 = (k) => y.getDomainValue(k), L = (k) => y.getRangeValue(k), [I, N] = He(
         M,
         L,
         A
-      ), j = x(this);
-      h === G.TOP || h === G.BOTTOM ? j.selectAll("rect.highlight-bar").transition().call(
+      ), W = x(this);
+      h === G.TOP || h === G.BOTTOM ? W.selectAll("rect.highlight-bar").transition().call(
         (k) => p.services.transitions.setupTransition({
           transition: k,
           name: "highlight-bar-update",
@@ -3421,15 +3421,15 @@ class mh extends q {
       ).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(
         "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(
+      ).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) : W.selectAll("rect.highlight-bar").transition().call(
         (k) => p.services.transitions.setupTransition({
           transition: k,
           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: k, ...C }) => N(C[k])).attr(
         "height",
-        ({ highlightStartMapsTo: k, highlightEndMapsTo: C, ...V }) => Math.max(D(V[k]) - D(V[C]), 0)
+        ({ highlightStartMapsTo: k, highlightEndMapsTo: C, ...V }) => Math.max(N(V[k]) - N(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);
     });
   }
@@ -3485,7 +3485,7 @@ class fh extends pl {
         value: h[r],
         color: this.model.getFillColor(h[r]),
         class: this.model.getColorClassName({
-          classNameTypes: [F.TOOLTIP],
+          classNameTypes: [z.TOOLTIP],
           dataGroupName: h[r]
         })
       });
@@ -3502,7 +3502,7 @@ class fh extends pl {
           value: Array.isArray(u) && u.length === 2 ? `${u[0]} - ${u[1]}` : u,
           color: this.model.getFillColor(h[r]),
           class: this.model.getColorClassName({
-            classNameTypes: [F.TOOLTIP],
+            classNameTypes: [z.TOOLTIP],
             dataGroupName: h[r]
           })
         };
@@ -3523,7 +3523,7 @@ class fh extends pl {
 }
 class vh extends q {
   constructor() {
-    super(...arguments), this.type = "alluvial", this.renderType = W.SVG, this.gradient_id = "gradient-id-" + Math.floor(Math.random() * 99999999999);
+    super(...arguments), this.type = "alluvial", this.renderType = j.SVG, this.gradient_id = "gradient-id-" + Math.floor(Math.random() * 99999999999);
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -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 = 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]
     ]);
@@ -3584,14 +3584,18 @@ class vh extends q {
       "id",
       (y) => this.services.domUtils.generateElementIDString(`alluvial-line-${y.index}`)
     ).attr("class", (y) => a.alluvial.monochrome ? this.model.getColorClassName({
-      classNameTypes: [F.STROKE],
+      classNameTypes: [z.STROKE],
       dataGroupName: 0,
       originalClassName: "link"
     }) : this.model.getColorClassName({
-      classNameTypes: [F.STROKE],
+      classNameTypes: [z.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 : ""})`
     );
@@ -3620,8 +3624,8 @@ class vh extends q {
       ), { 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"));
@@ -3768,7 +3772,7 @@ class vh extends q {
 }
 class yh extends q {
   constructor() {
-    super(...arguments), this.type = "grid", this.renderType = W.SVG;
+    super(...arguments), this.type = "grid", this.renderType = j.SVG;
   }
   render(e = !0) {
     const t = v(this.getOptions(), "grid", "x", "enabled"), n = v(this.getOptions(), "grid", "y", "enabled");
@@ -3864,7 +3868,7 @@ class yh extends q {
 }
 class Eh extends q {
   constructor() {
-    super(...arguments), this.type = "area", this.renderType = W.SVG, this.gradient_id = "gradient-id-" + Math.floor(Math.random() * 99999999999), this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "area", this.renderType = j.SVG, this.gradient_id = "gradient-id-" + Math.floor(Math.random() * 99999999999), this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail;
       this.parent.selectAll("path.area").transition("legend-hover-area").call(
         (n) => this.services.transitions.setupTransition({
@@ -3908,7 +3912,7 @@ class Eh extends q {
     if (E) {
       const M = T.select(
         `path.${this.model.getColorClassName({
-          classNameTypes: [F.STROKE],
+          classNameTypes: [z.STROKE],
           dataGroupName: l[0].name
         })}`
       ).node();
@@ -3920,8 +3924,8 @@ class Eh extends q {
       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({
@@ -3948,7 +3952,7 @@ class Eh extends q {
     ).attr("class", "area").attr(
       "class",
       (M) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: M.name,
         originalClassName: "area"
       })
@@ -3958,11 +3962,11 @@ class Eh extends q {
     }) : (A.attr("opacity", 0).merge(O).attr("class", "area").attr(
       "class",
       (M) => this.model.getColorClassName({
-        classNameTypes: [F.FILL, F.STROKE],
+        classNameTypes: [z.FILL, z.STROKE],
         dataGroupName: M.name,
         originalClassName: "area"
       })
-    ).style("fill", (M) => y.model.getFillColor(M.name)).transition().call(
+    ).style("fill", (M) => y.model.getFillColor(M.name, null, M.data)).transition().call(
       (M) => this.services.transitions.setupTransition({
         transition: M,
         name: "area-update-enter",
@@ -3971,7 +3975,7 @@ class Eh extends q {
     ).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", (M) => y.model.getStrokeColor(M.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;
@@ -3980,7 +3984,7 @@ class Eh extends q {
 }
 class bh extends q {
   constructor() {
-    super(...arguments), this.type = "line", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "line", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail;
       this.parent.selectAll("path.line").transition("legend-hover-line").call(
         (n) => this.services.transitions.setupTransition({
@@ -4034,11 +4038,11 @@ class bh extends q {
     h.exit().attr("opacity", 0).remove(), h.enter().append("path").classed("line", !0).attr("opacity", 0).merge(h).data(p, (g) => g.name).attr(
       "class",
       (g) => this.model.getColorClassName({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         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);
@@ -4060,13 +4064,13 @@ class bh extends q {
     e.removeEventListener(f.Legend.ITEM_HOVER, this.handleLegendOnHover), e.removeEventListener(f.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
   }
 }
-const zs = 5;
+const Fs = 5;
 function gl(o, e) {
-  return o > e - zs && o < e + zs;
+  return o > e - Fs && o < e + Fs;
 }
 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;
+    super(...arguments), this.type = "ruler", this.renderType = j.SVG, this.isXGridEnabled = v(this.getOptions(), "grid", "x", "enabled"), this.isYGridEnabled = v(this.getOptions(), "grid", "y", "enabled"), this.isEventListenerAdded = !1;
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -4131,7 +4135,7 @@ class wa extends q {
     this.isEventListenerAdded = !0;
     const e = this, t = this.services.domUtils.getHolder(), n = this.model.getDisplayData();
     let s = function(a) {
-      const i = Ft(a, e.parent.node());
+      const i = zt(a, e.parent.node());
       e.showRuler(a, i);
     };
     if (n.length > 100) {
@@ -4152,9 +4156,9 @@ class wa extends q {
     this.backdrop = S.appendOrSelect(e, "svg.chart-grid-backdrop");
   }
 }
-class zn extends q {
+class Fn extends q {
   constructor() {
-    super(...arguments), this.type = "scatter", this.renderType = W.SVG, this.handleChartHolderOnHover = () => {
+    super(...arguments), this.type = "scatter", this.renderType = j.SVG, this.handleChartHolderOnHover = () => {
       if (!this.parent)
         throw new Error("Parent not defined");
       this.parent.selectAll("circle.dot").transition("chart-holder-hover-scatter").call(
@@ -4288,7 +4292,7 @@ class zn extends q {
       i.getOrientation()
     ), { fadeInOnChartHolderMouseover: h } = this.configs;
     e.raise().classed("dot", !0).attr("class", (u) => {
-      const g = i.getDomainIdentifier(u), E = this.model.getIsFilled(u[r], u[g], u, s) ? [F.FILL, F.STROKE] : [F.STROKE];
+      const g = i.getDomainIdentifier(u), E = this.model.getIsFilled(u[r], u[g], u, s) ? [z.FILL, z.STROKE] : [z.STROKE];
       return this.model.getColorClassName({
         classNameTypes: E,
         dataGroupName: u[r],
@@ -4338,7 +4342,7 @@ class zn extends q {
       a.classed("hovered", !0).attr(
         "class",
         (l) => e.model.getColorClassName({
-          classNameTypes: [F.FILL],
+          classNameTypes: [z.FILL],
           dataGroupName: l[t],
           originalClassName: a.attr("class")
         })
@@ -4408,7 +4412,7 @@ class zn extends q {
 }
 class Ca extends q {
   constructor(e, t, n) {
-    super(e, t, n), this.type = "axes", this.renderType = W.SVG, this.truncation = {
+    super(e, t, n), this.type = "axes", this.renderType = j.SVG, this.truncation = {
       [G.LEFT]: !1,
       [G.RIGHT]: !1,
       [G.TOP]: !1,
@@ -4448,10 +4452,10 @@ class Ca extends q {
       g.attr("aria-hidden", !0);
       return;
     }
-    const A = v(E, "scaleType"), M = 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"), w = S.appendOrSelect(z, "text").text("0"), Q = S.getSVGElementSize(w.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"), W = v(E, "truncation", "threshold"), k = v(E, "truncation", "numCharacter"), C = L !== null, V = v(n, "timeScale"), F = S.appendOrSelect(m, "g.tick"), w = S.appendOrSelect(F, "text").text("0"), Q = S.getSVGElementSize(w.node(), {
       useBBox: !0
     }).height;
-    z.remove();
+    F.remove();
     const me = this.scaleType || E.scaleType || ue.LINEAR, K = h(p).tickSizeOuter(0);
     if (p.ticks) {
       let U;
@@ -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 (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), 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 > W ? (ae.truncation[t] = !0, Ot(re, N, k)) : re;
         }), this.getInvisibleAxisRef().selectAll("g.tick text").data(U).text(function(re) {
-          return re.length > j ? Ot(re, D, k) : re;
+          return re.length > W ? Ot(re, N, k) : re;
         }), l.selectAll("g.ticks").html(this.getInvisibleAxisRef().html()), l.selectAll("g.tick text").data(U);
       }
     }
@@ -4773,7 +4777,7 @@ class ml extends Ca {
 }
 class Sh extends q {
   constructor() {
-    super(...arguments), this.type = "2D-axes", this.renderType = W.SVG, this.children = {}, this.thresholds = [], this.margins = {
+    super(...arguments), this.type = "2D-axes", this.renderType = j.SVG, this.children = {}, this.thresholds = [], this.margins = {
       top: 0,
       right: 0,
       bottom: 0,
@@ -4938,7 +4942,7 @@ class fl extends q {
 }
 class Oh extends q {
   constructor() {
-    super(...arguments), this.type = "boxplot", this.renderType = W.SVG;
+    super(...arguments), this.type = "boxplot", this.renderType = j.SVG;
   }
   render(e) {
     const t = this.getComponentContainer({ withinChartClip: !0 }), n = this.getOptions(), { groupMapsTo: s } = n.data, a = this.model.getDataGroupNames(), i = this.services.cartesianScales.getMainXScale(), r = this.services.cartesianScales.getMainYScale(), [l, c] = i.range(), [d, p] = r.range(), h = c - l, u = d - p;
@@ -4950,11 +4954,11 @@ class Oh extends q {
       m
     ), 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({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         originalClassName: "vertical-line start"
       })
     ).attr("stroke-width", Ae.strokeWidth.default).attr("fill", "none").transition().call(
@@ -4964,12 +4968,12 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      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);
+      const V = g.getDomainValue(C[s]), F = V, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.quartiles.q_25);
+      return ye({ x0: V, x1: F, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.vertical-line.end")).attr(
       "class",
       () => this.model.getColorClassName({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         originalClassName: "vertical-line end"
       })
     ).attr("stroke-width", Ae.strokeWidth.default).attr("fill", "none").transition().call(
@@ -4979,12 +4983,12 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      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);
+      const V = g.getDomainValue(C[s]), F = V, w = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.quartiles.q_75);
+      return ye({ x0: V, x1: F, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.box")).attr(
       "class",
       () => this.model.getColorClassName({
-        classNameTypes: [F.FILL, F.STROKE],
+        classNameTypes: [z.FILL, z.STROKE],
         originalClassName: "box"
       })
     ).attr("fill-opacity", Ae.box.opacity.default).attr("stroke-width", Ae.strokeWidth.default).attr("role", X.GRAPHICS_SYMBOL).attr("aria-roledescription", "box").attr("aria-label", (C) => C[s]).transition().call(
@@ -4994,19 +4998,19 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      const V = g.getDomainValue(C[s]) - A / 2, z = V + A, w = g.getRangeValue(
+      const V = g.getDomainValue(C[s]) - A / 2, F = V + A, w = g.getRangeValue(
         Math[E ? "max" : "min"](C.quartiles.q_75, C.quartiles.q_25)
       ), Q = w + Math.abs(
         g.getRangeValue(C.quartiles.q_75) - g.getRangeValue(C.quartiles.q_25)
       );
-      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
+      return ye({ x0: V, x1: F, 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, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.max);
-      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
+      const V = g.getDomainValue(C[s]) - A / 2, F = V + A, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.max);
+      return ye({ x0: V, x1: F, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.whisker.start")).attr(
       "class",
       () => this.model.getColorClassName({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         originalClassName: "whisker start"
       })
     ).attr("stroke-width", Ae.strokeWidth.thicker).attr("fill", "none").transition().call(
@@ -5016,12 +5020,12 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      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);
+      const V = g.getDomainValue(C[s]) - A / 4, F = V + A / 2, w = g.getRangeValue(C.whiskers.min), Q = g.getRangeValue(C.whiskers.min);
+      return ye({ x0: V, x1: F, y0: w, y1: Q }, m);
     }), I.append("path").merge(L.select("path.median")).attr("fill", "none").attr(
       "class",
       () => this.model.getColorClassName({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         originalClassName: "median"
       })
     ).attr("stroke-width", 2).transition().call(
@@ -5031,12 +5035,12 @@ class Oh extends q {
         animate: e
       })
     ).attr("d", (C) => {
-      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);
+      const V = g.getDomainValue(C[s]) - A / 2, F = V + A, w = g.getRangeValue(C.quartiles.q_50);
+      return ye({ x0: V, x1: F, y0: w, y1: w }, m);
     }), I.append("path").merge(L.select("path.whisker.end")).attr(
       "class",
       () => this.model.getColorClassName({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         originalClassName: "whisker end"
       })
     ).attr("stroke-width", Ae.strokeWidth.thicker).attr("fill", "none").transition().call(
@@ -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, w = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.whiskers.max);
-      return ye({ x0: V, x1: z, y0: w, y1: Q }, m);
+      const V = g.getDomainValue(C[s]) - A / 4, F = V + A / 2, w = g.getRangeValue(C.whiskers.max), Q = g.getRangeValue(C.whiskers.max);
+      return ye({ x0: V, x1: F, y0: w, y1: Q }, m);
     });
-    const j = D.selectAll("circle.outlier").data(
+    const W = N.selectAll("circle.outlier").data(
       (C) => C.outliers.map((V) => ({
         min: C.whiskers.min,
         max: C.whiskers.max,
@@ -5057,12 +5061,12 @@ class Oh extends q {
         value: V
       }))
     );
-    j.exit().remove();
-    const k = j.enter().append("circle");
-    j.merge(k).attr("r", Ae.circle.radius).attr(
+    W.exit().remove();
+    const k = W.enter().append("circle");
+    W.merge(k).attr("r", Ae.circle.radius).attr(
       "class",
       () => this.model.getColorClassName({
-        classNameTypes: [F.FILL, F.STROKE],
+        classNameTypes: [z.FILL, z.STROKE],
         originalClassName: "outlier"
       })
     ).attr("fill-opacity", Ae.circle.opacity.default).attr("cx", O).transition().call(
@@ -5085,7 +5089,7 @@ class Oh extends q {
             label: v(t, "locale", "translations", "group") || v(t, "tooltip", "groupLabel") || "Group",
             value: a[n],
             class: e.model.getColorClassName({
-              classNameTypes: [F.TOOLTIP]
+              classNameTypes: [z.TOOLTIP]
             })
           },
           {
@@ -5156,7 +5160,7 @@ class Oh extends q {
             label: v(t, "locale", "translations", "group") || v(t, "tooltip", "groupLabel") || "Group",
             value: i[n],
             class: e.model.getColorClassName({
-              classNameTypes: [F.TOOLTIP]
+              classNameTypes: [z.TOOLTIP]
             })
           },
           {
@@ -5198,7 +5202,7 @@ class Oh extends q {
 }
 class xh extends q {
   constructor() {
-    super(...arguments), this.type = "zero-line", this.renderType = W.SVG;
+    super(...arguments), this.type = "zero-line", this.renderType = j.SVG;
   }
   render(e) {
     const t = this.services.cartesianScales.getRangeAxisPosition({
@@ -5229,9 +5233,9 @@ class xh extends q {
     ).attr("y1", p.y0).attr("y2", p.y1).attr("x1", p.x0).attr("x2", p.x1);
   }
 }
-class Th extends zn {
+class Th extends Fn {
   constructor() {
-    super(...arguments), this.type = "bubble", this.renderType = W.SVG;
+    super(...arguments), this.type = "bubble", this.renderType = j.SVG;
   }
   getRadiusScale(e) {
     const t = this.getOptions(), { radiusMapsTo: n } = t.bubble, s = e.data(), a = s.map((c) => c[n]).filter((c) => c), i = S.getHTMLElementSize(this.services.domUtils.getMainContainer()), r = a.length > 0, l = r ? Wt(a) : [1, 1];
@@ -5255,7 +5259,7 @@ class Th extends zn {
     ).attr("cx", d).attr("cy", p).attr("r", (h) => a(h[s] || 1)).attr(
       "class",
       (h) => this.model.getColorClassName({
-        classNameTypes: [F.FILL, F.STROKE],
+        classNameTypes: [z.FILL, z.STROKE],
         dataGroupName: h[i],
         originalClassName: "dot"
       })
@@ -5279,7 +5283,7 @@ class Th extends zn {
 }
 class Lh extends q {
   constructor() {
-    super(...arguments), this.type = "bullet", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "bullet", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, { groupMapsTo: n } = this.getOptions().data;
       this.parent.selectAll("path.bar").transition("legend-hover-simple-bar").call(
         (s) => this.services.transitions.setupTransition({
@@ -5340,11 +5344,14 @@ class Lh extends q {
       ).attr(
         "class",
         (O) => this.model.getColorClassName({
-          classNameTypes: [F.FILL],
+          classNameTypes: [z.FILL],
           dataGroupName: O[n],
           originalClassName: "bar"
         })
-      ).style("fill", (O) => this.model.getFillColor(O[n])).attr("d", (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: M, y1: L },
@@ -5416,7 +5423,7 @@ class Lh extends q {
             label: v(t, "locale", "translations", "group") || v(t, "tooltip", "groupLabel") || "Group",
             value: l[n],
             class: e.model.getColorClassName({
-              classNameTypes: [F.TOOLTIP],
+              classNameTypes: [z.TOOLTIP],
               dataGroupName: l[n]
             })
           },
@@ -5490,14 +5497,14 @@ function El(o, e) {
 }
 function bl(o, e) {
   return typeof e == "string" && (e = o.objects[e]), e.type === "GeometryCollection" ? { type: "FeatureCollection", features: e.geometries.map(function(t) {
-    return Fs(o, t);
-  }) } : Fs(o, e);
+    return zs(o, t);
+  }) } : zs(o, e);
 }
-function Fs(o, e) {
-  var t = e.id, n = e.bbox, s = e.properties == null ? {} : e.properties, a = Fn(o, e);
+function zs(o, e) {
+  var t = e.id, n = e.bbox, s = e.properties == null ? {} : e.properties, a = zn(o, e);
   return t == null && n == null ? { type: "Feature", properties: s, geometry: a } : n == null ? { type: "Feature", id: t, properties: s, geometry: a } : { type: "Feature", id: t, bbox: n, properties: s, geometry: a };
 }
-function Fn(o, e) {
+function zn(o, e) {
   var t = yl(o.transform), n = o.arcs;
   function s(d, p) {
     p.length && p.pop();
@@ -5599,7 +5606,7 @@ function Ol(o) {
   return Math.abs(a);
 }
 function xl(o) {
-  return Fn(o, Tl.apply(this, arguments));
+  return zn(o, Tl.apply(this, arguments));
 }
 function Tl(o, e) {
   var t = {}, n = [], s = [];
@@ -5625,7 +5632,7 @@ function Tl(o, e) {
     }), n.push(l);
   }
   function r(l) {
-    return Ol(Fn(o, { type: "Polygon", arcs: [l] }).coordinates[0]);
+    return Ol(zn(o, { type: "Polygon", arcs: [l] }).coordinates[0]);
   }
   return n.forEach(function(l) {
     if (!l._) {
@@ -5662,7 +5669,7 @@ function Tl(o, e) {
 }
 class Ah extends wa {
   constructor() {
-    super(...arguments), this.type = "ruler-binned", this.renderType = W.SVG;
+    super(...arguments), this.type = "ruler-binned", this.renderType = j.SVG;
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -5680,7 +5687,7 @@ class Ah extends wa {
         label: I,
         value: ne(O, `data.${I}`),
         class: this.model.getColorClassName({
-          classNameTypes: [F.TOOLTIP],
+          classNameTypes: [z.TOOLTIP],
           dataGroupName: I
         })
       })).filter((I) => I.value !== 0);
@@ -5698,7 +5705,7 @@ class Ah extends wa {
               {
                 label: ne(a, "locale.translations.total") || ne(a, "tooltip.totalLabel") || "Total",
                 value: A.reduce(
-                  (D, j) => D + parseFloat(ne(O, `data.${j}`)),
+                  (N, W) => N + parseFloat(ne(O, `data.${W}`)),
                   0
                 )
               }
@@ -5732,12 +5739,12 @@ const wh = (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,
@@ -5760,7 +5767,7 @@ const wh = (o, e) => {
 };
 class Vh extends hl {
   constructor(e, t, n) {
-    super(e, t, n), this.type = "color-legend", this.renderType = W.SVG, this.gradient_id = `gradient-id-${Math.floor(Math.random() * 99999999999)}`, this.handleAxisCompleteEvent = () => {
+    super(e, t, n), this.type = "color-legend", this.renderType = j.SVG, this.gradient_id = `gradient-id-${Math.floor(Math.random() * 99999999999)}`, this.handleAxisCompleteEvent = () => {
       const s = this.getComponentContainer(), { width: a } = S.getSVGElementSize(s, {
         useAttrs: !0
       }), i = v(this.getOptions(), "data", "loading");
@@ -5809,21 +5816,21 @@ class Vh extends hl {
         O.push(
           i === nn.LINEAR ? `stop-color-${E}-${r}-${k}` : `fill-${E}-${r}-${k}`
         );
-    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: D } = v(t, "locale");
-    L.tickFormat((k) => D(k, I));
-    let j;
+    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((k) => N(k, I));
+    let W;
     switch (i) {
       case nn.LINEAR:
         this.drawLinear(O, g, u);
         break;
       case nn.QUANTIZE:
-        j = this.drawQuantize(
+        W = this.drawQuantize(
           O,
           E,
           d,
           g,
           u
-        ), M.range([j, u]);
+        ), M.range([W, u]);
         break;
       default:
         throw Error("Entered color legend type is not supported.");
@@ -5853,7 +5860,7 @@ class Vh extends hl {
 }
 class Gh extends dl {
   constructor() {
-    super(...arguments), this.type = "meter-title", this.renderType = W.SVG;
+    super(...arguments), this.type = "meter-title", this.renderType = j.SVG;
   }
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
@@ -5983,7 +5990,7 @@ class Wn extends q {
 }
 class Bh extends q {
   constructor() {
-    super(...arguments), this.type = "circle-pack", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "circle-pack", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail;
       this.parent.selectAll("circle.node").transition("legend-hover-circlepack").call(
         (n) => this.services.transitions.setupTransition({
@@ -6018,11 +6025,11 @@ class Bh extends q {
     g.merge(u).attr("class", (m) => {
       const E = c && r === 3 ? this.getZoomClass(m) : "";
       return this.model.getColorClassName({
-        classNameTypes: [F.FILL, F.STROKE],
+        classNameTypes: [z.FILL, z.STROKE],
         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"
@@ -6032,7 +6039,7 @@ class Bh extends q {
   // 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) {
@@ -6162,7 +6169,7 @@ function Ll(o, e) {
 }
 class Al extends q {
   constructor() {
-    super(...arguments), this.type = "pie", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "pie", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, { groupMapsTo: n } = this.getOptions().data;
       this.parent.selectAll("path.slice").transition("legend-hover-bar").call(
         (s) => this.services.transitions.setupTransition({
@@ -6196,11 +6203,11 @@ class Al extends q {
     h.exit().attr("opacity", 0).remove(), h.enter().append("path").classed("slice", !0).attr("opacity", 0).merge(h).attr(
       "class",
       (w) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: w.data[a],
         originalClassName: "slice"
       })
-    ).style("fill", (w) => t.model.getFillColor(w.data[a])).attr("d", this.arc).transition().call(
+    ).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",
@@ -6237,13 +6244,13 @@ class Al extends q {
       }
       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: W } = 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);
-    let z = l + C;
-    L.length > 0 && (z += te.yOffsetCallout), n.attr("x", V + 7).attr("y", z), this.addEventListeners();
+    N === Ce.CENTER ? V = W / 2 : N === Ce.RIGHT && (V = W - l - te.xOffset);
+    let F = l + C;
+    L.length > 0 && (F += te.yOffsetCallout), n.attr("x", V + 7).attr("y", F), this.addEventListeners();
   }
   renderCallouts(e) {
     const t = S.appendOrSelect(this.getComponentContainer(), "g.callouts").attr("role", X.GROUP).attr("data-name", "callouts"), n = t.selectAll("g.callout").data(e);
@@ -6336,7 +6343,7 @@ class Al extends q {
 }
 class Hh extends Al {
   constructor() {
-    super(...arguments), this.type = "donut", this.renderType = W.SVG;
+    super(...arguments), this.type = "donut", this.renderType = j.SVG;
   }
   render(e = !0) {
     super.render(e);
@@ -6381,7 +6388,7 @@ class Hh extends Al {
 const Ws = "4,10 8,6 12,10", js = "12,6 8,10 4,6";
 class $h extends q {
   constructor() {
-    super(...arguments), this.type = "gauge", this.renderType = W.SVG;
+    super(...arguments), this.type = "gauge", this.renderType = j.SVG;
   }
   getValue() {
     var n;
@@ -6427,7 +6434,7 @@ class $h extends q {
     u.enter().append("path").merge(u).attr(
       "class",
       this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: "value",
         originalClassName: "arc-foreground"
       })
@@ -6449,14 +6456,17 @@ class $h extends q {
       "transform",
       `translate(0, ${p})`
     ), u = r(i), g = S.appendOrSelect(h, "g.gauge-value-number"), { code: m, number: E } = v(t, "locale"), O = v(t, "gauge", "numberFormatter"), T = g.selectAll("text.gauge-value-number").data([s]);
-    T.enter().append("text").attr("class", "gauge-value-number").merge(T).style("font-size", `${u}px`).attr("text-anchor", "middle").text((j) => E(Number(O(j)), m));
+    T.enter().append("text").attr("class", "gauge-value-number").merge(T).style("font-size", `${u}px`).attr("text-anchor", "middle").text((W) => {
+      let k;
+      return W != null ? k = Number(W.toFixed(2)) % 1 !== 0 ? W.toFixed(2) : W.toFixed() : k = 0, O ? O(k) : E(Number(k), m);
+    });
     const { width: y } = S.getSVGElementSize(
       S.appendOrSelect(e, "text.gauge-value-number"),
       { useBBox: !0 }
-    ), 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: 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
@@ -6468,9 +6478,10 @@ class $h extends q {
         "transform",
         `translate(0, ${l(r) + p})`
       ), m = S.appendOrSelect(g, "text.gauge-delta-number"), E = h ? "%" : "";
-      m.data(s === null ? [] : [s]), m.enter().append("text").classed("gauge-delta-number", !0).merge(m).attr("text-anchor", "middle").style("font-size", `${l(r)}px`).text(
-        (A) => `${i(Number(c(A)), a)}${E}`
-      );
+      m.data(s === null ? [] : [s]), m.enter().append("text").classed("gauge-delta-number", !0).merge(m).attr("text-anchor", "middle").style("font-size", `${l(r)}px`).text((A) => {
+        let M;
+        return A != null ? M = Number(A.toFixed(2)) % 1 !== 0 ? A.toFixed(2) : A.toFixed() : M = 0, c ? `${c(M)}${E}` : `${i(Number(M), a)}${E}`;
+      });
       const { width: O } = S.getSVGElementSize(
         S.appendOrSelect(t, ".gauge-delta-number"),
         { useBBox: !0 }
@@ -6530,7 +6541,7 @@ class $h extends q {
 }
 class Uh extends Wn {
   constructor() {
-    super(...arguments), this.type = "grouped-bar", this.renderType = W.SVG, this.padding = 5, this.defaultStepFactor = 70, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "grouped-bar", this.renderType = j.SVG, this.padding = 5, this.defaultStepFactor = 70, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, { groupMapsTo: n } = this.getOptions().data;
       this.parent.selectAll("path.bar").transition("legend-hover-bar").call(
         (s) => this.services.transitions.setupTransition({
@@ -6585,11 +6596,14 @@ class Uh extends Wn {
     ).attr(
       "class",
       (h) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: h[s],
         originalClassName: "bar"
       })
-    ).style("fill", (h) => this.model.getFillColor(h[s])).attr("d", (h) => {
+    ).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(
@@ -6691,9 +6705,9 @@ class Uh extends Wn {
     this.groupScale = Bn().domain(e).rangeRound([0, this.getGroupWidth()]);
   }
 }
-class zh extends q {
+class Fh extends q {
   constructor() {
-    super(...arguments), this.type = "heatmap", this.renderType = W.SVG, this.matrix = {}, this.xBandwidth = 0, this.yBandwidth = 0, this.translationUnits = {
+    super(...arguments), this.type = "heatmap", this.renderType = j.SVG, this.matrix = {}, this.xBandwidth = 0, this.yBandwidth = 0, this.translationUnits = {
       x: 0,
       y: 0
     }, this.handleAxisOnHover = (e) => {
@@ -6772,7 +6786,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,
@@ -6863,9 +6880,9 @@ class zh extends q {
     e.removeEventListener(f.Legend.ITEM_HOVER, this.handleAxisOnHover), e.removeEventListener(f.Legend.ITEM_MOUSEOUT, this.handleAxisMouseOut);
   }
 }
-class Fh extends q {
+class zh extends q {
   constructor() {
-    super(...arguments), this.type = "histogram", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "histogram", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, n = this.getOptions(), { groupMapsTo: s } = n.data;
       this.parent.selectAll("path.bar").transition("legend-hover-bar").call(
         (a) => this.services.transitions.setupTransition({
@@ -6899,11 +6916,11 @@ class Fh extends q {
     ).attr(
       "class",
       (d) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         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;
@@ -6933,7 +6950,7 @@ class Fh extends q {
             label: e.tooltip.groupLabel || "Group",
             value: r[t],
             class: a.model.getColorClassName({
-              classNameTypes: [F.TOOLTIP],
+              classNameTypes: [z.TOOLTIP],
               dataGroupName: r[t]
             })
           },
@@ -6957,9 +6974,9 @@ class Fh extends q {
     e.removeEventListener(f.Legend.ITEM_HOVER, this.handleLegendOnHover), e.removeEventListener(f.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
   }
 }
-class Wh extends zn {
+class Wh extends Fn {
   constructor() {
-    super(...arguments), this.type = "lollipop", this.renderType = W.SVG, this.handleScatterOnHover = (e) => {
+    super(...arguments), this.type = "lollipop", this.renderType = j.SVG, this.handleScatterOnHover = (e) => {
       const t = e.detail, n = this.getOptions(), { groupMapsTo: s } = n.data;
       this.parent.selectAll("line.line").attr("stroke-width", (a) => a[s] !== t.datum[s] ? Ge.weight.unselected : Ge.weight.selected);
     }, this.handleScatterOnMouseOut = () => {
@@ -6998,7 +7015,7 @@ class Wh extends zn {
     const E = g.enter().append("line").attr("opacity", 0).merge(g).classed("line", !0).attr(
       "class",
       (O) => this.model.getColorClassName({
-        classNameTypes: [F.STROKE],
+        classNameTypes: [z.STROKE],
         dataGroupName: O[s],
         originalClassName: "line"
       })
@@ -7031,7 +7048,7 @@ class Wh extends zn {
 }
 class jh extends q {
   constructor() {
-    super(...arguments), this.type = "meter", this.renderType = W.SVG;
+    super(...arguments), this.type = "meter", this.renderType = j.SVG;
   }
   getStackedBounds(e, t) {
     let n = 0;
@@ -7068,7 +7085,7 @@ class jh extends q {
     g.enter().append("rect").classed("value", !0).merge(g).attr("x", (y) => y.x).attr("y", 0).attr("height", () => u || (a ? pe.height.proportional : pe.height.default)).attr(
       "class",
       (y) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: y[c],
         originalClassName: m
       })
@@ -7078,7 +7095,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));
@@ -7142,7 +7159,7 @@ class jh extends q {
 }
 class Xh extends q {
   constructor() {
-    super(...arguments), this.type = "radar", this.renderType = W.SVG, this.getLabelDimensions = (e) => {
+    super(...arguments), this.type = "radar", this.renderType = j.SVG, this.getLabelDimensions = (e) => {
       const t = S.appendOrSelect(this.getComponentContainer(), "g.tmp-tick"), n = S.appendOrSelect(t, "text").text(e), { width: s, height: a } = S.getSVGElementSize(n.node(), { useBBox: !0 });
       return t.remove(), { width: s, height: a };
     }, this.normalizeFlatData = (e) => {
@@ -7171,14 +7188,14 @@ class Xh extends q {
           transition: n,
           name: "legend-hover-blob"
         })
-      ).style("fill-opacity", (n) => n.name !== t.datum().name ? Fe.opacity.unselected : Fe.opacity.selected).style("stroke-opacity", (n) => n.name !== t.datum().name ? Fe.opacity.unselected : 1);
+      ).style("fill-opacity", (n) => n.name !== t.datum().name ? ze.opacity.unselected : ze.opacity.selected).style("stroke-opacity", (n) => n.name !== t.datum().name ? ze.opacity.unselected : 1);
     }, this.handleLegendMouseOut = () => {
       this.parent.selectAll("g.blobs path").transition("legend-mouseout-blob").call(
         (e) => this.services.transitions.setupTransition({
           transition: e,
           name: "legend-mouseout-blob"
         })
-      ).style("fill-opacity", Fe.opacity.selected).style("stroke-opacity", 1);
+      ).style("fill-opacity", ze.opacity.selected).style("stroke-opacity", 1);
     };
   }
   init() {
@@ -7188,27 +7205,27 @@ class Xh extends q {
   render(e = !0) {
     const t = this.getComponentContainer(), { width: n, height: s } = S.getSVGElementSize(t, {
       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;
+    }), a = this.model.getData(), i = this.model.getGroupedData(), r = this.getOptions(), l = v(r, "data", "groupMapsTo"), c = v(r, "radar", "axes", "value"), { angle: d, value: p } = v(r, "radar", "axes"), { xLabelPadding: h, yLabelPadding: u, yTicksNumber: g, minRange: m, xAxisRectHeight: E } = ze;
     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), 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, M]).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), W = N.ticks(g), k = (_, D, P) => this.model.getFillColor(_, D, P), C = oi().angle((_) => L(_[d]) + Math.PI / 2).radius((_) => N(_[p])).curve(li), V = this.uniqueKeys.map((_) => {
+      const D = this.getLabelDimensions(_).width, P = Si(
         L(_),
         M
       );
-      return N + P;
+      return D + 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(W, (_) => _), K = (_) => this.uniqueKeys.map((D) => ({ [d]: D, [p]: _ }));
     me.join(
       (_) => _.append("path").attr("opacity", 0).attr("transform", `translate(${w.x}, ${w.y})`).attr("fill", "none").call(
-        (N) => N.transition().call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_axes_enter",
@@ -7217,7 +7234,7 @@ class Xh extends q {
         ).attr("opacity", 1).attr("d", (P) => C(K(P)))
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_axes_update",
@@ -7226,7 +7243,7 @@ class Xh extends q {
         ).attr("opacity", 1).attr("transform", `translate(${w.x}, ${w.y})`).attr("d", (P) => C(K(P)))
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_axes_exit",
@@ -7235,26 +7252,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, w).x).attr("y1", (N) => oe(L(N), 0, w).y).attr("x2", (N) => oe(L(N), 0, w).x).attr("y2", (N) => oe(L(N), 0, w).y).call(
-        (N) => N.transition().call(
+      (_) => _.append("line").attr("opacity", 0).attr("class", (D) => `x-axis-${st(D)}`).attr("stroke-dasharray", "0").attr("x1", (D) => oe(L(D), 0, w).x).attr("y1", (D) => oe(L(D), 0, w).y).attr("x2", (D) => oe(L(D), 0, w).x).attr("y2", (D) => oe(L(D), 0, w).y).call(
+        (D) => D.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], w).x).attr("y1", (P) => oe(L(P), D.range()[0], w).y).attr("x2", (P) => oe(L(P), D.range()[1], w).x).attr("y2", (P) => oe(L(P), D.range()[1], w).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(
+        (D) => D.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], w).x).attr("y1", (P) => oe(L(P), D.range()[0], w).y).attr("x2", (P) => oe(L(P), D.range()[1], w).x).attr("y2", (P) => oe(L(P), D.range()[1], w).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(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_axes_exit",
@@ -7263,17 +7280,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((D) => D).attr("opacity", 0).attr(
         "x",
-        (N) => oe(L(N), D.range()[1] + h, w).x
+        (D) => oe(L(D), N.range()[1] + h, w).x
       ).attr(
         "y",
-        (N) => oe(L(N), D.range()[1] + h, w).y
-      ).style("text-anchor", (N) => fs(L(N)).textAnchor).style(
+        (D) => oe(L(D), N.range()[1] + h, w).y
+      ).style("text-anchor", (D) => fs(L(D)).textAnchor).style(
         "dominant-baseline",
-        (N) => fs(L(N)).dominantBaseline
+        (D) => fs(L(D)).dominantBaseline
       ).call(
-        (N) => N.transition().call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_labels_enter",
@@ -7282,7 +7299,7 @@ class Xh extends q {
         ).attr("opacity", 1)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_labels_update",
@@ -7290,17 +7307,17 @@ class Xh extends q {
           })
         ).attr("opacity", 1).attr(
           "x",
-          (P) => oe(L(P), D.range()[1] + h, w).x
+          (P) => oe(L(P), N.range()[1] + h, w).x
         ).attr(
           "y",
-          (P) => oe(L(P), D.range()[1] + h, w).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(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_x_labels_exit",
@@ -7311,16 +7328,16 @@ 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({
-          classNameTypes: [F.FILL, F.STROKE],
-          dataGroupName: N.name,
+        (D) => this.model.getColorClassName({
+          classNameTypes: [z.FILL, z.STROKE],
+          dataGroupName: D.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", (D) => D.name).attr("opacity", 0).attr(
         "transform",
         e ? () => `translate(${w.x}, ${w.y}) scale(${1 + Math.random() * 0.35})` : `translate(${w.x}, ${w.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(
+      ).style("fill", (D) => k(D.name, null, D.data)).style("fill-opacity", ze.opacity.selected).style("stroke", (D) => k(D.name, null, D.data)).call((D) => {
+        const P = D.transition().call(
           (Le) => this.services.transitions.setupTransition({
             transition: Le,
             name: "radar_blobs_enter",
@@ -7331,13 +7348,13 @@ class Xh extends q {
       }),
       (_) => (_.attr(
         "class",
-        (N) => this.model.getColorClassName({
-          classNameTypes: [F.FILL, F.STROKE],
-          dataGroupName: N.name,
+        (D) => this.model.getColorClassName({
+          classNameTypes: [z.FILL, z.STROKE],
+          dataGroupName: D.name,
           originalClassName: "blob"
         })
-      ).style("fill", (N) => k(N.name)).style("stroke", (N) => k(N.name)), _.call(
-        (N) => N.transition().call(
+      ).style("fill", (D) => k(D.name, null, D.data)).style("stroke", (D) => k(D.name, null, D.data)), _.call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_blobs_update",
@@ -7345,8 +7362,8 @@ class Xh extends q {
           })
         ).attr("opacity", 1).attr("transform", `translate(${w.x}, ${w.y})`).attr("d", (P) => C(P.data))
       ), _),
-      (_) => _.call((N) => {
-        const P = N.transition().call(
+      (_) => _.call((D) => {
+        const P = D.transition().call(
           (Le) => this.services.transitions.setupTransition({
             transition: Le,
             name: "radar_blobs_exit",
@@ -7359,28 +7376,28 @@ class Xh extends q {
         ), 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", (D) => D[c]),
       (_) => _,
       (_) => _.remove()
     ).attr(
       "class",
       (_) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: _[l],
         originalClassName: st(_[d])
       })
-    ).attr("cx", (_) => oe(L(_[d]), D(_[p]), w).x).attr("cy", (_) => oe(L(_[d]), D(_[p]), w).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", (_) => k(_[l])), S.appendOrSelect(t, "g.x-axes-rect").attr("role", X.GROUP).selectAll("rect").data(this.uniqueKeys).join(
       (_) => _.append("rect"),
       (_) => _,
       (_) => _.remove()
-    ).attr("x", w.x).attr("y", w.y - E / 2).attr("width", D.range()[1]).attr("height", E).style("fill", "red").style("fill-opacity", 0).attr("transform", (_) => `rotate(${Oi(L(_))}, ${w.x}, ${w.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(
+    S.appendOrSelect(t, "g.y-labels").attr("role", X.GROUP).selectAll("text").data(Wt(W)).join(
+      (_) => _.append("text").attr("opacity", 0).text((D) => re(D, ae)).attr(
         "x",
-        (N) => oe(-Math.PI / 2, D(N), w).x + u
-      ).attr("y", (N) => oe(-Math.PI / 2, D(N), w).y).style("text-anchor", "start").style("dominant-baseline", "middle").call(
-        (N) => N.transition().call(
+        (D) => oe(-Math.PI / 2, N(D), w).x + u
+      ).attr("y", (D) => oe(-Math.PI / 2, N(D), w).y).style("text-anchor", "start").style("dominant-baseline", "middle").call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_labels_enter",
@@ -7389,7 +7406,7 @@ class Xh extends q {
         ).attr("opacity", 1)
       ),
       (_) => _.call(
-        (N) => N.transition().call(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_labels_update",
@@ -7397,11 +7414,11 @@ class Xh extends q {
           })
         ).text((P) => P).attr("opacity", 1).attr(
           "x",
-          (P) => oe(-Math.PI / 2, D(P), w).x + u
-        ).attr("y", (P) => oe(-Math.PI / 2, D(P), w).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(
+        (D) => D.transition().call(
           (P) => this.services.transitions.setupTransition({
             transition: P,
             name: "radar_y_labels_exit",
@@ -7440,7 +7457,7 @@ class Xh extends q {
       i.classed("hovered", !0).attr("stroke-dasharray", "4 4"), r.classed("hovered", !0).attr(
         "opacity",
         (u) => l.indexOf(u[d]) !== -1 ? 1 : 0
-      ).attr("r", Fe.dotsRadius);
+      ).attr("r", ze.dotsRadius);
       const h = e.fullDataNormalized.filter(
         (u) => u[t] === s && l.indexOf(u[d]) !== -1
       );
@@ -7450,9 +7467,9 @@ 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],
+            classNameTypes: [z.TOOLTIP],
             dataGroupName: u[d]
           })
         }))
@@ -7484,7 +7501,7 @@ class Xh extends q {
 }
 class Zh extends Wn {
   constructor() {
-    super(...arguments), this.type = "simple-bar", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "simple-bar", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, { groupMapsTo: n } = this.getOptions().data;
       this.parent.selectAll("path.bar").transition("legend-hover-simple-bar").call(
         (s) => this.services.transitions.setupTransition({
@@ -7516,11 +7533,14 @@ class Zh extends Wn {
     ).attr(
       "class",
       (c) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         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)
@@ -7606,7 +7626,7 @@ class Yh extends fl {
 }
 class qh extends q {
   constructor() {
-    super(...arguments), this.type = "area-stacked", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "area-stacked", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, n = this.getOptions(), { groupMapsTo: s } = n.data;
       this.parent.selectAll("path.area").transition("legend-hover-area").call(
         (a) => this.services.transitions.setupTransition({
@@ -7640,11 +7660,11 @@ class qh extends q {
     ).y0((g) => p(g[0])).y1((g) => p(g[1])).curve(this.services.curves.getD3Curve()), h.exit().attr("opacity", 0).remove(), h.enter().append("path").attr("opacity", 0).merge(h).data(r, (g) => v(g, 0, a)).attr("class", "area").attr(
       "class",
       (g) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         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",
@@ -7655,7 +7675,7 @@ class qh extends q {
 }
 class Kh extends Wn {
   constructor() {
-    super(...arguments), this.type = "stacked-bar", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "stacked-bar", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, { groupMapsTo: n } = this.model.getOptions().data;
       this.parent.selectAll("path.bar").transition("legend-hover-bar").call(
         (s) => this.services.transitions.setupTransition({
@@ -7695,11 +7715,14 @@ class Kh extends Wn {
     ).attr(
       "class",
       (c) => this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         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)) {
@@ -7781,9 +7804,9 @@ class Kh extends Wn {
     e.removeEventListener(f.Legend.ITEM_HOVER, this.handleLegendOnHover), e.removeEventListener(f.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
   }
 }
-class Jh extends zn {
+class Jh extends Fn {
   constructor() {
-    super(...arguments), this.type = "scatter-stacked", this.renderType = W.SVG;
+    super(...arguments), this.type = "scatter-stacked", this.renderType = j.SVG;
   }
   render(e) {
     if (!v(this.getOptions(), "points", "enabled"))
@@ -7832,7 +7855,7 @@ class Jh extends zn {
 const it = 6;
 class Qh extends q {
   constructor() {
-    super(...arguments), this.type = "tree", this.renderType = W.SVG;
+    super(...arguments), this.type = "tree", this.renderType = j.SVG;
   }
   getLongestLabel(e) {
     let t = "";
@@ -7867,18 +7890,18 @@ 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 W = h, k = h;
       h.eachBefore((H) => {
-        H.x < j.x && (j = H), H.x > k.x && (k = H);
+        H.x < W.x && (W = H), H.x > k.x && (k = H);
       });
-      const C = k.x - j.x, V = t.transition().call(
+      const C = k.x - W.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 = M.selectAll("g").data(I, (H) => H.id), w = this, Q = z.enter().append("g").attr("transform", () => `translate(${L.y0},${L.x0})`).attr(
+      ).attr("viewBox", [-p.left, W.x, n, C].join(" ")), F = M.selectAll("g").data(I, (H) => H.id), w = this, Q = F.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) {
@@ -7900,8 +7923,8 @@ class Qh extends q {
           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", () => {
+      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(), F.merge(Q).transition(V).attr("transform", (H) => `translate(${H.y},${H.x})`).attr("fill-opacity", 1).attr("stroke-opacity", 1), F.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(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 });
       });
@@ -7925,23 +7948,23 @@ class Qh extends q {
     m(h);
   }
 }
-var Ml = "#000000", wl = "#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,
   90: Vl,
   100: Gl
-}, Hl = "#fff2e8", $l = "#ffd9be", Ul = "#ffb784", zl = "#ff832b", Fl = "#eb6200", Wl = "#ba4e00", jl = "#8a3800", Xl = "#5e2900", Zl = "#3e1a00", Yl = "#231000", ql = {
+}, Hl = "#fff2e8", $l = "#ffd9be", Ul = "#ffb784", Fl = "#ff832b", zl = "#eb6200", Wl = "#ba4e00", jl = "#8a3800", Xl = "#5e2900", Zl = "#3e1a00", Yl = "#231000", ql = {
   10: Hl,
   20: $l,
   30: Ul,
-  40: zl,
-  50: Fl,
+  40: Fl,
+  50: zl,
   60: Wl,
   70: jl,
   80: Xl,
@@ -7980,22 +8003,22 @@ var Ml = "#000000", wl = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   80: Ac,
   90: Mc,
   100: wc
-}, _c = "#edf5ff", Ic = "#d0e2ff", Rc = "#a6c8ff", kc = "#78a9ff", Dc = "#4589ff", Nc = "#0f62fe", Pc = "#0043ce", Vc = "#002d9c", Gc = "#001d6c", Bc = "#001141", Hc = {
+}, _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,
   80: Vc,
   90: Gc,
   100: Bc
-}, $c = "#e5f6ff", Uc = "#bae6ff", zc = "#82cfff", Fc = "#33b1ff", Wc = "#1192e8", jc = "#0072c3", Xc = "#00539a", Zc = "#003a6d", Yc = "#012749", qc = "#061727", Kc = {
+}, $c = "#e5f6ff", Uc = "#bae6ff", Fc = "#82cfff", zc = "#33b1ff", Wc = "#1192e8", jc = "#0072c3", Xc = "#00539a", Zc = "#003a6d", Yc = "#012749", qc = "#061727", Kc = {
   10: $c,
   20: Uc,
-  30: zc,
-  40: Fc,
+  30: Fc,
+  40: zc,
   50: Wc,
   60: jc,
   70: Xc,
@@ -8035,10 +8058,10 @@ var Ml = "#000000", wl = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   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,
@@ -8046,10 +8069,10 @@ var Ml = "#000000", wl = "#ffffff", Cl = "#fcf4d6", _l = "#fddc69", Il = "#f1c21
   80: Gd,
   90: Bd,
   100: Hd
-}, Ud = "#f7f3f2", zd = "#e5e0df", Fd = "#cac5c4", Wd = "#ada8a8", jd = "#8f8b8b", Xd = "#726e6e", Zd = "#565151", Yd = "#3c3838", qd = "#272525", Kd = "#171414", Jd = {
+}, Ud = "#f7f3f2", Fd = "#e5e0df", zd = "#cac5c4", Wd = "#ada8a8", jd = "#8f8b8b", Xd = "#726e6e", Zd = "#565151", Yd = "#3c3838", qd = "#272525", Kd = "#171414", Jd = {
   10: Ud,
-  20: zd,
-  30: Fd,
+  20: Fd,
+  30: zd,
   40: Wd,
   50: jd,
   60: Xd,
@@ -8101,7 +8124,7 @@ const Qd = (o) => {
 let eh = 0;
 class eu extends q {
   constructor() {
-    super(...arguments), this.type = "treemap", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "treemap", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail;
       this.parent.selectAll("g[data-name='leaf']").transition("legend-hover-treemap").call(
         (n) => this.services.transitions.setupTransition({
@@ -8153,7 +8176,7 @@ class eu extends q {
       for (; m.depth > 1; )
         m = m.parent;
       return this.model.getColorClassName({
-        classNameTypes: [F.FILL],
+        classNameTypes: [z.FILL],
         dataGroupName: m.data.name,
         originalClassName: "leaf"
       });
@@ -8166,7 +8189,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
@@ -8224,7 +8247,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,
@@ -8271,7 +8294,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
@@ -8283,7 +8306,7 @@ class eu extends q {
 }
 class tu extends q {
   constructor() {
-    super(...arguments), this.type = "wordcloud", this.renderType = W.SVG, this.handleLegendOnHover = (e) => {
+    super(...arguments), this.type = "wordcloud", this.renderType = j.SVG, this.handleLegendOnHover = (e) => {
       const { hoveredElement: t } = e.detail, { groupMapsTo: n } = this.getOptions().data;
       this.parent.selectAll("text.word").transition("legend-hover-wordcloud").call(
         (s) => this.services.transitions.setupTransition({
@@ -8335,7 +8358,7 @@ class tu extends q {
       }).attr(
         "class",
         (T) => t.model.getColorClassName({
-          classNameTypes: [F.FILL],
+          classNameTypes: [z.FILL],
           dataGroupName: T[c],
           originalClassName: `word ${T.size > 32 ? "light" : ""}`
         })
@@ -8387,7 +8410,7 @@ class tu extends q {
             label: ne(e, "locale.translations.group") || ne(e, "tooltip.groupLabel") || "Group",
             value: i[t],
             class: n.model.getColorClassName({
-              classNameTypes: [F.TOOLTIP],
+              classNameTypes: [z.TOOLTIP],
               dataGroupName: i[t]
             })
           }
@@ -8421,7 +8444,7 @@ class tu extends q {
 }
 class th extends q {
   constructor() {
-    super(...arguments), this.type = "geo", this.renderType = W.SVG;
+    super(...arguments), this.type = "geo", this.renderType = j.SVG;
   }
   render() {
     const e = this.getComponentContainer({ withinChartClip: !0 }), { width: t, height: n } = S.getSVGElementSize(e, {
@@ -8563,8 +8586,8 @@ export {
   Uh as K,
   hl as L,
   Gh as M,
-  zh as N,
-  Fh as O,
+  Fh as N,
+  zh as O,
   bh as P,
   Wh as Q,
   wa as R,
@@ -8573,7 +8596,7 @@ export {
   jh as U,
   Al as V,
   Xh as W,
-  zn as X,
+  Fn as X,
   Zh as Y,
   xh as Z,
   fl as _,
@@ -8591,11 +8614,11 @@ export {
   Sh as b,
   ph as c,
   Ih as d,
-  Rh as e,
+  kh as e,
   _h as f,
   Ch as g,
   wh as h,
-  kh as i,
+  Rh as i,
   Dh as j,
   fh as k,
   uh as l,
@@ -8614,4 +8637,4 @@ export {
   Oh as y,
   Th as z
 };
-//# sourceMappingURL=choropleth-o0OXZNlE.mjs.map
+//# sourceMappingURL=choropleth-3h8ShsdZ.mjs.map