vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-radar-BF2eWMEl.js → vue-ui-radar-DQWyecSD.js}

@@ -1,21 +1,21 @@
 import { defineAsyncComponent as F, computed as g, ref as u, toRefs as aa, watch as $e, shallowRef as ut, onMounted as oa, onBeforeUnmount as la, openBlock as s, createElementBlock as c, unref as i, normalizeStyle as ae, normalizeClass as oe, createElementVNode as b, toDisplayString as R, createBlock as S, createCommentVNode as f, withCtx as d, renderSlot as p, normalizeProps as k, guardReactiveProps as C, createSlots as it, createVNode as ue, Fragment as U, renderList as E, Teleport as na, resolveDynamicComponent as sa, mergeProps as ra, createTextVNode as Te, nextTick as Ae } from "vue";
-import { j as ua, t as ct, m as ia, p as M, o as ca, q as W, n as va, s as vt, A as dt, K as da, l as j, k as Pe, X as pa, u as _e, v as ga, ah as pt, r as gt, a0 as ha, a1 as fa, T as ya, U as ma } from "./lib-DBptbyyI.js";
+import { j as ua, t as ct, m as ia, p as M, o as ca, q as W, n as va, s as vt, A as dt, K as da, l as j, k as Pe, X as pa, u as _e, v as ga, ah as pt, r as gt, a0 as ha, a1 as fa, T as ya, U as ma } from "./lib-DMzrGQHK.js";
 import { t as ba, u as ka } from "./useResponsive-DfdjqQps.js";
-import { u as Ca } from "./useConfig-C40HvGpD.js";
-import { u as wa, B as $a } from "./BaseScanner-BhhkKVoj.js";
-import { u as Ta } from "./usePrinter-CEpYU3r5.js";
-import { u as Aa } from "./useSvgExport-ByUukOZt.js";
-import { u as Se } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Pa } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as _a } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Sa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Oa } from "./useAutoSizeLabelsInsideViewbox-DX7LdvFX.js";
-import Ia from "./img-LXxMLmCg.js";
-import Fa from "./Title-BeMKE1cj.js";
-import xa from "./Legend-CS7Xo5LK.js";
+import { u as Ca } from "./useConfig-DTHxOX6V.js";
+import { u as wa, B as $a } from "./BaseScanner-BON3d_Sx.js";
+import { u as Ta } from "./usePrinter-C4t8DdQ-.js";
+import { u as Aa } from "./useSvgExport-BTG4hVPO.js";
+import { u as Se } from "./useNestedProp-DH0BEVVS.js";
+import { u as Pa } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as _a } from "./useUserOptionState-B7Ej974k.js";
+import { u as Sa } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Oa } from "./useAutoSizeLabelsInsideViewbox-izlGDfwu.js";
+import Ia from "./img-CjTQXS0U.js";
+import Fa from "./Title-BbKoiBk2.js";
+import xa from "./Legend-DGN5lY60.js";
 import Na from "./vue_ui_radar-DryGBOrz.js";
-import { A as La } from "./A11yDataTable-KcVAX2cP.js";
-import { B as Ra } from "./BaseLegendToggle-BQVIawmA.js";
+import { A as La } from "./A11yDataTable-BpmuNomI.js";
+import { B as Ra } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Da } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative" } }, Ea = ["xmlns", "aria-describedby", "viewBox"], Ma = ["width", "height"], Wa = ["id"], Ga = ["stop-color"], Xa = ["stop-color"], Ka = { key: 1 }, Ya = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ja = { key: 0 }, qa = ["d", "stroke", "stroke-width"], Ha = ["d", "stroke", "stroke-width"], Ja = { key: 2 }, Qa = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Za = ["points", "stroke", "stroke-width"], eo = ["points", "stroke", "stroke-width", "fill"], to = { key: 3 }, ao = ["cx", "cy", "fill", "r", "stroke"], oo = {
   key: 0,
@@ -49,7 +49,17 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ht, { expose: ft, emit: yt }) {
-    const mt = F(() => import("./Tooltip-C8KGyqQk.js")), bt = F(() => import("./BaseIcon-Cb3zzG6s.js")), kt = F(() => import("./vue-ui-sparkbar-D3UXwhmT.js")), Ct = F(() => import("./vue-ui-accordion-DDuJT1xA.js")), wt = F(() => import("./DataTable-DT2kIdQ6.js")), $t = F(() => import("./PenAndPaper-Ct3qJ4lA.js")), Tt = F(() => import("./UserOptions-rW2fRf3V.js")), At = F(() => import("./PackageVersion-DP_kfXUM.js")), Pt = F(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_radar: _t } = Ca(), { isThemeValid: St, warnInvalidTheme: Ot } = Pa(), O = ht, Oe = g(() => !!O.dataset && Object.keys(O.dataset).length), m = u(ua()), q = u(!1), ie = u(""), Ie = u(0), I = u(null), Fe = u(null), xe = u(null), Ne = u(null), Le = u(null), Re = u(0), De = u(0), Ve = u(0), ze = u(!1), H = u(null), ce = u(null), le = u(!1), ne = u(!1), A = u(null), Be = u({ x: 0, y: 0 }), J = u("pointer"), ve = u(!1), e = u(ge()), D = g(() => e.value.userOptions.useCursorPointer), It = g(() => ct({
+    const mt = F(() => import("./Tooltip-Cvt7Fi0Q.js")), bt = F(() => import("./BaseIcon-DX0hTWa-.js")), kt = F(() => import("./vue-ui-sparkbar-D2abFa-u.js")), Ct = F(() => import("./vue-ui-accordion-BHmfmb_6.js")), wt = F(() => import("./DataTable-cMnb68Ik.js")), $t = F(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Tt = F(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), At = F(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Pt = F(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_radar: _t } = Ca(), { isThemeValid: St, warnInvalidTheme: Ot } = Pa(), O = ht, Oe = g(() => !!O.dataset && Object.keys(O.dataset).length), m = u(ua()), q = u(!1), ie = u(""), Ie = u(0), I = u(null), Fe = u(null), xe = u(null), Ne = u(null), Le = u(null), Re = u(0), De = u(0), Ve = u(0), ze = u(!1), H = u(null), ce = u(null), le = u(!1), ne = u(!1), A = u(null), Be = u({ x: 0, y: 0 }), J = u("pointer"), ve = u(!1), e = u(ge()), D = g(
+      () => e.value.userOptions.useCursorPointer
+    ), It = g(() => ct({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -99,7 +109,9 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: It.value
       })
-    }), { userOptionsVisible: pe, setUserOptionsVisibility: Ue, keepUserOptionState: Ee } = _a({ config: e.value }), { svgRef: x } = Sa({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: pe, setUserOptionsVisibility: Ue, keepUserOptionState: Ee } = _a({ config: e.value }), { svgRef: x } = Sa({
+      config: e.value.style.chart.title
+    });
     function ge() {
       const t = Se({
         userConfig: O.config,
@@ -120,9 +132,13 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         customPalette: l.customPalette.length ? l.customPalette : ia[o] || M
       };
     }
-    $e(() => O.config, (t) => {
-      e.value = ge(), pe.value = !e.value.userOptions.showOnChartHover, Me(), Re.value += 1, De.value += 1, Ve.value += 1, w.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, w.value.showTable = e.value.table.show, w.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
-    }, { deep: !0 });
+    $e(
+      () => O.config,
+      (t) => {
+        e.value = ge(), pe.value = !e.value.userOptions.showOnChartHover, Me(), Re.value += 1, De.value += 1, Ve.value += 1, w.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, w.value.showTable = e.value.table.show, w.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
+      },
+      { deep: !0 }
+    );
     const N = ut(null), G = ut(null), z = g(() => e.value.debug);
     function Me() {
       if (ca(O.dataset) && W({
@@ -193,11 +209,14 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         X.value = !1, Q.value = null;
       }, 500)) : (h.value.push(t), setTimeout(() => {
         X.value = !1;
-      }, 500)), Ke("selectLegend", _.value.filter((o, a) => !h.value.includes(a)).map((o) => ({
-        name: o.name,
-        color: o.color,
-        proportion: o.totalProportion
-      })));
+      }, 500)), Ke(
+        "selectLegend",
+        _.value.filter((o, a) => !h.value.includes(a)).map((o) => ({
+          name: o.name,
+          color: o.color,
+          proportion: o.totalProportion
+        }))
+      );
     }
     function Lt() {
       return _.value.map((t) => ({
@@ -295,7 +314,9 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       const o = Ye(t);
       o !== null && (h.value.includes(o.absoluteIndex) || se(o.absoluteIndex));
     }
-    const je = g(() => Math.max(...T.value.flatMap((t) => t.values))), qe = g(() => T.value.length), ye = g(() => Math.min(v.value.width, v.value.height) / 3), He = g(() => dt({
+    const je = g(
+      () => Math.max(...T.value.flatMap((t) => t.values))
+    ), qe = g(() => T.value.length), ye = g(() => Math.min(v.value.width, v.value.height) / 3), He = g(() => dt({
       plot: { x: v.value.width / 2, y: v.value.height / 2 },
       radius: ye.value,
       sides: qe.value,
@@ -347,7 +368,9 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
     const _ = g(() => {
       const t = T.value.map((o, a) => o.values.map((l) => l / (o.target || je.value)));
       return P.value.map((o, a) => {
-        const l = da(t.map((r) => r[a]).reduce((r, n) => r + n, 0) / T.value.length);
+        const l = da(
+          t.map((r) => r[a]).reduce((r, n) => r + n, 0) / T.value.length
+        );
         return {
           ...o,
           absoluteIndex: a,
@@ -390,7 +413,12 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         ...l.values.map((r, n) => `${Pe(
           l.formatter,
           r,
-          j({ p: P.value[n]?.prefix ?? "", v: r, s: P.value[n]?.suffix ?? "", r: e.value.table.td.roundingValue })
+          j({
+            p: P.value[n]?.prefix ?? "",
+            v: r,
+            s: P.value[n]?.suffix ?? "",
+            r: e.value.table.td.roundingValue
+          })
         )} (${isNaN(r / l.target) ? "" : j({
           v: r / l.target * 100,
           s: "%",
@@ -412,13 +440,22 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       return { head: t, body: o, config: a, colNames: t };
     }), Y = u(null), be = u([]), re = u(null);
     function Mt(t, o) {
-      q.value = !1, Y.value = null, A.value = null, J.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
+      q.value = !1, Y.value = null, A.value = null, J.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: t,
+        seriesIndex: o
+      });
     }
     function Qe(t, o) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o });
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: t,
+        seriesIndex: o
+      });
     }
     function Ze(t, o, a = "pointer") {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), J.value = a, A.value = o;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: o
+      }), J.value = a, A.value = o;
       const l = P.value.slice();
       be.value = [], Y.value = o, q.value = !0, re.value = {
         datapoint: t,
@@ -431,16 +468,26 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         config: e.value
       };
       const r = e.value.style.chart.tooltip.customFormat;
-      if (ya(r) && ma(() => r({
-        seriesIndex: o,
-        datapoint: t,
-        series: { categories: l, datapoints: T.value, radar: y.value },
-        config: e.value
-      }))) {
+      if (ya(r) && ma(
+        () => r({
+          seriesIndex: o,
+          datapoint: t,
+          series: {
+            categories: l,
+            datapoints: T.value,
+            radar: y.value
+          },
+          config: e.value
+        })
+      )) {
         ie.value = r({
           seriesIndex: o,
           datapoint: t,
-          series: { categories: l, datapoints: T.value, radar: y.value },
+          series: {
+            categories: l,
+            datapoints: T.value,
+            radar: y.value
+          },
           config: e.value
         });
         return;
@@ -476,11 +523,23 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
     }
     function ke(t = null) {
       Ae(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ..._.value.flatMap(($) => [[$.name], ["%"]])], l = V.value.series.map(($, L) => [$.name, $.target, ...$.values.flatMap((te) => [
-          te,
-          isNaN(te / $.target) ? "" : te / $.target * 100
-        ])]), r = o.concat([a]).concat(l), n = ha(r);
-        t ? t(n) : fa({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-radar" });
+        const o = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [""]
+        ], a = [
+          [""],
+          [e.value.translations.target],
+          ..._.value.flatMap(($) => [[$.name], ["%"]])
+        ], l = V.value.series.map(($, L) => [
+          $.name,
+          $.target,
+          ...$.values.flatMap((te) => [te, isNaN(te / $.target) ? "" : te / $.target * 100])
+        ]), r = o.concat([a]).concat(l), n = ha(r);
+        t ? t(n) : fa({
+          csvContent: n,
+          title: e.value.style.chart.title.text || "vue-ui-radar"
+        });
       });
     }
     const B = u(!1);
@@ -499,7 +558,12 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
     }
     async function Wt({ scale: t = 2 } = {}) {
       if (!I.value) return;
-      const { width: o, height: a } = I.value.getBoundingClientRect(), l = o / a, { imageUri: r, base64: n } = await Ia({ domElement: I.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = I.value.getBoundingClientRect(), l = o / a, { imageUri: r, base64: n } = await Ia({
+        domElement: I.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: r,
         base64: n,
@@ -540,9 +604,12 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         }
       };
     });
-    $e(() => w.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
-    });
+    $e(
+      () => w.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
+      }
+    );
     function ot() {
       w.value.showTable = !1, ce.value && ce.value.setTableIconState(!1);
     }
@@ -561,7 +628,14 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       try {
         if (t) {
           const { blob: o, url: a, text: l, dataUrl: r } = await qt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: o, url: a, text: l, dataUrl: r }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: o,
+              url: a,
+              text: l,
+              dataUrl: r
+            })
+          );
         } else
           await Promise.resolve(jt());
       } finally {
@@ -584,13 +658,17 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         config: e.value,
         dataset: y.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: y.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: y.value
+        })
+      );
     }
     function Jt() {
       A.value = null, ve.value = !0;
@@ -611,7 +689,8 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
     function ea(t) {
       if (!x.value || Z.value || document.activeElement !== x.value || !y.value.length) return;
       const o = ["ArrowLeft", "ArrowUp"].includes(t.key), a = ["ArrowRight", "ArrowDown"].includes(t.key), l = t.key === "Enter" || t.key === " ", r = t.key === "Escape";
-      if (!o && !a && !l && !r) return;
+      if (!o && !a && !l && !r)
+        return;
       if (t.preventDefault(), t.stopPropagation(), r) {
         A.value = null, J.value = "pointer", q.value = !1, Y.value = null;
         return;
@@ -846,7 +925,10 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           ref: x,
           xmlns: i(pa),
           "aria-describedby": `chart-instructions-${m.value}`,
-          class: oe({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
+          class: oe({
+            "vue-data-ui-fullscreen--on": B.value,
+            "vue-data-ui-fulscreen--off": !B.value
+          }),
           viewBox: `0 0 ${v.value.width <= 0 ? 10 : v.value.width} ${v.value.height <= 0 ? 10 : v.value.height}`,
           style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
           tabindex: "0",
@@ -878,11 +960,17 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
             }, [
               b("stop", {
                 offset: "0%",
-                "stop-color": i(_e)(i(ga)(a.color, 0.05), e.value.style.chart.layout.dataPolygon.opacity)
+                "stop-color": i(_e)(
+                  i(ga)(a.color, 0.05),
+                  e.value.style.chart.layout.dataPolygon.opacity
+                )
               }, null, 8, Ga),
               b("stop", {
                 offset: "100%",
-                "stop-color": i(_e)(a.color, e.value.style.chart.layout.dataPolygon.opacity)
+                "stop-color": i(_e)(
+                  a.color,
+                  e.value.style.chart.layout.dataPolygon.opacity
+                )
               }, null, 8, Xa)
             ], 8, Wa))), 256))
           ]),
@@ -898,7 +986,10 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
             e.value.style.chart.layout.grid.graduations > 0 ? (s(), c("g", ja, [
               (s(!0), c(U, null, E(zt.value, (a) => (s(), c("path", {
                 d: i(dt)({
-                  plot: { x: v.value.width / 2, y: v.value.height / 2 },
+                  plot: {
+                    x: v.value.width / 2,
+                    y: v.value.height / 2
+                  },
                   radius: a,
                   sides: qe.value,
                   rotation: 0
@@ -934,19 +1025,36 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
             b("g", null, [
               e.value.useCssAnimation || !e.value.useCssAnimation && !h.value.includes(l) ? (s(), c("polygon", {
                 key: 0,
-                points: i(pt)(y.value.map((r) => r.plots[l]), !1, !0),
+                points: i(pt)(
+                  y.value.map((r) => r.plots[l]),
+                  !1,
+                  !0
+                ),
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
                 fill: "none",
-                class: oe({ "animated-out": h.value.includes(l) && e.value.useCssAnimation, "animated-in": X.value && Q.value === l && e.value.useCssAnimation })
+                class: oe({
+                  "animated-out": h.value.includes(l) && e.value.useCssAnimation,
+                  "animated-in": X.value && Q.value === l && e.value.useCssAnimation
+                })
               }, null, 10, Za)) : f("", !0),
               e.value.useCssAnimation || !e.value.useCssAnimation && !h.value.includes(l) ? (s(), c("polygon", {
                 key: 1,
-                points: i(pt)(y.value.map((r) => r.plots[l]), !1, !0),
+                points: i(pt)(
+                  y.value.map((r) => r.plots[l]),
+                  !1,
+                  !0
+                ),
                 stroke: a.color,
                 "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
-                fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : i(_e)(a.color, e.value.style.chart.layout.dataPolygon.opacity),
-                class: oe({ "animated-out": h.value.includes(l) && e.value.useCssAnimation, "animated-in": X.value && Q.value === l && e.value.useCssAnimation })
+                fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : i(_e)(
+                  a.color,
+                  e.value.style.chart.layout.dataPolygon.opacity
+                ),
+                class: oe({
+                  "animated-out": h.value.includes(l) && e.value.useCssAnimation,
+                  "animated-in": X.value && Q.value === l && e.value.useCssAnimation
+                })
               }, null, 10, eo)) : f("", !0)
             ])
           ]))), 256)),
@@ -959,7 +1067,10 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
                 r: Y.value !== null && Y.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
                 stroke: h.value.includes(n) ? "transparent" : e.value.style.chart.backgroundColor,
                 "stroke-width": 0.5,
-                class: oe({ "animated-out": h.value.includes(n) && e.value.useCssAnimation, "animated-in": X.value && Q.value === n && e.value.useCssAnimation })
+                class: oe({
+                  "animated-out": h.value.includes(n) && e.value.useCssAnimation,
+                  "animated-in": X.value && Q.value === n && e.value.useCssAnimation
+                })
               }, null, 10, ao))), 256))
             ]))), 256))
           ])) : f("", !0),
@@ -972,11 +1083,16 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           }, void 0, !0)
         ], 46, Ea)),
         t.$slots.hint ? (s(), c("div", oo, [
-          p(t.$slots, "hint", k(C({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ve.value })), void 0, !0)
+          p(t.$slots, "hint", k(C({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: ve.value
+          })), void 0, !0)
         ])) : f("", !0)
       ]),
       t.$slots.watermark ? (s(), c("div", lo, [
-        p(t.$slots, "watermark", k(C({ isPrinting: i(he) || i(fe) || le.value || ne.value })), void 0, !0)
+        p(t.$slots, "watermark", k(C({
+          isPrinting: i(he) || i(fe) || le.value || ne.value
+        })), void 0, !0)
       ])) : f("", !0),
       b("div", {
         id: `legend-bottom-${m.value}`
@@ -1059,7 +1175,9 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           p(t.$slots, "tooltip", k(C({ ...re.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          !["function"].includes(typeof e.value.style.chart.tooltip.customFormat) && !t.$slots.tooltip ? (s(), c("div", ro, [
+          !["function"].includes(
+            typeof e.value.style.chart.tooltip.customFormat
+          ) && !t.$slots.tooltip ? (s(), c("div", ro, [
             ue(i(kt), {
               dataset: be.value,
               config: xt.value,
@@ -1136,7 +1254,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       ], !0)
     ], 46, Va));
   }
-}, xo = /* @__PURE__ */ Da(vo, [["__scopeId", "data-v-dd180fcd"]]);
+}, xo = /* @__PURE__ */ Da(vo, [["__scopeId", "data-v-0c144ba2"]]);
 export {
   xo as default
 };

package/dist/{vue-ui-rating-C1f6x_PD.js → vue-ui-rating-DKmEn0VK.js}

@@ -1,7 +1,7 @@
 import { ref as $, useSlots as Q, onMounted as R, computed as x, watch as Z, openBlock as o, createElementBlock as a, normalizeStyle as s, createElementVNode as r, toDisplayString as f, createCommentVNode as p, unref as n, Fragment as j, renderList as ee, renderSlot as B, mergeProps as O, withKeys as te } from "vue";
-import { j as le, o as oe, q as ae, k as b, l as _, X as z, v as X, z as I } from "./lib-DBptbyyI.js";
-import { u as ie } from "./useNestedProp-Bf5XFbs8.js";
-import { u as se } from "./useConfig-C40HvGpD.js";
+import { j as le, o as oe, q as ae, k as b, l as _, X as z, v as X, z as I } from "./lib-DMzrGQHK.js";
+import { u as ie } from "./useNestedProp-DH0BEVVS.js";
+import { u as se } from "./useConfig-DTHxOX6V.js";
 import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const re = {
   key: 0,
@@ -36,7 +36,9 @@ const re = {
   setup(Y, { expose: G, emit: L }) {
     const { vue_ui_rating: U } = se(), u = Y, m = $(le()), S = $(!1), v = $(void 0), h = $(void 0), w = $([]), D = Q();
     R(() => {
-      D["chart-background"] && console.warn("VueUiRating does not support the #chart-background slot.");
+      D["chart-background"] && console.warn(
+        "VueUiRating does not support the #chart-background slot."
+      );
     });
     const E = L, e = x({
       get: () => C(),
@@ -48,9 +50,13 @@ const re = {
         defaultConfig: U
       });
     }
-    Z(() => u.config, (l) => {
-      e.value = C(), F();
-    }, { deep: !0 });
+    Z(
+      () => u.config,
+      (l) => {
+        e.value = C(), F();
+      },
+      { deep: !0 }
+    );
     const K = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating) ? q(u.dataset.rating) : u.dataset.rating), T = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating)), y = $(K.value), V = x(() => e.value.type === "image"), g = x(() => e.value.readonly);
     function q(l) {
       let i = 0, t = 0;
@@ -61,7 +67,10 @@ const re = {
       if (t === 0)
         return 0;
       const c = i / t;
-      return Math.min(e.value.to, Math.max(e.value.from, c));
+      return Math.min(
+        e.value.to,
+        Math.max(e.value.from, c)
+      );
     }
     R(() => {
       F();
@@ -152,10 +161,20 @@ const re = {
         }, [
           l.$slots["layer-under"] || l.$slots["layer-above"] ? (o(), a("div", ue, [
             l.$slots["layer-under"] ? (o(), a("div", ve, [
-              B(l.$slots, "layer-under", O({ ref_for: !0 }, { value: t, size: e.value.style.itemSize, hoveredValue: v.value, focusedValue: h.value }), void 0, !0)
+              B(l.$slots, "layer-under", O({ ref_for: !0 }, {
+                value: t,
+                size: e.value.style.itemSize,
+                hoveredValue: v.value,
+                focusedValue: h.value
+              }), void 0, !0)
             ])) : p("", !0),
             l.$slots["layer-above"] ? (o(), a("div", de, [
-              B(l.$slots, "layer-above", O({ ref_for: !0 }, { value: t, size: e.value.style.itemSize, hoveredValue: v.value, focusedValue: h.value }), void 0, !0)
+              B(l.$slots, "layer-above", O({ ref_for: !0 }, {
+                value: t,
+                size: e.value.style.itemSize,
+                hoveredValue: v.value,
+                focusedValue: h.value
+              }), void 0, !0)
             ])) : p("", !0)
           ])) : (o(), a(j, { key: 1 }, [
             V.value ? (o(), a("img", {
@@ -345,7 +364,7 @@ const re = {
       )), 5)) : p("", !0)
     ], 36));
   }
-}, Re = /* @__PURE__ */ ne(Ce, [["__scopeId", "data-v-d8f7266f"]]);
+}, Re = /* @__PURE__ */ ne(Ce, [["__scopeId", "data-v-75c80ffe"]]);
 export {
   Re as default
 };