import{_ as d}from"./index-M_JNBppB.js";import{r as m,c as s,B as n,z as c,D as i,M as h,a7 as y,W as p}from"./vue-BJk78QHK.js";import"./element-3_pOinej.js";import"./utils-YI6ye1sf.js";import"./threejs-BafxXW5-.js";import"./vxe-Dx3zSILm.js";const b={style:{position:"relative"}},f=Object.assign({name:"Decoration21"},{__name:"Decoration21",props:{propValue:{type:Object,default:()=>({})},element:{type:Object,default:()=>({})},linkage:{type:Object,default:()=>({})}},setup(e){const r=e,u=m(-10),t=s(()=>r.element.style.width/60);return s(()=>{const o=r.element.style.width,l=r.element.style.height;return{width:o,height:l}}),(o,l)=>(c(),n("div",b,[(c(),n(h,null,y(29,a=>i("div",{key:a,class:"c",style:p({height:`${t.value+t.value*a}px`,width:`${(t.value+t.value*a)*2}px`,"animation-delay":`${u.value+.2*a}s`,border:`${e.propValue.border}px ${e.propValue.borderType} ${e.propValue.borderColor}`})},null,4)),64)),i("div",{class:"l",style:p({width:`${e.propValue.waterWith}px`,background:e.propValue.waterColor})},null,4)]))}}),D=d(f,[["__scopeId","data-v-06f93310"]]);export{D as default};
