vue-data-ui 2.4.83 → 2.4.85

package/dist/{vue-ui-vertical-bar-M3IDlqbG.js → vue-ui-vertical-bar-E5CTb1Bd.js}

@@ -1,20 +1,20 @@
-import { useCssVars as dt, useSlots as vt, computed as b, ref as i, watch as Re, onMounted as Ue, onBeforeUnmount as ct, openBlock as u, createElementBlock as r, normalizeClass as A, normalizeStyle as c, unref as d, createBlock as B, createCommentVNode as p, createSlots as ce, withCtx as k, renderSlot as m, normalizeProps as E, guardReactiveProps as H, createElementVNode as n, toDisplayString as h, createVNode as q, Fragment as W, renderList as G, withKeys as ht, createTextVNode as pt } from "vue";
-import { u as yt, c as gt, t as ft, a as bt, p as D, b as mt, o as Xe, e as K, v as N, d as he, i as le, f as R, X as _t, s as pe, w as kt, x as $t, y as xt, q as wt, r as Ct } from "./index-BqR_a-C7.js";
+import { useCssVars as dt, useSlots as vt, computed as b, ref as i, watch as Re, onMounted as Ue, onBeforeUnmount as ct, openBlock as u, createElementBlock as r, normalizeClass as A, normalizeStyle as c, unref as d, createBlock as B, createCommentVNode as p, createSlots as ce, withCtx as k, renderSlot as m, normalizeProps as E, guardReactiveProps as H, createElementVNode as n, toDisplayString as h, createVNode as Y, Fragment as W, renderList as G, withKeys as ht, createTextVNode as pt } from "vue";
+import { u as yt, c as gt, t as ft, a as bt, p as D, b as mt, o as Xe, e as K, v as N, d as he, i as le, f as R, X as _t, s as pe, w as kt, x as $t, y as xt, q as wt, r as Ct } from "./index-B7nCQFK0.js";
 import { t as Tt, u as Lt } from "./useResponsive-CoxXLe23.js";
-import { _ as Nt } from "./Title-Bhq6SOYu.js";
-import { u as Pt, U as St } from "./usePrinter-BPjMJmKg.js";
-import { _ as Vt } from "./Tooltip-CeBpQ6yn.js";
-import { L as Ee } from "./Legend-Br9uWuyZ.js";
-import It from "./vue-ui-skeleton-DbI8wJH-.js";
-import Ot from "./BaseIcon-DG_iYn4X.js";
-import Ft from "./vue-ui-accordion-Cz3VCEN0.js";
-import { u as He } from "./useNestedProp-DqofSFeh.js";
-import { _ as Mt } from "./PackageVersion-tmgQTzP2.js";
-import { P as zt } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { _ as Nt } from "./Title-CaET2xuF.js";
+import { u as Pt, U as St } from "./usePrinter-CQMn1b4E.js";
+import { _ as Vt } from "./Tooltip-Bkc4233T.js";
+import { L as Ee } from "./Legend-BTpe6qQB.js";
+import It from "./vue-ui-skeleton-D66ZIUln.js";
+import Ft from "./BaseIcon-B8U62FEj.js";
+import Ot from "./vue-ui-accordion-B8ptB5BQ.js";
+import { u as He } from "./useNestedProp-C9rlBRTT.js";
+import { _ as Mt } from "./PackageVersion-CENy3Lm2.js";
+import { P as zt } from "./PenAndPaper-Dr7ndoP_.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as We } from "./Shape-6QlwV5xV.js";
+import { _ as We } from "./Shape-zFv85Gc2.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Wt = ["stop-color"], Gt = { key: 1 }, jt = ["x", "y", "width", "height", "fill", "rx"], Yt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], qt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Kt = ["x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Zt = ["x", "y", "font-size", "fill", "font-weight"], ea = ["x", "y", "font-size", "fill", "font-weight"], ta = ["x", "y", "font-size", "fill", "font-weight"], aa = ["y", "width", "height", "fill", "onMouseenter"], la = {
+const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Wt = ["stop-color"], Gt = { key: 1 }, jt = ["x", "y", "width", "height", "fill", "rx"], qt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Yt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Kt = ["x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Zt = ["x", "y", "font-size", "fill", "font-weight"], ea = ["x", "y", "font-size", "fill", "font-weight"], ta = ["x", "y", "font-size", "fill", "font-weight"], aa = ["y", "width", "height", "fill", "onMouseenter"], la = {
   key: 6,
   class: "vue-data-ui-watermark"
 }, oa = ["onClick"], na = { style: "width:100%;padding-top: 36px;position:relative" }, ua = { class: "vue-ui-data-table" }, sa = { key: 0 }, ra = { style: { width: "100%" } }, ia = ["data-cell"], da = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, va = ["data-cell"], ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = ["data-cell"], ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = ["data-cell"], _a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], $a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, xa = {
@@ -34,19 +34,19 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
     }
   },
   emits: ["selectLegend"],
-  setup(Ge, { expose: je, emit: Ye }) {
+  setup(Ge, { expose: je, emit: qe }) {
     const T = Ge;
     dt((a) => ({
-      "6df2c512": a.tdo
+      "8f1f890e": a.tdo
     }));
-    const { vue_ui_vertical_bar: qe } = yt(), Ke = vt(), J = b(() => !!T.dataset && T.dataset.length), w = i(gt()), Je = i(null), oe = i(!1), ne = i(""), Q = i(0), Qe = i(null), ye = i(0), U = i(null), ge = i(null), ue = i(null), fe = i(null), be = i(null), me = i(0), se = i(0), e = b({
+    const { vue_ui_vertical_bar: Ye } = yt(), Ke = vt(), J = b(() => !!T.dataset && T.dataset.length), w = i(gt()), Je = i(null), oe = i(!1), ne = i(""), Q = i(0), Qe = i(null), ye = i(0), U = i(null), ge = i(null), ue = i(null), fe = i(null), be = i(null), me = i(0), se = i(0), e = b({
       get: () => $e(),
       set: (a) => a
     }), { userOptionsVisible: re, setUserOptionsVisibility: _e, keepUserOptionState: ke } = At({ config: e.value });
     function $e() {
       const a = He({
         userConfig: T.config,
-        defaultConfig: qe
+        defaultConfig: Ye
       });
       return a.theme ? {
         ...He({
@@ -79,7 +79,9 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
             source: fe.value,
             noTitle: be.value
           });
-          Oe.value = l, v.value = t / Q.value - g.value * 2;
+          requestAnimationFrame(() => {
+            Fe.value = l, v.value = t / Q.value - g.value * 2;
+          });
         });
         Z.value = new ResizeObserver(a), Z.value.observe(U.value.parentNode);
       }
@@ -98,7 +100,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       showTable: e.value.table.show,
       sortDesc: e.value.style.chart.layout.bars.sort === "desc",
       showTooltip: e.value.style.chart.tooltip.show
-    }), Ve = b(() => C.value.sortDesc), O = b(() => (T.dataset.forEach((a, l) => {
+    }), Ve = b(() => C.value.sortDesc), F = b(() => (T.dataset.forEach((a, l) => {
       !a.value && !a.children && K({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
@@ -157,8 +159,8 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), v = i(e.value.style.chart.layout.bars.height), g = i(e.value.style.chart.layout.bars.gap), at = b(() => (v.value + g.value) * Q.value), Oe = i(512), y = b(() => ({
-      width: Oe.value,
+    })), v = i(e.value.style.chart.layout.bars.height), g = i(e.value.style.chart.layout.bars.gap), at = b(() => (v.value + g.value) * Q.value), Fe = i(512), y = b(() => ({
+      width: Fe.value,
       height: at.value,
       padding: {
         top: 12,
@@ -175,21 +177,21 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       width: y.value.width - (y.value.padding.left + y.value.padding.right)
     }));
     function ee() {
-      Q.value = F.value.flatMap((a) => a.children && a.children.length > 0 ? a.children.length : 1).reduce((a, l) => a + l, 0);
+      Q.value = O.value.flatMap((a) => a.children && a.children.length > 0 ? a.children.length : 1).reduce((a, l) => a + l, 0);
     }
     const P = i([]);
     function j(a) {
-      P.value.includes(a) ? P.value = P.value.filter((l) => l !== a) : P.value.push(a), ee(), Ye("selectLegend", F.value);
+      P.value.includes(a) ? P.value = P.value.filter((l) => l !== a) : P.value.push(a), ee(), qe("selectLegend", O.value);
     }
-    const F = b(() => O.value.filter((a) => !P.value.includes(a.id))), S = b(() => F.value.map((a) => Math.abs(a.value)).reduce((a, l) => a + l, 0));
-    function Fe(a, l = !1, t = 0) {
+    const O = b(() => F.value.filter((a) => !P.value.includes(a.id))), S = b(() => O.value.map((a) => Math.abs(a.value)).reduce((a, l) => a + l, 0));
+    function Oe(a, l = !1, t = 0) {
       return l ? R({
         v: N(Math.abs(a) / S.value * 100),
         s: "%",
         r: t
       }) : Math.abs(a) / S.value;
     }
-    const M = b(() => F.value.flatMap((a) => a.hasChildren ? a.children : a)), z = b(() => M.value.map((a) => a.sign).includes(-1)), lt = b(() => Math.max(...F.value.flatMap((a) => a.children && a.children.length ? Math.max(...a.children.map((l) => l.value)) : a.value)));
+    const M = b(() => O.value.flatMap((a) => a.hasChildren ? a.children : a)), z = b(() => M.value.map((a) => a.sign).includes(-1)), lt = b(() => Math.max(...O.value.flatMap((a) => a.children && a.children.length ? Math.max(...a.children.map((l) => l.value)) : a.value)));
     function $(a) {
       const l = a / lt.value;
       return s.value.width / (z.value ? 2 : 1) * l;
@@ -197,37 +199,37 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
     function ot(a) {
       return $(a) + s.value.left;
     }
-    function Y(a, l) {
-      const t = F.value.find((f) => f.id === a.parentId), o = s.value.top + (g.value + v.value) * l, _ = t.children.length * (g.value + v.value);
+    function q(a, l) {
+      const t = O.value.find((f) => f.id === a.parentId), o = s.value.top + (g.value + v.value) * l, _ = t.children.length * (g.value + v.value);
       return {
         y: o + _ / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
         name: t.name,
         value: [void 0, NaN, null].includes(t.value) ? "" : t.sign === 1 ? t.value : -t.value,
-        percentageToTotal: isNaN(t.value / S.value) ? "" : Fe(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
+        percentageToTotal: isNaN(t.value / S.value) ? "" : Oe(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
         sign: t.sign
       };
     }
     function nt() {
-      return F.value;
+      return O.value;
     }
     const ie = i(null), de = i(null);
     function ut(a, l) {
       de.value = {
         datapoint: a,
         seriesIndex: l,
-        series: O.value,
+        series: F.value,
         config: e.value
       }, oe.value = !0, ie.value = a.id;
       let t = "";
       const o = a.isChild ? a.parentName : a.name, _ = a.isChild ? a.name : "", f = e.value.style.chart.tooltip.customFormat;
       $t(f) && xt(() => f({
         datapoint: a,
-        series: O.value,
+        series: F.value,
         config: e.value,
         seriesIndex: l
       })) ? ne.value = f({
         datapoint: a,
-        series: O.value,
+        series: F.value,
         config: e.value,
         seriesIndex: l
       }) : (t += `<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;">
@@ -266,7 +268,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           r: e.value.style.chart.layout.bars.dataLabels.value.roundingValue
         }),
         { datapoint: l, seriesIndex: t }
-      ), f = `(${Fe(a, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
+      ), f = `(${Oe(a, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})`;
       return `${_}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${f}` : ""}`;
     }
     const L = b(() => {
@@ -513,7 +515,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, [
         (u(), B(Ee, {
           key: `legend_top_${se.value}`,
-          legendSet: O.value,
+          legendSet: F.value,
           config: Ie.value,
           onClickMarker: l[0] || (l[0] = ({ legend: t }) => j(t.id))
         }, ce({
@@ -539,7 +541,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: k(({ legend: t, index: o }) => [
-              q(We, {
+              Y(We, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -558,7 +560,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
         viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${s.value.fullHeight <= 0 ? 10 : s.value.fullHeight}`,
         style: c(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        q(Mt),
+        Y(Mt),
         a.$slots["chart-background"] ? (u(), r("foreignObject", {
           key: 0,
           x: 0,
@@ -614,7 +616,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, Yt),
+          }, null, 10, qt),
           a.$slots.pattern ? (u(), r("rect", {
             key: 0,
             x: d(N)(z.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : $(t.value) <= 0 ? 1e-4 : $(t.value)) : s.value.left),
@@ -626,7 +628,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, qt)) : p("", !0),
+          }, null, 10, Yt)) : p("", !0),
           (!t.isChild || t.isLastChild) && e.value.style.chart.layout.separators.show && o !== M.value.length - 1 ? (u(), r("line", {
             key: 1,
             x1: 0,
@@ -667,21 +669,21 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), r("text", {
             key: 4,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
-            y: Y(t, o).y,
+            y: q(t, 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"
-          }, h(Y(t, o).name), 9, ea)) : p("", !0),
+          }, h(q(t, o).name), 9, ea)) : p("", !0),
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), r("text", {
             key: 5,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
-            y: Y(t, o).y + e.value.style.chart.layout.bars.parentLabels.fontSize + 6,
+            y: q(t, 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"
-          }, h(Me(Y(t, o).value), Y(t, o), o, t.parentSign || t.sign), 9, ta)) : p("", !0),
+          }, h(Me(q(t, o).value), q(t, o), o, t.parentSign || t.sign), 9, ta)) : p("", !0),
           n("rect", {
             "data-cy-trap": "",
             x: 0,
@@ -722,7 +724,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, [
         (u(), B(Ee, {
           key: `legend_bottom_${se.value}`,
-          legendSet: O.value,
+          legendSet: F.value,
           config: Ie.value,
           onClickMarker: l[2] || (l[2] = ({ legend: t }) => j(t.id))
         }, ce({
@@ -747,7 +749,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: k(({ legend: t, index: o }) => [
-              q(We, {
+              Y(We, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -759,7 +761,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
           } : void 0
         ]), 1032, ["legendSet", "config"]))
       ], 512)) : p("", !0),
-      m(a.$slots, "legend", { legend: O.value }, void 0, !0),
+      m(a.$slots, "legend", { legend: F.value }, void 0, !0),
       a.$slots.source ? (u(), r("div", {
         key: 9,
         ref_key: "source",
@@ -768,7 +770,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, [
         m(a.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      q(Vt, {
+      Y(Vt, {
         show: C.value.showTooltip && oe.value && P.value.length < T.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -792,7 +794,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      J.value ? (u(), B(Ft, {
+      J.value ? (u(), B(Ot, {
         key: 10,
         hideDetails: "",
         config: {
@@ -822,7 +824,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
                 onClick: l[3] || (l[3] = (t) => C.value.showTable = !1),
                 onKeypress: l[4] || (l[4] = ht((t) => C.value.showTable = !1, ["enter"]))
               }, [
-                q(Ot, {
+                Y(Ft, {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -946,7 +948,7 @@ const Dt = ["id"], Rt = ["onClick"], Ut = ["xmlns", "viewBox"], Xt = ["width", "
       }, 8, ["config"])) : p("", !0)
     ], 46, Dt));
   }
-}, Ra = /* @__PURE__ */ Bt(xa, [["__scopeId", "data-v-086d7789"]]);
+}, Ra = /* @__PURE__ */ Bt(xa, [["__scopeId", "data-v-158fdcfe"]]);
 export {
   Ra as default
 };

package/dist/{vue-ui-waffle-CJYfXE-I.js → vue-ui-waffle-BAJIMbZK.js}

@@ -1,20 +1,20 @@
-import { useSlots as tt, computed as d, ref as v, watch as Ne, onMounted as lt, onBeforeUnmount as at, openBlock as s, createElementBlock as r, normalizeClass as Be, normalizeStyle as X, unref as c, createBlock as N, createCommentVNode as y, createSlots as Ve, withCtx as b, renderSlot as g, normalizeProps as B, guardReactiveProps as V, createVNode as ne, createElementVNode as x, Fragment as _, renderList as O, toDisplayString as A, createTextVNode as Me, nextTick as ot, pushScopeId as ut, popScopeId as st } from "vue";
-import { u as rt, c as nt, t as it, a as vt, p as M, o as ct, e as ie, g as dt, b as ht, i as E, f as C, X as pt, s as yt, w as ft, G as gt, L as bt, d as mt, x as wt, y as kt, q as xt, r as _t } from "./index-BqR_a-C7.js";
+import { useSlots as tt, computed as d, ref as v, watch as Ne, onMounted as lt, onBeforeUnmount as at, openBlock as s, createElementBlock as r, normalizeClass as Be, normalizeStyle as X, unref as c, createBlock as N, createCommentVNode as y, createSlots as Ve, withCtx as m, renderSlot as g, normalizeProps as B, guardReactiveProps as V, createVNode as ne, createElementVNode as x, Fragment as _, renderList as O, toDisplayString as A, createTextVNode as Me, nextTick as ot, pushScopeId as ut, popScopeId as st } from "vue";
+import { u as rt, c as nt, t as it, a as vt, p as M, o as ct, e as ie, g as dt, b as ht, i as E, f as C, X as pt, s as yt, w as ft, G as gt, L as mt, d as bt, x as wt, y as kt, q as xt, r as _t } from "./index-B7nCQFK0.js";
 import { t as Ct, u as $t } from "./useResponsive-CoxXLe23.js";
-import { _ as It } from "./Title-Bhq6SOYu.js";
-import { u as Tt, U as St } from "./usePrinter-BPjMJmKg.js";
-import { _ as Pt } from "./Tooltip-CeBpQ6yn.js";
-import { D as Lt } from "./DataTable-CaiuB_-j.js";
-import { L as Ot } from "./Legend-Br9uWuyZ.js";
-import At from "./vue-ui-skeleton-DbI8wJH-.js";
-import Ft from "./vue-ui-accordion-Cz3VCEN0.js";
-import { u as De } from "./useNestedProp-DqofSFeh.js";
-import { _ as zt } from "./PackageVersion-tmgQTzP2.js";
-import { P as Nt } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { _ as It } from "./Title-CaET2xuF.js";
+import { u as Tt, U as St } from "./usePrinter-CQMn1b4E.js";
+import { _ as Pt } from "./Tooltip-Bkc4233T.js";
+import { D as Lt } from "./DataTable-C0tCPQ9i.js";
+import { L as Ot } from "./Legend-BTpe6qQB.js";
+import At from "./vue-ui-skeleton-D66ZIUln.js";
+import Ft from "./vue-ui-accordion-B8ptB5BQ.js";
+import { u as De } from "./useNestedProp-C9rlBRTT.js";
+import { _ as zt } from "./PackageVersion-CENy3Lm2.js";
+import { P as Nt } from "./PenAndPaper-Dr7ndoP_.js";
 import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Vt } from "./Shape-6QlwV5xV.js";
+import { _ as Vt } from "./Shape-zFv85Gc2.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], Rt = ["stop-color"], jt = ["stop-color"], Et = ["id"], Wt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feGaussianBlur", {
+const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], Rt = ["stop-color"], jt = ["stop-color"], Et = ["id"], Wt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
 }, null, -1)), qt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feColorMatrix", {
@@ -44,32 +44,32 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
   },
   emits: ["selectLegend"],
   setup(W, { expose: Ge, emit: Re }) {
-    const m = W, { vue_ui_waffle: je } = rt(), Ee = tt(), Y = d(() => !!m.dataset && m.dataset.length), k = v(nt()), We = v(null), te = v(!1), le = v(""), D = v(null), ve = v(0), U = v(null), ce = v(null), de = v(null), he = v(null), pe = v(null), ye = v(0), fe = v(0), ge = v(0), e = d({
+    const b = W, { vue_ui_waffle: je } = rt(), Ee = tt(), Y = d(() => !!b.dataset && b.dataset.length), k = v(nt()), We = v(null), te = v(!1), le = v(""), D = v(null), ve = v(0), U = v(null), ce = v(null), de = v(null), he = v(null), pe = v(null), ye = v(0), fe = v(0), ge = v(0), e = d({
       get: () => we(),
       set: (t) => t
-    }), { userOptionsVisible: ae, setUserOptionsVisibility: be, keepUserOptionState: me } = Bt({ config: e.value });
+    }), { userOptionsVisible: ae, setUserOptionsVisibility: me, keepUserOptionState: be } = Bt({ config: e.value });
     function we() {
       const t = De({
-        userConfig: m.config,
+        userConfig: b.config,
         defaultConfig: je
       });
       return t.theme ? {
         ...De({
-          userConfig: it.vue_ui_waffle[t.theme] || m.config,
+          userConfig: it.vue_ui_waffle[t.theme] || b.config,
           defaultConfig: t
         }),
         customPalette: vt[t.theme] || M
       } : t;
     }
-    Ne(() => m.config, (t) => {
+    Ne(() => b.config, (t) => {
       e.value = we(), ae.value = !e.value.showOnChartHover, ke(), ye.value += 1, fe.value += 1, ge.value += 1;
     }, { deep: !0 });
     const J = v(null);
     function ke() {
-      if (ct(m.dataset) ? ie({
+      if (ct(b.dataset) ? ie({
         componentName: "VueUiWaffle",
         type: "dataset"
-      }) : m.dataset.forEach((t, a) => {
+      }) : b.dataset.forEach((t, a) => {
         dt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
@@ -90,7 +90,9 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
             source: he.value,
             noTitle: pe.value
           });
-          F.value.width = a, F.value.height = l, $.value.width = a, $.value.height = l;
+          requestAnimationFrame(() => {
+            F.value.width = a, F.value.height = l, $.value.width = a, $.value.height = l;
+          });
         });
         J.value = new ResizeObserver(t), J.value.observe(U.value.parentNode);
       }
@@ -125,15 +127,15 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
       return u;
     }
     function Se() {
-      return m.dataset.map((t, a) => ({
+      return b.dataset.map((t, a) => ({
         ...t,
-        color: mt(t.color) || Ie.value[a] || M[a] || M[a % M.length],
+        color: bt(t.color) || Ie.value[a] || M[a] || M[a % M.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
     const oe = d(() => Se()), h = v(oe.value);
-    Ne(() => m.dataset, (t) => {
+    Ne(() => b.dataset, (t) => {
       h.value = Se();
     }, { deep: !0 });
     const He = d(() => {
@@ -142,7 +144,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
     }), Xe = d(() => {
       const t = h.value.map((a, l) => (a.values || []).reduce((o, u) => o + u));
       return Te(t);
-    }), H = d(() => (m.dataset.forEach((t, a) => {
+    }), H = d(() => (b.dataset.forEach((t, a) => {
       [null, void 0].includes(t.values) && ie({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -271,7 +273,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), S = d(() => H.value.map((t) => t.value).reduce((t, a) => t + a, 0)), ue = v(null);
     function Ze(t) {
-      if (p.value.length === m.dataset.length) return;
+      if (p.value.length === b.dataset.length) return;
       const a = n.value[t];
       ue.value = {
         datapoint: a,
@@ -423,8 +425,8 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
       ref: U,
       id: `vue-ui-waffle_${k.value}`,
       style: X(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[3] || (a[3] = () => c(be)(!0)),
-      onMouseleave: a[4] || (a[4] = () => c(be)(!1))
+      onMouseenter: a[3] || (a[3] = () => c(me)(!0)),
+      onMouseleave: a[4] || (a[4] = () => c(me)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), N(Nt, {
         key: 0,
@@ -461,7 +463,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && Y.value && (c(me) || c(ae)) ? (s(), N(St, {
+      e.value.userOptions.show && Y.value && (c(be) || c(ae)) ? (s(), N(St, {
         ref_key: "details",
         ref: We,
         key: `user_options_${ve.value}`,
@@ -491,54 +493,54 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
         onToggleTooltip: ze,
         onToggleAnnotator: se,
         style: X({
-          visibility: c(me) ? c(ae) ? "visible" : "hidden" : "visible"
+          visibility: c(be) ? c(ae) ? "visible" : "hidden" : "visible"
         })
       }, Ve({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: b(() => [
+          fn: m(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: l, isFullscreen: o }) => [
+          fn: m(({ toggleFullscreen: l, isFullscreen: o }) => [
             g(t.$slots, "optionFullscreen", B(V({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: l, isAnnotator: o }) => [
+          fn: m(({ toggleAnnotator: l, isAnnotator: o }) => [
             g(t.$slots, "optionAnnotator", B(V({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "6"
@@ -652,7 +654,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
               class: "vue-ui-waffle-caption",
               style: X(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${q.value / 12}px;color:${c(gt)(n.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ll, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(bt)({ source: n.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : n.value[o].name) + ": ", 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ll, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(mt)({ source: n.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : n.value[o].name) + ": ", 1)) : y("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", al, A(c(C)({ v: n.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ol, " (" + A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
@@ -718,7 +720,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
           config: Qe.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => Oe(l.uid))
         }, Ve({
-          item: b(({ legend: l }) => [
+          item: m(({ legend: l }) => [
             x("div", {
               onClick: (o) => l.segregate(),
               style: X(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
@@ -742,7 +744,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: b(({ legend: l, index: o }) => [
+            fn: m(({ legend: l, index: o }) => [
               ne(Vt, {
                 shape: l.shape,
                 radius: 30,
@@ -767,7 +769,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       ne(Pt, {
-        show: L.value.showTooltip && te.value && p.value.length < m.dataset.length,
+        show: L.value.showTooltip && te.value && p.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -782,10 +784,10 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
         fontSize: e.value.style.chart.tooltip.fontSize,
         isFullscreen: j.value
       }, {
-        "tooltip-before": b(() => [
+        "tooltip-before": m(() => [
           g(t.$slots, "tooltip-before", B(V({ ...ue.value })), void 0, !0)
         ]),
-        "tooltip-after": b(() => [
+        "tooltip-after": m(() => [
           g(t.$slots, "tooltip-after", B(V({ ...ue.value })), void 0, !0)
         ]),
         _: 3
@@ -806,7 +808,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
           }
         }
       }, {
-        content: b(() => [
+        content: m(() => [
           (s(), N(Lt, {
             key: `table_${fe.value}`,
             colNames: Z.value.colNames,
@@ -816,13 +818,13 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: a[2] || (a[2] = (l) => L.value.showTable = !1)
           }, {
-            th: b(({ th: l }) => [
+            th: m(({ th: l }) => [
               x("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, cl)
             ]),
-            td: b(({ td: l }) => [
+            td: m(({ td: l }) => [
               Me(A(l.name || l), 1)
             ]),
             _: 1
@@ -832,7 +834,7 @@ const Ue = (W) => (ut("data-v-8a0b99ad"), W = W(), st(), W), Dt = ["id"], Ut = [
       }, 8, ["config"])) : y("", !0)
     ], 46, Dt));
   }
-}, Pl = /* @__PURE__ */ Mt(dl, [["__scopeId", "data-v-8a0b99ad"]]);
+}, Pl = /* @__PURE__ */ Mt(dl, [["__scopeId", "data-v-2719a41f"]]);
 export {
   Pl as default
 };