vue-data-ui 2.6.2 → 2.6.4-beta.0

package/dist/{vue-ui-kpi-B7rHhQ3H.cjs → vue-ui-kpi-BmLtKTLO.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./useNestedProp-CivZENAh.cjs"),u=require("./index-Bmq5HB9y.cjs"),y=require("./vue-ui-digits-9j9HvJAE.cjs"),C={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const{vue_ui_kpi:m}=u.useConfig(),o=n,a=e.computed({get:()=>i(),set:t=>t}),f=e.useSlots();e.onMounted(()=>{f["chart-background"]&&console.warn("VueUiKpi does not support the #chart-background slot.")});function i(){return p.useNestedProp({userConfig:o.config,defaultConfig:m})}e.watch(()=>o.config,t=>{a.value=i(),r()},{deep:!0});const g=e.ref((typeof o.dataset=="number",o.dataset)),l=e.ref(a.value.useAnimation?a.value.animationValueStart:g.value),s=t=>{const v=a.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};e.onMounted(()=>{r()});function r(){a.value.useAnimation?(l.value=a.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return e.watch(()=>o.dataset,t=>{a.value.useAnimation?s(t):l.value=t}),(t,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-kpi ${a.value.layoutClass}`),style:e.normalizeStyle(`background:${a.value.backgroundColor}; ${a.value.layoutCss}`)},[e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-title ${a.value.titleClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.titleFontSize}px; color:${a.value.titleColor}; font-weight:${a.value.titleBold?"bold":"normal"}; ${a.value.titleCss}`)},[e.renderSlot(t.$slots,"title",{comment:n.dataset}),e.createTextVNode(" "+e.toDisplayString(a.value.title),1)],6),e.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-value ${a.value.valueClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.valueFontSize}px; color:${a.value.valueColor}; font-weight:${a.value.valueBold?"bold":"normal"}; ${a.value.valueCss}`)},[e.renderSlot(t.$slots,"value",{comment:n.dataset}),a.value.analogDigits.show?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({height:a.value.analogDigits.height+"px"})},[e.createVNode(y.default,{dataset:Number(l.value.toFixed(a.value.valueRounding)),config:{backgroundColor:a.value.backgroundColor,digits:{color:a.value.analogDigits.color,skeletonColor:a.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(u.applyDataLabel)(a.value.formatter,l.value,e.unref(u.dataLabel)({p:a.value.prefix,v:l.value,s:a.value.suffix,r:a.value.valueRounding}))),1)],64))],6),e.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./useNestedProp-D9fZbCk6.cjs"),u=require("./index-BfKO0mWG.cjs"),y=require("./vue-ui-digits-BzhR0Mcn.cjs"),C={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const{vue_ui_kpi:m}=u.useConfig(),o=n,a=e.computed({get:()=>i(),set:t=>t}),f=e.useSlots();e.onMounted(()=>{f["chart-background"]&&console.warn("VueUiKpi does not support the #chart-background slot.")});function i(){return p.useNestedProp({userConfig:o.config,defaultConfig:m})}e.watch(()=>o.config,t=>{a.value=i(),r()},{deep:!0});const g=e.ref((typeof o.dataset=="number",o.dataset)),l=e.ref(a.value.useAnimation?a.value.animationValueStart:g.value),s=t=>{const v=a.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};e.onMounted(()=>{r()});function r(){a.value.useAnimation?(l.value=a.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return e.watch(()=>o.dataset,t=>{a.value.useAnimation?s(t):l.value=t}),(t,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-kpi ${a.value.layoutClass}`),style:e.normalizeStyle(`background:${a.value.backgroundColor}; ${a.value.layoutCss}`)},[e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-title ${a.value.titleClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.titleFontSize}px; color:${a.value.titleColor}; font-weight:${a.value.titleBold?"bold":"normal"}; ${a.value.titleCss}`)},[e.renderSlot(t.$slots,"title",{comment:n.dataset}),e.createTextVNode(" "+e.toDisplayString(a.value.title),1)],6),e.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),e.createElementVNode("div",{class:e.normalizeClass(`vue-ui-kpi-value ${a.value.valueClass}`),style:e.normalizeStyle(`font-family: ${a.value.fontFamily}; font-size:${a.value.valueFontSize}px; color:${a.value.valueColor}; font-weight:${a.value.valueBold?"bold":"normal"}; ${a.value.valueCss}`)},[e.renderSlot(t.$slots,"value",{comment:n.dataset}),a.value.analogDigits.show?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({height:a.value.analogDigits.height+"px"})},[e.createVNode(y.default,{dataset:Number(l.value.toFixed(a.value.valueRounding)),config:{backgroundColor:a.value.backgroundColor,digits:{color:a.value.analogDigits.color,skeletonColor:a.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(u.applyDataLabel)(a.value.formatter,l.value,e.unref(u.dataLabel)({p:a.value.prefix,v:l.value,s:a.value.suffix,r:a.value.valueRounding}))),1)],64))],6),e.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=C;

package/dist/vue-ui-mini-loader-BRg64vUC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-D9fZbCk6.cjs"),n=require("./index-BfKO0mWG.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=["xmlns","viewBox"],C={key:0},_=["stroke"],h=["stroke"],M=["stroke"],y={key:1},B=["stroke"],f={key:2},L=["stroke"],b={__name:"vue-ui-mini-loader",props:{config:{type:Object,default(){return{}}}},setup(u){e.useCssVars(k=>({"4430a3e6":c.value,"056a6732":d.value,"7f3540a4":p.value}));const{vue_ui_mini_loader:a}=n.useConfig(),i=u,t=e.computed(()=>v.useNestedProp({userConfig:i.config,defaultConfig:a})),s=e.ref({onion:"-10 -10 84 84",line:"-10 -10 112 84",bar:"-10 -10 106 84"}),r=e.computed(()=>({gutter:`stroke:${t.value.line.gutterColor};opacity:${t.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.line.gutterBlur}px);`})),l=e.computed(()=>({gutter:`stroke:${t.value.bar.gutterColor};opacity:${t.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.bar.gutterBlur}px);`})),o=e.computed(()=>({gutter:`stroke:${t.value.onion.gutterColor};opacity:${t.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.onion.gutterBlur}px);`})),c=e.computed(()=>`blur(${t.value.onion.trackBlur}px) hue-rotate(${t.value.onion.trackHueRotate}deg)`),d=e.computed(()=>`blur(${t.value.line.trackBlur}px) hue-rotate(${t.value.line.trackHueRotate}deg)`),p=e.computed(()=>`blur(${t.value.bar.trackBlur}px) hue-rotate(${t.value.bar.trackHueRotate}deg)`);return(k,x)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-ui-mini-loader",xmlns:e.unref(n.XMLNS),viewBox:s.value[t.value.type],style:{background:"transparent"},width:"100%"},[t.value.type==="onion"?(e.openBlock(),e.createElementBlock("g",C,[e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,_),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,h),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,M)])):e.createCommentVNode("",!0),t.value.type==="line"?(e.openBlock(),e.createElementBlock("g",y,[e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(r.value.gutter+r.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",stroke:t.value.line.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"line-animated"},null,8,B)])):e.createCommentVNode("",!0),t.value.type==="bar"?(e.openBlock(),e.createElementBlock("g",f,[e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(l.value.gutter+l.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",stroke:t.value.bar.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"bar-animated"},null,8,L)])):e.createCommentVNode("",!0)],8,g))}},N=m._export_sfc(b,[["__scopeId","data-v-3b670831"]]);exports.default=N;

package/dist/{vue-ui-mini-loader-lAOgjMme.js → vue-ui-mini-loader-BwE1E9sj.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m } from "./useNestedProp-kStEZqtl.js";
-import { u as y, X as L } from "./index-B8uVRkA1.js";
+import { u as m } from "./useNestedProp-Da-DNb_v.js";
+import { u as y, X as L } from "./index-GSCW0GhW.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",
@@ -14,9 +14,9 @@ const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"],
   },
   setup(c) {
     h((_) => ({
-      "221651ee": v.value,
-      d11bae38: C.value,
-      d85c00de: g.value
+      "4430a3e6": v.value,
+      "056a6732": C.value,
+      "7f3540a4": g.value
     }));
     const { vue_ui_mini_loader: d } = y(), p = c, e = r(() => m({
       userConfig: p.config,
@@ -36,6 +36,7 @@ const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"],
       gutterBlur: `filter:blur(${e.value.onion.gutterBlur}px);`
     })), v = r(() => `blur(${e.value.onion.trackBlur}px) hue-rotate(${e.value.onion.trackHueRotate}deg)`), C = r(() => `blur(${e.value.line.trackBlur}px) hue-rotate(${e.value.line.trackHueRotate}deg)`), g = r(() => `blur(${e.value.bar.trackBlur}px) hue-rotate(${e.value.bar.trackHueRotate}deg)`);
     return (_, E) => (u(), n("svg", {
+      class: "vue-ui-mini-loader",
       xmlns: M(L),
       viewBox: k.value[e.value.type],
       style: { background: "transparent" },
@@ -124,7 +125,7 @@ const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"],
       ])) : a("", !0)
     ], 8, b));
   }
-}, U = /* @__PURE__ */ B(I, [["__scopeId", "data-v-20f54e0e"]]);
+}, U = /* @__PURE__ */ B(I, [["__scopeId", "data-v-3b670831"]]);
 export {
   U as default
 };

package/dist/{vue-ui-molecule-TSwsc6wZ.cjs → vue-ui-molecule-BmriFNB0.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("./index-Bmq5HB9y.cjs"),Le=require("./Title-x7Hmi2zb.cjs"),pe=require("./usePrinter-Cf6Zct5m.cjs"),Oe=require("./DataTable-Cybmjq2W.cjs"),ze=require("./Tooltip-pA64woiQ.cjs"),z=require("./BaseIcon-Dn1igOva.cjs"),Ue=require("./vue-ui-skeleton-D5890icn.cjs"),Me=require("./vue-ui-accordion-WWblnzaJ.cjs"),fe=require("./useNestedProp-CivZENAh.cjs"),De=require("./PackageVersion-Bmro6-lR.cjs"),Ae=require("./PenAndPaper-B7dv_ssy.cjs"),Ie=require("./useUserOptionState-BgepsfED.cjs"),He=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),qe=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],je={__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:["zoom","hover"],setup(r,{emit:w}){const k=r,v=w;function a(s){v("zoom",s)}function h(s){v("hover",s)}return e.toRef(k,"dataset").value.forEach(s=>{s.nodes&&s.nodes.length>0&&s.nodes.forEach(b=>{b.ancestor=s})}),(s,b)=>{const P=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,d=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[d.polygonPath&&d.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.polygonPath.coordinates,(F,N)=>(e.openBlock(),e.createElementBlock("circle",{cx:F.x,cy:F.y,r:d.circleRadius,fill:`url(#gradient_${d.color})`,stroke:r.hoveredUid&&r.hoveredUid===d.uid?r.strokeHovered:r.stroke,"stroke-width":r.hoveredUid&&r.hoveredUid===d.uid?d.circleRadius/6:d.circleRadius/12,style:{cursor:"pointer"},onClick:e.withModifiers(g=>a(d),["stop"]),onMouseover:g=>h(d),onMouseleave:b[0]||(b[0]=g=>h(null))},null,40,qe))),256)),d.nodes&&d.nodes.length>0?(e.openBlock(),e.createBlock(P,{key:0,dataset:d.nodes,color:r.color,stroke:r.stroke,strokeHovered:r.strokeHovered,hoveredUid:r.hoveredUid,onZoom:a,onHover:h},null,8,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Ge=["x1","y1","x2","y2","stroke","stroke-width"],Xe=["x1","y1","x2","y2","stroke","stroke-width"],Ye={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(r){const w=r;return e.toRef(w,"dataset").value.forEach(v=>{v.nodes&&v.nodes.length>0&&v.nodes.forEach(a=>{a.ancestor=v})}),(v,a)=>{const h=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,u=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.polygonPath&&u.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.polygonPath.coordinates,(s,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.ancestor&&u.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:s.x,y1:s.y,x2:u.ancestor.polygonPath.coordinates[0].x,y2:u.ancestor.polygonPath.coordinates[0].y,stroke:r.backgroundColor,"stroke-width":u.circleRadius/1.5},null,8,Ge),e.createElementVNode("line",{x1:s.x,y1:s.y,x2:u.ancestor.polygonPath.coordinates[0].x,y2:u.ancestor.polygonPath.coordinates[0].y,stroke:r.color,"stroke-width":u.circleRadius/2},null,8,Xe)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,u=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.polygonPath&&u.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.nodes&&u.nodes.length>0?(e.openBlock(),e.createBlock(h,{key:0,dataset:u.nodes,color:r.color,backgroundColor:r.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},We=["x","y","fill","font-size"],Ze={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(r,{emit:w}){const k=r;return e.toRef(k,"dataset").value.forEach(a=>{a.nodes&&a.nodes.length>0&&a.nodes.forEach(h=>{h.ancestor=a})}),(a,h)=>{const u=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.polygonPath&&s.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.polygonPath.coordinates,b=>(e.openBlock(),e.createElementBlock("text",{x:b.x,y:b.y+s.circleRadius*2,fill:r.color,"font-size":s.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(s.name),9,We))),256)),s.nodes&&s.nodes.length>0?(e.openBlock(),e.createBlock(u,{key:0,dataset:s.nodes,color:r.color,hoveredUid:r.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Je={style:{position:"relative",height:"100%",width:"100%"}},Ke={__name:"BaseDirectionPad",props:{color:{type:String,default:"#FF0000"},isFullscreen:{type:Boolean,default:!1}},emits:["moveLeft","moveTop","moveRight","moveBottom","reset"],setup(r,{emit:w}){const k=w;return(v,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`position: ${r.isFullscreen?"fixed":"absolute"};bottom:0;right:${r.isFullscreen?"12px":"0"};width:80px;height:80px`),"data-html2canvas-ignore":""},[e.createElementVNode("div",Je,[e.createElementVNode("button",{onClick:a[0]||(a[0]=e.withModifiers(h=>k("moveLeft"),["stop"])),style:{position:"absolute",left:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowLeft",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[1]||(a[1]=e.withModifiers(h=>k("moveTop"),["stop"])),style:{position:"absolute",top:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowTop",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[2]||(a[2]=e.withModifiers(h=>k("moveRight"),["stop"])),style:{position:"absolute",right:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowRight",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[3]||(a[3]=e.withModifiers(h=>k("moveBottom"),["stop"])),style:{position:"absolute",bottom:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowBottom",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[4]||(a[4]=e.withModifiers(h=>k("reset"),["stop"])),style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"close",style:{cursor:"pointer"},strokeWidth:2},null,8,["stroke"])])])],4))}},Qe=["id"],_e={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},et={key:2,style:"width:100%;background:transparent;"},tt=["xmlns","viewBox"],ot=["width","height"],lt=["id"],nt=["stop-color"],rt=["stop-color"],at={key:6,class:"vue-data-ui-watermark"},st={key:8,ref:"source",dir:"auto"},it=["innerHTML"],ut={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(r,{expose:w}){const{vue_ui_molecule:k}=m.useConfig(),v=r,a=e.computed(()=>!!v.dataset&&v.dataset.length);e.onMounted(()=>{h()});function h(){m.objectIsEmpty(v.dataset)&&m.error({componentName:"VueUiMolecule",type:"dataset"})}const u=e.ref(m.createUid()),s=e.ref(null),b=e.ref(!1),P=e.ref(""),d=e.ref(null),F=e.ref(null),N=e.ref(!1),g=e.ref(null),Z=e.ref(null),D=e.ref(0),J=e.ref(0),K=e.ref(0),o=e.computed({get:()=>ee(),set:t=>t}),{userOptionsVisible:A,setUserOptionsVisibility:Q,keepUserOptionState:_}=Ie.useUserOptionState({config:o.value});function ee(){const t=fe.useNestedProp({userConfig:v.config,defaultConfig:k});return t.theme?{...fe.useNestedProp({userConfig:m.themes.vue_ui_molecule[t.theme]||v.config,defaultConfig:t}),customPalette:m.themePalettes[t.theme]||m.palette}:t}e.watch(()=>v.config,t=>{o.value=ee(),A.value=!o.value.userOptions.showOnChartHover,h(),J.value+=1,K.value+=1,y.value.showTable=o.value.table.show,y.value.showTooltip=o.value.style.chart.tooltip.show},{deep:!0});const{isPrinting:te,isImaging:oe,generatePdf:le,generateImage:ne}=pe.usePrinter({elementId:`cluster_${u.value}`,fileName:o.value.style.chart.title.text||"vue-ui-molecule"}),me=e.computed(()=>o.value.userOptions.show&&!o.value.style.chart.title.text),he=e.computed(()=>m.convertCustomPalette(o.value.customPalette)),y=e.ref({showTable:o.value.table.show,showDataLabels:!0,showTooltip:o.value.style.chart.tooltip.show});function re(t,l=0){return Array.isArray(t)&&t.length>0&&t[0].nodes?re(t[0].nodes,l+1):l}function ge(){const t=re(v.dataset);let l=100,n=l;for(let c=0;c<t;c+=1)l/=1,n+=l;return{height:n,width:n}}const C=e.ref(ge()),I=e.ref(`0 0 ${C.value.width} ${C.value.height}`);function ae(t,l={x:-C.value.width/2.43,y:C.value.height/2},n=C.value.width/1.1,c=24,i=0,p=0,R="#BBBBBB"){if(t&&t.length>0){const Y=m.createPolygonPath({plot:l,radius:n,sides:t.length,rotation:i});t.forEach((f,$)=>{const L=Y.coordinates[$];let x;if(f.ancestor?f.ancestor.ancestor?x=f.ancestor.color||R:(x=he.value[p]||m.palette[p]||R,p+=1):x=R,f.polygonPath={coordinates:[L]},f.circleRadius=c,f.color=x,f.uid=m.createUid(),f.nodes&&f.nodes.length>0){const W=!f.ancestor||!f.ancestor.ancestor?p:0;f.nodes=ae(f.nodes,L,n/2.9,c/2.2,i+Math.PI*$/f.nodes.length,W,x)}})}return t}function ye(t){const l=new Set;function n(i){i.forEach(p=>{p.color&&!l.has(p.color)&&l.add(p.color),p.nodes&&p.nodes.length>0&&n(p.nodes)})}n(t);const c={};return Array.from(l).forEach((i,p)=>{c[i]=`gradient_${p}`}),c}const ke=e.computed(()=>ye(B.value)),B=e.computed(()=>ae(v.dataset));function H(){N.value=!1,F.value=null,Z.value=null,g.value=null,j({polygonPath:{coordinates:[{x:C.value.width/2,y:C.value.height/2}]},circleRadius:24})}const q=e.ref(null);function j(t){d.value.focus(),e.nextTick(()=>{q.value&&cancelAnimationFrame(q.value);const l=I.value.split(" "),n=parseFloat(l[0]),c=parseFloat(l[1]),i=parseFloat(l[2]),p=parseFloat(l[3]),{x:R,y:Y}=t.polygonPath.coordinates[0],{circleRadius:f}=t,$=8.34,L=R-f*$,x=Y-f*$,W=f*$*2,Ne=f*$*2,Te=Math.sqrt((L-n)**2+(x-c)**2),O=Math.min(1200,Math.max(20,Math.floor(Te/10))),Ee=(L-n)/O,Se=(x-c)/O,Ve=(W-i)/O,Re=(Ne-p)/O;let S=0;function ve(){I.value=`${n+Ee*S} ${c+Se*S} ${i+Ve*S} ${p+Re*S}`,S+=o.value.style.chart.zoom.speed,S<=O&&(q.value=requestAnimationFrame(ve))}ve()})}function be(t){F.value===t.uid?H():(F.value=t.uid,Z.value=t,g.value={circleRadius:t.circleRadius,polygonPath:{coordinates:[{x:t.polygonPath.coordinates[0].x,y:t.polygonPath.coordinates[0].y}]}},j(t),N.value=t.uid!==B.value[0].uid)}function Ce(t){if(t.target.nodeName!=="circle")H(),N.value=!1;else return}const G=e.ref(null);function Be(t){G.value={datapoint:t,seriesIndex:-1,series:B.value,config:o.value};const l=o.value.style.chart.tooltip.customFormat;if(m.isFunction(l)&&m.functionReturnsString(()=>l({seriesIndex:-1,datapoint:t,series:B.value,config:o.value})))P.value=l({seriesIndex:-1,datapoint:t,series:B.value,config:o.value});else{let n="";n+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`,t.details&&(n+=`<div style="width:100%;border-top:1px solid ${o.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`),P.value=`<div style="font-family:inherit">${n}</div>`}}const se=e.ref(null),V=e.ref(null);function we(t){se.value=t,t?(b.value=!0,Be(t),V.value=t.uid):(b.value=!1,P.value="",V.value=null)}function U(t){t==="right"&&(g.value.polygonPath.coordinates[0].x+=g.value.circleRadius),t==="left"&&(g.value.polygonPath.coordinates[0].x-=g.value.circleRadius),t==="top"&&(g.value.polygonPath.coordinates[0].y-=g.value.circleRadius),t==="bottom"&&(g.value.polygonPath.coordinates[0].y+=g.value.circleRadius),j(g.value)}function xe(t){const l=[];function n(c){c.forEach(i=>{const p={name:i.name,details:i.details||"-",ancestor:i.ancestor&&i.ancestor.name||"-",color:i.color||""};l.push(p),i.nodes&&i.nodes.length>0&&n(i.nodes,i.name)})}return n(t),l}const $e=e.computed(()=>xe(B.value)),T=e.computed(()=>{const t=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor],l=$e.value.map((i,p)=>[{color:i.color,name:i.name},i.details,i.ancestor||""]),n={th:{backgroundColor:o.value.table.th.backgroundColor,color:o.value.table.th.color,outline:o.value.table.th.outline},td:{backgroundColor:o.value.table.td.backgroundColor,color:o.value.table.td.color,outline:o.value.table.td.outline},breakpoint:o.value.table.responsiveBreakpoint},c=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor];return{head:t,body:l,config:n,colNames:c}});function ie(){e.nextTick(()=>{const t=T.value.body.map((c,i)=>[[c[0].name],[c[1]],[c[2]]]),l=[[o.value.style.chart.title.text],[o.value.style.chart.title.subtitle.text],[[...T.value.head]]].concat(t),n=m.createCsvContent(l);m.downloadCsv({csvContent:n,title:o.value.style.chart.title.text||"vue-ui-molecule"})})}function Pe(){return B.value}const E=e.ref(!1);function Fe(t){E.value=t,D.value+=1}function ue(){y.value.showTable=!y.value.showTable}function ce(){y.value.showDataLabels=!y.value.showDataLabels}function de(){y.value.showTooltip=!y.value.showTooltip}const M=e.ref(!1);function X(){M.value=!M.value}return w({getData:Pe,generatePdf:le,generateCsv:ie,generateImage:ne,toggleTable:ue,toggleLabels:ce,toggleTooltip:de,toggleAnnotator:X}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"moleculeChart",ref:d,class:e.normalizeClass(`vue-ui-molecule ${E.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${o.value.style.fontFamily};width:100%; text-align:center;background:${o.value.style.chart.backgroundColor}`),id:`cluster_${u.value}`,onMouseleave:l[7]||(l[7]=n=>{se.value=null,V.value=null,e.unref(Q)(!1)}),onMouseenter:l[8]||(l[8]=()=>e.unref(Q)(!0))},[o.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ae.PenAndPaper,{key:0,parent:d.value,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,active:M.value,onClose:X},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),me.value?(e.openBlock(),e.createElementBlock("div",_e,null,512)):e.createCommentVNode("",!0),o.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",et,[(e.openBlock(),e.createBlock(Le._sfc_main,{key:`title_${J.value}`,config:{title:{cy:"molecule-div-title",...o.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...o.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),o.value.userOptions.show&&a.value&&(e.unref(_)||e.unref(A))?(e.openBlock(),e.createBlock(pe.UserOptions,{ref_key:"details",ref:s,key:`user_options_${D.value}`,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,isPrinting:e.unref(te),isImaging:e.unref(oe),uid:u.value,hasTooltip:o.value.userOptions.buttons.tooltip&&o.value.style.chart.tooltip.show,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasTable:o.value.userOptions.buttons.table,hasLabel:o.value.userOptions.buttons.labels,hasFullscreen:o.value.userOptions.buttons.fullscreen,isTooltip:y.value.showTooltip,titles:{...o.value.userOptions.buttonTitles},chartElement:d.value,position:o.value.userOptions.position,hasAnnotator:o.value.userOptions.buttons.annotator,isAnnotation:M.value,onToggleFullscreen:Fe,onGeneratePdf:e.unref(le),onGenerateCsv:ie,onGenerateImage:e.unref(ne),onToggleTable:ue,onToggleLabels:ce,onToggleTooltip:de,onToggleAnnotator:X,style:e.normalizeStyle({visibility:e.unref(_)?e.unref(A)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,t.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:c})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:c})),void 0,!0)]),key:"6"}:void 0,t.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:n,isAnnotator:c})=>[e.renderSlot(t.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:n,isAnnotator:c})),void 0,!0)]),key:"7"}: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),a.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(m.XMLNS),viewBox:I.value,class:e.normalizeClass({"vue-data-ui-fullscreen--on":E.value,"vue-data-ui-fulscreen--off":!E.value}),style:e.normalizeStyle(`overflow: hidden; background:transparent;color:${o.value.style.chart.color}`),onClick:l[0]||(l[0]=e.withModifiers(n=>Ce(n),["stop"]))},[e.createVNode(De._sfc_main),t.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:C.value.width<=0?10:C.value.width,height:C.value.height<=0?10:C.value.height,style:{pointerEvents:"none"}},[e.renderSlot(t.$slots,"chart-background",{},void 0,!0)],8,ot)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(ke.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(m.lightenHexColor)(n,.5)},null,8,nt),e.createElementVNode("stop",{offset:"100%","stop-color":n},null,8,rt)],8,lt))),256))]),e.createVNode(Ye,{dataset:B.value,color:o.value.style.chart.links.stroke,backgroundColor:o.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(je,{dataset:B.value,hoveredUid:V.value,stroke:o.value.style.chart.nodes.stroke,strokeHovered:o.value.style.chart.nodes.strokeHovered,onZoom:be,onHover:we},null,8,["dataset","hoveredUid","stroke","strokeHovered"]),y.value.showDataLabels?(e.openBlock(),e.createBlock(Ze,{key:1,dataset:B.value,color:o.value.style.chart.color,hoveredUid:V.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"svg",{svg:C.value},void 0,!0)],14,tt)):e.createCommentVNode("",!0),N.value?(e.openBlock(),e.createBlock(Ke,{key:`direction_pad_${D.value}`,color:o.value.style.chart.color,isFullscreen:E.value,onMoveLeft:l[1]||(l[1]=n=>U("left")),onMoveRight:l[2]||(l[2]=n=>U("right")),onMoveTop:l[3]||(l[3]=n=>U("top")),onMoveBottom:l[4]||(l[4]=n=>U("bottom")),onReset:l[5]||(l[5]=n=>{H(),N.value=!1})},null,8,["color","isFullscreen"])):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",at,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(te)||e.unref(oe)})),void 0,!0)])):e.createCommentVNode("",!0),a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ue.default,{key:7,config:{type:"molecule",style:{backgroundColor:o.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),t.$slots.source?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(ze._sfc_main,{show:y.value.showTooltip&&b.value,backgroundColor:o.value.style.chart.tooltip.backgroundColor,color:o.value.style.chart.tooltip.color,borderRadius:o.value.style.chart.tooltip.borderRadius,borderColor:o.value.style.chart.tooltip.borderColor,borderWidth:o.value.style.chart.tooltip.borderWidth,fontSize:o.value.style.chart.tooltip.fontSize,backgroundOpacity:o.value.style.chart.tooltip.backgroundOpacity,position:o.value.style.chart.tooltip.position,offsetY:o.value.style.chart.tooltip.offsetY,parent:d.value,content:P.value,isFullscreen:E.value,isCustom:o.value.style.chart.tooltip.customFormat&&typeof o.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),a.value?(e.openBlock(),e.createBlock(Me.default,{key:9,hideDetails:"",config:{open:y.value.showTable,maxHeight:1e4,body:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color},head:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Oe.DataTable,{key:`table_${K.value}`,colNames:T.value.colNames,head:T.value.head,body:T.value.body,config:T.value.config,title:`${o.value.style.chart.title.text}${o.value.style.chart.title.subtitle.text?` : ${o.value.style.chart.title.subtitle.text}`:""}`,onClose:l[6]||(l[6]=n=>y.value.showTable=!1)},{th:e.withCtx(({th:n})=>[e.createElementVNode("div",{innerHTML:n,style:{display:"flex","align-items":"center"}},null,8,it)]),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,Qe))}},ct=He._export_sfc(ut,[["__scopeId","data-v-c9ee14bc"]]);exports.default=ct;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("./index-BfKO0mWG.cjs"),Le=require("./Title-CUoXs-XJ.cjs"),pe=require("./usePrinter-B3WcbJUK.cjs"),Oe=require("./DataTable-DN61toQQ.cjs"),ze=require("./Tooltip-TqkUkWoH.cjs"),z=require("./BaseIcon-BJi2tdtl.cjs"),Ue=require("./vue-ui-skeleton-C9gd5UnC.cjs"),Ae=require("./vue-ui-accordion-CmsJv79_.cjs"),fe=require("./useNestedProp-D9fZbCk6.cjs"),Me=require("./PackageVersion-Cg_0Xov6.cjs"),De=require("./PenAndPaper-DpBM14U6.cjs"),Ie=require("./useUserOptionState-BgepsfED.cjs"),He=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),qe=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],je={__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:["zoom","hover"],setup(r,{emit:w}){const k=r,v=w;function a(s){v("zoom",s)}function h(s){v("hover",s)}return e.toRef(k,"dataset").value.forEach(s=>{s.nodes&&s.nodes.length>0&&s.nodes.forEach(b=>{b.ancestor=s})}),(s,b)=>{const P=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,d=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[d.polygonPath&&d.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.polygonPath.coordinates,(N,F)=>(e.openBlock(),e.createElementBlock("circle",{cx:N.x,cy:N.y,r:d.circleRadius,fill:`url(#gradient_${d.color})`,stroke:r.hoveredUid&&r.hoveredUid===d.uid?r.strokeHovered:r.stroke,"stroke-width":r.hoveredUid&&r.hoveredUid===d.uid?d.circleRadius/6:d.circleRadius/12,style:{cursor:"pointer"},onClick:e.withModifiers(g=>a(d),["stop"]),onMouseover:g=>h(d),onMouseleave:b[0]||(b[0]=g=>h(null))},null,40,qe))),256)),d.nodes&&d.nodes.length>0?(e.openBlock(),e.createBlock(P,{key:0,dataset:d.nodes,color:r.color,stroke:r.stroke,strokeHovered:r.strokeHovered,hoveredUid:r.hoveredUid,onZoom:a,onHover:h},null,8,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Ge=["x1","y1","x2","y2","stroke","stroke-width"],Xe=["x1","y1","x2","y2","stroke","stroke-width"],Ye={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(r){const w=r;return e.toRef(w,"dataset").value.forEach(v=>{v.nodes&&v.nodes.length>0&&v.nodes.forEach(a=>{a.ancestor=v})}),(v,a)=>{const h=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,u=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.polygonPath&&u.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.polygonPath.coordinates,(s,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.ancestor&&u.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:s.x,y1:s.y,x2:u.ancestor.polygonPath.coordinates[0].x,y2:u.ancestor.polygonPath.coordinates[0].y,stroke:r.backgroundColor,"stroke-width":u.circleRadius/1.5},null,8,Ge),e.createElementVNode("line",{x1:s.x,y1:s.y,x2:u.ancestor.polygonPath.coordinates[0].x,y2:u.ancestor.polygonPath.coordinates[0].y,stroke:r.color,"stroke-width":u.circleRadius/2},null,8,Xe)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,u=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.polygonPath&&u.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.nodes&&u.nodes.length>0?(e.openBlock(),e.createBlock(h,{key:0,dataset:u.nodes,color:r.color,backgroundColor:r.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},We=["x","y","fill","font-size"],Ze={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(r,{emit:w}){const k=r;return e.toRef(k,"dataset").value.forEach(a=>{a.nodes&&a.nodes.length>0&&a.nodes.forEach(h=>{h.ancestor=a})}),(a,h)=>{const u=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.polygonPath&&s.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.polygonPath.coordinates,b=>(e.openBlock(),e.createElementBlock("text",{x:b.x,y:b.y+s.circleRadius*2,fill:r.color,"font-size":s.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(s.name),9,We))),256)),s.nodes&&s.nodes.length>0?(e.openBlock(),e.createBlock(u,{key:0,dataset:s.nodes,color:r.color,hoveredUid:r.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Je={style:{position:"relative",height:"100%",width:"100%"}},Ke={__name:"BaseDirectionPad",props:{color:{type:String,default:"#1A1A1A"},isFullscreen:{type:Boolean,default:!1}},emits:["moveLeft","moveTop","moveRight","moveBottom","reset"],setup(r,{emit:w}){const k=w;return(v,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`position: ${r.isFullscreen?"fixed":"absolute"};bottom:0;right:${r.isFullscreen?"12px":"0"};width:80px;height:80px`),"data-html2canvas-ignore":""},[e.createElementVNode("div",Je,[e.createElementVNode("button",{onClick:a[0]||(a[0]=e.withModifiers(h=>k("moveLeft"),["stop"])),style:{position:"absolute",left:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowLeft",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[1]||(a[1]=e.withModifiers(h=>k("moveTop"),["stop"])),style:{position:"absolute",top:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowTop",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[2]||(a[2]=e.withModifiers(h=>k("moveRight"),["stop"])),style:{position:"absolute",right:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowRight",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[3]||(a[3]=e.withModifiers(h=>k("moveBottom"),["stop"])),style:{position:"absolute",bottom:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowBottom",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:a[4]||(a[4]=e.withModifiers(h=>k("reset"),["stop"])),style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"close",style:{cursor:"pointer"},strokeWidth:2},null,8,["stroke"])])])],4))}},Qe=["id"],_e={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},et={key:2,style:"width:100%;background:transparent;"},tt=["xmlns","viewBox"],ot=["width","height"],lt=["id"],nt=["stop-color"],rt=["stop-color"],at={key:6,class:"vue-data-ui-watermark"},st={key:8,ref:"source",dir:"auto"},it=["innerHTML"],ut={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(r,{expose:w}){const{vue_ui_molecule:k}=m.useConfig(),v=r,a=e.computed(()=>!!v.dataset&&v.dataset.length);e.onMounted(()=>{h()});function h(){m.objectIsEmpty(v.dataset)&&m.error({componentName:"VueUiMolecule",type:"dataset"})}const u=e.ref(m.createUid()),s=e.ref(null),b=e.ref(!1),P=e.ref(""),d=e.ref(null),N=e.ref(null),F=e.ref(!1),g=e.ref(null),Z=e.ref(null),M=e.ref(0),J=e.ref(0),K=e.ref(0),o=e.computed({get:()=>ee(),set:t=>t}),{userOptionsVisible:D,setUserOptionsVisibility:Q,keepUserOptionState:_}=Ie.useUserOptionState({config:o.value});function ee(){const t=fe.useNestedProp({userConfig:v.config,defaultConfig:k});return t.theme?{...fe.useNestedProp({userConfig:m.themes.vue_ui_molecule[t.theme]||v.config,defaultConfig:t}),customPalette:m.themePalettes[t.theme]||m.palette}:t}e.watch(()=>v.config,t=>{o.value=ee(),D.value=!o.value.userOptions.showOnChartHover,h(),J.value+=1,K.value+=1,y.value.showTable=o.value.table.show,y.value.showTooltip=o.value.style.chart.tooltip.show},{deep:!0});const{isPrinting:te,isImaging:oe,generatePdf:le,generateImage:ne}=pe.usePrinter({elementId:`cluster_${u.value}`,fileName:o.value.style.chart.title.text||"vue-ui-molecule"}),me=e.computed(()=>o.value.userOptions.show&&!o.value.style.chart.title.text),he=e.computed(()=>m.convertCustomPalette(o.value.customPalette)),y=e.ref({showTable:o.value.table.show,showDataLabels:!0,showTooltip:o.value.style.chart.tooltip.show});function re(t,l=0){return Array.isArray(t)&&t.length>0&&t[0].nodes?re(t[0].nodes,l+1):l}function ge(){const t=re(v.dataset);let l=100,n=l;for(let c=0;c<t;c+=1)l/=1,n+=l;return{height:n,width:n}}const C=e.ref(ge()),I=e.ref(`0 0 ${C.value.width} ${C.value.height}`);function ae(t,l={x:-C.value.width/2.43,y:C.value.height/2},n=C.value.width/1.1,c=24,i=0,p=0,R="#BBBBBB"){if(t&&t.length>0){const Y=m.createPolygonPath({plot:l,radius:n,sides:t.length,rotation:i});t.forEach((f,$)=>{const L=Y.coordinates[$];let x;if(f.ancestor?f.ancestor.ancestor?x=f.ancestor.color||R:(x=he.value[p]||m.palette[p]||R,p+=1):x=R,f.polygonPath={coordinates:[L]},f.circleRadius=c,f.color=x,f.uid=m.createUid(),f.nodes&&f.nodes.length>0){const W=!f.ancestor||!f.ancestor.ancestor?p:0;f.nodes=ae(f.nodes,L,n/2.9,c/2.2,i+Math.PI*$/f.nodes.length,W,x)}})}return t}function ye(t){const l=new Set;function n(i){i.forEach(p=>{p.color&&!l.has(p.color)&&l.add(p.color),p.nodes&&p.nodes.length>0&&n(p.nodes)})}n(t);const c={};return Array.from(l).forEach((i,p)=>{c[i]=`gradient_${p}`}),c}const ke=e.computed(()=>ye(B.value)),B=e.computed(()=>ae(v.dataset));function H(){F.value=!1,N.value=null,Z.value=null,g.value=null,j({polygonPath:{coordinates:[{x:C.value.width/2,y:C.value.height/2}]},circleRadius:24})}const q=e.ref(null);function j(t){d.value.focus(),e.nextTick(()=>{q.value&&cancelAnimationFrame(q.value);const l=I.value.split(" "),n=parseFloat(l[0]),c=parseFloat(l[1]),i=parseFloat(l[2]),p=parseFloat(l[3]),{x:R,y:Y}=t.polygonPath.coordinates[0],{circleRadius:f}=t,$=8.34,L=R-f*$,x=Y-f*$,W=f*$*2,Fe=f*$*2,Te=Math.sqrt((L-n)**2+(x-c)**2),O=Math.min(1200,Math.max(20,Math.floor(Te/10))),Ee=(L-n)/O,Se=(x-c)/O,Ve=(W-i)/O,Re=(Fe-p)/O;let S=0;function ve(){I.value=`${n+Ee*S} ${c+Se*S} ${i+Ve*S} ${p+Re*S}`,S+=o.value.style.chart.zoom.speed,S<=O&&(q.value=requestAnimationFrame(ve))}ve()})}function be(t){N.value===t.uid?H():(N.value=t.uid,Z.value=t,g.value={circleRadius:t.circleRadius,polygonPath:{coordinates:[{x:t.polygonPath.coordinates[0].x,y:t.polygonPath.coordinates[0].y}]}},j(t),F.value=t.uid!==B.value[0].uid)}function Ce(t){if(t.target.nodeName!=="circle")H(),F.value=!1;else return}const G=e.ref(null);function Be(t){G.value={datapoint:t,seriesIndex:-1,series:B.value,config:o.value};const l=o.value.style.chart.tooltip.customFormat;if(m.isFunction(l)&&m.functionReturnsString(()=>l({seriesIndex:-1,datapoint:t,series:B.value,config:o.value})))P.value=l({seriesIndex:-1,datapoint:t,series:B.value,config:o.value});else{let n="";n+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`,t.details&&(n+=`<div style="width:100%;border-top:1px solid ${o.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`),P.value=`<div style="font-family:inherit">${n}</div>`}}const se=e.ref(null),V=e.ref(null);function we(t){se.value=t,t?(b.value=!0,Be(t),V.value=t.uid):(b.value=!1,P.value="",V.value=null)}function U(t){t==="right"&&(g.value.polygonPath.coordinates[0].x+=g.value.circleRadius),t==="left"&&(g.value.polygonPath.coordinates[0].x-=g.value.circleRadius),t==="top"&&(g.value.polygonPath.coordinates[0].y-=g.value.circleRadius),t==="bottom"&&(g.value.polygonPath.coordinates[0].y+=g.value.circleRadius),j(g.value)}function xe(t){const l=[];function n(c){c.forEach(i=>{const p={name:i.name,details:i.details||"-",ancestor:i.ancestor&&i.ancestor.name||"-",color:i.color||""};l.push(p),i.nodes&&i.nodes.length>0&&n(i.nodes,i.name)})}return n(t),l}const $e=e.computed(()=>xe(B.value)),T=e.computed(()=>{const t=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor],l=$e.value.map((i,p)=>[{color:i.color,name:i.name},i.details,i.ancestor||""]),n={th:{backgroundColor:o.value.table.th.backgroundColor,color:o.value.table.th.color,outline:o.value.table.th.outline},td:{backgroundColor:o.value.table.td.backgroundColor,color:o.value.table.td.color,outline:o.value.table.td.outline},breakpoint:o.value.table.responsiveBreakpoint},c=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor];return{head:t,body:l,config:n,colNames:c}});function ie(){e.nextTick(()=>{const t=T.value.body.map((c,i)=>[[c[0].name],[c[1]],[c[2]]]),l=[[o.value.style.chart.title.text],[o.value.style.chart.title.subtitle.text],[[...T.value.head]]].concat(t),n=m.createCsvContent(l);m.downloadCsv({csvContent:n,title:o.value.style.chart.title.text||"vue-ui-molecule"})})}function Pe(){return B.value}const E=e.ref(!1);function Ne(t){E.value=t,M.value+=1}function ue(){y.value.showTable=!y.value.showTable}function ce(){y.value.showDataLabels=!y.value.showDataLabels}function de(){y.value.showTooltip=!y.value.showTooltip}const A=e.ref(!1);function X(){A.value=!A.value}return w({getData:Pe,generatePdf:le,generateCsv:ie,generateImage:ne,toggleTable:ue,toggleLabels:ce,toggleTooltip:de,toggleAnnotator:X}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"moleculeChart",ref:d,class:e.normalizeClass(`vue-ui-molecule ${E.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${o.value.style.fontFamily};width:100%; text-align:center;background:${o.value.style.chart.backgroundColor}`),id:`cluster_${u.value}`,onMouseleave:l[7]||(l[7]=n=>{se.value=null,V.value=null,e.unref(Q)(!1)}),onMouseenter:l[8]||(l[8]=()=>e.unref(Q)(!0))},[o.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(De.PenAndPaper,{key:0,parent:d.value,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,active:A.value,onClose:X},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),me.value?(e.openBlock(),e.createElementBlock("div",_e,null,512)):e.createCommentVNode("",!0),o.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",et,[(e.openBlock(),e.createBlock(Le._sfc_main,{key:`title_${J.value}`,config:{title:{cy:"molecule-div-title",...o.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...o.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),o.value.userOptions.show&&a.value&&(e.unref(_)||e.unref(D))?(e.openBlock(),e.createBlock(pe.UserOptions,{ref_key:"details",ref:s,key:`user_options_${M.value}`,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,isPrinting:e.unref(te),isImaging:e.unref(oe),uid:u.value,hasTooltip:o.value.userOptions.buttons.tooltip&&o.value.style.chart.tooltip.show,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasTable:o.value.userOptions.buttons.table,hasLabel:o.value.userOptions.buttons.labels,hasFullscreen:o.value.userOptions.buttons.fullscreen,isTooltip:y.value.showTooltip,titles:{...o.value.userOptions.buttonTitles},chartElement:d.value,position:o.value.userOptions.position,hasAnnotator:o.value.userOptions.buttons.annotator,isAnnotation:A.value,onToggleFullscreen:Ne,onGeneratePdf:e.unref(le),onGenerateCsv:ie,onGenerateImage:e.unref(ne),onToggleTable:ue,onToggleLabels:ce,onToggleTooltip:de,onToggleAnnotator:X,style:e.normalizeStyle({visibility:e.unref(_)?e.unref(D)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,t.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:c})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:c})),void 0,!0)]),key:"6"}:void 0,t.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:n,isAnnotator:c})=>[e.renderSlot(t.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:n,isAnnotator:c})),void 0,!0)]),key:"7"}: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),a.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(m.XMLNS),viewBox:I.value,class:e.normalizeClass({"vue-data-ui-fullscreen--on":E.value,"vue-data-ui-fulscreen--off":!E.value}),style:e.normalizeStyle(`overflow: hidden; background:transparent;color:${o.value.style.chart.color}`),onClick:l[0]||(l[0]=e.withModifiers(n=>Ce(n),["stop"]))},[e.createVNode(Me._sfc_main),t.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:C.value.width<=0?10:C.value.width,height:C.value.height<=0?10:C.value.height,style:{pointerEvents:"none"}},[e.renderSlot(t.$slots,"chart-background",{},void 0,!0)],8,ot)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(ke.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(m.lightenHexColor)(n,.5)},null,8,nt),e.createElementVNode("stop",{offset:"100%","stop-color":n},null,8,rt)],8,lt))),256))]),e.createVNode(Ye,{dataset:B.value,color:o.value.style.chart.links.stroke,backgroundColor:o.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(je,{dataset:B.value,hoveredUid:V.value,stroke:o.value.style.chart.nodes.stroke,strokeHovered:o.value.style.chart.nodes.strokeHovered,onZoom:be,onHover:we},null,8,["dataset","hoveredUid","stroke","strokeHovered"]),y.value.showDataLabels?(e.openBlock(),e.createBlock(Ze,{key:1,dataset:B.value,color:o.value.style.chart.color,hoveredUid:V.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"svg",{svg:C.value},void 0,!0)],14,tt)):e.createCommentVNode("",!0),F.value?(e.openBlock(),e.createBlock(Ke,{key:`direction_pad_${M.value}`,color:o.value.style.chart.color,isFullscreen:E.value,onMoveLeft:l[1]||(l[1]=n=>U("left")),onMoveRight:l[2]||(l[2]=n=>U("right")),onMoveTop:l[3]||(l[3]=n=>U("top")),onMoveBottom:l[4]||(l[4]=n=>U("bottom")),onReset:l[5]||(l[5]=n=>{H(),F.value=!1})},null,8,["color","isFullscreen"])):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",at,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(te)||e.unref(oe)})),void 0,!0)])):e.createCommentVNode("",!0),a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ue.default,{key:7,config:{type:"molecule",style:{backgroundColor:o.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),t.$slots.source?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(ze._sfc_main,{show:y.value.showTooltip&&b.value,backgroundColor:o.value.style.chart.tooltip.backgroundColor,color:o.value.style.chart.tooltip.color,borderRadius:o.value.style.chart.tooltip.borderRadius,borderColor:o.value.style.chart.tooltip.borderColor,borderWidth:o.value.style.chart.tooltip.borderWidth,fontSize:o.value.style.chart.tooltip.fontSize,backgroundOpacity:o.value.style.chart.tooltip.backgroundOpacity,position:o.value.style.chart.tooltip.position,offsetY:o.value.style.chart.tooltip.offsetY,parent:d.value,content:P.value,isFullscreen:E.value,isCustom:o.value.style.chart.tooltip.customFormat&&typeof o.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),a.value?(e.openBlock(),e.createBlock(Ae.default,{key:9,hideDetails:"",config:{open:y.value.showTable,maxHeight:1e4,body:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color},head:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Oe.DataTable,{key:`table_${K.value}`,colNames:T.value.colNames,head:T.value.head,body:T.value.body,config:T.value.config,title:`${o.value.style.chart.title.text}${o.value.style.chart.title.subtitle.text?` : ${o.value.style.chart.title.subtitle.text}`:""}`,onClose:l[6]||(l[6]=n=>y.value.showTable=!1)},{th:e.withCtx(({th:n})=>[e.createElementVNode("div",{innerHTML:n,style:{display:"flex","align-items":"center"}},null,8,it)]),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,Qe))}},ct=He._export_sfc(ut,[["__scopeId","data-v-c9ee14bc"]]);exports.default=ct;

package/dist/{vue-ui-molecule-DEKmU-Mx.js → vue-ui-molecule-ZvqDoyQn.js}

@@ -1,15 +1,15 @@
-import { toRef as ce, resolveComponent as de, createElementBlock as n, openBlock as a, Fragment as m, renderList as A, createCommentVNode as f, createBlock as S, withModifiers as z, createElementVNode as F, toDisplayString as Ie, normalizeStyle as _, createVNode as L, computed as D, onMounted as tt, ref as v, watch as ot, unref as C, normalizeClass as Oe, createSlots as lt, withCtx as x, renderSlot as $, normalizeProps as q, guardReactiveProps as Z, createTextVNode as at, nextTick as Le } from "vue";
-import { u as st, o as nt, e as rt, c as Ue, t as it, p as De, a as ut, b as ct, X as dt, l as vt, P as ht, q as ft, r as pt, x as gt, y as yt } from "./index-B8uVRkA1.js";
-import { _ as mt } from "./Title-MKfkLka7.js";
-import { u as bt, U as kt } from "./usePrinter-CppD6oY_.js";
-import { D as Ct } from "./DataTable-BWABkdIL.js";
-import { _ as $t } from "./Tooltip-BUMgVEu0.js";
-import J from "./BaseIcon-DTJIrD3k.js";
-import wt from "./vue-ui-skeleton-BC7kQhlE.js";
-import xt from "./vue-ui-accordion-CE2Pnpz3.js";
-import { u as Ae } from "./useNestedProp-kStEZqtl.js";
-import { _ as Pt } from "./PackageVersion-Dqo8V-i_.js";
-import { P as Tt } from "./PenAndPaper-QsaleY3R.js";
+import { toRef as ce, resolveComponent as de, createElementBlock as n, openBlock as a, Fragment as m, renderList as D, createCommentVNode as f, createBlock as S, withModifiers as z, createElementVNode as F, toDisplayString as Ie, normalizeStyle as _, createVNode as A, computed as U, onMounted as tt, ref as v, watch as ot, unref as C, normalizeClass as Oe, createSlots as lt, withCtx as x, renderSlot as $, normalizeProps as q, guardReactiveProps as Z, createTextVNode as at, nextTick as Ae } from "vue";
+import { u as st, o as nt, e as rt, c as Le, t as it, p as Ue, a as ut, b as ct, X as dt, l as vt, P as ht, q as ft, r as pt, x as gt, y as yt } from "./index-GSCW0GhW.js";
+import { _ as mt } from "./Title-rp5eHDVc.js";
+import { u as bt, U as kt } from "./usePrinter-BBNI0jHz.js";
+import { D as Ct } from "./DataTable-HDq8aOyj.js";
+import { _ as $t } from "./Tooltip-3XUFn6mK.js";
+import J from "./BaseIcon-BhXkDb2X.js";
+import wt from "./vue-ui-skeleton-C0nuwFlf.js";
+import xt from "./vue-ui-accordion-CON_m6tj.js";
+import { u as De } from "./useNestedProp-Da-DNb_v.js";
+import { _ as Pt } from "./PackageVersion-DL-70o6h.js";
+import { P as Tt } from "./PenAndPaper-C1v_7F2S.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], Ot = {
@@ -55,9 +55,9 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       });
     }), (i, P) => {
       const B = de("RecursiveCircles", !0);
-      return a(!0), n(m, null, A(s.dataset, (h) => (a(), n(m, null, [
+      return a(!0), n(m, null, D(s.dataset, (h) => (a(), n(m, null, [
         h.polygonPath && h.polygonPath.coordinates ? (a(), n(m, { key: 0 }, [
-          (a(!0), n(m, null, A(h.polygonPath.coordinates, (M, H) => (a(), n("circle", {
+          (a(!0), n(m, null, D(h.polygonPath.coordinates, (M, H) => (a(), n("circle", {
             cx: M.x,
             cy: M.y,
             r: h.circleRadius,
@@ -83,7 +83,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64))), 256);
     };
   }
-}, Lt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Dt = {
+}, At = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Lt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -107,8 +107,8 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }), (p, r) => {
       const b = de("RecursiveLinks", !0);
       return a(), n(m, null, [
-        (a(!0), n(m, null, A(s.dataset, (c) => (a(), n(m, null, [
-          c.polygonPath && c.polygonPath.coordinates ? (a(!0), n(m, { key: 0 }, A(c.polygonPath.coordinates, (i, P) => (a(), n(m, null, [
+        (a(!0), n(m, null, D(s.dataset, (c) => (a(), n(m, null, [
+          c.polygonPath && c.polygonPath.coordinates ? (a(!0), n(m, { key: 0 }, D(c.polygonPath.coordinates, (i, P) => (a(), n(m, null, [
             c.ancestor && c.ancestor.polygonPath ? (a(), n(m, { key: 0 }, [
               F("line", {
                 x1: i.x,
@@ -117,7 +117,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
                 y2: c.ancestor.polygonPath.coordinates[0].y,
                 stroke: s.backgroundColor,
                 "stroke-width": c.circleRadius / 1.5
-              }, null, 8, Lt),
+              }, null, 8, At),
               F("line", {
                 x1: i.x,
                 y1: i.y,
@@ -125,11 +125,11 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
                 y2: c.ancestor.polygonPath.coordinates[0].y,
                 stroke: s.color,
                 "stroke-width": c.circleRadius / 2
-              }, null, 8, Ut)
+              }, null, 8, Lt)
             ], 64)) : f("", !0)
           ], 64))), 256)) : f("", !0)
         ], 64))), 256)),
-        (a(!0), n(m, null, A(s.dataset, (c) => (a(), n(m, null, [
+        (a(!0), n(m, null, D(s.dataset, (c) => (a(), n(m, null, [
           c.polygonPath && c.polygonPath.coordinates ? (a(), n(m, { key: 0 }, [
             c.nodes && c.nodes.length > 0 ? (a(), S(b, {
               key: 0,
@@ -142,7 +142,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64);
     };
   }
-}, At = ["x", "y", "fill", "font-size"], It = {
+}, Dt = ["x", "y", "fill", "font-size"], It = {
   __name: "RecursiveLabels",
   props: {
     color: {
@@ -166,16 +166,16 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       });
     }), (r, b) => {
       const c = de("RecursiveLabels", !0);
-      return a(!0), n(m, null, A(s.dataset, (i) => (a(), n(m, null, [
+      return a(!0), n(m, null, D(s.dataset, (i) => (a(), n(m, null, [
         i.polygonPath && i.polygonPath.coordinates ? (a(), n(m, { key: 0 }, [
-          (a(!0), n(m, null, A(i.polygonPath.coordinates, (P) => (a(), n("text", {
+          (a(!0), n(m, null, D(i.polygonPath.coordinates, (P) => (a(), n("text", {
             x: P.x,
             y: P.y + i.circleRadius * 2,
             fill: s.color,
             "font-size": i.circleRadius,
             "text-anchor": "middle",
             style: { opacity: "0.8", "pointer-events": "none" }
-          }, Ie(i.name), 9, At))), 256)),
+          }, Ie(i.name), 9, Dt))), 256)),
           i.nodes && i.nodes.length > 0 ? (a(), S(c, {
             key: 0,
             dataset: i.nodes,
@@ -191,7 +191,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
   props: {
     color: {
       type: String,
-      default: "#FF0000"
+      default: "#1A1A1A"
     },
     isFullscreen: {
       type: Boolean,
@@ -210,7 +210,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: r[0] || (r[0] = z((b) => R("moveLeft"), ["stop"])),
           style: { position: "absolute", left: "0", top: "50%", transform: "translateY(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
-          L(J, {
+          A(J, {
             stroke: s.color,
             name: "arrowLeft",
             style: { cursor: "pointer" }
@@ -220,7 +220,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: r[1] || (r[1] = z((b) => R("moveTop"), ["stop"])),
           style: { position: "absolute", top: "0", left: "50%", transform: "translateX(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
-          L(J, {
+          A(J, {
             stroke: s.color,
             name: "arrowTop",
             style: { cursor: "pointer" }
@@ -230,7 +230,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: r[2] || (r[2] = z((b) => R("moveRight"), ["stop"])),
           style: { position: "absolute", right: "0", top: "50%", transform: "translateY(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
-          L(J, {
+          A(J, {
             stroke: s.color,
             name: "arrowRight",
             style: { cursor: "pointer" }
@@ -240,7 +240,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: r[3] || (r[3] = z((b) => R("moveBottom"), ["stop"])),
           style: { position: "absolute", bottom: "0", left: "50%", transform: "translateX(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
-          L(J, {
+          A(J, {
             stroke: s.color,
             name: "arrowBottom",
             style: { cursor: "pointer" }
@@ -250,7 +250,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           onClick: r[4] || (r[4] = z((b) => R("reset"), ["stop"])),
           style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
         }, [
-          L(J, {
+          A(J, {
             stroke: s.color,
             name: "close",
             style: { cursor: "pointer" },
@@ -292,7 +292,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
   },
   setup(s, { expose: I }) {
-    const { vue_ui_molecule: R } = st(), p = s, r = D(() => !!p.dataset && p.dataset.length);
+    const { vue_ui_molecule: R } = st(), p = s, r = U(() => !!p.dataset && p.dataset.length);
     tt(() => {
       b();
     });
@@ -302,21 +302,21 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         type: "dataset"
       });
     }
-    const c = v(Ue()), i = v(null), P = v(!1), B = v(""), h = v(null), M = v(null), H = v(!1), k = v(null), ve = v(null), ee = v(0), he = v(0), fe = v(0), t = D({
+    const c = v(Le()), i = v(null), P = v(!1), B = v(""), h = v(null), M = v(null), H = v(!1), k = v(null), ve = v(null), ee = v(0), he = v(0), fe = v(0), t = U({
       get: () => ye(),
       set: (e) => e
     }), { userOptionsVisible: te, setUserOptionsVisibility: pe, keepUserOptionState: ge } = Ft({ config: t.value });
     function ye() {
-      const e = Ae({
+      const e = De({
         userConfig: p.config,
         defaultConfig: R
       });
       return e.theme ? {
-        ...Ae({
+        ...De({
           userConfig: ut.vue_ui_molecule[e.theme] || p.config,
           defaultConfig: e
         }),
-        customPalette: it[e.theme] || De
+        customPalette: it[e.theme] || Ue
       } : e;
     }
     ot(() => p.config, (e) => {
@@ -325,7 +325,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     const { isPrinting: me, isImaging: be, generatePdf: ke, generateImage: Ce } = bt({
       elementId: `cluster_${c.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-molecule"
-    }), Ne = D(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = D(() => ct(t.value.customPalette)), w = v({
+    }), Ne = U(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = U(() => ct(t.value.customPalette)), w = v({
       showTable: t.value.table.show,
       showDataLabels: !0,
       showTooltip: t.value.style.chart.tooltip.show
@@ -354,10 +354,10 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         });
         e.forEach((y, N) => {
           const Y = ie.coordinates[N];
-          let U;
-          if (y.ancestor ? y.ancestor.ancestor ? U = y.ancestor.color || G : (U = ze.value[g] || De[g] || G, g += 1) : U = G, y.polygonPath = {
+          let L;
+          if (y.ancestor ? y.ancestor.ancestor ? L = y.ancestor.color || G : (L = ze.value[g] || Ue[g] || G, g += 1) : L = G, y.polygonPath = {
             coordinates: [Y]
-          }, y.circleRadius = d, y.color = U, y.uid = Ue(), y.nodes && y.nodes.length > 0) {
+          }, y.circleRadius = d, y.color = L, y.uid = Le(), y.nodes && y.nodes.length > 0) {
             const ue = !y.ancestor || !y.ancestor.ancestor ? g : 0;
             y.nodes = we(
               y.nodes,
@@ -366,7 +366,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
               d / 2.2,
               u + Math.PI * N / y.nodes.length,
               ue,
-              U
+              L
             );
           }
         });
@@ -386,7 +386,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         d[u] = `gradient_${g}`;
       }), d;
     }
-    const He = D(() => Me(O.value)), O = D(() => we(p.dataset));
+    const He = U(() => Me(O.value)), O = U(() => we(p.dataset));
     function le() {
       H.value = !1, M.value = null, ve.value = null, k.value = null, se({
         polygonPath: {
@@ -397,9 +397,9 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
     const ae = v(null);
     function se(e) {
-      h.value.focus(), Le(() => {
+      h.value.focus(), Ae(() => {
         ae.value && cancelAnimationFrame(ae.value);
-        const o = oe.value.split(" "), l = parseFloat(o[0]), d = parseFloat(o[1]), u = parseFloat(o[2]), g = parseFloat(o[3]), { x: G, y: ie } = e.polygonPath.coordinates[0], { circleRadius: y } = e, N = 8.34, Y = G - y * N, U = ie - y * N, ue = y * N * 2, Ze = y * N * 2, Je = Math.sqrt((Y - l) ** 2 + (U - d) ** 2), W = Math.min(1200, Math.max(20, Math.floor(Je / 10))), Ke = (Y - l) / W, Qe = (U - d) / W, _e = (ue - u) / W, et = (Ze - g) / W;
+        const o = oe.value.split(" "), l = parseFloat(o[0]), d = parseFloat(o[1]), u = parseFloat(o[2]), g = parseFloat(o[3]), { x: G, y: ie } = e.polygonPath.coordinates[0], { circleRadius: y } = e, N = 8.34, Y = G - y * N, L = ie - y * N, ue = y * N * 2, Ze = y * N * 2, Je = Math.sqrt((Y - l) ** 2 + (L - d) ** 2), W = Math.min(1200, Math.max(20, Math.floor(Je / 10))), Ke = (Y - l) / W, Qe = (L - d) / W, _e = (ue - u) / W, et = (Ze - g) / W;
         let X = 0;
         function Se() {
           oe.value = `${l + Ke * X} ${d + Qe * X} ${u + _e * X} ${g + et * X}`, X += t.value.style.chart.zoom.speed, X <= W && (ae.value = requestAnimationFrame(Se));
@@ -470,7 +470,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       }
       return l(e), o;
     }
-    const Ye = D(() => Ge(O.value)), E = D(() => {
+    const Ye = U(() => Ge(O.value)), E = U(() => {
       const e = [
         t.value.table.translations.nodeName,
         t.value.table.translations.details,
@@ -507,7 +507,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       };
     });
     function Pe() {
-      Le(() => {
+      Ae(() => {
         const e = E.value.body.map((d, u) => [[d[0].name], [d[1]], [d[2]]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[...E.value.head]]].concat(e), l = ft(o);
         pt({ csvContent: l, title: t.value.style.chart.title.text || "vue-ui-molecule" });
       });
@@ -675,7 +675,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         style: _(`overflow: hidden; background:transparent;color:${t.value.style.chart.color}`),
         onClick: o[0] || (o[0] = z((l) => Ve(l), ["stop"]))
       }, [
-        L(Pt),
+        A(Pt),
         e.$slots["chart-background"] ? (a(), n("foreignObject", {
           key: 0,
           x: 0,
@@ -689,7 +689,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           $(e.$slots, "chart-background", {}, void 0, !0)
         ], 8, Vt)) : f("", !0),
         F("defs", null, [
-          (a(!0), n(m, null, A(Object.keys(He.value), (l) => (a(), n("radialGradient", {
+          (a(!0), n(m, null, D(Object.keys(He.value), (l) => (a(), n("radialGradient", {
             id: `gradient_${l}`,
             cx: "50%",
             cy: "30%",
@@ -707,12 +707,12 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             }, null, 8, Gt)
           ], 8, Xt))), 256))
         ]),
-        L(Dt, {
+        A(Ut, {
           dataset: O.value,
           color: t.value.style.chart.links.stroke,
           backgroundColor: t.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
-        L(Ot, {
+        A(Ot, {
           dataset: O.value,
           hoveredUid: j.value,
           stroke: t.value.style.chart.nodes.stroke,
@@ -758,7 +758,7 @@ const St = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       e.$slots.source ? (a(), n("div", Wt, [
         $(e.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      L($t, {
+      A($t, {
         show: w.value.showTooltip && P.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,