vue-data-ui 2.4.88 → 2.4.89

package/dist/{vue-ui-parallel-coordinate-plot-DXc-b6rP.js → vue-ui-parallel-coordinate-plot-CAqhUHot.js}

@@ -1,17 +1,17 @@
 import { computed as g, ref as v, watch as He, onMounted as Ge, onBeforeUnmount as Xe, openBlock as u, createElementBlock as i, normalizeClass as U, normalizeStyle as T, unref as x, createBlock as z, createCommentVNode as m, createSlots as Ye, withCtx as k, renderSlot as b, normalizeProps as W, guardReactiveProps as E, createVNode as _e, Fragment as C, renderList as F, createElementVNode as I, toDisplayString as D, createTextVNode as qe } from "vue";
-import { u as Qe, c as ee, t as Je, a as Ke, p as H, o as Ze, e as Me, g as et, b as tt, d as at, D as lt, Q as ot, R as st, S as nt, X as ut, x as ze, i as Fe, f as Ie, y as it, q as rt, r as ct, F as G } from "./index-DCHLGNvJ.js";
+import { u as Je, c as ee, t as Ke, a as Qe, p as H, o as Ze, e as Me, g as et, b as tt, d as at, D as lt, R as ot, S as st, T as nt, X as ut, x as ze, i as Fe, f as Ie, y as it, q as rt, r as ct, F as G } from "./index-CbMgQMOZ.js";
 import { t as vt, u as dt } from "./useResponsive-CoxXLe23.js";
-import { _ as ht } from "./Title-Dt5mC-vb.js";
-import { L as pt } from "./Legend-Di7FMl12.js";
-import { _ as mt } from "./Tooltip-CmKYX0H1.js";
-import { _ as yt } from "./Shape-DZz__S1P.js";
-import { u as ft, U as gt } from "./usePrinter-BvounINk.js";
-import { D as bt } from "./DataTable-Cnr3w23K.js";
-import xt from "./vue-ui-accordion-DEpeQHhr.js";
-import kt from "./vue-ui-skeleton-nTL-u4Yd.js";
-import { u as Pe } from "./useNestedProp-BPR7xHxr.js";
-import { _ as wt } from "./PackageVersion-BAKTtSRE.js";
-import { P as Ct } from "./PenAndPaper-BUzmu0vi.js";
+import { _ as ht } from "./Title-ccoiJ0mq.js";
+import { L as pt } from "./Legend-BSpbp1BZ.js";
+import { _ as mt } from "./Tooltip-DvT_JgqK.js";
+import { _ as yt } from "./Shape-BOPYNx7w.js";
+import { u as ft, U as gt } from "./usePrinter-sMoxYV4s.js";
+import { D as bt } from "./DataTable-CBJXWv2y.js";
+import xt from "./vue-ui-accordion-DXPXhPPW.js";
+import kt from "./vue-ui-skeleton-odlG21I6.js";
+import { u as Pe } from "./useNestedProp-vYrmxXEi.js";
+import { _ as wt } from "./PackageVersion-DtBpSOiQ.js";
+import { P as Ct } from "./PenAndPaper-B2XkoPXE.js";
 import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"], zt = { style: { "pointer-events": "none" } }, Ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], It = ["x", "y", "fill", "font-size", "font-weight"], Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nt = ["x", "y", "fill", "font-size", "font-weight"], Lt = { key: 0 }, St = ["x", "y", "font-size", "fill"], Ot = ["width", "x", "y"], Dt = { style: { width: "100%" } }, Ut = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Wt = ["d", "stroke", "stroke-width", "onMouseenter"], Et = ["d", "onMouseenter"], Vt = {
@@ -35,7 +35,7 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ne, { expose: Le, emit: te }) {
-    const _ = Ne, { vue_ui_parallel_coordinate_plot: Se } = Qe(), P = g({
+    const _ = Ne, { vue_ui_parallel_coordinate_plot: Se } = Je(), P = g({
       get() {
         return !!_.dataset && _.dataset.length;
       },
@@ -57,10 +57,10 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
       });
       return t.theme ? {
         ...Pe({
-          userConfig: Je.vue_ui_parallel_coordinate_plot[t.theme] || _.config,
+          userConfig: Ke.vue_ui_parallel_coordinate_plot[t.theme] || _.config,
           defaultConfig: t
         }),
-        customPalette: Ke[t.theme] || H
+        customPalette: Qe[t.theme] || H
       } : t;
     }
     He(() => _.config, (t) => {
@@ -209,7 +209,7 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         });
       }
       return t;
-    }), Q = g(() => q.value.map((t, l) => ({
+    }), J = g(() => q.value.map((t, l) => ({
       ...t,
       series: t.series.map((a, o) => ({
         ...a,
@@ -253,9 +253,9 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         { datapoint: a, seriesIndex: l }
       );
     }
-    const y = v(null), J = v(null), S = v(!1), K = v("");
+    const y = v(null), K = v(null), S = v(!1), Q = v("");
     function j({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
-      J.value = { serie: a, relativeIndex: o, seriesIndex: n, series: M.value, scales: f.value }, S.value = !0, y.value = a.id;
+      K.value = { serie: a, relativeIndex: o, seriesIndex: n, series: M.value, scales: f.value }, S.value = !0, y.value = a.id;
       let s = "";
       const r = e.value.style.chart.tooltip.customFormat;
       ze(r) && it(() => r({
@@ -264,7 +264,7 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         series: M.value,
         config: e.value,
         scales: f.value
-      })) ? K.value = r({
+      })) ? Q.value = r({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: M.value,
@@ -289,13 +289,13 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
                     </span>
                 </div>
             `, e.value.style.chart.comments.showInTooltip && a.datapoints[p].comment && (s += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.datapoints[p].comment}</div>`);
-      }), K.value = `<div>${s}</div>`);
+      }), Q.value = `<div>${s}</div>`);
     }
     function Ve() {
       return M.value;
     }
     const O = g(() => {
-      const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(f.value.map((n) => n.name)), l = Q.value.flatMap((n, s) => n.series.map((r) => [n.name].concat([r.name]).concat(r.values))), a = {
+      const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(f.value.map((n) => n.name)), l = J.value.flatMap((n, s) => n.series.map((r) => [n.name].concat([r.name]).concat(r.values))), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -314,7 +314,7 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         config: a,
         colNames: o
       };
-    }), ke = g(() => Q.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
+    }), ke = g(() => J.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
       head: O.value.head,
       body: O.value.body
     });
@@ -540,7 +540,7 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
             }, D(xe({ value: n.value, index: o, datapoint: n })), 13, Nt))), 256))
           ], 64)) : m("", !0)
         ]))), 256)),
-        (u(!0), i(C, null, F(Q.value, (a) => (u(), i("g", null, [
+        (u(!0), i(C, null, F(J.value, (a) => (u(), i("g", null, [
           (u(!0), i(C, null, F(a.series, (o, n) => (u(), i("g", null, [
             e.value.style.chart.plots.show ? (u(), i("g", Lt, [
               (u(!0), i(C, null, F(o.datapoints, (s) => (u(), z(yt, {
@@ -710,15 +710,15 @@ const Tt = ["id"], _t = ["xmlns", "viewBox"], Mt = ["x", "y", "width", "height"]
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: N.value,
-        content: K.value,
+        content: Q.value,
         isFullscreen: L.value,
         isCustom: x(ze)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": k(() => [
-          b(t.$slots, "tooltip-before", W(E({ ...J.value })), void 0, !0)
+          b(t.$slots, "tooltip-before", W(E({ ...K.value })), void 0, !0)
         ]),
         "tooltip-after": k(() => [
-          b(t.$slots, "tooltip-after", W(E({ ...J.value })), void 0, !0)
+          b(t.$slots, "tooltip-after", W(E({ ...K.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),

package/dist/{vue-ui-parallel-coordinate-plot-wx4e_yuu.cjs → vue-ui-parallel-coordinate-plot-DzBoNAa1.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-xEXHnOtJ.cjs"),ue=require("./useResponsive-BJ7DTGpm.cjs"),Be=require("./Title-DcTKT_WK.cjs"),$e=require("./Legend-Uv0t6PIz.cjs"),Se=require("./Tooltip-y6Z9yhlE.cjs"),ze=require("./Shape-CNuTafzS.cjs"),ce=require("./usePrinter-CjQvMB0_.cjs"),Ne=require("./DataTable-DVKGDaCB.cjs"),Ae=require("./vue-ui-accordion-2c1jq56U.cjs"),Te=require("./vue-ui-skeleton-Tse1D8cv.cjs"),de=require("./useNestedProp-LNEDZsGq.cjs"),Pe=require("./PackageVersion-BgKxrHv-.cjs"),Fe=require("./PenAndPaper-BYVZ33fz.cjs"),Me=require("./useUserOptionState-BgepsfED.cjs"),_e=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ee=["id"],Ie=["xmlns","viewBox"],Le=["x","y","width","height"],Ve={style:{"pointer-events":"none"}},Oe=["x1","x2","y1","y2","stroke","stroke-width"],De=["x","y","fill","font-size","font-weight"],qe=["x1","x2","y1","y2","stroke","stroke-width"],Ue=["x","y","fill","font-size","font-weight"],Re={key:0},We=["x","y","font-size","fill"],je=["width","x","y"],He={style:{width:"100%"}},Ge=["x","y","fill","font-weight","font-size","onMouseenter"],Ye=["d","stroke","stroke-width","onMouseenter"],Xe=["d","onMouseenter"],Je={key:5,class:"vue-data-ui-watermark"},Ke=["onClick"],Qe=["innerHTML"],Ze={__name:"vue-ui-parallel-coordinate-plot",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(ve,{expose:pe,emit:L}){const b=ve,{vue_ui_parallel_coordinate_plot:he}=i.useConfig(),x=e.computed({get(){return!!b.dataset&&b.dataset.length},set(l){return l}}),V=e.ref(0),C=e.ref(null),O=e.ref(null),D=e.ref(null),q=e.ref(null),U=e.ref(null),R=e.ref(0),W=e.ref(0),j=e.ref(0),T=e.ref(i.createUid()),w=e.ref(!1);function me(l){w.value=l,V.value+=1}const t=e.computed({get:()=>Y(),set:l=>l}),{userOptionsVisible:P,setUserOptionsVisibility:H,keepUserOptionState:G}=Me.useUserOptionState({config:t.value});function Y(){const l=de.useNestedProp({userConfig:b.config,defaultConfig:he});return l.theme?{...de.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=Y(),P.value=!t.value.showOnChartHover,X(),R.value+=1,j.value+=1,W.value+=1,v.value.dataLabels.show=t.value.style.chart.yAxis.labels.datapoints.show,v.value.showTable=t.value.table.show,v.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0});const S=e.ref(null);e.onMounted(()=>{X()});function X(){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=ue.throttle(()=>{const{width:o,height:a}=ue.useResponsive({chart:C.value,title:t.value.style.chart.title.text?O.value:null,legend:t.value.style.chart.legend.show?D.value:null,source:q.value,noTitle:U.value});requestAnimationFrame(()=>{d.value.width=o,d.value.height=a,d.value.plotSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.plots.radius,threshold:2,fallback:2}),d.value.ticksFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.ticks.fontSize,threshold:10,fallback:10}),d.value.datapointFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.datapoints.fontSize,threshold:10,fallback:10}),d.value.axisNameFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.axisNamesFontSize,threshold:12,fallback:12})})});S.value=new ResizeObserver(l),S.value.observe(C.value.parentNode)}}e.onBeforeUnmount(()=>{S.value&&S.value.disconnect()});const{isPrinting:J,isImaging:K,generatePdf:Q,generateImage:Z}=ce.usePrinter({elementId:`pcp_${T.value}`,fileName:t.value.style.chart.title.text||"vue-ui-parallel-coordinate-plot"}),ye=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),d=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}),c=e.computed(()=>{const{top:l,right:o,bottom:a,left:n}=t.value.style.chart.padding,r=d.value.height,s=d.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}}),fe=e.computed(()=>i.convertCustomPalette(t.value.customPalette)),v=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 ee(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)||fe.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"}})),ge=e.computed(()=>k.value.map(l=>({...l,opacity:f.value.includes(l.id)?.5:1,segregate:()=>ee(l.id),isSegregated:f.value.includes(l.id)}))),be=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":""})),te=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(()=>c.value.width/te.value),F=e.computed(()=>k.value.filter(l=>!f.value.includes(l.id))),m=e.computed(()=>{let l=[];for(let o=0;o<te.value;o+=1){const a=Math.min(...F.value.flatMap(p=>p.series.map(A=>A.values[o]||0)||0)),n=Math.max(...F.value.flatMap(p=>p.series.map(A=>A.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((p,A)=>{const Ce=u.min<0?p+Math.abs(u.min):p-Math.abs(u.min),we=u.min<0?u.max+Math.abs(u.min):u.max-Math.abs(u.min);return{y:c.value.bottom-c.value.height*(Ce/we),x:c.value.left+y.value*o+y.value/2,value:p}});l.push({scale:u,ticks:g,name:t.value.style.chart.yAxis.labels.axisNames[o]||`Y-${o+1}`})}return l}),M=e.computed(()=>F.value.map((l,o)=>({...l,series:l.series.map((a,n)=>({...a,datapoints:a.values.map((r,s)=>{const u=m.value[s].scale.min<0?(r||0)+Math.abs(m.value[s].scale.min):(r||0)-Math.abs(m.value[s].scale.min),g=m.value[s].scale.min<0?m.value[s].scale.max+Math.abs(m.value[s].scale.min):m.value[s].scale.max-Math.abs(m.value[s].scale.min);return{name:a.name,seriesName:l.name,axisIndex:s,datapointIndex:n,seriesIndex:o,value:r||0,x:c.value.left+y.value*s+y.value/2,y:c.value.bottom-c.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 le({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 h=e.ref(null),_=e.ref(null),B=e.ref(!1),E=e.ref("");function z({shape:l,serieName:o,serie:a,relativeIndex:n,seriesIndex:r}){_.value={serie:a,relativeIndex:n,seriesIndex:r,series:k.value,scales:m.value},B.value=!0,h.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:m.value}))?E.value=u({serie:a,seriesIndex:a.seriesIndex,series:k.value,config:t.value,scales:m.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>`,m.value.map(g=>g.name).forEach((g,p)=>{s+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-DHTOdsmm.cjs"),ue=require("./useResponsive-BJ7DTGpm.cjs"),Be=require("./Title-0PbYWvbk.cjs"),$e=require("./Legend-BHqhIxpn.cjs"),Se=require("./Tooltip-yfpr967Z.cjs"),ze=require("./Shape-Do_AzV1G.cjs"),ce=require("./usePrinter-CCvLCahd.cjs"),Ne=require("./DataTable-D-lEfCvI.cjs"),Ae=require("./vue-ui-accordion-D0YEkQP_.cjs"),Te=require("./vue-ui-skeleton-BZDfN8kq.cjs"),de=require("./useNestedProp-BbHX6tgE.cjs"),Pe=require("./PackageVersion-fh_T3pry.cjs"),Fe=require("./PenAndPaper-JJPSlM7l.cjs"),Me=require("./useUserOptionState-BgepsfED.cjs"),_e=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ee=["id"],Ie=["xmlns","viewBox"],Le=["x","y","width","height"],Ve={style:{"pointer-events":"none"}},Oe=["x1","x2","y1","y2","stroke","stroke-width"],De=["x","y","fill","font-size","font-weight"],qe=["x1","x2","y1","y2","stroke","stroke-width"],Ue=["x","y","fill","font-size","font-weight"],Re={key:0},We=["x","y","font-size","fill"],je=["width","x","y"],He={style:{width:"100%"}},Ge=["x","y","fill","font-weight","font-size","onMouseenter"],Ye=["d","stroke","stroke-width","onMouseenter"],Xe=["d","onMouseenter"],Je={key:5,class:"vue-data-ui-watermark"},Ke=["onClick"],Qe=["innerHTML"],Ze={__name:"vue-ui-parallel-coordinate-plot",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(ve,{expose:pe,emit:L}){const b=ve,{vue_ui_parallel_coordinate_plot:he}=i.useConfig(),x=e.computed({get(){return!!b.dataset&&b.dataset.length},set(l){return l}}),V=e.ref(0),C=e.ref(null),O=e.ref(null),D=e.ref(null),q=e.ref(null),U=e.ref(null),R=e.ref(0),W=e.ref(0),j=e.ref(0),T=e.ref(i.createUid()),w=e.ref(!1);function me(l){w.value=l,V.value+=1}const t=e.computed({get:()=>Y(),set:l=>l}),{userOptionsVisible:P,setUserOptionsVisibility:H,keepUserOptionState:G}=Me.useUserOptionState({config:t.value});function Y(){const l=de.useNestedProp({userConfig:b.config,defaultConfig:he});return l.theme?{...de.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=Y(),P.value=!t.value.showOnChartHover,X(),R.value+=1,j.value+=1,W.value+=1,v.value.dataLabels.show=t.value.style.chart.yAxis.labels.datapoints.show,v.value.showTable=t.value.table.show,v.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0});const S=e.ref(null);e.onMounted(()=>{X()});function X(){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=ue.throttle(()=>{const{width:o,height:a}=ue.useResponsive({chart:C.value,title:t.value.style.chart.title.text?O.value:null,legend:t.value.style.chart.legend.show?D.value:null,source:q.value,noTitle:U.value});requestAnimationFrame(()=>{d.value.width=o,d.value.height=a,d.value.plotSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.plots.radius,threshold:2,fallback:2}),d.value.ticksFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.ticks.fontSize,threshold:10,fallback:10}),d.value.datapointFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.datapoints.fontSize,threshold:10,fallback:10}),d.value.axisNameFontSize=i.translateSize({relator:Math.min(o,a),adjuster:600,source:t.value.style.chart.yAxis.labels.axisNamesFontSize,threshold:12,fallback:12})})});S.value=new ResizeObserver(l),S.value.observe(C.value.parentNode)}}e.onBeforeUnmount(()=>{S.value&&S.value.disconnect()});const{isPrinting:J,isImaging:K,generatePdf:Q,generateImage:Z}=ce.usePrinter({elementId:`pcp_${T.value}`,fileName:t.value.style.chart.title.text||"vue-ui-parallel-coordinate-plot"}),ye=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),d=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}),c=e.computed(()=>{const{top:l,right:o,bottom:a,left:n}=t.value.style.chart.padding,r=d.value.height,s=d.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}}),fe=e.computed(()=>i.convertCustomPalette(t.value.customPalette)),v=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 ee(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)||fe.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"}})),ge=e.computed(()=>k.value.map(l=>({...l,opacity:f.value.includes(l.id)?.5:1,segregate:()=>ee(l.id),isSegregated:f.value.includes(l.id)}))),be=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":""})),te=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(()=>c.value.width/te.value),F=e.computed(()=>k.value.filter(l=>!f.value.includes(l.id))),m=e.computed(()=>{let l=[];for(let o=0;o<te.value;o+=1){const a=Math.min(...F.value.flatMap(p=>p.series.map(A=>A.values[o]||0)||0)),n=Math.max(...F.value.flatMap(p=>p.series.map(A=>A.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((p,A)=>{const Ce=u.min<0?p+Math.abs(u.min):p-Math.abs(u.min),we=u.min<0?u.max+Math.abs(u.min):u.max-Math.abs(u.min);return{y:c.value.bottom-c.value.height*(Ce/we),x:c.value.left+y.value*o+y.value/2,value:p}});l.push({scale:u,ticks:g,name:t.value.style.chart.yAxis.labels.axisNames[o]||`Y-${o+1}`})}return l}),M=e.computed(()=>F.value.map((l,o)=>({...l,series:l.series.map((a,n)=>({...a,datapoints:a.values.map((r,s)=>{const u=m.value[s].scale.min<0?(r||0)+Math.abs(m.value[s].scale.min):(r||0)-Math.abs(m.value[s].scale.min),g=m.value[s].scale.min<0?m.value[s].scale.max+Math.abs(m.value[s].scale.min):m.value[s].scale.max-Math.abs(m.value[s].scale.min);return{name:a.name,seriesName:l.name,axisIndex:s,datapointIndex:n,seriesIndex:o,value:r||0,x:c.value.left+y.value*s+y.value/2,y:c.value.bottom-c.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 le({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 h=e.ref(null),_=e.ref(null),B=e.ref(!1),E=e.ref("");function z({shape:l,serieName:o,serie:a,relativeIndex:n,seriesIndex:r}){_.value={serie:a,relativeIndex:n,seriesIndex:r,series:k.value,scales:m.value},B.value=!0,h.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:m.value}))?E.value=u({serie:a,seriesIndex:a.seriesIndex,series:k.value,config:t.value,scales:m.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>`,m.value.map(g=>g.name).forEach((g,p)=>{s+=`
                 <div class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${g}: </span>
                     <span>

package/dist/{vue-ui-quadrant-bakb0497.js → vue-ui-quadrant-BQH_Xifg.js}

@@ -1,20 +1,20 @@
 import { computed as g, ref as h, watch as Fe, onMounted as lt, onBeforeUnmount as at, openBlock as o, createElementBlock as n, normalizeClass as T, normalizeStyle as q, unref as y, createBlock as N, createCommentVNode as c, createSlots as ut, withCtx as $, renderSlot as k, normalizeProps as G, guardReactiveProps as Q, createVNode as ve, createElementVNode as d, Fragment as S, renderList as Y, toDisplayString as L, createTextVNode as ot, nextTick as st } from "vue";
-import { u as rt, c as Re, t as nt, a as it, p as de, o as vt, e as H, b as dt, T as ct, d as ht, i as O, f as P, X as yt, s as ae, w as bt, U as ft, G as pt, x as gt, y as mt, q as xt, r as $t } from "./index-DCHLGNvJ.js";
+import { u as rt, c as Re, t as nt, a as it, p as de, o as vt, e as H, b as dt, U as ct, d as ht, i as O, f as V, X as yt, s as ae, w as bt, V as ft, G as pt, x as gt, y as mt, q as xt, r as $t } from "./index-CbMgQMOZ.js";
 import { t as kt, u as Lt } from "./useResponsive-CoxXLe23.js";
-import { _ as wt } from "./Title-Dt5mC-vb.js";
-import { u as qt, U as _t } from "./usePrinter-BvounINk.js";
-import { _ as St } from "./Tooltip-CmKYX0H1.js";
-import { _ as He } from "./Shape-DZz__S1P.js";
-import { L as Ct } from "./Legend-Di7FMl12.js";
-import { D as zt } from "./DataTable-Cnr3w23K.js";
-import Tt from "./vue-ui-skeleton-nTL-u4Yd.js";
-import Xt from "./vue-ui-accordion-DEpeQHhr.js";
-import { u as Ie } from "./useNestedProp-BPR7xHxr.js";
-import { _ as Wt } from "./PackageVersion-BAKTtSRE.js";
-import { P as Yt } from "./PenAndPaper-BUzmu0vi.js";
+import { _ as wt } from "./Title-ccoiJ0mq.js";
+import { u as qt, U as _t } from "./usePrinter-sMoxYV4s.js";
+import { _ as St } from "./Tooltip-DvT_JgqK.js";
+import { _ as He } from "./Shape-BOPYNx7w.js";
+import { L as Ct } from "./Legend-BSpbp1BZ.js";
+import { D as zt } from "./DataTable-CBJXWv2y.js";
+import Tt from "./vue-ui-skeleton-odlG21I6.js";
+import Xt from "./vue-ui-accordion-DXPXhPPW.js";
+import { u as Ie } from "./useNestedProp-vYrmxXEi.js";
+import { _ as Wt } from "./PackageVersion-DtBpSOiQ.js";
+import { P as Yt } from "./PenAndPaper-B2XkoPXE.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "height"], Vt = ["id"], Bt = ["stop-color"], Ft = ["stop-color"], Rt = { key: 1 }, Ht = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], It = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Dt = { key: 2 }, Et = ["points", "fill"], Gt = ["points", "fill"], Qt = ["points", "fill"], Jt = ["points", "fill"], jt = { key: 3 }, Zt = ["y", "fill", "font-size"], Kt = ["x", "y", "fill", "font-size"], el = ["x", "y", "fill", "font-size"], tl = ["y", "fill", "font-size"], ll = { key: 4 }, al = ["x", "y", "font-size", "fill"], ul = ["x", "y", "font-size", "fill"], ol = ["x", "y", "font-size", "fill"], sl = ["id", "font-size", "transform", "fill"], rl = ["id", "font-size", "transform", "fill"], nl = ["id", "font-size", "transform", "fill"], il = { key: 5 }, vl = ["fill", "points"], dl = ["x", "y", "width", "height"], cl = ["x", "y", "width", "height"], hl = ["x", "y", "width", "height"], yl = ["x", "y", "width", "height"], bl = {
+const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Vt = ["x", "y", "width", "height"], Pt = ["id"], Bt = ["stop-color"], Ft = ["stop-color"], Rt = { key: 1 }, Ht = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], It = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Dt = { key: 2 }, Et = ["points", "fill"], Gt = ["points", "fill"], Qt = ["points", "fill"], Jt = ["points", "fill"], jt = { key: 3 }, Zt = ["y", "fill", "font-size"], Kt = ["x", "y", "fill", "font-size"], el = ["x", "y", "fill", "font-size"], tl = ["y", "fill", "font-size"], ll = { key: 4 }, al = ["x", "y", "font-size", "fill"], ul = ["x", "y", "font-size", "fill"], ol = ["x", "y", "font-size", "fill"], sl = ["id", "font-size", "transform", "fill"], rl = ["id", "font-size", "transform", "fill"], nl = ["id", "font-size", "transform", "fill"], il = { key: 5 }, vl = ["fill", "points"], dl = ["x", "y", "width", "height"], cl = ["x", "y", "width", "height"], hl = ["x", "y", "width", "height"], yl = ["x", "y", "width", "height"], bl = {
   key: 0,
   style: { "pointer-events": "none" }
 }, fl = ["x", "y", "font-size", "fill"], pl = { key: 0 }, gl = ["x", "y", "onMouseover", "onClick"], ml = {
@@ -145,7 +145,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         startY: 0
       });
     }, { deep: !0 });
-    const v = h(null), V = g(() => {
+    const v = h(null), P = g(() => {
       switch (v.value) {
         case "TL":
           return {
@@ -377,7 +377,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         O(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           s.x,
-          P({
+          V({
             v: s.x,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -385,7 +385,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         O(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           s.y,
-          P({
+          V({
             v: s.y,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -470,7 +470,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         u.quadrantSide && (r += `<div style="color:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text}</div>`), r += `<div>${l.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${t.value.style.chart.layout.grid.xAxis.name ? t.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${O(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.xValue,
-          P({
+          V({
             v: u.xValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
@@ -478,7 +478,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         )}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${O(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.yValue,
-          P({
+          V({
             v: u.yValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
@@ -645,10 +645,10 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
     function Oe() {
       m.value.showTable = !m.value.showTable;
     }
-    function Pe() {
+    function Ve() {
       m.value.plotLabels.show = !m.value.plotLabels.show;
     }
-    function Ve() {
+    function Pe() {
       m.value.showTooltip = !m.value.showTooltip;
     }
     const le = h(!1);
@@ -661,8 +661,8 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
       generateCsv: Ne,
       generateImage: Se,
       toggleTable: Oe,
-      toggleLabels: Pe,
-      toggleTooltip: Ve,
+      toggleLabels: Ve,
+      toggleTooltip: Pe,
       toggleAnnotator: ie
     }), (l, u) => (o(), n("div", {
       class: T(`vue-ui-quadrant ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -736,8 +736,8 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         onGenerateCsv: Ne,
         onGenerateImage: y(Se),
         onToggleTable: Oe,
-        onToggleLabels: Pe,
-        onToggleTooltip: Ve,
+        onToggleLabels: Ve,
+        onToggleTooltip: Pe,
         onToggleAnnotator: ie,
         style: q({
           visibility: y($e) ? y(se) ? "visible" : "hidden" : "visible"
@@ -820,7 +820,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }
         }, [
           k(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Pt)) : c("", !0),
+        ], 8, Vt)) : c("", !0),
         d("defs", null, [
           (o(!0), n(S, null, Y(C.value, (a, s) => (o(), n("radialGradient", {
             cx: "50%",
@@ -838,7 +838,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
               offset: "100%",
               "stop-color": y(ae)(a.color, t.value.style.chart.layout.areas.opacity)
             }, null, 8, Ft)
-          ], 8, Vt))), 256))
+          ], 8, Pt))), 256))
         ]),
         t.value.style.chart.layout.grid.graduations.show ? (o(), n("g", Rt, [
           (o(!0), n(S, null, Y(je.value, (a) => (o(), n("rect", {
@@ -942,7 +942,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.max,
-            y(P)({
+            y(V)({
               v: _.value.y.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -963,7 +963,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.min,
-            y(P)({
+            y(V)({
               v: _.value.y.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -977,7 +977,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.min,
-            y(P)({
+            y(V)({
               v: _.value.x.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -991,7 +991,7 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
           }, L(y(O)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.max,
-            y(P)({
+            y(V)({
               v: _.value.x.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -1130,13 +1130,13 @@ const Nt = ["id"], Ot = ["xmlns", "viewBox", "id"], Pt = ["x", "y", "width", "he
         ])) : c("", !0),
         v.value && !K.value ? (o(), n("g", wl, [
           d("text", {
-            x: V.value.x,
-            y: V.value.y - V.value.fontSize / 1.5,
-            "font-size": V.value.fontSize / 1.5,
-            fill: V.value.fill,
+            x: P.value.x,
+            y: P.value.y - P.value.fontSize / 1.5,
+            "font-size": P.value.fontSize / 1.5,
+            fill: P.value.fill,
             "text-anchor": "middle",
-            "font-weight": V.value.bold ? "bold" : "normal"
-          }, L(V.value.text), 9, ql)
+            "font-weight": P.value.bold ? "bold" : "normal"
+          }, L(P.value.text), 9, ql)
         ])) : c("", !0),
         p.value && v.value ? (o(), n("g", _l, [
           d("rect", {