import{_ as u}from"./index-M_JNBppB.js";import{r as g,w as i,j as f,ag as h,B as c,z as m,O as v,D as _,u as w}from"./vue-BJk78QHK.js";import"./element-3_pOinej.js";import"./utils-YI6ye1sf.js";import"./threejs-BafxXW5-.js";import"./vxe-Dx3zSILm.js";const y={class:"svg-triangle-container"},V={version:"1.1",baseProfile:"full",xmlns:"http://www.w3.org/2000/svg"},k=["points","stroke","fill"],x=Object.assign({name:"SVGTriangle"},{__name:"SVGTriangle",props:{propValue:{type:String,required:!0,default:""},element:{type:Object,default:()=>({})}},setup(e){const n=e,a=g("");function p(t,o){const d=[[.5,.05],[1,.95],[0,.95]].map(r=>`${t*r[0]} ${o*r[1]}`);a.value=d.toString()}function s(){const{width:t,height:o}=n.element.style;p(t,o)}return i(()=>n.element.style.width,()=>{s()}),i(()=>n.element.style.height,()=>{s()}),f(()=>{s()}),(t,o)=>{const l=h("v-text");return m(),c("div",y,[(m(),c("svg",V,[_("polygon",{points:w(a),stroke:e.element.style.borderColor,fill:e.element.style.backgroundColor,"stroke-width":"1"},null,8,k)])),v(l,{"prop-value":e.element.propValue,element:e.element},null,8,["prop-value","element"])])}}}),D=u(x,[["__scopeId","data-v-405fd446"]]);export{D as default};
