vue-data-ui 2.4.41 → 2.4.42

package/dist/{vue-ui-waffle-BE8iTrGF.js → vue-ui-waffle-DYdcFM17.js}

@@ -1,18 +1,18 @@
-import { computed as v, ref as c, watch as Ae, onMounted as Ke, onBeforeUnmount as Je, openBlock as s, createElementBlock as n, normalizeClass as ze, normalizeStyle as Z, createBlock as N, createCommentVNode as f, unref as h, createSlots as Qe, withCtx as m, renderSlot as g, normalizeProps as D, guardReactiveProps as G, createVNode as Fe, createElementVNode as k, Fragment as I, renderList as R, toDisplayString as S, createTextVNode as Ne, nextTick as Ze, pushScopeId as et, popScopeId as tt } from "vue";
-import { u as at, c as lt, t as ot, a as ut, p as O, o as st, e as se, g as rt, b as nt, i as U, f as x, X as it, s as ct, w as vt, F as dt, K as ht, d as pt, x as yt, y as ft, q as gt, r as mt } from "./index-B6Q1Fyk0.js";
+import { computed as v, ref as c, watch as Ae, onMounted as Je, onBeforeUnmount as Ke, openBlock as s, createElementBlock as n, normalizeClass as Fe, normalizeStyle as Z, createBlock as N, createCommentVNode as f, unref as h, createSlots as Qe, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as R, createVNode as ze, createElementVNode as k, Fragment as I, renderList as U, toDisplayString as S, createTextVNode as Ne, nextTick as Ze, pushScopeId as et, popScopeId as tt } from "vue";
+import { u as at, c as lt, t as ot, a as ut, p as O, o as st, e as se, g as rt, b as nt, i as j, f as x, X as it, s as ct, w as vt, G as dt, L as ht, d as pt, x as yt, y as ft, q as gt, r as mt } from "./index-DnukYspq.js";
 import { t as bt, u as wt } from "./useResponsive-CoxXLe23.js";
-import { _ as kt } from "./Title-BB0O0yol.js";
-import { u as xt, U as Ct } from "./usePrinter-D8dIU7aG.js";
-import { _ as _t } from "./Tooltip-GvLaModr.js";
-import { D as $t } from "./DataTable-B5DiCrf_.js";
-import { L as Tt } from "./Legend-DzxQIjDO.js";
-import It from "./vue-ui-skeleton-D7rg5vFC.js";
-import St from "./vue-ui-accordion-BOHicozd.js";
-import { u as Oe } from "./useNestedProp-DQpuJSz3.js";
-import { _ as Pt } from "./PackageVersion-S7OD_s5u.js";
-import { P as Lt } from "./PenAndPaper-BxJZd7k9.js";
+import { _ as kt } from "./Title-Cnl9ySNH.js";
+import { u as xt, U as Ct } from "./usePrinter-DVIALk5e.js";
+import { _ as _t } from "./Tooltip-DEAOBZ8h.js";
+import { D as $t } from "./DataTable-D_w08xos.js";
+import { L as Tt } from "./Legend-BWDoQii_.js";
+import It from "./vue-ui-skeleton-CXdyOF4T.js";
+import St from "./vue-ui-accordion-f9NTID9e.js";
+import { u as Oe } from "./useNestedProp-CVOQGx-X.js";
+import { _ as Pt } from "./PackageVersion-CH6MCx6T.js";
+import { P as Lt } from "./PenAndPaper-BWTR3U2d.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = ["xmlns", "viewBox"], Nt = ["id"], Ot = ["stop-color"], Bt = ["stop-color"], Vt = ["id"], Mt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feGaussianBlur", {
+const Be = (E) => (et("data-v-6c74341a"), E = E(), tt(), E), Ft = ["id"], zt = ["xmlns", "viewBox"], Nt = ["id"], Ot = ["stop-color"], Bt = ["stop-color"], Vt = ["id"], Mt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
 }, null, -1)), Dt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feColorMatrix", {
@@ -21,7 +21,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
 }, null, -1)), Gt = [
   Mt,
   Dt
-], Rt = ["x", "y", "height", "width"], Ut = ["height", "width"], jt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Et = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Wt = ["x", "y", "height", "width", "filter"], qt = { key: 0 }, Ht = { key: 1 }, Xt = { key: 2 }, Yt = { key: 3 }, Kt = ["onMouseover", "x", "y", "height", "width"], Jt = {
+], Rt = ["x", "y", "height", "width"], Ut = ["height", "width"], jt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Et = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Wt = ["x", "y", "height", "width", "filter"], qt = { key: 0 }, Ht = { key: 1 }, Xt = { key: 2 }, Yt = { key: 3 }, Jt = ["onMouseover", "x", "y", "height", "width"], Kt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Qt = ["onClick"], Zt = { key: 0 }, ea = { key: 1 }, ta = ["innerHTML"], aa = {
@@ -41,8 +41,8 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }
   },
   emits: ["selectLegend"],
-  setup(j, { expose: Ve, emit: Me }) {
-    const b = j, { vue_ui_waffle: De } = at(), X = v(() => !!b.dataset && b.dataset.length), P = c(lt()), Ge = c(null), ee = c(!1), te = c(""), B = c(null), re = c(0), V = c(null), ne = c(null), ie = c(null), ce = c(null), ve = c(null), de = c(0), he = c(0), pe = c(0), e = v({
+  setup(E, { expose: Ve, emit: Me }) {
+    const b = E, { vue_ui_waffle: De } = at(), X = v(() => !!b.dataset && b.dataset.length), P = c(lt()), Ge = c(null), ee = c(!1), te = c(""), B = c(null), re = c(0), V = c(null), ne = c(null), ie = c(null), ce = c(null), ve = c(null), de = c(0), he = c(0), pe = c(0), e = v({
       get: () => ye(),
       set: (t) => t
     });
@@ -93,9 +93,9 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         Y.value = new ResizeObserver(t), Y.value.observe(V.value.parentNode);
       }
     }
-    Ke(() => {
+    Je(() => {
       fe();
-    }), Je(() => {
+    }), Ke(() => {
       Y.value && Y.value.disconnect();
     });
     const { isPrinting: ge, isImaging: me, generatePdf: be, generateImage: we } = xt({
@@ -112,7 +112,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       left: 0,
       height: 512,
       width: 512
-    }), A = v(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), z = v(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), E = v(() => C.value.width / e.value.style.chart.layout.grid.size), K = v(() => C.value.height / e.value.style.chart.layout.grid.size);
+    }), A = v(() => (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 = v(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), W = v(() => C.value.width / e.value.style.chart.layout.grid.size), J = v(() => C.value.height / e.value.style.chart.layout.grid.size);
     function xe(t) {
       const o = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((w, ue) => w + ue, 0), l = t.map((w) => w / a * o), u = l.map(Math.floor), i = l.map((w) => w % 1);
       let y = o - u.reduce((w, ue) => w + ue, 0);
@@ -140,7 +140,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }), je = v(() => {
       const t = d.value.map((o, a) => (o.values || []).reduce((l, u) => l + u));
       return xe(t);
-    }), W = v(() => (b.dataset.forEach((t, o) => {
+    }), q = v(() => (b.dataset.forEach((t, o) => {
       [null, void 0].includes(t.values) && se({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -174,7 +174,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }
     const qe = v(() => {
       let t = 0;
-      return W.value.map((o, a) => {
+      return q.value.map((o, a) => {
         const l = t, u = l + o.proportion, i = [];
         for (let y = Math.floor(l); y < Math.floor(u); y += 1)
           i.push(y);
@@ -197,7 +197,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }))).map((t, o) => ({
       ...t,
       isAbsoluteFirst: o % e.value.style.chart.layout.grid.size === 0
-    }))), q = v(() => {
+    }))), H = v(() => {
       const t = [];
       for (let o = 0; o < e.value.style.chart.layout.grid.size; o += 1)
         for (let a = 0; a < e.value.style.chart.layout.grid.size; a += 1)
@@ -205,10 +205,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             isStartOfLine: a === 0,
             position: e.value.style.chart.layout.grid.vertical ? o : a,
             x: (e.value.style.chart.layout.grid.vertical ? o : a) * (A.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? a : o) * (z.value + e.value.style.chart.layout.grid.spaceBetween) + C.value.top
+            y: (e.value.style.chart.layout.grid.vertical ? a : o) * (F.value + e.value.style.chart.layout.grid.spaceBetween) + C.value.top
           });
       return t;
-    }), p = c([]), F = c(!1), $e = c(null), Te = c(null);
+    }), p = c([]), z = c(!1), $e = c(null), Te = c(null);
     function Ie(t) {
       if (!e.value.useAnimation) {
         p.value.includes(t) ? p.value = p.value.filter((u) => u !== t) : p.value.length < M.value.length - 1 && M.value.length > 1 && p.value.push(t);
@@ -221,7 +221,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           l > u ? (cancelAnimationFrame($e.value), d.value = d.value.map((y, w) => y.uid === t ? {
             ...y,
             values: [u]
-          } : y), F.value = !1) : (F.value = !0, l += u * 0.025, d.value = d.value.map((y, w) => y.uid === t ? {
+          } : y), z.value = !1) : (z.value = !0, l += u * 0.025, d.value = d.value.map((y, w) => y.uid === t ? {
             ...y,
             values: [l]
           } : y), $e.value = requestAnimationFrame(i));
@@ -234,14 +234,14 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           l < 0.1 ? (cancelAnimationFrame(Te.value), p.value.push(t), d.value = d.value.map((i, y) => i.uid === t ? {
             ...i,
             values: [0]
-          } : i), F.value = !1) : (F.value = !0, l /= 1.5, d.value = d.value.map((i, y) => i.uid === t ? {
+          } : i), z.value = !1) : (z.value = !0, l /= 1.5, d.value = d.value.map((i, y) => i.uid === t ? {
             ...i,
             values: [l]
           } : i), Te.value = requestAnimationFrame(u));
         };
         u();
       }
-      Me("selectLegend", W.value.map((u) => ({
+      Me("selectLegend", q.value.map((u) => ({
         name: u.name,
         color: u.color,
         value: u.value,
@@ -267,7 +267,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), _ = v(() => W.value.map((t) => t.value).reduce((t, o) => t + o, 0)), ae = c(null);
+    })), _ = v(() => q.value.map((t) => t.value).reduce((t, o) => t + o, 0)), ae = c(null);
     function Xe(t) {
       if (p.value.length === b.dataset.length) return;
       const o = r.value[t];
@@ -292,7 +292,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         });
       else {
         let l = "";
-        if (l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, l += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" rx="1" fill="${o.color}" /></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${U(
+        if (l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, l += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" rx="1" fill="${o.color}" /></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${j(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           o.value,
           x({
@@ -318,10 +318,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       }
     }
     const $ = v(() => {
-      const t = W.value.map((a) => ({
+      const t = q.value.map((a) => ({
         name: a.name,
         color: a.color
-      })), o = W.value.map((a) => a.value);
+      })), o = q.value.map((a) => a.value);
       return { head: t, body: o };
     });
     function le(t) {
@@ -335,10 +335,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         mt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
-    const J = v(() => {
+    const K = v(() => {
       const t = [
         ' <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>',
-        U(
+        j(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           _.value,
           x({
@@ -354,7 +354,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           color: u.color,
           name: u.name
         },
-        U(
+        j(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           $.value.body[i],
           x({
@@ -393,9 +393,9 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         config: a,
         colNames: l
       };
-    }), H = c(!1);
+    }), D = c(!1);
     function Ye(t) {
-      H.value = t, re.value += 1;
+      D.value = t, re.value += 1;
     }
     function Pe() {
       T.value.showTable = !T.value.showTable;
@@ -416,7 +416,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       toggleTooltip: Le,
       toggleAnnotator: oe
     }), (t, o) => (s(), n("div", {
-      class: ze(`vue-ui-waffle ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Fe(`vue-ui-waffle ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: V,
       id: `vue-ui-waffle_${P.value}`,
@@ -472,7 +472,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: H.value,
+        isFullscreen: D.value,
         isTooltip: T.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: V.value,
@@ -525,14 +525,14 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: a, isFullscreen: l }) => [
-            g(t.$slots, "optionFullscreen", D(G({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
+            g(t.$slots, "optionFullscreen", G(R({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: a, isAnnotator: l }) => [
-            g(t.$slots, "optionAnnotator", D(G({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
+            g(t.$slots, "optionAnnotator", G(R({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -540,13 +540,13 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       X.value ? (s(), n("svg", {
         key: 4,
         xmlns: h(it),
-        class: ze({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
+        class: Fe({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `0 0 ${L.value.width <= 0 ? 10 : L.value.width} ${L.value.height <= 0 ? 10 : L.value.height}`,
         style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Fe(Pt),
+        ze(Pt),
         k("defs", null, [
-          (s(!0), n(I, null, R(r.value, (a, l) => (s(), n("radialGradient", {
+          (s(!0), n(I, null, U(r.value, (a, l) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -573,14 +573,14 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             height: "200%"
           }, Gt, 8, Vt)
         ]),
-        e.value.useCustomCells && r.value.length ? (s(!0), n(I, { key: 0 }, R(q.value, (a, l) => (s(), n("foreignObject", {
+        e.value.useCustomCells && r.value.length ? (s(!0), n(I, { key: 0 }, U(H.value, (a, l) => (s(), n("foreignObject", {
           x: a.x,
           y: a.y,
-          height: z.value <= 0 ? 1e-4 : z.value,
+          height: F.value <= 0 ? 1e-4 : F.value,
           width: A.value <= 0 ? 1e-4 : A.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
-          g(t.$slots, "cell", D(G({ cell: { ...a, color: r.value[l].color, ...r.value[l] }, isSelected: [null, void 0].includes(B.value) ? !0 : r.value[l].serieIndex === B.value })), void 0, !0)
+          g(t.$slots, "cell", G(R({ cell: { ...a, color: r.value[l].color, ...r.value[l] }, isSelected: [null, void 0].includes(B.value) ? !0 : r.value[l].serieIndex === B.value })), void 0, !0)
         ], 8, Rt))), 256)) : f("", !0),
         !r.value.length && !e.value.useCustomCells ? (s(), n("rect", {
           key: 1,
@@ -592,22 +592,22 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           fill: "none",
           stroke: "black"
         }, null, 8, Ut)) : r.value.length && !e.value.useCustomCells ? (s(), n(I, { key: 2 }, [
-          (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+          (s(!0), n(I, null, U(H.value, (a, l) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-            height: z.value <= 0 ? 1e-4 : z.value,
+            height: F.value <= 0 ? 1e-4 : F.value,
             width: A.value <= 0 ? 1e-4 : A.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: le(r.value[l].serieIndex)
           }, null, 8, jt))), 256)),
-          (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+          (s(!0), n(I, null, U(H.value, (a, l) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-            height: z.value <= 0 ? 1e-4 : z.value,
+            height: F.value <= 0 ? 1e-4 : F.value,
             width: A.value <= 0 ? 1e-4 : A.value,
             fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${P.value}_${l})` : r.value[l].color,
             stroke: e.value.style.chart.layout.rect.stroke,
@@ -615,22 +615,22 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             filter: le(r.value[l].serieIndex)
           }, null, 8, Et))), 256))
         ], 64)) : f("", !0),
-        (s(!0), n(I, null, R(q.value, (a, l) => (s(), n(I, null, [
-          r.value.length && !F.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (r.value[l].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[l].isAbsoluteFirst && l % e.value.style.chart.layout.grid.size === 0 && r.value[l].absoluteStartIndex) ? (s(), n("foreignObject", {
+        (s(!0), n(I, null, U(H.value, (a, l) => (s(), n(I, null, [
+          r.value.length && !z.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (r.value[l].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[l].isAbsoluteFirst && l % e.value.style.chart.layout.grid.size === 0 && r.value[l].absoluteStartIndex) ? (s(), n("foreignObject", {
             key: 0,
             x: a.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.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: E.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : E.value * e.value.style.chart.layout.grid.size,
+            height: J.value <= 0 ? 1e-4 : J.value,
+            width: W.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : W.value * e.value.style.chart.layout.grid.size,
             filter: le(r.value[l].serieIndex)
           }, [
             k("div", {
               class: "vue-ui-waffle-caption",
-              style: Z(`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 ${E.value / 12}px;color:${h(dt)(r.value[l].color)};gap:2px`)
+              style: Z(`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 ${W.value / 12}px;color:${h(dt)(r.value[l].color)};gap:2px`)
             }, [
               e.value.style.chart.layout.labels.captions.showSerieName ? (s(), n("span", qt, S(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? h(ht)({ source: r.value[l].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[l].name) + ": ", 1)) : f("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage ? (s(), n("span", Ht, S(h(x)({ v: r.value[l].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(), n("span", Xt, " (" + S(h(U)(
+              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Xt, " (" + S(h(j)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 r.value[l].value,
                 h(x)({
@@ -641,7 +641,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
                 }),
                 { datapoint: r.value[l], position: a }
               )) + ") ", 1)) : f("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Yt, S(h(U)(
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Yt, S(h(j)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 r.value[l].value,
                 h(x)({
@@ -655,22 +655,22 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             ], 4)
           ], 8, Wt)) : f("", !0)
         ], 64))), 256)),
-        (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+        (s(!0), n(I, null, U(H.value, (a, l) => (s(), n("rect", {
           onMouseover: (u) => Xe(l),
           onMouseleave: o[0] || (o[0] = (u) => {
             ee.value = !1, B.value = null;
           }),
           x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-          height: K.value <= 0 ? 1e-4 : K.value,
-          width: E.value <= 0 ? 1e-4 : E.value,
+          height: J.value <= 0 ? 1e-4 : J.value,
+          width: W.value <= 0 ? 1e-4 : W.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, Kt))), 256)),
+        }, null, 40, Jt))), 256)),
         g(t.$slots, "svg", { svg: L.value }, void 0, !0)
-      ], 14, Ft)) : f("", !0),
-      t.$slots.watermark ? (s(), n("div", Jt, [
-        g(t.$slots, "watermark", D(G({ isPrinting: h(ge) || h(me) })), void 0, !0)
+      ], 14, zt)) : f("", !0),
+      t.$slots.watermark ? (s(), n("div", Kt, [
+        g(t.$slots, "watermark", G(R({ isPrinting: h(ge) || h(me) })), void 0, !0)
       ])) : f("", !0),
       X.value ? f("", !0) : (s(), N(It, {
         key: 6,
@@ -699,7 +699,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
               onClick: (l) => a.segregate(),
               style: Z(`opacity:${p.value.includes(a.uid) ? 0.5 : 1}`)
             }, [
-              Ne(S(a.name) + ": " + S(h(U)(
+              Ne(S(a.name) + ": " + S(h(j)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 a.value,
                 h(x)({
@@ -707,11 +707,11 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
                   v: a.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.legend.roundingValue,
-                  isAnimating: F.value
+                  isAnimating: z.value
                 }),
                 { datapoint: a }
               )) + " ", 1),
-              p.value.includes(a.uid) ? (s(), n("span", ea, " ( - % ) ")) : (s(), n("span", Zt, " (" + S(isNaN(a.value / _.value) ? "-" : h(x)({ v: a.value / _.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: F.value })) + ") ", 1))
+              p.value.includes(a.uid) ? (s(), n("span", ea, " ( - % ) ")) : (s(), n("span", Zt, " (" + S(isNaN(a.value / _.value) ? "-" : h(x)({ v: a.value / _.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
             ], 12, Qt)
           ]),
           _: 1
@@ -728,7 +728,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      Fe(_t, {
+      ze(_t, {
         show: T.value.showTooltip && ee.value && p.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -741,16 +741,17 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         parent: V.value,
         content: te.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
-        fontSize: e.value.style.chart.tooltip.fontSize
+        fontSize: e.value.style.chart.tooltip.fontSize,
+        isFullscreen: D.value
       }, {
         "tooltip-before": m(() => [
-          g(t.$slots, "tooltip-before", D(G({ ...ae.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", G(R({ ...ae.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          g(t.$slots, "tooltip-after", D(G({ ...ae.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", G(R({ ...ae.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen"]),
       X.value ? (s(), N(St, {
         key: 8,
         hideDetails: "",
@@ -770,10 +771,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         content: m(() => [
           (s(), N($t, {
             key: `table_${he.value}`,
-            colNames: J.value.colNames,
-            head: J.value.head,
-            body: J.value.body,
-            config: J.value.config,
+            colNames: K.value.colNames,
+            head: K.value.head,
+            body: K.value.body,
+            config: K.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: o[2] || (o[2] = (a) => T.value.showTable = !1)
           }, {
@@ -791,9 +792,9 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 14, zt));
+    ], 14, Ft));
   }
-}, ga = /* @__PURE__ */ At(aa, [["__scopeId", "data-v-b51c7605"]]);
+}, ga = /* @__PURE__ */ At(aa, [["__scopeId", "data-v-6c74341a"]]);
 export {
   ga as default
 };

package/dist/{vue-ui-wheel-BXSIBRLM.js → vue-ui-wheel-CxtgGGpt.js}

@@ -1,12 +1,12 @@
 import { computed as p, ref as n, watch as E, onMounted as oe, onBeforeUnmount as ne, openBlock as s, createElementBlock as c, normalizeStyle as R, createBlock as w, createCommentVNode as v, unref as r, createSlots as se, withCtx as b, renderSlot as f, normalizeProps as A, guardReactiveProps as I, normalizeClass as j, createVNode as re, Fragment as ue, renderList as ie, toDisplayString as ce } from "vue";
-import { u as ve, c as he, t as de, o as fe, e as ye, w as D, X as pe, i as ge, v as Y, f as me } from "./index-B6Q1Fyk0.js";
-import { _ as ke } from "./Title-BB0O0yol.js";
-import { u as we, U as be } from "./usePrinter-D8dIU7aG.js";
+import { u as ve, c as he, t as de, o as fe, e as ye, w as D, X as pe, i as ge, v as Y, f as me } from "./index-DnukYspq.js";
+import { _ as ke } from "./Title-Cnl9ySNH.js";
+import { u as we, U as be } from "./usePrinter-DVIALk5e.js";
 import { t as Ce, u as _e } from "./useResponsive-CoxXLe23.js";
-import $e from "./vue-ui-skeleton-D7rg5vFC.js";
-import { u as H } from "./useNestedProp-DQpuJSz3.js";
-import { _ as xe } from "./PackageVersion-S7OD_s5u.js";
-import { P as Ae } from "./PenAndPaper-BxJZd7k9.js";
+import $e from "./vue-ui-skeleton-CXdyOF4T.js";
+import { u as H } from "./useNestedProp-CVOQGx-X.js";
+import { _ as xe } from "./PackageVersion-CH6MCx6T.js";
+import { P as Ae } from "./PenAndPaper-BWTR3U2d.js";
 import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pe = ["id"], Fe = ["xmlns", "viewBox"], Oe = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], ze = ["cx", "cy", "r", "stroke", "stroke-width"], Se = ["x", "y", "font-size", "fill", "font-weight"], Ne = {
   key: 5,

package/dist/{vue-ui-wheel-BT0mLxln.cjs → vue-ui-wheel-_ynSyF3l.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-B5Ugkauv.cjs"),H=require("./Title-D9gPXVTT.cjs"),z=require("./usePrinter-DtpFEgOX.cjs"),O=require("./useResponsive-BJ7DTGpm.cjs"),D=require("./vue-ui-skeleton-E9_X0-sa.cjs"),F=require("./useNestedProp-bZitLnbb.cjs"),Y=require("./PackageVersion-CMtZxTqq.cjs"),W=require("./PenAndPaper-DWYhyZye.cjs"),J=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),K=["id"],Q=["xmlns","viewBox"],Z=["x1","x2","y1","y2","stroke","stroke-width","stroke-linecap"],ee=["cx","cy","r","stroke","stroke-width"],te=["x","y","font-size","fill","font-weight"],le={key:5,class:"vue-data-ui-watermark"},oe={__name:"vue-ui-wheel",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(E,{expose:M}){const i=E,{vue_ui_wheel:T}=r.useConfig(),p=e.computed(()=>!!i.dataset&&Object.keys(i.dataset).length),y=e.ref(r.createUid()),q=e.ref(null),k=e.ref(0),v=e.ref(null),w=e.ref(null),C=e.ref(null),b=e.ref(null),B=e.ref(0),t=e.computed({get:()=>P(),set:l=>l});function P(){const l=F.useNestedProp({userConfig:i.config,defaultConfig:T});return l.theme?{...F.useNestedProp({userConfig:r.themes.vue_ui_wheel[l.theme]||i.config,defaultConfig:l})}:l}e.watch(()=>i.config,l=>{t.value=P(),I(),B.value+=1},{deep:!0});const{isPrinting:_,isImaging:x,generatePdf:N,generateImage:S}=z.usePrinter({elementId:y.value,fileName:t.value.style.chart.title.text||"vue-ui-wheel"}),V=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),n=e.ref({size:360,height:360,width:360}),m=e.ref(t.value.style.chart.layout.percentage.fontSize),s=e.computed(()=>({radius:Math.min(n.value.width,n.value.height)*.9/2,centerX:n.value.width/2,centerY:n.value.height/2}));function A(l,c=1){return{x:s.value.centerX+s.value.radius*Math.cos(29.85+l*Math.PI/180)*c,y:s.value.centerY+s.value.radius*Math.sin(29.85+l*Math.PI/180)*c}}const a=e.ref(t.value.style.chart.animation.use?0:i.dataset.percentage||0);e.watch(()=>i.dataset,l=>{t.value.style.chart.animation.use?$(l.percentage):a.value=l.percentage||0},{deep:!0});const d=e.ref(null);e.onMounted(()=>{I()});function I(){if(r.objectIsEmpty(i.dataset)&&r.error({componentName:"VueUiWheel",type:"dataset"}),$(i.dataset.percentage||0),t.value.responsive){const l=O.throttle(()=>{const{width:c,height:o}=O.useResponsive({chart:v.value,title:t.value.style.chart.title.text?w.value:null,source:C.value,noTitle:b.value});n.value.width=c,n.value.height=o,m.value=t.value.style.chart.layout.percentage.fontSize/360*Math.min(c,o)});d.value=new ResizeObserver(l),d.value.observe(v.value.parentNode)}}e.onBeforeUnmount(()=>{d.value&&d.value.disconnect()});function $(l){let c=t.value.style.chart.animation.speed;const o=Math.abs(l-a.value)/(c*120);function u(){a.value<l?a.value=Math.min(a.value+o,l):a.value>l&&(a.value=Math.max(a.value-o,l)),a.value!==l&&requestAnimationFrame(u)}u()}const R=e.computed(()=>{const l=[];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:U,y:G}=A(n.value.size/100*o),{x:X,y:j}=A(n.value.size/100*o,t.value.style.chart.layout.wheel.ticks.sizeRatio);l.push({x1:U,y1:G,x2:X,y2:j,color:t.value.style.chart.layout.wheel.ticks.gradient.show?r.shiftHue(u,o/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):u})}return l}),h=e.ref(!1);function L(l){h.value=l,k.value+=1}const f=e.ref(!1);function g(){f.value=!f.value}return M({generatePdf:N,generateImage:S,toggleAnnotator:g}),(l,c)=>(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%":""}`)},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(W.PenAndPaper,{key:0,parent:v.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:g},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),V.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:w,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(H._sfc_main,{key:`title_${B.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.openBlock(),e.createBlock(z.UserOptions,{ref_key:"details",ref:q,key:`user_options_${k.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(_),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:L,onGeneratePdf:e.unref(N),onGenerateImage:e.unref(S),onToggleAnnotator:g},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(l.$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"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.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:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Y._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.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(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&&u<=a.value})},null,10,Z))),256)),t.value.style.chart.layout.innerCircle.show?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:s.value.centerX,cy:s.value.centerY,r:s.value.radius*.8<=0?1e-4:s.value.radius*.8,stroke:t.value.style.chart.layout.innerCircle.stroke,"stroke-width":t.value.style.chart.layout.innerCircle.strokeWidth,fill:"none"},null,8,ee)):e.createCommentVNode("",!0),t.value.style.chart.layout.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:1,x:s.value.centerX,y:s.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,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(r.applyDataLabel)(t.value.style.chart.layout.percentage.formatter,e.unref(r.checkNaN)(a.value),e.unref(r.dataLabel)({v:e.unref(r.checkNaN)(a.value),s:"%",r:t.value.style.chart.layout.percentage.rounding}))),9,te)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:n.value},void 0,!0)],14,Q)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(_)||e.unref(x)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"source",ref:C,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D.default,{key:7,config:{type:"wheel",style:{backgroundColor:t.value.style.chart.backgroundColor,wheel:{color:"#CCCCCC"}}}},null,8,["config"]))],12,K))}},ne=J._export_sfc(oe,[["__scopeId","data-v-bc4a7284"]]);exports.default=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-B68kzBN9.cjs"),H=require("./Title-B-xkTfi8.cjs"),z=require("./usePrinter-C9yUesCc.cjs"),O=require("./useResponsive-BJ7DTGpm.cjs"),D=require("./vue-ui-skeleton-DGCkWrND.cjs"),F=require("./useNestedProp-es9bVqY_.cjs"),Y=require("./PackageVersion-DKyD7D76.cjs"),W=require("./PenAndPaper-Dc2zn4C0.cjs"),J=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),K=["id"],Q=["xmlns","viewBox"],Z=["x1","x2","y1","y2","stroke","stroke-width","stroke-linecap"],ee=["cx","cy","r","stroke","stroke-width"],te=["x","y","font-size","fill","font-weight"],le={key:5,class:"vue-data-ui-watermark"},oe={__name:"vue-ui-wheel",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(E,{expose:M}){const i=E,{vue_ui_wheel:T}=r.useConfig(),p=e.computed(()=>!!i.dataset&&Object.keys(i.dataset).length),y=e.ref(r.createUid()),q=e.ref(null),k=e.ref(0),v=e.ref(null),w=e.ref(null),C=e.ref(null),b=e.ref(null),B=e.ref(0),t=e.computed({get:()=>P(),set:l=>l});function P(){const l=F.useNestedProp({userConfig:i.config,defaultConfig:T});return l.theme?{...F.useNestedProp({userConfig:r.themes.vue_ui_wheel[l.theme]||i.config,defaultConfig:l})}:l}e.watch(()=>i.config,l=>{t.value=P(),I(),B.value+=1},{deep:!0});const{isPrinting:_,isImaging:x,generatePdf:N,generateImage:S}=z.usePrinter({elementId:y.value,fileName:t.value.style.chart.title.text||"vue-ui-wheel"}),V=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),n=e.ref({size:360,height:360,width:360}),m=e.ref(t.value.style.chart.layout.percentage.fontSize),s=e.computed(()=>({radius:Math.min(n.value.width,n.value.height)*.9/2,centerX:n.value.width/2,centerY:n.value.height/2}));function A(l,c=1){return{x:s.value.centerX+s.value.radius*Math.cos(29.85+l*Math.PI/180)*c,y:s.value.centerY+s.value.radius*Math.sin(29.85+l*Math.PI/180)*c}}const a=e.ref(t.value.style.chart.animation.use?0:i.dataset.percentage||0);e.watch(()=>i.dataset,l=>{t.value.style.chart.animation.use?$(l.percentage):a.value=l.percentage||0},{deep:!0});const d=e.ref(null);e.onMounted(()=>{I()});function I(){if(r.objectIsEmpty(i.dataset)&&r.error({componentName:"VueUiWheel",type:"dataset"}),$(i.dataset.percentage||0),t.value.responsive){const l=O.throttle(()=>{const{width:c,height:o}=O.useResponsive({chart:v.value,title:t.value.style.chart.title.text?w.value:null,source:C.value,noTitle:b.value});n.value.width=c,n.value.height=o,m.value=t.value.style.chart.layout.percentage.fontSize/360*Math.min(c,o)});d.value=new ResizeObserver(l),d.value.observe(v.value.parentNode)}}e.onBeforeUnmount(()=>{d.value&&d.value.disconnect()});function $(l){let c=t.value.style.chart.animation.speed;const o=Math.abs(l-a.value)/(c*120);function u(){a.value<l?a.value=Math.min(a.value+o,l):a.value>l&&(a.value=Math.max(a.value-o,l)),a.value!==l&&requestAnimationFrame(u)}u()}const R=e.computed(()=>{const l=[];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:U,y:G}=A(n.value.size/100*o),{x:X,y:j}=A(n.value.size/100*o,t.value.style.chart.layout.wheel.ticks.sizeRatio);l.push({x1:U,y1:G,x2:X,y2:j,color:t.value.style.chart.layout.wheel.ticks.gradient.show?r.shiftHue(u,o/100*(t.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity/100)):u})}return l}),h=e.ref(!1);function L(l){h.value=l,k.value+=1}const f=e.ref(!1);function g(){f.value=!f.value}return M({generatePdf:N,generateImage:S,toggleAnnotator:g}),(l,c)=>(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%":""}`)},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(W.PenAndPaper,{key:0,parent:v.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:g},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),V.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:w,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(H._sfc_main,{key:`title_${B.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.openBlock(),e.createBlock(z.UserOptions,{ref_key:"details",ref:q,key:`user_options_${k.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(_),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:L,onGeneratePdf:e.unref(N),onGenerateImage:e.unref(S),onToggleAnnotator:g},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(l.$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"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.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:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Y._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.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(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&&u<=a.value})},null,10,Z))),256)),t.value.style.chart.layout.innerCircle.show?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:s.value.centerX,cy:s.value.centerY,r:s.value.radius*.8<=0?1e-4:s.value.radius*.8,stroke:t.value.style.chart.layout.innerCircle.stroke,"stroke-width":t.value.style.chart.layout.innerCircle.strokeWidth,fill:"none"},null,8,ee)):e.createCommentVNode("",!0),t.value.style.chart.layout.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:1,x:s.value.centerX,y:s.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,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(r.applyDataLabel)(t.value.style.chart.layout.percentage.formatter,e.unref(r.checkNaN)(a.value),e.unref(r.dataLabel)({v:e.unref(r.checkNaN)(a.value),s:"%",r:t.value.style.chart.layout.percentage.rounding}))),9,te)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:n.value},void 0,!0)],14,Q)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(_)||e.unref(x)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"source",ref:C,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D.default,{key:7,config:{type:"wheel",style:{backgroundColor:t.value.style.chart.backgroundColor,wheel:{color:"#CCCCCC"}}}},null,8,["config"]))],12,K))}},ne=J._export_sfc(oe,[["__scopeId","data-v-bc4a7284"]]);exports.default=ne;

package/dist/{vue-ui-word-cloud-3wvSYRbp.js → vue-ui-word-cloud-B0AhPT0k.js}

@@ -1,16 +1,16 @@
 import { useCssVars as Be, computed as p, openBlock as r, createElementBlock as h, createVNode as oe, renderSlot as d, createElementVNode as x, normalizeStyle as ae, pushScopeId as De, popScopeId as Ve, ref as n, watch as te, onMounted as Ee, onBeforeUnmount as Ue, createBlock as z, createCommentVNode as C, unref as $, createSlots as Ge, withCtx as v, normalizeProps as A, guardReactiveProps as I, normalizeClass as ge, Fragment as Le, renderList as Xe, toDisplayString as ye, createTextVNode as je, nextTick as be } from "vue";
-import { u as Ye, a1 as qe, v as He, c as Ce, t as Je, a as Ke, p as X, o as Qe, e as ke, g as Ze, f as et, X as tt, q as ot, r as at, x as lt } from "./index-B6Q1Fyk0.js";
-import { _ as nt } from "./Title-BB0O0yol.js";
-import { u as st, U as rt } from "./usePrinter-D8dIU7aG.js";
+import { u as Ye, a1 as qe, v as He, c as Ce, t as Je, a as Ke, p as X, o as Qe, e as ke, g as Ze, f as et, X as tt, q as ot, r as at, x as lt } from "./index-DnukYspq.js";
+import { _ as nt } from "./Title-Cnl9ySNH.js";
+import { u as st, U as rt } from "./usePrinter-DVIALk5e.js";
 import { d as ut, t as it, u as ct } from "./useResponsive-CoxXLe23.js";
-import dt from "./vue-ui-accordion-BOHicozd.js";
-import { D as vt } from "./DataTable-B5DiCrf_.js";
-import ht from "./BaseIcon-DCE3wRiG.js";
+import dt from "./vue-ui-accordion-f9NTID9e.js";
+import { D as vt } from "./DataTable-D_w08xos.js";
+import ht from "./BaseIcon-C8XxmpRq.js";
 import { _ as $e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as we } from "./useNestedProp-DQpuJSz3.js";
-import { _ as mt } from "./PackageVersion-S7OD_s5u.js";
-import { _ as ft } from "./Tooltip-GvLaModr.js";
-import { P as pt } from "./PenAndPaper-BxJZd7k9.js";
+import { u as we } from "./useNestedProp-CVOQGx-X.js";
+import { _ as mt } from "./PackageVersion-CH6MCx6T.js";
+import { _ as ft } from "./Tooltip-DEAOBZ8h.js";
+import { P as pt } from "./PenAndPaper-BWTR3U2d.js";
 const gt = (c) => (De("data-v-3fd7d274"), c = c(), Ve(), c), yt = { "data-html2canvas-ignore": "" }, bt = {
   key: 0,
   class: "reset-wrapper"