vue-data-ui 2.3.76 → 2.3.78

package/dist/{vue-ui-waffle-DB7X6nTS.js → vue-ui-waffle-DEXMh07q.js}

@@ -1,16 +1,16 @@
-import { computed as d, ref as c, watch as Te, onMounted as je, onBeforeUnmount as We, openBlock as s, createElementBlock as i, normalizeClass as Se, normalizeStyle as q, createBlock as V, createCommentVNode as f, unref as h, createSlots as qe, withCtx as b, renderSlot as w, normalizeProps as H, guardReactiveProps as X, createElementVNode as k, Fragment as T, renderList as M, toDisplayString as S, createTextVNode as Le, createVNode as He, nextTick as Xe, pushScopeId as Ye, popScopeId as Je } from "vue";
-import { u as Ke, c as Qe, t as Ze, a as et, p as B, o as tt, e as oe, g as lt, b as at, i as D, f as x, X as ot, v as ut, w as st, E as rt, H as nt, d as it, x as ct, y as vt, q as dt, r as ht } from "./index-CaV1s-yZ.js";
-import { t as yt, u as pt } from "./useResponsive-NZB-WLRF.js";
-import { _ as ft } from "./Title-gUz6GDA3.js";
-import { u as gt, U as mt } from "./usePrinter-rvJyT65A.js";
-import { _ as bt } from "./Tooltip-DfSM1mNP.js";
-import { D as wt } from "./DataTable-e2fnfjXV.js";
-import { L as kt } from "./Legend-5cQ0xZjK.js";
-import xt from "./vue-ui-skeleton-CvFX_ExX.js";
-import Ct from "./vue-ui-accordion-CpzGQ63y.js";
-import { u as Pe } from "./useNestedProp-tWCzZrLx.js";
+import { computed as d, ref as c, watch as Te, onMounted as Ee, onBeforeUnmount as We, openBlock as s, createElementBlock as i, normalizeClass as Se, normalizeStyle as q, createBlock as V, createCommentVNode as p, unref as h, createSlots as qe, withCtx as b, renderSlot as w, normalizeProps as H, guardReactiveProps as X, createElementVNode as k, Fragment as T, renderList as M, toDisplayString as S, createTextVNode as Le, createVNode as He, nextTick as Xe, pushScopeId as Ye, popScopeId as Je } from "vue";
+import { u as Ke, c as Qe, t as Ze, a as et, p as B, o as tt, e as oe, g as lt, b as at, i as D, f as x, X as ot, s as ut, w as st, F as rt, I as nt, d as it, x as ct, y as vt, q as dt, r as ht } from "./index-DP8dqFNd.js";
+import { t as yt, u as ft } from "./useResponsive-NZB-WLRF.js";
+import { _ as pt } from "./Title-Bx-VO3md.js";
+import { u as gt, U as mt } from "./usePrinter-DiuHo4LO.js";
+import { _ as bt } from "./Tooltip-Dk-cimhQ.js";
+import { D as wt } from "./DataTable-y1lX5jVj.js";
+import { L as kt } from "./Legend-BLXcdrri.js";
+import xt from "./vue-ui-skeleton-B30ZhUV7.js";
+import Ct from "./vue-ui-accordion-Dl8zkZPk.js";
+import { u as Pe } from "./useNestedProp-B-oZxD4x.js";
 import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = ["xmlns", "viewBox"], Tt = ["id"], St = ["stop-color"], Lt = ["stop-color"], Pt = ["id"], zt = /* @__PURE__ */ ze(() => /* @__PURE__ */ k("feGaussianBlur", {
+const ze = (G) => (Ye("data-v-85fefa19"), G = G(), Je(), G), $t = ["id"], It = ["xmlns", "viewBox"], Tt = ["id"], St = ["stop-color"], Lt = ["stop-color"], Pt = ["id"], zt = /* @__PURE__ */ ze(() => /* @__PURE__ */ k("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
 }, null, -1)), Ft = /* @__PURE__ */ ze(() => /* @__PURE__ */ k("feColorMatrix", {
@@ -19,7 +19,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
 }, null, -1)), Nt = [
   zt,
   Ft
-], Bt = ["x", "y", "height", "width"], Ot = ["height", "width"], At = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Vt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Mt = ["x", "y", "height", "width", "filter"], Dt = { key: 0 }, Et = { key: 1 }, Gt = { key: 2 }, Rt = { key: 3 }, Ut = ["onMouseover", "x", "y", "height", "width"], jt = {
+], Bt = ["x", "y", "height", "width"], Ot = ["height", "width"], At = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Vt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Mt = ["x", "y", "height", "width", "filter"], Dt = { key: 0 }, Gt = { key: 1 }, Rt = { key: 2 }, Ut = { key: 3 }, jt = ["onMouseover", "x", "y", "height", "width"], Et = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Wt = ["onClick"], qt = { key: 0 }, Ht = { key: 1 }, Xt = ["innerHTML"], Yt = {
@@ -39,8 +39,8 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
     }
   },
   emits: ["selectLegend"],
-  setup(E, { expose: Fe, emit: Ne }) {
-    const g = E, { vue_ui_waffle: Be } = Ke(), Y = d(() => !!g.dataset && g.dataset.length), L = c(Qe()), Oe = c(null), Z = c(!1), ee = c(""), O = c(null), ue = c(0), G = c(null), se = c(null), re = c(null), ne = c(0), ie = c(0), ce = c(0), e = d({
+  setup(G, { expose: Fe, emit: Ne }) {
+    const g = G, { vue_ui_waffle: Be } = Ke(), Y = d(() => !!g.dataset && g.dataset.length), L = c(Qe()), Oe = c(null), Z = c(!1), ee = c(""), O = c(null), ue = c(0), R = c(null), se = c(null), re = c(null), ne = c(0), ie = c(0), ce = c(0), e = d({
       get: () => ve(),
       set: (t) => t
     });
@@ -79,22 +79,22 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         });
       }), e.value.responsive) {
         const t = yt(() => {
-          const { width: o, height: l } = pt({
-            chart: G.value,
+          const { width: o, height: l } = ft({
+            chart: R.value,
             title: e.value.style.chart.title.text ? se.value : null,
             legend: e.value.style.chart.legend.show ? re.value : null
           });
           P.value.width = o, P.value.height = l, C.value.width = o, C.value.height = l;
         });
-        J.value = new ResizeObserver(t), J.value.observe(G.value.parentNode);
+        J.value = new ResizeObserver(t), J.value.observe(R.value.parentNode);
       }
     }
-    je(() => {
+    Ee(() => {
       de();
     }), We(() => {
       J.value && J.value.disconnect();
     });
-    const { isPrinting: he, isImaging: ye, generatePdf: pe, generateImage: fe } = gt({
+    const { isPrinting: he, isImaging: ye, generatePdf: fe, generateImage: pe } = gt({
       elementId: `vue-ui-waffle_${L.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle"
     }), ge = d(() => at(e.value.customPalette)), I = c({
@@ -108,13 +108,13 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
       left: 0,
       height: 512,
       width: 512
-    }), z = d(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), F = d(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), R = d(() => C.value.width / e.value.style.chart.layout.grid.size), K = d(() => C.value.height / e.value.style.chart.layout.grid.size);
+    }), z = d(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), F = d(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), U = d(() => C.value.width / e.value.style.chart.layout.grid.size), K = d(() => C.value.height / e.value.style.chart.layout.grid.size);
     function me(t) {
       const o = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((m, ae) => m + ae, 0), a = t.map((m) => m / l * o), u = a.map(Math.floor), n = a.map((m) => m % 1);
-      let p = o - u.reduce((m, ae) => m + ae, 0);
-      for (; p > 0; ) {
+      let f = o - u.reduce((m, ae) => m + ae, 0);
+      for (; f > 0; ) {
         let m = n.indexOf(Math.max(...n));
-        u[m] += 1, n[m] = 0, p -= 1;
+        u[m] += 1, n[m] = 0, f -= 1;
       }
       return u;
     }
@@ -136,7 +136,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
     }), Ve = d(() => {
       const t = v.value.map((o, l) => (o.values || []).reduce((a, u) => a + u));
       return me(t);
-    }), U = d(() => (g.dataset.forEach((t, o) => {
+    }), j = d(() => (g.dataset.forEach((t, o) => {
       [null, void 0].includes(t.values) && oe({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -168,19 +168,19 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         proportion: t.proportion
       }));
     }
-    const Ee = d(() => {
+    const Ge = d(() => {
       let t = 0;
-      return U.value.map((o, l) => {
+      return j.value.map((o, l) => {
         const a = t, u = a + o.proportion, n = [];
-        for (let p = Math.floor(a); p < Math.floor(u); p += 1)
-          n.push(p);
+        for (let f = Math.floor(a); f < Math.floor(u); f += 1)
+          n.push(f);
         return t = u, {
           ...o,
           start: a,
           rects: n
         };
       });
-    }), r = d(() => Ee.value.flatMap((t, o) => t.rects.map((l, a) => ({
+    }), r = d(() => Ge.value.flatMap((t, o) => t.rects.map((l, a) => ({
       isFirst: a === 0,
       isLongEnough: l.length > 2,
       name: t.name,
@@ -193,7 +193,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
     }))).map((t, o) => ({
       ...t,
       isAbsoluteFirst: o % e.value.style.chart.layout.grid.size === 0
-    }))), j = d(() => {
+    }))), E = d(() => {
       const t = [];
       for (let o = 0; o < e.value.style.chart.layout.grid.size; o += 1)
         for (let l = 0; l < e.value.style.chart.layout.grid.size; l += 1)
@@ -214,30 +214,30 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
       let a = v.value.find((u) => u.uid === t).values.reduce((u, n) => u + n, 0);
       if (y.value.includes(t)) {
         let n = function() {
-          a > u ? (cancelAnimationFrame(ke.value), v.value = v.value.map((p, m) => p.uid === t ? {
-            ...p,
+          a > u ? (cancelAnimationFrame(ke.value), v.value = v.value.map((f, m) => f.uid === t ? {
+            ...f,
             values: [u]
-          } : p), N.value = !1) : (N.value = !0, a += u * 0.025, v.value = v.value.map((p, m) => p.uid === t ? {
-            ...p,
+          } : f), N.value = !1) : (N.value = !0, a += u * 0.025, v.value = v.value.map((f, m) => f.uid === t ? {
+            ...f,
             values: [a]
-          } : p), ke.value = requestAnimationFrame(n));
+          } : f), ke.value = requestAnimationFrame(n));
         };
-        y.value = y.value.filter((p) => p !== t);
+        y.value = y.value.filter((f) => f !== t);
         const u = o;
         n();
       } else if (y.value.length < A.value.length - 1 && A.value.length > 1) {
         let u = function() {
-          a < 0.1 ? (cancelAnimationFrame(xe.value), y.value.push(t), v.value = v.value.map((n, p) => n.uid === t ? {
+          a < 0.1 ? (cancelAnimationFrame(xe.value), y.value.push(t), v.value = v.value.map((n, f) => n.uid === t ? {
             ...n,
             values: [0]
-          } : n), N.value = !1) : (N.value = !0, a /= 1.5, v.value = v.value.map((n, p) => n.uid === t ? {
+          } : n), N.value = !1) : (N.value = !0, a /= 1.5, v.value = v.value.map((n, f) => n.uid === t ? {
             ...n,
             values: [a]
           } : n), xe.value = requestAnimationFrame(u));
         };
         u();
       }
-      Ne("selectLegend", U.value.map((u) => ({
+      Ne("selectLegend", j.value.map((u) => ({
         name: u.name,
         color: u.color,
         value: u.value,
@@ -256,15 +256,15 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
       opacity: y.value.includes(t.uid) ? 0.5 : 1,
       segregate: () => Ce(t.uid),
       isSegregated: y.value.includes(t.uid)
-    }))), Ge = d(() => ({
+    }))), Re = d(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), _ = d(() => U.value.map((t) => t.value).reduce((t, o) => t + o, 0)), te = c(null);
-    function Re(t) {
+    })), _ = d(() => j.value.map((t) => t.value).reduce((t, o) => t + o, 0)), te = c(null);
+    function Ue(t) {
       if (y.value.length === g.dataset.length) return;
       const o = r.value[t];
       te.value = {
@@ -314,10 +314,10 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
       }
     }
     const $ = d(() => {
-      const t = U.value.map((l) => ({
+      const t = j.value.map((l) => ({
         name: l.name,
         color: l.color
-      })), o = U.value.map((l) => l.value);
+      })), o = j.value.map((l) => l.value);
       return { head: t, body: o };
     });
     function le(t) {
@@ -390,7 +390,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         colNames: a
       };
     }), W = c(!1);
-    function Ue(t) {
+    function je(t) {
       W.value = t, ue.value += 1;
     }
     function $e() {
@@ -401,15 +401,15 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
     }
     return Fe({
       getData: De,
-      generatePdf: pe,
+      generatePdf: fe,
       generateCsv: _e,
-      generateImage: fe,
+      generateImage: pe,
       toggleTable: $e,
       toggleTooltip: Ie
     }), (t, o) => (s(), i("div", {
       class: Se(`vue-ui-waffle ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
-      ref: G,
+      ref: R,
       id: `vue-ui-waffle_${L.value}`,
       style: q(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`)
     }, [
@@ -419,7 +419,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         ref: se,
         style: q(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
       }, [
-        (s(), V(ft, {
+        (s(), V(pt, {
           key: `title_${ne.value}`,
           config: {
             title: {
@@ -432,7 +432,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : f("", !0),
+      ], 4)) : p("", !0),
       e.value.userOptions.show && Y.value ? (s(), V(mt, {
         ref_key: "details",
         ref: Oe,
@@ -451,11 +451,11 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         isFullscreen: W.value,
         isTooltip: I.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: G.value,
-        onToggleFullscreen: Ue,
-        onGeneratePdf: h(pe),
+        chartElement: R.value,
+        onToggleFullscreen: je,
+        onGeneratePdf: h(fe),
         onGenerateCsv: _e,
-        onGenerateImage: h(fe),
+        onGenerateImage: h(pe),
         onToggleTable: $e,
         onToggleTooltip: Ie
       }, qe({ _: 2 }, [
@@ -501,7 +501,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : p("", !0),
       Y.value ? (s(), i("svg", {
         key: 2,
         xmlns: h(ot),
@@ -520,7 +520,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": `${h(ut)(l.color, 0.05)}${h(st)[100 - e.value.style.chart.layout.rect.gradientIntensity]}`
+              "stop-color": h(ut)(h(st)(l.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
             }, null, 8, St),
             k("stop", {
               offset: "100%",
@@ -537,7 +537,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
             height: "200%"
           }, Nt, 8, Pt)
         ]),
-        e.value.useCustomCells && r.value.length ? (s(!0), i(T, { key: 0 }, M(j.value, (l, a) => (s(), i("foreignObject", {
+        e.value.useCustomCells && r.value.length ? (s(!0), i(T, { key: 0 }, M(E.value, (l, a) => (s(), i("foreignObject", {
           x: l.x,
           y: l.y,
           height: F.value <= 0 ? 1e-4 : F.value,
@@ -545,7 +545,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           w(t.$slots, "cell", H(X({ cell: { ...l, color: r.value[a].color, ...r.value[a] }, isSelected: [null, void 0].includes(O.value) ? !0 : r.value[a].serieIndex === O.value })), void 0, !0)
-        ], 8, Bt))), 256)) : f("", !0),
+        ], 8, Bt))), 256)) : p("", !0),
         !r.value.length && !e.value.useCustomCells ? (s(), i("rect", {
           key: 1,
           x: 12,
@@ -556,7 +556,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
           fill: "none",
           stroke: "black"
         }, null, 8, Ot)) : r.value.length && !e.value.useCustomCells ? (s(), i(T, { key: 2 }, [
-          (s(!0), i(T, null, M(j.value, (l, a) => (s(), i("rect", {
+          (s(!0), i(T, null, M(E.value, (l, a) => (s(), i("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -567,7 +567,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: le(r.value[a].serieIndex)
           }, null, 8, At))), 256)),
-          (s(!0), i(T, null, M(j.value, (l, a) => (s(), i("rect", {
+          (s(!0), i(T, null, M(E.value, (l, a) => (s(), i("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -578,23 +578,23 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: le(r.value[a].serieIndex)
           }, null, 8, Vt))), 256))
-        ], 64)) : f("", !0),
-        (s(!0), i(T, null, M(j.value, (l, a) => (s(), i(T, null, [
+        ], 64)) : p("", !0),
+        (s(!0), i(T, null, M(E.value, (l, a) => (s(), i(T, null, [
           r.value.length && !N.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (r.value[a].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || r.value[a].isAbsoluteFirst && a % e.value.style.chart.layout.grid.size === 0 && r.value[a].absoluteStartIndex) ? (s(), i("foreignObject", {
             key: 0,
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: l.y + e.value.style.chart.layout.labels.captions.offsetY + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: K.value <= 0 ? 1e-4 : K.value,
-            width: R.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : R.value * e.value.style.chart.layout.grid.size,
+            width: U.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : U.value * e.value.style.chart.layout.grid.size,
             filter: le(r.value[a].serieIndex)
           }, [
             k("div", {
               class: "vue-ui-waffle-caption",
-              style: q(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${R.value / 12}px;color:${h(rt)(r.value[a].color)};gap:2px`)
+              style: q(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${U.value / 12}px;color:${h(rt)(r.value[a].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), i("span", Dt, S(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? h(nt)({ source: r.value[a].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[a].name) + ": ", 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), i("span", Et, S(h(x)({ v: r.value[a].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), i("span", Gt, " (" + S(h(D)(
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), i("span", Dt, S(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? h(nt)({ source: r.value[a].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[a].name) + ": ", 1)) : p("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), i("span", Gt, S(h(x)({ v: r.value[a].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : p("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), i("span", Rt, " (" + S(h(D)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 r.value[a].value,
                 h(x)({
@@ -604,8 +604,8 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
                 { datapoint: r.value[a], position: l }
-              )) + ") ", 1)) : f("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), i("span", Rt, S(h(D)(
+              )) + ") ", 1)) : p("", !0),
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), i("span", Ut, S(h(D)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 r.value[a].value,
                 h(x)({
@@ -615,28 +615,28 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
                 { datapoint: r.value[a], position: l }
-              )), 1)) : f("", !0)
+              )), 1)) : p("", !0)
             ], 4)
-          ], 8, Mt)) : f("", !0)
+          ], 8, Mt)) : p("", !0)
         ], 64))), 256)),
-        (s(!0), i(T, null, M(j.value, (l, a) => (s(), i("rect", {
-          onMouseover: (u) => Re(a),
+        (s(!0), i(T, null, M(E.value, (l, a) => (s(), i("rect", {
+          onMouseover: (u) => Ue(a),
           onMouseleave: o[0] || (o[0] = (u) => {
             Z.value = !1, O.value = null;
           }),
           x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: l.y + e.value.style.chart.layout.grid.spaceBetween / 2,
           height: K.value <= 0 ? 1e-4 : K.value,
-          width: R.value <= 0 ? 1e-4 : R.value,
+          width: U.value <= 0 ? 1e-4 : U.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, Ut))), 256)),
+        }, null, 40, jt))), 256)),
         w(t.$slots, "svg", { svg: P.value }, void 0, !0)
-      ], 14, It)) : f("", !0),
-      t.$slots.watermark ? (s(), i("div", jt, [
+      ], 14, It)) : p("", !0),
+      t.$slots.watermark ? (s(), i("div", Et, [
         w(t.$slots, "watermark", H(X({ isPrinting: h(he) || h(ye) })), void 0, !0)
-      ])) : f("", !0),
-      Y.value ? f("", !0) : (s(), V(xt, {
+      ])) : p("", !0),
+      Y.value ? p("", !0) : (s(), V(xt, {
         key: 4,
         config: {
           type: "waffle",
@@ -655,7 +655,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         e.value.style.chart.legend.show ? (s(), V(kt, {
           key: `legend_${ce.value}`,
           legendSet: A.value,
-          config: Ge.value,
+          config: Re.value,
           onClickMarker: o[1] || (o[1] = ({ legend: l }) => Ce(l.uid))
         }, {
           item: b(({ legend: l }) => [
@@ -694,7 +694,7 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: G.value,
+        parent: R.value,
         content: ee.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         fontSize: e.value.style.chart.tooltip.fontSize
@@ -746,10 +746,10 @@ const ze = (E) => (Ye("data-v-eaa613a1"), E = E(), Je(), E), $t = ["id"], It = [
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : f("", !0)
+      }, 8, ["config"])) : p("", !0)
     ], 14, $t));
   }
-}, nl = /* @__PURE__ */ _t(Yt, [["__scopeId", "data-v-eaa613a1"]]);
+}, nl = /* @__PURE__ */ _t(Yt, [["__scopeId", "data-v-85fefa19"]]);
 export {
   nl as default
 };

package/dist/{vue-ui-wheel-CryKap2E.js → vue-ui-wheel-CwjuVi6U.js}

@@ -1,10 +1,10 @@
-import { computed as p, ref as o, watch as U, onMounted as V, onBeforeUnmount as ee, openBlock as r, createElementBlock as v, normalizeStyle as C, createBlock as _, createCommentVNode as d, unref as n, createSlots as te, withCtx as x, renderSlot as f, normalizeProps as X, guardReactiveProps as B, normalizeClass as G, Fragment as ae, renderList as le, toDisplayString as se } from "vue";
-import { u as ne, c as oe, t as re, o as ue, e as ie, v as T, X as ce, i as he, s as E, f as ve } from "./index-CaV1s-yZ.js";
-import { _ as de } from "./Title-gUz6GDA3.js";
-import { u as fe, U as ye } from "./usePrinter-rvJyT65A.js";
+import { computed as p, ref as o, watch as U, onMounted as V, onBeforeUnmount as ee, openBlock as r, createElementBlock as v, normalizeStyle as C, createBlock as _, createCommentVNode as d, unref as s, createSlots as te, withCtx as x, renderSlot as f, normalizeProps as X, guardReactiveProps as B, normalizeClass as G, Fragment as ae, renderList as le, toDisplayString as ne } from "vue";
+import { u as se, c as oe, t as re, o as ue, e as ie, w as T, X as ce, i as he, v as E, f as ve } from "./index-DP8dqFNd.js";
+import { _ as de } from "./Title-Bx-VO3md.js";
+import { u as fe, U as ye } from "./usePrinter-DiuHo4LO.js";
 import { t as ge, u as me } from "./useResponsive-NZB-WLRF.js";
-import pe from "./vue-ui-skeleton-CvFX_ExX.js";
-import { u as j } from "./useNestedProp-tWCzZrLx.js";
+import pe from "./vue-ui-skeleton-B30ZhUV7.js";
+import { u as j } from "./useNestedProp-B-oZxD4x.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], _e = ["cx", "cy", "r", "stroke", "stroke-width"], xe = ["x", "y", "font-size", "fill", "font-weight"], Ie = {
   key: 3,
@@ -26,7 +26,7 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
     }
   },
   setup(D, { expose: R }) {
-    const i = D, { vue_ui_wheel: Y } = ne(), k = p(() => !!i.dataset && Object.keys(i.dataset).length), w = o(oe()), H = o(null), I = o(0), y = o(null), $ = o(null), F = o(0), e = p({
+    const i = D, { vue_ui_wheel: Y } = se(), k = p(() => !!i.dataset && Object.keys(i.dataset).length), w = o(oe()), H = o(null), I = o(0), y = o(null), $ = o(null), F = o(0), e = p({
       get: () => P(),
       set: (t) => t
     });
@@ -63,9 +63,9 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
         y: u.value.centerY + u.value.radius * Math.sin(29.85 + t * Math.PI / 180) * c
       };
     }
-    const s = o(e.value.style.chart.animation.use ? 0 : i.dataset.percentage || 0);
+    const n = o(e.value.style.chart.animation.use ? 0 : i.dataset.percentage || 0);
     U(() => i.dataset, (t) => {
-      e.value.style.chart.animation.use ? L(t.percentage) : s.value = t.percentage || 0;
+      e.value.style.chart.animation.use ? L(t.percentage) : n.value = t.percentage || 0;
     }, { deep: !0 });
     const g = o(null);
     V(() => {
@@ -91,16 +91,16 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
     });
     function L(t) {
       let c = e.value.style.chart.animation.speed;
-      const a = Math.abs(t - s.value) / (c * 120);
+      const a = Math.abs(t - n.value) / (c * 120);
       function h() {
-        s.value < t ? s.value = Math.min(s.value + a, t) : s.value > t && (s.value = Math.max(s.value - a, t)), s.value !== t && requestAnimationFrame(h);
+        n.value < t ? n.value = Math.min(n.value + a, t) : n.value > t && (n.value = Math.max(n.value - a, t)), n.value !== t && requestAnimationFrame(h);
       }
       h();
     }
     const W = p(() => {
       const t = [];
       for (let a = 0; a < 100; a += 1) {
-        const h = s.value > a ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: J, y: K } = N(l.value.size / 100 * a), { x: Q, y: Z } = N(l.value.size / 100 * a, 0.9);
+        const h = n.value > a ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: J, y: K } = N(l.value.size / 100 * a), { x: Q, y: Z } = N(l.value.size / 100 * a, 0.9);
         t.push({
           x1: J,
           y1: K,
@@ -150,8 +150,8 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
         key: `user_options_${I.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: n(z),
-        isImaging: n(S),
+        isPrinting: s(z),
+        isImaging: s(S),
         uid: w.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -161,8 +161,8 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: y.value,
         onToggleFullscreen: q,
-        onGeneratePdf: n(O),
-        onGenerateImage: n(M)
+        onGeneratePdf: s(O),
+        onGenerateImage: s(M)
       }, te({ _: 2 }, [
         t.$slots.optionPdf ? {
           name: "optionPdf",
@@ -188,7 +188,7 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : d("", !0),
       k.value ? (r(), v("svg", {
         key: 2,
-        xmlns: n(ce),
+        xmlns: s(ce),
         class: G({ "vue-data-ui-fullscreen--on": m.value, "vue-data-ui-fulscreen--off": !m.value }),
         viewBox: `0 0 ${l.value.width <= 0 ? 10 : l.value.width} ${l.value.height <= 0 ? 10 : l.value.height}`,
         style: C(`max-width:100%;overflow:visible;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
@@ -201,7 +201,7 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
           stroke: a.color,
           "stroke-width": 5 / 360 * Math.min(l.value.width, l.value.height),
           "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
-          class: G({ "vue-ui-tick-animated": e.value.style.chart.animation.use && h <= s.value })
+          class: G({ "vue-ui-tick-animated": e.value.style.chart.animation.use && h <= n.value })
         }, null, 10, Ce))), 256)),
         e.value.style.chart.layout.innerCircle.show ? (r(), v("circle", {
           key: 0,
@@ -217,15 +217,15 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
           x: u.value.centerX,
           y: u.value.centerY + b.value / 3,
           "font-size": b.value,
-          fill: e.value.style.chart.layout.wheel.ticks.gradient.show ? n(T)(e.value.style.chart.layout.wheel.ticks.activeColor, s.value / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.wheel.ticks.activeColor,
+          fill: e.value.style.chart.layout.wheel.ticks.gradient.show ? s(T)(e.value.style.chart.layout.wheel.ticks.activeColor, n.value / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.wheel.ticks.activeColor,
           "text-anchor": "middle",
           "font-weight": e.value.style.chart.layout.percentage.bold ? "bold" : "normal",
           style: { "font-variant-numeric": "tabluar-nums" }
-        }, se(n(he)(
+        }, ne(s(he)(
           e.value.style.chart.layout.percentage.formatter,
-          n(E)(s.value),
-          n(ve)({
-            v: n(E)(s.value),
+          s(E)(n.value),
+          s(ve)({
+            v: s(E)(n.value),
             s: "%",
             r: e.value.style.chart.layout.percentage.rounding
           })
@@ -233,7 +233,7 @@ const we = ["id"], be = ["xmlns", "viewBox"], Ce = ["x1", "x2", "y1", "y2", "str
         f(t.$slots, "svg", { svg: l.value }, void 0, !0)
       ], 14, be)) : d("", !0),
       t.$slots.watermark ? (r(), v("div", Ie, [
-        f(t.$slots, "watermark", X(B({ isPrinting: n(z) || n(S) })), void 0, !0)
+        f(t.$slots, "watermark", X(B({ isPrinting: s(z) || s(S) })), void 0, !0)
       ])) : d("", !0),
       k.value ? d("", !0) : (r(), _(pe, {
         key: 4,

package/dist/{vue-ui-wheel-BzjbGP6a.cjs → vue-ui-wheel-DSFKKX65.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-BTgtr0F8.cjs"),G=require("./Title-3EduyW4p.cjs"),I=require("./usePrinter-DzTaA1eh.cjs"),N=require("./useResponsive-B3TrDDIG.cjs"),R=require("./vue-ui-skeleton-CMQzFTs9.cjs"),$=require("./useNestedProp-CisbRRo_.cjs"),X=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),j=["id"],H=["xmlns","viewBox"],V=["x1","x2","y1","y2","stroke","stroke-width","stroke-linecap"],D=["cx","cy","r","stroke","stroke-width"],Y=["x","y","font-size","fill","font-weight"],W={key:3,class:"vue-data-ui-watermark"},J={__name:"vue-ui-wheel",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(z,{expose:F}){const s=z,{vue_ui_wheel:O}=r.useConfig(),f=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length),y=e.ref(r.createUid()),M=e.ref(null),g=e.ref(0),h=e.ref(null),p=e.ref(null),k=e.ref(0),t=e.computed({get:()=>w(),set:l=>l});function w(){const l=$.useNestedProp({userConfig:s.config,defaultConfig:O});return l.theme?{...$.useNestedProp({userConfig:r.themes.vue_ui_wheel[l.theme]||s.config,defaultConfig:l})}:l}e.watch(()=>s.config,l=>{t.value=w(),P(),k.value+=1},{deep:!0});const{isPrinting:C,isImaging:b,generatePdf:_,generateImage:x}=I.usePrinter({elementId:y.value,fileName:t.value.style.chart.title.text||"vue-ui-wheel"}),n=e.ref({size:360,height:360,width:360}),m=e.ref(t.value.style.chart.layout.percentage.fontSize),u=e.computed(()=>({radius:Math.min(n.value.width,n.value.height)*.9/2,centerX:n.value.width/2,centerY:n.value.height/2}));function B(l,i=1){return{x:u.value.centerX+u.value.radius*Math.cos(29.85+l*Math.PI/180)*i,y:u.value.centerY+u.value.radius*Math.sin(29.85+l*Math.PI/180)*i}}const o=e.ref(t.value.style.chart.animation.use?0:s.dataset.percentage||0);e.watch(()=>s.dataset,l=>{t.value.style.chart.animation.use?S(l.percentage):o.value=l.percentage||0},{deep:!0});const v=e.ref(null);e.onMounted(()=>{P()});function P(){if(r.objectIsEmpty(s.dataset)&&r.error({componentName:"VueUiWheel",type:"dataset"}),S(s.dataset.percentage||0),t.value.responsive){const l=N.throttle(()=>{const{width:i,height:a}=N.useResponsive({chart:h.value,title:t.value.style.chart.title.text?p.value:null});n.value.width=i,n.value.height=a,m.value=t.value.style.chart.layout.percentage.fontSize/360*Math.min(i,a)});v.value=new ResizeObserver(l),v.value.observe(h.value.parentNode)}}e.onBeforeUnmount(()=>{v.value&&v.value.disconnect()});function S(l){let i=t.value.style.chart.animation.speed;const a=Math.abs(l-o.value)/(i*120);function c(){o.value<l?o.value=Math.min(o.value+a,l):o.value>l&&(o.value=Math.max(o.value-a,l)),o.value!==l&&requestAnimationFrame(c)}c()}const E=e.computed(()=>{const l=[];for(let a=0;a<100;a+=1){const c=o.value>a?t.value.style.chart.layout.wheel.ticks.activeColor:t.value.style.chart.layout.wheel.ticks.inactiveColor,{x:q,y:T}=B(n.value.size/100*a),{x:L,y:U}=B(n.value.size/100*a,.9);l.push({x1:q,y1:T,x2:L,y2:U,color:t.value.style.chart.layout.wheel.ticks.gradient.show?r.shiftHue(c,a/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):c})}return l}),d=e.ref(!1);function A(l){d.value=l,g.value+=1}return F({generatePdf:_,generateImage:x}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-wheel",ref_key:"wheelChart",ref:h,id:y.value,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height:100%":""}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:p,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[(e.openBlock(),e.createBlock(G._sfc_main,{key:`title_${k.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&f.value?(e.openBlock(),e.createBlock(I.UserOptions,{ref_key:"details",ref:M,key:`user_options_${g.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(C),isImaging:e.unref(b),uid:y.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:d.value,titles:{...t.value.userOptions.buttonTitles},chartElement:h.value,onToggleFullscreen:A,onGeneratePdf:e.unref(_),onGenerateImage:e.unref(x)},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:a,isFullscreen:c})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:c})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":d.value,"vue-data-ui-fulscreen--off":!d.value}),viewBox:`0 0 ${n.value.width<=0?10:n.value.width} ${n.value.height<=0?10:n.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(a,c)=>(e.openBlock(),e.createElementBlock("line",{x1:a.x1,x2:a.x2,y1:a.y1,y2:a.y2,stroke:a.color,"stroke-width":5/360*Math.min(n.value.width,n.value.height),"stroke-linecap":t.value.style.chart.layout.wheel.ticks.rounded?"round":"butt",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&c<=o.value})},null,10,V))),256)),t.value.style.chart.layout.innerCircle.show?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:u.value.centerX,cy:u.value.centerY,r:u.value.radius*.8<=0?1e-4:u.value.radius*.8,stroke:t.value.style.chart.layout.innerCircle.stroke,"stroke-width":t.value.style.chart.layout.innerCircle.strokeWidth,fill:"none"},null,8,D)):e.createCommentVNode("",!0),t.value.style.chart.layout.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:1,x:u.value.centerX,y:u.value.centerY+m.value/3,"font-size":m.value,fill:t.value.style.chart.layout.wheel.ticks.gradient.show?e.unref(r.shiftHue)(t.value.style.chart.layout.wheel.ticks.activeColor,o.value/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.wheel.ticks.activeColor,"text-anchor":"middle","font-weight":t.value.style.chart.layout.percentage.bold?"bold":"normal",style:{"font-variant-numeric":"tabluar-nums"}},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.percentage.formatter,e.unref(r.checkNaN)(o.value),e.unref(r.dataLabel)({v:e.unref(r.checkNaN)(o.value),s:"%",r:t.value.style.chart.layout.percentage.rounding}))),9,Y)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:n.value},void 0,!0)],14,H)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(C)||e.unref(b)})),void 0,!0)])):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R.default,{key:4,config:{type:"wheel",style:{backgroundColor:t.value.style.chart.backgroundColor,wheel:{color:"#CCCCCC"}}}},null,8,["config"]))],12,j))}},K=X._export_sfc(J,[["__scopeId","data-v-355bd3d3"]]);exports.default=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-CzjC8LfY.cjs"),G=require("./Title-BSpa3uge.cjs"),I=require("./usePrinter-DiLM6jav.cjs"),N=require("./useResponsive-B3TrDDIG.cjs"),R=require("./vue-ui-skeleton-CwqzJlQf.cjs"),$=require("./useNestedProp-CY7DebVH.cjs"),X=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),j=["id"],H=["xmlns","viewBox"],V=["x1","x2","y1","y2","stroke","stroke-width","stroke-linecap"],D=["cx","cy","r","stroke","stroke-width"],Y=["x","y","font-size","fill","font-weight"],W={key:3,class:"vue-data-ui-watermark"},J={__name:"vue-ui-wheel",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(z,{expose:F}){const s=z,{vue_ui_wheel:O}=r.useConfig(),f=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length),y=e.ref(r.createUid()),M=e.ref(null),g=e.ref(0),h=e.ref(null),p=e.ref(null),k=e.ref(0),t=e.computed({get:()=>w(),set:l=>l});function w(){const l=$.useNestedProp({userConfig:s.config,defaultConfig:O});return l.theme?{...$.useNestedProp({userConfig:r.themes.vue_ui_wheel[l.theme]||s.config,defaultConfig:l})}:l}e.watch(()=>s.config,l=>{t.value=w(),P(),k.value+=1},{deep:!0});const{isPrinting:C,isImaging:b,generatePdf:_,generateImage:x}=I.usePrinter({elementId:y.value,fileName:t.value.style.chart.title.text||"vue-ui-wheel"}),n=e.ref({size:360,height:360,width:360}),m=e.ref(t.value.style.chart.layout.percentage.fontSize),u=e.computed(()=>({radius:Math.min(n.value.width,n.value.height)*.9/2,centerX:n.value.width/2,centerY:n.value.height/2}));function B(l,i=1){return{x:u.value.centerX+u.value.radius*Math.cos(29.85+l*Math.PI/180)*i,y:u.value.centerY+u.value.radius*Math.sin(29.85+l*Math.PI/180)*i}}const o=e.ref(t.value.style.chart.animation.use?0:s.dataset.percentage||0);e.watch(()=>s.dataset,l=>{t.value.style.chart.animation.use?S(l.percentage):o.value=l.percentage||0},{deep:!0});const v=e.ref(null);e.onMounted(()=>{P()});function P(){if(r.objectIsEmpty(s.dataset)&&r.error({componentName:"VueUiWheel",type:"dataset"}),S(s.dataset.percentage||0),t.value.responsive){const l=N.throttle(()=>{const{width:i,height:a}=N.useResponsive({chart:h.value,title:t.value.style.chart.title.text?p.value:null});n.value.width=i,n.value.height=a,m.value=t.value.style.chart.layout.percentage.fontSize/360*Math.min(i,a)});v.value=new ResizeObserver(l),v.value.observe(h.value.parentNode)}}e.onBeforeUnmount(()=>{v.value&&v.value.disconnect()});function S(l){let i=t.value.style.chart.animation.speed;const a=Math.abs(l-o.value)/(i*120);function c(){o.value<l?o.value=Math.min(o.value+a,l):o.value>l&&(o.value=Math.max(o.value-a,l)),o.value!==l&&requestAnimationFrame(c)}c()}const E=e.computed(()=>{const l=[];for(let a=0;a<100;a+=1){const c=o.value>a?t.value.style.chart.layout.wheel.ticks.activeColor:t.value.style.chart.layout.wheel.ticks.inactiveColor,{x:q,y:T}=B(n.value.size/100*a),{x:L,y:U}=B(n.value.size/100*a,.9);l.push({x1:q,y1:T,x2:L,y2:U,color:t.value.style.chart.layout.wheel.ticks.gradient.show?r.shiftHue(c,a/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):c})}return l}),d=e.ref(!1);function A(l){d.value=l,g.value+=1}return F({generatePdf:_,generateImage:x}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-wheel",ref_key:"wheelChart",ref:h,id:y.value,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height:100%":""}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:p,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[(e.openBlock(),e.createBlock(G._sfc_main,{key:`title_${k.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&f.value?(e.openBlock(),e.createBlock(I.UserOptions,{ref_key:"details",ref:M,key:`user_options_${g.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(C),isImaging:e.unref(b),uid:y.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:d.value,titles:{...t.value.userOptions.buttonTitles},chartElement:h.value,onToggleFullscreen:A,onGeneratePdf:e.unref(_),onGenerateImage:e.unref(x)},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:a,isFullscreen:c})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:c})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":d.value,"vue-data-ui-fulscreen--off":!d.value}),viewBox:`0 0 ${n.value.width<=0?10:n.value.width} ${n.value.height<=0?10:n.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(a,c)=>(e.openBlock(),e.createElementBlock("line",{x1:a.x1,x2:a.x2,y1:a.y1,y2:a.y2,stroke:a.color,"stroke-width":5/360*Math.min(n.value.width,n.value.height),"stroke-linecap":t.value.style.chart.layout.wheel.ticks.rounded?"round":"butt",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&c<=o.value})},null,10,V))),256)),t.value.style.chart.layout.innerCircle.show?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:u.value.centerX,cy:u.value.centerY,r:u.value.radius*.8<=0?1e-4:u.value.radius*.8,stroke:t.value.style.chart.layout.innerCircle.stroke,"stroke-width":t.value.style.chart.layout.innerCircle.strokeWidth,fill:"none"},null,8,D)):e.createCommentVNode("",!0),t.value.style.chart.layout.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:1,x:u.value.centerX,y:u.value.centerY+m.value/3,"font-size":m.value,fill:t.value.style.chart.layout.wheel.ticks.gradient.show?e.unref(r.shiftHue)(t.value.style.chart.layout.wheel.ticks.activeColor,o.value/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.wheel.ticks.activeColor,"text-anchor":"middle","font-weight":t.value.style.chart.layout.percentage.bold?"bold":"normal",style:{"font-variant-numeric":"tabluar-nums"}},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.percentage.formatter,e.unref(r.checkNaN)(o.value),e.unref(r.dataLabel)({v:e.unref(r.checkNaN)(o.value),s:"%",r:t.value.style.chart.layout.percentage.rounding}))),9,Y)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:n.value},void 0,!0)],14,H)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(C)||e.unref(b)})),void 0,!0)])):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R.default,{key:4,config:{type:"wheel",style:{backgroundColor:t.value.style.chart.backgroundColor,wheel:{color:"#CCCCCC"}}}},null,8,["config"]))],12,j))}},K=X._export_sfc(J,[["__scopeId","data-v-355bd3d3"]]);exports.default=K;