vue-data-ui 3.1.18 → 3.1.19-next.0

package/dist/{vue-ui-bullet-Cd_iix-z.js → vue-ui-bullet-G_Y2Ryof.js}

@@ -1,12 +1,13 @@
 import { defineAsyncComponent as W, ref as c, computed as f, onMounted as Ie, toRefs as Pe, watch as ce, onBeforeUnmount as Fe, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as D, normalizeClass as ve, createBlock as x, createCommentVNode as u, createElementVNode as _, createSlots as Te, withCtx as A, renderSlot as m, normalizeProps as F, guardReactiveProps as T, createVNode as He, Fragment as V, renderList as G, toDisplayString as H, Teleport as Me } from "vue";
-import { u as Re, c as ze, t as Ne, l as Ue, D as Ee, e as We, k as M, i as R, X as De, o as he, f as de, g as Ve, b as Ge } from "./index-smzxfsyV.js";
-import { u as ge } from "./useNestedProp-DeKmJzsE.js";
-import { u as je } from "./usePrinter-nFj0xF0a.js";
-import { u as qe } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Xe } from "./useChartAccessibility-9icAAmYg.js";
-import Ye from "./Legend-h35dp0Qf.js";
-import Je from "./Title-B_WMW2Bp.js";
-import Ke from "./img-BArHHegM.js";
+import { u as Re, a as he } from "./useNestedProp-DF7e2h1z.js";
+import { c as ze, t as Ne, m as Ee, E as Ue, h as We, a as M, d as R, X as De, o as de, f as ge, g as Ve } from "./lib-p5pfHmOX.js";
+import { u as Ge } from "./usePrinter-Yeu5jOfm.js";
+import { u as je } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as qe } from "./useChartAccessibility-9icAAmYg.js";
+import { t as Xe } from "./themes-D3cUNuKw.js";
+import Ye from "./Legend-_Rv594VS.js";
+import Je from "./Title-pI68ZJsq.js";
+import Ke from "./img-CH7J0fYg.js";
 import { t as Qe, u as Ze } from "./useResponsive-DfdjqQps.js";
 import { u as et, B as tt } from "./BaseScanner-BgWxam9d.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -39,7 +40,7 @@ const lt = ["id"], st = {
     }
   },
   setup(fe, { expose: me }) {
-    const ye = W(() => import("./PackageVersion-BzGzkGiC.js")), pe = W(() => import("./PenAndPaper-Deh70G9d.js")), be = W(() => import("./UserOptions-CtECQwBN.js")), { vue_ui_bullet: ke } = Re(), O = fe, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), we = c(0), C = c(null), B = c(null), J = c(!1), b = f({
+    const ye = W(() => import("./PackageVersion-DRpg18lg.js")), pe = W(() => import("./PenAndPaper-CtDMyIvW.js")), be = W(() => import("./UserOptions-Bn3u4JQu.js")), { vue_ui_bullet: ke } = Re(), O = fe, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), we = c(0), C = c(null), B = c(null), J = c(!1), b = f({
       get: () => i.value.hasOwnProperty("value"),
       set: (t) => t
     }), L = f(() => i.value.segments ? Array.isArray(i.value.segments) ? i.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
@@ -77,7 +78,7 @@ segments: [
 ]
         `), b.value = !1, !1)), K = f(() => !!e.value.debug);
     function Q() {
-      if (he(i.value) ? (de({
+      if (de(i.value) ? (ge({
         componentName: "VueUiBullet",
         type: "dataset",
         debug: K.value
@@ -86,7 +87,7 @@ segments: [
           datasetObject: t,
           requiredAttributes: ["name", "from", "to"]
         }).forEach((a) => {
-          b.value = !1, de({
+          b.value = !1, ge({
             componentName: "VueUiBullet segment",
             type: "datasetSerieAttribute",
             property: a,
@@ -94,7 +95,7 @@ segments: [
             debug: K.value
           });
         });
-      }) : (b.value = !1, S.value = !0), he(i.value) || (S.value = e.value.loading), e.value.responsive) {
+      }) : (b.value = !1, S.value = !0), de(i.value) || (S.value = e.value.loading), e.value.responsive) {
         const t = Qe(() => {
           const { width: s, height: a } = Ze({
             chart: y.value,
@@ -115,13 +116,13 @@ segments: [
     });
     const p = c(ze());
     function z() {
-      const t = ge({
+      const t = he({
         userConfig: O.config,
         defaultConfig: ke
       });
       return t.theme ? {
-        ...ge({
-          userConfig: Ge.vue_ui_bullet[t.theme] || O.config,
+        ...he({
+          userConfig: Xe.vue_ui_bullet[t.theme] || O.config,
           defaultConfig: t
         })
       } : t;
@@ -174,7 +175,7 @@ segments: [
           }
         }
       })
-    }), { userOptionsVisible: N, setUserOptionsVisibility: Z, keepUserOptionState: ee } = qe({ config: e.value }), { svgRef: te } = Xe({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: N, setUserOptionsVisibility: Z, keepUserOptionState: ee } = je({ config: e.value }), { svgRef: te } = qe({ config: e.value.style.chart.title });
     ce(() => O.config, (t) => {
       k.value || (e.value = z()), N.value = !e.value.userOptions.showOnChartHover, Q(), q.value += 1;
     }, { deep: !0 });
@@ -197,9 +198,9 @@ segments: [
       if (!L.value) return [];
       const t = [];
       for (let s = 0; s < i.value.segments.length; s += 1)
-        t.push(Ue(e.value.style.chart.segments.baseColor, s / i.value.segments.length));
+        t.push(Ee(e.value.style.chart.segments.baseColor, s / i.value.segments.length));
       return t;
-    }), U = f(() => L.value ? {
+    }), E = f(() => L.value ? {
       min: Math.min(...i.value.segments.map((t) => t.from)),
       max: Math.max(...i.value.segments.map((t) => t.to))
     } : { min: 0, max: 1 }), h = c(Ce());
@@ -207,7 +208,7 @@ segments: [
       t.hasOwnProperty("value") && (S.value = !1), e.value.style.chart.animation.show && !k.value ? le(t.value || 0) : h.value = t.value || 0;
     }, { deep: !0 });
     function Ce() {
-      return e.value.style.chart.animation.show && !k.value ? U.value.min : i.value.value || 0;
+      return e.value.style.chart.animation.show && !k.value ? E.value.min : i.value.value || 0;
     }
     const ae = c(null);
     function le(t) {
@@ -223,7 +224,7 @@ segments: [
     const d = f(() => {
       if (!L.value)
         return [];
-      const t = Ee(U.value.min, U.value.max, e.value.style.chart.segments.ticks.divisions), s = t.min >= 0 ? 0 : Math.abs(t.min), a = {
+      const t = Ue(E.value.min, E.value.max, e.value.style.chart.segments.ticks.divisions), s = t.min >= 0 ? 0 : Math.abs(t.min), a = {
         x: l.value.left + (i.value.target + s) / (t.max + s) * l.value.chartWidth - e.value.style.chart.target.width / 2
       }, g = {
         width: (h.value + s) / (t.max + s) * l.value.chartWidth
@@ -278,7 +279,7 @@ segments: [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 6,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), { isPrinting: re, isImaging: oe, generatePdf: ne, generateImage: ue } = je({
+    })), { isPrinting: re, isImaging: oe, generatePdf: ne, generateImage: ue } = Ge({
       elementId: `bullet_${p.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-bullet",
       options: e.value.userOptions.print
@@ -290,7 +291,7 @@ segments: [
       return d.value;
     }
     const P = c(!1);
-    function E() {
+    function U() {
       P.value = !P.value;
     }
     async function Be({ scale: t = 2 } = {}) {
@@ -310,7 +311,7 @@ segments: [
       getImage: Be,
       generatePdf: ne,
       generateImage: ue,
-      toggleAnnotator: E,
+      toggleAnnotator: U,
       toggleFullscreen: ie
     }), (t, s) => (r(), n("div", {
       ref_key: "bulletChart",
@@ -327,7 +328,7 @@ segments: [
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: P.value,
-        onClose: E
+        onClose: U
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : u("", !0),
       $e.value ? (r(), n("div", st, null, 512)) : u("", !0),
       e.value.style.chart.title.text ? (r(), n("div", {
@@ -380,7 +381,7 @@ segments: [
         onToggleFullscreen: ie,
         onGeneratePdf: o(ne),
         onGenerateImage: o(ue),
-        onToggleAnnotator: E,
+        onToggleAnnotator: U,
         style: D({
           visibility: o(ee) ? o(N) ? "visible" : "hidden" : "visible"
         })
@@ -578,7 +579,7 @@ segments: [
       o(k) ? (r(), x(tt, { key: 7 })) : u("", !0)
     ], 46, lt));
   }
-}, Ht = /* @__PURE__ */ at(xt, [["__scopeId", "data-v-cf97848f"]]);
+}, Mt = /* @__PURE__ */ at(xt, [["__scopeId", "data-v-cf97848f"]]);
 export {
-  Ht as default
+  Mt as default
 };

package/dist/{vue-ui-candlestick-C-TTTgiW.js → vue-ui-candlestick-9sHzdqr3.js}

@@ -1,16 +1,17 @@
 import { defineAsyncComponent as R, computed as g, ref as r, toRefs as Vt, watch as te, shallowRef as Ke, onMounted as Mt, onBeforeUnmount as Qe, watchEffect as Ut, nextTick as we, createElementBlock as i, openBlock as s, unref as u, normalizeStyle as Ae, normalizeClass as T, createBlock as N, createCommentVNode as p, createElementVNode as y, createVNode as Ce, createSlots as Ze, withCtx as b, renderSlot as m, normalizeProps as B, guardReactiveProps as E, Fragment as V, renderList as M, toDisplayString as Y, resolveDynamicComponent as Wt, mergeProps as Ht, createTextVNode as et } from "vue";
-import { u as Gt, c as Xt, t as jt, b as Yt, C as le, o as tt, f as U, D as qt, h as q, i as L, X as Jt, x as ae, s as Kt, E as lt, v as Qt, w as Zt, y as el, z as tl } from "./index-smzxfsyV.js";
-import { t as at, u as ll } from "./useResponsive-DfdjqQps.js";
-import { u as al } from "./usePrinter-nFj0xF0a.js";
-import { u as ol, B as sl } from "./BaseScanner-BgWxam9d.js";
-import { u as ot } from "./useNestedProp-DeKmJzsE.js";
-import { u as ul } from "./useTimeLabels-BGFjWgrv.js";
-import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as nl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as rl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import vl from "./img-BArHHegM.js";
-import dl from "./Title-B_WMW2Bp.js";
-import { S as cl } from "./Slicer-CQB967He.js";
+import { c as Gt, t as Xt, D as le, o as tt, f as U, E as jt, q, d as L, X as Yt, i as ae, s as qt, F as lt, x as Jt, y as Kt, z as Qt, A as Zt } from "./lib-p5pfHmOX.js";
+import { t as at, u as el } from "./useResponsive-DfdjqQps.js";
+import { u as tl, a as ot } from "./useNestedProp-DF7e2h1z.js";
+import { u as ll } from "./usePrinter-Yeu5jOfm.js";
+import { u as al, B as ol } from "./BaseScanner-BgWxam9d.js";
+import { u as sl } from "./useTimeLabels-BGFjWgrv.js";
+import { u as ul } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as il } from "./useChartAccessibility-9icAAmYg.js";
+import { u as nl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import rl from "./img-CH7J0fYg.js";
+import vl from "./Title-pI68ZJsq.js";
+import { t as dl } from "./themes-D3cUNuKw.js";
+import { S as cl } from "./Slicer-BgpOhmb6.js";
 import { _ as yl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "width", "height"], pl = { key: 1 }, bl = ["id"], ml = ["stop-color"], xl = ["stop-color"], kl = ["stop-color"], wl = ["id"], Al = ["stop-color"], Cl = ["stop-color"], _l = ["stop-color"], zl = { key: 0 }, $l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = ["x", "y", "font-size", "fill", "font-weight"], Il = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Rl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Fl = ["x", "y", "width", "height", "fill", "rx"], Ol = { key: 0 }, Dl = ["cx", "cy", "r", "fill"], Pl = ["cx", "cy", "r", "fill"], Nl = { key: 1 }, Bl = ["x", "y", "width", "height", "rx", "fill"], El = ["x", "y", "width", "height", "fill", "rx"], Vl = ["x", "y", "height", "width", "fill", "rx"], Ml = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Ul = ["x", "y", "height", "width", "fill", "onMouseover", "onMouseleave", "onClick"], Wl = {
   key: 4,
@@ -32,7 +33,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     }
   },
   setup(st, { expose: ut }) {
-    const it = R(() => import("./BaseIcon-BPiT94Lb.js")), nt = R(() => import("./Tooltip-Db9jy0Iu.js")), rt = R(() => import("./vue-ui-accordion-7cfJUVx5.js")), vt = R(() => import("./DataTable-CywujQw9.js")), dt = R(() => import("./PenAndPaper-Deh70G9d.js")), ct = R(() => import("./UserOptions-CtECQwBN.js")), yt = R(() => import("./PackageVersion-BzGzkGiC.js")), ht = R(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_candlestick: ft } = Gt(), h = st, oe = g(() => !!h.dataset && h.dataset.length), z = r(!1), se = r(null), A = r(Xt()), ue = r(!1), ie = r(""), ne = r(void 0), _e = r(0), $ = r(null), ze = r(null), $e = r(null), Se = r(null), Te = r(null), Le = r(null), J = r(0), Ie = r(0), Re = r(0), re = r(null), H = r(null), G = r(null), ve = r(null), e = r(ye()), { loading: S, FINAL_DATASET: C, manualLoading: de } = ol({
+    const it = R(() => import("./BaseIcon-D2f9w5Z5.js")), nt = R(() => import("./Tooltip-Clf2K3CF.js")), rt = R(() => import("./vue-ui-accordion-D-L73-T2.js")), vt = R(() => import("./DataTable-xISHA7Pu.js")), dt = R(() => import("./PenAndPaper-CtDMyIvW.js")), ct = R(() => import("./UserOptions-Bn3u4JQu.js")), yt = R(() => import("./PackageVersion-DRpg18lg.js")), ht = R(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_candlestick: ft } = tl(), h = st, oe = g(() => !!h.dataset && h.dataset.length), z = r(!1), se = r(null), A = r(Gt()), ue = r(!1), ie = r(""), ne = r(void 0), _e = r(0), $ = r(null), ze = r(null), $e = r(null), Se = r(null), Te = r(null), Le = r(null), J = r(0), Ie = r(0), Re = r(0), re = r(null), H = r(null), G = r(null), ve = r(null), e = r(ye()), { loading: S, FINAL_DATASET: C, manualLoading: de } = al({
       ...Vt(h),
       FINAL_CONFIG: e,
       prepareConfig: ye,
@@ -55,7 +56,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         [17304192e5, 890, 2330, 550, 1950, 3770],
         [17330112e5, 1440, 3770, 890, 3200, 5100]
       ],
-      skeletonConfig: jt({
+      skeletonConfig: Xt({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -96,7 +97,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           }
         }
       })
-    }), { userOptionsVisible: ce, setUserOptionsVisibility: Fe, keepUserOptionState: Oe } = il({ config: e.value }), { svgRef: De } = nl({ config: e.value.style.title });
+    }), { userOptionsVisible: ce, setUserOptionsVisibility: Fe, keepUserOptionState: Oe } = ul({ config: e.value }), { svgRef: De } = il({ config: e.value.style.title });
     function ye() {
       const t = ot({
         userConfig: h.config,
@@ -105,7 +106,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       let a = {};
       return t.theme ? a = {
         ...ot({
-          userConfig: Yt.vue_ui_candlestick[t.theme] || h.config,
+          userConfig: dl.vue_ui_candlestick[t.theme] || h.config,
           defaultConfig: t
         })
       } : a = t, h.config && le(h.config, "style.zoom.startIndex") ? a.style.zoom.startIndex = h.config.style.zoom.startIndex : a.style.zoom.startIndex = null, h.config && le(h.config, "style.zoom.endIndex") ? a.style.zoom.endIndex = h.config.style.zoom.endIndex : a.style.zoom.endIndex = null, h.config && le(h.config, "style.layout.grid.yAxis.scale.min") ? a.style.layout.grid.yAxis.scale.min = h.config.style.layout.grid.yAxis.scale.min : a.style.layout.grid.yAxis.scale.min = null, h.config && le(h.config, "style.layout.grid.yAxis.scale.max") ? a.style.layout.grid.yAxis.scale.max = h.config.style.layout.grid.yAxis.scale.max : a.style.layout.grid.yAxis.scale.max = null, a;
@@ -135,7 +136,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       }, 10), e.value.responsive) {
         const a = at(() => {
           z.value = !1;
-          const { width: l, height: o } = ll({
+          const { width: l, height: o } = el({
             chart: $.value,
             title: e.value.style.title.text ? ze.value : null,
             slicer: Se.value,
@@ -168,7 +169,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     Qe(() => {
       I.value && (W.value && I.value.unobserve(W.value), I.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Be, generatePdf: Ee, generateImage: Ve } = al({
+    const { isPrinting: Ne, isImaging: Be, generatePdf: Ee, generateImage: Ve } = ll({
       elementId: `vue-ui-candlestick_${A.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick",
       options: e.value.userOptions.print
@@ -267,7 +268,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         max: t,
         min: a
       };
-    }), _ = g(() => qt(We.value.min, We.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
+    }), _ = g(() => jt(We.value.min, We.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function K(t, a) {
       return {
         ...t,
@@ -295,7 +296,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     const xt = g(() => _.value.ticks.map((t) => ({
       y: n.value.bottom - n.value.height * mt(t),
       value: q(t)
-    }))), kt = g(() => fe.value.map((t) => t.period)), O = g(() => ul({
+    }))), kt = g(() => fe.value.map((t) => t.period)), O = g(() => sl({
       values: C.value.map((t) => t[0]),
       maxDatapoints: C.value.length,
       formatter: e.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -322,7 +323,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         config: e.value
       };
       const l = e.value.style.tooltip.customFormat;
-      if (el(l) && tl(() => l({
+      if (Qt(l) && Zt(() => l({
         seriesIndex: t,
         datapoint: a,
         series: w.value,
@@ -392,8 +393,8 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           f.low.value,
           f.last.value,
           f.volume
-        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), x = Qt(o);
-        t ? t(x) : Zt({ csvContent: x, title: e.value.style.title.text || "vue-ui-candlestick" });
+        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), x = Jt(o);
+        t ? t(x) : Kt({ csvContent: x, title: e.value.style.title.text || "vue-ui-candlestick" });
       });
     }
     const Q = g(() => {
@@ -464,7 +465,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
     }
     async function $t({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: a, height: l } = $.value.getBoundingClientRect(), o = a / l, { imageUri: x, base64: f } = await vl({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = $.value.getBoundingClientRect(), o = a / l, { imageUri: x, base64: f } = await rl({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: x,
         base64: f,
@@ -475,7 +476,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       };
     }
     const St = g(() => c.value.width), Tt = g(() => c.value.height);
-    rl({
+    nl({
       timeLabelsEls: H,
       timeLabels: O,
       slicer: v,
@@ -567,7 +568,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
         ref: ze,
         style: "width:100%;background:transparent"
       }, [
-        (s(), N(dl, {
+        (s(), N(vl, {
           key: `title_${Re.value}`,
           config: {
             title: {
@@ -677,7 +678,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
       (s(), i("svg", {
         ref_key: "svgRef",
         ref: De,
-        xmlns: u(Jt),
+        xmlns: u(Yt),
         "aria-label": e.value.style.title.text || "candlestick chart",
         class: T({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `0 0 ${c.value.width <= 0 ? 10 : c.value.width} ${c.value.height <= 0 ? 10 : c.value.height}`,
@@ -902,7 +903,7 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
               y: n.value.top,
               height: n.value.height <= 0 ? 1e-4 : n.value.height,
               width: d.value <= 0 ? 1e-4 : d.value,
-              fill: ne.value === o ? u(Kt)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
+              fill: ne.value === o ? u(qt)(e.value.style.layout.selector.color, e.value.style.layout.selector.opacity) : "transparent",
               onMouseover: () => Ct(o, l),
               onMouseleave: () => At(o, l),
               onClick: () => wt(o, l)
@@ -1047,10 +1048,10 @@ const hl = ["id"], fl = ["xmlns", "aria-label", "viewBox"], gl = ["x", "y", "wid
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      u(S) ? (s(), N(sl, { key: 8 })) : p("", !0)
+      u(S) ? (s(), N(ol, { key: 8 })) : p("", !0)
     ], 46, hl));
   }
-}, ia = /* @__PURE__ */ yl(Gl, [["__scopeId", "data-v-f32a2d80"]]);
+}, na = /* @__PURE__ */ yl(Gl, [["__scopeId", "data-v-f32a2d80"]]);
 export {
-  ia as default
+  na as default
 };

package/dist/{vue-ui-carousel-table-C58J4zpm.js → vue-ui-carousel-table-CnGSgjPK.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as w, computed as R, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as S, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as A, normalizeProps as ge, guardReactiveProps as be } from "vue";
-import { u as Ne, c as Ue, o as K, f as Q, s as Ve, v as Me, w as Le } from "./index-smzxfsyV.js";
-import { u as qe } from "./useNestedProp-DeKmJzsE.js";
-import { u as Ge } from "./usePrinter-nFj0xF0a.js";
+import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as S, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
+import { u as Ne, a as Ue } from "./useNestedProp-DF7e2h1z.js";
+import { c as Ve, o as K, f as Q, s as Me, x as Le, y as qe } from "./lib-p5pfHmOX.js";
+import { u as Ge } from "./usePrinter-Yeu5jOfm.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,10 +25,10 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-CpkwgALO.js")), $e = ce(() => import("./UserOptions-CtECQwBN.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
-    w(() => {
+    const Ce = ce(() => import("./vue-ui-skeleton-FtA6-6zz.js")), $e = ce(() => import("./UserOptions-Bn3u4JQu.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Se();
+    A(() => {
       Y();
-    }), w(() => {
+    }), A(() => {
       ke["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
     });
     function Y() {
@@ -50,7 +50,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       set: (t) => t
     }), { userOptionsVisible: M, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
     function ee() {
-      return qe({
+      return Ue({
         userConfig: i.config,
         defaultConfig: Te
       });
@@ -60,7 +60,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }, { deep: !0 }), N(() => i.dataset, (t) => {
       L();
     }, { deep: !0 });
-    const { isPrinting: te, isImaging: ae, generatePdf: we, generateImage: oe } = Ge({
+    const { isPrinting: te, isImaging: ae, generatePdf: Ae, generateImage: oe } = Ge({
       elementId: `carousel-table_${V.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table",
       options: e.value.userOptions.print
@@ -73,11 +73,11 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    w(L);
-    const Ae = R(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = R(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = R(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
-    w(() => {
+    A(L);
+    const we = R(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = R(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = R(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
+    A(() => {
       x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), m.value.showAnimation && b.value && ie();
-    }), w(() => {
+    }), A(() => {
       if (l.value) {
         let o = function() {
           const s = t.getBoundingClientRect().bottom;
@@ -150,7 +150,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       }
     );
     const Re = R(() => e.value.responsiveBreakpoint), H = ze(null);
-    w(() => {
+    A(() => {
       H.value = new ResizeObserver((t) => {
         t.forEach((a) => {
           E.value = a.contentRect.width < Re.value;
@@ -162,7 +162,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       H.value && H.value.disconnect();
     });
     function de() {
-      we();
+      Ae();
     }
     function ve() {
       m.value.showAnimation = !m.value.showAnimation, m.value.showAnimation ? $() : g();
@@ -174,8 +174,8 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         ]), o = [
           [e.value.caption.text],
           [i.dataset.head.map((f) => [f])]
-        ].concat(a), s = Me(o);
-        t ? t(s) : Le({
+        ].concat(a), s = Le(o);
+        t ? t(s) : qe({
           csvContent: s,
           title: e.value.caption.text || "vue-ui-carousel-table"
         });
@@ -201,7 +201,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
         ref: l,
         id: `carousel-table_${V.value}`,
         style: h({
-          height: u(te) || u(ae) ? "auto" : `${Math.max(xe.value, Ae.value)}px`,
+          height: u(te) || u(ae) ? "auto" : `${Math.max(xe.value, we.value)}px`,
           containerType: "inline-size",
           position: "relative",
           overflow: "auto",
@@ -299,7 +299,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
                 style: h({
                   ...e.value.tbody.tr.td.style,
                   border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
-                  backgroundColor: u(Ve)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
+                  backgroundColor: u(Me)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
                   paddingTop: e.value.tbody.tr.td.padding.top + "px",
                   paddingRight: e.value.tbody.tr.td.padding.right + "px",
                   paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
@@ -357,42 +357,42 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: A(({ isOpen: o, color: s }) => [
+          fn: w(({ isOpen: o, color: s }) => [
             p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: A(() => [
+          fn: w(() => [
             p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: A(() => [
+          fn: w(() => [
             p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: A(() => [
+          fn: w(() => [
             p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnimation ? {
           name: "optionAnimation",
-          fn: A(() => [
+          fn: w(() => [
             p(t.$slots, "optionAnimation", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: A(({ toggleFullscreen: o, isFullscreen: s }) => [
+          fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
             p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
           ]),
           key: "5"