vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-age-pyramid-YFzQ15k1.js → vue-ui-age-pyramid-BGzYbrts.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as T, computed as y, ref as v, toRefs as yt, watch as X, shallowRef as ze, onMounted as ht, onBeforeUnmount as Oe, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as se, normalizeClass as Ie, createBlock as D, createCommentVNode as h, renderSlot as c, createVNode as ie, createSlots as Fe, withCtx as f, normalizeProps as P, guardReactiveProps as M, createElementVNode as d, Fragment as L, renderList as z, toDisplayString as C, resolveDynamicComponent as ct, mergeProps as ft, createTextVNode as ue, nextTick as gt } from "vue";
-import { c as pt, t as bt, o as Re, f as xt, q as p, X as mt, s as ne, i as De, a as O, d as I, x as wt, y as kt, z as Ct, A as _t } from "./lib-CEjkWSLj.js";
-import { t as Pe, u as At } from "./useResponsive-DfdjqQps.js";
-import { u as Tt, a as Me } from "./useNestedProp-Ce3PwN8T.js";
-import { u as Lt, B as $t } from "./BaseScanner-BgWxam9d.js";
-import { u as St } from "./usePrinter-DJ1iH-F_.js";
-import { u as zt } from "./useSvgExport-DrjCWun4.js";
-import { u as Ot } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as It } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ft, a as Rt } from "./useResizeObserverEffect-DfnWps4W.js";
-import Dt from "./img-J2dLIr8Y.js";
-import Pt from "./Title-Camz1Lce.js";
+import { defineAsyncComponent as T, computed as y, ref as v, toRefs as yt, watch as X, shallowRef as ze, onMounted as ht, onBeforeUnmount as Oe, watchEffect as ct, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as se, normalizeClass as Ie, createBlock as P, createCommentVNode as h, renderSlot as c, createVNode as ie, createSlots as Fe, withCtx as f, normalizeProps as D, guardReactiveProps as M, createElementVNode as d, Fragment as L, renderList as z, toDisplayString as C, resolveDynamicComponent as ft, mergeProps as gt, createTextVNode as ue, nextTick as pt } from "vue";
+import { c as bt, t as xt, o as Re, f as mt, x as p, X as wt, s as ne, i as Pe, a as O, d as I, P as kt, Q as Ct, G as _t, H as At } from "./lib-BcBZIm6u.js";
+import { t as De, u as Tt } from "./useResponsive-DfdjqQps.js";
+import { u as Lt, a as Me } from "./useNestedProp-B7CiTRDS.js";
+import { u as $t, B as St } from "./BaseScanner-BgWxam9d.js";
+import { u as zt } from "./usePrinter-C1GiglOH.js";
+import { u as Ot } from "./useSvgExport-DrjCWun4.js";
+import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ft } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Rt } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Pt from "./img-CFY3JivG.js";
+import Dt from "./Title-CFmv95In.js";
 import { t as Mt } from "./themes-Dw-dDudK.js";
 import { _ as Nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"], Gt = ["id"], Ht = ["stop-color"], Wt = ["stop-color"], Vt = ["id"], Xt = ["stop-color"], jt = ["stop-color"], Yt = ["x", "y", "width", "height", "fill", "rx"], qt = ["x", "y", "width", "height", "fill", "rx"], Jt = ["x", "y", "width", "height", "fill", "rx"], Kt = ["x", "y", "width", "height", "fill", "rx"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "fill", "font-size", "font-weight"], tl = { key: 1 }, ll = ["x", "y", "font-size", "fill", "font-weight"], al = { key: 2 }, ol = { key: 0 }, sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], rl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], vl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], dl = ["x", "y", "font-size", "fill", "font-weight"], yl = ["x", "y", "width", "height", "fill", "onMouseover", "onMouseleave", "onClick"], hl = {
+const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"], Gt = ["id"], Ht = ["stop-color"], Wt = ["stop-color"], Vt = ["id"], Xt = ["stop-color"], jt = ["stop-color"], Yt = ["x", "y", "width", "height", "fill", "rx"], qt = ["x", "y", "width", "height", "fill", "rx"], Qt = ["x", "y", "width", "height", "fill", "rx"], Jt = ["x", "y", "width", "height", "fill", "rx"], Kt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "fill", "font-size", "font-weight"], tl = { key: 1 }, ll = ["x", "y", "font-size", "fill", "font-weight"], al = { key: 2 }, ol = { key: 0 }, sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], rl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], vl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], dl = ["x", "y", "font-size", "fill", "font-weight"], yl = ["x", "y", "width", "height", "fill", "onMouseover", "onMouseleave", "onClick"], hl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, cl = {
@@ -32,7 +32,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
     }
   },
   setup(re, { expose: Ne }) {
-    const Be = T(() => import("./Tooltip-VOcQEHa4.js")), Ee = T(() => import("./BaseIcon-eZbszQrv.js")), Ue = T(() => import("./vue-ui-accordion-VTP418mC.js")), Ge = T(() => import("./DataTable-yAMEyP6y.js")), He = T(() => import("./PenAndPaper-Bo-lMUik.js")), We = T(() => import("./UserOptions-CSja1SGU.js")), Ve = T(() => import("./PackageVersion-r-Q1R3nV.js")), Xe = T(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_age_pyramid: je } = Tt(), x = re, ve = y(() => !!x.dataset && x.dataset.length), w = v(pt()), j = v(!1), Y = v(""), U = v(null), de = v(0), k = v(null), ye = v(null), he = v(null), ce = v(null), fe = v(0), ge = v(0), q = v(null), N = v(null), J = v(null), e = v(ee()), { loading: pe, FINAL_DATASET: G, manualLoading: K } = Lt({
+    const Be = T(() => import("./Tooltip-Cs4v8OnI.js")), Ee = T(() => import("./BaseIcon-B5KaGWWC.js")), Ue = T(() => import("./vue-ui-accordion-BKkTS12x.js")), Ge = T(() => import("./DataTable-DOx3zgih.js")), He = T(() => import("./PenAndPaper-Dj2diYr0.js")), We = T(() => import("./UserOptions-C0YT60JN.js")), Ve = T(() => import("./PackageVersion-DyDViSOy.js")), Xe = T(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_age_pyramid: je } = Lt(), x = re, ve = y(() => !!x.dataset && x.dataset.length), w = v(bt()), j = v(!1), Y = v(""), U = v(null), de = v(0), k = v(null), ye = v(null), he = v(null), ce = v(null), fe = v(0), ge = v(0), q = v(null), N = v(null), Q = v(null), e = v(ee()), { loading: pe, FINAL_DATASET: G, manualLoading: J } = $t({
       ...yt(x),
       FINAL_CONFIG: e,
       prepareConfig: ee,
@@ -48,7 +48,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         ["_", 1, 89, 89],
         ["_", 0, 144, 144]
       ],
-      skeletonConfig: bt({
+      skeletonConfig: xt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -81,7 +81,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Q, setUserOptionsVisibility: be, keepUserOptionState: xe } = Ot({ config: e.value }), { svgRef: Z } = It({ config: e.value.style.title });
+    }), { userOptionsVisible: K, setUserOptionsVisibility: be, keepUserOptionState: xe } = It({ config: e.value }), { svgRef: Z } = Ft({ config: e.value.style.title });
     function ee() {
       const t = Me({
         userConfig: x.config,
@@ -95,9 +95,9 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
       } : t;
     }
     X(() => x.config, (t) => {
-      pe.value || (e.value = ee()), Q.value = !e.value.userOptions.showOnChartHover, me(), fe.value += 1, ge.value += 1, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.tooltip.show;
+      pe.value || (e.value = ee()), K.value = !e.value.userOptions.showOnChartHover, me(), fe.value += 1, ge.value += 1, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.tooltip.show;
     }, { deep: !0 }), X(() => x.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (K.value = !1);
+      Array.isArray(t) && t.length > 0 && (J.value = !1);
     }, { deep: !0 });
     const _ = ze(null), F = ze(null);
     ht(() => {
@@ -105,13 +105,13 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
     });
     const Ye = y(() => !!e.value.debug);
     function me() {
-      if (Re(x.dataset) && (xt({
+      if (Re(x.dataset) && (mt({
         componentName: "VueUiAgePyramid",
         type: "dataset",
         debug: Ye.value
-      }), K.value = !0), Re(x.dataset) || (K.value = e.value.loading), e.value.responsive) {
-        const t = Pe(() => {
-          const { width: o, height: l } = At({
+      }), J.value = !0), Re(x.dataset) || (J.value = e.value.loading), e.value.responsive) {
+        const t = De(() => {
+          const { width: o, height: l } = Tt({
             chart: k.value,
             title: e.value.style.title.text ? ye.value : null,
             source: he.value,
@@ -127,7 +127,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
     Oe(() => {
       _.value && (F.value && _.value.unobserve(F.value), _.value.disconnect());
     });
-    const { isPrinting: we, isImaging: ke, generatePdf: Ce, generateImage: _e } = St({
+    const { isPrinting: we, isImaging: ke, generatePdf: Ce, generateImage: _e } = zt({
       elementId: `vue-ui-age-pyramid_${w.value}`,
       fileName: e.value.style.title.text || "vue-ui-age-pyramid",
       options: e.value.userOptions.print
@@ -144,10 +144,17 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
     const g = v({
       height: e.value.style.height,
       width: e.value.style.width
-    }), Je = y(() => g.value.width), Ke = y(() => g.value.height), H = v(0), Qe = Pe((t) => {
+    }), Qe = y(() => g.value.width), Je = y(() => g.value.height), H = v(0), Ke = De((t) => {
       H.value = t;
     }, 100);
-    Ft({ elementRef: q, callback: Qe, attr: "height" }), Oe(() => {
+    ct((t) => {
+      const o = q.value;
+      if (!o) return;
+      const l = new ResizeObserver((a) => {
+        Ke(a[0].contentRect.height);
+      });
+      l.observe(o), t(() => l.disconnect());
+    }), Oe(() => {
       H.value = 0;
     });
     const s = y(() => {
@@ -244,7 +251,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         config: e.value
       };
       const l = e.value.style.tooltip.customFormat;
-      if (Ct(l) && _t(() => l({
+      if (_t(l) && At(() => l({
         seriesIndex: t,
         datapoint: {
           segment: o[0],
@@ -294,15 +301,15 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
       j.value = !0;
     }
     function ae(t = null) {
-      gt(() => {
+      pt(() => {
         const o = [e.value.translations.year, e.value.translations.age, e.value.translations.female, e.value.translations.male, e.value.translations.total], l = x.dataset.map((m) => [
           m[0],
           m[1],
           m[2],
           m[3],
           m[2] ?? 0 + m[3] ?? 0
-        ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), r = wt(a);
-        t ? t(r) : kt({ csvContent: r, title: e.value.style.title.text || "vue-ui-heatmap" });
+        ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), r = kt(a);
+        t ? t(r) : Ct({ csvContent: r, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const W = y(() => {
@@ -348,7 +355,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
     }
     async function st({ scale: t = 2 } = {}) {
       if (!k.value) return;
-      const { width: o, height: l } = k.value.getBoundingClientRect(), a = o / l, { imageUri: r, base64: m } = await Dt({ domElement: k.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: l } = k.value.getBoundingClientRect(), a = o / l, { imageUri: r, base64: m } = await Pt({ domElement: k.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: r,
         base64: m,
@@ -367,8 +374,8 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
       rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
       autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: Je,
-      height: Ke,
+      width: Qe,
+      height: Je,
       targetClass: ".vue-ui-age-pyramid-x-axis-label",
       rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle
     });
@@ -406,9 +413,9 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
       e.value.table.show || (t && e.value.table.useDialog && N.value ? N.value.open() : "close" in N.value && N.value.close());
     });
     function $e() {
-      b.value.showTable = !1, J.value && J.value.setTableIconState(!1);
+      b.value.showTable = !1, Q.value && Q.value.setTableIconState(!1);
     }
-    const nt = y(() => e.value.style.backgroundColor), rt = y(() => e.value.style.title), { exportSvg: vt, getSvg: dt } = zt({
+    const nt = y(() => e.value.style.backgroundColor), rt = y(() => e.value.style.title), { exportSvg: vt, getSvg: dt } = Ot({
       svg: Z,
       title: rt,
       backgroundColor: nt
@@ -439,7 +446,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
       onMouseenter: o[1] || (o[1] = () => u(be)(!0)),
       onMouseleave: o[2] || (o[2] = () => u(be)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), D(u(He), {
+      e.value.userOptions.buttons.annotator ? (i(), P(u(He), {
         key: 0,
         svgRef: u(Z),
         backgroundColor: e.value.style.backgroundColor,
@@ -460,7 +467,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         ref: ye,
         style: "width:100%;background:transparent"
       }, [
-        (i(), D(Pt, {
+        (i(), P(Dt, {
           key: `title_${fe.value}`,
           config: {
             title: {
@@ -474,9 +481,9 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      e.value.userOptions.show && ve.value && (u(xe) || u(Q)) ? (i(), D(u(We), {
+      e.value.userOptions.show && ve.value && (u(xe) || u(K)) ? (i(), P(u(We), {
         ref_key: "userOptionsRef",
-        ref: J,
+        ref: Q,
         key: `user_options_${de.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
@@ -509,13 +516,13 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         onToggleTooltip: Le,
         onToggleAnnotator: oe,
         style: se({
-          visibility: u(xe) ? u(Q) ? "visible" : "hidden" : "visible"
+          visibility: u(xe) ? u(K) ? "visible" : "hidden" : "visible"
         })
       }, Fe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: l, color: a }) => [
-            c(t.$slots, "menuIcon", P(M({ isOpen: l, color: a })), void 0, !0)
+            c(t.$slots, "menuIcon", D(M({ isOpen: l, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -557,14 +564,14 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: f(({ toggleFullscreen: l, isFullscreen: a }) => [
-            c(t.$slots, "optionFullscreen", P(M({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            c(t.$slots, "optionFullscreen", D(M({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: f(({ toggleAnnotator: l, isAnnotator: a }) => [
-            c(t.$slots, "optionAnnotator", P(M({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            c(t.$slots, "optionAnnotator", D(M({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -572,7 +579,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
       (i(), n("svg", {
         ref_key: "svgRef",
         ref: Z,
-        xmlns: u(mt),
+        xmlns: u(wt),
         class: Ie({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${g.value.height <= 0 ? 10 : g.value.height}`,
         style: se(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
@@ -604,7 +611,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
             }, null, 8, Ht),
             d("stop", {
               offset: "100%",
-              "stop-color": u(ne)(u(De)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
+              "stop-color": u(ne)(u(Pe)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
             }, null, 8, Wt)
           ], 8, Gt),
           d("linearGradient", {
@@ -616,7 +623,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
           }, [
             d("stop", {
               offset: "0%",
-              "stop-color": u(ne)(u(De)(e.value.style.layout.bars.right.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
+              "stop-color": u(ne)(u(Pe)(e.value.style.layout.bars.right.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
             }, null, 8, Xt),
             d("stop", {
               offset: "100%",
@@ -648,7 +655,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
             height: l.right.height <= 0 ? 1e-4 : l.right.height,
             fill: e.value.style.layout.bars.gradient.underlayer,
             rx: e.value.style.layout.bars.borderRadius
-          }, null, 8, Jt),
+          }, null, 8, Qt),
           d("rect", {
             x: l.right.x,
             y: l.right.y,
@@ -656,10 +663,10 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
             height: l.right.height <= 0 ? 1e-4 : l.right.height,
             fill: e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_right_${w.value})` : l.right.color,
             rx: e.value.style.layout.bars.borderRadius
-          }, null, 8, Kt)
+          }, null, 8, Jt)
         ]))), 256)),
         d("g", null, [
-          e.value.style.layout.dataLabels.sideTitles.show ? (i(), n("g", Qt, [
+          e.value.style.layout.dataLabels.sideTitles.show ? (i(), n("g", Kt, [
             d("text", {
               x: s.value.left,
               y: e.value.style.layout.dataLabels.sideTitles.fontSize,
@@ -800,7 +807,7 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         c(t.$slots, "svg", { svg: g.value }, void 0, !0)
       ], 14, Et)),
       t.$slots.watermark ? (i(), n("div", hl, [
-        c(t.$slots, "watermark", P(M({ isPrinting: u(we) || u(ke) })), void 0, !0)
+        c(t.$slots, "watermark", D(M({ isPrinting: u(we) || u(ke) })), void 0, !0)
       ])) : h("", !0),
       c(t.$slots, "legend", { legend: $.value }, void 0, !0),
       t.$slots.source ? (i(), n("div", {
@@ -832,20 +839,20 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": f(() => [
-          c(t.$slots, "tooltip-before", P(M({ ...te.value })), void 0, !0)
+          c(t.$slots, "tooltip-before", D(M({ ...te.value })), void 0, !0)
         ]),
         "tooltip-after": f(() => [
-          c(t.$slots, "tooltip-after", P(M({ ...te.value })), void 0, !0)
+          c(t.$slots, "tooltip-after", D(M({ ...te.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ve.value && e.value.userOptions.buttons.table ? (i(), D(ct(E.value.component), ft({ key: 6 }, E.value.props, {
+      ve.value && e.value.userOptions.buttons.table ? (i(), P(ft(E.value.component), gt({ key: 6 }, E.value.props, {
         ref_key: "tableUnit",
         ref: N,
         onClose: $e
       }), Fe({
         content: f(() => [
-          (i(), D(u(Ge), {
+          (i(), P(u(Ge), {
             key: `table_${ge.value}`,
             colNames: W.value.colNames,
             head: W.value.head,
@@ -890,10 +897,10 @@ const Bt = ["id"], Et = ["xmlns", "viewBox"], Ut = ["x", "y", "width", "height"]
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      u(pe) ? (i(), D($t, { key: 7 })) : h("", !0)
+      u(pe) ? (i(), P(St, { key: 7 })) : h("", !0)
     ], 46, Bt));
   }
-}, Sl = /* @__PURE__ */ Nt(cl, [["__scopeId", "data-v-24d19a0e"]]);
+}, Sl = /* @__PURE__ */ Nt(cl, [["__scopeId", "data-v-060928e4"]]);
 export {
   Sl as default
 };

package/dist/{vue-ui-annotator-CmwDyy9m.js → vue-ui-annotator-DkSYrnwb.js}

@@ -1,12 +1,12 @@
 import { computed as L, ref as R, watch as E, onMounted as H, onBeforeUnmount as U, createBlock as x, openBlock as c, Teleport as K, createElementBlock as p, createCommentVNode as a, normalizeStyle as b, normalizeClass as g, createElementVNode as n, renderSlot as B, resolveComponent as v, createVNode as T, withCtx as N, createTextVNode as F, toDisplayString as f, withDirectives as M, vModelCheckbox as G, vModelText as D, withModifiers as A, Fragment as X, renderList as Y } from "vue";
-import { a6 as V, t as q, c as J, au as Z } from "./lib-CEjkWSLj.js";
-import { u as Q } from "./useNestedProp-Ce3PwN8T.js";
-import { d as $ } from "./dom-to-png-DxyZSvDx.js";
-import { u as ee } from "./usePrinter-DJ1iH-F_.js";
-import te from "./BaseIcon-eZbszQrv.js";
-import oe from "./vue-ui-accordion-VTP418mC.js";
+import { ai as V, t as q, c as J, av as Z } from "./lib-BcBZIm6u.js";
+import { u as Q } from "./useNestedProp-B7CiTRDS.js";
+import { d as $ } from "./dom-to-png-xQ7LXrxp.js";
+import { u as ee } from "./usePrinter-C1GiglOH.js";
+import te from "./BaseIcon-B5KaGWWC.js";
+import oe from "./vue-ui-accordion-BKkTS12x.js";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { C as se } from "./ColorPicker-BoPM4Ejg.js";
+import { C as se } from "./ColorPicker-BMztHpBp.js";
 function ie(e) {
   const o = (y) => e.isMacLike ? y.metaKey : y.ctrlKey, l = (y) => {
     const S = y;

package/dist/{vue-ui-bullet-DdjpiM-T.js → vue-ui-bullet-Cf4Uzhez.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as G, ref as v, computed as c, onMounted as ze, toRefs as Ne, watch as ce, onBeforeUnmount as Ee, createElementBlock as n, openBlock as o, unref as r, normalizeStyle as V, normalizeClass as he, createBlock as x, createCommentVNode as u, createElementVNode as _, createSlots as Ue, withCtx as C, renderSlot as m, normalizeProps as F, guardReactiveProps as T, createVNode as We, Fragment as j, renderList as q, toDisplayString as H, Teleport as De } from "vue";
-import { u as Ge, a as de } from "./useNestedProp-Ce3PwN8T.js";
-import { c as Ve, t as je, m as qe, C as Xe, h as Ye, a as M, d as R, X as Je, o as ge, f as fe, g as Ke } from "./lib-CEjkWSLj.js";
+import { u as Ge, a as de } from "./useNestedProp-B7CiTRDS.js";
+import { c as Ve, t as je, S as qe, m as Xe, h as Ye, a as M, d as R, X as Je, o as ge, f as fe, g as Ke } from "./lib-BcBZIm6u.js";
 import { t as Qe, u as Ze } from "./useResponsive-DfdjqQps.js";
-import { u as et } from "./usePrinter-DJ1iH-F_.js";
+import { u as et } from "./usePrinter-C1GiglOH.js";
 import { u as tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as at } from "./useChartAccessibility-9icAAmYg.js";
 import { t as lt } from "./themes-Dw-dDudK.js";
-import st from "./Legend-By4rru90.js";
-import ot from "./Title-Camz1Lce.js";
-import rt from "./img-J2dLIr8Y.js";
+import st from "./Legend-C8u37J42.js";
+import ot from "./Title-CFmv95In.js";
+import rt from "./img-CFY3JivG.js";
 import { u as nt, B as ut } from "./BaseScanner-BgWxam9d.js";
 import { u as it } from "./useSvgExport-DrjCWun4.js";
 import { _ as vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -41,7 +41,7 @@ const ct = ["id"], ht = {
     }
   },
   setup(me, { expose: ye }) {
-    const pe = G(() => import("./PackageVersion-r-Q1R3nV.js")), be = G(() => import("./PenAndPaper-Bo-lMUik.js")), ke = G(() => import("./UserOptions-CSja1SGU.js")), { vue_ui_bullet: we } = Ge(), O = me, y = v(null), X = v(null), Y = v(0), J = v(null), K = v(null), xe = v(0), A = v(null), S = v(null), Q = v(!1), b = c({
+    const pe = G(() => import("./PackageVersion-DyDViSOy.js")), be = G(() => import("./PenAndPaper-Dj2diYr0.js")), ke = G(() => import("./UserOptions-C0YT60JN.js")), { vue_ui_bullet: we } = Ge(), O = me, y = v(null), X = v(null), Y = v(0), J = v(null), K = v(null), xe = v(0), A = v(null), S = v(null), Q = v(!1), b = c({
       get: () => i.value.hasOwnProperty("value"),
       set: (t) => t
     }), L = c(() => 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: