apexcharts 8.2.0 → 8.3.1

package/dist/sunburst.esm.js

@@ -1,5 +1,5 @@
 /*!
- * ApexCharts v8.2.0
+ * ApexCharts v8.3.1
  * (c) 2018-2026 ApexCharts
  */
 import * as _core from "apexcharts/core";
@@ -106,26 +106,33 @@ function drilldownById(w, id) {
   const list = dd && Array.isArray(dd.series) ? dd.series : [];
   return list.find((s) => s && s.id === id);
 }
-function toNode(w, d, i, paletteFromParent, parentKey, seenIds = null, opts = {}) {
+function segment(name, seen) {
+  var _a;
+  const n = String(name).replace(/\//g, "%2F");
+  const o = ((_a = seen.get(n)) != null ? _a : -1) + 1;
+  seen.set(n, o);
+  return `${o}:${n}`;
+}
+function toNode(w, d, i, paletteFromParent, parentKey, seenIds = null, opts = {}, seen = /* @__PURE__ */ new Map()) {
   var _a, _b, _c;
   const isObj = d && typeof d === "object";
   const name = isObj ? (_b = (_a = d.x) != null ? _a : d.name) != null ? _b : "" : "";
-  const value = isObj ? Number((_c = d.y) != null ? _c : d.value) : Number(d);
+  const raw = isObj ? (_c = d.y) != null ? _c : d.value : d;
+  const value = raw == null || raw === "" ? NaN : Number(raw);
   const node = {
     name: String(name),
     value: isNaN(value) ? null : value,
     color: isObj && d.color ? d.color : void 0,
-    // Identity across data updates: the path of names (indexed so same-named
-    // siblings stay distinct). Update animations morph matched keys in place.
-    _key: `${parentKey}/${i}:${name}`
+    _key: `${parentKey}/${segment(name, seen)}`
   };
   if (paletteFromParent && !node.color) {
     node.color = paletteFromParent[i % paletteFromParent.length];
   }
   if (opts.keepDatum) node._datum = d;
+  const kids = /* @__PURE__ */ new Map();
   if (isObj && Array.isArray(d.children) && d.children.length) {
     node.children = d.children.map(
-      (c, j) => toNode(w, c, j, null, node._key, seenIds, opts)
+      (c, j) => toNode(w, c, j, null, node._key, seenIds, opts, kids)
     );
   } else if (isObj && d.drilldown != null && opts.expandDrilldown !== false) {
     const visited = seenIds || /* @__PURE__ */ new Set();
@@ -136,7 +143,7 @@ function toNode(w, d, i, paletteFromParent, parentKey, seenIds = null, opts = {}
         nextSeen.add(d.drilldown);
         const palette = Array.isArray(dd.colors) ? dd.colors : null;
         node.children = dd.data.map(
-          (c, j) => toNode(w, c, j, palette, node._key, nextSeen, opts)
+          (c, j) => toNode(w, c, j, palette, node._key, nextSeen, opts, kids)
         );
       }
     }
@@ -151,8 +158,9 @@ function buildHierarchy(w, opts = {}) {
   const first = cfgSeries && cfgSeries[0];
   const data = first && Array.isArray(first.data) ? first.data : cfgSeries;
   if (!Array.isArray(data)) return [];
+  const seen = /* @__PURE__ */ new Map();
   return data.map(
-    (d, i) => toNode(w, d, i, null, "", null, opts)
+    (d, i) => toNode(w, d, i, null, "", null, opts, seen)
   );
 }
 function fillValues(node) {
@@ -277,9 +285,19 @@ function resolveFocus(node, current, roots) {
   if (next && !(next.children && next.children.length)) {
     next = next._parent || null;
   }
+  if (roots && roots.length === 1 && next === roots[0]) next = null;
   if (next === current) return { changed: false, focus: current };
   return { changed: true, focus: next };
 }
+function focusByKey(key, nodesAll, roots) {
+  var _a;
+  const f = key && nodesAll.find((n) => n._key === key);
+  return f && ((_a = f.children) == null ? void 0 : _a.length) && !(roots.length === 1 && f === roots[0]) ? f : null;
+}
+function setZoomCursor(chart, node) {
+  if (!Environment.isBrowser() || chart.cfg.zoomOnClick === false) return;
+  node._el.node.style.cursor = resolveFocus(node, chart._focus, chart._roots).changed ? "pointer" : "default";
+}
 function parseSize(size, max, fallbackRatio = 0) {
   if (typeof size === "number") return size;
   const s = String(size).trim();
@@ -314,6 +332,7 @@ function colorPass(node, color, tint, out) {
     }
   }
 }
+const escapeHtml = (s) => String(s).replace(/[&<>"']/g, (c) => `&#${c.charCodeAt(0)};`);
 class NodeTooltip {
   /**
    * @param {any} w
@@ -351,14 +370,29 @@ class NodeTooltip {
    * @param {any} node
    */
   show(e, node) {
+    var _a;
     const t = this._tip();
     if (!t) return;
     const w = this.w;
     const pctTotal = (node.value / this.total * 100).toFixed(1);
     const parentVal = node._parent ? node._parent.value : this.total;
     const pctParent = parentVal > 0 ? (node.value / parentVal * 100).toFixed(1) : pctTotal;
-    const groupBg = w.config.tooltip.fillSeriesColor ? `background-color:${node._color};` : "";
-    t.innerHTML = `<div class="apexcharts-tooltip-series-group apexcharts-active" style="display:flex;${groupBg}"><span class="apexcharts-tooltip-marker" style="background-color:${node._color}"></span><div class="apexcharts-tooltip-text"><div class="apexcharts-tooltip-y-group"><span class="apexcharts-tooltip-text-y-label">${node.name}: </span><span class="apexcharts-tooltip-text-y-value">${node.value} (${pctParent}% of parent, ${pctTotal}% of total)</span></div></div></div>`;
+    const ty = w.config.tooltip.y;
+    const fmt = (_a = Array.isArray(ty) ? ty[0] : ty) == null ? void 0 : _a.formatter;
+    const val = fmt ? fmt(node.value, { seriesIndex: 0, dataPointIndex: -1, w, node }) : +node.value.toPrecision(12);
+    t.innerHTML = `<div class="apexcharts-tooltip-series-group apexcharts-active" style="display:flex"><span class="apexcharts-tooltip-marker"></span><div class="apexcharts-tooltip-text"><div class="apexcharts-tooltip-y-group"><span class="apexcharts-tooltip-text-y-label">${escapeHtml(node.name)}: </span><span class="apexcharts-tooltip-text-y-value">${val} (${pctParent}% of parent, ${pctTotal}% of total)</span></div></div></div>`;
+    const group = (
+      /** @type {HTMLElement} */
+      t.firstChild
+    );
+    const marker = (
+      /** @type {HTMLElement} */
+      group.firstChild
+    );
+    marker.style.backgroundColor = node._color;
+    if (w.config.tooltip.fillSeriesColor) {
+      group.style.backgroundColor = node._color;
+    }
     t.classList.add("apexcharts-active");
     t.style.opacity = "1";
     this.position(e);
@@ -446,14 +480,19 @@ class SunburstChart {
     this.centerY = gh / 2 + (this.cfg.offsetY || 0);
     this.maxRadius = Math.min(gw, gh) / 2.05 - this.strokeWidth - (!w.config.chart.sparkline.enabled ? w.config.chart.dropShadow.blur : 0);
     if (this.maxRadius < 5) return g;
-    this._roots = this._buildHierarchy();
+    this._roots = buildHierarchy(w);
     if (!this._roots.length) return g;
-    this._roots.forEach((r) => this._fillValues(r));
+    this._roots.forEach(fillValues);
     this._validateStrict();
     this._nodesAll = [];
     const colors = w.globals.colors || [];
     this._roots.forEach((r, i) => {
-      this._colorPass(r, r.color || colors[i % colors.length] || "#008FFB");
+      colorPass(
+        r,
+        r.color || colors[i % colors.length] || "#008FFB",
+        this.cfg.tint,
+        this._nodesAll
+      );
     });
     this.total = this._roots.reduce((s, r) => s + Math.max(0, r.value), 0) || 1;
     this._tooltip.total = this.total;
@@ -461,13 +500,17 @@ class SunburstChart {
     this._labelsG = graphics.group({ class: "apexcharts-sunburst-labels" });
     g.add(this._ringsG);
     g.add(this._labelsG);
-    this._focus = null;
+    this._focus = focusByKey(
+      w.globals.sunburstFocusKey,
+      this._nodesAll,
+      this._roots
+    );
     this._relayout(this._focus);
     const anims = w.config.chart.animations;
     let mode = "none";
     if (anims.enabled) {
       if (w.globals.dataChanged) {
-        if (anims.dynamicAnimation.enabled) mode = "update";
+        if (w.globals.shouldAnimate !== false) mode = "update";
       } else if (!w.globals.resized) {
         mode = "intro";
       }
@@ -477,22 +520,6 @@ class SunburstChart {
     return g;
   }
   // ------------------------------------------------------------------ data
-  /**
-   * Resolve the config into root nodes `{ name, value, color?, children? }`.
-   * Each datum may carry `children` (native) or `drilldown: '<id>'` (adapter).
-   * Shared with the treemap - see charts/common/Hierarchy.
-   * @returns {any[]}
-   */
-  _buildHierarchy() {
-    return buildHierarchy(this.w);
-  }
-  /**
-   * Fill a parent's value from its children when missing.
-   * @param {any} node
-   */
-  _fillValues(node) {
-    fillValues(node);
-  }
   /**
    * With `partition: 'strict'`, warn (once) when a parent's value does not
    * match the sum of its children. The angles are still normalized to fill the
@@ -506,22 +533,13 @@ class SunburstChart {
       remedy: "Angles are normalized to fill the wedge."
     });
   }
-  /**
-   * Assign a colour to every node (explicit `color` wins, else the parent's
-   * colour tinted lighter). Done once so zoom preserves colours.
-   * Shared with the icicle - see charts/common/partition/Tint.
-   * @param {any} node
-   * @param {string} color
-   */
-  _colorPass(node, color) {
-    colorPass(node, color, this.cfg.tint, this._nodesAll);
-  }
   // ---------------------------------------------------------------- layout
   /**
    * Recompute visibility + angles + radii for a focus node (null = whole tree).
    * @param {any} focus
    */
   _relayout(focus) {
+    this.w.globals.sunburstFocusKey = focus && focus._key;
     this._focusMaxDepth = placeTree({
       roots: this._roots,
       nodesAll: this._nodesAll,
@@ -562,14 +580,15 @@ class SunburstChart {
    * @param {'intro'|'zoom'|'update'|'none'} mode
    */
   _applyLayout(mode) {
-    var _a;
+    var _a, _b, _c;
     const w = this.w;
     const anims = w.config.chart.animations;
-    const dur = !anims.enabled ? 0 : mode === "none" ? 0 : mode === "update" ? anims.dynamicAnimation.speed || 350 : anims.speed || 500;
+    const dyn = anims.dynamicAnimation;
+    const dur = !anims.enabled || mode === "none" ? 0 : mode === "intro" ? (_a = anims.speed) != null ? _a : 500 : dyn.enabled ? (_b = dyn.speed) != null ? _b : 350 : 0;
     const gen = ++this._zoomGen;
     const morph = (
       /** @type {any} */
-      (_a = this.ctx) == null ? void 0 : _a.morphTypeChange
+      (_c = this.ctx) == null ? void 0 : _c.morphTypeChange
     );
     const morphActive = !!morph && typeof morph.isActive === "function" && morph.isActive() && typeof morph.getInitialPathAt === "function";
     const morphDur = morphActive ? morph.getSpeed() : 0;
@@ -578,6 +597,11 @@ class SunburstChart {
       /** @type {any} */
       this.ctx._sunburstPrevGeoms
     ) : null;
+    const geo = (n) => n._cur || { a0: n._t0, a1: n._t1, iR: n._iR, oR: n._oR };
+    const pinch = (c) => {
+      const m = (c.a0 + c.a1) / 2;
+      return { a0: m, a1: m, iR: c.iR, oR: c.iR };
+    };
     this._nodesAll.forEach((node) => {
       if (node._show) {
         const target = {
@@ -587,36 +611,55 @@ class SunburstChart {
           oR: node._oR
         };
         if (!node._el) node._el = this._createArcEl(node);
+        setZoomCursor(this, node);
         const morphFrom = morphActive ? this._morphSourceFor(node) : null;
         if (morphFrom && morphDur > 0) {
           this._morphArcFrom(node, morphFrom, target, morphDur, gen);
         } else if ((mode === "intro" || morphActive) && dur > 0) {
           this._sweepArc(node, target, morphActive ? morphDur : dur, gen);
         } else {
-          let from;
-          let isNew = false;
-          if (node._cur) {
-            from = node._cur;
-          } else if (prev && prev.get(node._key)) {
-            from = prev.get(node._key);
-          } else {
-            const mid = (target.a0 + target.a1) / 2;
-            from = { a0: mid, a1: mid, iR: target.iR, oR: target.iR };
-            isNew = true;
-          }
-          this._animateArc(node, from, target, dur, false, isNew, gen);
+          const p = prev && prev.get(node._key);
+          const from = node._cur || (p ? geo(p) : pinch(target));
+          this._animateArc(node, from, target, dur, false, !node._cur && !p, gen);
         }
       } else if (node._el && node._cur) {
-        const mid = (node._cur.a0 + node._cur.a1) / 2;
-        const target = { a0: mid, a1: mid, iR: node._cur.iR, oR: node._cur.iR };
-        this._animateArc(node, node._cur, target, dur, true, false, gen);
+        this._animateArc(node, node._cur, pinch(node._cur), dur, true, false, gen);
       }
     });
+    if (prev && dur && !morphActive) {
+      const keys = new Set(this._nodesAll.map((n) => n._show && n._key));
+      prev.forEach((p, k) => {
+        if (keys.has(k) || !(p._show || p._cur)) return;
+        const el = this._graphics.drawPath({
+          fill: p._color,
+          stroke: this.strokeColor,
+          strokeWidth: this.strokeWidth,
+          classes: "apexcharts-sunburst-arc"
+        });
+        el.node.setAttribute("data:name", p.name);
+        this._ringsG.add(el.attr({ opacity: p._el.attr("opacity") }));
+        const c = geo(p);
+        const g = { _el: el, _color: p._color, name: p.name, _key: k, _cur: c };
+        this._nodesAll.push(g);
+        this._animateArc(g, c, pinch(c), dur, true, false, gen);
+      });
+    }
+    const end = Math.max(dur, morphDur);
+    if (end) {
+      this._ringsG.animate(end).after(() => {
+        if (this._zoomGen === gen && this._ringsG.node.isConnected)
+          new Animations(
+            w,
+            /** @type {any} */
+            this.ctx
+          ).animationCompleted(
+            this._ringsG.node
+          );
+      });
+    } else w.globals.animationEnded = true;
     const geoms = /* @__PURE__ */ new Map();
     this._nodesAll.forEach((n) => {
-      if (n._show) {
-        geoms.set(n._key, { a0: n._t0, a1: n._t1, iR: n._iR, oR: n._oR });
-      }
+      if (n._show || n._cur) geoms.set(n._key, n);
     });
     this.ctx._sunburstPrevGeoms = geoms;
     this._renderLabels(dur);
@@ -733,11 +776,9 @@ class SunburstChart {
    */
   _createArcEl(node) {
     const path = this._graphics.drawPath({
-      d: "",
       fill: node._color,
       stroke: this.strokeColor,
       strokeWidth: this.strokeWidth,
-      fillOpacity: 1,
       classes: "apexcharts-sunburst-arc"
     });
     const el = path.node;
@@ -749,9 +790,8 @@ class SunburstChart {
       String(!(node.children && node.children.length))
     );
     this._tooltip.attach(el, node);
-    if (Environment.isBrowser()) {
+    if (Environment.isBrowser() && this.cfg.zoomOnClick !== false) {
       el.addEventListener("click", () => this._zoomTo(node));
-      el.style.cursor = "pointer";
     }
     this._ringsG.add(path);
     return path;
@@ -815,11 +855,12 @@ class SunburstChart {
       if (node._t1 - node._t0 < this.cfg.dataLabels.minAngleToShow) return;
       this._renderCurvedLabel(node);
     });
+    const gen = this._zoomGen;
+    labelsG.attr({ opacity: dur > 0 ? 0 : 1 });
     if (dur > 0) {
-      labelsG.attr({ opacity: 0 });
-      labelsG.animate(250, dur).attr({ opacity: 1 });
-    } else {
-      labelsG.attr({ opacity: 1 });
+      labelsG.animate(250, dur).during((p) => {
+        if (this._zoomGen === gen) labelsG.attr({ opacity: p });
+      });
     }
   }
   /**
@@ -828,11 +869,10 @@ class SunburstChart {
    * @param {any} node
    */
   _renderCurvedLabel(node) {
-    if (!Environment.isBrowser()) return;
     const style = this.cfg.dataLabels.style;
     const w = this.w;
     const r = (node._iR + node._oR) / 2;
-    const mid = (node._t0 + node._t1) / 2;
+    const mid = ((node._t0 + node._t1) / 2 % 360 + 360) % 360;
     const flip = mid > 90 && mid < 270;
     const padDeg = Math.min(r > 0 ? 4 / r * R2D : 0, (node._t1 - node._t0) / 2);
     const from = flip ? node._t1 - padDeg : node._t0 + padDeg;
@@ -893,17 +933,13 @@ class SunburstChart {
    */
   _zoomTo(node) {
     if (this.cfg.zoomOnClick === false) return;
-    const next = resolveFocus(node, this._focus);
+    const next = resolveFocus(node, this._focus, this._roots);
     if (!next.changed) return;
     this._focus = next.focus;
     this._relayout(this._focus);
     this._applyLayout("zoom");
     this._renderBreadcrumb();
   }
-  /** Root -> focus chain of nodes. */
-  _focusChain() {
-    return focusChain(this._focus);
-  }
   /**
    * Minimal self-contained breadcrumb (reuses the shared `.apexcharts-breadcrumb`
    * CSS classes, but does NOT depend on the drilldown feature).
@@ -923,7 +959,7 @@ class SunburstChart {
     nav.style.top = "0px";
     nav.style.left = "0px";
     const crumbs = [{ name: "All", node: null }].concat(
-      this._focusChain().map((n) => ({ name: n.name, node: n }))
+      focusChain(this._focus).map((n) => ({ name: n.name, node: n }))
     );
     crumbs.forEach((crumb, i) => {
       if (i > 0) {
@@ -965,21 +1001,7 @@ class SunburstChart {
       }
     });
     elWrap.appendChild(nav);
-    this._avoidChromeOverlap(nav);
-  }
-  /**
-   * The breadcrumb is an absolute overlay at top-left, so it can sit on top of
-   * a left-aligned title (or subtitle). After mounting, push it below any chart
-   * chrome it intersects. (Duplicated from drilldown's Breadcrumb on purpose —
-   * sunburst must not import the drilldown feature.)
-   * @param {any} nav
-   */
-  /**
-   * Shared with the treemap - see charts/common/Breadcrumb.
-   * @param {any} nav
-   */
-  _avoidChromeOverlap(nav) {
-    avoidChromeOverlap(this.w, nav);
+    avoidChromeOverlap(w, nav);
   }
   // ------------------------------------------------------------ geometry
   /**

package/dist/sunburst.js

@@ -1,5 +1,5 @@
 /*!
- * ApexCharts v8.2.0
+ * ApexCharts v8.3.1
  * (c) 2018-2026 ApexCharts
  */
-!function(t){var e="undefined"!=typeof globalThis?globalThis:self,s=e.ApexCharts;if(s&&s.__internals)return t.call(e);if(s)throw new Error("ApexCharts: dist/sunburst.js cannot register: the ApexCharts on this page has no add-on surface (a script before 7.0, or a bundled apexcharts/core class). Load apexcharts.min.js, apexcharts.core.min.js or apexcharts.full.min.js.");if("function"==typeof define&&define.amd)return t.call(e);if("object"==typeof exports&&"undefined"!=typeof module||"undefined"==typeof window||"undefined"==typeof document)throw new Error("ApexCharts: dist/sunburst.js is a script-tag add-on and needs the ApexCharts script on the page. A bundler imports the matching apexcharts/ sub-path instead.");var r={file:"dist/sunburst.js",run:t,done:!1},a=e.__apexcharts_pending_addons__||(e.__apexcharts_pending_addons__=[]);a.push(r),"complete"!==document.readyState&&window.addEventListener("load",function(){if(!r.done){var s=e.ApexCharts;if(s)if(s.__internals){r.done=!0;var n=a.indexOf(r);-1!==n&&a.splice(n,1);try{t.call(e),s.__drainsAddons||e.console.warn("ApexCharts: dist/sunburst.js loaded before the ApexCharts script, which is older than 8.0 and does not pick up add-ons loaded first, so it registered only when the page finished loading. Put its tag after the ApexCharts script.")}catch(t){e.console.error("ApexCharts: dist/sunburst.js could not register with the ApexCharts script on this page: "+(t&&t.message))}}else e.console.error("ApexCharts: dist/sunburst.js cannot register: the ApexCharts on this page has no add-on surface (a script before 7.0, or a bundled apexcharts/core class). Load apexcharts.min.js, apexcharts.core.min.js or apexcharts.full.min.js.");else e.console.warn("ApexCharts: dist/sunburst.js is waiting for the ApexCharts script, which had not loaded when the page finished loading. It registers when an ApexCharts 8.0 or later script loads; if the page has none, add apexcharts.min.js (or apexcharts.core.min.js, or apexcharts.full.min.js).")}})}(function(){var t,e;t=this,e=function(t){"use strict";const e=globalThis.ApexCharts,s=globalThis.ApexCharts.__internals.__apex_Graphics,r=globalThis.ApexCharts.__internals.__apex_BrowserAPIs_BrowserAPIs,a=globalThis.ApexCharts.__internals.__apex_Environment_Environment,n=Math.PI/180,i=180/Math.PI;function o(t,e,s,r){return{x:t+s*Math.cos((r-90)*n),y:e+s*Math.sin((r-90)*n)}}const l=t=>`${t.x} ${t.y}`,h=globalThis.ApexCharts.__internals,c=h.__apex_Animations;function u(t,e,s,r,a,n=null,i={}){var o,l,h;const c=e&&"object"==typeof e,d=c&&null!=(l=null!=(o=e.x)?o:e.name)?l:"",p=Number(c?null!=(h=e.y)?h:e.value:e),_={name:String(d),value:isNaN(p)?null:p,color:c&&e.color?e.color:void 0,_key:`${a}/${s}:${d}`};if(r&&!_.color&&(_.color=r[s%r.length]),i.keepDatum&&(_._datum=e),c&&Array.isArray(e.children)&&e.children.length)_.children=e.children.map((e,s)=>u(t,e,s,null,_._key,n,i));else if(c&&null!=e.drilldown&&!1!==i.expandDrilldown){const s=n||new Set;if(!s.has(e.drilldown)){const r=function(t,e){const s=t.config.drilldown;return(s&&Array.isArray(s.series)?s.series:[]).find(t=>t&&t.id===e)}(t,e.drilldown);if(r&&Array.isArray(r.data)&&r.data.length){const a=new Set(s);a.add(e.drilldown);const n=Array.isArray(r.colors)?r.colors:null;_.children=r.data.map((e,s)=>u(t,e,s,n,_._key,a,i))}}}return _}function d(t){t.children&&t.children.length&&(t.children.forEach(t=>d(t)),(null==t.value||isNaN(t.value))&&(t.value=t.children.reduce((t,e)=>t+Math.max(0,e.value||0),0))),(null==t.value||isNaN(t.value))&&(t.value=0)}function p(t){if("string"!=typeof t)return"";const e=t.indexOf("/");return-1===e?"":t.slice(e)}function _(t,e,s,r,a,n){if(t._show=!0,t._vDepth=e,t._t0=s,t._t1=r,t._parent=a,t._leaf=!(t.children&&t.children.length),t._clipped=!t._leaf&&null!=n.cap&&e>=n.cap,e>n.maxDepth&&(n.maxDepth=e),t._leaf||t._clipped)return;const i=t.children.reduce((t,e)=>t+Math.max(0,e.value),0)||1;let o=s;for(let a=0;a<t.children.length;a++){const l=t.children[a],h=(r-s)*Math.max(0,l.value)/i;_(l,e+1,o,o+h,t,n),o+=h}}function f(t,e){if("string"!=typeof t||"#"!==t[0])return t;let s=t.slice(1);if(3===s.length&&(s=s.split("").map(t=>t+t).join("")),6!==s.length)return t;const r=parseInt(s,16);if(isNaN(r))return t;let a=r>>16&255,n=r>>8&255,i=255&r;return a=Math.round(a+(255-a)*e),n=Math.round(n+(255-n)*e),i=Math.round(i+(255-i)*e),"#"+((1<<24)+(a<<16)+(n<<8)+i).toString(16).slice(1)}function m(t,e,s,r){if(t._color=t.color||e,r.push(t),t.children)for(let e=0;e<t.children.length;e++){const a=t.children[e];m(a,a.color||f(t._color,s),s,r)}}h.__apex_Animations_computeStagger,h.__apex_Animations_applyAnimationPolicy,h.__apex_Animations_prefersReducedMotion,h.__apex_Animations_applyProgressiveReveal;class g{constructor(t){this.w=t,this.total=1,this._el=null}_tip(){return this._el||(this._el=this.w.dom.baseEl.querySelector(".apexcharts-tooltip")),this._el}attach(t,e){this.w.config.tooltip.enabled&&a.isBrowser()&&(t.addEventListener("mouseenter",t=>this.show(t,e)),t.addEventListener("mousemove",t=>this.position(t)),t.addEventListener("mouseleave",()=>this.hide()))}show(t,e){const s=this._tip();if(!s)return;const r=this.w,a=(e.value/this.total*100).toFixed(1),n=e._parent?e._parent.value:this.total,i=n>0?(e.value/n*100).toFixed(1):a,o=r.config.tooltip.fillSeriesColor?`background-color:${e._color};`:"";s.innerHTML=`<div class="apexcharts-tooltip-series-group apexcharts-active" style="display:flex;${o}"><span class="apexcharts-tooltip-marker" style="background-color:${e._color}"></span><div class="apexcharts-tooltip-text"><div class="apexcharts-tooltip-y-group"><span class="apexcharts-tooltip-text-y-label">${e.name}: </span><span class="apexcharts-tooltip-text-y-value">${e.value} (${i}% of parent, ${a}% of total)</span></div></div></div>`,s.classList.add("apexcharts-active"),s.style.opacity="1",this.position(t)}position(t){const e=this._tip();if(!e)return;const s=this.w.dom.elWrap.getBoundingClientRect(),r=e.offsetWidth,a=e.offsetHeight;let n=t.clientX-s.left+12;n+r>s.width&&(n=t.clientX-s.left-r-12),n=Math.max(0,Math.min(n,s.width-r));let i=t.clientY-s.top+12;i+a>s.height&&(i=t.clientY-s.top-a-12),i=Math.max(0,Math.min(i,s.height-a)),e.style.left=n+"px",e.style.top=i+"px"}hide(){const t=this._tip();t&&(t.classList.remove("apexcharts-active"),t.style.opacity="0")}}const x=Math.PI/180,b=180/Math.PI,y="http://www.w3.org/2000/svg",A="http://www.w3.org/1999/xhtml",w=(t,e,s)=>t+(e-t)*s;e.use({sunburst:class{constructor(t,e){this.ctx=e,this.w=t;const s=t.config;this.cfg=s.plotOptions.sunburst,this.strokeWidth=s.stroke.show?s.stroke.width:0,this.strokeColor=Array.isArray(s.stroke.colors)?s.stroke.colors[0]:s.stroke.colors||"#fff",this.startAngle=this.cfg.startAngle,this.endAngle=this.cfg.endAngle,this.maxDepth=0,this.centerX=0,this.centerY=0,this.maxRadius=0,this.total=1,this._focusMaxDepth=0,this._focus=null,this._zoomGen=0,this._roots=[],this._nodesAll=[],this._innerR=()=>0,this._outerR=()=>0,this._tooltip=new g(t),this._lblSeq=0,this._morphLeafIndex=0,this._graphics=null,this._ringsG=null,this._labelsG=null}draw(t){const e=this.w,r=new s(this.w);this._graphics=r;const a=r.group({class:"apexcharts-sunburst"});if(e.globals.noData||!t||!t.length)return a;const n=e.layout.gridWidth,i=e.layout.gridHeight;if(this.centerX=n/2+(this.cfg.offsetX||0),this.centerY=i/2+(this.cfg.offsetY||0),this.maxRadius=Math.min(n,i)/2.05-this.strokeWidth-(e.config.chart.sparkline.enabled?0:e.config.chart.dropShadow.blur),this.maxRadius<5)return a;if(this._roots=this._buildHierarchy(),!this._roots.length)return a;this._roots.forEach(t=>this._fillValues(t)),this._validateStrict(),this._nodesAll=[];const o=e.globals.colors||[];this._roots.forEach((t,e)=>{this._colorPass(t,t.color||o[e%o.length]||"#008FFB")}),this.total=this._roots.reduce((t,e)=>t+Math.max(0,e.value),0)||1,this._tooltip.total=this.total,this._ringsG=r.group({class:"apexcharts-sunburst-rings"}),this._labelsG=r.group({class:"apexcharts-sunburst-labels"}),a.add(this._ringsG),a.add(this._labelsG),this._focus=null,this._relayout(this._focus);const l=e.config.chart.animations;let h="none";return l.enabled&&(e.globals.dataChanged?l.dynamicAnimation.enabled&&(h="update"):e.globals.resized||(h="intro")),this._applyLayout(h),this._renderBreadcrumb(),a}_buildHierarchy(){return function(t,e={}){const s=t.config.series,r=s&&s[0],a=r&&Array.isArray(r.data)?r.data:s;return Array.isArray(a)?a.map((s,r)=>u(t,s,r,null,"",null,e)):[]}(this.w)}_fillValues(t){d(t)}_validateStrict(){"strict"===this.cfg.partition&&function(t,{type:e,remedy:s}){let r=!1;const a=t=>{if(t.children&&t.children.length){const n=t.children.reduce((t,e)=>t+Math.max(0,e.value||0),0);!r&&null!=t.value&&Math.abs(n-t.value)>.5&&(console.warn(`ApexCharts ${e}: partition 'strict' but "${t.name}" (${t.value}) != sum of its children (${n}). ${s}`),r=!0),t.children.forEach(a)}};t.forEach(a)}(this._roots,{type:"sunburst",remedy:"Angles are normalized to fill the wedge."})}_colorPass(t,e){m(t,e,this.cfg.tint,this._nodesAll)}_relayout(t){this._focusMaxDepth=function({roots:t,nodesAll:e,focus:s,t0:r,t1:a,cap:n}){for(let t=0;t<e.length;t++)e[t]._show=!1;const i={maxDepth:0,cap:n};if(s)return _(s,0,r,a,s._parent,i),i.maxDepth;const o=t.reduce((t,e)=>t+Math.max(0,e.value),0)||1;let l=r;for(let e=0;e<t.length;e++){const s=(a-r)*Math.max(0,t[e].value)/o;_(t[e],0,l,l+s,null,i),l+=s}return i.maxDepth}({roots:this._roots,nodesAll:this._nodesAll,focus:t,t0:this.startAngle,t1:this.endAngle});const e=function(t,e,s=0){if("number"==typeof t)return t;const r=String(t).trim();if(r.endsWith("%"))return parseFloat(r)/100*e;const a=parseFloat(r);return isNaN(a)?s*e:a}(this.cfg.innerSize,this.maxRadius,.15),s=function({maxDepth:t,near:e,far:s,gap:r=0}){const a=t+1,n=(s-e)/a,i=a>1?r:0;return{near:t=>e+t*n+(t>0?i/2:0),far:t=>e+(t+1)*n-i/2}}({maxDepth:this._focusMaxDepth,near:e,far:this.maxRadius,gap:1});this._innerR=s.near,this._outerR=s.far,this._nodesAll.forEach(t=>{t._show&&(t._iR=s.near(t._vDepth),t._oR=function(t,e,s,r,a){return t._leaf&&"extend"===r&&t._vDepth<s?a:e.far(t._vDepth)}(t,s,this._focusMaxDepth,this.cfg.leaf,this.maxRadius))})}_applyLayout(t){var e;const s=this.w.config.chart.animations,r=s.enabled?"none"===t?0:"update"===t?s.dynamicAnimation.speed||350:s.speed||500:0,a=++this._zoomGen,n=null==(e=this.ctx)?void 0:e.morphTypeChange,i=!!n&&"function"==typeof n.isActive&&n.isActive()&&"function"==typeof n.getInitialPathAt,o=i?n.getSpeed():0;this._morphLeafIndex=0;const l="update"===t?this.ctx._sunburstPrevGeoms:null;this._nodesAll.forEach(e=>{if(e._show){const s={a0:e._t0,a1:e._t1,iR:e._iR,oR:e._oR};e._el||(e._el=this._createArcEl(e));const n=i?this._morphSourceFor(e):null;if(n&&o>0)this._morphArcFrom(e,n,s,o,a);else if(("intro"===t||i)&&r>0)this._sweepArc(e,s,i?o:r,a);else{let t,n=!1;if(e._cur)t=e._cur;else if(l&&l.get(e._key))t=l.get(e._key);else{const e=(s.a0+s.a1)/2;t={a0:e,a1:e,iR:s.iR,oR:s.iR},n=!0}this._animateArc(e,t,s,r,!1,n,a)}}else if(e._el&&e._cur){const t=(e._cur.a0+e._cur.a1)/2,s={a0:t,a1:t,iR:e._cur.iR,oR:e._cur.iR};this._animateArc(e,e._cur,s,r,!0,!1,a)}});const h=new Map;this._nodesAll.forEach(t=>{t._show&&h.set(t._key,{a0:t._t0,a1:t._t1,iR:t._iR,oR:t._oR})}),this.ctx._sunburstPrevGeoms=h,this._renderLabels(r)}_morphSourceFor(t){const e=this.ctx,s=e&&e.morphTypeChange;return s?"function"==typeof s.hasKeyedMarks&&s.hasKeyedMarks()&&"function"==typeof s.getInitialPathForKey?s.getInitialPathForKey(p(t._key)):t.children&&t.children.length?null:s.getInitialPathAt(this._morphLeafIndex++):null}_morphArcFrom(t,e,s,r,a){const n=t._el,i=this._arcPath(s.iR,s.oR,s.a0,s.a1,this.cfg.borderRadius);n.node.style.display="",n.attr({d:e,opacity:1}),t._cur=s,this._zoomGen===a&&new c(this.w,this.ctx).morphSVG(n,0,null,t._color,e,i,r,0)}_sweepArc(t,e,s,r){const a=t._el,n=this.cfg.borderRadius,i=this.startAngle,o=this.endAngle;a.node.style.display="",a.attr({d:"",opacity:1}),a.animate(s).during(s=>{if(this._zoomGen!==r)return;const l=i+(o-i)*s;if(l<=e.a0+.01)return void a.attr({d:""});const h=Math.min(e.a1,l);a.attr({d:this._arcPath(e.iR,e.oR,e.a0,h,n)}),t._cur={a0:e.a0,a1:h,iR:e.iR,oR:e.oR}}).after(()=>{this._zoomGen===r&&(t._cur=e)})}_createArcEl(t){const e=this._graphics.drawPath({d:"",fill:t._color,stroke:this.strokeColor,strokeWidth:this.strokeWidth,fillOpacity:1,classes:"apexcharts-sunburst-arc"}),s=e.node;return s.setAttribute("data:name",t.name),s.setAttribute("data:value",String(t.value)),s.setAttribute("data:key",p(t._key)),s.setAttribute("data:leaf",String(!(t.children&&t.children.length))),this._tooltip.attach(s,t),a.isBrowser()&&(s.addEventListener("click",()=>this._zoomTo(t)),s.style.cursor="pointer"),this._ringsG.add(e),e}_animateArc(t,e,s,r,a,n,i){const o=t._el,l=this.cfg.borderRadius;if(o.attr({fill:t._color}),0===r)return o.attr({d:this._arcPath(s.iR,s.oR,s.a0,s.a1,l),opacity:a?0:1}),o.node.style.display=a?"none":"",void(t._cur=a?null:s);o.node.style.display="";const h=a?Number(o.attr("opacity"))||1:n?0:1,c=a?0:1;o.attr({opacity:h}),o.animate(r).during(r=>{if(this._zoomGen!==i)return;const a=w(e.a0,s.a0,r),n=w(e.a1,s.a1,r),u=w(e.iR,s.iR,r),d=w(e.oR,s.oR,r);o.attr({d:this._arcPath(u,d,a,n,l),opacity:w(h,c,r)}),t._cur={a0:a,a1:n,iR:u,oR:d}}).after(()=>{this._zoomGen===i&&(a?(o.node.style.display="none",t._cur=null):t._cur=s)})}_renderLabels(t){const e=this._labelsG;for(;e.node.firstChild;)e.node.removeChild(e.node.firstChild);this.cfg.dataLabels.show&&(this._nodesAll.forEach(t=>{t._show&&(t._t1-t._t0<this.cfg.dataLabels.minAngleToShow||this._renderCurvedLabel(t))}),t>0?(e.attr({opacity:0}),e.animate(250,t).attr({opacity:1})):e.attr({opacity:1}))}_renderCurvedLabel(t){if(!a.isBrowser())return;const e=this.cfg.dataLabels.style,s=this.w,n=(t._iR+t._oR)/2,i=(t._t0+t._t1)/2,o=i>90&&i<270,l=Math.min(n>0?4/n*b:0,(t._t1-t._t0)/2),h=o?t._t1-l:t._t0+l,c=o?t._t0+l:t._t1-l,u=this._ptAt(n,h),d=this._ptAt(n,c),p=Math.abs(c-h)>180?1:0,_=o?0:1,f=`apx-sb-lbl-${s.globals.cuid}-${this._lblSeq++}`,m=r.createElementNS(y,"path");m.setAttribute("id",f),m.setAttribute("d",`M ${u.x} ${u.y} A ${n} ${n} 0 ${p} ${_} ${d.x} ${d.y}`),m.setAttribute("fill","none"),m.setAttribute("stroke","none");const g=e.colors,x=(Array.isArray(g)?g[0]:g)||"#fff",A=r.createElementNS(y,"text");A.setAttribute("font-size",e.fontSize||"12px"),e.fontFamily&&A.setAttribute("font-family",e.fontFamily),A.setAttribute("font-weight",String(e.fontWeight||400)),A.setAttribute("fill",x),A.setAttribute("dominant-baseline","central"),A.style.pointerEvents="none";const w=r.createElementNS(y,"textPath");w.setAttribute("href","#"+f),w.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+f),w.setAttribute("startOffset","50%"),w.setAttribute("text-anchor","middle"),w.textContent=this._truncate(t.name,n,t._t1-t._t0,e.fontSize),A.appendChild(w),this._labelsG.node.appendChild(m),this._labelsG.node.appendChild(A)}_truncate(t,e,s,r){const a=e*s*x-8,n=.58*(parseFloat(r)||12),i=Math.floor(a/n);return i>=t.length?t:i<=1?"":t.slice(0,Math.max(1,i-1))+"\u2026"}_zoomTo(t){if(!1===this.cfg.zoomOnClick)return;const e=function(t,e){let s=t===e?t._parent||null:t;return!s||s.children&&s.children.length||(s=s._parent||null),s===e?{changed:!1,focus:e}:{changed:!0,focus:s}}(t,this._focus);e.changed&&(this._focus=e.focus,this._relayout(this._focus),this._applyLayout("zoom"),this._renderBreadcrumb())}_focusChain(){return function(t){const e=[];let s=t;for(;s;)e.unshift(s),s=s._parent;return e}(this._focus)}_renderBreadcrumb(){if(!a.isBrowser())return;const t=this.w.dom.elWrap;if(!t)return;const e=t.querySelector(".apexcharts-breadcrumb");if(e&&e.parentNode&&e.parentNode.removeChild(e),!this._focus)return;const s=r.createElementNS(A,"nav");s.setAttribute("class","apexcharts-breadcrumb"),s.setAttribute("aria-label","Sunburst breadcrumb"),s.style.position="absolute",s.style.top="0px",s.style.left="0px";const n=[{name:"All",node:null}].concat(this._focusChain().map(t=>({name:t.name,node:t})));n.forEach((t,e)=>{if(e>0){const t=r.createElementNS(A,"span");t.setAttribute("class","apexcharts-breadcrumb-separator"),t.textContent=" / ",s.appendChild(t)}if(e===n.length-1){const e=r.createElementNS(A,"span");e.setAttribute("class","apexcharts-breadcrumb-item apexcharts-breadcrumb-current"),e.textContent=t.name,s.appendChild(e)}else{const a=r.createElementNS(A,"button");if(a.setAttribute("type","button"),a.setAttribute("class","apexcharts-breadcrumb-item"),0===e){const t=r.createElementNS(A,"span");t.setAttribute("class","apexcharts-breadcrumb-arrow"),t.textContent="\u2190",a.appendChild(t)}const n=r.createElementNS(A,"span");n.setAttribute("class","apexcharts-breadcrumb-label"),n.textContent=t.name,a.appendChild(n),a.addEventListener("click",()=>{this._focus=t.node,this._relayout(this._focus),this._applyLayout("zoom"),this._renderBreadcrumb()}),s.appendChild(a)}}),t.appendChild(s),this._avoidChromeOverlap(s)}_avoidChromeOverlap(t){!function(t,e){const s=[".apexcharts-title-text",".apexcharts-subtitle-text"].map(e=>t.dom.baseEl.querySelector(e)).filter(t=>null!==t);if(!s.length)return;const r=t.dom.elWrap.getBoundingClientRect().top;for(let t=0;t<s.length+1;t++){const t=e.getBoundingClientRect(),a=s.find(e=>{const s=e.getBoundingClientRect();return t.left<s.right&&t.right>s.left&&t.top<s.bottom&&t.bottom>s.top});if(!a)break;e.style.top=a.getBoundingClientRect().bottom-r+4+"px"}}(this.w,t)}_ptAt(t,e){return{x:this.centerX+t*Math.cos((e-90)*x),y:this.centerY+t*Math.sin((e-90)*x)}}_arcPath(t,e,s,r,a){if(e<=t+.01)return"";let n=r-s;const h=this.cfg.spacing;if(h>0&&n>0&&e>0){const t=h/e*b,a=Math.min(t/2,Math.max(0,n/2-.25));n=(r-=a)-(s+=a)}if(n<=0)return"";const c=n*x,u=this.centerX,d=this.centerY;let p=a;return p=Math.min(p,c*t/2,c*e/2,(e-t)/2),p>.5?function({cx:t,cy:e,rIn:s,rOut:r,a0:a,a1:n,r:h,spanDeg:c}){const u=(s,r)=>o(t,e,s,r),d=h/r*i,p=h/s*i,_=u(r,a+d),f=u(r,n-d),m=c-2*d>180?1:0,g=u(r,n),x=u(r-h,n),b=u(r,a),y=u(r-h,a),A=u(s,n-p),w=u(s,a+p),v=c-2*p>180?1:0,C=u(s,n),R=u(s+h,n),M=u(s,a),S=u(s+h,a);return["M",l(_),"A",r,r,0,m,1,l(f),"Q",l(g),l(x),"L",l(R),"Q",l(C),l(A),"A",s,s,0,v,0,l(w),"Q",l(M),l(S),"L",l(y),"Q",l(b),l(_),"Z"].join(" ")}({cx:u,cy:d,rIn:t,rOut:e,a0:s,a1:r,r:p,spanDeg:n}):function({cx:t,cy:e,rIn:s,rOut:r,a0:a,a1:n,spanDeg:i}){const h=(s,r)=>o(t,e,s,r),c=i>180?1:0,u=h(r,a),d=h(r,n),p=h(s,n),_=h(s,a);return["M",l(u),"A",r,r,0,c,1,l(d),"L",l(p),"A",s,s,0,c,0,l(_),"Z"].join(" ")}({cx:u,cy:d,rIn:t,rOut:e,a0:s,a1:r,spanDeg:n})}}}),t.default=e,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})},"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).ApexSunburst={})});
+!function(t){var e="undefined"!=typeof globalThis?globalThis:self,s=e.ApexCharts;if(s&&s.__internals)return t.call(e);if(s)throw new Error("ApexCharts: dist/sunburst.js cannot register: the ApexCharts on this page has no add-on surface (a script before 7.0, or a bundled apexcharts/core class). Load apexcharts.min.js, apexcharts.core.min.js or apexcharts.full.min.js.");if("function"==typeof define&&define.amd)return t.call(e);if("object"==typeof exports&&"undefined"!=typeof module||"undefined"==typeof window||"undefined"==typeof document)throw new Error("ApexCharts: dist/sunburst.js is a script-tag add-on and needs the ApexCharts script on the page. A bundler imports the matching apexcharts/ sub-path instead.");var n={file:"dist/sunburst.js",run:t,done:!1},r=e.__apexcharts_pending_addons__||(e.__apexcharts_pending_addons__=[]);r.push(n),"complete"!==document.readyState&&window.addEventListener("load",function(){if(!n.done){var s=e.ApexCharts;if(s)if(s.__internals){n.done=!0;var a=r.indexOf(n);-1!==a&&r.splice(a,1);try{t.call(e),s.__drainsAddons||e.console.warn("ApexCharts: dist/sunburst.js loaded before the ApexCharts script, which is older than 8.0 and does not pick up add-ons loaded first, so it registered only when the page finished loading. Put its tag after the ApexCharts script.")}catch(t){e.console.error("ApexCharts: dist/sunburst.js could not register with the ApexCharts script on this page: "+(t&&t.message))}}else e.console.error("ApexCharts: dist/sunburst.js cannot register: the ApexCharts on this page has no add-on surface (a script before 7.0, or a bundled apexcharts/core class). Load apexcharts.min.js, apexcharts.core.min.js or apexcharts.full.min.js.");else e.console.warn("ApexCharts: dist/sunburst.js is waiting for the ApexCharts script, which had not loaded when the page finished loading. It registers when an ApexCharts 8.0 or later script loads; if the page has none, add apexcharts.min.js (or apexcharts.core.min.js, or apexcharts.full.min.js).")}})}(function(){var t,e;t=this,e=function(t){"use strict";const e=globalThis.ApexCharts,s=globalThis.ApexCharts.__internals.__apex_Graphics,n=globalThis.ApexCharts.__internals.__apex_BrowserAPIs_BrowserAPIs,r=globalThis.ApexCharts.__internals.__apex_Environment_Environment,a=Math.PI/180,i=180/Math.PI;function o(t,e,s,n){return{x:t+s*Math.cos((n-90)*a),y:e+s*Math.sin((n-90)*a)}}const l=t=>`${t.x} ${t.y}`,h=globalThis.ApexCharts.__internals,c=h.__apex_Animations;function d(t,e){var s;const n=String(t).replace(/\//g,"%2F"),r=(null!=(s=e.get(n))?s:-1)+1;return e.set(n,r),`${r}:${n}`}function u(t,e,s,n,r,a=null,i={},o=new Map){var l,h,c;const p=e&&"object"==typeof e,_=p&&null!=(h=null!=(l=e.x)?l:e.name)?h:"",f=p?null!=(c=e.y)?c:e.value:e,m=null==f||""===f?NaN:Number(f),g={name:String(_),value:isNaN(m)?null:m,color:p&&e.color?e.color:void 0,_key:`${r}/${d(_,o)}`};n&&!g.color&&(g.color=n[s%n.length]),i.keepDatum&&(g._datum=e);const x=new Map;if(p&&Array.isArray(e.children)&&e.children.length)g.children=e.children.map((e,s)=>u(t,e,s,null,g._key,a,i,x));else if(p&&null!=e.drilldown&&!1!==i.expandDrilldown){const s=a||new Set;if(!s.has(e.drilldown)){const n=function(t,e){const s=t.config.drilldown;return(s&&Array.isArray(s.series)?s.series:[]).find(t=>t&&t.id===e)}(t,e.drilldown);if(n&&Array.isArray(n.data)&&n.data.length){const r=new Set(s);r.add(e.drilldown);const a=Array.isArray(n.colors)?n.colors:null;g.children=n.data.map((e,s)=>u(t,e,s,a,g._key,r,i,x))}}}return g}function p(t){t.children&&t.children.length&&(t.children.forEach(t=>p(t)),(null==t.value||isNaN(t.value))&&(t.value=t.children.reduce((t,e)=>t+Math.max(0,e.value||0),0))),(null==t.value||isNaN(t.value))&&(t.value=0)}function _(t){if("string"!=typeof t)return"";const e=t.indexOf("/");return-1===e?"":t.slice(e)}function f(t,e,s,n,r,a){if(t._show=!0,t._vDepth=e,t._t0=s,t._t1=n,t._parent=r,t._leaf=!(t.children&&t.children.length),t._clipped=!t._leaf&&null!=a.cap&&e>=a.cap,e>a.maxDepth&&(a.maxDepth=e),t._leaf||t._clipped)return;const i=t.children.reduce((t,e)=>t+Math.max(0,e.value),0)||1;let o=s;for(let r=0;r<t.children.length;r++){const l=t.children[r],h=(n-s)*Math.max(0,l.value)/i;f(l,e+1,o,o+h,t,a),o+=h}}function m(t,e,s){let n=t===e?t._parent||null:t;return!n||n.children&&n.children.length||(n=n._parent||null),s&&1===s.length&&n===s[0]&&(n=null),n===e?{changed:!1,focus:e}:{changed:!0,focus:n}}function g(t,e){if("string"!=typeof t||"#"!==t[0])return t;let s=t.slice(1);if(3===s.length&&(s=s.split("").map(t=>t+t).join("")),6!==s.length)return t;const n=parseInt(s,16);if(isNaN(n))return t;let r=n>>16&255,a=n>>8&255,i=255&n;return r=Math.round(r+(255-r)*e),a=Math.round(a+(255-a)*e),i=Math.round(i+(255-i)*e),"#"+((1<<24)+(r<<16)+(a<<8)+i).toString(16).slice(1)}function x(t,e,s,n){if(t._color=t.color||e,n.push(t),t.children)for(let e=0;e<t.children.length;e++){const r=t.children[e];x(r,r.color||g(t._color,s),s,n)}}h.__apex_Animations_computeStagger,h.__apex_Animations_applyAnimationPolicy,h.__apex_Animations_prefersReducedMotion,h.__apex_Animations_applyProgressiveReveal;class b{constructor(t){this.w=t,this.total=1,this._el=null}_tip(){return this._el||(this._el=this.w.dom.baseEl.querySelector(".apexcharts-tooltip")),this._el}attach(t,e){this.w.config.tooltip.enabled&&r.isBrowser()&&(t.addEventListener("mouseenter",t=>this.show(t,e)),t.addEventListener("mousemove",t=>this.position(t)),t.addEventListener("mouseleave",()=>this.hide()))}show(t,e){var s;const n=this._tip();if(!n)return;const r=this.w,a=(e.value/this.total*100).toFixed(1),i=e._parent?e._parent.value:this.total,o=i>0?(e.value/i*100).toFixed(1):a,l=r.config.tooltip.y,h=null==(s=Array.isArray(l)?l[0]:l)?void 0:s.formatter,c=h?h(e.value,{seriesIndex:0,dataPointIndex:-1,w:r,node:e}):+e.value.toPrecision(12);var d;n.innerHTML=`<div class="apexcharts-tooltip-series-group apexcharts-active" style="display:flex"><span class="apexcharts-tooltip-marker"></span><div class="apexcharts-tooltip-text"><div class="apexcharts-tooltip-y-group"><span class="apexcharts-tooltip-text-y-label">${d=e.name,String(d).replace(/[&<>"']/g,t=>`&#${t.charCodeAt(0)};`)}: </span><span class="apexcharts-tooltip-text-y-value">${c} (${o}% of parent, ${a}% of total)</span></div></div></div>`;const u=n.firstChild;u.firstChild.style.backgroundColor=e._color,r.config.tooltip.fillSeriesColor&&(u.style.backgroundColor=e._color),n.classList.add("apexcharts-active"),n.style.opacity="1",this.position(t)}position(t){const e=this._tip();if(!e)return;const s=this.w.dom.elWrap.getBoundingClientRect(),n=e.offsetWidth,r=e.offsetHeight;let a=t.clientX-s.left+12;a+n>s.width&&(a=t.clientX-s.left-n-12),a=Math.max(0,Math.min(a,s.width-n));let i=t.clientY-s.top+12;i+r>s.height&&(i=t.clientY-s.top-r-12),i=Math.max(0,Math.min(i,s.height-r)),e.style.left=a+"px",e.style.top=i+"px"}hide(){const t=this._tip();t&&(t.classList.remove("apexcharts-active"),t.style.opacity="0")}}const y=Math.PI/180,A=180/Math.PI,w="http://www.w3.org/2000/svg",v="http://www.w3.org/1999/xhtml",C=(t,e,s)=>t+(e-t)*s;e.use({sunburst:class{constructor(t,e){this.ctx=e,this.w=t;const s=t.config;this.cfg=s.plotOptions.sunburst,this.strokeWidth=s.stroke.show?s.stroke.width:0,this.strokeColor=Array.isArray(s.stroke.colors)?s.stroke.colors[0]:s.stroke.colors||"#fff",this.startAngle=this.cfg.startAngle,this.endAngle=this.cfg.endAngle,this.maxDepth=0,this.centerX=0,this.centerY=0,this.maxRadius=0,this.total=1,this._focusMaxDepth=0,this._focus=null,this._zoomGen=0,this._roots=[],this._nodesAll=[],this._innerR=()=>0,this._outerR=()=>0,this._tooltip=new b(t),this._lblSeq=0,this._morphLeafIndex=0,this._graphics=null,this._ringsG=null,this._labelsG=null}draw(t){const e=this.w,n=new s(this.w);this._graphics=n;const r=n.group({class:"apexcharts-sunburst"});if(e.globals.noData||!t||!t.length)return r;const a=e.layout.gridWidth,i=e.layout.gridHeight;if(this.centerX=a/2+(this.cfg.offsetX||0),this.centerY=i/2+(this.cfg.offsetY||0),this.maxRadius=Math.min(a,i)/2.05-this.strokeWidth-(e.config.chart.sparkline.enabled?0:e.config.chart.dropShadow.blur),this.maxRadius<5)return r;if(this._roots=function(t,e={}){const s=t.config.series,n=s&&s[0],r=n&&Array.isArray(n.data)?n.data:s;if(!Array.isArray(r))return[];const a=new Map;return r.map((s,n)=>u(t,s,n,null,"",null,e,a))}(e),!this._roots.length)return r;this._roots.forEach(p),this._validateStrict(),this._nodesAll=[];const o=e.globals.colors||[];this._roots.forEach((t,e)=>{x(t,t.color||o[e%o.length]||"#008FFB",this.cfg.tint,this._nodesAll)}),this.total=this._roots.reduce((t,e)=>t+Math.max(0,e.value),0)||1,this._tooltip.total=this.total,this._ringsG=n.group({class:"apexcharts-sunburst-rings"}),this._labelsG=n.group({class:"apexcharts-sunburst-labels"}),r.add(this._ringsG),r.add(this._labelsG),this._focus=function(t,e,s){var n;const r=t&&e.find(e=>e._key===t);return r&&(null==(n=r.children)?void 0:n.length)&&(1!==s.length||r!==s[0])?r:null}(e.globals.sunburstFocusKey,this._nodesAll,this._roots),this._relayout(this._focus);let l="none";return e.config.chart.animations.enabled&&(e.globals.dataChanged?!1!==e.globals.shouldAnimate&&(l="update"):e.globals.resized||(l="intro")),this._applyLayout(l),this._renderBreadcrumb(),r}_validateStrict(){"strict"===this.cfg.partition&&function(t,{type:e,remedy:s}){let n=!1;const r=t=>{if(t.children&&t.children.length){const a=t.children.reduce((t,e)=>t+Math.max(0,e.value||0),0);!n&&null!=t.value&&Math.abs(a-t.value)>.5&&(console.warn(`ApexCharts ${e}: partition 'strict' but "${t.name}" (${t.value}) != sum of its children (${a}). ${s}`),n=!0),t.children.forEach(r)}};t.forEach(r)}(this._roots,{type:"sunburst",remedy:"Angles are normalized to fill the wedge."})}_relayout(t){this.w.globals.sunburstFocusKey=t&&t._key,this._focusMaxDepth=function({roots:t,nodesAll:e,focus:s,t0:n,t1:r,cap:a}){for(let t=0;t<e.length;t++)e[t]._show=!1;const i={maxDepth:0,cap:a};if(s)return f(s,0,n,r,s._parent,i),i.maxDepth;const o=t.reduce((t,e)=>t+Math.max(0,e.value),0)||1;let l=n;for(let e=0;e<t.length;e++){const s=(r-n)*Math.max(0,t[e].value)/o;f(t[e],0,l,l+s,null,i),l+=s}return i.maxDepth}({roots:this._roots,nodesAll:this._nodesAll,focus:t,t0:this.startAngle,t1:this.endAngle});const e=function(t,e,s=0){if("number"==typeof t)return t;const n=String(t).trim();if(n.endsWith("%"))return parseFloat(n)/100*e;const r=parseFloat(n);return isNaN(r)?s*e:r}(this.cfg.innerSize,this.maxRadius,.15),s=function({maxDepth:t,near:e,far:s,gap:n=0}){const r=t+1,a=(s-e)/r,i=r>1?n:0;return{near:t=>e+t*a+(t>0?i/2:0),far:t=>e+(t+1)*a-i/2}}({maxDepth:this._focusMaxDepth,near:e,far:this.maxRadius,gap:1});this._innerR=s.near,this._outerR=s.far,this._nodesAll.forEach(t=>{t._show&&(t._iR=s.near(t._vDepth),t._oR=function(t,e,s,n,r){return t._leaf&&"extend"===n&&t._vDepth<s?r:e.far(t._vDepth)}(t,s,this._focusMaxDepth,this.cfg.leaf,this.maxRadius))})}_applyLayout(t){var e,s,n;const a=this.w,i=a.config.chart.animations,o=i.dynamicAnimation,l=i.enabled&&"none"!==t?"intro"===t?null!=(e=i.speed)?e:500:o.enabled?null!=(s=o.speed)?s:350:0:0,h=++this._zoomGen,d=null==(n=this.ctx)?void 0:n.morphTypeChange,u=!!d&&"function"==typeof d.isActive&&d.isActive()&&"function"==typeof d.getInitialPathAt,p=u?d.getSpeed():0;this._morphLeafIndex=0;const _="update"===t?this.ctx._sunburstPrevGeoms:null,f=t=>t._cur||{a0:t._t0,a1:t._t1,iR:t._iR,oR:t._oR},g=t=>{const e=(t.a0+t.a1)/2;return{a0:e,a1:e,iR:t.iR,oR:t.iR}};if(this._nodesAll.forEach(e=>{if(e._show){const s={a0:e._t0,a1:e._t1,iR:e._iR,oR:e._oR};e._el||(e._el=this._createArcEl(e)),function(t,e){r.isBrowser()&&!1!==t.cfg.zoomOnClick&&(e._el.node.style.cursor=m(e,t._focus,t._roots).changed?"pointer":"default")}(this,e);const n=u?this._morphSourceFor(e):null;if(n&&p>0)this._morphArcFrom(e,n,s,p,h);else if(("intro"===t||u)&&l>0)this._sweepArc(e,s,u?p:l,h);else{const t=_&&_.get(e._key),n=e._cur||(t?f(t):g(s));this._animateArc(e,n,s,l,!1,!e._cur&&!t,h)}}else e._el&&e._cur&&this._animateArc(e,e._cur,g(e._cur),l,!0,!1,h)}),_&&l&&!u){const t=new Set(this._nodesAll.map(t=>t._show&&t._key));_.forEach((e,s)=>{if(t.has(s)||!e._show&&!e._cur)return;const n=this._graphics.drawPath({fill:e._color,stroke:this.strokeColor,strokeWidth:this.strokeWidth,classes:"apexcharts-sunburst-arc"});n.node.setAttribute("data:name",e.name),this._ringsG.add(n.attr({opacity:e._el.attr("opacity")}));const r=f(e),a={_el:n,_color:e._color,name:e.name,_key:s,_cur:r};this._nodesAll.push(a),this._animateArc(a,r,g(r),l,!0,!1,h)})}const x=Math.max(l,p);x?this._ringsG.animate(x).after(()=>{this._zoomGen===h&&this._ringsG.node.isConnected&&new c(a,this.ctx).animationCompleted(this._ringsG.node)}):a.globals.animationEnded=!0;const b=new Map;this._nodesAll.forEach(t=>{(t._show||t._cur)&&b.set(t._key,t)}),this.ctx._sunburstPrevGeoms=b,this._renderLabels(l)}_morphSourceFor(t){const e=this.ctx,s=e&&e.morphTypeChange;return s?"function"==typeof s.hasKeyedMarks&&s.hasKeyedMarks()&&"function"==typeof s.getInitialPathForKey?s.getInitialPathForKey(_(t._key)):t.children&&t.children.length?null:s.getInitialPathAt(this._morphLeafIndex++):null}_morphArcFrom(t,e,s,n,r){const a=t._el,i=this._arcPath(s.iR,s.oR,s.a0,s.a1,this.cfg.borderRadius);a.node.style.display="",a.attr({d:e,opacity:1}),t._cur=s,this._zoomGen===r&&new c(this.w,this.ctx).morphSVG(a,0,null,t._color,e,i,n,0)}_sweepArc(t,e,s,n){const r=t._el,a=this.cfg.borderRadius,i=this.startAngle,o=this.endAngle;r.node.style.display="",r.attr({d:"",opacity:1}),r.animate(s).during(s=>{if(this._zoomGen!==n)return;const l=i+(o-i)*s;if(l<=e.a0+.01)return void r.attr({d:""});const h=Math.min(e.a1,l);r.attr({d:this._arcPath(e.iR,e.oR,e.a0,h,a)}),t._cur={a0:e.a0,a1:h,iR:e.iR,oR:e.oR}}).after(()=>{this._zoomGen===n&&(t._cur=e)})}_createArcEl(t){const e=this._graphics.drawPath({fill:t._color,stroke:this.strokeColor,strokeWidth:this.strokeWidth,classes:"apexcharts-sunburst-arc"}),s=e.node;return s.setAttribute("data:name",t.name),s.setAttribute("data:value",String(t.value)),s.setAttribute("data:key",_(t._key)),s.setAttribute("data:leaf",String(!(t.children&&t.children.length))),this._tooltip.attach(s,t),r.isBrowser()&&!1!==this.cfg.zoomOnClick&&s.addEventListener("click",()=>this._zoomTo(t)),this._ringsG.add(e),e}_animateArc(t,e,s,n,r,a,i){const o=t._el,l=this.cfg.borderRadius;if(o.attr({fill:t._color}),0===n)return o.attr({d:this._arcPath(s.iR,s.oR,s.a0,s.a1,l),opacity:r?0:1}),o.node.style.display=r?"none":"",void(t._cur=r?null:s);o.node.style.display="";const h=r?Number(o.attr("opacity"))||1:a?0:1,c=r?0:1;o.attr({opacity:h}),o.animate(n).during(n=>{if(this._zoomGen!==i)return;const r=C(e.a0,s.a0,n),a=C(e.a1,s.a1,n),d=C(e.iR,s.iR,n),u=C(e.oR,s.oR,n);o.attr({d:this._arcPath(d,u,r,a,l),opacity:C(h,c,n)}),t._cur={a0:r,a1:a,iR:d,oR:u}}).after(()=>{this._zoomGen===i&&(r?(o.node.style.display="none",t._cur=null):t._cur=s)})}_renderLabels(t){const e=this._labelsG;for(;e.node.firstChild;)e.node.removeChild(e.node.firstChild);if(!this.cfg.dataLabels.show)return;this._nodesAll.forEach(t=>{t._show&&(t._t1-t._t0<this.cfg.dataLabels.minAngleToShow||this._renderCurvedLabel(t))});const s=this._zoomGen;e.attr({opacity:t>0?0:1}),t>0&&e.animate(250,t).during(t=>{this._zoomGen===s&&e.attr({opacity:t})})}_renderCurvedLabel(t){const e=this.cfg.dataLabels.style,s=this.w,r=(t._iR+t._oR)/2,a=((t._t0+t._t1)/2%360+360)%360,i=a>90&&a<270,o=Math.min(r>0?4/r*A:0,(t._t1-t._t0)/2),l=i?t._t1-o:t._t0+o,h=i?t._t0+o:t._t1-o,c=this._ptAt(r,l),d=this._ptAt(r,h),u=Math.abs(h-l)>180?1:0,p=i?0:1,_=`apx-sb-lbl-${s.globals.cuid}-${this._lblSeq++}`,f=n.createElementNS(w,"path");f.setAttribute("id",_),f.setAttribute("d",`M ${c.x} ${c.y} A ${r} ${r} 0 ${u} ${p} ${d.x} ${d.y}`),f.setAttribute("fill","none"),f.setAttribute("stroke","none");const m=e.colors,g=(Array.isArray(m)?m[0]:m)||"#fff",x=n.createElementNS(w,"text");x.setAttribute("font-size",e.fontSize||"12px"),e.fontFamily&&x.setAttribute("font-family",e.fontFamily),x.setAttribute("font-weight",String(e.fontWeight||400)),x.setAttribute("fill",g),x.setAttribute("dominant-baseline","central"),x.style.pointerEvents="none";const b=n.createElementNS(w,"textPath");b.setAttribute("href","#"+_),b.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+_),b.setAttribute("startOffset","50%"),b.setAttribute("text-anchor","middle"),b.textContent=this._truncate(t.name,r,t._t1-t._t0,e.fontSize),x.appendChild(b),this._labelsG.node.appendChild(f),this._labelsG.node.appendChild(x)}_truncate(t,e,s,n){const r=e*s*y-8,a=.58*(parseFloat(n)||12),i=Math.floor(r/a);return i>=t.length?t:i<=1?"":t.slice(0,Math.max(1,i-1))+"\u2026"}_zoomTo(t){if(!1===this.cfg.zoomOnClick)return;const e=m(t,this._focus,this._roots);e.changed&&(this._focus=e.focus,this._relayout(this._focus),this._applyLayout("zoom"),this._renderBreadcrumb())}_renderBreadcrumb(){if(!r.isBrowser())return;const t=this.w,e=t.dom.elWrap;if(!e)return;const s=e.querySelector(".apexcharts-breadcrumb");if(s&&s.parentNode&&s.parentNode.removeChild(s),!this._focus)return;const a=n.createElementNS(v,"nav");a.setAttribute("class","apexcharts-breadcrumb"),a.setAttribute("aria-label","Sunburst breadcrumb"),a.style.position="absolute",a.style.top="0px",a.style.left="0px";const i=[{name:"All",node:null}].concat(function(t){const e=[];let s=t;for(;s;)e.unshift(s),s=s._parent;return e}(this._focus).map(t=>({name:t.name,node:t})));i.forEach((t,e)=>{if(e>0){const t=n.createElementNS(v,"span");t.setAttribute("class","apexcharts-breadcrumb-separator"),t.textContent=" / ",a.appendChild(t)}if(e===i.length-1){const e=n.createElementNS(v,"span");e.setAttribute("class","apexcharts-breadcrumb-item apexcharts-breadcrumb-current"),e.textContent=t.name,a.appendChild(e)}else{const s=n.createElementNS(v,"button");if(s.setAttribute("type","button"),s.setAttribute("class","apexcharts-breadcrumb-item"),0===e){const t=n.createElementNS(v,"span");t.setAttribute("class","apexcharts-breadcrumb-arrow"),t.textContent="\u2190",s.appendChild(t)}const r=n.createElementNS(v,"span");r.setAttribute("class","apexcharts-breadcrumb-label"),r.textContent=t.name,s.appendChild(r),s.addEventListener("click",()=>{this._focus=t.node,this._relayout(this._focus),this._applyLayout("zoom"),this._renderBreadcrumb()}),a.appendChild(s)}}),e.appendChild(a),function(t,e){const s=[".apexcharts-title-text",".apexcharts-subtitle-text"].map(e=>t.dom.baseEl.querySelector(e)).filter(t=>null!==t);if(!s.length)return;const n=t.dom.elWrap.getBoundingClientRect().top;for(let t=0;t<s.length+1;t++){const t=e.getBoundingClientRect(),r=s.find(e=>{const s=e.getBoundingClientRect();return t.left<s.right&&t.right>s.left&&t.top<s.bottom&&t.bottom>s.top});if(!r)break;e.style.top=r.getBoundingClientRect().bottom-n+4+"px"}}(t,a)}_ptAt(t,e){return{x:this.centerX+t*Math.cos((e-90)*y),y:this.centerY+t*Math.sin((e-90)*y)}}_arcPath(t,e,s,n,r){if(e<=t+.01)return"";let a=n-s;const h=this.cfg.spacing;if(h>0&&a>0&&e>0){const t=h/e*A,r=Math.min(t/2,Math.max(0,a/2-.25));a=(n-=r)-(s+=r)}if(a<=0)return"";const c=a*y,d=this.centerX,u=this.centerY;let p=r;return p=Math.min(p,c*t/2,c*e/2,(e-t)/2),p>.5?function({cx:t,cy:e,rIn:s,rOut:n,a0:r,a1:a,r:h,spanDeg:c}){const d=(s,n)=>o(t,e,s,n),u=h/n*i,p=h/s*i,_=d(n,r+u),f=d(n,a-u),m=c-2*u>180?1:0,g=d(n,a),x=d(n-h,a),b=d(n,r),y=d(n-h,r),A=d(s,a-p),w=d(s,r+p),v=c-2*p>180?1:0,C=d(s,a),R=d(s+h,a),M=d(s,r),k=d(s+h,r);return["M",l(_),"A",n,n,0,m,1,l(f),"Q",l(g),l(x),"L",l(R),"Q",l(C),l(A),"A",s,s,0,v,0,l(w),"Q",l(M),l(k),"L",l(y),"Q",l(b),l(_),"Z"].join(" ")}({cx:d,cy:u,rIn:t,rOut:e,a0:s,a1:n,r:p,spanDeg:a}):function({cx:t,cy:e,rIn:s,rOut:n,a0:r,a1:a,spanDeg:i}){const h=(s,n)=>o(t,e,s,n),c=i>180?1:0,d=h(n,r),u=h(n,a),p=h(s,a),_=h(s,r);return["M",l(d),"A",n,n,0,c,1,l(u),"L",l(p),"A",s,s,0,c,0,l(_),"Z"].join(" ")}({cx:d,cy:u,rIn:t,rOut:e,a0:s,a1:n,spanDeg:a})}}}),t.default=e,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})},"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).ApexSunburst={})});