https://www.evoto.ai/_nuxt-features/DoaWJ1Rn.js

1import{_ as X}from"./BUcZTVNv.js";import{_ as Z}from"./BPEGFgd9.js";import{E as ee}from"./CZiWjBYw.js";import{a9 as le,m as te,v as d,fJ as F,w as c,x as V,q as o,ac as a,b_ as s,ae as n,y as Y,eL as oe,c2 as A,c3 as B,fK as ae,ab as N,eN as ne,fL as ue,b$ as de,fM as se,fN as pe,c6 as b,bq as re,d0 as me,d1 as ie,bf as ce}from"./BNqq9U_m.js";import{E as ve,a as ge}from"./DVSSS2MM.js";/* empty css        */import{u as fe}from"./CYu03vJw.js";import{u as _e}from"./BU0ua43h.js";import"./BmUAKFkK.js";import"./Cz6k-87H.js";import"./DECKMXfQ.js";import"./DqdfEzx-.js";import"./DN8Xamec.js";import"./DjlUR3gU.js";import"./DF7iQaQc.js";const Ve=v=>(me("data-v-c27fe19e"),v=v(),ie(),v),be={class:"property-row"},ye=Ve(()=>Y("span",{class:"property-label"},"Link Color",-1)),xe=le({__name:"TextProperties",props:{component:{}},emits:["update"],setup(v,{emit:D}){const O=v,w=D,g=te(["content","style","layout"]),J={desc:"content"},{focusRootRef:K}=_e({componentId:()=>O.component.id,itemCount:()=>0,onFocus:(t,l)=>{const f=l&&J[l];f&&!g.value.includes(f)&&g.value.push(f)}}),{updateProperty:$,updateSimpleProperty:j}=fe(),u=d(()=>O.component.properties),p=(t,l)=>{$(u.value,t,l,w)},Q=(t,l)=>{j(u.value,t,l,w)},y=d({get:()=>u.value.content,set:t=>p("content",t)}),x=d({get:()=>u.value.tag,set:t=>p("tag",t)}),S=d({get:()=>u.value.fontSize,set:t=>p("fontSize",t)}),U=d({get:()=>u.value.color,set:t=>p("color",t)}),P=d({get:()=>u.value.fontFamily,set:t=>p("fontFamily",t)}),T=d({get:()=>u.value.textAlign,set:t=>p("textAlign",t)}),C=d({get:()=>u.value.lineHeight,set:t=>p("lineHeight",t)}),L=d({get:()=>u.value.marginTop,set:t=>p("marginTop",t)}),E=d({get:()=>u.value.marginBottom,set:t=>p("marginBottom",t)}),R=d({get:()=>u.value.fontStyle||F("normal"),set:t=>p("fontStyle",t)}),k=d({get:()=>u.value.paddingLeft||F("0px"),set:t=>p("paddingLeft",t)}),I=d({get:()=>u.value.paddingRight||F("0px"),set:t=>p("paddingRight",t)}),H=d({get:()=>u.value.linkColor||"#3083ff",set:t=>Q("linkColor",t)});return(t,l)=>{const f=X,r=Z,M=ee,z=ne,q=oe,h=ve,_=pe,G=de,W=ge;return c(),V("div",{ref_key:"focusRootRef",ref:K,class:"text-properties"},[o(W,{modelValue:n(g),"onUpdate:modelValue":l[13]||(l[13]=e=>s(g)?g.value=e:null)},{default:a(()=>[o(h,{title:"Content",name:"content","data-focus-anchor":"desc"},{default:a(()=>[o(r,{modelValue:n(y),"onUpdate:modelValue":l[0]||(l[0]=e=>s(y)?y.value=e:null),label:"Content",placeholder:"Enter text content",tooltip:"Use \\n for line breaks, **bold**, *italic*, start a line with - or 1. for lists, [text](url){target} for links"},{input:a(({value:e,update:m})=>[o(f,{"model-value":e,rows:4,placeholder:"Enter text content","onUpdate:modelValue":m},null,8,["model-value","onUpdate:modelValue"])]),_:1},8,["modelValue"]),Y("div",be,[ye,o(M,{"model-value":n(H),"show-alpha":"",onActiveChange:l[1]||(l[1]=e=>H.value=e)},null,8,["model-value"])]),o(r,{modelValue:n(x),"onUpdate:modelValue":l[2]||(l[2]=e=>s(x)?x.value=e:null),label:"HTML Tag",tooltip:"Choose the HTML tag for this text"},{input:a(({value:e,update:m})=>[o(q,{"model-value":e,placeholder:"Select tag","onUpdate:modelValue":m},{default:a(()=>[(c(!0),V(A,null,B(n(ae),i=>(c(),N(z,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:2},1032,["model-value","onUpdate:modelValue"])]),_:1},8,["modelValue"])]),_:1}),o(h,{title:"Style",name:"style"},{default:a(()=>[o(r,{modelValue:n(S),"onUpdate:modelValue":l[3]||(l[3]=e=>s(S)?S.value=e:null),label:"Font Size",placeholder:"e.g., 16px"},null,8,["modelValue"]),o(r,{modelValue:n(U),"onUpdate:modelValue":l[4]||(l[4]=e=>s(U)?U.value=e:null),label:"Color",placeholder:"e.g., #000000"},{input:a(({value:e,update:m})=>[o(M,{"model-value":e,"show-alpha":"",onActiveChange:m},null,8,["model-value","onActiveChange"])]),_:1},8,["modelValue"]),o(r,{modelValue:n(P),"onUpdate:modelValue":l[5]||(l[5]=e=>s(P)?P.value=e:null),label:"Font Family"},{input:a(({value:e,update:m})=>[o(q,{"model-value":e,placeholder:"Select font","onUpdate:modelValue":m},{default:a(()=>[(c(!0),V(A,null,B(n(ue),i=>(c(),N(z,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:2},1032,["model-value","onUpdate:modelValue"])]),_:1},8,["modelValue"]),o(r,{modelValue:n(R),"onUpdate:modelValue":l[6]||(l[6]=e=>s(R)?R.value=e:null),label:"Font Style"},{input:a(({value:e,update:m})=>[o(G,{"model-value":e,"onUpdate:modelValue":m},{default:a(()=>[(c(!0),V(A,null,B(n(se),i=>(c(),N(_,{key:i.value,label:i.value},{default:a(()=>[b(re(i.label),1)]),_:2},1032,["label"]))),128))]),_:2},1032,["model-value","onUpdate:modelValue"])]),_:1},8,["modelValue"]),o(r,{modelValue:n(C),"onUpdate:modelValue":l[7]||

1(l[7]=e=>s(C)?C.value=e:null),label:"Line Height",placeholder:"e.g., 1.5"},null,8,["modelValue"])]),_:1}),o(h,{title:"Layout",name:"layout"},{default:a(()=>[o(r,{modelValue:n(T),"onUpdate:modelValue":l[8]||(l[8]=e=>s(T)?T.value=e:null),label:"Text Align"},{input:a(({value:e,update:m})=>[o(G,{"model-value":e,"onUpdate:modelValue":m},{default:a(()=>[o(_,{label:"left"},{default:a(()=>[b("Left")]),_:1}),o(_,{label:"center"},{default:a(()=>[b("Center")]),_:1}),o(_,{label:"right"},{default:a(()=>[b("Right")]),_:1})]),_:2},1032,["model-value","onUpdate:modelValue"])]),_:1},8,["modelValue"]),o(r,{modelValue:n(L),"onUpdate:modelValue":l[9]||(l[9]=e=>s(L)?L.value=e:null),label:"Margin Top",placeholder:"e.g., 0px"},null,8,["modelValue"]),o(r,{modelValue:n(E),"onUpdate:modelValue":l[10]||(l[10]=e=>s(E)?E.value=e:null),label:"Margin Bottom",placeholder:"e.g., 0px"},null,8,["modelValue"]),o(r,{modelValue:n(k),"onUpdate:modelValue":l[11]||(l[11]=e=>s(k)?k.value=e:null),label:"Indent Left",placeholder:"e.g., 0px"},null,8,["modelValue"]),o(r,{modelValue:n(I),"onUpdate:modelValue":l[12]||(l[12]=e=>s(I)?I.value=e:null),label:"Indent Right",placeholder:"e.g., 0px"},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])],512)}}}),Oe=ce(xe,[["__scopeId","data-v-c27fe19e"]]);export{Oe as default};