vue-data-ui 2.4.86 → 2.4.88

package/dist/{vue-ui-waffle-sr2mWvpN.js → vue-ui-waffle-q-CgTerF.js}

@@ -1,20 +1,20 @@
-import { useSlots as tt, computed as d, ref as v, watch as Ne, onMounted as lt, onBeforeUnmount as at, openBlock as s, createElementBlock as r, normalizeClass as Be, normalizeStyle as X, unref as c, createBlock as N, createCommentVNode as y, createSlots as Ve, withCtx as m, renderSlot as g, normalizeProps as B, guardReactiveProps as V, createVNode as ne, createElementVNode as x, Fragment as _, renderList as O, toDisplayString as A, createTextVNode as Me, nextTick as ot, pushScopeId as ut, popScopeId as st } from "vue";
-import { u as rt, c as nt, t as it, a as vt, p as M, o as ct, e as ie, g as dt, b as ht, i as E, f as C, X as pt, s as yt, w as ft, G as gt, L as mt, d as bt, x as wt, y as kt, q as xt, r as _t } from "./index-CXx0JV8R.js";
+import { useSlots as tt, computed as d, ref as v, watch as Ne, onMounted as lt, onBeforeUnmount as at, openBlock as s, createElementBlock as r, normalizeClass as Be, normalizeStyle as X, unref as c, createBlock as N, createCommentVNode as y, createSlots as Ve, withCtx as b, renderSlot as g, normalizeProps as B, guardReactiveProps as V, createVNode as ne, createElementVNode as x, Fragment as C, renderList as O, toDisplayString as A, createTextVNode as Me, nextTick as ot, pushScopeId as ut, popScopeId as st } from "vue";
+import { u as rt, c as nt, t as it, a as vt, p as M, o as ct, e as ie, g as dt, b as ht, i as E, f as $, X as pt, s as yt, w as ft, G as gt, L as bt, d as mt, x as wt, y as kt, q as xt, r as _t } from "./index-DCHLGNvJ.js";
 import { t as Ct, u as $t } from "./useResponsive-CoxXLe23.js";
-import { _ as It } from "./Title-ClQ27HaB.js";
-import { u as Tt, U as St } from "./usePrinter-Ctor1UK0.js";
-import { _ as Pt } from "./Tooltip-CGYgJoPR.js";
-import { D as Lt } from "./DataTable-BfiPjHpN.js";
-import { L as Ot } from "./Legend-DiFDWEo2.js";
-import At from "./vue-ui-skeleton-Cw0-Ac_0.js";
-import Ft from "./vue-ui-accordion-BljYKOXR.js";
-import { u as De } from "./useNestedProp-B-WAbP7E.js";
-import { _ as zt } from "./PackageVersion-qom4AEUr.js";
-import { P as Nt } from "./PenAndPaper-C-1AU46J.js";
+import { _ as It } from "./Title-Dt5mC-vb.js";
+import { u as Tt, U as St } from "./usePrinter-BvounINk.js";
+import { _ as Pt } from "./Tooltip-CmKYX0H1.js";
+import { D as Lt } from "./DataTable-Cnr3w23K.js";
+import { L as Ot } from "./Legend-Di7FMl12.js";
+import At from "./vue-ui-skeleton-nTL-u4Yd.js";
+import Ft from "./vue-ui-accordion-DEpeQHhr.js";
+import { u as De } from "./useNestedProp-BPR7xHxr.js";
+import { _ as zt } from "./PackageVersion-BAKTtSRE.js";
+import { P as Nt } from "./PenAndPaper-BUzmu0vi.js";
 import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Vt } from "./Shape-Dmv7nCLC.js";
+import { _ as Vt } from "./Shape-DZz__S1P.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], Rt = ["stop-color"], jt = ["stop-color"], Et = ["id"], Wt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feGaussianBlur", {
+const Ue = (W) => (ut("data-v-69bc0197"), W = W(), st(), W), Dt = ["id"], Ut = ["xmlns", "viewBox"], Gt = ["id"], Rt = ["stop-color"], jt = ["stop-color"], Et = ["id"], Wt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
 }, null, -1)), qt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ x("feColorMatrix", {
@@ -44,32 +44,32 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
   },
   emits: ["selectLegend"],
   setup(W, { expose: Ge, emit: Re }) {
-    const b = W, { vue_ui_waffle: je } = rt(), Ee = tt(), Y = d(() => !!b.dataset && b.dataset.length), k = v(nt()), We = v(null), te = v(!1), le = v(""), D = v(null), ve = v(0), U = v(null), ce = v(null), de = v(null), he = v(null), pe = v(null), ye = v(0), fe = v(0), ge = v(0), e = d({
+    const m = W, { vue_ui_waffle: je } = rt(), Ee = tt(), Y = d(() => !!m.dataset && m.dataset.length), k = v(nt()), We = v(null), te = v(!1), le = v(""), D = v(null), ve = v(0), U = v(null), ce = v(null), de = v(null), he = v(null), pe = v(null), ye = v(0), fe = v(0), ge = v(0), e = d({
       get: () => we(),
       set: (t) => t
-    }), { userOptionsVisible: ae, setUserOptionsVisibility: me, keepUserOptionState: be } = Bt({ config: e.value });
+    }), { userOptionsVisible: ae, setUserOptionsVisibility: be, keepUserOptionState: me } = Bt({ config: e.value });
     function we() {
       const t = De({
-        userConfig: b.config,
+        userConfig: m.config,
         defaultConfig: je
       });
       return t.theme ? {
         ...De({
-          userConfig: it.vue_ui_waffle[t.theme] || b.config,
+          userConfig: it.vue_ui_waffle[t.theme] || m.config,
           defaultConfig: t
         }),
         customPalette: vt[t.theme] || M
       } : t;
     }
-    Ne(() => b.config, (t) => {
-      e.value = we(), ae.value = !e.value.showOnChartHover, ke(), ye.value += 1, fe.value += 1, ge.value += 1;
+    Ne(() => m.config, (t) => {
+      e.value = we(), ae.value = !e.value.showOnChartHover, ke(), ye.value += 1, fe.value += 1, ge.value += 1, _.value.showTable = e.value.table.show, _.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const J = v(null);
     function ke() {
-      if (ct(b.dataset) ? ie({
+      if (ct(m.dataset) ? ie({
         componentName: "VueUiWaffle",
         type: "dataset"
-      }) : b.dataset.forEach((t, a) => {
+      }) : m.dataset.forEach((t, a) => {
         dt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
@@ -91,7 +91,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             noTitle: pe.value
           });
           requestAnimationFrame(() => {
-            F.value.width = a, F.value.height = l, $.value.width = a, $.value.height = l;
+            F.value.width = a, F.value.height = l, I.value.width = a, I.value.height = l;
           });
         });
         J.value = new ResizeObserver(t), J.value.observe(U.value.parentNode);
@@ -105,18 +105,18 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
     const { isPrinting: xe, isImaging: _e, generatePdf: Ce, generateImage: $e } = Tt({
       elementId: `vue-ui-waffle_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle"
-    }), qe = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = d(() => ht(e.value.customPalette)), L = v({
+    }), qe = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = d(() => ht(e.value.customPalette)), _ = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), F = v({
       height: 512,
       width: 512
-    }), $ = v({
+    }), I = v({
       top: 0,
       left: 0,
       height: 512,
       width: 512
-    }), I = d(() => ($.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), T = d(() => ($.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), q = d(() => $.value.width / e.value.style.chart.layout.grid.size), K = d(() => $.value.height / e.value.style.chart.layout.grid.size);
+    }), T = d(() => (I.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = d(() => (I.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), q = d(() => I.value.width / e.value.style.chart.layout.grid.size), K = d(() => I.value.height / e.value.style.chart.layout.grid.size);
     function Te(t) {
       const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((w, re) => w + re, 0), o = t.map((w) => w / l * a), u = o.map(Math.floor), i = o.map((w) => w % 1);
       let f = a - u.reduce((w, re) => w + re, 0);
@@ -127,15 +127,15 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       return u;
     }
     function Se() {
-      return b.dataset.map((t, a) => ({
+      return m.dataset.map((t, a) => ({
         ...t,
-        color: bt(t.color) || Ie.value[a] || M[a] || M[a % M.length],
+        color: mt(t.color) || Ie.value[a] || M[a] || M[a % M.length],
         uid: `serie_${a}`,
         absoluteIndex: a
       }));
     }
     const oe = d(() => Se()), h = v(oe.value);
-    Ne(() => b.dataset, (t) => {
+    Ne(() => m.dataset, (t) => {
       h.value = Se();
     }, { deep: !0 });
     const He = d(() => {
@@ -144,7 +144,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
     }), Xe = d(() => {
       const t = h.value.map((a, l) => (a.values || []).reduce((o, u) => o + u));
       return Te(t);
-    }), H = d(() => (b.dataset.forEach((t, a) => {
+    }), H = d(() => (m.dataset.forEach((t, a) => {
       [null, void 0].includes(t.values) && ie({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -208,8 +208,8 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           t.push({
             isStartOfLine: l === 0,
             position: e.value.style.chart.layout.grid.vertical ? a : l,
-            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (I.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (T.value + e.value.style.chart.layout.grid.spaceBetween) + $.value.top
+            x: (e.value.style.chart.layout.grid.vertical ? a : l) * (T.value + e.value.style.chart.layout.grid.spaceBetween),
+            y: (e.value.style.chart.layout.grid.vertical ? l : a) * (S.value + e.value.style.chart.layout.grid.spaceBetween) + I.value.top
           });
       return t;
     }), p = v([]), z = v(!1), Pe = v(null), Le = v(null);
@@ -271,9 +271,9 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), S = d(() => H.value.map((t) => t.value).reduce((t, a) => t + a, 0)), ue = v(null);
+    })), P = d(() => H.value.map((t) => t.value).reduce((t, a) => t + a, 0)), ue = v(null);
     function Ze(t) {
-      if (p.value.length === b.dataset.length) return;
+      if (p.value.length === m.dataset.length) return;
       const a = n.value[t];
       ue.value = {
         datapoint: a,
@@ -299,7 +299,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${a.color}" />${Ee.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${k.value}_${a.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${E(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           a.value,
-          C({
+          $({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: a.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -311,8 +311,8 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             series: h.value
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const u = C({
-            v: a.value / S.value * 100,
+          const u = $({
+            v: a.value / P.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -321,7 +321,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         le.value = o;
       }
     }
-    const P = d(() => {
+    const L = d(() => {
       const t = H.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -333,9 +333,9 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
     }
     function Ae() {
       ot(() => {
-        const t = P.value.head.map((o, u) => [[
+        const t = L.value.head.map((o, u) => [[
           o.name
-        ], [P.value.body[u]], [isNaN(P.value.body[u] / S.value) ? "-" : P.value.body[u] / S.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = xt(a);
+        ], [L.value.body[u]], [isNaN(L.value.body[u] / P.value) ? "-" : L.value.body[u] / P.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = xt(a);
         _t({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
@@ -344,32 +344,32 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
         E(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          S.value,
-          C({
+          P.value,
+          $({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: S.value,
+            v: P.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
         "100%"
-      ], a = P.value.head.map((u, i) => [
+      ], a = L.value.head.map((u, i) => [
         {
           color: u.color,
           name: u.name
         },
         E(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          P.value.body[i],
-          C({
+          L.value.body[i],
+          $({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: P.value.body[i],
+            v: L.value.body[i],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(P.value.body[i] / S.value) ? "-" : C({
-          v: P.value.body[i] / S.value * 100,
+        isNaN(L.value.body[i] / P.value) ? "-" : $({
+          v: L.value.body[i] / P.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -402,10 +402,10 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       j.value = t, ve.value += 1;
     }
     function Fe() {
-      L.value.showTable = !L.value.showTable;
+      _.value.showTable = !_.value.showTable;
     }
     function ze() {
-      L.value.showTooltip = !L.value.showTooltip;
+      _.value.showTooltip = !_.value.showTooltip;
     }
     const ee = v(!1);
     function se() {
@@ -425,8 +425,8 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       ref: U,
       id: `vue-ui-waffle_${k.value}`,
       style: X(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[3] || (a[3] = () => c(me)(!0)),
-      onMouseleave: a[4] || (a[4] = () => c(me)(!1))
+      onMouseenter: a[3] || (a[3] = () => c(be)(!0)),
+      onMouseleave: a[4] || (a[4] = () => c(be)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), N(Nt, {
         key: 0,
@@ -463,7 +463,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && Y.value && (c(be) || c(ae)) ? (s(), N(St, {
+      e.value.userOptions.show && Y.value && (c(me) || c(ae)) ? (s(), N(St, {
         ref_key: "details",
         ref: We,
         key: `user_options_${ve.value}`,
@@ -479,7 +479,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: j.value,
-        isTooltip: L.value.showTooltip,
+        isTooltip: _.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: U.value,
         position: e.value.userOptions.position,
@@ -493,54 +493,54 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         onToggleTooltip: ze,
         onToggleAnnotator: se,
         style: X({
-          visibility: c(be) ? c(ae) ? "visible" : "hidden" : "visible"
+          visibility: c(me) ? c(ae) ? "visible" : "hidden" : "visible"
         })
       }, Ve({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: m(() => [
+          fn: b(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: l, isFullscreen: o }) => [
+          fn: b(({ toggleFullscreen: l, isFullscreen: o }) => [
             g(t.$slots, "optionFullscreen", B(V({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: l, isAnnotator: o }) => [
+          fn: b(({ toggleAnnotator: l, isAnnotator: o }) => [
             g(t.$slots, "optionAnnotator", B(V({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "6"
@@ -555,7 +555,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       }, [
         ne(zt),
         x("defs", null, [
-          (s(!0), r(_, null, O(n.value, (l, o) => (s(), r("radialGradient", {
+          (s(!0), r(C, null, O(n.value, (l, o) => (s(), r("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -582,11 +582,11 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             height: "200%"
           }, Ht, 8, Et)
         ]),
-        e.value.useCustomCells && n.value.length ? (s(!0), r(_, { key: 0 }, O(G.value, (l, o) => (s(), r("foreignObject", {
+        e.value.useCustomCells && n.value.length ? (s(!0), r(C, { key: 0 }, O(G.value, (l, o) => (s(), r("foreignObject", {
           x: l.x,
           y: l.y,
-          height: T.value <= 0 ? 1e-4 : T.value,
-          width: I.value <= 0 ? 1e-4 : I.value,
+          height: S.value <= 0 ? 1e-4 : S.value,
+          width: T.value <= 0 ? 1e-4 : T.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           g(t.$slots, "cell", B(V({ cell: { ...l, color: n.value[o].color, ...n.value[o] }, isSelected: [null, void 0].includes(D.value) ? !0 : n.value[o].serieIndex === D.value })), void 0, !0)
@@ -595,53 +595,53 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           key: 1,
           x: 12,
           y: 12,
-          height: $.value.height - 24,
-          width: $.value.width - 24,
+          height: I.value.height - 24,
+          width: I.value.width - 24,
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Yt)) : n.value.length && !e.value.useCustomCells ? (s(), r(_, { key: 2 }, [
+        }, null, 8, Yt)) : n.value.length && !e.value.useCustomCells ? (s(), r(C, { key: 2 }, [
           t.$slots.pattern ? (s(), r("g", Jt, [
-            (s(!0), r(_, null, O(oe.value, (l) => (s(), r("defs", null, [
+            (s(!0), r(C, null, O(oe.value, (l) => (s(), r("defs", null, [
               g(t.$slots, "pattern", B(V({ seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` })), void 0, !0)
             ]))), 256))
           ])) : y("", !0),
-          (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+          (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("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,
-            height: T.value <= 0 ? 1e-4 : T.value,
-            width: I.value <= 0 ? 1e-4 : I.value,
+            height: S.value <= 0 ? 1e-4 : S.value,
+            width: T.value <= 0 ? 1e-4 : T.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: Q(n.value[o].serieIndex)
           }, null, 8, Kt))), 256)),
-          (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+          (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("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,
-            height: T.value <= 0 ? 1e-4 : T.value,
-            width: I.value <= 0 ? 1e-4 : I.value,
+            height: S.value <= 0 ? 1e-4 : S.value,
+            width: T.value <= 0 ? 1e-4 : T.value,
             fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${k.value}_${o})` : n.value[o].color,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: Q(n.value[o].serieIndex)
           }, null, 8, Qt))), 256)),
           t.$slots.pattern ? (s(), r("g", Zt, [
-            (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+            (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("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,
-              height: T.value <= 0 ? 1e-4 : T.value,
-              width: I.value <= 0 ? 1e-4 : I.value,
+              height: S.value <= 0 ? 1e-4 : S.value,
+              width: T.value <= 0 ? 1e-4 : T.value,
               fill: `url(#pattern_${k.value}_${n.value[o].absoluteIndex})`,
               stroke: "none",
               filter: Q(n.value[o].serieIndex)
             }, null, 8, el))), 256))
           ])) : y("", !0)
         ], 64)) : y("", !0),
-        (s(!0), r(_, null, O(G.value, (l, o) => (s(), r(_, null, [
+        (s(!0), r(C, null, O(G.value, (l, o) => (s(), r(C, null, [
           n.value.length && !z.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (n.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || n.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && n.value[o].absoluteStartIndex) ? (s(), r("foreignObject", {
             key: 0,
             x: l.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -654,12 +654,12 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
               class: "vue-ui-waffle-caption",
               style: X(`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 ${q.value / 12}px;color:${c(gt)(n.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ll, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(mt)({ source: n.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : n.value[o].name) + ": ", 1)) : y("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", al, A(c(C)({ v: n.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", ll, A(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? c(bt)({ source: n.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : n.value[o].name) + ": ", 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", al, A(c($)({ v: n.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ol, " (" + A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 n.value[o].value,
-                c(C)({
+                c($)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: n.value[o].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -670,7 +670,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
               !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ul, A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 n.value[o].value,
-                c(C)({
+                c($)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: n.value[o].value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -681,7 +681,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             ], 4)
           ], 8, tl)) : y("", !0)
         ], 64))), 256)),
-        (s(!0), r(_, null, O(G.value, (l, o) => (s(), r("rect", {
+        (s(!0), r(C, null, O(G.value, (l, o) => (s(), r("rect", {
           onMouseover: (u) => Ze(o),
           onMouseleave: a[0] || (a[0] = (u) => {
             te.value = !1, D.value = null;
@@ -720,7 +720,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           config: Qe.value,
           onClickMarker: a[1] || (a[1] = ({ legend: l }) => Oe(l.uid))
         }, Ve({
-          item: m(({ legend: l }) => [
+          item: b(({ legend: l }) => [
             x("div", {
               onClick: (o) => l.segregate(),
               style: X(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
@@ -728,7 +728,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
               Me(A(l.name) + ": " + A(c(E)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
-                c(C)({
+                c($)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -737,14 +737,14 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
                 }),
                 { datapoint: l }
               )) + " ", 1),
-              p.value.includes(l.uid) ? (s(), r("span", vl, " ( - % ) ")) : (s(), r("span", il, " (" + A(isNaN(l.value / S.value) ? "-" : c(C)({ v: l.value / S.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
+              p.value.includes(l.uid) ? (s(), r("span", vl, " ( - % ) ")) : (s(), r("span", il, " (" + A(isNaN(l.value / P.value) ? "-" : c($)({ v: l.value / P.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
             ], 12, nl)
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: m(({ legend: l, index: o }) => [
+            fn: b(({ legend: l, index: o }) => [
               ne(Vt, {
                 shape: l.shape,
                 radius: 30,
@@ -769,7 +769,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       ne(Pt, {
-        show: L.value.showTooltip && te.value && p.value.length < b.dataset.length,
+        show: _.value.showTooltip && te.value && p.value.length < m.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -784,10 +784,10 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         fontSize: e.value.style.chart.tooltip.fontSize,
         isFullscreen: j.value
       }, {
-        "tooltip-before": m(() => [
+        "tooltip-before": b(() => [
           g(t.$slots, "tooltip-before", B(V({ ...ue.value })), void 0, !0)
         ]),
-        "tooltip-after": m(() => [
+        "tooltip-after": b(() => [
           g(t.$slots, "tooltip-after", B(V({ ...ue.value })), void 0, !0)
         ]),
         _: 3
@@ -796,7 +796,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
         key: 8,
         hideDetails: "",
         config: {
-          open: L.value.showTable,
+          open: _.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -808,7 +808,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
           }
         }
       }, {
-        content: m(() => [
+        content: b(() => [
           (s(), N(Lt, {
             key: `table_${fe.value}`,
             colNames: Z.value.colNames,
@@ -816,15 +816,15 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
             body: Z.value.body,
             config: Z.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[2] || (a[2] = (l) => L.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => _.value.showTable = !1)
           }, {
-            th: m(({ th: l }) => [
+            th: b(({ th: l }) => [
               x("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, cl)
             ]),
-            td: m(({ td: l }) => [
+            td: b(({ td: l }) => [
               Me(A(l.name || l), 1)
             ]),
             _: 1
@@ -834,7 +834,7 @@ const Ue = (W) => (ut("data-v-2719a41f"), W = W(), st(), W), Dt = ["id"], Ut = [
       }, 8, ["config"])) : y("", !0)
     ], 46, Dt));
   }
-}, Pl = /* @__PURE__ */ Mt(dl, [["__scopeId", "data-v-2719a41f"]]);
+}, Pl = /* @__PURE__ */ Mt(dl, [["__scopeId", "data-v-69bc0197"]]);
 export {
   Pl as default
 };

package/dist/{vue-ui-wheel-C0KYRHGC.cjs → vue-ui-wheel-BoXkxGeh.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-DqxDpUy0.cjs"),W=require("./Title-D3kX1BVl.cjs"),E=require("./usePrinter-BC7U4s0U.cjs"),M=require("./useResponsive-BJ7DTGpm.cjs"),J=require("./vue-ui-skeleton-qIxxRRaX.cjs"),q=require("./useNestedProp-DNWKDmdP.cjs"),K=require("./PackageVersion-B5rBHZEb.cjs"),Q=require("./PenAndPaper-5OV7IAca.cjs"),Z=require("./useUserOptionState-BgepsfED.cjs"),ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),te=["id"],ne=["xmlns","viewBox"],oe=["width","height"],le=["x1","x2","y1","y2","stroke","stroke-width","stroke-linecap"],ae=["cx","cy","r","stroke","stroke-width"],re=["x","y","font-size","fill","font-weight"],se={key:5,class:"vue-data-ui-watermark"},ue={__name:"vue-ui-wheel",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(T,{expose:V}){const c=T,{vue_ui_wheel:U}=s.useConfig(),p=e.computed(()=>!!c.dataset&&Object.keys(c.dataset).length),y=e.ref(s.createUid()),R=e.ref(null),w=e.ref(0),v=e.ref(null),C=e.ref(null),b=e.ref(null),B=e.ref(null),P=e.ref(0),t=e.computed({get:()=>_(),set:n=>n}),{userOptionsVisible:m,setUserOptionsVisibility:S,keepUserOptionState:N}=Z.useUserOptionState({config:t.value});function _(){const n=q.useNestedProp({userConfig:c.config,defaultConfig:U});return n.theme?{...q.useNestedProp({userConfig:s.themes.vue_ui_wheel[n.theme]||c.config,defaultConfig:n})}:n}e.watch(()=>c.config,n=>{t.value=_(),m.value=!t.value.showOnChartHover,z(),P.value+=1},{deep:!0});const{isPrinting:O,isImaging:x,generatePdf:A,generateImage:$}=E.usePrinter({elementId:y.value,fileName:t.value.style.chart.title.text||"vue-ui-wheel"}),L=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),l=e.ref({size:360,height:360,width:360}),g=e.ref(t.value.style.chart.layout.percentage.fontSize),i=e.computed(()=>({radius:Math.min(l.value.width,l.value.height)*.9/2,centerX:l.value.width/2,centerY:l.value.height/2}));function I(n,r=1){return{x:i.value.centerX+i.value.radius*Math.cos(29.85+n*Math.PI/180)*r,y:i.value.centerY+i.value.radius*Math.sin(29.85+n*Math.PI/180)*r}}const a=e.ref(t.value.style.chart.animation.use?0:c.dataset.percentage||0);e.watch(()=>c.dataset,n=>{t.value.style.chart.animation.use?F(n.percentage):a.value=n.percentage||0},{deep:!0});const d=e.ref(null);e.onMounted(()=>{z()});function z(){if(s.objectIsEmpty(c.dataset)&&s.error({componentName:"VueUiWheel",type:"dataset"}),F(c.dataset.percentage||0),t.value.responsive){const n=M.throttle(()=>{const{width:r,height:o}=M.useResponsive({chart:v.value,title:t.value.style.chart.title.text?C.value:null,source:b.value,noTitle:B.value});requestAnimationFrame(()=>{l.value.width=r,l.value.height=o,g.value=t.value.style.chart.layout.percentage.fontSize/360*Math.min(r,o)})});d.value=new ResizeObserver(n),d.value.observe(v.value.parentNode)}}e.onBeforeUnmount(()=>{d.value&&d.value.disconnect()});function F(n){let r=t.value.style.chart.animation.speed;const o=Math.abs(n-a.value)/(r*120);function u(){a.value<n?a.value=Math.min(a.value+o,n):a.value>n&&(a.value=Math.max(a.value-o,n)),a.value!==n&&requestAnimationFrame(u)}u()}const j=e.computed(()=>{const n=[];for(let o=0;o<100;o+=1){const u=a.value>o?t.value.style.chart.layout.wheel.ticks.activeColor:t.value.style.chart.layout.wheel.ticks.inactiveColor,{x:H,y:X}=I(l.value.size/100*o),{x:D,y:Y}=I(l.value.size/100*o,t.value.style.chart.layout.wheel.ticks.sizeRatio);n.push({x1:H,y1:X,x2:D,y2:Y,color:t.value.style.chart.layout.wheel.ticks.gradient.show?s.shiftHue(u,o/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):u})}return n}),h=e.ref(!1);function G(n){h.value=n,w.value+=1}const f=e.ref(!1);function k(){f.value=!f.value}return V({generatePdf:A,generateImage:$,toggleAnnotator:k}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-wheel",ref_key:"wheelChart",ref:v,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%":""}`),onMouseenter:r[0]||(r[0]=()=>e.unref(S)(!0)),onMouseleave:r[1]||(r[1]=()=>e.unref(S)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Q.PenAndPaper,{key:0,parent:v.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:k},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),L.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:B,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:C,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(W._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&p.value&&(e.unref(N)||e.unref(m))?(e.openBlock(),e.createBlock(E.UserOptions,{ref_key:"details",ref:R,key:`user_options_${w.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(O),isImaging:e.unref(x),uid:y.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,chartElement:v.value,onToggleFullscreen:G,onGeneratePdf:e.unref(A),onGenerateImage:e.unref($),onToggleAnnotator:k,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(m)?"visible":"hidden":"visible"})},e.createSlots({_:2},[n.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,n.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,n.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(n.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,n.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(n.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","position","titles","hasAnnotator","isAnnotation","chartElement","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),viewBox:`0 0 ${l.value.width<=0?10:l.value.width} ${l.value.height<=0?10:l.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(K._sfc_main),n.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width<=0?10:l.value.width,height:l.value.height<=0?10:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(n.$slots,"chart-background",{},void 0,!0)],8,oe)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,(o,u)=>(e.openBlock(),e.createElementBlock("line",{x1:o.x1,x2:o.x2,y1:o.y1,y2:o.y2,stroke:o.color,"stroke-width":5/360*Math.min(l.value.width,l.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&&u<=a.value})},null,10,le))),256)),t.value.style.chart.layout.innerCircle.show?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:i.value.centerX,cy:i.value.centerY,r:i.value.radius*.8<=0?1e-4:i.value.radius*.8,stroke:t.value.style.chart.layout.innerCircle.stroke,"stroke-width":t.value.style.chart.layout.innerCircle.strokeWidth,fill:"none"},null,8,ae)):e.createCommentVNode("",!0),t.value.style.chart.layout.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:i.value.centerX,y:i.value.centerY+g.value/3,"font-size":g.value,fill:t.value.style.chart.layout.wheel.ticks.gradient.show?e.unref(s.shiftHue)(t.value.style.chart.layout.wheel.ticks.activeColor,a.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(s.applyDataLabel)(t.value.style.chart.layout.percentage.formatter,e.unref(s.checkNaN)(a.value),e.unref(s.dataLabel)({v:e.unref(s.checkNaN)(a.value),s:"%",r:t.value.style.chart.layout.percentage.rounding}))),9,re)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"svg",{svg:l.value},void 0,!0)],14,ne)):e.createCommentVNode("",!0),n.$slots.watermark?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(n.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(x)})),void 0,!0)])):e.createCommentVNode("",!0),n.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"source",ref:b,dir:"auto"},[e.renderSlot(n.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(J.default,{key:7,config:{type:"wheel",style:{backgroundColor:t.value.style.chart.backgroundColor,wheel:{color:"#CCCCCC"}}}},null,8,["config"]))],44,te))}},ie=ee._export_sfc(ue,[["__scopeId","data-v-62587f68"]]);exports.default=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-xEXHnOtJ.cjs"),W=require("./Title-DcTKT_WK.cjs"),E=require("./usePrinter-CjQvMB0_.cjs"),M=require("./useResponsive-BJ7DTGpm.cjs"),J=require("./vue-ui-skeleton-Tse1D8cv.cjs"),q=require("./useNestedProp-LNEDZsGq.cjs"),K=require("./PackageVersion-BgKxrHv-.cjs"),Q=require("./PenAndPaper-BYVZ33fz.cjs"),Z=require("./useUserOptionState-BgepsfED.cjs"),ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),te=["id"],ne=["xmlns","viewBox"],oe=["width","height"],le=["x1","x2","y1","y2","stroke","stroke-width","stroke-linecap"],ae=["cx","cy","r","stroke","stroke-width"],re=["x","y","font-size","fill","font-weight"],se={key:5,class:"vue-data-ui-watermark"},ue={__name:"vue-ui-wheel",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(T,{expose:V}){const c=T,{vue_ui_wheel:U}=s.useConfig(),p=e.computed(()=>!!c.dataset&&Object.keys(c.dataset).length),y=e.ref(s.createUid()),R=e.ref(null),w=e.ref(0),v=e.ref(null),C=e.ref(null),b=e.ref(null),B=e.ref(null),P=e.ref(0),t=e.computed({get:()=>_(),set:n=>n}),{userOptionsVisible:m,setUserOptionsVisibility:S,keepUserOptionState:N}=Z.useUserOptionState({config:t.value});function _(){const n=q.useNestedProp({userConfig:c.config,defaultConfig:U});return n.theme?{...q.useNestedProp({userConfig:s.themes.vue_ui_wheel[n.theme]||c.config,defaultConfig:n})}:n}e.watch(()=>c.config,n=>{t.value=_(),m.value=!t.value.showOnChartHover,z(),P.value+=1},{deep:!0});const{isPrinting:O,isImaging:x,generatePdf:A,generateImage:$}=E.usePrinter({elementId:y.value,fileName:t.value.style.chart.title.text||"vue-ui-wheel"}),L=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),l=e.ref({size:360,height:360,width:360}),g=e.ref(t.value.style.chart.layout.percentage.fontSize),i=e.computed(()=>({radius:Math.min(l.value.width,l.value.height)*.9/2,centerX:l.value.width/2,centerY:l.value.height/2}));function I(n,r=1){return{x:i.value.centerX+i.value.radius*Math.cos(29.85+n*Math.PI/180)*r,y:i.value.centerY+i.value.radius*Math.sin(29.85+n*Math.PI/180)*r}}const a=e.ref(t.value.style.chart.animation.use?0:c.dataset.percentage||0);e.watch(()=>c.dataset,n=>{t.value.style.chart.animation.use?F(n.percentage):a.value=n.percentage||0},{deep:!0});const d=e.ref(null);e.onMounted(()=>{z()});function z(){if(s.objectIsEmpty(c.dataset)&&s.error({componentName:"VueUiWheel",type:"dataset"}),F(c.dataset.percentage||0),t.value.responsive){const n=M.throttle(()=>{const{width:r,height:o}=M.useResponsive({chart:v.value,title:t.value.style.chart.title.text?C.value:null,source:b.value,noTitle:B.value});requestAnimationFrame(()=>{l.value.width=r,l.value.height=o,g.value=t.value.style.chart.layout.percentage.fontSize/360*Math.min(r,o)})});d.value=new ResizeObserver(n),d.value.observe(v.value.parentNode)}}e.onBeforeUnmount(()=>{d.value&&d.value.disconnect()});function F(n){let r=t.value.style.chart.animation.speed;const o=Math.abs(n-a.value)/(r*120);function u(){a.value<n?a.value=Math.min(a.value+o,n):a.value>n&&(a.value=Math.max(a.value-o,n)),a.value!==n&&requestAnimationFrame(u)}u()}const j=e.computed(()=>{const n=[];for(let o=0;o<100;o+=1){const u=a.value>o?t.value.style.chart.layout.wheel.ticks.activeColor:t.value.style.chart.layout.wheel.ticks.inactiveColor,{x:H,y:X}=I(l.value.size/100*o),{x:D,y:Y}=I(l.value.size/100*o,t.value.style.chart.layout.wheel.ticks.sizeRatio);n.push({x1:H,y1:X,x2:D,y2:Y,color:t.value.style.chart.layout.wheel.ticks.gradient.show?s.shiftHue(u,o/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):u})}return n}),h=e.ref(!1);function G(n){h.value=n,w.value+=1}const f=e.ref(!1);function k(){f.value=!f.value}return V({generatePdf:A,generateImage:$,toggleAnnotator:k}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-wheel",ref_key:"wheelChart",ref:v,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%":""}`),onMouseenter:r[0]||(r[0]=()=>e.unref(S)(!0)),onMouseleave:r[1]||(r[1]=()=>e.unref(S)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Q.PenAndPaper,{key:0,parent:v.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:k},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),L.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:B,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:C,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(W._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&p.value&&(e.unref(N)||e.unref(m))?(e.openBlock(),e.createBlock(E.UserOptions,{ref_key:"details",ref:R,key:`user_options_${w.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(O),isImaging:e.unref(x),uid:y.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,chartElement:v.value,onToggleFullscreen:G,onGeneratePdf:e.unref(A),onGenerateImage:e.unref($),onToggleAnnotator:k,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(m)?"visible":"hidden":"visible"})},e.createSlots({_:2},[n.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,n.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,n.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(n.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,n.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(n.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","position","titles","hasAnnotator","isAnnotation","chartElement","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),viewBox:`0 0 ${l.value.width<=0?10:l.value.width} ${l.value.height<=0?10:l.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(K._sfc_main),n.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width<=0?10:l.value.width,height:l.value.height<=0?10:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(n.$slots,"chart-background",{},void 0,!0)],8,oe)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,(o,u)=>(e.openBlock(),e.createElementBlock("line",{x1:o.x1,x2:o.x2,y1:o.y1,y2:o.y2,stroke:o.color,"stroke-width":5/360*Math.min(l.value.width,l.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&&u<=a.value})},null,10,le))),256)),t.value.style.chart.layout.innerCircle.show?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:i.value.centerX,cy:i.value.centerY,r:i.value.radius*.8<=0?1e-4:i.value.radius*.8,stroke:t.value.style.chart.layout.innerCircle.stroke,"stroke-width":t.value.style.chart.layout.innerCircle.strokeWidth,fill:"none"},null,8,ae)):e.createCommentVNode("",!0),t.value.style.chart.layout.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:i.value.centerX,y:i.value.centerY+g.value/3,"font-size":g.value,fill:t.value.style.chart.layout.wheel.ticks.gradient.show?e.unref(s.shiftHue)(t.value.style.chart.layout.wheel.ticks.activeColor,a.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(s.applyDataLabel)(t.value.style.chart.layout.percentage.formatter,e.unref(s.checkNaN)(a.value),e.unref(s.dataLabel)({v:e.unref(s.checkNaN)(a.value),s:"%",r:t.value.style.chart.layout.percentage.rounding}))),9,re)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"svg",{svg:l.value},void 0,!0)],14,ne)):e.createCommentVNode("",!0),n.$slots.watermark?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(n.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(x)})),void 0,!0)])):e.createCommentVNode("",!0),n.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"source",ref:b,dir:"auto"},[e.renderSlot(n.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(J.default,{key:7,config:{type:"wheel",style:{backgroundColor:t.value.style.chart.backgroundColor,wheel:{color:"#CCCCCC"}}}},null,8,["config"]))],44,te))}},ie=ee._export_sfc(ue,[["__scopeId","data-v-62587f68"]]);exports.default=ie;