vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-treemap-AzorGfmd.js

@@ -1,1757 +0,0 @@
-import { defineAsyncComponent as be, useSlots as rl, onMounted as ao, computed as $, ref as g, shallowRef as se, toRefs as ul, watch as Ce, onBeforeUnmount as il, openBlock as c, createElementBlock as A, unref as m, normalizeStyle as he, normalizeClass as Ct, createElementVNode as N, toDisplayString as Ne, createBlock as Q, createCommentVNode as _, withCtx as T, renderSlot as b, normalizeProps as D, guardReactiveProps as B, createSlots as no, Fragment as xe, renderList as Re, withKeys as so, withModifiers as wt, mergeProps as kt, createVNode as Ze, createTextVNode as je, Teleport as cl, resolveDynamicComponent as dl, nextTick as ro } from "vue";
-import { j as Ke, t as uo, m as vl, p as R, n as hl, ag as io, o as co, q as fl, s as fe, k as qe, l as ze, X as pl, x as vo, W as ho, T as fo, a0 as gl, a1 as yl, U as ml, az as bl } from "./lib-DMzrGQHK.js";
-import { t as Cl, u as wl } from "./useResponsive-DfdjqQps.js";
-import { u as kl } from "./useConfig-CG4HT3wS.js";
-import { u as $l, B as Tl } from "./BaseScanner-C2j3TsSY.js";
-import { u as xl } from "./usePrinter-C4t8DdQ-.js";
-import { u as Al } from "./useSvgExport-BTG4hVPO.js";
-import { u as $t } from "./useNestedProp-DH0BEVVS.js";
-import { u as Sl } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as Il } from "./useUserOptionState-B7Ej974k.js";
-import { u as Ml } from "./useChartAccessibility-cp6XQtqi.js";
-import Ol from "./img-CjTQXS0U.js";
-import Pl from "./Title-BbKoiBk2.js";
-import _l from "./vue_ui_treemap-D9-AIkT-.js";
-import Ll from "./Legend-DGN5lY60.js";
-import po from "./BaseIcon-DX0hTWa-.js";
-import { A as Fl } from "./A11yDataTable-BpmuNomI.js";
-import { B as Nl } from "./BaseLegendToggle-cMP8M2u0.js";
-import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function go(u, h) {
-  const d = u.length;
-  if (d === 0)
-    throw new Error(
-      `Max aspect ratio cannot be computed: ${u} is an empty array`
-    );
-  {
-    let f = 1 / 0, v = -1 / 0, C = 0;
-    for (let S = 0; S < d; S += 1) {
-      const x = u[S].normalizedValue;
-      x < f && (f = x), x > v && (v = x), C += x;
-    }
-    return Math.max(
-      h ** 2 * v / C ** 2,
-      C ** 2 / (h ** 2 * f)
-    );
-  }
-}
-function yo(u) {
-  const { xOffset: h, yOffset: d, width: f, height: v } = u;
-  return {
-    x0: h,
-    y0: d,
-    x1: h + f,
-    y1: d + v
-  };
-}
-function zl(u, h, d) {
-  if (u.length === 0)
-    return !0;
-  {
-    const f = u.concat(h), v = go(u, d), C = go(f, d);
-    return v >= C;
-  }
-}
-function Dl(u) {
-  const h = [], d = u.length;
-  for (let f = 0; f < d; f += 1) {
-    const v = u[f], C = v.length;
-    for (let p = 0; p < C; p += 1)
-      h.push(v[p]);
-  }
-  return h;
-}
-function Bl(u, h) {
-  const d = {
-    ...h,
-    children: u
-  };
-  return bo(d);
-}
-function Vl(u) {
-  return (u.x1 - u.x0) * (u.y1 - u.y0);
-}
-function mo(u, h) {
-  const { width: d, height: f, xOffset: v, yOffset: C } = Tt(h), p = u.length, S = u.map((w) => w.normalizedValue || 0).reduce((w, z) => w + z, 0), x = S / f, re = S / d;
-  let j = v, ee = C;
-  const U = [];
-  if (d >= f) {
-    for (let w = 0; w < p; w += 1) {
-      const z = u[w], te = ee + z.normalizedValue / x, ue = {
-        x0: j,
-        y0: ee,
-        x1: j + x,
-        y1: te
-      }, oe = Object.assign({}, z, ue);
-      ee = te, U.push(oe);
-    }
-    return U;
-  } else {
-    for (let w = 0; w < p; w += 1) {
-      const z = u[w], te = j + z.normalizedValue / re, ue = {
-        x0: j,
-        y0: ee,
-        x1: te,
-        y1: ee + re
-      }, oe = Object.assign({}, z, ue);
-      j = te, U.push(oe);
-    }
-    return U;
-  }
-}
-function Hl(u) {
-  const h = Tt(u), d = h.width, f = h.height;
-  return Math.min(d, f);
-}
-function El(u, h) {
-  const d = u.length, f = u.map((x) => x.value ?? 0).reduce((x, re) => x + re, 0), v = h / f, C = [];
-  let p, S;
-  for (let x = 0; x < d; x += 1)
-    S = u[x], p = Object.assign({}, S, {
-      normalizedValue: S.value * (v || 0)
-    }), C.push(p);
-  return C;
-}
-function Tt(u) {
-  const { x0: h, y0: d, x1: f, y1: v } = u;
-  return {
-    xOffset: h,
-    yOffset: d,
-    width: f - h,
-    height: v - d
-  };
-}
-function Ul(u, h, d, f) {
-  let v = u, C = h, p = d, S = f;
-  for (; ; ) {
-    const x = v.length;
-    if (x === 0) {
-      const U = mo(C, p);
-      return S.concat(U);
-    }
-    const re = Hl(p), j = v[0], ee = v.slice(1, x);
-    if (zl(C, j, re)) {
-      const U = C.concat(j);
-      v = ee, C = U, p = p, S = S;
-    } else {
-      const U = C.length;
-      let w = 0;
-      for (let oe = 0; oe < U; oe += 1)
-        w += C[oe].normalizedValue;
-      const z = Wl(p, w), te = mo(C, p), ue = S.concat(te);
-      v = v, C = [], p = z, S = ue;
-    }
-  }
-}
-function bo(u) {
-  if (typeof u.children > "u" || !u.children.length)
-    return [u];
-  {
-    const h = El(u.children, Vl(u)), d = Ul(h, [], u, []), f = d.length, v = [];
-    for (let p = 0; p < f; p += 1)
-      v.push(bo(d[p]));
-    return Dl(v);
-  }
-}
-function Wl(u, h) {
-  const { width: d, height: f, xOffset: v, yOffset: C } = Tt(u);
-  if (d >= f) {
-    const p = h / f, S = d - p, x = {
-      xOffset: v + p,
-      yOffset: C,
-      width: S,
-      height: f
-    };
-    return yo(x);
-  } else {
-    const p = h / d, S = f - p, x = {
-      xOffset: v,
-      yOffset: C + p,
-      width: d,
-      height: S
-    };
-    return yo(x);
-  }
-}
-const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], jl = { class: "vue-ui-treemap-crumb-unit" }, Kl = { class: "vue-ui-treemap-crumb-unit-label" }, ql = {
-  key: 0,
-  style: { width: "24px", display: "flex", "align-items": "center" }
-}, Jl = {
-  key: 0,
-  class: "vue-ui-treemap-crumb-unit-arrow"
-}, Ql = { style: { position: "relative" } }, ea = ["xmlns", "aria-describedby", "viewBox"], ta = { key: 0 }, oa = ["id"], la = ["stop-color"], aa = ["stop-color"], na = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], sa = ["innerHTML"], ra = ["x", "y", "height", "width"], ua = {
-  style: {
-    width: "100%",
-    height: "100%"
-  },
-  class: "vue-ui-treemap-cell"
-}, ia = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, ca = {
-  key: 6,
-  class: "vue-data-ui-watermark"
-}, da = ["id"], va = ["onClick"], ha = ["innerHTML"], fa = {
-  __name: "vue-ui-treemap",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["selectLegend", "selectDatapoint", "copyAlt"],
-  setup(u, { expose: h, emit: d }) {
-    const f = be(() => import("./DataTable-cMnb68Ik.js")), v = be(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), C = be(() => import("./vue-ui-accordion-DFtpH_16.js")), p = be(() => import("./Tooltip-Cvt7Fi0Q.js")), S = be(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), x = be(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), re = be(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_treemap: j } = kl(), { isThemeValid: ee, warnInvalidTheme: U } = Sl(), w = u, z = d, te = rl();
-    ao(() => {
-      te["chart-background"] && console.warn(
-        "VueUiTreemap does not support the #chart-background slot."
-      );
-    });
-    const ue = $(() => !!w.dataset && w.dataset.length), oe = $(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), W = g(Ke()), Ae = g(!1), Je = g(""), pe = g(!1), xt = g(0), P = g([]), K = se(null), At = se(null), St = se(null), It = se(null), Mt = se(null), Ot = g(0), De = g(0), Be = g(0), V = g([]), Qe = g(null), Pt = g(!1), Se = g(null), et = g(null), _t = g(null), tt = g(/* @__PURE__ */ new Map()), Ve = g(!1), He = g(!1), le = g(null), Lt = g({ x: 0, y: 0 }), Ie = g("pointer"), ot = g(!1), t = g(nt()), ie = $(
-      () => t.value.userOptions.useCursorPointer
-    ), Co = $(() => uo({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#999999",
-            layout: {
-              labels: {
-                showDefaultLabels: !1
-              },
-              rects: {
-                stroke: "#6A6A6A"
-              }
-            },
-            legend: {
-              backgroundColor: "transparent"
-            }
-          }
-        }
-      },
-      userConfig: t.value.skeletonConfig ?? {}
-    })), { loading: ge, FINAL_DATASET: lt, manualLoading: wo } = $l({
-      ...ul(w),
-      FINAL_CONFIG: t,
-      prepareConfig: nt,
-      skeletonDataset: w.config?.skeletonDataset ?? [
-        {
-          name: "_",
-          value: 53,
-          color: "#CACACA90",
-          children: [
-            { name: "_", value: 21 },
-            { name: "_", value: 13 },
-            { name: "_", value: 8 },
-            { name: "_", value: 5 },
-            { name: "_", value: 3 },
-            { name: "_", value: 2 },
-            { name: "_", value: 1 }
-          ]
-        }
-      ],
-      skeletonConfig: uo({
-        defaultConfig: t.value,
-        userConfig: Co.value
-      })
-    }), { userOptionsVisible: at, setUserOptionsVisibility: Ft, keepUserOptionState: Nt } = Il({ config: t.value }), { svgRef: ye } = Ml({
-      config: t.value.style.chart.title
-    });
-    function nt() {
-      const e = $t({
-        userConfig: w.config,
-        defaultConfig: j
-      }), l = e.theme;
-      if (!l) return e;
-      if (!ee.value(e))
-        return U(e), e;
-      const o = $t({
-        userConfig: _l[l] || w.config,
-        defaultConfig: e
-      }), a = $t({
-        userConfig: w.config,
-        defaultConfig: o
-      });
-      return {
-        ...a,
-        customPalette: a.customPalette.length ? a.customPalette : vl[l] || R
-      };
-    }
-    Ce(
-      () => w.config,
-      (e) => {
-        ge.value || (t.value = nt()), at.value = !t.value.userOptions.showOnChartHover, Ot.value += 1, De.value += 1, Be.value += 1, X.value.showTable = t.value.table.show, X.value.showTooltip = t.value.style.chart.tooltip.show;
-      },
-      { deep: !0 }
-    );
-    const { isPrinting: st, isImaging: rt, generatePdf: Rt, generateImage: zt } = xl({
-      elementId: `treemap_${W.value}`,
-      fileName: t.value.style.chart.title.text || "vue-ui-treemap",
-      options: t.value.userOptions.print
-    }), ko = $(() => t.value.userOptions.show && !t.value.style.chart.title.text), Me = $(() => hl(t.value.customPalette)), X = g({
-      showTable: t.value.table.show,
-      showTooltip: t.value.style.chart.tooltip.show
-    });
-    Ce(
-      t,
-      () => {
-        X.value = {
-          showTable: t.value.table.show,
-          showTooltip: t.value.style.chart.tooltip.show
-        };
-      },
-      { immediate: !0 }
-    );
-    const me = g({
-      height: t.value.style.chart.height,
-      width: t.value.style.chart.width
-    });
-    function $o(e) {
-      const l = K.value, o = me.value.height;
-      if (!l || !o) return e;
-      const a = l.getBoundingClientRect();
-      return e * (o / a.height);
-    }
-    function To() {
-      if (!Qe.value || ae.value.length <= 1) return 0;
-      const e = Qe.value, l = getComputedStyle(e), o = e.offsetHeight + parseFloat(l.marginTop || "0") + parseFloat(l.marginBottom || "0") + parseFloat(l.paddingTop || "0") + parseFloat(l.paddingBottom || "0");
-      return $o(o);
-    }
-    const Y = $(() => {
-      const e = t.value.style.chart.padding, l = me.value.width, o = me.value.height, a = To(), n = e.left, s = l - e.right, r = e.top, k = o - e.bottom - a;
-      return {
-        left: n,
-        top: r,
-        right: s,
-        bottom: k,
-        width: s - n,
-        height: Math.max(0, k - r),
-        vbWidth: l,
-        vbHeight: o - a,
-        offsetY: a
-      };
-    }), E = g(io(lt.value)), q = g(E.value), ut = se(/* @__PURE__ */ new Map());
-    Ce(
-      [E, () => t.value],
-      () => {
-        _t.value = null, tt.value = /* @__PURE__ */ new Map();
-      },
-      { deep: !0 }
-    ), Ce(
-      () => P.value,
-      () => {
-        _t.value = null, tt.value = /* @__PURE__ */ new Map(), Vt(), Be.value += 1, De.value += 1;
-      },
-      { deep: !0 }
-    ), Ce(
-      [() => me.value.width, () => me.value.height],
-      () => {
-        tt.value = /* @__PURE__ */ new Map();
-      }
-    );
-    function Dt(e) {
-      Array.isArray(e) && e.forEach((l, o) => {
-        l.id || (l.id = Ke()), l.sourceColor === void 0 && (l.sourceColor = fe(l.color) || null);
-        let a = l.sourceColor || ut.value.get(l.id) || Me.value[o] || R[o] || R[o % R.length];
-        a = fe(a), ut.value.set(l.id, a), l.color = a, Bt(l, a);
-      });
-    }
-    function Bt(e, l) {
-      Array.isArray(e.children) && e.children.forEach((o) => {
-        o.id || (o.id = Ke()), o.parentId = e.id, o.sourceColor === void 0 && (o.sourceColor = fe(o.color) || null);
-        const a = o.sourceColor || l;
-        o.color = a, Bt(o, a);
-      });
-    }
-    function xo(e) {
-      let l = Z(e);
-      for (; l?.parentId; )
-        l = Z(l.parentId);
-      return l?.id ?? null;
-    }
-    function Vt() {
-      const e = E.value.filter(
-        (n) => !P.value.includes(n.id)
-      );
-      if (!V.value.length) {
-        q.value = e;
-        return;
-      }
-      const l = V.value[V.value.length - 1], o = Z(l);
-      if (!o) {
-        V.value = [], q.value = e;
-        return;
-      }
-      const a = xo(o.id);
-      if (a && P.value.includes(a)) {
-        V.value = [], q.value = e;
-        return;
-      }
-      q.value = [o];
-    }
-    Ce(
-      () => lt.value,
-      () => {
-        E.value = io(lt.value), Dt(E.value), Vt(), Be.value += 1, De.value += 1;
-      },
-      { deep: !0, immediate: !0, flush: "post" }
-    );
-    const ce = se(null), we = se(null);
-    ao(() => {
-      Pt.value = !0, So();
-    });
-    const Ao = $(() => t.value.debug);
-    function So() {
-      if (co(w.dataset) && fl({
-        componentName: "VueUiTreemap",
-        type: "dataset",
-        debug: Ao.value
-      }), Dt(E.value), co(w.dataset) || (wo.value = t.value.loading), t.value.responsive) {
-        const e = Cl(() => {
-          const { width: l, height: o } = wl({
-            chart: K.value,
-            title: t.value.style.chart.title.text ? At.value : null,
-            legend: t.value.style.chart.legend.show ? St.value : null,
-            source: It.value,
-            noTitle: Mt.value
-          });
-          requestAnimationFrame(() => {
-            me.value.width = l, me.value.height = o - 12;
-          });
-        });
-        ce.value && (we.value && ce.value.unobserve(we.value), ce.value.disconnect()), ce.value = new ResizeObserver(e), we.value = K.value.parentNode, ce.value.observe(we.value);
-      }
-    }
-    il(() => {
-      ce.value && (we.value && ce.value.unobserve(we.value), ce.value.disconnect());
-    });
-    const Oe = $(() => q.value.map((e, l) => ({
-      ...e,
-      color: fe(e.color) || Me.value[l] || R[l] || R[l % R.length]
-    })).filter((e) => !P.value.includes(e.id))), ke = $(
-      () => E.value.filter((e) => !P.value.includes(e.id)).map((e) => e.value || 0).reduce((e, l) => e + l, 0)
-    ), Ht = $({
-      get() {
-        let e = [...Oe.value];
-        return t.value.style.chart.layout.sorted && (e = [...Oe.value].sort((l, o) => o.value - l.value)), e.map((l) => ({
-          ...l
-        }));
-      },
-      set(e) {
-        return e;
-      }
-    });
-    function Et(e, l) {
-      return e.value / l;
-    }
-    function Ut(e, l, o) {
-      const a = t.value.style.chart.layout.rects.colorRatio - Et(l, o);
-      return vo(e, a < 0 ? 0 : a);
-    }
-    function Wt(e) {
-      return Array.isArray(e.children) && e.children.length > 0;
-    }
-    function Io(e) {
-      return [...e].sort((l, o) => {
-        const a = Wt(l), n = Wt(o);
-        if (a !== n)
-          return a - n;
-        const s = Number(l.value) || 0;
-        return (Number(o.value) || 0) - s;
-      });
-    }
-    function Xt(e, l, o, a, n) {
-      return Io(e).map((r, k) => {
-        const I = r.sourceColor || fe(r.color) || fe(l) || Me.value[k] || R[k] || R[k % R.length], i = r.sourceColor ? r.sourceColor : Ut(I, r, a), y = Et(r, a), M = n ?? r.parentId ?? r.id, L = Array.isArray(r.children) && r.children.length && r.children.reduce(
-          (H, G) => H + (Number(G.value) || 0),
-          0
-        ) || 1;
-        return {
-          ...r,
-          color: i,
-          proportion: y,
-          parentName: o,
-          rootId: M,
-          children: Array.isArray(r.children) && r.children.length ? Xt(
-            r.children,
-            I,
-            r.name,
-            L,
-            M
-          ) : void 0
-        };
-      });
-    }
-    function Mo(e) {
-      const l = ct(e), o = it(e), a = l * 0.55, n = l * 0.55, s = l * 1.05, r = l * 1.05, k = l * 0.35, I = o ? s + r + k : l * 0.45, i = e.x0 + a, y = e.x1 - a, M = e.y0 + I, L = e.y1 - n;
-      return y <= i || L <= M ? null : { x0: i, y0: M, x1: y, y1: L };
-    }
-    function it(e) {
-      const { height: l, lineHeight: o, width: a } = Ye(e);
-      return l >= o && a > 6;
-    }
-    function Gt(e, l, o = 0, a = null) {
-      if (!Array.isArray(e) || !e.length) return [];
-      const n = e.map((i) => {
-        const { children: y, ...M } = i;
-        return {
-          ...M
-        };
-      }), s = new Map(
-        e.map((i) => [
-          i.id,
-          Array.isArray(i.children) ? i.children : []
-        ])
-      ), r = new Map(e.map((i) => [i.id, i])), k = Bl(n, l), I = [];
-      for (const i of k) {
-        const y = s.get(i.id) || [], M = r.get(i.id), L = {
-          ...i,
-          depth: o,
-          parentId: a ?? i.parentId ?? null,
-          color: M?.color ?? i.color ?? null,
-          children: y,
-          isVisibleNode: !0,
-          showLabel: it(i)
-        };
-        if (I.push(L), y.length) {
-          const H = Mo(L);
-          H && I.push(
-            ...Gt(
-              y,
-              H,
-              o + 1,
-              i.id
-            )
-          );
-        }
-      }
-      return I;
-    }
-    const Oo = $(() => {
-      const e = q.value.length ? q.value : Ht.value, l = e.map((n) => Number(n.value) || 0).reduce((n, s) => n + s, 0) || 1, o = e.map((n, s) => {
-        const r = n.children ? n.children.reduce(
-          (M, L) => M + (Number(L.value) || 0),
-          0
-        ) : n.value, { children: k, ...I } = n, i = n.sourceColor || fe(n.color) || ut.value.get(n.id) || Me.value[s] || R[s] || R[s % R.length], y = n.sourceColor ? n.sourceColor : Ut(i, n, l);
-        return {
-          ...I,
-          id: n.id || Ke(),
-          parentId: n.parentId ?? null,
-          name: n.name,
-          value: n.value,
-          color: y,
-          proportion: (Number(n.value) || 0) / l,
-          children: Array.isArray(n.children) && n.children.length ? Xt(
-            n.children,
-            i,
-            n.name,
-            r || 1
-          ) : void 0
-        };
-      }), a = {
-        x0: Y.value.left,
-        y0: Y.value.top,
-        x1: Y.value.left + Y.value.width,
-        y1: Y.value.top + Y.value.height
-      };
-      return Gt(o, a);
-    }), O = $(() => Oo.value);
-    function de({ y0: e, y1: l }) {
-      return l - e <= 0 ? 1e-4 : l - e;
-    }
-    function ve({ x0: e, x1: l }) {
-      return l - e <= 0 ? 1e-4 : l - e;
-    }
-    function ct(e) {
-      const l = t.value.style.chart.layout.labels, o = l.fontSize, a = l.minFontSize, n = l.fontSize * 2, s = 0.5, r = 0.6, k = 1, I = 0.9;
-      let i = e.proportion;
-      if (!(typeof i == "number" && isFinite(i))) {
-        const nl = Math.max(1e-6, ve(e) * de(e)), sl = Math.max(1e-6, Y.value.width * Y.value.height);
-        i = nl / sl;
-      }
-      const y = Math.pow(
-        Math.min(1, Math.max(0, i)),
-        s
-      ), M = r + (k - r) * y, L = Math.max(0, Number(e.depth) || 0), H = Math.pow(0.9, L);
-      let G = o * M * H;
-      const bt = Math.max(1e-4, Math.min(ve(e), de(e)));
-      return G = Math.min(G, bt * I), G = Math.min(G, n), G = Math.max(a, G), G;
-    }
-    function Yt(e) {
-      pe.value = e, xt.value += 1;
-    }
-    const J = $(() => ({
-      startX: 0,
-      startY: 0,
-      width: Y.value.vbWidth,
-      height: Y.value.vbHeight
-    }));
-    function Z(e, l = E.value) {
-      for (const o of l) {
-        if (o.id === e)
-          return o;
-        if (o.children) {
-          const a = Z(e, o.children);
-          if (a)
-            return a;
-        }
-      }
-      return null;
-    }
-    function Zt(e) {
-      const l = [];
-      let o = Z(e);
-      for (; o && o.parentId; ) {
-        const a = Z(o.parentId);
-        if (!a) break;
-        l.unshift(a.id), o = a;
-      }
-      return l;
-    }
-    const Pe = $(() => V.value.length > 0);
-    function Ee() {
-      q.value = E.value.slice(), V.value = [], z("selectDatapoint", void 0);
-    }
-    function dt() {
-      return V.value[V.value.length - 1] ?? null;
-    }
-    function Po(e, l, o) {
-      V.value = [...Zt(e.id), e.id], q.value = [e], t.value.events.datapointClick && t.value.events.datapointClick({
-        datapoint: l ?? e,
-        seriesIndex: o
-      }), z("selectDatapoint", l ?? e);
-    }
-    function _o(e, l) {
-      const o = dt();
-      if (!o) {
-        Ee();
-        return;
-      }
-      const a = Z(o);
-      if (!a?.parentId) {
-        t.value.events.datapointClick && t.value.events.datapointClick({
-          datapoint: e,
-          seriesIndex: l
-        }), Ee();
-        return;
-      }
-      const n = Z(a.parentId);
-      if (!n) {
-        Ee();
-        return;
-      }
-      V.value = [...Zt(n.id), n.id], q.value = [n], t.value.events.datapointClick && t.value.events.datapointClick({
-        datapoint: e,
-        seriesIndex: l
-      }), z("selectDatapoint", e);
-    }
-    function _e(e, l) {
-      if (!e) {
-        Ee();
-        return;
-      }
-      const o = Z(e.id);
-      if (!o) return;
-      if (dt() === o.id) {
-        _o(e, l);
-        return;
-      }
-      Po(o, e, l);
-    }
-    function Lo(e) {
-      return e ? dt() === e.id : !1;
-    }
-    const ae = $(() => {
-      const e = [{ id: null, label: "All" }];
-      if (V.value.length > 0) {
-        let l = Z(V.value[V.value.length - 1]);
-        const o = [];
-        for (; l; )
-          o.unshift(l), l = l.parentId ? Z(l.parentId) : null;
-        for (const a of o)
-          e.push({
-            id: a.id,
-            label: a.name,
-            node: a
-          });
-      }
-      return e;
-    }), F = se(null), $e = $(() => E.value.map((e, l) => ({
-      ...e,
-      color: fe(e.color) || Me.value[l] || R[l] || R[l % R.length],
-      shape: "square"
-    })).sort((e, l) => l.value - e.value).map((e, l) => {
-      const o = e.value / E.value.map((a) => a.value).reduce((a, n) => a + n, 0);
-      return {
-        ...e,
-        proportion: o,
-        opacity: P.value.includes(e.id) ? 0.5 : 1,
-        display: `${e.name}${t.value.style.chart.legend.showPercentage || t.value.style.chart.legend.showValue ? ": " : ""}${t.value.style.chart.legend.showValue ? qe(
-          t.value.style.chart.layout.labels.formatter,
-          e.value,
-          ze({
-            p: t.value.style.chart.layout.labels.prefix,
-            v: e.value,
-            s: t.value.style.chart.layout.labels.suffix,
-            r: t.value.style.chart.legend.roundingValue
-          }),
-          { datapoint: e }
-        ) : ""}${t.value.style.chart.legend.showPercentage ? P.value.includes(e.id) ? `${t.value.style.chart.legend.showValue ? " (" : ""}- %${t.value.style.chart.legend.showValue ? ")" : ""}` : `${t.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / ke.value) ? "-" : (e.value / ke.value * 100).toFixed(t.value.style.chart.legend.roundingPercentage)}%${t.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
-      };
-    })), Fo = $(() => ({
-      cy: "treemap-div-legend",
-      backgroundColor: t.value.style.chart.legend.backgroundColor,
-      color: t.value.style.chart.legend.color,
-      fontSize: t.value.style.chart.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
-    })), Ue = $(
-      () => P.value.length === $e.value.length
-    );
-    function No() {
-      P.value.length ? P.value = [] : $e.value.forEach((e) => {
-        P.value.push(e.id);
-      });
-    }
-    function We(e) {
-      F.value = null, P.value.includes(e.id) ? P.value = P.value.filter((l) => l !== e.id) : P.value.length < w.dataset.length - 1 && P.value.push(e.id), z("selectLegend", Ht.value);
-    }
-    function jt(e) {
-      if (!E.value.length)
-        return t.value.debug && console.warn("VueUiTreemap - There are no series to show."), null;
-      const l = E.value.find((o) => o.name === e);
-      return l || (t.value.debug && console.warn(`VueUiTreemap - Series name not found "${e}"`), null);
-    }
-    function Ro(e) {
-      const l = jt(e);
-      l !== null && P.value.includes(l.id) && We({ id: l.id });
-    }
-    function zo(e) {
-      const l = jt(e);
-      l !== null && (P.value.includes(l.id) || We({ id: l.id }));
-    }
-    function Do({ datapoint: e, seriesIndex: l }) {
-      F.value = null, Ae.value = !1, le.value = null, Ie.value = "pointer", t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: l });
-    }
-    const Xe = g(null);
-    function Kt({ datapoint: e, seriesIndex: l, triggerMode: o = "pointer" }) {
-      if (Ue.value) return;
-      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: l }), le.value = l, Ie.value = o, F.value = e, Xe.value = {
-        datapoint: e,
-        seriesIndex: l,
-        config: t.value,
-        series: Oe.value
-      };
-      const a = t.value.style.chart.tooltip.customFormat;
-      if (fo(a) && ml(
-        () => a({
-          seriesIndex: l,
-          datapoint: e,
-          series: Oe.value,
-          config: t.value
-        })
-      ))
-        Je.value = a({
-          seriesIndex: l,
-          datapoint: e,
-          series: Oe.value,
-          config: t.value
-        });
-      else {
-        let n = "";
-        n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" fill="${e.color}"/></svg>`, n += `<b>${qe(
-          t.value.style.chart.layout.labels.formatter,
-          e.value,
-          ze({
-            p: t.value.style.chart.layout.labels.prefix,
-            v: e.value,
-            s: t.value.style.chart.layout.labels.suffix,
-            r: t.value.style.chart.tooltip.roundingValue
-          }),
-          { datapoint: e, seriesIndex: l }
-        )}</b>`, Je.value = `<div>${n}</div>`;
-      }
-      Ae.value = !0;
-    }
-    const ne = $(() => {
-      const e = O.value.map((o) => ({
-        name: o.name,
-        color: o.color
-      })), l = O.value.map((o) => o.value);
-      return { head: e, body: l };
-    });
-    function vt(e = null) {
-      ro(() => {
-        const l = ne.value.head.map((n, s) => [
-          [n.name],
-          [ne.value.body[s]],
-          [
-            isNaN(ne.value.body[s] / ke.value) ? "-" : ne.value.body[s] / ke.value * 100
-          ]
-        ]), o = [
-          [t.value.style.chart.title.text],
-          [t.value.style.chart.title.subtitle.text],
-          [[""], ["val"], ["%"]]
-        ].concat(l), a = gl(o);
-        e ? e(a) : yl({
-          csvContent: a,
-          title: t.value.style.chart.title.text || "vue-ui-treemap"
-        });
-      });
-    }
-    const Te = $(() => {
-      const e = [
-        t.value.table.columnNames.series,
-        t.value.table.columnNames.value,
-        t.value.table.columnNames.percentage
-      ], l = ne.value.head.map((n, s) => {
-        const r = qe(
-          t.value.style.chart.layout.labels.formatter,
-          ne.value.body[s],
-          ze({
-            p: t.value.style.chart.layout.labels.prefix,
-            v: ne.value.body[s],
-            s: t.value.style.chart.layout.labels.suffix,
-            r: t.value.table.td.roundingValue
-          })
-        );
-        return [
-          {
-            color: n.color,
-            name: n.name,
-            shape: "square"
-          },
-          r,
-          isNaN(ne.value.body[s] / ke.value) ? "-" : ze({
-            v: ne.value.body[s] / ke.value * 100,
-            s: "%",
-            r: t.value.table.td.roundingPercentage
-          })
-        ];
-      }), o = {
-        th: {
-          backgroundColor: t.value.table.th.backgroundColor,
-          color: t.value.table.th.color,
-          outline: t.value.table.th.outline
-        },
-        td: {
-          backgroundColor: t.value.table.td.backgroundColor,
-          color: t.value.table.td.color,
-          outline: t.value.table.td.outline
-        },
-        breakpoint: t.value.table.responsiveBreakpoint
-      };
-      return {
-        colNames: [
-          t.value.table.columnNames.series,
-          t.value.table.columnNames.value
-        ],
-        head: e,
-        body: l,
-        config: o
-      };
-    });
-    function Bo() {
-      return O.value;
-    }
-    function qt() {
-      X.value.showTable = !X.value.showTable;
-    }
-    function Jt() {
-      X.value.showTooltip = !X.value.showTooltip;
-    }
-    const Le = g(!1);
-    function ht() {
-      Le.value = !Le.value;
-    }
-    const Ge = g(null);
-    function Qt(e) {
-      Ge.value = e;
-    }
-    function eo() {
-      Ge.value = null;
-    }
-    async function Vo({ scale: e = 2 } = {}) {
-      if (!K.value) return;
-      const { width: l, height: o } = K.value.getBoundingClientRect(), a = l / o, { imageUri: n, base64: s } = await Ol({
-        domElement: K.value,
-        base64: !0,
-        img: !0,
-        scale: e
-      });
-      return {
-        imageUri: n,
-        base64: s,
-        title: t.value.style.chart.title.text,
-        width: l,
-        height: o,
-        aspectRatio: a
-      };
-    }
-    const Fe = $(() => {
-      const e = t.value.table.useDialog && !t.value.table.show, l = X.value.showTable;
-      return {
-        component: e ? re : C,
-        title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? `: ${t.value.style.chart.title.subtitle.text}` : ""}`,
-        props: e ? {
-          backgroundColor: t.value.table.th.backgroundColor,
-          color: t.value.table.th.color,
-          headerColor: t.value.table.th.color,
-          headerBg: t.value.table.th.backgroundColor,
-          isFullscreen: pe.value,
-          fullscreenParent: K.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: ie.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: t.value.style.chart.backgroundColor,
-              color: t.value.style.chart.color
-            },
-            head: {
-              backgroundColor: t.value.style.chart.backgroundColor,
-              color: t.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    Ce(
-      () => X.value.showTable,
-      (e) => {
-        t.value.table.show || (e && t.value.table.useDialog && Se.value ? Se.value.open() : "close" in Se.value && Se.value.close());
-      }
-    );
-    function to() {
-      X.value.showTable = !1, et.value && et.value.setTableIconState(!1);
-    }
-    const Ho = $(() => $e.value.map((e) => ({
-      ...e,
-      name: e.display
-    }))), Eo = $(() => t.value.style.chart.backgroundColor), Uo = $(() => t.value.style.chart.legend), Wo = $(() => t.value.style.chart.title), { exportSvg: Xo, getSvg: Go } = Al({
-      svg: ye,
-      title: Wo,
-      legend: Uo,
-      legendItems: Ho,
-      backgroundColor: Eo
-    });
-    async function oo({ isCb: e }) {
-      He.value = !0, await ro();
-      try {
-        if (e) {
-          const { blob: l, url: o, text: a, dataUrl: n } = await Go();
-          await Promise.resolve(
-            t.value.userOptions.callbacks.svg({
-              blob: l,
-              url: o,
-              text: a,
-              dataUrl: n
-            })
-          );
-        } else
-          await Promise.resolve(Xo());
-      } finally {
-        He.value = !1;
-      }
-    }
-    function Yo(e) {
-      if (e?.stage === "start") {
-        Ve.value = !0;
-        return;
-      }
-      if (e?.stage === "end") {
-        Ve.value = !1;
-        return;
-      }
-      zt();
-    }
-    function ft(e) {
-      const l = ct(e), o = Math.max(l * 0.5, 4), a = Math.max(l * 0.5, 4), n = l * 1.1;
-      return {
-        fontSize: l,
-        paddingX: o,
-        paddingTop: a,
-        lineHeight: n
-      };
-    }
-    function Ye(e) {
-      const { paddingX: l, paddingTop: o, lineHeight: a } = ft(e), n = e.x0 + l, s = e.y0 + o, r = Math.max(ve(e) - l * 2, 0), k = Math.max(de(e) - o * 2, 0);
-      return {
-        x: n,
-        y: s,
-        width: r,
-        height: k,
-        lineHeight: a
-      };
-    }
-    function Zo(e) {
-      return ho(
-        e.color ?? t.value.style.chart.backgroundColor
-      );
-    }
-    function jo(e, l) {
-      const { fontSize: o, lineHeight: a } = ft(e), n = Jo(e), s = Qo(e);
-      if (n <= 0 || s <= 0)
-        return [];
-      const r = Math.max(
-        Math.floor(s / Math.max(a, 1)),
-        1
-      ), k = qe(
-        t.value.style.chart.layout.labels.formatter,
-        e.value,
-        ze({
-          p: t.value.style.chart.layout.labels.prefix,
-          v: e.value,
-          s: t.value.style.chart.layout.labels.suffix,
-          r: t.value.style.chart.tooltip.roundingValue
-        }),
-        { datapoint: e, seriesIndex: l }
-      ), I = Math.ceil(o * 0.2), i = Math.ceil(o * 1.4), y = Math.max(
-        n - i - I,
-        0
-      );
-      if (y <= 0)
-        return [];
-      if (Array.isArray(e.children) && e.children.length) {
-        const H = yt(
-          `${e.name} (${k})`,
-          y,
-          o,
-          500
-        );
-        return H ? [H] : [];
-      }
-      const M = [], L = yt(
-        `${e.name}`,
-        y,
-        o,
-        500
-      );
-      if (L && M.push(L), r >= 2) {
-        const H = yt(
-          k,
-          y,
-          o,
-          400
-        );
-        H && M.push(H);
-      }
-      return M.slice(0, r);
-    }
-    function Ko({ rect: e, seriesIndex: l, isTitle: o }) {
-      if (!e || !t.value.style.chart.layout.labels.showDefaultLabels || !it(e))
-        return "";
-      const { fontSize: a } = ft(e), n = Zo(e), s = jo(e, l), r = Ye(e);
-      if (!s.length || r.width <= 0 || r.height <= 0)
-        return "";
-      const k = `treemap_clip_${W.value}_${e.id}_${e.depth}_${l}`, I = r.x, i = r.y, y = Math.max(r.width, 0), M = Math.max(r.height, 0), L = s.map((H, G) => {
-        const bt = r.y + r.lineHeight * G;
-        return `
-                <text
-                    x="${r.x}"
-                    y="${bt}"
-                    fill="${n}"
-                    font-size="${a}"
-                    font-family="${t.value.style.fontFamily}"
-                    font-weight="${G === 0 ? 500 : 400}"
-                    text-anchor="start"
-                    dominant-baseline="text-before-edge"
-                >
-                    ${bl(H)}
-                </text>
-            `;
-      }).join("");
-      return `
-        <g>
-            <defs>
-                <clipPath id="${k}" clipPathUnits="userSpaceOnUse">
-                    <rect
-                        x="${I}"
-                        y="${i}"
-                        width="${y}"
-                        height="${M}"
-                    />
-                </clipPath>
-            </defs>
-            <g clip-path="url(#${k})">
-                ${L}
-            </g>
-        </g>
-    `;
-    }
-    let pt;
-    function qo() {
-      return pt || (pt = document.createElement("canvas")), pt.getContext("2d");
-    }
-    function gt(e, l, o = 400) {
-      const a = qo();
-      return a ? (a.font = `${o} ${l}px ${t.value.style.fontFamily}`, a.measureText(String(e)).width) : e.length * l * 0.6;
-    }
-    function yt(e, l, o, a = 400) {
-      const n = String(e ?? "");
-      if (!n.length || l <= 0)
-        return "";
-      if (gt(n, o, a) <= l)
-        return n;
-      const s = "…";
-      if (gt(
-        s,
-        o,
-        a
-      ) > l)
-        return "";
-      let k = 0, I = n.length, i = "";
-      for (; k <= I; ) {
-        const y = Math.floor((k + I) / 2), M = `${n.slice(0, y)}${s}`;
-        gt(
-          M,
-          o,
-          a
-        ) <= l ? (i = M, k = y + 1) : I = y - 1;
-      }
-      return i || s;
-    }
-    function Jo(e) {
-      return Ye(e).width;
-    }
-    function Qo(e) {
-      return Ye(e).height;
-    }
-    function el(e) {
-      const l = t.value.style.chart.layout.rects.borderRadius, o = ve(e), a = de(e);
-      return Math.min(l, Math.min(o, a) / 6);
-    }
-    async function lo() {
-      if (z("copyAlt", {
-        config: t.value,
-        dataset: O.value
-      }), !t.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        t.value.userOptions.callbacks.altCopy({
-          config: t.value,
-          dataset: O.value
-        })
-      );
-    }
-    function tl() {
-      le.value = null, ot.value = !0;
-    }
-    function ol() {
-      le.value = null, Ie.value = "pointer", Ae.value = !1, F.value = null, ot.value = !1;
-    }
-    function ll(e) {
-      if (!ye.value || Le.value || document.activeElement !== ye.value || !O.value.length || Ue.value) return;
-      const l = ["ArrowLeft", "ArrowUp"].includes(e.key), o = ["ArrowRight", "ArrowDown"].includes(e.key), a = e.key === "Enter" || e.key === " ", n = e.key === "Escape";
-      if (!l && !o && !a && !n)
-        return;
-      if (e.preventDefault(), e.stopPropagation(), n) {
-        le.value = null, Ie.value = "pointer", Ae.value = !1, F.value = null;
-        return;
-      }
-      if (a) {
-        if (le.value === null) return;
-        const y = O.value[le.value];
-        if (!y) return;
-        _e(y, le.value);
-        return;
-      }
-      let s = le.value;
-      const r = F.value ? O.value.findIndex(
-        (y) => y.id === F.value.id
-      ) : null, k = s !== null && s >= 0 && s < O.value.length, I = r !== null && r >= 0 && r < O.value.length;
-      k ? o ? (s += 1, s >= O.value.length && (s = 0)) : l && (s -= 1, s < 0 && (s = O.value.length - 1)) : I ? (s = o ? r + 1 : r - 1, s >= O.value.length && (s = 0), s < 0 && (s = O.value.length - 1)) : o ? s = 0 : s = O.value.length - 1;
-      const i = O.value[s];
-      i && (al(s), Kt({
-        datapoint: i,
-        seriesIndex: s,
-        triggerMode: "keyboard"
-      }));
-    }
-    function al(e) {
-      if (!Number.isFinite(e) || !ye.value) return;
-      const l = O.value[e];
-      if (!l) return;
-      const o = l.x0 + ve(l) / 2, a = l.y0 + de(l) / 2, n = ye.value.getBoundingClientRect();
-      Lt.value = {
-        x: n.left + (o - J.value.startX) / J.value.width * n.width,
-        y: n.top + (a - J.value.startY) / J.value.height * n.height
-      };
-    }
-    const mt = $(() => {
-      const e = Te.value?.colNames ?? [], l = Te.value?.body ?? [];
-      return { headers: e, rows: l };
-    });
-    return h({
-      getData: Bo,
-      getImage: Vo,
-      generateCsv: vt,
-      generateImage: zt,
-      generateSvg: oo,
-      generatePdf: Rt,
-      hideSeries: zo,
-      showSeries: Ro,
-      toggleTable: qt,
-      toggleTooltip: Jt,
-      toggleAnnotator: ht,
-      toggleFullscreen: Yt,
-      copyAlt: lo
-    }), (e, l) => (c(), A("div", {
-      ref_key: "treemapChart",
-      ref: K,
-      class: Ct(`vue-data-ui-component vue-ui-treemap ${pe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: he(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive ? "height: 100%;" : ""} text-align:center;background:${t.value.style.chart.backgroundColor}`),
-      id: `treemap_${W.value}`,
-      onMouseenter: l[2] || (l[2] = () => m(Ft)(!0)),
-      onMouseleave: l[3] || (l[3] = () => m(Ft)(!1))
-    }, [
-      N("div", {
-        id: `chart-instructions-${W.value}`,
-        class: "sr-only"
-      }, [
-        N("p", null, Ne(t.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Gl),
-      mt.value?.rows?.length ? (c(), Q(Fl, {
-        key: 0,
-        uid: W.value,
-        head: mt.value.headers,
-        body: mt.value.rows,
-        notice: t.value.a11y.translations.tableAvailable,
-        caption: t.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : _("", !0),
-      t.value.userOptions.buttons.annotator ? (c(), Q(m(v), {
-        key: 1,
-        svgRef: m(ye),
-        backgroundColor: t.value.style.chart.backgroundColor,
-        color: t.value.style.chart.color,
-        active: Le.value,
-        isCursorPointer: ie.value,
-        onClose: ht
-      }, {
-        "annotator-action-close": T(() => [
-          b(e.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": T(({ color: o }) => [
-          b(e.$slots, "annotator-action-color", D(B({ color: o })), void 0, !0)
-        ]),
-        "annotator-action-draw": T(({ mode: o }) => [
-          b(e.$slots, "annotator-action-draw", D(B({ mode: o })), void 0, !0)
-        ]),
-        "annotator-action-undo": T(({ disabled: o }) => [
-          b(e.$slots, "annotator-action-undo", D(B({ disabled: o })), void 0, !0)
-        ]),
-        "annotator-action-redo": T(({ disabled: o }) => [
-          b(e.$slots, "annotator-action-redo", D(B({ disabled: o })), void 0, !0)
-        ]),
-        "annotator-action-delete": T(({ disabled: o }) => [
-          b(e.$slots, "annotator-action-delete", D(B({ disabled: o })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : _("", !0),
-      ko.value ? (c(), A("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: Mt,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : _("", !0),
-      t.value.style.chart.title.text ? (c(), A("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: At,
-        style: he(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:6px`)
-      }, [
-        (c(), Q(Pl, {
-          key: `title_${Ot.value}`,
-          config: {
-            title: {
-              cy: "treemap-div-title",
-              ...t.value.style.chart.title
-            },
-            subtitle: {
-              cy: "treemap-div-subtitle",
-              ...t.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 4)) : _("", !0),
-      N("div", {
-        id: `legend-top-${W.value}`
-      }, null, 8, Yl),
-      t.value.userOptions.show && ue.value && (m(Nt) || m(at)) ? (c(), Q(m(S), {
-        ref_key: "userOptionsRef",
-        ref: et,
-        key: `user_option_${xt.value}`,
-        backgroundColor: t.value.style.chart.backgroundColor,
-        color: t.value.style.chart.color,
-        isPrinting: m(st),
-        isImaging: m(rt),
-        uid: W.value,
-        hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
-        hasPdf: t.value.userOptions.buttons.pdf,
-        hasXls: t.value.userOptions.buttons.csv,
-        hasImg: t.value.userOptions.buttons.img,
-        hasSvg: t.value.userOptions.buttons.svg,
-        hasTable: t.value.userOptions.buttons.table,
-        hasFullscreen: t.value.userOptions.buttons.fullscreen,
-        hasAltCopy: t.value.userOptions.buttons.altCopy,
-        isFullscreen: pe.value,
-        isTooltip: X.value.showTooltip,
-        titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: K.value,
-        position: t.value.userOptions.position,
-        hasAnnotator: t.value.userOptions.buttons.annotator,
-        isAnnotation: Le.value,
-        callbacks: t.value.userOptions.callbacks,
-        printScale: t.value.userOptions.print.scale,
-        tableDialog: t.value.table.useDialog,
-        isCursorPointer: ie.value,
-        onToggleFullscreen: Yt,
-        onGeneratePdf: m(Rt),
-        onGenerateCsv: vt,
-        onGenerateImage: Yo,
-        onGenerateSvg: oo,
-        onToggleTable: qt,
-        onToggleTooltip: Jt,
-        onToggleAnnotator: ht,
-        onCopyAlt: lo,
-        style: he({
-          visibility: m(Nt) ? m(at) ? "visible" : "hidden" : "visible"
-        })
-      }, no({ _: 2 }, [
-        e.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: T(({ isOpen: o, color: a }) => [
-            b(e.$slots, "menuIcon", D(B({ isOpen: o, color: a })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: T(() => [
-            b(e.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: T(() => [
-            b(e.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        e.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: T(() => [
-            b(e.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        e.$slots.optionImg ? {
-          name: "optionImg",
-          fn: T(() => [
-            b(e.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        e.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: T(() => [
-            b(e.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        e.$slots.optionTable ? {
-          name: "optionTable",
-          fn: T(() => [
-            b(e.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        e.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: o, isFullscreen: a }) => [
-            b(e.$slots, "optionFullscreen", D(B({ toggleFullscreen: o, isFullscreen: a })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        e.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: T(({ toggleAnnotator: o, isAnnotator: a }) => [
-            b(e.$slots, "optionAnnotator", D(B({ toggleAnnotator: o, isAnnotator: a })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        e.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: T(({ altCopy: o }) => [
-            b(e.$slots, "optionAltCopy", D(B({ altCopy: o })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : _("", !0),
-      ae.value.length > 1 ? (c(), A("nav", {
-        key: 5,
-        class: "vue-ui-treemap-breadcrumbs",
-        "data-dom-to-png-ignore": "",
-        ref_key: "breadcrumbsNav",
-        ref: Qe
-      }, [
-        (c(!0), A(xe, null, Re(ae.value, (o, a) => (c(), A("span", {
-          role: "button",
-          tabindex: a < ae.value.length - 1 ? 0 : void 0,
-          key: o.id || "root",
-          onClick: (n) => a === ae.value.length - 1 ? () => {
-          } : _e(o.node),
-          onKeydown: [
-            so(wt((n) => a === ae.value.length - 1 ? void 0 : _e(o.node), ["prevent"]), ["enter"]),
-            so(wt((n) => a === ae.value.length - 1 ? void 0 : _e(o.node), ["prevent"]), ["space"])
-          ],
-          class: "vue-ui-treemap-crumb",
-          "data-last-crumb": a === ae.value.length - 1,
-          style: he({
-            color: t.value.style.chart.color,
-            cursor: ie.value ? "pointer" : "default"
-          }),
-          onMouseenter: (n) => Qt(a),
-          onMouseleave: eo,
-          onFocus: (n) => Qt(a),
-          onBlur: eo
-        }, [
-          N("span", jl, [
-            N("span", Kl, [
-              b(e.$slots, "breadcrumb-label", kt({ ref_for: !0 }, {
-                crumb: o,
-                isRoot: a === 0,
-                isFocus: Ge.value === a
-              }), () => [
-                a === 0 ? (c(), A("div", ql, [
-                  Ze(po, {
-                    name: Ge.value === 0 ? "homeFilled" : "home",
-                    stroke: t.value.style.chart.color
-                  }, null, 8, ["name", "stroke"])
-                ])) : (c(), A(xe, { key: 1 }, [
-                  je(Ne(o.label), 1)
-                ], 64))
-              ], !0)
-            ]),
-            a < ae.value.length - 1 ? (c(), A("span", Jl, [
-              b(e.$slots, "breadcrumb-arrow", {}, () => [
-                l[4] || (l[4] = je(" › ", -1))
-              ], !0)
-            ])) : _("", !0)
-          ])
-        ], 44, Zl))), 128))
-      ], 512)) : _("", !0),
-      N("div", Ql, [
-        (c(), A("svg", {
-          ref_key: "svgRef",
-          ref: ye,
-          xmlns: m(pl),
-          "aria-describedby": `chart-instructions-${W.value}`,
-          class: Ct({
-            "vue-data-ui-fullscreen--on": pe.value,
-            "vue-data-ui-fulscreen--off": !pe.value,
-            "vue-data-ui-zoom-plus": !Pe.value,
-            "vue-data-ui-zoom-minus": Pe.value,
-            loading: m(ge)
-          }),
-          viewBox: `${J.value.startX} ${J.value.startY} ${J.value.width <= 0 ? 10 : J.value.width} ${J.value.height <= 0 ? 10 : J.value.height}`,
-          style: he(`max-width:100%; overflow: hidden; background:transparent;color:${t.value.style.chart.color}`),
-          tabindex: "0",
-          onFocus: tl,
-          onBlur: ol,
-          onKeydown: ll
-        }, [
-          Ze(m(x)),
-          (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
-            key: `tgrad_${o.id}`
-          }, [
-            t.value.style.chart.layout.rects.gradient.show ? (c(), A("defs", ta, [
-              N("radialGradient", {
-                id: `tgrad_${o.id}`,
-                gradientTransform: "translate(-1, -1.000001) scale(2, 2)"
-              }, [
-                N("stop", {
-                  offset: "18%",
-                  "stop-color": o.color
-                }, null, 8, la),
-                N("stop", {
-                  offset: "100%",
-                  "stop-color": m(vo)(
-                    o.color,
-                    t.value.style.chart.layout.rects.gradient.intensity / 100
-                  )
-                }, null, 8, aa)
-              ], 8, oa)
-            ])) : _("", !0)
-          ]))), 128)),
-          N("g", null, [
-            (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
-              key: `rect_${o.id}_${o.depth}`
-            }, [
-              N("rect", {
-                x: o.x0,
-                y: o.y0,
-                height: de(o),
-                width: ve(o),
-                fill: oe.value ? o.color ?? t.value.style.chart.backgroundColor : t.value.style.chart.layout.rects.gradient.show ? Ue.value ? t.value.style.chart.backgroundColor : `url(#tgrad_${o.id})` : o.color ?? t.value.style.chart.backgroundColor,
-                rx: el(o),
-                stroke: F.value && F.value.id === o.id ? t.value.style.chart.layout.rects.selected.stroke : t.value.style.chart.layout.rects.stroke,
-                "stroke-width": F.value && F.value.id === o.id ? t.value.style.chart.layout.rects.selected.strokeWidth : t.value.style.chart.layout.rects.strokeWidth,
-                onClick: wt((n) => _e(o, a), ["stop"]),
-                onMouseenter: () => Kt({
-                  datapoint: o,
-                  seriesIndex: a,
-                  triggerMode: "pointer"
-                }),
-                onMouseleave: (n) => Do({ datapoint: o, seriesIndex: a }),
-                style: he(`opacity:${F.value ? F.value.id === o.id ? 1 : t.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
-                class: Ct([
-                  "vue-ui-treemap-rect",
-                  Lo(o) ? "vue-data-ui-zoom-minus" : "vue-data-ui-zoom-plus"
-                ])
-              }, null, 46, na)
-            ]))), 128)),
-            (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
-              key: `label_${o.id}_${o.depth}`
-            }, [
-              !e.$slots.rect && !m(ge) && t.value.style.chart.layout.labels.showDefaultLabels && !Ue.value && o.showLabel ? (c(), A("g", {
-                key: 0,
-                style: { "pointer-events": "none" },
-                innerHTML: Ko({
-                  rect: o,
-                  seriesIndex: a,
-                  isTitle: !!(o.children && o.children.length)
-                })
-              }, null, 8, sa)) : _("", !0)
-            ]))), 128)),
-            (c(!0), A(xe, null, Re(O.value, (o, a) => (c(), A("g", {
-              key: `slot_${o.id}_${o.depth}`
-            }, [
-              (c(), A("foreignObject", {
-                x: o.x0,
-                y: o.y0,
-                height: de(o),
-                width: ve(o),
-                class: "vue-ui-treemap-cell-foreignObject",
-                style: { "pointer-events": "none" }
-              }, [
-                N("div", ua, [
-                  m(ge) ? _("", !0) : b(e.$slots, "rect", kt({
-                    key: 0,
-                    ref_for: !0
-                  }, {
-                    rect: {
-                      ...o,
-                      height: de(o),
-                      width: ve(o),
-                      isSelected: F.value ? F.value.id === o.id : !0
-                    },
-                    shouldShow: o.proportion > t.value.style.chart.layout.labels.hideUnderProportion || Pe.value,
-                    fontSize: ct(o),
-                    isZoom: Pe.value,
-                    textColor: m(ho)(
-                      o.color
-                    )
-                  }), void 0, !0)
-                ])
-              ], 8, ra))
-            ]))), 128))
-          ]),
-          b(e.$slots, "svg", D(B({
-            svg: Y.value,
-            isZoom: Pe.value,
-            rect: F.value,
-            config: t.value,
-            isPrintingImg: m(st) | m(rt) | Ve.value,
-            isPrintingSvg: He.value
-          })), void 0, !0)
-        ], 46, ea)),
-        e.$slots.hint ? (c(), A("div", ia, [
-          b(e.$slots, "hint", D(B({
-            hint: t.value.a11y.translations.keyboardNavigation,
-            isVisible: ot.value
-          })), void 0, !0)
-        ])) : _("", !0)
-      ]),
-      e.$slots.watermark ? (c(), A("div", ca, [
-        b(e.$slots, "watermark", D(B({
-          isPrinting: m(st) || m(rt) || Ve.value || He.value
-        })), void 0, !0)
-      ])) : _("", !0),
-      N("div", {
-        id: `legend-bottom-${W.value}`
-      }, null, 8, da),
-      Pt.value && (t.value.style.chart.legend.show || e.$slots.legend) ? (c(), Q(cl, {
-        key: 7,
-        to: t.value.style.chart.legend.position === "top" ? `#legend-top-${W.value}` : `#legend-bottom-${W.value}`
-      }, [
-        N("div", {
-          ref_key: "chartLegend",
-          ref: St
-        }, [
-          b(e.$slots, "legend", { legend: $e.value }, () => [
-            t.value.style.chart.legend.show ? (c(), Q(Ll, {
-              key: `legend_${Be.value}`,
-              legendSet: $e.value,
-              config: Fo.value,
-              id: `treemap_legend_${W.value}`,
-              isCursorPointer: ie.value,
-              onClickMarker: l[0] || (l[0] = ({ legend: o }) => We(o))
-            }, {
-              item: T(({ legend: o, index: a }) => [
-                m(ge) ? _("", !0) : (c(), A("div", {
-                  key: 0,
-                  onClick: (n) => We(o),
-                  style: he(`opacity:${P.value.includes(o.id) ? 0.5 : 1}`)
-                }, Ne(o.display), 13, va))
-              ]),
-              legendToggle: T(() => [
-                $e.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !m(ge) ? (c(), Q(Nl, {
-                  key: 0,
-                  backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
-                  color: t.value.style.chart.legend.selectAllToggle.color,
-                  fontSize: t.value.style.chart.legend.fontSize,
-                  checked: P.value.length > 0,
-                  isCursorPointer: ie.value,
-                  onToggle: No
-                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : _("", !0)
-              ]),
-              _: 1
-            }, 8, ["legendSet", "config", "id", "isCursorPointer"])) : _("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : _("", !0),
-      e.$slots.source ? (c(), A("div", {
-        key: 8,
-        ref_key: "source",
-        ref: It,
-        dir: "auto"
-      }, [
-        b(e.$slots, "source", {}, void 0, !0)
-      ], 512)) : _("", !0),
-      Ze(m(p), {
-        teleportTo: t.value.style.chart.tooltip.teleportTo,
-        show: X.value.showTooltip && Ae.value,
-        backgroundColor: t.value.style.chart.tooltip.backgroundColor,
-        color: t.value.style.chart.tooltip.color,
-        fontSize: t.value.style.chart.tooltip.fontSize,
-        borderRadius: t.value.style.chart.tooltip.borderRadius,
-        borderColor: t.value.style.chart.tooltip.borderColor,
-        borderWidth: t.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: t.value.style.chart.tooltip.backgroundOpacity,
-        position: t.value.style.chart.tooltip.position,
-        offsetY: t.value.style.chart.tooltip.offsetY,
-        parent: K.value,
-        content: Je.value,
-        isFullscreen: pe.value,
-        isCustom: m(fo)(t.value.style.chart.tooltip.customFormat),
-        smooth: t.value.style.chart.tooltip.smooth,
-        backdropFilter: t.value.style.chart.tooltip.backdropFilter,
-        smoothForce: t.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: t.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: Ie.value === "keyboard",
-        a11yPosition: Lt.value
-      }, {
-        "tooltip-before": T(() => [
-          b(e.$slots, "tooltip-before", D(B({ ...Xe.value })), void 0, !0)
-        ]),
-        tooltip: T(() => [
-          b(e.$slots, "tooltip", D(B({ ...Xe.value })), void 0, !0)
-        ]),
-        "tooltip-after": T(() => [
-          b(e.$slots, "tooltip-after", D(B({ ...Xe.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      ue.value && t.value.userOptions.buttons.table ? (c(), Q(dl(Fe.value.component), kt({ key: 9 }, Fe.value.props, {
-        ref_key: "tableUnit",
-        ref: Se,
-        onClose: to
-      }), no({
-        content: T(() => [
-          (c(), Q(m(f), {
-            key: `table_${De.value}`,
-            colNames: Te.value.colNames,
-            head: Te.value.head,
-            body: Te.value.body,
-            config: Te.value.config,
-            title: t.value.table.useDialog ? "" : Fe.value.title,
-            withCloseButton: !t.value.table.useDialog,
-            isCursorPointer: ie.value,
-            onClose: to
-          }, {
-            th: T(({ th: o }) => [
-              N("div", {
-                innerHTML: o,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, ha)
-            ]),
-            td: T(({ td: o }) => [
-              je(Ne(o.name || o), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        t.value.table.useDialog ? {
-          name: "title",
-          fn: T(() => [
-            je(Ne(Fe.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        t.value.table.useDialog ? {
-          name: "actions",
-          fn: T(() => [
-            N("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (o) => vt(t.value.userOptions.callbacks.csv)),
-              style: he({ cursor: ie.value ? "pointer" : "default" })
-            }, [
-              Ze(po, {
-                name: "fileCsv",
-                stroke: Fe.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : _("", !0),
-      b(e.$slots, "skeleton", {}, () => [
-        m(ge) ? (c(), Q(Tl, { key: 0 })) : _("", !0)
-      ], !0)
-    ], 46, Xl));
-  }
-}, Fa = /* @__PURE__ */ Rl(fa, [["__scopeId", "data-v-88e620a1"]]);
-export {
-  Fa as default
-};