@lumal/datav 0.0.1-beta → 0.0.3-beta

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+# @lumal/datav
+
+## 0.0.3-beta (2026-10-16)
+
+### Minor Changes
+
+- ECharts 扩展协议升级到 ECharts 6；开发与指南使用 ECharts 6.1.0。
+- 通用图表按 config/option 模式异步加载当前引擎，模式切换或卸载会使旧加载失效。
+
+### Patch Changes
+
+- 复用 SVG 动画暂停逻辑，合并同一 tick 的 DOM 同步，KeepAlive 失活时暂停 ActiveRing 轮换。
+- FullScreenContainer 改用 useTemplateRef，删除未使用的私有自动播放 helper。
+- 增加真实 ECharts SVG 回归和初始静态闭包体积检查。
+
+## 0.0.2-beta (2026-08-01)
+
+### Minor Changes
+
+- Add the Vue 3 cockpit visualization component package and expose source and distribution aliases for its root and stylesheet entries.

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Lumal contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Lumal contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,11 +1,11 @@
 # @lumal/datav
 
-面向 Lumal 驾驶舱的 Vue 3 DataV 组件包。当前版本以 DataV 2.10.0（MIT）为基准，完整重构其 38 个组件的默认几何、动效和 `config` 协议，同时提供更明确的现代 props API。
+面向 Lumal 驾驶舱的 Vue 3 DataV 组件包。当前版本以 DataV 2.10.0（MIT）为基准，提供 15 个导出组件，含边框/装饰变体共 38 种形态，重构其默认几何、动效和 `config` 协议，同时提供更明确的现代 props API。
 
 ## 安装
 
 ```bash
-pnpm add @lumal/datav vue echarts
+pnpm add @lumal/datav@0.0.3-beta vue echarts@^6
 ```
 
 ```ts
@@ -47,6 +47,8 @@ import '@lumal/datav/style.css'
 
 `autoResize` 对两种运行时都有效；`theme`、事件、loading 与 ECharts 实例方法仅属于 `option` 扩展模式。组件 ref 提供 `getInstance()`、`getNativeInstance()`、`setConfig()`、`setOption()` 与 `resize()`。
 
+两套引擎按当前模式动态加载，实例在加载完成后创建；切换模式或卸载会使旧加载失效。`LumalActiveRingChart` 使用 ECharts 模式，不应视为无引擎组件。其他纯 SVG/数字/列表子入口不引入图表引擎；需要实例的方法应在实例创建后调用。
+
 ## 两套 API
 
 DataV 原生配置可以直接迁移：

package/dist/LumalActiveRingChart-6h3Vx3eW.js

@@ -0,0 +1 @@
+import{n as e,t as a}from"./useReducedMotion-DAd-e0UG.js";import{t}from"./useElementSize-CKA7EtNB.js";import{t as i}from"./LumalCharts-N_sRZ49O.js";import{t as l}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{t as n}from"./LumalDigitalFlop-CroKCDIF.js";import{Fragment as o,computed as u,createElementBlock as v,createElementVNode as r,createVNode as c,defineComponent as s,mergeModels as m,normalizeStyle as f,onBeforeUnmount as d,onMounted as p,openBlock as g,renderList as b,shallowRef as y,toDisplayString as h,useModel as k,useTemplateRef as x,watch as F}from"vue";var L=["aria-label","data-active-index"],S={class:"active-ring-info"},C=["aria-label"],_=["aria-label","aria-selected","onClick"],w=/*#__PURE__*/l(/*@__PURE__*/s({__name:"LumalActiveRingChart",props:/*@__PURE__*/m({items:{default:void 0},config:{default:()=>({})},interval:{default:void 0},autoplay:{type:Boolean,default:!0},ariaLabel:{default:"活动环图"}},{activeKey:{},activeKeyModifiers:{}}),emits:/*@__PURE__*/m(["select"],["update:activeKey"]),setup(l,{emit:s}){const m=l,w=s,$=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293","#e062ae","#e690d1","#e7bcf3","#9d96f5","#8378ea","#96bfff"],j=k(l,"activeKey"),z=x("chartHostRef"),M=t(z),R=a(),K=e(z),T=y(0);let I;const O=u(()=>void 0!==m.items?m.items.map(e=>({data:{name:e.label,value:e.value},item:e})):(m.config.data??[{name:"",value:0}]).map((e,a)=>({data:{...e},item:{key:"string"==typeof e.key||"number"==typeof e.key?e.key:e.name||a,label:e.name,value:e.value}}))),H=u(()=>m.config.color??m.items?.map((e,a)=>e.color??$[a%$.length])??$),U=u(()=>m.config.lineWidth??20),V=u(()=>O.value[T.value]),A=u(()=>{const e=V.value?.data.value??0;if(m.config.showOriginValue)return e;const a=O.value.reduce((e,a)=>e+a.data.value,0);return a?e/a*100:0}),B=u(()=>({fill:"#fff",fontSize:25,...m.config.digitalFlopStyle})),D=u(()=>({animationCurve:m.config.animationCurve??"easeOutCubic",animationFrame:m.config.animationFrame??50,content:m.config.showOriginValue?`{nt}${m.config.digitalFlopUnit??""}`:`{nt}${m.config.digitalFlopUnit||"%"}`,number:[A.value],style:B.value,toFixed:m.config.digitalFlopToFixed??0})),E=u(()=>({fontSize:`${B.value.fontSize}px`})),G=u(()=>M.value.width>0&&M.value.height>0);function N(e,a){const t=e??a,i=Math.min(M.value.width,M.value.height)/2;return"number"==typeof t?t:Number.parseFloat(t)/100*i}const W=u(()=>{const e=N(m.config.radius,"50%"),a=N(m.config.activeRadius,"55%"),t=U.value/2,i=O.value.map((e,a)=>({name:e.data.name,value:e.data.value,itemStyle:{color:H.value[a%H.value.length],opacity:a===T.value?0:1}})),l=i.map((e,a)=>({...e,itemStyle:{...e.itemStyle,opacity:a===T.value?1:0}})),n={animation:!R.value,center:["50%","50%"],label:{show:!1},labelLine:{show:!1},silent:!0,type:"pie"};return{animation:!R.value,color:[...H.value],series:[{...n,data:i,radius:[Math.max(0,e-t),e+t]},{...n,data:l,radius:[Math.max(0,a-t),a+t],z:2}]}});function q(e,a=!1){const t=O.value[e];t&&(T.value=e,j.value=t.item.key,a&&w("select",t.item))}const J=u(()=>m.interval??m.config.activeTimeGap??3e3),P=u(()=>m.autoplay&&J.value>0&&O.value.length>1&&G.value&&!K.value&&!R.value);function Q(){void 0!==I&&clearTimeout(I),I=void 0}function X(){Q(),P.value&&(I=setTimeout(()=>{O.value.length>1&&q((T.value+1)%O.value.length),X()},J.value))}return F(()=>j.value,e=>{const a=O.value.findIndex(a=>a.item.key===e);a>=0&&(T.value=a)}),F([()=>m.config,()=>m.items],function(){const e=O.value.findIndex(e=>e.item.key===j.value);T.value=e>=0?e:0}),F([P,J],X),p(X),d(Q),(e,a)=>(g(),v("div",{class:"dv-active-ring-chart",role:"group","aria-label":l.ariaLabel,"data-active-index":T.value},[r("div",{ref_key:"chartHostRef",ref:z,class:"active-ring-chart-container"},[c(i,{option:W.value,"aria-label":l.ariaLabel},null,8,["option","aria-label"])],512),r("div",S,[c(n,{class:"dv-digital-flop",config:D.value},null,8,["config"]),r("div",{class:"active-ring-name",style:f(E.value)},h(V.value?.item.label??""),5)]),r("div",{class:"lumal-active-ring-controls",role:"listbox","aria-label":`${l.ariaLabel}数据项`},[(g(!0),v(o,null,b(O.value,(e,a)=>(g(),v("button",{key:e.item.key,type:"button",role:"option","aria-label":`${e.item.label} ${e.item.value}`,"aria-selected":a===T.value,onClick:e=>q(a,!0)},h(e.item.label),9,_))),128))],8,C)],8,L))}}),[["__scopeId","data-v-5a979c59"]]);export{w as t};

package/dist/LumalActiveRingChart-Co5OJr8E.cjs

@@ -0,0 +1 @@
+const e=require("./useReducedMotion-BSGaaiA-.cjs"),a=require("./useElementSize-CZjD5sCp.cjs"),t=require("./LumalCharts-CGxZnT5N.cjs"),l=require("./_plugin-vue_export-helper-BXystuG9.cjs"),i=require("./LumalDigitalFlop-Dq-czbRg.cjs");let o=require("vue");var n=["aria-label","data-active-index"],u={class:"active-ring-info"},c=["aria-label"],r=["aria-label","aria-selected","onClick"],d=(0,o.defineComponent)({__name:"LumalActiveRingChart",props:(0,o.mergeModels)({items:{default:void 0},config:{default:()=>({})},interval:{default:void 0},autoplay:{type:Boolean,default:!0},ariaLabel:{default:"活动环图"}},{activeKey:{},activeKeyModifiers:{}}),emits:(0,o.mergeModels)(["select"],["update:activeKey"]),setup(l,{emit:d}){const v=l,m=d,s=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293","#e062ae","#e690d1","#e7bcf3","#9d96f5","#8378ea","#96bfff"],f=(0,o.useModel)(l,"activeKey"),p=(0,o.useTemplateRef)("chartHostRef"),g=a.useElementSize(p),b=e.useReducedMotion(),y=e.useAnimationPause(p),h=(0,o.shallowRef)(0);let k;const _=(0,o.computed)(()=>void 0!==v.items?v.items.map(e=>({data:{name:e.label,value:e.value},item:e})):(v.config.data??[{name:"",value:0}]).map((e,a)=>({data:{...e},item:{key:"string"==typeof e.key||"number"==typeof e.key?e.key:e.name||a,label:e.name,value:e.value}}))),x=(0,o.computed)(()=>v.config.color??v.items?.map((e,a)=>e.color??s[a%s.length])??s),F=(0,o.computed)(()=>v.config.lineWidth??20),L=(0,o.computed)(()=>_.value[h.value]),S=(0,o.computed)(()=>{const e=L.value?.data.value??0;if(v.config.showOriginValue)return e;const a=_.value.reduce((e,a)=>e+a.data.value,0);return a?e/a*100:0}),w=(0,o.computed)(()=>({fill:"#fff",fontSize:25,...v.config.digitalFlopStyle})),C=(0,o.computed)(()=>({animationCurve:v.config.animationCurve??"easeOutCubic",animationFrame:v.config.animationFrame??50,content:v.config.showOriginValue?`{nt}${v.config.digitalFlopUnit??""}`:`{nt}${v.config.digitalFlopUnit||"%"}`,number:[S.value],style:w.value,toFixed:v.config.digitalFlopToFixed??0})),M=(0,o.computed)(()=>({fontSize:`${w.value.fontSize}px`})),E=(0,o.computed)(()=>g.value.width>0&&g.value.height>0);function R(e,a){const t=e??a,l=Math.min(g.value.width,g.value.height)/2;return"number"==typeof t?t:Number.parseFloat(t)/100*l}const B=(0,o.computed)(()=>{const e=R(v.config.radius,"50%"),a=R(v.config.activeRadius,"55%"),t=F.value/2,l=_.value.map((e,a)=>({name:e.data.name,value:e.data.value,itemStyle:{color:x.value[a%x.value.length],opacity:a===h.value?0:1}})),i=l.map((e,a)=>({...e,itemStyle:{...e.itemStyle,opacity:a===h.value?1:0}})),o={animation:!b.value,center:["50%","50%"],label:{show:!1},labelLine:{show:!1},silent:!0,type:"pie"};return{animation:!b.value,color:[...x.value],series:[{...o,data:l,radius:[Math.max(0,e-t),e+t]},{...o,data:i,radius:[Math.max(0,a-t),a+t],z:2}]}});function V(e,a=!1){const t=_.value[e];t&&(h.value=e,f.value=t.item.key,a&&m("select",t.item))}const z=(0,o.computed)(()=>v.interval??v.config.activeTimeGap??3e3),N=(0,o.computed)(()=>v.autoplay&&z.value>0&&_.value.length>1&&E.value&&!y.value&&!b.value);function j(){void 0!==k&&clearTimeout(k),k=void 0}function q(){j(),N.value&&(k=setTimeout(()=>{_.value.length>1&&V((h.value+1)%_.value.length),q()},z.value))}return(0,o.watch)(()=>f.value,e=>{const a=_.value.findIndex(a=>a.item.key===e);a>=0&&(h.value=a)}),(0,o.watch)([()=>v.config,()=>v.items],function(){const e=_.value.findIndex(e=>e.item.key===f.value);h.value=e>=0?e:0}),(0,o.watch)([N,z],q),(0,o.onMounted)(q),(0,o.onBeforeUnmount)(j),(e,a)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"dv-active-ring-chart",role:"group","aria-label":l.ariaLabel,"data-active-index":h.value},[(0,o.createElementVNode)("div",{ref_key:"chartHostRef",ref:p,class:"active-ring-chart-container"},[(0,o.createVNode)(t.LumalCharts_default,{option:B.value,"aria-label":l.ariaLabel},null,8,["option","aria-label"])],512),(0,o.createElementVNode)("div",u,[(0,o.createVNode)(i.LumalDigitalFlop_default,{class:"dv-digital-flop",config:C.value},null,8,["config"]),(0,o.createElementVNode)("div",{class:"active-ring-name",style:(0,o.normalizeStyle)(M.value)},(0,o.toDisplayString)(L.value?.item.label??""),5)]),(0,o.createElementVNode)("div",{class:"lumal-active-ring-controls",role:"listbox","aria-label":`${l.ariaLabel}数据项`},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(_.value,(e,a)=>((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:e.item.key,type:"button",role:"option","aria-label":`${e.item.label} ${e.item.value}`,"aria-selected":a===h.value,onClick:e=>V(a,!0)},(0,o.toDisplayString)(e.item.label),9,r))),128))],8,c)],8,n))}}),v=l._plugin_vue_export_helper_default(d,[["__scopeId","data-v-5a979c59"]]);Object.defineProperty(exports,"LumalActiveRingChart_default",{enumerable:!0,get:function(){return v}});

package/dist/LumalBorderBox-CDRaCSA0.js

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

package/dist/LumalBorderBox-CQK9rz6k.cjs

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

package/dist/LumalCapsuleChart-BaP_ke20.js

@@ -0,0 +1 @@
+import{t as e}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{Fragment as a,computed as l,createCommentVNode as u,createElementBlock as t,createElementVNode as o,defineComponent as v,normalizeStyle as i,openBlock as s,renderList as r,toDisplayString as n}from"vue";var c=["aria-label"],d={class:"label-column"},m={class:"capsule-container"},f={key:0,class:"capsule-item-value"},p={class:"unit-label"},b={key:0,class:"unit-text"},h=/*#__PURE__*/e(/*@__PURE__*/v({__name:"LumalCapsuleChart",props:{items:{default:void 0},config:{default:()=>({})},colors:{default:void 0},max:{default:void 0},unit:{default:void 0},sort:{type:[Boolean,String],default:!1},showValue:{type:Boolean,default:void 0},ariaLabel:{default:"胶囊图"}},setup(e){const v=e,h=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293"],y=l(()=>void 0!==v.items?v.items.map(e=>({...e})):(v.config.data??[]).map((e,a)=>({key:e.name||a,label:e.name,value:e.value}))),g=l(()=>v.sort?[...y.value].sort((e,a)=>"asc"===v.sort?e.value-a.value:a.value-e.value):y.value),k=l(()=>{const e=v.colors??v.config.colors??(v.items?.some(e=>e.color)?v.items.map(e=>e.color):void 0),a=[...h];return e?.forEach((e,l)=>{e&&(a[l]=e)}),a}),x=l(()=>v.showValue??v.config.showValue??!1),_=l(()=>v.unit??v.config.unit??""),w=l(()=>v.max??(g.value.length?Math.max(...g.value.map(e=>e.value)):0)),C=l(()=>g.value.map(e=>w.value?e.value/w.value:0)),L=l(()=>{const e=w.value/5;return Array.from(new Set(Array.from({length:6}).fill(0).map((a,l)=>Math.ceil(l*e))))});function V(e,a){return{backgroundColor:k.value[a%k.value.length]??h[0],width:100*e+"%"}}return(l,v)=>(s(),t("div",{class:"dv-capsule-chart",role:"img","aria-label":e.ariaLabel},[o("div",d,[(s(!0),t(a,null,r(g.value,e=>(s(),t("div",{key:e.key},n(e.label),1))),128)),v[0]||(v[0]=o("div",null," ",-1))]),o("div",m,[(s(!0),t(a,null,r(C.value,(e,a)=>(s(),t("div",{key:g.value[a]?.key??a,class:"capsule-item"},[o("div",{class:"capsule-item-column",style:i(V(e,a))},[x.value?(s(),t("div",f,n(g.value[a]?.value),1)):u("",!0)],4)]))),128)),o("div",p,[(s(!0),t(a,null,r(L.value,(e,a)=>(s(),t("div",{key:`${e}-${a}`},n(e),1))),128))])]),_.value?(s(),t("div",b,n(_.value),1)):u("",!0)],8,c))}}),[["__scopeId","data-v-b8ed1b43"]]);export{h as t};

package/dist/LumalCapsuleChart-rpE-RLtM.cjs

@@ -0,0 +1 @@
+const e=require("./_plugin-vue_export-helper-BXystuG9.cjs");let l=require("vue");var a=["aria-label"],t={class:"label-column"},o={class:"capsule-container"},u={key:0,class:"capsule-item-value"},n={class:"unit-label"},c={key:0,class:"unit-text"},r=(0,l.defineComponent)({__name:"LumalCapsuleChart",props:{items:{default:void 0},config:{default:()=>({})},colors:{default:void 0},max:{default:void 0},unit:{default:void 0},sort:{type:[Boolean,String],default:!1},showValue:{type:Boolean,default:void 0},ariaLabel:{default:"胶囊图"}},setup(e){const r=e,i=["#37a2da","#32c5e9","#67e0e3","#9fe6b8","#ffdb5c","#ff9f7f","#fb7293"],m=(0,l.computed)(()=>void 0!==r.items?r.items.map(e=>({...e})):(r.config.data??[]).map((e,l)=>({key:e.name||l,label:e.name,value:e.value}))),d=(0,l.computed)(()=>r.sort?[...m.value].sort((e,l)=>"asc"===r.sort?e.value-l.value:l.value-e.value):m.value),s=(0,l.computed)(()=>{const e=r.colors??r.config.colors??(r.items?.some(e=>e.color)?r.items.map(e=>e.color):void 0),l=[...i];return e?.forEach((e,a)=>{e&&(l[a]=e)}),l}),v=(0,l.computed)(()=>r.showValue??r.config.showValue??!1),p=(0,l.computed)(()=>r.unit??r.config.unit??""),f=(0,l.computed)(()=>r.max??(d.value.length?Math.max(...d.value.map(e=>e.value)):0)),k=(0,l.computed)(()=>d.value.map(e=>f.value?e.value/f.value:0)),g=(0,l.computed)(()=>{const e=f.value/5;return Array.from(new Set(Array.from({length:6}).fill(0).map((l,a)=>Math.ceil(a*e))))});function B(e,l){return{backgroundColor:s.value[l%s.value.length]??i[0],width:100*e+"%"}}return(r,i)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{class:"dv-capsule-chart",role:"img","aria-label":e.ariaLabel},[(0,l.createElementVNode)("div",t,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(d.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:e.key},(0,l.toDisplayString)(e.label),1))),128)),i[0]||(i[0]=(0,l.createElementVNode)("div",null," ",-1))]),(0,l.createElementVNode)("div",o,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(k.value,(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:d.value[a]?.key??a,class:"capsule-item"},[(0,l.createElementVNode)("div",{class:"capsule-item-column",style:(0,l.normalizeStyle)(B(e,a))},[v.value?((0,l.openBlock)(),(0,l.createElementBlock)("div",u,(0,l.toDisplayString)(d.value[a]?.value),1)):(0,l.createCommentVNode)("",!0)],4)]))),128)),(0,l.createElementVNode)("div",n,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(g.value,(e,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:`${e}-${a}`},(0,l.toDisplayString)(e),1))),128))])]),p.value?((0,l.openBlock)(),(0,l.createElementBlock)("div",c,(0,l.toDisplayString)(p.value),1)):(0,l.createCommentVNode)("",!0)],8,a))}}),i=e._plugin_vue_export_helper_default(r,[["__scopeId","data-v-b8ed1b43"]]);Object.defineProperty(exports,"LumalCapsuleChart_default",{enumerable:!0,get:function(){return i}});

package/dist/LumalCharts-CGxZnT5N.cjs

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

package/dist/LumalCharts-N_sRZ49O.js

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

package/dist/LumalConicalColumnChart-BeN-R1Ey.cjs

@@ -0,0 +1 @@
+const e=require("./useElementSize-CZjD5sCp.cjs"),l=require("./_plugin-vue_export-helper-BXystuG9.cjs");let t=require("vue");var a=["aria-label"],o=["width","height"],i=["d","fill"],u=["fill","x","y"],n=["xlink:href","width","height","x","y"],r=["fill","x","y"],c=(0,t.defineComponent)({__name:"LumalConicalColumnChart",props:{items:{default:void 0},config:{default:()=>({})},max:{default:void 0},unit:{default:""},sort:{type:[Boolean,String],default:"desc"},showValue:{type:Boolean,default:void 0},images:{default:void 0},imageSideLength:{default:void 0},fontSize:{default:void 0},columnColor:{default:void 0},textColor:{default:void 0},ariaLabel:{default:"锥形柱图"}},setup(l){const c=l,m=(0,t.useTemplateRef)("rootRef"),d=e.useElementSize(m);function f(e,l=0){return Number.isFinite(e)?Math.max(0,e):l}const v=(0,t.computed)(()=>void 0!==c.items?c.items.map(e=>({...e,value:f(e.value)})):(c.config.data??[]).map((e,l)=>({key:e.name?`${e.name}-${l}`:l,label:e.name,value:f(e.value)}))),h=(0,t.computed)(()=>c.sort?[...v.value].sort((e,l)=>"asc"===c.sort?e.value-l.value:l.value-e.value):v.value),p=(0,t.computed)(()=>c.images??c.config.img??[]),g=(0,t.computed)(()=>f(c.imageSideLength??c.config.imgSideLength??30,30)),s=(0,t.computed)(()=>f(c.fontSize??c.config.fontSize??12,12)),x=(0,t.computed)(()=>c.columnColor??c.config.columnColor??"rgba(0, 194, 255, 0.4)"),y=(0,t.computed)(()=>c.textColor??c.config.textColor??"#fff"),k=(0,t.computed)(()=>c.showValue??c.config.showValue??!1),$=(0,t.computed)(()=>{const e=h.value,l=e.length?Math.max(...e.map(e=>e.value)):0,t=f(c.max??0),a=Math.max(l,t,1),o=d.value.width/(e.length+1),i=Math.max(0,d.value.height-s.value-5),u=Math.max(0,i-g.value);return e.map((e,l)=>{const t=e.value/a,n=o*(l+1),r=o*l,m=i-u*t,d=u*t*.6+m,f=[`M${r}, ${i}`,`Q${n}, ${d} ${n},${m}`,`M${n},${m}`,`Q${n}, ${d} ${o*(l+2)},${i}`,`L${r}, ${i}`,"Z"].join(" ");return{...e,d:f,fill:void 0!==c.items?e.color??x.value:x.value,percent:t,textY:(i+m)/2+s.value/2,x:n,y:m}})});return(e,c)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:m,class:"dv-conical-column-chart",role:"img","aria-label":l.ariaLabel},[((0,t.openBlock)(),(0,t.createElementBlock)("svg",{width:(0,t.unref)(d).width,height:(0,t.unref)(d).height,"aria-hidden":"true"},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)($.value,(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("g",{key:e.key},[(0,t.createElementVNode)("path",{d:e.d,fill:e.fill},null,8,i),(0,t.createElementVNode)("text",{style:(0,t.normalizeStyle)({fontSize:`${s.value}px`}),fill:y.value,x:e.x,y:(0,t.unref)(d).height-4},(0,t.toDisplayString)(e.label),13,u),p.value.length?((0,t.openBlock)(),(0,t.createElementBlock)("image",{key:0,"xlink:href":p.value[a%p.value.length],width:g.value,height:g.value,x:e.x-g.value/2,y:e.y-g.value},null,8,n)):(0,t.createCommentVNode)("",!0),k.value?((0,t.openBlock)(),(0,t.createElementBlock)("text",{key:1,style:(0,t.normalizeStyle)({fontSize:`${s.value}px`}),fill:y.value,x:e.x,y:e.textY},(0,t.toDisplayString)(e.value)+(0,t.toDisplayString)(l.unit),13,r)):(0,t.createCommentVNode)("",!0)]))),128))],8,o))],8,a))}}),m=l._plugin_vue_export_helper_default(c,[["__scopeId","data-v-c78a8338"]]);Object.defineProperty(exports,"LumalConicalColumnChart_default",{enumerable:!0,get:function(){return m}});

package/dist/LumalConicalColumnChart-D9I6pn6u.js

@@ -0,0 +1 @@
+import{t as e}from"./useElementSize-CKA7EtNB.js";import{t as l}from"./_plugin-vue_export-helper-DgLP3hnZ.js";import{Fragment as a,computed as t,createCommentVNode as i,createElementBlock as o,createElementVNode as u,defineComponent as n,normalizeStyle as v,openBlock as r,renderList as f,toDisplayString as d,unref as h,useTemplateRef as m}from"vue";var g=["aria-label"],s=["width","height"],x=["d","fill"],c=["fill","x","y"],p=["xlink:href","width","height","x","y"],y=["fill","x","y"],$=/*#__PURE__*/l(/*@__PURE__*/n({__name:"LumalConicalColumnChart",props:{items:{default:void 0},config:{default:()=>({})},max:{default:void 0},unit:{default:""},sort:{type:[Boolean,String],default:"desc"},showValue:{type:Boolean,default:void 0},images:{default:void 0},imageSideLength:{default:void 0},fontSize:{default:void 0},columnColor:{default:void 0},textColor:{default:void 0},ariaLabel:{default:"锥形柱图"}},setup(l){const n=l,$=m("rootRef"),S=e($);function w(e,l=0){return Number.isFinite(e)?Math.max(0,e):l}const C=t(()=>void 0!==n.items?n.items.map(e=>({...e,value:w(e.value)})):(n.config.data??[]).map((e,l)=>({key:e.name?`${e.name}-${l}`:l,label:e.name,value:w(e.value)}))),b=t(()=>n.sort?[...C.value].sort((e,l)=>"asc"===n.sort?e.value-l.value:l.value-e.value):C.value),k=t(()=>n.images??n.config.img??[]),L=t(()=>w(n.imageSideLength??n.config.imgSideLength??30,30)),M=t(()=>w(n.fontSize??n.config.fontSize??12,12)),_=t(()=>n.columnColor??n.config.columnColor??"rgba(0, 194, 255, 0.4)"),z=t(()=>n.textColor??n.config.textColor??"#fff"),j=t(()=>n.showValue??n.config.showValue??!1),V=t(()=>{const e=b.value,l=e.length?Math.max(...e.map(e=>e.value)):0,a=w(n.max??0),t=Math.max(l,a,1),i=S.value.width/(e.length+1),o=Math.max(0,S.value.height-M.value-5),u=Math.max(0,o-L.value);return e.map((e,l)=>{const a=e.value/t,v=i*(l+1),r=i*l,f=o-u*a,d=u*a*.6+f,h=[`M${r}, ${o}`,`Q${v}, ${d} ${v},${f}`,`M${v},${f}`,`Q${v}, ${d} ${i*(l+2)},${o}`,`L${r}, ${o}`,"Z"].join(" ");return{...e,d:h,fill:void 0!==n.items?e.color??_.value:_.value,percent:a,textY:(o+f)/2+M.value/2,x:v,y:f}})});return(e,t)=>(r(),o("div",{ref_key:"rootRef",ref:$,class:"dv-conical-column-chart",role:"img","aria-label":l.ariaLabel},[(r(),o("svg",{width:h(S).width,height:h(S).height,"aria-hidden":"true"},[(r(!0),o(a,null,f(V.value,(e,a)=>(r(),o("g",{key:e.key},[u("path",{d:e.d,fill:e.fill},null,8,x),u("text",{style:v({fontSize:`${M.value}px`}),fill:z.value,x:e.x,y:h(S).height-4},d(e.label),13,c),k.value.length?(r(),o("image",{key:0,"xlink:href":k.value[a%k.value.length],width:L.value,height:L.value,x:e.x-L.value/2,y:e.y-L.value},null,8,p)):i("",!0),j.value?(r(),o("text",{key:1,style:v({fontSize:`${M.value}px`}),fill:z.value,x:e.x,y:e.textY},d(e.value)+d(l.unit),13,y)):i("",!0)]))),128))],8,s))],8,g))}}),[["__scopeId","data-v-c78a8338"]]);export{$ as t};

package/dist/LumalDecoration-CGZp5j3b.js

@@ -0,0 +1 @@
+import{t as e}from"./useElementSize-CKA7EtNB.js";import{t as a}from"./useSvgAnimationPause-Dlw_bPql.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,openBlock as c,renderList as f,renderSlot as h,unref as p,useId as m,useTemplateRef as k,watch as y}from"vue";var $={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"]},g={1:2e3,2:6e3,3:1500,4:3e3,5:1200,6:2e3,7:2800,8:2800,9:3e3,10:3e3,11:2800,12:3e3},b=0;function w(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 x=w(200,50,4,20),_=[x[39]??[0,0],x[37]??[0,0]];function M(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 N(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 C(e,a,l,t){return[e+Math.cos(t)*l,a+Math.sin(t)*l]}var S=["data-variant"],j={key:0,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 200 50"},z=["fill","x","y"],A=["begin","dur","values"],I=["fill","x","y"],P=["dur","values"],T=["dur","values"],F=["dur","values"],D=["dur","values"],R=["fill","x","y"],q=["dur","values"],B=["dur","values"],L=["height","width"],H=["fill","height","width","x","y"],E=["attributeName","dur","to"],O=["fill","x","y"],G=["attributeName","dur","to"],J={key:2,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 300 35"},K=["fill","x","y"],Q=["begin","dur","values"],U=["height","width"],V=["points","stroke"],W=["points","stroke"],X=["height","width"],Y=["points","stroke"],Z=["dur","from","to"],ee=["points","stroke"],ae=["dur","from","to"],le={key:5,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 300 35"},te=["fill","height","x","y"],re=["dur","values"],ue=["dur","values"],ie={key:6,class:"lumal-decoration__chevrons"},ne={"aria-hidden":"true",focusable:"false",height:"20",viewBox:"0 0 21 20",width:"21"},se=["stroke"],oe=["stroke"],ve={class:"lumal-decoration__content lumal-decoration__content--inline"},de={"aria-hidden":"true",focusable:"false",height:"20",viewBox:"0 0 21 20",width:"21"},ce=["stroke"],fe=["stroke"],he=["height","width"],pe=["points","stroke"],me=["points","stroke"],ke=["points","stroke"],ye={key:8,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",preserveAspectRatio:"none",viewBox:"0 0 100 100"},$e=["stroke"],ge=["dur","values"],be=["stroke"],we=["dur","values"],xe=["stroke"],_e=["fill","href","stroke"],Me=["begin","dur","values"],Ne=["stroke"],Ce=["height","width"],Se=["points","stroke"],je=["points","stroke","stroke-dasharray"],ze=["id","begin","dur","values"],Ae=["begin","values"],Ie=["points","stroke","stroke-dasharray"],Pe=["id","begin","dur","values"],Te=["begin","values"],Fe=["points","stroke","stroke-dasharray"],De=["id","begin","dur","values"],Re=["begin","values"],qe=["cx","cy","fill"],Be=["id","begin","dur","values"],Le=["cx","cy","fill"],He=["id","begin","dur","values"],Ee=["begin","values"],Oe=["cx","cy","fill"],Ge=["id","begin","dur","values"],Je=["begin","values"],Ke=["cx","cy","fill"],Qe=["id","begin","dur","values"],Ue=["begin","values"],Ve=["height","width"],We=["fill","stroke"],Xe=["fill","points","stroke"],Ye=["fill","points","stroke"],Ze=["fill","points","stroke"],ea=["fill","points","stroke"],aa=["points","stroke"],la=["points","stroke"],ta=["height","width"],ra=["d","stroke","stroke-width"],ua=["stop-color"],ia=["cx","cy","r","stroke"],na=["cx","cy","fill"],sa=["dur","values"],oa=["dur"],va=["cx","cy","fill"],da=["points","stroke"],ca=["d","stroke"],fa=["href"],ha=["dur","values"],pa=/*@__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 pa=s,ma=x.filter(()=>Math.random()>.6).map(e=>({animated:Math.random()>.6,beginSeconds:2*Math.random(),durationSeconds:1,point:e})),ka=w(300,35,2,25).map(e=>({animated:Math.random()>.6,beginSeconds:2*Math.random(),durationSeconds:Math.random()+1,point:e})),ya=w(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}}),$a=Array.from({length:20},()=>Math.random()<=.4),ga=k("animationRef"),ba=e(ga),wa=r(()=>ba.value.width),xa=r(()=>ba.value.height),_a=r(()=>{const e=$[pa.variant],a=pa.color??pa.colors;return[a?.[0]??e[0],a?.[1]??e[1]]}),Ma=r(()=>12===pa.variant?pa.scanDur:pa.dur),Na=r(()=>{const e=void 0===Ma.value?pa.duration:1e3*Ma.value;return Math.max(0,e??g[pa.variant])}),Ca=r(()=>Na.value/g[pa.variant]),Sa=r(()=>Na.value>0),ja=r(()=>{const e=pa.haloDur??2*Ca.value;return`${Number(Math.max(.001,e).toFixed(6))}s`}),za=a(ga,void 0,()=>!Sa.value),Aa=za.paused,Ia=r(()=>l(_a.value,pa.background,Na.value)),Pa=(Ta=m(),b+=1,`lumal-decoration-${Ta.replace(/[^\w-]/g,"")}-${b}`);var Ta;const Fa=`${Pa}-polygon`,Da=`${Pa}-radar-group`,Ra=`${Pa}-radar-gradient`,qa=[`${Pa}-sequence-1`,`${Pa}-sequence-2`,`${Pa}-sequence-3`,`${Pa}-sequence-4`,`${Pa}-sequence-5`,`${Pa}-sequence-6`,`${Pa}-sequence-7`],Ba=r(()=>[[0,.2*xa.value],[.18*wa.value,.2*xa.value],[.2*wa.value,.4*xa.value],[.25*wa.value,.4*xa.value],[.27*wa.value,.6*xa.value],[.72*wa.value,.6*xa.value],[.75*wa.value,.4*xa.value],[.8*wa.value,.4*xa.value],[.82*wa.value,.2*xa.value],[wa.value,.2*xa.value]]),La=r(()=>[[.3*wa.value,.8*xa.value],[.7*wa.value,.8*xa.value]]),Ha=r(()=>Ba.value.map(e=>e.join(",")).join(" ")),Ea=r(()=>La.value.map(e=>e.join(",")).join(" ")),Oa=r(()=>N(Ba.value)),Ga=r(()=>N(La.value)),Ja=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=C(l,t,u,i);const o=Array.from({length:30},(e,a)=>{const r=C(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=C(l,t,f,r),i=C(l,t,f,r+Math.PI);return`${u.join(",")} ${i.join(",")}`}),p=Math.max(0,e/2-1);return{arcPaths:Array.from({length:4},(e,a)=>{const r=c*(3*a+1),u=C(l,t,p,r),i=C(l,t,p,r+c);return`M${u.join(",")} A${l}, ${t} 0 0 1 ${i.join(",")}`}),circleRadii:d,scanPaths:o,splitLines:h}}(wa.value,xa.value)),Ka=r(()=>Ja.value.scanPaths.map((e,a,l)=>M(_a.value[0],100-100*a/(l.length-1))));function Qa(e){const a=Math.max(.001,e*Ca.value);return`${Number(a.toFixed(6))}s`}function Ua(e,a=!0){const l=e.map(String);return(pa.reverse&&a?l.reverse():l).join(";")}function Va(e){return pa.reverse?wa.value-e:e}return y(()=>[pa.variant,pa.reverse,pa.color,pa.colors,pa.dur,pa.duration,pa.haloDur,pa.scanDur],()=>{o(za.restart)},{flush:"post"}),(e,a)=>(c(),i("div",{ref_key:"animationRef",ref:ga,class:v(["lumal-decoration",{"is-animation-paused":p(Aa),"is-reverse":s.reverse}]),"data-variant":s.variant,style:d(Ia.value),onMouseenter:a[0]||(a[0]=(...e)=>p(za).onMouseEnter&&p(za).onMouseEnter(...e)),onMouseleave:a[1]||(a[1]=(...e)=>p(za).onMouseLeave&&p(za).onMouseLeave(...e)),onFocusin:a[2]||(a[2]=(...e)=>p(za).onFocusIn&&p(za).onFocusIn(...e)),onFocusout:a[3]||(a[3]=(...e)=>p(za).onFocusOut&&p(za).onFocusOut(...e))},[1===s.variant?(c(),i("svg",j,[(c(!0),i(t,null,f(p(ma),(e,a)=>(c(),i("rect",{key:a,class:"lumal-decoration__mark",fill:_a.value[0],height:2.5,width:2.5,x:e.point[0]-1.25,y:e.point[1]-1.25},[e.animated&&Sa.value?(c(),i("animate",{key:0,attributeName:"fill",begin:`${e.beginSeconds}s`,dur:Qa(e.durationSeconds),repeatCount:"indefinite",values:Ua([_a.value[0],"transparent"])},null,8,A)):u("",!0)],8,z))),128)),n("rect",{fill:_a.value[1],height:5,width:5,x:p(_)[0][0]-2.5,y:p(_)[0][1]-2.5},[Sa.value?(c(),i("animate",{key:0,attributeName:"width",dur:Qa(2),repeatCount:"indefinite",values:Ua([0,5])},null,8,P)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"height",dur:Qa(2),repeatCount:"indefinite",values:Ua([0,5])},null,8,T)):u("",!0),Sa.value?(c(),i("animate",{key:2,attributeName:"x",dur:Qa(2),repeatCount:"indefinite",values:Ua([p(_)[0][0],p(_)[0][0]-2.5])},null,8,F)):u("",!0),Sa.value?(c(),i("animate",{key:3,attributeName:"y",dur:Qa(2),repeatCount:"indefinite",values:Ua([p(_)[0][1],p(_)[0][1]-2.5])},null,8,D)):u("",!0)],8,I),n("rect",{fill:_a.value[1],height:5,width:40,x:p(_)[1][0]-40,y:p(_)[1][1]-2.5},[Sa.value?(c(),i("animate",{key:0,attributeName:"width",dur:Qa(2),repeatCount:"indefinite",values:Ua([0,40,0])},null,8,q)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"x",dur:Qa(2),repeatCount:"indefinite",values:Ua([p(_)[1][0],p(_)[1][0]-40,p(_)[1][0]])},null,8,B)):u("",!0)],8,R)])):2===s.variant?(c(),i("svg",{key:1,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:xa.value,width:wa.value},[n("rect",{fill:_a.value[0],height:s.reverse?xa.value:1,width:s.reverse?1:wa.value,x:s.reverse?wa.value/2:0,y:s.reverse?0:xa.value/2},[Sa.value?(c(),i("animate",{key:0,attributeName:s.reverse?"height":"width",calcMode:"spline",dur:Qa(6),from:"0",keySplines:".42,0,.58,1",keyTimes:"0;1",repeatCount:"indefinite",to:s.reverse?xa.value:wa.value},null,8,E)):u("",!0)],8,H),n("rect",{fill:_a.value[1],height:"1",width:"1",x:s.reverse?wa.value/2:0,y:s.reverse?0:xa.value/2},[Sa.value?(c(),i("animate",{key:0,attributeName:s.reverse?"y":"x",calcMode:"spline",dur:Qa(6),from:"0",keySplines:".42,0,.58,1",keyTimes:"0;1",repeatCount:"indefinite",to:s.reverse?xa.value:wa.value},null,8,G)):u("",!0)],8,O)],8,L)):3===s.variant?(c(),i("svg",J,[(c(!0),i(t,null,f(p(ka),(e,a)=>(c(),i("rect",{key:a,class:"lumal-decoration__mark",fill:_a.value[0],height:"7",width:"7",x:e.point[0]-3.5,y:e.point[1]-3.5},[e.animated&&Sa.value?(c(),i("animate",{key:0,attributeName:"fill",begin:`${e.beginSeconds}s`,dur:Qa(e.durationSeconds),repeatCount:"indefinite",values:Ua(_a.value)},null,8,Q)):u("",!0)],8,K))),128))])):4===s.variant?(c(),i("div",{key:3,class:v(["lumal-decoration__line-reveal",[s.reverse?"lumal-decoration__line-reveal--horizontal":"lumal-decoration__line-reveal--vertical",{"is-static":!Sa.value}]]),style:d({animationDuration:Na.value/1e3+"s",height:s.reverse?"5px":`${xa.value}px`,width:s.reverse?`${wa.value}px`:"5px"})},[(c(),i("svg",{"aria-hidden":"true",focusable:"false",height:s.reverse?5:xa.value,width:s.reverse?wa.value:5},[n("polyline",{points:s.reverse?`0,2.5 ${wa.value},2.5`:`2.5,0 2.5,${xa.value}`,stroke:_a.value[0]},null,8,V),n("polyline",{points:s.reverse?`0,2.5 ${wa.value},2.5`:`2.5,0 2.5,${xa.value}`,stroke:_a.value[1],"stroke-dasharray":"20,80","stroke-dashoffset":"-30","stroke-width":"3"},null,8,W)],8,U))],6)):5===s.variant?(c(),i("svg",{key:4,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:xa.value,width:wa.value},[n("polyline",{fill:"transparent",points:Ha.value,stroke:_a.value[0],"stroke-width":"3"},[Sa.value?(c(),i("animate",{key:0,attributeName:"stroke-dasharray",calcMode:"spline",dur:Qa(1.2),from:`0, ${Oa.value/2}, 0, ${Oa.value/2}`,keySplines:".4,1,.49,.98",keyTimes:"0;1",repeatCount:"indefinite",to:`0, 0, ${Oa.value}, 0`},null,8,Z)):u("",!0)],8,Y),n("polyline",{fill:"transparent",points:Ea.value,stroke:_a.value[1],"stroke-width":"2"},[Sa.value?(c(),i("animate",{key:0,attributeName:"stroke-dasharray",calcMode:"spline",dur:Qa(1.2),from:`0, ${Ga.value/2}, 0, ${Ga.value/2}`,keySplines:".4,1,.49,.98",keyTimes:"0;1",repeatCount:"indefinite",to:`0, 0, ${Ga.value}, 0`},null,8,ae)):u("",!0)],8,ee)],8,X)):6===s.variant?(c(),i("svg",le,[(c(!0),i(t,null,f(p(ya),(e,a)=>(c(),i("rect",{key:a,class:"lumal-decoration__bar",fill:_a.value[e.colorIndex],height:e.height,width:"7",x:e.point[0]-3.5,y:e.point[1]-e.height/2},[Sa.value?(c(),i("animate",{key:0,attributeName:"y",begin:"0s",calcMode:"spline",dur:Qa(e.durationSeconds),keySplines:".42,0,.58,1;.42,0,.58,1",keyTimes:"0;.5;1",repeatCount:"indefinite",values:Ua([e.point[1]-e.minHeight/2,e.point[1]-e.height/2,e.point[1]-e.minHeight/2])},null,8,re)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"height",begin:"0s",calcMode:"spline",dur:Qa(e.durationSeconds),keySplines:".42,0,.58,1;.42,0,.58,1",keyTimes:"0;.5;1",repeatCount:"indefinite",values:Ua([e.minHeight,e.height,e.minHeight])},null,8,ue)):u("",!0)],8,te))),128))])):7===s.variant?(c(),i("div",ie,[(c(),i("svg",ne,[n("polyline",{fill:"transparent",points:"10,0 19,10 10,20",stroke:_a.value[0],"stroke-width":"4"},null,8,se),n("polyline",{fill:"transparent",points:"2,0 11,10 2,20",stroke:_a.value[1],"stroke-width":"2"},null,8,oe)])),n("div",ve,[h(e.$slots,"default")]),(c(),i("svg",de,[n("polyline",{fill:"transparent",points:"11,0 2,10 11,20",stroke:_a.value[0],"stroke-width":"4"},null,8,ce),n("polyline",{fill:"transparent",points:"19,0 10,10 19,20",stroke:_a.value[1],"stroke-width":"2"},null,8,fe)]))])):8===s.variant?(c(),i("svg",{key:7,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:xa.value,width:wa.value},[n("polyline",{fill:"transparent",points:`${Va(0)},0 ${Va(30)},${xa.value/2}`,stroke:_a.value[0],"stroke-width":"2"},null,8,pe),n("polyline",{fill:"transparent",points:`${Va(20)},0 ${Va(50)},${xa.value/2} ${Va(wa.value)},${xa.value/2}`,stroke:_a.value[0],"stroke-width":"2"},null,8,me),n("polyline",{fill:"transparent",points:`${Va(0)},${xa.value-3} ${Va(200)},${xa.value-3}`,stroke:_a.value[1],"stroke-width":"3"},null,8,ke)],8,he)):9===s.variant?(c(),i("svg",ye,[n("defs",null,[n("polygon",{id:Fa,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:_a.value[1],"stroke-width":"10"},[Sa.value?(c(),i("animateTransform",{key:0,attributeName:"transform",dur:Qa(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?"0 50 50;-360 50 50":"0 50 50;360 50 50"},null,8,ge)):u("",!0)],8,$e),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"45","stroke-dasharray":"50,66,100,66",stroke:_a.value[0],"stroke-width":"6"},[Sa.value?(c(),i("animateTransform",{key:0,attributeName:"transform",dur:Qa(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?"0 50 50;360 50 50":"0 50 50;-360 50 50"},null,8,we)):u("",!0)],8,be),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"38","stroke-dasharray":"5,1",stroke:p(M)(_a.value[1],30),"stroke-width":"1"},null,8,xe),(c(!0),i(t,null,f(p($a),(e,a)=>(c(),i("use",{key:a,fill:e?_a.value[0]:"transparent",href:`#${Fa}`,stroke:_a.value[1]},[Sa.value?(c(),i("animateTransform",{key:0,attributeName:"transform",begin:a*Na.value/20/1e3+"s",dur:Qa(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?"0 50 50;-360 50 50":"0 50 50;360 50 50"},null,8,Me)):u("",!0)],8,_e))),128)),n("circle",{class:"lumal-decoration__ring",cx:"50",cy:"50",fill:"transparent",r:"26","stroke-dasharray":"5,1",stroke:p(M)(_a.value[1],30),"stroke-width":"1"},null,8,Ne)])):10===s.variant?(c(),i("svg",{key:9,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:xa.value,width:wa.value},[n("polyline",{fill:"transparent",points:`${Va(0)},${xa.value/2} ${Va(wa.value)},${xa.value/2}`,stroke:_a.value[1],"stroke-width":"2"},null,8,Se),n("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${Va(5)},${xa.value/2} ${Va(.2*wa.value-3)},${xa.value/2}`,stroke:_a.value[0],"stroke-dasharray":"0,"+.2*wa.value,"stroke-width":"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[1],attributeName:"stroke-dasharray",begin:`${qa[0]}.end`,dur:Qa(3),fill:"freeze",values:`0,${.2*wa.value};${.2*wa.value},0`},null,8,ze)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"stroke-dasharray",begin:`${qa[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.2*wa.value},0;0,${.2*wa.value}`},null,8,Ae)):u("",!0)],8,je),n("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${Va(.2*wa.value+3)},${xa.value/2} ${Va(.8*wa.value-3)},${xa.value/2}`,stroke:_a.value[0],"stroke-dasharray":"0,"+.6*wa.value,"stroke-width":"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[3],attributeName:"stroke-dasharray",begin:`${qa[2]}.end + ${Qa(1)}`,dur:Qa(3),fill:"freeze",values:`0,${.6*wa.value};${.6*wa.value},0`},null,8,Pe)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"stroke-dasharray",begin:`${qa[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.6*wa.value},0;0,${.6*wa.value}`},null,8,Te)):u("",!0)],8,Ie),n("polyline",{class:"lumal-decoration__segment",fill:"transparent",points:`${Va(.8*wa.value+3)},${xa.value/2} ${Va(wa.value-5)},${xa.value/2}`,stroke:_a.value[0],"stroke-dasharray":"0,"+.2*wa.value,"stroke-width":"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[5],attributeName:"stroke-dasharray",begin:`${qa[4]}.end + ${Qa(1)}`,dur:Qa(3),fill:"freeze",values:`0,${.2*wa.value};${.2*wa.value},0`},null,8,De)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"stroke-dasharray",begin:`${qa[6]}.end`,dur:"0.01s",fill:"freeze",values:`${.2*wa.value},0;0,${.3*wa.value}`},null,8,Re)):u("",!0)],8,Fe),n("circle",{cx:Va(2),cy:xa.value/2,fill:_a.value[1],r:"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[0],attributeName:"fill",begin:`0s;${qa[6]}.end`,dur:Qa(.3),fill:"freeze",values:`${_a.value[1]};${_a.value[0]}`},null,8,Be)):u("",!0)],8,qe),n("circle",{cx:Va(.2*wa.value),cy:xa.value/2,fill:_a.value[1],r:"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[2],attributeName:"fill",begin:`${qa[1]}.end`,dur:Qa(.3),fill:"freeze",values:`${_a.value[1]};${_a.value[0]}`},null,8,He)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"fill",begin:`${qa[6]}.end`,dur:"0.01s",fill:"freeze",values:`${_a.value[1]};${_a.value[1]}`},null,8,Ee)):u("",!0)],8,Le),n("circle",{cx:Va(.8*wa.value),cy:xa.value/2,fill:_a.value[1],r:"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[4],attributeName:"fill",begin:`${qa[3]}.end`,dur:Qa(.3),fill:"freeze",values:`${_a.value[1]};${_a.value[0]}`},null,8,Ge)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"fill",begin:`${qa[6]}.end`,dur:"0.01s",fill:"freeze",values:`${_a.value[1]};${_a.value[1]}`},null,8,Je)):u("",!0)],8,Oe),n("circle",{cx:Va(wa.value-2),cy:xa.value/2,fill:_a.value[1],r:"2"},[Sa.value?(c(),i("animate",{key:0,id:qa[6],attributeName:"fill",begin:`${qa[5]}.end`,dur:Qa(.3),fill:"freeze",values:`${_a.value[1]};${_a.value[0]}`},null,8,Qe)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"fill",begin:`${qa[6]}.end`,dur:"0.01s",fill:"freeze",values:`${_a.value[1]};${_a.value[1]}`},null,8,Ue)):u("",!0)],8,Ke)],8,Ce)):11===s.variant?(c(),i("svg",{key:10,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:xa.value,width:wa.value},[n("polygon",{fill:p(M)(_a.value[1],10),points:"20 10,25 4,55 4,60 10",stroke:_a.value[1]},null,8,We),n("polygon",{fill:p(M)(_a.value[1],10),points:`20 ${xa.value-10},25 ${xa.value-4},55 ${xa.value-4},60 ${xa.value-10}`,stroke:_a.value[1]},null,8,Xe),n("polygon",{fill:p(M)(_a.value[1],10),points:`${wa.value-20} 10,${wa.value-25} 4,${wa.value-55} 4,${wa.value-60} 10`,stroke:_a.value[1]},null,8,Ye),n("polygon",{fill:p(M)(_a.value[1],10),points:`${wa.value-20} ${xa.value-10},${wa.value-25} ${xa.value-4},${wa.value-55} ${xa.value-4},${wa.value-60} ${xa.value-10}`,stroke:_a.value[1]},null,8,Ze),n("polygon",{fill:p(M)(_a.value[0],20),points:`20 10,5 ${xa.value/2},20 ${xa.value-10},${wa.value-20} ${xa.value-10},${wa.value-5} ${xa.value/2},${wa.value-20} 10`,stroke:_a.value[0]},null,8,ea),n("polyline",{fill:"transparent",points:`25 18,15 ${xa.value/2},25 ${xa.value-18}`,stroke:p(M)(_a.value[0],70)},null,8,aa),n("polyline",{fill:"transparent",points:`${wa.value-25} 18,${wa.value-15} ${xa.value/2},${wa.value-25} ${xa.value-18}`,stroke:p(M)(_a.value[0],70)},null,8,la)],8,Ve)):(c(),i("svg",{key:11,class:"lumal-decoration__svg","aria-hidden":"true",focusable:"false",height:xa.value,width:wa.value},[n("defs",null,[n("g",{id:Da},[(c(!0),i(t,null,f(Ja.value.scanPaths,(e,a)=>(c(),i("path",{key:e,fill:"transparent",d:e,stroke:Ka.value[a],"stroke-width":wa.value/2},null,8,ra))),128))]),n("radialGradient",{id:Ra,cx:"50%",cy:"50%",r:"50%"},[a[4]||(a[4]=n("stop",{offset:"0%","stop-color":"transparent","stop-opacity":"1"},null,-1)),n("stop",{offset:"100%","stop-color":p(M)(_a.value[1],30),"stop-opacity":"1"},null,8,ua)])]),(c(!0),i(t,null,f(Ja.value.circleRadii,e=>(c(),i("circle",{key:e,cx:wa.value/2,cy:xa.value/2,fill:"transparent",r:e,stroke:_a.value[1],"stroke-width":"0.5"},null,8,ia))),128)),n("circle",{cx:wa.value/2,cy:xa.value/2,fill:`url(#${Ra})`,r:"1",stroke:"transparent"},[Sa.value?(c(),i("animate",{key:0,attributeName:"r",dur:ja.value,repeatCount:"indefinite",values:"1;"+wa.value/2},null,8,sa)):u("",!0),Sa.value?(c(),i("animate",{key:1,attributeName:"opacity",dur:ja.value,repeatCount:"indefinite",values:"1;0"},null,8,oa)):u("",!0)],8,na),n("circle",{cx:wa.value/2,cy:xa.value/2,fill:_a.value[1],r:"2"},null,8,va),n("g",null,[(c(!0),i(t,null,f(Ja.value.splitLines,e=>(c(),i("polyline",{key:e,opacity:"0.5",points:e,stroke:_a.value[1],"stroke-width":"0.5"},null,8,da))),128))]),(c(!0),i(t,null,f(Ja.value.arcPaths,e=>(c(),i("path",{key:e,fill:"transparent",d:e,stroke:_a.value[1],"stroke-width":"2"},null,8,ca))),128)),n("use",{href:`#${Da}`},[Sa.value?(c(),i("animateTransform",{key:0,attributeName:"transform",dur:Qa(3),repeatCount:"indefinite",type:"rotate",values:s.reverse?`0,${wa.value/2} ${xa.value/2};-360,${wa.value/2} ${xa.value/2}`:`0,${wa.value/2} ${xa.value/2};360,${wa.value/2} ${xa.value/2}`},null,8,ha)):u("",!0)],8,fa)],8,ta)),7!==s.variant?(c(),i("div",{key:12,class:v(["lumal-decoration__content",{"lumal-decoration__content--centered":9===s.variant||11===s.variant||12===s.variant}])},[h(e.$slots,"default")],2)):u("",!0)],46,S))}});export{pa as t};

package/dist/LumalDecoration-DTXgjs1L.cjs

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

package/dist/LumalDigitalFlop-CroKCDIF.js

@@ -0,0 +1 @@
+import{n as e,t as a}from"./useReducedMotion-DAd-e0UG.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 d,useId as m,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-${m().replaceAll(":","")}`,b=a(),S=e(F),A=n(()=>I.config?.style),C=n(()=>I.animationCurve??I.config?.animationCurve??"easeOutCubic"),D=n(()=>I.animationFrame??I.config?.animationFrame??50),$=n(()=>Math.min(100,Math.max(0,Math.floor(I.precision??I.config?.toFixed??0)))),B=n(()=>I.rowGap??I.config?.rowGap??0),P=n(()=>I.color??A.value?.fill??"#3de7c9"),_=n(()=>I.fontFamily??A.value?.fontFamily??"Arial"),Q=n(()=>I.fontSize??A.value?.fontSize??30),j=n(()=>I.fontStyle??A.value?.fontStyle??"normal"),z=n(()=>A.value?.fontVarient??"normal"),W=n(()=>I.fontWeight??A.value?.fontWeight??"normal"),E=n(()=>A.value?.opacity??1),G=n(()=>A.value?.stroke??"transparent"),q=n(()=>A.value?.lineCap),T=n(()=>A.value?.lineDash),J=n(()=>A.value?.lineDashOffset??0),L=n(()=>A.value?.lineJoin),N=n(()=>A.value?.lineWidth??0),R=n(()=>Math.max(0,A.value?.shadowBlur??0)),V=n(()=>A.value?.shadowColor??"transparent"),X=n(()=>A.value?.shadowOffsetX??0),Y=n(()=>A.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($.value))??e.toFixed($.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,Q.value)+B.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,Q.value*le.value.length+B.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||S.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,S],([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:P.value,"font-family":_.value,"font-size":Q.value,"font-style":j.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},d(e),9,w))),128))],8,k)]))],12,g))}});export{I as t};

package/dist/LumalDigitalFlop-Dq-czbRg.cjs

@@ -0,0 +1 @@
+const e=require("./useReducedMotion-BSGaaiA-.cjs");let t=require("vue");var a=["aria-label"],o={class:"lumal-digital-flop__svg","aria-hidden":"true"},n={key:0},l=["dx","dy","stdDeviation","flood-color"],u=["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"],i=["x","dy"],r=(0,t.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(r){const c=r,s=(0,t.useTemplateRef)("root"),m=`lumal-digital-flop-shadow-${(0,t.useId)().replaceAll(":","")}`,d=e.useReducedMotion(),f=e.useAnimationPause(s),v=(0,t.computed)(()=>c.config?.style),p=(0,t.computed)(()=>c.animationCurve??c.config?.animationCurve??"easeOutCubic"),h=(0,t.computed)(()=>c.animationFrame??c.config?.animationFrame??50),g=(0,t.computed)(()=>Math.min(100,Math.max(0,Math.floor(c.precision??c.config?.toFixed??0)))),y=(0,t.computed)(()=>c.rowGap??c.config?.rowGap??0),x=(0,t.computed)(()=>c.color??v.value?.fill??"#3de7c9"),k=(0,t.computed)(()=>c.fontFamily??v.value?.fontFamily??"Arial"),M=(0,t.computed)(()=>c.fontSize??v.value?.fontSize??30),w=(0,t.computed)(()=>c.fontStyle??v.value?.fontStyle??"normal"),B=(0,t.computed)(()=>v.value?.fontVarient??"normal"),F=(0,t.computed)(()=>c.fontWeight??v.value?.fontWeight??"normal"),I=(0,t.computed)(()=>v.value?.opacity??1),O=(0,t.computed)(()=>v.value?.stroke??"transparent"),b=(0,t.computed)(()=>v.value?.lineCap),S=(0,t.computed)(()=>v.value?.lineDash),E=(0,t.computed)(()=>v.value?.lineDashOffset??0),A=(0,t.computed)(()=>v.value?.lineJoin),C=(0,t.computed)(()=>v.value?.lineWidth??0),D=(0,t.computed)(()=>Math.max(0,v.value?.shadowBlur??0)),P=(0,t.computed)(()=>v.value?.shadowColor??"transparent"),$=(0,t.computed)(()=>v.value?.shadowOffsetX??0),_=(0,t.computed)(()=>v.value?.shadowOffsetY??0),j=(0,t.computed)(()=>D.value>0||0!==$.value||0!==_.value),z=(0,t.computed)(()=>c.textAlign??c.config?.textAlign??"center");let Q;function N(e){return Number.isFinite(e)?e:0}function V(){return void 0!==c.numbers?c.numbers.map(N):void 0!==c.value?[N(c.value)]:(c.config?.number??[]).map(N)}const q=(0,t.shallowRef)(V());function R(){void 0!==Q&&("function"==typeof cancelAnimationFrame?cancelAnimationFrame(Q):clearTimeout(Q),Q=void 0)}function W(e){return"function"==typeof requestAnimationFrame?requestAnimationFrame(e):setTimeout(()=>e(Date.now()),16)}const G=(0,t.computed)(()=>q.value.map((e,t)=>c.formatter?.(e,t)??c.config?.formatter?.(e.toFixed(g.value))??e.toFixed(g.value))),L=(0,t.computed)(()=>(c.content??(void 0!==c.prefix||void 0!==c.suffix?`${c.prefix??""}{nt}${c.suffix??""}`:c.config?.content??"{nt}")).split("{nt}").map((e,t)=>`${e}${G.value[t]??""}`).join("")),T=(0,t.computed)(()=>L.value.split("\n")),J=(0,t.computed)(()=>Math.max(1,M.value)+y.value),U=(0,t.computed)(()=>-(T.value.length-1)*J.value/2),X=(0,t.computed)(()=>({left:"start",center:"middle",right:"end"}[z.value])),Y=(0,t.computed)(()=>({left:"0%",center:"50%",right:"100%"}[z.value])),H=(0,t.computed)(()=>({"--lumal-digital-flop-height":`${Math.max(1,M.value*T.value.length+y.value*Math.max(0,T.value.length-1))}px`}));return(0,t.watch)([()=>c.value,()=>c.numbers,()=>c.config],function(){R();const e=V(),t=void 0!==c.duration?Math.max(0,c.duration):Math.max(0,h.value)*(1e3/60);if(e.length!==q.value.length||0===t||d.value||f.value||"undefined"==typeof window)return void(q.value=e);const a=[...q.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}(p.value,u);q.value=e.map((e,t)=>a[t]+(e-a[t])*i),Q=u<1?W(n):void 0};Q=W(n)}),(0,t.watch)([d,f],([e,t])=>{(e||t)&&(R(),q.value=V())}),(0,t.onBeforeUnmount)(R),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"root",ref:s,class:"lumal-digital-flop",style:(0,t.normalizeStyle)(H.value),"aria-label":L.value},[((0,t.openBlock)(),(0,t.createElementBlock)("svg",o,[j.value?((0,t.openBlock)(),(0,t.createElementBlock)("defs",n,[(0,t.createElementVNode)("filter",{id:m,x:"-50%",y:"-50%",width:"200%",height:"200%"},[(0,t.createElementVNode)("feDropShadow",{dx:$.value,dy:_.value,stdDeviation:D.value/2,"flood-color":P.value},null,8,l)])])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("text",{class:"lumal-digital-flop__value",x:Y.value,y:"50%",fill:x.value,"font-family":k.value,"font-size":M.value,"font-style":w.value,"font-variant":B.value,"font-weight":F.value,opacity:I.value,stroke:O.value,"stroke-dasharray":S.value?.join(","),"stroke-dashoffset":E.value,"stroke-linecap":b.value,"stroke-linejoin":A.value,"stroke-width":C.value,"text-anchor":X.value,filter:j.value?`url(#${m})`:void 0,"dominant-baseline":"middle"},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(T.value,(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("tspan",{key:a,x:Y.value,dy:0===a?U.value:J.value},(0,t.toDisplayString)(e),9,i))),128))],8,u)]))],12,a))}});Object.defineProperty(exports,"LumalDigitalFlop_default",{enumerable:!0,get:function(){return r}});