vue-data-ui 2.4.0 → 2.4.2

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

@@ -0,0 +1,440 @@
+import { useCssVars as ve, computed as h, onMounted as ye, ref as g, watch as fe, openBlock as l, createElementBlock as u, 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 xe, e as Q, g as _e, c as we, t as Ce, a as $e, p as x, b as Pe, v as f, d as O, X as Fe, s as Ie, i as Ae, f as Oe } from "./index-DnVHQ2xI.js";
+import { _ as Ye } from "./Title-5VmBwT4i.js";
+import { u as Me, U as Ne } from "./usePrinter-BEeNAqS5.js";
+import Se from "./vue-ui-skeleton-aZmkNzAe.js";
+import { u as Z } from "./useNestedProp-Cox0K0Y5.js";
+import { _ as Ue } from "./PackageVersion-CvCRsT5_.js";
+import { P as qe } from "./PenAndPaper-Jb0pLt3G.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"
+}, nt = {
+  __name: "vue-ui-thermometer",
+  props: {
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(_, { expose: ee }) {
+    const a = _;
+    ve((o) => ({
+      "42399c50": re.value,
+      "2bb6dc94": le.value,
+      "1ff71c23": ae.value
+    }));
+    const { vue_ui_thermometer: te } = be(), Y = h(() => !!a.dataset && Object.keys(a.dataset).length);
+    ye(() => {
+      W();
+    });
+    function W() {
+      xe(a.dataset) ? Q({
+        componentName: "VueUiThermometer",
+        type: "dataset"
+      }) : _e({
+        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] || x
+      } : 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, n, t) {
+      const r = [], L = R(o), T = R(n);
+      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 n = o.slice(1);
+      return {
+        red: parseInt(n.slice(0, 2), 16),
+        green: parseInt(n.slice(2, 4), 16),
+        blue: parseInt(n.slice(4, 6), 16)
+      };
+    }
+    function N(o, n, t, r) {
+      return Math.round(o + (n - 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, n = e.value.style.chart.height;
+      return {
+        width: o,
+        left: c.value.left,
+        right: o - c.value.right,
+        top: c.value.top,
+        bottom: n - c.value.bottom,
+        height: n
+      };
+    }), se = h(() => s.value), U = h(() => {
+      const o = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), n = 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 + n : o > n ? t = o - n : t = n - 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`), ne = h(() => {
+      if (a.dataset.colors) {
+        if (!a.dataset.colors.from)
+          return C(w.value[0] || x[0], O(a.dataset.colors.to), y.value || 10);
+        if (!a.dataset.colors.to)
+          return C(O(a.dataset.colors.from), w.value[1] || x[1], y.value || 10);
+      } else
+        return C(w.value[1] || x[1], w.value[0] || x[0], y.value || 10);
+      return C(O(a.dataset.colors.from), O(a.dataset.colors.to), y.value || 10);
+    }), J = h(() => {
+      const o = [];
+      let n = 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: ne.value[n],
+          height: t / y.value
+        }), n += 1;
+      return o;
+    }), k = g(!1);
+    function ue(o) {
+      k.value = o, E.value += 1;
+    }
+    const $ = g(!1);
+    function q() {
+      $.value = !$.value;
+    }
+    return ee({
+      generatePdf: H,
+      generateImage: X,
+      toggleAnnotator: q
+    }), (o, n) => (l(), u("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(), u("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: ue,
+        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(), u("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), u(A, null, K(J.value, (t, r) => (l(), u("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), u(A, null, K(J.value, (t, r) => (l(), u("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(), u("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(), u(A, { key: 1 }, [
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("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(), u("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(), u("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(), u("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(), u(A, { key: 3 }, [
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("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(), u("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(), u("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,
+          _.dataset.value,
+          v(Oe)({
+            p: e.value.style.chart.label.prefix,
+            v: _.dataset.value,
+            s: e.value.style.chart.label.suffix,
+            r: e.value.style.chart.label.rounding
+          }),
+          { datapoint: _.dataset }
+        )), 11, lt),
+        m(o.$slots, "svg", { svg: se.value }, void 0, !0)
+      ], 10, Ve)) : i("", !0),
+      o.$slots.watermark ? (l(), u("div", rt, [
+        m(o.$slots, "watermark", G(V({ isPrinting: v(j) || v(D) })), void 0, !0)
+      ])) : i("", !0),
+      Y.value ? i("", !0) : (l(), F(Se, {
+        key: 5,
+        config: {
+          type: "thermometer",
+          style: {
+            backgroundColor: e.value.style.chart.backgroundColor,
+            thermometer: {
+              color: "#CCCCCC"
+            }
+          }
+        }
+      }, null, 8, ["config"]))
+    ], 14, Te));
+  }
+}, mt = /* @__PURE__ */ Le(nt, [["__scopeId", "data-v-1974aec8"]]);
+export {
+  mt as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-FfZRtJ6A.cjs"),K=require("./Title-Co5jI5ed.cjs"),O=require("./usePrinter-BCAFeO_J.cjs"),Q=require("./vue-ui-skeleton-Djv08J67.cjs"),T=require("./useNestedProp-q7byAAIJ.cjs"),Z=require("./PackageVersion-DVZtsuy4.cjs"),ee=require("./PenAndPaper-CyXm-yVL.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"],xe=["x1","x2","y1","y2","stroke-width","stroke"],be=["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={__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=>({"42399c50":W.value,"2bb6dc94":G.value,"1ff71c23":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=x(w.red,N.red,v,o),R=x(w.green,N.green,v,o),X=x(w.blue,N.blue,v,o),J=`#${b(D)}${b(R)}${b(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 x(l,u,o,n){return Math.round(l+(u-l)*o/n)}function b(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,xe)):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,be)):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),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:5,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],14,oe))}},Be=te._export_sfc(Ne,[["__scopeId","data-v-1974aec8"]]);exports.default=Be;

package/dist/{vue-ui-timer-CNpKGbIg.cjs → vue-ui-timer-COOXcn14.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-iuDCMc2p.cjs"),g=require("./index-Dfhvf8hT.cjs"),$=require("./useResponsive-B3TrDDIG.cjs"),B=require("./BaseIcon-7IlvRUX2.cjs"),j=require("./Title-BHmTg9iK.cjs"),q=require("./PackageVersion-Djty0wb2.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-q7byAAIJ.cjs"),g=require("./index-FfZRtJ6A.cjs"),$=require("./useResponsive-B3TrDDIG.cjs"),B=require("./BaseIcon-BGExhz6v.cjs"),j=require("./Title-Co5jI5ed.cjs"),q=require("./PackageVersion-DVZtsuy4.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-DE_m5wxu.js → vue-ui-timer-pi1SazTU.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-DGWP4D-K.js";
-import { u as le, c as oe, X as re, E as W } from "./index-B0CpCD8z.js";
+import { u as se } from "./useNestedProp-Cox0K0Y5.js";
+import { u as le, c as oe, X as re, E as W } from "./index-DnVHQ2xI.js";
 import { t as ue, u as ie } from "./useResponsive-NZB-WLRF.js";
-import P from "./BaseIcon-BUTpMnXi.js";
-import { _ as ne } from "./Title-DlVZnHjs.js";
-import { _ as ce } from "./PackageVersion-wB6dCDZw.js";
+import P from "./BaseIcon-rRli6Sfv.js";
+import { _ as ne } from "./Title-5VmBwT4i.js";
+import { _ as ce } from "./PackageVersion-CvCRsT5_.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class he {
   constructor(A, k, T, H = !0, x = !0) {

package/dist/vue-ui-tiremarks-hdNqoGyd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),M=require("./useNestedProp-q7byAAIJ.cjs"),c=require("./index-FfZRtJ6A.cjs"),D=require("./Title-Co5jI5ed.cjs"),T=require("./usePrinter-BCAFeO_J.cjs"),R=require("./vue-ui-skeleton-Djv08J67.cjs"),X=require("./PackageVersion-DVZtsuy4.cjs"),Y=require("./PenAndPaper-CyXm-yVL.cjs"),J=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),K=["id"],Q={key:1,style:"width:100%;background:transparent;padding-bottom:12px"},W=["xmlns","viewBox"],Z={key:0},ee=["d","stroke-width","stroke"],te={key:1},ae=["x1","y1","x2","y2","stroke-width","stroke"],oe=["x","y","font-size","fill","font-weight","text-anchor"],le={key:4,class:"vue-data-ui-watermark"},re={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(V,{expose:G}){const v=V,{vue_ui_tiremarks:j}=c.useConfig(),w=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),x=e.ref(c.createUid()),$=e.ref(null),A=e.ref(0),z=e.ref(0),t=e.computed({get:()=>S(),set:a=>a});function S(){const a=M.useNestedProp({userConfig:v.config,defaultConfig:j});return a.theme?{...M.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[a.theme]||v.config,defaultConfig:a})}:a}e.watch(()=>v.config,a=>{t.value=S(),q(),z.value+=1},{deep:!0});const{isPrinting:I,isImaging:N,generatePdf:F,generateImage:O}=T.usePrinter({elementId:x.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),n=e.ref(t.value.style.chart.animation.use?0:c.checkNaN(v.dataset.percentage));e.watch(()=>v.dataset,a=>{t.value.style.chart.animation.use?E(a.percentage):n.value=a.percentage||0},{deep:!0}),e.onMounted(()=>{q()});function E(a){let u=t.value.style.chart.animation.speed;const o=Math.abs(a-n.value)/(u*120);function r(){n.value<a?n.value=Math.min(n.value+o,a):n.value>a&&(n.value=Math.max(n.value-o,a)),n.value!==a&&requestAnimationFrame(r)}r()}function q(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),E(v.dataset.percentage||0)}const f=e.computed(()=>t.value.style.chart.layout.display==="vertical"),s=e.computed(()=>{const a={top:48,left:64,right:64,bottom:48};return f.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?a.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?a.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?a.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?a.right:10}}),b=e.computed(()=>Object.values(s.value).reduce((a,u)=>a+u,0)),l=e.computed(()=>({height:f.value?312:56,width:f.value?56:312})),U=e.ref(100);e.computed(()=>v.dataset.percentage/U.value);const i=e.computed(()=>f.value?{mark:(l.value.height-b.value)/100*.5,space:(l.value.height-b.value)/100*.5}:{mark:(l.value.width-b.value)/100*.5,space:(l.value.width-b.value)/100*.5}),L=e.computed(()=>{const a=[];for(let o=0;o<100;o+=1){const r=t.value.style.chart.layout.ticks.gradient.show?c.shiftHue(t.value.style.chart.layout.activeColor,o/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(f.value){const y=t.value.style.chart.layout.crescendo?(100-o)*(l.value.width-s.value.left-s.value.right)/100/3:0,d=s.value.left+4+y,h=l.value.width-s.value.right-4-y,p=l.value.height-s.value.bottom-o*i.value.mark-o*i.value.space-i.value.mark,m=l.value.height-s.value.bottom-o*i.value.mark-o*i.value.space-i.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,C=t.value.style.chart.layout.curveAngleY*((1+o)/100);a.push({x1:d,x2:h,y1:p,y2:m,curve:`M ${d} ${p} C ${d+k} ${p-C}, ${h-k} ${m-C}, ${h} ${m}`,color:r})}else{const y=t.value.style.chart.layout.crescendo?(100-o)*(l.value.height-s.value.top-s.value.bottom)/100/3:0,d=s.value.left+o*i.value.mark+o*i.value.space-i.value.mark,h=d,p=s.value.top+4+y,m=l.value.height-s.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+o)/100),C=(m-p)/t.value.style.chart.layout.curveAngleX;a.push({x1:d,x2:h,y1:p,y2:m,curve:`M ${d} ${p} C ${d+k} ${p+C}, ${h+k} ${m-C}, ${h} ${m}`,color:r})}}return a}),g=e.computed(()=>{let a,u,o;const r=t.value.style.chart.percentage.fontSize/3;return f.value?t.value.style.chart.percentage.verticalPosition==="top"?(a=l.value.width/2,u=s.value.top/2,o="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(a=l.value.width/2,u=l.value.height-s.value.bottom/2+r,o="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(a=4,u=l.value.height/2+r,o="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(a=l.value.width-s.value.right+8,u=l.value.height/2+r,o="start"),{x:a,y:u,textAnchor:o,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),_=e.ref(!1);function H(a){_.value=a,A.value+=1}const P=e.ref(!1);function B(){P.value=!P.value}return G({generatePdf:F,generateImage:O,toggleAnnotator:B}),(a,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:$,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`),id:x.value},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Y.PenAndPaper,{key:0,parent:$.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:P.value,onClose:B},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(),e.createBlock(D._sfc_main,{key:`title_${z.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&w.value?(e.openBlock(),e.createBlock(T.UserOptions,{ref:"details",key:`user_options_${A.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(I),isImaging:e.unref(N),uid:x.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:_.value,titles:{...t.value.userOptions.buttonTitles},chartElement:$.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:P.value,onToggleFullscreen:H,onGeneratePdf:e.unref(F),onGenerateImage:e.unref(O),onToggleAnnotator:B},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:r})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:r})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:r})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(c.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(X._sfc_main),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(o,r)=>(e.openBlock(),e.createElementBlock("path",{d:o.curve,"stroke-width":i.value.mark,stroke:n.value>=r?o.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=n.value})},null,10,ee))),256))])):(e.openBlock(),e.createElementBlock("g",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(o,r)=>(e.openBlock(),e.createElementBlock("line",{x1:o.x1,y1:o.y1,x2:o.x2,y2:o.y2,"stroke-width":i.value.mark,stroke:n.value>=r?o.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,ae))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:g.value.x,y:g.value.y,"font-size":g.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(c.shiftHue)(t.value.style.chart.layout.activeColor,n.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":g.value.bold?"bold":"normal","text-anchor":g.value.textAnchor},e.toDisplayString(e.unref(c.applyDataLabel)(t.value.style.chart.percentage.formatter,n.value,e.unref(c.dataLabel)({v:n.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,oe)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:l.value},void 0,!0)],14,W)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(I)||e.unref(N)})),void 0,!0)])):e.createCommentVNode("",!0),w.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R.default,{key:5,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],14,K))}},ne=J._export_sfc(re,[["__scopeId","data-v-4a9028ce"]]);exports.default=ne;