vue-data-ui 3.4.7 → 3.4.9

package/dist/{PackageVersion-QNVkHOgG.js → PackageVersion-CTUqGqWV.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.4.7", a = { "aria-hidden": "true" }, p = {
+const n = "3.4.9", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{UserOptions-CnzumGJj.js → UserOptions-CGnQt6Fd.js}

@@ -1,8 +1,8 @@
-import { ref as m, computed as P, onMounted as p, onBeforeUnmount as _, withDirectives as ee, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as x, withKeys as te, withModifiers as oe, renderSlot as k, normalizeProps as B, guardReactiveProps as ne, createVNode as le, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as ie } from "vue";
-import { v as se } from "./vClickOutside-C6WiFswA.js";
+import { ref as m, computed as P, onMounted as p, onBeforeUnmount as _, withDirectives as ee, createElementBlock as a, openBlock as o, normalizeStyle as v, createElementVNode as x, withKeys as te, withModifiers as oe, renderSlot as k, normalizeProps as B, guardReactiveProps as ne, createVNode as le, normalizeClass as c, createCommentVNode as s, Fragment as $, createBlock as f, toDisplayString as d, mergeProps as A, unref as ie } from "vue";
+import { v as ae } from "./vClickOutside-C6WiFswA.js";
 import r from "./BaseIcon-BmMbm4d0.js";
 import D from "./img-BecE5qXd.js";
-import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ue = ["title"], re = ["data-open"], fe = {
   __name: "UserOptions",
   props: {
@@ -199,9 +199,9 @@ const ue = ["title"], re = ["data-open"], fe = {
     function R() {
       y.value && H();
     }
-    const M = m(i.isLabelActive);
+    const F = m(i.isLabelActive);
     function G() {
-      i.callbacks.labels ? i.callbacks.labels() : (M.value = !M.value, g("toggleLabels"));
+      i.callbacks.labels ? i.callbacks.labels() : (F.value = !F.value, g("toggleLabels"));
     }
     const C = m(i.isAnimation);
     function E() {
@@ -217,13 +217,13 @@ const ue = ["title"], re = ["data-open"], fe = {
     function J() {
       i.callbacks.sort ? i.callbacks.sort() : g("toggleSort");
     }
-    const A = m(i.isStacked);
+    const M = m(i.isStacked);
     function Q() {
-      i.callbacks.stack ? i.callbacks.stack() : (A.value = !A.value, g("toggleStack"));
+      i.callbacks.stack ? i.callbacks.stack() : (M.value = !M.value, g("toggleStack"));
     }
-    const F = m(i.isTooltip);
+    const T = m(i.isTooltip);
     function Y() {
-      i.callbacks.tooltip ? i.callbacks.tooltip() : (F.value = !F.value, g("toggleTooltip"));
+      i.callbacks.tooltip ? i.callbacks.tooltip() : (T.value = !T.value, g("toggleTooltip"));
     }
     const Z = P({
       get: () => i.isFullscreen,
@@ -257,7 +257,7 @@ const ue = ["title"], re = ["data-open"], fe = {
       annotator: !1,
       svg: !1
     });
-    return (l, t) => ee((o(), s("div", {
+    return (l, t) => ee((o(), a("div", {
       "data-dom-to-png-ignore": "",
       class: "vue-ui-user-options",
       style: v(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${e.isFullscreen ? "12px" : "0"}` : `left:${e.isFullscreen ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
@@ -279,10 +279,10 @@ const ue = ["title"], re = ["data-open"], fe = {
       ], 44, ue),
       x("div", {
         "data-open": y.value,
-        class: d({ "vue-ui-user-options-drawer": !0 }),
+        class: c({ "vue-ui-user-options-drawer": !0 }),
         style: v(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
       }, [
-        e.hasTooltip ? (o(), s("button", {
+        e.hasTooltip ? (o(), a("button", {
           key: 0,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -290,8 +290,8 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseenter: t[0] || (t[0] = (u) => n.value.tooltip = !0),
           onMouseout: t[1] || (t[1] = (u) => n.value.tooltip = !1)
         }, [
-          l.$slots.optionTooltip ? k(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
-            F.value ? (o(), f(r, {
+          l.$slots.optionTooltip ? k(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), a($, { key: 1 }, [
+            T.value ? (o(), f(r, {
               key: 0,
               name: "tooltip",
               stroke: e.color,
@@ -303,14 +303,14 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.tooltip ? (o(), s("div", {
+          b.value && e.titles.tooltip ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-left-visible": e.position === "left" && n.value.tooltip, "button-info-right-visible": e.position === "right" && n.value.tooltip }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-left-visible": e.position === "left" && n.value.tooltip, "button-info-right-visible": e.position === "right" && n.value.tooltip }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.tooltip), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasPdf ? (o(), s("button", {
+          }, d(e.titles.tooltip), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasPdf ? (o(), a("button", {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -318,7 +318,7 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseenter: t[2] || (t[2] = (u) => n.value.pdf = !0),
           onMouseout: t[3] || (t[3] = (u) => n.value.pdf = !1)
         }, [
-          l.$slots.optionPdf ? k(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionPdf ? k(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), a($, { key: 1 }, [
             e.isPrinting ? (o(), f(r, {
               key: 0,
               name: "spin",
@@ -332,14 +332,14 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.pdf ? (o(), s("div", {
+          b.value && e.titles.pdf ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.pdf, "button-info-left-visible": e.position === "left" && n.value.pdf }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.pdf, "button-info-left-visible": e.position === "left" && n.value.pdf }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.pdf), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasXls ? (o(), s("button", {
+          }, d(e.titles.pdf), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasXls ? (o(), a("button", {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -353,14 +353,14 @@ const ue = ["title"], re = ["data-open"], fe = {
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.csv ? (o(), s("div", {
+          b.value && e.titles.csv ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.csv, "button-info-left-visible": e.position === "left" && n.value.csv }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.csv, "button-info-left-visible": e.position === "left" && n.value.csv }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.csv), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasImg ? (o(), s("button", {
+          }, d(e.titles.csv), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasImg ? (o(), a("button", {
           key: 3,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -368,7 +368,7 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseenter: t[6] || (t[6] = (u) => n.value.img = !0),
           onMouseout: t[7] || (t[7] = (u) => n.value.img = !1)
         }, [
-          l.$slots.optionImg ? k(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionImg ? k(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), a($, { key: 1 }, [
             e.isImaging ? (o(), f(r, {
               key: 0,
               name: "spin",
@@ -382,14 +382,14 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.img ? (o(), s("div", {
+          b.value && e.titles.img ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.img, "button-info-left-visible": e.position === "left" && n.value.img }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.img, "button-info-left-visible": e.position === "left" && n.value.img }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.img), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasSvg ? (o(), s("button", {
+          }, d(e.titles.img), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasSvg ? (o(), a("button", {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -403,14 +403,14 @@ const ue = ["title"], re = ["data-open"], fe = {
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.svg ? (o(), s("div", {
+          b.value && e.titles.svg ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.svg, "button-info-left-visible": e.position === "left" && n.value.svg }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.svg, "button-info-left-visible": e.position === "left" && n.value.svg }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.svg), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasTable ? (o(), s("button", {
+          }, d(e.titles.svg), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasTable ? (o(), a("button", {
           key: 5,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -418,7 +418,7 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseenter: t[10] || (t[10] = (u) => n.value.table = !0),
           onMouseout: t[11] || (t[11] = (u) => n.value.table = !1)
         }, [
-          l.$slots.optionTable ? k(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionTable ? k(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), a($, { key: 1 }, [
             e.tableDialog ? (o(), f(r, {
               key: 0,
               name: h.value ? "tableDialogClose" : "tableDialogOpen",
@@ -431,14 +431,14 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["name", "stroke"]))
           ], 64)),
-          b.value && e.titles.table ? (o(), s("div", {
+          b.value && e.titles.table ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.table, "button-info-left-visible": e.position === "left" && n.value.table }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.table, "button-info-left-visible": e.position === "left" && n.value.table }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.table), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasLabel ? (o(), s("button", {
+          }, d(e.titles.table), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasLabel ? (o(), a("button", {
           key: 6,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -448,18 +448,18 @@ const ue = ["title"], re = ["data-open"], fe = {
         }, [
           l.$slots.optionLabels ? k(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
-            name: M.value ? "labelClose" : "labelOpen",
+            name: F.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          b.value && e.titles.labels ? (o(), s("div", {
+          b.value && e.titles.labels ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.labels, "button-info-left-visible": e.position === "left" && n.value.labels }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.labels, "button-info-left-visible": e.position === "left" && n.value.labels }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.labels), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasSort ? (o(), s("button", {
+          }, d(e.titles.labels), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasSort ? (o(), a("button", {
           key: 7,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -473,14 +473,14 @@ const ue = ["title"], re = ["data-open"], fe = {
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.sort ? (o(), s("div", {
+          b.value && e.titles.sort ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.sort, "button-info-left-visible": e.position === "left" && n.value.sort }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.sort, "button-info-left-visible": e.position === "left" && n.value.sort }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.sort), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasStack ? (o(), s("button", {
+          }, d(e.titles.sort), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasStack ? (o(), a("button", {
           key: 8,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -488,8 +488,8 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseenter: t[16] || (t[16] = (u) => n.value.stack = !0),
           onMouseout: t[17] || (t[17] = (u) => n.value.stack = !1)
         }, [
-          l.$slots.optionStack ? k(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
-            A.value ? (o(), f(r, {
+          l.$slots.optionStack ? k(l.$slots, "optionStack", B(A({ key: 0 }, { isStack: M.value })), void 0, !0) : (o(), a($, { key: 1 }, [
+            M.value ? (o(), f(r, {
               key: 0,
               name: "unstack",
               stroke: e.color,
@@ -501,14 +501,14 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.stack ? (o(), s("div", {
+          b.value && e.titles.stack ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.stack, "button-info-left-visible": e.position === "left" && n.value.stack }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.stack, "button-info-left-visible": e.position === "left" && n.value.stack }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.stack), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasFullscreen ? (o(), s("button", {
+          }, d(e.titles.stack), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasFullscreen ? (o(), a("button", {
           key: 9,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -516,28 +516,28 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseout: t[19] || (t[19] = (u) => n.value.fullscreen = !1),
           onClick: t[20] || (t[20] = (u) => w(e.isFullscreen ? "out" : "in"))
         }, [
-          l.$slots.optionFullscreen ? k(l.$slots, "optionFullscreen", B(T({ key: 0 }, { toggleFullscreen: w, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionFullscreen ? k(l.$slots, "optionFullscreen", B(A({ key: 0 }, { toggleFullscreen: w, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), a($, { key: 1 }, [
             e.isFullscreen ? (o(), f(r, {
               key: 0,
               name: "exitFullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : a("", !0),
-            e.isFullscreen ? a("", !0) : (o(), f(r, {
+            }, null, 8, ["stroke"])) : s("", !0),
+            e.isFullscreen ? s("", !0) : (o(), f(r, {
               key: 1,
               name: "fullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.fullscreen ? (o(), s("div", {
+          b.value && e.titles.fullscreen ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.fullscreen, "button-info-left-visible": e.position === "left" && n.value.fullscreen }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.fullscreen, "button-info-left-visible": e.position === "left" && n.value.fullscreen }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.fullscreen), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasAnimation ? (o(), s("button", {
+          }, d(e.titles.fullscreen), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasAnimation ? (o(), a("button", {
           key: 10,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -545,28 +545,28 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseout: t[22] || (t[22] = (u) => n.value.animation = !1),
           onClick: E
         }, [
-          l.$slots.optionAnimation ? k(l.$slots, "optionAnimation", B(T({ key: 0 }, { toggleAnimation: E, isAnimated: C.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionAnimation ? k(l.$slots, "optionAnimation", B(A({ key: 0 }, { toggleAnimation: E, isAnimated: C.value })), void 0, !0) : (o(), a($, { key: 1 }, [
             C.value ? (o(), f(r, {
               key: 0,
               name: "play",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : a("", !0),
-            C.value ? a("", !0) : (o(), f(r, {
+            }, null, 8, ["stroke"])) : s("", !0),
+            C.value ? s("", !0) : (o(), f(r, {
               key: 1,
               name: "pause",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.fullscreen ? (o(), s("div", {
+          b.value && e.titles.fullscreen ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.animation, "button-info-left-visible": e.position === "left" && n.value.animation }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.animation, "button-info-left-visible": e.position === "left" && n.value.animation }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.animation), 7)) : a("", !0)
-        ], 32)) : a("", !0),
-        e.hasAnnotator ? (o(), s("button", {
+          }, d(e.titles.animation), 7)) : s("", !0)
+        ], 32)) : s("", !0),
+        e.hasAnnotator ? (o(), a("button", {
           key: 11,
           tabindex: "0",
           class: "vue-ui-user-options-button",
@@ -574,33 +574,33 @@ const ue = ["title"], re = ["data-open"], fe = {
           onMouseout: t[24] || (t[24] = (u) => n.value.annotator = !1),
           onClick: O
         }, [
-          l.$slots.optionAnnotator ? k(l.$slots, "optionAnnotator", B(T({ key: 0 }, { toggleAnnotator: O, isAnnotator: S.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionAnnotator ? k(l.$slots, "optionAnnotator", B(A({ key: 0 }, { toggleAnnotator: O, isAnnotator: S.value })), void 0, !0) : (o(), a($, { key: 1 }, [
             S.value ? (o(), f(r, {
               key: 0,
               name: "annotatorDisabled",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : a("", !0),
-            S.value ? a("", !0) : (o(), f(r, {
+            }, null, 8, ["stroke"])) : s("", !0),
+            S.value ? s("", !0) : (o(), f(r, {
               key: 1,
               name: "annotator",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.annotator ? (o(), s("div", {
+          b.value && e.titles.annotator ? (o(), a("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.annotator, "button-info-left-visible": e.position === "left" && n.value.annotator }),
+            class: c({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.annotator, "button-info-left-visible": e.position === "left" && n.value.annotator }),
             style: v({ background: e.backgroundColor, color: e.color })
-          }, c(e.titles.annotator), 7)) : a("", !0)
-        ], 32)) : a("", !0)
+          }, d(e.titles.annotator), 7)) : s("", !0)
+        ], 32)) : s("", !0)
       ], 12, re)
     ], 4)), [
-      [ie(se), R]
+      [ie(ae), R]
     ]);
   }
-}, ce = /* @__PURE__ */ ae(fe, [["__scopeId", "data-v-d38fb50d"]]);
+}, de = /* @__PURE__ */ se(fe, [["__scopeId", "data-v-610b4732"]]);
 export {
-  ce as default
+  de as default
 };

package/dist/components/vue-ui-3d-bar.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-3d-bar-D1GoJWeg.js";
+import { default as d, default as f } from "../vue-ui-3d-bar-CLE7f9pl.js";
 export {
   d as VueUi3dBar,
   f as default

package/dist/components/vue-ui-age-pyramid.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-age-pyramid-BDGFSsA5.js";
+import { default as d, default as f } from "../vue-ui-age-pyramid-D73uIOPm.js";
 export {
   d as VueUiAgePyramid,
   f as default

package/dist/components/vue-ui-bullet.js

@@ -1,4 +1,4 @@
-import { default as t, default as u } from "../vue-ui-bullet-C3GtE3bF.js";
+import { default as t, default as u } from "../vue-ui-bullet-Bybo0xK2.js";
 export {
   t as VueUiBullet,
   u as default

package/dist/components/vue-ui-candlestick.js

@@ -1,4 +1,4 @@
-import { default as t, default as d } from "../vue-ui-candlestick-BlzmB2vM.js";
+import { default as t, default as d } from "../vue-ui-candlestick-D_FyMdqH.js";
 export {
   t as VueUiCandlestick,
   d as default

package/dist/components/vue-ui-carousel-table.js

@@ -1,4 +1,4 @@
-import { default as l, default as u } from "../vue-ui-carousel-table-TKa7KYZ0.js";
+import { default as l, default as u } from "../vue-ui-carousel-table-BvMlNdVo.js";
 export {
   l as VueUiCarouselTable,
   u as default

package/dist/components/vue-ui-chestnut.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-chestnut-DNxARRsx.js";
+import { default as u, default as a } from "../vue-ui-chestnut-DA0g0bDV.js";
 export {
   u as VueUiChestnut,
   a as default

package/dist/components/vue-ui-chord.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-chord-BM7tZig3.js";
+import { default as d, default as f } from "../vue-ui-chord-CDgzolI-.js";
 export {
   d as VueUiChord,
   f as default

package/dist/components/vue-ui-circle-pack.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-circle-pack-BZU75WUb.js";
+import { default as f, default as l } from "../vue-ui-circle-pack-BPDm-ro5.js";
 export {
   f as VueUiCirclePack,
   l as default

package/dist/components/vue-ui-dashboard.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-dashboard-pNXFzQu4.js";
+import { default as d, default as f } from "../vue-ui-dashboard-CeJwbiON.js";
 export {
   d as VueUiDashboard,
   f as default

package/dist/components/vue-ui-donut-evolution.js

@@ -1,4 +1,4 @@
-import { default as u, default as e } from "../vue-ui-donut-evolution-CCdIWlyZ.js";
+import { default as u, default as e } from "../vue-ui-donut-evolution-Ca3Svr0B.js";
 export {
   u as VueUiDonutEvolution,
   e as default

package/dist/components/vue-ui-donut.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-donut-CRvfqCUO.js";
+import { default as u, default as a } from "../vue-ui-donut-DjQXHBJE.js";
 export {
   u as VueUiDonut,
   a as default

package/dist/components/vue-ui-dumbbell.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-dumbbell-CLmwZyrf.js";
+import { default as u, default as a } from "../vue-ui-dumbbell-CxCE2luV.js";
 export {
   u as VueUiDumbbell,
   a as default

package/dist/components/vue-ui-flow.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-flow-BY8XQXKF.js";
+import { default as f, default as l } from "../vue-ui-flow-DEvwXd4W.js";
 export {
   f as VueUiFlow,
   l as default

package/dist/components/vue-ui-funnel.js

@@ -1,4 +1,4 @@
-import { default as a, default as f } from "../vue-ui-funnel-BmxhWoVW.js";
+import { default as a, default as f } from "../vue-ui-funnel-Bgcx7xia.js";
 export {
   a as VueUiFunnel,
   f as default

package/dist/components/vue-ui-galaxy.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-galaxy-BgtKffX5.js";
+import { default as f, default as l } from "../vue-ui-galaxy-BWr1EMob.js";
 export {
   f as VueUiGalaxy,
   l as default

package/dist/components/vue-ui-gauge.js

@@ -1,4 +1,4 @@
-import { default as u, default as f } from "../vue-ui-gauge-DLpK4-Cd.js";
+import { default as u, default as f } from "../vue-ui-gauge-DQricvo2.js";
 export {
   u as VueUiGauge,
   f as default

package/dist/components/vue-ui-gizmo.js

@@ -1,4 +1,4 @@
-import { default as f, default as o } from "../vue-ui-gizmo-CCNboEnL.js";
+import { default as f, default as o } from "../vue-ui-gizmo-C-fKe3io.js";
 export {
   f as VueUiGizmo,
   o as default

package/dist/components/vue-ui-heatmap.js

@@ -1,4 +1,4 @@
-import { default as t, default as f } from "../vue-ui-heatmap-BSDmuvq8.js";
+import { default as t, default as f } from "../vue-ui-heatmap-B-o_i7Hu.js";
 export {
   t as VueUiHeatmap,
   f as default

package/dist/components/vue-ui-history-plot.js

@@ -1,4 +1,4 @@
-import { default as o, default as a } from "../vue-ui-history-plot-s8wYm7fn.js";
+import { default as o, default as a } from "../vue-ui-history-plot-DzQ9DPUJ.js";
 export {
   o as VueUiHistoryPlot,
   a as default

package/dist/components/vue-ui-horizontal-bar.js

@@ -1,4 +1,4 @@
-import { default as o, default as r } from "../vue-ui-vertical-bar-BNp-Vl0q.js";
+import { default as o, default as r } from "../vue-ui-vertical-bar-yfbEfLqy.js";
 export {
   o as VueUiHorizontalBar,
   r as default

package/dist/components/vue-ui-molecule.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-molecule-BYWE2ONy.js";
+import { default as u, default as a } from "../vue-ui-molecule-I2OhrCR2.js";
 export {
   u as VueUiMolecule,
   a as default

package/dist/components/vue-ui-mood-radar.js

@@ -1,4 +1,4 @@
-import { default as e, default as o } from "../vue-ui-mood-radar-BOvaA1Jq.js";
+import { default as e, default as o } from "../vue-ui-mood-radar-BAT7kZUy.js";
 export {
   e as VueUiMoodRadar,
   o as default

package/dist/components/vue-ui-nested-donuts.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-nested-donuts-BUGkuN56.js";
+import { default as u, default as a } from "../vue-ui-nested-donuts-CjhJDAQi.js";
 export {
   u as VueUiNestedDonuts,
   a as default

package/dist/components/vue-ui-onion.js

@@ -1,4 +1,4 @@
-import { default as f, default as o } from "../vue-ui-onion-CPshjlgf.js";
+import { default as f, default as o } from "../vue-ui-onion-DTY2p87s.js";
 export {
   f as VueUiOnion,
   o as default

package/dist/components/vue-ui-parallel-coordinate-plot.js

@@ -1,4 +1,4 @@
-import { default as l, default as o } from "../vue-ui-parallel-coordinate-plot-orQotxDr.js";
+import { default as l, default as o } from "../vue-ui-parallel-coordinate-plot-C8aWTcNn.js";
 export {
   l as VueUiParallelCoordinatePlot,
   o as default

package/dist/components/vue-ui-quadrant.js

@@ -1,4 +1,4 @@
-import { default as t, default as u } from "../vue-ui-quadrant-CM3iH31f.js";
+import { default as t, default as u } from "../vue-ui-quadrant-DGnasrCR.js";
 export {
   t as VueUiQuadrant,
   u as default

package/dist/components/vue-ui-quick-chart.js

@@ -1,4 +1,4 @@
-import { default as t, default as u } from "../vue-ui-quick-chart-BhO2YQn0.js";
+import { default as t, default as u } from "../vue-ui-quick-chart-Cam_sWet.js";
 export {
   t as VueUiQuickChart,
   u as default