import{c as g,b as e,t as a,a as u,j as x,u as l,d as r,v as c,n as i,o as b,a4 as y}from"./app-13978987.js";import{u as m}from"./designStore-f93d210d.js";import{s as f}from"./multiselect-4ccf8c7b.js";import"./fabric-1ff51d4a.js";const h={class:"mt-6 space-y-6"},_={class:"mb-2 mt-2"},k={class:"label mb-1"},v={class:"multiselect-single-label"},T={class:"flex items-center gap-2"},w=e("span",{class:"text-lg"},"Size",-1),C=e("i",{class:"bx bx-bold text-lg"},null,-1),F=[C],$=e("i",{class:"bx bx-underline text-lg"},null,-1),V=[$],A=e("i",{class:"bx bx-italic text-lg"},null,-1),W=[A],z={class:"flex items-center gap-2"},B=e("span",{class:"text-lg"},"Text Alignment ",-1),U=e("i",{class:"bx bx-align-left text-lg"},null,-1),j=[U],D=e("i",{class:"bx bx-align-middle text-lg"},null,-1),I=[D],N=e("i",{class:"bx bx-align-right text-lg"},null,-1),E=[N],G={class:"flex items-center justify-between gap-2"},L=e("span",{class:"text-lg"},"Text Color ",-1),M={class:"flex items-center gap-3"},q={class:"h-10 w-10 overflow-hidden rounded-full"},H={class:"w-16"},J={class:"flex items-center justify-between gap-2"},K=e("span",{class:"text-lg"},"Text BG Color ",-1),O={class:"flex items-center gap-3"},P={class:"h-10 w-10 overflow-hidden rounded-full"},Q={class:"w-16"},et={__name:"SelectedTextTab",setup(R){const t=m(),p=()=>{let o;t.textStyles.fontWeight==="normal"?o="bold":o="normal",console.log(o),t.$patch({textStyles:{fontWeight:o}}),t.changeSelectedTextStyle()},S=()=>{let o;t.textStyles.fontStyle==="normal"?o="italic":o="normal",t.$patch({textStyles:{fontStyle:o}}),t.changeSelectedTextStyle()},d=o=>{t.$patch({textStyles:{textAlign:o}}),t.changeSelectedTextStyle()};return(o,s)=>(b(),g("div",h,[e("div",_,[e("label",k,a(o.trans("Font Family")),1),u(l(f),{onSelect:s[0]||(s[0]=n=>l(t).changeSelectedTextStyle()),class:"multiselect-dark",modelValue:l(t).textStyles.fontFamily,"onUpdate:modelValue":s[1]||(s[1]=n=>l(t).textStyles.fontFamily=n),mode:"single",options:l(t).fontLists,searchable:!0,placeholder:"Select Fonts"},{singlelabel:x(({value:n})=>[e("div",v,[e("span",{style:y({fontFamily:`${n.label}`})},a(n.label),5)])]),option:x(({option:n})=>[e("span",{style:y({fontFamily:`${n.label}`})},a(n.label),5)]),_:1},8,["modelValue","options"])]),e("div",T,[w,r(e("input",{"onUpdate:modelValue":s[2]||(s[2]=n=>l(t).textStyles.fontSize=n),onInput:s[3]||(s[3]=(...n)=>l(t).changeSelectedTextStyle&&l(t).changeSelectedTextStyle(...n)),type:"text",class:"input w-20"},null,544),[[c,l(t).textStyles.fontSize]]),e("button",{class:i(["btn py-1",{"btn-dark":l(t).textStyles.fontWeight==="normal","btn-primary":l(t).textStyles.fontWeight==="bold"}]),onClick:p},F,2),e("button",{onClick:s[4]||(s[4]=()=>{l(t).textStyles.underline=!l(t).textStyles.underline,l(t).changeSelectedTextStyle()}),class:i(["btn py-1",{"btn-dark":!l(t).textStyles.underline,"btn-primary":l(t).textStyles.underline}])},V,2),e("button",{class:i(["btn py-1",{"btn-dark":l(t).textStyles.fontStyle==="normal","btn-primary":l(t).textStyles.fontStyle==="italic"}]),onClick:S},W,2)]),e("div",z,[B,e("button",{class:i(["btn py-1",l(t).textStyles.textAlign==="left"?"btn-primary":"btn-dark"]),onClick:s[5]||(s[5]=n=>d("left"))},j,2),e("button",{onClick:s[6]||(s[6]=n=>d("center")),class:i(["btn py-1",l(t).textStyles.textAlign==="center"?"btn-primary":"btn-dark"])},I,2),e("button",{class:i(["btn py-1",l(t).textStyles.textAlign==="right"?"btn-primary":"btn-dark"]),onClick:s[7]||(s[7]=n=>d("right"))},E,2)]),e("div",G,[L,e("div",M,[e("div",q,[r(e("input",{"onUpdate:modelValue":s[8]||(s[8]=n=>l(t).textStyles.fill=n),onInput:s[9]||(s[9]=(...n)=>l(t).changeSelectedTextStyle&&l(t).changeSelectedTextStyle(...n)),class:"h-14 w-12 -translate-x-1 -translate-y-2 rounded-xl bg-transparent text-sm text-slate-700 outline-none placeholder:text-slate-400 focus:ring-0 focus:ring-primary-500 dark:text-slate-200",type:"color",name:"file"},null,544),[[c,l(t).textStyles.fill]])]),e("p",H,a(l(t).textStyles.fill),1)])]),e("div",J,[K,e("div",O,[e("div",P,[r(e("input",{"onUpdate:modelValue":s[10]||(s[10]=n=>l(t).textStyles.backgroundColor=n),onInput:s[11]||(s[11]=(...n)=>l(t).changeSelectedTextStyle&&l(t).changeSelectedTextStyle(...n)),class:"h-14 w-12 -translate-x-1 -translate-y-2 rounded-xl bg-transparent text-sm text-slate-700 outline-none placeholder:text-slate-400 focus:ring-0 focus:ring-primary-500 dark:text-slate-200",type:"color",name:"file"},null,544),[[c,l(t).textStyles.backgroundColor]])]),e("p",Q,a(l(t).textStyles.fill),1)])])]))}};export{et as default};
