vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-annotator-BdmTltyl.js → vue-ui-annotator-Db4eooqI.js}

@@ -1,12 +1,12 @@
 import { computed as de, ref as i, watch as ut, onMounted as kt, onBeforeUnmount as xt, openBlock as f, createBlock as E, Teleport as qt, createElementBlock as Y, normalizeStyle as C, normalizeClass as D, createElementVNode as r, renderSlot as gt, createCommentVNode as g, createVNode as _, withCtx as W, createTextVNode as R, toDisplayString as S, unref as tt, withDirectives as ze, vModelCheckbox as lt, vModelText as ot, withModifiers as Ge, Fragment as Jt, renderList as Zt, nextTick as Qt } from "vue";
-import { j as he, t as _t, y as el, aC as tl } from "./lib-DBptbyyI.js";
-import { u as ll } from "./useConfig-C40HvGpD.js";
-import { d as ol } from "./dom-to-png-CtxhhdWb.js";
-import { u as ul } from "./usePrinter-CEpYU3r5.js";
-import oe from "./BaseIcon-Cb3zzG6s.js";
-import rl from "./vue-ui-accordion-DDuJT1xA.js";
+import { j as he, t as _t, y as el, aB as tl } from "./lib-DMzrGQHK.js";
+import { u as ll } from "./useConfig-DTHxOX6V.js";
+import { d as ol } from "./dom-to-png-DGvx6i5V.js";
+import { u as ul } from "./usePrinter-C4t8DdQ-.js";
+import oe from "./BaseIcon-DX0hTWa-.js";
+import rl from "./vue-ui-accordion-BHmfmb_6.js";
 import { _ as pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { C as nl } from "./ColorPicker-B0mV4xzu.js";
+import { C as nl } from "./ColorPicker-bAxGcXK0.js";
 function sl(p) {
   const Q = (d) => p.isMacLike.value ? d.metaKey : d.ctrlKey, pe = (d) => {
     const V = d;
@@ -66,7 +66,9 @@ function sl(p) {
     }
   }, ee = () => {
     const d = p.lastSelectedShape.value;
-    d && (p.shapes.value = p.shapes.value.filter((V) => V.id !== d.id), p.lastSelectedShape.value = void 0);
+    d && (p.shapes.value = p.shapes.value.filter(
+      (V) => V.id !== d.id
+    ), p.lastSelectedShape.value = void 0);
   };
   let h = !1, q = null;
   const F = () => {
@@ -176,9 +178,13 @@ const al = { class: "teleport-tooltip__inner" }, il = {
         se.value = !1, ve = null;
       }, F);
     }
-    ut(() => Q.show, (F) => {
-      F ? ee() : h();
-    }, { immediate: !0 }), kt(() => {
+    ut(
+      () => Q.show,
+      (F) => {
+        F ? ee() : h();
+      },
+      { immediate: !0 }
+    ), kt(() => {
       Q.show && ee();
     }), xt(() => {
       s();
@@ -206,7 +212,7 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       ], 6)) : g("", !0)
     ]));
   }
-}, L = /* @__PURE__ */ pt(il, [["__scopeId", "data-v-430dd7ad"]]), dl = { class: "vue-data-ui-component vue-ui-annotator" }, vl = { "data-dom-to-png-ignore": "" }, cl = ["disabled"], yl = ["disabled"], fl = ["disabled"], bl = ["disabled"], kl = ["disabled"], xl = ["disabled"], gl = ["disabled"], pl = ["disabled"], $l = ["disabled"], wl = {
+}, L = /* @__PURE__ */ pt(il, [["__scopeId", "data-v-c292996f"]]), dl = { class: "vue-data-ui-component vue-ui-annotator" }, vl = { "data-dom-to-png-ignore": "" }, cl = ["disabled"], yl = ["disabled"], fl = ["disabled"], bl = ["disabled"], kl = ["disabled"], xl = ["disabled"], gl = ["disabled"], pl = ["disabled"], $l = ["disabled"], wl = {
   class: "tool-selection",
   style: { "margin-top": "6px" }
 }, ml = {
@@ -296,7 +302,11 @@ const al = { class: "teleport-tooltip__inner" }, il = {
         borderRadius: `${e.borderRadius}px`,
         boxShadow: e.boxShadow
       };
-    }), mt = de(() => n.value.filter((e) => !["line", "group"].includes(e.type)).length > 1), me = de(() => wt[Be.value > 98 ? 98 : Be.value]), Tt = de(() => {
+    }), mt = de(
+      () => n.value.filter((e) => !["line", "group"].includes(e.type)).length > 1
+    ), me = de(
+      () => wt[Be.value > 98 ? 98 : Be.value]
+    ), Tt = de(() => {
       switch (!0) {
         case $.value:
           return "default";
@@ -672,11 +682,7 @@ const al = { class: "teleport-tooltip__inner" }, il = {
           return {
             html: `
             ${Xe(e)}
-            ${rt(
-              e,
-              v,
-              e.isBulletTextMode
-            )}
+            ${rt(e, v, e.isBulletTextMode)}
             `,
             id: e.id
           };
@@ -706,7 +712,19 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       let u, o, v;
       t && (u = t.x - h.value.end.x, o = t.y - h.value.end.y, v = Math.sqrt(u * u + o * o));
       let x, A;
-      switch (e ? (x = Math.max(h.value.end.x, t.x), A = Math.min(h.value.end.x, t.x), Math.max(h.value.end.y, t.y), Math.min(h.value.end.y, t.y)) : (x = Math.max(h.value.end.x, h.value.start.x), A = Math.min(h.value.end.x, h.value.start.x), Math.max(h.value.end.y, h.value.start.y), Math.min(h.value.end.y, h.value.start.y)), !0) {
+      switch (e ? (x = Math.max(h.value.end.x, t.x), A = Math.min(h.value.end.x, t.x), Math.max(h.value.end.y, t.y), Math.min(h.value.end.y, t.y)) : (x = Math.max(
+        h.value.end.x,
+        h.value.start.x
+      ), A = Math.min(
+        h.value.end.x,
+        h.value.start.x
+      ), Math.max(
+        h.value.end.y,
+        h.value.start.y
+      ), Math.min(
+        h.value.end.y,
+        h.value.start.y
+      )), !0) {
         case s.value === "arrow":
           n.value.at(-1).endX = h.value.end.x, n.value.at(-1).endY = h.value.end.y;
           break;
@@ -747,10 +765,7 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       return u.style.pointerEvents = o || "all", t(v?.id) ? v.id : null;
     }
     function Rt(e = {}) {
-      const {
-        maxEntries: t = 200,
-        maxBytes: u = 2e6
-      } = e, o = { open: !1, before: null, undo: [], redo: [] }, v = { undo: 0, redo: 0 }, x = (P) => typeof P == "string" ? P.length * 2 : 0, A = () => JSON.stringify({
+      const { maxEntries: t = 200, maxBytes: u = 2e6 } = e, o = { open: !1, before: null, undo: [], redo: [] }, v = { undo: 0, redo: 0 }, x = (P) => typeof P == "string" ? P.length * 2 : 0, A = () => JSON.stringify({
         shapes: b(n.value),
         lastSelectedShape: b(a.value)
       }), K = (P) => {
@@ -830,7 +845,10 @@ const al = { class: "teleport-tooltip__inner" }, il = {
           };
           break;
         case "group":
-          ke.value = { dx: o - (u.x || 0), dy: v - (u.y || 0) };
+          ke.value = {
+            dx: o - (u.x || 0),
+            dy: v - (u.y || 0)
+          };
           break;
         default:
           ke.value = { dx: 0, dy: 0 };
@@ -843,10 +861,14 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       );
       switch (!0) {
         case e === "front":
-          n.value = n.value.filter((u) => u.id !== t.id), n.value.push(t);
+          n.value = n.value.filter(
+            (u) => u.id !== t.id
+          ), n.value.push(t);
           break;
         case e === "back":
-          n.value = n.value.filter((u) => u.id !== t.id), n.value = [t, ...n.value];
+          n.value = n.value.filter(
+            (u) => u.id !== t.id
+          ), n.value = [t, ...n.value];
           break;
         default:
           return;
@@ -894,7 +916,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
         return;
       }
       const u = () => {
-        ue.value = n.value.find((v) => v.id === e.target.id).isDash;
+        ue.value = n.value.find(
+          (v) => v.id === e.target.id
+        ).isDash;
       }, o = () => {
         ee.value = n.value.find(
           (v) => v.id === e.target.id
@@ -922,7 +946,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       }
       if (e.target.id.includes("text")) {
         M.value = !0, J.value = !0, G.value = !0;
-        const v = n.value.find((x) => x.id === e.target.id);
+        const v = n.value.find(
+          (x) => x.id === e.target.id
+        );
         v && v.textAlign && (Z.value = n.value.find(
           (x) => x.id === e.target.id
         ).textAlign), v && (le.value = n.value.find(
@@ -981,7 +1007,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
         return;
       G.value = !0;
       let u;
-      if (a.value.type === "text" ? u = n.value.find((o) => o.id === a.value.id) : u = n.value.at(-1), q.value = u, u.type === "text")
+      if (a.value.type === "text" ? u = n.value.find(
+        (o) => o.id === a.value.id
+      ) : u = n.value.at(-1), q.value = u, u.type === "text")
         switch (q.value.isBold = b(te.value), q.value.isItalic = b(U.value), q.value.isUnderline = b(be.value), !0) {
           case [8, 46].includes(t):
             u.textContent = u.textContent.slice(0, -1);
@@ -1031,7 +1059,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
         diffEndY: t.endY ? t.endY - e.y : 0
       })), e.source = ae.value, ae.value.length > 1) {
         const t = b(ae.value).map((u) => u.oldId);
-        n.value = n.value.filter((u) => !t.includes(u.id)), ae.value.forEach((u) => {
+        n.value = n.value.filter(
+          (u) => !t.includes(u.id)
+        ), ae.value.forEach((u) => {
           switch (!0) {
             case u.type === "circle":
               e.content += `
@@ -1176,12 +1206,14 @@ const al = { class: "teleport-tooltip__inner" }, il = {
             break;
           }
           case "text": {
-            const x = (o.textContent || "").split("‎").map((A, K) => `
+            const x = (o.textContent || "").split("‎").map(
+              (A, K) => `
           ${o.isBulletTextMode ? `<tspan x="${t + o.diffX - o.fontSize}" y="${u + o.diffY + o.fontSize * K}" id="${o.id}" font-size="${o.fontSize / 2}">⬤</tspan>` : ""}
           <tspan id="${o.id}" x="${t + o.diffX}" y="${u + o.diffY + o.fontSize * K}">
             ${A}
           </tspan>
-        `).join("");
+        `
+            ).join("");
             e.content += `
           <g id="${o.id}">
             <text
@@ -1358,10 +1390,14 @@ const al = { class: "teleport-tooltip__inner" }, il = {
     function Et(e) {
       const t = e.target.id;
       if (!0 === $.value) {
-        re.value?.begin(), n.value = [...n.value].filter((u) => u.id !== t), a.value = void 0, re.value?.end();
+        re.value?.begin(), n.value = [...n.value].filter(
+          (u) => u.id !== t
+        ), a.value = void 0, re.value?.end();
         return;
       } else
-        a.value = n.value.find((u) => u.id === t);
+        a.value = n.value.find(
+          (u) => u.id === t
+        );
     }
     const Ne = i(null);
     function Ve(e, t) {
@@ -1380,7 +1416,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
             try {
               t = (await import("jspdf")).default;
             } catch {
-              throw new Error("jspdf is not installed. Run npm install jspdf");
+              throw new Error(
+                "jspdf is not installed. Run npm install jspdf"
+              );
             }
             const u = await ol({
               container: e,
@@ -1393,17 +1431,38 @@ const al = { class: "teleport-tooltip__inner" }, il = {
               }, x = o.width, A = o.height, K = x / v.width * v.height, X = v.width, ge = X / x * A, P = new t("", "pt", "a4");
               let ne = 0, Me = A;
               if (Me < K)
-                P.addImage(u, "PNG", 0, 0, X, ge, "", "FAST");
+                P.addImage(
+                  u,
+                  "PNG",
+                  0,
+                  0,
+                  X,
+                  ge,
+                  "",
+                  "FAST"
+                );
               else
                 for (; Me > 0; )
-                  P.addImage(u, "PNG", 0, ne, X, ge, "", "FAST"), Me -= K, ne -= v.height, Me > 0 && P.addPage();
+                  P.addImage(
+                    u,
+                    "PNG",
+                    0,
+                    ne,
+                    X,
+                    ge,
+                    "",
+                    "FAST"
+                  ), Me -= K, ne -= v.height, Me > 0 && P.addPage();
               P.save(`${(/* @__PURE__ */ new Date()).toLocaleDateString()}_annotations.pdf`);
             };
           } catch (t) {
             console.error("Error generating image:", t);
           } finally {
             Ke.value = !1, Ve(e, (t) => {
-              t && t.nodeType === 1 && (t.setAttribute("font-family", l.value.style.fontFamily), t.style.fontFamily = l.value.style.fontFamily);
+              t && t.nodeType === 1 && (t.setAttribute(
+                "font-family",
+                l.value.style.fontFamily
+              ), t.style.fontFamily = l.value.style.fontFamily);
             });
           }
         }
@@ -1432,7 +1491,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       !a.value || ["arrow", "text"].includes(a.value.id) || (a.value.alpha = b(me.value));
     }
     function Nt() {
-      !a.value || !["arrow", "circle", "rect", "line"].includes(a.value.type) || (a.value.strokeWidth = b(Math.abs(ee.value)));
+      !a.value || !["arrow", "circle", "rect", "line"].includes(
+        a.value.type
+      ) || (a.value.strokeWidth = b(Math.abs(ee.value)));
     }
     function De() {
       !a.value || a.value.type !== "text" || (a.value.isBold = b(te.value), a.value.isItalic = b(U.value), a.value.isUnderline = b(be.value), a.value.fontSize = b(Ee.value), a.value.isBulletTextMode = b(le.value));
@@ -1826,7 +1887,11 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   borderRadius: `${l.value.style.buttons.borderRadius}px`,
                   cursor: I.value ? "pointer" : "default"
                 }),
-                class: D({ "button-tool": !0, "button-tool--one-shot": !0, tooltip: !0 }),
+                class: D({
+                  "button-tool": !0,
+                  "button-tool--one-shot": !0,
+                  tooltip: !0
+                }),
                 onClick: t[21] || (t[21] = (o) => {
                   w.value = !1, T.value = !1, $.value = !1, B.value = !1, m.value = !1, M.value = !1, J.value = !1, s.value = void 0, G.value = !1, vt();
                 }),
@@ -1865,7 +1930,11 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   borderRadius: `${l.value.style.buttons.borderRadius}px`,
                   cursor: I.value ? "pointer" : "default"
                 }),
-                class: D({ "button-tool": !0, "button-tool--one-shot": !0, tooltip: !0 }),
+                class: D({
+                  "button-tool": !0,
+                  "button-tool--one-shot": !0,
+                  tooltip: !0
+                }),
                 onClick: t[24] || (t[24] = (o) => {
                   w.value = !1, T.value = !1, $.value = !1, B.value = !1, m.value = !1, M.value = !1, J.value = !1, s.value = void 0, G.value = !1, ct();
                 }),
@@ -2231,7 +2300,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   _: 1
                 }, 8, ["show", "x", "y", "styleObject"])) : g("", !0)
               ], 38),
-              ["arrow", "circle", "rect", "line"].includes(s.value) ? (f(), Y("div", Wl, [
+              ["arrow", "circle", "rect", "line"].includes(
+                s.value
+              ) ? (f(), Y("div", Wl, [
                 r("div", Dl, [
                   r("label", Fl, [
                     R(S(l.value.translations.thickness) + " ", 1),
@@ -2247,7 +2318,9 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   ])
                 ])
               ])) : g("", !0),
-              ["arrow", "circle", "rect"].includes(s.value) ? (f(), Y("div", Il, [
+              ["arrow", "circle", "rect"].includes(
+                s.value
+              ) ? (f(), Y("div", Il, [
                 r("div", Pl, [
                   r("label", El, [
                     R(S(l.value.translations.dashedLines) + " ", 1),
@@ -2352,9 +2425,17 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   onClick: t[54] || (t[54] = (o) => {
                     $.value = !1, T.value = !1, w.value = !1, B.value = !1, m.value = !1, s.value = void 0, Z.value = "start", Ue("start");
                   }),
-                  onMouseenter: t[55] || (t[55] = (o) => l.value.style.showTooltips && k("setAlignStart", o, "top")),
+                  onMouseenter: t[55] || (t[55] = (o) => l.value.style.showTooltips && k(
+                    "setAlignStart",
+                    o,
+                    "top"
+                  )),
                   onMouseleave: y,
-                  onFocus: t[56] || (t[56] = (o) => l.value.style.showTooltips && k("setAlignStart", o, "top")),
+                  onFocus: t[56] || (t[56] = (o) => l.value.style.showTooltips && k(
+                    "setAlignStart",
+                    o,
+                    "top"
+                  )),
                   onBlur: y
                 }, [
                   t[104] || (t[104] = r("svg", {
@@ -2408,9 +2489,17 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   onClick: t[57] || (t[57] = (o) => {
                     $.value = !1, T.value = !1, w.value = !1, B.value = !1, m.value = !1, s.value = void 0, Z.value = "middle", Ue("middle");
                   }),
-                  onMouseenter: t[58] || (t[58] = (o) => l.value.style.showTooltips && k("setAlignMiddle", o, "top")),
+                  onMouseenter: t[58] || (t[58] = (o) => l.value.style.showTooltips && k(
+                    "setAlignMiddle",
+                    o,
+                    "top"
+                  )),
                   onMouseleave: y,
-                  onFocus: t[59] || (t[59] = (o) => l.value.style.showTooltips && k("setAlignMiddle", o, "top")),
+                  onFocus: t[59] || (t[59] = (o) => l.value.style.showTooltips && k(
+                    "setAlignMiddle",
+                    o,
+                    "top"
+                  )),
                   onBlur: y
                 }, [
                   t[105] || (t[105] = r("svg", {
@@ -2519,9 +2608,17 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   onClick: t[63] || (t[63] = (o) => {
                     $.value = !1, T.value = !1, w.value = !1, B.value = !1, m.value = !1, s.value = void 0, le.value = !le.value, Z.value = "start", Ue("start"), De();
                   }),
-                  onMouseenter: t[64] || (t[64] = (o) => l.value.style.showTooltips && k("setBulletMode", o, "top")),
+                  onMouseenter: t[64] || (t[64] = (o) => l.value.style.showTooltips && k(
+                    "setBulletMode",
+                    o,
+                    "top"
+                  )),
                   onMouseleave: y,
-                  onFocus: t[65] || (t[65] = (o) => l.value.style.showTooltips && k("setBulletMode", o, "top")),
+                  onFocus: t[65] || (t[65] = (o) => l.value.style.showTooltips && k(
+                    "setBulletMode",
+                    o,
+                    "top"
+                  )),
                   onBlur: y
                 }, [
                   t[107] || (t[107] = r("svg", {
@@ -2687,9 +2784,17 @@ const al = { class: "teleport-tooltip__inner" }, il = {
                   onClick: t[72] || (t[72] = (o) => {
                     $.value = !1, T.value = !1, w.value = !1, B.value = !1, m.value = !1, s.value = void 0, be.value = !be.value, De();
                   }),
-                  onMouseenter: t[73] || (t[73] = (o) => l.value.style.showTooltips && k("setUnderline", o, "top")),
+                  onMouseenter: t[73] || (t[73] = (o) => l.value.style.showTooltips && k(
+                    "setUnderline",
+                    o,
+                    "top"
+                  )),
                   onMouseleave: y,
-                  onFocus: t[74] || (t[74] = (o) => l.value.style.showTooltips && k("setUnderline", o, "top")),
+                  onFocus: t[74] || (t[74] = (o) => l.value.style.showTooltips && k(
+                    "setUnderline",
+                    o,
+                    "top"
+                  )),
                   onBlur: y
                 }, [
                   t[110] || (t[110] = r("svg", {
@@ -2804,7 +2909,11 @@ const al = { class: "teleport-tooltip__inner" }, il = {
           key: $t.value,
           ref_key: "mainSvg",
           ref: ye,
-          class: D({ annotator__overlay: !0, draw: !0, "draw--free": s.value === "line" }),
+          class: D({
+            annotator__overlay: !0,
+            draw: !0,
+            "draw--free": s.value === "line"
+          }),
           viewBox: `0 0 ${Re.value} ${Ce.value}`,
           width: Ie.value,
           height: Pe.value,
@@ -2876,7 +2985,7 @@ const al = { class: "teleport-tooltip__inner" }, il = {
       ], 8, oo)
     ]));
   }
-}, wo = /* @__PURE__ */ pt(vo, [["__scopeId", "data-v-e358ad32"]]);
+}, wo = /* @__PURE__ */ pt(vo, [["__scopeId", "data-v-4a2d539c"]]);
 export {
   wo as default
 };

package/dist/{vue-ui-bullet-_zHE8JoR.js → vue-ui-bullet-CEH6eppC.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as X, ref as h, computed as i, onMounted as Je, toRefs as Ke, watch as me, onBeforeUnmount as Qe, openBlock as o, createElementBlock as u, unref as n, normalizeStyle as Y, normalizeClass as ye, createBlock as S, withCtx as f, renderSlot as v, normalizeProps as k, guardReactiveProps as w, createCommentVNode as d, createElementVNode as C, createSlots as Ze, createVNode as et, toDisplayString as A, Fragment as J, renderList as K, Teleport as tt, nextTick as at } from "vue";
-import { u as lt } from "./useConfig-C40HvGpD.js";
-import { j as st, t as pe, x as ot, D as nt, s as rt, k as z, l as U, X as ut, o as be, q as ke, r as it } from "./lib-DBptbyyI.js";
+import { u as lt } from "./useConfig-DTHxOX6V.js";
+import { j as st, t as pe, x as ot, D as nt, s as rt, k as z, l as U, X as ut, o as be, q as ke, r as it } from "./lib-DMzrGQHK.js";
 import { t as vt, u as ct } from "./useResponsive-DfdjqQps.js";
-import { u as ht } from "./usePrinter-CEpYU3r5.js";
-import { u as dt, B as gt } from "./BaseScanner-BhhkKVoj.js";
-import { u as ft } from "./useSvgExport-ByUukOZt.js";
-import { u as Q } from "./useNestedProp-Bf5XFbs8.js";
-import { u as mt } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as ht } from "./usePrinter-C4t8DdQ-.js";
+import { u as dt, B as gt } from "./BaseScanner-BON3d_Sx.js";
+import { u as ft } from "./useSvgExport-BTG4hVPO.js";
+import { u as Q } from "./useNestedProp-DH0BEVVS.js";
+import { u as mt } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as yt } from "./useUserOptionState-B7Ej974k.js";
+import { u as pt } from "./useChartAccessibility-cp6XQtqi.js";
 import bt from "./vue_ui_bullet-Ckqieba5.js";
-import kt from "./Legend-CS7Xo5LK.js";
-import wt from "./Title-BeMKE1cj.js";
-import Ct from "./img-LXxMLmCg.js";
+import kt from "./Legend-DGN5lY60.js";
+import wt from "./Title-BbKoiBk2.js";
+import Ct from "./img-CjTQXS0U.js";
 import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const At = ["id"], $t = {
   key: 1,
@@ -44,7 +44,13 @@ const At = ["id"], $t = {
   },
   emits: ["copyAlt"],
   setup(we, { expose: Ce, emit: xe }) {
-    const Ae = X(() => import("./PackageVersion-DP_kfXUM.js")), $e = X(() => import("./PenAndPaper-Ct3qJ4lA.js")), Oe = X(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_bullet: Le } = lt(), { isThemeValid: _e, warnInvalidTheme: Se } = mt(), $ = we, Pe = xe, x = h(null), Z = h(null), ee = h(0), te = h(null), ae = h(null), Be = h(0), P = h(null), T = h(null), le = h(!1), F = h(!1), H = h(!1), O = i({
+    const Ae = X(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), $e = X(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Oe = X(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), { vue_ui_bullet: Le } = lt(), { isThemeValid: _e, warnInvalidTheme: Se } = mt(), $ = we, Pe = xe, x = h(null), Z = h(null), ee = h(0), te = h(null), ae = h(null), Be = h(0), P = h(null), T = h(null), le = h(!1), F = h(!1), H = h(!1), O = i({
       get: () => c.value.hasOwnProperty("value"),
       set: (t) => t
     }), B = i(() => c.value.segments ? Array.isArray(c.value.segments) ? c.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
@@ -145,7 +151,9 @@ segments: [
         defaultConfig: a
       });
     }
-    const e = h(N()), ne = i(() => e.value.userOptions.useCursorPointer), Te = i(() => pe({
+    const e = h(N()), ne = i(
+      () => e.value.userOptions.useCursorPointer
+    ), Te = i(() => pe({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -196,13 +204,19 @@ segments: [
         defaultConfig: e.value,
         userConfig: Te.value
       })
-    }), { userOptionsVisible: E, setUserOptionsVisibility: re, keepUserOptionState: ue } = yt({ config: e.value }), { svgRef: D } = pt({ config: e.value.style.chart.title }), _ = h({
+    }), { userOptionsVisible: E, setUserOptionsVisibility: re, keepUserOptionState: ue } = yt({ config: e.value }), { svgRef: D } = pt({
+      config: e.value.style.chart.title
+    }), _ = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height
     }), Fe = i(() => _.value.width), He = i(() => _.value.height);
-    me(() => $.config, (t) => {
-      L.value || (e.value = N()), E.value = !e.value.userOptions.showOnChartHover, _.value.width = e.value.style.chart.width, _.value.height = e.value.style.chart.height, oe(), ee.value += 1;
-    }, { deep: !0 });
+    me(
+      () => $.config,
+      (t) => {
+        L.value || (e.value = N()), E.value = !e.value.userOptions.showOnChartHover, _.value.width = e.value.style.chart.width, _.value.height = e.value.style.chart.height, oe(), ee.value += 1;
+      },
+      { deep: !0 }
+    );
     const s = i(() => {
       const t = He.value, l = Fe.value, a = e.value.style.chart.padding.left, r = l - e.value.style.chart.padding.right, b = e.value.style.chart.padding.top, g = t - e.value.style.chart.padding.bottom;
       return {
@@ -219,15 +233,24 @@ segments: [
       if (!B.value) return [];
       const t = [];
       for (let l = 0; l < c.value.segments.length; l += 1)
-        t.push(ot(e.value.style.chart.segments.baseColor, l / c.value.segments.length));
+        t.push(
+          ot(
+            e.value.style.chart.segments.baseColor,
+            l / c.value.segments.length
+          )
+        );
       return t;
     }), V = i(() => B.value ? {
       min: Math.min(...c.value.segments.map((t) => t.from)),
       max: Math.max(...c.value.segments.map((t) => t.to))
     } : { min: 0, max: 1 }), m = h(Re());
-    me(() => c.value, (t) => {
-      t.hasOwnProperty("value") && (M.value = !1), e.value.style.chart.animation.show && !L.value ? ve(t.value || 0) : m.value = t.value || 0;
-    }, { deep: !0 });
+    me(
+      () => c.value,
+      (t) => {
+        t.hasOwnProperty("value") && (M.value = !1), e.value.style.chart.animation.show && !L.value ? ve(t.value || 0) : m.value = t.value || 0;
+      },
+      { deep: !0 }
+    );
     function Re() {
       return e.value.style.chart.animation.show && !L.value ? V.value.min : c.value.value || 0;
     }
@@ -235,7 +258,13 @@ segments: [
     function ve(t) {
       const l = Math.abs(t - m.value) / e.value.style.chart.animation.animationFrames;
       function a() {
-        m.value < t ? m.value = Math.min(m.value + l, t) : m.value > t && (m.value = Math.max(m.value - l, t)), m.value !== t && (ie.value = requestAnimationFrame(a));
+        m.value < t ? m.value = Math.min(
+          m.value + l,
+          t
+        ) : m.value > t && (m.value = Math.max(
+          m.value - l,
+          t
+        )), m.value !== t && (ie.value = requestAnimationFrame(a));
       }
       a();
     }
@@ -245,7 +274,11 @@ segments: [
     const y = i(() => {
       if (!B.value)
         return [];
-      const t = nt(V.value.min, V.value.max, e.value.style.chart.segments.ticks.divisions), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
+      const t = nt(
+        V.value.min,
+        V.value.max,
+        e.value.style.chart.segments.ticks.divisions
+      ), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
         x: s.value.left + (c.value.target + l) / (t.max + l) * s.value.chartWidth - e.value.style.chart.target.width / 2
       }, r = {
         width: (m.value + l) / (t.max + l) * s.value.chartWidth
@@ -318,7 +351,12 @@ segments: [
     }
     async function Ee({ scale: t = 2 } = {}) {
       if (!x.value) return;
-      const { width: l, height: a } = x.value.getBoundingClientRect(), r = l / a, { imageUri: b, base64: g } = await Ct({ domElement: x.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = x.value.getBoundingClientRect(), r = l / a, { imageUri: b, base64: g } = await Ct({
+        domElement: x.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: b,
         base64: g,
@@ -343,7 +381,14 @@ segments: [
       try {
         if (t) {
           const { blob: l, url: a, text: r, dataUrl: b } = await qe();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: r, dataUrl: b }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: r,
+              dataUrl: b
+            })
+          );
         } else
           await Promise.resolve(je());
       } finally {
@@ -366,13 +411,17 @@ segments: [
         config: e.value,
         dataset: c.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: c.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: c.value
+        })
+      );
     }
     return Ce({
       getData: Ne,
@@ -536,7 +585,11 @@ segments: [
         ref_key: "svgRef",
         ref: D,
         xmlns: n(ut),
-        class: ye({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value, "vue-ui-bullet-svg": !0 }),
+        class: ye({
+          "vue-data-ui-fullscreen--on": I.value,
+          "vue-data-ui-fulscreen--off": !I.value,
+          "vue-ui-bullet-svg": !0
+        }),
         viewBox: `0 0 ${s.value.width} ${s.value.height}`,
         style: Y(`width: 100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
         "aria-labelledby": `bullet-svg-title-${p.value}`,
@@ -570,7 +623,9 @@ segments: [
             fill: a.color,
             "stroke-width": 1,
             stroke: e.value.style.chart.backgroundColor,
-            style: { transition: "x 0.3s ease-in-out, width 0.3s ease-in-out" }
+            style: {
+              transition: "x 0.3s ease-in-out, width 0.3s ease-in-out"
+            }
           }, null, 8, It))), 256)),
           !e.value.style.chart.target.onTop && e.value.style.chart.target.show ? (o(), u("rect", {
             key: 0,
@@ -662,7 +717,9 @@ segments: [
         }, void 0, !0)
       ], 14, Lt)),
       t.$slots.watermark ? (o(), u("div", Et, [
-        v(t.$slots, "watermark", k(w({ isPrinting: n(G) || n(j) || F.value || H.value })), void 0, !0)
+        v(t.$slots, "watermark", k(w({
+          isPrinting: n(G) || n(j) || F.value || H.value
+        })), void 0, !0)
       ])) : d("", !0),
       C("div", {
         id: `legend-bottom-${p.value}`
@@ -705,7 +762,7 @@ segments: [
       ], !0)
     ], 46, At));
   }
-}, ua = /* @__PURE__ */ xt(Gt, [["__scopeId", "data-v-aa1d3de1"]]);
+}, ua = /* @__PURE__ */ xt(Gt, [["__scopeId", "data-v-0384d7e0"]]);
 export {
   ua as default
 };