vue-data-ui 2.4.51 → 2.4.52

package/dist/{vue-ui-candlestick-Bjz1uFbv.js → vue-ui-candlestick-DsVBdCz_.js}

@@ -1,19 +1,19 @@
-import { computed as f, ref as n, watch as Se, onMounted as qe, onBeforeUnmount as Je, nextTick as V, openBlock as s, createElementBlock as u, normalizeClass as Ne, normalizeStyle as Z, unref as v, createBlock as _, createCommentVNode as y, createSlots as Ke, withCtx as m, renderSlot as g, normalizeProps as T, guardReactiveProps as I, createVNode as Ae, createElementVNode as r, Fragment as F, renderList as L, toDisplayString as P, createTextVNode as Qe } from "vue";
-import { u as Ze, c as et, t as tt, C as Te, o as lt, e as z, D as ot, v as U, X as at, w as j, E as st, s as ut, x as it, y as nt, q as rt, r as dt, F as Ie } from "./index-BbPeL8Gp.js";
+import { computed as f, ref as n, watch as Se, onMounted as qe, onBeforeUnmount as Je, nextTick as V, openBlock as s, createElementBlock as u, normalizeClass as Ne, normalizeStyle as ee, unref as v, createBlock as _, createCommentVNode as y, createSlots as Ke, withCtx as m, renderSlot as g, normalizeProps as T, guardReactiveProps as I, createVNode as Ae, createElementVNode as r, Fragment as F, renderList as L, toDisplayString as P, createTextVNode as Qe } from "vue";
+import { u as Ze, c as et, t as tt, C as Te, o as lt, e as z, D as ot, v as U, X as at, w as j, E as st, s as ut, x as it, y as nt, q as rt, r as dt, F as Ie } from "./index-K5uyh1gA.js";
 import { t as vt, u as yt } from "./useResponsive-CoxXLe23.js";
-import { _ as ct } from "./Title-aSAft5dl.js";
-import { u as ht, U as pt } from "./usePrinter-DaybDVqP.js";
-import { _ as ft } from "./Tooltip-smutPF--.js";
-import { D as gt } from "./DataTable-DGf6RrOJ.js";
-import mt from "./vue-ui-skeleton-Bniq21d9.js";
-import { S as xt } from "./Slicer-Cxdl3cDt.js";
-import bt from "./vue-ui-accordion-5d5iVpr7.js";
-import { u as Fe } from "./useNestedProp-BN8claGG.js";
-import { _ as kt } from "./PackageVersion-CxJghxYD.js";
-import { P as wt } from "./PenAndPaper-ZdZEumki.js";
+import { _ as ct } from "./Title-aMb2ETf7.js";
+import { u as ht, U as pt } from "./usePrinter-p_ZZlGc9.js";
+import { _ as ft } from "./Tooltip-BRZ3DT4p.js";
+import { D as gt } from "./DataTable-COkA4Nyz.js";
+import mt from "./vue-ui-skeleton-BhA2lIT6.js";
+import { S as xt } from "./Slicer-D_DaIThC.js";
+import bt from "./vue-ui-accordion-CsJT7Az3.js";
+import { u as Fe } from "./useNestedProp-DifqJZAs.js";
+import { _ as kt } from "./PackageVersion-Dz3KcTL4.js";
+import { P as wt } from "./PenAndPaper-BycdTwSP.js";
 import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At = ["stop-color"], Tt = ["stop-color"], It = ["stop-color"], Ft = ["id"], Lt = ["stop-color"], Rt = ["stop-color"], Ot = ["stop-color"], Vt = { key: 0 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = ["x", "y", "font-size", "fill", "font-weight"], Dt = { key: 2 }, Wt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = { key: 0 }, jt = ["cx", "cy", "r", "fill"], Ht = ["cx", "cy", "r", "fill"], Yt = { key: 1 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x", "y", "height", "width", "fill", "rx"], Qt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Zt = ["x", "y", "height", "width", "fill", "onMouseover"], el = {
+const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At = ["stop-color"], Tt = ["stop-color"], It = ["stop-color"], Ft = ["id"], Lt = ["stop-color"], Ot = ["stop-color"], Rt = ["stop-color"], Vt = { key: 0 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = ["x", "y", "font-size", "fill", "font-weight"], Dt = { key: 2 }, Wt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = { key: 0 }, jt = ["cx", "cy", "r", "fill"], Ht = ["cx", "cy", "r", "fill"], Yt = { key: 1 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x", "y", "height", "width", "fill", "rx"], Qt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], Zt = ["x", "y", "height", "width", "fill", "onMouseover"], el = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, tl = ["innerHTML"], ll = {
@@ -33,14 +33,14 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
     }
   },
   setup($, { expose: Le }) {
-    const h = $, { vue_ui_candlestick: Re } = Ze(), R = f(() => !!h.dataset && h.dataset.length), k = n(et()), Oe = n(null), H = n(!1), Y = n(""), q = n(void 0), ee = n(0), S = n(null), te = n(null), le = n(null), oe = n(null), ae = n(null), se = n(null), B = n(0), ue = n(0), ie = n(0), e = f({
+    const h = $, { vue_ui_candlestick: Oe } = Ze(), O = f(() => !!h.dataset && h.dataset.length), k = n(et()), Re = n(null), H = n(!1), Y = n(""), q = n(void 0), te = n(0), S = n(null), le = n(null), oe = n(null), ae = n(null), se = n(null), ue = n(null), B = n(0), ie = n(0), ne = n(0), e = f({
       get: () => ve(),
       set: (t) => t
-    }), { userOptionsVisible: ne, setUserOptionsVisibility: re, keepUserOptionState: de } = $t({ config: e.value });
+    }), { userOptionsVisible: J, setUserOptionsVisibility: re, keepUserOptionState: de } = $t({ config: e.value });
     function ve() {
       const t = Fe({
         userConfig: h.config,
-        defaultConfig: Re
+        defaultConfig: Oe
       });
       let o = {};
       return t.theme ? o = {
@@ -51,7 +51,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       } : o = t, h.config && Te(h.config, "style.zoom.startIndex") ? o.style.zoom.startIndex = h.config.style.zoom.startIndex : o.style.zoom.startIndex = null, h.config && Te(h.config, "style.zoom.endIndex") ? o.style.zoom.endIndex = h.config.style.zoom.endIndex : o.style.zoom.endIndex = null, o;
     }
     Se(() => h.config, (t) => {
-      e.value = ve(), ye(), B.value += 1, ie.value += 1, ue.value += 1;
+      e.value = ve(), J.value = !e.value.showOnChartHover, ye(), B.value += 1, ne.value += 1, ie.value += 1;
     }, { deep: !0 }), Se(() => h.dataset, (t) => {
       p.value.start = 0, p.value.end = t.length, B.value += 1;
     }, { deep: !0 });
@@ -72,11 +72,11 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
         const t = vt(() => {
           const { width: o, height: l } = yt({
             chart: S.value,
-            title: e.value.style.title.text ? te.value : null,
-            slicer: oe.value,
-            legend: le.value,
-            source: ae.value,
-            noTitle: se.value
+            title: e.value.style.title.text ? le.value : null,
+            slicer: ae.value,
+            legend: oe.value,
+            source: se.value,
+            noTitle: ue.value
           });
           c.value.width = o, c.value.height = l, c.value.xAxisFontSize = Ie({
             relator: Math.min(o, l),
@@ -115,10 +115,10 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
         width: c.value.width - a - o,
         height: c.value.height - t - l
       };
-    }), O = f(() => h.dataset.length), p = n({
+    }), R = f(() => h.dataset.length), p = n({
       start: 0,
-      end: O.value
-    }), ge = f(() => h.dataset.slice(p.value.start, p.value.end)), J = f(() => (h.dataset.forEach((t, o) => {
+      end: R.value
+    }), ge = f(() => h.dataset.slice(p.value.start, p.value.end)), K = f(() => (h.dataset.forEach((t, o) => {
       [null, void 0].includes(t[0]) && z({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
@@ -158,7 +158,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       last: t[4],
       volume: t[5]
     })))), d = f(() => i.value.width / ge.value.length), me = f(() => ({
-      max: Math.max(...J.value.map((t) => t.high)),
+      max: Math.max(...K.value.map((t) => t.high)),
       min: 0
     })), C = f(() => ot(me.value.min, me.value.max, e.value.style.layout.grid.yAxis.dataLabels.steps));
     function E(t, o) {
@@ -169,7 +169,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
         value: U(t)
       };
     }
-    const x = f(() => J.value.map((t, o) => {
+    const x = f(() => K.value.map((t, o) => {
       const l = E(t.open, o), a = E(t.high, o), b = E(t.low, o), G = E(t.last, o), X = t.last > t.open;
       return {
         period: t.period,
@@ -187,9 +187,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
     const Ue = f(() => C.value.ticks.map((t) => ({
       y: i.value.bottom - i.value.height * Pe(t),
       value: U(t)
-    }))), Be = f(() => J.value.map((t) => t.period)), K = n(null);
+    }))), Be = f(() => K.value.map((t) => t.period)), Q = n(null);
     function Me(t, o) {
-      q.value = t, K.value = {
+      q.value = t, Q.value = {
         datapoint: o,
         seriesIndex: t,
         series: x.value,
@@ -223,11 +223,11 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
     async function xe() {
       (e.value.style.zoom.startIndex !== null || e.value.style.zoom.endIndex !== null) && N.value ? (e.value.style.zoom.startIndex !== null && (await V(), await V(), N.value && N.value.setStartValue(e.value.style.zoom.startIndex)), e.value.style.zoom.endIndex !== null && (await V(), await V(), N.value && N.value.setEndValue(De(e.value.style.zoom.endIndex + 1)))) : (p.value = {
         start: 0,
-        end: O.value
+        end: R.value
       }, B.value += 1);
     }
     function De(t) {
-      const o = O.value;
+      const o = R.value;
       return t > o ? o : t < 0 || e.value.style.zoom.startIndex !== null && t < e.value.style.zoom.startIndex ? e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex + 1 : 1 : t;
     }
     function be() {
@@ -274,7 +274,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       return { head: l, body: t, config: o, colNames: l };
     }), A = n(!1);
     function We(t) {
-      A.value = t, ee.value += 1;
+      A.value = t, te.value += 1;
     }
     function ke() {
       w.value.showTable = !w.value.showTable;
@@ -283,7 +283,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       w.value.showTooltip = !w.value.showTooltip;
     }
     const W = n(!1);
-    function Q() {
+    function Z() {
       W.value = !W.value;
     }
     return Le({
@@ -292,12 +292,12 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       generateImage: fe,
       toggleTable: ke,
       toggleTooltip: we,
-      toggleAnnotator: Q
+      toggleAnnotator: Z
     }), (t, o) => (s(), u("div", {
       ref_key: "candlestickChart",
       ref: S,
       class: Ne(`vue-ui-candlestick ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: Z(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
+      style: ee(`position:relative;font-family:${e.value.style.fontFamily}; text-align:center;background:${e.value.style.backgroundColor}; ${e.value.responsive ? "height: 100%" : ""}`),
       id: `vue-ui-candlestick_${k.value}`,
       onMouseenter: o[4] || (o[4] = () => v(re)(!0)),
       onMouseleave: o[5] || (o[5] = () => v(re)(!1))
@@ -308,23 +308,23 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: W.value,
-        onClose: Q
+        onClose: Z
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
       Ve.value ? (s(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: se,
+        ref: ue,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : y("", !0),
       e.value.style.title.text ? (s(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: te,
+        ref: le,
         style: "width:100%;background:transparent"
       }, [
         (s(), _(ct, {
-          key: `title_${ie.value}`,
+          key: `title_${ne.value}`,
           config: {
             title: {
               cy: "candlestick-div-title",
@@ -337,10 +337,10 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && R.value && (v(de) || v(ne)) ? (s(), _(pt, {
+      e.value.userOptions.show && O.value && (v(de) || v(J)) ? (s(), _(pt, {
         ref_key: "details",
-        ref: Oe,
-        key: `user_options_${ee.value}`,
+        ref: Re,
+        key: `user_options_${te.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         isImaging: v(he),
@@ -365,9 +365,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
         onGenerateImage: v(fe),
         onToggleTable: ke,
         onToggleTooltip: we,
-        onToggleAnnotator: Q,
-        style: Z({
-          visibility: v(de) ? v(ne) ? "visible" : "hidden" : "visible"
+        onToggleAnnotator: Z,
+        style: ee({
+          visibility: v(de) ? v(J) ? "visible" : "hidden" : "visible"
         })
       }, Ke({ _: 2 }, [
         t.$slots.optionTooltip ? {
@@ -420,12 +420,12 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      R.value ? (s(), u("svg", {
+      O.value ? (s(), u("svg", {
         key: 4,
         xmlns: v(at),
         class: Ne({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
         viewBox: `0 0 ${c.value.width <= 0 ? 10 : c.value.width} ${c.value.height <= 0 ? 10 : c.value.height}`,
-        style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
+        style: ee(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
         Ae(kt),
         x.value.length > 0 ? (s(), u("g", St, [
@@ -460,11 +460,11 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
               r("stop", {
                 offset: "50%",
                 "stop-color": `${v(j)(e.value.style.layout.candle.colors.bullish, 0.02)}DE`
-              }, null, 8, Rt),
+              }, null, 8, Ot),
               r("stop", {
                 offset: "100%",
                 "stop-color": `${v(j)(e.value.style.layout.candle.colors.bullish, 0.05)}66`
-              }, null, 8, Ot)
+              }, null, 8, Rt)
             ], 8, Ft)
           ]),
           e.value.style.layout.grid.show ? (s(), u("g", Vt, [
@@ -610,7 +610,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       t.$slots.watermark ? (s(), u("div", el, [
         g(t.$slots, "watermark", T(I({ isPrinting: v(ce) || v(he) })), void 0, !0)
       ])) : y("", !0),
-      R.value ? y("", !0) : (s(), _(mt, {
+      O.value ? y("", !0) : (s(), _(mt, {
         key: 6,
         config: {
           type: "candlesticks",
@@ -627,10 +627,10 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.zoom.show && R.value ? (s(), u("div", {
+      e.value.style.zoom.show && O.value ? (s(), u("div", {
         key: 7,
         ref_key: "chartSlicer",
-        ref: oe
+        ref: ae
       }, [
         (s(), _(xt, {
           ref_key: "slicerComponent",
@@ -645,7 +645,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
           textColor: e.value.style.color,
           inputColor: e.value.style.zoom.color,
           selectColor: e.value.style.zoom.highlightColor,
-          max: O.value,
+          max: R.value,
           min: 0,
           valueStart: p.value.start,
           valueEnd: p.value.end,
@@ -654,7 +654,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
           end: p.value.end,
           "onUpdate:end": o[2] || (o[2] = (l) => p.value.end = l),
           refreshStartPoint: e.value.style.zoom.startIndex !== null ? e.value.style.zoom.startIndex : 0,
-          refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : O.value,
+          refreshEndPoint: e.value.style.zoom.endIndex !== null ? e.value.style.zoom.endIndex + 1 : R.value,
           onReset: Ee
         }, {
           "reset-action": m(({ reset: l }) => [
@@ -665,14 +665,14 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       ], 512)) : y("", !0),
       r("div", {
         ref_key: "chartLegend",
-        ref: le
+        ref: oe
       }, [
         g(t.$slots, "legend", { legend: x.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), u("div", {
         key: 8,
         ref_key: "source",
-        ref: ae,
+        ref: se,
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
@@ -694,14 +694,14 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
       }, {
         "tooltip-before": m(() => [
-          g(t.$slots, "tooltip-before", T(I({ ...K.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", T(I({ ...Q.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          g(t.$slots, "tooltip-after", T(I({ ...K.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", T(I({ ...Q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      R.value ? (s(), _(bt, {
+      O.value ? (s(), _(bt, {
         key: 9,
         hideDetails: "",
         config: {
@@ -719,7 +719,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       }, {
         content: m(() => [
           (s(), _(gt, {
-            key: `table_${ue.value}`,
+            key: `table_${ie.value}`,
             colNames: D.value.colNames,
             head: D.value.head,
             body: D.value.body,
@@ -740,7 +740,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = { key: 0 }, Nt = ["id"], At =
       }, 8, ["config"])) : y("", !0)
     ], 46, _t));
   }
-}, xl = /* @__PURE__ */ Ct(ll, [["__scopeId", "data-v-bf1a2d49"]]);
+}, xl = /* @__PURE__ */ Ct(ll, [["__scopeId", "data-v-bcb8c8b2"]]);
 export {
   xl as default
 };

package/dist/{vue-ui-carousel-table-B6zgTL-W.js → vue-ui-carousel-table-C2ThrWYt.js}

@@ -1,8 +1,8 @@
-import { ref as n, onMounted as I, computed as F, watch as V, onBeforeUnmount as pe, nextTick as ce, openBlock as s, createElementBlock as d, unref as u, createElementVNode as S, normalizeStyle as v, normalizeClass as xe, createTextVNode as M, toDisplayString as G, renderSlot as p, Fragment as q, renderList as D, normalizeProps as X, guardReactiveProps as j, createCommentVNode as B, createBlock as fe, createSlots as Oe, withCtx as P } from "vue";
-import { u as Ie, c as Fe, o as J, e as K, s as Be, q as Pe, r as Re } from "./index-BbPeL8Gp.js";
-import { u as ze } from "./useNestedProp-BN8claGG.js";
-import { u as Ee, U as Se } from "./usePrinter-DaybDVqP.js";
-import Ne from "./vue-ui-skeleton-Bniq21d9.js";
+import { ref as n, onMounted as I, computed as F, watch as M, onBeforeUnmount as pe, nextTick as ce, openBlock as s, createElementBlock as d, unref as u, createElementVNode as S, normalizeStyle as v, normalizeClass as xe, createTextVNode as G, toDisplayString as q, renderSlot as p, Fragment as D, renderList as X, normalizeProps as j, guardReactiveProps as J, createCommentVNode as B, createBlock as he, createSlots as Oe, withCtx as P } from "vue";
+import { u as Ie, c as Fe, o as K, e as Q, s as Be, q as Pe, r as Re } from "./index-K5uyh1gA.js";
+import { u as ze } from "./useNestedProp-DifqJZAs.js";
+import { u as Ee, U as Se } from "./usePrinter-p_ZZlGc9.js";
+import Ne from "./vue-ui-skeleton-BhA2lIT6.js";
 import { u as Ue } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
@@ -25,20 +25,20 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
       }
     }
   },
-  setup(m, { expose: he }) {
-    const l = m, { vue_ui_carousel_table: ge } = Ie(), N = n(Fe()), Q = n(!1), $ = n(!!l.dataset);
+  setup(m, { expose: fe }) {
+    const l = m, { vue_ui_carousel_table: ge } = Ie(), N = n(Fe()), W = n(!1), $ = n(!!l.dataset);
     I(() => {
-      W();
+      Y();
     });
-    function W() {
-      J(l.dataset) ? K({
+    function Y() {
+      K(l.dataset) ? Q({
         componentName: "VueUiCarouselTable",
         type: "dataset"
-      }) : ((!l.dataset.head || J(l.dataset.head)) && (K({
+      }) : ((!l.dataset.head || K(l.dataset.head)) && (Q({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "head"
-      }), $.value = !1), (!l.dataset.body || J(l.dataset.body)) && (K({
+      }), $.value = !1), (!l.dataset.body || K(l.dataset.body)) && (Q({
         componentName: "VueUiCarouselTable",
         type: "datasetAttribute",
         property: "body"
@@ -47,40 +47,40 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
     const e = F({
       get: () => ee(),
       set: (t) => t
-    }), { userOptionsVisible: Y, setUserOptionsVisibility: Z, keepUserOptionState: _ } = Ue({ config: e.value });
+    }), { userOptionsVisible: U, setUserOptionsVisibility: Z, keepUserOptionState: _ } = Ue({ config: e.value });
     function ee() {
       return ze({
         userConfig: l.config,
         defaultConfig: ge
       });
     }
-    V(() => l.config, (t) => {
-      e.value = ee(), W();
-    }, { deep: !0 }), V(() => l.dataset, (t) => {
-      U();
+    M(() => l.config, (t) => {
+      e.value = ee(), U.value = !e.value.showOnChartHover, Y();
+    }, { deep: !0 }), M(() => l.dataset, (t) => {
+      H();
     }, { deep: !0 });
     const { isPrinting: te, isImaging: ae, generatePdf: me, generateImage: oe } = Ee({
       elementId: `carousel-table_${N.value}`,
       fileName: e.value.caption.text || "vue-ui-carousel-table"
     }), c = n({
       showAnimation: e.value.animation.use
-    }), r = n(null), ne = n(null), T = n(null), k = n(null), A = n(0), R = n(0), z = n(!1), w = n(null), h = n(null), x = n(0);
-    function U() {
-      w.value && (h.value = {
+    }), r = n(null), ne = n(null), T = n(null), k = n(null), A = n(0), R = n(0), z = n(!1), w = n(null), f = n(null), x = n(0);
+    function H() {
+      w.value && (f.value = {
         elements: w.value.getElementsByTagName("tr"),
         heights: Array.from(w.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
       });
     }
-    I(U);
-    const be = F(() => !h.value || !h.value.heights.length ? 0 : Math.max(...h.value.heights) + A.value + R.value), ye = F(() => l.dataset.body ? e.value.tbody.tr.visible <= l.dataset.body.length ? e.value.tbody.tr.visible : l.dataset.body.length : 0), Ce = F(() => (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) * ye.value + A.value + R.value), E = n(0), O = n(null), b = n(0), y = n(!1), le = n(0);
+    I(H);
+    const be = F(() => !f.value || !f.value.heights.length ? 0 : Math.max(...f.value.heights) + A.value + R.value), ye = F(() => l.dataset.body ? e.value.tbody.tr.visible <= l.dataset.body.length ? e.value.tbody.tr.visible : l.dataset.body.length : 0), Ce = F(() => (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) * ye.value + A.value + R.value), E = n(0), O = n(null), b = n(0), y = n(!1), le = n(0);
     I(() => {
-      T.value && (A.value = T.value.getBoundingClientRect().height), k.value && (R.value = k.value.getBoundingClientRect().height), c.value.showAnimation && h.value && ie();
+      T.value && (A.value = T.value.getBoundingClientRect().height), k.value && (R.value = k.value.getBoundingClientRect().height), c.value.showAnimation && f.value && ie();
     }), I(() => {
       if (r.value) {
         let o = function() {
           const i = t.getBoundingClientRect().bottom;
-          a.forEach((f) => {
-            f.getBoundingClientRect().top < i ? f.style.visibility = "hidden" : f.style.visibility = "visible";
+          a.forEach((h) => {
+            h.getBoundingClientRect().top < i ? h.style.visibility = "hidden" : h.style.visibility = "visible";
           });
         };
         const t = r.value.querySelector("thead"), a = Array.from(w.value.querySelectorAll("tr"));
@@ -90,7 +90,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
       }
     });
     function $e(t) {
-      Q.value = t, le.value += 1;
+      W.value = t, le.value += 1;
     }
     function ie() {
       !O.value && !y.value && (O.value = requestAnimationFrame(se));
@@ -102,7 +102,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
     }
     function se(t) {
       if (y.value) return;
-      b.value || (b.value = t), t - b.value >= e.value.animation.speedMs && (E.value += h.value.heights[x.value], (Te() || x.value >= h.value.heights.length) && (E.value = 0, x.value = -1), x.value += 1, r.value && r.value.scrollTo({
+      b.value || (b.value = t), t - b.value >= e.value.animation.speedMs && (E.value += f.value.heights[x.value], (Te() || x.value >= f.value.heights.length) && (E.value = 0, x.value = -1), x.value += 1, r.value && r.value.scrollTo({
         top: E.value,
         behavior: "smooth"
       }), b.value = t), O.value = requestAnimationFrame(se);
@@ -117,14 +117,14 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
     function ke() {
       e.value.animation.pauseOnHover && g();
     }
-    const H = n(null);
+    const L = n(null);
     function Ae() {
-      g(), clearTimeout(H.value);
+      g(), clearTimeout(L.value);
     }
     function ue() {
-      clearTimeout(H.value), H.value = setTimeout(C, 1e3);
+      clearTimeout(L.value), L.value = setTimeout(C, 1e3);
     }
-    V(
+    M(
       () => e.value.animation.use,
       (t) => {
         t ? (c.value.showAnimation = !0, C()) : (c.value.showAnimation = !1, g());
@@ -136,7 +136,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
         a.forEach((o) => {
           z.value = o.contentRect.width < we.value;
         }), A.value = T.value ? T.value.getBoundingClientRect().height : 0, R.value = k.value ? k.value.getBoundingClientRect().height : 0, x.value = 0, ce(() => {
-          g(), b.value = 0, E.value = 0, U(), C();
+          g(), b.value = 0, E.value = 0, H(), C();
         });
       });
       r.value && t.observe(r.value);
@@ -149,8 +149,8 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
     }
     function ve() {
       ce(() => {
-        const t = l.dataset.head.map((i, f) => [
-          [l.dataset.body[f]]
+        const t = l.dataset.head.map((i, h) => [
+          [l.dataset.body[h]]
         ]), a = [
           [e.value.caption.text],
           [l.dataset.head.map((i) => [i])]
@@ -161,7 +161,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
         });
       });
     }
-    return he({
+    return fe({
       pauseAnimation: g,
       resumeAnimation: C,
       toggleAnimation: de,
@@ -223,7 +223,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
               display: t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? "" : "none"
             })
           }, [
-            M(G(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
+            G(q(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
             p(t.$slots, "caption", {}, void 0, !0)
           ], 4),
           S("thead", {
@@ -240,7 +240,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
               }),
               height: `${e.value.thead.tr.height}px`
             }, [
-              (s(!0), d(q, null, D(m.dataset.head, (o, i) => (s(), d("th", {
+              (s(!0), d(D, null, X(m.dataset.head, (o, i) => (s(), d("th", {
                 role: "cell",
                 key: `th_${i}`,
                 style: v({
@@ -252,8 +252,8 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
                   paddingLeft: e.value.thead.tr.th.padding.left + "px"
                 })
               }, [
-                M(G(t.$slots.th ? "" : o) + " ", 1),
-                p(t.$slots, "th", X(j({ th: o, colIndex: i })), void 0, !0)
+                G(q(t.$slots.th ? "" : o) + " ", 1),
+                p(t.$slots, "th", j(J({ th: o, colIndex: i })), void 0, !0)
               ], 4))), 128))
             ], 12, Ve)
           ], 4),
@@ -265,16 +265,16 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
               clipPath: "inset(0,0,0,0)"
             })
           }, [
-            (s(!0), d(q, null, D(m.dataset.body, (o, i) => (s(), d("tr", {
+            (s(!0), d(D, null, X(m.dataset.body, (o, i) => (s(), d("tr", {
               style: v({
                 ...e.value.tbody.tr.style,
                 border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
                 verticalAlign: "middle"
               })
             }, [
-              (s(!0), d(q, null, D(o, (f, L) => (s(), d("td", {
+              (s(!0), d(D, null, X(o, (h, V) => (s(), d("td", {
                 role: "cell",
-                "data-cell": m.dataset.head[L] || "",
+                "data-cell": m.dataset.head[V] || "",
                 style: v({
                   ...e.value.tbody.tr.td.style,
                   border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
@@ -287,20 +287,20 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
                 }),
                 height: `${e.value.tbody.tr.height}px`
               }, [
-                M(G(t.$slots.td ? "" : f) + " ", 1),
-                p(t.$slots, "td", X(j({ td: f, rowIndex: i, colIndex: L })), void 0, !0)
+                G(q(t.$slots.td ? "" : h) + " ", 1),
+                p(t.$slots, "td", j(J({ td: h, rowIndex: i, colIndex: V })), void 0, !0)
               ], 12, Me))), 256))
             ], 4))), 256))
           ], 4)) : B("", !0)
         ], 4)) : B("", !0)
       ], 46, Le),
-      $.value ? B("", !0) : (s(), fe(Ne, {
+      $.value ? B("", !0) : (s(), he(Ne, {
         key: 0,
         config: {
           type: "table"
         }
       })),
-      e.value.userOptions.show && $.value && (u(_) || u(Y)) ? (s(), fe(Se, {
+      e.value.userOptions.show && $.value && (u(_) || u(U)) ? (s(), he(Se, {
         ref: "details",
         key: `user_option_${le.value}`,
         backgroundColor: e.value.style.backgroundColor,
@@ -317,7 +317,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
         hasAnimation: e.value.userOptions.buttons.animation,
         isAnimation: !c.value.showAnimation,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: Q.value,
+        isFullscreen: W.value,
         chartElement: ne.value,
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -329,7 +329,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
         onToggleAnimation: de,
         onToggleFullscreen: $e,
         style: v({
-          visibility: u(_) ? u(Y) ? "visible" : "hidden" : "visible"
+          visibility: u(_) ? u(U) ? "visible" : "hidden" : "visible"
         })
       }, Oe({ _: 2 }, [
         t.$slots.optionPdf ? {
@@ -363,7 +363,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: P(({ toggleFullscreen: o, isFullscreen: i }) => [
-            p(t.$slots, "optionFullscreen", X(j({ toggleFullscreen: o, isFullscreen: i })), void 0, !0)
+            p(t.$slots, "optionFullscreen", j(J({ toggleFullscreen: o, isFullscreen: i })), void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -373,7 +373,7 @@ const Le = ["id"], Ve = ["height"], Me = ["data-cell", "height"], Ge = {
       ], 512)) : B("", !0)
     ], 544));
   }
-}, Ye = /* @__PURE__ */ He(qe, [["__scopeId", "data-v-eed159a4"]]);
+}, Ye = /* @__PURE__ */ He(qe, [["__scopeId", "data-v-9d3c0699"]]);
 export {
   Ye as default
 };