vue-data-ui 2.6.39 → 2.6.41

package/dist/vue-ui-heatmap-DiKzEnfD.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-CuhZ_hul.cjs"),me=require("./Title-CcDml6Zf.cjs"),se=require("./usePrinter-D3Sb5fSb.cjs"),be=require("./Tooltip-lj99sBKN.cjs"),ke=require("./vue-ui-skeleton-cQoXWosg.cjs"),xe=require("./BaseIcon-CnmrKVrD.cjs"),we=require("./vue-ui-accordion-Ds-8LBd7.cjs"),ue=require("./useNestedProp-DVSKLFhF.cjs"),Ce=require("./PackageVersion-BzhafpGr.cjs"),_e=require("./PenAndPaper-ZkRFCit4.cjs"),Le=require("./useUserOptionState-BgepsfED.cjs"),Ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),Be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ve=["id"],Ee={key:2,style:"width:100%;background:transparent"},Te=["xmlns","viewBox"],Se=["width","height"],$e=["x","y","height","width","fill","stroke","stroke-width"],Ae=["x","y","height","width","fill","stroke","stroke-width"],ze=["x","y","width","height","fill","stroke","stroke-width"],Me=["x","y","width","height","fill","stroke","stroke-width"],Oe=["font-size","font-weight","fill","x","y"],Pe=["x","y","width","height","onMouseover"],Fe={key:0},De=["font-size","fill","x","y","font-weight"],Ie=["font-size","fill","x","y","font-weight"],Re={key:1},qe=["x","y","width","height","fill","stroke","stroke-width"],He=["x","y","width","height","fill","stroke","stroke-width"],Ue={key:2},Xe=["text-anchor","font-size","fill","font-weight","transform"],Ye=["text-anchor","font-size","fill","font-weight","transform"],Ge={key:4},je=["x","y","width","height","stroke","stroke-width"],We={key:5},Ke=["id"],Je=["stop-color"],Qe=["stop-color"],Ze=["x","y","font-size","fill"],el=["x","y","height","rx","fill"],ll=["x","y","font-size","fill"],tl=["stroke","x1","x2","y1","y2"],al=["fill","d"],ol={key:6},sl={id:"colorScaleHorizontal",x1:"0%",x2:"100%",y1:"0%",y2:"0%"},ul=["stop-color"],nl=["stop-color"],rl=["x","y","width","height","rx"],il=["x","y","font-size","fill"],cl=["x","y","font-size","fill"],dl=["stroke","x1","x2","y1","y2"],vl=["fill","d"],yl={key:5,class:"vue-data-ui-watermark"},hl={key:6,ref:"source",dir:"auto"},pl={class:"vue-ui-data-table"},gl={key:0},fl=["data-cell"],ml={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},bl=["data-cell"],kl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},xl={__name:"vue-ui-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(E,{expose:ne}){e.useCssVars(t=>({"05be67bb":t.tdo}));const{vue_ui_heatmap:re}=s.useConfig(),i=E,T=e.computed(()=>!!i.dataset&&i.dataset.length);s.objectIsEmpty(i.dataset)&&s.error({componentName:"VueUiHeatmap",type:"dataset"});const _=e.ref(s.createUid()),z=e.ref(null),ie=e.ref(null),M=e.ref(!1),O=e.ref(""),H=e.ref(void 0),L=e.ref(null),U=e.ref(0),X=e.ref(null),ce=e.ref(null),Y=e.ref(!1),G=e.ref(0),l=e.computed({get:()=>J(),set:t=>t}),{userOptionsVisible:P,setUserOptionsVisibility:j,keepUserOptionState:W}=Le.useUserOptionState({config:l.value}),{svgRef:K}=Ne.useChartAccessibility({config:l.value.style.title});function J(){const t=ue.useNestedProp({userConfig:i.config,defaultConfig:re});let u={};return t.theme?u={...ue.useNestedProp({userConfig:s.themes.vue_ui_heatmap[t.theme]||i.config,defaultConfig:t})}:u=t,i.config&&s.hasDeepProperty(i.config,"style.layout.dataLabels.xAxis.showOnlyAtModulo")?u.style.layout.dataLabels.xAxis.showOnlyAtModulo=i.config.style.layout.dataLabels.xAxis.showOnlyAtModulo:u.style.layout.dataLabels.xAxis.showOnlyAtModulo=null,u}e.watch(()=>i.config,t=>{l.value=J(),P.value=!l.value.userOptions.showOnChartHover,F(),G.value+=1,g.value.showTable=l.value.table.show,g.value.showTooltip=l.value.style.tooltip.show},{deep:!0}),e.watch(()=>i.dataset,()=>{F()},{deep:!0});const{isPrinting:Q,isImaging:Z,generatePdf:ee,generateImage:le}=se.usePrinter({elementId:`heatmap__${_.value}`,fileName:l.value.style.title.text||"vue-ui-heatmap"}),de=e.computed(()=>l.value.userOptions.show&&!l.value.style.title.text),g=e.ref({showTable:l.value.table.show,showTooltip:l.value.style.tooltip.show}),ve=e.computed(()=>l.value.table.responsiveBreakpoint);function ye(){new ResizeObserver(u=>{u.forEach(r=>{Y.value=r.contentRect.width<ve.value})}).observe(X.value)}e.onMounted(F);function F(){ye()}const k=e.computed(()=>Math.max(...i.dataset.flatMap(t=>(t.values||[]).length))),f=e.computed(()=>{const t=l.value.style.layout.padding.top+l.value.style.layout.padding.bottom+i.dataset.length*l.value.style.layout.cells.height,u=l.value.style.layout.padding.left+l.value.style.layout.padding.right+(k.value<i.dataset.length?i.dataset.length:k.value)*l.value.style.layout.cells.height,r=t+(l.value.style.legend.show?l.value.style.legend.position==="right"?0:l.value.style.layout.cells.height*2:0);return{height:t,heightWithLegend:r,width:u}}),S=e.computed(()=>l.value.style.legend.position),a=e.computed(()=>({top:l.value.style.layout.padding.top,left:l.value.style.layout.padding.left,right:f.value.width-l.value.style.layout.padding.right-(S.value==="right"&&l.value.style.legend.show?92:0),bottom:f.value.height-l.value.style.layout.padding.bottom,height:f.value.height-l.value.style.layout.padding.top-l.value.style.layout.padding.bottom,width:f.value.width-l.value.style.layout.padding.right-l.value.style.layout.padding.left-(S.value==="right"&&l.value.style.legend.show?92:0)})),D=e.computed(()=>o.value.height*i.dataset.length),m=e.computed(()=>Math.max(...i.dataset.flatMap(t=>t.values))),x=e.computed(()=>Math.min(...i.dataset.flatMap(t=>t.values))),w=e.computed(()=>{const t=i.dataset.flatMap(r=>r.values);return t.reduce((r,n)=>r+n,0)/t.length}),o=e.computed(()=>({width:a.value.width/k.value,height:a.value.width/(k.value<i.dataset.length?i.dataset.length:k.value)})),v=e.computed(()=>{const t=l.value.style.layout.dataLabels.yAxis.values.length?l.value.style.layout.dataLabels.yAxis.values:i.dataset.map(d=>d.name),u=l.value.style.layout.dataLabels.xAxis.values,r=i.dataset.map(d=>d.values.reduce((h,q)=>h+q,0)),n=Math.max(...r),c=Math.min(...r),y=[];for(let d=0;d<k.value;d+=1)y.push(i.dataset.map(h=>h.values[d]||0).reduce((h,q)=>h+q,0));const p=Math.max(...y),R=Math.min(...y);return{yTotals:r.map(d=>{const h=isNaN(d/n)?0:d/n;return{total:d,proportion:h,color:s.interpolateColorHex(l.value.style.layout.cells.colors.cold,l.value.style.layout.cells.colors.hot,c,n,d)}}),xTotals:y.map(d=>{const h=isNaN(d/p)?0:d/p;return{total:d,proportion:h,color:s.interpolateColorHex(l.value.style.layout.cells.colors.cold,l.value.style.layout.cells.colors.hot,R,p,d)}}),yLabels:t,xLabels:u.slice(0,k.value)}}),$=e.computed(()=>(i.dataset.forEach((t,u)=>{s.getMissingDatasetAttributes({datasetObject:t,requiredAttributes:["values"]}).forEach(r=>{s.error({componentName:"VueUiHeatmap",type:"datasetSerieAttribute",property:"values",index:u})})}),i.dataset.map(t=>({...t,temperatures:(t.values||[]).map((u,r)=>u>=w.value?{side:"up",color:s.interpolateColorHex(l.value.style.layout.cells.colors.cold,l.value.style.layout.cells.colors.hot,x.value,m.value,u),ratio:Math.abs(Math.abs(u-w.value)/Math.abs(m.value-w.value))>1?1:Math.abs(Math.abs(u-w.value)/Math.abs(m.value-w.value)),value:u,yAxisName:t.name,xAxisName:v.value.xLabels[r],id:`vue-data-ui-heatmap-cell-${s.createUid()}`}:{side:"down",ratio:Math.abs(1-Math.abs(u)/Math.abs(w.value))>1?1:Math.abs(1-Math.abs(u)/Math.abs(w.value)),color:s.interpolateColorHex(l.value.style.layout.cells.colors.cold,l.value.style.layout.cells.colors.hot,x.value,m.value,u),value:u,yAxisName:t.name,xAxisName:v.value.xLabels[r],id:`vue-data-ui-heatmap-cell-${s.createUid()}`})})))),b=e.ref(null),N=e.ref(null);function he(t,u,r,n){L.value={x:r,y:n};const{value:c,yAxisName:y,xAxisName:p,id:R}=t;H.value=R,b.value=c,N.value={datapoint:t,seriesIndex:u,series:$.value,config:l.value},M.value=!0;let d="";const h=l.value.style.tooltip.customFormat;s.isFunction(h)&&s.functionReturnsString(()=>h({datapoint:t,seriesIndex:u,series:$.value,config:l.value}))?O.value=h({datapoint:t,seriesIndex:u,series:$.value,config:l.value}):(d+=`<div>${y} ${p?`${p}`:""}</div>`,d+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${l.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${s.interpolateColorHex(l.value.style.layout.cells.colors.cold,l.value.style.layout.cells.colors.hot,x.value,m.value,c)}">⬤</span><span>${isNaN(c)?"-":s.applyDataLabel(l.value.style.layout.cells.value.formatter,c,s.dataLabel({p:l.value.style.layout.dataLabels.prefix,v:c,s:l.value.style.layout.dataLabels.suffix,r:l.value.style.tooltip.roundingValue}),{datapoint:t,seriesIndex:u})}</span></div>`,O.value=`<div style="font-size:${l.value.style.tooltip.fontSize}px">${d}</div>`)}const B=e.computed(()=>a.value.top+D.value*(1-b.value/m.value)),V=e.computed(()=>a.value.left+(f.value.width-a.value.left-l.value.style.layout.padding.right)*(b.value/m.value));function pe(t){return s.applyDataLabel(l.value.style.layout.cells.value.formatter,v.value.yTotals[t].total,s.dataLabel({p:l.value.style.layout.dataLabels.prefix,v:v.value.yTotals[t].total,s:l.value.style.layout.dataLabels.suffix,r:l.value.style.layout.cells.value.roundingValue}),{datapoint:v.value.yTotals[t],rowIndex:t})}function ge(t){return s.applyDataLabel(l.value.style.layout.cells.value.formatter,v.value.xTotals[t].total,s.dataLabel({p:l.value.style.layout.dataLabels.prefix,v:v.value.xTotals[t].total,s:l.value.style.layout.dataLabels.suffix,r:l.value.style.layout.cells.value.roundingValue}),{datapoint:v.value.xTotals[t],colIndex:t})}e.computed(()=>{const t=i.dataset.map(r=>({name:r.name})),u=i.dataset.map(r=>r.values);return{head:t,body:u}});function te(){e.nextTick(()=>{const t=["",...i.dataset.map((c,y)=>c.name)],u=[];for(let c=0;c<v.value.xLabels.length;c+=1){const y=[v.value.xLabels[c]];for(let p=0;p<i.dataset.length;p+=1)y.push([i.dataset[p].values[c]]);u.push(y)}const r=[[l.value.style.title.text],[l.value.style.title.subtitle.text],[[""],[""],[""]]].concat([t]).concat(u),n=s.createCsvContent(r);s.downloadCsv({csvContent:n,title:l.value.style.title.text||"vue-ui-heatmap"})})}const C=e.ref(!1);function fe(t){C.value=t,U.value+=1}function ae(){g.value.showTable=!g.value.showTable}function oe(){g.value.showTooltip=!g.value.showTooltip}const A=e.ref(!1);function I(){A.value=!A.value}return ne({generatePdf:ee,generateCsv:te,generateImage:le,toggleTable:ae,toggleTooltip:oe,toggleAnnotator:I}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"heatmapChart",ref:z,class:e.normalizeClass(`vue-ui-heatmap ${C.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${l.value.style.fontFamily};width:100%; text-align:center;background:${l.value.style.backgroundColor}`),id:`heatmap__${_.value}`,onMouseenter:u[3]||(u[3]=()=>e.unref(j)(!0)),onMouseleave:u[4]||(u[4]=()=>e.unref(j)(!1))},[l.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(_e.PenAndPaper,{key:0,svgRef:e.unref(K),backgroundColor:l.value.style.backgroundColor,color:l.value.style.color,active:A.value,onClose:I},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),de.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:ce,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),l.value.style.title.text?(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(),e.createBlock(me._sfc_main,{key:`title_${G.value}`,config:{title:{cy:"heatmap-div-title",...l.value.style.title},subtitle:{cy:"heatmap-div-subtitle",...l.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),l.value.userOptions.show&&T.value&&(e.unref(W)||e.unref(P))?(e.openBlock(),e.createBlock(se.UserOptions,{ref_key:"details",ref:ie,key:`user_options_${U.value}`,backgroundColor:l.value.style.backgroundColor,color:l.value.style.color,isImaging:e.unref(Z),isPrinting:e.unref(Q),uid:_.value,hasTooltip:l.value.userOptions.buttons.tooltip&&l.value.style.tooltip.show,hasPdf:l.value.userOptions.buttons.pdf,hasImg:l.value.userOptions.buttons.img,hasXls:l.value.userOptions.buttons.csv,hasTable:l.value.userOptions.buttons.table,hasFullscreen:l.value.userOptions.buttons.fullscreen,isFullscreen:C.value,isTooltip:g.value.showTooltip,titles:{...l.value.userOptions.buttonTitles},chartElement:z.value,position:l.value.userOptions.position,hasAnnotator:l.value.userOptions.buttons.annotator,isAnnotation:A.value,onToggleFullscreen:fe,onGeneratePdf:e.unref(ee),onGenerateCsv:te,onGenerateImage:e.unref(le),onToggleTable:ae,onToggleTooltip:oe,onToggleAnnotator:I,style:e.normalizeStyle({visibility:e.unref(W)?e.unref(P)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:r,color:n})=>[e.renderSlot(t.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:r,color:n})),void 0,!0)]),key:"0"}:void 0,t.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTooltip",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"4"}:void 0,t.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTable",{},void 0,!0)]),key:"5"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:r,isFullscreen:n})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:r,isFullscreen:n})),void 0,!0)]),key:"6"}:void 0,t.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:r,isAnnotator:n})=>[e.renderSlot(t.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:r,isAnnotator:n})),void 0,!0)]),key:"7"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),T.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:K,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":C.value,"vue-data-ui-fulscreen--off":!C.value}),viewBox:`0 0 ${f.value.width} ${f.value.heightWithLegend}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${l.value.style.color}`)},[e.createVNode(Ce._sfc_main),t.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:f.value.width,height:f.value.heightWithLegend,style:{pointerEvents:"none"}},[e.renderSlot(t.$slots,"chart-background",{},void 0,!0)],8,Se)):e.createCommentVNode("",!0),l.value.style.layout.cells.columnTotal.color.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value.xTotals,(r,n)=>(e.openBlock(),e.createElementBlock("rect",{x:a.value.left+o.value.width*n+l.value.style.layout.cells.spacing/2+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:a.value.top-o.value.height/3-l.value.style.layout.cells.spacing,height:o.value.height/3,width:o.value.width-l.value.style.layout.cells.spacing,fill:l.value.style.layout.cells.colors.underlayer,stroke:l.value.style.backgroundColor,"stroke-width":l.value.style.layout.cells.spacing},null,8,$e))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value.xTotals,(r,n)=>(e.openBlock(),e.createElementBlock("rect",{x:a.value.left+o.value.width*n+l.value.style.layout.cells.spacing/2+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:a.value.top-o.value.height/3-l.value.style.layout.cells.spacing,height:o.value.height/3,width:o.value.width-l.value.style.layout.cells.spacing,fill:r.color,stroke:l.value.style.backgroundColor,"stroke-width":l.value.style.layout.cells.spacing},null,8,Ae))),256))],64)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(r,n)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.temperatures,(c,y)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{x:a.value.left+o.value.width*y+l.value.style.layout.cells.spacing/2+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:a.value.top+o.value.height*n+l.value.style.layout.cells.spacing/2,width:o.value.width-l.value.style.layout.cells.spacing,height:o.value.height-l.value.style.layout.cells.spacing,fill:l.value.style.layout.cells.colors.underlayer,stroke:l.value.style.backgroundColor,"stroke-width":l.value.style.layout.cells.spacing},null,8,ze),e.createElementVNode("rect",{x:a.value.left+o.value.width*y+l.value.style.layout.cells.spacing/2+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:a.value.top+o.value.height*n+l.value.style.layout.cells.spacing/2,width:o.value.width-l.value.style.layout.cells.spacing,height:o.value.height-l.value.style.layout.cells.spacing,fill:c.color,stroke:l.value.style.backgroundColor,"stroke-width":l.value.style.layout.cells.spacing},null,8,Me),l.value.style.layout.cells.value.show?(e.openBlock(),e.createElementBlock("text",{key:0,"text-anchor":"middle","font-size":l.value.style.layout.cells.value.fontSize,"font-weight":l.value.style.layout.cells.value.bold?"bold":"normal",fill:e.unref(s.adaptColorToBackground)(c.color),x:a.value.left+o.value.width*y+o.value.width/2+ +(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:a.value.top+o.value.height*n+o.value.height/2+l.value.style.layout.cells.value.fontSize/3},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.layout.cells.value.formatter,c.value,e.unref(s.dataLabel)({p:l.value.style.layout.dataLabels.prefix,v:c.value,s:l.value.style.layout.dataLabels.suffix,r:l.value.style.layout.cells.value.roundingValue}),{datapoint:c})),9,Oe)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.temperatures,(c,y)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{x:a.value.left+o.value.width*y+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:a.value.top+o.value.height*n,width:o.value.width,height:o.value.height,fill:"transparent",stroke:"none",onMouseover:p=>he(c,n,a.value.left+o.value.width*y,a.value.top+o.value.height*n),onMouseout:u[0]||(u[0]=p=>{M.value=!1,H.value=void 0,b.value=null,L.value=null})},null,40,Pe)]))),256)),l.value.style.layout.dataLabels.yAxis.show?(e.openBlock(),e.createElementBlock("g",Fe,[e.createElementVNode("text",{class:"vue-ui-heatmap-row-name","font-size":l.value.style.layout.dataLabels.yAxis.fontSize,fill:l.value.style.layout.dataLabels.yAxis.color,x:a.value.left+l.value.style.layout.dataLabels.yAxis.offsetX-6,y:a.value.top+o.value.height*n+o.value.height/2+l.value.style.layout.dataLabels.yAxis.fontSize/3+l.value.style.layout.dataLabels.yAxis.offsetY-(l.value.style.layout.cells.rowTotal.value.show?l.value.style.layout.dataLabels.yAxis.fontSize/1.5:0),"text-anchor":"end","font-weight":l.value.style.layout.dataLabels.yAxis.bold?"bold":"normal"},e.toDisplayString(v.value.yLabels[n]),9,De),l.value.style.layout.cells.rowTotal.value.show?(e.openBlock(),e.createElementBlock("text",{key:0,class:"vue-ui-heatmap-row-total","font-size":l.value.style.layout.dataLabels.yAxis.fontSize,fill:l.value.style.layout.dataLabels.yAxis.color,x:a.value.left+l.value.style.layout.dataLabels.yAxis.offsetX-6,y:a.value.top+o.value.height*n+o.value.height/2+l.value.style.layout.dataLabels.yAxis.fontSize+l.value.style.layout.dataLabels.yAxis.offsetY,"text-anchor":"end","font-weight":l.value.style.layout.dataLabels.yAxis.bold?"bold":"normal"},e.toDisplayString(pe(n)),9,Ie)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),l.value.style.layout.cells.rowTotal.color.show?(e.openBlock(),e.createElementBlock("g",Re,[e.createElementVNode("rect",{x:a.value.left,y:a.value.top+o.value.height*n,width:o.value.height/3,height:o.value.height-l.value.style.layout.cells.spacing,fill:l.value.style.layout.cells.colors.underlayer,stroke:l.value.style.backgroundColor,"stroke-width":l.value.style.layout.cells.spacing},null,8,qe),e.createElementVNode("rect",{x:a.value.left,y:a.value.top+o.value.height*n+l.value.style.layout.cells.spacing/2,width:o.value.height/3,height:o.value.height-l.value.style.layout.cells.spacing,fill:v.value.yTotals[n].color,stroke:l.value.style.backgroundColor,"stroke-width":l.value.style.layout.cells.spacing},null,8,He)])):e.createCommentVNode("",!0)]))),256)),l.value.style.layout.dataLabels.xAxis.show?(e.openBlock(),e.createElementBlock("g",Ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value.xLabels,(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!l.value.style.layout.dataLabels.xAxis.showOnlyAtModulo||l.value.style.layout.dataLabels.xAxis.showOnlyAtModulo&&n%l.value.style.layout.dataLabels.xAxis.showOnlyAtModulo===0?(e.openBlock(),e.createElementBlock("text",{key:0,class:"vue-ui-heatmap-col-name","text-anchor":l.value.style.layout.dataLabels.xAxis.rotation===0?"middle":l.value.style.layout.dataLabels.xAxis.rotation<0?"start":"end","font-size":l.value.style.layout.dataLabels.xAxis.fontSize,fill:l.value.style.layout.dataLabels.xAxis.color,"font-weight":l.value.style.layout.dataLabels.xAxis.bold?"bold":"normal",transform:`translate(${a.value.left+o.value.width/2+a.value.width/v.value.xLabels.length*n+l.value.style.layout.dataLabels.xAxis.offsetX+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0)}, ${a.value.top+l.value.style.layout.dataLabels.xAxis.offsetY-6-(l.value.style.layout.cells.columnTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0)}), rotate(${l.value.style.layout.dataLabels.xAxis.rotation})`},e.toDisplayString(r),9,Xe)):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0),l.value.style.layout.cells.columnTotal.value.show?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(v.value.xLabels,(r,n)=>(e.openBlock(),e.createElementBlock("text",{class:"vue-ui-heatmap-col-total","text-anchor":l.value.style.layout.cells.columnTotal.value.rotation===0?"middle":l.value.style.layout.cells.columnTotal.value.rotation<0?"end":"start","font-size":l.value.style.layout.dataLabels.xAxis.fontSize,fill:l.value.style.layout.dataLabels.xAxis.color,"font-weight":l.value.style.layout.dataLabels.xAxis.bold?"bold":"normal",transform:`translate(${a.value.left+o.value.width/2+a.value.width/v.value.xLabels.length*n+l.value.style.layout.dataLabels.xAxis.offsetX+l.value.style.layout.cells.columnTotal.value.offsetX+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0)}, ${a.value.bottom-l.value.style.layout.dataLabels.xAxis.fontSize+l.value.style.layout.cells.columnTotal.value.offsetY}), rotate(${l.value.style.layout.cells.columnTotal.value.rotation})`},e.toDisplayString(ge(n)),9,Ye))),256)):e.createCommentVNode("",!0),L.value?(e.openBlock(),e.createElementBlock("g",Ge,[e.createElementVNode("rect",{style:{"pointer-events":"none"},x:L.value.x-l.value.style.layout.cells.selected.border/2+l.value.style.layout.cells.spacing+(l.value.style.layout.cells.rowTotal.color.show?o.value.height/3+l.value.style.layout.cells.spacing:0),y:L.value.y-l.value.style.layout.cells.selected.border/2+l.value.style.layout.cells.spacing,width:o.value.width-l.value.style.layout.cells.spacing+l.value.style.layout.cells.selected.border-l.value.style.layout.cells.spacing,height:o.value.height-l.value.style.layout.cells.spacing+l.value.style.layout.cells.selected.border-l.value.style.layout.cells.spacing,fill:"transparent",stroke:l.value.style.layout.cells.selected.color,"stroke-width":l.value.style.layout.cells.selected.border,rx:1},null,8,je)])):e.createCommentVNode("",!0),l.value.style.legend.show&&S.value==="right"?(e.openBlock(),e.createElementBlock("g",We,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:`colorScaleVertical_${_.value}`,x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":l.value.style.layout.cells.colors.hot},null,8,Je),e.createElementVNode("stop",{offset:"100%","stop-color":l.value.style.layout.cells.colors.cold},null,8,Qe)],8,Ke)]),e.createElementVNode("text",{x:a.value.right+36+18,y:a.value.top-l.value.style.legend.fontSize*1.5,"text-anchor":"middle","font-size":l.value.style.legend.fontSize*2,fill:l.value.style.legend.color},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.layout.cells.value.formatter,e.unref(s.checkNaN)(m.value),e.unref(s.dataLabel)({p:l.value.style.layout.dataLabels.prefix,v:e.unref(s.checkNaN)(m.value),s:l.value.style.layout.dataLabels.suffix,r:l.value.style.legend.roundingValue}))),9,Ze),e.createElementVNode("rect",{x:a.value.right+36,y:a.value.top,width:36,height:D.value,rx:l.value.style.legend.scaleBorderRadius,fill:`url(#colorScaleVertical_${_.value})`},null,8,el),e.createElementVNode("text",{x:a.value.right+36+18,y:a.value.top+D.value+l.value.style.legend.fontSize*2.5,"text-anchor":"middle","font-size":l.value.style.legend.fontSize*2,fill:l.value.style.legend.color},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.layout.cells.value.formatter,e.unref(s.checkNaN)(x.value),e.unref(s.dataLabel)({p:l.value.style.layout.dataLabels.prefix,v:e.unref(s.checkNaN)(x.value),s:l.value.style.layout.dataLabels.suffix,r:l.value.style.legend.roundingValue}))),9,ll),b.value!==null?(e.openBlock(),e.createElementBlock("line",{key:0,stroke:e.unref(s.adaptColorToBackground)(N.value.datapoint.color),"stroke-width":"2",x1:a.value.right+36,x2:a.value.right+72,y1:B.value,y2:B.value},null,8,tl)):e.createCommentVNode("",!0),b.value!==null?(e.openBlock(),e.createElementBlock("path",{key:1,fill:l.value.style.color,stroke:"none",d:`M ${a.value.right+36},${B.value} ${a.value.right+26},${B.value-8} ${a.value.right+26},${B.value+8}z`},null,8,al)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),l.value.style.legend.show&&S.value==="bottom"?(e.openBlock(),e.createElementBlock("g",ol,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",sl,[e.createElementVNode("stop",{offset:"0%","stop-color":l.value.style.layout.cells.colors.cold},null,8,ul),e.createElementVNode("stop",{offset:"100%","stop-color":l.value.style.layout.cells.colors.hot},null,8,nl)])]),e.createElementVNode("rect",{x:a.value.left,y:a.value.bottom+l.value.style.layout.cells.height,width:f.value.width-a.value.left-l.value.style.layout.padding.right,height:l.value.style.layout.cells.height,rx:l.value.style.legend.scaleBorderRadius>l.value.style.layout.cells.height/2?l.value.style.layout.cells.height/2:l.value.style.legend.scaleBorderRadius,fill:"url(#colorScaleHorizontal)"},null,8,rl),e.createElementVNode("text",{x:a.value.left,y:a.value.bottom+l.value.style.layout.cells.height*2+l.value.style.legend.fontSize*2,"text-anchor":"start","font-size":l.value.style.legend.fontSize*2,fill:l.value.style.legend.color},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.layout.cells.value.formatter,e.unref(s.checkNaN)(x.value),e.unref(s.dataLabel)({p:l.value.style.layout.dataLabels.prefix,v:e.unref(s.checkNaN)(x.value),s:l.value.style.layout.dataLabels.suffix,r:l.value.style.legend.roundingValue}))),9,il),e.createElementVNode("text",{x:a.value.right,y:a.value.bottom+l.value.style.layout.cells.height*2+l.value.style.legend.fontSize*2,"text-anchor":"end","font-size":l.value.style.legend.fontSize*2,fill:l.value.style.legend.color},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.layout.cells.value.formatter,e.unref(s.checkNaN)(m.value),e.unref(s.dataLabel)({p:l.value.style.layout.dataLabels.prefix,v:e.unref(s.checkNaN)(m.value),s:l.value.style.layout.dataLabels.suffix,r:l.value.style.legend.roundingValue}))),9,cl),b.value!==null?(e.openBlock(),e.createElementBlock("line",{key:0,stroke:e.unref(s.adaptColorToBackground)(N.value.datapoint.color),"stroke-width":"2",x1:V.value,x2:V.value,y1:a.value.bottom+l.value.style.layout.cells.height,y2:a.value.bottom+l.value.style.layout.cells.height*2},null,8,dl)):e.createCommentVNode("",!0),b.value!==null?(e.openBlock(),e.createElementBlock("path",{key:1,fill:l.value.style.color,stroke:"none",d:`M ${V.value},${a.value.bottom+l.value.style.layout.cells.height} ${V.value-12},${a.value.bottom+l.value.style.layout.cells.height-20} ${V.value+12},${a.value.bottom+l.value.style.layout.cells.height-20}z`},null,8,vl)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"svg",{svg:f.value},void 0,!0)],14,Te)):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",yl,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(Q)||e.unref(Z)})),void 0,!0)])):e.createCommentVNode("",!0),t.$slots.source?(e.openBlock(),e.createElementBlock("div",hl,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),T.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ke.default,{key:7,config:{type:"heatmap",style:{backgroundColor:l.value.style.backgroundColor,heatmap:{color:"#CCCCCC"}}}},null,8,["config"])),e.createVNode(be._sfc_main,{show:g.value.showTooltip&&M.value,backgroundColor:l.value.style.tooltip.backgroundColor,color:l.value.style.tooltip.color,borderRadius:l.value.style.tooltip.borderRadius,borderColor:l.value.style.tooltip.borderColor,borderWidth:l.value.style.tooltip.borderWidth,fontSize:l.value.style.tooltip.fontSize,backgroundOpacity:l.value.style.tooltip.backgroundOpacity,position:l.value.style.tooltip.position,offsetY:l.value.style.tooltip.offsetY,parent:z.value,content:O.value,isFullscreen:C.value,isCustom:l.value.style.tooltip.customFormat&&typeof l.value.style.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...N.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...N.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),T.value?(e.openBlock(),e.createBlock(we.default,{key:8,hideDetails:"",config:{open:g.value.showTable,maxHeight:1e4,body:{backgroundColor:l.value.style.backgroundColor,color:l.value.style.color},head:{backgroundColor:l.value.style.backgroundColor,color:l.value.style.color}}},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"tableContainer",ref:X,class:"vue-ui-heatmap-table atom-data-table"},[e.createElementVNode("div",{style:"width:100%;overflow-x:auto;padding-top:36px;position:relative",class:e.normalizeClass({"vue-ui-responsive":Y.value})},[e.createElementVNode("div",{role:"button",tabindex:"0",style:e.normalizeStyle(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${l.value.table.th.backgroundColor};`),onClick:u[1]||(u[1]=r=>g.value.showTable=!1),onKeypress:u[2]||(u[2]=e.withKeys(r=>g.value.showTable=!1,["enter"]))},[e.createVNode(xe.default,{name:"close",stroke:l.value.table.th.color,"stroke-width":2},null,8,["stroke"])],36),e.createElementVNode("table",pl,[e.createElementVNode("caption",{style:e.normalizeStyle(`backgroundColor:${l.value.table.th.backgroundColor};color:${l.value.table.th.color};outline:${l.value.table.th.outline}`)},[e.createTextVNode(e.toDisplayString(l.value.style.title.text)+" ",1),l.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("span",gl,e.toDisplayString(l.value.style.title.subtitle.text),1)):e.createCommentVNode("",!0)],4),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle(`background:${l.value.table.th.backgroundColor};color:${l.value.table.th.color}`)},[e.createElementVNode("th",{style:e.normalizeStyle(`outline:${l.value.table.th.outline};padding-right:6px`)},null,4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.dataset,(r,n)=>(e.openBlock(),e.createElementBlock("th",{align:"right",style:e.normalizeStyle(`outline:${l.value.table.th.outline};padding-right:6px`)},e.toDisplayString(r.name),5))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value.xLabels,(r,n)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":n%2===0,"vue-ui-data-table__tbody__row-odd":n%2!==0}),style:e.normalizeStyle(`background:${l.value.table.td.backgroundColor};color:${l.value.table.td.color}`)},[e.createElementVNode("td",{"data-cell":l.value.table.colNames.xAxis,class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${l.value.table.td.outline}`)},[e.createElementVNode("div",ml,e.toDisplayString(r),1)],12,fl),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.dataset,(c,y)=>(e.openBlock(),e.createElementBlock("td",{class:"vue-ui-data-table__tbody__td","data-cell":E.dataset[y].name,style:e.normalizeStyle(`outline:${l.value.table.td.outline}`)},[e.createElementVNode("div",kl,e.toDisplayString(isNaN(c.values[n])?"-":e.unref(s.dataLabel)({p:l.value.style.layout.dataLabels.prefix,v:c.values[n],s:l.value.style.layout.dataLabels.suffix,r:l.value.table.td.roundingValue})),1)],12,bl))),256))],6))),256))])])],2)],512)]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ve))}},wl=Be._export_sfc(xl,[["__scopeId","data-v-dc92b3af"]]);exports.default=wl;

package/dist/vue-ui-molecule-C_giWPuq.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./index-CuhZ_hul.cjs"),ke=require("./Title-CcDml6Zf.cjs"),re=require("./usePrinter-D3Sb5fSb.cjs"),be=require("./DataTable-DYeuLcih.cjs"),Ce=require("./Tooltip-lj99sBKN.cjs"),we=require("./vue-ui-skeleton-cQoXWosg.cjs"),Be=require("./vue-ui-accordion-Ds-8LBd7.cjs"),ae=require("./useNestedProp-DVSKLFhF.cjs"),Pe=require("./PackageVersion-BzhafpGr.cjs"),xe=require("./PenAndPaper-ZkRFCit4.cjs"),Ee=require("./useUserOptionState-BgepsfED.cjs"),$e=require("./useChartAccessibility-Cm7nkzTG.cjs"),Fe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Se=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],Ne=["x","y","height","width","onClick","onMouseover"],Te={__name:"RecursiveCircles",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null},linkColor:{type:String,default:"#CCCCCC"},stroke:{type:String,default:"#FFFFFF"},strokeHovered:{type:String,default:"#000000"}},emits:["click","hover"],setup(s,{emit:N}){const T=s,P=N;function a(r){P("click",r)}function p(r){P("hover",r)}return e.toRef(T,"dataset").value.forEach(r=>{r.nodes&&r.nodes.length>0&&r.nodes.forEach(v=>{v.ancestor=r})}),(r,v)=>{const L=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.dataset,i=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.polygonPath&&i.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.polygonPath.coordinates,(k,$)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("circle",{cx:k.x,cy:k.y,r:i.circleRadius,fill:`url(#gradient_${i.color})`,stroke:s.hoveredUid&&s.hoveredUid===i.uid?s.strokeHovered:s.stroke,"stroke-width":s.hoveredUid&&s.hoveredUid===i.uid?i.circleRadius/6:i.circleRadius/12,style:{cursor:"pointer"},onClick:x=>a(i),onMouseover:x=>p(i),onMouseleave:v[0]||(v[0]=x=>p(null))},null,40,Se),r.$slots.node?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:k.x-i.circleRadius,y:k.y-i.circleRadius,height:i.circleRadius*2,width:i.circleRadius*2,style:{overflow:"visible"},onClick:e.withModifiers(x=>a(i),["stop"]),onMouseover:x=>p(i),onMouseleave:v[1]||(v[1]=x=>p(null))},[e.renderSlot(r.$slots,"node",e.mergeProps({ref_for:!0},{node:i}))],40,Ne)):e.createCommentVNode("",!0)],64))),256)),i.nodes&&i.nodes.length>0?(e.openBlock(),e.createBlock(L,{key:0,dataset:i.nodes,color:s.color,stroke:s.stroke,strokeHovered:s.strokeHovered,hoveredUid:s.hoveredUid,onClick:a,onHover:p},{node:e.withCtx(({node:k})=>[e.renderSlot(r.$slots,"node",e.mergeProps({ref_for:!0},{node:k}))]),_:2},1032,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Le=["x1","y1","x2","y2","stroke","stroke-width"],Ve=["x1","y1","x2","y2","stroke","stroke-width"],Re={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(s){const N=s;return e.toRef(N,"dataset").value.forEach(P=>{P.nodes&&P.nodes.length>0&&P.nodes.forEach(a=>{a.ancestor=P})}),(P,a)=>{const p=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.dataset,c=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[c.polygonPath&&c.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.polygonPath.coordinates,(r,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[c.ancestor&&c.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:r.x,y1:r.y,x2:c.ancestor.polygonPath.coordinates[0].x,y2:c.ancestor.polygonPath.coordinates[0].y,stroke:s.backgroundColor,"stroke-width":c.circleRadius/1.5},null,8,Le),e.createElementVNode("line",{x1:r.x,y1:r.y,x2:c.ancestor.polygonPath.coordinates[0].x,y2:c.ancestor.polygonPath.coordinates[0].y,stroke:s.color,"stroke-width":c.circleRadius/2},null,8,Ve)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.dataset,c=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[c.polygonPath&&c.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[c.nodes&&c.nodes.length>0?(e.openBlock(),e.createBlock(p,{key:0,dataset:c.nodes,color:s.color,backgroundColor:s.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},Oe=["x","y","fill","font-size"],Ue={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(s,{emit:N}){const T=s;return e.toRef(T,"dataset").value.forEach(a=>{a.nodes&&a.nodes.length>0&&a.nodes.forEach(p=>{p.ancestor=a})}),(a,p)=>{const c=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.dataset,r=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.polygonPath&&r.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.polygonPath.coordinates,v=>(e.openBlock(),e.createElementBlock("text",{x:v.x,y:v.y+r.circleRadius*2,fill:s.color,"font-size":r.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(r.name),9,Oe))),256)),r.nodes&&r.nodes.length>0?(e.openBlock(),e.createBlock(c,{key:0,dataset:r.nodes,color:s.color,hoveredUid:s.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}};function De(s,N={x:0,y:0,width:100,height:100},T=1,P){const a=e.ref({...N}),p=e.ref(1),c=e.ref(!1),r=e.ref({x:0,y:0});let v={x:0,y:0},L=null,i=null;function k(l){var E;const d=s.value;if(!d)return{x:0,y:0};const m=d.createSVGPoint();m.x=l.clientX,m.y=l.clientY;const C=(E=d.getScreenCTM())==null?void 0:E.inverse();return C?m.matrixTransform(C):{x:0,y:0}}function $(l){c.value=!0;const d=k(l.touches?l.touches[0]:l);r.value={x:d.x,y:d.y},v={x:0,y:0}}function x(l){if(!c.value)return;const d=k(l.touches?l.touches[0]:l);let m=d.x-r.value.x,C=d.y-r.value.y;Math.abs(m)<.3&&Math.abs(C)<.3||(v.x=m*.8+v.x*.2,v.y=C*.8+v.y*.2,r.value=d,L||(L=requestAnimationFrame(q)))}function q(){a.value.x-=v.x,a.value.y-=v.y,L=null}function F(){c.value=!1}function t(l){l.preventDefault();const d=l.deltaY>0?.9:1.1;R(d,k(l))}function V(l){l.preventDefault();const d=k(l),m=1.02*(1+T/100);H(m,d)}function H(l,d){i&&cancelAnimationFrame(i);let m=p.value,C=m*l,E=0;const g=()=>{E+=.02;let U=m+(C-m)*G(E);if(E>=1){p.value=C,i=null;return}R(U/m,d),i=requestAnimationFrame(g)};g()}const G=l=>l<.5?2*l*l:-1+(4-2*l)*l;function R(l,d){const m=p.value*l,C=m/p.value,E=a.value.width/C,g=a.value.height/C,U=(d.x-a.value.x)*(1-1/C),X=(d.y-a.value.y)*(1-1/C);a.value.x+=U,a.value.y+=X,a.value.width=E,a.value.height=g,p.value=m}e.onMounted(A),e.onUnmounted(O);function A(){const l=s.value;l&&(l.addEventListener("mousedown",$),l.addEventListener("mousemove",x),l.addEventListener("mouseup",F),l.addEventListener("mouseleave",F),l.addEventListener("wheel",t,{passive:!1}),l.addEventListener("dblclick",V),l.addEventListener("touchstart",d=>{d.preventDefault(),$(d)},{passive:!1}),l.addEventListener("touchmove",d=>{d.preventDefault(),x(d)},{passive:!1}),l.addEventListener("touchend",F))}function O(){const l=s.value;l&&(l.removeEventListener("mousedown",$),l.removeEventListener("mousemove",x),l.removeEventListener("mouseup",F),l.removeEventListener("mouseleave",F),l.removeEventListener("wheel",t),l.removeEventListener("dblclick",V),l.removeEventListener("touchstart",$),l.removeEventListener("touchmove",x),l.removeEventListener("touchend",F))}return e.watchEffect(()=>(P.value?A():O(),()=>{O()})),{viewBox:a}}const Ae=["id"],ze={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},Ie={key:2,style:"width:100%;background:transparent;"},Me=["xmlns","viewBox"],_e=["width","height"],qe=["id"],He=["stop-color"],Ge=["stop-color"],je={key:5,class:"vue-data-ui-watermark"},Xe={key:7,ref:"source",dir:"auto"},Ye=["innerHTML"],We={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectNode"],setup(s,{expose:N,emit:T}){const{vue_ui_molecule:P}=y.useConfig(),a=s,p=T,c=e.computed(()=>!!a.dataset&&a.dataset.length);e.onMounted(()=>{r()});function r(){y.objectIsEmpty(a.dataset)&&y.error({componentName:"VueUiMolecule",type:"dataset"})}const v=e.ref(y.createUid()),L=e.ref(null),i=e.ref(!1),k=e.ref(""),$=e.ref(null),x=e.ref(0),q=e.ref(0),F=e.ref(0),t=e.computed({get:()=>A(),set:o=>o}),{userOptionsVisible:V,setUserOptionsVisibility:H,keepUserOptionState:G}=Ee.useUserOptionState({config:t.value}),{svgRef:R}=$e.useChartAccessibility({config:t.value.style.chart.title});function A(){const o=ae.useNestedProp({userConfig:a.config,defaultConfig:P});return o.theme?{...ae.useNestedProp({userConfig:y.themes.vue_ui_molecule[o.theme]||a.config,defaultConfig:o}),customPalette:y.themePalettes[o.theme]||y.palette}:o}e.watch(()=>a.config,o=>{t.value=A(),V.value=!t.value.userOptions.showOnChartHover,r(),q.value+=1,F.value+=1,g.value.showTable=t.value.table.show,g.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0});const{isPrinting:O,isImaging:l,generatePdf:d,generateImage:m}=re.usePrinter({elementId:`cluster_${v.value}`,fileName:t.value.style.chart.title.text||"vue-ui-molecule"}),C=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),E=e.computed(()=>y.convertCustomPalette(t.value.customPalette)),g=e.ref({showTable:t.value.table.show,showDataLabels:!0,showTooltip:t.value.style.chart.tooltip.show});function U(o,u=0){return Array.isArray(o)&&o.length>0&&o[0].nodes?U(o[0].nodes,u+1):u}function X(){const o=U(a.dataset);let u=100,n=u;for(let h=0;h<o;h+=1)u/=1,n+=u;return{height:n,width:n}}const w=e.ref(X());e.ref(`0 0 ${w.value.width} ${w.value.height}`);function Q(o,u={x:-w.value.width/2.43,y:w.value.height/2},n=w.value.width/1.1,h=24,f=0,b=0,Z="#BBBBBB"){if(o&&o.length>0){const ge=y.createPolygonPath({plot:u,radius:n,sides:o.length,rotation:f});o.forEach((B,le)=>{const ne=ge.coordinates[le];let _;if(B.ancestor?B.ancestor.ancestor?_=B.ancestor.color||Z:(_=E.value[b]||y.palette[b]||Z,b+=1):_=Z,B.polygonPath={coordinates:[ne]},B.circleRadius=h,B.color=_,B.uid=y.createUid(),B.nodes&&B.nodes.length>0){const ye=!B.ancestor||!B.ancestor.ancestor?b:0;B.nodes=Q(B.nodes,ne,n/2.9,h/2.2,f+Math.PI*le/B.nodes.length,ye,_)}})}return o}function se(o){const u=new Set;function n(f){f.forEach(b=>{b.color&&!u.has(b.color)&&u.add(b.color),b.nodes&&b.nodes.length>0&&n(b.nodes)})}n(o);const h={};return Array.from(u).forEach((f,b)=>{h[f]=`gradient_${b}`}),h}const ie=e.computed(()=>se(S.value)),S=e.computed(()=>Q(a.dataset)),Y=e.ref(null);function ue(o){Y.value={datapoint:o,seriesIndex:-1,series:S.value,config:t.value};const u=t.value.style.chart.tooltip.customFormat;if(y.isFunction(u)&&y.functionReturnsString(()=>u({seriesIndex:-1,datapoint:o,series:S.value,config:t.value})))k.value=u({seriesIndex:-1,datapoint:o,series:S.value,config:t.value});else{let n="";n+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${o.color}">⬤</div><div>${o.name}</div></div>`,o.details&&(n+=`<div style="width:100%;border-top:1px solid ${t.value.style.chart.tooltip.borderColor};margin-top: 2px">${o.details}</div>`),k.value=`<div style="font-family:inherit">${n}</div>`}}const J=e.ref(null),z=e.ref(null);function ce(o){J.value=o,o?(i.value=!0,ue(o),z.value=o.uid):(i.value=!1,k.value="",z.value=null)}function de(o){const u=[];function n(h){h.forEach(f=>{const b={name:f.name,details:f.details||"-",ancestor:f.ancestor&&f.ancestor.name||"-",color:f.color||""};u.push(b),f.nodes&&f.nodes.length>0&&n(f.nodes,f.name)})}return n(o),u}const ve=e.computed(()=>de(S.value)),D=e.computed(()=>{const o=[t.value.table.translations.nodeName,t.value.table.translations.details,t.value.table.translations.ancestor],u=ve.value.map((f,b)=>[{color:f.color,name:f.name},f.details,f.ancestor||""]),n={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},h=[t.value.table.translations.nodeName,t.value.table.translations.details,t.value.table.translations.ancestor];return{head:o,body:u,config:n,colNames:h}});function K(){e.nextTick(()=>{const o=D.value.body.map((h,f)=>[[h[0].name],[h[1]],[h[2]]]),u=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[...D.value.head]]].concat(o),n=y.createCsvContent(u);y.downloadCsv({csvContent:n,title:t.value.style.chart.title.text||"vue-ui-molecule"})})}function he(){return S.value}const I=e.ref(!1);function fe(o){I.value=o,x.value+=1}function ee(){g.value.showTable=!g.value.showTable}function te(){g.value.showDataLabels=!g.value.showDataLabels}function oe(){g.value.showTooltip=!g.value.showTooltip}const M=e.ref(!1);function W(){M.value=!M.value}const me=e.computed(()=>!M.value),{viewBox:j}=De(R,{x:0,y:0,width:w.value.width<=0?10:w.value.width,height:w.value.height<=0?10:w.value.height},t.value.style.chart.zoom.speed,me);function pe(o){p("selectNode",o)}return N({getData:he,generatePdf:d,generateCsv:K,generateImage:m,toggleTable:ee,toggleLabels:te,toggleTooltip:oe,toggleAnnotator:W}),(o,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"moleculeChart",ref:$,class:e.normalizeClass(`vue-ui-molecule ${I.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:`cluster_${v.value}`,onMouseleave:u[1]||(u[1]=n=>{J.value=null,z.value=null,e.unref(H)(!1)}),onMouseenter:u[2]||(u[2]=()=>e.unref(H)(!0))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(xe.PenAndPaper,{key:0,svgRef:e.unref(R),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:M.value,onClose:W},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createElementBlock("div",ze,null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Ie,[(e.openBlock(),e.createBlock(ke._sfc_main,{key:`title_${q.value}`,config:{title:{cy:"molecule-div-title",...t.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&c.value&&(e.unref(G)||e.unref(V))?(e.openBlock(),e.createBlock(re.UserOptions,{ref_key:"details",ref:L,key:`user_options_${x.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(O),isImaging:e.unref(l),uid:v.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasLabel:t.value.userOptions.buttons.labels,hasFullscreen:t.value.userOptions.buttons.fullscreen,isTooltip:g.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:$.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:M.value,onToggleFullscreen:fe,onGeneratePdf:e.unref(d),onGenerateCsv:K,onGenerateImage:e.unref(m),onToggleTable:ee,onToggleLabels:te,onToggleTooltip:oe,onToggleAnnotator:W,style:e.normalizeStyle({visibility:e.unref(G)?e.unref(V)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:n,color:h})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:n,color:h})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"5"}:void 0,o.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionLabels",{},void 0,!0)]),key:"6"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:h})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:h})),void 0,!0)]),key:"7"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:n,isAnnotator:h})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:n,isAnnotator:h})),void 0,!0)]),key:"8"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasLabel","hasFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:R,xmlns:e.unref(y.XMLNS),viewBox:`${e.unref(j).x} ${e.unref(j).y} ${e.unref(j).width} ${e.unref(j).height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":I.value,"vue-data-ui-fulscreen--off":!I.value}),style:e.normalizeStyle(`overflow: hidden; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Pe._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:w.value.width<=0?10:w.value.width,height:w.value.height<=0?10:w.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,_e)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(ie.value),n=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_${n}`,cx:"50%",cy:"30%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(y.lightenHexColor)(n,.5)},null,8,He),e.createElementVNode("stop",{offset:"100%","stop-color":n},null,8,Ge)],8,qe))),256))]),e.createVNode(Re,{dataset:S.value,color:t.value.style.chart.links.stroke,backgroundColor:t.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(Te,{dataset:S.value,hoveredUid:z.value,stroke:t.value.style.chart.nodes.stroke,strokeHovered:t.value.style.chart.nodes.strokeHovered,onClick:pe,onHover:ce},{node:e.withCtx(({node:n})=>[e.renderSlot(o.$slots,"node",e.normalizeProps(e.guardReactiveProps({node:n})),void 0,!0)]),_:3},8,["dataset","hoveredUid","stroke","strokeHovered"]),g.value.showDataLabels?(e.openBlock(),e.createBlock(Ue,{key:1,dataset:S.value,color:t.value.style.chart.color,hoveredUid:z.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:w.value},void 0,!0)],14,Me)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(l)})),void 0,!0)])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(we.default,{key:6,config:{type:"molecule",style:{backgroundColor:t.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),o.$slots.source?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(Ce._sfc_main,{show:g.value.showTooltip&&i.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,fontSize:t.value.style.chart.tooltip.fontSize,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:$.value,content:k.value,isFullscreen:I.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...Y.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...Y.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),c.value?(e.openBlock(),e.createBlock(Be.default,{key:8,hideDetails:"",config:{open:g.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(be.DataTable,{key:`table_${F.value}`,colNames:D.value.colNames,head:D.value.head,body:D.value.body,config:D.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:u[0]||(u[0]=n=>g.value.showTable=!1)},{th:e.withCtx(({th:n})=>[e.createElementVNode("div",{innerHTML:n,style:{display:"flex","align-items":"center"}},null,8,Ye)]),td:e.withCtx(({td:n})=>[e.createTextVNode(e.toDisplayString(n.name||n),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ae))}},Ze=Fe._export_sfc(We,[["__scopeId","data-v-c4dc9cf3"]]);exports.default=Ze;