vue-data-ui 2.4.83 → 2.4.85

package/dist/{vue-ui-candlestick-BZ12fWHz.js → vue-ui-candlestick-DHCtmsh3.js}

@@ -1,19 +1,19 @@
-import { computed as g, 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 f, 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-BqR_a-C7.js";
+import { computed as g, 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 p, normalizeProps as T, guardReactiveProps as F, createVNode as Ae, createElementVNode as r, Fragment as I, 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 Fe } from "./index-B7nCQFK0.js";
 import { t as vt, u as yt } from "./useResponsive-CoxXLe23.js";
-import { _ as ct } from "./Title-Bhq6SOYu.js";
-import { u as ht, U as pt } from "./usePrinter-BPjMJmKg.js";
-import { _ as ft } from "./Tooltip-CeBpQ6yn.js";
-import { D as gt } from "./DataTable-CaiuB_-j.js";
-import mt from "./vue-ui-skeleton-DbI8wJH-.js";
-import { S as bt } from "./Slicer-B9BStSWS.js";
-import xt from "./vue-ui-accordion-Cz3VCEN0.js";
-import { u as Fe } from "./useNestedProp-DqofSFeh.js";
-import { _ as kt } from "./PackageVersion-tmgQTzP2.js";
-import { P as wt } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { _ as ct } from "./Title-CaET2xuF.js";
+import { u as ht, U as ft } from "./usePrinter-CQMn1b4E.js";
+import { _ as pt } from "./Tooltip-Bkc4233T.js";
+import { D as gt } from "./DataTable-C0tCPQ9i.js";
+import mt from "./vue-ui-skeleton-D66ZIUln.js";
+import { S as bt } from "./Slicer-BUYuk07t.js";
+import xt from "./vue-ui-accordion-B8ptB5BQ.js";
+import { u as Ie } from "./useNestedProp-C9rlBRTT.js";
+import { _ as kt } from "./PackageVersion-CENy3Lm2.js";
+import { P as wt } from "./PenAndPaper-Dr7ndoP_.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 = ["x", "y", "width", "height"], Nt = { key: 1 }, At = ["id"], Tt = ["stop-color"], It = ["stop-color"], Ft = ["stop-color"], Lt = ["id"], Rt = ["stop-color"], Ot = ["stop-color"], Vt = ["stop-color"], Pt = { key: 0 }, Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["x", "y", "font-size", "fill", "font-weight"], Wt = { key: 2 }, Gt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jt = { key: 0 }, Xt = ["cx", "cy", "r", "fill"], Yt = ["cx", "cy", "r", "fill"], qt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "height", "width", "fill", "rx"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], el = ["x", "y", "height", "width", "fill", "onMouseover"], tl = {
+const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"], Nt = { key: 1 }, At = ["id"], Tt = ["stop-color"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["id"], Rt = ["stop-color"], Ot = ["stop-color"], Vt = ["stop-color"], Pt = { key: 0 }, Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["x", "y", "font-size", "fill", "font-weight"], Wt = { key: 2 }, Gt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jt = { key: 0 }, Xt = ["cx", "cy", "r", "fill"], Yt = ["cx", "cy", "r", "fill"], qt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x", "y", "height", "width", "fill", "rx"], Zt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], el = ["x", "y", "height", "width", "fill", "onMouseover"], tl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, ll = ["innerHTML"], ol = {
@@ -38,13 +38,13 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
       set: (t) => t
     }), { userOptionsVisible: J, setUserOptionsVisibility: re, keepUserOptionState: de } = $t({ config: e.value });
     function ve() {
-      const t = Fe({
+      const t = Ie({
         userConfig: h.config,
         defaultConfig: Re
       });
       let o = {};
       return t.theme ? o = {
-        ...Fe({
+        ...Ie({
           userConfig: tt.vue_ui_candlestick[t.theme] || h.config,
           defaultConfig: t
         })
@@ -53,7 +53,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
     Se(() => h.config, (t) => {
       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;
+      f.value.start = 0, f.value.end = t.length, B.value += 1;
     }, { deep: !0 });
     const c = n({
       height: e.value.style.height,
@@ -78,18 +78,20 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             source: se.value,
             noTitle: ue.value
           });
-          c.value.width = o, c.value.height = l, c.value.xAxisFontSize = Ie({
-            relator: Math.min(o, l),
-            adjuster: e.value.style.width,
-            source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
-            threshold: 6,
-            fallback: 6
-          }), c.value.yAxisFontSize = Ie({
-            relator: Math.min(o, l),
-            adjuster: e.value.style.width,
-            source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
-            threshold: 6,
-            fallback: 6
+          requestAnimationFrame(() => {
+            c.value.width = o, c.value.height = l, c.value.xAxisFontSize = Fe({
+              relator: Math.min(o, l),
+              adjuster: e.value.style.width,
+              source: e.value.style.layout.grid.xAxis.dataLabels.fontSize,
+              threshold: 6,
+              fallback: 6
+            }), c.value.yAxisFontSize = Fe({
+              relator: Math.min(o, l),
+              adjuster: e.value.style.width,
+              source: e.value.style.layout.grid.yAxis.dataLabels.fontSize,
+              threshold: 6,
+              fallback: 6
+            });
           });
         });
         E.value = new ResizeObserver(t), E.value.observe(S.value.parentNode);
@@ -99,7 +101,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
     Je(() => {
       E.value && E.value.disconnect();
     });
-    const { isPrinting: ce, isImaging: he, generatePdf: pe, generateImage: fe } = ht({
+    const { isPrinting: ce, isImaging: he, generatePdf: fe, generateImage: pe } = ht({
       elementId: `vue-ui-candlestick_${k.value}`,
       fileName: e.value.style.title.text || "vue-ui-candlestick"
     }), Ve = g(() => e.value.userOptions.show && !e.value.style.title.text), w = n({
@@ -115,10 +117,10 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         width: c.value.width - a - o,
         height: c.value.height - t - l
       };
-    }), O = g(() => h.dataset.length), p = n({
+    }), O = g(() => h.dataset.length), f = n({
       start: 0,
       end: O.value
-    }), ge = g(() => h.dataset.slice(p.value.start, p.value.end)), K = g(() => (h.dataset.forEach((t, o) => {
+    }), ge = g(() => h.dataset.slice(f.value.start, f.value.end)), K = g(() => (h.dataset.forEach((t, o) => {
       [null, void 0].includes(t[0]) && z({
         componentName: "VueUiCandlestick",
         type: "datasetAttribute",
@@ -221,7 +223,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
     }
     const N = n(null);
     async function be() {
-      (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 = {
+      (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)))) : (f.value = {
         start: 0,
         end: O.value
       }, B.value += 1);
@@ -287,9 +289,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
       W.value = !W.value;
     }
     return Le({
-      generatePdf: pe,
+      generatePdf: fe,
       generateCsv: xe,
-      generateImage: fe,
+      generateImage: pe,
       toggleTable: ke,
       toggleTooltip: we,
       toggleAnnotator: Z
@@ -337,7 +339,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && R.value && (v(de) || v(J)) ? (s(), _(pt, {
+      e.value.userOptions.show && R.value && (v(de) || v(J)) ? (s(), _(ft, {
         ref_key: "details",
         ref: Oe,
         key: `user_options_${te.value}`,
@@ -360,9 +362,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: W.value,
         onToggleFullscreen: We,
-        onGeneratePdf: v(pe),
+        onGeneratePdf: v(fe),
         onGenerateCsv: xe,
-        onGenerateImage: v(fe),
+        onGenerateImage: v(pe),
         onToggleTable: ke,
         onToggleTooltip: we,
         onToggleAnnotator: Z,
@@ -373,49 +375,49 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: m(() => [
-            f(t.$slots, "optionTooltip", {}, void 0, !0)
+            p(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: m(() => [
-            f(t.$slots, "optionPdf", {}, void 0, !0)
+            p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: m(() => [
-            f(t.$slots, "optionCsv", {}, void 0, !0)
+            p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: m(() => [
-            f(t.$slots, "optionImg", {}, void 0, !0)
+            p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: m(() => [
-            f(t.$slots, "optionTable", {}, void 0, !0)
+            p(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: l, isFullscreen: a }) => [
-            f(t.$slots, "optionFullscreen", T(I({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            p(t.$slots, "optionFullscreen", T(F({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: l, isAnnotator: a }) => [
-            f(t.$slots, "optionAnnotator", T(I({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            p(t.$slots, "optionAnnotator", T(F({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -438,7 +440,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, [
-          f(t.$slots, "chart-background", {}, void 0, !0)
+          p(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, St)) : y("", !0),
         b.value.length > 0 ? (s(), u("g", Nt, [
           r("defs", null, [
@@ -454,11 +456,11 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
               r("stop", {
                 offset: "50%",
                 "stop-color": `${v(j)(e.value.style.layout.candle.colors.bearish, 0.02)}DE`
-              }, null, 8, It),
+              }, null, 8, Ft),
               r("stop", {
                 offset: "100%",
                 "stop-color": `${v(j)(e.value.style.layout.candle.colors.bearish, 0.05)}66`
-              }, null, 8, Ft)
+              }, null, 8, It)
             ], 8, At),
             r("linearGradient", {
               id: `bullish_gradient_${k.value}`,
@@ -500,7 +502,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             }, null, 8, Bt)
           ])) : y("", !0),
           e.value.style.layout.grid.yAxis.dataLabels.show ? (s(), u("g", Et, [
-            (s(!0), u(F, null, L(Ue.value, (l, a) => (s(), u("g", null, [
+            (s(!0), u(I, null, L(Ue.value, (l, a) => (s(), u("g", null, [
               l.value >= C.value.min && l.value <= C.value.max ? (s(), u("line", {
                 key: 0,
                 x1: i.value.left,
@@ -523,7 +525,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             ]))), 256))
           ])) : y("", !0),
           e.value.style.layout.grid.xAxis.dataLabels.show ? (s(), u("g", Wt, [
-            (s(!0), u(F, null, L(Be.value, (l, a) => (s(), u("g", null, [
+            (s(!0), u(I, null, L(Be.value, (l, a) => (s(), u("g", null, [
               r("text", {
                 transform: `translate(${i.value.left + d.value * a + d.value / 2}, ${i.value.bottom + c.value.xAxisFontSize * 2 + e.value.style.layout.grid.xAxis.dataLabels.offsetY}), rotate(${e.value.style.layout.grid.xAxis.dataLabels.rotation})`,
                 "text-anchor": e.value.style.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : e.value.style.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
@@ -534,7 +536,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             ]))), 256))
           ])) : y("", !0),
           r("g", null, [
-            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("g", null, [
+            (s(!0), u(I, null, L(b.value, (l, a) => (s(), u("g", null, [
               r("line", {
                 x1: l.open.x,
                 x2: l.open.x,
@@ -581,7 +583,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             ]))), 256))
           ]),
           r("g", null, [
-            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("rect", {
+            (s(!0), u(I, null, L(b.value, (l, a) => (s(), u("rect", {
               x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
               y: l.isBullish ? l.last.y : l.open.y,
               height: Math.abs(l.last.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.last.y - l.open.y),
@@ -590,7 +592,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
               rx: e.value.style.layout.candle.borderRadius,
               stroke: "none"
             }, null, 8, Qt))), 256)),
-            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("rect", {
+            (s(!0), u(I, null, L(b.value, (l, a) => (s(), u("rect", {
               x: l.open.x - d.value / 2 + d.value * (1 - e.value.style.layout.candle.widthRatio) / 2,
               y: l.isBullish ? l.last.y : l.open.y,
               height: Math.abs(l.last.y - l.open.y) <= 0 ? 1e-4 : Math.abs(l.last.y - l.open.y),
@@ -604,7 +606,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             }, null, 8, Zt))), 256))
           ]),
           r("g", null, [
-            (s(!0), u(F, null, L(b.value, (l, a) => (s(), u("rect", {
+            (s(!0), u(I, null, L(b.value, (l, a) => (s(), u("rect", {
               x: i.value.left + a * d.value,
               y: i.value.top,
               height: i.value.height <= 0 ? 1e-4 : i.value.height,
@@ -617,10 +619,10 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
             }, null, 40, el))), 256))
           ])
         ])) : y("", !0),
-        f(t.$slots, "svg", { svg: c.value }, void 0, !0)
+        p(t.$slots, "svg", { svg: c.value }, void 0, !0)
       ], 14, zt)) : y("", !0),
       t.$slots.watermark ? (s(), u("div", tl, [
-        f(t.$slots, "watermark", T(I({ isPrinting: v(ce) || v(he) })), void 0, !0)
+        p(t.$slots, "watermark", T(F({ isPrinting: v(ce) || v(he) })), void 0, !0)
       ])) : y("", !0),
       R.value ? y("", !0) : (s(), _(mt, {
         key: 6,
@@ -652,19 +654,19 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           borderColor: e.value.style.backgroundColor,
           fontSize: e.value.style.zoom.fontSize,
           useResetSlot: e.value.style.zoom.useResetSlot,
-          labelLeft: $.dataset[p.value.start] ? $.dataset[p.value.start][0] : $.dataset[0][0],
-          labelRight: $.dataset[p.value.end - 1] ? $.dataset[p.value.end - 1][0] : $.dataset.at(-1)[0],
+          labelLeft: $.dataset[f.value.start] ? $.dataset[f.value.start][0] : $.dataset[0][0],
+          labelRight: $.dataset[f.value.end - 1] ? $.dataset[f.value.end - 1][0] : $.dataset.at(-1)[0],
           textColor: e.value.style.color,
           inputColor: e.value.style.zoom.color,
           selectColor: e.value.style.zoom.highlightColor,
           max: O.value,
           min: 0,
-          valueStart: p.value.start,
-          valueEnd: p.value.end,
-          start: p.value.start,
-          "onUpdate:start": o[1] || (o[1] = (l) => p.value.start = l),
-          end: p.value.end,
-          "onUpdate:end": o[2] || (o[2] = (l) => p.value.end = l),
+          valueStart: f.value.start,
+          valueEnd: f.value.end,
+          start: f.value.start,
+          "onUpdate:start": o[1] || (o[1] = (l) => f.value.start = l),
+          end: f.value.end,
+          "onUpdate:end": o[2] || (o[2] = (l) => f.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,
           enableRangeHandles: e.value.style.zoom.enableRangeHandles,
@@ -672,7 +674,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
           onReset: Me
         }, {
           "reset-action": m(({ reset: l }) => [
-            f(t.$slots, "reset-action", T(I({ reset: l })), void 0, !0)
+            p(t.$slots, "reset-action", T(F({ reset: l })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"]))
@@ -681,7 +683,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         ref_key: "chartLegend",
         ref: oe
       }, [
-        f(t.$slots, "legend", { legend: b.value }, void 0, !0)
+        p(t.$slots, "legend", { legend: b.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (s(), u("div", {
         key: 8,
@@ -689,9 +691,9 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         ref: se,
         dir: "auto"
       }, [
-        f(t.$slots, "source", {}, void 0, !0)
+        p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      Ae(ft, {
+      Ae(pt, {
         show: w.value.showTooltip && X.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -708,10 +710,10 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
       }, {
         "tooltip-before": m(() => [
-          f(t.$slots, "tooltip-before", T(I({ ...Q.value })), void 0, !0)
+          p(t.$slots, "tooltip-before", T(F({ ...Q.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          f(t.$slots, "tooltip-after", T(I({ ...Q.value })), void 0, !0)
+          p(t.$slots, "tooltip-after", T(F({ ...Q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -754,7 +756,7 @@ const _t = ["id"], zt = ["xmlns", "viewBox"], St = ["x", "y", "width", "height"]
       }, 8, ["config"])) : y("", !0)
     ], 46, _t));
   }
-}, xl = /* @__PURE__ */ Ct(ol, [["__scopeId", "data-v-744b9b91"]]);
+}, xl = /* @__PURE__ */ Ct(ol, [["__scopeId", "data-v-f595f5e5"]]);
 export {
   xl as default
 };

package/dist/{vue-ui-carousel-table-CDR1Vv5V.js → vue-ui-carousel-table-Cn2RJkSb.js}

@@ -1,8 +1,8 @@
 import { ref as l, useSlots as Ie, onMounted as A, computed as B, watch as E, onBeforeUnmount as ce, nextTick as he, openBlock as u, createElementBlock as v, unref as r, createElementVNode as H, normalizeStyle as p, normalizeClass as Fe, createTextVNode as L, toDisplayString as G, renderSlot as h, Fragment as D, renderList as X, normalizeProps as j, guardReactiveProps as J, createCommentVNode as P, createBlock as fe, createSlots as Be, withCtx as R } from "vue";
-import { u as Pe, c as Re, o as K, e as Q, s as ze, q as Se, r as Ee } from "./index-BqR_a-C7.js";
-import { u as He } from "./useNestedProp-DqofSFeh.js";
-import { u as Ne, U as Ue } from "./usePrinter-BPjMJmKg.js";
-import Ve from "./vue-ui-skeleton-DbI8wJH-.js";
+import { u as Pe, c as Re, o as K, e as Q, s as ze, q as Se, r as Ee } from "./index-B7nCQFK0.js";
+import { u as He } from "./useNestedProp-C9rlBRTT.js";
+import { u as Ne, U as Ue } from "./usePrinter-CQMn1b4E.js";
+import Ve from "./vue-ui-skeleton-D66ZIUln.js";
 import { u as Me } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Ge = ["height"], De = ["data-cell", "height"], Xe = {

package/dist/{vue-ui-carousel-table-C6L5d_Fz.cjs → vue-ui-carousel-table-VIuoh2QI.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-D4M1RdVn.cjs"),ue=require("./useNestedProp-D_XfpfnF.cjs"),Q=require("./usePrinter-Bfrr3DDK.cjs"),se=require("./vue-ui-skeleton-6_VzxeeY.cjs"),de=require("./useUserOptionState-BgepsfED.cjs"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ce=["id"],pe=["height"],fe=["data-cell","height"],me={key:2,ref:"source",dir:"auto"},he={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(b,{expose:W}){const r=b,{vue_ui_carousel_table:Y}=u.useConfig(),S=e.ref(u.createUid()),I=e.ref(!1),k=e.ref(!!r.dataset),Z=e.useSlots();e.onMounted(()=>{F()}),e.onMounted(()=>{Z["chart-background"]&&console.warn("VueUiCarouselTable does not support the #chart-background slot.")});function F(){u.objectIsEmpty(r.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!r.dataset.head||u.objectIsEmpty(r.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),k.value=!1),(!r.dataset.body||u.objectIsEmpty(r.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),k.value=!1))}const t=e.computed({get:()=>V(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:P,keepUserOptionState:N}=de.useUserOptionState({config:t.value});function V(){return ue.useNestedProp({userConfig:r.config,defaultConfig:Y})}e.watch(()=>r.config,o=>{t.value=V(),A.value=!t.value.showOnChartHover,F()},{deep:!0}),e.watch(()=>r.dataset,o=>{O()},{deep:!0});const{isPrinting:R,isImaging:M,generatePdf:_,generateImage:q}=Q.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),v=e.ref({showAnimation:t.value.animation.use}),l=e.ref(null),U=e.ref(null),C=e.ref(null),T=e.ref(null),$=e.ref(0),B=e.ref(0),x=e.ref(!1),w=e.ref(null),f=e.ref(null),y=e.ref(0);function O(){w.value&&(f.value={elements:w.value.getElementsByTagName("tr"),heights:Array.from(w.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const ee=e.computed(()=>!f.value||!f.value.heights.length?0:Math.max(...f.value.heights)+$.value+B.value),te=e.computed(()=>r.dataset.body?t.value.tbody.tr.visible<=r.dataset.body.length?t.value.tbody.tr.visible:r.dataset.body.length:0),oe=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*te.value+$.value+B.value),d=e.ref(0),m=e.ref(null),s=e.ref(0),h=e.ref(!1),H=e.ref(0);e.onMounted(()=>{C.value&&($.value=C.value.getBoundingClientRect().height),T.value&&(B.value=T.value.getBoundingClientRect().height),v.value.showAnimation&&f.value&&L()}),e.onMounted(()=>{if(l.value){let n=function(){const i=o.getBoundingClientRect().bottom;a.forEach(p=>{p.getBoundingClientRect().top<i?p.style.visibility="hidden":p.style.visibility="visible"})};const o=l.value.querySelector("thead"),a=Array.from(w.value.querySelectorAll("tr"));l.value.addEventListener("scroll",n),n(),e.onBeforeUnmount(()=>{l.value.removeEventListener("scroll",n)})}});function ae(o){I.value=o,H.value+=1}function L(){!m.value&&!h.value&&(t.value.animation.type==="scroll"?m.value=requestAnimationFrame(D):m.value=requestAnimationFrame(G))}function ne(){if(!l.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=l.value;return o+n>=a}function D(o){if(h.value)return;s.value||(s.value=o),o-s.value>=t.value.animation.speedMs&&(d.value+=f.value.heights[y.value],(ne()||y.value>=f.value.heights.length)&&(d.value=0,y.value=-1),y.value+=1,l.value&&l.value.scrollTo({top:d.value,behavior:"smooth"}),s.value=o),m.value=requestAnimationFrame(D)}function G(o){if(h.value)return;s.value||(s.value=o);const a=o-s.value,n=t.value.animation.speedMs/4/1e3;a>=n&&(d.value+=n,d.value>=l.value.scrollHeight-l.value.clientHeight&&(d.value=0),l.value&&l.value.scrollTo({top:d.value,behavior:"auto"}),s.value=o),m.value=requestAnimationFrame(G)}function c(){h.value=!0,cancelAnimationFrame(m.value),m.value=null}e.onBeforeUnmount(c);function g(){!h.value||!v.value.showAnimation||(h.value=!1,s.value=0,L())}function le(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function re(){c(),clearTimeout(E.value)}function j(){clearTimeout(E.value),E.value=setTimeout(g,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(v.value.showAnimation=!0,g()):(v.value.showAnimation=!1,c())}),e.watch(()=>t.value.animation.type,o=>{c(),d.value=0,y.value=0,l.value.scrollTo({top:0,behavior:"auto"}),g()});const ie=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{x.value=n.contentRect.width<ie.value}),$.value=C.value?C.value.getBoundingClientRect().height:0,B.value=T.value?T.value.getBoundingClientRect().height:0,y.value=0,e.nextTick(()=>{c(),s.value=0,d.value=0,O(),g()})});l.value&&o.observe(l.value)});function X(){_()}function J(){v.value.showAnimation=!v.value.showAnimation,v.value.showAnimation?g():c()}function K(){e.nextTick(()=>{const o=r.dataset.head.map((i,p)=>[[r.dataset.body[p]]]),a=[[t.value.caption.text],[r.dataset.head.map(i=>[i])]].concat(o),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return W({pauseAnimation:c,resumeAnimation:g,toggleAnimation:J,generateCsv:K,generatePdf:X,generateImage:q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:U,onMouseenter:a[5]||(a[5]=()=>e.unref(P)(!0)),onMouseleave:a[6]||(a[6]=()=>e.unref(P)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:l,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(R)||e.unref(M)?"auto":`${Math.max(oe.value,ee.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":x.value,"is-playing":t.value.scrollbar.hide||!h.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||(a[0]=n=>le()),onMouseleave:a[1]||(a[1]=n=>g()),onTouchstart:a[2]||(a[2]=n=>re()),onTouchend:a[3]||(a[3]=n=>j()),onTouchcancel:a[4]||(a[4]=n=>j())},[k.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:C,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:x.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?$.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:T,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:x.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:n,colIndex:i})),void 0,!0)],4))),128))],12,pe)],4),b.dataset.body&&b.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:w,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(p,z)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":b.dataset.head[z]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":p)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:p,rowIndex:i,colIndex:z})),void 0,!0)],12,fe))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ce),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&k.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(Q.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(M),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!v.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:X,onGenerateCsv:K,onGenerateImage:e.unref(q),onToggleAnimation:J,onToggleFullscreen:ae,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},ge=ve._export_sfc(he,[["__scopeId","data-v-ad42b687"]]);exports.default=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-COIn1phv.cjs"),ue=require("./useNestedProp-CbMuGGl3.cjs"),Q=require("./usePrinter-CXXfgFFN.cjs"),se=require("./vue-ui-skeleton-BIqMxXV7.cjs"),de=require("./useUserOptionState-BgepsfED.cjs"),ve=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ce=["id"],pe=["height"],fe=["data-cell","height"],me={key:2,ref:"source",dir:"auto"},he={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(b,{expose:W}){const r=b,{vue_ui_carousel_table:Y}=u.useConfig(),S=e.ref(u.createUid()),I=e.ref(!1),k=e.ref(!!r.dataset),Z=e.useSlots();e.onMounted(()=>{F()}),e.onMounted(()=>{Z["chart-background"]&&console.warn("VueUiCarouselTable does not support the #chart-background slot.")});function F(){u.objectIsEmpty(r.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!r.dataset.head||u.objectIsEmpty(r.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),k.value=!1),(!r.dataset.body||u.objectIsEmpty(r.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),k.value=!1))}const t=e.computed({get:()=>V(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:P,keepUserOptionState:N}=de.useUserOptionState({config:t.value});function V(){return ue.useNestedProp({userConfig:r.config,defaultConfig:Y})}e.watch(()=>r.config,o=>{t.value=V(),A.value=!t.value.showOnChartHover,F()},{deep:!0}),e.watch(()=>r.dataset,o=>{O()},{deep:!0});const{isPrinting:R,isImaging:M,generatePdf:_,generateImage:q}=Q.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),v=e.ref({showAnimation:t.value.animation.use}),l=e.ref(null),U=e.ref(null),C=e.ref(null),T=e.ref(null),$=e.ref(0),B=e.ref(0),x=e.ref(!1),w=e.ref(null),f=e.ref(null),y=e.ref(0);function O(){w.value&&(f.value={elements:w.value.getElementsByTagName("tr"),heights:Array.from(w.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const ee=e.computed(()=>!f.value||!f.value.heights.length?0:Math.max(...f.value.heights)+$.value+B.value),te=e.computed(()=>r.dataset.body?t.value.tbody.tr.visible<=r.dataset.body.length?t.value.tbody.tr.visible:r.dataset.body.length:0),oe=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*te.value+$.value+B.value),d=e.ref(0),m=e.ref(null),s=e.ref(0),h=e.ref(!1),H=e.ref(0);e.onMounted(()=>{C.value&&($.value=C.value.getBoundingClientRect().height),T.value&&(B.value=T.value.getBoundingClientRect().height),v.value.showAnimation&&f.value&&L()}),e.onMounted(()=>{if(l.value){let n=function(){const i=o.getBoundingClientRect().bottom;a.forEach(p=>{p.getBoundingClientRect().top<i?p.style.visibility="hidden":p.style.visibility="visible"})};const o=l.value.querySelector("thead"),a=Array.from(w.value.querySelectorAll("tr"));l.value.addEventListener("scroll",n),n(),e.onBeforeUnmount(()=>{l.value.removeEventListener("scroll",n)})}});function ae(o){I.value=o,H.value+=1}function L(){!m.value&&!h.value&&(t.value.animation.type==="scroll"?m.value=requestAnimationFrame(D):m.value=requestAnimationFrame(G))}function ne(){if(!l.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=l.value;return o+n>=a}function D(o){if(h.value)return;s.value||(s.value=o),o-s.value>=t.value.animation.speedMs&&(d.value+=f.value.heights[y.value],(ne()||y.value>=f.value.heights.length)&&(d.value=0,y.value=-1),y.value+=1,l.value&&l.value.scrollTo({top:d.value,behavior:"smooth"}),s.value=o),m.value=requestAnimationFrame(D)}function G(o){if(h.value)return;s.value||(s.value=o);const a=o-s.value,n=t.value.animation.speedMs/4/1e3;a>=n&&(d.value+=n,d.value>=l.value.scrollHeight-l.value.clientHeight&&(d.value=0),l.value&&l.value.scrollTo({top:d.value,behavior:"auto"}),s.value=o),m.value=requestAnimationFrame(G)}function c(){h.value=!0,cancelAnimationFrame(m.value),m.value=null}e.onBeforeUnmount(c);function g(){!h.value||!v.value.showAnimation||(h.value=!1,s.value=0,L())}function le(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function re(){c(),clearTimeout(E.value)}function j(){clearTimeout(E.value),E.value=setTimeout(g,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(v.value.showAnimation=!0,g()):(v.value.showAnimation=!1,c())}),e.watch(()=>t.value.animation.type,o=>{c(),d.value=0,y.value=0,l.value.scrollTo({top:0,behavior:"auto"}),g()});const ie=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{x.value=n.contentRect.width<ie.value}),$.value=C.value?C.value.getBoundingClientRect().height:0,B.value=T.value?T.value.getBoundingClientRect().height:0,y.value=0,e.nextTick(()=>{c(),s.value=0,d.value=0,O(),g()})});l.value&&o.observe(l.value)});function X(){_()}function J(){v.value.showAnimation=!v.value.showAnimation,v.value.showAnimation?g():c()}function K(){e.nextTick(()=>{const o=r.dataset.head.map((i,p)=>[[r.dataset.body[p]]]),a=[[t.value.caption.text],[r.dataset.head.map(i=>[i])]].concat(o),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return W({pauseAnimation:c,resumeAnimation:g,toggleAnimation:J,generateCsv:K,generatePdf:X,generateImage:q}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:U,onMouseenter:a[5]||(a[5]=()=>e.unref(P)(!0)),onMouseleave:a[6]||(a[6]=()=>e.unref(P)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:l,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(R)||e.unref(M)?"auto":`${Math.max(oe.value,ee.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":x.value,"is-playing":t.value.scrollbar.hide||!h.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||(a[0]=n=>le()),onMouseleave:a[1]||(a[1]=n=>g()),onTouchstart:a[2]||(a[2]=n=>re()),onTouchend:a[3]||(a[3]=n=>j()),onTouchcancel:a[4]||(a[4]=n=>j())},[k.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:C,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:x.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?$.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:T,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:x.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:n,colIndex:i})),void 0,!0)],4))),128))],12,pe)],4),b.dataset.body&&b.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:w,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(p,z)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":b.dataset.head[z]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":p)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:p,rowIndex:i,colIndex:z})),void 0,!0)],12,fe))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ce),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(se.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&k.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(Q.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(M),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!v.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:X,onGenerateCsv:K,onGenerateImage:e.unref(q),onToggleAnimation:J,onToggleFullscreen:ae,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},ge=ve._export_sfc(he,[["__scopeId","data-v-ad42b687"]]);exports.default=ge;

package/dist/{vue-ui-chestnut-CAnxXvl6.js → vue-ui-chestnut-C5qUO1uK.js}

@@ -1,12 +1,12 @@
 import { useCssVars as Ye, computed as m, ref as T, watch as qe, onMounted as He, openBlock as a, createElementBlock as o, normalizeClass as k, normalizeStyle as h, unref as n, createBlock as K, createCommentVNode as f, createSlots as We, withCtx as X, renderSlot as F, normalizeProps as ue, guardReactiveProps as ne, createVNode as $e, toDisplayString as c, createElementVNode as s, Fragment as g, renderList as _, createTextVNode as J, withKeys as Ke, nextTick as Ce } from "vue";
-import { u as Je, c as Qe, t as Ze, a as et, p as P, b as tt, g as re, e as Q, d as ie, o as lt, X as at, s as S, w as Te, i as G, f as z, G as ze, m as Ne, j as ot, k as V, n as H, q as st, r as ut } from "./index-BqR_a-C7.js";
-import { u as nt, U as rt } from "./usePrinter-BPjMJmKg.js";
-import it from "./vue-ui-skeleton-DbI8wJH-.js";
-import ct from "./BaseIcon-DG_iYn4X.js";
-import dt from "./vue-ui-accordion-Cz3VCEN0.js";
-import { u as Se } from "./useNestedProp-DqofSFeh.js";
-import { _ as vt } from "./PackageVersion-tmgQTzP2.js";
-import { P as yt } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { u as Je, c as Qe, t as Ze, a as et, p as P, b as tt, g as re, e as Q, d as ie, o as lt, X as at, s as S, w as Te, i as G, f as z, G as ze, m as Ne, j as ot, k as V, n as H, q as st, r as ut } from "./index-B7nCQFK0.js";
+import { u as nt, U as rt } from "./usePrinter-CQMn1b4E.js";
+import it from "./vue-ui-skeleton-D66ZIUln.js";
+import ct from "./BaseIcon-B8U62FEj.js";
+import dt from "./vue-ui-accordion-B8ptB5BQ.js";
+import { u as Se } from "./useNestedProp-C9rlBRTT.js";
+import { _ as vt } from "./PackageVersion-CENy3Lm2.js";
+import { P as yt } from "./PenAndPaper-Dr7ndoP_.js";
 import { u as ht } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const bt = ["id"], pt = {