vue-data-ui 3.5.0 → 3.5.1

package/dist/{vue-ui-table-7r02N9R9.js → vue-ui-table-DSsIrT4L.js}

@@ -1,7 +1,7 @@
 import { L as Y, t as W, S as G, Q as J, d as K, U as Z, P as q, ai as Q, h as $, J as ee, s as E, p as te } from "./lib-C_mNZmhD.js";
-import { u as se } from "./useNestedProp-BjZe1Y85.js";
-import ne from "./vue-ui-xy-B68qQ-gX.js";
-import re from "./vue-ui-donut-BRGFcgxS.js";
+import { u as se } from "./useNestedProp-DjGXw6S9.js";
+import ne from "./vue-ui-xy-NDDbNbds.js";
+import re from "./vue-ui-donut-CxZcJFTo.js";
 import le from "./BaseIcon-BmMbm4d0.js";
 import { resolveComponent as D, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as P, Fragment as C, renderList as k, normalizeClass as p, createTextVNode as _, vModelSelect as H, createBlock as R, ref as oe, computed as ae, useCssVars as ie } from "vue";
 import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{vue-ui-table-heatmap-BqCEBoUf.js → vue-ui-table-heatmap-DXFHy7-E.js}

@@ -1,6 +1,6 @@
 import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
 import { c as A, o as de, f as pe, ag as ce, J as ve, ae as me, P as fe, Q as he } from "./lib-C_mNZmhD.js";
-import { u as ge, a as H } from "./useNestedProp-BjZe1Y85.js";
+import { u as ge, a as H } from "./useNestedProp-DjGXw6S9.js";
 import { u as be } from "./usePrinter-DTzqpYKF.js";
 import { u as ye } from "./useUserOptionState-BIvW1Kz7.js";
 import { t as Ce } from "./themes-AUNCOb2G.js";

package/dist/{vue-ui-table-sparkline-DZaAh10E.js → vue-ui-table-sparkline-DpqY_4ay.js}

@@ -1,5 +1,5 @@
 import { useCssVars as Fe, defineAsyncComponent as Q, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as J, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as P, Fragment as K, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as D, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as Ge, a as ye } from "./useNestedProp-BjZe1Y85.js";
+import { u as Ge, a as ye } from "./useNestedProp-DjGXw6S9.js";
 import { c as Le, b as Re, p as T, e as He, o as Xe, f as he, g as qe, ag as Qe, h as Je, a as W, d as M, P as Ke, Q as Ye } from "./lib-C_mNZmhD.js";
 import { u as Ze } from "./usePrinter-DTzqpYKF.js";
 import { u as je } from "./useUserOptionState-BIvW1Kz7.js";
@@ -44,7 +44,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     Fe((t) => ({
       v310cbdc6: t.tdo
     }));
-    const Ce = Q(() => import("./vue-ui-sparkline-tXGDLHRy.js")), N = Q(() => import("./BaseIcon-BmMbm4d0.js")), xe = Q(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = Q(() => import("./vue-ui-sparkline-ChKAzlVq.js")), N = Q(() => import("./BaseIcon-BmMbm4d0.js")), xe = Q(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });

package/dist/vue-ui-thermometer-CMKvSA8p.js

@@ -0,0 +1,584 @@
+import { useCssVars as Ye, computed as h, defineAsyncComponent as j, ref as d, onMounted as Ee, toRefs as He, watch as Re, createElementBlock as n, openBlock as l, unref as u, normalizeStyle as de, normalizeClass as L, createBlock as N, createCommentVNode as i, withCtx as f, renderSlot as v, normalizeProps as g, guardReactiveProps as p, createSlots as Ve, createVNode as qe, createElementVNode as m, Fragment as Y, renderList as fe, toDisplayString as Ge } from "vue";
+import { c as Be, t as De, o as je, f as me, g as Xe, b as Je, p as F, e as Ke, x as k, h as E, X as Qe, s as Ze, a as et, d as tt } from "./lib-C_mNZmhD.js";
+import { t as ot, u as st } from "./useResponsive-DfdjqQps.js";
+import { u as at, a as ye } from "./useNestedProp-DjGXw6S9.js";
+import { u as lt, B as rt } from "./BaseScanner-BgWxam9d.js";
+import { u as nt } from "./usePrinter-DTzqpYKF.js";
+import { u as ut } from "./useSvgExport-DrjCWun4.js";
+import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ct } from "./useChartAccessibility-9icAAmYg.js";
+import { u as ht } from "./useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js";
+import { t as vt } from "./themes-AUNCOb2G.js";
+import dt from "./Title-isbiM8i8.js";
+import ft from "./img-BecE5qXd.js";
+import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const yt = ["id"], gt = {
+  key: 1,
+  ref: "noTitle",
+  class: "vue-data-ui-no-title-space",
+  style: "height:36px; width: 100%;background:transparent"
+}, pt = ["xmlns", "viewBox"], kt = ["width", "height"], bt = ["id"], wt = ["x", "y", "width", "height", "rx", "ry"], xt = ["id"], _t = ["stop-color"], $t = ["stop-color"], Ct = ["stop-color"], At = ["clip-path"], Ot = ["x", "y", "height", "width"], St = ["x", "y", "height", "width", "fill"], Ft = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], It = ["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"
+}, Rt = {
+  __name: "vue-ui-thermometer",
+  props: {
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(I, { expose: ge }) {
+    Ye((o) => ({
+      d4c8a8ea: Se.value,
+      v0a7b4e63: Oe.value,
+      v9b81bfe0: Ae.value
+    }));
+    const pe = j(() => import("./PackageVersion-DQvyATVa.js")), ke = j(() => import("./PenAndPaper-SZQIAgkg.js")), be = j(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_thermometer: we } = at(), b = I, w = d(Be()), x = d(null), X = d(0), J = d(0), K = d(null), Q = d(null), $ = d(null), P = d(null), xe = h(() => !!b.dataset && Object.keys(b.dataset).length);
+    Ee(() => {
+      te();
+    });
+    const e = d(q()), _e = d(e.value.style.chart.thermometer.width), H = d(e.value.style.chart.height), R = d(e.value.style.chart.width), { loading: Z, FINAL_DATASET: c } = lt({
+      ...He(b),
+      FINAL_CONFIG: e,
+      prepareConfig: q,
+      skeletonDataset: { value: 0, from: -100, to: 100, steps: 20, colors: { from: "#A1A1A1", to: "#CACACA" } },
+      skeletonConfig: De({
+        defaultConfig: e.value,
+        userConfig: {
+          userOptions: { show: !1 },
+          style: {
+            chart: {
+              animation: { use: !1 },
+              backgroundColor: "#99999930",
+              graduations: {
+                stroke: "#6A6A6A"
+              }
+            }
+          }
+        }
+      })
+    }), ee = h(() => !!e.value.debug);
+    function te() {
+      if (je(b.dataset) ? me({
+        componentName: "VueUiThermometer",
+        type: "dataset",
+        debug: ee.value
+      }) : Xe({
+        datasetObject: b.dataset,
+        requiredAttributes: ["value", "from", "to"]
+      }).forEach((o) => {
+        me({
+          componentName: "VueUiThermometer",
+          type: "datasetAttribute",
+          property: o,
+          debug: ee.value
+        });
+      }), e.value.responsive) {
+        const o = ot(() => {
+          const { width: a, height: t } = st({
+            chart: x.value,
+            title: e.value.style.title.text ? K.value : null,
+            source: Q.value
+          });
+          requestAnimationFrame(() => {
+            H.value = Math.max(0.1, t - 12), R.value = a, he();
+          });
+        });
+        $.value && (P.value && $.value.unobserve(P.value), $.value.disconnect()), $.value = new ResizeObserver(o), P.value = x.value, $.value.observe(P.value);
+      }
+      he();
+    }
+    const { userOptionsVisible: V, setUserOptionsVisibility: oe, keepUserOptionState: se } = it({ config: e.value }), { svgRef: T } = ct({ config: e.value.style.title });
+    function q() {
+      const o = ye({
+        userConfig: b.config,
+        defaultConfig: we
+      });
+      return o.theme ? {
+        ...ye({
+          userConfig: vt.vue_ui_thermometer[o.theme] || b.config,
+          defaultConfig: o
+        }),
+        customPalette: Je[o.theme] || F
+      } : o;
+    }
+    Re(() => b.config, (o) => {
+      e.value = q(), V.value = !e.value.userOptions.showOnChartHover, _e.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, R.value = e.value.style.chart.width, te(), J.value += 1;
+    }, { deep: !0 });
+    const { isPrinting: ae, isImaging: le, generatePdf: re, generateImage: ne } = nt({
+      elementId: `thermometer__${w.value}`,
+      fileName: e.value.style.title.text || "vue-ui-thermometer",
+      options: e.value.userOptions.print
+    }), $e = h(() => e.value.userOptions.show && !e.value.style.title.text), M = h(() => Ke(e.value.customPalette)), y = h(() => c.value.steps || 10);
+    function z(o, a, t) {
+      const r = [], _ = ue(o), O = ue(a);
+      for (let S = 0; S < t; S++) {
+        const Ue = G(_.red, O.red, S, t), We = G(_.green, O.green, S, t), Le = G(_.blue, O.blue, S, t), Ne = `#${B(Ue)}${B(We)}${B(Le)}`;
+        r.push(Ne);
+      }
+      return r;
+    }
+    function ue(o) {
+      const a = o.slice(1);
+      return {
+        red: parseInt(a.slice(0, 2), 16),
+        green: parseInt(a.slice(2, 4), 16),
+        blue: parseInt(a.slice(4, 6), 16)
+      };
+    }
+    function G(o, a, t, r) {
+      return Math.round(o + (a - o) * t / r);
+    }
+    function B(o) {
+      return o.toString(16).padStart(2, "0");
+    }
+    const s = h(() => {
+      const o = Math.max(0.1, R.value), a = Math.max(0.1, H.value), t = e.value.style.chart.padding;
+      return {
+        width: o,
+        left: o / 2 - e.value.style.chart.thermometer.width / 2,
+        right: o / 2 + e.value.style.chart.thermometer.width / 2,
+        top: t.top,
+        bottom: a - t.bottom - t.top,
+        height: a,
+        thermoHeight: a - t.top - t.bottom,
+        thermoWidth: e.value.style.chart.thermometer.width
+      };
+    }), Ce = h(() => s.value), U = h(() => {
+      const o = k(c.value.from) < 0 ? Math.abs(k(c.value.from)) : k(c.value.from), a = k(c.value.to) < 0 ? Math.abs(k(c.value.to)) : k(c.value.to);
+      let t = 0;
+      return k(c.value.to) > 0 ? t = o + a : o > a ? t = o - a : t = a - o, (1 - (Math.abs(k(c.value.from)) + k(c.value.value)) / t) * s.value.thermoHeight;
+    }), Ae = h(() => `${U.value}px`), Oe = h(() => `${s.value.thermoHeight}px`), Se = h(() => `${e.value.style.chart.animation.speedMs}ms`), Fe = h(() => {
+      if (c.value.colors) {
+        if (!c.value.colors.from)
+          return z(M.value[0] || F[0], E(c.value.colors.to), y.value || 10);
+        if (!c.value.colors.to)
+          return z(E(c.value.colors.from), M.value[1] || F[1], y.value || 10);
+      } else
+        return z(M.value[1] || F[1], M.value[0] || F[0], y.value || 10);
+      return z(E(c.value.colors.from), E(c.value.colors.to), y.value || 10);
+    }), ie = h(() => {
+      const o = [];
+      let a = 0;
+      const t = s.value.thermoHeight;
+      for (let r = 0; r < t - 1; r += t / y.value)
+        o.push({
+          x: s.value.left,
+          y: s.value.top + r,
+          qYLess: s.value.top + r + t / y.value / 4,
+          halfY: s.value.top + r + t / y.value / 2,
+          qYMore: s.value.top + r + t / y.value / 4 * 3,
+          color: Fe.value[a],
+          height: Math.max(0.1, t / y.value)
+        }), a += 1;
+      return o;
+    }), C = d(!1);
+    function ce(o) {
+      C.value = o, X.value += 1;
+    }
+    const W = d(!1);
+    function D() {
+      W.value = !W.value;
+    }
+    async function Ie({ scale: o = 2 } = {}) {
+      if (!x.value) return;
+      const { width: a, height: t } = x.value.getBoundingClientRect(), r = a / t, { imageUri: _, base64: O } = await ft({ domElement: x.value, base64: !0, img: !0, scale: o });
+      return {
+        imageUri: _,
+        base64: O,
+        title: e.value.style.title.text,
+        width: a,
+        height: t,
+        aspectRatio: r
+      };
+    }
+    const A = h({
+      get: () => e.value.style.chart.label.fontSize,
+      set: (o) => o
+    }), { autoSizeLabels: he } = ht({
+      svgRef: T,
+      fontSize: e.value.style.chart.label.fontSize,
+      minFontSize: e.value.style.chart.label.minFontSize,
+      sizeRef: A,
+      labelClass: ".vue-ui-thermometer-label"
+    }), Pe = h(() => e.value.style.chart.backgroundColor), Te = h(() => e.value.style.title), { exportSvg: Me, getSvg: ze } = ut({
+      svg: T,
+      title: Te,
+      backgroundColor: Pe
+    });
+    async function ve({ isCb: o }) {
+      if (o) {
+        const { blob: a, url: t, text: r, dataUrl: _ } = await ze();
+        e.value.userOptions.callbacks.svg({ blob: a, url: t, text: r, dataUrl: _ });
+      } else
+        Me();
+    }
+    return ge({
+      getImage: Ie,
+      generatePdf: re,
+      generateImage: ne,
+      generateSvg: ve,
+      toggleAnnotator: D,
+      toggleFullscreen: ce
+    }), (o, a) => (l(), n("div", {
+      ref_key: "thermoChart",
+      ref: x,
+      class: L(`vue-data-ui-component vue-ui-thermometer ${C.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__${w.value}`,
+      onMouseenter: a[0] || (a[0] = () => u(oe)(!0)),
+      onMouseleave: a[1] || (a[1] = () => u(oe)(!1))
+    }, [
+      e.value.userOptions.buttons.annotator ? (l(), N(u(ke), {
+        key: 0,
+        svgRef: u(T),
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        active: W.value,
+        onClose: D
+      }, {
+        "annotator-action-close": f(() => [
+          v(o.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": f(({ color: t }) => [
+          v(o.$slots, "annotator-action-color", g(p({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": f(({ mode: t }) => [
+          v(o.$slots, "annotator-action-draw", g(p({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": f(({ disabled: t }) => [
+          v(o.$slots, "annotator-action-undo", g(p({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": f(({ disabled: t }) => [
+          v(o.$slots, "annotator-action-redo", g(p({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": f(({ disabled: t }) => [
+          v(o.$slots, "annotator-action-delete", g(p({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
+      $e.value ? (l(), n("div", gt, null, 512)) : i("", !0),
+      e.value.style.title.text ? (l(), n("div", {
+        key: 2,
+        ref_key: "chartTitle",
+        ref: K,
+        style: "width:100%"
+      }, [
+        (l(), N(dt, {
+          key: `title_${J.value}`,
+          config: {
+            title: {
+              cy: "thermometer-div-title",
+              ...e.value.style.title
+            },
+            subtitle: {
+              cy: "thermometer-div-subtitle",
+              ...e.value.style.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ], 512)) : i("", !0),
+      e.value.userOptions.show && xe.value && (u(se) || u(V)) ? (l(), N(u(be), {
+        ref: "details",
+        key: `user_options_${X.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isImaging: u(le),
+        isPrinting: u(ae),
+        uid: w.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: C.value,
+        titles: { ...e.value.userOptions.buttonTitles },
+        chartElement: x.value,
+        position: e.value.userOptions.position,
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: W.value,
+        callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
+        onToggleFullscreen: ce,
+        onGeneratePdf: u(re),
+        onGenerateImage: u(ne),
+        onGenerateSvg: ve,
+        onToggleAnnotator: D,
+        style: de({
+          visibility: u(se) ? u(V) ? "visible" : "hidden" : "visible"
+        })
+      }, Ve({ _: 2 }, [
+        o.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: f(({ isOpen: t, color: r }) => [
+            v(o.$slots, "menuIcon", g(p({ isOpen: t, color: r })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: f(() => [
+            v(o.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        o.$slots.optionImg ? {
+          name: "optionImg",
+          fn: f(() => [
+            v(o.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        o.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: f(() => [
+            v(o.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        o.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: f(({ toggleFullscreen: t, isFullscreen: r }) => [
+            v(o.$slots, "optionFullscreen", g(p({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        o.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: f(({ toggleAnnotator: t, isAnnotator: r }) => [
+            v(o.$slots, "optionAnnotator", g(p({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          ]),
+          key: "5"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
+      (l(), n("svg", {
+        ref_key: "svgRef",
+        ref: T,
+        xmlns: u(Qe),
+        class: L({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.value }),
+        width: "100%",
+        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
+        style: "background:transparent"
+      }, [
+        qe(u(pe)),
+        o.$slots["chart-background"] ? (l(), n("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: s.value.width,
+          height: s.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          v(o.$slots, "chart-background", {}, void 0, !0)
+        ], 8, kt)) : i("", !0),
+        m("defs", null, [
+          m("clipPath", {
+            id: `vueUiPill-${w.value}`,
+            clipPathUnits: "userSpaceOnUse"
+          }, [
+            m("rect", {
+              x: s.value.left,
+              y: s.value.top,
+              width: s.value.thermoWidth,
+              height: s.value.thermoHeight,
+              rx: s.value.thermoWidth / 2,
+              ry: s.value.thermoWidth / 2
+            }, null, 8, wt)
+          ], 8, bt),
+          (l(!0), n(Y, null, fe(ie.value, (t, r) => (l(), n("linearGradient", {
+            id: `vueUiThermometerGradient_${r}_${w.value}`,
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%"
+          }, [
+            m("stop", {
+              offset: "0%",
+              "stop-color": t.color
+            }, null, 8, _t),
+            m("stop", {
+              offset: "50%",
+              "stop-color": u(Ze)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+            }, null, 8, $t),
+            m("stop", {
+              offset: "100%",
+              "stop-color": t.color
+            }, null, 8, Ct)
+          ], 8, xt))), 256))
+        ]),
+        m("g", {
+          "clip-path": `url(#vueUiPill-${w.value})`
+        }, [
+          m("rect", {
+            x: s.value.left,
+            y: s.value.top,
+            height: s.value.thermoHeight,
+            width: s.value.thermoWidth,
+            fill: "#FFFFFF"
+          }, null, 8, Ot),
+          (l(!0), n(Y, null, fe(ie.value, (t, r) => (l(), n("g", {
+            key: `graduation_${r}`
+          }, [
+            m("rect", {
+              x: t.x,
+              y: t.y,
+              height: t.height,
+              width: s.value.thermoWidth,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${w.value})` : t.color,
+              "shape-rendering": "crispEdges"
+            }, null, 8, St),
+            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+              key: 0,
+              x1: t.x,
+              x2: t.x + 10,
+              y1: t.y,
+              y2: t.y,
+              "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 ? (l(), n(Y, { key: 1 }, [
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+                key: 0,
+                x1: t.x,
+                x2: t.x + 5,
+                y1: t.halfY,
+                y2: t.halfY,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, It)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+                key: 1,
+                x1: t.x,
+                x2: t.x + 2.5,
+                y1: t.qYLess,
+                y2: t.qYLess,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Pt)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+                key: 2,
+                x1: t.x,
+                x2: t.x + 2.5,
+                y1: t.qYMore,
+                y2: t.qYMore,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Tt)) : i("", !0)
+            ], 64)) : i("", !0),
+            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+              key: 2,
+              x1: s.value.right,
+              x2: s.value.right - 10,
+              y1: t.y,
+              y2: t.y,
+              "stroke-width": e.value.style.chart.graduations.strokeWidth,
+              stroke: e.value.style.chart.graduations.stroke,
+              "stroke-linecap": "round"
+            }, null, 8, Mt)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (l(), n(Y, { key: 3 }, [
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+                key: 0,
+                x1: s.value.right,
+                x2: s.value.right - 5,
+                y1: t.halfY,
+                y2: t.halfY,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, zt)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+                key: 1,
+                x1: s.value.right,
+                x2: s.value.right - 2.5,
+                y1: t.qYLess,
+                y2: t.qYLess,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Ut)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+                key: 2,
+                x1: s.value.right,
+                x2: s.value.right - 2.5,
+                y1: t.qYMore,
+                y2: t.qYMore,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Wt)) : i("", !0)
+            ], 64)) : i("", !0)
+          ]))), 128)),
+          m("rect", {
+            class: L({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            x: s.value.left,
+            y: s.value.top,
+            height: U.value,
+            width: s.value.thermoWidth,
+            fill: "#FFFFFF66"
+          }, null, 10, Lt)
+        ], 8, At),
+        e.value.style.chart.label.show ? (l(), n("g", Nt, [
+          u(Z) ? (l(), n("rect", {
+            key: 0,
+            x: s.value.left - 60,
+            y: U.value + s.value.top - A.value / 2,
+            width: 50,
+            height: A.value,
+            fill: "#6A6A6A40",
+            rx: "3"
+          }, null, 8, Yt)) : (l(), n("text", {
+            key: 1,
+            class: L({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
+            y: U.value + s.value.top + A.value / 3,
+            x: s.value.left - 10,
+            "text-anchor": "end",
+            fill: e.value.style.chart.label.color,
+            "font-size": A.value,
+            "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
+          }, Ge(u(et)(
+            e.value.style.chart.label.formatter,
+            I.dataset.value,
+            u(tt)({
+              p: e.value.style.chart.label.prefix,
+              v: I.dataset.value,
+              s: e.value.style.chart.label.suffix,
+              r: e.value.style.chart.label.rounding
+            }),
+            { datapoint: I.dataset }
+          )), 11, Et))
+        ])) : i("", !0),
+        v(o.$slots, "svg", { svg: Ce.value }, void 0, !0)
+      ], 10, pt)),
+      o.$slots.watermark ? (l(), n("div", Ht, [
+        v(o.$slots, "watermark", g(p({ isPrinting: u(ae) || u(le) })), void 0, !0)
+      ])) : i("", !0),
+      o.$slots.source ? (l(), n("div", {
+        key: 5,
+        ref_key: "source",
+        ref: Q,
+        dir: "auto"
+      }, [
+        v(o.$slots, "source", {}, void 0, !0)
+      ], 512)) : i("", !0),
+      u(Z) ? (l(), N(rt, { key: 6 })) : i("", !0)
+    ], 46, yt));
+  }
+}, so = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-48fbf700"]]);
+export {
+  so as default
+};

package/dist/{vue-ui-timer-Ds-MJoW2.js → vue-ui-timer-BpdCY_wg.js}

@@ -1,9 +1,9 @@
 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-BjZe1Y85.js";
+import { u as ne, a as ce } from "./useNestedProp-DjGXw6S9.js";
 import { c as ve, X as de, R as X } from "./lib-C_mNZmhD.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-l36lOBMx.js";
+import we from "./Title-isbiM8i8.js";
 import P from "./BaseIcon-BmMbm4d0.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
@@ -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-Cyx_s25h.js")), { vue_ui_timer: j } = ne(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-DQvyATVa.js")), { vue_ui_timer: j } = ne(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });