vue-data-ui 2.3.92 → 2.3.94

package/dist/{vue-ui-nested-donuts-A-tid5cQ.js → vue-ui-nested-donuts-BrMouz8T.js}

@@ -1,15 +1,15 @@
-import { computed as g, ref as d, watch as De, onMounted as Je, onBeforeUnmount as Ke, openBlock as u, createElementBlock as n, normalizeClass as z, normalizeStyle as ue, createBlock as P, createCommentVNode as y, unref as r, createSlots as Qe, withCtx as m, renderSlot as $, normalizeProps as q, guardReactiveProps as J, createVNode as Oe, createElementVNode as p, Fragment as x, renderList as S, toDisplayString as T, createTextVNode as K, nextTick as Ze, pushScopeId as je, popScopeId as et } from "vue";
-import { u as tt, c as lt, t as at, a as ot, p as Q, o as st, e as A, b as ut, G as ze, d as nt, m as Pe, f as L, X as rt, s as Ae, I as it, k as V, n as ne, i as G, x as Ve, y as dt, q as ct, r as vt } from "./index-DhJby8wL.js";
+import { computed as g, ref as d, watch as De, onMounted as Ke, onBeforeUnmount as Je, openBlock as u, createElementBlock as n, normalizeClass as z, normalizeStyle as ue, createBlock as P, createCommentVNode as y, unref as r, createSlots as Qe, withCtx as m, renderSlot as $, normalizeProps as q, guardReactiveProps as K, createVNode as Oe, createElementVNode as p, Fragment as x, renderList as S, toDisplayString as T, createTextVNode as J, nextTick as Ze, pushScopeId as je, popScopeId as et } from "vue";
+import { u as tt, c as lt, t as at, a as ot, p as Q, o as st, e as A, b as ut, I as ze, d as nt, m as Pe, f as L, X as rt, s as Ae, K as it, k as V, n as ne, i as R, x as Ve, y as dt, q as ct, r as vt } from "./index-Bu852AzK.js";
 import { t as ft, u as ht } from "./useResponsive-NZB-WLRF.js";
-import { _ as yt } from "./Title-1Sw6EmHy.js";
-import { u as pt, U as bt } from "./usePrinter-Bwm8J3RQ.js";
-import { D as gt } from "./DataTable-BXnbua0J.js";
-import { _ as mt } from "./Tooltip-EJf3VBPR.js";
-import { L as _t } from "./Legend-Cr1hulgT.js";
-import wt from "./vue-ui-skeleton-ASX40MGk.js";
-import kt from "./vue-ui-accordion-Cn5Jbplg.js";
-import { u as Me } from "./useNestedProp-CrHvyupb.js";
-import { _ as xt } from "./PackageVersion-BVZfgDqm.js";
+import { _ as yt } from "./Title-B6kWQmNb.js";
+import { u as pt, U as bt } from "./usePrinter-CaNEdNUc.js";
+import { D as gt } from "./DataTable-D1vDu_2B.js";
+import { _ as mt } from "./Tooltip-Cwp4dS4t.js";
+import { L as _t } from "./Legend-CZk6McMv.js";
+import wt from "./vue-ui-skeleton-B-obKEDg.js";
+import kt from "./vue-ui-accordion-CBwmD_zS.js";
+import { u as Me } from "./useNestedProp-1sCLAHuR.js";
+import { _ as xt } from "./PackageVersion-DDKechCD.js";
 import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = ["xmlns", "viewBox"], Ft = ["id"], St = /* @__PURE__ */ re(() => /* @__PURE__ */ p("stop", {
   offset: "0%",
@@ -22,13 +22,13 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
 }, null, -1)), Dt = ["id"], Ot = ["id"], zt = /* @__PURE__ */ re(() => /* @__PURE__ */ p("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Pt = ["id"], At = ["flood-color"], Vt = ["d", "fill", "stroke", "stroke-width", "filter"], Mt = { key: 0 }, Bt = ["d", "fill"], Ut = { key: 1 }, Gt = ["x", "y", "font-size", "font-weight", "fill"], Rt = { key: 2 }, Et = ["filter"], Yt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Xt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Wt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ht = ["d", "fill", "onMouseenter", "onClick"], qt = {
+}, null, -1)), Pt = ["id"], At = ["flood-color"], Vt = ["d", "fill", "stroke", "stroke-width", "filter"], Mt = { key: 0 }, Bt = ["d", "fill"], Ut = { key: 1 }, Rt = ["x", "y", "font-size", "font-weight", "fill"], Et = { key: 2 }, Gt = ["filter"], Yt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Xt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Wt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ht = ["d", "fill", "onMouseenter", "onClick"], qt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Jt = {
+}, Kt = {
   key: 0,
   class: "vue-ui-nested-donuts-legend-title"
-}, Kt = ["onClick"], Qt = ["innerHTML"], Zt = {
+}, Jt = ["onClick"], Qt = ["innerHTML"], Zt = {
   __name: "vue-ui-nested-donuts",
   props: {
     config: {
@@ -46,8 +46,8 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(M, { expose: Be, emit: ie }) {
-    const I = M, { vue_ui_nested_donuts: Ue } = tt(), R = g(() => !!I.dataset && I.dataset.length), _ = d(lt()), Z = d(!1), j = d(""), Ge = d(null), de = d(0), B = d(null), ce = d(null), ee = d(null), ve = d(0), fe = d(0), he = d(0), U = d(!1);
-    function Re(t) {
+    const I = M, { vue_ui_nested_donuts: Ue } = tt(), E = g(() => !!I.dataset && I.dataset.length), _ = d(lt()), Z = d(!1), j = d(""), Re = d(null), de = d(0), B = d(null), ce = d(null), ee = d(null), ve = d(0), fe = d(0), he = d(0), U = d(!1);
+    function Ee(t) {
       U.value = t, de.value += 1;
     }
     const e = g({
@@ -70,8 +70,8 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
     De(() => I.config, (t) => {
       e.value = ye(), pe(), ve.value += 1, fe.value += 1, he.value += 1;
     }, { deep: !0 });
-    const E = d(null);
-    Je(() => {
+    const G = d(null);
+    Ke(() => {
       pe();
     });
     function pe() {
@@ -87,16 +87,16 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
           });
           f.value.width = s, f.value.height = a;
         });
-        E.value = new ResizeObserver(t), E.value.observe(B.value.parentNode);
+        G.value = new ResizeObserver(t), G.value.observe(B.value.parentNode);
       }
     }
-    Ke(() => {
-      E.value && E.value.disconnect();
+    Je(() => {
+      G.value && G.value.disconnect();
     });
     const { isPrinting: be, isImaging: ge, generatePdf: me, generateImage: _e } = pt({
       elementId: `nested_donuts_${_.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts"
-    }), Ee = g(() => ut(e.value.customPalette)), w = d({
+    }), Ge = g(() => ut(e.value.customPalette)), w = d({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -151,7 +151,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
         id: `${_.value}_${s}_${o}`,
         seriesIndex: o,
         datasetIndex: s,
-        color: nt(a.color) || Ee.value[o] || Q[o] || Q[o % Q.length],
+        color: nt(a.color) || Ge.value[o] || Q[o] || Q[o % Q.length],
         value: ze(a.values).reduce((l, i) => l + i, 0),
         absoluteValues: a.values || []
       }))
@@ -291,7 +291,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                             </span>
                         </div>
                         <span>
-                            ${e.value.style.chart.tooltip.showValue ? `<b>${G(
+                            ${e.value.style.chart.tooltip.showValue ? `<b>${R(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               t.value,
               L({
@@ -313,7 +313,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                 `;
           });
         } else
-          l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.arcOf ?? ""} - ${t.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"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${G(
+          l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.arcOf ?? ""} - ${t.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"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${R(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             t.value,
             L({
@@ -474,7 +474,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && R.value ? (u(), P(bt, {
+      e.value.userOptions.show && E.value ? (u(), P(bt, {
         ref: "details",
         key: `user_option_${de.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -494,7 +494,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: B.value,
         position: e.value.userOptions.position,
-        onToggleFullscreen: Re,
+        onToggleFullscreen: Ee,
         onGeneratePdf: r(me),
         onGenerateCsv: Se,
         onGenerateImage: r(_e),
@@ -547,12 +547,12 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: a, isFullscreen: o }) => [
-            $(t.$slots, "optionFullscreen", q(J({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            $(t.$slots, "optionFullscreen", q(K({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
-      R.value ? (u(), n("svg", {
+      E.value ? (u(), n("svg", {
         key: 2,
         xmlns: r(rt),
         class: z({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
@@ -640,11 +640,11 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
                 fill: e.value.style.chart.layout.labels.dataLabels.color
-              }, T(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? r(it)({ source: a.name, length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : a.name), 11, Gt)) : y("", !0)
+              }, T(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? r(it)({ source: a.name, length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : a.name), 11, Rt)) : y("", !0)
             ]))), 256))
           ]))), 256))
         ])) : y("", !0),
-        e.value.style.chart.layout.labels.dataLabels.show ? (u(), n("g", Rt, [
+        e.value.style.chart.layout.labels.dataLabels.show ? (u(), n("g", Et, [
           (u(!0), n(x, null, S(Y.value, (a, o) => (u(), n("g", null, [
             (u(!0), n(x, null, S(a.donut, (l, i) => (u(), n("g", {
               filter: Fe(l, i)
@@ -668,7 +668,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? l.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, " (" + T(r(G)(
+              }, " (" + T(r(R)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 r(L)({
@@ -688,7 +688,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? l.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, T(r(G)(
+              }, T(r(R)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 r(L)({
@@ -699,7 +699,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                 }),
                 { datapoint: l, seriesIndex: o, datapointIndex: i }
               )), 11, Wt)) : y("", !0)
-            ], 8, Et))), 256))
+            ], 8, Gt))), 256))
           ]))), 256))
         ])) : y("", !0),
         (u(!0), n(x, null, S(Y.value, (a, o) => (u(), n("g", null, [
@@ -707,7 +707,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
             p("path", {
               "data-cy-donut-trap": "",
               d: l.arcSlice,
-              fill: Ge.value === o ? "rgba(0,0,0,0.1)" : "transparent",
+              fill: Re.value === o ? "rgba(0,0,0,0.1)" : "transparent",
               onMouseenter: (b) => We({
                 datapoint: l,
                 relativeIndex: o,
@@ -723,9 +723,9 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
         $(t.$slots, "svg", { svg: f.value }, void 0, !0)
       ], 14, Ct)) : y("", !0),
       t.$slots.watermark ? (u(), n("div", qt, [
-        $(t.$slots, "watermark", q(J({ isPrinting: r(be) || r(ge) })), void 0, !0)
+        $(t.$slots, "watermark", q(K({ isPrinting: r(be) || r(ge) })), void 0, !0)
       ])) : y("", !0),
-      R.value ? y("", !0) : (u(), P(wt, {
+      E.value ? y("", !0) : (u(), P(wt, {
         key: 4,
         config: {
           type: "donut",
@@ -753,10 +753,10 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
         isCustom: r(Ve)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": m(() => [
-          $(t.$slots, "tooltip-before", q(J({ ...ae.value })), void 0, !0)
+          $(t.$slots, "tooltip-before", q(K({ ...ae.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          $(t.$slots, "tooltip-after", q(J({ ...ae.value })), void 0, !0)
+          $(t.$slots, "tooltip-after", q(K({ ...ae.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
@@ -773,14 +773,14 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
           onClickMarker: s[1] || (s[1] = ({ legend: l }) => te(l))
         }, {
           legendTitle: m(({ titleSet: l }) => [
-            l[0] && l[0].arcOf ? (u(), n("div", Jt, T(l[0].arcOf), 1)) : y("", !0)
+            l[0] && l[0].arcOf ? (u(), n("div", Kt, T(l[0].arcOf), 1)) : y("", !0)
           ]),
           item: m(({ legend: l, index: i }) => [
             p("div", {
               onClick: (b) => te(l),
               style: ue(`opacity:${h.value.includes(l.id) ? 0.5 : 1}`)
             }, [
-              K(T(l.name) + ": " + T(r(G)(
+              J(T(l.name) + ": " + T(r(R)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 r(L)({
@@ -792,11 +792,11 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
                 { datapoint: l, seriesIndex: i }
               )) + " ", 1),
               h.value.includes(l.id) ? (u(), n(x, { key: 1 }, [
-                K(" ( - % ) ")
+                J(" ( - % ) ")
               ], 64)) : (u(), n(x, { key: 0 }, [
-                K(" (" + T(isNaN(l.value / l.total) ? "-" : r(L)({ v: l.value / l.total * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })) + ") ", 1)
+                J(" (" + T(isNaN(l.value / l.total) ? "-" : r(L)({ v: l.value / l.total * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })) + ") ", 1)
               ], 64))
-            ], 12, Kt)
+            ], 12, Jt)
           ]),
           _: 2
         }, 1032, ["legendSet", "config"]))), 128))
@@ -808,7 +808,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
       }, [
         $(t.$slots, "legend", { legend: se.value }, void 0, !0)
       ], 512)),
-      R.value ? (u(), P(kt, {
+      E.value ? (u(), P(kt, {
         key: 7,
         hideDetails: "",
         config: {
@@ -841,7 +841,7 @@ const re = (M) => (je("data-v-e05474aa"), M = M(), et(), M), Lt = ["id"], Ct = [
               }, null, 8, Qt)
             ]),
             td: m(({ td: a }) => [
-              K(T(a.name || a), 1)
+              J(T(a.name || a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))

package/dist/{vue-ui-nested-donuts-DyM3uc7x.cjs → vue-ui-nested-donuts-DFrY4v-O.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-D09qCApg.cjs"),ce=require("./useResponsive-B3TrDDIG.cjs"),we=require("./Title-Bjrh7khe.cjs"),de=require("./usePrinter-DdsPm5a4.cjs"),xe=require("./DataTable-oa0Srfuc.cjs"),Be=require("./Tooltip-CPATjuur.cjs"),_e=require("./Legend-Dhm9_peB.cjs"),$e=require("./vue-ui-skeleton-CAlTn_Cg.cjs"),Ne=require("./vue-ui-accordion-BAHX7KzB.cjs"),ve=require("./useNestedProp-Bwd7mK1Z.cjs"),Se=require("./PackageVersion-BkgJVmj1.cjs"),Ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M=w=>(e.pushScopeId("data-v-e05474aa"),w=w(),e.popScopeId(),w),Fe=["id"],Ve=["xmlns","viewBox"],Te=["id"],De=M(()=>e.createElementVNode("stop",{offset:"0%","stop-color":"#FFFFFF","stop-opacity":"0"},null,-1)),ze=["offset","stop-color"],Pe=["offset","stop-opacity"],Oe=M(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"#FFFFFF","stop-opacity":"0"},null,-1)),Ie=["id"],Ae=["id"],Me=M(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),Re=["id"],Ue=["flood-color"],qe=["d","fill","stroke","stroke-width","filter"],Ye={key:0},Xe=["d","fill"],Ge={key:1},He=["x","y","font-size","font-weight","fill"],We={key:2},Je=["filter"],Ke=["text-anchor","x","y","fill","font-size","font-weight"],Qe=["text-anchor","x","y","fill","font-size","font-weight"],Ze=["text-anchor","x","y","fill","font-size","font-weight"],je=["d","fill","onMouseenter","onClick"],et={key:3,class:"vue-data-ui-watermark"},tt={key:0,class:"vue-ui-nested-donuts-legend-title"},lt=["onClick"],at=["innerHTML"],ot={__name:"vue-ui-nested-donuts",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(w,{expose:fe,emit:R}){const k=w,{vue_ui_nested_donuts:pe}=r.useConfig(),_=e.computed(()=>!!k.dataset&&k.dataset.length),p=e.ref(r.createUid()),V=e.ref(!1),T=e.ref(""),he=e.ref(null),U=e.ref(0),x=e.ref(null),q=e.ref(null),D=e.ref(null),Y=e.ref(0),X=e.ref(0),G=e.ref(0),B=e.ref(!1);function ye(l){B.value=l,U.value+=1}const t=e.computed({get:()=>H(),set:l=>l});function H(){const l=ve.useNestedProp({userConfig:k.config,defaultConfig:pe});return l.theme?{...ve.useNestedProp({userConfig:r.themes.vue_ui_nested_donuts[l.theme]||k.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>k.config,l=>{t.value=H(),W(),Y.value+=1,X.value+=1,G.value+=1},{deep:!0});const $=e.ref(null);e.onMounted(()=>{W()});function W(){if(r.objectIsEmpty(k.dataset)&&r.error({componentName:"VueUiNestedDonuts",type:"dataset"}),t.value.responsive){const l=ce.throttle(()=>{const{width:s,height:o}=ce.useResponsive({chart:x.value,title:t.value.style.chart.title.text?q.value:null,legend:t.value.style.chart.legend.show?D.value:null});d.value.width=s,d.value.height=o});$.value=new ResizeObserver(l),$.value.observe(x.value.parentNode)}}e.onBeforeUnmount(()=>{$.value&&$.value.disconnect()});const{isPrinting:J,isImaging:K,generatePdf:Q,generateImage:Z}=de.usePrinter({elementId:`nested_donuts_${p.value}`,fileName:t.value.style.chart.title.text||"vue-ui-nested-donuts"}),me=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),h=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),d=e.ref({height:512,width:512});function be({datapoint:l,index:s}){R("selectDatapoint",{datapoint:l,index:s})}const v=e.ref([]),m=e.computed(()=>(k.dataset.forEach((l,s)=>{[null,void 0].includes(l.name)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"name",index:s}),[null,void 0].includes(l.series)?r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"series",index:s}):l.series.length===0?r.error({componentName:"VueUiNestedDonuts",type:"datasetAttributeEmpty",property:`series at index ${s}`}):l.series.forEach((o,n)=>{[null,void 0].includes(o.name)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"name",index:n,key:"serie"}),[null,void 0].includes(o.values)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"values",index:n,key:"serie"})})}),k.dataset.map((l,s)=>({...l,total:l.series.filter(o=>!v.value.includes(o.id)).map(o=>r.sanitizeArray(o.values).reduce((n,a)=>n+a,0)).reduce((o,n)=>o+n,0),datasetIndex:s,id:`${p.value}_${s}`,series:l.series.map((o,n)=>({name:o.name,arcOf:l.name,arcOfId:`${p.value}_${s}`,id:`${p.value}_${s}_${n}`,seriesIndex:n,datasetIndex:s,color:r.convertColorToHex(o.color)||me.value[n]||r.palette[n]||r.palette[n%r.palette.length],value:r.sanitizeArray(o.values).reduce((a,u)=>a+u,0),absoluteValues:o.values||[]}))})))),b=e.computed(()=>Math.min(d.value.height,d.value.width)*(t.value.style.chart.layout.donut.strokeWidth/512)),j=e.computed(()=>[...m.value].map((l,s)=>{const o=l.series.filter(n=>!v.value.includes(n.id)).map(n=>n.value).reduce((n,a)=>n+a,0);return{...l,total:o,series:l.series.filter(n=>!v.value.includes(n.id)).map(n=>({...n,proportion:n.value/o}))}}));function ge(l,s,o){let n=0;for(let a=0;a<l.length;a+=1)o.includes(l[a])&&(n+=1);return n<s}const c=e.ref(j.value);e.watch(()=>j.value,l=>c.value=l);const ee=e.ref(null),te=e.ref(null);function z(l){R("selectLegend",l);const s=m.value.flatMap(i=>i.series).find(i=>i.id===l.id),o=c.value.flatMap(i=>i.series).find(i=>i.id===l.id);let a=o?o.value:0;const u=m.value.find(i=>i.id===s.arcOfId).series.map(i=>i.id),f=ge(u,u.length-1,v.value);if(v.value.includes(l.id)){let i=function(){a>s.value?(cancelAnimationFrame(ee.value),c.value=c.value.map(y=>({...y,series:y.series.map(g=>g.id==l.id?{...g,value:s.value}:g)}))):(a+=s.value*.025,c.value=c.value.map(y=>({...y,series:y.series.map(g=>g.id===l.id?{...g,value:a}:g)})),ee.value=requestAnimationFrame(i))};v.value=v.value.filter(y=>y!==l.id),i()}else if(f){let i=function(){a<.1?(cancelAnimationFrame(te.value),v.value.push(l.id),c.value=c.value.map((y,g)=>({...y,series:y.series.map(L=>L.id===l.id?{...L,value:0}:L)}))):(a/=1.1,c.value=c.value.map((y,g)=>({...y,series:y.series.map(L=>L.id===l.id?{...L,value:a}:L)})),te.value=requestAnimationFrame(i))};i()}}const P=e.computed(()=>b.value/m.value.length*t.value.style.chart.layout.donut.spacingRatio),le=e.computed(()=>c.value.map((l,s)=>b.value-s*b.value/m.value.length)),N=e.computed(()=>c.value.map((l,s)=>{const o=s*b.value/m.value.length;return{...l,radius:b.value-o,donut:r.makeDonut({series:l.series},d.value.width/2,d.value.height/2,b.value-o,b.value-o,1.99999,2,1,360,105.25,P.value)}})),ae=e.computed(()=>[...m.value].map((l,s)=>{const o=s*b.value/m.value.length;return{sizeRatio:o,donut:r.makeDonut({series:[{value:1}]},d.value.width/2,d.value.height/2,b.value-o,b.value-o,1.99999,2,1,360,105.25,b.value/m.value.length*t.value.style.chart.layout.donut.spacingRatio)[0]}})),oe=e.ref(null),S=e.ref(null),E=e.ref(null),O=e.ref(null);function ke({datapoint:l,_relativeIndex:s,seriesIndex:o}){oe.value=l.arcOfId,S.value=l.id,E.value=o,O.value={datapoint:l,seriesIndex:o,series:c.value,config:t.value};const n=t.value.style.chart.tooltip.customFormat;if(r.isFunction(n)&&r.functionReturnsString(()=>n({seriesIndex:o,datapoint:l,series:c.value,config:t.value})))T.value=n({seriesIndex:o,datapoint:l,series:c.value,config:t.value});else{let a="";if(t.value.style.chart.tooltip.showAllItemsAtIndex&&v.value.length===0){const u=c.value.map(f=>f.series.find(i=>i.seriesIndex===o));u.forEach((f,i)=>{if(!f)return"";a+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-jAZxyteD.cjs"),ce=require("./useResponsive-B3TrDDIG.cjs"),we=require("./Title-DAEaaXFr.cjs"),de=require("./usePrinter-Cx-xmAjb.cjs"),xe=require("./DataTable-kOScyzFF.cjs"),Be=require("./Tooltip-Cb9jWppv.cjs"),_e=require("./Legend-BJdr5n-o.cjs"),$e=require("./vue-ui-skeleton-C14g9G-o.cjs"),Ne=require("./vue-ui-accordion-WXKee19V.cjs"),ve=require("./useNestedProp-DksYpyh6.cjs"),Se=require("./PackageVersion-Tm6EPIDH.cjs"),Ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M=w=>(e.pushScopeId("data-v-e05474aa"),w=w(),e.popScopeId(),w),Fe=["id"],Ve=["xmlns","viewBox"],Te=["id"],De=M(()=>e.createElementVNode("stop",{offset:"0%","stop-color":"#FFFFFF","stop-opacity":"0"},null,-1)),ze=["offset","stop-color"],Pe=["offset","stop-opacity"],Oe=M(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"#FFFFFF","stop-opacity":"0"},null,-1)),Ie=["id"],Ae=["id"],Me=M(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),Re=["id"],Ue=["flood-color"],qe=["d","fill","stroke","stroke-width","filter"],Ye={key:0},Xe=["d","fill"],Ge={key:1},He=["x","y","font-size","font-weight","fill"],We={key:2},Je=["filter"],Ke=["text-anchor","x","y","fill","font-size","font-weight"],Qe=["text-anchor","x","y","fill","font-size","font-weight"],Ze=["text-anchor","x","y","fill","font-size","font-weight"],je=["d","fill","onMouseenter","onClick"],et={key:3,class:"vue-data-ui-watermark"},tt={key:0,class:"vue-ui-nested-donuts-legend-title"},lt=["onClick"],at=["innerHTML"],ot={__name:"vue-ui-nested-donuts",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(w,{expose:fe,emit:R}){const k=w,{vue_ui_nested_donuts:pe}=r.useConfig(),_=e.computed(()=>!!k.dataset&&k.dataset.length),p=e.ref(r.createUid()),V=e.ref(!1),T=e.ref(""),he=e.ref(null),U=e.ref(0),x=e.ref(null),q=e.ref(null),D=e.ref(null),Y=e.ref(0),X=e.ref(0),G=e.ref(0),B=e.ref(!1);function ye(l){B.value=l,U.value+=1}const t=e.computed({get:()=>H(),set:l=>l});function H(){const l=ve.useNestedProp({userConfig:k.config,defaultConfig:pe});return l.theme?{...ve.useNestedProp({userConfig:r.themes.vue_ui_nested_donuts[l.theme]||k.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>k.config,l=>{t.value=H(),W(),Y.value+=1,X.value+=1,G.value+=1},{deep:!0});const $=e.ref(null);e.onMounted(()=>{W()});function W(){if(r.objectIsEmpty(k.dataset)&&r.error({componentName:"VueUiNestedDonuts",type:"dataset"}),t.value.responsive){const l=ce.throttle(()=>{const{width:s,height:o}=ce.useResponsive({chart:x.value,title:t.value.style.chart.title.text?q.value:null,legend:t.value.style.chart.legend.show?D.value:null});d.value.width=s,d.value.height=o});$.value=new ResizeObserver(l),$.value.observe(x.value.parentNode)}}e.onBeforeUnmount(()=>{$.value&&$.value.disconnect()});const{isPrinting:J,isImaging:K,generatePdf:Q,generateImage:Z}=de.usePrinter({elementId:`nested_donuts_${p.value}`,fileName:t.value.style.chart.title.text||"vue-ui-nested-donuts"}),me=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),h=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),d=e.ref({height:512,width:512});function be({datapoint:l,index:s}){R("selectDatapoint",{datapoint:l,index:s})}const v=e.ref([]),m=e.computed(()=>(k.dataset.forEach((l,s)=>{[null,void 0].includes(l.name)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"name",index:s}),[null,void 0].includes(l.series)?r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"series",index:s}):l.series.length===0?r.error({componentName:"VueUiNestedDonuts",type:"datasetAttributeEmpty",property:`series at index ${s}`}):l.series.forEach((o,n)=>{[null,void 0].includes(o.name)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"name",index:n,key:"serie"}),[null,void 0].includes(o.values)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"values",index:n,key:"serie"})})}),k.dataset.map((l,s)=>({...l,total:l.series.filter(o=>!v.value.includes(o.id)).map(o=>r.sanitizeArray(o.values).reduce((n,a)=>n+a,0)).reduce((o,n)=>o+n,0),datasetIndex:s,id:`${p.value}_${s}`,series:l.series.map((o,n)=>({name:o.name,arcOf:l.name,arcOfId:`${p.value}_${s}`,id:`${p.value}_${s}_${n}`,seriesIndex:n,datasetIndex:s,color:r.convertColorToHex(o.color)||me.value[n]||r.palette[n]||r.palette[n%r.palette.length],value:r.sanitizeArray(o.values).reduce((a,u)=>a+u,0),absoluteValues:o.values||[]}))})))),b=e.computed(()=>Math.min(d.value.height,d.value.width)*(t.value.style.chart.layout.donut.strokeWidth/512)),j=e.computed(()=>[...m.value].map((l,s)=>{const o=l.series.filter(n=>!v.value.includes(n.id)).map(n=>n.value).reduce((n,a)=>n+a,0);return{...l,total:o,series:l.series.filter(n=>!v.value.includes(n.id)).map(n=>({...n,proportion:n.value/o}))}}));function ge(l,s,o){let n=0;for(let a=0;a<l.length;a+=1)o.includes(l[a])&&(n+=1);return n<s}const c=e.ref(j.value);e.watch(()=>j.value,l=>c.value=l);const ee=e.ref(null),te=e.ref(null);function z(l){R("selectLegend",l);const s=m.value.flatMap(i=>i.series).find(i=>i.id===l.id),o=c.value.flatMap(i=>i.series).find(i=>i.id===l.id);let a=o?o.value:0;const u=m.value.find(i=>i.id===s.arcOfId).series.map(i=>i.id),f=ge(u,u.length-1,v.value);if(v.value.includes(l.id)){let i=function(){a>s.value?(cancelAnimationFrame(ee.value),c.value=c.value.map(y=>({...y,series:y.series.map(g=>g.id==l.id?{...g,value:s.value}:g)}))):(a+=s.value*.025,c.value=c.value.map(y=>({...y,series:y.series.map(g=>g.id===l.id?{...g,value:a}:g)})),ee.value=requestAnimationFrame(i))};v.value=v.value.filter(y=>y!==l.id),i()}else if(f){let i=function(){a<.1?(cancelAnimationFrame(te.value),v.value.push(l.id),c.value=c.value.map((y,g)=>({...y,series:y.series.map(L=>L.id===l.id?{...L,value:0}:L)}))):(a/=1.1,c.value=c.value.map((y,g)=>({...y,series:y.series.map(L=>L.id===l.id?{...L,value:a}:L)})),te.value=requestAnimationFrame(i))};i()}}const P=e.computed(()=>b.value/m.value.length*t.value.style.chart.layout.donut.spacingRatio),le=e.computed(()=>c.value.map((l,s)=>b.value-s*b.value/m.value.length)),N=e.computed(()=>c.value.map((l,s)=>{const o=s*b.value/m.value.length;return{...l,radius:b.value-o,donut:r.makeDonut({series:l.series},d.value.width/2,d.value.height/2,b.value-o,b.value-o,1.99999,2,1,360,105.25,P.value)}})),ae=e.computed(()=>[...m.value].map((l,s)=>{const o=s*b.value/m.value.length;return{sizeRatio:o,donut:r.makeDonut({series:[{value:1}]},d.value.width/2,d.value.height/2,b.value-o,b.value-o,1.99999,2,1,360,105.25,b.value/m.value.length*t.value.style.chart.layout.donut.spacingRatio)[0]}})),oe=e.ref(null),S=e.ref(null),E=e.ref(null),O=e.ref(null);function ke({datapoint:l,_relativeIndex:s,seriesIndex:o}){oe.value=l.arcOfId,S.value=l.id,E.value=o,O.value={datapoint:l,seriesIndex:o,series:c.value,config:t.value};const n=t.value.style.chart.tooltip.customFormat;if(r.isFunction(n)&&r.functionReturnsString(()=>n({seriesIndex:o,datapoint:l,series:c.value,config:t.value})))T.value=n({seriesIndex:o,datapoint:l,series:c.value,config:t.value});else{let a="";if(t.value.style.chart.tooltip.showAllItemsAtIndex&&v.value.length===0){const u=c.value.map(f=>f.series.find(i=>i.seriesIndex===o));u.forEach((f,i)=>{if(!f)return"";a+=`
                     <div style="display:flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;padding:6px 0; ${i<u.length-1?`border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor}`:""}">
                         <div style="display:flex; flex-direction: row; gap: 3px; justify-content:flex-start; align-items:center;">
                             <svg viewBox="0 0 20 20" height="${t.value.style.chart.tooltip.fontSize}" width="${t.value.style.chart.tooltip.fontSize}">

package/dist/{vue-ui-onion-BKql8oal.cjs → vue-ui-onion-CQu0-ZlV.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-D09qCApg.cjs"),j=require("./useResponsive-B3TrDDIG.cjs"),he=require("./Title-Bjrh7khe.cjs"),J=require("./usePrinter-DdsPm5a4.cjs"),pe=require("./Legend-Dhm9_peB.cjs"),fe=require("./DataTable-oa0Srfuc.cjs"),ge=require("./Tooltip-CPATjuur.cjs"),me=require("./vue-ui-skeleton-CAlTn_Cg.cjs"),ye=require("./vue-ui-accordion-BAHX7KzB.cjs"),K=require("./useNestedProp-Bwd7mK1Z.cjs"),be=require("./PackageVersion-BkgJVmj1.cjs"),ke=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),we=["id"],Ce=["xmlns","viewBox"],xe=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],$e=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],Be=["id"],Te=["stdDeviation"],_e=["filter"],Se=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],Pe=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset","onMouseenter"],Ne={key:1},Oe=["onMouseenter"],Fe=["x","y","font-size","fill","font-weight"],Ie={key:3,class:"vue-data-ui-watermark"},Ve=["onClick"],Ee=["innerHTML"],Le={__name:"vue-ui-onion",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend"],setup(Q,{expose:Z,emit:ee}){const p=Q,{vue_ui_onion:te}=u.useConfig(),C=e.computed(()=>!!p.dataset&&p.dataset.length),m=e.ref(u.createUid()),ae=e.ref(null),F=e.ref(0),x=e.ref(!1),T=e.ref(""),d=e.ref([]),y=e.ref(null),I=e.ref(null),V=e.ref(null),E=e.ref(0),L=e.ref(0),M=e.ref(0),t=e.computed({get:()=>D(),set:l=>l});function D(){const l=K.useNestedProp({userConfig:p.config,defaultConfig:te});return l.theme?{...K.useNestedProp({userConfig:u.themes.vue_ui_onion[l.theme]||p.config,defaultConfig:l}),customPalette:u.themePalettes[l.theme]||u.palette}:l}e.watch(()=>p.config,l=>{t.value=D(),Y(),E.value+=1,L.value+=1,M.value+=1},{deep:!0});const{isPrinting:R,isImaging:z,generatePdf:A,generateImage:q}=J.usePrinter({elementId:`vue-ui-onion_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-onion"}),le=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),f=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),n=e.ref({height:512,width:512,padding:{top:64,left:64,right:64,bottom:64},minRadius:64}),$=e.ref(null);e.onMounted(()=>{Y()});function Y(){if(u.objectIsEmpty(p.dataset)&&u.error({componentName:"VueUiOnion",type:"dataset"}),t.value.responsive){const r=j.throttle(()=>{const{width:a,height:o}=j.useResponsive({chart:y.value,title:t.value.style.chart.title.text?I.value:null,legend:t.value.style.chart.legend.show?V.value:null});n.value.width=a,n.value.height=o,n.value.padding.top=Math.max(a,o)*.125,n.value.padding.right=Math.max(a,o)*.125,n.value.padding.bottom=Math.max(a,o)*.125,n.value.padding.left=Math.max(a,o)*.125,n.value.minRadius=Math.min(a,o)*.125});$.value=new ResizeObserver(r),$.value.observe(y.value.parentNode)}}e.onBeforeUnmount(()=>{$.value&&$.value.disconnect()});const s=e.computed(()=>({top:n.value.padding.top,left:n.value.padding.left,right:n.value.width-n.value.padding.right,bottom:n.value.height-n.value.padding.bottom,centerX:n.value.width/2,centerY:n.value.height/2,width:n.value.width-n.value.padding.right-n.value.padding.left,height:n.value.height-n.value.padding.bottom-n.value.padding.top,minRadius:n.value.minRadius,maxRadius:Math.min(n.value.width,n.value.height)-n.value.padding.top*2})),i=e.computed(()=>(p.dataset.forEach((l,r)=>{[null,void 0].includes(l.name)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"name",index:r}),[void 0].includes(l.percentage)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"percentage",index:r})}),p.dataset.map((l,r)=>{const a=`onion_serie_${r}_${m.value}`;return{...l,percentage:l.percentage||0,targetPercentage:l.percentage||0,color:u.convertColorToHex(l.color)||le.value[r]||u.palette[r],id:a,shape:"circle",opacity:d.value.includes(a)?.5:1,absoluteIndex:r,segregate:()=>X(a),isSegregated:d.value.includes(a)}}))),b=e.ref(i.value),oe=e.computed(()=>t.value.useStartAnimation),re=e.ref(null),ne=e.computed(()=>Math.max(...i.value.map(l=>l.percentage))),_=e.ref(!1);e.watch(()=>i.value,ue,{immediate:!0});function ue(){if(oe.value&&!_.value){let r=function(){l>=ne.value?(cancelAnimationFrame(re.value),b.value=i.value,_.value=!0):(b.value=i.value.map(a=>({...a,percentage:l<a.targetPercentage?l:a.targetPercentage})),l+=1,requestAnimationFrame(r),_.value=!0)};b.value=i.value.map(a=>({...a,percentage:0}));let l=0;r()}else b.value=i.value}const se=e.computed(()=>({cy:"onion-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),ie=e.computed(()=>i.value.filter(l=>!d.value.includes(l.id)).length),g=e.computed(()=>{const l=Math.min(s.value.width,s.value.height)/2/i.value.length;return{gutter:(l>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:l)*t.value.style.chart.layout.gutter.width,track:(l>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:l)*t.value.style.chart.layout.track.width}}),v=e.computed(()=>b.value.filter(l=>!d.value.includes(l.id)).map((l,r)=>{const a=(s.value.maxRadius-g.value.track)/ie.value/2*(1+r),o=s.value.centerY-a;return{percentage:l.percentage||0,...l,labelY:o,radius:a,path:ce(a,l.percentage||0)}}));function ce(l,r){const a=2*Math.PI*l,o=a*.75,c=`${o} ${a}`,w=o*(1-r/100);return{bgDashArray:`${o} ${a}`,bgDashOffset:0,dashArray:c,dashOffset:w,fullOffset:0,active:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-jAZxyteD.cjs"),j=require("./useResponsive-B3TrDDIG.cjs"),he=require("./Title-DAEaaXFr.cjs"),J=require("./usePrinter-Cx-xmAjb.cjs"),pe=require("./Legend-BJdr5n-o.cjs"),fe=require("./DataTable-kOScyzFF.cjs"),ge=require("./Tooltip-Cb9jWppv.cjs"),me=require("./vue-ui-skeleton-C14g9G-o.cjs"),ye=require("./vue-ui-accordion-WXKee19V.cjs"),K=require("./useNestedProp-DksYpyh6.cjs"),be=require("./PackageVersion-Tm6EPIDH.cjs"),ke=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),we=["id"],Ce=["xmlns","viewBox"],xe=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],$e=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset"],Be=["id"],Te=["stdDeviation"],_e=["filter"],Se=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset"],Pe=["cx","cy","r","stroke-width","stroke-dasharray","stroke-dashoffset","onMouseenter"],Ne={key:1},Oe=["onMouseenter"],Fe=["x","y","font-size","fill","font-weight"],Ie={key:3,class:"vue-data-ui-watermark"},Ve=["onClick"],Ee=["innerHTML"],Le={__name:"vue-ui-onion",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend"],setup(Q,{expose:Z,emit:ee}){const p=Q,{vue_ui_onion:te}=u.useConfig(),C=e.computed(()=>!!p.dataset&&p.dataset.length),m=e.ref(u.createUid()),ae=e.ref(null),F=e.ref(0),x=e.ref(!1),T=e.ref(""),d=e.ref([]),y=e.ref(null),I=e.ref(null),V=e.ref(null),E=e.ref(0),L=e.ref(0),M=e.ref(0),t=e.computed({get:()=>D(),set:l=>l});function D(){const l=K.useNestedProp({userConfig:p.config,defaultConfig:te});return l.theme?{...K.useNestedProp({userConfig:u.themes.vue_ui_onion[l.theme]||p.config,defaultConfig:l}),customPalette:u.themePalettes[l.theme]||u.palette}:l}e.watch(()=>p.config,l=>{t.value=D(),Y(),E.value+=1,L.value+=1,M.value+=1},{deep:!0});const{isPrinting:R,isImaging:z,generatePdf:A,generateImage:q}=J.usePrinter({elementId:`vue-ui-onion_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-onion"}),le=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),f=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),n=e.ref({height:512,width:512,padding:{top:64,left:64,right:64,bottom:64},minRadius:64}),$=e.ref(null);e.onMounted(()=>{Y()});function Y(){if(u.objectIsEmpty(p.dataset)&&u.error({componentName:"VueUiOnion",type:"dataset"}),t.value.responsive){const r=j.throttle(()=>{const{width:a,height:o}=j.useResponsive({chart:y.value,title:t.value.style.chart.title.text?I.value:null,legend:t.value.style.chart.legend.show?V.value:null});n.value.width=a,n.value.height=o,n.value.padding.top=Math.max(a,o)*.125,n.value.padding.right=Math.max(a,o)*.125,n.value.padding.bottom=Math.max(a,o)*.125,n.value.padding.left=Math.max(a,o)*.125,n.value.minRadius=Math.min(a,o)*.125});$.value=new ResizeObserver(r),$.value.observe(y.value.parentNode)}}e.onBeforeUnmount(()=>{$.value&&$.value.disconnect()});const s=e.computed(()=>({top:n.value.padding.top,left:n.value.padding.left,right:n.value.width-n.value.padding.right,bottom:n.value.height-n.value.padding.bottom,centerX:n.value.width/2,centerY:n.value.height/2,width:n.value.width-n.value.padding.right-n.value.padding.left,height:n.value.height-n.value.padding.bottom-n.value.padding.top,minRadius:n.value.minRadius,maxRadius:Math.min(n.value.width,n.value.height)-n.value.padding.top*2})),i=e.computed(()=>(p.dataset.forEach((l,r)=>{[null,void 0].includes(l.name)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"name",index:r}),[void 0].includes(l.percentage)&&u.error({componentName:"VueUiOnion",type:"datasetSerieAttribute",property:"percentage",index:r})}),p.dataset.map((l,r)=>{const a=`onion_serie_${r}_${m.value}`;return{...l,percentage:l.percentage||0,targetPercentage:l.percentage||0,color:u.convertColorToHex(l.color)||le.value[r]||u.palette[r],id:a,shape:"circle",opacity:d.value.includes(a)?.5:1,absoluteIndex:r,segregate:()=>X(a),isSegregated:d.value.includes(a)}}))),b=e.ref(i.value),oe=e.computed(()=>t.value.useStartAnimation),re=e.ref(null),ne=e.computed(()=>Math.max(...i.value.map(l=>l.percentage))),_=e.ref(!1);e.watch(()=>i.value,ue,{immediate:!0});function ue(){if(oe.value&&!_.value){let r=function(){l>=ne.value?(cancelAnimationFrame(re.value),b.value=i.value,_.value=!0):(b.value=i.value.map(a=>({...a,percentage:l<a.targetPercentage?l:a.targetPercentage})),l+=1,requestAnimationFrame(r),_.value=!0)};b.value=i.value.map(a=>({...a,percentage:0}));let l=0;r()}else b.value=i.value}const se=e.computed(()=>({cy:"onion-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),ie=e.computed(()=>i.value.filter(l=>!d.value.includes(l.id)).length),g=e.computed(()=>{const l=Math.min(s.value.width,s.value.height)/2/i.value.length;return{gutter:(l>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:l)*t.value.style.chart.layout.gutter.width,track:(l>t.value.style.chart.layout.maxThickness?t.value.style.chart.layout.maxThickness:l)*t.value.style.chart.layout.track.width}}),v=e.computed(()=>b.value.filter(l=>!d.value.includes(l.id)).map((l,r)=>{const a=(s.value.maxRadius-g.value.track)/ie.value/2*(1+r),o=s.value.centerY-a;return{percentage:l.percentage||0,...l,labelY:o,radius:a,path:ce(a,l.percentage||0)}}));function ce(l,r){const a=2*Math.PI*l,o=a*.75,c=`${o} ${a}`,w=o*(1-r/100);return{bgDashArray:`${o} ${a}`,bgDashOffset:0,dashArray:c,dashOffset:w,fullOffset:0,active:`
             M ${s.value.centerX},${s.value.centerY-l} 
             A ${l},${l} 0 1 1 
             ${s.value.centerX+l*Math.cos(Math.PI*3/4)},${s.value.centerY+l*Math.sin(Math.PI*3/4)}

package/dist/{vue-ui-onion-Cap01Ehu.js → vue-ui-onion-ZWa0bPAG.js}

@@ -1,15 +1,15 @@
 import { computed as d, ref as n, watch as he, onMounted as Ne, onBeforeUnmount as Re, openBlock as s, createElementBlock as u, normalizeClass as z, normalizeStyle as W, createBlock as C, createCommentVNode as b, unref as v, createSlots as Ae, withCtx as h, renderSlot as g, normalizeProps as Y, guardReactiveProps as B, createVNode as fe, Fragment as M, renderList as F, createElementVNode as _, toDisplayString as T, createTextVNode as De, nextTick as Le } from "vue";
-import { u as ze, c as Ye, t as Be, a as Ve, p as ge, b as Xe, o as Ge, e as j, d as Ue, X as Ee, f as N, i as q, x as pe, q as He, r as We, y as je } from "./index-DhJby8wL.js";
+import { u as ze, c as Ye, t as Be, a as Ve, p as ge, b as Xe, o as Ge, e as j, d as Ue, X as Ee, f as N, i as q, x as pe, q as He, r as We, y as je } from "./index-Bu852AzK.js";
 import { t as qe, u as Je } from "./useResponsive-NZB-WLRF.js";
-import { _ as Ke } from "./Title-1Sw6EmHy.js";
-import { u as Qe, U as Ze } from "./usePrinter-Bwm8J3RQ.js";
-import { L as et } from "./Legend-Cr1hulgT.js";
-import { D as tt } from "./DataTable-BXnbua0J.js";
-import { _ as at } from "./Tooltip-EJf3VBPR.js";
-import lt from "./vue-ui-skeleton-ASX40MGk.js";
-import ot from "./vue-ui-accordion-Cn5Jbplg.js";
-import { u as ye } from "./useNestedProp-CrHvyupb.js";
-import { _ as rt } from "./PackageVersion-BVZfgDqm.js";
+import { _ as Ke } from "./Title-B6kWQmNb.js";
+import { u as Qe, U as Ze } from "./usePrinter-CaNEdNUc.js";
+import { L as et } from "./Legend-CZk6McMv.js";
+import { D as tt } from "./DataTable-D1vDu_2B.js";
+import { _ as at } from "./Tooltip-Cwp4dS4t.js";
+import lt from "./vue-ui-skeleton-B-obKEDg.js";
+import ot from "./vue-ui-accordion-CBwmD_zS.js";
+import { u as ye } from "./useNestedProp-1sCLAHuR.js";
+import { _ as rt } from "./PackageVersion-DDKechCD.js";
 import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], ct = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], dt = ["id"], vt = ["stdDeviation"], ht = ["filter"], ft = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], gt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter"], pt = { key: 1 }, yt = ["onMouseenter"], mt = ["x", "y", "font-size", "fill", "font-weight"], bt = {
   key: 3,

package/dist/{vue-ui-parallel-coordinate-plot-B0zMgtnq.cjs → vue-ui-parallel-coordinate-plot-Cet-vJ3E.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-D09qCApg.cjs"),le=require("./useResponsive-B3TrDDIG.cjs"),ye=require("./Title-Bjrh7khe.cjs"),fe=require("./Legend-Dhm9_peB.cjs"),ge=require("./Tooltip-CPATjuur.cjs"),be=require("./Shape-hGbEoQOv.cjs"),ae=require("./usePrinter-DdsPm5a4.cjs"),ke=require("./DataTable-oa0Srfuc.cjs"),xe=require("./vue-ui-accordion-BAHX7KzB.cjs"),Ce=require("./vue-ui-skeleton-CAlTn_Cg.cjs"),oe=require("./useNestedProp-Bwd7mK1Z.cjs"),we=require("./PackageVersion-BkgJVmj1.cjs"),Be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Se=["id"],$e=["xmlns","viewBox"],ze={style:{"pointer-events":"none"}},Ne=["x1","x2","y1","y2","stroke","stroke-width"],_e=["x","y","fill","font-size","font-weight"],Te=["x1","x2","y1","y2","stroke","stroke-width"],Fe=["x","y","fill","font-size","font-weight"],Pe={key:0},Ae=["x","y","font-size","fill"],Me=["width","x","y"],Le={style:{width:"100%"}},Ee=["x","y","fill","font-weight","font-size","onMouseenter"],Ie=["d","stroke","stroke-width","onMouseenter"],Ve={key:3,class:"vue-data-ui-watermark"},De=["onClick"],Oe=["innerHTML"],qe={__name:"vue-ui-parallel-coordinate-plot",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(ne,{expose:se,emit:M}){const b=ne,{vue_ui_parallel_coordinate_plot:re}=i.useConfig(),x=e.computed({get(){return!!b.dataset&&b.dataset.length},set(l){return l}}),L=e.ref(0),w=e.ref(null),E=e.ref(null),I=e.ref(null),V=e.ref(0),D=e.ref(0),O=e.ref(0),N=e.ref(i.createUid()),B=e.ref(!1);function ie(l){B.value=l,L.value+=1}const t=e.computed({get:()=>q(),set:l=>l});function q(){const l=oe.useNestedProp({userConfig:b.config,defaultConfig:re});return l.theme?{...oe.useNestedProp({userConfig:i.themes.vue_ui_parallel_coordinate_plot[l.theme]||b.config,defaultConfig:l}),customPalette:i.themePalettes[l.theme]||i.palette}:l}e.watch(()=>b.config,l=>{t.value=q(),R(),V.value+=1,O.value+=1,D.value+=1},{deep:!0});const $=e.ref(null);e.onMounted(()=>{R()});function R(){if(i.objectIsEmpty(b.dataset)?i.error({componentName:"VueUiParallelCoordinatePlot",type:"dataset"}):b.dataset.forEach((l,o)=>{i.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","series"]}).forEach(a=>{x.value=!1,i.error({componentName:"VueUiParallelCoordinatePlot",type:"datasetSerieAttribute",property:a,index:o})})}),t.value.responsive){const l=le.throttle(()=>{const{width:o,height:a}=le.useResponsive({chart:w.value,title:t.value.style.chart.title.text?E.value:null,legend:t.value.style.chart.legend.show?I.value:null});c.value.width=o,c.value.height=a,c.value.plotSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.plots.radius,threshold:2,fallback:2}),c.value.ticksFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.ticks.fontSize,threshold:10,fallback:10}),c.value.datapointFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.datapoints.fontSize,threshold:10,fallback:10}),c.value.axisNameFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.axisNamesFontSize,threshold:12,fallback:12})});$.value=new ResizeObserver(l),$.value.observe(w.value.parentNode)}}e.onBeforeUnmount(()=>{$.value&&$.value.disconnect()});const{isPrinting:U,isImaging:W,generatePdf:j,generateImage:H}=ae.usePrinter({elementId:`pcp_${N.value}`,fileName:t.value.style.chart.title.text||"vue-ui-parallel-coordinate-plot"}),c=e.ref({height:t.value.style.chart.height,width:t.value.style.chart.width,plotSize:t.value.style.chart.plots.radius,ticksFontSize:t.value.style.chart.yAxis.labels.ticks.fontSize,datapointFontSize:t.value.style.chart.yAxis.labels.datapoints.fontSize,axisNameFontSize:t.value.style.chart.yAxis.labels.axisNamesFontSize}),d=e.computed(()=>{const{top:l,right:o,bottom:a,left:n}=t.value.style.chart.padding,r=c.value.height,s=c.value.width;return{chartHeight:r,chartWidth:s,height:r-l-a,width:s-n-o,top:l,left:n,right:s-o,bottom:r-a}}),ue=e.computed(()=>i.convertCustomPalette(t.value.customPalette)),m=e.ref({dataLabels:{show:t.value.style.chart.yAxis.labels.datapoints.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),f=e.ref([]);function G(l){f.value.includes(l)?f.value=f.value.filter(o=>o!==l):f.value.push(l)}const k=e.computed(()=>b.dataset.map((l,o)=>{const a=i.convertColorToHex(l.color)||ue.value[o]||i.palette[o]||i.palette[o%i.palette.length];return{...l,series:l.series.map(n=>({...n,id:i.createUid(),color:a})),seriesIndex:o,color:a,id:i.createUid(),shape:l.shape||"circle"}})),ce=e.computed(()=>k.value.map(l=>({...l,opacity:f.value.includes(l.id)?.5:1,segregate:()=>G(l.id),isSegregated:f.value.includes(l.id)}))),de=e.computed(()=>({cy:"pcp-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),Y=e.computed(()=>Math.max(...k.value.filter(l=>!f.value.includes(l.id)).map(l=>Math.max(...l.series.flatMap(o=>o.values.length))))),y=e.computed(()=>d.value.width/Y.value),_=e.computed(()=>k.value.filter(l=>!f.value.includes(l.id))),h=e.computed(()=>{let l=[];for(let o=0;o<Y.value;o+=1){const a=Math.min(..._.value.flatMap(v=>v.series.map(z=>z.values[o]||0)||0)),n=Math.max(..._.value.flatMap(v=>v.series.map(z=>z.values[o]||0)||0)),r=n===a?a/4:a,s=n===a?n*2:n,u=i.calculateNiceScale(r,s,t.value.style.chart.yAxis.scaleTicks),g=u.ticks.map((v,z)=>{const he=u.min<0?v+Math.abs(u.min):v-Math.abs(u.min),me=u.min<0?u.max+Math.abs(u.min):u.max-Math.abs(u.min);return{y:d.value.bottom-d.value.height*(he/me),x:d.value.left+y.value*o+y.value/2,value:v}});l.push({scale:u,ticks:g,name:t.value.style.chart.yAxis.labels.axisNames[o]||`Y-${o+1}`})}return l}),T=e.computed(()=>_.value.map((l,o)=>({...l,series:l.series.map((a,n)=>({...a,datapoints:a.values.map((r,s)=>{const u=h.value[s].scale.min<0?(r||0)+Math.abs(h.value[s].scale.min):(r||0)-Math.abs(h.value[s].scale.min),g=h.value[s].scale.min<0?h.value[s].scale.max+Math.abs(h.value[s].scale.min):h.value[s].scale.max-Math.abs(h.value[s].scale.min);return{name:a.name,seriesName:l.name,axisIndex:s,datapointIndex:n,seriesIndex:o,value:r||0,x:d.value.left+y.value*s+y.value/2,y:d.value.bottom-d.value.height*(u/g),comment:a.comments&&a.comments[s]||""}})}))})).map(l=>({...l,series:l.series.map(o=>{const a=i.createStraightPath(o.datapoints),n=i.createSmoothPath(o.datapoints),r=i.getPathLengthFromCoordinates(t.value.style.chart.lines.smooth?`M ${n}`:`M ${a}`);return{...o,smoothPath:n,straightPath:a,pathLength:r}})})));function X({value:l,index:o,datapoint:a}){return i.applyDataLabel(t.value.style.chart.yAxis.labels.formatters[o]||null,l,i.dataLabel({p:t.value.style.chart.yAxis.labels.prefixes[o]||"",v:l,s:t.value.style.chart.yAxis.labels.suffixes[o]||"",r:t.value.style.chart.yAxis.labels.roundings[o]||0}),{datapoint:a,seriesIndex:o})}const p=e.ref(null),F=e.ref(null),S=e.ref(!1),P=e.ref("");function A({shape:l,serieName:o,serie:a,relativeIndex:n,seriesIndex:r}){F.value={serie:a,relativeIndex:n,seriesIndex:r,series:k.value,scales:h.value},S.value=!0,p.value=a.id;let s="";const u=t.value.style.chart.tooltip.customFormat;i.isFunction(u)&&i.functionReturnsString(()=>u({serie:a,seriesIndex:a.seriesIndex,series:k.value,config:t.value,scales:h.value}))?P.value=u({serie:a,seriesIndex:a.seriesIndex,series:k.value,config:t.value,scales:h.value}):(s+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o?o+" - ":""}${a.name}</div>`,h.value.map(g=>g.name).forEach((g,v)=>{s+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-jAZxyteD.cjs"),le=require("./useResponsive-B3TrDDIG.cjs"),ye=require("./Title-DAEaaXFr.cjs"),fe=require("./Legend-BJdr5n-o.cjs"),ge=require("./Tooltip-Cb9jWppv.cjs"),be=require("./Shape-CHWOgbhq.cjs"),ae=require("./usePrinter-Cx-xmAjb.cjs"),ke=require("./DataTable-kOScyzFF.cjs"),xe=require("./vue-ui-accordion-WXKee19V.cjs"),Ce=require("./vue-ui-skeleton-C14g9G-o.cjs"),oe=require("./useNestedProp-DksYpyh6.cjs"),we=require("./PackageVersion-Tm6EPIDH.cjs"),Be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Se=["id"],$e=["xmlns","viewBox"],ze={style:{"pointer-events":"none"}},Ne=["x1","x2","y1","y2","stroke","stroke-width"],_e=["x","y","fill","font-size","font-weight"],Te=["x1","x2","y1","y2","stroke","stroke-width"],Fe=["x","y","fill","font-size","font-weight"],Pe={key:0},Ae=["x","y","font-size","fill"],Me=["width","x","y"],Le={style:{width:"100%"}},Ee=["x","y","fill","font-weight","font-size","onMouseenter"],Ie=["d","stroke","stroke-width","onMouseenter"],Ve={key:3,class:"vue-data-ui-watermark"},De=["onClick"],Oe=["innerHTML"],qe={__name:"vue-ui-parallel-coordinate-plot",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(ne,{expose:se,emit:M}){const b=ne,{vue_ui_parallel_coordinate_plot:re}=i.useConfig(),x=e.computed({get(){return!!b.dataset&&b.dataset.length},set(l){return l}}),L=e.ref(0),w=e.ref(null),E=e.ref(null),I=e.ref(null),V=e.ref(0),D=e.ref(0),O=e.ref(0),N=e.ref(i.createUid()),B=e.ref(!1);function ie(l){B.value=l,L.value+=1}const t=e.computed({get:()=>q(),set:l=>l});function q(){const l=oe.useNestedProp({userConfig:b.config,defaultConfig:re});return l.theme?{...oe.useNestedProp({userConfig:i.themes.vue_ui_parallel_coordinate_plot[l.theme]||b.config,defaultConfig:l}),customPalette:i.themePalettes[l.theme]||i.palette}:l}e.watch(()=>b.config,l=>{t.value=q(),R(),V.value+=1,O.value+=1,D.value+=1},{deep:!0});const $=e.ref(null);e.onMounted(()=>{R()});function R(){if(i.objectIsEmpty(b.dataset)?i.error({componentName:"VueUiParallelCoordinatePlot",type:"dataset"}):b.dataset.forEach((l,o)=>{i.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","series"]}).forEach(a=>{x.value=!1,i.error({componentName:"VueUiParallelCoordinatePlot",type:"datasetSerieAttribute",property:a,index:o})})}),t.value.responsive){const l=le.throttle(()=>{const{width:o,height:a}=le.useResponsive({chart:w.value,title:t.value.style.chart.title.text?E.value:null,legend:t.value.style.chart.legend.show?I.value:null});c.value.width=o,c.value.height=a,c.value.plotSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.plots.radius,threshold:2,fallback:2}),c.value.ticksFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.ticks.fontSize,threshold:10,fallback:10}),c.value.datapointFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.datapoints.fontSize,threshold:10,fallback:10}),c.value.axisNameFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.axisNamesFontSize,threshold:12,fallback:12})});$.value=new ResizeObserver(l),$.value.observe(w.value.parentNode)}}e.onBeforeUnmount(()=>{$.value&&$.value.disconnect()});const{isPrinting:U,isImaging:W,generatePdf:j,generateImage:H}=ae.usePrinter({elementId:`pcp_${N.value}`,fileName:t.value.style.chart.title.text||"vue-ui-parallel-coordinate-plot"}),c=e.ref({height:t.value.style.chart.height,width:t.value.style.chart.width,plotSize:t.value.style.chart.plots.radius,ticksFontSize:t.value.style.chart.yAxis.labels.ticks.fontSize,datapointFontSize:t.value.style.chart.yAxis.labels.datapoints.fontSize,axisNameFontSize:t.value.style.chart.yAxis.labels.axisNamesFontSize}),d=e.computed(()=>{const{top:l,right:o,bottom:a,left:n}=t.value.style.chart.padding,r=c.value.height,s=c.value.width;return{chartHeight:r,chartWidth:s,height:r-l-a,width:s-n-o,top:l,left:n,right:s-o,bottom:r-a}}),ue=e.computed(()=>i.convertCustomPalette(t.value.customPalette)),m=e.ref({dataLabels:{show:t.value.style.chart.yAxis.labels.datapoints.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),f=e.ref([]);function G(l){f.value.includes(l)?f.value=f.value.filter(o=>o!==l):f.value.push(l)}const k=e.computed(()=>b.dataset.map((l,o)=>{const a=i.convertColorToHex(l.color)||ue.value[o]||i.palette[o]||i.palette[o%i.palette.length];return{...l,series:l.series.map(n=>({...n,id:i.createUid(),color:a})),seriesIndex:o,color:a,id:i.createUid(),shape:l.shape||"circle"}})),ce=e.computed(()=>k.value.map(l=>({...l,opacity:f.value.includes(l.id)?.5:1,segregate:()=>G(l.id),isSegregated:f.value.includes(l.id)}))),de=e.computed(()=>({cy:"pcp-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),Y=e.computed(()=>Math.max(...k.value.filter(l=>!f.value.includes(l.id)).map(l=>Math.max(...l.series.flatMap(o=>o.values.length))))),y=e.computed(()=>d.value.width/Y.value),_=e.computed(()=>k.value.filter(l=>!f.value.includes(l.id))),h=e.computed(()=>{let l=[];for(let o=0;o<Y.value;o+=1){const a=Math.min(..._.value.flatMap(v=>v.series.map(z=>z.values[o]||0)||0)),n=Math.max(..._.value.flatMap(v=>v.series.map(z=>z.values[o]||0)||0)),r=n===a?a/4:a,s=n===a?n*2:n,u=i.calculateNiceScale(r,s,t.value.style.chart.yAxis.scaleTicks),g=u.ticks.map((v,z)=>{const he=u.min<0?v+Math.abs(u.min):v-Math.abs(u.min),me=u.min<0?u.max+Math.abs(u.min):u.max-Math.abs(u.min);return{y:d.value.bottom-d.value.height*(he/me),x:d.value.left+y.value*o+y.value/2,value:v}});l.push({scale:u,ticks:g,name:t.value.style.chart.yAxis.labels.axisNames[o]||`Y-${o+1}`})}return l}),T=e.computed(()=>_.value.map((l,o)=>({...l,series:l.series.map((a,n)=>({...a,datapoints:a.values.map((r,s)=>{const u=h.value[s].scale.min<0?(r||0)+Math.abs(h.value[s].scale.min):(r||0)-Math.abs(h.value[s].scale.min),g=h.value[s].scale.min<0?h.value[s].scale.max+Math.abs(h.value[s].scale.min):h.value[s].scale.max-Math.abs(h.value[s].scale.min);return{name:a.name,seriesName:l.name,axisIndex:s,datapointIndex:n,seriesIndex:o,value:r||0,x:d.value.left+y.value*s+y.value/2,y:d.value.bottom-d.value.height*(u/g),comment:a.comments&&a.comments[s]||""}})}))})).map(l=>({...l,series:l.series.map(o=>{const a=i.createStraightPath(o.datapoints),n=i.createSmoothPath(o.datapoints),r=i.getPathLengthFromCoordinates(t.value.style.chart.lines.smooth?`M ${n}`:`M ${a}`);return{...o,smoothPath:n,straightPath:a,pathLength:r}})})));function X({value:l,index:o,datapoint:a}){return i.applyDataLabel(t.value.style.chart.yAxis.labels.formatters[o]||null,l,i.dataLabel({p:t.value.style.chart.yAxis.labels.prefixes[o]||"",v:l,s:t.value.style.chart.yAxis.labels.suffixes[o]||"",r:t.value.style.chart.yAxis.labels.roundings[o]||0}),{datapoint:a,seriesIndex:o})}const p=e.ref(null),F=e.ref(null),S=e.ref(!1),P=e.ref("");function A({shape:l,serieName:o,serie:a,relativeIndex:n,seriesIndex:r}){F.value={serie:a,relativeIndex:n,seriesIndex:r,series:k.value,scales:h.value},S.value=!0,p.value=a.id;let s="";const u=t.value.style.chart.tooltip.customFormat;i.isFunction(u)&&i.functionReturnsString(()=>u({serie:a,seriesIndex:a.seriesIndex,series:k.value,config:t.value,scales:h.value}))?P.value=u({serie:a,seriesIndex:a.seriesIndex,series:k.value,config:t.value,scales:h.value}):(s+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o?o+" - ":""}${a.name}</div>`,h.value.map(g=>g.name).forEach((g,v)=>{s+=`
                 <div class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${g}: </span>
                     <span>

package/dist/{vue-ui-parallel-coordinate-plot-CcDKe4L0.js → vue-ui-parallel-coordinate-plot-SpCkXomG.js}

@@ -1,16 +1,16 @@
 import { computed as f, ref as h, watch as De, onMounted as We, onBeforeUnmount as Ee, openBlock as i, createElementBlock as u, normalizeClass as B, normalizeStyle as z, createBlock as I, createCommentVNode as g, unref as A, createSlots as Be, withCtx as b, renderSlot as x, normalizeProps as R, guardReactiveProps as j, createVNode as xe, Fragment as C, renderList as M, createElementVNode as F, toDisplayString as S, createTextVNode as Re } from "vue";
-import { u as je, c as J, t as Ue, a as Ve, p as U, o as Ge, e as ke, g as He, b as Xe, d as Ye, C as qe, P as Qe, Q as Je, R as Ke, X as Ze, x as Ce, i as we, f as $e, y as et, q as tt, r as at, E as V } from "./index-DhJby8wL.js";
+import { u as je, c as J, t as Ue, a as Ve, p as U, o as Ge, e as ke, g as He, b as Xe, d as Ye, C as qe, Q as Qe, R as Je, S as Ke, X as Ze, x as Ce, i as we, f as $e, y as et, q as tt, r as at, E as V } from "./index-Bu852AzK.js";
 import { t as lt, u as ot } from "./useResponsive-NZB-WLRF.js";
-import { _ as st } from "./Title-1Sw6EmHy.js";
-import { L as nt } from "./Legend-Cr1hulgT.js";
-import { _ as it } from "./Tooltip-EJf3VBPR.js";
-import { _ as ut } from "./Shape-D75m5xWM.js";
-import { u as rt, U as ct } from "./usePrinter-Bwm8J3RQ.js";
-import { D as vt } from "./DataTable-BXnbua0J.js";
-import dt from "./vue-ui-accordion-Cn5Jbplg.js";
-import ht from "./vue-ui-skeleton-ASX40MGk.js";
-import { u as _e } from "./useNestedProp-CrHvyupb.js";
-import { _ as pt } from "./PackageVersion-BVZfgDqm.js";
+import { _ as st } from "./Title-B6kWQmNb.js";
+import { L as nt } from "./Legend-CZk6McMv.js";
+import { _ as it } from "./Tooltip-Cwp4dS4t.js";
+import { _ as ut } from "./Shape-CY3Tsyaq.js";
+import { u as rt, U as ct } from "./usePrinter-CaNEdNUc.js";
+import { D as vt } from "./DataTable-D1vDu_2B.js";
+import dt from "./vue-ui-accordion-CBwmD_zS.js";
+import ht from "./vue-ui-skeleton-B-obKEDg.js";
+import { u as _e } from "./useNestedProp-1sCLAHuR.js";
+import { _ as pt } from "./PackageVersion-DDKechCD.js";
 import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const yt = ["id"], ft = ["xmlns", "viewBox"], gt = { style: { "pointer-events": "none" } }, bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xt = ["x", "y", "fill", "font-size", "font-weight"], kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ct = ["x", "y", "fill", "font-size", "font-weight"], wt = { key: 0 }, $t = ["x", "y", "font-size", "fill"], _t = ["width", "x", "y"], Tt = { style: { width: "100%" } }, zt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], At = ["d", "stroke", "stroke-width", "onMouseenter"], Mt = {
   key: 3,