vue-data-ui 2.3.61 → 2.3.62

package/dist/{vue-ui-carousel-table-BsFNypM6.cjs → vue-ui-carousel-table-C968uL6J.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-nPEJmXmf.cjs"),te=require("./useNestedProp-TbnnNrH2.cjs"),D=require("./usePrinter-D012Olnq.cjs"),oe=require("./vue-ui-skeleton-D6wHGzmu.cjs"),ae=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ne=["id"],le=["height"],re=["data-cell","height"],ie={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(c,{expose:G}){const l=c,{vue_ui_carousel_table:j}=u.useConfig(),A=e.ref(u.createUid()),z=e.ref(!1),m=e.ref(!!l.dataset);e.onMounted(()=>{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"}),m.value=!1),(!l.dataset.body||u.objectIsEmpty(l.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),m.value=!1))});const t=e.computed(()=>te.useNestedProp({userConfig:l.config,defaultConfig:j})),{isPrinting:I,isImaging:P,generatePdf:X,generateImage:F}=D.usePrinter({elementId:`carousel-table_${A.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),s=e.ref({showAnimation:t.value.animation.use}),i=e.ref(null),N=e.ref(null),h=e.ref(null),g=e.ref(null),b=e.ref(0),B=e.ref(0),$=e.ref(!1),y=e.ref(null),v=e.ref(null),k=e.ref(0);function R(){y.value&&(v.value={elements:y.value.getElementsByTagName("tr"),heights:Array.from(y.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(R);const J=e.computed(()=>!v.value||!v.value.heights.length?0:Math.max(...v.value.heights)+b.value+B.value),K=e.computed(()=>l.dataset.body?t.value.tbody.tr.visible<=l.dataset.body.length?t.value.tbody.tr.visible:l.dataset.body.length:0),Q=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)*K.value+b.value+B.value),w=e.ref(0),C=e.ref(null),T=e.ref(0),p=e.ref(!1),O=e.ref(0);e.onMounted(()=>{h.value&&(b.value=h.value.getBoundingClientRect().height),g.value&&(B.value=g.value.getBoundingClientRect().height),s.value.showAnimation&&v.value&&V()}),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(y.value.querySelectorAll("tr"));i.value.addEventListener("scroll",a),a(),e.onBeforeUnmount(()=>{i.value.removeEventListener("scroll",a)})}});function W(o){z.value=o,O.value+=1}function V(){!C.value&&!p.value&&(C.value=requestAnimationFrame(L))}function Y(){if(!i.value)return!1;const{scrollTop:o,scrollHeight:n,clientHeight:a}=i.value;return o+a>=n}function L(o){if(p.value)return;T.value||(T.value=o),o-T.value>=t.value.animation.speedMs&&(w.value+=v.value.heights[k.value],(Y()||k.value>=v.value.heights.length)&&(w.value=0,k.value=-1),k.value+=1,i.value&&i.value.scrollTo({top:w.value,behavior:"smooth"}),T.value=o),C.value=requestAnimationFrame(L)}function f(){p.value=!0,cancelAnimationFrame(C.value),C.value=null}e.onBeforeUnmount(f);function x(){!p.value||!s.value.showAnimation||(p.value=!1,T.value=0,V())}function Z(){t.value.animation.pauseOnHover&&f()}const S=e.ref(null);function _(){f(),clearTimeout(S.value)}function M(){clearTimeout(S.value),S.value=setTimeout(x,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(s.value.showAnimation=!0,x()):(s.value.showAnimation=!1,f())});const ee=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(n=>{n.forEach(a=>{$.value=a.contentRect.width<ee.value}),b.value=h.value?h.value.getBoundingClientRect().height:0,B.value=g.value?g.value.getBoundingClientRect().height:0,k.value=0,R()});i.value&&o.observe(i.value)});function q(){X()}function H(){s.value.showAnimation=!s.value.showAnimation,s.value.showAnimation?x():f()}function U(){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 G({pauseAnimation:f,resumeAnimation:x,toggleAnimation:H,generateCsv:U,generatePdf:q,generateImage:F}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:N},[e.createElementVNode("div",{ref_key:"tableContainer",ref:i,id:`carousel-table_${A.value}`,style:e.normalizeStyle({height:e.unref(I)||e.unref(P)?"auto":`${Math.max(Q.value,J.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":$.value,"is-playing":!p.value}),onMouseenter:n[0]||(n[0]=a=>Z()),onMouseleave:n[1]||(n[1]=a=>x()),onTouchstart:n[2]||(n[2]=a=>_()),onTouchend:n[3]||(n[3]=a=>M()),onTouchcancel:n[4]||(n[4]=a=>M())},[m.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"})},[e.createElementVNode("caption",{ref_key:"caption",ref:h,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:$.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px"})},[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:`${b.value}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:g,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:$.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(c.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,le)],4),c.dataset.body&&c.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:y,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.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,E)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":c.dataset.head[E]||"",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:t.value.tbody.tr.td.style.backgroundColor+e.unref(u.opacity)[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:E})),void 0,!0)],12,re))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ne),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&m.value?(e.openBlock(),e.createBlock(D.UserOptions,{ref:"details",key:`user_option_${O.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(I),isImaging:e.unref(P),uid:A.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:z.value,chartElement:N.value,titles:{...t.value.userOptions.buttonTitles},zIndex:3,noOffset:"",onGeneratePdf:q,onGenerateCsv:U,onGenerateImage:e.unref(F),onToggleAnimation:H,onToggleFullscreen:W},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","titles","onGenerateImage"])):e.createCommentVNode("",!0)],512))}},ue=ae._export_sfc(ie,[["__scopeId","data-v-f722c10b"]]);exports.default=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-D2ZScauW.cjs"),te=require("./useNestedProp-BU7yyXFA.cjs"),D=require("./usePrinter-eqT4IYET.cjs"),oe=require("./vue-ui-skeleton-BLhbQje-.cjs"),ae=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ne=["id"],le=["height"],re=["data-cell","height"],ie={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(c,{expose:G}){const l=c,{vue_ui_carousel_table:j}=u.useConfig(),A=e.ref(u.createUid()),z=e.ref(!1),m=e.ref(!!l.dataset);e.onMounted(()=>{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"}),m.value=!1),(!l.dataset.body||u.objectIsEmpty(l.dataset.body))&&(u.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),m.value=!1))});const t=e.computed(()=>te.useNestedProp({userConfig:l.config,defaultConfig:j})),{isPrinting:I,isImaging:P,generatePdf:X,generateImage:F}=D.usePrinter({elementId:`carousel-table_${A.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),s=e.ref({showAnimation:t.value.animation.use}),i=e.ref(null),N=e.ref(null),h=e.ref(null),g=e.ref(null),b=e.ref(0),B=e.ref(0),$=e.ref(!1),y=e.ref(null),v=e.ref(null),k=e.ref(0);function R(){y.value&&(v.value={elements:y.value.getElementsByTagName("tr"),heights:Array.from(y.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(R);const J=e.computed(()=>!v.value||!v.value.heights.length?0:Math.max(...v.value.heights)+b.value+B.value),K=e.computed(()=>l.dataset.body?t.value.tbody.tr.visible<=l.dataset.body.length?t.value.tbody.tr.visible:l.dataset.body.length:0),Q=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)*K.value+b.value+B.value),w=e.ref(0),C=e.ref(null),T=e.ref(0),p=e.ref(!1),O=e.ref(0);e.onMounted(()=>{h.value&&(b.value=h.value.getBoundingClientRect().height),g.value&&(B.value=g.value.getBoundingClientRect().height),s.value.showAnimation&&v.value&&V()}),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(y.value.querySelectorAll("tr"));i.value.addEventListener("scroll",a),a(),e.onBeforeUnmount(()=>{i.value.removeEventListener("scroll",a)})}});function W(o){z.value=o,O.value+=1}function V(){!C.value&&!p.value&&(C.value=requestAnimationFrame(L))}function Y(){if(!i.value)return!1;const{scrollTop:o,scrollHeight:n,clientHeight:a}=i.value;return o+a>=n}function L(o){if(p.value)return;T.value||(T.value=o),o-T.value>=t.value.animation.speedMs&&(w.value+=v.value.heights[k.value],(Y()||k.value>=v.value.heights.length)&&(w.value=0,k.value=-1),k.value+=1,i.value&&i.value.scrollTo({top:w.value,behavior:"smooth"}),T.value=o),C.value=requestAnimationFrame(L)}function f(){p.value=!0,cancelAnimationFrame(C.value),C.value=null}e.onBeforeUnmount(f);function x(){!p.value||!s.value.showAnimation||(p.value=!1,T.value=0,V())}function Z(){t.value.animation.pauseOnHover&&f()}const S=e.ref(null);function _(){f(),clearTimeout(S.value)}function M(){clearTimeout(S.value),S.value=setTimeout(x,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(s.value.showAnimation=!0,x()):(s.value.showAnimation=!1,f())});const ee=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(n=>{n.forEach(a=>{$.value=a.contentRect.width<ee.value}),b.value=h.value?h.value.getBoundingClientRect().height:0,B.value=g.value?g.value.getBoundingClientRect().height:0,k.value=0,R()});i.value&&o.observe(i.value)});function q(){X()}function H(){s.value.showAnimation=!s.value.showAnimation,s.value.showAnimation?x():f()}function U(){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 G({pauseAnimation:f,resumeAnimation:x,toggleAnimation:H,generateCsv:U,generatePdf:q,generateImage:F}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:N},[e.createElementVNode("div",{ref_key:"tableContainer",ref:i,id:`carousel-table_${A.value}`,style:e.normalizeStyle({height:e.unref(I)||e.unref(P)?"auto":`${Math.max(Q.value,J.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":$.value,"is-playing":!p.value}),onMouseenter:n[0]||(n[0]=a=>Z()),onMouseleave:n[1]||(n[1]=a=>x()),onTouchstart:n[2]||(n[2]=a=>_()),onTouchend:n[3]||(n[3]=a=>M()),onTouchcancel:n[4]||(n[4]=a=>M())},[m.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"})},[e.createElementVNode("caption",{ref_key:"caption",ref:h,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:$.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px"})},[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:`${b.value}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:g,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:$.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(c.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,le)],4),c.dataset.body&&c.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:y,style:e.normalizeStyle({clipPath:"inset(0,0,0,0)"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.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,E)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":c.dataset.head[E]||"",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:t.value.tbody.tr.td.style.backgroundColor+e.unref(u.opacity)[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:E})),void 0,!0)],12,re))),256))],4))),256))],4)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ne),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&m.value?(e.openBlock(),e.createBlock(D.UserOptions,{ref:"details",key:`user_option_${O.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(I),isImaging:e.unref(P),uid:A.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:z.value,chartElement:N.value,titles:{...t.value.userOptions.buttonTitles},zIndex:3,noOffset:"",onGeneratePdf:q,onGenerateCsv:U,onGenerateImage:e.unref(F),onToggleAnimation:H,onToggleFullscreen:W},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","titles","onGenerateImage"])):e.createCommentVNode("",!0)],512))}},ue=ae._export_sfc(ie,[["__scopeId","data-v-f722c10b"]]);exports.default=ue;

package/dist/{vue-ui-carousel-table-BnOsmGVc.js → vue-ui-carousel-table-DJ0AWPea.js}

@@ -1,8 +1,8 @@
 import { ref as o, onMounted as F, computed as B, onBeforeUnmount as ie, watch as ye, openBlock as u, createElementBlock as r, createElementVNode as z, normalizeStyle as d, unref as b, normalizeClass as Ce, createTextVNode as U, toDisplayString as V, renderSlot as p, Fragment as G, renderList as M, normalizeProps as q, guardReactiveProps as D, createCommentVNode as E, createBlock as se, createSlots as $e, withCtx as O, nextTick as Te } from "vue";
-import { u as Ae, c as xe, o as X, e as j, v as ke, q as we, r as Ie } from "./index-CwG--L4Z.js";
-import { u as Fe } from "./useNestedProp-BqwYEJGM.js";
-import { u as Be, U as Oe } from "./usePrinter-Do9tGYem.js";
-import Pe from "./vue-ui-skeleton-ClzVF3vm.js";
+import { u as Ae, c as xe, o as X, e as j, w as ke, q as we, r as Ie } from "./index-BshV7sX1.js";
+import { u as Fe } from "./useNestedProp-B235bkr5.js";
+import { u as Be, U as Oe } from "./usePrinter-Culo-aKo.js";
+import Pe from "./vue-ui-skeleton-7qakoAGH.js";
 import { _ as Re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ze = ["id"], Ee = ["height"], Ne = ["data-cell", "height"], Se = {
   __name: "vue-ui-carousel-table",

package/dist/{vue-ui-chestnut-DFb7M_SC.js → vue-ui-chestnut-Cl0UKWsI.js}

@@ -1,12 +1,12 @@
-import { useCssVars as Me, computed as $, ref as z, onMounted as je, openBlock as a, createElementBlock as o, normalizeClass as m, normalizeStyle as h, createBlock as ee, unref as n, createSlots as Xe, withCtx as U, renderSlot as j, normalizeProps as be, guardReactiveProps as pe, createCommentVNode as b, toDisplayString as c, createElementVNode as s, Fragment as p, renderList as g, createTextVNode as W, withKeys as Oe, createVNode as Ge, nextTick as ge } from "vue";
-import { u as Ee, c as Ae, t as Ue, a as De, p as I, b as Ye, g as te, e as K, d as le, o as qe, X as He, s as _e, v as S, i as G, f as T, D as xe, m as me, j as We, k as P, n as H, q as Ke, r as Je } from "./index-CwG--L4Z.js";
-import { u as Qe, U as Ze } from "./usePrinter-Do9tGYem.js";
-import et from "./vue-ui-skeleton-ClzVF3vm.js";
-import tt from "./BaseIcon-DUPLRuLO.js";
-import lt from "./vue-ui-accordion-Be_wWB1T.js";
-import { u as ke } from "./useNestedProp-BqwYEJGM.js";
+import { useCssVars as Me, computed as $, ref as z, onMounted as je, openBlock as a, createElementBlock as o, normalizeClass as m, normalizeStyle as h, createBlock as te, unref as n, createSlots as Xe, withCtx as U, renderSlot as j, normalizeProps as be, guardReactiveProps as pe, createCommentVNode as b, toDisplayString as c, createElementVNode as s, Fragment as p, renderList as g, createTextVNode as W, withKeys as Oe, createVNode as Ee, nextTick as ge } from "vue";
+import { u as Ge, c as Ae, t as Ue, a as De, p as I, b as Ye, g as le, e as K, d as ae, o as qe, X as He, v as _e, w as S, i as E, f as T, E as xe, m as me, j as We, k as P, n as H, q as Ke, r as Je } from "./index-BshV7sX1.js";
+import { u as Qe, U as Ze } from "./usePrinter-Culo-aKo.js";
+import et from "./vue-ui-skeleton-7qakoAGH.js";
+import tt from "./BaseIcon-BNStcP8c.js";
+import lt from "./vue-ui-accordion-B6AxEnAr.js";
+import { u as ke } from "./useNestedProp-B235bkr5.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "font-weight", "font-size", "x", "y"], rt = ["fill", "font-weight", "font-size", "x", "y"], it = ["id"], ct = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ft = ["id"], bt = ["stop-color"], pt = ["stop-color"], gt = ["stop-color"], _t = ["id"], xt = ["stop-color"], mt = ["stop-color"], kt = ["stop-color"], wt = ["id"], $t = ["stop-color"], Ct = ["stop-color"], zt = ["stop-color"], Tt = { key: 1 }, Nt = ["x", "y", "font-size", "font-weight", "fill"], St = ["x", "y", "font-size", "font-weight", "fill"], Ft = ["d", "stroke"], Lt = ["cx", "cy", "r", "fill"], It = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Pt = { key: 2 }, Vt = ["x", "y", "font-size", "fill", "onClick"], Rt = { key: 0 }, Bt = ["x", "y", "fill", "font-size", "font-weight"], Mt = ["x", "y", "height", "width", "fill", "rx", "onClick"], jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], Xt = { key: 3 }, Ot = ["x", "y", "fill", "font-size", "onClick"], Gt = ["d", "stroke"], Et = ["cx", "cy", "fill", "onClick"], At = ["fill", "cx", "cy", "r", "onClick"], Ut = { key: 4 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qt = ["y", "height", "width"], Ht = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, Wt = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, Kt = {
+const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "font-weight", "font-size", "x", "y"], rt = ["fill", "font-weight", "font-size", "x", "y"], it = ["id"], ct = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ft = ["id"], bt = ["stop-color"], pt = ["stop-color"], gt = ["stop-color"], _t = ["id"], xt = ["stop-color"], mt = ["stop-color"], kt = ["stop-color"], wt = ["id"], $t = ["stop-color"], Ct = ["stop-color"], zt = ["stop-color"], Tt = { key: 1 }, Nt = ["x", "y", "font-size", "font-weight", "fill"], St = ["x", "y", "font-size", "font-weight", "fill"], Ft = ["d", "stroke"], Lt = ["cx", "cy", "r", "fill"], It = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Pt = { key: 2 }, Vt = ["x", "y", "font-size", "fill", "onClick"], Rt = { key: 0 }, Bt = ["x", "y", "fill", "font-size", "font-weight"], Mt = ["x", "y", "height", "width", "fill", "rx", "onClick"], jt = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], Xt = { key: 3 }, Ot = ["x", "y", "fill", "font-size", "onClick"], Et = ["d", "stroke"], Gt = ["cx", "cy", "fill", "onClick"], At = ["fill", "cx", "cy", "r", "onClick"], Ut = { key: 4 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qt = ["y", "height", "width"], Ht = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, Wt = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, Kt = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -17,7 +17,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
 }, al = ["fill"], ol = ["d", "stroke"], sl = ["cx", "cy", "fill"], ul = ["cx", "cy", "fill"], nl = ["d", "stroke"], rl = ["cx", "cy", "fill"], il = ["cx", "cy", "fill"], cl = ["x", "y", "fill", "font-size", "font-weight"], dl = ["x", "y", "fill", "font-size", "font-weight"], vl = ["x", "text-anchor", "y", "fill", "font-size"], yl = ["x", "text-anchor", "y", "fill", "font-size"], hl = ["x", "text-anchor", "y", "fill", "font-size"], fl = ["x", "text-anchor", "y", "fill", "font-size"], bl = ["x", "text-anchor", "y", "fill", "font-size"], pl = ["x", "y", "font-size", "fill"], gl = ["x", "y", "font-size", "fill"], _l = ["x", "y", "font-size", "fill"], xl = {
   key: 2,
   class: "vue-data-ui-watermark"
-}, ml = { style: { "padding-top": "36px", position: "relative" } }, kl = { class: "vue-ui-data-table" }, wl = { key: 0 }, $l = ["data-cell"], Cl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, zl = { key: 0 }, Tl = { key: 1 }, Nl = ["data-cell"], Sl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fl = { key: 0 }, Ll = { key: 1 }, Il = ["data-cell"], Pl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Vl = { key: 0 }, Rl = { key: 1 }, Bl = ["data-cell"], Ml = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, jl = { key: 0 }, Xl = { key: 1 }, Ol = ["data-cell"], Gl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, El = { key: 0 }, Al = { key: 1 }, Ul = ["data-cell"], Dl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Yl = { key: 0 }, ql = { key: 1 }, Hl = ["data-cell"], Wl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Kl = { key: 0 }, Jl = { key: 1 }, Ql = ["data-cell"], Zl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = ["data-cell"], aa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, oa = ["data-cell"], sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ua = ["data-cell"], na = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ra = {
+}, ml = { style: { "padding-top": "36px", position: "relative" } }, kl = { class: "vue-ui-data-table" }, wl = { key: 0 }, $l = ["data-cell"], Cl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, zl = { key: 0 }, Tl = { key: 1 }, Nl = ["data-cell"], Sl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fl = { key: 0 }, Ll = { key: 1 }, Il = ["data-cell"], Pl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Vl = { key: 0 }, Rl = { key: 1 }, Bl = ["data-cell"], Ml = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, jl = { key: 0 }, Xl = { key: 1 }, Ol = ["data-cell"], El = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Gl = { key: 0 }, Al = { key: 1 }, Ul = ["data-cell"], Dl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Yl = { key: 0 }, ql = { key: 1 }, Hl = ["data-cell"], Wl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Kl = { key: 0 }, Jl = { key: 1 }, Ql = ["data-cell"], Zl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = ["data-cell"], aa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, oa = ["data-cell"], sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ua = ["data-cell"], na = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ra = {
   __name: "vue-ui-chestnut",
   props: {
     config: {
@@ -34,12 +34,12 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
     }
   },
   emits: ["selectRoot", "selectBranch", "selectNut"],
-  setup(we, { expose: $e, emit: E }) {
+  setup(we, { expose: $e, emit: G }) {
     const R = we;
     Me((l) => ({
-      "545cdfba": l.tdo
+      "5c2f10c9": l.tdo
     }));
-    const { vue_ui_chestnut: Ce } = Ee(), D = $(() => !!R.dataset && R.dataset.length), k = z(Ae()), ae = z(null), ze = z(null), oe = z(0), e = $(() => {
+    const { vue_ui_chestnut: Ce } = Ge(), D = $(() => !!R.dataset && R.dataset.length), k = z(Ae()), oe = z(null), ze = z(null), se = z(0), e = $(() => {
       const l = ke({
         userConfig: R.config,
         defaultConfig: Ce
@@ -51,12 +51,12 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
         }),
         customPalette: De[l.theme] || I
       } : l;
-    }), { isPrinting: se, isImaging: ue, generatePdf: ne, generateImage: re } = Qe({
+    }), { isPrinting: ue, isImaging: ne, generatePdf: re, generateImage: ie } = Qe({
       elementId: `vue-ui-chestnut_${k.value}`,
       fileName: e.value.style.chart.layout.title.text || "vue-ui-chestnut"
     }), J = $(() => Ye(e.value.customPalette)), Y = z({
       showTable: e.value.table.show
-    }), ie = z(null), ce = z(!1), Te = $(() => e.value.table.responsiveBreakpoint), r = z({
+    }), Q = z(null), ce = z(!1), Te = $(() => e.value.table.responsiveBreakpoint), r = z({
       gap: 6,
       padding: {
         top: 102,
@@ -76,8 +76,8 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
       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
-    })), V = $(() => D.value ? R.dataset.flatMap((l) => l.branches.map((i) => i.value)).reduce((l, i) => l + i) : 0), N = $(() => (R.dataset.forEach((l, i) => {
-      te({
+    })), V = $(() => D.value ? R.dataset.flatMap((l) => (l.branches || []).map((i) => i.value || 0)).reduce((l, i) => l + i, 0) : 0), N = $(() => (R.dataset.forEach((l, i) => {
+      le({
         datasetObject: l,
         requiredAttributes: ["name", "branches"]
       }).forEach((t) => {
@@ -88,7 +88,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
           index: i
         });
       }), l.branches && l.branches.forEach((t, u) => {
-        te({
+        le({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((f) => {
@@ -99,7 +99,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             index: `${i} - ${u}`
           });
         }), t.breakdown && t.breakdown.forEach((f, y) => {
-          te({
+          le({
             datasetObject: f,
             requiredAttributes: ["name", "value"]
           }).forEach((_) => {
@@ -113,24 +113,24 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
         });
       });
     }), R.dataset.map((l, i) => {
-      const t = l.branches.map((u) => u.value).reduce((u, f) => u + f);
+      const t = (l.branches || []).map((u) => u.value || 0).reduce((u, f) => u + f, 0);
       return {
         ...l,
-        color: le(l.color) || J.value[i] || I[i] || I[i % I.length],
+        color: ae(l.color) || J.value[i] || I[i] || I[i % I.length],
         id: l.id || `root_${i}_${k.value}`,
         type: "root",
         total: t,
         rootIndex: i,
-        branches: l.branches.map((u, f) => ({
+        branches: (l.branches || []).map((u, f) => ({
           ...u,
           rootName: l.name,
           rootIndex: i,
-          color: le(l.color) || J.value[i] || I[i] || I[i % I.length],
+          color: ae(l.color) || J.value[i] || I[i] || I[i % I.length],
           value: u.value >= 0 ? u.value : 0,
           id: u.id || `branch_${i}_${f}_${k.value}`,
           proportionToRoot: u.value / t,
           type: "branch",
-          breakdown: u.breakdown.map((y, _) => ({
+          breakdown: (u.breakdown || []).map((y, _) => ({
             table: {
               rootName: l.name,
               rootValue: t,
@@ -155,7 +155,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             proportionToTree: y.value / V.value,
             rootIndex: i,
             id: y.id || `nut_${i}_${f}_${_}_${k.value}`,
-            color: le(y.color) || J.value[_] || I[_] || I[_ % I.length],
+            color: ae(y.color) || J.value[_] || I[_] || I[_ % I.length],
             value: y.value >= 0 ? y.value : 0
           }))
         }))
@@ -179,7 +179,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
       x1: de.value,
       x2: 384 * l.value / Le.value * Ie.value + de.value
     })));
-    function Q(l) {
+    function Z(l) {
       const i = X.value.find((t) => t.rootIndex === l.rootIndex);
       return { x: i.x, y: i.y, r: i.r };
     }
@@ -198,17 +198,17 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
           l.y1 + r.value.branchSize / 2,
           80,
           80
-        ), E("selectNut", l.breakdown);
+        ), G("selectNut", l.breakdown);
       });
     }
     function O() {
-      v.value = null, M.value = null, E("selectNut", null);
+      v.value = null, M.value = null, G("selectNut", null);
     }
-    function Z(l) {
-      x.value && x.value.id === l.id ? (x.value = null, w(), E("selectBranch", null)) : (w(), x.value = l, E("selectBranch", l));
+    function ee(l) {
+      x.value && x.value.id === l.id ? (x.value = null, w(), G("selectBranch", null)) : (w(), x.value = l, G("selectBranch", l));
     }
     function ye(l) {
-      F.value && F.value.id === l.id ? (w(), E("selectRoot", null)) : (w(), F.value = l, E("selectRoot", l));
+      F.value && F.value.id === l.id ? (w(), G("selectRoot", null)) : (w(), F.value = l, G("selectRoot", l));
     }
     function Ve() {
       return C.value.bottom - (v.value.y1 + 180) < 0 ? 0 : C.value.bottom;
@@ -217,11 +217,12 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
       return l.proportion * 100 > e.value.style.chart.layout.nuts.selected.labels.dataLabels.hideUnderValue;
     }
     function Re() {
-      new ResizeObserver((i) => {
+      const l = new ResizeObserver((i) => {
         i.forEach((t) => {
           ce.value = t.contentRect.width < Te.value;
         });
-      }).observe(ie.value);
+      });
+      Q.value && l.observe(Q.value);
     }
     je(() => {
       qe(R.dataset) && K({
@@ -269,32 +270,32 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
     }
     const q = z(!1);
     function Be(l) {
-      q.value = l, oe.value += 1;
+      q.value = l, se.value += 1;
     }
     function fe() {
       Y.value.showTable = !Y.value.showTable;
     }
     return $e({
       getData: Ne,
-      generatePdf: ne,
+      generatePdf: re,
       generateCsv: he,
-      generateImage: re,
+      generateImage: ie,
       toggleTable: fe
     }), (l, i) => (a(), o("div", {
       class: m(`vue-ui-chestnut ${q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "chestnutChart",
-      ref: ae,
+      ref: oe,
       id: `vue-ui-chestnut_${k.value}`,
       style: h(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;padding-top:36px;background:${e.value.style.chart.backgroundColor}`)
     }, [
-      e.value.userOptions.show && D.value ? (a(), ee(Ze, {
+      e.value.userOptions.show && D.value ? (a(), te(Ze, {
         ref_key: "details",
         ref: ze,
-        key: `user_options_${oe.value}`,
+        key: `user_options_${se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: n(ue),
-        isPrinting: n(se),
+        isImaging: n(ne),
+        isPrinting: n(ue),
         uid: k.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -303,11 +304,11 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: q.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: ae.value,
+        chartElement: oe.value,
         onToggleFullscreen: Be,
-        onGeneratePdf: n(ne),
+        onGeneratePdf: n(re),
         onGenerateCsv: he,
-        onGenerateImage: n(re),
+        onGenerateImage: n(ie),
         onToggleTable: fe
       }, Xe({ _: 2 }, [
         l.$slots.optionPdf ? {
@@ -491,7 +492,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             fill: e.value.style.chart.layout.grandTotal.color,
             "text-anchor": "middle",
             onClick: w
-          }, c(n(G)(
+          }, c(n(E)(
             e.value.style.chart.layout.grandTotal.formatter,
             V.value,
             n(T)({
@@ -508,7 +509,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
                     ${t.x1},${t.y1 + f}
                     C${t.x1 - 20},${t.y1 + f} 
                     ${t.x1 - 80},${t.y1 + f} 
-                    ${Q(t).x + Q(t).r / 2}, ${Q(t).y}
+                    ${Z(t).x + Z(t).r / 2}, ${Z(t).y}
                 `,
             stroke: `${t.color}${n(S)[e.value.style.chart.layout.links.opacity]}`,
             fill: "none",
@@ -546,7 +547,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             "font-weight": "bold",
             style: h(`cursor:pointer; opacity:${L(t) ? 1 : 0.05}`),
             onClick: (f) => ye(t)
-          }, c(n(G)(
+          }, c(n(E)(
             e.value.style.chart.layout.roots.labels.formatter,
             t.total,
             n(T)({
@@ -580,7 +581,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
           rx: e.value.style.chart.layout.branches.borderRadius,
           stroke: "none",
           style: h(`opacity:${L(t) ? 1 : 0.05}`),
-          onClick: (u) => Z(t)
+          onClick: (u) => ee(t)
         }, null, 12, Mt))), 256)),
         (a(!0), o(p, null, g(B.value, (t, u) => (a(), o("rect", {
           x: t.x1,
@@ -592,7 +593,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
           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: (f) => Z(t)
+          onClick: (f) => ee(t)
         }, null, 12, jt))), 256)),
         e.value.style.chart.layout.branches.labels.dataLabels.show ? (a(), o("g", Xt, [
           (a(!0), o(p, null, g(B.value, (t) => (a(), o("g", null, [
@@ -605,8 +606,8 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
               "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) => Z(t)
-            }, c(n(G)(
+              onClick: (u) => ee(t)
+            }, c(n(E)(
               e.value.style.chart.layout.branches.labels.dataLabels.formatter,
               t.value,
               n(T)({
@@ -632,7 +633,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             "stroke-width": 10,
             fill: "none",
             style: h(`opacity:${L(t) ? 1 : 0.1}`)
-          }, null, 12, Gt))), 256)),
+          }, null, 12, Et))), 256)),
           (a(!0), o(p, null, g(B.value, (f) => (a(), o("circle", {
             cx: f.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
             cy: f.y1 + r.value.branchSize / 2,
@@ -640,7 +641,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             fill: e.value.style.chart.backgroundColor,
             onClick: (y) => ve(f),
             style: { cursor: "pointer" }
-          }, null, 8, Et))), 256)),
+          }, null, 8, Gt))), 256)),
           s("circle", {
             fill: e.value.style.chart.layout.nuts.useGradient ? `url(#nut_${k.value})` : "transparent",
             cx: t.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
@@ -693,7 +694,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
                   }, null, 8, Jt)
                 ])),
                 s("span", null, c(t.name) + ":", 1),
-                s("b", null, c(n(G)(
+                s("b", null, c(n(E)(
                   e.value.style.chart.layout.roots.labels.formatter,
                   t.total,
                   n(T)({
@@ -817,7 +818,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             "text-anchor": "middle",
             onClick: O,
             class: m(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
-          }, c(n(G)(
+          }, c(n(E)(
             e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
             v.value.value,
             n(T)({
@@ -864,7 +865,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
               v: v.value.breakdown[u].value / v.value.value * 100,
               s: "%",
               r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
-            })) + " " + c(e.value.translations.of) + " " + c(v.value.breakdown[u].branchName) + " " + c(n(G)(
+            })) + " " + c(e.value.translations.of) + " " + c(v.value.breakdown[u].branchName) + " " + c(n(E)(
               e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
               v.value.breakdown[u].value,
               n(T)({
@@ -915,7 +916,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
             "font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
             fill: e.value.style.chart.layout.branches.labels.color,
             onClick: w
-          }, c(t.name) + ": " + c(n(G)(
+          }, c(t.name) + ": " + c(n(E)(
             e.value.style.chart.layout.branches.labels.dataLabels.formatter,
             t.value,
             n(T)({
@@ -956,9 +957,9 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
         j(l.$slots, "svg", { svg: r.value }, void 0, !0)
       ], 14, st)) : b("", !0),
       l.$slots.watermark ? (a(), o("div", xl, [
-        j(l.$slots, "watermark", be(pe({ isPrinting: n(se) || n(ue) })), void 0, !0)
+        j(l.$slots, "watermark", be(pe({ isPrinting: n(ue) || n(ne) })), void 0, !0)
       ])) : b("", !0),
-      D.value ? b("", !0) : (a(), ee(et, {
+      D.value ? b("", !0) : (a(), te(et, {
         key: 3,
         config: {
           type: "chestnut",
@@ -971,7 +972,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
         }
       }, null, 8, ["config"])),
       j(l.$slots, "legend", { legend: N.value }, void 0, !0),
-      D.value ? (a(), ee(lt, {
+      D.value ? (a(), te(lt, {
         key: 4,
         hideDetails: "",
         config: {
@@ -990,7 +991,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
         content: U(() => [
           s("div", {
             ref_key: "tableContainer",
-            ref: ie,
+            ref: Q,
             class: "vue-ui-chestnut-table"
           }, [
             s("div", ml, [
@@ -1001,7 +1002,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
                 onClick: i[0] || (i[0] = (t) => Y.value.showTable = !1),
                 onKeypress: i[1] || (i[1] = Oe((t) => Y.value.showTable = !1, ["enter"]))
               }, [
-                Ge(tt, {
+                Ee(tt, {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -1075,8 +1076,8 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
                         style: h(`outline:${e.value.table.td.outline}`),
                         "data-cell": d.value.head[4]
                       }, [
-                        s("div", Gl, [
-                          d.value.body[u - 1] && d.value.body[u - 1].branchName === t.branchName ? (a(), o("span", El)) : (a(), o("span", Al, c(t.branchValue.toFixed(e.value.table.td.roundingValue)), 1))
+                        s("div", El, [
+                          d.value.body[u - 1] && d.value.body[u - 1].branchName === t.branchName ? (a(), o("span", Gl)) : (a(), o("span", Al, c(t.branchValue.toFixed(e.value.table.td.roundingValue)), 1))
                         ])
                       ], 12, Ol),
                       s("td", {
@@ -1143,7 +1144,7 @@ const ot = ["id"], st = ["xmlns", "viewBox"], ut = { key: 0 }, nt = ["fill", "fo
       }, 8, ["config"])) : b("", !0)
     ], 14, ot));
   }
-}, ga = /* @__PURE__ */ at(ra, [["__scopeId", "data-v-bdbb359d"]]);
+}, ga = /* @__PURE__ */ at(ra, [["__scopeId", "data-v-3571ba27"]]);
 export {
   ga as default
 };