import{m as u,c as r,b as t,t as l,d,f as g,F as p,r as b,u as o,v as y,q as S,o as c}from"./app-13978987.js";import{u as _}from"./designStore-f93d210d.js";import"./fabric-1ff51d4a.js";const h=t("h3",null,"Settings",-1),k={class:"mt-4 space-y-4"},C={class:"label mb-1"},x={value:""},w=["value"],B={class:"flex items-center justify-between gap-2"},D=t("span",{class:"text-lg"},"BG Color ",-1),V={class:"flex items-center gap-3"},F={class:"h-10 w-10 overflow-hidden rounded-full"},M={class:"w-16"},q={__name:"SettingsTab",props:["categories"],setup(v){const s=_(),n=u(s.form.title||""),m=u(s.form.status||""),f=()=>{s.$patch({form:{title:n.value,status:m.value}}),S.success("Saved Successfully")};return(i,a)=>(c(),r(p,null,[h,t("div",k,[t("div",null,[t("label",C,l(i.trans("Category")),1),d(t("select",{"onUpdate:modelValue":a[0]||(a[0]=e=>n.value=e),class:"select"},[t("option",x,l(i.trans("Select")),1),(c(!0),r(p,null,b(v.categories,e=>(c(),r("option",{value:e.id,key:e.id},l(e.title),9,w))),128))],512),[[g,n.value]])]),t("button",{type:"button",class:"btn btn-soft-primary",onClick:f},"Save"),t("button",{onClick:a[1]||(a[1]=()=>{o(s).canvasStyles.backgroundColor="transparent",o(s).changeCanvasStyle()}),class:"btn btn-soft-success block w-full"}," Remove Background "),t("div",B,[D,t("div",V,[t("div",F,[d(t("input",{"onUpdate:modelValue":a[2]||(a[2]=e=>o(s).canvasStyles.backgroundColor=e),onInput:a[3]||(a[3]=(...e)=>o(s).changeCanvasStyle&&o(s).changeCanvasStyle(...e)),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),[[y,o(s).canvasStyles.backgroundColor]])]),t("p",M,l(o(s).canvasStyles.backgroundColor),1)])])])],64))}};export{q as default};
