import{_ as k}from"./C4s7dVXj.js";import{d as w,a as L,r as _,j as B,bs as T,e as V,f as r,h as s,x as f,v as n,g as e,B as A,i as C,aH as h,z as y,A as $,o as d,_ as q}from"./BxiWQxwE.js";const K={class:"dialog-list"},j={class:"dialog-list__header"},z={key:0},D={class:"dialog-list__content"},E={class:"form__input form__input--list"},F={for:"new-list"},M={key:0,class:"error"},O={class:"dialog-list__footer"},P={class:"dialog-list__footer--actions"},S=["aria-label","disabled"],H=w({__name:"new",props:{loading:{type:Boolean,required:!1},error:{type:String,required:!0},productToAdd:{type:Object,required:!1,default:null},triggeredFromBasket:{type:Boolean,required:!1,default:!1}},emits:["create-new-list"],setup(i,{emit:v}){const u=i,{$messages:o}=L(),a=_({shoppingListName:""}),c=_(),m=v,b=l=>{l.preventDefault(),l.stopPropagation(),m("create-new-list",a.value.shoppingListName)};B(async()=>{var l,t;await T(),(t=(l=c.value)==null?void 0:l.input)==null||t.focus()});const N=V(()=>u.triggeredFromBasket?o("shoppinglist.popup.ctaPlural"):u.productToAdd?o("shoppinglist.popup.cta"):o("shoppinglist.popup.ctaListOnly"));return(l,t)=>{var g;const x=k;return d(),r("div",K,[s("div",j,[s("h2",null,n(e(o)("shoppinglist.popup.title")),1),s("p",null,n(e(o)("shoppinglist.popup.description")),1),i.productToAdd?(d(),r("span",z,[A(n(e(o)("shoppinglist.popup.subtitle"))+" ",1),s("strong",null,n((g=i.productToAdd)==null?void 0:g.headerText),1)])):f("",!0)]),s("div",D,[s("div",E,[s("label",F,n(e(o)("shoppinglist.popup.form.label"))+" * ",1),C(x,{id:"new-list",ref_key:"input",ref:c,modelValue:e(a).shoppingListName,"onUpdate:modelValue":t[0]||(t[0]=p=>e(a).shoppingListName=p),placeholder:e(o)("shoppinglist.popup.form.placeholder"),onClear:t[1]||(t[1]=p=>e(a).shoppingListName=""),onKeyup:[t[2]||(t[2]=h(p=>e(a).shoppingListName="",["escape"])),h(y(b,["exact"]),["enter"])]},null,8,["modelValue","placeholder","onKeyup"]),i.error?(d(),r("small",M,n(i.error),1)):f("",!0)])]),s("div",O,[s("div",P,[s("button",{type:"button","aria-label":e(o)("shoppinglist.popup.cta"),class:$(["button button-green",{loading:i.loading}]),disabled:!e(a).shoppingListName||i.loading,onClick:t[3]||(t[3]=y(p=>m("create-new-list",e(a).shoppingListName),["exact"]))},n(e(N)),11,S)])])])}}}),G=q(H,[["__scopeId","data-v-88277323"]]);export{G as default};