deepdark-ui/deepdark-ui.umd.cjs

面向开发者的暗黑风格的数字孪生组件库；基于vue3的开发

(function(xt,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],_):(xt=typeof globalThis<"u"?globalThis:xt||self,_(xt["deepdark-ui"]={},xt.Vue))})(this,function(xt,_){"use strict";var w8=Object.defineProperty;var S8=(xt,_,Yn)=>_ in xt?w8(xt,_,{enumerable:!0,configurable:!0,writable:!0,value:Yn}):xt[_]=Yn;var _t=(xt,_,Yn)=>S8(xt,typeof _!="symbol"?_+"":_,Yn);const Yn={xmlns:"http://www.w3.org/2000/svg",viewBox:"-1 -1 102 22",width:"100%",height:"100%",preserveAspectRatio:"none"},Bx={key:0},Rx=["fill","fill-opacity"],Vx=["stroke","stroke-width"],$x=["stroke","stroke-width"],zx=["stroke"],Fx=["stroke"],Gx=["stroke"],Wx=["stroke"],Hx={key:1},Ux=["fill"],Yx=["stroke"],Xx=["stroke"],Zx=["stroke"],qx=["stroke"],Kx={__name:"index",props:{hoverBoo:{default:!1,type:Boolean},strokeWidth:{default:.5,type:Number},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Yn,[e.hoverBoo?_.createCommentVNode("",!0):(_.openBlock(),_.createElementBlock("g",Bx,[_.createElementVNode("path",{d:"M0 10 L4 0 L96 0 L100 10 L96 20 L4 20 L0 10z",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,Rx),_.createElementVNode("path",{d:"M2 6 L4 0 L96 0 L98 6",stroke:e.colorDefault,"stroke-width":e.strokeWidth,fill:"none"},null,8,Vx),_.createElementVNode("path",{d:"M2 14 L4 20 L96 20 L98 14",stroke:e.colorDefault,"stroke-width":e.strokeWidth,fill:"none"},null,8,$x),_.createElementVNode("ellipse",{cx:"1.7",cy:"7",rx:"1.5%",ry:"5%",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,zx),_.createElementVNode("ellipse",{cx:"1.7",cy:"13",rx:"1.5%",ry:"5%",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Fx),_.createElementVNode("ellipse",{cx:"98.3",cy:"7",rx:"1.5%",ry:"5%",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Gx),_.createElementVNode("ellipse",{cx:"98.3",cy:"13",rx:"1.5%",ry:"5%",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Wx)])),e.hoverBoo?(_.openBlock(),_.createElementBlock("g",Hx,[_.createElementVNode("path",{d:"M0 10 L4 0 L96 0 L100 10 L96 20 L4 20 L0 10z",fill:e.colorBackground,"fill-opacity":"0.9"},null,8,Ux),_.createElementVNode("path",{d:"M2 8 L4 0 L96 0 L98 8",stroke:e.colorDefault,"stroke-width":"0.5",fill:"none"},null,8,Yx),_.createElementVNode("path",{d:"M2 12 L4 20 L96 20 L98 12",stroke:e.colorDefault,"stroke-width":"0.5",fill:"none"},null,8,Xx),_.createElementVNode("ellipse",{cx:"2",cy:"10",rx:"2%",ry:"7%",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Zx),_.createElementVNode("ellipse",{cx:"98",cy:"10",rx:"2%",ry:"7%",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,qx)])):_.createCommentVNode("",!0)]))}},Qx={xmlns:"http://www.w3.org/2000/svg",viewBox:"-1 -1 102 22",width:"100%",height:"100%",preserveAspectRatio:"none"},jx=["stroke"],Jx={key:0},tb=["fill"],eb=["fill"],rb=["fill"],nb=["fill"],ib=["fill"],ab=["fill"],ob=["fill"],sb=["fill"],lb=["fill"],ub=["fill"],cb=["fill"],fb=["fill"],hb=["fill","fill-opacity"],db={key:1},vb=["fill"],pb=["fill"],gb=["fill"],yb=["fill"],mb=["fill"],_b=["fill"],xb=["fill"],bb=["fill"],wb=["fill"],Sb=["fill"],kb=["fill"],Db=["fill"],Tb=["fill"],Lb={__name:"index",props:{hoverBoo:{default:!1,type:Boolean},strokeWidth:{default:.5,type:Number},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorHoverBackground:{default:"var(--bgColor-deep-dark)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Qx,[_.createElementVNode("path",{d:"M1 0 L99 0 M1 20 L99 20",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,jx),e.hoverBoo?_.createCommentVNode("",!0):(_.openBlock(),_.createElementBlock("g",Jx,[_.createElementVNode("rect",{x:"0",y:"1",width:"2",height:"1",fill:e.colorDark2},null,8,tb),_.createElementVNode("rect",{x:"0",y:"5",width:"2",height:"1",fill:e.colorDark},null,8,eb),_.createElementVNode("rect",{x:"0",y:"8.2",width:"2",height:"1",fill:e.colorDefault},null,8,rb),_.createElementVNode("rect",{x:"0",y:"11.8",width:"2",height:"1",fill:e.colorDefault},null,8,nb),_.createElementVNode("rect",{x:"0",y:"15",width:"2",height:"1",fill:e.colorDark},null,8,ib),_.createElementVNode("rect",{x:"0",y:"18",width:"2",height:"1",fill:e.colorDark2},null,8,ab),_.createElementVNode("rect",{x:"98",y:"1",width:"2",height:"1",fill:e.colorDark2},null,8,ob),_.createElementVNode("rect",{x:"98",y:"5",width:"2",height:"1",fill:e.colorDark},null,8,sb),_.createElementVNode("rect",{x:"98",y:"8.2",width:"2",height:"1",fill:e.colorDefault},null,8,lb),_.createElementVNode("rect",{x:"98",y:"11.8",width:"2",height:"1",fill:e.colorDefault},null,8,ub),_.createElementVNode("rect",{x:"98",y:"15",width:"2",height:"1",fill:e.colorDark},null,8,cb),_.createElementVNode("rect",{x:"98",y:"18",width:"2",height:"1",fill:e.colorDark2},null,8,fb),_.createElementVNode("path",{d:"M2 1 L98 1 L98 19 L2 19",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,hb)])),e.hoverBoo?(_.openBlock(),_.createElementBlock("g",db,[_.createElementVNode("rect",{x:"0",y:"1",width:"3",height:"2.5",fill:e.colorDark2},null,8,vb),_.createElementVNode("rect",{x:"0",y:"4",width:"3",height:"2.5",fill:e.colorDark},null,8,pb),_.createElementVNode("rect",{x:"0",y:"7",width:"3",height:"2.7",fill:e.colorDefault},null,8,gb),_.createElementVNode("rect",{x:"0",y:"10.2",width:"3",height:"2.7",fill:e.colorDefault},null,8,yb),_.createElementVNode("rect",{x:"0",y:"13.5",width:"3",height:"2.5",fill:e.colorDark},null,8,mb),_.createElementVNode("rect",{x:"0",y:"16.5",width:"3",height:"2.5",fill:e.colorDark2},null,8,_b),_.createElementVNode("rect",{x:"97",y:"1",width:"3",height:"2.5",fill:e.colorDark2},null,8,xb),_.createElementVNode("rect",{x:"97",y:"4",width:"3",height:"2.5",fill:e.colorDark},null,8,bb),_.createElementVNode("rect",{x:"97",y:"7",width:"3",height:"2.7",fill:e.colorDefault},null,8,wb),_.createElementVNode("rect",{x:"97",y:"10.2",width:"3",height:"2.7",fill:e.colorDefault},null,8,Sb),_.createElementVNode("rect",{x:"97",y:"13.5",width:"3",height:"2.5",fill:e.colorDark},null,8,kb),_.createElementVNode("rect",{x:"97",y:"16.5",width:"3",height:"2.5",fill:e.colorDark2},null,8,Db),_.createElementVNode("path",{d:"M2 1 L98 1 L98 19 L2 19",fill:e.colorHoverBackground},null,8,Tb)])):_.createCommentVNode("",!0)]))}},Cb={xmlns:"http://www.w3.org/2000/svg",viewBox:"-1 -1 102 22",width:"100%",height:"100%",preserveAspectRatio:"none"},Mb={key:0},Ab=["fill","fill-opacity"],Eb=["stroke","stroke-width"],Nb=["stroke","stroke-width"],Ib=["stroke","stroke-width"],Pb={key:1},Ob=["fill","stroke"],Bb=["stroke"],Rb=["stroke"],Vb=["stroke"],$b={__name:"index",props:{hoverBoo:{default:!1,type:Boolean},strokeWidth:{default:.5,type:Number},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorHoverBackground:{default:"var(--bgColor-deep-dark)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Cb,[e.hoverBoo?_.createCommentVNode("",!0):(_.openBlock(),_.createElementBlock("g",Mb,[_.createElementVNode("path",{d:"M6 0 L94 0 L99 2 L99 18 L94 20 L6 20 L1 18 L1 2 L6 0",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,Ab),_.createElementVNode("path",{d:"M2 0 L48 0 M52 0 L98 0 M2 20 L48 20 M52 20 L98 20",fill:"none",stroke:e.colorDefault,"stroke-width":e.strokeWidth},null,8,Eb),_.createElementVNode("path",{d:"M0 2 L0 9 M0 11 L0 18",fill:"none",stroke:e.colorDefault,"stroke-width":e.strokeWidth},null,8,Nb),_.createElementVNode("path",{d:"M100 2 L100 9 M100 11 L100 18",fill:"none",stroke:e.colorDefault,"stroke-width":e.strokeWidth},null,8,Ib)])),e.hoverBoo?(_.openBlock(),_.createElementBlock("g",Pb,[_.createElementVNode("path",{d:"M6 0 L94 0 L99 2 L99 18 L94 20 L6 20 L1 18 L1 2 L6 0",fill:e.colorBackground,"fill-opacity":.9,stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Ob),_.createElementVNode("path",{d:"M5 0 L95 0 M2 20 L95 20",fill:"none",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Bb),_.createElementVNode("path",{d:"M5 0 L0 2 M0 18 L5 20 M95 0 L100 2 M100 18 L95 20",fill:"none",stroke:e.colorDefault,"stroke-width":"0.5"},null,8,Rb),_.createElementVNode("path",{d:"M0 2 L0 18 M100 2 L100 18",fill:"none",stroke:e.colorDark,"stroke-width":"2"},null,8,Vb)])):_.createCommentVNode("",!0)]))}},tn=(e,t)=>{const r=e.__vccOpts||e;for(const[n,i]of t)r[n]=i;return r},zb={class:"--dk--button--content"},po=tn(Object.assign({name:"dk-button"},{props:{width:{default:"120px",type:String},height:{default:"26px",type:String},mold:{default:"circle",type:String},colorType:{default:"sky-blue",type:String},strokeWidth:{default:.5,type:Number},colorBackground:{default:null,type:String},opacity:{default:.4,type:Number},customStyle:{default:{},type:Object}},setup(e){let t=e;const r=_.ref(!1),n=_.ref("var(--sky-blue-4)"),i=_.ref("var(--sky-blue-5)"),a=_.ref("var(--sky-blue-7)"),o=_.ref("var(--sky-blue-8)"),s=_.ref("var(--sky-blue-9)"),l=_.ref("var(--sky-blue-10)"),u=_.ref(null),c=_.ref({});_.watchEffect(()=>{t.colorType&&(n.value="var(--"+t.colorType+"-4)",i.value="var(--"+t.colorType+"-5)",a.value="var(--"+t.colorType+"-7)",o.value="var(--"+t.colorType+"-8)",s.value="var(--"+t.colorType+"-9)",l.value="var(--"+t.colorType+"-10)",u.value=t.colorBackground?t.colorBackground:s.value,c.value={color:i.value},Object.assign(c.value,t.customStyle))});const f=()=>{r.value=!0},d=()=>{r.value=!1};return(h,v)=>(_.openBlock(),_.createElementBlock("div",{style:_.normalizeStyle({width:e.width,height:e.height,display:"inline-block"})},[_.createElementVNode("section",{class:"--dk--button",onMouseover:f,onMouseleave:d},[e.mold==="circle"?(_.openBlock(),_.createBlock(Kx,{key:0,colorText:i.value,colorDefault:a.value,colorDark:o.value,colorDark2:s.value,colorDark3:l.value,hoverBoo:r.value,width:e.width,height:e.height,strokeWidth:e.strokeWidth,colorBackground:u.value,opacity:e.opacity},null,8,["colorText","colorDefault","colorDark","colorDark2","colorDark3","hoverBoo","width","height","strokeWidth","colorBackground","opacity"])):_.createCommentVNode("",!0),e.mold==="stick"?(_.openBlock(),_.createBlock(Lb,{key:1,colorText:i.value,colorDefault:a.value,colorDark:o.value,colorDark2:s.value,colorDark3:l.value,hoverBoo:r.value,strokeWidth:e.strokeWidth,colorBackground:u.value,opacity:e.opacity},null,8,["colorText","colorDefault","colorDark","colorDark2","colorDark3","hoverBoo","strokeWidth","colorBackground","opacity"])):_.createCommentVNode("",!0),e.mold==="bar"?(_.openBlock(),_.createBlock($b,{key:2,colorText:i.value,colorDefault:a.value,colorDark:o.value,colorDark2:s.value,colorDark3:l.value,hoverBoo:r.value,strokeWidth:e.strokeWidth,colorBackground:u.value,opacity:e.opacity},null,8,["colorText","colorDefault","colorDark","colorDark2","colorDark3","hoverBoo","strokeWidth","colorBackground","opacity"])):_.createCommentVNode("",!0),_.createElementVNode("main",zb,[_.createElementVNode("section",null,[_.renderSlot(h.$slots,"icon",{},void 0,!0)]),_.createElementVNode("section",{class:"--dk--button--content--text",style:_.normalizeStyle(c.value)},[_.renderSlot(h.$slots,"default",{},void 0,!0)],4)])],32)],4))}}),[["__scopeId","data-v-5b5922bb"]]),en=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){let t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)}),Fb={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -0.5 100 101",width:"100%",height:"100%",preserveAspectRatio:"none"},Gb=["fill","fill-opacity","stroke","stroke-width"],Wb=["stroke"],Hb=["fill"],Ub=["cy","fill"],Yb=["cy","fill"],Xb=["cy","fill"],Zb=["cy","fill"],qb={key:0},Kb=["id"],Qb=["stop-color"],jb=["stop-color"],Jb=["id"],tw=["stop-color"],ew=["stop-color"],rw=["id"],nw=["stop-color"],iw=["stop-color"],aw=["id"],ow=["stop-color"],sw=["stop-color"],lw=["id"],uw=["stop-color"],cw=["stop-color"],fw=["id"],hw=["stop-color"],dw=["stop-color"],vw=["id"],pw=["stop-color"],gw=["stop-color"],yw=["id"],mw=["stop-color"],_w=["stop-color"],xw=["fill"],bw=["fill"],ww=["fill"],Sw=["fill"],kw=["fill"],Dw=["fill"],Tw=["fill"],Lw=["fill"],Cw={__name:"index",props:{gradientBoo:{default:!1,type:Boolean},strokeWidth:{default:.5,type:Number},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number}},setup(e){let t=en();return(r,n)=>(_.openBlock(),_.createElementBlock("svg",Fb,[_.createElementVNode("path",{d:"M3 1.2 L5 0  L96 0 L100 4 L100 30 L98 33 L98 77 L100 80 L100 96 L96 100 L4 100 L0 97 L0 80  L2 77 L2 33 L0 30 L0 5 L1.3 3",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,Gb),_.createElementVNode("circle",{cx:"2.2",cy:"2.2",r:"1.4",fill:"none",stroke:e.colorDefault,"stroke-width":"0.4"},null,8,Wb),_.createElementVNode("circle",{cx:"2.2",cy:"2.2",r:"0.8",fill:e.colorDefault},null,8,Hb),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(16,i=>_.createElementVNode("circle",{cx:"0.4",cy:29.6+i*3,r:"0.4",fill:e.colorDefault},null,8,Ub)),64)),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(15,i=>_.createElementVNode("circle",{cx:"1.2",cy:31.1+i*3,r:"0.4",fill:e.colorDefault},null,8,Yb)),64)),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(16,i=>_.createElementVNode("circle",{cx:"99.6",cy:29.6+i*3,r:"0.4",fill:e.colorDefault},null,8,Xb)),64)),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(15,i=>_.createElementVNode("circle",{cx:"98.8",cy:31.1+i*3,r:"0.4",fill:e.colorDefault},null,8,Zb)),64)),e.gradientBoo?(_.openBlock(),_.createElementBlock("g",qb,[_.createElementVNode("defs",null,[_.createElementVNode("linearGradient",{id:`grad_left${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.5"},null,8,Qb),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,jb)],8,Kb),_.createElementVNode("linearGradient",{id:`grad_right${_.unref(t)}`,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.5"},null,8,tw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,ew)],8,Jb),_.createElementVNode("linearGradient",{id:`grad_top${_.unref(t)}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.5"},null,8,nw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,iw)],8,rw),_.createElementVNode("linearGradient",{id:`grad_bottom${_.unref(t)}`,x1:"0%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.5"},null,8,ow),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,sw)],8,aw),_.createElementVNode("linearGradient",{id:`grad_lt${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.5"},null,8,uw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,cw)],8,lw),_.createElementVNode("linearGradient",{id:`grad_lb${_.unref(t)}`,x1:"0%",y1:"100%",x2:"100%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.8"},null,8,hw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,dw)],8,fw),_.createElementVNode("linearGradient",{id:`grad_rt${_.unref(t)}`,x1:"100%",y1:"0%",x2:"0%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.8"},null,8,pw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,gw)],8,vw),_.createElementVNode("linearGradient",{id:`grad_rb${_.unref(t)}`,x1:"100%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark,"stop-opacity":"0.8"},null,8,mw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,_w)],8,yw)]),_.createElementVNode("rect",{x:"0",y:"4",width:"4",height:"92",fill:`url(#grad_left${_.unref(t)})`},null,8,xw),_.createElementVNode("rect",{x:"96",y:"4",width:"4",height:"92",fill:`url(#grad_right${_.unref(t)})`},null,8,bw),_.createElementVNode("rect",{x:"4",y:"0",width:"92",height:"4",fill:`url(#grad_top${_.unref(t)})`},null,8,ww),_.createElementVNode("rect",{x:"4",y:"96",width:"92",height:"4",fill:`url(#grad_bottom${_.unref(t)})`},null,8,Sw),_.createElementVNode("polygon",{points:"5,0 0,5 4,5 5,4",fill:`url(#grad_lt${_.unref(t)})`},null,8,kw),_.createElementVNode("polygon",{points:"0,96 4,100 4,96 4,96",fill:`url(#grad_lb${_.unref(t)})`},null,8,Dw),_.createElementVNode("polygon",{points:"96,0 100,4 96,4 96,4",fill:`url(#grad_rt${_.unref(t)})`},null,8,Tw),_.createElementVNode("polygon",{points:"100,96 96,100 96,96 96,96",fill:`url(#grad_rb${_.unref(t)})`},null,8,Lw)])):_.createCommentVNode("",!0)]))}},Mw={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"1em",preserveAspectRatio:"none"},Aw=["fill"],Ew=["fill"],Nw=["fill"],Iw={__name:"headLeft",props:{colorDefault:{default:"var(--sky-blue-7)",type:String}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Mw,[_.createElementVNode("circle",{cx:"33",cy:"33",r:"10",fill:e.colorDefault},null,8,Aw),_.createElementVNode("circle",{cx:"33",cy:"66",r:"10",fill:e.colorDefault},null,8,Ew),_.createElementVNode("circle",{cx:"66",cy:"50",r:"10",fill:e.colorDefault},null,8,Nw)]))}},Pw={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"1em",preserveAspectRatio:"none"},Ow=["fill"],Bw=["fill"],Rw=["fill"],Vw={__name:"headRight",props:{colorDefault:{default:"var(--sky-blue-7)",type:String}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Pw,[_.createElementVNode("circle",{cx:"66",cy:"33",r:"10",fill:e.colorDefault},null,8,Ow),_.createElementVNode("circle",{cx:"66",cy:"66",r:"10",fill:e.colorDefault},null,8,Bw),_.createElementVNode("circle",{cx:"33",cy:"50",r:"10",fill:e.colorDefault},null,8,Rw)]))}},$w={xmlns:"http://www.w3.org/2000/svg",viewBox:"-0.5 -0.5 101 101",width:"100%",height:"100%",preserveAspectRatio:"none"},zw=["fill","fill-opacity"],Fw=["stroke","stroke-width"],Gw=["stroke"],Ww=["stroke"],Hw=["fill"],Uw=["fill"],Yw=["fill"],Xw=["fill"],Zw={key:0},qw=["id"],Kw=["stop-color"],Qw=["stop-color"],jw=["id"],Jw=["stop-color"],tS=["stop-color"],eS=["id"],rS=["stop-color"],nS=["stop-color"],iS=["id"],aS=["stop-color"],oS=["stop-color"],sS=["id"],lS=["stop-color"],uS=["stop-color"],cS=["id"],fS=["stop-color"],hS=["stop-color"],dS=["fill"],vS=["fill"],pS=["fill"],gS=["fill"],yS=["fill"],mS=["fill"],_S={__name:"index",props:{gradientBoo:{default:!1,type:Boolean},strokeWidth:{default:.5,type:Number},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number}},setup(e){let t=en();return(r,n)=>(_.openBlock(),_.createElementBlock("svg",$w,[_.createElementVNode("path",{d:"M5 0 L98 0 L100 5 L100 95 L95 100 L0 100 L0 5 L5 0z",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,zw),_.createElementVNode("path",{d:"M5 0 L91 0 M100 3 L100 95 L95 100 L0 100 L0 5 L5 0",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,Fw),_.createElementVNode("path",{d:"M10 0 L5 0 L0 5 L0 10 M100 90 L100 95 L95 100 L90 100",fill:"none",stroke:e.colorDefault,"stroke-width":"1"},null,8,Gw),_.createElementVNode("path",{d:"M45 0 L55 0",fill:"none",stroke:e.colorDark,"stroke-width":"2"},null,8,Ww),_.createElementVNode("path",{d:"M98 -0.5 L100 3 L99 3 L97 -0.5z",fill:e.colorDefault},null,8,Hw),_.createElementVNode("path",{d:"M96 -0.5 L98 3 L97 3 L95 -0.5z",fill:e.colorDark},null,8,Uw),_.createElementVNode("path",{d:"M94 -0.5 L96 3 L95 3 L93 -0.5z",fill:e.colorDark2},null,8,Yw),_.createElementVNode("path",{d:"M92 -0.5 L94 3 L93 3 L91 -0.5z",fill:e.colorDark3},null,8,Xw),e.gradientBoo?(_.openBlock(),_.createElementBlock("g",Zw,[_.createElementVNode("defs",null,[_.createElementVNode("linearGradient",{id:`grad_left${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,Kw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,Qw)],8,qw),_.createElementVNode("linearGradient",{id:`grad_right${_.unref(t)}`,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,Jw),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,tS)],8,jw),_.createElementVNode("linearGradient",{id:`grad_top${_.unref(t)}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,rS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,nS)],8,eS),_.createElementVNode("linearGradient",{id:`grad_bottom${_.unref(t)}`,x1:"0%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,aS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,oS)],8,iS),_.createElementVNode("linearGradient",{id:`grad_lt${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,lS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,uS)],8,sS),_.createElementVNode("linearGradient",{id:`grad_rb${_.unref(t)}`,x1:"100%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,fS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,hS)],8,cS)]),_.createElementVNode("rect",{x:"0",y:"5",width:"4",height:"95",fill:`url(#grad_left${_.unref(t)})`},null,8,dS),_.createElementVNode("rect",{x:"96",y:"5",width:"4",height:"90",fill:`url(#grad_right${_.unref(t)})`},null,8,vS),_.createElementVNode("rect",{x:"5",y:"0",width:"90",height:"4",fill:`url(#grad_top${_.unref(t)})`},null,8,pS),_.createElementVNode("rect",{x:"0",y:"96",width:"95",height:"4",fill:`url(#grad_bottom${_.unref(t)})`},null,8,gS),_.createElementVNode("polygon",{points:"5,0 5,5 0,5",fill:`url(#grad_lt${_.unref(t)})`},null,8,yS),_.createElementVNode("polygon",{points:"100,95 95,95 95,100",fill:`url(#grad_rb${_.unref(t)})`},null,8,mS)])):_.createCommentVNode("",!0)]))}},xS={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"1em",preserveAspectRatio:"none"},bS=["fill"],wS=["fill"],SS=["fill"],kS={__name:"headLeft",props:{colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",xS,[_.createElementVNode("path",{d:"M0 10 L30 50 L0 90 L20 90 L50 50 L20 10 L0 10z",fill:e.colorDefault},null,8,bS),_.createElementVNode("path",{d:"M30 10 L60 50 L30 90 L50 90 L80 50 L50 10 L30 10z",fill:e.colorDark},null,8,wS),_.createElementVNode("path",{d:"M60 10 L90 50 L60 90 L80 90 L110 50 L80 10 L60 10z",fill:e.colorDark2},null,8,SS)]))}},DS={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 110 100",width:"1em",preserveAspectRatio:"none"},TS=["fill"],LS=["fill"],CS=["fill"],MS={__name:"headRight",props:{colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",DS,[_.createElementVNode("path",{d:"M30 10 L0 50 L30 90 L50 90 L20 50 L50 10 L20 10z",fill:e.colorDark2},null,8,TS),_.createElementVNode("path",{d:"M60 10 L30 50 L60 90 L80 90 L50 50 L80 10 L50 10z",fill:e.colorDark},null,8,LS),_.createElementVNode("path",{d:"M90 10 L60 50 L90 90 L110 90 L80 50 L110 10 L80 10z",fill:e.colorDefault},null,8,CS)]))}},AS={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"100%",height:"100%",preserveAspectRatio:"none"},ES=["fill","fill-opacity","stroke","stroke-width"],NS=["stroke"],IS=["fill"],PS=["fill"],OS={key:0},BS=["id"],RS=["stop-color"],VS=["stop-color"],$S=["id"],zS=["stop-color"],FS=["stop-color"],GS=["id"],WS=["stop-color"],HS=["stop-color"],US=["id"],YS=["stop-color"],XS=["stop-color"],ZS=["id"],qS=["stop-color"],KS=["stop-color"],QS=["id"],jS=["stop-color"],JS=["stop-color"],tk=["id"],ek=["stop-color"],rk=["stop-color"],nk=["id"],ik=["stop-color"],ak=["stop-color"],ok=["id"],sk=["stop-color"],lk=["stop-color"],uk=["id"],ck=["stop-color"],fk=["stop-color"],hk=["id"],dk=["stop-color"],vk=["stop-color"],pk=["id"],gk=["stop-color"],yk=["stop-color"],mk={key:1},_k=["fill"],xk=["fill"],bk=["fill"],wk=["fill"],Sk=["fill"],kk=["fill"],Dk=["fill"],Tk=["fill"],Lk={__name:"index",props:{gradientBoo:{default:!1,type:Boolean},strokeWidth:{default:.5,type:Number},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number}},setup(e){let t=en();return(r,n)=>(_.openBlock(),_.createElementBlock("svg",AS,[_.createElementVNode("path",{d:"M5 0 L95 0 L100 5 L100 95 L95 100 L5 100 L0 95 L0 5 L5 0",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,ES),_.createElementVNode("path",{d:`M10 0 L5 0 L0 5 L0 10 M90 0 L95 0 L100 5 L100 10 M100 90 L100 95 L95 100 L90 100 M0 90 L0 95 L5\r
        100 L10 100`,fill:"none",stroke:e.colorDefault,"stroke-width":"1"},null,8,NS),_.createElementVNode("path",{d:"M0 30 L0 80 L1.5 75 L1.5 35Z",fill:e.colorDark,stroke:"none","stroke-width":"0"},null,8,IS),_.createElementVNode("path",{d:"M100 30 L100 80 L98.5 75 L98.5 35Z",fill:e.colorDark,stroke:"none","stroke-width":"0"},null,8,PS),e.gradientBoo?(_.openBlock(),_.createElementBlock("defs",OS,[_.createElementVNode("linearGradient",{id:`grad_left${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,RS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,VS)],8,BS),_.createElementVNode("linearGradient",{id:`grad_right${_.unref(t)}`,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,zS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,FS)],8,$S),_.createElementVNode("linearGradient",{id:`grad_top${_.unref(t)}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,WS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,HS)],8,GS),_.createElementVNode("linearGradient",{id:`grad_bottom${_.unref(t)}`,x1:"0%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.3"},null,8,YS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,XS)],8,US),_.createElementVNode("linearGradient",{id:`grad_lt${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,qS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,KS)],8,ZS),_.createElementVNode("linearGradient",{id:`grad_lb${_.unref(t)}`,x1:"0%",y1:"100%",x2:"100%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,jS),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,JS)],8,QS),_.createElementVNode("linearGradient",{id:`grad_rt${_.unref(t)}`,x1:"100%",y1:"0%",x2:"0%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,ek),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,rk)],8,tk),_.createElementVNode("linearGradient",{id:`grad_rb${_.unref(t)}`,x1:"100%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,ik),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,ak)],8,nk),_.createElementVNode("linearGradient",{id:`grad_lt${_.unref(t)}`,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,sk),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,lk)],8,ok),_.createElementVNode("linearGradient",{id:`grad_lb${_.unref(t)}`,x1:"0%",y1:"100%",x2:"100%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,ck),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,fk)],8,uk),_.createElementVNode("linearGradient",{id:`grad_rt${_.unref(t)}`,x1:"100%",y1:"0%",x2:"0%",y2:"100%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,dk),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,vk)],8,hk),_.createElementVNode("linearGradient",{id:`grad_rb${_.unref(t)}`,x1:"100%",y1:"100%",x2:"0%",y2:"0%"},[_.createElementVNode("stop",{offset:"0%","stop-color":e.colorDark2,"stop-opacity":"0.5"},null,8,gk),_.createElementVNode("stop",{offset:"100%","stop-color":e.colorDark2,"stop-opacity":"0"},null,8,yk)],8,pk)])):_.createCommentVNode("",!0),e.gradientBoo?(_.openBlock(),_.createElementBlock("g",mk,[_.createElementVNode("rect",{x:"0",y:"4",width:"4",height:"92",fill:`url(#grad_left${_.unref(t)})`},null,8,_k),_.createElementVNode("rect",{x:"96",y:"4",width:"4",height:"92",fill:`url(#grad_right${_.unref(t)})`},null,8,xk),_.createElementVNode("rect",{x:"4",y:"0",width:"92",height:"4",fill:`url(#grad_top${_.unref(t)})`},null,8,bk),_.createElementVNode("rect",{x:"4",y:"96",width:"92",height:"4",fill:`url(#grad_bottom${_.unref(t)})`},null,8,wk),_.createElementVNode("polygon",{points:"5,0 0,5 4,5 5,4",fill:`url(#grad_lt${_.unref(t)})`},null,8,Sk),_.createElementVNode("polygon",{points:"0,96 4,100 4,96 4,96",fill:`url(#grad_lb${_.unref(t)})`},null,8,kk),_.createElementVNode("polygon",{points:"96,0 100,4 96,4 96,4",fill:`url(#grad_rt${_.unref(t)})`},null,8,Dk),_.createElementVNode("polygon",{points:"100,96 96,100 96,96 96,96",fill:`url(#grad_rb${_.unref(t)})`},null,8,Tk)])):_.createCommentVNode("",!0)]))}},Ck={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 100",width:"1em",preserveAspectRatio:"none"},Mk=["fill"],Ak=["fill"],Ek=["fill"],Nk={__name:"headLeft",props:{colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Ck,[_.createElementVNode("path",{d:"M0 30 L20 30 L20 70 L0 70z",fill:e.colorDark2},null,8,Mk),_.createElementVNode("path",{d:"M30 20 L50 20 L50 80 L30 80z",fill:e.colorDark},null,8,Ak),_.createElementVNode("path",{d:"M60 10 L80 10 L80 90 L60 90z",fill:e.colorDefault},null,8,Ek)]))}},Ik={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 100",width:"1em",preserveAspectRatio:"none"},Pk=["fill"],Ok=["fill"],Bk=["fill"],Rk={__name:"headRight",props:{colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Ik,[_.createElementVNode("path",{d:"M0 10 L20 10 L20 90 L0 90z",fill:e.colorDefault},null,8,Pk),_.createElementVNode("path",{d:"M30 20 L50 20 L50 80 L30 80z",fill:e.colorDark},null,8,Ok),_.createElementVNode("path",{d:"M60 30 L80 30 L80 70 L60 70z",fill:e.colorDark2},null,8,Bk)]))}},Vk={class:"--dk--panel"},$k={class:"--dk--panel--content"},zk={class:"--dk--panel--content--header-icon-left"},Fk={class:"--dk--panel--content--header--title"},Gk={class:"--dk--panel--content--header-icon-right"},fd=tn(Object.assign({name:"dk-panel"},{props:{width:{default:"auto",type:String},height:{default:"auto",type:String},mold:{default:"circle",type:String},title:{default:"",type:String},titlePosition:{default:"flex-start",type:String},gradientBoo:{default:!1,type:Boolean},showHeader:{default:!0,type:Boolean},colorType:{default:"sky-blue",type:String},colorBackground:{default:null,type:String},opacity:{default:.6,type:Number},strokeWidth:{default:.5,type:Number},customStyle:{default:{},type:Object}},setup(e){let t=e;const r=_.ref("var(--sky-blue-4)"),n=_.ref("var(--sky-blue-5)"),i=_.ref("var(--sky-blue-7)"),a=_.ref("var(--sky-blue-8)"),o=_.ref("var(--sky-blue-9)"),s=_.ref("var(--sky-blue-10)"),l=_.ref(null),u=_.ref({});return _.watchEffect(()=>{r.value="var(--"+t.colorType+"-4)",n.value="var(--"+t.colorType+"-5)",i.value="var(--"+t.colorType+"-7)",a.value="var(--"+t.colorType+"-8)",o.value="var(--"+t.colorType+"-9)",s.value="var(--"+t.colorType+"-10)",l.value=t.colorBackground?t.colorBackground:s.value,u.value={color:n.value},Object.assign(u.value,t.customStyle)}),(c,f)=>(_.openBlock(),_.createElementBlock("div",{style:_.normalizeStyle({width:e.width,height:e.height})},[_.createElementVNode("div",Vk,[e.mold==="circle"?(_.openBlock(),_.createBlock(Cw,{key:0,gradientBoo:e.gradientBoo,strokeWidth:e.strokeWidth,colorText:n.value,colorDefault:i.value,colorDark:a.value,colorDark2:o.value,colorDark3:s.value,colorBackground:l.value,opacity:e.opacity},null,8,["gradientBoo","strokeWidth","colorText","colorDefault","colorDark","colorDark2","colorDark3","colorBackground","opacity"])):_.createCommentVNode("",!0),e.mold==="stick"?(_.openBlock(),_.createBlock(_S,{key:1,gradientBoo:e.gradientBoo,strokeWidth:e.strokeWidth,colorText:n.value,colorDefault:i.value,colorDark:a.value,colorDark2:o.value,colorDark3:s.value,colorBackground:l.value,opacity:e.opacity},null,8,["gradientBoo","strokeWidth","colorText","colorDefault","colorDark","colorDark2","colorDark3","colorBackground","opacity"])):_.createCommentVNode("",!0),e.mold==="bar"?(_.openBlock(),_.createBlock(Lk,{key:2,gradientBoo:e.gradientBoo,strokeWidth:e.strokeWidth,colorText:n.value,colorDefault:i.value,colorDark:a.value,colorDark2:o.value,colorDark3:s.value,colorBackground:l.value,opacity:e.opacity},null,8,["gradientBoo","strokeWidth","colorText","colorDefault","colorDark","colorDark2","colorDark3","colorBackground","opacity"])):_.createCommentVNode("",!0),_.createElementVNode("section",$k,[e.showHeader?(_.openBlock(),_.createElementBlock("header",{key:0,class:"--dk--panel--content--header",style:_.normalizeStyle({color:r.value,borderColor:o.value,justifyContent:e.titlePosition})},[_.createElementVNode("div",zk,[e.mold==="circle"?(_.openBlock(),_.createBlock(Iw,{key:0,colorDefault:i.value},null,8,["colorDefault"])):_.createCommentVNode("",!0),e.mold==="stick"?(_.openBlock(),_.createBlock(kS,{key:1,colorDefault:i.value},null,8,["colorDefault"])):_.createCommentVNode("",!0),e.mold==="bar"?(_.openBlock(),_.createBlock(Nk,{key:2,colorDefault:i.value,colorDark:a.value,colorDark2:o.value},null,8,["colorDefault","colorDark","colorDark2"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",Fk,_.toDisplayString(e.title),1),_.createElementVNode("div",Gk,[e.mold==="circle"?(_.openBlock(),_.createBlock(Vw,{key:0,colorDefault:i.value},null,8,["colorDefault"])):_.createCommentVNode("",!0),e.mold==="stick"?(_.openBlock(),_.createBlock(MS,{key:1,colorDefault:i.value},null,8,["colorDefault"])):_.createCommentVNode("",!0),e.mold==="bar"?(_.openBlock(),_.createBlock(Rk,{key:2,colorDefault:i.value,colorDark:a.value,colorDark2:o.value},null,8,["colorDefault","colorDark","colorDark2"])):_.createCommentVNode("",!0)])],4)):_.createCommentVNode("",!0),_.createElementVNode("main",{class:"--dk--panel--content--body",style:_.normalizeStyle(u.value)},[_.renderSlot(c.$slots,"default",{},void 0,!0)],4)])])],4))}}),[["__scopeId","data-v-98872be4"]]),Wk={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"100%",height:"100%",preserveAspectRatio:"none"},Hk=["fill","fill-opacity"],Uk=["stroke","stroke-width"],Yk=["stroke","stroke-width"],Xk=["stroke","stroke-width"],Zk=["stroke","stroke-width"],qk=["stroke"],Kk=["fill"],Qk=["cy","fill"],jk=["cy","fill"],Jk=["cy","fill"],tD=["cy","fill"],eD=["stroke","stroke-width"],rD=["fill","fill-opacity","stroke","stroke-width"],nD={key:2},iD=["stroke","stroke-width"],aD=["fill","fill-opacity","stroke","stroke-width"],oD={key:3},sD=["fill","fill-opacity","stroke","stroke-width"],lD=["stroke","stroke-width"],uD={__name:"index",props:{direction:{default:"top",type:String},closeEnabled:{default:!0,type:Boolean},colorLight:{default:"var(--sky-blue-6)",type:Boolean},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number},strokeWidth:{default:.6,type:Number}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",Wk,[_.createElementVNode("path",{d:"M3.6 11.2 L5 10 L100 10 L100 30 L98 33 L98 77 L100 80 L100 86 L96 90 L4 90 L0 86 L0 80 L2 77 L2 33 L0 30 L0 15 L3.6 11.2z",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,Hk),_.createElementVNode("path",{d:"M3.6 11.2 L5 10 L45 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,Uk),_.createElementVNode("path",{d:"M55 10 L90 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,Yk),_.createElementVNode("path",{d:"M100 20 L100 30 L98 33 L98 77 L100 80 L100 86 L96 90 L55 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,Xk),_.createElementVNode("path",{d:"M1.4 13.4 L0 15 L0 30 L2 33 L2 77 L0 80 L0 86 L4 90 L45 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,Zk),_.createElementVNode("circle",{cx:"2.5",cy:"12.5",r:"1.4",fill:"none",stroke:e.colorLight,"stroke-width":"0.4"},null,8,qk),_.createElementVNode("circle",{cx:"2.5",cy:"12.5",r:"0.8",fill:e.colorLight},null,8,Kk),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(16,n=>_.createElementVNode("circle",{cx:"0.4",cy:29.6+n*3,r:"0.3",fill:e.colorLight},null,8,Qk)),64)),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(15,n=>_.createElementVNode("circle",{cx:"1",cy:31.1+n*3,r:"0.3",fill:e.colorLight},null,8,jk)),64)),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(16,n=>_.createElementVNode("circle",{cx:"99.6",cy:29.6+n*3,r:"0.3",fill:e.colorLight},null,8,Jk)),64)),(_.openBlock(),_.createElementBlock(_.Fragment,null,_.renderList(15,n=>_.createElementVNode("circle",{cx:"99",cy:31.1+n*3,r:"0.3",fill:e.colorLight},null,8,tD)),64)),e.closeEnabled?_.createCommentVNode("",!0):(_.openBlock(),_.createElementBlock("path",{key:0,d:"M90 10 L95 10 L100 15 L100 20",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,eD)),e.closeEnabled?(_.openBlock(),_.createElementBlock("path",{key:1,d:"M90 10 L91 3.5 L100 3.5 L100 20",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,rD)):_.createCommentVNode("",!0),e.direction=="top"?(_.openBlock(),_.createElementBlock("g",nD,[_.createElementVNode("path",{d:"M45 90 L55 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,iD),_.createElementVNode("path",{d:"M45 10 Q49 10 50 0 Q51 10 55 10",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,aD)])):_.createCommentVNode("",!0),e.direction=="bottom"?(_.openBlock(),_.createElementBlock("g",oD,[_.createElementVNode("path",{d:"M45 90 Q49 90 50 100 Q51 90 55 90",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,sD),_.createElementVNode("path",{d:"M45 10 L55 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,lD)])):_.createCommentVNode("",!0)]))}},cD={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"100%",height:"100%",preserveAspectRatio:"none"},fD=["fill","fill-opacity"],hD=["stroke","stroke-width"],dD=["stroke","stroke-width"],vD=["stroke","stroke-width"],pD=["stroke","stroke-width"],gD=["fill","fill-opacity","stroke","stroke-width"],yD={key:1},mD=["fill"],_D=["fill"],xD=["fill"],bD=["fill"],wD=["fill"],SD={key:2},kD=["stroke","stroke-width"],DD=["fill","fill-opacity","stroke","stroke-width"],TD={key:3},LD=["stroke","stroke-width"],CD=["fill","fill-opacity","stroke","stroke-width"],MD={__name:"index",props:{direction:{default:"top",type:String},closeEnabled:{default:!0,type:Boolean},colorLight:{default:"var(--sky-blue-6)",type:Boolean},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number},strokeWidth:{default:.6,type:Number}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",cD,[_.createElementVNode("path",{d:"M3.6 11.2 L5 10 L100 10 L100 86 L96 90 L4 90 L0 86 L0 15 L3.6 11.2z",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,fD),_.createElementVNode("path",{d:"M10 10 L5 10 L0 15 L0 20 M100 80 L100 85 L95 90 L90 90 M0 80 L0 85 L5 90 L10 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,hD),_.createElementVNode("path",{d:"M0 16 L0 90 M100 10 L100 84",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,dD),_.createElementVNode("path",{d:"M10 10 L45 10 M55 10 L90 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,vD),_.createElementVNode("path",{d:"M0 90 L45 90 M55 90 L90 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,pD),e.closeEnabled?(_.openBlock(),_.createElementBlock("path",{key:0,d:"M90 10 L91 3.5 L100 3.5 L100 20",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,gD)):_.createCommentVNode("",!0),e.closeEnabled?_.createCommentVNode("",!0):(_.openBlock(),_.createElementBlock("g",yD,[_.createElementVNode("path",{d:"M98 7 L100 11 L99 11 L97 8z",fill:e.colorLight},null,8,mD),_.createElementVNode("path",{d:"M96 7 L98 11 L97 11 L95 8z",fill:e.colorDark},null,8,_D),_.createElementVNode("path",{d:"M94 7 L96 11 L95 11 L93 8z",fill:e.colorDark},null,8,xD),_.createElementVNode("path",{d:"M92 7 L94 11 L93 11 L91 8z",fill:e.colorDark2},null,8,bD),_.createElementVNode("path",{d:"M90 7 L92 11 L91 11 L89 8z",fill:e.colorDark3},null,8,wD)])),e.direction=="top"?(_.openBlock(),_.createElementBlock("g",SD,[_.createElementVNode("path",{d:"M45 90 L55 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,kD),_.createElementVNode("path",{d:"M45 10 Q49 10 50 0 Q51 10 55 10",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,DD)])):_.createCommentVNode("",!0),e.direction=="bottom"?(_.openBlock(),_.createElementBlock("g",TD,[_.createElementVNode("path",{d:"M45 10 L55 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,LD),_.createElementVNode("path",{d:"M45 90 Q49 90 50 100 Q51 90 55 90 ",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,CD)])):_.createCommentVNode("",!0)]))}},AD={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",width:"100%",height:"100%",preserveAspectRatio:"none"},ED=["fill","fill-opacity"],ND=["stroke","stroke-width"],ID=["stroke","stroke-width"],PD=["stroke","stroke-width"],OD=["stroke","stroke-width"],BD=["fill"],RD=["fill"],VD=["fill","fill-opacity","stroke","stroke-width"],$D={key:1},zD=["stroke","stroke-width"],FD=["fill","fill-opacity","stroke","stroke-width"],GD={key:2},WD=["stroke","stroke-width"],HD=["fill","fill-opacity","stroke","stroke-width"],UD={__name:"index",props:{direction:{default:"top",type:String},closeEnabled:{default:!0,type:Boolean},colorLight:{default:"var(--sky-blue-6)",type:Boolean},colorDefault:{default:"var(--sky-blue-7)",type:String},colorDark:{default:"var(--sky-blue-8)",type:String},colorDark2:{default:"var(--sky-blue-9)",type:String},colorDark3:{default:"var(--sky-blue-10)",type:String},colorBackground:{default:"var(--bgColor-deep-dark2)",type:String},opacity:{default:.4,type:Number},strokeWidth:{default:.6,type:Number}},setup(e){return(t,r)=>(_.openBlock(),_.createElementBlock("svg",AD,[_.createElementVNode("path",{d:"M3.6 11.2 L5 10 L100 10 L100 86 L96 90 L4 90 L0 86 L0 15 L3.6 11.2z",fill:e.colorBackground,"fill-opacity":e.opacity},null,8,ED),_.createElementVNode("path",{d:"M10 10 L5 10 L0 15 L0 20 M100 80 L100 85 L95 90 L90 90 M0 80 L0 85 L5 90 L10 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,ND),_.createElementVNode("path",{d:"M0 15 L0 85 M100 20 L100 85",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,ID),_.createElementVNode("path",{d:"M10 10 L45 10 M55 10 L90 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,PD),_.createElementVNode("path",{d:"M10 90 L45 90 M55 90 L90 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,OD),_.createElementVNode("path",{d:"M0 30 L0 80 L1.5 75 L1.5 35Z",fill:e.colorDark,stroke:"none","stroke-width":"0"},null,8,BD),_.createElementVNode("path",{d:"M100 30 L100 80 L98.5 75 L98.5 35Z",fill:e.colorDark,stroke:"none","stroke-width":"0"},null,8,RD),e.closeEnabled?(_.openBlock(),_.createElementBlock("path",{key:0,d:"M90 10 L91 3.5 L100 3.5 L100 20",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,VD)):_.createCommentVNode("",!0),e.direction=="top"?(_.openBlock(),_.createElementBlock("g",$D,[_.createElementVNode("path",{d:"M45 90 L55 90",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,zD),_.createElementVNode("path",{d:"M45 10 Q49 10 50 0 Q51 10 55 10",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,FD)])):_.createCommentVNode("",!0),e.direction=="bottom"?(_.openBlock(),_.createElementBlock("g",GD,[_.createElementVNode("path",{d:"M45 10 L55 10",fill:"none",stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,WD),_.createElementVNode("path",{d:"M45 90 Q49 90 50 100 Q51 90 55 90 ",fill:e.colorBackground,"fill-opacity":e.opacity,stroke:e.colorDark,"stroke-width":e.strokeWidth},null,8,HD)])):_.createCommentVNode("",!0)]))}},YD={xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",left:"0",top:"0"},viewBox:"0 0 100 100",width:"100%",height:"100%"},XD=["fill","stroke"],hd=tn(Object.assign({name:"dk-popup"},{props:{width:{default:"200px",type:String},height:{default:"150px",type:String},mold:{default:"circle",type:String},direction:{default:"bottom",type:String},closeEnabled:{default:!0,type:Boolean},colorType:{default:"sky-blue",type:String},strokeWidth:{default:.6,type:Number},colorBackground:{default:null,type:String},opacity:{default:.1,type:Number}},emits:["close"],setup(e,{emit:t}){const r=t;let n=e;const i=()=>{r("close"),model.value=!1},a=_.ref("var(--sky-blue-4)"),o=_.ref("var(--sky-blue-5)"),s=_.ref("var(--sky-blue-6)"),l=_.ref("var(--sky-blue-7)"),u=_.ref("var(--sky-blue-8)"),c=_.ref("var(--sky-blue-9)"),f=_.ref("var(--sky-blue-10)"),d=_.ref(null);return n.colorType&&(a.value="var(--"+n.colorType+"-4)",o.value="var(--"+n.colorType+"-5)",s.value="var(--"+n.colorType+"-6)",l.value="var(--"+n.colorType+"-7)",u.value="var(--"+n.colorType+"-8)",c.value="var(--"+n.colorType+"-9)",f.value="var(--"+n.colorType+"-10)"),_.watchEffect(()=>{n.colorType&&(a.value="var(--"+n.colorType+"-4)",o.value="var(--"+n.colorType+"-5)",l.value="var(--"+n.colorType+"-7)",u.value="var(--"+n.colorType+"-8)",c.value="var(--"+n.colorType+"-9)",f.value="var(--"+n.colorType+"-10)",d.value=n.colorBackground?n.colorBackground:f.value)}),(h,v)=>(_.openBlock(),_.createElementBlock("div",{style:_.normalizeStyle({width:e.width,height:e.height})},[_.createElementVNode("div",{class:"--dk--popup",style:_.normalizeStyle({width:e.width,height:e.height,minHeight:"50px",minWidth:"80px",maxWidth:"1200px",maxHeight:"800px"})},[e.mold==="circle"?(_.openBlock(),_.createBlock(uD,{key:0,colorLight:s.value,colorText:o.value,colorDefault:l.value,colorDark:u.value,colorDark2:c.value,direction:e.direction,colorDark3:f.value,closeEnabled:e.closeEnabled,