vue-data-ui 2.9.1 → 2.9.2

package/dist/{vue-ui-xy-BrhoXHDm.js → vue-ui-xy-DXgpQ8zr.js}

@@ -1,17 +1,17 @@
-import { Q as H, Y as U, a7 as te, a8 as J, a9 as le, aa as ae, ab as re, ac as ie, ad as se, c as Z, A as ne, F as ce, w as oe, s as he, o as ue, $ as de, ae as ge, x as fe, C as Ie, y as Ne, a5 as me, e as xe, r as be, f as Q, af as Fe, S as _e, T as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, a3 as Ge, ai as ve, i as pe, G as ze, L as Me, u as Te, p as Pe, B as Ve, a as Re, t as He } from "./index-CAwMqJV_.js";
-import { D as De } from "./DataTable-BLzRsaTP.js";
-import { _ as We } from "./Title-BYSI6SIw.js";
-import { u as Be, _ as Ee } from "./Tooltip-JIRECaYz.js";
-import { U as Ye } from "./usePrinter-DHKfrDmo.js";
-import { _ as qe } from "./Shape-78pS45zk.js";
-import Xe from "./BaseIcon-BKDVlUe1.js";
-import Ue from "./vue-ui-table-sparkline-DSHGi7w-.js";
-import Ze from "./vue-ui-skeleton-B2jz_Rfv.js";
-import { S as Je } from "./Slicer-y8vaGoCd.js";
-import Qe from "./vue-ui-accordion-CcRRCMkf.js";
-import { u as K } from "./useNestedProp-Cz7LmW3s.js";
-import { _ as Ke } from "./PackageVersion-Df-Zkqak.js";
-import { _ as je } from "./PenAndPaper-KD1nMXSe.js";
+import { Q as H, Y as U, a7 as te, a8 as J, a9 as le, aa as ae, ab as re, ac as ie, ad as se, c as Z, A as ne, F as ce, w as oe, s as he, o as ue, $ as de, ae as ge, x as fe, C as Ie, y as Ne, a5 as me, e as xe, r as be, f as Q, af as Fe, S as _e, T as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, a3 as Ge, ai as ve, i as pe, G as ze, L as Me, u as Te, p as Pe, B as Ve, a as Re, t as He } from "./index-9ZicrZWM.js";
+import { D as De } from "./DataTable-CaUgku7o.js";
+import { _ as We } from "./Title-CGY0WlAI.js";
+import { u as Be, _ as Ee } from "./Tooltip-BfEhZz9k.js";
+import { U as Ye } from "./usePrinter-D7IXLE53.js";
+import { _ as qe } from "./Shape-Hrc-BQkc.js";
+import Xe from "./BaseIcon-BH4bJe82.js";
+import Ue from "./vue-ui-table-sparkline-B76wcNNt.js";
+import Ze from "./vue-ui-skeleton-BjminQzl.js";
+import { S as Je } from "./Slicer-2ZyRAred.js";
+import Qe from "./vue-ui-accordion-62KnRfCb.js";
+import { u as K } from "./useNestedProp-s1XZrtPS.js";
+import { _ as Ke } from "./PackageVersion-BEE_4baV.js";
+import { _ as je } from "./PenAndPaper-B3WdOAcZ.js";
 import { resolveComponent as R, createElementBlock as i, openBlock as r, normalizeStyle as b, normalizeClass as B, createBlock as W, createCommentVNode as d, createVNode as X, createSlots as $e, withCtx as V, renderSlot as S, normalizeProps as E, guardReactiveProps as Y, createElementVNode as f, createTextVNode as j, Fragment as u, renderList as I, toDisplayString as T, mergeProps as $, withDirectives as et, vModelCheckbox as tt } from "vue";
 import { _ as lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const at = Z(), rt = {
@@ -1115,7 +1115,7 @@ const at = Z(), rt = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-Bwn-dfFb.js");
+          const { default: t } = await import("./pdf-zqw8E-me.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1138,7 +1138,7 @@ const at = Z(), rt = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-BYRHwXEf.js");
+          const { default: t } = await import("./img-DkpJ0ciT.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",

package/dist/{vue-ui-xy-canvas-BpUxHeN-.js → vue-ui-xy-canvas-CAfAcJWj.js}

@@ -1,19 +1,19 @@
 import { ref as c, computed as R, onMounted as ot, nextTick as Oe, onBeforeUnmount as $t, watch as _, createElementBlock as M, openBlock as w, Fragment as je, createCommentVNode as Z, normalizeStyle as N, normalizeClass as ve, createElementVNode as W, withDirectives as gt, createVNode as me, toDisplayString as Qe, unref as D, vModelText as pt, withModifiers as mt, renderList as bt, useSlots as Gt, createBlock as ie, createSlots as Zt, withCtx as A, renderSlot as P, normalizeProps as ye, guardReactiveProps as ge, createTextVNode as qt } from "vue";
-import { l as St, f as be, X as jt, u as Kt, c as Qt, t as _t, p as pe, a as Jt, C as Ke, b as el, D as lt, i as Le, d as xt, $ as tl, J as ll, ai as al, o as ol, e as nl, x as kt, q as rl, r as ul, y as sl, s as Re } from "./index-CAwMqJV_.js";
+import { l as St, f as be, X as jt, u as Kt, c as Qt, t as _t, p as pe, a as Jt, C as Ke, b as el, D as lt, i as Le, d as xt, $ as tl, J as ll, ai as al, o as ol, e as nl, x as kt, q as rl, r as ul, y as sl, s as Re } from "./index-9ZicrZWM.js";
 import { d as il, t as vl, u as cl, c as dl, a as Lt, l as F, r as at, b as ne, p as wt } from "./useResponsive-Cw4oZ8sQ.js";
-import { _ as hl } from "./Tooltip-JIRECaYz.js";
-import { L as fl } from "./Legend-CWUUq_ib.js";
-import { _ as yl } from "./Title-BYSI6SIw.js";
-import { S as gl } from "./Slicer-y8vaGoCd.js";
-import { u as pl, U as ml } from "./usePrinter-DHKfrDmo.js";
-import bl from "./vue-ui-accordion-CcRRCMkf.js";
-import { D as xl } from "./DataTable-BLzRsaTP.js";
-import kl from "./vue-ui-skeleton-B2jz_Rfv.js";
-import { u as Ct } from "./useNestedProp-Cz7LmW3s.js";
+import { _ as hl } from "./Tooltip-BfEhZz9k.js";
+import { L as fl } from "./Legend-BxZxsJCp.js";
+import { _ as yl } from "./Title-CGY0WlAI.js";
+import { S as gl } from "./Slicer-2ZyRAred.js";
+import { u as pl, U as ml } from "./usePrinter-D7IXLE53.js";
+import bl from "./vue-ui-accordion-62KnRfCb.js";
+import { D as xl } from "./DataTable-CaUgku7o.js";
+import kl from "./vue-ui-skeleton-BjminQzl.js";
+import { u as Ct } from "./useNestedProp-s1XZrtPS.js";
 import { u as Ll } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as wl } from "./useChartAccessibility-BWojgys7.js";
-import De from "./BaseIcon-BKDVlUe1.js";
-import { C as Cl } from "./ColorPicker-D8apVA4b.js";
+import De from "./BaseIcon-BH4bJe82.js";
+import { C as Cl } from "./ColorPicker-Dnjy6olA.js";
 import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $l = {
   class: /* @__PURE__ */ ve({

package/dist/{vue-ui-xy-canvas-0ryFSxU4.cjs → vue-ui-xy-canvas-DsuvSNM3.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./index-DcZ9kvVv.cjs"),x=require("./useResponsive-DQmBAoBf.cjs"),vt=require("./Tooltip-CeZCzEPv.cjs"),dt=require("./Legend-Ba4cZCTR.cjs"),ht=require("./Title-D8SuO6n9.cjs"),ft=require("./Slicer-BloKOWd3.cjs"),Ue=require("./usePrinter-C1qPxOHD.cjs"),yt=require("./vue-ui-accordion-DorW8oh2.cjs"),pt=require("./DataTable-C4Tmq-GN.cjs"),gt=require("./vue-ui-skeleton-faVa3jQs.cjs"),qe=require("./useNestedProp-ZhoVxBcG.cjs"),mt=require("./useUserOptionState-BgepsfED.cjs"),bt=require("./useChartAccessibility-Cm7nkzTG.cjs"),ge=require("./BaseIcon-CW6J6gnf.cjs"),xt=require("./ColorPicker-CbtRyGDZ.cjs"),We=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),kt={class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0}),style:{padding:"0 !important"}},Ct=["disabled"],Lt=["data-mode","xmlns","viewBox"],wt=["cx","cy","r","fill"],St=["d","stroke","stroke-width"],zt=["x","y","fill","font-size"],$t=["x","dy"],Tt=["d","stroke","stroke-width"],Et={__name:"NonSvgPenAndPaper",props:{parent:{type:HTMLElement},backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#2D353C"},active:{type:Boolean,default:!1}},emits:["close"],setup(z,{emit:Ee}){const U=z,Be=Ee,L=t.ref([]),V=t.ref([]),K=t.ref("0 0 0 0"),D=t.ref(U.color),y=t.ref(1),m=t.ref("draw"),w=t.ref(null),q=t.ref(!1),h=t.ref(null),Y=t.ref({x:0,y:0}),X=t.ref([""]),E=t.ref({row:0,col:0}),P=t.ref(16);let W=1;function G(){return W++}function ne(i){var a;const r=R.value;if(!r)return{x:0,y:0};const o=r.createSVGPoint();let u=i.clientX,v=i.clientY;i.touches&&i.touches.length&&(u=i.touches[0].clientX,v=i.touches[0].clientY),o.x=u,o.y=v;const f=(a=r.getScreenCTM())==null?void 0:a.inverse();return f?o.matrixTransform(f):{x:0,y:0}}function re(i){if(!w.value||m.value!=="text"||q.value)return;const{x:r,y:o}=ne(i);Y.value={x:r,y:o},X.value=[""],E.value={row:0,col:0};const u=document.createElementNS("http://www.w3.org/2000/svg","text");u.setAttribute("x",r),u.setAttribute("y",o),u.setAttribute("fill",D.value),u.setAttribute("font-size",P.value),u.setAttribute("font-family","sans-serif"),u.setAttribute("class","vue-data-ui-doodle"),u.setAttribute("dominant-baseline","hanging"),u.setAttribute("pointer-events","all");const v=document.createElementNS("http://www.w3.org/2000/svg","tspan");v.setAttribute("x",r),v.setAttribute("dy","0"),v.textContent="",u.appendChild(v),u.style.pointerEvents="none",u.style.userSelect="none",w.value.appendChild(u),h.value=u,q.value=!0,window.addEventListener("keydown",ue),window.addEventListener("mousedown",ie,!0),J(),se()}function ue(i){if(!q.value)return;let{row:r,col:o}=E.value,u=X.value.slice(),v=!1;if(i.key==="Enter"){const f=u[r],a=f.slice(0,o),T=f.slice(o);u.splice(r,1,a,T),r+=1,o=0,v=!0,i.preventDefault()}else if(i.key==="Backspace"){if(o>0)u[r]=u[r].slice(0,o-1)+u[r].slice(o),o-=1,v=!0;else if(r>0){const f=u[r-1].length;u[r-1]+=u[r],u.splice(r,1),r-=1,o=f,v=!0}i.preventDefault()}else if(i.key==="Delete")o<u[r].length?(u[r]=u[r].slice(0,o)+u[r].slice(o+1),v=!0):r<u.length-1&&(u[r]+=u[r+1],u.splice(r+1,1),v=!0),i.preventDefault();else if(i.key==="ArrowLeft")o>0?o-=1:r>0&&(r-=1,o=u[r].length),v=!0,i.preventDefault();else if(i.key==="ArrowRight")o<u[r].length?o+=1:r<u.length-1&&(r+=1,o=0),v=!0,i.preventDefault();else if(i.key==="ArrowUp")r>0&&(r-=1,o=Math.min(o,u[r].length),v=!0),i.preventDefault();else if(i.key==="ArrowDown")r<u.length-1&&(r+=1,o=Math.min(o,u[r].length),v=!0),i.preventDefault();else if(i.key.length===1&&!i.ctrlKey&&!i.metaKey&&!i.altKey)u[r]=u[r].slice(0,o)+i.key+u[r].slice(o),o+=1,v=!0,i.preventDefault();else if(i.key==="Escape"){ce(!0);return}else i.key==="Tab"&&i.preventDefault();v&&(X.value=u,E.value={row:r,col:o},J(),se())}function J(){const i=h.value,{x:r,y:o}=Y.value;for(;i.firstChild;)i.removeChild(i.firstChild);X.value.forEach((u,v)=>{const f=document.createElementNS("http://www.w3.org/2000/svg","tspan");f.setAttribute("x",r),f.setAttribute("dy",v===0?"0":`${P.value*1.2}`),f.textContent=u.length?u:"​",i.appendChild(f)})}function se(){const i=w.value.querySelector(".vue-data-ui-svg-caret");i&&w.value.removeChild(i);const r=h.value;if(!r)return;const{x:o,y:u}=Y.value,{row:v,col:f}=E.value,a=P.value,T=r.childNodes[v];if(!T)return;let B=T.textContent.slice(0,f);B.endsWith(" ")&&(B+=" ");const p=document.createElementNS("http://www.w3.org/2000/svg","text");p.setAttribute("x",o),p.setAttribute("y",u),p.setAttribute("font-size",a),p.setAttribute("font-family","sans-serif"),p.textContent=B||"",w.value.appendChild(p);const M=p.getBBox();w.value.removeChild(p);let $=u+v*a*1.2,g=o+M.width;const c=document.createElementNS("http://www.w3.org/2000/svg","rect");c.setAttribute("x",g),c.setAttribute("y",$),c.setAttribute("width",1),c.setAttribute("height",a),c.setAttribute("fill",D.value),c.setAttribute("class","vue-data-ui-svg-caret"),w.value.appendChild(c)}function ie(i){if(h.value&&!h.value.contains(i.target)){const r=h.value.children;r.length===1&&(r[0].textContent===""||r[0].textContent==="​")&&h.value.remove(),ce(!1)}}function ce(i=!1){var u;window.removeEventListener("keydown",ue),window.removeEventListener("mousedown",ie,!0);const r=(u=w.value)==null?void 0:u.querySelector(".vue-data-ui-svg-caret");r&&w.value.removeChild(r);const o=X.value.every(v=>!v||v==="​");i||o||L.value.push({id:G(),type:"text",x:Y.value.x,y:Y.value.y,color:D.value,fontSize:P.value,lines:X.value.map(v=>v)}),h.value&&w.value&&w.value.contains(h.value)&&w.value.removeChild(h.value),q.value=!1,h.value=null,X.value=[""],E.value={row:0,col:0}}const H=t.computed(()=>d.lightenHexColor(U.color,.6));function ee({width:i,height:r}){K.value=`0 0 ${i} ${r}`}const _=t.ref(null);t.onMounted(()=>{t.nextTick(()=>{if(U.parent){_.value=new ResizeObserver(o=>{for(const u of o){const{width:v,height:f}=u.contentRect;ee({width:v,height:f})}}),_.value.observe(U.parent);const{width:i,height:r}=U.parent.getBoundingClientRect();ee({width:i,height:r})}}),w.value=R.value.querySelector("g")}),t.onBeforeUnmount(()=>{_.value&&_.value.disconnect()}),t.watch(()=>U.parent,i=>{if(!i)return;const{width:r,height:o}=U.parent.getBoundingClientRect();ee({width:r,height:o})},{immediate:!0}),t.watch(m,i=>{var r,o;i==="text"?(r=R.value)==null||r.addEventListener("mousedown",re):(o=R.value)==null||o.removeEventListener("mousedown",re)});const Z=t.ref(!1),N=t.ref(""),R=t.ref(null);function me(i){if(m.value!=="draw"||!R.value)return;Z.value=!0;const{x:r,y:o}=F(i);N.value=`M ${r} ${o}`}function be(i){if(!Z.value||!R.value)return;const{x:r,y:o}=F(i);N.value+=` ${r} ${o}`}function l(i){const r=i.trim().split(/\s+/);if(r.length<4)return i;const o=r.slice(1).map(Number);if(o.length%2!==0)return i;const u=ve(o),v=[`M ${u[0]} ${u[1]}`];for(let T=2;T<u.length-2;T+=2){const B=u[T-2],p=u[T-1],M=u[T],$=u[T+1],g=(B+M)/2,c=(p+$)/2;v.push(`Q ${B} ${p} ${g} ${c}`)}const f=u[u.length-2],a=u[u.length-1];return v.push(`L ${f} ${a}`),v.join(" ")}function ve(i,r=1){const o=[...i];for(let u=2;u<i.length-2;u+=2){const v=i[u],f=i[u+1],a=i[u-2],T=i[u-1],B=i[u+2],p=i[u+3];o[u]=v+r*((a+B)/2-v),o[u+1]=f+r*((T+p)/2-f)}return o}function xe(i){const r=i.trim().split(/\s+/);let o="",u="",v=null,f=null;for(let a=0;a<r.length;a+=1){const T=r[a];if(isNaN(T)){if(u=T,u==="M"||u==="L")v=parseFloat(r[++a]),f=parseFloat(r[++a]),o+=`${u}${v} ${f}`;else if(u==="Q"){const B=parseFloat(r[++a]),p=parseFloat(r[++a]),M=parseFloat(r[++a]),$=parseFloat(r[++a]);B===v&&p===f?o+=`t${M-v} ${$-f}`:o+=`q${B-v} ${p-f} ${M-v} ${$-f}`,v=M,f=$}}else{const B=parseFloat(T),p=parseFloat(r[++a]);if(u==="L"){const M=B-v,$=p-f;M===0?o+=`v${$}`:$===0?o+=`h${M}`:o+=`l${M} ${$}`,v=B,f=p}else if(u==="Q"){const M=B,$=p,g=parseFloat(r[++a]),c=parseFloat(r[++a]);M===v&&$===f?o+=`t${g-v} ${c-f}`:o+=`q${M-v} ${$-f} ${g-v} ${c-f}`,v=g,f=c}}}return o}function ae(){Z.value&&(L.value.push({id:G(),strokeWidth:y.value,path:xe(l(N.value)),color:D.value}),V.value=[],N.value=""),Z.value=!1}function F(i){if(!R.value)return{x:0,y:0};const r=R.value.getBoundingClientRect();let o,u;return i.touches&&i.touches.length?(o=i.touches[0].clientX,u=i.touches[0].clientY):(o=i.clientX,u=i.clientY),{x:o-r.left,y:u-r.top}}function ke(){if(L.value.length>0){const i=L.value.pop();V.value.push(i)}}function Ce(){if(V.value.length>0){const i=V.value.pop();L.value.push(i)}}function Le(){L.value=[],V.value=[]}const de=t.ref(null);return(i,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[z.active?(t.openBlock(),t.createElementBlock("div",{key:0,"data-dom-to-png-ignore":"",class:t.normalizeClass({"vue-ui-pen-and-paper-actions":!0,visible:z.active}),style:t.normalizeStyle({backgroundColor:z.backgroundColor})},[t.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`}),onClick:r[0]||(r[0]=o=>Be("close"))},[t.createVNode(ge.default,{name:"close",stroke:z.color},null,8,["stroke"])],4),t.createElementVNode("button",kt,[t.createVNode(xt.ColorPicker,{value:D.value,"onUpdate:value":r[1]||(r[1]=o=>D.value=o),backgroundColor:z.backgroundColor,buttonBorderColor:H.value},null,8,["value","backgroundColor","buttonBorderColor"])]),t.createElementVNode("button",{class:t.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-active":m.value==="text"}]),onClick:r[2]||(r[2]=o=>m.value=m.value==="text"?"draw":"text"),style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`})},[t.createVNode(ge.default,{name:m.value==="draw"?"annotator":"text",stroke:z.color},null,8,["name","stroke"]),t.createElementVNode("div",{style:t.normalizeStyle({position:"absolute",bottom:"-20px",color:H.value,width:"100%",textAlign:"center",fontSize:"12px"})},t.toDisplayString(t.unref(d.dataLabel)({v:m.value==="draw"?y.value:P.value,s:"px",r:1})),5)],6),t.createElementVNode("button",{class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!L.value.length}),disabled:!L.value.length,style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`,marginTop:"20px"}),onClick:ke},[t.createVNode(ge.default,{name:"restart",stroke:z.color},null,8,["stroke"])],14,Ct),t.createElementVNode("button",{class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!V.value.length}),style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`}),onClick:Ce},[t.createVNode(ge.default,{name:"restart",stroke:z.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),t.createElementVNode("button",{class:t.normalizeClass([{"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!L.value.length},"vue-ui-pen-and-paper-action"]),style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`}),onClick:Le},[t.createVNode(ge.default,{name:"trash",stroke:z.color},null,8,["stroke"])],6),m.value==="draw"?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:0,ref_key:"range",ref:de,type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":r[3]||(r[3]=o=>y.value=o),style:t.normalizeStyle({accentColor:z.color})},null,4)),[[t.vModelText,y.value]]):t.createCommentVNode("",!0),m.value==="text"?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:1,ref_key:"range",ref:de,type:"range",class:"vertical-range",min:3,max:48,step:.1,"onUpdate:modelValue":r[4]||(r[4]=o=>P.value=o),style:t.normalizeStyle({accentColor:z.color})},null,4)),[[t.vModelText,P.value]]):t.createCommentVNode("",!0)],6)):t.createCommentVNode("",!0),(t.openBlock(),t.createElementBlock("svg",{"data-mode":m.value,ref_key:"svgElement",ref:R,xmlns:t.unref(d.XMLNS),viewBox:K.value,class:t.normalizeClass({"vue-ui-pen-and-paper":!0,inactive:!z.active}),onMousedown:me,onMousemove:be,onMouseup:ae,onMouseleave:ae,onTouchstart:t.withModifiers(me,["prevent"]),onTouchmove:t.withModifiers(be,["prevent"]),onTouchend:ae},[t.createElementVNode("g",{ref_key:"G",ref:w},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(L.value,o=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:o.id},[o.path&&o.path.replace("M","").split(" ").length===2?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:o.path.replace("M","").split(" ")[0],cy:o.path.replace("M","").split(" ")[1],r:o.strokeWidth/2,fill:o.color},null,8,wt)):o.path?(t.openBlock(),t.createElementBlock("path",{key:1,class:"vue-ui-pen-and-paper-path",d:o.path,stroke:o.color,"stroke-width":o.strokeWidth,fill:"none"},null,8,St)):o.type==="text"?(t.openBlock(),t.createElementBlock("text",{key:2,x:o.x,y:o.y,fill:o.color,"font-size":o.fontSize,"font-family":"sans-serif","dominant-baseline":"hanging",class:"vue-ui-pen-and-paper-text"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.lines,(u,v)=>(t.openBlock(),t.createElementBlock("tspan",{key:v,x:o.x,dy:v===0?"0":o.fontSize*1.2},t.toDisplayString(u.length?u:"​"),9,$t))),128))],8,zt)):t.createCommentVNode("",!0)],64))),128))],512),Z.value?(t.openBlock(),t.createElementBlock("path",{key:0,class:"vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",d:l(N.value),stroke:D.value,"stroke-width":y.value*1.1,fill:"none"},null,8,Tt)):t.createCommentVNode("",!0)],42,Lt))],64))}},Bt=We._export_sfc(Et,[["__scopeId","data-v-14478ba4"]]),Mt=["id"],Nt=["onClick"],Pt={key:2,class:"vue-data-ui-watermark"},It=["innerHTML"],At={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(z,{expose:Ee,emit:U}){const{vue_ui_xy_canvas:Be}=d.useConfig(),L=z,V=t.ref(d.createUid()),K=t.ref(null),D=t.ref(null),y=t.ref(null),m=t.ref(1),w=t.ref(1),q=t.ref(!1),h=t.ref(null),Y=t.ref(""),X=t.ref(null),E=t.ref([]),P=t.ref(1),W=t.ref(!0),G=t.ref(!0),ne=t.ref(null),re=t.ref(0),ue=t.ref(0),J=t.ref(!1),se=t.ref(null),ie=t.ref(null),ce=t.ref(null),H=t.ref(null),ee=t.ref(0),_=t.ref(0),Z=t.ref(0),N=t.ref(null),R=t.computed(()=>!!L.dataset&&L.dataset.length),me=U,be=t.useSlots();t.onMounted(()=>{be["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const l=t.computed({get:()=>ke(),set:e=>e}),{userOptionsVisible:ve,setUserOptionsVisibility:xe,keepUserOptionState:ae}=mt.useUserOptionState({config:l.value}),{svgRef:F}=bt.useChartAccessibility({config:l.value.style.chart.title});function ke(){const e=qe.useNestedProp({userConfig:L.config,defaultConfig:Be});let n={};return e.theme?n={...qe.useNestedProp({userConfig:d.themes.vue_ui_xy_canvas[e.theme]||L.config,defaultConfig:e}),customPalette:d.themePalettes[e.theme]||d.palette}:n=e,L.config&&d.hasDeepProperty(L.config,"style.chart.scale.min")?n.style.chart.scale.min=L.config.style.chart.scale.min:n.style.chart.scale.min=null,L.config&&d.hasDeepProperty(L.config,"style.chart.scale.max")?n.style.chart.scale.max=L.config.style.chart.scale.max:n.style.chart.scale.max=null,L.config&&d.hasDeepProperty(L.config,"style.chart.zoom.startIndex")?n.style.chart.zoom.startIndex=L.config.style.chart.zoom.startIndex:n.style.chart.zoom.startIndex=null,L.config&&d.hasDeepProperty(L.config,"style.chart.zoom.endIndex")?n.style.chart.zoom.endIndex=L.config.style.chart.zoom.endIndex:n.style.chart.zoom.endIndex=null,n}t.watch(()=>L.config,e=>{l.value=ke(),ve.value=!l.value.userOptions.showOnChartHover,Me(),ee.value+=1,_.value+=1,Z.value+=1,o.value.showTable=l.value.table.show,o.value.showDataLabels=l.value.style.chart.dataLabels.show,o.value.stacked=l.value.style.chart.stacked,o.value.showTooltip=l.value.style.chart.tooltip.show},{deep:!0}),t.watch(()=>L.dataset,()=>{Me(),ee.value+=1,_.value+=1,Z.value+=1},{deep:!0});const Ce=t.ref(l.value.style.chart.aspectRatio),{isPrinting:Le,isImaging:de,generatePdf:i,generateImage:r}=Ue.usePrinter({elementId:`xy_canvas_${V.value}`,fileName:l.value.style.chart.title.text||"vue-ui-xy-canvas",options:l.value.userOptions.print}),o=t.ref({showTable:l.value.table.show,showDataLabels:l.value.style.chart.dataLabels.show,stacked:l.value.style.chart.stacked,showTooltip:l.value.style.chart.tooltip.show});function u(e){J.value=e,ue.value+=1}const v=t.computed(()=>d.convertCustomPalette(l.value.customPalette)),f=t.computed(()=>$.value?Math.max(...$.value.filter((e,n)=>!E.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),a=t.computed(()=>{const e=m.value-m.value*(l.value.style.chart.paddingProportions.left+l.value.style.chart.paddingProportions.right);return{canvasWidth:m.value,canvasHeight:w.value,left:m.value*l.value.style.chart.paddingProportions.left,top:w.value*l.value.style.chart.paddingProportions.top,right:m.value-m.value*l.value.style.chart.paddingProportions.right,bottom:w.value-w.value*l.value.style.chart.paddingProportions.bottom,width:e,height:w.value-w.value*(l.value.style.chart.paddingProportions.top+l.value.style.chart.paddingProportions.bottom),slot:e/(c.value.end-c.value.start)}});function T(e,n){return e/n}function B({hasAutoScale:e,series:n,min:s,max:b,scale:C,yOffset:A,individualHeight:k,stackIndex:S=null}){return n.map((te,O)=>{const Q=C.min<0?Math.abs(C.min):0,le=T(te+Q,Q+C.max);let ye,pe;e&&(ye=C.min,pe=T(te-ye,C.max-ye));let j=0;return S===null?j=a.value.bottom-a.value.height*(e?pe:le):j=a.value.bottom-A-k*(e?pe:le),{x:a.value.left+a.value.slot*O+a.value.slot/2,y:j,value:te}})}const p=t.computed(()=>{const e=l.value.style.chart.scale.min!==null?l.value.style.chart.scale.min:Math.min(...$.value.filter((k,S)=>!E.value.includes(k.absoluteIndex)).flatMap(k=>k.series.slice(c.value.start,c.value.end))),n=l.value.style.chart.scale.max!==null?l.value.style.chart.scale.max:Math.max(...$.value.filter((k,S)=>!E.value.includes(k.absoluteIndex)).flatMap(k=>k.series.slice(c.value.start,c.value.end))),s=d.calculateNiceScale(e<0?e:0,n===e?e+1<0?0:e+1:n<0?0:n,l.value.style.chart.scale.ticks),b=s.min<0?Math.abs(s.min):0,C=a.value.bottom-a.value.height*(b/(s.max+b)),A=s.ticks.map(k=>({y:a.value.bottom-a.value.height*((k+b)/(s.max+b)),x:a.value.left-8,value:k}));return{absoluteMin:b,max:n,min:e,scale:s,yLabels:A,zero:C}}),M=t.computed(()=>g.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./index-DjDcQ8pe.cjs"),x=require("./useResponsive-DQmBAoBf.cjs"),vt=require("./Tooltip-DckFFIYj.cjs"),dt=require("./Legend-Bl_MrORk.cjs"),ht=require("./Title-BGh0hWb2.cjs"),ft=require("./Slicer-DVYmI2V1.cjs"),Ue=require("./usePrinter-vFXYgZiT.cjs"),yt=require("./vue-ui-accordion-DIMalTE4.cjs"),pt=require("./DataTable-Cz1SDtvT.cjs"),gt=require("./vue-ui-skeleton-BGykkjYQ.cjs"),qe=require("./useNestedProp-BS9eJthK.cjs"),mt=require("./useUserOptionState-BgepsfED.cjs"),bt=require("./useChartAccessibility-Cm7nkzTG.cjs"),ge=require("./BaseIcon-C6L3qbQ8.cjs"),xt=require("./ColorPicker-BmVm6Lqe.cjs"),We=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),kt={class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0}),style:{padding:"0 !important"}},Ct=["disabled"],Lt=["data-mode","xmlns","viewBox"],wt=["cx","cy","r","fill"],St=["d","stroke","stroke-width"],zt=["x","y","fill","font-size"],$t=["x","dy"],Tt=["d","stroke","stroke-width"],Et={__name:"NonSvgPenAndPaper",props:{parent:{type:HTMLElement},backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#2D353C"},active:{type:Boolean,default:!1}},emits:["close"],setup(z,{emit:Ee}){const U=z,Be=Ee,L=t.ref([]),V=t.ref([]),K=t.ref("0 0 0 0"),D=t.ref(U.color),y=t.ref(1),m=t.ref("draw"),w=t.ref(null),q=t.ref(!1),h=t.ref(null),Y=t.ref({x:0,y:0}),X=t.ref([""]),E=t.ref({row:0,col:0}),P=t.ref(16);let W=1;function G(){return W++}function ne(i){var a;const r=R.value;if(!r)return{x:0,y:0};const o=r.createSVGPoint();let u=i.clientX,v=i.clientY;i.touches&&i.touches.length&&(u=i.touches[0].clientX,v=i.touches[0].clientY),o.x=u,o.y=v;const f=(a=r.getScreenCTM())==null?void 0:a.inverse();return f?o.matrixTransform(f):{x:0,y:0}}function re(i){if(!w.value||m.value!=="text"||q.value)return;const{x:r,y:o}=ne(i);Y.value={x:r,y:o},X.value=[""],E.value={row:0,col:0};const u=document.createElementNS("http://www.w3.org/2000/svg","text");u.setAttribute("x",r),u.setAttribute("y",o),u.setAttribute("fill",D.value),u.setAttribute("font-size",P.value),u.setAttribute("font-family","sans-serif"),u.setAttribute("class","vue-data-ui-doodle"),u.setAttribute("dominant-baseline","hanging"),u.setAttribute("pointer-events","all");const v=document.createElementNS("http://www.w3.org/2000/svg","tspan");v.setAttribute("x",r),v.setAttribute("dy","0"),v.textContent="",u.appendChild(v),u.style.pointerEvents="none",u.style.userSelect="none",w.value.appendChild(u),h.value=u,q.value=!0,window.addEventListener("keydown",ue),window.addEventListener("mousedown",ie,!0),J(),se()}function ue(i){if(!q.value)return;let{row:r,col:o}=E.value,u=X.value.slice(),v=!1;if(i.key==="Enter"){const f=u[r],a=f.slice(0,o),T=f.slice(o);u.splice(r,1,a,T),r+=1,o=0,v=!0,i.preventDefault()}else if(i.key==="Backspace"){if(o>0)u[r]=u[r].slice(0,o-1)+u[r].slice(o),o-=1,v=!0;else if(r>0){const f=u[r-1].length;u[r-1]+=u[r],u.splice(r,1),r-=1,o=f,v=!0}i.preventDefault()}else if(i.key==="Delete")o<u[r].length?(u[r]=u[r].slice(0,o)+u[r].slice(o+1),v=!0):r<u.length-1&&(u[r]+=u[r+1],u.splice(r+1,1),v=!0),i.preventDefault();else if(i.key==="ArrowLeft")o>0?o-=1:r>0&&(r-=1,o=u[r].length),v=!0,i.preventDefault();else if(i.key==="ArrowRight")o<u[r].length?o+=1:r<u.length-1&&(r+=1,o=0),v=!0,i.preventDefault();else if(i.key==="ArrowUp")r>0&&(r-=1,o=Math.min(o,u[r].length),v=!0),i.preventDefault();else if(i.key==="ArrowDown")r<u.length-1&&(r+=1,o=Math.min(o,u[r].length),v=!0),i.preventDefault();else if(i.key.length===1&&!i.ctrlKey&&!i.metaKey&&!i.altKey)u[r]=u[r].slice(0,o)+i.key+u[r].slice(o),o+=1,v=!0,i.preventDefault();else if(i.key==="Escape"){ce(!0);return}else i.key==="Tab"&&i.preventDefault();v&&(X.value=u,E.value={row:r,col:o},J(),se())}function J(){const i=h.value,{x:r,y:o}=Y.value;for(;i.firstChild;)i.removeChild(i.firstChild);X.value.forEach((u,v)=>{const f=document.createElementNS("http://www.w3.org/2000/svg","tspan");f.setAttribute("x",r),f.setAttribute("dy",v===0?"0":`${P.value*1.2}`),f.textContent=u.length?u:"​",i.appendChild(f)})}function se(){const i=w.value.querySelector(".vue-data-ui-svg-caret");i&&w.value.removeChild(i);const r=h.value;if(!r)return;const{x:o,y:u}=Y.value,{row:v,col:f}=E.value,a=P.value,T=r.childNodes[v];if(!T)return;let B=T.textContent.slice(0,f);B.endsWith(" ")&&(B+=" ");const p=document.createElementNS("http://www.w3.org/2000/svg","text");p.setAttribute("x",o),p.setAttribute("y",u),p.setAttribute("font-size",a),p.setAttribute("font-family","sans-serif"),p.textContent=B||"",w.value.appendChild(p);const M=p.getBBox();w.value.removeChild(p);let $=u+v*a*1.2,g=o+M.width;const c=document.createElementNS("http://www.w3.org/2000/svg","rect");c.setAttribute("x",g),c.setAttribute("y",$),c.setAttribute("width",1),c.setAttribute("height",a),c.setAttribute("fill",D.value),c.setAttribute("class","vue-data-ui-svg-caret"),w.value.appendChild(c)}function ie(i){if(h.value&&!h.value.contains(i.target)){const r=h.value.children;r.length===1&&(r[0].textContent===""||r[0].textContent==="​")&&h.value.remove(),ce(!1)}}function ce(i=!1){var u;window.removeEventListener("keydown",ue),window.removeEventListener("mousedown",ie,!0);const r=(u=w.value)==null?void 0:u.querySelector(".vue-data-ui-svg-caret");r&&w.value.removeChild(r);const o=X.value.every(v=>!v||v==="​");i||o||L.value.push({id:G(),type:"text",x:Y.value.x,y:Y.value.y,color:D.value,fontSize:P.value,lines:X.value.map(v=>v)}),h.value&&w.value&&w.value.contains(h.value)&&w.value.removeChild(h.value),q.value=!1,h.value=null,X.value=[""],E.value={row:0,col:0}}const H=t.computed(()=>d.lightenHexColor(U.color,.6));function ee({width:i,height:r}){K.value=`0 0 ${i} ${r}`}const _=t.ref(null);t.onMounted(()=>{t.nextTick(()=>{if(U.parent){_.value=new ResizeObserver(o=>{for(const u of o){const{width:v,height:f}=u.contentRect;ee({width:v,height:f})}}),_.value.observe(U.parent);const{width:i,height:r}=U.parent.getBoundingClientRect();ee({width:i,height:r})}}),w.value=R.value.querySelector("g")}),t.onBeforeUnmount(()=>{_.value&&_.value.disconnect()}),t.watch(()=>U.parent,i=>{if(!i)return;const{width:r,height:o}=U.parent.getBoundingClientRect();ee({width:r,height:o})},{immediate:!0}),t.watch(m,i=>{var r,o;i==="text"?(r=R.value)==null||r.addEventListener("mousedown",re):(o=R.value)==null||o.removeEventListener("mousedown",re)});const Z=t.ref(!1),N=t.ref(""),R=t.ref(null);function me(i){if(m.value!=="draw"||!R.value)return;Z.value=!0;const{x:r,y:o}=F(i);N.value=`M ${r} ${o}`}function be(i){if(!Z.value||!R.value)return;const{x:r,y:o}=F(i);N.value+=` ${r} ${o}`}function l(i){const r=i.trim().split(/\s+/);if(r.length<4)return i;const o=r.slice(1).map(Number);if(o.length%2!==0)return i;const u=ve(o),v=[`M ${u[0]} ${u[1]}`];for(let T=2;T<u.length-2;T+=2){const B=u[T-2],p=u[T-1],M=u[T],$=u[T+1],g=(B+M)/2,c=(p+$)/2;v.push(`Q ${B} ${p} ${g} ${c}`)}const f=u[u.length-2],a=u[u.length-1];return v.push(`L ${f} ${a}`),v.join(" ")}function ve(i,r=1){const o=[...i];for(let u=2;u<i.length-2;u+=2){const v=i[u],f=i[u+1],a=i[u-2],T=i[u-1],B=i[u+2],p=i[u+3];o[u]=v+r*((a+B)/2-v),o[u+1]=f+r*((T+p)/2-f)}return o}function xe(i){const r=i.trim().split(/\s+/);let o="",u="",v=null,f=null;for(let a=0;a<r.length;a+=1){const T=r[a];if(isNaN(T)){if(u=T,u==="M"||u==="L")v=parseFloat(r[++a]),f=parseFloat(r[++a]),o+=`${u}${v} ${f}`;else if(u==="Q"){const B=parseFloat(r[++a]),p=parseFloat(r[++a]),M=parseFloat(r[++a]),$=parseFloat(r[++a]);B===v&&p===f?o+=`t${M-v} ${$-f}`:o+=`q${B-v} ${p-f} ${M-v} ${$-f}`,v=M,f=$}}else{const B=parseFloat(T),p=parseFloat(r[++a]);if(u==="L"){const M=B-v,$=p-f;M===0?o+=`v${$}`:$===0?o+=`h${M}`:o+=`l${M} ${$}`,v=B,f=p}else if(u==="Q"){const M=B,$=p,g=parseFloat(r[++a]),c=parseFloat(r[++a]);M===v&&$===f?o+=`t${g-v} ${c-f}`:o+=`q${M-v} ${$-f} ${g-v} ${c-f}`,v=g,f=c}}}return o}function ae(){Z.value&&(L.value.push({id:G(),strokeWidth:y.value,path:xe(l(N.value)),color:D.value}),V.value=[],N.value=""),Z.value=!1}function F(i){if(!R.value)return{x:0,y:0};const r=R.value.getBoundingClientRect();let o,u;return i.touches&&i.touches.length?(o=i.touches[0].clientX,u=i.touches[0].clientY):(o=i.clientX,u=i.clientY),{x:o-r.left,y:u-r.top}}function ke(){if(L.value.length>0){const i=L.value.pop();V.value.push(i)}}function Ce(){if(V.value.length>0){const i=V.value.pop();L.value.push(i)}}function Le(){L.value=[],V.value=[]}const de=t.ref(null);return(i,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[z.active?(t.openBlock(),t.createElementBlock("div",{key:0,"data-dom-to-png-ignore":"",class:t.normalizeClass({"vue-ui-pen-and-paper-actions":!0,visible:z.active}),style:t.normalizeStyle({backgroundColor:z.backgroundColor})},[t.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`}),onClick:r[0]||(r[0]=o=>Be("close"))},[t.createVNode(ge.default,{name:"close",stroke:z.color},null,8,["stroke"])],4),t.createElementVNode("button",kt,[t.createVNode(xt.ColorPicker,{value:D.value,"onUpdate:value":r[1]||(r[1]=o=>D.value=o),backgroundColor:z.backgroundColor,buttonBorderColor:H.value},null,8,["value","backgroundColor","buttonBorderColor"])]),t.createElementVNode("button",{class:t.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-active":m.value==="text"}]),onClick:r[2]||(r[2]=o=>m.value=m.value==="text"?"draw":"text"),style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`})},[t.createVNode(ge.default,{name:m.value==="draw"?"annotator":"text",stroke:z.color},null,8,["name","stroke"]),t.createElementVNode("div",{style:t.normalizeStyle({position:"absolute",bottom:"-20px",color:H.value,width:"100%",textAlign:"center",fontSize:"12px"})},t.toDisplayString(t.unref(d.dataLabel)({v:m.value==="draw"?y.value:P.value,s:"px",r:1})),5)],6),t.createElementVNode("button",{class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!L.value.length}),disabled:!L.value.length,style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`,marginTop:"20px"}),onClick:ke},[t.createVNode(ge.default,{name:"restart",stroke:z.color},null,8,["stroke"])],14,Ct),t.createElementVNode("button",{class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!V.value.length}),style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`}),onClick:Ce},[t.createVNode(ge.default,{name:"restart",stroke:z.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),t.createElementVNode("button",{class:t.normalizeClass([{"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!L.value.length},"vue-ui-pen-and-paper-action"]),style:t.normalizeStyle({backgroundColor:z.backgroundColor,border:`1px solid ${H.value}`}),onClick:Le},[t.createVNode(ge.default,{name:"trash",stroke:z.color},null,8,["stroke"])],6),m.value==="draw"?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:0,ref_key:"range",ref:de,type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":r[3]||(r[3]=o=>y.value=o),style:t.normalizeStyle({accentColor:z.color})},null,4)),[[t.vModelText,y.value]]):t.createCommentVNode("",!0),m.value==="text"?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:1,ref_key:"range",ref:de,type:"range",class:"vertical-range",min:3,max:48,step:.1,"onUpdate:modelValue":r[4]||(r[4]=o=>P.value=o),style:t.normalizeStyle({accentColor:z.color})},null,4)),[[t.vModelText,P.value]]):t.createCommentVNode("",!0)],6)):t.createCommentVNode("",!0),(t.openBlock(),t.createElementBlock("svg",{"data-mode":m.value,ref_key:"svgElement",ref:R,xmlns:t.unref(d.XMLNS),viewBox:K.value,class:t.normalizeClass({"vue-ui-pen-and-paper":!0,inactive:!z.active}),onMousedown:me,onMousemove:be,onMouseup:ae,onMouseleave:ae,onTouchstart:t.withModifiers(me,["prevent"]),onTouchmove:t.withModifiers(be,["prevent"]),onTouchend:ae},[t.createElementVNode("g",{ref_key:"G",ref:w},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(L.value,o=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:o.id},[o.path&&o.path.replace("M","").split(" ").length===2?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:o.path.replace("M","").split(" ")[0],cy:o.path.replace("M","").split(" ")[1],r:o.strokeWidth/2,fill:o.color},null,8,wt)):o.path?(t.openBlock(),t.createElementBlock("path",{key:1,class:"vue-ui-pen-and-paper-path",d:o.path,stroke:o.color,"stroke-width":o.strokeWidth,fill:"none"},null,8,St)):o.type==="text"?(t.openBlock(),t.createElementBlock("text",{key:2,x:o.x,y:o.y,fill:o.color,"font-size":o.fontSize,"font-family":"sans-serif","dominant-baseline":"hanging",class:"vue-ui-pen-and-paper-text"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.lines,(u,v)=>(t.openBlock(),t.createElementBlock("tspan",{key:v,x:o.x,dy:v===0?"0":o.fontSize*1.2},t.toDisplayString(u.length?u:"​"),9,$t))),128))],8,zt)):t.createCommentVNode("",!0)],64))),128))],512),Z.value?(t.openBlock(),t.createElementBlock("path",{key:0,class:"vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",d:l(N.value),stroke:D.value,"stroke-width":y.value*1.1,fill:"none"},null,8,Tt)):t.createCommentVNode("",!0)],42,Lt))],64))}},Bt=We._export_sfc(Et,[["__scopeId","data-v-14478ba4"]]),Mt=["id"],Nt=["onClick"],Pt={key:2,class:"vue-data-ui-watermark"},It=["innerHTML"],At={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(z,{expose:Ee,emit:U}){const{vue_ui_xy_canvas:Be}=d.useConfig(),L=z,V=t.ref(d.createUid()),K=t.ref(null),D=t.ref(null),y=t.ref(null),m=t.ref(1),w=t.ref(1),q=t.ref(!1),h=t.ref(null),Y=t.ref(""),X=t.ref(null),E=t.ref([]),P=t.ref(1),W=t.ref(!0),G=t.ref(!0),ne=t.ref(null),re=t.ref(0),ue=t.ref(0),J=t.ref(!1),se=t.ref(null),ie=t.ref(null),ce=t.ref(null),H=t.ref(null),ee=t.ref(0),_=t.ref(0),Z=t.ref(0),N=t.ref(null),R=t.computed(()=>!!L.dataset&&L.dataset.length),me=U,be=t.useSlots();t.onMounted(()=>{be["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const l=t.computed({get:()=>ke(),set:e=>e}),{userOptionsVisible:ve,setUserOptionsVisibility:xe,keepUserOptionState:ae}=mt.useUserOptionState({config:l.value}),{svgRef:F}=bt.useChartAccessibility({config:l.value.style.chart.title});function ke(){const e=qe.useNestedProp({userConfig:L.config,defaultConfig:Be});let n={};return e.theme?n={...qe.useNestedProp({userConfig:d.themes.vue_ui_xy_canvas[e.theme]||L.config,defaultConfig:e}),customPalette:d.themePalettes[e.theme]||d.palette}:n=e,L.config&&d.hasDeepProperty(L.config,"style.chart.scale.min")?n.style.chart.scale.min=L.config.style.chart.scale.min:n.style.chart.scale.min=null,L.config&&d.hasDeepProperty(L.config,"style.chart.scale.max")?n.style.chart.scale.max=L.config.style.chart.scale.max:n.style.chart.scale.max=null,L.config&&d.hasDeepProperty(L.config,"style.chart.zoom.startIndex")?n.style.chart.zoom.startIndex=L.config.style.chart.zoom.startIndex:n.style.chart.zoom.startIndex=null,L.config&&d.hasDeepProperty(L.config,"style.chart.zoom.endIndex")?n.style.chart.zoom.endIndex=L.config.style.chart.zoom.endIndex:n.style.chart.zoom.endIndex=null,n}t.watch(()=>L.config,e=>{l.value=ke(),ve.value=!l.value.userOptions.showOnChartHover,Me(),ee.value+=1,_.value+=1,Z.value+=1,o.value.showTable=l.value.table.show,o.value.showDataLabels=l.value.style.chart.dataLabels.show,o.value.stacked=l.value.style.chart.stacked,o.value.showTooltip=l.value.style.chart.tooltip.show},{deep:!0}),t.watch(()=>L.dataset,()=>{Me(),ee.value+=1,_.value+=1,Z.value+=1},{deep:!0});const Ce=t.ref(l.value.style.chart.aspectRatio),{isPrinting:Le,isImaging:de,generatePdf:i,generateImage:r}=Ue.usePrinter({elementId:`xy_canvas_${V.value}`,fileName:l.value.style.chart.title.text||"vue-ui-xy-canvas",options:l.value.userOptions.print}),o=t.ref({showTable:l.value.table.show,showDataLabels:l.value.style.chart.dataLabels.show,stacked:l.value.style.chart.stacked,showTooltip:l.value.style.chart.tooltip.show});function u(e){J.value=e,ue.value+=1}const v=t.computed(()=>d.convertCustomPalette(l.value.customPalette)),f=t.computed(()=>$.value?Math.max(...$.value.filter((e,n)=>!E.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),a=t.computed(()=>{const e=m.value-m.value*(l.value.style.chart.paddingProportions.left+l.value.style.chart.paddingProportions.right);return{canvasWidth:m.value,canvasHeight:w.value,left:m.value*l.value.style.chart.paddingProportions.left,top:w.value*l.value.style.chart.paddingProportions.top,right:m.value-m.value*l.value.style.chart.paddingProportions.right,bottom:w.value-w.value*l.value.style.chart.paddingProportions.bottom,width:e,height:w.value-w.value*(l.value.style.chart.paddingProportions.top+l.value.style.chart.paddingProportions.bottom),slot:e/(c.value.end-c.value.start)}});function T(e,n){return e/n}function B({hasAutoScale:e,series:n,min:s,max:b,scale:C,yOffset:A,individualHeight:k,stackIndex:S=null}){return n.map((te,O)=>{const Q=C.min<0?Math.abs(C.min):0,le=T(te+Q,Q+C.max);let ye,pe;e&&(ye=C.min,pe=T(te-ye,C.max-ye));let j=0;return S===null?j=a.value.bottom-a.value.height*(e?pe:le):j=a.value.bottom-A-k*(e?pe:le),{x:a.value.left+a.value.slot*O+a.value.slot/2,y:j,value:te}})}const p=t.computed(()=>{const e=l.value.style.chart.scale.min!==null?l.value.style.chart.scale.min:Math.min(...$.value.filter((k,S)=>!E.value.includes(k.absoluteIndex)).flatMap(k=>k.series.slice(c.value.start,c.value.end))),n=l.value.style.chart.scale.max!==null?l.value.style.chart.scale.max:Math.max(...$.value.filter((k,S)=>!E.value.includes(k.absoluteIndex)).flatMap(k=>k.series.slice(c.value.start,c.value.end))),s=d.calculateNiceScale(e<0?e:0,n===e?e+1<0?0:e+1:n<0?0:n,l.value.style.chart.scale.ticks),b=s.min<0?Math.abs(s.min):0,C=a.value.bottom-a.value.height*(b/(s.max+b)),A=s.ticks.map(k=>({y:a.value.bottom-a.value.height*((k+b)/(s.max+b)),x:a.value.left-8,value:k}));return{absoluteMin:b,max:n,min:e,scale:s,yLabels:A,zero:C}}),M=t.computed(()=>g.value.map(e=>`
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.9.1",
+  "version": "2.9.2",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/vue-ui-table-DD-ys5Yf.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index-DcZ9kvVv.cjs"),e=require("vue"),p=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),b={name:"vue-ui-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},data(){return{uid:`vue-ui-table-${Math.random()}`,bodyCopy:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),buttonTimeout:null,canMoveChart:!1,chart:{height:316,type:"bar",width:512},constants:{ASC:1,BAR:"bar",DATE:"date",DESC:-1,DONUT:"donut",LINE:"line",NUMERIC:"numeric",PERCENTAGE:"percentage",TEXT:"text"},clientX:100,clientY:100,cssClass:{CELL:"smart-td-selected",FIRST_TD:"smart-td-selected-first",LAST_TD:"smart-td-selected-last",ROW:"smart-td-selected-neighbor"},currentDonut:void 0,currentFilter:void 0,currentSearch:void 0,currentSelectionSpan:{col:void 0,rows:[]},currentPage:0,dates:{},filteredDatesIndexes:{},hasNaN:{},iconColor:"#2D353C",iconSize:20,immutableRangeFilters:{},isExportRequest:!1,isLoading:!1,itemsPerPage:this.config.rowsPerPage?this.config.rowsPerPage:25,multiselects:{},paginatorOptions:[...new Set([10,25,50,100,250,500,this.config.rowsPerPage?this.config.rowsPerPage:25,this.dataset.body.length])].sort((l,o)=>l-o),palette:m.palette,percentages:{},rafId:null,rangeFilters:{},searches:{},selectedColumn:void 0,selectedDonutCategory:void 0,selectedPlot:void 0,showChart:!1,showDonutOptions:!1,sorts:{},tableBody:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),tableHead:JSON.parse(JSON.stringify(this.dataset.header)).map(l=>({average:Object.hasOwn(l,"average")?l.average:!1,decimals:Object.hasOwn(l,"decimals")?l.decimals:0,isMultiselect:Object.hasOwn(l,"isMultiselect")?l.isMultiselect:!1,isPercentage:Object.hasOwn(l,"isPercentage")?l.isPercentage:!1,isSearch:Object.hasOwn(l,"isSearch")?l.isSearch:!1,isSort:Object.hasOwn(l,"isSort")?l.isSort:!1,name:l.name,percentageTo:Object.hasOwn(l,"percentageTo")?l.percentageTo:void 0,prefix:Object.hasOwn(l,"prefix")?l.prefix:"",rangeFilter:Object.hasOwn(l,"rangeFilter")?l.rangeFilter:!1,suffix:Object.hasOwn(l,"suffix")?l.suffix:"",sum:Object.hasOwn(l,"sum")?l.sum:!1,type:l.type}))}},mounted(){if(this.dataset.header.length===0)throw new Error(`vue-ui-table error: missing header data.
-Provide an array of objects of type:
-{
- name: string;
- type: string; ('text' | 'numeric' | 'date')
- average: boolean;
- decimals: number | undefined;
- sum: boolean;
- isSort:boolean;
- isSearch: boolean;
- isMultiselect: boolean;
- isPercentage: boolean;
- percentageTo: string; (or '')
-}`);if(this.dataset.body.length===0)throw new Error("vue-ui-table error: missing body data");this.isLoading=!0,this.promiseWithAsyncFunction(this.prepareBodyCopy,()=>{this.$forceUpdate(),this.isLoading=!1}),document.addEventListener("keydown",n=>{const l=document.activeElement;(l&&Array.from(l.classList).includes("td-focusable")&&n.key.includes("Arrow")||n.code==="Space")&&n.preventDefault()})},watch:{showChart:function(n){n&&this.$nextTick(()=>{this.closeDragElement();const l=this.$refs.chartModal;l.onmousedown=this.dragMouseDown})}},computed:{availableDonutCategories(){return Object.keys(this.multiselects).map(n=>({index:n,name:this.dataset.header[n].name,options:this.multiselects[n]}))},canChart(){return this.FINAL_CONFIG.useChart&&this.currentSelectionSpan.rows.length>1},chartData(){if(!this.canChart)return[];const n=316,l=512,o=this.currentSelectionSpan.rows.length,c=l/o,r=Math.max(...this.currentSelectionSpan.rows.map(h=>h.value)),t=Math.min(...this.currentSelectionSpan.rows.map(h=>h.value)),s=t>=0?0:Math.abs(t),a=r+s,i=r<0&&t<0,u=this.dataset.header[this.currentSelectionSpan.col].isPercentage,d=this.currentSelectionSpan.rows.map((h,N)=>({x:c*N+c/2,y:(1-(h.value+s)/a)*n,value:u?h.value*100:h.value,suffix:u?"%":this.dataset.header[this.currentSelectionSpan.col].suffix?this.dataset.header[this.currentSelectionSpan.col].suffix:"",prefix:this.dataset.header[this.currentSelectionSpan.col].prefix?this.dataset.header[this.currentSelectionSpan.col].prefix:"",index:h.index,absoluteValue:u?Math.abs(h.value)*100:Math.abs(h.value)})),y=n-n*(s/a);return{isAllNegative:i,zero:y,plots:d,slot:c,progression:d.length>=2?this.calcLinearProgression(d):!1}},donutHollowLabels(){return{total:Number((this.currentDonut.map(n=>n.absoluteValue).reduce((n,l)=>n+l,0)*(this.dataset.header[this.currentSelectionSpan.col].isPercentage?100:1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),average:Number((this.currentDonut.map(n=>n.absoluteValue).reduce((n,l)=>n+l,0)/this.currentSelectionSpan.rows.length*(this.dataset.header[this.currentSelectionSpan.col].isPercentage?100:1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()}},hasNumericTypes(){return this.dataset.header.map(n=>n.type).includes(this.constants.NUMERIC)},icons(){return{arrowSort:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,bar:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,chart:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,chevronDown:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>`,chevronLeft:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*1.6}" height="${this.iconSize*1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,chevronRight:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*1.6}" height="${this.iconSize*1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,donut:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*.8}" height="${this.iconSize*.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`,export:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16l3 3l-3 3" /></svg>`,fileDownload:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>`,filter:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" /></svg>`,move:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>`,sort09:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 3a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 16m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 16v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,sort90:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 14a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 5v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,sortAZ:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 21h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,sortZA:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,sum:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,table:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,warning:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*.8}" height="${this.iconSize*.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`}},pages(){const n=[];if(this.bodyCopy.length)for(let l=0;l<this.bodyCopy.length;l+=this.itemsPerPage)n.push(this.bodyCopy.slice(l,l+this.itemsPerPage));return n},rows(){return this.bodyCopy.map(n=>n.td)},selectedCellsCalculations(){return{sumPercentage:Number((this.currentSelectionSpan.rows.map(n=>n.value).reduce((n,l)=>n+l,0)*100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),sumRegular:Number(this.currentSelectionSpan.rows.map(n=>n.value).reduce((n,l)=>n+l,0).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),averagePercentage:Number((this.currentSelectionSpan.rows.map(n=>n.value).reduce((n,l)=>n+l,0)/this.currentSelectionSpan.rows.length*100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),averageRegular:Number((this.currentSelectionSpan.rows.map(n=>n.value).reduce((n,l)=>n+l,0)/this.currentSelectionSpan.rows.length).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()}},FINAL_CONFIG(){const{vue_ui_table:n}=m.useConfig();if(!Object.keys(this.config||{}).length)return n;const l=this.treeShake({defaultConfig:n,userConfig:this.config});return this.convertConfigColors(l)},visibleRows(){return this.pages[this.currentPage]}},methods:{treeShake:m.treeShake,makeDonut:m.makeDonut,convertColorToHex:m.convertColorToHex,convertConfigColors:m.convertConfigColors,createCsvContent:m.createCsvContent,downloadCsv:m.downloadCsv,applyDonutOption(){const n=this.selectedDonutCategory.options.map((l,o)=>({name:l,color:this.palette[o]||this.palette[o%this.palette.length],value:this.visibleRows.filter((c,r)=>c.td[this.selectedDonutCategory.index]===l&&this.currentSelectionSpan.rows.map(t=>t.index).includes(r)).map(c=>c.td[this.currentSelectionSpan.col]).reduce((c,r)=>Math.abs(c)+Math.abs(r),0),absoluteValue:this.visibleRows.filter((c,r)=>c.td[this.selectedDonutCategory.index]===l&&this.currentSelectionSpan.rows.map(t=>t.index).includes(r)).map(c=>c.td[this.currentSelectionSpan.col]).reduce((c,r)=>c+r,0)})).sort((l,o)=>o.value-l.value);this.currentDonut=this.makeDonut({series:n},50,50,30,30),this.$nextTick(()=>{this.chart.type=this.constants.DONUT,this.showDonutOptions=!1})},calcRectY(n,l){return n>=0?l:this.chartData.zero},canResetColumn(n,l){return!this.hasNaN[n]&&(l.isSort||l.isSearch||l.isMultiselect||l.rangeFilter)&&![this.constants.DATE].includes(l.type)},createXls(n="all"){const l=this.dataset.header.map(t=>t.name),o=n==="all"?this.bodyCopy.map(t=>t.td):this.visibleRows.map(t=>t.td),c=[l].concat(o),r=this.createCsvContent(c);this.downloadCsv({csvContent:r,title:"vue-ui-table"})},calcLinearProgression:m.calcLinearProgression,closeAllDropdowns(){const n=document.getElementsByClassName("th-dropdown");n.length&&Array.from(n).forEach(l=>{l.dataset.isOpen=!1})},debounce(n,l){let o;clearTimeout(o),o=setTimeout(n,l)},filterBody(){this.bodyCopy=this.tableBody.filter(n=>{for(const l in this.searches)if(!n.td[l].toUpperCase().includes(this.searches[l].toUpperCase()))return!1;for(const l in this.multiselects)if(!this.multiselects[l].some(c=>c===n.td[l]))return!1;for(const l in this.dates){const o=new Date(n.td[l]),c=new Date(this.dates[l].from),r=new Date(this.dates[l].to);if(o<c||o>r)return!1}return!0}),this.sortBody()},getAverage(n){return this.rows.map(l=>l[n]).map(l=>isNaN(Number(l))?0:l).reduce((l,o)=>l+o,0)/this.bodyCopy.length},getDatesRange(n){const l=this.dataset.body.map(h=>new Date(h.td[n])),o=new Date(Math.min(...l)),c=new Date(Math.max(...l)),r=o.getFullYear(),t=c.getFullYear(),s=String(o.getMonth()+1).padStart(2,"0"),a=String(c.getMonth()+1).padStart(2,"0"),i=String(o.getDate()).padStart(2,"0"),u=String(c.getDate()).padStart(2,"0"),d=`${r}-${s}-${i}`,y=`${t}-${a}-${u}`;return{from:d,to:y}},getDonutLegendValue(n){return Number((n*(this.dataset.header[this.currentSelectionSpan.col].isPercentage?100:1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()},getDropdownOptions(n){return[...new Set(this.dataset.body.map(l=>l.td[n]))]},getSum(n){return this.rows.map(l=>l[n]).map(l=>isNaN(Number(l))?0:l).reduce((l,o)=>l+o,0)},includesNaN(n){return n.includes(NaN)},isDropdownOptionSelected(n,l){return this.multiselects[l]?this.multiselects[l].includes(n):!0},isNumeric(n){return!isNaN(Number(String(n).replaceAll("%","")))},isResetDisabled(n,l){const o=l.isSort,c=l.isSearch,r=l.isMultiselect&&this.multiselects[n],t=l.rangeFilter,s=a=>{if(t&&this.rangeFilters[a])return Math.round(this.rangeFilters[a].min)===this.immutableRangeFilters[a].min&&Math.round(this.rangeFilters[a].max)===this.immutableRangeFilters[a].max};if(o&&c&&r&&t)return["",void 0].includes(this.searches[n])&&[void 0].includes(this.sorts[n])&&this.multiselects[n].length===this.getDropdownOptions(n).length&&s(n);if(o&&c&&r)return["",void 0].includes(this.searches[n])&&[void 0].includes(this.sorts[n])&&this.multiselects[n].length===this.getDropdownOptions(n).length;if(o&&c&&t)return["",void 0].includes(this.searches[n])&&[void 0].includes(this.sorts[n])&&s(n);if(o&&c)return["",void 0].includes(this.searches[n])&&[void 0].includes(this.sorts[n]);if(o&&r&&t)return[void 0].includes(this.sorts[n])&&this.multiselects[n].length===this.getDropdownOptions(n).length&&s(n);if(o&&r)return[void 0].includes(this.sorts[n])&&this.multiselects[n].length===this.getDropdownOptions(n).length;if(c&&r&&t)return["",void 0].includes(this.searches[n])&&this.multiselects[n].length===this.getDropdownOptions(n).length&&s(n);if(c&&r)return["",void 0].includes(this.searches[n])&&this.multiselects[n].length===this.getDropdownOptions(n).length;if(c&&t)return["",void 0].includes(this.searches[n])&&s(n);if(c)return["",void 0].includes(this.searches[n]);if(o&&t)return[void 0].includes(this.sorts[n])&&s(n);if(o)return[void 0].includes(this.sorts[n]);if(r&&t)return this.multiselects[n].length===this.getDropdownOptions(n).length&&s(n);if(r)return this.multiselects[n].length===this.getDropdownOptions(n).length},navigate(n){this.resetSelection(),n==="next"&&this.currentPage<this.pages.length?this.currentPage+=1:n==="previous"&&this.currentPage>=1?this.currentPage-=1:this.currentPage=n-1,this.$refs.tableWrapper.scrollTo({top:0,left:0,behavior:"smooth"})},navigateCell(n){n.preventDefault();const l=n.keyCode,o=38,c=40,r=37,t=39;if(![o,c,r,t].includes(l))return;const s=n.target.id,a=/cell_(\d+)_(\d+)_vue-ui-table-(\d+)/,i=s.match(a),u=parseInt(i[1]),d=parseInt(i[2]),y=document.getElementById(`cell_${u}_${d+1}_${this.uid}`),h=document.getElementById(`cell_${u}_${d-1}_${this.uid}`),N=document.getElementById(`cell_${u+1}_${d}_${this.uid}`),k=document.getElementById(`cell_${u-1}_${d}_${this.uid}`);let g;switch(!0){case l===t:g=y;break;case l===r:g=h;break;case l===o:g=k;break;case l===c:g=N;break;default:return}g&&(g.focus(),g.scrollIntoView({behavior:"smooth",block:"center"}))},openDonutOptions(){this.selectedDonutCategory=this.availableDonutCategories[0],this.showDonutOptions=!0},placeLabelOnTopOrBottom({previousPlot:n,currentPlot:l,nextPlot:o}){const c=l.y-38,r=l.y+16;return n&&o?n.value<l.value&&o.value<l.value?c:n.value>l.value&&o.value>l.value?r:(n.value>l.value&&o.value<l.value||n.value<l.value&&o.value>l.value,c):n&&!o?n.value>l.value?r:c:!n&&o&&o.value>l.value?r:c},async prepareBodyCopy(){return new Promise(n=>{const l=[];this.tableHead.forEach((o,c)=>{if(o.isSearch&&Object.assign(this.searches,{[c]:""}),o.isMultiselect&&Object.assign(this.multiselects,{[c]:this.getDropdownOptions(c)}),o.type===this.constants.DATE&&(Object.assign(this.dates,{[c]:this.getDatesRange(c)}),Object.assign(this.filteredDatesIndexes,{[c]:!1})),(o.isPercentage||o.percentageTo)&&Object.assign(this.percentages,{[c]:{reference:o.percentageTo,referenceIndex:this.dataset.header.map(r=>r.name).indexOf(o.percentageTo)}}),o.rangeFilter&&(Object.assign(this.rangeFilters,{[c]:{min:Math.round(Math.min(...this.dataset.body.map(r=>r.td).map(r=>r[c]))),max:Math.round(Math.max(...this.dataset.body.map(r=>r.td).map(r=>r[c])))}}),Object.assign(this.immutableRangeFilters,{[c]:{min:Math.round(Math.min(...this.dataset.body.map(r=>r.td).map(r=>r[c]))),max:Math.round(Math.max(...this.dataset.body.map(r=>r.td).map(r=>r[c])))}})),o.isPercentage){const r=this.dataset.header.map(s=>s.name).indexOf(o.percentageTo),t=this.dataset.body.map(s=>s.td[r]).reduce((s,a)=>s+a,0);l.push([c,r,t])}o.type===this.constants.NUMERIC&&!o.isPercentage&&Object.assign(this.hasNaN,{[c]:this.includesNaN(this.dataset.body.map(r=>Number(r.td[c])))})}),this.bodyCopy.forEach((o,c)=>{l.map(r=>{const[t,s,a]=r;o.td[t]=o.td[s]/a}),o.td.forEach((r,t)=>{this.dataset.header[t].type===this.constants.TEXT&&this.dataset.header[t].isSearch&&(o[t]=this.stringToNumber(r)),this.dataset.header[t].type===this.constants.DATE&&(o[t]=new Date(r).getTime()),this.dataset.header[t].type===this.constants.NUMERIC&&(o[t]=isNaN(Number(r))?t:r),this.tableBody[c][t]=o[t]})}),n(!0)})},promiseWithAsyncFunction(n,l){return new Promise((o,c)=>{n().then(r=>{try{const t=l(r);o(t)}catch(t){c(t)}}).catch(r=>{c(r)})})},resetDates(n){this.dates[n]={from:this.getDatesRange(n).from,to:this.getDatesRange(n).to},this.filteredDatesIndexes[n]=!1,this.$forceUpdate(),this.filterBody()},resetFilter(n,l,o){const c=o.currentTarget;clearTimeout(this.buttonTimeout),c.classList.add("clicked"),this.buttonTimeout=setTimeout(()=>{c.classList.remove("clicked")},200),this.currentFilter=void 0,l.rangeFilter&&(this.rangeFilters[n].min=this.immutableRangeFilters[n].min,this.rangeFilters[n].max=this.immutableRangeFilters[n].max),l.isMultiselect?(this.multiselects[n]=this.getDropdownOptions(n),l.type===this.constants.TEXT&&(this.sorts[n]=void 0),l.isSearch&&(this.searches[n]="")):l.type===this.constants.NUMERIC?this.sorts[n]=void 0:l.type===this.constants.TEXT?(this.sorts[n]=void 0,this.searches[n]=""):l.type===this.constants.DATE&&(this.sorts[n]=void 0),this.filterBody()},resetSelection(){const n=document.getElementsByClassName(`tr_${this.uid}`);Array.from(n).forEach(l=>{Array.from(l.getElementsByTagName("td")).forEach(o=>{o.dataset.row==="even"?(o.style.background=this.FINAL_CONFIG.style.rows.even.backgroundColor,o.style.color=this.FINAL_CONFIG.style.rows.even.color):(o.style.background=this.FINAL_CONFIG.style.rows.odd.backgroundColor,o.style.color=this.FINAL_CONFIG.style.rows.odd.color)})}),Array.from(n).forEach(l=>l.dataset.selected="false"),this.currentPage>this.pages.length-1&&(this.currentPage=this.pages.length-1),this.showChart=!1,this.currentDonut=void 0,this.selectedColumn=void 0,this.chart.type=this.constants.BAR,this.currentSelectionSpan={col:void 0,rows:[]},this.clientX=100,this.clientY=100},selectColumn(n){this.currentSelectionSpan.col!==n?(this.visibleRows.forEach((l,o)=>{this.selectTd({td:l.td[n],rowIndex:o,colIndex:n,headerType:this.constants.NUMERIC,event:{currentTarget:document.getElementById(`cell_${o}_${n}_${this.uid}`)}})}),this.selectedColumn=n):(this.selectedColumn=void 0,this.resetSelection())},selectDropdownOption(n,l){this.multiselects[l].includes(n)?this.multiselects[l]=this.multiselects[l].filter(o=>o!==n):this.multiselects[l].push(n),this.$forceUpdate(),this.filterBody()},selectTd({td:n,rowIndex:l,colIndex:o,headerType:c,event:r}){if(c!==this.constants.NUMERIC||isNaN(Number(n))){this.resetSelection();return}this.currentSelectionSpan.col!==o&&this.resetSelection();const t=r.currentTarget.parentNode;this.currentSelectionSpan.col=o,this.currentSelectionSpan.rows.map(s=>s.index).includes(l)?(t.dataset.selected="false",this.currentSelectionSpan.rows=this.currentSelectionSpan.rows.filter(s=>s.index!==l),r.currentTarget.classList.remove(this.cssClass.CELL),Array.from(t.children).forEach((s,a)=>{s.dataset.row==="even"?(s.style.background=this.FINAL_CONFIG.style.rows.even.backgroundColor,s.style.color=this.FINAL_CONFIG.style.rows.even.olor):(s.style.background=this.FINAL_CONFIG.style.rows.odd.backgroundColor,s.style.color=this.FINAL_CONFIG.style.rows.odd.color)}),r.currentTarget.dataset.row==="even"?(r.currentTarget.style.background=this.FINAL_CONFIG.style.rows.even.backgroundColor,r.currentTarget.style.color=this.FINAL_CONFIG.style.rows.even.color):(r.currentTarget.style.background=this.FINAL_CONFIG.style.rows.odd.backgroundColor,r.currentTarget.style.color=this.FINAL_CONFIG.style.rows.odd.color)):(t.dataset.selected="true",this.currentSelectionSpan.rows.push({index:l,value:n}),Array.from(t.children).forEach((s,a)=>{s.dataset.row==="even"?(s.style.background=this.FINAL_CONFIG.style.rows.even.selectedNeighbors.backgroundColor,s.style.color=this.FINAL_CONFIG.style.rows.even.selectedNeighbors.color):(s.style.background=this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.backgroundColor,s.style.color=this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.color)}),r.currentTarget.dataset.row==="odd"?(r.currentTarget.style.background=this.FINAL_CONFIG.style.rows.odd.selectedCell.backgroundColor,r.currentTarget.style.color=this.FINAL_CONFIG.style.rows.odd.selectedCell.color):(r.currentTarget.style.background=this.FINAL_CONFIG.style.rows.even.selectedCell.backgroundColor,r.currentTarget.style.color=this.FINAL_CONFIG.style.rows.even.selectedCell.color)),this.currentSelectionSpan.rows=this.currentSelectionSpan.rows.sort((s,a)=>s.index-a.index),this.chart.type===this.constants.DONUT&&this.currentSelectionSpan.rows.length>0&&this.applyDonutOption()},setFilterDatesIndexes(n){this.filteredDatesIndexes[n]=!(this.getDatesRange(n).from===this.dates[n].from&&this.getDatesRange(n).to===this.dates[n].to)},sortBody(){this.resetSelection(),Object.keys(this.rangeFilters).forEach(n=>{this.filterByRange(this.bodyCopy,n)}),Object.keys(this.sorts).forEach(n=>{this.sortByNumber(this.bodyCopy,n)}),this.currentFilter!==void 0&&this.sortByNumber(this.bodyCopy,this.currentFilter),this.dataset.header.forEach((n,l)=>{if(n.isPercentage){const o=this.percentages[l].referenceIndex,c=this.bodyCopy.map(r=>r.td[o]).reduce((r,t)=>r+t,0);this.bodyCopy.forEach(r=>{r.td[l]=r.td[o]/c})}}),this.currentPage>this.pages.length-1&&(this.currentPage=this.pages.length-1),[-1].includes(this.currentPage)&&(this.currentPage=0),this.$forceUpdate()},filterByRange(n,l){this.bodyCopy=n.filter(o=>o.td[l]>=this.rangeFilters[l].min&&o[l]<=this.rangeFilters[l].max)},sortByNumber(n,l){if(this.sorts[l]===this.constants.ASC&&(n=n.sort((o,c)=>o[l]-c[l])),this.sorts[l]===this.constants.DESC)n=n.sort((o,c)=>c[l]-o[l]);else return 0},sortTh(n,l){this.currentFilter=n;const o=l.currentTarget;clearTimeout(this.buttonTimeout),o.classList.add("clicked"),this.buttonTimeout=setTimeout(()=>{o.classList.remove("clicked")},200),this.sorts[n]===1?this.sorts[n]=this.constants.DESC:this.sorts[n]=this.constants.ASC,this.sortBody()},stringToNumber(n){let l=0;for(let o=0;o<n.length;o+=1)l+=n.charCodeAt(o);return l},toggleMultiselect(n,l,o){const c=o.currentTarget;clearTimeout(this.buttonTimeout),c.classList.add("clicked"),this.buttonTimeout=setTimeout(()=>{c.classList.remove("clicked")},200);const r=document.getElementById(`th_dropdown_${n}`);r.dataset.isOpen==="false"?r.dataset.isOpen="true":r.dataset.isOpen="false"},updateCurrentPage(n){this.resetSelection(),this.currentPage=Number(n.target.value)},calcDonutMarkerConnectorColor(n){return n.proportion*100>3?n.color:"transparent"},calcDonutMarkerLabelPositionX(n){return n.center.endX+this.calcMarkerOffset(n,50)},calcMarkerOffset(n,l){return n.center.endX-l>=0?3:-2},displayArcPercentage(n,l){return isNaN(n.value/this.sumValues(l))?0:(n.value/this.sumValues(l)*100).toFixed(0)+"%"},isArcBigEnough(n){return n.proportion*100>3},sumValues(n){return[...n].map(l=>l.value).reduce((l,o)=>l+o,0)},closeDragElement(){document.onmouseup=null,document.onmousemove=null},dragMouseDown(n){n=n||window.event,n.preventDefault(),document.onmouseup=this.closeDragElement,document.onmousemove=this.elementDrag},elementDrag(n){this.rafId||(this.rafId=window.requestAnimationFrame(()=>this.onElementDrag(n)))},onElementDrag(n){n=n||window.event,n.preventDefault();const o=this.$refs.chartModal.getBoundingClientRect();this.clientX=n.clientX-o.width/2,this.clientY=n.clientY-o.height/2,this.rafId=null}}},C={class:"vue-ui-table-export-hub"},f=["innerHTML"],F=["data-is-open"],I={class:"vue-ui-table-export-hub-options"},S={class:"vue-ui-table-export-hub-option-wrapper"},_={class:"label"},v=["innerHTML"],w={class:"vue-ui-table-export-hub-option-wrapper"},D={class:"label"},L=["innerHTML"],O={class:"vue-ui-table"},E={id:"tableHead"},B={key:0},A={key:0},x={key:1},M={key:0,style:{display:"flex","align-items":"center","justify-content":"flex-end"}},G=["innerHTML"],V={key:0,style:{"margin-left":"3px"}},T={key:0},z={class:"th-filter"},H={key:0,class:"th-date"},P={class:"date-wrapper--inputs"},R={class:"date-fieldset"},U=["for"],j=["id","onUpdate:modelValue","onInput"],X={class:"date-fieldset"},W=["for"],Y=["id","onUpdate:modelValue","onInput"],K={class:"date-wrapper--button"},q=["onClick"],Z=["innerHTML"],J=["innerHTML"],Q=["innerHTML"],$=["onClick","disabled"],ee=["placeholder","onUpdate:modelValue","name"],te=["onClick"],re=["innerHTML"],le=["innerHTML"],ne=["innerHTML"],se=["onClick","innerHTML"],oe=["innerHTML"],ae={key:5,class:"th-range-filter"},ce=["for"],ie=["id","max","min","onUpdate:modelValue"],ue=["id","max","min","onUpdate:modelValue"],de=["for"],he=["onClick","disabled"],me=["id"],ge=["onClick"],ye=["onClick","onKeyup"],Ne=["innerHTML","onClick","onKeyup"],ke=["data-row"],pe=["data-row"],be=["data-row","onClick","onKeyup","id"],Ce=["innerHTML"],fe={key:1},Fe={key:2},Ie={key:5},Se=["innerHTML"],_e={key:0},ve={style:{"margin-left":"12px"}},we={class:"format-num"},De={style:{"margin-left":"12px"}},Le={key:0,class:"format-num"},Oe={key:1,class:"format-num"},Ee={key:2},Be={style:{"margin-left":"12px"}},Ae={key:0,class:"format-num"},xe={key:1,class:"format-num"},Me={key:2},Ge={key:0,class:"vue-ui-table-paginator format-num"},Ve={key:1,class:"vue-ui-table-size-warning"},Te=["innerHTML"],ze={key:3,class:"vue-ui-table-pagination format-num"},He=["innerHTML","disabled"],Pe=["disabled"],Re={key:0,class:"vue-ui-table-page-scroller-wrapper"},Ue={for:"pageScroller",style:{"font-size":"14px"}},je=["max","value"],Xe={key:1},We=["disabled"],Ye=["innerHTML","disabled"],Ke={class:"chart-modal-options"},qe=["innerHTML"],Ze=["innerHTML"],Je=["innerHTML"],Qe={style:{"margin-bottom":"12px"}},$e={key:0},et={key:1},tt={style:{width:"100%",height:"fit-content",cursor:"move"},ref:"chartModal"},rt={class:"vue-ui-table-fieldset"},lt={class:"vue-ui-table-fieldset-wrapper"},nt=["name","id","checked","onInput"],st=["for"],ot=["disabled"],at=["innerHTML"],ct=["viewBox"],it=["markerWidth","markerHeight","refY"],ut=["points","fill"],dt=["x2","y1","y2","stroke","stroke-width"],ht=["y2","stroke","stroke-width"],mt=["x","width","height","fill"],gt=["x","y","height","width","fill","stroke"],yt=["x","y","width"],Nt=["x1","y1","x2","y2","stroke-width","stroke"],kt=["x1","y1","x2","y2","stroke","stroke-width","stroke-dasharray"],pt=["cx","cy","r","fill","stroke","stroke-width"],bt=["x","y","width"],Ct=["x","width","height","onMouseenter"],ft=["x1","y1","x2","y2","stroke","stroke-width","stroke-dasharray"],Ft=["d","stroke"],It=["x","y"],St={class:"vue-ui-table-donut-label-name"},_t=["fill"],vt=["fill"],wt=["fill"],Dt=["fill"],Lt={class:"vue-ui-table-donut-legend"};function Ot(n,l,o,c,r,t){return e.openBlock(),e.createElementBlock("div",{class:"vue-ui-table-main",style:e.normalizeStyle(`font-family: ${t.FINAL_CONFIG.fontFamily}`)},[e.createElementVNode("div",C,[e.createElementVNode("button",{onClick:l[0]||(l[0]=s=>r.isExportRequest=!r.isExportRequest),innerHTML:t.icons.export,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.color}`)},null,12,f),e.createElementVNode("div",{class:"vue-ui-table-export-hub-dropdown","data-is-open":r.isExportRequest||"false",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.color}`)},[l[24]||(l[24]=e.createElementVNode("b",{class:"vue-ui-table-export-hub-title"}," Export ",-1)),e.createElementVNode("button",{class:"close-dropdown",onClick:l[1]||(l[1]=s=>r.isExportRequest=!1),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color};border-radius:${t.FINAL_CONFIG.style.closeButtons.borderRadius}`)}," ✖ ",4),e.createElementVNode("div",I,[e.createElementVNode("div",S,[e.createElementVNode("div",_,e.toDisplayString(t.FINAL_CONFIG.translations.exportAllLabel)+" ("+e.toDisplayString(r.bodyCopy.length)+") ",1),e.createElementVNode("button",{id:"exportAll",onClick:l[2]||(l[2]=s=>t.createXls("all")),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.buttons.color}`)},[e.createElementVNode("div",{innerHTML:t.icons.fileDownload},null,8,v),e.createElementVNode("span",null,e.toDisplayString(t.FINAL_CONFIG.translations.exportAllButton),1)],4)]),e.createElementVNode("div",w,[e.createElementVNode("div",D,e.toDisplayString(t.FINAL_CONFIG.translations.exportPageLabel),1),e.createElementVNode("button",{id:"exportPage",onClick:l[3]||(l[3]=s=>t.createXls("page")),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.buttons.color}`)},[e.createElementVNode("div",{innerHTML:t.icons.fileDownload},null,8,L),e.createElementVNode("span",null,e.toDisplayString(t.FINAL_CONFIG.translations.exportPageButton),1)],4)])])],12,F)]),e.createElementVNode("div",{class:"vue-ui-table__wrapper",style:e.normalizeStyle(`max-height:${t.FINAL_CONFIG.maxHeight}px`),ref:"tableWrapper"},[e.createElementVNode("table",O,[e.createElementVNode("thead",E,[e.createElementVNode("tr",null,[l[25]||(l[25]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableHead,(s,a)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${a}`,style:e.normalizeStyle(`overflow: visible;background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`),class:e.normalizeClass({"th-has-nan":r.hasNaN[a]})},[t.hasNumericTypes&&([r.constants.TEXT,r.constants.DATE].includes(s.type)||s.isPercentage)?(e.openBlock(),e.createElementBlock("span",B,[e.createTextVNode(e.toDisplayString(s.name)+" ",1),s.isPercentage?(e.openBlock(),e.createElementBlock("span",A," / "+e.toDisplayString(s.percentageTo),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(s.name),1))],6))),128))]),t.hasNumericTypes?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("tr",null,[l[26]||(l[26]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableHead,(s,a)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${a}`,class:e.normalizeClass({"th-numeric":!0,"th-has-nan":r.hasNaN[a]}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[s.sum&&!r.hasNaN[a]?(e.openBlock(),e.createElementBlock("span",M,[e.createElementVNode("span",{innerHTML:t.icons.sum,style:{"margin-bottom":"-4px","margin-right":"3px"}},null,8,G),e.createTextVNode(" "+e.toDisplayString(s.prefix)+" "+e.toDisplayString(Number(t.getSum(a).toFixed(s.decimals)).toLocaleString())+" "+e.toDisplayString(s.suffix)+" ",1),r.percentages[a]&&s.percentageTo&&!s.isPercentage?(e.openBlock(),e.createElementBlock("span",V," ("+e.toDisplayString(isNaN(t.getSum(a)/t.getSum(r.percentages[a].referenceIndex))?"-":(t.getSum(a)/t.getSum(r.percentages[a].referenceIndex)*100).toFixed(s.decimals))+"%) ",1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],6))),128))]),e.createElementVNode("tr",null,[l[27]||(l[27]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableHead,(s,a)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${a}`,class:e.normalizeClass({"th-numeric":!0,"th-has-nan":r.hasNaN[a]}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[s.average&&!r.hasNaN[a]?(e.openBlock(),e.createElementBlock("span",T," ~ "+e.toDisplayString(s.prefix)+" "+e.toDisplayString(isNaN(t.getAverage(a))?"":Number(t.getAverage(a).toFixed(s.decimals)).toLocaleString())+" "+e.toDisplayString(s.suffix),1)):e.createCommentVNode("",!0)],6))),128))]),e.createElementVNode("tr",null,[l[30]||(l[30]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableHead,(s,a)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${a}`,class:e.normalizeClass({"th-has-nan":r.hasNaN[a]}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[e.createElementVNode("div",z,[s.type===r.constants.DATE&&r.dates[a]?(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",P,[e.createElementVNode("div",R,[e.createElementVNode("label",{for:`from_${a}`},e.toDisplayString(t.FINAL_CONFIG.translations.from),9,U),e.withDirectives(e.createElementVNode("input",{id:`from_${a}`,type:"date","onUpdate:modelValue":i=>r.dates[a].from=i,onInput:i=>{t.filterBody(),t.setFilterDatesIndexes(a)},style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,j),[[e.vModelText,r.dates[a].from]])]),e.createElementVNode("div",X,[e.createElementVNode("label",{for:`to_${a}`},e.toDisplayString(t.FINAL_CONFIG.translations.to),9,W),e.withDirectives(e.createElementVNode("input",{id:`to_${a}`,type:"date","onUpdate:modelValue":i=>r.dates[a].to=i,onInput:i=>{t.filterBody(),t.setFilterDatesIndexes(a)},style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,Y),[[e.vModelText,r.dates[a].to]])])]),e.createElementVNode("div",K,[s.isSort?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:i=>t.sortTh(a,i),class:e.normalizeClass({"th-button-active":[r.constants.DESC,r.constants.ASC].includes(r.sorts[a])}),style:e.normalizeStyle(`background:${[r.constants.DESC,r.constants.ASC].includes(r.sorts[a])?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[r.constants.DESC,r.constants.ASC].includes(r.sorts[a])?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},[r.sorts[a]===r.constants.ASC?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:[r.constants.DATE].includes(s.type)?t.icons.sort09:t.icons.sortAZ},null,8,Z)):r.sorts[a]===r.constants.DESC?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:[r.constants.DATE].includes(s.type)?t.icons.sort90:t.icons.sortZA},null,8,J)):(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:t.icons.arrowSort},null,8,Q))],14,q)):e.createCommentVNode("",!0),e.createElementVNode("button",{onClick:i=>{t.resetDates(a),t.resetFilter(a,s,i)},disabled:!r.filteredDatesIndexes[a]&&t.isResetDisabled(a,s),class:"th-reset"}," ✖ ",8,$)])])):e.createCommentVNode("",!0),s.isSearch?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,placeholder:t.FINAL_CONFIG.translations.inputPlaceholder,"onUpdate:modelValue":i=>r.searches[a]=i,onInput:l[4]||(l[4]=i=>t.debounce(t.filterBody,400)),name:`search_${a}`,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,ee)),[[e.vModelText,r.searches[a]]]):e.createCommentVNode("",!0),!r.hasNaN[a]&&s.isSort&&s.type!==r.constants.DATE?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:i=>t.sortTh(a,i),class:e.normalizeClass({"th-button-active":[r.constants.DESC,r.constants.ASC].includes(r.sorts[a])}),style:e.normalizeStyle(`background:${[r.constants.DESC,r.constants.ASC].includes(r.sorts[a])?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[r.constants.DESC,r.constants.ASC].includes(r.sorts[a])?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},[r.sorts[a]===r.constants.ASC?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:[r.constants.NUMERIC].includes(s.type)?t.icons.sort09:t.icons.sortZA},null,8,re)):r.sorts[a]===r.constants.DESC?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:[r.constants.NUMERIC].includes(s.type)?t.icons.sort90:t.icons.sortAZ},null,8,le)):(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:t.icons.arrowSort},null,8,ne))],14,te)):e.createCommentVNode("",!0),s.isMultiselect?(e.openBlock(),e.createElementBlock("button",{key:3,onClick:i=>t.toggleMultiselect(a,s,i),innerHTML:t.icons.filter,class:e.normalizeClass({"th-button-active":r.multiselects[a]&&r.multiselects[a].length!==t.getDropdownOptions(a).length}),style:e.normalizeStyle(`background:${r.multiselects[a]&&r.multiselects[a].length!==t.getDropdownOptions(a).length?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${r.multiselects[a]&&r.multiselects[a].length!==t.getDropdownOptions(a).length?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},null,14,se)):e.createCommentVNode("",!0),r.currentSelectionSpan.col===a&&t.canChart?(e.openBlock(),e.createElementBlock("button",{key:4,onClick:l[5]||(l[5]=i=>r.showChart=!r.showChart),innerHTML:t.icons.chart,class:e.normalizeClass({"th-button-active":r.showChart}),style:e.normalizeStyle(`background:${r.showChart?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${r.showChart?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},null,14,oe)):e.createCommentVNode("",!0),s.rangeFilter&&r.rangeFilters[a]&&!r.hasNaN[a]?(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("label",{for:`rangeMin${a}`},l[28]||(l[28]=[e.createElementVNode("span",{style:{color:"grey"}},"ᒥ",-1),e.createTextVNode(" min "),e.createElementVNode("span",{style:{color:"grey"}},"ᒣ",-1)]),8,ce),e.withDirectives(e.createElementVNode("input",{type:"number",id:`rangeMin${a}`,max:r.immutableRangeFilters[a].max,min:r.immutableRangeFilters[a].min,"onUpdate:modelValue":i=>r.rangeFilters[a].min=i,onInput:l[6]||(l[6]=i=>t.debounce(t.filterBody,400)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,ie),[[e.vModelText,r.rangeFilters[a].min,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("input",{type:"number",id:`rangeMax${a}`,max:r.immutableRangeFilters[a].max,min:r.immutableRangeFilters[a].min,"onUpdate:modelValue":i=>r.rangeFilters[a].max=i,onInput:l[7]||(l[7]=i=>t.debounce(t.filterBody,400)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,ue),[[e.vModelText,r.rangeFilters[a].max,void 0,{number:!0}]]),e.createElementVNode("label",{for:`rangeMax${a}`},l[29]||(l[29]=[e.createElementVNode("span",{style:{color:"grey"}},"ᒪ",-1),e.createTextVNode(" max "),e.createElementVNode("span",{style:{color:"grey"}},"ᒧ",-1)]),8,de)])):e.createCommentVNode("",!0),t.canResetColumn(a,s)?(e.openBlock(),e.createElementBlock("button",{key:6,onClick:i=>t.resetFilter(a,s,i),disabled:t.isResetDisabled(a,s),class:"th-reset"}," ✖ ",8,he)):e.createCommentVNode("",!0),s.isMultiselect?(e.openBlock(),e.createElementBlock("div",{key:7,class:"th-dropdown","data-is-open":"false",id:`th_dropdown_${a}`,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.dropdowns.backgroundColor};color:${t.FINAL_CONFIG.style.dropdowns.color}`)},[e.createElementVNode("button",{class:"close-dropdown",onClick:i=>t.toggleMultiselect(a,s,i),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color}`)}," ✖ ",12,ge),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.getDropdownOptions(a),(i,u)=>(e.openBlock(),e.createElementBlock("span",{class:"th-option",key:`th_option_${a}_${u}`,onClick:d=>t.selectDropdownOption(i,a),onKeyup:[e.withKeys(d=>t.selectDropdownOption(i,a),["enter"]),e.withKeys(d=>t.selectDropdownOption(i,a),["space"])],style:e.normalizeStyle(`opacity:${t.isDropdownOptionSelected(i,a)?1:.5}`),tabindex:"0"},[t.isDropdownOptionSelected(i,a)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.dropdowns.icons.selected.color};margin-right:5px`),class:"th-icon-green"},e.toDisplayString(t.FINAL_CONFIG.style.dropdowns.icons.selected.unicode),5)):(e.openBlock(),e.createElementBlock("span",{key:1,style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.dropdowns.icons.unselected.color};margin-right:5px`),class:"th-icon-red"},e.toDisplayString(t.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode),5)),e.createElementVNode("span",null,e.toDisplayString(i),1)],44,ye))),128))],12,me)):e.createCommentVNode("",!0)])],6))),128))])],64)):e.createCommentVNode("",!0),e.createElementVNode("tr",null,[l[31]||(l[31]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableHead,(s,a)=>(e.openBlock(),e.createElementBlock("th",{key:`col_selector_${a}`,class:e.normalizeClass({"vue-ui-table-col-selector":!r.hasNaN[a],"th-has-nan":r.hasNaN[a]}),style:e.normalizeStyle(`background:${a===r.selectedColumn&&!r.hasNaN[a]?t.FINAL_CONFIG.style.th.selected.backgroundColor:t.FINAL_CONFIG.style.th.backgroundColor};color:${a===r.selectedColumn&&!r.hasNaN[a]?t.FINAL_CONFIG.style.th.selected.color:t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[r.hasNaN[a]?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:r.tableHead[a].type===r.constants.NUMERIC?t.icons.chevronDown:"",class:e.normalizeClass({"col-selector":r.tableHead[a].type===r.constants.NUMERIC}),tabindex:"0",onClick:e.withModifiers(i=>t.selectColumn(a),["stop"]),onKeyup:e.withKeys(i=>t.selectColumn(a),["enter"])},null,42,Ne))],6))),128))])]),e.createElementVNode("tbody",{onClick:l[8]||(l[8]=(...s)=>t.closeAllDropdowns&&t.closeAllDropdowns(...s)),onKeydown:l[9]||(l[9]=s=>t.navigateCell(s))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.visibleRows,(s,a)=>(e.openBlock(),e.createElementBlock("tr",{key:`tbody_${a}`,"data-row":a%2===0?"odd":"even",class:e.normalizeClass(`tr_${r.uid}`),style:e.normalizeStyle(`${a%2===0?`background:${t.FINAL_CONFIG.style.rows.odd.backgroundColor};color:${t.FINAL_CONFIG.style.rows.odd.color}`:`background:${t.FINAL_CONFIG.style.rows.even.backgroundColor};color:${t.FINAL_CONFIG.style.rows.even.color}`}`)},[e.createElementVNode("td",{class:"vue-ui-table-td-iteration","data-row":a%2===0?"odd":"even"},e.toDisplayString(s.absoluteIndex+1),9,pe),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.td,(i,u)=>(e.openBlock(),e.createElementBlock("td",{"data-row":a%2===0?"odd":"even",key:`td_${a}_${u}`,style:e.normalizeStyle(t.isNumeric(i)||o.dataset.header[u].type===r.constants.DATE?"text-align:right;font-variant-numeric: tabular-nums;":""),onClick:d=>t.selectTd({td:i,rowIndex:a,colIndex:u,headerType:o.dataset.header[u].type,event:d}),onKeyup:[e.withKeys(d=>t.selectTd({td:i,rowIndex:a,colIndex:u,headerType:o.dataset.header[u].type,event:d}),["enter"]),e.withKeys(d=>t.selectTd({td:i,rowIndex:a,colIndex:u,headerType:o.dataset.header[u].type,event:d}),["space"])],class:e.normalizeClass({"td-numeric":o.dataset.header[u].type===r.constants.NUMERIC,"td-focusable":!0,"td-has-nan":r.hasNaN[u]}),id:`cell_${a}_${u}_${r.uid}`,tabindex:"0"},[s.meta&&s.meta.markerIndices.includes(u)&&s.meta.unicodeIcon?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`color:${s.meta.color};margin-right:3px`),innerHTML:s.meta.unicodeIcon},null,12,Ce)):e.createCommentVNode("",!0),o.dataset.header[u].type===r.constants.DATE?(e.openBlock(),e.createElementBlock("span",fe,e.toDisplayString(o.dataset.header[u].prefix)+" "+e.toDisplayString(new Date(i).toLocaleString().slice(0,10))+" "+e.toDisplayString(o.dataset.header[u].suffix),1)):o.dataset.header[u].isPercentage?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(Number((i*100).toFixed(o.dataset.header[u].decimals)).toLocaleString())+"% ",1)):r.percentages[u]&&o.dataset.header[u].percentageTo&&!o.dataset.header[u].isPercentage?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass({"td-nan":isNaN(Number(i))})},e.toDisplayString(o.dataset.header[u].prefix)+" "+e.toDisplayString(isNaN(Number(i))?`${i} is not ${r.constants.NUMERIC}`:Number(i.toFixed(o.dataset.header[u].decimals)).toLocaleString())+" "+e.toDisplayString(o.dataset.header[u].suffix)+" ("+e.toDisplayString(isNaN(Number(i))?"":Number((i/t.getSum(r.percentages[u].referenceIndex)*100).toFixed(o.dataset.header[u].decimals)).toLocaleString())+"%) ",3)):o.dataset.header[u].type===r.constants.NUMERIC?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass({"td-nan":isNaN(Number(i))})},e.toDisplayString(o.dataset.header[u].prefix)+" "+e.toDisplayString(isNaN(Number(i))?`${i} is not ${r.constants.NUMERIC}`:Number(i.toFixed(o.dataset.header[u].decimals)).toLocaleString())+" "+e.toDisplayString(o.dataset.header[u].suffix),3)):(e.openBlock(),e.createElementBlock("span",Ie,e.toDisplayString(o.dataset.header[u].prefix)+" "+e.toDisplayString(i)+" "+e.toDisplayString(o.dataset.header[u].suffix),1))],46,be))),128))],14,ke))),128))],32)])],4),e.createElementVNode("div",{class:e.normalizeClass({"td-selector-info":!0,"td-selector-info--active":r.currentSelectionSpan.col!==void 0&&r.currentSelectionSpan.rows.length}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.infoBar.backgroundColor};color:${t.FINAL_CONFIG.style.infoBar.color}`)},[r.currentSelectionSpan.col!==void 0&&r.currentSelectionSpan.rows.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{innerHTML:t.icons.table,class:"td-selector-icon"},null,8,Se),e.createElementVNode("span",null,[e.createElementVNode("b",null,[e.createTextVNode(e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].name)+" ",1),o.dataset.header[r.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("span",_e," / "+e.toDisplayString(o.dataset.header[r.percentages[r.currentSelectionSpan.col].referenceIndex].name),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",ve,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.nb)+" : ",1),e.createElementVNode("b",we,e.toDisplayString(r.currentSelectionSpan.rows.length),1)]),e.createElementVNode("span",De,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.sum)+" : ",1),o.dataset.header[r.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Le,e.toDisplayString(t.selectedCellsCalculations.sumPercentage),1)):(e.openBlock(),e.createElementBlock("b",Oe,e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.selectedCellsCalculations.sumRegular)+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].suffix),1)),o.dataset.header[r.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Ee,"%")):e.createCommentVNode("",!0)]),e.createElementVNode("span",Be,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.average)+" : ",1),o.dataset.header[r.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Ae,e.toDisplayString(t.selectedCellsCalculations.averagePercentage),1)):(e.openBlock(),e.createElementBlock("b",xe,e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.selectedCellsCalculations.averageRegular)+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].suffix),1)),o.dataset.header[r.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Me,"%")):e.createCommentVNode("",!0)])]),e.createElementVNode("button",{onClick:l[10]||(l[10]=(...s)=>t.resetSelection&&t.resetSelection(...s)),class:"td-selector-info-reset",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color};border-radius:${t.FINAL_CONFIG.style.closeButtons.borderRadius}`)}," ✖ ",4)],64)):e.createCommentVNode("",!0)],6),r.bodyCopy.length>10?(e.openBlock(),e.createElementBlock("div",Ge,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.totalRows)+" : "+e.toDisplayString(o.dataset.body.length)+" | "+e.toDisplayString(t.FINAL_CONFIG.translations.paginatorLabel)+" : ",1),r.bodyCopy.length>10?e.withDirectives((e.openBlock(),e.createElementBlock("select",{key:0,id:"paginatorSelector","onUpdate:modelValue":l[11]||(l[11]=s=>r.itemsPerPage=s),onChange:l[12]||(l[12]=(...s)=>t.resetSelection&&t.resetSelection(...s)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.paginatorOptions,(s,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.bodyCopy.length>s||o.dataset.body.length===s?(e.openBlock(),e.createElementBlock("option",{key:`paginator_option_${a}`},e.toDisplayString(s),1)):e.createCommentVNode("",!0)],64))),256))],36)),[[e.vModelSelect,r.itemsPerPage,void 0,{number:!0}]]):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),r.itemsPerPage>=250?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("span",{innerHTML:t.icons.warning},null,8,Te),e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.sizeWarning),1)])):e.createCommentVNode("",!0),t.pages.length>1&&t.pages.length<=10?(e.openBlock(),e.createElementBlock("div",{key:2,class:"vue-ui-table-navigation-indicator",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${r.currentPage/(t.pages.length-1)*100}%)`)},null,4)):e.createCommentVNode("",!0),t.pages.length>1?(e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:l[13]||(l[13]=e.withModifiers(s=>t.navigate("previous"),["stop"])),innerHTML:t.icons.chevronLeft,disabled:r.currentPage===0,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${r.currentPage===0?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)},null,12,He),t.pages.length>3?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:l[14]||(l[14]=e.withModifiers(s=>t.navigate(1),["stop"])),disabled:r.currentPage===0,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${r.currentPage===0?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)}," 1 ",12,Pe),t.pages.length>10?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("label",Ue,e.toDisplayString(t.FINAL_CONFIG.translations.page)+" "+e.toDisplayString(r.currentPage+1)+" / "+e.toDisplayString(t.pages.length),1),e.createElementVNode("input",{class:"vue-ui-table-page-scroller",id:"pageScroller",type:"range",step:"1",min:0,max:t.pages.length-1,onInput:l[15]||(l[15]=s=>t.updateCurrentPage(s)),value:r.currentPage,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border};accent-color:${t.FINAL_CONFIG.style.inputs.accentColor}`)},null,44,je)])):(e.openBlock(),e.createElementBlock("span",Xe,e.toDisplayString(t.FINAL_CONFIG.translations.page)+" "+e.toDisplayString(r.currentPage+1)+" / "+e.toDisplayString(t.pages.length),1)),e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:l[16]||(l[16]=e.withModifiers(s=>t.navigate(t.pages.length),["stop"])),disabled:r.currentPage===t.pages.length-1,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${r.currentPage===t.pages.length-1?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)},e.toDisplayString(t.pages.length),13,We)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.page)+" "+e.toDisplayString(r.currentPage+1)+" / "+e.toDisplayString(t.pages.length),1)],64)),e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:l[17]||(l[17]=e.withModifiers(s=>t.navigate("next"),["stop"])),innerHTML:t.icons.chevronRight,disabled:r.currentPage===t.pages.length-1,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${r.currentPage===t.pages.length-1?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)},null,12,Ye)])):e.createCommentVNode("",!0),r.showChart&&t.canChart?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-table-chart-modal",style:e.normalizeStyle(`top:${r.clientY}px; left:${r.clientX}px;background:${t.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${t.FINAL_CONFIG.style.chart.modal.color}`)},[e.createElementVNode("button",{class:"close-chart-modal",onClick:l[18]||(l[18]=s=>r.showChart=!1),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color};border-radius:${t.FINAL_CONFIG.style.closeButtons.borderRadius}`)}," ✖ ",4),e.createElementVNode("div",Ke,[t.availableDonutCategories.length?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:l[19]||(l[19]=s=>r.showDonutOptions=!0),innerHTML:t.icons.donut,class:e.normalizeClass({"is-active-chart":r.chart.type===r.constants.DONUT||r.showDonutOptions}),style:e.normalizeStyle(`background:${r.chart.type===r.constants.DONUT||r.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${r.chart.type===r.constants.DONUT||r.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.color:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)},null,14,qe)):e.createCommentVNode("",!0),e.createElementVNode("button",{onClick:l[20]||(l[20]=s=>{r.chart.type=r.constants.LINE,r.showDonutOptions=!1}),innerHTML:t.icons.chart,class:e.normalizeClass({"is-active-chart":r.chart.type===r.constants.LINE&&!r.showDonutOptions}),style:e.normalizeStyle(`background:${r.chart.type===r.constants.LINE&&!r.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${r.chart.type===r.constants.LINE&&!r.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.color:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)},null,14,Ze),e.createElementVNode("button",{onClick:l[21]||(l[21]=s=>{r.chart.type=r.constants.BAR,r.showDonutOptions=!1}),innerHTML:t.icons.bar,class:e.normalizeClass({"is-active-chart":r.chart.type===r.constants.BAR&&!r.showDonutOptions}),style:e.normalizeStyle(`background:${r.chart.type===r.constants.BAR&&!r.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${r.chart.type===r.constants.BAR&&!r.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.color:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)},null,14,Je)]),e.createElementVNode("div",Qe,[e.createElementVNode("b",null,[e.createTextVNode(e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].name)+" ",1),o.dataset.header[r.currentSelectionSpan.col].isPercentage&&o.dataset.header[r.currentSelectionSpan.col].percentageTo?(e.openBlock(),e.createElementBlock("span",$e," / "+e.toDisplayString(o.dataset.header[r.percentages[r.currentSelectionSpan.col].referenceIndex].name),1)):e.createCommentVNode("",!0),r.chart.type===r.constants.DONUT&&r.selectedDonutCategory&&r.selectedDonutCategory.name?(e.openBlock(),e.createElementBlock("span",et,e.toDisplayString(t.FINAL_CONFIG.translations.by)+" "+e.toDisplayString(r.selectedDonutCategory.name),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",tt,[r.showDonutOptions&&t.availableDonutCategories.length?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${t.FINAL_CONFIG.style.chart.modal.color}`)},[e.createElementVNode("fieldset",rt,[e.createElementVNode("legend",null,e.toDisplayString(t.FINAL_CONFIG.translations.chooseCategoryColumn),1),e.createElementVNode("div",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availableDonutCategories,(s,a)=>(e.openBlock(),e.createElementBlock("div",{key:`donut_radio_${a}`,class:"vue-ui-table-fieldset-option"},[e.createElementVNode("input",{type:"radio",name:s.name,id:s.name,checked:r.selectedDonutCategory&&s.name===r.selectedDonutCategory.name,onInput:i=>r.selectedDonutCategory=t.availableDonutCategories[a],style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border};accent-color:${t.FINAL_CONFIG.style.inputs.accentColor}`)},null,44,nt),e.createElementVNode("label",{for:s.name},e.toDisplayString(s.name),9,st)]))),128))]),e.createElementVNode("button",{class:"vue-ui-table-generate-donut",disabled:!r.selectedDonutCategory,onClick:l[22]||(l[22]=(...s)=>t.applyDonutOption&&t.applyDonutOption(...s)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor};color:${t.FINAL_CONFIG.style.chart.modal.buttons.selected.color}`)},[e.createElementVNode("div",{style:{"margin-bottom":"-3px"},innerHTML:t.icons.donut},null,8,at),e.createTextVNode(" "+e.toDisplayString(t.FINAL_CONFIG.translations.makeDonut),1)],12,ot)])],4)):e.createCommentVNode("",!0),[r.constants.BAR,r.constants.LINE].includes(r.chart.type)&&!r.showDonutOptions?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(e.openBlock(),e.createElementBlock("svg",{viewBox:`0 0 ${r.chart.width} ${r.chart.height}`,class:"vue-ui-table-chart-svg",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.chart.layout.backgroundColor}`)},[e.createElementVNode("defs",null,[e.createElementVNode("marker",{id:"arrowhead",markerWidth:t.FINAL_CONFIG.style.chart.layout.progression.arrowSize,markerHeight:t.FINAL_CONFIG.style.chart.layout.progression.arrowSize,refX:"0",refY:t.FINAL_CONFIG.style.chart.layout.progression.arrowSize/2,orient:"auto"},[e.createElementVNode("polygon",{points:`0 0, ${t.FINAL_CONFIG.style.chart.layout.progression.arrowSize} ${t.FINAL_CONFIG.style.chart.layout.progression.arrowSize/2}, 0 ${t.FINAL_CONFIG.style.chart.layout.progression.arrowSize}`,fill:t.FINAL_CONFIG.style.chart.layout.progression.stroke},null,8,ut)],8,it)]),e.createElementVNode("g",null,[e.createElementVNode("line",{x1:0,x2:r.chart.width,y1:t.chartData.zero,y2:t.chartData.zero,stroke:t.FINAL_CONFIG.style.chart.layout.axis.stroke,"stroke-width":t.FINAL_CONFIG.style.chart.layout.axis.strokeWidth,"stroke-linecap":"round"},null,8,dt),e.createElementVNode("line",{x1:0,x2:0,y1:0,y2:r.chart.height,stroke:t.FINAL_CONFIG.style.chart.layout.axis.stroke,"stroke-width":t.FINAL_CONFIG.style.chart.layout.axis.strokeWidth,"stroke-linecap":"round"},null,8,ht)]),r.chart.type===r.constants.LINE?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.chartData.plots,(s,a)=>(e.openBlock(),e.createElementBlock("g",{key:`trap_fill_${a}`},[e.createElementVNode("rect",{x:a*t.chartData.slot,y:0,width:t.chartData.slot,height:r.chart.height,fill:r.selectedPlot===a?"rgba(0,0,0,0.03)":"transparent"},null,8,mt)]))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.chartData.plots,(s,a)=>(e.openBlock(),e.createElementBlock("g",{key:`plot_${a}`},[r.chart.type===r.constants.BAR?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l[32]||(l[32]=e.createStaticVNode('<linearGradient id="barGradientSelected" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DD" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DD80" data-v-5a108fbd></stop></linearGradient><linearGradient id="barGradientSelectedNeg" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DD80" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DD" data-v-5a108fbd></stop></linearGradient><linearGradient id="barGradient" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DDB3" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DD66" data-v-5a108fbd></stop></linearGradient><linearGradient id="barGradientNeg" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DD66" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DDB3" data-v-5a108fbd></stop></linearGradient>',4)),e.createElementVNode("rect",{x:s.x-t.chartData.slot/2,y:t.chartData.isAllNegative?0:t.calcRectY(s.value,s.y),height:s.value>=0?t.chartData.zero-s.y:t.chartData.isAllNegative?s.y:s.y-t.chartData.zero,width:t.chartData.slot,fill:t.FINAL_CONFIG.style.chart.layout.bar.fill?t.FINAL_CONFIG.style.chart.layout.bar.fill:r.selectedPlot===a?s.value>=0?"url(#barGradientSelected)":"url(#barGradientSelectedNeg)":(s.value>=0,"url(#barGradient)"),stroke:t.FINAL_CONFIG.style.chart.layout.bar.stroke,"stroke-width":"1"},null,8,gt),r.selectedPlot===a?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:s.x-(t.chartData.slot<100?50:t.chartData.slot/2),y:s.value>=0?s.y-32:s.y+4,height:"20",width:t.chartData.slot<100?100:t.chartData.slot,style:{overflow:"visible"}},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;text-align:center;font-size:20px;color:${t.FINAL_CONFIG.style.chart.layout.labels.color}`)},e.toDisplayString(s.prefix)+" "+e.toDisplayString(Number(s.value.toFixed(o.dataset.header[r.currentSelectionSpan.col].decimals)).toLocaleString())+" "+e.toDisplayString(s.suffix),5)],8,yt)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),r.chart.type===r.constants.LINE?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a+1<t.chartData.plots.length?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.x,y1:s.y,x2:t.chartData.plots[a+1].x,y2:t.chartData.plots[a+1].y,"stroke-width":t.FINAL_CONFIG.style.chart.layout.line.strokeWidth,stroke:t.FINAL_CONFIG.style.chart.layout.line.stroke},null,8,Nt)):e.createCommentVNode("",!0),r.selectedPlot===a?(e.openBlock(),e.createElementBlock("line",{key:1,x1:s.x,y1:s.y,x2:s.x,y2:r.chart.height,stroke:t.FINAL_CONFIG.style.chart.layout.line.selector.stroke,"stroke-width":t.FINAL_CONFIG.style.chart.layout.line.selector.strokeWidth,"stroke-dasharray":t.FINAL_CONFIG.style.chart.layout.line.selector.strokeDasharray},null,8,kt)):e.createCommentVNode("",!0),e.createElementVNode("circle",{cx:s.x,cy:s.y,r:r.selectedPlot===a?t.FINAL_CONFIG.style.chart.layout.line.plot.radius.selected:t.FINAL_CONFIG.style.chart.layout.line.plot.radius.unselected,fill:t.FINAL_CONFIG.style.chart.layout.line.plot.fill,stroke:t.FINAL_CONFIG.style.chart.layout.line.plot.stroke,"stroke-width":t.FINAL_CONFIG.style.chart.layout.line.plot.strokeWidth},null,8,pt),r.selectedPlot===a?(e.openBlock(),e.createElementBlock("foreignObject",{key:2,x:s.x-(t.chartData.slot<100?50:t.chartData.slot/2),y:t.placeLabelOnTopOrBottom({previousPlot:t.chartData.plots[a-1],currentPlot:s,nextPlot:t.chartData.plots[a+1]}),height:"20",width:t.chartData.slot<100?100:t.chartData.slot,style:{overflow:"visible"}},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;text-align:center;font-size:20px;color:${t.FINAL_CONFIG.style.chart.layout.labels.color}`)},e.toDisplayString(s.prefix)+" "+e.toDisplayString(Number(s.value.toFixed(o.dataset.header[r.currentSelectionSpan.col].decimals)).toLocaleString())+" "+e.toDisplayString(s.suffix),5)],8,bt)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.chartData.plots,(s,a)=>(e.openBlock(),e.createElementBlock("g",{key:`trap_${a}`},[e.createElementVNode("rect",{x:a*t.chartData.slot,y:0,width:t.chartData.slot,height:r.chart.height,fill:"transparent",onMouseenter:i=>r.selectedPlot=a,onMouseleave:l[23]||(l[23]=i=>r.selectedPlot=void 0)},null,40,Ct)]))),128)),t.chartData.progression&&t.chartData.plots.length>2?(e.openBlock(),e.createElementBlock("line",{key:1,x1:t.chartData.progression.x1,y1:t.chartData.progression.y1,x2:t.chartData.progression.x2,y2:t.chartData.progression.y2,stroke:t.FINAL_CONFIG.style.chart.layout.progression.stroke,"stroke-width":t.FINAL_CONFIG.style.chart.layout.progression.strokeWidth,"stroke-dasharray":t.FINAL_CONFIG.style.chart.layout.progression.strokeDasharray,"marker-end":"url(#arrowhead)"},null,8,ft)):e.createCommentVNode("",!0)],12,ct)),t.chartData.plots.length>=2?(e.openBlock(),e.createElementBlock("div",{key:0,class:"chart-trend",style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.chart.modal.color}`)},[l[33]||(l[33]=e.createElementVNode("span",null,"---",-1)),e.createTextVNode(" Trend: "+e.toDisplayString((t.chartData.progression.trend*100).toFixed(1))+" % ",1)],4)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),[r.constants.DONUT].includes(r.chart.type)&&!r.showDonutOptions?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 100 100",style:e.normalizeStyle(`max-width:100%; overflow: visible; padding: 0 24px;background:${t.FINAL_CONFIG.style.chart.layout.backgroundColor}`),class:"vue-ui-table-donut-chart"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.currentDonut,(s,a)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${a}`,d:s.path,stroke:`${s.color}CC`,"stroke-width":20,fill:"none"},null,8,Ft))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.currentDonut,(s,a)=>(e.openBlock(),e.createElementBlock("foreignObject",{key:`text_marker_${a}`,x:t.calcDonutMarkerLabelPositionX(s)-15,y:s.center.endY-15,height:"30",width:"30",style:{overflow:"visible",display:"flex","align-items":"center","justify-content":"center"}},[t.isArcBigEnough(s)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-table-donut-label",style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.chart.layout.labels.color}`)},[e.createElementVNode("b",null,e.toDisplayString(t.displayArcPercentage(s,r.currentDonut)),1),e.createElementVNode("span",St,e.toDisplayString(s.name),1)],4)):e.createCommentVNode("",!0)],8,It))),128)),e.createElementVNode("text",{x:50,y:42,"text-anchor":"middle","font-size":"6",fill:t.FINAL_CONFIG.style.chart.layout.labels.color},e.toDisplayString(t.FINAL_CONFIG.translations.total),9,_t),e.createElementVNode("text",{x:50,y:48,"text-anchor":"middle","font-size":"4",fill:t.FINAL_CONFIG.style.chart.layout.labels.color},e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.donutHollowLabels.total)+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].isPercentage?"%":"")+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].suffix),9,vt),e.createElementVNode("text",{x:50,y:56,"text-anchor":"middle","font-size":"6",fill:t.FINAL_CONFIG.style.chart.layout.labels.color},e.toDisplayString(t.FINAL_CONFIG.translations.average),9,wt),e.createElementVNode("text",{x:50,y:62,"text-anchor":"middle","font-size":"4",fill:t.FINAL_CONFIG.style.chart.layout.labels.color},e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.donutHollowLabels.average)+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].isPercentage?"%":"")+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].suffix),9,Dt)],4)),e.createElementVNode("div",Lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.currentDonut.filter(s=>s.value>0),(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-table-donut-legend-item",key:`donut_legend_${a}`,style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.chart.layout.labels.color}`)},[e.createElementVNode("span",{style:e.normalizeStyle(`color:${s.color}`)},"●",4),e.createElementVNode("span",null,e.toDisplayString(s.name)+" : ",1),e.createElementVNode("b",null,e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.getDonutLegendValue(s.absoluteValue))+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].isPercentage?"%":"")+" "+e.toDisplayString(o.dataset.header[r.currentSelectionSpan.col].suffix),1),e.createElementVNode("span",null,"("+e.toDisplayString((s.proportion*100).toFixed(1))+"%)",1)],4))),128))])],64)):e.createCommentVNode("",!0)],512)],4)):e.createCommentVNode("",!0)],4)}const Et=p._export_sfc(b,[["render",Ot],["__scopeId","data-v-5a108fbd"]]);exports.default=Et;