vue-data-ui 2.4.1 → 2.4.3

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

@@ -0,0 +1,447 @@
+import { useCssVars as ve, computed as h, onMounted as ye, ref as g, watch as fe, openBlock as l, createElementBlock as n, normalizeClass as P, normalizeStyle as ge, createBlock as F, createCommentVNode as i, unref as v, createSlots as me, withCtx as I, renderSlot as m, normalizeProps as G, guardReactiveProps as V, createVNode as pe, createElementVNode as d, Fragment as A, renderList as K, toDisplayString as ke } from "vue";
+import { u as be, o as _e, e as Q, g as xe, c as we, t as Ce, a as $e, p as _, b as Pe, v as f, d as O, X as Fe, s as Ie, i as Ae, f as Oe } from "./index-Bya_q1J-.js";
+import { _ as Ye } from "./Title-C5pIfQAz.js";
+import { u as Me, U as Ne } from "./usePrinter-CiHd1FwD.js";
+import Se from "./vue-ui-skeleton-BYssP0K4.js";
+import { u as Z } from "./useNestedProp-B33hazbH.js";
+import { _ as Ue } from "./PackageVersion-VkaUzgmt.js";
+import { P as qe } from "./PenAndPaper-DAZYA8Ew.js";
+import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Te = ["id"], Ge = {
+  key: 1,
+  style: "width:100%"
+}, Ve = ["xmlns", "viewBox"], We = {
+  id: "vueUiPill",
+  clipPathUnits: "objectBoundingBox"
+}, Ee = ["fill"], ze = ["id"], Be = ["stop-color"], je = ["stop-color"], De = ["stop-color"], He = { "clip-path": "url(#vueUiPill)" }, Xe = ["x", "y", "height", "width"], Re = ["x", "y", "height", "width", "fill"], Je = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ke = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Qe = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], at = ["x", "y", "height", "width"], lt = ["y", "x", "fill", "font-size", "font-weight"], rt = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, ut = {
+  key: 5,
+  ref: "source",
+  dir: "auto"
+}, nt = {
+  __name: "vue-ui-thermometer",
+  props: {
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(x, { expose: ee }) {
+    const a = x;
+    ve((o) => ({
+      "067bf1c5": re.value,
+      "94b8612e": le.value,
+      "29802a96": ae.value
+    }));
+    const { vue_ui_thermometer: te } = be(), Y = h(() => !!a.dataset && Object.keys(a.dataset).length);
+    ye(() => {
+      W();
+    });
+    function W() {
+      _e(a.dataset) ? Q({
+        componentName: "VueUiThermometer",
+        type: "dataset"
+      }) : xe({
+        datasetObject: a.dataset,
+        requiredAttributes: ["value", "from", "to"]
+      }).forEach((o) => {
+        Q({
+          componentName: "VueUiThermometer",
+          type: "datasetAttribute",
+          property: o
+        });
+      });
+    }
+    const p = g(we()), M = g(null), E = g(0), z = g(0), e = h({
+      get: () => B(),
+      set: (o) => o
+    });
+    function B() {
+      const o = Z({
+        userConfig: a.config,
+        defaultConfig: te
+      });
+      return o.theme ? {
+        ...Z({
+          userConfig: Ce.vue_ui_thermometer[o.theme] || a.config,
+          defaultConfig: o
+        }),
+        customPalette: $e[o.theme] || _
+      } : o;
+    }
+    fe(() => a.config, (o) => {
+      e.value = B(), W(), z.value += 1;
+    }, { deep: !0 });
+    const { isPrinting: j, isImaging: D, generatePdf: H, generateImage: X } = Me({
+      elementId: `thermometer__${p.value}`,
+      fileName: e.value.style.title.text || "vue-ui-thermometer"
+    }), w = h(() => Pe(e.value.customPalette)), oe = h(() => e.value.style.chart.thermometer.width), y = h(() => a.dataset.steps || 10), c = g({
+      top: e.value.style.chart.padding.top,
+      left: e.value.style.chart.padding.left,
+      right: e.value.style.chart.padding.right,
+      bottom: e.value.style.chart.padding.bottom
+    });
+    function C(o, u, t) {
+      const r = [], L = R(o), T = R(u);
+      for (let b = 0; b < t; b++) {
+        const ie = N(L.red, T.red, b, t), ce = N(L.green, T.green, b, t), he = N(L.blue, T.blue, b, t), de = `#${S(ie)}${S(ce)}${S(he)}`;
+        r.push(de);
+      }
+      return r;
+    }
+    function R(o) {
+      const u = o.slice(1);
+      return {
+        red: parseInt(u.slice(0, 2), 16),
+        green: parseInt(u.slice(2, 4), 16),
+        blue: parseInt(u.slice(4, 6), 16)
+      };
+    }
+    function N(o, u, t, r) {
+      return Math.round(o + (u - o) * t / r);
+    }
+    function S(o) {
+      return o.toString(16).padStart(2, "0");
+    }
+    const s = h(() => {
+      const o = oe.value + c.value.left + c.value.right, u = e.value.style.chart.height;
+      return {
+        width: o,
+        left: c.value.left,
+        right: o - c.value.right,
+        top: c.value.top,
+        bottom: u - c.value.bottom,
+        height: u
+      };
+    }), se = h(() => s.value), U = h(() => {
+      const o = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), u = f(a.dataset.to) < 0 ? Math.abs(f(a.dataset.to)) : f(a.dataset.to);
+      let t = 0;
+      return f(a.dataset.to) > 0 ? t = o + u : o > u ? t = o - u : t = u - o, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (s.value.height - c.value.top - c.value.bottom);
+    }), ae = h(() => `${U.value}px`), le = h(() => `${s.value.height - e.value.style.chart.padding.bottom - c.value.top}px`), re = h(() => `${e.value.style.chart.animation.speedMs}ms`), ue = h(() => {
+      if (a.dataset.colors) {
+        if (!a.dataset.colors.from)
+          return C(w.value[0] || _[0], O(a.dataset.colors.to), y.value || 10);
+        if (!a.dataset.colors.to)
+          return C(O(a.dataset.colors.from), w.value[1] || _[1], y.value || 10);
+      } else
+        return C(w.value[1] || _[1], w.value[0] || _[0], y.value || 10);
+      return C(O(a.dataset.colors.from), O(a.dataset.colors.to), y.value || 10);
+    }), J = h(() => {
+      const o = [];
+      let u = 0;
+      const t = s.value.height - c.value.top - c.value.bottom;
+      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: ue.value[u],
+          height: t / y.value
+        }), u += 1;
+      return o;
+    }), k = g(!1);
+    function ne(o) {
+      k.value = o, E.value += 1;
+    }
+    const $ = g(!1);
+    function q() {
+      $.value = !$.value;
+    }
+    return ee({
+      generatePdf: H,
+      generateImage: X,
+      toggleAnnotator: q
+    }), (o, u) => (l(), n("div", {
+      ref_key: "thermoChart",
+      ref: M,
+      class: P(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: ge(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
+      id: `thermometer__${p.value}`
+    }, [
+      e.value.userOptions.buttons.annotator ? (l(), F(qe, {
+        key: 0,
+        parent: M.value,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        active: $.value,
+        onClose: q
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : i("", !0),
+      e.value.style.title.text ? (l(), n("div", Ge, [
+        (l(), F(Ye, {
+          key: `title_${z.value}`,
+          config: {
+            title: {
+              cy: "thermometer-div-title",
+              ...e.value.style.title
+            },
+            subtitle: {
+              cy: "thermometer-div-subtitle",
+              ...e.value.style.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ])) : i("", !0),
+      e.value.userOptions.show && Y.value ? (l(), F(Ne, {
+        ref: "details",
+        key: `user_options_${E.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isImaging: v(D),
+        isPrinting: v(j),
+        uid: p.value,
+        hasPdf: e.value.userOptions.buttons.pdf,
+        hasImg: e.value.userOptions.buttons.img,
+        hasFullscreen: e.value.userOptions.buttons.fullscreen,
+        hasXls: !1,
+        isFullscreen: k.value,
+        titles: { ...e.value.userOptions.buttonTitles },
+        chartElement: M.value,
+        position: e.value.userOptions.position,
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: $.value,
+        onToggleFullscreen: ne,
+        onGeneratePdf: v(H),
+        onGenerateImage: v(X),
+        onToggleAnnotator: q
+      }, me({ _: 2 }, [
+        o.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: I(() => [
+            m(o.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.optionImg ? {
+          name: "optionImg",
+          fn: I(() => [
+            m(o.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        o.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: I(({ toggleFullscreen: t, isFullscreen: r }) => [
+            m(o.$slots, "optionFullscreen", G(V({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        o.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: I(({ toggleAnnotator: t, isAnnotator: r }) => [
+            m(o.$slots, "optionAnnotator", G(V({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : i("", !0),
+      Y.value ? (l(), n("svg", {
+        key: 3,
+        xmlns: v(Fe),
+        class: P({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
+        width: "100%",
+        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
+        style: "background:transparent"
+      }, [
+        pe(Ue),
+        d("defs", null, [
+          d("clipPath", We, [
+            d("rect", {
+              x: "0",
+              y: "0",
+              width: "1",
+              height: "1",
+              rx: "0.5",
+              ry: "0.07",
+              fill: e.value.style.chart.backgroundColor
+            }, null, 8, Ee)
+          ]),
+          (l(!0), n(A, null, K(J.value, (t, r) => (l(), n("linearGradient", {
+            id: `vueUiThermometerGradient_${r}_${p.value}`,
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%"
+          }, [
+            d("stop", {
+              offset: "0%",
+              "stop-color": t.color
+            }, null, 8, Be),
+            d("stop", {
+              offset: "50%",
+              "stop-color": v(Ie)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+            }, null, 8, je),
+            d("stop", {
+              offset: "100%",
+              "stop-color": t.color
+            }, null, 8, De)
+          ], 8, ze))), 256))
+        ]),
+        d("g", He, [
+          d("rect", {
+            x: s.value.left,
+            y: s.value.top,
+            height: s.value.height - c.value.top - c.value.bottom,
+            width: s.value.width - c.value.left - c.value.right,
+            fill: "#FFFFFF"
+          }, null, 8, Xe),
+          (l(!0), n(A, null, K(J.value, (t, r) => (l(), n("g", {
+            key: `graduation_${r}`
+          }, [
+            d("rect", {
+              x: t.x,
+              y: t.y,
+              height: t.height,
+              width: s.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${p.value})` : t.color,
+              "shape-rendering": "crispEdges"
+            }, null, 8, Re),
+            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, Je)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (l(), n(A, { 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, Ke)) : 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, Qe)) : 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, Ze)) : 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, et)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (l(), n(A, { 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, tt)) : 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, ot)) : 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, st)) : i("", !0)
+            ], 64)) : i("", !0)
+          ]))), 128)),
+          d("rect", {
+            class: P({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            x: s.value.left,
+            y: s.value.top,
+            height: U.value,
+            width: s.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
+            fill: "#FFFFFF66"
+          }, null, 10, at)
+        ]),
+        d("text", {
+          class: P({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
+          y: U.value + s.value.top + e.value.style.chart.label.fontSize / 3,
+          x: s.value.left - 10,
+          "text-anchor": "end",
+          fill: e.value.style.chart.label.color,
+          "font-size": e.value.style.chart.label.fontSize,
+          "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
+        }, ke(v(Ae)(
+          e.value.style.chart.label.formatter,
+          x.dataset.value,
+          v(Oe)({
+            p: e.value.style.chart.label.prefix,
+            v: x.dataset.value,
+            s: e.value.style.chart.label.suffix,
+            r: e.value.style.chart.label.rounding
+          }),
+          { datapoint: x.dataset }
+        )), 11, lt),
+        m(o.$slots, "svg", { svg: se.value }, void 0, !0)
+      ], 10, Ve)) : i("", !0),
+      o.$slots.watermark ? (l(), n("div", rt, [
+        m(o.$slots, "watermark", G(V({ isPrinting: v(j) || v(D) })), void 0, !0)
+      ])) : i("", !0),
+      o.$slots.source ? (l(), n("div", ut, [
+        m(o.$slots, "source", {}, void 0, !0)
+      ], 512)) : i("", !0),
+      Y.value ? i("", !0) : (l(), F(Se, {
+        key: 6,
+        config: {
+          type: "thermometer",
+          style: {
+            backgroundColor: e.value.style.chart.backgroundColor,
+            thermometer: {
+              color: "#CCCCCC"
+            }
+          }
+        }
+      }, null, 8, ["config"]))
+    ], 14, Te));
+  }
+}, pt = /* @__PURE__ */ Le(nt, [["__scopeId", "data-v-ae62bd8a"]]);
+export {
+  pt as default
+};

package/dist/vue-ui-thermometer-swmi4FmH.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-eFox7weK.cjs"),K=require("./Title-0Tp4hZ4u.cjs"),O=require("./usePrinter-CSRFnDBU.cjs"),Q=require("./vue-ui-skeleton-BqKzuhkB.cjs"),T=require("./useNestedProp-BkgEhTQY.cjs"),Z=require("./PackageVersion-DwI-KhXH.cjs"),ee=require("./PenAndPaper-CDFVOo7X.cjs"),te=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),oe=["id"],le={key:1,style:"width:100%"},re=["xmlns","viewBox"],ae={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},se=["fill"],ne=["id"],ue=["stop-color"],ce=["stop-color"],ie=["stop-color"],de={"clip-path":"url(#vueUiPill)"},he=["x","y","height","width"],ve=["x","y","height","width","fill"],me=["x1","x2","y1","y2","stroke-width","stroke"],pe=["x1","x2","y1","y2","stroke-width","stroke"],ye=["x1","x2","y1","y2","stroke-width","stroke"],fe=["x1","x2","y1","y2","stroke-width","stroke"],ge=["x1","x2","y1","y2","stroke-width","stroke"],ke=["x1","x2","y1","y2","stroke-width","stroke"],be=["x1","x2","y1","y2","stroke-width","stroke"],xe=["x1","x2","y1","y2","stroke-width","stroke"],_e=["x","y","height","width"],Ce=["y","x","fill","font-size","font-weight"],we={key:4,class:"vue-data-ui-watermark"},Ne={key:5,ref:"source",dir:"auto"},Be={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:Y}){const s=m;e.useCssVars(l=>({"067bf1c5":W.value,"94b8612e":G.value,"29802a96":U.value}));const{vue_ui_thermometer:M}=r.useConfig(),g=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){r.objectIsEmpty(s.dataset)?r.error({componentName:"VueUiThermometer",type:"dataset"}):r.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{r.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})}const d=e.ref(r.createUid()),k=e.ref(null),P=e.ref(0),V=e.ref(0),t=e.computed({get:()=>E(),set:l=>l});function E(){const l=T.useNestedProp({userConfig:s.config,defaultConfig:M});return l.theme?{...T.useNestedProp({userConfig:r.themes.vue_ui_thermometer[l.theme]||s.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>s.config,l=>{t.value=E(),B(),V.value+=1},{deep:!0});const{isPrinting:$,isImaging:F,generatePdf:I,generateImage:q}=O.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),p=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),z=e.computed(()=>t.value.style.chart.thermometer.width),i=e.computed(()=>s.dataset.steps||10),c=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function y(l,u,o){const n=[],w=S(l),N=S(u);for(let v=0;v<o;v++){const D=b(w.red,N.red,v,o),R=b(w.green,N.green,v,o),X=b(w.blue,N.blue,v,o),J=`#${x(D)}${x(R)}${x(X)}`;n.push(J)}return n}function S(l){const u=l.slice(1);return{red:parseInt(u.slice(0,2),16),green:parseInt(u.slice(2,4),16),blue:parseInt(u.slice(4,6),16)}}function b(l,u,o,n){return Math.round(l+(u-l)*o/n)}function x(l){return l.toString(16).padStart(2,"0")}const a=e.computed(()=>{const l=z.value+c.value.left+c.value.right,u=t.value.style.chart.height;return{width:l,left:c.value.left,right:l-c.value.right,top:c.value.top,bottom:u-c.value.bottom,height:u}}),L=e.computed(()=>a.value),_=e.computed(()=>{const l=r.checkNaN(s.dataset.from)<0?Math.abs(r.checkNaN(s.dataset.from)):r.checkNaN(s.dataset.from),u=r.checkNaN(s.dataset.to)<0?Math.abs(r.checkNaN(s.dataset.to)):r.checkNaN(s.dataset.to);let o=0;return r.checkNaN(s.dataset.to)>0?o=l+u:l>u?o=l-u:o=u-l,(1-(Math.abs(r.checkNaN(s.dataset.from))+r.checkNaN(s.dataset.value))/o)*(a.value.height-c.value.top-c.value.bottom)}),U=e.computed(()=>`${_.value}px`),G=e.computed(()=>`${a.value.height-t.value.style.chart.padding.bottom-c.value.top}px`),W=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),H=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return y(p.value[0]||r.palette[0],r.convertColorToHex(s.dataset.colors.to),i.value||10);if(!s.dataset.colors.to)return y(r.convertColorToHex(s.dataset.colors.from),p.value[1]||r.palette[1],i.value||10)}else return y(p.value[1]||r.palette[1],p.value[0]||r.palette[0],i.value||10);return y(r.convertColorToHex(s.dataset.colors.from),r.convertColorToHex(s.dataset.colors.to),i.value||10)}),A=e.computed(()=>{const l=[];let u=0;const o=a.value.height-c.value.top-c.value.bottom;for(let n=0;n<o-1;n+=o/i.value)l.push({x:a.value.left,y:a.value.top+n,qYLess:a.value.top+n+o/i.value/4,halfY:a.value.top+n+o/i.value/2,qYMore:a.value.top+n+o/i.value/4*3,color:H.value[u],height:o/i.value}),u+=1;return l}),h=e.ref(!1);function j(l){h.value=l,P.value+=1}const f=e.ref(!1);function C(){f.value=!f.value}return Y({generatePdf:I,generateImage:q,toggleAnnotator:C}),(l,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:k,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ee.PenAndPaper,{key:0,parent:k.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:C},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(),e.createBlock(K._sfc_main,{key:`title_${V.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&g.value?(e.openBlock(),e.createBlock(O.UserOptions,{ref:"details",key:`user_options_${P.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(F),isPrinting:e.unref($),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:k.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,onToggleFullscreen:j,onGeneratePdf:e.unref(I),onGenerateImage:e.unref(q),onToggleAnnotator:C},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:n})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:n})),void 0,!0)]),key:"2"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:n})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:n})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${a.value.width} ${a.value.height}`,style:"background:transparent"},[e.createVNode(Z._sfc_main),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",ae,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,se)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(o,n)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${n}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,ue),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(r.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,ce),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ie)],8,ne))),256))]),e.createElementVNode("g",de,[e.createElementVNode("rect",{x:a.value.left,y:a.value.top,height:a.value.height-c.value.top-c.value.bottom,width:a.value.width-c.value.left-c.value.right,fill:"#FFFFFF"},null,8,he),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${n}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${n}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,ve),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,me)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,pe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ye)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,fe)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:a.value.right,x2:a.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ge)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:a.value.right,x2:a.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ke)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:a.value.right,x2:a.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,be)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:a.value.right,x2:a.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,xe)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:a.value.left,y:a.value.top,height:_.value,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,_e)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:_.value+a.value.top+t.value.style.chart.label.fontSize/3,x:a.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(r.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Ce),e.renderSlot(l.$slots,"svg",{svg:L.value},void 0,!0)],10,re)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref($)||e.unref(F)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:6,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],14,oe))}},Pe=te._export_sfc(Be,[["__scopeId","data-v-ae62bd8a"]]);exports.default=Pe;

package/dist/{vue-ui-timer-DM1IStj1.cjs → vue-ui-timer-B6IB6yS6.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-CC9zGr7C.cjs"),g=require("./index-C7_6YjWN.cjs"),$=require("./useResponsive-B3TrDDIG.cjs"),B=require("./BaseIcon-E7FmzMcY.cjs"),j=require("./Title-C-lm3Mkl.cjs"),q=require("./PackageVersion-D4D0WicU.cjs"),O=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class U{constructor(T,v,y,E=!0,b=!0){this.interval=v,this.elapsed=0,this.isPaused=!1;const S=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-BkgEhTQY.cjs"),g=require("./index-eFox7weK.cjs"),$=require("./useResponsive-CodiGUOE.cjs"),B=require("./BaseIcon-uALK38Ov.cjs"),j=require("./Title-0Tp4hZ4u.cjs"),q=require("./PackageVersion-DwI-KhXH.cjs"),O=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class U{constructor(T,v,y,E=!0,b=!0){this.interval=v,this.elapsed=0,this.isPaused=!1;const S=`
             let interval;
             let elapsed = 0;
             let paused = false;

package/dist/{vue-ui-timer-COSI3Q5T.js → vue-ui-timer-Bk3BvB-B.js}

@@ -1,10 +1,10 @@
 import { ref as n, onMounted as Q, onBeforeUnmount as Y, computed as z, watch as Z, openBlock as l, createElementBlock as r, normalizeStyle as f, createBlock as ee, createCommentVNode as v, unref as te, createVNode as M, createElementVNode as C, mergeProps as V, renderSlot as E, normalizeProps as O, guardReactiveProps as U, toDisplayString as ae } from "vue";
-import { u as se } from "./useNestedProp-S1UXxUgm.js";
-import { u as le, c as oe, X as re, E as W } from "./index-DDXisDKy.js";
-import { t as ue, u as ie } from "./useResponsive-NZB-WLRF.js";
-import P from "./BaseIcon-CXDdkPfN.js";
-import { _ as ne } from "./Title-DYNLqCCT.js";
-import { _ as ce } from "./PackageVersion-DtnhR89q.js";
+import { u as se } from "./useNestedProp-B33hazbH.js";
+import { u as le, c as oe, X as re, E as W } from "./index-Bya_q1J-.js";
+import { t as ue, u as ie } from "./useResponsive-BY8tgM1n.js";
+import P from "./BaseIcon-BbvG1AlW.js";
+import { _ as ne } from "./Title-C5pIfQAz.js";
+import { _ as ce } from "./PackageVersion-VkaUzgmt.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class he {
   constructor(A, k, T, H = !0, x = !0) {