vue-data-ui 3.2.7 → 3.3.0

package/dist/{vue-ui-thermometer-fmPzO-eT.js → vue-ui-thermometer-CjBLR6H9.js}

@@ -1,25 +1,26 @@
-import { useCssVars as ze, computed as c, defineAsyncComponent as j, ref as v, onMounted as We, toRefs as Ue, watch as Le, createElementBlock as u, openBlock as a, unref as n, normalizeStyle as ve, normalizeClass as z, createBlock as W, createCommentVNode as i, createSlots as Ne, withCtx as A, renderSlot as y, normalizeProps as U, guardReactiveProps as L, createVNode as Ye, createElementVNode as d, Fragment as N, renderList as de, toDisplayString as He } from "vue";
-import { c as qe, t as Ee, o as Re, f as me, g as Ve, b as Ge, p as F, e as Be, q as f, h as Y, X as De, s as je, a as Xe, d as Je } from "./lib-BEpWEyMm.js";
-import { t as Ke, u as Qe } from "./useResponsive-DfdjqQps.js";
-import { u as Ze, a as ye } from "./useNestedProp-BOk-tPdu.js";
-import { u as et, B as tt } from "./BaseScanner-BgWxam9d.js";
-import { u as st } from "./usePrinter-w23K-ezx.js";
-import { u as ot } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as lt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as at } from "./useAutoSizeLabelsInsideViewbox-BVJkib7z.js";
-import { t as rt } from "./themes-Dw-dDudK.js";
-import ut from "./Title-DG2nloSB.js";
-import nt from "./img-DjWwQXVS.js";
-import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ht = ["id"], ct = {
+import { useCssVars as Ye, computed as c, defineAsyncComponent as j, ref as v, onMounted as Ee, toRefs as He, watch as qe, createElementBlock as u, openBlock as a, unref as n, normalizeStyle as de, normalizeClass as U, createBlock as W, createCommentVNode as i, createSlots as Re, withCtx as A, renderSlot as y, normalizeProps as L, guardReactiveProps as N, createVNode as Ve, createElementVNode as d, Fragment as Y, renderList as me, toDisplayString as Ge } from "vue";
+import { c as Be, t as De, o as je, f as ye, g as Xe, b as Je, p as O, e as Ke, q as f, h as E, X as Qe, s as Ze, a as et, d as tt } from "./lib-GIYcnm0E.js";
+import { t as st, u as ot } from "./useResponsive-DfdjqQps.js";
+import { u as lt, a as fe } from "./useNestedProp-mxyyqd0B.js";
+import { u as at, B as rt } from "./BaseScanner-BgWxam9d.js";
+import { u as ut } from "./usePrinter-DYRFiw7X.js";
+import { u as nt } from "./useSvgExport-B7-Vrjtu.js";
+import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
+import { u as ct } from "./useAutoSizeLabelsInsideViewbox-Csv3pVmh.js";
+import { t as vt } from "./themes-Dw-dDudK.js";
+import dt from "./Title-D17CJXko.js";
+import mt from "./img-6wPuVVtk.js";
+import { _ as yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ft = ["id"], gt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, vt = ["xmlns", "viewBox"], dt = ["width", "height"], mt = ["id"], yt = ["x", "y", "width", "height", "rx", "ry"], ft = ["id"], gt = ["stop-color"], pt = ["stop-color"], kt = ["stop-color"], bt = ["clip-path"], xt = ["x", "y", "height", "width"], wt = ["x", "y", "height", "width", "fill"], _t = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ct = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], $t = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], At = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ft = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ot = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], It = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Pt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], St = ["x", "y", "height", "width"], Mt = { key: 1 }, Tt = ["x", "y", "height"], zt = ["y", "x", "fill", "font-size", "font-weight"], Wt = {
+}, pt = ["xmlns", "viewBox"], kt = ["width", "height"], bt = ["id"], xt = ["x", "y", "width", "height", "rx", "ry"], wt = ["id"], _t = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], At = ["clip-path"], Ot = ["x", "y", "height", "width"], Ft = ["x", "y", "height", "width", "fill"], It = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], St = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Pt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Mt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], zt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Wt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x", "y", "height", "width"], Nt = { key: 1 }, Yt = ["x", "y", "height"], Et = ["y", "x", "fill", "font-size", "font-weight"], Ht = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Ut = {
+}, qt = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -35,22 +36,22 @@ const ht = ["id"], ct = {
       }
     }
   },
-  setup(O, { expose: fe }) {
-    ze((s) => ({
-      v25439570: Fe.value,
-      v6fd0a11e: Ae.value,
-      v1ea034ea: $e.value
+  setup(F, { expose: ge }) {
+    Ye((s) => ({
+      v37fa8dda: Fe.value,
+      ee141c4a: Oe.value,
+      e9077cf0: Ae.value
     }));
-    const ge = j(() => import("./PackageVersion-Cwrh45ON.js")), pe = j(() => import("./PenAndPaper-CR8q353D.js")), ke = j(() => import("./UserOptions-DsTgvAok.js")), { vue_ui_thermometer: be } = Ze(), g = O, p = v(qe()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), b = v(null), I = v(null), xe = c(() => !!g.dataset && Object.keys(g.dataset).length);
-    We(() => {
+    const pe = j(() => import("./PackageVersion-C9oklnuy.js")), ke = j(() => import("./PenAndPaper-BxbYiPy4.js")), be = j(() => import("./UserOptions-B3vCIe-u.js")), { vue_ui_thermometer: xe } = lt(), g = F, p = v(Be()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), x = v(null), I = v(null), we = c(() => !!g.dataset && Object.keys(g.dataset).length);
+    Ee(() => {
       te();
     });
-    const e = v(V()), we = v(e.value.style.chart.thermometer.width), H = v(e.value.style.chart.height), q = v(e.value.style.chart.width), { loading: Z, FINAL_DATASET: h } = et({
-      ...Ue(g),
+    const e = v(V()), _e = v(e.value.style.chart.thermometer.width), H = v(e.value.style.chart.height), q = v(e.value.style.chart.width), { loading: Z, FINAL_DATASET: h } = at({
+      ...He(g),
       FINAL_CONFIG: e,
       prepareConfig: V,
       skeletonDataset: { value: 0, from: -100, to: 100, steps: 20, colors: { from: "#A1A1A1", to: "#CACACA" } },
-      skeletonConfig: Ee({
+      skeletonConfig: De({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -67,23 +68,23 @@ const ht = ["id"], ct = {
       })
     }), ee = c(() => !!e.value.debug);
     function te() {
-      if (Re(g.dataset) ? me({
+      if (je(g.dataset) ? ye({
         componentName: "VueUiThermometer",
         type: "dataset",
         debug: ee.value
-      }) : Ve({
+      }) : Xe({
         datasetObject: g.dataset,
         requiredAttributes: ["value", "from", "to"]
       }).forEach((s) => {
-        me({
+        ye({
           componentName: "VueUiThermometer",
           type: "datasetAttribute",
           property: s,
           debug: ee.value
         });
       }), e.value.responsive) {
-        const s = Ke(() => {
-          const { width: l, height: t } = Qe({
+        const s = st(() => {
+          const { width: l, height: t } = ot({
             chart: k.value,
             title: e.value.style.title.text ? K.value : null,
             source: Q.value
@@ -92,37 +93,37 @@ const ht = ["id"], ct = {
             H.value = Math.max(0.1, t - 12), q.value = l, ce();
           });
         });
-        b.value && (I.value && b.value.unobserve(I.value), b.value.disconnect()), b.value = new ResizeObserver(s), I.value = k.value, b.value.observe(I.value);
+        x.value && (I.value && x.value.unobserve(I.value), x.value.disconnect()), x.value = new ResizeObserver(s), I.value = k.value, x.value.observe(I.value);
       }
       ce();
     }
-    const { userOptionsVisible: E, setUserOptionsVisibility: se, keepUserOptionState: oe } = ot({ config: e.value }), { svgRef: R } = lt({ config: e.value.style.title });
+    const { userOptionsVisible: R, setUserOptionsVisibility: se, keepUserOptionState: oe } = it({ config: e.value }), { svgRef: S } = ht({ config: e.value.style.title });
     function V() {
-      const s = ye({
+      const s = fe({
         userConfig: g.config,
-        defaultConfig: be
+        defaultConfig: xe
       });
       return s.theme ? {
-        ...ye({
-          userConfig: rt.vue_ui_thermometer[s.theme] || g.config,
+        ...fe({
+          userConfig: vt.vue_ui_thermometer[s.theme] || g.config,
           defaultConfig: s
         }),
-        customPalette: Ge[s.theme] || F
+        customPalette: Je[s.theme] || O
       } : s;
     }
-    Le(() => g.config, (s) => {
-      e.value = V(), E.value = !e.value.userOptions.showOnChartHover, we.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, q.value = e.value.style.chart.width, te(), J.value += 1;
+    qe(() => g.config, (s) => {
+      e.value = V(), R.value = !e.value.userOptions.showOnChartHover, _e.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, q.value = e.value.style.chart.width, te(), J.value += 1;
     }, { deep: !0 });
-    const { isPrinting: le, isImaging: ae, generatePdf: re, generateImage: ue } = st({
+    const { isPrinting: le, isImaging: ae, generatePdf: re, generateImage: ue } = ut({
       elementId: `thermometer__${p.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer",
       options: e.value.userOptions.print
-    }), _e = c(() => e.value.userOptions.show && !e.value.style.title.text), P = c(() => Be(e.value.customPalette)), m = c(() => h.value.steps || 10);
-    function S(s, l, t) {
-      const r = [], _ = ne(s), C = ne(l);
+    }), Ce = c(() => e.value.userOptions.show && !e.value.style.title.text), P = c(() => Ke(e.value.customPalette)), m = c(() => h.value.steps || 10);
+    function T(s, l, t) {
+      const r = [], b = ne(s), C = ne(l);
       for (let $ = 0; $ < t; $++) {
-        const Pe = G(_.red, C.red, $, t), Se = G(_.green, C.green, $, t), Me = G(_.blue, C.blue, $, t), Te = `#${B(Pe)}${B(Se)}${B(Me)}`;
-        r.push(Te);
+        const Ue = G(b.red, C.red, $, t), We = G(b.green, C.green, $, t), Le = G(b.blue, C.blue, $, t), Ne = `#${B(Ue)}${B(We)}${B(Le)}`;
+        r.push(Ne);
       }
       return r;
     }
@@ -152,19 +153,19 @@ const ht = ["id"], ct = {
         thermoHeight: l - t.top - t.bottom,
         thermoWidth: e.value.style.chart.thermometer.width
       };
-    }), Ce = c(() => o.value), M = c(() => {
+    }), $e = c(() => o.value), M = c(() => {
       const s = f(h.value.from) < 0 ? Math.abs(f(h.value.from)) : f(h.value.from), l = f(h.value.to) < 0 ? Math.abs(f(h.value.to)) : f(h.value.to);
       let t = 0;
       return f(h.value.to) > 0 ? t = s + l : s > l ? t = s - l : t = l - s, (1 - (Math.abs(f(h.value.from)) + f(h.value.value)) / t) * o.value.thermoHeight;
-    }), $e = c(() => `${M.value}px`), Ae = c(() => `${o.value.thermoHeight}px`), Fe = c(() => `${e.value.style.chart.animation.speedMs}ms`), Oe = c(() => {
+    }), Ae = c(() => `${M.value}px`), Oe = c(() => `${o.value.thermoHeight}px`), Fe = c(() => `${e.value.style.chart.animation.speedMs}ms`), Ie = c(() => {
       if (h.value.colors) {
         if (!h.value.colors.from)
-          return S(P.value[0] || F[0], Y(h.value.colors.to), m.value || 10);
+          return T(P.value[0] || O[0], E(h.value.colors.to), m.value || 10);
         if (!h.value.colors.to)
-          return S(Y(h.value.colors.from), P.value[1] || F[1], m.value || 10);
+          return T(E(h.value.colors.from), P.value[1] || O[1], m.value || 10);
       } else
-        return S(P.value[1] || F[1], P.value[0] || F[0], m.value || 10);
-      return S(Y(h.value.colors.from), Y(h.value.colors.to), m.value || 10);
+        return T(P.value[1] || O[1], P.value[0] || O[0], m.value || 10);
+      return T(E(h.value.colors.from), E(h.value.colors.to), m.value || 10);
     }), ie = c(() => {
       const s = [];
       let l = 0;
@@ -176,23 +177,23 @@ const ht = ["id"], ct = {
           qYLess: o.value.top + r + t / m.value / 4,
           halfY: o.value.top + r + t / m.value / 2,
           qYMore: o.value.top + r + t / m.value / 4 * 3,
-          color: Oe.value[l],
+          color: Ie.value[l],
           height: Math.max(0.1, t / m.value)
         }), l += 1;
       return s;
-    }), x = v(!1);
+    }), w = v(!1);
     function he(s) {
-      x.value = s, X.value += 1;
+      w.value = s, X.value += 1;
     }
-    const T = v(!1);
+    const z = v(!1);
     function D() {
-      T.value = !T.value;
+      z.value = !z.value;
     }
-    async function Ie({ scale: s = 2 } = {}) {
+    async function Se({ scale: s = 2 } = {}) {
       if (!k.value) return;
-      const { width: l, height: t } = k.value.getBoundingClientRect(), r = l / t, { imageUri: _, base64: C } = await nt({ domElement: k.value, base64: !0, img: !0, scale: s });
+      const { width: l, height: t } = k.value.getBoundingClientRect(), r = l / t, { imageUri: b, base64: C } = await mt({ domElement: k.value, base64: !0, img: !0, scale: s });
       return {
-        imageUri: _,
+        imageUri: b,
         base64: C,
         title: e.value.style.title.text,
         width: l,
@@ -200,47 +201,59 @@ const ht = ["id"], ct = {
         aspectRatio: r
       };
     }
-    const w = c({
+    const _ = c({
       get: () => e.value.style.chart.label.fontSize,
       set: (s) => s
-    }), { autoSizeLabels: ce } = at({
-      svgRef: R,
+    }), { autoSizeLabels: ce } = ct({
+      svgRef: S,
       fontSize: e.value.style.chart.label.fontSize,
       minFontSize: e.value.style.chart.label.minFontSize,
-      sizeRef: w,
+      sizeRef: _,
       labelClass: ".vue-ui-thermometer-label"
+    }), Pe = c(() => e.value.style.chart.backgroundColor), Te = c(() => e.value.style.title), { exportSvg: Me, getSvg: ze } = nt({
+      svg: S,
+      title: Te,
+      backgroundColor: Pe
     });
-    return fe({
-      getImage: Ie,
+    async function ve({ isCb: s }) {
+      if (s) {
+        const { blob: l, url: t, text: r, dataUrl: b } = await ze();
+        e.value.userOptions.callbacks.svg({ blob: l, url: t, text: r, dataUrl: b });
+      } else
+        Me();
+    }
+    return ge({
+      getImage: Se,
       generatePdf: re,
       generateImage: ue,
+      generateSvg: ve,
       toggleAnnotator: D,
       toggleFullscreen: he
     }), (s, l) => (a(), u("div", {
       ref_key: "thermoChart",
       ref: k,
-      class: z(`vue-ui-thermometer ${x.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: ve(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
+      class: U(`vue-data-ui-component vue-ui-thermometer ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: de(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
       id: `thermometer__${p.value}`,
       onMouseenter: l[0] || (l[0] = () => n(se)(!0)),
       onMouseleave: l[1] || (l[1] = () => n(se)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (a(), W(n(pe), {
+      e.value.userOptions.buttons.annotator ? (a(), W(n(ke), {
         key: 0,
-        svgRef: n(R),
+        svgRef: n(S),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: T.value,
+        active: z.value,
         onClose: D
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
-      _e.value ? (a(), u("div", ct, null, 512)) : i("", !0),
+      Ce.value ? (a(), u("div", gt, null, 512)) : i("", !0),
       e.value.style.title.text ? (a(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: K,
         style: "width:100%"
       }, [
-        (a(), W(ut, {
+        (a(), W(dt, {
           key: `title_${J.value}`,
           config: {
             title: {
@@ -254,7 +267,7 @@ const ht = ["id"], ct = {
           }
         }, null, 8, ["config"]))
       ], 512)) : i("", !0),
-      e.value.userOptions.show && xe.value && (n(oe) || n(E)) ? (a(), W(n(ke), {
+      e.value.userOptions.show && we.value && (n(oe) || n(R)) ? (a(), W(n(be), {
         ref: "details",
         key: `user_options_${X.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -264,28 +277,30 @@ const ht = ["id"], ct = {
         uid: p.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
+        hasSvg: e.value.userOptions.buttons.svg,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
-        isFullscreen: x.value,
+        isFullscreen: w.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: k.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: T.value,
+        isAnnotation: z.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: he,
         onGeneratePdf: n(re),
         onGenerateImage: n(ue),
+        onGenerateSvg: ve,
         onToggleAnnotator: D,
-        style: ve({
-          visibility: n(oe) ? n(E) ? "visible" : "hidden" : "visible"
+        style: de({
+          visibility: n(oe) ? n(R) ? "visible" : "hidden" : "visible"
         })
-      }, Ne({ _: 2 }, [
+      }, Re({ _: 2 }, [
         s.$slots.menuIcon ? {
           name: "menuIcon",
           fn: A(({ isOpen: t, color: r }) => [
-            y(s.$slots, "menuIcon", U(L({ isOpen: t, color: r })), void 0, !0)
+            y(s.$slots, "menuIcon", L(N({ isOpen: t, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -306,28 +321,28 @@ const ht = ["id"], ct = {
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: A(({ toggleFullscreen: t, isFullscreen: r }) => [
-            y(s.$slots, "optionFullscreen", U(L({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+            y(s.$slots, "optionFullscreen", L(N({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         s.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: A(({ toggleAnnotator: t, isAnnotator: r }) => [
-            y(s.$slots, "optionAnnotator", U(L({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+            y(s.$slots, "optionAnnotator", L(N({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
       (a(), u("svg", {
         ref_key: "svgRef",
-        ref: R,
-        xmlns: n(De),
-        class: z({ "vue-data-ui-fullscreen--on": x.value, "vue-data-ui-fulscreen--off": !x.value }),
+        ref: S,
+        xmlns: n(Qe),
+        class: U({ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value }),
         width: "100%",
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: "background:transparent"
       }, [
-        Ye(n(ge)),
+        Ve(n(pe)),
         s.$slots["chart-background"] ? (a(), u("foreignObject", {
           key: 0,
           x: 0,
@@ -339,7 +354,7 @@ const ht = ["id"], ct = {
           }
         }, [
           y(s.$slots, "chart-background", {}, void 0, !0)
-        ], 8, dt)) : i("", !0),
+        ], 8, kt)) : i("", !0),
         d("defs", null, [
           d("clipPath", {
             id: `vueUiPill-${p.value}`,
@@ -352,9 +367,9 @@ const ht = ["id"], ct = {
               height: o.value.thermoHeight,
               rx: o.value.thermoWidth / 2,
               ry: o.value.thermoWidth / 2
-            }, null, 8, yt)
-          ], 8, mt),
-          (a(!0), u(N, null, de(ie.value, (t, r) => (a(), u("linearGradient", {
+            }, null, 8, xt)
+          ], 8, bt),
+          (a(!0), u(Y, null, me(ie.value, (t, r) => (a(), u("linearGradient", {
             id: `vueUiThermometerGradient_${r}_${p.value}`,
             x1: "0%",
             y1: "0%",
@@ -364,16 +379,16 @@ const ht = ["id"], ct = {
             d("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, gt),
+            }, null, 8, _t),
             d("stop", {
               offset: "50%",
-              "stop-color": n(je)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
-            }, null, 8, pt),
+              "stop-color": n(Ze)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+            }, null, 8, Ct),
             d("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, kt)
-          ], 8, ft))), 256))
+            }, null, 8, $t)
+          ], 8, wt))), 256))
         ]),
         d("g", {
           "clip-path": `url(#vueUiPill-${p.value})`
@@ -384,8 +399,8 @@ const ht = ["id"], ct = {
             height: o.value.thermoHeight,
             width: o.value.thermoWidth,
             fill: "#FFFFFF"
-          }, null, 8, xt),
-          (a(!0), u(N, null, de(ie.value, (t, r) => (a(), u("g", {
+          }, null, 8, Ot),
+          (a(!0), u(Y, null, me(ie.value, (t, r) => (a(), u("g", {
             key: `graduation_${r}`
           }, [
             d("rect", {
@@ -395,7 +410,7 @@ const ht = ["id"], ct = {
               width: o.value.thermoWidth,
               fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${p.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, wt),
+            }, null, 8, Ft),
             e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
               key: 0,
               x1: t.x,
@@ -405,8 +420,8 @@ const ht = ["id"], ct = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, _t)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (a(), u(N, { key: 1 }, [
+            }, null, 8, It)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (a(), u(Y, { key: 1 }, [
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 0,
                 x1: t.x,
@@ -416,7 +431,7 @@ const ht = ["id"], ct = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ct)) : i("", !0),
+              }, null, 8, St)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 1,
                 x1: t.x,
@@ -426,7 +441,7 @@ const ht = ["id"], ct = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, $t)) : i("", !0),
+              }, null, 8, Pt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 2,
                 x1: t.x,
@@ -436,7 +451,7 @@ const ht = ["id"], ct = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, At)) : i("", !0)
+              }, null, 8, Tt)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
               key: 2,
@@ -447,8 +462,8 @@ const ht = ["id"], ct = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, Ft)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (a(), u(N, { key: 3 }, [
+            }, null, 8, Mt)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (a(), u(Y, { key: 3 }, [
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 0,
                 x1: o.value.right,
@@ -458,7 +473,7 @@ const ht = ["id"], ct = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ot)) : i("", !0),
+              }, null, 8, zt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 1,
                 x1: o.value.right,
@@ -468,7 +483,7 @@ const ht = ["id"], ct = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, It)) : i("", !0),
+              }, null, 8, Ut)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 2,
                 x1: o.value.right,
@@ -478,52 +493,52 @@ const ht = ["id"], ct = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Pt)) : i("", !0)
+              }, null, 8, Wt)) : i("", !0)
             ], 64)) : i("", !0)
           ]))), 128)),
           d("rect", {
-            class: z({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            class: U({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: o.value.left,
             y: o.value.top,
             height: M.value,
             width: o.value.thermoWidth,
             fill: "#FFFFFF66"
-          }, null, 10, St)
-        ], 8, bt),
-        e.value.style.chart.label.show ? (a(), u("g", Mt, [
+          }, null, 10, Lt)
+        ], 8, At),
+        e.value.style.chart.label.show ? (a(), u("g", Nt, [
           n(Z) ? (a(), u("rect", {
             key: 0,
             x: o.value.left - 60,
-            y: M.value + o.value.top - w.value / 2,
+            y: M.value + o.value.top - _.value / 2,
             width: 50,
-            height: w.value,
+            height: _.value,
             fill: "#6A6A6A40",
             rx: "3"
-          }, null, 8, Tt)) : (a(), u("text", {
+          }, null, 8, Yt)) : (a(), u("text", {
             key: 1,
-            class: z({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
-            y: M.value + o.value.top + w.value / 3,
+            class: U({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
+            y: M.value + o.value.top + _.value / 3,
             x: o.value.left - 10,
             "text-anchor": "end",
             fill: e.value.style.chart.label.color,
-            "font-size": w.value,
+            "font-size": _.value,
             "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
-          }, He(n(Xe)(
+          }, Ge(n(et)(
             e.value.style.chart.label.formatter,
-            O.dataset.value,
-            n(Je)({
+            F.dataset.value,
+            n(tt)({
               p: e.value.style.chart.label.prefix,
-              v: O.dataset.value,
+              v: F.dataset.value,
               s: e.value.style.chart.label.suffix,
               r: e.value.style.chart.label.rounding
             }),
-            { datapoint: O.dataset }
-          )), 11, zt))
+            { datapoint: F.dataset }
+          )), 11, Et))
         ])) : i("", !0),
-        y(s.$slots, "svg", { svg: Ce.value }, void 0, !0)
-      ], 10, vt)),
-      s.$slots.watermark ? (a(), u("div", Wt, [
-        y(s.$slots, "watermark", U(L({ isPrinting: n(le) || n(ae) })), void 0, !0)
+        y(s.$slots, "svg", { svg: $e.value }, void 0, !0)
+      ], 10, pt)),
+      s.$slots.watermark ? (a(), u("div", Ht, [
+        y(s.$slots, "watermark", L(N({ isPrinting: n(le) || n(ae) })), void 0, !0)
       ])) : i("", !0),
       s.$slots.source ? (a(), u("div", {
         key: 5,
@@ -533,10 +548,10 @@ const ht = ["id"], ct = {
       }, [
         y(s.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      n(Z) ? (a(), W(tt, { key: 6 })) : i("", !0)
-    ], 46, ht));
+      n(Z) ? (a(), W(rt, { key: 6 })) : i("", !0)
+    ], 46, ft));
   }
-}, Jt = /* @__PURE__ */ it(Ut, [["__scopeId", "data-v-0a386d4f"]]);
+}, os = /* @__PURE__ */ yt(qt, [["__scopeId", "data-v-181d4751"]]);
 export {
-  Jt as default
+  os as default
 };

package/dist/{vue-ui-timer-qxLpO3HX.js → vue-ui-timer-Bs7eMmiC.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as F, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne, a as ce } from "./useNestedProp-BOk-tPdu.js";
-import { c as ve, X as de, D as X } from "./lib-BEpWEyMm.js";
+import { u as ne, a as ce } from "./useNestedProp-mxyyqd0B.js";
+import { c as ve, X as de, D as X } from "./lib-GIYcnm0E.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-DG2nloSB.js";
-import R from "./BaseIcon-Bz-1GQhu.js";
+import we from "./Title-D17CJXko.js";
+import R from "./BaseIcon-CtqN7W_g.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, N, S, j = !0, D = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: N }) {
-    const S = se(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_timer: j } = ne(), D = q, g = N, $ = v(null), A = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-C9oklnuy.js")), { vue_ui_timer: j } = ne(), D = q, g = N, $ = v(null), A = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });
@@ -255,7 +255,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
     }), (a, u) => (l(), r("div", {
       ref_key: "timerChart",
       ref: $,
-      class: "vue-ui-timer",
+      class: "vue-data-ui-component vue-ui-timer",
       style: w({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
@@ -480,7 +480,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
       ], 4)
     ], 4));
   }
-}, Ge = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-5e3deab2"]]);
+}, Ge = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-51afad64"]]);
 export {
   Ge as default
 };