@lumal/datav 0.0.2-beta → 0.0.4-beta

package/dist/LumalBorderBox-DSHHbgJu.cjs

@@ -1 +0,0 @@
-const e=require("./useElementSize-CZjD5sCp.cjs"),l=require("./useReducedMotion-B0VTSXyW.cjs"),a=require("./useAnimationPause-DP4oaEoq.cjs");let t=require("vue");var o=0,u=["data-variant"],n=["height","width","viewBox","preserveAspectRatio"],r=["fill","points"],i=["fill","points"],v=["stroke","points"],s=["stroke","points"],$=["fill"],d=["fill","cx"],c=["fill","cx","cy"],p=["fill","cy"],m=["fill","points"],f=["stroke","points"],k=["stroke","points"],b=["stroke","points"],E=["stroke","points"],N=["fill","points"],V=["stroke","points"],y=["stroke","points"],h=["stroke","points"],g=["stroke"],x=["stroke"],_=["stroke"],B=["stroke"],L=["stroke"],w=["stroke","points"],W=["stroke","points"],C=["fill","points"],M=["stroke","points"],F=["stroke","points"],R=["stroke","points"],S=["stroke","points"],G=["stroke","points"],A=["stroke","points"],Q=["fill","points"],z=["fill"],j=["fill","cx"],q=["fill","cx","cy"],T=["fill","cy"],D=["stroke","points"],P=["stroke","points"],I=["stroke","points"],O=["stroke","points"],H=["stroke"],J=["stroke"],K=["stroke","points"],U=["stroke","points"],X=["stroke","points"],Y=["stroke","points"],Z=["stroke","points"],ee=["stroke","points"],le=["stroke"],ae=["stroke","points"],te=["stroke","points"],oe=["stroke","points"],ue=["stroke"],ne=["stroke","points"],re=["stroke","points"],ie=["stroke","points"],ve=["d"],se=["fill"],$e=["dur","path"],de=["fill","points"],ce=["href","stroke"],pe=["href","mask","stroke"],me=["dur","from","to"],fe=["dur"],ke=["dur"],be=["stop-color"],Ee=["dur","values"],Ne=["stop-color"],Ve=["dur","values"],ye=["points"],he=["points"],ge=["points"],xe=["points"],_e=["points"],Be=["points"],Le=["points"],we=["points"],We=["points"],Ce=["fill","points"],Me=["fill","height","mask","width"],Fe=["fill","points"],Re=["transform"],Se=["fill"],Ge=["flood-color"],Ae=["fill","points"],Qe=["filter","points","stroke"],ze=["points","stroke"],je=["points","stroke"],qe=["fill","filter","points","stroke"],Te=["fill","filter","opacity","points"],De=["dur","values"],Pe=["fill","filter","opacity","points"],Ie=["dur","values"],Oe=["x"],He=["fill","filter","points"],Je=["fill","filter","points"],Ke=["flood-color"],Ue=["dur"],Xe=["d","fill","stroke"],Ye=["filter","stroke"],Ze=["d","filter","stroke"],el=["d","filter","stroke"],ll=["d","filter","stroke"],al=["d","fill","stroke"],tl=["stroke"],ol=["stroke"],ul=["d","stroke"],nl=["fill"],rl=["dur","values"],il=["fill"],vl=["dur","values"],sl=["fill"],$l=["dur","values"],dl={class:"lumal-border-box__content"},cl=(0,t.defineComponent)({__name:"LumalBorderBox",props:{variant:{default:1},color:{},colors:{default:void 0},backgroundColor:{},background:{default:"transparent"},dur:{},duration:{default:void 0},reverse:{type:Boolean,default:!1},title:{default:""},titleWidth:{default:250}},setup(cl){const pl=cl,ml={1:["#4fd2dd","#235fa7"],2:["#fff","rgba(255, 255, 255, 0.6)"],3:["#2862b7","#2862b7"],4:["red","rgba(0,0,255,0.8)"],5:["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],6:["rgba(255, 255, 255, 0.35)","gray"],7:["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],8:["#235fa7","#4fd2dd"],9:["#11eefd","#0078d2"],10:["#1d48c4","#d3e1f8"],11:["#8aaafb","#1f33a2"],12:["#2e6099","#7ce7fd"],13:["#6586ec","#2cf7fe"]},fl={1:1e3,8:3e3,9:1e4,11:2e3,12:3e3},kl=(0,t.useTemplateRef)("rootRef"),bl=(0,t.useTemplateRef)("svgRef"),El=e.useElementSize(kl),Nl={4:[680,240]},Vl=(0,t.computed)(()=>pl.variant in Nl),yl=(0,t.computed)(()=>El.value.width),hl=(0,t.computed)(()=>El.value.height),gl=(0,t.computed)(()=>Nl[pl.variant]?.[0]??yl.value),xl=(0,t.computed)(()=>Nl[pl.variant]?.[1]??hl.value),_l=(0,t.computed)(()=>Vl.value?`0 0 ${gl.value} ${xl.value}`:void 0),Bl=(0,t.computed)(()=>Vl.value?"none":void 0),Ll=(0,t.shallowRef)(!1),wl=(0,t.shallowRef)(!1),Wl=a.useAnimationPause(kl),Cl=l.useReducedMotion(),Ml=(0,t.computed)(()=>Wl.value||Cl.value||Ll.value||wl.value),Fl=(0,t.computed)(()=>{const e=ml[pl.variant],l=pl.color??pl.colors;return[l?.[0]??e[0],l?.[1]??e[1]]}),Rl=(0,t.computed)(()=>Fl.value[0]),Sl=(0,t.computed)(()=>Fl.value[1]),Gl=(0,t.computed)(()=>pl.backgroundColor??pl.background),Al=(0,t.computed)(()=>Math.max(1,pl.duration??(8===pl.variant&&void 0!==pl.dur?1e3*pl.dur:void 0)??fl[pl.variant]??3e3)),Ql=(0,t.computed)(()=>Al.value/1e3+"s"),zl=(0,t.computed)(()=>Al.value/2e3+"s"),jl=(0,t.computed)(()=>2*(gl.value+xl.value-5)),ql=(0,t.computed)(()=>pl.reverse?`M 2.5, 2.5 L 2.5, ${xl.value-2.5} L ${gl.value-2.5}, ${xl.value-2.5} L ${gl.value-2.5}, 2.5 L 2.5, 2.5`:`M2.5, 2.5 L${gl.value-2.5}, 2.5 L${gl.value-2.5}, ${xl.value-2.5} L2.5, ${xl.value-2.5} L2.5, 2.5`),Tl=(Dl=(0,t.useId)(),o+=1,`lumal-border-box-${Dl.replace(/[^\w-]/g,"")}-${o}`);var Dl;const Pl=`${Tl}-path`,Il=`${Tl}-gradient`,Ol=`${Tl}-mask`,Hl=`${Tl}-filter`,Jl=(0,t.computed)(()=>{const e={"--lumal-datav-background":Gl.value,"--lumal-datav-duration":`${Al.value}ms`,"--lumal-datav-primary":Rl.value,"--lumal-datav-secondary":Sl.value};return 7===pl.variant?(e.backgroundColor=Gl.value,e.border=`1px solid ${Rl.value}`,e.boxShadow=`inset 0 0 40px ${Rl.value}`):10===pl.variant&&(e.boxShadow=`inset 0 0 25px 3px ${Rl.value}`),e}),Kl=(0,t.computed)(()=>["",`translate(${gl.value} 0) scale(-1 1)`,`translate(0 ${xl.value}) scale(1 -1)`,`translate(${gl.value} ${xl.value}) scale(-1 -1)`]),Ul=["left-top","right-top","left-bottom","right-bottom"];function Xl(e){return[1,.7,.5][e-1]??.5}function Yl(e){return[.7,.4,.2][e-1]??.2}function Zl(){Ll.value=!0}function ea(){Ll.value=!1}function la(){wl.value=!0}function aa(e){kl.value?.contains(e.relatedTarget)||(wl.value=!1)}function ta(e,l){l&&(e?l.pauseAnimations?.():l.unpauseAnimations?.())}return(0,t.watch)([Ml,bl],([e,l])=>{(0,t.nextTick)(()=>ta(e,l))},{flush:"post"}),(0,t.onMounted)(()=>{ta(Ml.value,bl.value)}),(e,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:kl,class:(0,t.normalizeClass)(["lumal-border-box",{"is-animation-paused":Ml.value,"is-reverse":cl.reverse}]),"data-variant":cl.variant,style:(0,t.normalizeStyle)(Jl.value),onMouseenter:Zl,onMouseleave:ea,onFocusin:la,onFocusout:aa},[((0,t.openBlock)(),(0,t.createElementBlock)("svg",{ref_key:"svgRef",ref:bl,"aria-hidden":"true",class:(0,t.normalizeClass)(["lumal-border-box__svg",{"is-frame-reverse":cl.reverse&&(4===cl.variant||5===cl.variant)}]),focusable:"false",height:Vl.value?void 0:xl.value,width:Vl.value?void 0:gl.value,viewBox:_l.value,preserveAspectRatio:Bl.value},[1===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)("polygon",{key:0,fill:Gl.value,points:`10, 27 10, ${xl.value-27} 13, ${xl.value-24} 13, ${xl.value-21} 24, ${xl.value-11}\n          38, ${xl.value-11} 41, ${xl.value-8} 73, ${xl.value-8} 75, ${xl.value-10} 81, ${xl.value-10}\n          85, ${xl.value-6} ${gl.value-85}, ${xl.value-6} ${gl.value-81}, ${xl.value-10} ${gl.value-75}, ${xl.value-10}\n          ${gl.value-73}, ${xl.value-8} ${gl.value-41}, ${xl.value-8} ${gl.value-38}, ${xl.value-11}\n          ${gl.value-24}, ${xl.value-11} ${gl.value-13}, ${xl.value-21} ${gl.value-13}, ${xl.value-24}\n          ${gl.value-10}, ${xl.value-27} ${gl.value-10}, 27 ${gl.value-13}, 25 ${gl.value-13}, 21\n          ${gl.value-24}, 11 ${gl.value-38}, 11 ${gl.value-41}, 8 ${gl.value-73}, 8 ${gl.value-75}, 10\n          ${gl.value-81}, 10 ${gl.value-85}, 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24`},null,8,r)):2===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`7, 7 ${gl.value-7}, 7 ${gl.value-7}, ${xl.value-7} 7, ${xl.value-7}`},null,8,i),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`2, 2 ${gl.value-2}, 2 ${gl.value-2}, ${xl.value-2} 2, ${xl.value-2} 2, 2`},null,8,v),(0,t.createElementVNode)("polyline",{stroke:Sl.value,points:`6, 6 ${gl.value-6}, 6 ${gl.value-6}, ${xl.value-6} 6, ${xl.value-6} 6, 6`},null,8,s),(0,t.createElementVNode)("circle",{fill:Rl.value,cx:"11",cy:"11",r:"1"},null,8,$),(0,t.createElementVNode)("circle",{fill:Rl.value,cx:gl.value-11,cy:"11",r:"1"},null,8,d),(0,t.createElementVNode)("circle",{fill:Rl.value,cx:gl.value-11,cy:xl.value-11,r:"1"},null,8,c),(0,t.createElementVNode)("circle",{fill:Rl.value,cx:"11",cy:xl.value-11,r:"1"},null,8,p)],64)):3===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`23, 23 ${gl.value-24}, 23 ${gl.value-24}, ${xl.value-24} 23, ${xl.value-24}`},null,8,m),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb3-line1",stroke:Rl.value,points:`4, 4 ${gl.value-22}, 4 ${gl.value-22}, ${xl.value-22} 4, ${xl.value-22} 4, 4`},null,8,f),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb3-line2",stroke:Sl.value,points:`10, 10 ${gl.value-16}, 10 ${gl.value-16}, ${xl.value-16} 10, ${xl.value-16} 10, 10`},null,8,k),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb3-line2",stroke:Sl.value,points:`16, 16 ${gl.value-10}, 16 ${gl.value-10}, ${xl.value-10} 16, ${xl.value-10} 16, 16`},null,8,b),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb3-line2",stroke:Sl.value,points:`22, 22 ${gl.value-4}, 22 ${gl.value-4}, ${xl.value-4} 22, ${xl.value-4} 22, 22`},null,8,E)],64)):4===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:3},[(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`${gl.value-15}, 22 170, 22 150, 7 40, 7 28, 21 32, 24\n          16, 42 16, ${xl.value-32} 41, ${xl.value-7} ${gl.value-15}, ${xl.value-7}`},null,8,N),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line1",stroke:Rl.value,points:`145, ${xl.value-5} 40, ${xl.value-5} 10, ${xl.value-35} 10, 40 40, 5 150, 5 170, 20 ${gl.value-15}, 20`},null,8,V),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line2",stroke:Sl.value,points:`245, ${xl.value-1} 36, ${xl.value-1} 14, ${xl.value-23} 14, ${xl.value-100}`},null,8,y),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line3",stroke:Rl.value,points:`7, ${xl.value-40} 7, ${xl.value-75}`},null,8,h),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line4",stroke:Rl.value,points:"28, 24 13, 41 13, 64"},null,8,g),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line5",stroke:Rl.value,points:"5, 45 5, 140"},null,8,x),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line6",stroke:Sl.value,points:"14, 75 14, 180"},null,8,_),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line7",stroke:Sl.value,points:"55, 11 147, 11 167, 26 250, 26"},null,8,B),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line8",stroke:Sl.value,points:"158, 5 173, 16"},null,8,L),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line9",stroke:Rl.value,points:`200, 17 ${gl.value-10}, 17`},null,8,w),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb4-line10",stroke:Sl.value,points:`385, 17 ${gl.value-10}, 17`},null,8,W)],64)):5===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:4},[(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`10, 22 ${gl.value-22}, 22 ${gl.value-22}, ${xl.value-86} ${gl.value-84}, ${xl.value-24} 10, ${xl.value-24}`},null,8,C),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb5-line1",stroke:Rl.value,points:`8, 5 ${gl.value-5}, 5 ${gl.value-5}, ${xl.value-100} ${gl.value-100}, ${xl.value-5} 8, ${xl.value-5} 8, 5`},null,8,M),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb5-line2",stroke:Sl.value,points:`3, 5 ${gl.value-20}, 5 ${gl.value-20}, ${xl.value-60} ${gl.value-74}, ${xl.value-5} 3, ${xl.value-5} 3, 5`},null,8,F),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb5-line3",stroke:Sl.value,points:`50, 13 ${gl.value-35}, 13`},null,8,R),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb5-line4",stroke:Sl.value,points:`15, 20 ${gl.value-35}, 20`},null,8,S),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb5-line5",stroke:Sl.value,points:`15, ${xl.value-20} ${gl.value-110}, ${xl.value-20}`},null,8,G),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb5-line6",stroke:Sl.value,points:`15, ${xl.value-13} ${gl.value-110}, ${xl.value-13}`},null,8,A)],64)):6===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:5},[(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`9, 7 ${gl.value-9}, 7 ${gl.value-9}, ${xl.value-7} 9, ${xl.value-7}`},null,8,Q),(0,t.createElementVNode)("circle",{fill:Sl.value,cx:"5",cy:"5",r:"2"},null,8,z),(0,t.createElementVNode)("circle",{fill:Sl.value,cx:gl.value-5,cy:"5",r:"2"},null,8,j),(0,t.createElementVNode)("circle",{fill:Sl.value,cx:gl.value-5,cy:xl.value-5,r:"2"},null,8,q),(0,t.createElementVNode)("circle",{fill:Sl.value,cx:"5",cy:xl.value-5,r:"2"},null,8,T),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`10, 4 ${gl.value-10}, 4`},null,8,D),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`10, ${xl.value-4} ${gl.value-10}, ${xl.value-4}`},null,8,P),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:"5, 70 5, "+(xl.value-70)},null,8,I),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`${gl.value-5}, 70 ${gl.value-5}, ${xl.value-70}`},null,8,O),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:"3, 10 3, 50"},null,8,H),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:"7, 30 7, 80"},null,8,J),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`${gl.value-3}, 10 ${gl.value-3}, 50`},null,8,K),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`${gl.value-7}, 30 ${gl.value-7}, 80`},null,8,U),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`3, ${xl.value-10} 3, ${xl.value-50}`},null,8,X),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`7, ${xl.value-30} 7, ${xl.value-80}`},null,8,Y),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`${gl.value-3}, ${xl.value-10} ${gl.value-3}, ${xl.value-50}`},null,8,Z),(0,t.createElementVNode)("polyline",{stroke:Rl.value,points:`${gl.value-7}, ${xl.value-30} ${gl.value-7}, ${xl.value-80}`},null,8,ee)],64)):7===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:6},[(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line2",stroke:Rl.value,points:"0, 25 0, 0 25, 0"},null,8,le),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line2",stroke:Rl.value,points:`${gl.value-25}, 0 ${gl.value}, 0 ${gl.value}, 25`},null,8,ae),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line2",stroke:Rl.value,points:`${gl.value-25}, ${xl.value} ${gl.value}, ${xl.value} ${gl.value}, ${xl.value-25}`},null,8,te),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line2",stroke:Rl.value,points:`0, ${xl.value-25} 0, ${xl.value} 25, ${xl.value}`},null,8,oe),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line5",stroke:Sl.value,points:"0, 10 0, 0 10, 0"},null,8,ue),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line5",stroke:Sl.value,points:`${gl.value-10}, 0 ${gl.value}, 0 ${gl.value}, 10`},null,8,ne),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line5",stroke:Sl.value,points:`${gl.value-10}, ${xl.value} ${gl.value}, ${xl.value} ${gl.value}, ${xl.value-10}`},null,8,re),(0,t.createElementVNode)("polyline",{class:"lumal-border-box__bb7-line5",stroke:Sl.value,points:`0, ${xl.value-10} 0, ${xl.value} 10, ${xl.value}`},null,8,ie)],64)):8===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:7},[(0,t.createElementVNode)("defs",null,[(0,t.createElementVNode)("path",{id:Pl,d:ql.value,fill:"transparent"},null,8,ve),(0,t.createElementVNode)("radialGradient",{id:Il,cx:"50%",cy:"50%",r:"50%"},[...l[0]||(l[0]=[(0,t.createElementVNode)("stop",{offset:"0%","stop-color":"#fff","stop-opacity":"1"},null,-1),(0,t.createElementVNode)("stop",{offset:"100%","stop-color":"#fff","stop-opacity":"0"},null,-1)])]),(0,t.createElementVNode)("mask",{id:Ol},[(0,t.createElementVNode)("circle",{cx:"0",cy:"0",r:"150",fill:`url(#${Il})`},[(0,t.createElementVNode)("animateMotion",{dur:Ql.value,path:ql.value,repeatCount:"indefinite",rotate:"auto"},null,8,$e)],8,se)])]),(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`5, 5 ${gl.value-5}, 5 ${gl.value-5}, ${xl.value-5} 5, ${xl.value-5}`},null,8,de),(0,t.createElementVNode)("use",{href:`#${Pl}`,stroke:Rl.value,"stroke-width":"1"},null,8,ce),(0,t.createElementVNode)("use",{href:`#${Pl}`,mask:`url(#${Ol})`,stroke:Sl.value,"stroke-width":"3"},[(0,t.createElementVNode)("animate",{attributeName:"stroke-dasharray",dur:Ql.value,from:`0, ${jl.value}`,repeatCount:"indefinite",to:`${jl.value}, 0`},null,8,me)],8,pe)],64)):9===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:8},[(0,t.createElementVNode)("defs",null,[(0,t.createElementVNode)("linearGradient",{id:Il,x1:"0%",x2:"100%",y1:"0%",y2:"100%"},[(0,t.createElementVNode)("animate",{attributeName:"x1",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:"0%;100%;0%"},null,8,fe),(0,t.createElementVNode)("animate",{attributeName:"x2",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:"100%;0%;100%"},null,8,ke),(0,t.createElementVNode)("stop",{offset:"0%","stop-color":Rl.value},[(0,t.createElementVNode)("animate",{attributeName:"stop-color",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:`${Rl.value};${Sl.value};${Rl.value}`},null,8,Ee)],8,be),(0,t.createElementVNode)("stop",{offset:"100%","stop-color":Sl.value},[(0,t.createElementVNode)("animate",{attributeName:"stop-color",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:`${Sl.value};${Rl.value};${Sl.value}`},null,8,Ve)],8,Ne)]),(0,t.createElementVNode)("mask",{id:Ol},[(0,t.createElementVNode)("polyline",{fill:"transparent",points:`8, ${.4*xl.value} 8, 3, ${.4*gl.value+7}, 3`,stroke:"#fff","stroke-width":"3"},null,8,ye),(0,t.createElementVNode)("polyline",{fill:"#fff",points:`8, ${.15*xl.value} 8, 3, ${.1*gl.value+7}, 3 ${.1*gl.value}, 8 14, 8 14, ${.15*xl.value-7}`},null,8,he),(0,t.createElementVNode)("polyline",{fill:"transparent",points:`${.5*gl.value}, 3 ${gl.value-3}, 3, ${gl.value-3}, ${.25*xl.value}`,stroke:"#fff","stroke-width":"3"},null,8,ge),(0,t.createElementVNode)("polyline",{fill:"#fff",points:`${.52*gl.value}, 3 ${.58*gl.value}, 3 ${.58*gl.value-7}, 9 ${.52*gl.value+7}, 9`},null,8,xe),(0,t.createElementVNode)("polyline",{fill:"#fff",points:`${.9*gl.value}, 3 ${gl.value-3}, 3 ${gl.value-3}, ${.1*xl.value} ${gl.value-9}, ${.1*xl.value-7} ${gl.value-9}, 9 ${.9*gl.value+7}, 9`},null,8,_e),(0,t.createElementVNode)("polyline",{fill:"transparent",points:`8, ${.5*xl.value} 8, ${xl.value-3} ${.3*gl.value+7}, ${xl.value-3}`,stroke:"#fff","stroke-width":"3"},null,8,Be),(0,t.createElementVNode)("polyline",{fill:"#fff",points:`8, ${.55*xl.value} 8, ${.7*xl.value} 2, ${.7*xl.value-7} 2, ${.55*xl.value+7}`},null,8,Le),(0,t.createElementVNode)("polyline",{fill:"transparent",points:`${.35*gl.value}, ${xl.value-3} ${gl.value-3}, ${xl.value-3} ${gl.value-3}, ${.35*xl.value}`,stroke:"#fff","stroke-width":"3"},null,8,we),(0,t.createElementVNode)("polyline",{fill:"#fff",points:`${.92*gl.value}, ${xl.value-3} ${gl.value-3}, ${xl.value-3} ${gl.value-3}, ${.8*xl.value} ${gl.value-9}, ${.8*xl.value+7} ${gl.value-9}, ${xl.value-9} ${.92*gl.value+7}, ${xl.value-9}`},null,8,We)])]),(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`15, 9 ${.1*gl.value+1}, 9 ${.1*gl.value+4}, 6 ${.52*gl.value+2}, 6\n          ${.52*gl.value+6}, 10 ${.58*gl.value-7}, 10 ${.58*gl.value-2}, 6\n          ${.9*gl.value+2}, 6 ${.9*gl.value+6}, 10 ${gl.value-10}, 10 ${gl.value-10}, ${.1*xl.value-6}\n          ${gl.value-6}, ${.1*xl.value-1} ${gl.value-6}, ${.8*xl.value+1} ${gl.value-10}, ${.8*xl.value+6}\n          ${gl.value-10}, ${xl.value-10} ${.92*gl.value+7}, ${xl.value-10} ${.92*gl.value+2}, ${xl.value-6}\n          11, ${xl.value-6} 11, ${.15*xl.value-2} 15, ${.15*xl.value-7}`},null,8,Ce),(0,t.createElementVNode)("rect",{fill:`url(#${Il})`,height:xl.value,mask:`url(#${Ol})`,width:gl.value,x:"0",y:"0"},null,8,Me)],64)):10===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:9},[(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`4, 0 ${gl.value-4}, 0 ${gl.value}, 4 ${gl.value}, ${xl.value-4} ${gl.value-4}, ${xl.value} 4, ${xl.value} 0, ${xl.value-4} 0, 4`},null,8,Fe),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(Kl.value,(e,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("g",{key:l,transform:e||void 0},[(0,t.createElementVNode)("polygon",{fill:Sl.value,points:"40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"},null,8,Se)],8,Re))),128))],64)):11===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:10},[(0,t.createElementVNode)("defs",null,[(0,t.createElementVNode)("filter",{id:Hl,height:"150%",width:"150%",x:"-25%",y:"-25%"},[l[1]||(l[1]=(0,t.createElementVNode)("feMorphology",{in:"SourceAlpha",operator:"dilate",radius:"2",result:"thicken"},null,-1)),l[2]||(l[2]=(0,t.createElementVNode)("feGaussianBlur",{in:"thicken",result:"blurred",stdDeviation:"3"},null,-1)),(0,t.createElementVNode)("feFlood",{"flood-color":Sl.value,result:"glowColor"},null,8,Ge),l[3]||(l[3]=(0,t.createElementVNode)("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},null,-1)),l[4]||(l[4]=(0,t.createElementVNode)("feMerge",null,[(0,t.createElementVNode)("feMergeNode",{in:"softGlowColored"}),(0,t.createElementVNode)("feMergeNode",{in:"SourceGraphic"})],-1))])]),(0,t.createElementVNode)("polygon",{fill:Gl.value,points:`20, 32 ${.5*gl.value-cl.titleWidth/2}, 32 ${.5*gl.value-cl.titleWidth/2+20}, 53\n          ${.5*gl.value+cl.titleWidth/2-20}, 53 ${.5*gl.value+cl.titleWidth/2}, 32\n          ${gl.value-20}, 32 ${gl.value-8}, 48 ${gl.value-8}, ${xl.value-25} ${gl.value-20}, ${xl.value-8}\n          20, ${xl.value-8} 8, ${xl.value-25} 8, 50`},null,8,Ae),(0,t.createElementVNode)("polyline",{fill:"none",filter:`url(#${Hl})`,points:`${(gl.value-cl.titleWidth)/2}, 30\n          20, 30 7, 50 7, ${50+(xl.value-167)/2}\n          13, ${55+(xl.value-167)/2} 13, ${135+(xl.value-167)/2}\n          7, ${140+(xl.value-167)/2} 7, ${xl.value-27}\n          20, ${xl.value-7} ${gl.value-20}, ${xl.value-7} ${gl.value-7}, ${xl.value-27}\n          ${gl.value-7}, ${140+(xl.value-167)/2} ${gl.value-13}, ${135+(xl.value-167)/2}\n          ${gl.value-13}, ${55+(xl.value-167)/2} ${gl.value-7}, ${50+(xl.value-167)/2}\n          ${gl.value-7}, 50 ${gl.value-20}, 30 ${(gl.value+cl.titleWidth)/2}, 30\n          ${(gl.value+cl.titleWidth)/2-20}, 7 ${(gl.value-cl.titleWidth)/2+20}, 7\n          ${(gl.value-cl.titleWidth)/2}, 30 ${(gl.value-cl.titleWidth)/2+20}, 52\n          ${(gl.value+cl.titleWidth)/2-20}, 52 ${(gl.value+cl.titleWidth)/2}, 30`,stroke:Rl.value,"stroke-width":"1"},null,8,Qe),(0,t.createElementVNode)("polygon",{fill:"transparent",points:`${(gl.value+cl.titleWidth)/2-5}, 30 ${(gl.value+cl.titleWidth)/2-21}, 11 ${(gl.value+cl.titleWidth)/2-27}, 11 ${(gl.value+cl.titleWidth)/2-8}, 34`,stroke:Rl.value},null,8,ze),(0,t.createElementVNode)("polygon",{fill:"transparent",points:`${(gl.value-cl.titleWidth)/2+5}, 30 ${(gl.value-cl.titleWidth)/2+22}, 49 ${(gl.value-cl.titleWidth)/2+28}, 49 ${(gl.value-cl.titleWidth)/2+8}, 26`,stroke:Rl.value},null,8,je),(0,t.createElementVNode)("polygon",{fill:Sl.value,"fill-opacity":"0.3",filter:`url(#${Hl})`,points:`${(gl.value+cl.titleWidth)/2-11}, 37 ${(gl.value+cl.titleWidth)/2-32}, 11\n          ${(gl.value-cl.titleWidth)/2+23}, 11 ${(gl.value-cl.titleWidth)/2+11}, 23\n          ${(gl.value-cl.titleWidth)/2+33}, 49 ${(gl.value+cl.titleWidth)/2-22}, 49`,stroke:Rl.value},null,8,qe),((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(3,e=>(0,t.createElementVNode)("polygon",{key:`left-${e}`,fill:Rl.value,filter:`url(#${Hl})`,opacity:Xl(e),points:`${(gl.value-cl.titleWidth)/2-10-30*(e-1)}, 37 ${(gl.value-cl.titleWidth)/2-31-30*(e-1)}, 37 ${(gl.value-cl.titleWidth)/2-25-30*(e-1)}, 46 ${(gl.value-cl.titleWidth)/2-4-30*(e-1)}, 46`},[(0,t.createElementVNode)("animate",{attributeName:"opacity",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:`${Xl(e)};${Yl(e)};${Xl(e)}`},null,8,De)],8,Te)),64)),((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(3,e=>(0,t.createElementVNode)("polygon",{key:`right-${e}`,fill:Rl.value,filter:`url(#${Hl})`,opacity:Xl(e),points:`${(gl.value+cl.titleWidth)/2+30+30*(e-1)}, 37 ${(gl.value+cl.titleWidth)/2+9+30*(e-1)}, 37 ${(gl.value+cl.titleWidth)/2+3+30*(e-1)}, 46 ${(gl.value+cl.titleWidth)/2+24+30*(e-1)}, 46`},[(0,t.createElementVNode)("animate",{attributeName:"opacity",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:`${Xl(e)};${Yl(e)};${Xl(e)}`},null,8,Ie)],8,Pe)),64)),(0,t.createElementVNode)("text",{x:gl.value/2,y:"32",fill:"#fff","font-size":"18","text-anchor":"middle","dominant-baseline":"middle"},(0,t.toDisplayString)(cl.title),9,Oe),(0,t.createElementVNode)("polygon",{fill:Rl.value,filter:`url(#${Hl})`,points:`7, ${53+(xl.value-167)/2} 11, ${57+(xl.value-167)/2} 11, ${133+(xl.value-167)/2} 7, ${137+(xl.value-167)/2}`},null,8,He),(0,t.createElementVNode)("polygon",{fill:Rl.value,filter:`url(#${Hl})`,points:`${gl.value-7}, ${53+(xl.value-167)/2} ${gl.value-11}, ${57+(xl.value-167)/2} ${gl.value-11}, ${133+(xl.value-167)/2} ${gl.value-7}, ${137+(xl.value-167)/2}`},null,8,Je)],64)):12===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:11},[(0,t.createElementVNode)("defs",null,[(0,t.createElementVNode)("filter",{id:Hl,height:"150%",width:"150%",x:"-25%",y:"-25%"},[l[5]||(l[5]=(0,t.createElementVNode)("feMorphology",{in:"SourceAlpha",operator:"dilate",radius:"1",result:"thicken"},null,-1)),l[6]||(l[6]=(0,t.createElementVNode)("feGaussianBlur",{in:"thicken",result:"blurred",stdDeviation:"2"},null,-1)),(0,t.createElementVNode)("feFlood",{"flood-color":Sl.value,"flood-opacity":"0.7",result:"glowColor"},[(0,t.createElementVNode)("animate",{attributeName:"flood-opacity",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:"0.7;0.3;0.7"},null,8,Ue)],8,Ke),l[7]||(l[7]=(0,t.createElementVNode)("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},null,-1)),l[8]||(l[8]=(0,t.createElementVNode)("feMerge",null,[(0,t.createElementVNode)("feMergeNode",{in:"softGlowColored"}),(0,t.createElementVNode)("feMergeNode",{in:"SourceGraphic"})],-1))])]),gl.value&&xl.value?((0,t.openBlock)(),(0,t.createElementBlock)("path",{key:0,d:`M15 5 L ${gl.value-15} 5 Q ${gl.value-5} 5, ${gl.value-5} 15 L ${gl.value-5} ${xl.value-15} Q ${gl.value-5} ${xl.value-5}, ${gl.value-15} ${xl.value-5} L 15, ${xl.value-5} Q 5 ${xl.value-5} 5 ${xl.value-15} L 5 15 Q 5 5 15 5`,fill:Gl.value,stroke:Rl.value,"stroke-width":"2"},null,8,Xe)):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("path",{d:"M 20 5 L 15 5 Q 5 5 5 15 L 5 20",fill:"transparent",filter:`url(#${Hl})`,"stroke-linecap":"round",stroke:Sl.value,"stroke-width":"2"},null,8,Ye),(0,t.createElementVNode)("path",{d:`M ${gl.value-20} 5 L ${gl.value-15} 5 Q ${gl.value-5} 5 ${gl.value-5} 15 L ${gl.value-5} 20`,fill:"transparent",filter:`url(#${Hl})`,"stroke-linecap":"round",stroke:Sl.value,"stroke-width":"2"},null,8,Ze),(0,t.createElementVNode)("path",{d:`M ${gl.value-20} ${xl.value-5} L ${gl.value-15} ${xl.value-5} Q ${gl.value-5} ${xl.value-5} ${gl.value-5} ${xl.value-15} L ${gl.value-5} ${xl.value-20}`,fill:"transparent",filter:`url(#${Hl})`,"stroke-linecap":"round",stroke:Sl.value,"stroke-width":"2"},null,8,el),(0,t.createElementVNode)("path",{d:`M 20 ${xl.value-5} L 15 ${xl.value-5} Q 5 ${xl.value-5} 5 ${xl.value-15} L 5 ${xl.value-20}`,fill:"transparent",filter:`url(#${Hl})`,"stroke-linecap":"round",stroke:Sl.value,"stroke-width":"2"},null,8,ll)],64)):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:12},[(0,t.createElementVNode)("path",{d:`M 5 20 L 5 10 L 12 3 L 60 3 L 68 10 L ${gl.value-20} 10 L ${gl.value-5} 25 L ${gl.value-5} ${xl.value-5} L 20 ${xl.value-5} L 5 ${xl.value-20} L 5 20`,fill:Gl.value,stroke:Rl.value},null,8,al),(0,t.createElementVNode)("path",{d:"M 16 9 L 61 9",fill:"transparent","stroke-dasharray":"10, 5","stroke-linecap":"round",stroke:Rl.value,"stroke-width":"3"},null,8,tl),(0,t.createElementVNode)("path",{d:"M 5 20 L 5 10 L 12 3 L 60 3 L 68 10",fill:"transparent",stroke:Sl.value},null,8,ol),(0,t.createElementVNode)("path",{d:`M ${gl.value-5} ${xl.value-30} L ${gl.value-5} ${xl.value-5} L ${gl.value-30} ${xl.value-5}`,fill:"transparent",stroke:Sl.value},null,8,ul)],64))],10,n)),1===cl.variant?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(Ul,e=>(0,t.createElementVNode)("svg",{key:e,"aria-hidden":"true",class:(0,t.normalizeClass)(["lumal-border-box__bb1-corner",`lumal-border-box__bb1-corner--${e}`]),focusable:"false",width:"150px",height:"150px"},[(0,t.createElementVNode)("polygon",{fill:Rl.value,points:"6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"},[(0,t.createElementVNode)("animate",{attributeName:"fill",begin:"0s",dur:zl.value,repeatCount:"indefinite",values:`${Rl.value};${Sl.value};${Rl.value}`},null,8,rl)],8,nl),(0,t.createElementVNode)("polygon",{fill:Sl.value,points:"27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"},[(0,t.createElementVNode)("animate",{attributeName:"fill",begin:"0s",dur:zl.value,repeatCount:"indefinite",values:`${Sl.value};${Rl.value};${Sl.value}`},null,8,vl)],8,il),(0,t.createElementVNode)("polygon",{fill:Rl.value,points:"9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"},[(0,t.createElementVNode)("animate",{attributeName:"fill",begin:"0s",dur:Ql.value,repeatCount:"indefinite",values:`${Rl.value};${Sl.value};transparent`},null,8,$l)],8,sl)],2)),64)):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",dl,[(0,t.renderSlot)(e.$slots,"default")])],46,u))}});Object.defineProperty(exports,"LumalBorderBox_default",{enumerable:!0,get:function(){return cl}});

package/dist/LumalBorderBox-DZJ3KW8d.js

@@ -1 +0,0 @@
-import{t as l}from"./useElementSize-CKA7EtNB.js";import{t as e}from"./useReducedMotion-DrRe5YGn.js";import{t as a}from"./useAnimationPause-DSOHlI2X.js";import{Fragment as u,computed as t,createCommentVNode as o,createElementBlock as i,createElementVNode as v,defineComponent as n,nextTick as r,normalizeClass as s,normalizeStyle as $,onMounted as p,openBlock as d,renderList as f,renderSlot as b,shallowRef as k,toDisplayString as c,useId as y,useTemplateRef as h,watch as m}from"vue";var g=0,x=["data-variant"],_=["height","width","viewBox","preserveAspectRatio"],L=["fill","points"],W=["fill","points"],w=["stroke","points"],C=["stroke","points"],M=["fill"],N=["fill","cx"],G=["fill","cx","cy"],Q=["fill","cy"],A=["fill","points"],B=["stroke","points"],R=["stroke","points"],S=["stroke","points"],F=["stroke","points"],j=["fill","points"],z=["stroke","points"],D=["stroke","points"],E=["stroke","points"],P=["stroke"],T=["stroke"],q=["stroke"],H=["stroke"],I=["stroke"],J=["stroke","points"],K=["stroke","points"],O=["fill","points"],U=["stroke","points"],V=["stroke","points"],X=["stroke","points"],Y=["stroke","points"],Z=["stroke","points"],ll=["stroke","points"],el=["fill","points"],al=["fill"],ul=["fill","cx"],tl=["fill","cx","cy"],ol=["fill","cy"],il=["stroke","points"],vl=["stroke","points"],nl=["stroke","points"],rl=["stroke","points"],sl=["stroke"],$l=["stroke"],pl=["stroke","points"],dl=["stroke","points"],fl=["stroke","points"],bl=["stroke","points"],kl=["stroke","points"],cl=["stroke","points"],yl=["stroke"],hl=["stroke","points"],ml=["stroke","points"],gl=["stroke","points"],xl=["stroke"],_l=["stroke","points"],Ll=["stroke","points"],Wl=["stroke","points"],wl=["d"],Cl=["fill"],Ml=["dur","path"],Nl=["fill","points"],Gl=["href","stroke"],Ql=["href","mask","stroke"],Al=["dur","from","to"],Bl=["dur"],Rl=["dur"],Sl=["stop-color"],Fl=["dur","values"],jl=["stop-color"],zl=["dur","values"],Dl=["points"],El=["points"],Pl=["points"],Tl=["points"],ql=["points"],Hl=["points"],Il=["points"],Jl=["points"],Kl=["points"],Ol=["fill","points"],Ul=["fill","height","mask","width"],Vl=["fill","points"],Xl=["transform"],Yl=["fill"],Zl=["flood-color"],le=["fill","points"],ee=["filter","points","stroke"],ae=["points","stroke"],ue=["points","stroke"],te=["fill","filter","points","stroke"],oe=["fill","filter","opacity","points"],ie=["dur","values"],ve=["fill","filter","opacity","points"],ne=["dur","values"],re=["x"],se=["fill","filter","points"],$e=["fill","filter","points"],pe=["flood-color"],de=["dur"],fe=["d","fill","stroke"],be=["filter","stroke"],ke=["d","filter","stroke"],ce=["d","filter","stroke"],ye=["d","filter","stroke"],he=["d","fill","stroke"],me=["stroke"],ge=["stroke"],xe=["d","stroke"],_e=["fill"],Le=["dur","values"],We=["fill"],we=["dur","values"],Ce=["fill"],Me=["dur","values"],Ne={class:"lumal-border-box__content"},Ge=/*@__PURE__*/n({__name:"LumalBorderBox",props:{variant:{default:1},color:{},colors:{default:void 0},backgroundColor:{},background:{default:"transparent"},dur:{},duration:{default:void 0},reverse:{type:Boolean,default:!1},title:{default:""},titleWidth:{default:250}},setup(n){const Ge=n,Qe={1:["#4fd2dd","#235fa7"],2:["#fff","rgba(255, 255, 255, 0.6)"],3:["#2862b7","#2862b7"],4:["red","rgba(0,0,255,0.8)"],5:["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],6:["rgba(255, 255, 255, 0.35)","gray"],7:["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],8:["#235fa7","#4fd2dd"],9:["#11eefd","#0078d2"],10:["#1d48c4","#d3e1f8"],11:["#8aaafb","#1f33a2"],12:["#2e6099","#7ce7fd"],13:["#6586ec","#2cf7fe"]},Ae={1:1e3,8:3e3,9:1e4,11:2e3,12:3e3},Be=h("rootRef"),Re=h("svgRef"),Se=l(Be),Fe={4:[680,240]},je=t(()=>Ge.variant in Fe),ze=t(()=>Se.value.width),De=t(()=>Se.value.height),Ee=t(()=>Fe[Ge.variant]?.[0]??ze.value),Pe=t(()=>Fe[Ge.variant]?.[1]??De.value),Te=t(()=>je.value?`0 0 ${Ee.value} ${Pe.value}`:void 0),qe=t(()=>je.value?"none":void 0),He=k(!1),Ie=k(!1),Je=a(Be),Ke=e(),Oe=t(()=>Je.value||Ke.value||He.value||Ie.value),Ue=t(()=>{const l=Qe[Ge.variant],e=Ge.color??Ge.colors;return[e?.[0]??l[0],e?.[1]??l[1]]}),Ve=t(()=>Ue.value[0]),Xe=t(()=>Ue.value[1]),Ye=t(()=>Ge.backgroundColor??Ge.background),Ze=t(()=>Math.max(1,Ge.duration??(8===Ge.variant&&void 0!==Ge.dur?1e3*Ge.dur:void 0)??Ae[Ge.variant]??3e3)),la=t(()=>Ze.value/1e3+"s"),ea=t(()=>Ze.value/2e3+"s"),aa=t(()=>2*(Ee.value+Pe.value-5)),ua=t(()=>Ge.reverse?`M 2.5, 2.5 L 2.5, ${Pe.value-2.5} L ${Ee.value-2.5}, ${Pe.value-2.5} L ${Ee.value-2.5}, 2.5 L 2.5, 2.5`:`M2.5, 2.5 L${Ee.value-2.5}, 2.5 L${Ee.value-2.5}, ${Pe.value-2.5} L2.5, ${Pe.value-2.5} L2.5, 2.5`),ta=(oa=y(),g+=1,`lumal-border-box-${oa.replace(/[^\w-]/g,"")}-${g}`);var oa;const ia=`${ta}-path`,va=`${ta}-gradient`,na=`${ta}-mask`,ra=`${ta}-filter`,sa=t(()=>{const l={"--lumal-datav-background":Ye.value,"--lumal-datav-duration":`${Ze.value}ms`,"--lumal-datav-primary":Ve.value,"--lumal-datav-secondary":Xe.value};return 7===Ge.variant?(l.backgroundColor=Ye.value,l.border=`1px solid ${Ve.value}`,l.boxShadow=`inset 0 0 40px ${Ve.value}`):10===Ge.variant&&(l.boxShadow=`inset 0 0 25px 3px ${Ve.value}`),l}),$a=t(()=>["",`translate(${Ee.value} 0) scale(-1 1)`,`translate(0 ${Pe.value}) scale(1 -1)`,`translate(${Ee.value} ${Pe.value}) scale(-1 -1)`]),pa=["left-top","right-top","left-bottom","right-bottom"];function da(l){return[1,.7,.5][l-1]??.5}function fa(l){return[.7,.4,.2][l-1]??.2}function ba(){He.value=!0}function ka(){He.value=!1}function ca(){Ie.value=!0}function ya(l){Be.value?.contains(l.relatedTarget)||(Ie.value=!1)}function ha(l,e){e&&(l?e.pauseAnimations?.():e.unpauseAnimations?.())}return m([Oe,Re],([l,e])=>{r(()=>ha(l,e))},{flush:"post"}),p(()=>{ha(Oe.value,Re.value)}),(l,e)=>(d(),i("div",{ref_key:"rootRef",ref:Be,class:s(["lumal-border-box",{"is-animation-paused":Oe.value,"is-reverse":n.reverse}]),"data-variant":n.variant,style:$(sa.value),onMouseenter:ba,onMouseleave:ka,onFocusin:ca,onFocusout:ya},[(d(),i("svg",{ref_key:"svgRef",ref:Re,"aria-hidden":"true",class:s(["lumal-border-box__svg",{"is-frame-reverse":n.reverse&&(4===n.variant||5===n.variant)}]),focusable:"false",height:je.value?void 0:Pe.value,width:je.value?void 0:Ee.value,viewBox:Te.value,preserveAspectRatio:qe.value},[1===n.variant?(d(),i("polygon",{key:0,fill:Ye.value,points:`10, 27 10, ${Pe.value-27} 13, ${Pe.value-24} 13, ${Pe.value-21} 24, ${Pe.value-11}\n          38, ${Pe.value-11} 41, ${Pe.value-8} 73, ${Pe.value-8} 75, ${Pe.value-10} 81, ${Pe.value-10}\n          85, ${Pe.value-6} ${Ee.value-85}, ${Pe.value-6} ${Ee.value-81}, ${Pe.value-10} ${Ee.value-75}, ${Pe.value-10}\n          ${Ee.value-73}, ${Pe.value-8} ${Ee.value-41}, ${Pe.value-8} ${Ee.value-38}, ${Pe.value-11}\n          ${Ee.value-24}, ${Pe.value-11} ${Ee.value-13}, ${Pe.value-21} ${Ee.value-13}, ${Pe.value-24}\n          ${Ee.value-10}, ${Pe.value-27} ${Ee.value-10}, 27 ${Ee.value-13}, 25 ${Ee.value-13}, 21\n          ${Ee.value-24}, 11 ${Ee.value-38}, 11 ${Ee.value-41}, 8 ${Ee.value-73}, 8 ${Ee.value-75}, 10\n          ${Ee.value-81}, 10 ${Ee.value-85}, 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24`},null,8,L)):2===n.variant?(d(),i(u,{key:1},[v("polygon",{fill:Ye.value,points:`7, 7 ${Ee.value-7}, 7 ${Ee.value-7}, ${Pe.value-7} 7, ${Pe.value-7}`},null,8,W),v("polyline",{stroke:Ve.value,points:`2, 2 ${Ee.value-2}, 2 ${Ee.value-2}, ${Pe.value-2} 2, ${Pe.value-2} 2, 2`},null,8,w),v("polyline",{stroke:Xe.value,points:`6, 6 ${Ee.value-6}, 6 ${Ee.value-6}, ${Pe.value-6} 6, ${Pe.value-6} 6, 6`},null,8,C),v("circle",{fill:Ve.value,cx:"11",cy:"11",r:"1"},null,8,M),v("circle",{fill:Ve.value,cx:Ee.value-11,cy:"11",r:"1"},null,8,N),v("circle",{fill:Ve.value,cx:Ee.value-11,cy:Pe.value-11,r:"1"},null,8,G),v("circle",{fill:Ve.value,cx:"11",cy:Pe.value-11,r:"1"},null,8,Q)],64)):3===n.variant?(d(),i(u,{key:2},[v("polygon",{fill:Ye.value,points:`23, 23 ${Ee.value-24}, 23 ${Ee.value-24}, ${Pe.value-24} 23, ${Pe.value-24}`},null,8,A),v("polyline",{class:"lumal-border-box__bb3-line1",stroke:Ve.value,points:`4, 4 ${Ee.value-22}, 4 ${Ee.value-22}, ${Pe.value-22} 4, ${Pe.value-22} 4, 4`},null,8,B),v("polyline",{class:"lumal-border-box__bb3-line2",stroke:Xe.value,points:`10, 10 ${Ee.value-16}, 10 ${Ee.value-16}, ${Pe.value-16} 10, ${Pe.value-16} 10, 10`},null,8,R),v("polyline",{class:"lumal-border-box__bb3-line2",stroke:Xe.value,points:`16, 16 ${Ee.value-10}, 16 ${Ee.value-10}, ${Pe.value-10} 16, ${Pe.value-10} 16, 16`},null,8,S),v("polyline",{class:"lumal-border-box__bb3-line2",stroke:Xe.value,points:`22, 22 ${Ee.value-4}, 22 ${Ee.value-4}, ${Pe.value-4} 22, ${Pe.value-4} 22, 22`},null,8,F)],64)):4===n.variant?(d(),i(u,{key:3},[v("polygon",{fill:Ye.value,points:`${Ee.value-15}, 22 170, 22 150, 7 40, 7 28, 21 32, 24\n          16, 42 16, ${Pe.value-32} 41, ${Pe.value-7} ${Ee.value-15}, ${Pe.value-7}`},null,8,j),v("polyline",{class:"lumal-border-box__bb4-line1",stroke:Ve.value,points:`145, ${Pe.value-5} 40, ${Pe.value-5} 10, ${Pe.value-35} 10, 40 40, 5 150, 5 170, 20 ${Ee.value-15}, 20`},null,8,z),v("polyline",{class:"lumal-border-box__bb4-line2",stroke:Xe.value,points:`245, ${Pe.value-1} 36, ${Pe.value-1} 14, ${Pe.value-23} 14, ${Pe.value-100}`},null,8,D),v("polyline",{class:"lumal-border-box__bb4-line3",stroke:Ve.value,points:`7, ${Pe.value-40} 7, ${Pe.value-75}`},null,8,E),v("polyline",{class:"lumal-border-box__bb4-line4",stroke:Ve.value,points:"28, 24 13, 41 13, 64"},null,8,P),v("polyline",{class:"lumal-border-box__bb4-line5",stroke:Ve.value,points:"5, 45 5, 140"},null,8,T),v("polyline",{class:"lumal-border-box__bb4-line6",stroke:Xe.value,points:"14, 75 14, 180"},null,8,q),v("polyline",{class:"lumal-border-box__bb4-line7",stroke:Xe.value,points:"55, 11 147, 11 167, 26 250, 26"},null,8,H),v("polyline",{class:"lumal-border-box__bb4-line8",stroke:Xe.value,points:"158, 5 173, 16"},null,8,I),v("polyline",{class:"lumal-border-box__bb4-line9",stroke:Ve.value,points:`200, 17 ${Ee.value-10}, 17`},null,8,J),v("polyline",{class:"lumal-border-box__bb4-line10",stroke:Xe.value,points:`385, 17 ${Ee.value-10}, 17`},null,8,K)],64)):5===n.variant?(d(),i(u,{key:4},[v("polygon",{fill:Ye.value,points:`10, 22 ${Ee.value-22}, 22 ${Ee.value-22}, ${Pe.value-86} ${Ee.value-84}, ${Pe.value-24} 10, ${Pe.value-24}`},null,8,O),v("polyline",{class:"lumal-border-box__bb5-line1",stroke:Ve.value,points:`8, 5 ${Ee.value-5}, 5 ${Ee.value-5}, ${Pe.value-100} ${Ee.value-100}, ${Pe.value-5} 8, ${Pe.value-5} 8, 5`},null,8,U),v("polyline",{class:"lumal-border-box__bb5-line2",stroke:Xe.value,points:`3, 5 ${Ee.value-20}, 5 ${Ee.value-20}, ${Pe.value-60} ${Ee.value-74}, ${Pe.value-5} 3, ${Pe.value-5} 3, 5`},null,8,V),v("polyline",{class:"lumal-border-box__bb5-line3",stroke:Xe.value,points:`50, 13 ${Ee.value-35}, 13`},null,8,X),v("polyline",{class:"lumal-border-box__bb5-line4",stroke:Xe.value,points:`15, 20 ${Ee.value-35}, 20`},null,8,Y),v("polyline",{class:"lumal-border-box__bb5-line5",stroke:Xe.value,points:`15, ${Pe.value-20} ${Ee.value-110}, ${Pe.value-20}`},null,8,Z),v("polyline",{class:"lumal-border-box__bb5-line6",stroke:Xe.value,points:`15, ${Pe.value-13} ${Ee.value-110}, ${Pe.value-13}`},null,8,ll)],64)):6===n.variant?(d(),i(u,{key:5},[v("polygon",{fill:Ye.value,points:`9, 7 ${Ee.value-9}, 7 ${Ee.value-9}, ${Pe.value-7} 9, ${Pe.value-7}`},null,8,el),v("circle",{fill:Xe.value,cx:"5",cy:"5",r:"2"},null,8,al),v("circle",{fill:Xe.value,cx:Ee.value-5,cy:"5",r:"2"},null,8,ul),v("circle",{fill:Xe.value,cx:Ee.value-5,cy:Pe.value-5,r:"2"},null,8,tl),v("circle",{fill:Xe.value,cx:"5",cy:Pe.value-5,r:"2"},null,8,ol),v("polyline",{stroke:Ve.value,points:`10, 4 ${Ee.value-10}, 4`},null,8,il),v("polyline",{stroke:Ve.value,points:`10, ${Pe.value-4} ${Ee.value-10}, ${Pe.value-4}`},null,8,vl),v("polyline",{stroke:Ve.value,points:"5, 70 5, "+(Pe.value-70)},null,8,nl),v("polyline",{stroke:Ve.value,points:`${Ee.value-5}, 70 ${Ee.value-5}, ${Pe.value-70}`},null,8,rl),v("polyline",{stroke:Ve.value,points:"3, 10 3, 50"},null,8,sl),v("polyline",{stroke:Ve.value,points:"7, 30 7, 80"},null,8,$l),v("polyline",{stroke:Ve.value,points:`${Ee.value-3}, 10 ${Ee.value-3}, 50`},null,8,pl),v("polyline",{stroke:Ve.value,points:`${Ee.value-7}, 30 ${Ee.value-7}, 80`},null,8,dl),v("polyline",{stroke:Ve.value,points:`3, ${Pe.value-10} 3, ${Pe.value-50}`},null,8,fl),v("polyline",{stroke:Ve.value,points:`7, ${Pe.value-30} 7, ${Pe.value-80}`},null,8,bl),v("polyline",{stroke:Ve.value,points:`${Ee.value-3}, ${Pe.value-10} ${Ee.value-3}, ${Pe.value-50}`},null,8,kl),v("polyline",{stroke:Ve.value,points:`${Ee.value-7}, ${Pe.value-30} ${Ee.value-7}, ${Pe.value-80}`},null,8,cl)],64)):7===n.variant?(d(),i(u,{key:6},[v("polyline",{class:"lumal-border-box__bb7-line2",stroke:Ve.value,points:"0, 25 0, 0 25, 0"},null,8,yl),v("polyline",{class:"lumal-border-box__bb7-line2",stroke:Ve.value,points:`${Ee.value-25}, 0 ${Ee.value}, 0 ${Ee.value}, 25`},null,8,hl),v("polyline",{class:"lumal-border-box__bb7-line2",stroke:Ve.value,points:`${Ee.value-25}, ${Pe.value} ${Ee.value}, ${Pe.value} ${Ee.value}, ${Pe.value-25}`},null,8,ml),v("polyline",{class:"lumal-border-box__bb7-line2",stroke:Ve.value,points:`0, ${Pe.value-25} 0, ${Pe.value} 25, ${Pe.value}`},null,8,gl),v("polyline",{class:"lumal-border-box__bb7-line5",stroke:Xe.value,points:"0, 10 0, 0 10, 0"},null,8,xl),v("polyline",{class:"lumal-border-box__bb7-line5",stroke:Xe.value,points:`${Ee.value-10}, 0 ${Ee.value}, 0 ${Ee.value}, 10`},null,8,_l),v("polyline",{class:"lumal-border-box__bb7-line5",stroke:Xe.value,points:`${Ee.value-10}, ${Pe.value} ${Ee.value}, ${Pe.value} ${Ee.value}, ${Pe.value-10}`},null,8,Ll),v("polyline",{class:"lumal-border-box__bb7-line5",stroke:Xe.value,points:`0, ${Pe.value-10} 0, ${Pe.value} 10, ${Pe.value}`},null,8,Wl)],64)):8===n.variant?(d(),i(u,{key:7},[v("defs",null,[v("path",{id:ia,d:ua.value,fill:"transparent"},null,8,wl),v("radialGradient",{id:va,cx:"50%",cy:"50%",r:"50%"},[...e[0]||(e[0]=[v("stop",{offset:"0%","stop-color":"#fff","stop-opacity":"1"},null,-1),v("stop",{offset:"100%","stop-color":"#fff","stop-opacity":"0"},null,-1)])]),v("mask",{id:na},[v("circle",{cx:"0",cy:"0",r:"150",fill:`url(#${va})`},[v("animateMotion",{dur:la.value,path:ua.value,repeatCount:"indefinite",rotate:"auto"},null,8,Ml)],8,Cl)])]),v("polygon",{fill:Ye.value,points:`5, 5 ${Ee.value-5}, 5 ${Ee.value-5}, ${Pe.value-5} 5, ${Pe.value-5}`},null,8,Nl),v("use",{href:`#${ia}`,stroke:Ve.value,"stroke-width":"1"},null,8,Gl),v("use",{href:`#${ia}`,mask:`url(#${na})`,stroke:Xe.value,"stroke-width":"3"},[v("animate",{attributeName:"stroke-dasharray",dur:la.value,from:`0, ${aa.value}`,repeatCount:"indefinite",to:`${aa.value}, 0`},null,8,Al)],8,Ql)],64)):9===n.variant?(d(),i(u,{key:8},[v("defs",null,[v("linearGradient",{id:va,x1:"0%",x2:"100%",y1:"0%",y2:"100%"},[v("animate",{attributeName:"x1",begin:"0s",dur:la.value,repeatCount:"indefinite",values:"0%;100%;0%"},null,8,Bl),v("animate",{attributeName:"x2",begin:"0s",dur:la.value,repeatCount:"indefinite",values:"100%;0%;100%"},null,8,Rl),v("stop",{offset:"0%","stop-color":Ve.value},[v("animate",{attributeName:"stop-color",begin:"0s",dur:la.value,repeatCount:"indefinite",values:`${Ve.value};${Xe.value};${Ve.value}`},null,8,Fl)],8,Sl),v("stop",{offset:"100%","stop-color":Xe.value},[v("animate",{attributeName:"stop-color",begin:"0s",dur:la.value,repeatCount:"indefinite",values:`${Xe.value};${Ve.value};${Xe.value}`},null,8,zl)],8,jl)]),v("mask",{id:na},[v("polyline",{fill:"transparent",points:`8, ${.4*Pe.value} 8, 3, ${.4*Ee.value+7}, 3`,stroke:"#fff","stroke-width":"3"},null,8,Dl),v("polyline",{fill:"#fff",points:`8, ${.15*Pe.value} 8, 3, ${.1*Ee.value+7}, 3 ${.1*Ee.value}, 8 14, 8 14, ${.15*Pe.value-7}`},null,8,El),v("polyline",{fill:"transparent",points:`${.5*Ee.value}, 3 ${Ee.value-3}, 3, ${Ee.value-3}, ${.25*Pe.value}`,stroke:"#fff","stroke-width":"3"},null,8,Pl),v("polyline",{fill:"#fff",points:`${.52*Ee.value}, 3 ${.58*Ee.value}, 3 ${.58*Ee.value-7}, 9 ${.52*Ee.value+7}, 9`},null,8,Tl),v("polyline",{fill:"#fff",points:`${.9*Ee.value}, 3 ${Ee.value-3}, 3 ${Ee.value-3}, ${.1*Pe.value} ${Ee.value-9}, ${.1*Pe.value-7} ${Ee.value-9}, 9 ${.9*Ee.value+7}, 9`},null,8,ql),v("polyline",{fill:"transparent",points:`8, ${.5*Pe.value} 8, ${Pe.value-3} ${.3*Ee.value+7}, ${Pe.value-3}`,stroke:"#fff","stroke-width":"3"},null,8,Hl),v("polyline",{fill:"#fff",points:`8, ${.55*Pe.value} 8, ${.7*Pe.value} 2, ${.7*Pe.value-7} 2, ${.55*Pe.value+7}`},null,8,Il),v("polyline",{fill:"transparent",points:`${.35*Ee.value}, ${Pe.value-3} ${Ee.value-3}, ${Pe.value-3} ${Ee.value-3}, ${.35*Pe.value}`,stroke:"#fff","stroke-width":"3"},null,8,Jl),v("polyline",{fill:"#fff",points:`${.92*Ee.value}, ${Pe.value-3} ${Ee.value-3}, ${Pe.value-3} ${Ee.value-3}, ${.8*Pe.value} ${Ee.value-9}, ${.8*Pe.value+7} ${Ee.value-9}, ${Pe.value-9} ${.92*Ee.value+7}, ${Pe.value-9}`},null,8,Kl)])]),v("polygon",{fill:Ye.value,points:`15, 9 ${.1*Ee.value+1}, 9 ${.1*Ee.value+4}, 6 ${.52*Ee.value+2}, 6\n          ${.52*Ee.value+6}, 10 ${.58*Ee.value-7}, 10 ${.58*Ee.value-2}, 6\n          ${.9*Ee.value+2}, 6 ${.9*Ee.value+6}, 10 ${Ee.value-10}, 10 ${Ee.value-10}, ${.1*Pe.value-6}\n          ${Ee.value-6}, ${.1*Pe.value-1} ${Ee.value-6}, ${.8*Pe.value+1} ${Ee.value-10}, ${.8*Pe.value+6}\n          ${Ee.value-10}, ${Pe.value-10} ${.92*Ee.value+7}, ${Pe.value-10} ${.92*Ee.value+2}, ${Pe.value-6}\n          11, ${Pe.value-6} 11, ${.15*Pe.value-2} 15, ${.15*Pe.value-7}`},null,8,Ol),v("rect",{fill:`url(#${va})`,height:Pe.value,mask:`url(#${na})`,width:Ee.value,x:"0",y:"0"},null,8,Ul)],64)):10===n.variant?(d(),i(u,{key:9},[v("polygon",{fill:Ye.value,points:`4, 0 ${Ee.value-4}, 0 ${Ee.value}, 4 ${Ee.value}, ${Pe.value-4} ${Ee.value-4}, ${Pe.value} 4, ${Pe.value} 0, ${Pe.value-4} 0, 4`},null,8,Vl),(d(!0),i(u,null,f($a.value,(l,e)=>(d(),i("g",{key:e,transform:l||void 0},[v("polygon",{fill:Xe.value,points:"40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"},null,8,Yl)],8,Xl))),128))],64)):11===n.variant?(d(),i(u,{key:10},[v("defs",null,[v("filter",{id:ra,height:"150%",width:"150%",x:"-25%",y:"-25%"},[e[1]||(e[1]=v("feMorphology",{in:"SourceAlpha",operator:"dilate",radius:"2",result:"thicken"},null,-1)),e[2]||(e[2]=v("feGaussianBlur",{in:"thicken",result:"blurred",stdDeviation:"3"},null,-1)),v("feFlood",{"flood-color":Xe.value,result:"glowColor"},null,8,Zl),e[3]||(e[3]=v("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},null,-1)),e[4]||(e[4]=v("feMerge",null,[v("feMergeNode",{in:"softGlowColored"}),v("feMergeNode",{in:"SourceGraphic"})],-1))])]),v("polygon",{fill:Ye.value,points:`20, 32 ${.5*Ee.value-n.titleWidth/2}, 32 ${.5*Ee.value-n.titleWidth/2+20}, 53\n          ${.5*Ee.value+n.titleWidth/2-20}, 53 ${.5*Ee.value+n.titleWidth/2}, 32\n          ${Ee.value-20}, 32 ${Ee.value-8}, 48 ${Ee.value-8}, ${Pe.value-25} ${Ee.value-20}, ${Pe.value-8}\n          20, ${Pe.value-8} 8, ${Pe.value-25} 8, 50`},null,8,le),v("polyline",{fill:"none",filter:`url(#${ra})`,points:`${(Ee.value-n.titleWidth)/2}, 30\n          20, 30 7, 50 7, ${50+(Pe.value-167)/2}\n          13, ${55+(Pe.value-167)/2} 13, ${135+(Pe.value-167)/2}\n          7, ${140+(Pe.value-167)/2} 7, ${Pe.value-27}\n          20, ${Pe.value-7} ${Ee.value-20}, ${Pe.value-7} ${Ee.value-7}, ${Pe.value-27}\n          ${Ee.value-7}, ${140+(Pe.value-167)/2} ${Ee.value-13}, ${135+(Pe.value-167)/2}\n          ${Ee.value-13}, ${55+(Pe.value-167)/2} ${Ee.value-7}, ${50+(Pe.value-167)/2}\n          ${Ee.value-7}, 50 ${Ee.value-20}, 30 ${(Ee.value+n.titleWidth)/2}, 30\n          ${(Ee.value+n.titleWidth)/2-20}, 7 ${(Ee.value-n.titleWidth)/2+20}, 7\n          ${(Ee.value-n.titleWidth)/2}, 30 ${(Ee.value-n.titleWidth)/2+20}, 52\n          ${(Ee.value+n.titleWidth)/2-20}, 52 ${(Ee.value+n.titleWidth)/2}, 30`,stroke:Ve.value,"stroke-width":"1"},null,8,ee),v("polygon",{fill:"transparent",points:`${(Ee.value+n.titleWidth)/2-5}, 30 ${(Ee.value+n.titleWidth)/2-21}, 11 ${(Ee.value+n.titleWidth)/2-27}, 11 ${(Ee.value+n.titleWidth)/2-8}, 34`,stroke:Ve.value},null,8,ae),v("polygon",{fill:"transparent",points:`${(Ee.value-n.titleWidth)/2+5}, 30 ${(Ee.value-n.titleWidth)/2+22}, 49 ${(Ee.value-n.titleWidth)/2+28}, 49 ${(Ee.value-n.titleWidth)/2+8}, 26`,stroke:Ve.value},null,8,ue),v("polygon",{fill:Xe.value,"fill-opacity":"0.3",filter:`url(#${ra})`,points:`${(Ee.value+n.titleWidth)/2-11}, 37 ${(Ee.value+n.titleWidth)/2-32}, 11\n          ${(Ee.value-n.titleWidth)/2+23}, 11 ${(Ee.value-n.titleWidth)/2+11}, 23\n          ${(Ee.value-n.titleWidth)/2+33}, 49 ${(Ee.value+n.titleWidth)/2-22}, 49`,stroke:Ve.value},null,8,te),(d(),i(u,null,f(3,l=>v("polygon",{key:`left-${l}`,fill:Ve.value,filter:`url(#${ra})`,opacity:da(l),points:`${(Ee.value-n.titleWidth)/2-10-30*(l-1)}, 37 ${(Ee.value-n.titleWidth)/2-31-30*(l-1)}, 37 ${(Ee.value-n.titleWidth)/2-25-30*(l-1)}, 46 ${(Ee.value-n.titleWidth)/2-4-30*(l-1)}, 46`},[v("animate",{attributeName:"opacity",begin:"0s",dur:la.value,repeatCount:"indefinite",values:`${da(l)};${fa(l)};${da(l)}`},null,8,ie)],8,oe)),64)),(d(),i(u,null,f(3,l=>v("polygon",{key:`right-${l}`,fill:Ve.value,filter:`url(#${ra})`,opacity:da(l),points:`${(Ee.value+n.titleWidth)/2+30+30*(l-1)}, 37 ${(Ee.value+n.titleWidth)/2+9+30*(l-1)}, 37 ${(Ee.value+n.titleWidth)/2+3+30*(l-1)}, 46 ${(Ee.value+n.titleWidth)/2+24+30*(l-1)}, 46`},[v("animate",{attributeName:"opacity",begin:"0s",dur:la.value,repeatCount:"indefinite",values:`${da(l)};${fa(l)};${da(l)}`},null,8,ne)],8,ve)),64)),v("text",{x:Ee.value/2,y:"32",fill:"#fff","font-size":"18","text-anchor":"middle","dominant-baseline":"middle"},c(n.title),9,re),v("polygon",{fill:Ve.value,filter:`url(#${ra})`,points:`7, ${53+(Pe.value-167)/2} 11, ${57+(Pe.value-167)/2} 11, ${133+(Pe.value-167)/2} 7, ${137+(Pe.value-167)/2}`},null,8,se),v("polygon",{fill:Ve.value,filter:`url(#${ra})`,points:`${Ee.value-7}, ${53+(Pe.value-167)/2} ${Ee.value-11}, ${57+(Pe.value-167)/2} ${Ee.value-11}, ${133+(Pe.value-167)/2} ${Ee.value-7}, ${137+(Pe.value-167)/2}`},null,8,$e)],64)):12===n.variant?(d(),i(u,{key:11},[v("defs",null,[v("filter",{id:ra,height:"150%",width:"150%",x:"-25%",y:"-25%"},[e[5]||(e[5]=v("feMorphology",{in:"SourceAlpha",operator:"dilate",radius:"1",result:"thicken"},null,-1)),e[6]||(e[6]=v("feGaussianBlur",{in:"thicken",result:"blurred",stdDeviation:"2"},null,-1)),v("feFlood",{"flood-color":Xe.value,"flood-opacity":"0.7",result:"glowColor"},[v("animate",{attributeName:"flood-opacity",begin:"0s",dur:la.value,repeatCount:"indefinite",values:"0.7;0.3;0.7"},null,8,de)],8,pe),e[7]||(e[7]=v("feComposite",{in:"glowColor",in2:"blurred",operator:"in",result:"softGlowColored"},null,-1)),e[8]||(e[8]=v("feMerge",null,[v("feMergeNode",{in:"softGlowColored"}),v("feMergeNode",{in:"SourceGraphic"})],-1))])]),Ee.value&&Pe.value?(d(),i("path",{key:0,d:`M15 5 L ${Ee.value-15} 5 Q ${Ee.value-5} 5, ${Ee.value-5} 15 L ${Ee.value-5} ${Pe.value-15} Q ${Ee.value-5} ${Pe.value-5}, ${Ee.value-15} ${Pe.value-5} L 15, ${Pe.value-5} Q 5 ${Pe.value-5} 5 ${Pe.value-15} L 5 15 Q 5 5 15 5`,fill:Ye.value,stroke:Ve.value,"stroke-width":"2"},null,8,fe)):o("",!0),v("path",{d:"M 20 5 L 15 5 Q 5 5 5 15 L 5 20",fill:"transparent",filter:`url(#${ra})`,"stroke-linecap":"round",stroke:Xe.value,"stroke-width":"2"},null,8,be),v("path",{d:`M ${Ee.value-20} 5 L ${Ee.value-15} 5 Q ${Ee.value-5} 5 ${Ee.value-5} 15 L ${Ee.value-5} 20`,fill:"transparent",filter:`url(#${ra})`,"stroke-linecap":"round",stroke:Xe.value,"stroke-width":"2"},null,8,ke),v("path",{d:`M ${Ee.value-20} ${Pe.value-5} L ${Ee.value-15} ${Pe.value-5} Q ${Ee.value-5} ${Pe.value-5} ${Ee.value-5} ${Pe.value-15} L ${Ee.value-5} ${Pe.value-20}`,fill:"transparent",filter:`url(#${ra})`,"stroke-linecap":"round",stroke:Xe.value,"stroke-width":"2"},null,8,ce),v("path",{d:`M 20 ${Pe.value-5} L 15 ${Pe.value-5} Q 5 ${Pe.value-5} 5 ${Pe.value-15} L 5 ${Pe.value-20}`,fill:"transparent",filter:`url(#${ra})`,"stroke-linecap":"round",stroke:Xe.value,"stroke-width":"2"},null,8,ye)],64)):(d(),i(u,{key:12},[v("path",{d:`M 5 20 L 5 10 L 12 3 L 60 3 L 68 10 L ${Ee.value-20} 10 L ${Ee.value-5} 25 L ${Ee.value-5} ${Pe.value-5} L 20 ${Pe.value-5} L 5 ${Pe.value-20} L 5 20`,fill:Ye.value,stroke:Ve.value},null,8,he),v("path",{d:"M 16 9 L 61 9",fill:"transparent","stroke-dasharray":"10, 5","stroke-linecap":"round",stroke:Ve.value,"stroke-width":"3"},null,8,me),v("path",{d:"M 5 20 L 5 10 L 12 3 L 60 3 L 68 10",fill:"transparent",stroke:Xe.value},null,8,ge),v("path",{d:`M ${Ee.value-5} ${Pe.value-30} L ${Ee.value-5} ${Pe.value-5} L ${Ee.value-30} ${Pe.value-5}`,fill:"transparent",stroke:Xe.value},null,8,xe)],64))],10,_)),1===n.variant?(d(),i(u,{key:0},f(pa,l=>v("svg",{key:l,"aria-hidden":"true",class:s(["lumal-border-box__bb1-corner",`lumal-border-box__bb1-corner--${l}`]),focusable:"false",width:"150px",height:"150px"},[v("polygon",{fill:Ve.value,points:"6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"},[v("animate",{attributeName:"fill",begin:"0s",dur:ea.value,repeatCount:"indefinite",values:`${Ve.value};${Xe.value};${Ve.value}`},null,8,Le)],8,_e),v("polygon",{fill:Xe.value,points:"27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"},[v("animate",{attributeName:"fill",begin:"0s",dur:ea.value,repeatCount:"indefinite",values:`${Xe.value};${Ve.value};${Xe.value}`},null,8,we)],8,We),v("polygon",{fill:Ve.value,points:"9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"},[v("animate",{attributeName:"fill",begin:"0s",dur:la.value,repeatCount:"indefinite",values:`${Ve.value};${Xe.value};transparent`},null,8,Me)],8,Ce)],2)),64)):o("",!0),v("div",Ne,[b(l.$slots,"default")])],46,x))}});export{Ge as t};

package/dist/LumalCharts-BJYGMqQz.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=Object.getOwnPropertyNames,a=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty,l=(l,u,r)=>(r=null!=l?e(a(l)):{},((e,a,l,u)=>{if(a&&"object"==typeof a||"function"==typeof a)for(var r,c=n(a),s=0,d=c.length;s<d;s++)r=c[s],i.call(e,r)||void 0===r||t(e,r,{get:(e=>a[e]).bind(null,r),enumerable:!(u=o(a,r))||u.enumerable});return e})(!u&&l&&l.__esModule?r:t(r,"default",{value:l,enumerable:!0}),l));const u=require("./_plugin-vue_export-helper-BXystuG9.cjs");let r=require("vue"),c=require("@jiaminghi/charts");c=l(c,1);let s=require("echarts");s=l(s,1);var d=["aria-label","data-renderer"],v=(0,r.defineComponent)({__name:"LumalCharts",props:{config:{default:void 0},option:{default:()=>({})},theme:{default:void 0},initOptions:{default:void 0},setOptionOptions:{default:void 0},autoResize:{type:Boolean,default:!0},events:{default:()=>({})},group:{default:void 0},loading:{type:Boolean,default:!1},loadingType:{default:"default"},loadingOptions:{default:void 0},ariaLabel:{default:void 0}},setup(e,{expose:t}){const o=e,n=c.default.default??c.default,a=(0,r.useAttrs)(),i=(0,r.useTemplateRef)("rootRef"),l=(0,r.useTemplateRef)("chartHostRef"),u=(0,r.shallowRef)(),v=(0,r.shallowRef)(),f=new Map,p=(0,r.computed)(()=>void 0!==o.config),h=(0,r.computed)(()=>o.ariaLabel??(p.value?"DataV 图表":"ECharts 图表"));let g,w=0,O=!1,m=!1,b=!1,y=!1;function L(){const e=l.value;if(!e||!e.isConnected)return;const t=Math.floor(e.clientWidth),o=Math.floor(e.clientHeight);return t<=0||o<=0?void 0:{height:o,width:t}}function _(){w&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(w):clearTimeout(w),w=0)}function R(){const e=u.value;e&&(f.forEach((t,o)=>e.off(o,t)),f.clear(),function(){const e=new Map;return Object.entries(o.events).forEach(([t,o])=>e.set(t.toLowerCase(),o)),Object.entries(a).forEach(([t,o])=>{const n=function(e){if(e.startsWith("on")&&!(e.length<=2))return e.slice(2).toLowerCase()}(t);n&&"function"==typeof o&&e.set(n,o)}),e}().forEach((t,o)=>{e.on(o,t),f.set(o,t)}))}function j(){v.value?.render.graphs.forEach(e=>e.animationEnd()),v.value=void 0,f.clear(),u.value?.dispose(),u.value=void 0,l.value?.replaceChildren()}function x(e){const t=u.value;t&&L()?(o.setOptionOptions?t.setOption(e,o.setOptionOptions):t.setOption(e),O=!1):O=!0}function E(e,t=!0){v.value&&L()?(v.value.setOption(e,t),m=!1):m=!0}function P(){const e=l.value,t=L();if(!e||!t)return;if(j(),p.value){const t=new n(e);return v.value=t,t.setOption(o.config??{}),void(m=!1)}const a={...o.initOptions,height:o.initOptions?.height??t.height,width:o.initOptions?.width??t.width},i=s.init(e,o.theme,a);u.value=i,o.group&&(i.group=o.group),x(o.option),R(),o.loading&&i.showLoading(o.loadingType,o.loadingOptions)}function T(e){_();const t=()=>{w=0;const t=L();t&&(v.value||u.value?(v.value?v.value.resize():u.value?.resize({...e,height:e?.height??t.height,width:e?.width??t.width}),L()&&(v.value&&m&&void 0!==o.config&&E(o.config),u.value&&O&&x(o.option))):P())};w="function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t,16)}function C(){L()&&(v.value||u.value?T():P())}function z(){if(!o.autoResize)return;const e=i.value;if(e&&"undefined"!=typeof ResizeObserver)return g=new ResizeObserver(C),void g.observe(e);"undefined"==typeof window||y||(window.addEventListener("resize",C,{passive:!0}),y=!0)}function k(){g?.disconnect(),g=void 0,y&&"undefined"!=typeof window&&(window.removeEventListener("resize",C),y=!1)}return(0,r.watch)(()=>o.config,e=>{void 0!==e&&E(e)},{deep:!1}),(0,r.watch)(()=>o.option,e=>{p.value||x(e)},{deep:!1}),(0,r.watch)(p,()=>{(0,r.nextTick)(P)}),(0,r.watch)(()=>o.group,e=>{u.value&&(u.value.group=e??"")}),(0,r.watchEffect)(()=>{Object.keys(a),o.events,R()}),(0,r.watch)(()=>o.loading,e=>{const t=u.value;t&&L()&&(e?t.showLoading(o.loadingType,o.loadingOptions):t.hideLoading())}),(0,r.watch)(()=>[o.theme,o.initOptions],()=>{p.value||(0,r.nextTick)(P)},{deep:!1}),(0,r.watch)(()=>o.autoResize,()=>{b&&(k(),z(),C())}),(0,r.onMounted)(async()=>{b=!0,await(0,r.nextTick)(),z(),P()}),(0,r.onBeforeUnmount)(()=>{b=!1,_(),k(),j()}),t({appendData:(...e)=>u.value?.appendData(...e),clear:()=>v.value?v.value.setOption({},!0):u.value?.clear(),containPixel:(...e)=>u.value?.containPixel(...e),convertFromPixel:(...e)=>u.value?.convertFromPixel(...e),convertToPixel:(...e)=>u.value?.convertToPixel(...e),dispatchAction:(...e)=>u.value?.dispatchAction(...e),dispose:j,getConnectedDataURL:(...e)=>u.value?.getConnectedDataURL(...e),getDataURL:(...e)=>u.value?.getDataURL(...e),getHeight:()=>v.value?l.value?.clientHeight:u.value?.getHeight(),getInstance:()=>v.value??u.value,getNativeInstance:()=>v.value,getOption:()=>v.value?.option??u.value?.getOption(),getWidth:()=>v.value?l.value?.clientWidth:u.value?.getWidth(),hideLoading:()=>u.value?.hideLoading(),off:(...e)=>u.value?.off(...e),on:(...e)=>u.value?.on(...e),resize:e=>T(e),setConfig:(e,t=!0)=>E(e,t),setOption:(e,t)=>{if(v.value)E(e,"boolean"!=typeof t||t);else if("object"==typeof t){if(!L())return void(O=!0);u.value?.setOption(e,t)}else x(e)},showLoading:(...e)=>u.value?.showLoading(...e)}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{ref_key:"rootRef",ref:i,class:"lumal-charts",role:"img","aria-label":h.value,"data-renderer":p.value?"datav":"echarts"},[(0,r.createElementVNode)("div",{ref_key:"chartHostRef",ref:l,class:"lumal-charts__host"},null,512)],8,d))}}),f=u._plugin_vue_export_helper_default(v,[["__scopeId","data-v-380913b5"]]);Object.defineProperty(exports,"LumalCharts_default",{enumerable:!0,get:function(){return f}});

package/dist/LumalCharts-C1xDf8pJ.js

@@ -1 +0,0 @@
-import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createElementBlock as i,createElementVNode as o,defineComponent as a,nextTick as n,onBeforeUnmount as l,onMounted as u,openBlock as r,shallowRef as s,useAttrs as d,useTemplateRef as v,watch as c,watchEffect as f}from"vue";import p from"@jiaminghi/charts";import*as h from"echarts";var g=["aria-label","data-renderer"],m=/*#__PURE__*/e(/*@__PURE__*/a({__name:"LumalCharts",props:{config:{default:void 0},option:{default:()=>({})},theme:{default:void 0},initOptions:{default:void 0},setOptionOptions:{default:void 0},autoResize:{type:Boolean,default:!0},events:{default:()=>({})},group:{default:void 0},loading:{type:Boolean,default:!1},loadingType:{default:"default"},loadingOptions:{default:void 0},ariaLabel:{default:void 0}},setup(e,{expose:a}){const m=e,O=p.default??p,w=d(),L=v("rootRef"),y=v("chartHostRef"),b=s(),R=s(),z=/* @__PURE__ */new Map,_=t(()=>void 0!==m.config),x=t(()=>m.ariaLabel??(_.value?"DataV 图表":"ECharts 图表"));let C,E=0,D=!1,T=!1,j=!1,A=!1;function F(){const e=y.value;if(!e||!e.isConnected)return;const t=Math.floor(e.clientWidth),i=Math.floor(e.clientHeight);return t<=0||i<=0?void 0:{height:i,width:t}}function H(){E&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(E):clearTimeout(E),E=0)}function P(){const e=b.value;e&&(z.forEach((t,i)=>e.off(i,t)),z.clear(),function(){const e=/* @__PURE__ */new Map;return Object.entries(m.events).forEach(([t,i])=>e.set(t.toLowerCase(),i)),Object.entries(w).forEach(([t,i])=>{const o=function(e){if(e.startsWith("on")&&!(e.length<=2))return e.slice(2).toLowerCase()}(t);o&&"function"==typeof i&&e.set(o,i)}),e}().forEach((t,i)=>{e.on(i,t),z.set(i,t)}))}function W(){R.value?.render.graphs.forEach(e=>e.animationEnd()),R.value=void 0,z.clear(),b.value?.dispose(),b.value=void 0,y.value?.replaceChildren()}function M(e){const t=b.value;t&&F()?(m.setOptionOptions?t.setOption(e,m.setOptionOptions):t.setOption(e),D=!1):D=!0}function U(e,t=!0){R.value&&F()?(R.value.setOption(e,t),T=!1):T=!0}function k(){const e=y.value,t=F();if(!e||!t)return;if(W(),_.value){const t=new O(e);return R.value=t,t.setOption(m.config??{}),void(T=!1)}const i={...m.initOptions,height:m.initOptions?.height??t.height,width:m.initOptions?.width??t.width},o=h.init(e,m.theme,i);b.value=o,m.group&&(o.group=m.group),M(m.option),P(),m.loading&&o.showLoading(m.loadingType,m.loadingOptions)}function I(e){H();const t=()=>{E=0;const t=F();t&&(R.value||b.value?(R.value?R.value.resize():b.value?.resize({...e,height:e?.height??t.height,width:e?.width??t.width}),F()&&(R.value&&T&&void 0!==m.config&&U(m.config),b.value&&D&&M(m.option))):k())};E="function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(t,16)}function q(){F()&&(R.value||b.value?I():k())}function B(){if(!m.autoResize)return;const e=L.value;if(e&&"undefined"!=typeof ResizeObserver)return C=new ResizeObserver(q),void C.observe(e);"undefined"==typeof window||A||(window.addEventListener("resize",q,{passive:!0}),A=!0)}function N(){C?.disconnect(),C=void 0,A&&"undefined"!=typeof window&&(window.removeEventListener("resize",q),A=!1)}return c(()=>m.config,e=>{void 0!==e&&U(e)},{deep:!1}),c(()=>m.option,e=>{_.value||M(e)},{deep:!1}),c(_,()=>{n(k)}),c(()=>m.group,e=>{b.value&&(b.value.group=e??"")}),f(()=>{Object.keys(w),m.events,P()}),c(()=>m.loading,e=>{const t=b.value;t&&F()&&(e?t.showLoading(m.loadingType,m.loadingOptions):t.hideLoading())}),c(()=>[m.theme,m.initOptions],()=>{_.value||n(k)},{deep:!1}),c(()=>m.autoResize,()=>{j&&(N(),B(),q())}),u(async()=>{j=!0,await n(),B(),k()}),l(()=>{j=!1,H(),N(),W()}),a({appendData:(...e)=>b.value?.appendData(...e),clear:()=>R.value?R.value.setOption({},!0):b.value?.clear(),containPixel:(...e)=>b.value?.containPixel(...e),convertFromPixel:(...e)=>b.value?.convertFromPixel(...e),convertToPixel:(...e)=>b.value?.convertToPixel(...e),dispatchAction:(...e)=>b.value?.dispatchAction(...e),dispose:W,getConnectedDataURL:(...e)=>b.value?.getConnectedDataURL(...e),getDataURL:(...e)=>b.value?.getDataURL(...e),getHeight:()=>R.value?y.value?.clientHeight:b.value?.getHeight(),getInstance:()=>R.value??b.value,getNativeInstance:()=>R.value,getOption:()=>R.value?.option??b.value?.getOption(),getWidth:()=>R.value?y.value?.clientWidth:b.value?.getWidth(),hideLoading:()=>b.value?.hideLoading(),off:(...e)=>b.value?.off(...e),on:(...e)=>b.value?.on(...e),resize:e=>I(e),setConfig:(e,t=!0)=>U(e,t),setOption:(e,t)=>{if(R.value)U(e,"boolean"!=typeof t||t);else if("object"==typeof t){if(!F())return void(D=!0);b.value?.setOption(e,t)}else M(e)},showLoading:(...e)=>b.value?.showLoading(...e)}),(e,t)=>(r(),i("div",{ref_key:"rootRef",ref:L,class:"lumal-charts",role:"img","aria-label":x.value,"data-renderer":_.value?"datav":"echarts"},[o("div",{ref_key:"chartHostRef",ref:y,class:"lumal-charts__host"},null,512)],8,g))}}),[["__scopeId","data-v-380913b5"]]);export{m as t};

package/dist/LumalDecoration-NO3p8-15.cjs

@@ -1 +0,0 @@
-const e=require("./useElementSize-CZjD5sCp.cjs"),a=require("./useAnimationPause-DP4oaEoq.cjs"),t=require("./utils-W5S-hj72.cjs");let l=require("vue");var n={1:["#fff","#0de7c2"],2:["#3faacb","#fff"],3:["#7acaec","transparent"],4:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.3)"],5:["#3f96a5","#3f96a5"],6:["#7acaec","#7acaec"],7:["#1dc1f5","#1dc1f5"],8:["#3f96a5","#3f96a5"],9:["rgba(3, 166, 224, 0.8)","rgba(3, 166, 224, 0.5)"],10:["#00c2ff","rgba(0, 194, 255, 0.3)"],11:["#1a98fc","#2cf7fe"],12:["#2783ce","#2cf7fe"]},r={1:2e3,2:6e3,3:1500,4:3e3,5:1200,6:2e3,7:2800,8:2800,9:3e3,10:3e3,11:2800,12:3e3},o=0;function u(e,a,t,l){const n=e/(l+1),r=a/(t+1);return Array.from({length:t*l},(e,a)=>{const t=Math.floor(a/l);return[n*(a%l+1),r*(t+1)]})}var i=u(200,50,4,20),c=[i[39]??[0,0],i[37]??[0,0]];function s(e,a){const t=Math.min(100,Math.max(0,a))/100,l=e.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i)?.[1];if(l){const e=3===l.length?l.split("").map(e=>`${e}${e}`).join(""):l;return`rgba(${Number.parseInt(e.slice(0,2),16)}, ${Number.parseInt(e.slice(2,4),16)}, ${Number.parseInt(e.slice(4,6),16)}, ${t})`}const n=e.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i);return n?`rgba(${n[1]}, ${n[2]}, ${n[3]}, ${t})`:"transparent"===e.trim().toLowerCase()?"transparent":`color-mix(in srgb, ${e} ${a}%, transparent)`}function d(e){return e.slice(1).reduce((a,t,l)=>{const n=e[l];return n?a+Math.hypot(t[0]-n[0],t[1]-n[1]):a},0)}function v(e,a,t,l){return[e+Math.cos(l)*t,a+Math.sin(l)*t]}var m=["data-variant"],k={key:0,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 200 50"},p=["fill","x","y"],f=["begin","dur","values"],h=["fill","x","y"],y=["dur","values"],$=["dur","values"],g=["dur","values"],B=["dur","values"],N=["fill","x","y"],E=["dur","values"],b=["dur","values"],V=["height","width"],w=["fill","height","width","x","y"],x=["attributeName","dur","to"],C=["fill","x","y"],_=["attributeName","dur","to"],M={key:2,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 300 35"},S=["fill","x","y"],z=["begin","dur","values"],A=["height","width"],j=["points","stroke"],T=["points","stroke"],L=["height","width"],F=["points","stroke"],q=["dur","from","to"],P=["points","stroke"],R=["dur","from","to"],I={key:5,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 300 35"},D=["fill","height","x","y"],H=["dur","values"],G=["dur","values"],O={key:6,class:"lumal-decoration__chevrons"},U={"aria-hidden":"true",focusable:"false",height:"20",viewBox:"0 0 21 20",width:"21"},J=["stroke"],K=["stroke"],Q={class:"lumal-decoration__content lumal-decoration__content--inline"},W={"aria-hidden":"true",focusable:"false",height:"20",viewBox:"0 0 21 20",width:"21"},X=["stroke"],Y=["stroke"],Z=["height","width"],ee=["points","stroke"],ae=["points","stroke"],te=["points","stroke"],le={key:8,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 100 100"},ne=["stroke"],re=["dur","values"],oe=["stroke"],ue=["dur","values"],ie=["stroke"],ce=["fill","href","stroke"],se=["begin","dur","values"],de=["stroke"],ve=["height","width"],me=["points","stroke"],ke=["points","stroke","stroke-dasharray"],pe=["id","begin","dur","values"],fe=["begin","values"],he=["points","stroke","stroke-dasharray"],ye=["id","begin","dur","values"],$e=["begin","values"],ge=["points","stroke","stroke-dasharray"],Be=["id","begin","dur","values"],Ne=["begin","values"],Ee=["cx","cy","fill"],be=["id","begin","dur","values"],Ve=["cx","cy","fill"],we=["id","begin","dur","values"],xe=["begin","values"],Ce=["cx","cy","fill"],_e=["id","begin","dur","values"],Me=["begin","values"],Se=["cx","cy","fill"],ze=["id","begin","dur","values"],Ae=["begin","values"],je=["height","width"],Te=["fill","stroke"],Le=["fill","points","stroke"],Fe=["fill","points","stroke"],qe=["fill","points","stroke"],Pe=["fill","points","stroke"],Re=["points","stroke"],Ie=["points","stroke"],De=["height","width"],He=["d","stroke","stroke-width"],Ge=["stop-color"],Oe=["cx","cy","r","stroke"],Ue=["cx","cy","fill"],Je=["dur","values"],Ke=["dur"],Qe=["cx","cy","fill"],We=["points","stroke"],Xe=["d","stroke"],Ye=["href"],Ze=["dur","values"],ea=(0,l.defineComponent)({__name:"LumalDecoration",props:{variant:{default:1},color:{default:void 0},colors:{default:void 0},background:{default:void 0},dur:{default:void 0},duration:{default:void 0},haloDur:{default:void 0},reverse:{type:Boolean,default:!1},scanDur:{default:void 0}},setup(ea){const aa=ea,ta=i.filter(()=>Math.random()>.6).map(e=>({animated:Math.random()>.6,beginSeconds:2*Math.random(),durationSeconds:1,point:e})),la=u(300,35,2,25).map(e=>({animated:Math.random()>.6,beginSeconds:2*Math.random(),durationSeconds:Math.random()+1,point:e})),na=u(300,35,1,40).map(e=>{const a=Math.random()>.8,t=a?24.5:7,l=Math.trunc(Math.random()*((a?35:17.5)-t+1)+t);return{colorIndex:Math.random()>.5?0:1,durationSeconds:Math.random()+1.5,height:l,minHeight:l*Math.random(),point:e}}),ra=Array.from({length:20},()=>Math.random()<=.4),oa=(0,l.useTemplateRef)("animationRef"),ua=e.useElementSize(oa),ia=a.useAnimationPause(oa),ca=(0,l.shallowRef)(!1),sa=(0,l.shallowRef)(!1),da=(0,l.shallowRef)(!1);let va;const ma=(0,l.computed)(()=>ua.value.width),ka=(0,l.computed)(()=>ua.value.height),pa=(0,l.computed)(()=>{const e=n[aa.variant],a=aa.color??aa.colors;return[a?.[0]??e[0],a?.[1]??e[1]]}),fa=(0,l.computed)(()=>12===aa.variant?aa.scanDur:aa.dur),ha=(0,l.computed)(()=>{const e=void 0===fa.value?aa.duration:1e3*fa.value;return Math.max(0,e??r[aa.variant])}),ya=(0,l.computed)(()=>ha.value/r[aa.variant]),$a=(0,l.computed)(()=>ha.value>0),ga=(0,l.computed)(()=>{const e=aa.haloDur??2*ya.value;return`${Number(Math.max(.001,e).toFixed(6))}s`}),Ba=(0,l.computed)(()=>ia.value||ca.value||sa.value||da.value||!$a.value),Na=(0,l.computed)(()=>t.colorStyle(pa.value,aa.background,ha.value)),Ea=(ba=(0,l.useId)(),o+=1,`lumal-decoration-${ba.replace(/[^\w-]/g,"")}-${o}`);var ba;const Va=`${Ea}-polygon`,wa=`${Ea}-radar-group`,xa=`${Ea}-radar-gradient`,Ca=[`${Ea}-sequence-1`,`${Ea}-sequence-2`,`${Ea}-sequence-3`,`${Ea}-sequence-4`,`${Ea}-sequence-5`,`${Ea}-sequence-6`,`${Ea}-sequence-7`],_a=(0,l.computed)(()=>[[0,.2*ka.value],[.18*ma.value,.2*ka.value],[.2*ma.value,.4*ka.value],[.25*ma.value,.4*ka.value],[.27*ma.value,.6*ka.value],[.72*ma.value,.6*ka.value],[.75*ma.value,.4*ka.value],[.8*ma.value,.4*ka.value],[.82*ma.value,.2*ka.value],[ma.value,.2*ka.value]]),Ma=(0,l.computed)(()=>[[.3*ma.value,.8*ka.value],[.7*ma.value,.8*ka.value]]),Sa=(0,l.computed)(()=>_a.value.map(e=>e.join(",")).join(" ")),za=(0,l.computed)(()=>Ma.value.map(e=>e.join(",")).join(" ")),Aa=(0,l.computed)(()=>d(_a.value)),ja=(0,l.computed)(()=>d(Ma.value)),Ta=(0,l.computed)(()=>function(e,a){const t=e/2,l=a/2,n=Math.PI/3,r=e/4,o=-Math.PI/2,u=n/30;let i=v(t,l,r,o);const c=Array.from({length:30},(e,a)=>{const n=v(t,l,r,o-(a+1)*u).map(e=>e.toFixed(5)),c=`M${i.join(",")} A${r}, ${r} 0 0 0 ${n.join(",")}`;return i=[Number(n[0]),Number(n[1])],c}),s=Math.max(0,e/2-.5)/3,d=Array.from({length:3},(e,a)=>s*(a+1)),m=Math.PI/6,k=e/2,p=Array.from({length:6},(e,a)=>{const n=m*(a+1),r=v(t,l,k,n),o=v(t,l,k,n+Math.PI);return`${r.join(",")} ${o.join(",")}`}),f=Math.max(0,e/2-1);return{arcPaths:Array.from({length:4},(e,a)=>{const n=m*(3*a+1),r=v(t,l,f,n),o=v(t,l,f,n+m);return`M${r.join(",")} A${t}, ${l} 0 0 1 ${o.join(",")}`}),circleRadii:d,scanPaths:c,splitLines:p}}(ma.value,ka.value)),La=(0,l.computed)(()=>Ta.value.scanPaths.map((e,a,t)=>s(pa.value[0],100-100*a/(t.length-1))));function Fa(e){const a=Math.max(.001,e*ya.value);return`${Number(a.toFixed(6))}s`}function qa(e,a=!0){const t=e.map(String);return(aa.reverse&&a?t.reverse():t).join(";")}function Pa(e){return aa.reverse?ma.value-e:e}function Ra(e){da.value=e.matches}function Ia(){return Array.from(oa.value?.querySelectorAll("svg")??[])}function Da(){for(const e of Ia())Ba.value?e.pauseAnimations?.():e.unpauseAnimations?.()}function Ha(){for(const e of Ia())e.setCurrentTime?.(0);Da()}function Ga(e){const a=e.relatedTarget;sa.value=Boolean(a&&oa.value?.contains(a))}return(0,l.watch)(Ba,()=>{(0,l.nextTick)(Da)},{immediate:!0}),(0,l.watch)(()=>[aa.variant,aa.reverse,aa.color,aa.colors,aa.dur,aa.duration,aa.haloDur,aa.scanDur],()=>{(0,l.nextTick)(Ha)},{flush:"post"}),(0,l.onMounted)(()=>{"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(va=window.matchMedia("(prefers-reduced-motion: reduce)"),Ra(va),va.addEventListener?.("change",Ra)),(0,l.nextTick)(Da)}),(0,l.onBeforeUnmount)(()=>{va?.removeEventListener?.("change",Ra)}),(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{ref_key:"animationRef",ref:oa,class:(0,l.normalizeClass)(["lumal-decoration",{"is-animation-paused":Ba.value,"is-reverse":ea.reverse}]),"data-variant":ea.variant,style:(0,l.normalizeStyle)(Na.value),onMouseenter:a[0]||(a[0]=e=>ca.value=!0),onMouseleave:a[1]||(a[1]=e=>ca.value=!1),onFocusin:a[2]||(a[2]=e=>sa.value=!0),onFocusout:Ga},[1===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",k,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(ta),(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("rect",{key:a,class:"lumal-decoration__mark",fill:pa.value[0],height:2.5,width:2.5,x:e.point[0]-1.25,y:e.point[1]-1.25},[e.animated&&$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"fill",begin:`${e.beginSeconds}s`,dur:Fa(e.durationSeconds),repeatCount:"indefinite",values:qa([pa.value[0],"transparent"])},null,8,f)):(0,l.createCommentVNode)("",!0)],8,p))),128)),(0,l.createElementVNode)("rect",{fill:pa.value[1],height:5,width:5,x:(0,l.unref)(c)[0][0]-2.5,y:(0,l.unref)(c)[0][1]-2.5},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"width",dur:Fa(2),repeatCount:"indefinite",values:qa([0,5])},null,8,y)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"height",dur:Fa(2),repeatCount:"indefinite",values:qa([0,5])},null,8,$)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:2,attributeName:"x",dur:Fa(2),repeatCount:"indefinite",values:qa([(0,l.unref)(c)[0][0],(0,l.unref)(c)[0][0]-2.5])},null,8,g)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:3,attributeName:"y",dur:Fa(2),repeatCount:"indefinite",values:qa([(0,l.unref)(c)[0][1],(0,l.unref)(c)[0][1]-2.5])},null,8,B)):(0,l.createCommentVNode)("",!0)],8,h),(0,l.createElementVNode)("rect",{fill:pa.value[1],height:5,width:40,x:(0,l.unref)(c)[1][0]-40,y:(0,l.unref)(c)[1][1]-2.5},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"width",dur:Fa(2),repeatCount:"indefinite",values:qa([0,40,0])},null,8,E)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"x",dur:Fa(2),repeatCount:"indefinite",values:qa([(0,l.unref)(c)[1][0],(0,l.unref)(c)[1][0]-40,(0,l.unref)(c)[1][0]])},null,8,b)):(0,l.createCommentVNode)("",!0)],8,N)])):2===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",{key:1,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:ka.value,width:ma.value},[(0,l.createElementVNode)("rect",{fill:pa.value[0],height:ea.reverse?ka.value:1,width:ea.reverse?1:ma.value,x:ea.reverse?ma.value/2:0,y:ea.reverse?0:ka.value/2},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:ea.reverse?"height":"width",calcMode:"spline",dur:Fa(6),from:"0",keySplines:".42,0,.58,1",keyTimes:"0;1",repeatCount:"indefinite",to:ea.reverse?ka.value:ma.value},null,8,x)):(0,l.createCommentVNode)("",!0)],8,w),(0,l.createElementVNode)("rect",{fill:pa.value[1],height:"1",width:"1",x:ea.reverse?ma.value/2:0,y:ea.reverse?0:ka.value/2},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:ea.reverse?"y":"x",calcMode:"spline",dur:Fa(6),from:"0",keySplines:".42,0,.58,1",keyTimes:"0;1",repeatCount:"indefinite",to:ea.reverse?ka.value:ma.value},null,8,_)):(0,l.createCommentVNode)("",!0)],8,C)],8,V)):3===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",M,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(la),(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("rect",{key:a,class:"lumal-decoration__mark",fill:pa.value[0],height:"7",width:"7",x:e.point[0]-3.5,y:e.point[1]-3.5},[e.animated&&$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"fill",begin:`${e.beginSeconds}s`,dur:Fa(e.durationSeconds),repeatCount:"indefinite",values:qa(pa.value)},null,8,z)):(0,l.createCommentVNode)("",!0)],8,S))),128))])):4===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:3,class:(0,l.normalizeClass)(["lumal-decoration__line-reveal",[ea.reverse?"lumal-decoration__line-reveal--horizontal":"lumal-decoration__line-reveal--vertical",{"is-static":!$a.value}]]),style:(0,l.normalizeStyle)({animationDuration:ha.value/1e3+"s",height:ea.reverse?"5px":`${ka.value}px`,width:ea.reverse?`${ma.value}px`:"5px"})},[((0,l.openBlock)(),(0,l.createElementBlock)("svg",{"aria-hidden":"true",focusable:"false",height:ea.reverse?5:ka.value,width:ea.reverse?ma.value:5},[(0,l.createElementVNode)("polyline",{points:ea.reverse?`0,2.5 ${ma.value},2.5`:`2.5,0 2.5,${ka.value}`,stroke:pa.value[0]},null,8,j),(0,l.createElementVNode)("polyline",{points:ea.reverse?`0,2.5 ${ma.value},2.5`:`2.5,0 2.5,${ka.value}`,stroke:pa.value[1],"stroke-dasharray":"20,80","stroke-dashoffset":"-30","stroke-width":"3"},null,8,T)],8,A))],6)):5===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",{key:4,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:ka.value,width:ma.value},[(0,l.createElementVNode)("polyline",{fill:"transparent",points:Sa.value,stroke:pa.value[0],"stroke-width":"3"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"stroke-dasharray",calcMode:"spline",dur:Fa(1.2),from:`0, ${Aa.value/2}, 0, ${Aa.value/2}`,keySplines:".4,1,.49,.98",keyTimes:"0;1",repeatCount:"indefinite",to:`0, 0, ${Aa.value}, 0`},null,8,q)):(0,l.createCommentVNode)("",!0)],8,F),(0,l.createElementVNode)("polyline",{fill:"transparent",points:za.value,stroke:pa.value[1],"stroke-width":"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"stroke-dasharray",calcMode:"spline",dur:Fa(1.2),from:`0, ${ja.value/2}, 0, ${ja.value/2}`,keySplines:".4,1,.49,.98",keyTimes:"0;1",repeatCount:"indefinite",to:`0, 0, ${ja.value}, 0`},null,8,R)):(0,l.createCommentVNode)("",!0)],8,P)],8,L)):6===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",I,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(na),(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("rect",{key:a,class:"lumal-decoration__bar",fill:pa.value[e.colorIndex],height:e.height,width:"7",x:e.point[0]-3.5,y:e.point[1]-e.height/2},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"y",begin:"0s",calcMode:"spline",dur:Fa(e.durationSeconds),keySplines:".42,0,.58,1;.42,0,.58,1",keyTimes:"0;.5;1",repeatCount:"indefinite",values:qa([e.point[1]-e.minHeight/2,e.point[1]-e.height/2,e.point[1]-e.minHeight/2])},null,8,H)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"height",begin:"0s",calcMode:"spline",dur:Fa(e.durationSeconds),keySplines:".42,0,.58,1;.42,0,.58,1",keyTimes:"0;.5;1",repeatCount:"indefinite",values:qa([e.minHeight,e.height,e.minHeight])},null,8,G)):(0,l.createCommentVNode)("",!0)],8,D))),128))])):7===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("div",O,[((0,l.openBlock)(),(0,l.createElementBlock)("svg",U,[(0,l.createElementVNode)("polyline",{fill:"transparent",points:"10,0 19,10 10,20",stroke:pa.value[0],"stroke-width":"4"},null,8,J),(0,l.createElementVNode)("polyline",{fill:"transparent",points:"2,0 11,10 2,20",stroke:pa.value[1],"stroke-width":"2"},null,8,K)])),(0,l.createElementVNode)("div",Q,[(0,l.renderSlot)(e.$slots,"default")]),((0,l.openBlock)(),(0,l.createElementBlock)("svg",W,[(0,l.createElementVNode)("polyline",{fill:"transparent",points:"11,0 2,10 11,20",stroke:pa.value[0],"stroke-width":"4"},null,8,X),(0,l.createElementVNode)("polyline",{fill:"transparent",points:"19,0 10,10 19,20",stroke:pa.value[1],"stroke-width":"2"},null,8,Y)]))])):8===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",{key:7,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:ka.value,width:ma.value},[(0,l.createElementVNode)("polyline",{fill:"transparent",points:`${Pa(0)},0 ${Pa(30)},${ka.value/2}`,stroke:pa.value[0],"stroke-width":"2"},null,8,ee),(0,l.createElementVNode)("polyline",{fill:"transparent",points:`${Pa(20)},0 ${Pa(50)},${ka.value/2} ${Pa(ma.value)},${ka.value/2}`,stroke:pa.value[0],"stroke-width":"2"},null,8,ae),(0,l.createElementVNode)("polyline",{fill:"transparent",points:`${Pa(0)},${ka.value-3} ${Pa(200)},${ka.value-3}`,stroke:pa.value[1],"stroke-width":"3"},null,8,te)],8,Z)):9===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",le,[(0,l.createElementVNode)("defs",null,[(0,l.createElementVNode)("polygon",{id:Va,points:"15,46.5 21,47.5 21,52.5 15,53.5"})]),(0,l.createElementVNode)("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"45","stroke-dasharray":"80,100,30,100",stroke:pa.value[1],"stroke-width":"10"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animateTransform",{key:0,attributeName:"transform",dur:Fa(3),repeatCount:"indefinite",type:"rotate",values:ea.reverse?"0 50 50;-360 50 50":"0 50 50;360 50 50"},null,8,re)):(0,l.createCommentVNode)("",!0)],8,ne),(0,l.createElementVNode)("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"45","stroke-dasharray":"50,66,100,66",stroke:pa.value[0],"stroke-width":"6"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animateTransform",{key:0,attributeName:"transform",dur:Fa(3),repeatCount:"indefinite",type:"rotate",values:ea.reverse?"0 50 50;360 50 50":"0 50 50;-360 50 50"},null,8,ue)):(0,l.createCommentVNode)("",!0)],8,oe),(0,l.createElementVNode)("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"38","stroke-dasharray":"5,1",stroke:(0,l.unref)(s)(pa.value[1],30),"stroke-width":"1"},null,8,ie),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(ra),(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("use",{key:a,fill:e?pa.value[0]:"transparent",href:`#${Va}`,stroke:pa.value[1]},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animateTransform",{key:0,attributeName:"transform",begin:a*ha.value/20/1e3+"s",dur:Fa(3),repeatCount:"indefinite",type:"rotate",values:ea.reverse?"0 50 50;-360 50 50":"0 50 50;360 50 50"},null,8,se)):(0,l.createCommentVNode)("",!0)],8,ce))),128)),(0,l.createElementVNode)("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"26","stroke-dasharray":"5,1",stroke:(0,l.unref)(s)(pa.value[1],30),"stroke-width":"1"},null,8,de)])):10===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",{key:9,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:ka.value,width:ma.value},[(0,l.createElementVNode)("polyline",{fill:"transparent",points:`${Pa(0)},${ka.value/2} ${Pa(ma.value)},${ka.value/2}`,stroke:pa.value[1],"stroke-width":"2"},null,8,me),(0,l.createElementVNode)("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${Pa(5)},${ka.value/2} ${Pa(.2*ma.value-3)},${ka.value/2}`,stroke:pa.value[0],"stroke-dasharray":"0,"+.2*ma.value,"stroke-width":"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[1],attributeName:"stroke-dasharray",begin:`${Ca[0]}.end`,dur:Fa(3),fill:"freeze",values:`0,${.2*ma.value};${.2*ma.value},0`},null,8,pe)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"stroke-dasharray",begin:`${Ca[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.2*ma.value},0;0,${.2*ma.value}`},null,8,fe)):(0,l.createCommentVNode)("",!0)],8,ke),(0,l.createElementVNode)("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${Pa(.2*ma.value+3)},${ka.value/2} ${Pa(.8*ma.value-3)},${ka.value/2}`,stroke:pa.value[0],"stroke-dasharray":"0,"+.6*ma.value,"stroke-width":"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[3],attributeName:"stroke-dasharray",begin:`${Ca[2]}.end + ${Fa(1)}`,dur:Fa(3),fill:"freeze",values:`0,${.6*ma.value};${.6*ma.value},0`},null,8,ye)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"stroke-dasharray",begin:`${Ca[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.6*ma.value},0;0,${.6*ma.value}`},null,8,$e)):(0,l.createCommentVNode)("",!0)],8,he),(0,l.createElementVNode)("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${Pa(.8*ma.value+3)},${ka.value/2} ${Pa(ma.value-5)},${ka.value/2}`,stroke:pa.value[0],"stroke-dasharray":"0,"+.2*ma.value,"stroke-width":"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[5],attributeName:"stroke-dasharray",begin:`${Ca[4]}.end + ${Fa(1)}`,dur:Fa(3),fill:"freeze",values:`0,${.2*ma.value};${.2*ma.value},0`},null,8,Be)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"stroke-dasharray",begin:`${Ca[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.2*ma.value},0;0,${.3*ma.value}`},null,8,Ne)):(0,l.createCommentVNode)("",!0)],8,ge),(0,l.createElementVNode)("circle",{cx:Pa(2),cy:ka.value/2,fill:pa.value[1],r:"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[0],attributeName:"fill",begin:`0s;${Ca[6]}.end`,dur:Fa(.3),fill:"freeze",values:`${pa.value[1]};${pa.value[0]}`},null,8,be)):(0,l.createCommentVNode)("",!0)],8,Ee),(0,l.createElementVNode)("circle",{cx:Pa(.2*ma.value),cy:ka.value/2,fill:pa.value[1],r:"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[2],attributeName:"fill",begin:`${Ca[1]}.end`,dur:Fa(.3),fill:"freeze",values:`${pa.value[1]};${pa.value[0]}`},null,8,we)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"fill",begin:`${Ca[6]}.end`,dur:"0.01s",fill:"freeze",values:`${pa.value[1]};${pa.value[1]}`},null,8,xe)):(0,l.createCommentVNode)("",!0)],8,Ve),(0,l.createElementVNode)("circle",{cx:Pa(.8*ma.value),cy:ka.value/2,fill:pa.value[1],r:"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[4],attributeName:"fill",begin:`${Ca[3]}.end`,dur:Fa(.3),fill:"freeze",values:`${pa.value[1]};${pa.value[0]}`},null,8,_e)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"fill",begin:`${Ca[6]}.end`,dur:"0.01s",fill:"freeze",values:`${pa.value[1]};${pa.value[1]}`},null,8,Me)):(0,l.createCommentVNode)("",!0)],8,Ce),(0,l.createElementVNode)("circle",{cx:Pa(ma.value-2),cy:ka.value/2,fill:pa.value[1],r:"2"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,id:Ca[6],attributeName:"fill",begin:`${Ca[5]}.end`,dur:Fa(.3),fill:"freeze",values:`${pa.value[1]};${pa.value[0]}`},null,8,ze)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"fill",begin:`${Ca[6]}.end`,dur:"0.01s",fill:"freeze",values:`${pa.value[1]};${pa.value[1]}`},null,8,Ae)):(0,l.createCommentVNode)("",!0)],8,Se)],8,ve)):11===ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("svg",{key:10,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:ka.value,width:ma.value},[(0,l.createElementVNode)("polygon",{fill:(0,l.unref)(s)(pa.value[1],10),points:"20 10,25 4,55 4,60 10",stroke:pa.value[1]},null,8,Te),(0,l.createElementVNode)("polygon",{fill:(0,l.unref)(s)(pa.value[1],10),points:`20 ${ka.value-10},25 ${ka.value-4},55 ${ka.value-4},60 ${ka.value-10}`,stroke:pa.value[1]},null,8,Le),(0,l.createElementVNode)("polygon",{fill:(0,l.unref)(s)(pa.value[1],10),points:`${ma.value-20} 10,${ma.value-25} 4,${ma.value-55} 4,${ma.value-60} 10`,stroke:pa.value[1]},null,8,Fe),(0,l.createElementVNode)("polygon",{fill:(0,l.unref)(s)(pa.value[1],10),points:`${ma.value-20} ${ka.value-10},${ma.value-25} ${ka.value-4},${ma.value-55} ${ka.value-4},${ma.value-60} ${ka.value-10}`,stroke:pa.value[1]},null,8,qe),(0,l.createElementVNode)("polygon",{fill:(0,l.unref)(s)(pa.value[0],20),points:`20 10,5 ${ka.value/2},20 ${ka.value-10},${ma.value-20} ${ka.value-10},${ma.value-5} ${ka.value/2},${ma.value-20} 10`,stroke:pa.value[0]},null,8,Pe),(0,l.createElementVNode)("polyline",{fill:"transparent",points:`25 18,15 ${ka.value/2},25 ${ka.value-18}`,stroke:(0,l.unref)(s)(pa.value[0],70)},null,8,Re),(0,l.createElementVNode)("polyline",{fill:"transparent",points:`${ma.value-25} 18,${ma.value-15} ${ka.value/2},${ma.value-25} ${ka.value-18}`,stroke:(0,l.unref)(s)(pa.value[0],70)},null,8,Ie)],8,je)):((0,l.openBlock)(),(0,l.createElementBlock)("svg",{key:11,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:ka.value,width:ma.value},[(0,l.createElementVNode)("defs",null,[(0,l.createElementVNode)("g",{id:wa},[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(Ta.value.scanPaths,(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("path",{key:e,fill:"transparent",d:e,stroke:La.value[a],"stroke-width":ma.value/2},null,8,He))),128))]),(0,l.createElementVNode)("radialGradient",{id:xa,cx:"50%",cy:"50%",r:"50%"},[a[3]||(a[3]=(0,l.createElementVNode)("stop",{offset:"0%","stop-color":"transparent","stop-opacity":"1"},null,-1)),(0,l.createElementVNode)("stop",{offset:"100%","stop-color":(0,l.unref)(s)(pa.value[1],30),"stop-opacity":"1"},null,8,Ge)])]),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(Ta.value.circleRadii,e=>((0,l.openBlock)(),(0,l.createElementBlock)("circle",{key:e,cx:ma.value/2,cy:ka.value/2,fill:"transparent",r:e,stroke:pa.value[1],"stroke-width":"0.5"},null,8,Oe))),128)),(0,l.createElementVNode)("circle",{cx:ma.value/2,cy:ka.value/2,fill:`url(#${xa})`,r:"1",stroke:"transparent"},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:0,attributeName:"r",dur:ga.value,repeatCount:"indefinite",values:"1;"+ma.value/2},null,8,Je)):(0,l.createCommentVNode)("",!0),$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animate",{key:1,attributeName:"opacity",dur:ga.value,repeatCount:"indefinite",values:"1;0"},null,8,Ke)):(0,l.createCommentVNode)("",!0)],8,Ue),(0,l.createElementVNode)("circle",{cx:ma.value/2,cy:ka.value/2,fill:pa.value[1],r:"2"},null,8,Qe),(0,l.createElementVNode)("g",null,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(Ta.value.splitLines,e=>((0,l.openBlock)(),(0,l.createElementBlock)("polyline",{key:e,opacity:"0.5",points:e,stroke:pa.value[1],"stroke-width":"0.5"},null,8,We))),128))]),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(Ta.value.arcPaths,e=>((0,l.openBlock)(),(0,l.createElementBlock)("path",{key:e,fill:"transparent",d:e,stroke:pa.value[1],"stroke-width":"2"},null,8,Xe))),128)),(0,l.createElementVNode)("use",{href:`#${wa}`},[$a.value?((0,l.openBlock)(),(0,l.createElementBlock)("animateTransform",{key:0,attributeName:"transform",dur:Fa(3),repeatCount:"indefinite",type:"rotate",values:ea.reverse?`0,${ma.value/2} ${ka.value/2};-360,${ma.value/2} ${ka.value/2}`:`0,${ma.value/2} ${ka.value/2};360,${ma.value/2} ${ka.value/2}`},null,8,Ze)):(0,l.createCommentVNode)("",!0)],8,Ye)],8,De)),7!==ea.variant?((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:12,class:(0,l.normalizeClass)(["lumal-decoration__content",{"lumal-decoration__content--centered":9===ea.variant||11===ea.variant||12===ea.variant}])},[(0,l.renderSlot)(e.$slots,"default")],2)):(0,l.createCommentVNode)("",!0)],46,m))}});Object.defineProperty(exports,"LumalDecoration_default",{enumerable:!0,get:function(){return ea}});

package/dist/LumalDecoration-mPN6Fsoh.js

@@ -1 +0,0 @@
-import{t as e}from"./useElementSize-CKA7EtNB.js";import{t as a}from"./useAnimationPause-DSOHlI2X.js";import{n as l}from"./utils-BmGYN0WH.js";import{Fragment as t,computed as r,createCommentVNode as u,createElementBlock as i,createElementVNode as n,defineComponent as s,nextTick as o,normalizeClass as v,normalizeStyle as d,onBeforeUnmount as c,onMounted as f,openBlock as h,renderList as m,renderSlot as p,shallowRef as k,unref as y,useId as $,useTemplateRef as g,watch as b}from"vue";var w={1:["#fff","#0de7c2"],2:["#3faacb","#fff"],3:["#7acaec","transparent"],4:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.3)"],5:["#3f96a5","#3f96a5"],6:["#7acaec","#7acaec"],7:["#1dc1f5","#1dc1f5"],8:["#3f96a5","#3f96a5"],9:["rgba(3, 166, 224, 0.8)","rgba(3, 166, 224, 0.5)"],10:["#00c2ff","rgba(0, 194, 255, 0.3)"],11:["#1a98fc","#2cf7fe"],12:["#2783ce","#2cf7fe"]},x={1:2e3,2:6e3,3:1500,4:3e3,5:1200,6:2e3,7:2800,8:2800,9:3e3,10:3e3,11:2800,12:3e3},_=0;function N(e,a,l,t){const r=e/(t+1),u=a/(l+1);return Array.from({length:l*t},(e,a)=>{const l=Math.floor(a/t);return[r*(a%t+1),u*(l+1)]})}var M=N(200,50,4,20),C=[M[39]??[0,0],M[37]??[0,0]];function S(e,a){const l=Math.min(100,Math.max(0,a))/100,t=e.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i)?.[1];if(t){const e=3===t.length?t.split("").map(e=>`${e}${e}`).join(""):t;return`rgba(${Number.parseInt(e.slice(0,2),16)}, ${Number.parseInt(e.slice(2,4),16)}, ${Number.parseInt(e.slice(4,6),16)}, ${l})`}const r=e.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i);return r?`rgba(${r[1]}, ${r[2]}, ${r[3]}, ${l})`:"transparent"===e.trim().toLowerCase()?"transparent":`color-mix(in srgb, ${e} ${a}%, transparent)`}function A(e){return e.slice(1).reduce((a,l,t)=>{const r=e[t];return r?a+Math.hypot(l[0]-r[0],l[1]-r[1]):a},0)}function j(e,a,l,t){return[e+Math.cos(t)*l,a+Math.sin(t)*l]}var z=["data-variant"],T={key:0,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 200 50"},P=["fill","x","y"],I=["begin","dur","values"],q=["fill","x","y"],B=["dur","values"],D=["dur","values"],R=["dur","values"],L=["dur","values"],F=["fill","x","y"],H=["dur","values"],E=["dur","values"],G=["height","width"],J=["fill","height","width","x","y"],K=["attributeName","dur","to"],O=["fill","x","y"],Q=["attributeName","dur","to"],U={key:2,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 300 35"},V=["fill","x","y"],W=["begin","dur","values"],X=["height","width"],Y=["points","stroke"],Z=["points","stroke"],ee=["height","width"],ae=["points","stroke"],le=["dur","from","to"],te=["points","stroke"],re=["dur","from","to"],ue={key:5,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 300 35"},ie=["fill","height","x","y"],ne=["dur","values"],se=["dur","values"],oe={key:6,class:"lumal-decoration__chevrons"},ve={"aria-hidden":"true",focusable:"false",height:"20",viewBox:"0 0 21 20",width:"21"},de=["stroke"],ce=["stroke"],fe={class:"lumal-decoration__content lumal-decoration__content--inline"},he={"aria-hidden":"true",focusable:"false",height:"20",viewBox:"0 0 21 20",width:"21"},me=["stroke"],pe=["stroke"],ke=["height","width"],ye=["points","stroke"],$e=["points","stroke"],ge=["points","stroke"],be={key:8,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 100 100"},we=["stroke"],xe=["dur","values"],_e=["stroke"],Ne=["dur","values"],Me=["stroke"],Ce=["fill","href","stroke"],Se=["begin","dur","values"],Ae=["stroke"],je=["height","width"],ze=["points","stroke"],Te=["points","stroke","stroke-dasharray"],Pe=["id","begin","dur","values"],Ie=["begin","values"],qe=["points","stroke","stroke-dasharray"],Be=["id","begin","dur","values"],De=["begin","values"],Re=["points","stroke","stroke-dasharray"],Le=["id","begin","dur","values"],Fe=["begin","values"],He=["cx","cy","fill"],Ee=["id","begin","dur","values"],Ge=["cx","cy","fill"],Je=["id","begin","dur","values"],Ke=["begin","values"],Oe=["cx","cy","fill"],Qe=["id","begin","dur","values"],Ue=["begin","values"],Ve=["cx","cy","fill"],We=["id","begin","dur","values"],Xe=["begin","values"],Ye=["height","width"],Ze=["fill","stroke"],ea=["fill","points","stroke"],aa=["fill","points","stroke"],la=["fill","points","stroke"],ta=["fill","points","stroke"],ra=["points","stroke"],ua=["points","stroke"],ia=["height","width"],na=["d","stroke","stroke-width"],sa=["stop-color"],oa=["cx","cy","r","stroke"],va=["cx","cy","fill"],da=["dur","values"],ca=["dur"],fa=["cx","cy","fill"],ha=["points","stroke"],ma=["d","stroke"],pa=["href"],ka=["dur","values"],ya=/*@__PURE__*/s({__name:"LumalDecoration",props:{variant:{default:1},color:{default:void 0},colors:{default:void 0},background:{default:void 0},dur:{default:void 0},duration:{default:void 0},haloDur:{default:void 0},reverse:{type:Boolean,default:!1},scanDur:{default:void 0}},setup(s){const ya=s,$a=M.filter(()=>Math.random()>.6).map(e=>({animated:Math.random()>.6,beginSeconds:2*Math.random(),durationSeconds:1,point:e})),ga=N(300,35,2,25).map(e=>({animated:Math.random()>.6,beginSeconds:2*Math.random(),durationSeconds:Math.random()+1,point:e})),ba=N(300,35,1,40).map(e=>{const a=Math.random()>.8,l=a?24.5:7,t=Math.trunc(Math.random()*((a?35:17.5)-l+1)+l);return{colorIndex:Math.random()>.5?0:1,durationSeconds:Math.random()+1.5,height:t,minHeight:t*Math.random(),point:e}}),wa=Array.from({length:20},()=>Math.random()<=.4),xa=g("animationRef"),_a=e(xa),Na=a(xa),Ma=k(!1),Ca=k(!1),Sa=k(!1);let Aa;const ja=r(()=>_a.value.width),za=r(()=>_a.value.height),Ta=r(()=>{const e=w[ya.variant],a=ya.color??ya.colors;return[a?.[0]??e[0],a?.[1]??e[1]]}),Pa=r(()=>12===ya.variant?ya.scanDur:ya.dur),Ia=r(()=>{const e=void 0===Pa.value?ya.duration:1e3*Pa.value;return Math.max(0,e??x[ya.variant])}),qa=r(()=>Ia.value/x[ya.variant]),Ba=r(()=>Ia.value>0),Da=r(()=>{const e=ya.haloDur??2*qa.value;return`${Number(Math.max(.001,e).toFixed(6))}s`}),Ra=r(()=>Na.value||Ma.value||Ca.value||Sa.value||!Ba.value),La=r(()=>l(Ta.value,ya.background,Ia.value)),Fa=(Ha=$(),_+=1,`lumal-decoration-${Ha.replace(/[^\w-]/g,"")}-${_}`);var Ha;const Ea=`${Fa}-polygon`,Ga=`${Fa}-radar-group`,Ja=`${Fa}-radar-gradient`,Ka=[`${Fa}-sequence-1`,`${Fa}-sequence-2`,`${Fa}-sequence-3`,`${Fa}-sequence-4`,`${Fa}-sequence-5`,`${Fa}-sequence-6`,`${Fa}-sequence-7`],Oa=r(()=>[[0,.2*za.value],[.18*ja.value,.2*za.value],[.2*ja.value,.4*za.value],[.25*ja.value,.4*za.value],[.27*ja.value,.6*za.value],[.72*ja.value,.6*za.value],[.75*ja.value,.4*za.value],[.8*ja.value,.4*za.value],[.82*ja.value,.2*za.value],[ja.value,.2*za.value]]),Qa=r(()=>[[.3*ja.value,.8*za.value],[.7*ja.value,.8*za.value]]),Ua=r(()=>Oa.value.map(e=>e.join(",")).join(" ")),Va=r(()=>Qa.value.map(e=>e.join(",")).join(" ")),Wa=r(()=>A(Oa.value)),Xa=r(()=>A(Qa.value)),Ya=r(()=>function(e,a){const l=e/2,t=a/2,r=Math.PI/3,u=e/4,i=-Math.PI/2,n=r/30;let s=j(l,t,u,i);const o=Array.from({length:30},(e,a)=>{const r=j(l,t,u,i-(a+1)*n).map(e=>e.toFixed(5)),o=`M${s.join(",")} A${u}, ${u} 0 0 0 ${r.join(",")}`;return s=[Number(r[0]),Number(r[1])],o}),v=Math.max(0,e/2-.5)/3,d=Array.from({length:3},(e,a)=>v*(a+1)),c=Math.PI/6,f=e/2,h=Array.from({length:6},(e,a)=>{const r=c*(a+1),u=j(l,t,f,r),i=j(l,t,f,r+Math.PI);return`${u.join(",")} ${i.join(",")}`}),m=Math.max(0,e/2-1);return{arcPaths:Array.from({length:4},(e,a)=>{const r=c*(3*a+1),u=j(l,t,m,r),i=j(l,t,m,r+c);return`M${u.join(",")} A${l}, ${t} 0 0 1 ${i.join(",")}`}),circleRadii:d,scanPaths:o,splitLines:h}}(ja.value,za.value)),Za=r(()=>Ya.value.scanPaths.map((e,a,l)=>S(Ta.value[0],100-100*a/(l.length-1))));function el(e){const a=Math.max(.001,e*qa.value);return`${Number(a.toFixed(6))}s`}function al(e,a=!0){const l=e.map(String);return(ya.reverse&&a?l.reverse():l).join(";")}function ll(e){return ya.reverse?ja.value-e:e}function tl(e){Sa.value=e.matches}function rl(){return Array.from(xa.value?.querySelectorAll("svg")??[])}function ul(){for(const e of rl())Ra.value?e.pauseAnimations?.():e.unpauseAnimations?.()}function il(){for(const e of rl())e.setCurrentTime?.(0);ul()}function nl(e){const a=e.relatedTarget;Ca.value=Boolean(a&&xa.value?.contains(a))}return b(Ra,()=>{o(ul)},{immediate:!0}),b(()=>[ya.variant,ya.reverse,ya.color,ya.colors,ya.dur,ya.duration,ya.haloDur,ya.scanDur],()=>{o(il)},{flush:"post"}),f(()=>{"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(Aa=window.matchMedia("(prefers-reduced-motion: reduce)"),tl(Aa),Aa.addEventListener?.("change",tl)),o(ul)}),c(()=>{Aa?.removeEventListener?.("change",tl)}),(e,a)=>(h(),i("div",{ref_key:"animationRef",ref:xa,class:v(["lumal-decoration",{"is-animation-paused":Ra.value,"is-reverse":s.reverse}]),"data-variant":s.variant,style:d(La.value),onMouseenter:a[0]||(a[0]=e=>Ma.value=!0),onMouseleave:a[1]||(a[1]=e=>Ma.value=!1),onFocusin:a[2]||(a[2]=e=>Ca.value=!0),onFocusout:nl},[1===s.variant?(h(),i("svg",T,[(h(!0),i(t,null,m(y($a),(e,a)=>(h(),i("rect",{key:a,class:"lumal-decoration__mark",fill:Ta.value[0],height:2.5,width:2.5,x:e.point[0]-1.25,y:e.point[1]-1.25},[e.animated&&Ba.value?(h(),i("animate",{key:0,attributeName:"fill",begin:`${e.beginSeconds}s`,dur:el(e.durationSeconds),repeatCount:"indefinite",values:al([Ta.value[0],"transparent"])},null,8,I)):u("",!0)],8,P))),128)),n("rect",{fill:Ta.value[1],height:5,width:5,x:y(C)[0][0]-2.5,y:y(C)[0][1]-2.5},[Ba.value?(h(),i("animate",{key:0,attributeName:"width",dur:el(2),repeatCount:"indefinite",values:al([0,5])},null,8,B)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"height",dur:el(2),repeatCount:"indefinite",values:al([0,5])},null,8,D)):u("",!0),Ba.value?(h(),i("animate",{key:2,attributeName:"x",dur:el(2),repeatCount:"indefinite",values:al([y(C)[0][0],y(C)[0][0]-2.5])},null,8,R)):u("",!0),Ba.value?(h(),i("animate",{key:3,attributeName:"y",dur:el(2),repeatCount:"indefinite",values:al([y(C)[0][1],y(C)[0][1]-2.5])},null,8,L)):u("",!0)],8,q),n("rect",{fill:Ta.value[1],height:5,width:40,x:y(C)[1][0]-40,y:y(C)[1][1]-2.5},[Ba.value?(h(),i("animate",{key:0,attributeName:"width",dur:el(2),repeatCount:"indefinite",values:al([0,40,0])},null,8,H)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"x",dur:el(2),repeatCount:"indefinite",values:al([y(C)[1][0],y(C)[1][0]-40,y(C)[1][0]])},null,8,E)):u("",!0)],8,F)])):2===s.variant?(h(),i("svg",{key:1,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:za.value,width:ja.value},[n("rect",{fill:Ta.value[0],height:s.reverse?za.value:1,width:s.reverse?1:ja.value,x:s.reverse?ja.value/2:0,y:s.reverse?0:za.value/2},[Ba.value?(h(),i("animate",{key:0,attributeName:s.reverse?"height":"width",calcMode:"spline",dur:el(6),from:"0",keySplines:".42,0,.58,1",keyTimes:"0;1",repeatCount:"indefinite",to:s.reverse?za.value:ja.value},null,8,K)):u("",!0)],8,J),n("rect",{fill:Ta.value[1],height:"1",width:"1",x:s.reverse?ja.value/2:0,y:s.reverse?0:za.value/2},[Ba.value?(h(),i("animate",{key:0,attributeName:s.reverse?"y":"x",calcMode:"spline",dur:el(6),from:"0",keySplines:".42,0,.58,1",keyTimes:"0;1",repeatCount:"indefinite",to:s.reverse?za.value:ja.value},null,8,Q)):u("",!0)],8,O)],8,G)):3===s.variant?(h(),i("svg",U,[(h(!0),i(t,null,m(y(ga),(e,a)=>(h(),i("rect",{key:a,class:"lumal-decoration__mark",fill:Ta.value[0],height:"7",width:"7",x:e.point[0]-3.5,y:e.point[1]-3.5},[e.animated&&Ba.value?(h(),i("animate",{key:0,attributeName:"fill",begin:`${e.beginSeconds}s`,dur:el(e.durationSeconds),repeatCount:"indefinite",values:al(Ta.value)},null,8,W)):u("",!0)],8,V))),128))])):4===s.variant?(h(),i("div",{key:3,class:v(["lumal-decoration__line-reveal",[s.reverse?"lumal-decoration__line-reveal--horizontal":"lumal-decoration__line-reveal--vertical",{"is-static":!Ba.value}]]),style:d({animationDuration:Ia.value/1e3+"s",height:s.reverse?"5px":`${za.value}px`,width:s.reverse?`${ja.value}px`:"5px"})},[(h(),i("svg",{"aria-hidden":"true",focusable:"false",height:s.reverse?5:za.value,width:s.reverse?ja.value:5},[n("polyline",{points:s.reverse?`0,2.5 ${ja.value},2.5`:`2.5,0 2.5,${za.value}`,stroke:Ta.value[0]},null,8,Y),n("polyline",{points:s.reverse?`0,2.5 ${ja.value},2.5`:`2.5,0 2.5,${za.value}`,stroke:Ta.value[1],"stroke-dasharray":"20,80","stroke-dashoffset":"-30","stroke-width":"3"},null,8,Z)],8,X))],6)):5===s.variant?(h(),i("svg",{key:4,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:za.value,width:ja.value},[n("polyline",{fill:"transparent",points:Ua.value,stroke:Ta.value[0],"stroke-width":"3"},[Ba.value?(h(),i("animate",{key:0,attributeName:"stroke-dasharray",calcMode:"spline",dur:el(1.2),from:`0, ${Wa.value/2}, 0, ${Wa.value/2}`,keySplines:".4,1,.49,.98",keyTimes:"0;1",repeatCount:"indefinite",to:`0, 0, ${Wa.value}, 0`},null,8,le)):u("",!0)],8,ae),n("polyline",{fill:"transparent",points:Va.value,stroke:Ta.value[1],"stroke-width":"2"},[Ba.value?(h(),i("animate",{key:0,attributeName:"stroke-dasharray",calcMode:"spline",dur:el(1.2),from:`0, ${Xa.value/2}, 0, ${Xa.value/2}`,keySplines:".4,1,.49,.98",keyTimes:"0;1",repeatCount:"indefinite",to:`0, 0, ${Xa.value}, 0`},null,8,re)):u("",!0)],8,te)],8,ee)):6===s.variant?(h(),i("svg",ue,[(h(!0),i(t,null,m(y(ba),(e,a)=>(h(),i("rect",{key:a,class:"lumal-decoration__bar",fill:Ta.value[e.colorIndex],height:e.height,width:"7",x:e.point[0]-3.5,y:e.point[1]-e.height/2},[Ba.value?(h(),i("animate",{key:0,attributeName:"y",begin:"0s",calcMode:"spline",dur:el(e.durationSeconds),keySplines:".42,0,.58,1;.42,0,.58,1",keyTimes:"0;.5;1",repeatCount:"indefinite",values:al([e.point[1]-e.minHeight/2,e.point[1]-e.height/2,e.point[1]-e.minHeight/2])},null,8,ne)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"height",begin:"0s",calcMode:"spline",dur:el(e.durationSeconds),keySplines:".42,0,.58,1;.42,0,.58,1",keyTimes:"0;.5;1",repeatCount:"indefinite",values:al([e.minHeight,e.height,e.minHeight])},null,8,se)):u("",!0)],8,ie))),128))])):7===s.variant?(h(),i("div",oe,[(h(),i("svg",ve,[n("polyline",{fill:"transparent",points:"10,0 19,10 10,20",stroke:Ta.value[0],"stroke-width":"4"},null,8,de),n("polyline",{fill:"transparent",points:"2,0 11,10 2,20",stroke:Ta.value[1],"stroke-width":"2"},null,8,ce)])),n("div",fe,[p(e.$slots,"default")]),(h(),i("svg",he,[n("polyline",{fill:"transparent",points:"11,0 2,10 11,20",stroke:Ta.value[0],"stroke-width":"4"},null,8,me),n("polyline",{fill:"transparent",points:"19,0 10,10 19,20",stroke:Ta.value[1],"stroke-width":"2"},null,8,pe)]))])):8===s.variant?(h(),i("svg",{key:7,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:za.value,width:ja.value},[n("polyline",{fill:"transparent",points:`${ll(0)},0 ${ll(30)},${za.value/2}`,stroke:Ta.value[0],"stroke-width":"2"},null,8,ye),n("polyline",{fill:"transparent",points:`${ll(20)},0 ${ll(50)},${za.value/2} ${ll(ja.value)},${za.value/2}`,stroke:Ta.value[0],"stroke-width":"2"},null,8,$e),n("polyline",{fill:"transparent",points:`${ll(0)},${za.value-3} ${ll(200)},${za.value-3}`,stroke:Ta.value[1],"stroke-width":"3"},null,8,ge)],8,ke)):9===s.variant?(h(),i("svg",be,[n("defs",null,[n("polygon",{id:Ea,points:"15,46.5 21,47.5 21,52.5 15,53.5"})]),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"45","stroke-dasharray":"80,100,30,100",stroke:Ta.value[1],"stroke-width":"10"},[Ba.value?(h(),i("animateTransform",{key:0,attributeName:"transform",dur:el(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?"0 50 50;-360 50 50":"0 50 50;360 50 50"},null,8,xe)):u("",!0)],8,we),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"45","stroke-dasharray":"50,66,100,66",stroke:Ta.value[0],"stroke-width":"6"},[Ba.value?(h(),i("animateTransform",{key:0,attributeName:"transform",dur:el(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?"0 50 50;360 50 50":"0 50 50;-360 50 50"},null,8,Ne)):u("",!0)],8,_e),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"38","stroke-dasharray":"5,1",stroke:y(S)(Ta.value[1],30),"stroke-width":"1"},null,8,Me),(h(!0),i(t,null,m(y(wa),(e,a)=>(h(),i("use",{key:a,fill:e?Ta.value[0]:"transparent",href:`#${Ea}`,stroke:Ta.value[1]},[Ba.value?(h(),i("animateTransform",{key:0,attributeName:"transform",begin:a*Ia.value/20/1e3+"s",dur:el(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?"0 50 50;-360 50 50":"0 50 50;360 50 50"},null,8,Se)):u("",!0)],8,Ce))),128)),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"26","stroke-dasharray":"5,1",stroke:y(S)(Ta.value[1],30),"stroke-width":"1"},null,8,Ae)])):10===s.variant?(h(),i("svg",{key:9,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:za.value,width:ja.value},[n("polyline",{fill:"transparent",points:`${ll(0)},${za.value/2} ${ll(ja.value)},${za.value/2}`,stroke:Ta.value[1],"stroke-width":"2"},null,8,ze),n("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${ll(5)},${za.value/2} ${ll(.2*ja.value-3)},${za.value/2}`,stroke:Ta.value[0],"stroke-dasharray":"0,"+.2*ja.value,"stroke-width":"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[1],attributeName:"stroke-dasharray",begin:`${Ka[0]}.end`,dur:el(3),fill:"freeze",values:`0,${.2*ja.value};${.2*ja.value},0`},null,8,Pe)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"stroke-dasharray",begin:`${Ka[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.2*ja.value},0;0,${.2*ja.value}`},null,8,Ie)):u("",!0)],8,Te),n("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${ll(.2*ja.value+3)},${za.value/2} ${ll(.8*ja.value-3)},${za.value/2}`,stroke:Ta.value[0],"stroke-dasharray":"0,"+.6*ja.value,"stroke-width":"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[3],attributeName:"stroke-dasharray",begin:`${Ka[2]}.end + ${el(1)}`,dur:el(3),fill:"freeze",values:`0,${.6*ja.value};${.6*ja.value},0`},null,8,Be)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"stroke-dasharray",begin:`${Ka[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.6*ja.value},0;0,${.6*ja.value}`},null,8,De)):u("",!0)],8,qe),n("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${ll(.8*ja.value+3)},${za.value/2} ${ll(ja.value-5)},${za.value/2}`,stroke:Ta.value[0],"stroke-dasharray":"0,"+.2*ja.value,"stroke-width":"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[5],attributeName:"stroke-dasharray",begin:`${Ka[4]}.end + ${el(1)}`,dur:el(3),fill:"freeze",values:`0,${.2*ja.value};${.2*ja.value},0`},null,8,Le)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"stroke-dasharray",begin:`${Ka[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.2*ja.value},0;0,${.3*ja.value}`},null,8,Fe)):u("",!0)],8,Re),n("circle",{cx:ll(2),cy:za.value/2,fill:Ta.value[1],r:"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[0],attributeName:"fill",begin:`0s;${Ka[6]}.end`,dur:el(.3),fill:"freeze",values:`${Ta.value[1]};${Ta.value[0]}`},null,8,Ee)):u("",!0)],8,He),n("circle",{cx:ll(.2*ja.value),cy:za.value/2,fill:Ta.value[1],r:"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[2],attributeName:"fill",begin:`${Ka[1]}.end`,dur:el(.3),fill:"freeze",values:`${Ta.value[1]};${Ta.value[0]}`},null,8,Je)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"fill",begin:`${Ka[6]}.end`,dur:"0.01s",fill:"freeze",values:`${Ta.value[1]};${Ta.value[1]}`},null,8,Ke)):u("",!0)],8,Ge),n("circle",{cx:ll(.8*ja.value),cy:za.value/2,fill:Ta.value[1],r:"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[4],attributeName:"fill",begin:`${Ka[3]}.end`,dur:el(.3),fill:"freeze",values:`${Ta.value[1]};${Ta.value[0]}`},null,8,Qe)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"fill",begin:`${Ka[6]}.end`,dur:"0.01s",fill:"freeze",values:`${Ta.value[1]};${Ta.value[1]}`},null,8,Ue)):u("",!0)],8,Oe),n("circle",{cx:ll(ja.value-2),cy:za.value/2,fill:Ta.value[1],r:"2"},[Ba.value?(h(),i("animate",{key:0,id:Ka[6],attributeName:"fill",begin:`${Ka[5]}.end`,dur:el(.3),fill:"freeze",values:`${Ta.value[1]};${Ta.value[0]}`},null,8,We)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"fill",begin:`${Ka[6]}.end`,dur:"0.01s",fill:"freeze",values:`${Ta.value[1]};${Ta.value[1]}`},null,8,Xe)):u("",!0)],8,Ve)],8,je)):11===s.variant?(h(),i("svg",{key:10,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:za.value,width:ja.value},[n("polygon",{fill:y(S)(Ta.value[1],10),points:"20 10,25 4,55 4,60 10",stroke:Ta.value[1]},null,8,Ze),n("polygon",{fill:y(S)(Ta.value[1],10),points:`20 ${za.value-10},25 ${za.value-4},55 ${za.value-4},60 ${za.value-10}`,stroke:Ta.value[1]},null,8,ea),n("polygon",{fill:y(S)(Ta.value[1],10),points:`${ja.value-20} 10,${ja.value-25} 4,${ja.value-55} 4,${ja.value-60} 10`,stroke:Ta.value[1]},null,8,aa),n("polygon",{fill:y(S)(Ta.value[1],10),points:`${ja.value-20} ${za.value-10},${ja.value-25} ${za.value-4},${ja.value-55} ${za.value-4},${ja.value-60} ${za.value-10}`,stroke:Ta.value[1]},null,8,la),n("polygon",{fill:y(S)(Ta.value[0],20),points:`20 10,5 ${za.value/2},20 ${za.value-10},${ja.value-20} ${za.value-10},${ja.value-5} ${za.value/2},${ja.value-20} 10`,stroke:Ta.value[0]},null,8,ta),n("polyline",{fill:"transparent",points:`25 18,15 ${za.value/2},25 ${za.value-18}`,stroke:y(S)(Ta.value[0],70)},null,8,ra),n("polyline",{fill:"transparent",points:`${ja.value-25} 18,${ja.value-15} ${za.value/2},${ja.value-25} ${za.value-18}`,stroke:y(S)(Ta.value[0],70)},null,8,ua)],8,Ye)):(h(),i("svg",{key:11,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:za.value,width:ja.value},[n("defs",null,[n("g",{id:Ga},[(h(!0),i(t,null,m(Ya.value.scanPaths,(e,a)=>(h(),i("path",{key:e,fill:"transparent",d:e,stroke:Za.value[a],"stroke-width":ja.value/2},null,8,na))),128))]),n("radialGradient",{id:Ja,cx:"50%",cy:"50%",r:"50%"},[a[3]||(a[3]=n("stop",{offset:"0%","stop-color":"transparent","stop-opacity":"1"},null,-1)),n("stop",{offset:"100%","stop-color":y(S)(Ta.value[1],30),"stop-opacity":"1"},null,8,sa)])]),(h(!0),i(t,null,m(Ya.value.circleRadii,e=>(h(),i("circle",{key:e,cx:ja.value/2,cy:za.value/2,fill:"transparent",r:e,stroke:Ta.value[1],"stroke-width":"0.5"},null,8,oa))),128)),n("circle",{cx:ja.value/2,cy:za.value/2,fill:`url(#${Ja})`,r:"1",stroke:"transparent"},[Ba.value?(h(),i("animate",{key:0,attributeName:"r",dur:Da.value,repeatCount:"indefinite",values:"1;"+ja.value/2},null,8,da)):u("",!0),Ba.value?(h(),i("animate",{key:1,attributeName:"opacity",dur:Da.value,repeatCount:"indefinite",values:"1;0"},null,8,ca)):u("",!0)],8,va),n("circle",{cx:ja.value/2,cy:za.value/2,fill:Ta.value[1],r:"2"},null,8,fa),n("g",null,[(h(!0),i(t,null,m(Ya.value.splitLines,e=>(h(),i("polyline",{key:e,opacity:"0.5",points:e,stroke:Ta.value[1],"stroke-width":"0.5"},null,8,ha))),128))]),(h(!0),i(t,null,m(Ya.value.arcPaths,e=>(h(),i("path",{key:e,fill:"transparent",d:e,stroke:Ta.value[1],"stroke-width":"2"},null,8,ma))),128)),n("use",{href:`#${Ga}`},[Ba.value?(h(),i("animateTransform",{key:0,attributeName:"transform",dur:el(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?`0,${ja.value/2} ${za.value/2};-360,${ja.value/2} ${za.value/2}`:`0,${ja.value/2} ${za.value/2};360,${ja.value/2} ${za.value/2}`},null,8,ka)):u("",!0)],8,pa)],8,ia)),7!==s.variant?(h(),i("div",{key:12,class:v(["lumal-decoration__content",{"lumal-decoration__content--centered":9===s.variant||11===s.variant||12===s.variant}])},[p(e.$slots,"default")],2)):u("",!0)],46,z))}});export{ya as t};

package/dist/LumalDigitalFlop-BCwB_0xK.js

@@ -1 +0,0 @@
-import{t as e}from"./useReducedMotion-DrRe5YGn.js";import{t as a}from"./useAnimationPause-DSOHlI2X.js";import{Fragment as t,computed as n,createCommentVNode as i,createElementBlock as o,createElementVNode as l,defineComponent as u,normalizeStyle as r,onBeforeUnmount as s,openBlock as f,renderList as v,shallowRef as c,toDisplayString as m,useId as d,useTemplateRef as h,watch as p}from"vue";var g=["aria-label"],x={class:"lumal-digital-flop__svg","aria-hidden":"true"},y={key:0},M=["dx","dy","stdDeviation","flood-color"],k=["x","fill","font-family","font-size","font-style","font-variant","font-weight","opacity","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-width","text-anchor","filter"],w=["x","dy"],I=/*@__PURE__*/u({__name:"LumalDigitalFlop",props:{config:{},value:{},numbers:{},content:{},precision:{},prefix:{},suffix:{},duration:{},animationFrame:{},animationCurve:{},formatter:{type:Function},color:{},fontFamily:{},fontSize:{},fontStyle:{},fontWeight:{},rowGap:{},textAlign:{}},setup(u){const I=u,F=h("root"),O=`lumal-digital-flop-shadow-${d().replaceAll(":","")}`,b=e(),A=a(F),S=n(()=>I.config?.style),C=n(()=>I.animationCurve??I.config?.animationCurve??"easeOutCubic"),D=n(()=>I.animationFrame??I.config?.animationFrame??50),P=n(()=>Math.min(100,Math.max(0,Math.floor(I.precision??I.config?.toFixed??0)))),$=n(()=>I.rowGap??I.config?.rowGap??0),B=n(()=>I.color??S.value?.fill??"#3de7c9"),_=n(()=>I.fontFamily??S.value?.fontFamily??"Arial"),j=n(()=>I.fontSize??S.value?.fontSize??30),Q=n(()=>I.fontStyle??S.value?.fontStyle??"normal"),z=n(()=>S.value?.fontVarient??"normal"),W=n(()=>I.fontWeight??S.value?.fontWeight??"normal"),E=n(()=>S.value?.opacity??1),G=n(()=>S.value?.stroke??"transparent"),q=n(()=>S.value?.lineCap),T=n(()=>S.value?.lineDash),J=n(()=>S.value?.lineDashOffset??0),L=n(()=>S.value?.lineJoin),N=n(()=>S.value?.lineWidth??0),R=n(()=>Math.max(0,S.value?.shadowBlur??0)),V=n(()=>S.value?.shadowColor??"transparent"),X=n(()=>S.value?.shadowOffsetX??0),Y=n(()=>S.value?.shadowOffsetY??0),H=n(()=>R.value>0||0!==X.value||0!==Y.value),K=n(()=>I.textAlign??I.config?.textAlign??"center");let U;function Z(e){return Number.isFinite(e)?e:0}function ee(){return void 0!==I.numbers?I.numbers.map(Z):void 0!==I.value?[Z(I.value)]:(I.config?.number??[]).map(Z)}const ae=c(ee());function te(){void 0!==U&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(U):clearTimeout(U),U=void 0)}function ne(e){return"function"==typeof requestAnimationFrame?requestAnimationFrame(e):setTimeout(()=>e(Date.now()),16)}const ie=n(()=>ae.value.map((e,a)=>I.formatter?.(e,a)??I.config?.formatter?.(e.toFixed(P.value))??e.toFixed(P.value))),oe=n(()=>(I.content??(void 0!==I.prefix||void 0!==I.suffix?`${I.prefix??""}{nt}${I.suffix??""}`:I.config?.content??"{nt}")).split("{nt}").map((e,a)=>`${e}${ie.value[a]??""}`).join("")),le=n(()=>oe.value.split("\n")),ue=n(()=>Math.max(1,j.value)+$.value),re=n(()=>-(le.value.length-1)*ue.value/2),se=n(()=>({left:"start",center:"middle",right:"end"}[K.value])),fe=n(()=>({left:"0%",center:"50%",right:"100%"}[K.value])),ve=n(()=>({"--lumal-digital-flop-height":`${Math.max(1,j.value*le.value.length+$.value*Math.max(0,le.value.length-1))}px`}));return p([()=>I.value,()=>I.numbers,()=>I.config],function(){te();const e=ee(),a=void 0!==I.duration?Math.max(0,I.duration):Math.max(0,D.value)*(1e3/60);if(e.length!==ae.value.length||0===a||b.value||A.value||"undefined"==typeof window)return void(ae.value=e);const t=[...ae.value],n="undefined"==typeof performance?Date.now():performance.now(),i=o=>{const l=Math.min(1,Math.max(0,(o-n)/a)),u=function(e,a){const t=a,n={easeInSine:()=>1-Math.cos(t*Math.PI/2),easeOutSine:()=>Math.sin(t*Math.PI/2),easeInOutSine:()=>-(Math.cos(Math.PI*t)-1)/2}[e];if(n)return n();const i=/^ease(In|Out|InOut)(Quad|Cubic|Quart|Quint)$/.exec(e);if(i){const e={Quad:2,Cubic:3,Quart:4,Quint:5}[i[2]];return"In"===i[1]?t**e:"Out"===i[1]?1-(1-t)**e:t<.5?(2*t)**e/2:1-(-2*t+2)**e/2}const o=1.70158;if("easeInBack"===e)return 2.70158*t**3-o*t**2;if("easeOutBack"===e)return 1+2.70158*(t-1)**3+o*(t-1)**2;if("easeInOutBack"===e){const e=1.525*o;return t<.5?(2*t)**2*(7.189819*t-e)/2:((2*t-2)**2*(3.5949095*(2*t-2)+e)+2)/2}const l=e=>{const a=7.5625,t=2.75;return e<1/t?a*e*e:e<2/t?a*(e-=1.5/t)*e+.75:e<2.5/t?a*(e-=2.25/t)*e+.9375:a*(e-=2.625/t)*e+.984375};return"easeInBounce"===e?1-l(1-t):"easeOutBounce"===e?l(t):"easeInOutBounce"===e?t<.5?(1-l(1-2*t))/2:(1+l(2*t-1))/2:e.includes("Elastic")?0===t||1===t?t:"easeInElastic"===e?-(2**(10*t-10))*Math.sin((10*t-10.75)*(2*Math.PI/3)):"easeOutElastic"===e?2**(-10*t)*Math.sin((10*t-.75)*(2*Math.PI/3))+1:t<.5?-(2**(20*t-10))*Math.sin((20*t-11.125)*(2*Math.PI/4.5))/2:2**(-20*t+10)*Math.sin((20*t-11.125)*(2*Math.PI/4.5))/2+1:"linear"===e?t:1-(1-t)**3}(C.value,l);ae.value=e.map((e,a)=>t[a]+(e-t[a])*u),U=l<1?ne(i):void 0};U=ne(i)}),p([b,A],([e,a])=>{(e||a)&&(te(),ae.value=ee())}),s(te),(e,a)=>(f(),o("div",{ref_key:"root",ref:F,class:"lumal-digital-flop",style:r(ve.value),"aria-label":oe.value},[(f(),o("svg",x,[H.value?(f(),o("defs",y,[l("filter",{id:O,x:"-50%",y:"-50%",width:"200%",height:"200%"},[l("feDropShadow",{dx:X.value,dy:Y.value,stdDeviation:R.value/2,"flood-color":V.value},null,8,M)])])):i("",!0),l("text",{class:"lumal-digital-flop__value",x:fe.value,y:"50%",fill:B.value,"font-family":_.value,"font-size":j.value,"font-style":Q.value,"font-variant":z.value,"font-weight":W.value,opacity:E.value,stroke:G.value,"stroke-dasharray":T.value?.join(","),"stroke-dashoffset":J.value,"stroke-linecap":q.value,"stroke-linejoin":L.value,"stroke-width":N.value,"text-anchor":se.value,filter:H.value?`url(#${O})`:void 0,"dominant-baseline":"middle"},[(f(!0),o(t,null,v(le.value,(e,a)=>(f(),o("tspan",{key:a,x:fe.value,dy:0===a?re.value:ue.value},m(e),9,w))),128))],8,k)]))],12,g))}});export{I as t};

package/dist/LumalDigitalFlop-D_s0BSsf.cjs

@@ -1 +0,0 @@
-const e=require("./useReducedMotion-B0VTSXyW.cjs"),t=require("./useAnimationPause-DP4oaEoq.cjs");let a=require("vue");var o=["aria-label"],n={class:"lumal-digital-flop__svg","aria-hidden":"true"},l={key:0},u=["dx","dy","stdDeviation","flood-color"],i=["x","fill","font-family","font-size","font-style","font-variant","font-weight","opacity","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-width","text-anchor","filter"],r=["x","dy"],c=(0,a.defineComponent)({__name:"LumalDigitalFlop",props:{config:{},value:{},numbers:{},content:{},precision:{},prefix:{},suffix:{},duration:{},animationFrame:{},animationCurve:{},formatter:{type:Function},color:{},fontFamily:{},fontSize:{},fontStyle:{},fontWeight:{},rowGap:{},textAlign:{}},setup(c){const s=c,m=(0,a.useTemplateRef)("root"),d=`lumal-digital-flop-shadow-${(0,a.useId)().replaceAll(":","")}`,f=e.useReducedMotion(),v=t.useAnimationPause(m),p=(0,a.computed)(()=>s.config?.style),h=(0,a.computed)(()=>s.animationCurve??s.config?.animationCurve??"easeOutCubic"),g=(0,a.computed)(()=>s.animationFrame??s.config?.animationFrame??50),y=(0,a.computed)(()=>Math.min(100,Math.max(0,Math.floor(s.precision??s.config?.toFixed??0)))),x=(0,a.computed)(()=>s.rowGap??s.config?.rowGap??0),k=(0,a.computed)(()=>s.color??p.value?.fill??"#3de7c9"),M=(0,a.computed)(()=>s.fontFamily??p.value?.fontFamily??"Arial"),w=(0,a.computed)(()=>s.fontSize??p.value?.fontSize??30),B=(0,a.computed)(()=>s.fontStyle??p.value?.fontStyle??"normal"),F=(0,a.computed)(()=>p.value?.fontVarient??"normal"),I=(0,a.computed)(()=>s.fontWeight??p.value?.fontWeight??"normal"),O=(0,a.computed)(()=>p.value?.opacity??1),b=(0,a.computed)(()=>p.value?.stroke??"transparent"),S=(0,a.computed)(()=>p.value?.lineCap),A=(0,a.computed)(()=>p.value?.lineDash),E=(0,a.computed)(()=>p.value?.lineDashOffset??0),C=(0,a.computed)(()=>p.value?.lineJoin),D=(0,a.computed)(()=>p.value?.lineWidth??0),P=(0,a.computed)(()=>Math.max(0,p.value?.shadowBlur??0)),$=(0,a.computed)(()=>p.value?.shadowColor??"transparent"),_=(0,a.computed)(()=>p.value?.shadowOffsetX??0),j=(0,a.computed)(()=>p.value?.shadowOffsetY??0),z=(0,a.computed)(()=>P.value>0||0!==_.value||0!==j.value),Q=(0,a.computed)(()=>s.textAlign??s.config?.textAlign??"center");let q;function N(e){return Number.isFinite(e)?e:0}function V(){return void 0!==s.numbers?s.numbers.map(N):void 0!==s.value?[N(s.value)]:(s.config?.number??[]).map(N)}const R=(0,a.shallowRef)(V());function W(){void 0!==q&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(q):clearTimeout(q),q=void 0)}function G(e){return"function"==typeof requestAnimationFrame?requestAnimationFrame(e):setTimeout(()=>e(Date.now()),16)}const L=(0,a.computed)(()=>R.value.map((e,t)=>s.formatter?.(e,t)??s.config?.formatter?.(e.toFixed(y.value))??e.toFixed(y.value))),T=(0,a.computed)(()=>(s.content??(void 0!==s.prefix||void 0!==s.suffix?`${s.prefix??""}{nt}${s.suffix??""}`:s.config?.content??"{nt}")).split("{nt}").map((e,t)=>`${e}${L.value[t]??""}`).join("")),J=(0,a.computed)(()=>T.value.split("\n")),U=(0,a.computed)(()=>Math.max(1,w.value)+x.value),X=(0,a.computed)(()=>-(J.value.length-1)*U.value/2),Y=(0,a.computed)(()=>({left:"start",center:"middle",right:"end"}[Q.value])),H=(0,a.computed)(()=>({left:"0%",center:"50%",right:"100%"}[Q.value])),K=(0,a.computed)(()=>({"--lumal-digital-flop-height":`${Math.max(1,w.value*J.value.length+x.value*Math.max(0,J.value.length-1))}px`}));return(0,a.watch)([()=>s.value,()=>s.numbers,()=>s.config],function(){W();const e=V(),t=void 0!==s.duration?Math.max(0,s.duration):Math.max(0,g.value)*(1e3/60);if(e.length!==R.value.length||0===t||f.value||v.value||"undefined"==typeof window)return void(R.value=e);const a=[...R.value],o="undefined"==typeof performance?Date.now():performance.now(),n=l=>{const u=Math.min(1,Math.max(0,(l-o)/t)),i=function(e,t){const a=t,o={easeInSine:()=>1-Math.cos(a*Math.PI/2),easeOutSine:()=>Math.sin(a*Math.PI/2),easeInOutSine:()=>-(Math.cos(Math.PI*a)-1)/2}[e];if(o)return o();const n=/^ease(In|Out|InOut)(Quad|Cubic|Quart|Quint)$/.exec(e);if(n){const e={Quad:2,Cubic:3,Quart:4,Quint:5}[n[2]];return"In"===n[1]?a**e:"Out"===n[1]?1-(1-a)**e:a<.5?(2*a)**e/2:1-(-2*a+2)**e/2}const l=1.70158;if("easeInBack"===e)return 2.70158*a**3-l*a**2;if("easeOutBack"===e)return 1+2.70158*(a-1)**3+l*(a-1)**2;if("easeInOutBack"===e){const e=1.525*l;return a<.5?(2*a)**2*(7.189819*a-e)/2:((2*a-2)**2*(3.5949095*(2*a-2)+e)+2)/2}const u=e=>{const t=7.5625,a=2.75;return e<1/a?t*e*e:e<2/a?t*(e-=1.5/a)*e+.75:e<2.5/a?t*(e-=2.25/a)*e+.9375:t*(e-=2.625/a)*e+.984375};return"easeInBounce"===e?1-u(1-a):"easeOutBounce"===e?u(a):"easeInOutBounce"===e?a<.5?(1-u(1-2*a))/2:(1+u(2*a-1))/2:e.includes("Elastic")?0===a||1===a?a:"easeInElastic"===e?-(2**(10*a-10))*Math.sin((10*a-10.75)*(2*Math.PI/3)):"easeOutElastic"===e?2**(-10*a)*Math.sin((10*a-.75)*(2*Math.PI/3))+1:a<.5?-(2**(20*a-10))*Math.sin((20*a-11.125)*(2*Math.PI/4.5))/2:2**(-20*a+10)*Math.sin((20*a-11.125)*(2*Math.PI/4.5))/2+1:"linear"===e?a:1-(1-a)**3}(h.value,u);R.value=e.map((e,t)=>a[t]+(e-a[t])*i),q=u<1?G(n):void 0};q=G(n)}),(0,a.watch)([f,v],([e,t])=>{(e||t)&&(W(),R.value=V())}),(0,a.onBeforeUnmount)(W),(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{ref_key:"root",ref:m,class:"lumal-digital-flop",style:(0,a.normalizeStyle)(K.value),"aria-label":T.value},[((0,a.openBlock)(),(0,a.createElementBlock)("svg",n,[z.value?((0,a.openBlock)(),(0,a.createElementBlock)("defs",l,[(0,a.createElementVNode)("filter",{id:d,x:"-50%",y:"-50%",width:"200%",height:"200%"},[(0,a.createElementVNode)("feDropShadow",{dx:_.value,dy:j.value,stdDeviation:P.value/2,"flood-color":$.value},null,8,u)])])):(0,a.createCommentVNode)("",!0),(0,a.createElementVNode)("text",{class:"lumal-digital-flop__value",x:H.value,y:"50%",fill:k.value,"font-family":M.value,"font-size":w.value,"font-style":B.value,"font-variant":F.value,"font-weight":I.value,opacity:O.value,stroke:b.value,"stroke-dasharray":A.value?.join(","),"stroke-dashoffset":E.value,"stroke-linecap":S.value,"stroke-linejoin":C.value,"stroke-width":D.value,"text-anchor":Y.value,filter:z.value?`url(#${d})`:void 0,"dominant-baseline":"middle"},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(J.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("tspan",{key:t,x:H.value,dy:0===t?X.value:U.value},(0,a.toDisplayString)(e),9,r))),128))],8,i)]))],12,o))}});Object.defineProperty(exports,"LumalDigitalFlop_default",{enumerable:!0,get:function(){return c}});

package/dist/LumalFullScreenContainer-Bvej1mB0.cjs

@@ -1 +0,0 @@
-const e=require("./_plugin-vue_export-helper-BXystuG9.cjs");let t=require("vue");function n(e,t,n,i){if(n<=0||i<=0||e<=0||t<=0)return{containerWidth:Math.max(0,e),containerHeight:Math.max(0,t),scale:1,scaledWidth:n,scaledHeight:i,offsetX:0,offsetY:0};const a=Math.min(e/n,t/i),o=n*a,r=i*a;return{containerWidth:e,containerHeight:t,scale:a,scaledWidth:o,scaledHeight:r,offsetX:(e-o)/2,offsetY:(t-r)/2}}function i(e,i){const a=(0,t.shallowRef)({containerWidth:0,containerHeight:0,scale:1,scaledWidth:i.designWidth(),scaledHeight:i.designHeight(),offsetX:0,offsetY:0}),o=(0,t.shallowRef)(!1);let r,l;function d(){void 0!==l&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(l):clearTimeout(l),l=void 0)}function u(){l=void 0;const t=e.value;t&&(a.value=n(t.clientWidth,t.clientHeight,i.designWidth(),i.designHeight()),o.value=!0)}function s(){d(),l="function"==typeof requestAnimationFrame?requestAnimationFrame(u):setTimeout(u,16)}function c(e){r?.disconnect(),r=void 0,e&&"undefined"!=typeof ResizeObserver&&(r=new ResizeObserver(s),r.observe(e)),s()}return(0,t.watch)(e,c),(0,t.onMounted)(()=>{c(e.value),"undefined"!=typeof window&&"undefined"==typeof ResizeObserver&&window.addEventListener("resize",s)}),(0,t.onBeforeUnmount)(()=>{d(),r?.disconnect(),r=void 0,"undefined"!=typeof window&&window.removeEventListener("resize",s)}),{result:a,ready:o,measure:s}}var a=["data-mode"],o=(0,t.defineComponent)({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const n=e,o=(0,t.ref)(null),r=(0,t.computed)(()=>n.width??("undefined"==typeof screen?1920:screen.width)),l=(0,t.computed)(()=>n.height??("undefined"==typeof screen?1080:screen.height)),{result:d,ready:u}=i(o,{designHeight:()=>l.value,designWidth:()=>r.value}),s=(0,t.computed)(()=>{if("vwvh"===n.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,r.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,l.value)+"vh"};if("scale"===n.mode)return{height:`${l.value}px`,transform:`translate(${d.value.offsetX}px, ${d.value.offsetY}px) scale(${d.value.scale})`,transformOrigin:"top left",width:`${r.value}px`};const e=(d.value.containerWidth||r.value)/Math.max(1,r.value);return{height:`${l.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${r.value}px`}});return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"containerRef",ref:o,class:"lumal-full-screen-container","data-mode":e.mode,style:(0,t.normalizeStyle)({zIndex:e.zIndex})},[(0,t.createElementVNode)("div",{class:"lumal-full-screen-container__stage",style:(0,t.normalizeStyle)(s.value)},[(0,t.unref)(u)?(0,t.renderSlot)(n.$slots,"default",{key:0},void 0,!0):(0,t.createCommentVNode)("",!0)],4)],12,a))}}),r=e._plugin_vue_export_helper_default(o,[["__scopeId","data-v-0d163f1c"]]);Object.defineProperty(exports,"LumalFullScreenContainer_default",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"computeFullScreenScale",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"useFullScreenScale",{enumerable:!0,get:function(){return i}});

package/dist/LumalFullScreenContainer-DiyLPEHD.js

@@ -1 +0,0 @@
-import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{computed as t,createCommentVNode as n,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeStyle as d,onBeforeUnmount as s,onMounted as r,openBlock as l,ref as u,renderSlot as f,shallowRef as c,unref as h,watch as v}from"vue";function m(e,t,n,i){if(n<=0||i<=0||e<=0||t<=0)return{containerWidth:Math.max(0,e),containerHeight:Math.max(0,t),scale:1,scaledWidth:n,scaledHeight:i,offsetX:0,offsetY:0};const a=Math.min(e/n,t/i),o=n*a,d=i*a;return{containerWidth:e,containerHeight:t,scale:a,scaledWidth:o,scaledHeight:d,offsetX:(e-o)/2,offsetY:(t-d)/2}}function g(e,t){const n=c({containerWidth:0,containerHeight:0,scale:1,scaledWidth:t.designWidth(),scaledHeight:t.designHeight(),offsetX:0,offsetY:0}),i=c(!1);let a,o;function d(){void 0!==o&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(o):clearTimeout(o),o=void 0)}function l(){o=void 0;const a=e.value;a&&(n.value=m(a.clientWidth,a.clientHeight,t.designWidth(),t.designHeight()),i.value=!0)}function u(){d(),o="function"==typeof requestAnimationFrame?requestAnimationFrame(l):setTimeout(l,16)}function f(e){a?.disconnect(),a=void 0,e&&"undefined"!=typeof ResizeObserver&&(a=new ResizeObserver(u),a.observe(e)),u()}return v(e,f),r(()=>{f(e.value),"undefined"!=typeof window&&"undefined"==typeof ResizeObserver&&window.addEventListener("resize",u)}),s(()=>{d(),a?.disconnect(),a=void 0,"undefined"!=typeof window&&window.removeEventListener("resize",u)}),{result:n,ready:i,measure:u}}var p=["data-mode"],w=/*#__PURE__*/e(/*@__PURE__*/o({__name:"LumalFullScreenContainer",props:{width:{default:void 0},height:{default:void 0},mode:{default:"width"},zIndex:{default:999}},setup(e){const o=e,s=u(null),r=t(()=>o.width??("undefined"==typeof screen?1920:screen.width)),c=t(()=>o.height??("undefined"==typeof screen?1080:screen.height)),{result:v,ready:m}=g(s,{designHeight:()=>c.value,designWidth:()=>r.value}),w=t(()=>{if("vwvh"===o.mode)return{height:"100vh",width:"100vw","--lumal-fsc-x-unit":100/Math.max(1,r.value)+"vw","--lumal-fsc-y-unit":100/Math.max(1,c.value)+"vh"};if("scale"===o.mode)return{height:`${c.value}px`,transform:`translate(${v.value.offsetX}px, ${v.value.offsetY}px) scale(${v.value.scale})`,transformOrigin:"top left",width:`${r.value}px`};const e=(v.value.containerWidth||r.value)/Math.max(1,r.value);return{height:`${c.value}px`,transform:`scale(${e})`,transformOrigin:"left top",width:`${r.value}px`}});return(t,o)=>(l(),i("div",{ref_key:"containerRef",ref:s,class:"lumal-full-screen-container","data-mode":e.mode,style:d({zIndex:e.zIndex})},[a("div",{class:"lumal-full-screen-container__stage",style:d(w.value)},[h(m)?f(t.$slots,"default",{key:0},void 0,!0):n("",!0)],4)],12,p))}}),[["__scopeId","data-v-0d163f1c"]]);export{m as n,g as r,w as t};

package/dist/LumalWaterLevelPond-CmWyv5mD.js

@@ -1 +0,0 @@
-import{t as e}from"./useElementSize-CKA7EtNB.js";import{a,t as l}from"./utils-BmGYN0WH.js";import{t}from"./useSvgAnimationPause-C2PzKmDN.js";import{Fragment as r,computed as u,createElementBlock as o,createElementVNode as n,defineComponent as s,normalizeClass as v,openBlock as i,renderList as c,toDisplayString as p,unref as f,useId as d,useTemplateRef as m}from"vue";var h=["aria-valuenow","aria-valuetext"],x=["viewBox"],y=["offset","stop-color"],g=["y2"],w=["offset","stop-color"],$=["cx","cy","rx","ry"],M=["width","height","rx"],k=["clip-path"],_=["d","fill","opacity"],F=["values","dur"],R=["stroke","fill","x","y"],A=["cx","cy","rx","ry","stroke"],C=["rx","width","height","stroke"],L=/*@__PURE__*/s({__name:"LumalWaterLevelPond",props:{config:{},value:{},data:{},values:{},colors:{},shape:{},formatter:{type:[String,Function]},waveCount:{},waveNum:{},waveHeight:{},waveOpacity:{},duration:{}},setup(s,{expose:L}){const O=s,b=m("rootRef"),E=m("svgRef"),S=e(b),j=t(b,E),B=d().replaceAll(":",""),N=`water-border-${B}`,P=`water-fill-${B}`,H=`water-clip-${B}`,D=u(()=>S.value.width),G=u(()=>S.value.height),I=u(()=>Math.max(0,D.value-16)),U=u(()=>Math.max(0,G.value-16)),W=u(()=>{const e=O.shape??O.config?.shape??"rect";return"circle"===e||"round"===e?"round":"rounded"===e||"roundRect"===e?"roundRect":"rect"}),z=u(()=>"round"===W.value?"is-circle":"roundRect"===W.value?"is-rounded":"is-rect"),T=u(()=>O.colors??O.config?.colors??["#3DE7C9","#00BAFF"]),Z=u(()=>a(O.waveNum??O.waveCount??O.config?.waveNum??3,3)),q=u(()=>Math.max(0,O.waveHeight??O.config?.waveHeight??40)),J=u(()=>Math.min(1,Math.max(0,O.waveOpacity??O.config?.waveOpacity??.4))),K=u(()=>(O.data??O.values??(void 0===O.value?O.config?.data:[O.value])??[]).map(l)),Q=u(()=>K.value.length?Math.max(...K.value):0),V=u(()=>{if(!K.value.length)return"";const e=O.formatter??O.config?.formatter??"{value}%";return"function"==typeof e?e(Q.value):e.replace("{value}",String(Q.value))}),X=u(()=>{const e=T.value.length?T.value:["#3DE7C9","#00BAFF"],a=e.length>1?100/(e.length-1):0;return e.map((e,l)=>({color:e,offset:l*a}))}),Y=u(()=>`${Math.max(1,O.duration??5e3)}ms`);function ee(e){const a=I.value,l=U.value;if(!a||!l)return"";const t=a/Z.value/2,r=(1-e/100)*l,u=Array.from({length:4*Z.value+4},(e,l)=>[8+a-t*l+2*t,8+(l%2?r-q.value:r)]),o=u.slice(0,-1).map((e,a)=>{const[l,t]=function(e,a){const l=e[Math.max(0,a-1)],t=e[a],r=e[Math.min(e.length-1,a+1)],u=e[Math.min(e.length-1,a+2)];return[[t[0]+.25*(r[0]-l[0]),t[1]+.25*(r[1]-l[1])],[r[0]-.25*(u[0]-t[0]),r[1]-.25*(u[1]-t[1])]]}(u,a),r=u[a+1];return`C ${l[0]} ${l[1]} ${t[0]} ${t[1]} ${r[0]} ${r[1]}`}),n=u[0],s=u.at(-1);return`M ${n[0]} ${n[1]} ${o.join(" ")} L ${s[0]} ${8+l} L ${n[0]} ${8+l} Z`}const ae=u(()=>K.value.map((e,a)=>({key:a,path:ee(e)})));return L({getWavePaths:()=>ae.value.map(e=>e.path)}),(e,a)=>(i(),o("div",{ref_key:"rootRef",ref:b,class:v(["dv-water-pond-level lumal-water-level-pond",[z.value,{"is-animation-paused":f(j).paused}]]),role:"meter","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Q.value,"aria-valuetext":V.value,onFocusin:a[0]||(a[0]=(...e)=>f(j).onFocusIn&&f(j).onFocusIn(...e)),onFocusout:a[1]||(a[1]=(...e)=>f(j).onFocusOut&&f(j).onFocusOut(...e)),onMouseenter:a[2]||(a[2]=(...e)=>f(j).onMouseEnter&&f(j).onMouseEnter(...e)),onMouseleave:a[3]||(a[3]=(...e)=>f(j).onMouseLeave&&f(j).onMouseLeave(...e))},[(i(),o("svg",{ref_key:"svgRef",ref:E,class:"lumal-water-level-pond__svg",viewBox:`0 0 ${Math.max(1,D.value)} ${Math.max(1,G.value)}`,preserveAspectRatio:"none","aria-hidden":"true"},[n("defs",null,[n("linearGradient",{id:N,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[(i(!0),o(r,null,c(X.value,e=>(i(),o("stop",{key:e.offset,offset:`${e.offset}%`,"stop-color":e.color},null,8,y))),128))]),n("linearGradient",{id:P,gradientUnits:"userSpaceOnUse",x1:"0",y1:"8",x2:"0",y2:8+U.value},[(i(!0),o(r,null,c(X.value,e=>(i(),o("stop",{key:e.offset,offset:`${e.offset}%`,"stop-color":e.color},null,8,w))),128))],8,g),n("clipPath",{id:H},["round"===W.value?(i(),o("ellipse",{key:0,cx:D.value/2,cy:G.value/2,rx:I.value/2,ry:U.value/2},null,8,$)):(i(),o("rect",{key:1,x:"8",y:"8",width:I.value,height:U.value,rx:"roundRect"===W.value?10:0},null,8,M))])]),n("g",{class:"lumal-water-level-pond__water","clip-path":`url(#${H})`},[(i(!0),o(r,null,c(ae.value,e=>(i(),o("path",{key:e.key,d:e.path,fill:`url(#${P})`,opacity:J.value},[n("animateTransform",{attributeName:"transform",type:"translate",values:`0 0; ${I.value} 0`,dur:Y.value,repeatCount:"indefinite"},null,8,F)],8,_))),128))],8,k),n("text",{class:"lumal-water-level-pond__label",stroke:`url(#${N})`,fill:`url(#${N})`,x:D.value/2,y:G.value/2},p(V.value),9,R),"round"===W.value?(i(),o("ellipse",{key:0,class:"lumal-water-level-pond__border",cx:D.value/2,cy:G.value/2,rx:I.value/2+5,ry:U.value/2+5,stroke:`url(#${N})`},null,8,A)):(i(),o("rect",{key:1,class:"lumal-water-level-pond__border",x:"2",y:"2",rx:"roundRect"===W.value?10:0,width:I.value+12,height:U.value+12,stroke:`url(#${N})`},null,8,C))],8,x))],42,h))}});export{L as t};

package/dist/src/composables/usePausableAutoplay.d.ts

@@ -1,15 +0,0 @@
-import type { ComputedRef, Ref } from 'vue';
-export interface PausableAutoplayOptions {
-    element: Ref<HTMLElement | null>;
-    enabled: ComputedRef<boolean>;
-    interval: ComputedRef<number>;
-    tick: () => void;
-}
-export declare function usePausableAutoplay(options: PausableAutoplayOptions): {
-    onFocusIn: () => void;
-    onFocusOut: () => void;
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-    running: ComputedRef<boolean>;
-};
-//# sourceMappingURL=usePausableAutoplay.d.ts.map

package/dist/src/composables/usePausableAutoplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePausableAutoplay.d.ts","sourceRoot":"","sources":["../../../src/composables/usePausableAutoplay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAI3C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAChC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,uBAAuB;;;;;;EAkEnE"}

package/dist/useAnimationPause-DP4oaEoq.cjs

@@ -1 +0,0 @@
-let e=require("vue");function n(n){const t=(0,e.shallowRef)(!0),o=(0,e.shallowRef)(!0);let i;const u=(0,e.computed)(()=>!t.value||!o.value);function c(){o.value="undefined"==typeof document||!document.hidden}function r(e){i?.disconnect(),e&&"undefined"!=typeof IntersectionObserver&&(i=new IntersectionObserver(([e])=>{t.value=e?.isIntersecting??!0}),i.observe(e))}return(0,e.watch)(n,r),(0,e.onMounted)(()=>{c(),document.addEventListener("visibilitychange",c),r(n.value)}),(0,e.onBeforeUnmount)(()=>{i?.disconnect(),document.removeEventListener("visibilitychange",c)}),u}Object.defineProperty(exports,"useAnimationPause",{enumerable:!0,get:function(){return n}});

package/dist/useAnimationPause-DSOHlI2X.js

@@ -1 +0,0 @@
-import{computed as e,onBeforeUnmount as n,onMounted as t,shallowRef as i,watch as o}from"vue";function c(c){const r=i(!0),s=i(!0);let u;const d=e(()=>!r.value||!s.value);function v(){s.value="undefined"==typeof document||!document.hidden}function a(e){u?.disconnect(),e&&"undefined"!=typeof IntersectionObserver&&(u=new IntersectionObserver(([e])=>{r.value=e?.isIntersecting??!0}),u.observe(e))}return o(c,a),t(()=>{v(),document.addEventListener("visibilitychange",v),a(c.value)}),n(()=>{u?.disconnect(),document.removeEventListener("visibilitychange",v)}),d}export{c as t};

package/dist/useDataVScrollAnimation-BOXD7OZB.js

@@ -1 +0,0 @@
-import{t as e}from"./useReducedMotion-DrRe5YGn.js";import{t as a}from"./useAnimationPause-DSOHlI2X.js";import{computed as u,onBeforeUnmount as t,onMounted as o,onUnmounted as n,shallowRef as l,watch as v}from"vue";function i(i){const r=l(0),s=l(0),c=l(!1),m=l(!1),f=l(!1),d=l(!1),M=a(i.element),T=e(),h=u(()=>M.value||T.value||f.value||i.hoverPause.value&&m.value);let p;function w(){void 0!==p&&clearTimeout(p),p=void 0}function x(e){const a=i.total.value;return a<=0?0:Math.max(0,Math.floor(e))%a}function b(){return d.value&&i.enabled.value&&!h.value&&i.total.value>i.rowCount.value}function g(){p=void 0,b()&&(r.value=x(s.value),c.value=!1,p=setTimeout(j,300))}function j(){p=void 0,b()&&(c.value=!0,s.value=x(s.value+Math.max(1,i.advanceBy.value)),p=setTimeout(g,Math.max(0,i.waitTime.value-300)))}function y(){w(),b()&&(p=setTimeout(g,Math.max(0,i.waitTime.value)))}return v([h,i.enabled,i.rowCount,i.total,i.waitTime,i.advanceBy],()=>y()),o(()=>{d.value=!0,y()}),t(()=>{d.value=!1,w()}),n(w),{collapsing:c,onFocusIn:function(){f.value=!0},onFocusOut:function(e){i.element.value?.contains(e.relatedTarget)||(f.value=!1)},onMouseEnter:function(){m.value=!0},onMouseLeave:function(){m.value=!1},paused:h,renderOffset:r,reset:function(e=0){w(),s.value=x(e),r.value=s.value,c.value=!1,y()}}}export{i as t};

package/dist/useDataVScrollAnimation-C9_e6lZo.cjs

@@ -1 +0,0 @@
-const e=require("./useReducedMotion-B0VTSXyW.cjs"),u=require("./useAnimationPause-DP4oaEoq.cjs");let a=require("vue");function n(n){const t=(0,a.shallowRef)(0),o=(0,a.shallowRef)(0),l=(0,a.shallowRef)(!1),i=(0,a.shallowRef)(!1),v=(0,a.shallowRef)(!1),s=(0,a.shallowRef)(!1),c=u.useAnimationPause(n.element),r=e.useReducedMotion(),f=(0,a.computed)(()=>c.value||r.value||v.value||n.hoverPause.value&&i.value);let m;function d(){void 0!==m&&clearTimeout(m),m=void 0}function h(e){const u=n.total.value;return u<=0?0:Math.max(0,Math.floor(e))%u}function w(){return s.value&&n.enabled.value&&!f.value&&n.total.value>n.rowCount.value}function M(){m=void 0,w()&&(t.value=h(o.value),l.value=!1,m=setTimeout(R,300))}function R(){m=void 0,w()&&(l.value=!0,o.value=h(o.value+Math.max(1,n.advanceBy.value)),m=setTimeout(M,Math.max(0,n.waitTime.value-300)))}function T(){d(),w()&&(m=setTimeout(M,Math.max(0,n.waitTime.value)))}return(0,a.watch)([f,n.enabled,n.rowCount,n.total,n.waitTime,n.advanceBy],()=>T()),(0,a.onMounted)(()=>{s.value=!0,T()}),(0,a.onBeforeUnmount)(()=>{s.value=!1,d()}),(0,a.onUnmounted)(d),{collapsing:l,onFocusIn:function(){v.value=!0},onFocusOut:function(e){n.element.value?.contains(e.relatedTarget)||(v.value=!1)},onMouseEnter:function(){i.value=!0},onMouseLeave:function(){i.value=!1},paused:f,renderOffset:t,reset:function(e=0){d(),o.value=h(e),t.value=o.value,l.value=!1,T()}}}Object.defineProperty(exports,"useDataVScrollAnimation",{enumerable:!0,get:function(){return n}});

package/dist/useReducedMotion-B0VTSXyW.cjs

@@ -1 +0,0 @@
-let e=require("vue");function n(){const n=(0,e.shallowRef)(!1);let t;function o(e){n.value=e.matches}return(0,e.onMounted)(()=>{"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(t=window.matchMedia("(prefers-reduced-motion: reduce)"),o(t),t.addEventListener?.("change",o))}),(0,e.onBeforeUnmount)(()=>t?.removeEventListener?.("change",o)),n}Object.defineProperty(exports,"useReducedMotion",{enumerable:!0,get:function(){return n}});

package/dist/useReducedMotion-DrRe5YGn.js

@@ -1 +0,0 @@
-import{onBeforeUnmount as e,onMounted as n,shallowRef as t}from"vue";function o(){const o=t(!1);let i;function d(e){o.value=e.matches}return n(()=>{"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(i=window.matchMedia("(prefers-reduced-motion: reduce)"),d(i),i.addEventListener?.("change",d))}),e(()=>i?.removeEventListener?.("change",d)),o}export{o as t};

package/dist/useSvgAnimationPause-BwvaaskB.cjs

@@ -1 +0,0 @@
-const e=require("./useReducedMotion-B0VTSXyW.cjs"),u=require("./useAnimationPause-DP4oaEoq.cjs");let n=require("vue");function a(a,o){const t=u.useAnimationPause(a),s=e.useReducedMotion(),i=(0,n.shallowRef)(!1),l=(0,n.shallowRef)(!1),c=(0,n.computed)(()=>t.value||s.value||i.value||l.value);async function r(){await(0,n.nextTick)(),c.value?o.value?.pauseAnimations?.():o.value?.unpauseAnimations?.()}return(0,n.watch)([c,o],()=>{r()}),(0,n.onMounted)(()=>{r()}),{onFocusIn:()=>{l.value=!0},onFocusOut:()=>{l.value=!1},onMouseEnter:()=>{i.value=!0},onMouseLeave:()=>{i.value=!1},paused:c}}Object.defineProperty(exports,"useSvgAnimationPause",{enumerable:!0,get:function(){return a}});

package/dist/useSvgAnimationPause-C2PzKmDN.js

@@ -1 +0,0 @@
-import{t as u}from"./useReducedMotion-DrRe5YGn.js";import{t as e}from"./useAnimationPause-DSOHlI2X.js";import{computed as a,nextTick as o,onMounted as n,shallowRef as s,watch as t}from"vue";function i(i,v){const l=e(i),r=u(),m=s(!1),c=s(!1),p=a(()=>l.value||r.value||m.value||c.value);async function f(){await o(),p.value?v.value?.pauseAnimations?.():v.value?.unpauseAnimations?.()}return t([p,v],()=>{f()}),n(()=>{f()}),{onFocusIn:()=>{c.value=!0},onFocusOut:()=>{c.value=!1},onMouseEnter:()=>{m.value=!0},onMouseLeave:()=>{m.value=!1},paused:p}}export{i as t};