vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-parallel-coordinate-plot-CbDGHCzy.js → vue-ui-parallel-coordinate-plot-YokoI6TP.js}

@@ -1,22 +1,22 @@
 import { defineAsyncComponent as H, computed as p, ref as c, toRefs as sa, watch as he, shallowRef as ct, onMounted as na, onBeforeUnmount as ia, watchEffect as ua, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as oe, createElementVNode as S, toDisplayString as V, createBlock as z, createCommentVNode as y, withCtx as f, renderSlot as h, normalizeProps as A, guardReactiveProps as $, createSlots as vt, createVNode as Se, Fragment as M, renderList as D, Teleport as ra, resolveDynamicComponent as ca, mergeProps as va, createTextVNode as dt, nextTick as Me } from "vue";
-import { j as ze, t as ht, m as da, p as pe, o as pt, q as ft, r as ha, n as pa, s as fa, D as ya, b as ma, c as ga, aj as ba, X as ka, Z as xa, T as yt, a2 as fe, a0 as Ca, a1 as wa, k as mt, l as gt, U as Aa, a3 as $a } from "./lib-DBptbyyI.js";
+import { j as ze, t as ht, m as da, p as pe, o as pt, q as ft, r as ha, n as pa, s as fa, D as ya, b as ma, c as ga, aj as ba, X as ka, Z as xa, T as yt, a2 as fe, a0 as Ca, a1 as wa, k as mt, l as gt, U as Aa, a3 as $a } from "./lib-DMzrGQHK.js";
 import { t as bt, u as Ta } from "./useResponsive-DfdjqQps.js";
-import { u as Pa } from "./useConfig-C40HvGpD.js";
-import { u as Ia } from "./usePrinter-CEpYU3r5.js";
-import { u as Sa, B as Ma } from "./BaseScanner-BhhkKVoj.js";
-import { u as za } from "./useSvgExport-ByUukOZt.js";
-import { u as Ne } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Na } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Fa } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as La } from "./useChartAccessibility-9icAAmYg.js";
-import { u as _a } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { u as Pa } from "./useConfig-DTHxOX6V.js";
+import { u as Ia } from "./usePrinter-C4t8DdQ-.js";
+import { u as Sa, B as Ma } from "./BaseScanner-BON3d_Sx.js";
+import { u as za } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ne } from "./useNestedProp-DH0BEVVS.js";
+import { u as Na } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Fa } from "./useUserOptionState-B7Ej974k.js";
+import { u as La } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as _a } from "./useTimeLabelCollider-D3JeJ6Ye.js";
 import Oa from "./vue_ui_parallel_coordinate_plot-DH3cFJ3n.js";
-import Da from "./Title-BeMKE1cj.js";
-import Ra from "./Legend-CS7Xo5LK.js";
-import { _ as Ba } from "./Shape-BKRUOeKk.js";
-import Ea from "./img-LXxMLmCg.js";
-import { A as Ua } from "./A11yDataTable-KcVAX2cP.js";
-import { B as Ha } from "./BaseLegendToggle-BQVIawmA.js";
+import Da from "./Title-BbKoiBk2.js";
+import Ra from "./Legend-DGN5lY60.js";
+import { _ as Ba } from "./Shape-CxJ5_Rre.js";
+import Ea from "./img-CjTQXS0U.js";
+import { A as Ua } from "./A11yDataTable-BpmuNomI.js";
+import { B as Ha } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Va } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative" } }, Ka = ["xmlns", "aria-describedby", "viewBox"], Ya = ["x", "y", "width", "height"], qa = { style: { "pointer-events": "none" } }, Za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qa = { key: 0 }, el = ["x", "y", "fill", "font-size", "font-weight"], tl = ["fill", "font-size", "font-weight", "text-anchor", "transform"], al = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], ll = { key: 0 }, ol = ["x", "y", "font-size", "fill"], sl = ["width", "x", "y"], nl = { style: { width: "100%" } }, il = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], ul = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], rl = ["d", "onMouseenter", "onMouseleave", "onClick"], cl = {
   key: 0,
@@ -44,7 +44,15 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(kt, { expose: xt, emit: Ct }) {
-    const wt = H(() => import("./Tooltip-C8KGyqQk.js")), At = H(() => import("./BaseIcon-Cb3zzG6s.js")), $t = H(() => import("./vue-ui-accordion-DDuJT1xA.js")), Tt = H(() => import("./DataTable-DT2kIdQ6.js")), Pt = H(() => import("./PenAndPaper-Ct3qJ4lA.js")), It = H(() => import("./UserOptions-rW2fRf3V.js")), St = H(() => import("./PackageVersion-PjmqM4wb.js")), Mt = H(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_parallel_coordinate_plot: zt } = Pa(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Na(), T = kt, se = p({
+    const wt = H(() => import("./Tooltip-Cvt7Fi0Q.js")), At = H(() => import("./BaseIcon-DX0hTWa-.js")), $t = H(() => import("./vue-ui-accordion-BHmfmb_6.js")), Tt = H(() => import("./DataTable-cMnb68Ik.js")), Pt = H(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), It = H(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), St = H(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Mt = H(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_parallel_coordinate_plot: zt } = Pa(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Na(), T = kt, se = p({
       get() {
         return !!T.dataset && T.dataset.length;
       },
@@ -55,7 +63,9 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     function Ve(t) {
       W.value = t, Fe.value += 1;
     }
-    const e = c(xe()), j = p(() => e.value.userOptions.useCursorPointer), Lt = p(() => ht({
+    const e = c(xe()), j = p(
+      () => e.value.userOptions.useCursorPointer
+    ), Lt = p(() => ht({
       defaultConfig: {
         useCssAnimation: !1,
         userOptions: { show: !1 },
@@ -129,7 +139,9 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Lt.value
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: We, keepUserOptionState: je } = Fa({ config: e.value }), { svgRef: G } = La({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: We, keepUserOptionState: je } = Fa({ config: e.value }), { svgRef: G } = La({
+      config: e.value.style.chart.title
+    });
     function xe() {
       const t = Ne({
         userConfig: T.config,
@@ -150,11 +162,19 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         customPalette: s.customPalette.length ? s.customPalette : da[l] || pe
       };
     }
-    he(() => T.config, (t) => {
-      R.value || (e.value = xe()), ke.value = !e.value.userOptions.showOnChartHover, Xe(), Re.value += 1, Ee.value += 1, Be.value += 1, g.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), he(() => T.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (be.value = !1);
-    }, { deep: !0 });
+    he(
+      () => T.config,
+      (t) => {
+        R.value || (e.value = xe()), ke.value = !e.value.userOptions.showOnChartHover, Xe(), Re.value += 1, Ee.value += 1, Be.value += 1, g.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
+      },
+      { deep: !0 }
+    ), he(
+      () => T.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (be.value = !1);
+      },
+      { deep: !0 }
+    );
     const B = ct(null), K = ct(null);
     na(() => {
       Ue.value = !0, Xe();
@@ -246,11 +266,19 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       a.observe(l), t(() => a.disconnect());
     });
     const m = p(() => {
-      const { top: t, right: l, bottom: a, left: s } = e.value.style.chart.padding, o = Ze.value, u = qe.value;
+      const {
+        top: t,
+        right: l,
+        bottom: a,
+        left: s
+      } = e.value.style.chart.padding, o = Ze.value, u = qe.value;
       return {
         chartHeight: Math.max(1e-3, o),
         chartWidth: Math.max(1e-3, u),
-        height: Math.max(1e-3, o - t - a - Z.value - d.value.datapointFontSize * 2),
+        height: Math.max(
+          1e-3,
+          o - t - a - Z.value - d.value.datapointFontSize * 2
+        ),
         width: Math.max(1e-3, u - s - l),
         top: t + Z.value + d.value.datapointFontSize,
         left: s,
@@ -264,15 +292,19 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    he(e, () => {
-      g.value = {
-        dataLabels: {
-          show: e.value.style.chart.yAxis.labels.datapoints.show
-        },
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    he(
+      e,
+      () => {
+        g.value = {
+          dataLabels: {
+            show: e.value.style.chart.yAxis.labels.datapoints.show
+          },
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const x = c([]);
     function Bt() {
       x.value.length ? x.value = [] : ce.value.forEach((t) => {
@@ -299,9 +331,13 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     }));
     function Je(t) {
       if (!L.value.length)
-        return e.value.debug && console.warn("VueUiParallelCoordinatePlot - There are no series to show."), null;
+        return e.value.debug && console.warn(
+          "VueUiParallelCoordinatePlot - There are no series to show."
+        ), null;
       const l = L.value.find((a) => a.name === t);
-      return l || (e.value.debug && console.warn(`VueUiParallelCoordinatePlot - Series name not found "${t}"`), null);
+      return l || (e.value.debug && console.warn(
+        `VueUiParallelCoordinatePlot - Series name not found "${t}"`
+      ), null);
     }
     function Et(t) {
       const l = Je(t);
@@ -325,11 +361,27 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), Qe = p(() => Math.max(
-      ...L.value.filter((t) => !x.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
-    )), P = p(() => m.value.width / Qe.value), Ae = p(() => L.value.filter((t) => !x.value.includes(t.id))), b = p(() => {
+      ...L.value.filter((t) => !x.value.includes(t.id)).map(
+        (t) => Math.max(...t.series.flatMap((l) => l.values.length))
+      )
+    )), P = p(() => m.value.width / Qe.value), Ae = p(() => L.value.filter(
+      (t) => !x.value.includes(t.id)
+    )), b = p(() => {
       let t = [];
       for (let l = 0; l < Qe.value; l += 1) {
-        const a = Math.min(...Ae.value.flatMap((w) => w.series.map((U) => U.values[l] || 0) || 0)), s = Math.max(...Ae.value.flatMap((w) => w.series.map((U) => U.values[l] || 0) || 0)), o = s === a ? a / 4 : a, u = s === a ? s * 2 : s, i = ya(o, u, e.value.style.chart.yAxis.scaleTicks), k = i.ticks.map((w, U) => {
+        const a = Math.min(
+          ...Ae.value.flatMap(
+            (w) => w.series.map((U) => U.values[l] || 0) || 0
+          )
+        ), s = Math.max(
+          ...Ae.value.flatMap(
+            (w) => w.series.map((U) => U.values[l] || 0) || 0
+          )
+        ), o = s === a ? a / 4 : a, u = s === a ? s * 2 : s, i = ya(
+          o,
+          u,
+          e.value.style.chart.yAxis.scaleTicks
+        ), k = i.ticks.map((w, U) => {
           const I = i.min < 0 ? w + Math.abs(i.min) : w - Math.abs(i.min), oa = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
           return {
             y: m.value.bottom - m.value.height * (I / oa),
@@ -366,7 +418,9 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     })).map((t) => ({
       ...t,
       series: t.series.map((l) => {
-        const a = ma(l.datapoints), s = ga(l.datapoints), o = ba(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
+        const a = ma(l.datapoints), s = ga(l.datapoints), o = ba(
+          e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`
+        );
         return {
           ...l,
           smoothPath: s,
@@ -398,7 +452,10 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     }
     const C = c(null), ve = c(null), de = c(!1), $e = c("");
     function J({ shape: t, serie: l, S: a }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...l, shape: t }, seriesIndex: a });
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: { ...l, shape: t },
+        seriesIndex: a
+      });
       const s = N.value !== null ? X.value[N.value] : null;
       ue.value === "keyboard" && s && s.serie.id === l.id || (C.value = null, de.value = !1);
     }
@@ -406,20 +463,44 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       if (!G.value || !t?.datapoints?.length) return;
       const l = t.datapoints[Math.floor(t.datapoints.length / 2)];
       if (!l) return;
-      const a = $a(l.x, l.y, G.value);
+      const a = $a(
+        l.x,
+        l.y,
+        G.value
+      );
       a && (He.value = a);
     }
-    function Q({ shape: t, serieName: l, serie: a, relativeIndex: s, seriesIndex: o, S: u, triggerMode: i = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: u }), ue.value = i, ve.value = { datapoint: a, serie: a, relativeIndex: s, seriesIndex: o, series: L.value, scales: b.value }, de.value = !0, C.value = a.id;
-      let k = "";
-      const w = e.value.style.chart.tooltip.customFormat;
-      yt(w) && Aa(() => w({
+    function Q({
+      shape: t,
+      serieName: l,
+      serie: a,
+      relativeIndex: s,
+      seriesIndex: o,
+      S: u,
+      triggerMode: i = "pointer"
+    }) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: { ...a, shape: t },
+        seriesIndex: u
+      }), ue.value = i, ve.value = {
+        datapoint: a,
         serie: a,
-        seriesIndex: a.seriesIndex,
+        relativeIndex: s,
+        seriesIndex: o,
         series: L.value,
-        config: e.value,
         scales: b.value
-      })) ? $e.value = w({
+      }, de.value = !0, C.value = a.id;
+      let k = "";
+      const w = e.value.style.chart.tooltip.customFormat;
+      yt(w) && Aa(
+        () => w({
+          serie: a,
+          seriesIndex: a.seriesIndex,
+          series: L.value,
+          config: e.value,
+          scales: b.value
+        })
+      ) ? $e.value = w({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: L.value,
@@ -476,12 +557,22 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       body: E.value.body
     });
     function Te(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = tt.value.head, s = tt.value.body, o = l.concat([a]).concat(s), u = Ca(o);
-      t ? t(u) : wa({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
+      const l = [
+        [e.value.style.chart.title.text],
+        [e.value.style.chart.title.subtitle.text],
+        [""]
+      ], a = tt.value.head, s = tt.value.body, o = l.concat([a]).concat(s), u = Ca(o);
+      t ? t(u) : wa({
+        csvContent: u,
+        title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot"
+      });
     }
     const Pe = Ct;
     function ee({ serie: t, shape: l, S: a }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, shape: l }, seriesIndex: a }), Pe("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: { ...t, shape: l },
+        seriesIndex: a
+      }), Pe("selectDatapoint", t);
     }
     function at(t) {
       Pe("selectLegend", {
@@ -505,7 +596,12 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     }
     async function jt({ scale: t = 2 } = {}) {
       if (!O.value) return;
-      const { width: l, height: a } = O.value.getBoundingClientRect(), s = l / a, { imageUri: o, base64: u } = await Ea({ domElement: O.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = O.value.getBoundingClientRect(), s = l / a, { imageUri: o, base64: u } = await Ea({
+        domElement: O.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: o,
         base64: u,
@@ -522,7 +618,14 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       slicer: Gt,
       configRef: e,
       rotationPath: ["style", "chart", "yAxis", "labels", "axisNamesRotation"],
-      autoRotatePath: ["style", "chart", "yAxis", "labels", "axisNamesAutoRotate", "enable"],
+      autoRotatePath: [
+        "style",
+        "chart",
+        "yAxis",
+        "labels",
+        "axisNamesAutoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: qe,
       height: Ze,
@@ -560,9 +663,12 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
         }
       };
     });
-    he(() => g.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
-    });
+    he(
+      () => g.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
+      }
+    );
     function nt() {
       g.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
@@ -578,7 +684,14 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       try {
         if (t) {
           const { blob: l, url: a, text: s, dataUrl: o } = await Jt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: s, dataUrl: o }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: s,
+              dataUrl: o
+            })
+          );
         } else
           await Promise.resolve(Zt());
       } finally {
@@ -601,13 +714,17 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { 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 ea(t) {
       const l = X.value.length;
@@ -633,7 +750,8 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     function la(t) {
       if (!G.value || te.value || document.activeElement !== G.value || !X.value.length) return;
       const l = ["ArrowUp", "ArrowLeft"].includes(t.key), a = ["ArrowDown", "ArrowRight"].includes(t.key), s = t.key === "Enter" || t.key === " ", o = t.key === "Escape";
-      if (!l && !a && !s && !o) return;
+      if (!l && !a && !s && !o)
+        return;
       if (t.preventDefault(), t.stopPropagation(), o) {
         rt();
         return;
@@ -889,7 +1007,10 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           ref: G,
           xmlns: v(ka),
           "aria-describedby": `chart-instructions-${F.value}`,
-          class: oe({ "vue-data-ui-fullscreen--on": W.value, "vue-data-ui-fulscreen--off": !W.value }),
+          class: oe({
+            "vue-data-ui-fullscreen--on": W.value,
+            "vue-data-ui-fulscreen--off": !W.value
+          }),
           viewBox: `0 0 ${m.value.chartWidth <= 0 ? 10 : m.value.chartWidth} ${m.value.chartHeight <= 0 ? 10 : m.value.chartHeight}`,
           style: _(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
           tabindex: "0",
@@ -938,7 +1059,11 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                   "font-size": d.value.ticksFontSize,
                   "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
                   style: _(`opacity:${C.value && !g.value.showTooltip ? 0.2 : 1}`)
-                }, V(et({ value: o.value, index: s, datapoint: o })), 13, el))), 256))
+                }, V(et({
+                  value: o.value,
+                  index: s,
+                  datapoint: o
+                })), 13, el))), 256))
               ]))
             ], 64)) : y("", !0)
           ]))), 256)),
@@ -994,9 +1119,17 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                     S: s,
                     triggerMode: "pointer"
                   }),
-                  onMouseleave: (w) => J({ serie: o, shape: a.shape, S: s }),
+                  onMouseleave: (w) => J({
+                    serie: o,
+                    shape: a.shape,
+                    S: s
+                  }),
                   style: _(`opacity:${C.value ? C.value === o.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
-                  onClick: () => ee({ serie: o, shape: a.shape, S: s })
+                  onClick: () => ee({
+                    serie: o,
+                    shape: a.shape,
+                    S: s
+                  })
                 }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "onMouseleave", "style", "onClick"]))), 256)),
                 g.value.showTooltip ? y("", !0) : (n(), r(M, { key: 0 }, [
                   C.value && C.value === o.id && o.datapoints.length ? (n(), r("text", {
@@ -1020,7 +1153,10 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                   }, [
                     S("div", nl, [
                       h(t.$slots, "plot-comment", {
-                        plot: { ...i, color: a.color }
+                        plot: {
+                          ...i,
+                          color: a.color
+                        }
                       }, void 0, !0)
                     ])
                   ], 8, sl)) : y("", !0)
@@ -1032,7 +1168,10 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                 fill: e.value.style.chart.yAxis.labels.datapoints.useSerieColor ? a.color : e.value.style.chart.yAxis.labels.datapoints.color,
                 "text-anchor": "start",
                 "font-weight": e.value.style.chart.yAxis.labels.datapoints.bold ? "bold" : "normal",
-                class: oe({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !v(R) }),
+                class: oe({
+                  "vue-ui-pcp-animated": !1,
+                  "vue-ui-pcp-transition": !v(R)
+                }),
                 "font-size": d.value.datapointFontSize,
                 onMouseenter: (w) => Q({
                   shape: a.shape,
@@ -1043,16 +1182,31 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                   S: s,
                   triggerMode: "pointer"
                 }),
-                onMouseleave: (w) => J({ serie: o, shape: a.shape, S: s }),
-                onClick: () => ee({ serie: o, shape: a.shape, S: s }),
+                onMouseleave: (w) => J({
+                  serie: o,
+                  shape: a.shape,
+                  S: s
+                }),
+                onClick: () => ee({
+                  serie: o,
+                  shape: a.shape,
+                  S: s
+                }),
                 style: _(`opacity:${C.value ? C.value === o.id ? 1 : 0.2 : 1}`)
-              }, V(et({ value: i.value, index: k, datapoint: i })), 47, il))), 256)) : y("", !0),
+              }, V(et({
+                value: i.value,
+                index: k,
+                datapoint: i
+              })), 47, il))), 256)) : y("", !0),
               S("path", {
                 d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
                 stroke: a.color,
                 "stroke-width": e.value.style.chart.lines.strokeWidth,
                 fill: "none",
-                class: oe({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
+                class: oe({
+                  "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation,
+                  "vue-ui-pcp-transition": !v(R)
+                }),
                 onMouseenter: (i) => Q({
                   shape: a.shape,
                   serieName: a.name,
@@ -1062,8 +1216,16 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                   S: s,
                   triggerMode: "pointer"
                 }),
-                onMouseleave: (i) => J({ serie: o, shape: a.shape, S: s }),
-                onClick: () => ee({ serie: o, shape: a.shape, S: s }),
+                onMouseleave: (i) => J({
+                  serie: o,
+                  shape: a.shape,
+                  S: s
+                }),
+                onClick: () => ee({
+                  serie: o,
+                  shape: a.shape,
+                  S: s
+                }),
                 style: _(`opacity:${C.value ? C.value === o.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${o.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? o.pathLength : 0}`)
               }, null, 46, ul),
               g.value.showTooltip ? (n(), r("path", {
@@ -1072,7 +1234,10 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                 stroke: "transparent",
                 "stroke-width": 12,
                 fill: "none",
-                class: oe({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
+                class: oe({
+                  "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation,
+                  "vue-ui-pcp-transition": !v(R)
+                }),
                 onMouseenter: (i) => Q({
                   shape: a.shape,
                   serieName: a.name,
@@ -1082,8 +1247,16 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
                   S: s,
                   triggerMode: "pointer"
                 }),
-                onMouseleave: (i) => J({ serie: o, shape: a.shape, S: s }),
-                onClick: () => ee({ serie: o, shape: a.shape, S: s }),
+                onMouseleave: (i) => J({
+                  serie: o,
+                  shape: a.shape,
+                  S: s
+                }),
+                onClick: () => ee({
+                  serie: o,
+                  shape: a.shape,
+                  S: s
+                }),
                 style: { opacity: "0" }
               }, null, 42, rl)) : y("", !0)
             ]))), 256))
@@ -1097,11 +1270,16 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           }, void 0, !0)
         ], 46, Ka)),
         t.$slots.hint ? (n(), r("div", cl, [
-          h(t.$slots, "hint", A($({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ge.value })), void 0, !0)
+          h(t.$slots, "hint", A($({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: ge.value
+          })), void 0, !0)
         ])) : y("", !0)
       ]),
       t.$slots.watermark ? (n(), r("div", vl, [
-        h(t.$slots, "watermark", A($({ isPrinting: v(Ce) || v(we) || ne.value || ie.value })), void 0, !0)
+        h(t.$slots, "watermark", A($({
+          isPrinting: v(Ce) || v(we) || ne.value || ie.value
+        })), void 0, !0)
       ])) : y("", !0),
       S("div", {
         id: `legend-bottom-${F.value}`
@@ -1249,7 +1427,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       ], !0)
     ], 46, Wa));
   }
-}, Ol = /* @__PURE__ */ Va(fl, [["__scopeId", "data-v-04b8bee5"]]);
+}, Ol = /* @__PURE__ */ Va(fl, [["__scopeId", "data-v-1b01010d"]]);
 export {
   Ol as default
 };

package/dist/vue-ui-pattern-seed-BcNlxb2i.js

@@ -0,0 +1,36 @@
+import { computed as n, openBlock as o, createElementBlock as a } from "vue";
+import { a as i } from "./patternUtils-BINhU4Ky.js";
+const u = ["id", "width", "height", "patternTransform", "innerHTML"], l = {
+  __name: "vue-ui-pattern-seed",
+  props: {
+    id: { type: String, required: !0 },
+    seed: { type: [String, Number], required: !0 },
+    foregroundColor: { type: String, default: "#1A1A1A" },
+    backgroundColor: { type: String, default: "transparent" },
+    maxSize: { type: Number, default: 24 },
+    minSize: { type: Number, default: 16 },
+    disambiguator: { type: [String, Number], default: "" }
+  },
+  setup(r) {
+    const e = r, t = n(
+      () => i(e.seed, {
+        foregroundColor: e.foregroundColor,
+        backgroundColor: e.backgroundColor,
+        minimumSize: e.minSize,
+        maximumSize: e.maxSize,
+        disambiguator: e.disambiguator
+      })
+    );
+    return (d, m) => (o(), a("pattern", {
+      id: r.id,
+      width: t.value.width,
+      height: t.value.height,
+      patternTransform: `rotate(${t.value.rotation})`,
+      patternUnits: "userSpaceOnUse",
+      innerHTML: t.value.contentMarkup
+    }, null, 8, u));
+  }
+};
+export {
+  l as _
+};