vue-data-ui 2.4.51 → 2.4.52

package/dist/vue-ui-carousel-table-DkWNe0mJ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-BkXYJDpD.cjs"),re=require("./useNestedProp-C6IvqE-r.cjs"),K=require("./usePrinter-DHv-BwME.cjs"),ie=require("./vue-ui-skeleton-BTN1PKkz.cjs"),ue=require("./useUserOptionState-BgepsfED.cjs"),se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),de=["id"],ve=["height"],ce=["data-cell","height"],pe={key:2,ref:"source",dir:"auto"},fe={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(p,{expose:Q}){const l=p,{vue_ui_carousel_table:W}=u.useConfig(),S=e.ref(u.createUid()),I=e.ref(!1),g=e.ref(!!l.dataset);e.onMounted(()=>{P()});function P(){u.objectIsEmpty(l.dataset)?u.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!l.dataset.head||u.objectIsEmpty(l.dataset.head))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),g.value=!1),(!l.dataset.body||u.objectIsEmpty(l.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),g.value=!1))}const t=e.computed({get:()=>R(),set:o=>o}),{userOptionsVisible:A,setUserOptionsVisibility:F,keepUserOptionState:N}=ue.useUserOptionState({config:t.value});function R(){return re.useNestedProp({userConfig:l.config,defaultConfig:W})}e.watch(()=>l.config,o=>{t.value=R(),A.value=!t.value.showOnChartHover,P()},{deep:!0}),e.watch(()=>l.dataset,o=>{O()},{deep:!0});const{isPrinting:V,isImaging:U,generatePdf:Y,generateImage:M}=K.usePrinter({elementId:`carousel-table_${S.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),s=e.ref({showAnimation:t.value.animation.use}),i=e.ref(null),H=e.ref(null),b=e.ref(null),y=e.ref(null),k=e.ref(0),T=e.ref(0),w=e.ref(!1),C=e.ref(null),v=e.ref(null),$=e.ref(0);function O(){C.value&&(v.value={elements:C.value.getElementsByTagName("tr"),heights:Array.from(C.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(O);const Z=e.computed(()=>!v.value||!v.value.heights.length?0:Math.max(...v.value.heights)+k.value+T.value),_=e.computed(()=>l.dataset.body?t.value.tbody.tr.visible<=l.dataset.body.length?t.value.tbody.tr.visible:l.dataset.body.length:0),ee=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*_.value+k.value+T.value),x=e.ref(0),B=e.ref(null),f=e.ref(0),m=e.ref(!1),q=e.ref(0);e.onMounted(()=>{b.value&&(k.value=b.value.getBoundingClientRect().height),y.value&&(T.value=y.value.getBoundingClientRect().height),s.value.showAnimation&&v.value&&L()}),e.onMounted(()=>{if(i.value){let a=function(){const r=o.getBoundingClientRect().bottom;n.forEach(d=>{d.getBoundingClientRect().top<r?d.style.visibility="hidden":d.style.visibility="visible"})};const o=i.value.querySelector("thead"),n=Array.from(C.value.querySelectorAll("tr"));i.value.addEventListener("scroll",a),a(),e.onBeforeUnmount(()=>{i.value.removeEventListener("scroll",a)})}});function te(o){I.value=o,q.value+=1}function L(){!B.value&&!m.value&&(B.value=requestAnimationFrame(D))}function oe(){if(!i.value)return!1;const{scrollTop:o,scrollHeight:n,clientHeight:a}=i.value;return o+a>=n}function D(o){if(m.value)return;f.value||(f.value=o),o-f.value>=t.value.animation.speedMs&&(x.value+=v.value.heights[$.value],(oe()||$.value>=v.value.heights.length)&&(x.value=0,$.value=-1),$.value+=1,i.value&&i.value.scrollTo({top:x.value,behavior:"smooth"}),f.value=o),B.value=requestAnimationFrame(D)}function c(){m.value=!0,cancelAnimationFrame(B.value),B.value=null}e.onBeforeUnmount(c);function h(){!m.value||!s.value.showAnimation||(m.value=!1,f.value=0,L())}function ne(){t.value.animation.pauseOnHover&&c()}const E=e.ref(null);function ae(){c(),clearTimeout(E.value)}function G(){clearTimeout(E.value),E.value=setTimeout(h,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(s.value.showAnimation=!0,h()):(s.value.showAnimation=!1,c())});const le=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(n=>{n.forEach(a=>{w.value=a.contentRect.width<le.value}),k.value=b.value?b.value.getBoundingClientRect().height:0,T.value=y.value?y.value.getBoundingClientRect().height:0,$.value=0,e.nextTick(()=>{c(),f.value=0,x.value=0,O(),h()})});i.value&&o.observe(i.value)});function j(){Y()}function X(){s.value.showAnimation=!s.value.showAnimation,s.value.showAnimation?h():c()}function J(){e.nextTick(()=>{const o=l.dataset.head.map((r,d)=>[[l.dataset.body[d]]]),n=[[t.value.caption.text],[l.dataset.head.map(r=>[r])]].concat(o),a=u.createCsvContent(n);u.downloadCsv({csvContent:a,title:t.value.caption.text||"vue-ui-carousel-table"})})}return Q({pauseAnimation:c,resumeAnimation:h,toggleAnimation:X,generateCsv:J,generatePdf:j,generateImage:M}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:H,onMouseenter:n[5]||(n[5]=()=>e.unref(F)(!0)),onMouseleave:n[6]||(n[6]=()=>e.unref(F)(!1))},[e.createElementVNode("div",{ref_key:"tableContainer",ref:i,id:`carousel-table_${S.value}`,style:e.normalizeStyle({height:e.unref(V)||e.unref(U)?"auto":`${Math.max(ee.value,Z.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":w.value,"is-playing":t.value.scrollbar.hide||!m.value&&t.value.scrollbar.showOnlyOnHover}),onMouseover:n[0]||(n[0]=a=>ne()),onMouseleave:n[1]||(n[1]=a=>h()),onTouchstart:n[2]||(n[2]=a=>ae()),onTouchend:n[3]||(n[3]=a=>G()),onTouchcancel:n[4]||(n[4]=a=>G())},[g.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse",backgroundColor:t.value.tbody.backgroundColor})},[e.createElementVNode("caption",{ref_key:"caption",ref:b,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:w.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px",display:o.$slots.caption||t.value.caption.text||t.value.userOptions.show?"":"none"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${o.$slots.caption||t.value.caption.text||t.value.userOptions.show?k.value:0}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:y,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:w.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.dataset.head,(a,r)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${r}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":a)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:a,colIndex:r})),void 0,!0)],4))),128))],12,ve)],4),p.dataset.body&&p.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:C,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.dataset.body,(a,r)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(d,z)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":p.dataset.head[z]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:e.unref(u.setOpacity)(t.value.tbody.tr.td.style.backgroundColor,r%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":d)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:d,rowIndex:r,colIndex:z})),void 0,!0)],12,ce))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,de),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ie.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&g.value&&(e.unref(N)||e.unref(A))?(e.openBlock(),e.createBlock(K.UserOptions,{ref:"details",key:`user_option_${q.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(V),isImaging:e.unref(U),uid:S.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!s.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:H.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},zIndex:3,offsetX:12,onGeneratePdf:j,onGenerateCsv:J,onGenerateImage:e.unref(M),onToggleAnimation:X,onToggleFullscreen:te,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:r})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","position","titles","onGenerateImage","style"])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],544))}},me=se._export_sfc(fe,[["__scopeId","data-v-9d3c0699"]]);exports.default=me;

package/dist/{vue-ui-chestnut-D5HpkuIa.js → vue-ui-chestnut-BacH0ZYK.js}

@@ -1,12 +1,12 @@
-import { useCssVars as Ye, computed as m, ref as T, watch as qe, onMounted as He, openBlock as a, createElementBlock as o, normalizeClass as k, normalizeStyle as h, unref as n, createBlock as K, createCommentVNode as f, createSlots as We, withCtx as X, renderSlot as I, normalizeProps as se, guardReactiveProps as ue, createVNode as $e, toDisplayString as c, createElementVNode as s, Fragment as g, renderList as _, createTextVNode as J, withKeys as Ke, nextTick as Ce } from "vue";
-import { u as Je, c as Qe, t as Ze, a as et, p as P, b as tt, g as ne, e as Q, d as re, o as lt, X as at, s as S, w as Te, i as G, f as z, G as ze, m as Ne, j as ot, k as V, n as H, q as st, r as ut } from "./index-BbPeL8Gp.js";
-import { u as nt, U as rt } from "./usePrinter-DaybDVqP.js";
-import it from "./vue-ui-skeleton-Bniq21d9.js";
-import ct from "./BaseIcon-CmiukQBl.js";
-import dt from "./vue-ui-accordion-5d5iVpr7.js";
-import { u as Se } from "./useNestedProp-BN8claGG.js";
-import { _ as vt } from "./PackageVersion-CxJghxYD.js";
-import { P as yt } from "./PenAndPaper-ZdZEumki.js";
+import { useCssVars as Ye, computed as m, ref as T, watch as qe, onMounted as He, openBlock as a, createElementBlock as o, normalizeClass as k, normalizeStyle as h, unref as n, createBlock as K, createCommentVNode as f, createSlots as We, withCtx as X, renderSlot as I, normalizeProps as ue, guardReactiveProps as ne, createVNode as $e, toDisplayString as c, createElementVNode as s, Fragment as g, renderList as _, createTextVNode as J, withKeys as Ke, nextTick as Ce } from "vue";
+import { u as Je, c as Qe, t as Ze, a as et, p as P, b as tt, g as re, e as Q, d as ie, o as lt, X as at, s as S, w as Te, i as G, f as z, G as ze, m as Ne, j as ot, k as V, n as H, q as st, r as ut } from "./index-K5uyh1gA.js";
+import { u as nt, U as rt } from "./usePrinter-p_ZZlGc9.js";
+import it from "./vue-ui-skeleton-BhA2lIT6.js";
+import ct from "./BaseIcon-zmxwsaLW.js";
+import dt from "./vue-ui-accordion-CsJT7Az3.js";
+import { u as Se } from "./useNestedProp-DifqJZAs.js";
+import { _ as vt } from "./PackageVersion-Dz3KcTL4.js";
+import { P as yt } from "./PenAndPaper-BycdTwSP.js";
 import { u as ht } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const bt = ["id"], pt = {
@@ -14,7 +14,7 @@ const bt = ["id"], pt = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, gt = ["xmlns", "viewBox"], _t = { key: 0 }, xt = ["fill", "font-weight", "font-size", "x", "y"], mt = ["fill", "font-weight", "font-size", "x", "y"], kt = ["id"], wt = ["stop-color"], $t = ["stop-color"], Ct = ["id"], Tt = ["stop-color"], zt = ["stop-color"], Nt = ["id"], St = ["stop-color"], Ft = ["stop-color"], Lt = ["stop-color"], It = ["id"], Pt = ["stop-color"], Vt = ["stop-color"], Mt = ["stop-color"], Ot = ["id"], Rt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = { key: 1 }, Xt = ["x", "y", "font-size", "font-weight", "fill"], Gt = ["x", "y", "font-size", "font-weight", "fill"], Et = ["d", "stroke"], Ut = ["cx", "cy", "r", "fill"], Dt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Yt = { key: 2 }, qt = ["x", "y", "font-size", "fill", "onClick"], Ht = { key: 0 }, Wt = ["x", "y", "fill", "font-size", "font-weight"], Kt = ["x", "y", "height", "width", "fill", "rx", "onClick"], Jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], Qt = { key: 3 }, Zt = ["x", "y", "fill", "font-size", "onClick"], el = ["d", "stroke"], tl = ["fill", "cx", "cy", "r", "onClick"], ll = { key: 4 }, al = ["x", "y", "font-size", "font-weight", "fill"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["y", "height", "width"], ul = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, nl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, rl = {
+}, gt = ["xmlns", "viewBox"], _t = { key: 0 }, xt = ["fill", "font-weight", "font-size", "x", "y"], mt = ["fill", "font-weight", "font-size", "x", "y"], kt = ["id"], wt = ["stop-color"], $t = ["stop-color"], Ct = ["id"], Tt = ["stop-color"], zt = ["stop-color"], Nt = ["id"], St = ["stop-color"], Ft = ["stop-color"], Lt = ["stop-color"], It = ["id"], Pt = ["stop-color"], Vt = ["stop-color"], Ot = ["stop-color"], Mt = ["id"], Rt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = { key: 1 }, Xt = ["x", "y", "font-size", "font-weight", "fill"], Gt = ["x", "y", "font-size", "font-weight", "fill"], Et = ["d", "stroke"], Ut = ["cx", "cy", "r", "fill"], Dt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Yt = { key: 2 }, qt = ["x", "y", "font-size", "fill", "onClick"], Ht = { key: 0 }, Wt = ["x", "y", "fill", "font-size", "font-weight"], Kt = ["x", "y", "height", "width", "fill", "rx", "onClick"], Jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], Qt = { key: 3 }, Zt = ["x", "y", "fill", "font-size", "onClick"], el = ["d", "stroke"], tl = ["fill", "cx", "cy", "r", "onClick"], ll = { key: 4 }, al = ["x", "y", "font-size", "font-weight", "fill"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["y", "height", "width"], ul = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, nl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, rl = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -29,7 +29,7 @@ const bt = ["id"], pt = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, Vl = { style: { "padding-top": "36px", position: "relative" } }, Ml = { class: "vue-ui-data-table" }, Ol = { key: 0 }, Rl = ["data-cell"], Bl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, jl = { key: 0 }, Al = { key: 1 }, Xl = ["data-cell"], Gl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, El = { key: 0 }, Ul = { key: 1 }, Dl = ["data-cell"], Yl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ql = { key: 0 }, Hl = { key: 1 }, Wl = ["data-cell"], Kl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Jl = { key: 0 }, Ql = { key: 1 }, Zl = ["data-cell"], ea = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ta = { key: 0 }, la = { key: 1 }, aa = ["data-cell"], oa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, sa = { key: 0 }, ua = { key: 1 }, na = ["data-cell"], ra = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ia = { key: 0 }, ca = { key: 1 }, da = ["data-cell"], va = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = ["data-cell"], ha = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, pa = ["data-cell"], ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, _a = ["data-cell"], xa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = {
+}, Vl = { style: { "padding-top": "36px", position: "relative" } }, Ol = { class: "vue-ui-data-table" }, Ml = { key: 0 }, Rl = ["data-cell"], Bl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, jl = { key: 0 }, Al = { key: 1 }, Xl = ["data-cell"], Gl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, El = { key: 0 }, Ul = { key: 1 }, Dl = ["data-cell"], Yl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ql = { key: 0 }, Hl = { key: 1 }, Wl = ["data-cell"], Kl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Jl = { key: 0 }, Ql = { key: 1 }, Zl = ["data-cell"], ea = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ta = { key: 0 }, la = { key: 1 }, aa = ["data-cell"], oa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, sa = { key: 0 }, ua = { key: 1 }, na = ["data-cell"], ra = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ia = { key: 0 }, ca = { key: 1 }, da = ["data-cell"], va = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = ["data-cell"], ha = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, pa = ["data-cell"], ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, _a = ["data-cell"], xa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = {
   __name: "vue-ui-chestnut",
   props: {
     config: {
@@ -47,36 +47,36 @@ const bt = ["id"], pt = {
   },
   emits: ["selectRoot", "selectBranch", "selectNut"],
   setup(Fe, { expose: Le, emit: E }) {
-    const M = Fe;
+    const O = Fe;
     Ye((l) => ({
-      c8600a90: l.tdo
+      "3173d692": l.tdo
     }));
-    const { vue_ui_chestnut: Ie } = Je(), D = m(() => !!M.dataset && M.dataset.length), w = T(Qe()), Z = T(null), Pe = T(null), ie = T(0), e = m({
+    const { vue_ui_chestnut: Ie } = Je(), D = m(() => !!O.dataset && O.dataset.length), w = T(Qe()), Z = T(null), Pe = T(null), ce = T(0), e = m({
       get: () => ye(),
       set: (l) => l
-    }), { userOptionsVisible: ce, setUserOptionsVisibility: de, keepUserOptionState: ve } = ht({ config: e.value });
+    }), { userOptionsVisible: ee, setUserOptionsVisibility: de, keepUserOptionState: ve } = ht({ config: e.value });
     function ye() {
       const l = Se({
-        userConfig: M.config,
+        userConfig: O.config,
         defaultConfig: Ie
       });
       return l.theme ? {
         ...Se({
-          userConfig: Ze.vue_ui_chestnut[l.theme] || M.config,
+          userConfig: Ze.vue_ui_chestnut[l.theme] || O.config,
           defaultConfig: l
         }),
         customPalette: et[l.theme] || P
       } : l;
     }
-    qe(() => M.config, (l) => {
-      e.value = ye(), me();
+    qe(() => O.config, (l) => {
+      e.value = ye(), ee.value = !e.value.showOnChartHover, me();
     }, { deep: !0 });
     const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: pe } = nt({
       elementId: `vue-ui-chestnut_${w.value}`,
       fileName: e.value.style.chart.layout.title.text || "vue-ui-chestnut"
-    }), Ve = m(() => e.value.userOptions.show), ee = m(() => tt(e.value.customPalette)), Y = T({
+    }), Ve = m(() => e.value.userOptions.show), te = m(() => tt(e.value.customPalette)), Y = T({
       showTable: e.value.table.show
-    }), te = T(null), ge = T(!1), Me = m(() => e.value.table.responsiveBreakpoint), r = T({
+    }), le = T(null), ge = T(!1), Oe = m(() => e.value.table.responsiveBreakpoint), r = T({
       gap: 6,
       padding: {
         top: 102,
@@ -96,8 +96,8 @@ const bt = ["id"], pt = {
       width: r.value.width - (r.value.padding.left + r.value.padding.right),
       height: r.value.height - (r.value.padding.top + r.value.padding.bottom),
       seedX: r.value.padding.left + 64
-    })), O = m(() => D.value ? M.dataset.flatMap((l) => (l.branches || []).map((i) => i.value || 0)).reduce((l, i) => l + i, 0) : 0), N = m(() => (M.dataset.forEach((l, i) => {
-      ne({
+    })), M = m(() => D.value ? O.dataset.flatMap((l) => (l.branches || []).map((i) => i.value || 0)).reduce((l, i) => l + i, 0) : 0), N = m(() => (O.dataset.forEach((l, i) => {
+      re({
         datasetObject: l,
         requiredAttributes: ["name", "branches"]
       }).forEach((t) => {
@@ -108,7 +108,7 @@ const bt = ["id"], pt = {
           index: i
         });
       }), l.branches && l.branches.forEach((t, u) => {
-        ne({
+        re({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((b) => {
@@ -119,7 +119,7 @@ const bt = ["id"], pt = {
             index: `${i} - ${u}`
           });
         }), t.breakdown && t.breakdown.forEach((b, y) => {
-          ne({
+          re({
             datasetObject: b,
             requiredAttributes: ["name", "value"]
           }).forEach((p) => {
@@ -132,11 +132,11 @@ const bt = ["id"], pt = {
           });
         });
       });
-    }), M.dataset.map((l, i) => {
+    }), O.dataset.map((l, i) => {
       const t = (l.branches || []).map((u) => u.value || 0).reduce((u, b) => u + b, 0);
       return {
         ...l,
-        color: re(l.color) || ee.value[i] || P[i] || P[i % P.length],
+        color: ie(l.color) || te.value[i] || P[i] || P[i % P.length],
         id: l.id || `root_${i}_${w.value}`,
         type: "root",
         total: t,
@@ -145,7 +145,7 @@ const bt = ["id"], pt = {
           ...u,
           rootName: l.name,
           rootIndex: i,
-          color: re(l.color) || ee.value[i] || P[i] || P[i % P.length],
+          color: ie(l.color) || te.value[i] || P[i] || P[i % P.length],
           value: u.value >= 0 ? u.value : 0,
           id: u.id || `branch_${i}_${b}_${w.value}`,
           proportionToRoot: u.value / t,
@@ -154,14 +154,14 @@ const bt = ["id"], pt = {
             table: {
               rootName: l.name,
               rootValue: t,
-              rootToTotal: t / O.value,
+              rootToTotal: t / M.value,
               branchName: u.name,
               branchValue: u.value,
-              branchToTotal: u.value / O.value,
+              branchToTotal: u.value / M.value,
               branchToRoot: u.value / t,
               nutName: y.name,
               nutValue: y.value,
-              nutToTotal: y.value / O.value,
+              nutToTotal: y.value / M.value,
               nutToRoot: y.value / t,
               nutToBranch: y.value / u.value
             },
@@ -172,16 +172,16 @@ const bt = ["id"], pt = {
             branchTotal: u.value >= 0 ? u.value : 0,
             proportionToBranch: y.value / u.value,
             proportionToRoot: y.value / t,
-            proportionToTree: y.value / O.value,
+            proportionToTree: y.value / M.value,
             rootIndex: i,
             id: y.id || `nut_${i}_${b}_${p}_${w.value}`,
-            color: re(y.color) || ee.value[p] || P[p] || P[p % P.length],
+            color: ie(y.color) || te.value[p] || P[p] || P[p % P.length],
             value: y.value >= 0 ? y.value : 0
           }))
         }))
       };
     })));
-    function Oe() {
+    function Me() {
       return N.value;
     }
     const Re = m(() => N.value.flatMap((l) => l.branches).length), Be = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), je = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), _e = m(() => 256 + r.value.padding.left), B = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
@@ -199,7 +199,7 @@ const bt = ["id"], pt = {
       x1: _e.value,
       x2: 384 * l.value / je.value * Ae.value + _e.value
     })));
-    function le(l) {
+    function ae(l) {
       const i = B.value.find((t) => t.rootIndex === l.rootIndex);
       return { x: i.x, y: i.y, r: i.r };
     }
@@ -224,7 +224,7 @@ const bt = ["id"], pt = {
     function A() {
       d.value = null, R.value = null, E("selectNut", null);
     }
-    function ae(l) {
+    function oe(l) {
       x.value && x.value.id === l.id ? (x.value = null, $(), E("selectBranch", null)) : ($(), x.value = l, E("selectBranch", l));
     }
     function xe(l) {
@@ -239,16 +239,16 @@ const bt = ["id"], pt = {
     function Ue() {
       const l = new ResizeObserver((i) => {
         i.forEach((t) => {
-          ge.value = t.contentRect.width < Me.value;
+          ge.value = t.contentRect.width < Oe.value;
         });
       });
-      te.value && l.observe(te.value);
+      le.value && l.observe(le.value);
     }
     He(() => {
       me();
     });
     function me() {
-      lt(M.dataset) && Q({
+      lt(O.dataset) && Q({
         componentName: "VueUiChestnut",
         type: "dataset"
       });
@@ -274,7 +274,7 @@ const bt = ["id"], pt = {
     });
     function ke() {
       Ce(() => {
-        const l = [[e.value.style.chart.layout.title.text], [e.value.style.chart.layout.title.subtitle.text], [""], ["Grand total", O.value], [""]], i = v.value.head, t = v.value.body.map((y, p) => [
+        const l = [[e.value.style.chart.layout.title.text], [e.value.style.chart.layout.title.subtitle.text], [""], ["Grand total", M.value], [""]], i = v.value.head, t = v.value.body.map((y, p) => [
           v.value.body[p - 1] && v.value.body[p - 1].rootName === y.rootName ? "" : y.rootName,
           v.value.body[p - 1] && v.value.body[p - 1].rootName === y.rootName ? "" : y.rootValue,
           v.value.body[p - 1] && v.value.body[p - 1].rootName === y.rootName ? "" : y.rootToTotal,
@@ -293,22 +293,22 @@ const bt = ["id"], pt = {
     }
     const q = T(!1);
     function De(l) {
-      q.value = l, ie.value += 1;
+      q.value = l, ce.value += 1;
     }
     function we() {
       Y.value.showTable = !Y.value.showTable;
     }
     const W = T(!1);
-    function oe() {
+    function se() {
       W.value = !W.value;
     }
     return Le({
-      getData: Oe,
+      getData: Me,
       generatePdf: be,
       generateCsv: ke,
       generateImage: pe,
       toggleTable: we,
-      toggleAnnotator: oe
+      toggleAnnotator: se
     }), (l, i) => (a(), o("div", {
       class: k(`vue-ui-chestnut ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "chestnutChart",
@@ -324,13 +324,13 @@ const bt = ["id"], pt = {
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: W.value,
-        onClose: oe
+        onClose: se
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
       Ve.value ? (a(), o("div", pt, null, 512)) : f("", !0),
-      e.value.userOptions.show && D.value && (n(ve) || n(ce)) ? (a(), K(rt, {
+      e.value.userOptions.show && D.value && (n(ve) || n(ee)) ? (a(), K(rt, {
         ref_key: "details",
         ref: Pe,
-        key: `user_options_${ie.value}`,
+        key: `user_options_${ce.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: n(fe),
@@ -352,9 +352,9 @@ const bt = ["id"], pt = {
         onGenerateCsv: ke,
         onGenerateImage: n(pe),
         onToggleTable: we,
-        onToggleAnnotator: oe,
+        onToggleAnnotator: se,
         style: h({
-          visibility: n(ve) ? n(ce) ? "visible" : "hidden" : "visible"
+          visibility: n(ve) ? n(ee) ? "visible" : "hidden" : "visible"
         })
       }, We({ _: 2 }, [
         l.$slots.optionPdf ? {
@@ -388,14 +388,14 @@ const bt = ["id"], pt = {
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: X(({ toggleFullscreen: t, isFullscreen: u }) => [
-            I(l.$slots, "optionFullscreen", se(ue({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+            I(l.$slots, "optionFullscreen", ue(ne({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: X(({ toggleAnnotator: t, isAnnotator: u }) => [
-            I(l.$slots, "optionAnnotator", se(ue({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
+            I(l.$slots, "optionAnnotator", ue(ne({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
           ]),
           key: "5"
         } : void 0
@@ -504,7 +504,7 @@ const bt = ["id"], pt = {
             s("stop", {
               offset: "100%",
               "stop-color": n(S)("#FFFFFF", 0)
-            }, null, 8, Mt)
+            }, null, 8, Ot)
           ], 8, It),
           s("radialGradient", {
             cx: "50%",
@@ -526,7 +526,7 @@ const bt = ["id"], pt = {
               offset: "100%",
               "stop-color": n(S)(e.value.style.chart.backgroundColor, 0)
             }, null, 8, jt)
-          ], 8, Ot)
+          ], 8, Mt)
         ]),
         e.value.style.chart.layout.grandTotal.show ? (a(), o("g", At, [
           s("text", {
@@ -548,10 +548,10 @@ const bt = ["id"], pt = {
             onClick: $
           }, c(n(G)(
             e.value.style.chart.layout.grandTotal.formatter,
-            O.value,
+            M.value,
             n(z)({
               p: e.value.style.chart.layout.grandTotal.prefix,
-              v: O.value,
+              v: M.value,
               s: e.value.style.chart.layout.grandTotal.suffix,
               r: e.value.style.chart.layout.grandTotal.roundingValue
             })
@@ -563,7 +563,7 @@ const bt = ["id"], pt = {
                     ${t.x1},${t.y1 + b}
                     C${t.x1 - 20},${t.y1 + b} 
                     ${t.x1 - 80},${t.y1 + b} 
-                    ${le(t).x + le(t).r / 2}, ${le(t).y}
+                    ${ae(t).x + ae(t).r / 2}, ${ae(t).y}
                 `,
             stroke: n(S)(t.color, e.value.style.chart.layout.links.opacity),
             fill: "none",
@@ -635,7 +635,7 @@ const bt = ["id"], pt = {
           rx: e.value.style.chart.layout.branches.borderRadius,
           stroke: "none",
           style: h(`opacity:${L(t) ? 1 : 0.05}`),
-          onClick: (u) => ae(t)
+          onClick: (u) => oe(t)
         }, null, 12, Kt))), 256)),
         (a(!0), o(g, null, _(j.value, (t, u) => (a(), o("rect", {
           x: t.x1,
@@ -647,7 +647,7 @@ const bt = ["id"], pt = {
           stroke: e.value.style.chart.layout.branches.stroke,
           "stroke-width": e.value.style.chart.layout.branches.strokeWidth,
           style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
-          onClick: (b) => ae(t)
+          onClick: (b) => oe(t)
         }, null, 12, Jt))), 256)),
         e.value.style.chart.layout.branches.labels.dataLabels.show ? (a(), o("g", Qt, [
           (a(!0), o(g, null, _(j.value, (t) => (a(), o("g", null, [
@@ -660,7 +660,7 @@ const bt = ["id"], pt = {
               "font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
               "font-weight": "bold",
               style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
-              onClick: (u) => ae(t)
+              onClick: (u) => oe(t)
             }, c(n(G)(
               e.value.style.chart.layout.branches.labels.dataLabels.formatter,
               t.value,
@@ -752,7 +752,7 @@ const bt = ["id"], pt = {
                   { datapoint: t }
                 )), 1),
                 J(" (" + c(n(z)({
-                  v: t.total / O.value * 100,
+                  v: t.total / M.value * 100,
                   s: "%",
                   r: e.value.style.chart.layout.legend.roundingPercentage
                 })) + ") ", 1)
@@ -1006,7 +1006,7 @@ const bt = ["id"], pt = {
             fill: e.value.style.chart.layout.branches.labels.color,
             onClick: $
           }, c(n(z)({
-            v: t.value / O.value * 100,
+            v: t.value / M.value * 100,
             s: "%",
             r: e.value.style.chart.layout.branches.labels.dataLabels.roundingPercentage
           })) + " " + c(e.value.translations.proportionToTree), 9, Ll)) : f("", !0)
@@ -1014,7 +1014,7 @@ const bt = ["id"], pt = {
         I(l.$slots, "svg", { svg: r.value }, void 0, !0)
       ], 14, gt)) : f("", !0),
       l.$slots.watermark ? (a(), o("div", Il, [
-        I(l.$slots, "watermark", se(ue({ isPrinting: n(he) || n(fe) })), void 0, !0)
+        I(l.$slots, "watermark", ue(ne({ isPrinting: n(he) || n(fe) })), void 0, !0)
       ])) : f("", !0),
       D.value ? f("", !0) : (a(), K(it, {
         key: 5,
@@ -1051,7 +1051,7 @@ const bt = ["id"], pt = {
         content: X(() => [
           s("div", {
             ref_key: "tableContainer",
-            ref: te,
+            ref: le,
             class: "vue-ui-chestnut-table"
           }, [
             s("div", Vl, [
@@ -1072,13 +1072,13 @@ const bt = ["id"], pt = {
                 style: { width: "100%" },
                 class: k({ "vue-ui-responsive": ge.value })
               }, [
-                s("table", Ml, [
+                s("table", Ol, [
                   s("caption", {
                     style: h({ backgroundColor: e.value.table.th.backgroundColor, color: e.value.table.th.color, outline: e.value.table.th.outline }),
                     class: "vue-ui-data-table__caption"
                   }, [
                     J(c(e.value.style.chart.layout.title.text) + " ", 1),
-                    e.value.style.chart.layout.title.subtitle.text ? (a(), o("span", Ol, c(e.value.style.chart.layout.title.subtitle.text), 1)) : f("", !0)
+                    e.value.style.chart.layout.title.subtitle.text ? (a(), o("span", Ml, c(e.value.style.chart.layout.title.subtitle.text), 1)) : f("", !0)
                   ], 4),
                   s("thead", null, [
                     s("tr", {
@@ -1204,7 +1204,7 @@ const bt = ["id"], pt = {
       }, 8, ["config"])) : f("", !0)
     ], 46, bt));
   }
-}, Va = /* @__PURE__ */ ft(ma, [["__scopeId", "data-v-16ed7b13"]]);
+}, Va = /* @__PURE__ */ ft(ma, [["__scopeId", "data-v-9a052507"]]);
 export {
   Va as default
 };