vue-data-ui 3.7.2 → 3.7.4

package/dist/vue-ui-vertical-bar-BeVsAeU-.js

@@ -1,1271 +0,0 @@
-import { useCssVars as sa, defineAsyncComponent as Z, useSlots as ia, computed as f, ref as i, toRefs as ca, watch as Be, shallowRef as ht, onMounted as De, nextTick as he, onBeforeUnmount as da, createElementBlock as c, openBlock as u, unref as r, normalizeStyle as v, normalizeClass as j, createBlock as H, createCommentVNode as m, renderSlot as b, createVNode as ee, withCtx as h, normalizeProps as N, guardReactiveProps as z, createSlots as pe, createElementVNode as n, toDisplayString as p, Fragment as te, renderList as ae, mergeProps as pt, resolveDynamicComponent as va, withKeys as ha, createTextVNode as gt } from "vue";
-import { c as pa, t as ga, i as fa, p as q, W as Ne, j as ba, M as L, o as ze, g as ue, l as Ee, a as re, d as M, X as ya, s as Oe, h as ma, u as Ca, q as ka, x as xa, R as wa } from "./lib-C5BH09_g.js";
-import { t as _a, u as $a } from "./useResponsive-DfdjqQps.js";
-import { u as Aa, a as Ve } from "./useNestedProp-CWo6bftQ.js";
-import { u as Ta, B as Sa } from "./BaseScanner-BgWxam9d.js";
-import { u as La } from "./usePrinter-DCJzEiS8.js";
-import { u as Fa } from "./useSvgExport-DrjCWun4.js";
-import { u as Pa } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Ba } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as Da } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Na } from "./useChartAccessibility-9icAAmYg.js";
-import ft from "./Legend-Web3GjlR.js";
-import za from "./vue-ui-accordion-DSdZUn2C.js";
-import Ea from "./Title-DfFUb9hd.js";
-import { _ as bt } from "./Shape-DE6X_t31.js";
-import Oa from "./img-DUzJeMlr.js";
-import { _ as Va } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const yt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { separators: { color: "#4A4A4A" }, bars: { dataLabels: { color: "#CCCCCC" }, nameLabels: { color: "#CCCCCC" }, parentLabels: { color: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, mt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { bars: { borderRadius: 0, useGradient: !1, dataLabels: { color: "#424242" }, nameLabels: { color: "#424242" }, parentLabels: { color: "#424242" } }, highlighter: { color: "#FF8A65" }, separators: { show: !1 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ct = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { bars: { borderRadius: 0, useGradient: !1, dataLabels: { color: "#BDBDBD" }, nameLabels: { color: "#BDBDBD" }, parentLabels: { color: "#FFF8E1" } }, highlighter: { color: "#FF8A65" }, separators: { show: !1 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { bars: { borderRadius: 0, useGradient: !1, dataLabels: { color: "#AACCAA" }, nameLabels: { color: "#99CC99" }, parentLabels: { color: "#99CC99" } }, highlighter: { color: "#66CC66" }, separators: { show: !1 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, xt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { bars: { borderRadius: 8, useGradient: !0, dataLabels: { color: "#A0AC94" }, nameLabels: { color: "#8A9892" }, parentLabels: { color: "#8A9892" } }, highlighter: { color: "#8F837A" }, separators: { show: !1 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, wt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { bars: { borderRadius: 0, useGradient: !0, dataLabels: { color: "#61747E" }, nameLabels: { color: "#8A9892" }, parentLabels: { color: "#8A9892" } }, highlighter: { color: "#50606C" }, separators: { show: !0, color: "#DEE1DE" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, _t = {
-  default: {},
-  dark: yt,
-  celebration: mt,
-  celebrationNight: Ct,
-  hack: kt,
-  zen: xt,
-  concrete: wt
-}, Wl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  celebration: mt,
-  celebrationNight: Ct,
-  concrete: wt,
-  dark: yt,
-  default: _t,
-  hack: kt,
-  zen: xt
-}, Symbol.toStringTag, { value: "Module" })), Ia = ["id"], Ma = ["onClick"], Ra = ["xmlns", "viewBox"], Ua = ["x", "width", "height"], Ga = ["id"], Wa = ["stop-color"], Xa = ["stop-color"], ja = { key: 1 }, Ha = ["x", "y", "width", "height", "fill", "rx"], qa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Ya = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qa = { class: "vue-ui-horizontal-bar-child-label" }, Za = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], el = ["x", "y", "font-size", "fill", "font-weight"], tl = { class: "vue-ui-horizontal-bar-parent-label" }, al = ["x", "y", "font-size", "fill", "font-weight"], ll = ["x", "y", "font-size", "fill", "font-weight"], ol = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], nl = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, ul = ["onClick"], rl = { style: "width:100%;padding-top: 36px;position:relative" }, sl = { class: "vue-ui-data-table" }, il = { key: 0 }, cl = { style: { width: "100%" } }, dl = ["data-cell"], vl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, hl = ["data-cell"], pl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, gl = ["data-cell"], fl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, bl = ["data-cell"], yl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ml = ["data-cell"], Cl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, kl = ["data-cell"], xl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, wl = ["data-cell"], _l = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $l = {
-  __name: "vue-ui-vertical-bar",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["selectLegend"],
-  setup($t, { expose: At, emit: Tt }) {
-    sa((t) => ({
-      a360556e: t.tdo
-    }));
-    const St = Z(() => import("./Tooltip-WD0Ros6G.js")), Ie = Z(() => import("./BaseIcon-CofSxalQ.js")), Lt = Z(() => import("./PenAndPaper-HCZQTkqi.js")), Ft = Z(() => import("./UserOptions-B3I-s3Lw.js")), Pt = Z(() => import("./PackageVersion-ChF5viKP.js")), Bt = Z(() => import("./BaseDraggableDialog-CRF94NJQ.js")), { vue_ui_vertical_bar: Dt } = Aa(), { isThemeValid: Nt, warnInvalidTheme: zt } = Pa(), Et = ia(), C = $t, ge = f({
-      get() {
-        return !!C.dataset && C.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), S = i(pa()), fe = i(!1), be = i(""), le = i(0), Ot = i(null), Me = i(0), F = i(null), Re = i(null), ye = i(null), Ue = i(null), Ge = i(null), We = i(0), me = i(0), Y = i(null), oe = i(null), Ce = i(null), Vt = Tt, e = i($e()), It = f(() => [
-      { name: "", value: 6, color: "#d9d9d9" },
-      { name: "", value: 5, color: "#d9d9d9" },
-      { name: "", value: 4, color: "#d9d9d9" },
-      { name: "", value: 3, color: "#d9d9d9" },
-      { name: "", value: 2, color: "#d9d9d9" },
-      { name: "", value: 1, color: "#d9d9d9" }
-    ]), { loading: Xe, FINAL_DATASET: ke, manualLoading: xe } = Ta({
-      ...ca(C),
-      FINAL_CONFIG: e,
-      prepareConfig: $e,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          J(), _.value.showTable = e.value.table.show, await V();
-        });
-      },
-      skeletonDataset: It.value,
-      skeletonConfig: ga({
-        defaultConfig: e.value,
-        userConfig: {
-          useCssAnimation: !1,
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              layout: {
-                bars: {
-                  offsetX: 110,
-                  dataLabels: {
-                    color: "transparent",
-                    value: {
-                      prefix: "",
-                      suffix: "",
-                      formatter: null
-                    }
-                  },
-                  nameLabels: {
-                    color: "transparent"
-                  }
-                },
-                separators: {
-                  color: "#7A7A7A"
-                }
-              },
-              legend: {
-                show: !0,
-                backgroundColor: "transparent",
-                color: "transparent",
-                prefix: "",
-                suffix: "",
-                formatter: null
-              },
-              title: {
-                color: "#1A1A1A",
-                subtitle: {
-                  color: "#5A5A5A"
-                }
-              }
-            }
-          }
-        }
-      })
-    }), { userOptionsVisible: we, setUserOptionsVisibility: je, keepUserOptionState: He } = Da({ config: e.value }), { svgRef: _e } = Na({ config: e.value.style.chart.title });
-    function $e() {
-      const t = Ve({
-        userConfig: C.config,
-        defaultConfig: Dt
-      });
-      let l = {};
-      const a = t.theme;
-      if (a)
-        if (!Nt.value(t))
-          zt(t), l = t;
-        else {
-          const o = Ve({
-            userConfig: _t[a] || C.config,
-            defaultConfig: t
-          });
-          l = {
-            ...Ve({
-              userConfig: C.config,
-              defaultConfig: o
-            }),
-            customPalette: t.customPalette.length ? t.customPalette : fa[a] || q
-          };
-        }
-      else
-        l = t;
-      return C.config && Ne(C.config, "events.datapointEnter") ? l.events.datapointEnter = C.config.events.datapointEnter : l.events.datapointEnter = null, C.config && Ne(C.config, "events.datapointLeave") ? l.events.datapointLeave = C.config.events.datapointLeave : l.events.datapointLeave = null, C.config && Ne(C.config, "events.datapointClick") ? l.events.datapointClick = C.config.events.datapointClick : l.events.datapointClick = null, l;
-    }
-    Be(() => C.config, (t) => {
-      Xe.value || (e.value = $e()), we.value = !e.value.userOptions.showOnChartHover, tt(), We.value += 1, me.value += 1, g.value = e.value.style.chart.layout.bars.height, k.value = e.value.style.chart.layout.bars.gap, _.value.showTable = e.value.table.show, _.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", _.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), Be(() => C.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (xe.value = !1), J();
-    }, { deep: !0 });
-    const { isPrinting: qe, isImaging: Ye, generatePdf: Ke, generateImage: Je } = La({
-      elementId: `vue-ui-vertical-bar_${S.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
-      options: e.value.userOptions.print
-    }), Mt = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Qe = f(() => ba(e.value.customPalette)), Ze = i(null), Rt = f(() => e.value.table.responsiveBreakpoint), O = ht(null), K = ht(null), se = i("0 0 10 10"), P = f(() => {
-      const [t, l, a, o] = se.value.split(" ").map(Number);
-      return { x: t, y: l, width: a, height: o };
-    });
-    De(async () => {
-      await he(), tt(), V();
-    });
-    async function V() {
-      if (se.value = `0 0 ${$.value.width} ${s.value.fullHeight}`, !e.value.autoSize || !Y.value) return;
-      const t = Y.value.querySelectorAll(".vue-ui-horizontal-bar-parent-label"), l = Y.value.querySelectorAll(".vue-ui-horizontal-bar-child-label");
-      if (t && t.length) {
-        const y = Math.max(...Array.from(t).flatMap((d) => {
-          const x = d.querySelectorAll("text");
-          return x.length ? Array.from(x).map((Q) => Q.getBBox().width) : 0;
-        })), w = Math.max(...Array.from(l).flatMap((d) => {
-          const x = d.querySelectorAll("text");
-          return x.length ? Array.from(x).map((Q) => Q.getBBox().width) : 0;
-        }));
-        Array.from(t).forEach((d) => {
-          const x = d.querySelectorAll("text");
-          Array.from(x).forEach(async (Q) => {
-            Q.setAttribute("x", 0), Q.setAttribute("x", L(-y - w));
-          });
-        });
-      }
-      await he();
-      const a = Y.value ? Y.value.getBBox() : 0, o = e.value.style.chart.layout.bars.dataLabels.offsetX;
-      se.value = [
-        a.x + -o,
-        0,
-        a.width + o * 2,
-        s.value.fullHeight
-      ].join(" ");
-    }
-    let et;
-    De(() => {
-      F.value && (et = new ResizeObserver((t) => {
-        for (const l of t) {
-          const { width: a, height: o } = l.contentRect;
-          if (a > 0 && o > 0) {
-            Promise.resolve().then(async () => {
-              J(), await V();
-            });
-            break;
-          }
-        }
-      }), et.observe(F.value.parentElement));
-    });
-    const ie = f(() => !!e.value.debug), Ae = i(0);
-    function tt() {
-      if (ze(C.dataset) && (ue({
-        componentName: "VueUiVerticalBar",
-        type: "dataset",
-        debug: ie.value
-      }), ge.value = !1, xe.value = !0), le.value = ke.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), ze(C.dataset) || (xe.value = e.value.loading), e.value.responsive) {
-        const t = _a(() => {
-          const { width: l, height: a } = $a({
-            chart: F.value,
-            title: e.value.style.chart.title.text ? Re.value : null,
-            legend: e.value.style.chart.legend.show ? ye.value : null,
-            source: Ue.value,
-            noTitle: Ge.value
-          });
-          Ae.value = a / 3, requestAnimationFrame(async () => {
-            ot.value = l;
-            const o = k.value * (le.value - 1);
-            g.value = (a - o) / le.value, await he(), V();
-          });
-        });
-        O.value && (K.value && O.value.unobserve(K.value), O.value.disconnect()), O.value = new ResizeObserver(t), K.value = F.value.parentNode, O.value.observe(K.value), e.value.autoSize && V();
-      }
-    }
-    da(() => {
-      O.value && (K.value && O.value.unobserve(K.value), O.value.disconnect());
-    });
-    const _ = i({
-      showTable: e.value.table.show,
-      sortDesc: e.value.style.chart.layout.bars.sort === "desc",
-      showTooltip: e.value.style.chart.tooltip.show
-    }), at = f(() => _.value.sortDesc), B = f(() => (ke.value.forEach((t, l) => {
-      !t.value && !t.children && ue({
-        componentName: "VueUiVerticalBar",
-        type: "datasetAttributeEmpty",
-        property: `value (index ${l})`,
-        debug: ie.value
-      }), t.children && (ze(t.children) ? ue({
-        componentName: "VueUiVerticalBar",
-        type: "datasetAttributeEmpty",
-        property: `children (index ${l})`,
-        debug: ie.value
-      }) : t.children.forEach((a, o) => {
-        [null, void 0].includes(a.name) && ue({
-          componentName: "VueUiVerticalBar",
-          type: "datasetSerieAttribute",
-          property: "name",
-          key: "children",
-          index: o,
-          debug: ie.value
-        });
-      }));
-    }), ke.value.map((t, l) => {
-      const a = `vertical_parent_${l}_${S.value}`, o = t.children && t.children.length > 0, y = L(t.value ? t.value : o ? t.children.map((d) => d.value || 0).reduce((d, x) => d + x, 0) : 0), w = y >= 0 ? 1 : -1;
-      return {
-        ...t,
-        id: a,
-        absoluteIndex: l,
-        shape: "square",
-        opacity: A.value.includes(a) ? 0.5 : 1,
-        value: Math.abs(y),
-        sign: w,
-        hasChildren: o,
-        isChild: !1,
-        segregate: () => R(a),
-        isSegregated: A.value.includes(a),
-        color: Ee(t.color) || Qe.value[l] || q[l] || q[l % q.length],
-        children: !t.children || !t.children.length ? [] : t.children.toSorted(ce.value ? () => 0 : (d, x) => at.value ? x.value - d.value : d.value - x.value).map((d, x) => ({
-          ...d,
-          value: L(Math.abs(d.value)),
-          absoluteIndex: l,
-          sign: d.value >= 0 ? 1 : -1,
-          isChild: !0,
-          parentId: a,
-          parentName: t.name,
-          parentValue: y,
-          parentSign: w,
-          id: `vertical_child_${l}_${x}_${S.value}`,
-          childIndex: x,
-          color: Ee(d.color) || Ee(t.color) || Qe.value[l] || q[l] || q[l % q.length]
-        })).map((d, x) => ({
-          ...d,
-          isFirstChild: x === 0,
-          isLastChild: x === t.children.length - 1
-        }))
-      };
-    }).toSorted(ce.value ? () => 0 : (t, l) => at.value ? l.value - t.value : t.value - l.value))), lt = f(() => ({
-      cy: "vertical-bar-div-legend",
-      backgroundColor: e.value.style.chart.legend.backgroundColor,
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), g = i(e.value.style.chart.layout.bars.height), k = i(e.value.style.chart.layout.bars.gap), Ut = f(() => (g.value + k.value) * le.value), ot = i(512), $ = f(() => ({
-      width: ot.value,
-      height: Ut.value,
-      padding: {
-        top: 12,
-        left: (e.value.autoSize ? 0 : 128) + e.value.style.chart.layout.bars.offsetX,
-        right: (e.value.autoSize ? 0 : 64) + e.value.style.chart.layout.bars.paddingRight,
-        bottom: 12
-      }
-    })), s = f(() => ({
-      fullHeight: $.value.padding.top + $.value.padding.bottom + $.value.height,
-      top: $.value.padding.top,
-      left: $.value.padding.left,
-      right: $.value.width - $.value.padding.right,
-      bottom: $.value.padding.top + $.value.height,
-      width: $.value.width - ($.value.padding.left + $.value.padding.right)
-    }));
-    async function J() {
-      le.value = U.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), e.value.autoSize && await V();
-    }
-    const A = i([]);
-    async function R(t) {
-      if (A.value.includes(t))
-        A.value = A.value.filter((l) => l !== t);
-      else {
-        if (A.value.length === B.value.length - 1) return;
-        A.value.push(t);
-      }
-      J(), await he(), e.value.autoSize && V(), Vt("selectLegend", U.value);
-    }
-    function nt(t) {
-      if (!B.value.length)
-        return e.value.debug && console.warn("VueUiHorizontalBar - There are no series to show."), null;
-      const l = B.value.find((a) => a.name === t);
-      return l || (e.value.debug && console.warn(`VueUiHorizontalBar - Series name not found "${t}"`), null);
-    }
-    function Gt(t) {
-      const l = nt(t);
-      l !== null && A.value.includes(l.id) && R(l.id);
-    }
-    function Wt(t) {
-      const l = nt(t);
-      l !== null && (A.value.includes(l.id) || R(l.id));
-    }
-    const U = f(() => B.value.filter((t) => !A.value.includes(t.id))), E = f(() => U.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
-    function ut(t, l = !1, a = 0) {
-      return l ? M({
-        v: L(Math.abs(t) / E.value * 100),
-        s: "%",
-        r: a
-      }) : Math.abs(t) / E.value;
-    }
-    const G = f(() => U.value.flatMap((t) => t.hasChildren ? t.children : t)), W = f(() => G.value.map((t) => t.sign).includes(-1)), Xt = f(() => Math.max(...U.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)));
-    function T(t) {
-      const l = t / Xt.value;
-      return s.value.width / (W.value ? 2 : 1) * l;
-    }
-    function jt(t) {
-      return T(t) + s.value.left;
-    }
-    function ne(t, l) {
-      const a = U.value.find((w) => w.id === t.parentId), o = s.value.top + (k.value + g.value) * l, y = a.children.length * (k.value + g.value);
-      return {
-        y: o + y / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
-        name: a.name,
-        value: [void 0, NaN, null].includes(a.value) ? "" : a.sign === 1 ? a.value : -a.value,
-        percentageToTotal: isNaN(a.value / E.value) ? "" : ut(a.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
-        sign: a.sign
-      };
-    }
-    function Ht() {
-      return U.value;
-    }
-    const Te = i(null), Se = i(null);
-    function qt({ datapoint: t, seriesIndex: l }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
-    }
-    function Yt({ datapoint: t, seriesIndex: l }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), Ot.value = null, fe.value = !1, Te.value = null;
-    }
-    function Kt(t, l) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), Se.value = {
-        datapoint: t,
-        seriesIndex: l,
-        series: B.value,
-        config: e.value
-      }, fe.value = !0, Te.value = t.id;
-      let a = "";
-      const o = t.isChild ? t.parentName : t.name, y = t.isChild ? t.name : "", w = e.value.style.chart.tooltip.customFormat;
-      xa(w) && wa(() => w({
-        datapoint: t,
-        series: B.value,
-        config: e.value,
-        seriesIndex: l
-      })) ? be.value = w({
-        datapoint: t,
-        series: B.value,
-        config: e.value,
-        seriesIndex: l
-      }) : (a += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
-                <div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${t.color}"/>${Et.pattern ? `<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${S.value}_${t.absoluteIndex})"/>` : ""}</svg> ${o}</div>
-                ${y ? `<div>${y}</div>` : ""}
-            </div>`, e.value.style.chart.tooltip.showValue && (a += `<div>${e.value.translations.value}: <b>${re(
-        e.value.style.chart.layout.bars.dataLabels.value.formatter,
-        t.sign === 1 ? t.value : -t.value,
-        M({
-          p: e.value.style.chart.tooltip.prefix,
-          v: t.sign === 1 ? t.value : -t.value,
-          s: e.value.style.chart.tooltip.suffix,
-          r: e.value.style.chart.tooltip.roundingValue
-        }),
-        { datapoint: t, seriesIndex: l }
-      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (a += `<div>${e.value.translations.percentageToTotal} : <b>${M({
-        v: Math.abs(t.value) / E.value * 100,
-        s: "%",
-        r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`, t.isChild && (a += `<div>${e.value.translations.percentageToSerie}: <b>${M({
-        v: Math.abs(t.value) / Math.abs(t.parentValue) * 100,
-        s: "%",
-        r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`)), be.value = `<div style="text-align:left">${a}</div>`);
-    }
-    function rt(t, l, a, o) {
-      if (!e.value.style.chart.layout.bars.dataLabels.value.show)
-        return "";
-      const y = re(
-        e.value.style.chart.layout.bars.dataLabels.value.formatter,
-        L(o === -1 && t >= 0 ? -t : t),
-        M({
-          p: e.value.style.chart.layout.bars.dataLabels.value.prefix,
-          v: L(o === -1 && t >= 0 ? -t : t),
-          s: e.value.style.chart.layout.bars.dataLabels.value.suffix,
-          r: e.value.style.chart.layout.bars.dataLabels.value.roundingValue
-        }),
-        { datapoint: l, seriesIndex: a }
-      ), w = `(${ut(t, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
-      return `${y}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${w}` : ""}`;
-    }
-    const D = f(() => {
-      const t = [
-        e.value.translations.parentName,
-        e.value.translations.value,
-        e.value.translations.percentageToTotal,
-        e.value.translations.childName,
-        e.value.translations.value,
-        e.value.translations.percentageToSerie,
-        e.value.translations.percentageToTotal
-      ], l = G.value.map((a) => a.isChild ? a.isFirstChild ? {
-        color: a.color,
-        parentName: a.parentName,
-        parentValue: a.parentValue,
-        percentageToTotal: a.parentValue / E.value,
-        childName: a.name,
-        childValue: a.sign === 1 ? a.value : -a.value,
-        childPercentageToParent: Math.abs(a.value) / Math.abs(a.parentValue),
-        childPercentageToTotal: Math.abs(a.value) / E.value
-      } : {
-        color: "",
-        parentName: "",
-        parentValue: "",
-        percentageToTotal: "",
-        childName: a.name,
-        childValue: a.sign === 1 ? a.value : -a.value,
-        childPercentageToParent: Math.abs(a.value) / Math.abs(a.parentValue),
-        childPercentageToTotal: Math.abs(a.value) / E.value
-      } : {
-        color: a.color,
-        parentName: a.name,
-        parentValue: a.sign === 1 ? a.value : -a.value,
-        percentageToTotal: Math.abs(a.value) / E.value,
-        childName: "",
-        childValue: "",
-        childPercentageToParent: "",
-        childPercentageToTotal: ""
-      });
-      return { head: t, body: l };
-    });
-    function Le(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = D.value.head, o = D.value.body.map((d) => [
-        d.parentName,
-        d.parentValue,
-        d.percentageToTotal,
-        d.childName,
-        d.childValue,
-        d.childPercentageToParent,
-        d.childPercentageToTotal
-      ]), y = l.concat([a]).concat(o), w = Ca(y);
-      t ? t(w) : ka({ csvContent: w, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
-    }
-    const X = i(!1);
-    function st(t) {
-      X.value = t, Me.value += 1;
-    }
-    function it() {
-      _.value.showTable = !_.value.showTable;
-    }
-    const Jt = i({
-      none: 0,
-      asc: 1,
-      desc: 2
-    }), I = i(0), ce = i(!1);
-    De(() => {
-      ["none", "asc", "desc"].includes(e.value.style.chart.layout.bars.sort) || ue({
-        componentName: "VueUiVerticalBar",
-        type: "attributeWrongValue",
-        property: "style.chart.layout.bars.sort",
-        key: e.value.style.chart.layout.bars.sort
-      }), I.value = Jt.value[e.value.style.chart.layout.bars.sort], _.value.sortDesc = I.value === 2, ce.value = I.value === 0;
-    });
-    function Qt() {
-      I.value += 1, I.value > 2 && (I.value = 0);
-    }
-    function ct() {
-      Qt(), _.value.sortDesc = I.value === 2, ce.value = I.value === 0, J();
-    }
-    function dt() {
-      _.value.showTooltip = !_.value.showTooltip;
-    }
-    const de = i(!1);
-    function Fe() {
-      de.value = !de.value;
-    }
-    async function Zt({ scale: t = 2 } = {}) {
-      if (!F.value) return;
-      const { width: l, height: a } = F.value.getBoundingClientRect(), o = l / a, { imageUri: y, base64: w } = await Oa({ domElement: F.value, base64: !0, img: !0, scale: t });
-      return {
-        imageUri: y,
-        base64: w,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: a,
-        aspectRatio: o
-      };
-    }
-    const ve = f(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = _.value.showTable;
-      return {
-        component: t ? Bt : za,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: X.value,
-          fullscreenParent: F.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    Be(() => _.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && oe.value ? oe.value.open() : "close" in oe.value && oe.value.close());
-    });
-    const { isResponsive: ea } = Ba(Ze, Rt);
-    function Pe() {
-      _.value.showTable = !1, Ce.value && Ce.value.setTableIconState(!1);
-    }
-    const ta = f(() => B.value.map((t, l) => ({
-      ...t,
-      shape: "square",
-      display: `${t.name}: ${re(
-        e.value.style.chart.layout.bars.dataLabels.value.formatter,
-        t.value,
-        M({
-          p: e.value.style.chart.legend.prefix,
-          v: t.value,
-          s: e.value.style.chart.legend.suffix,
-          r: e.value.style.chart.legend.roundingValue
-        }),
-        { datapoint: t, seriesIndex: l }
-      )}`
-    }))), aa = f(() => e.value.style.chart.backgroundColor), la = f(() => e.value.style.chart.legend), oa = f(() => e.value.style.chart.title), na = f(() => ta.value.map((t) => ({
-      ...t,
-      name: t.display
-    }))), { exportSvg: ua, getSvg: ra } = Fa({
-      svg: _e,
-      title: oa,
-      legend: la,
-      legendItems: na,
-      backgroundColor: aa
-    });
-    async function vt({ isCb: t }) {
-      if (t) {
-        const { blob: l, url: a, text: o, dataUrl: y } = await ra();
-        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: y });
-      } else
-        ua();
-    }
-    return At({
-      autoSize: V,
-      // v3
-      getData: Ht,
-      getImage: Zt,
-      recalculateHeight: J,
-      generatePdf: Ke,
-      generateCsv: Le,
-      generateImage: Je,
-      generateSvg: vt,
-      hideSeries: Wt,
-      showSeries: Gt,
-      toggleTable: it,
-      toggleSort: ct,
-      toggleTooltip: dt,
-      toggleAnnotator: Fe,
-      toggleFullscreen: st
-    }), (t, l) => (u(), c("div", {
-      class: j(`vue-data-ui-component vue-ui-vertical-bar ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${e.value.responsive && e.value.autoSize ? "vue-ui-vertical-bar-autosize" : ""}`),
-      ref_key: "verticalBarChart",
-      ref: F,
-      id: `vue-ui-vertical-bar_${S.value}`,
-      style: v(`padding-top:${e.value.responsive && e.value.autoSize ? `${Ae.value / 2}px` : "0"}; font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? e.value.autoSize ? `height:calc(100% - ${Ae.value}px` : "height: 100%" : ""}`),
-      onMouseenter: l[3] || (l[3] = () => r(je)(!0)),
-      onMouseleave: l[4] || (l[4] = () => r(je)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (u(), H(r(Lt), {
-        key: 0,
-        svgRef: r(_e),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: de.value,
-        onClose: Fe
-      }, {
-        "annotator-action-close": h(() => [
-          b(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": h(({ color: a }) => [
-          b(t.$slots, "annotator-action-color", N(z({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": h(({ mode: a }) => [
-          b(t.$slots, "annotator-action-draw", N(z({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": h(({ disabled: a }) => [
-          b(t.$slots, "annotator-action-undo", N(z({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": h(({ disabled: a }) => [
-          b(t.$slots, "annotator-action-redo", N(z({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": h(({ disabled: a }) => [
-          b(t.$slots, "annotator-action-delete", N(z({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
-      Mt.value ? (u(), c("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: Ge,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : m("", !0),
-      e.value.style.chart.title.text ? (u(), c("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: Re,
-        style: "width:100%;background:transparent;padding-bottom:12px"
-      }, [
-        (u(), H(Ea, {
-          key: `title_${We.value}`,
-          config: {
-            title: {
-              cy: "vertical-bar-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "vertical-bar-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : m("", !0),
-      e.value.userOptions.show && ge.value && (r(He) || r(we)) ? (u(), H(r(Ft), {
-        ref_key: "userOptionsRef",
-        ref: Ce,
-        key: `user_options_${Me.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isImaging: r(Ye),
-        isPrinting: r(qe),
-        uid: S.value,
-        hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasSort: e.value.userOptions.buttons.sort,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: X.value,
-        isTooltip: _.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: F.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: de.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: st,
-        onGeneratePdf: r(Ke),
-        onGenerateCsv: Le,
-        onGenerateImage: r(Je),
-        onGenerateSvg: vt,
-        onToggleTable: it,
-        onToggleSort: ct,
-        onToggleTooltip: dt,
-        onToggleAnnotator: Fe,
-        style: v({
-          visibility: r(He) ? r(we) ? "visible" : "hidden" : "visible"
-        })
-      }, pe({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: h(({ isOpen: a, color: o }) => [
-            b(t.$slots, "menuIcon", N(z({ isOpen: a, color: o })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: h(() => [
-            b(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: h(() => [
-            b(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: h(() => [
-            b(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: h(() => [
-            b(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: h(() => [
-            b(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: h(() => [
-            b(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: h(() => [
-            b(t.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionSort ? {
-          name: "optionSort",
-          fn: h(() => [
-            b(t.$slots, "optionSort", {}, void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: h(({ toggleFullscreen: a, isFullscreen: o }) => [
-            b(t.$slots, "optionFullscreen", N(z({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: h(({ toggleAnnotator: a, isAnnotator: o }) => [
-            b(t.$slots, "optionAnnotator", N(z({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
-          ]),
-          key: "10"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
-      e.value.style.chart.legend.show && e.value.style.chart.legend.position === "top" ? (u(), c("div", {
-        key: 4,
-        ref_key: "chartLegend",
-        ref: ye
-      }, [
-        (u(), H(ft, {
-          key: `legend_top_${me.value}`,
-          legendSet: B.value,
-          config: lt.value,
-          onClickMarker: l[0] || (l[0] = ({ legend: a }) => R(a.id))
-        }, pe({
-          item: h(({ legend: a, index: o }) => [
-            n("div", {
-              onClick: (y) => R(a.id),
-              style: v(`opacity:${A.value.includes(a.id) ? 0.5 : 1}`)
-            }, p(a.name) + ": " + p(r(re)(
-              e.value.style.chart.layout.bars.dataLabels.value.formatter,
-              a.value,
-              r(M)({
-                p: e.value.style.chart.legend.prefix,
-                v: a.value,
-                s: e.value.style.chart.legend.suffix,
-                r: e.value.style.chart.legend.roundingValue
-              }),
-              { datapoint: a, seriesIndex: o }
-            )), 13, Ma)
-          ]),
-          _: 2
-        }, [
-          t.$slots.pattern ? {
-            name: "legend-pattern",
-            fn: h(({ legend: a, index: o }) => [
-              ee(bt, {
-                shape: a.shape,
-                radius: 30,
-                stroke: "none",
-                plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${S.value}_${o})`
-              }, null, 8, ["shape", "fill"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["legendSet", "config"]))
-      ], 512)) : m("", !0),
-      (u(), c("svg", {
-        ref_key: "svgRef",
-        ref: _e,
-        xmlns: r(ya),
-        class: j({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
-        viewBox: se.value,
-        style: v(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        n("g", {
-          ref_key: "G",
-          ref: Y,
-          class: "vue-data-ui-g"
-        }, [
-          ee(r(Pt)),
-          t.$slots["chart-background"] ? (u(), c("foreignObject", {
-            key: 0,
-            x: P.value.x,
-            y: 0,
-            width: P.value.width,
-            height: P.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            b(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ua)) : m("", !0),
-          (u(!0), c(te, null, ae(G.value, (a, o) => (u(), c("linearGradient", {
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%",
-            id: `vertical_bar_gradient_${S.value}_${o}`
-          }, [
-            n("stop", {
-              offset: "0%",
-              "stop-color": a.color
-            }, null, 8, Wa),
-            n("stop", {
-              offset: "100%",
-              "stop-color": r(Oe)(r(ma)(a.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
-            }, null, 8, Xa)
-          ], 8, Ga))), 256)),
-          t.$slots.pattern ? (u(), c("g", ja, [
-            (u(!0), c(te, null, ae(G.value, (a) => (u(), c("defs", null, [
-              b(t.$slots, "pattern", pt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${S.value}_${a.absoluteIndex}` }), void 0, !0)
-            ]))), 256))
-          ])) : m("", !0),
-          (u(!0), c(te, null, ae(G.value, (a, o) => (u(), c("g", null, [
-            n("rect", {
-              x: r(L)(W.value ? s.value.left + s.value.width / 2 - (a.sign === 1 ? 0 : T(a.value) <= 0 ? 1e-4 : T(a.value)) : s.value.left),
-              y: s.value.top + (k.value + g.value) * o,
-              width: r(L)(T(a.value) <= 0 ? 1e-4 : T(a.value)),
-              height: g.value <= 0 ? 1e-4 : g.value,
-              fill: e.value.style.chart.layout.bars.underlayerColor,
-              rx: e.value.style.chart.layout.bars.borderRadius,
-              class: j({ animated: e.value.useCssAnimation })
-            }, null, 10, Ha)
-          ]))), 256)),
-          (u(!0), c(te, null, ae(G.value, (a, o) => (u(), c("g", null, [
-            n("rect", {
-              x: r(L)(W.value ? s.value.left + s.value.width / 2 - (a.sign === 1 ? 0 : T(a.value) <= 0 ? 1e-4 : T(a.value)) : s.value.left),
-              y: s.value.top + (k.value + g.value) * o,
-              width: r(L)(T(a.value) <= 0 ? 1e-4 : T(a.value)),
-              height: g.value <= 0 ? 1e-4 : g.value,
-              fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${S.value}_${o})` : r(Oe)(a.color, e.value.style.chart.layout.bars.fillOpacity),
-              rx: e.value.style.chart.layout.bars.borderRadius,
-              stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
-              "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
-              class: j({ animated: e.value.useCssAnimation })
-            }, null, 10, qa),
-            t.$slots.pattern ? (u(), c("rect", {
-              key: 0,
-              x: r(L)(W.value ? s.value.left + s.value.width / 2 - (a.sign === 1 ? 0 : T(a.value) <= 0 ? 1e-4 : T(a.value)) : s.value.left),
-              y: s.value.top + (k.value + g.value) * o,
-              width: r(L)(T(a.value) <= 0 ? 1e-4 : T(a.value)),
-              height: g.value <= 0 ? 1e-4 : g.value,
-              fill: `url(#pattern_${S.value}_${a.absoluteIndex})`,
-              rx: e.value.style.chart.layout.bars.borderRadius,
-              stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
-              "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
-              class: j({ animated: e.value.useCssAnimation })
-            }, null, 10, Ya)) : m("", !0),
-            (!a.isChild || a.isLastChild) && e.value.style.chart.layout.separators.show && o !== G.value.length - 1 ? (u(), c("line", {
-              key: 1,
-              x1: P.value.x,
-              x2: e.value.style.chart.layout.separators.fullWidth ? P.value.width - Math.abs(P.value.x) : s.value.left,
-              y1: g.value + k.value / 2 + s.value.top + (k.value + g.value) * o,
-              y2: g.value + k.value / 2 + s.value.top + (k.value + g.value) * o,
-              stroke: e.value.style.chart.layout.separators.color,
-              "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
-              "stroke-linecap": "round",
-              style: { transition: "none !important", animation: "none !important" }
-            }, null, 8, Ka)) : m("", !0),
-            W.value && e.value.style.chart.layout.separators.show ? (u(), c("line", {
-              key: 2,
-              x1: s.value.left + s.value.width / 2,
-              x2: s.value.left + s.value.width / 2,
-              y1: s.value.top,
-              y2: s.value.bottom,
-              stroke: e.value.style.chart.layout.separators.color,
-              "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Ja)) : m("", !0),
-            n("g", Qa, [
-              n("text", {
-                x: W.value ? s.value.left + s.value.width / 2 + (a.sign === 1 ? -12 : 12) + (a.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : jt(a.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
-                y: s.value.top + (k.value + g.value) * o + g.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
-                "text-anchor": !W.value || a.sign === -1 ? "start" : "end",
-                "font-size": e.value.style.chart.layout.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.layout.bars.dataLabels.color,
-                "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-              }, p(rt(a.value, a, o, a.sign)), 9, Za),
-              (a.isChild || !a.hasChildren) && e.value.style.chart.layout.bars.nameLabels.show ? (u(), c("text", {
-                key: 0,
-                "text-anchor": "end",
-                x: s.value.left - 3 + e.value.style.chart.layout.bars.nameLabels.offsetX,
-                y: s.value.top + (k.value + g.value) * o + g.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2,
-                "font-size": e.value.style.chart.layout.bars.nameLabels.fontSize,
-                fill: e.value.style.chart.layout.bars.nameLabels.color,
-                "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal"
-              }, p(a.name), 9, el)) : m("", !0)
-            ]),
-            n("g", tl, [
-              a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), c("text", {
-                key: 0,
-                x: e.value.autoSize ? void 0 : P.value.x + e.value.style.chart.layout.bars.parentLabels.offsetX,
-                y: ne(a, o).y,
-                "font-size": e.value.style.chart.layout.bars.parentLabels.fontSize,
-                fill: e.value.style.chart.layout.bars.parentLabels.color,
-                "font-weight": e.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
-                "text-anchor": "start"
-              }, p(ne(a, o).name), 9, al)) : m("", !0),
-              a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), c("text", {
-                key: 1,
-                x: e.value.autoSize ? void 0 : P.value.x + e.value.style.chart.layout.bars.parentLabels.offsetX,
-                y: ne(a, o).y + e.value.style.chart.layout.bars.parentLabels.fontSize + 6,
-                "font-size": e.value.style.chart.layout.bars.parentLabels.fontSize,
-                fill: e.value.style.chart.layout.bars.parentLabels.color,
-                "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
-                "text-anchor": "start"
-              }, p(rt(ne(a, o).value), ne(a, o), o, a.parentSign || a.sign), 9, ll)) : m("", !0)
-            ]),
-            n("rect", {
-              x: P.value.x,
-              y: s.value.top + (k.value + g.value) * o - k.value / 2,
-              width: P.value.width,
-              height: g.value + k.value <= 0 ? 1e-4 : g.value + k.value,
-              fill: Te.value === a.id ? r(Oe)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
-              onMouseenter: (y) => Kt(a, o),
-              onMouseleave: (y) => Yt({ datapoint: a, seriesIndex: o }),
-              onClick: (y) => qt({ datapoint: a, seriesIndex: o })
-            }, null, 40, ol)
-          ]))), 256)),
-          b(t.$slots, "svg", { svg: P.value }, void 0, !0)
-        ], 512)
-      ], 14, Ra)),
-      t.$slots.watermark ? (u(), c("div", nl, [
-        b(t.$slots, "watermark", N(z({ isPrinting: r(qe) || r(Ye) })), void 0, !0)
-      ])) : m("", !0),
-      e.value.style.chart.legend.show && e.value.style.chart.legend.position === "bottom" ? (u(), c("div", {
-        key: 6,
-        ref_key: "chartLegend",
-        ref: ye
-      }, [
-        (u(), H(ft, {
-          key: `legend_bottom_${me.value}`,
-          legendSet: B.value,
-          config: lt.value,
-          onClickMarker: l[1] || (l[1] = ({ legend: a }) => R(a.id))
-        }, pe({
-          item: h(({ legend: a, index: o }) => [
-            n("div", {
-              onClick: (y) => R(a.id),
-              style: v(`opacity:${A.value.includes(a.id) ? 0.5 : 1}`)
-            }, p(a.name) + ": " + p(r(re)(
-              e.value.style.chart.layout.bars.dataLabels.value.formatter,
-              a.value,
-              r(M)({
-                p: e.value.style.chart.legend.prefix,
-                v: a.value,
-                s: e.value.style.chart.legend.suffix,
-                r: e.value.style.chart.legend.roundingValue
-              }),
-              { datapoint: a, seriesIndex: o }
-            )), 13, ul)
-          ]),
-          _: 2
-        }, [
-          t.$slots.pattern ? {
-            name: "legend-pattern",
-            fn: h(({ legend: a, index: o }) => [
-              ee(bt, {
-                shape: a.shape,
-                radius: 30,
-                stroke: "none",
-                plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${S.value}_${o})`
-              }, null, 8, ["shape", "fill"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["legendSet", "config"]))
-      ], 512)) : m("", !0),
-      b(t.$slots, "legend", { legend: B.value }, void 0, !0),
-      t.$slots.source ? (u(), c("div", {
-        key: 7,
-        ref_key: "source",
-        ref: Ue,
-        dir: "auto"
-      }, [
-        b(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : m("", !0),
-      ee(r(St), {
-        show: _.value.showTooltip && fe.value && A.value.length < C.dataset.length,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: F.value,
-        content: be.value,
-        isFullscreen: X.value,
-        isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
-        smoothForce: e.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
-      }, {
-        "tooltip-before": h(() => [
-          b(t.$slots, "tooltip-before", N(z({ ...Se.value })), void 0, !0)
-        ]),
-        "tooltip-after": h(() => [
-          b(t.$slots, "tooltip-after", N(z({ ...Se.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ge.value && e.value.userOptions.buttons.table ? (u(), H(va(ve.value.component), pt({ key: 8 }, ve.value.props, {
-        ref_key: "tableUnit",
-        ref: oe,
-        onClose: Pe
-      }), pe({
-        content: h(() => [
-          n("div", {
-            ref_key: "tableContainer",
-            ref: Ze,
-            class: "vue-ui-vertical-bar-table atom-data-table",
-            style: v(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px"}`)
-          }, [
-            n("div", rl, [
-              e.value.table.useDialog ? m("", !0) : (u(), c("div", {
-                key: 0,
-                role: "button",
-                tabindex: "0",
-                style: v(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
-                onClick: Pe,
-                onKeypress: ha(Pe, ["enter"])
-              }, [
-                ee(r(Ie), {
-                  name: "close",
-                  stroke: e.value.table.th.color,
-                  "stroke-width": 2
-                }, null, 8, ["stroke"])
-              ], 36)),
-              n("div", {
-                style: { width: "100%", "container-type": "inline-size" },
-                class: j({ "vue-ui-responsive": r(ea) })
-              }, [
-                n("table", sl, [
-                  e.value.table.useDialog ? m("", !0) : (u(), c("caption", {
-                    key: 0,
-                    style: v({ backgroundColor: e.value.table.th.backgroundColor, color: e.value.table.th.color, outline: e.value.table.th.outline }),
-                    class: "vue-ui-data-table__caption"
-                  }, [
-                    gt(p(e.value.style.chart.title.text) + " ", 1),
-                    e.value.style.chart.title.subtitle.text ? (u(), c("span", il, p(e.value.style.chart.title.subtitle.text), 1)) : m("", !0)
-                  ], 4)),
-                  n("thead", null, [
-                    n("tr", {
-                      role: "row",
-                      style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
-                    }, [
-                      (u(!0), c(te, null, ae(D.value.head, (a) => (u(), c("th", {
-                        style: v(`outline:${e.value.table.th.outline}`)
-                      }, [
-                        n("div", cl, p(a), 1)
-                      ], 4))), 256))
-                    ], 4),
-                    n("tr", null, [
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
-                      }, null, 4),
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)
-                      }, "∑ " + p(e.value.table.td.prefix) + p(isNaN(E.value) ? "" : E.value.toFixed(e.value.table.td.roundingValue)) + p(e.value.table.td.suffix), 5),
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)
-                      }, "100%", 4),
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
-                      }, null, 4),
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
-                      }, null, 4),
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
-                      }, null, 4),
-                      n("th", {
-                        style: v(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
-                      }, null, 4)
-                    ])
-                  ]),
-                  n("tbody", null, [
-                    (u(!0), c(te, null, ae(D.value.body, (a, o) => (u(), c("tr", {
-                      class: j({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 }),
-                      style: v(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
-                    }, [
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline};font-variant-numeric: tabular-nums;`),
-                        "data-cell": D.value.head[0] ?? ""
-                      }, [
-                        n("div", vl, [
-                          a.color ? (u(), c("span", {
-                            key: 0,
-                            style: v(`color:${a.color};margin-right:3px`)
-                          }, "⬤", 4)) : m("", !0),
-                          n("span", null, p(a.parentName), 1)
-                        ])
-                      ], 12, dl),
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline}`),
-                        "data-cell": D.value.head[1] ?? ""
-                      }, [
-                        n("div", pl, p(e.value.table.td.prefix) + p(["", NaN, void 0].includes(a.parentValue) ? "" : a.parentValue.toFixed(e.value.table.td.roundingValue)) + p(e.value.table.td.suffix), 1)
-                      ], 12, hl),
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline}`),
-                        "data-cell": D.value.head[2] ?? ""
-                      }, [
-                        n("div", fl, p(["", NaN, void 0].includes(a.percentageToTotal) ? "" : `${(a.percentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
-                      ], 12, gl),
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline}`),
-                        "data-cell": D.value.head[3] ?? ""
-                      }, [
-                        n("div", yl, p(a.childName), 1)
-                      ], 12, bl),
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline}`),
-                        "data-cell": D.value.head[4] ?? ""
-                      }, [
-                        n("div", Cl, p(e.value.table.td.prefix) + p(["", NaN, void 0].includes(a.childValue) ? "" : a.childValue.toFixed(e.value.table.td.roundingValue)) + p(e.value.table.td.suffix), 1)
-                      ], 12, ml),
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline}`),
-                        "data-cell": D.value.head[5] ?? ""
-                      }, [
-                        n("div", xl, p(["", NaN, void 0].includes(a.childPercentageToParent) ? "" : `${(a.childPercentageToParent * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
-                      ], 12, kl),
-                      n("td", {
-                        class: "vue-ui-data-table__tbody__td",
-                        style: v(`outline:${e.value.table.td.outline}`),
-                        "data-cell": D.value.head[6] ?? ""
-                      }, [
-                        n("div", _l, p(["", NaN, void 0].includes(a.childPercentageToTotal) ? "" : `${(a.childPercentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
-                      ], 12, wl)
-                    ], 6))), 256))
-                  ])
-                ])
-              ], 2)
-            ])
-          ], 4)
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: h(() => [
-            gt(p(ve.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: h(() => [
-            n("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[2] || (l[2] = (a) => Le(e.value.userOptions.callbacks.csv))
-            }, [
-              ee(r(Ie), {
-                name: "excel",
-                stroke: ve.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : m("", !0),
-      r(Xe) ? (u(), H(Sa, { key: 9 })) : m("", !0)
-    ], 46, Ia));
-  }
-}, Al = /* @__PURE__ */ Va($l, [["__scopeId", "data-v-7f6e5c2f"]]), Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Al
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Wl as a,
-  Xl as b,
-  Al as v
-};