import oe from"./_6A4EL4o.js";import se from"./efcsk0Lc.js";import ne from"./C5cc036q.js";import ie from"./DxbDkpU9.js";import{u as ae,_ as le}from"./CCb6Ii9b.js";import pe from"./Ce1Sjjn1.js";import{d as re,a as ue,k as ce,l as z,m as de,r,u as ge,K as _e,s as me,p as he,e as ve,j as fe,f as m,h as a,t as h,i as u,v,g as e,x as y,B as Le,F as be,y as xe,z as A,C,T as F,D as ye,G as Ce,o as l,n as we,I as De,U as ke,_ as Se}from"./BxiWQxwE.js";import Ie from"./uQu5og1w.js";import Te from"./DyCHKxtu.js";import{u as Ne}from"./C2dOrIeI.js";import"./9mcJnkzw.js";import"./Bq7un2f4.js";import"./BpaGfDpb.js";import"./Dl6s6BfE.js";import"./DKUQAchG.js";import"./C4s7dVXj.js";const Be={class:"container"},$e={class:"header"},Ue={class:"lists"},Ve={key:2},Ee={key:3,class:"lists__actions"},Me=["aria-label","disabled"],Re=re({__name:"index",setup(ze){const{$gtm:w,$messages:t}=ue(),{loggedIn:g}=ce(),{userShoppingLists:f}=z(),{openConfirmationDialog:D}=de(),{undoDragId:N}=ae(),{deleteShoppinglist:O,getShoppingListData:B,hasShoppingLists:$,shoppingListToDelete:p}=z(),L=r(!1),c=r([]),k=ge(),{isBasketPage:P}=_e(k),_=r(),S=r(!1),b=r(!1),I=r({shoppingListName:""}),x=r(!1);me(f,()=>{c.value=[...f.value??[]]},{immediate:!0,deep:!0});const d=r(),U=async(s,o=void 0)=>{s&&(d.value&&p.value&&(clearTimeout(d.value),await V()),p.value=s,_.value=s.shoppingListId,N.value=o,D.value=!0)},{createShoppingList:j}=he(),G=async s=>{var o;b.value=!0,I.value.shoppingListName="";try{(o=(await j({name:s})).createShoppingList)!=null&&o.isSuccess&&(w("shoppingList.save",{name:s}),await B(),x.value=!1,b.value=!1)}catch(i){b.value=!1,I.value.shoppingListName=t("error.common")??"",console.error("Error while creating a new shopping list",i)}},H=async s=>await we(`${k.path}/${s.shoppingListId}`),K=()=>{d.value&&clearTimeout(d.value),c.value=[...f.value??[]],p.value=null,L.value=!1},Q=()=>{var s;S.value=!1,c.value=((s=f.value)==null?void 0:s.filter(o=>{var i;return o.shoppingListId!==((i=p.value)==null?void 0:i.shoppingListId)}))??[],L.value=!0,d.value=setTimeout(async()=>{await V()},ke),T()},V=async()=>{var o,i;await O(String((o=p.value)==null?void 0:o.shoppingListId))?await B():S.value=!0,w("shoppingList.delete",{name:(i=p.value)==null?void 0:i.name}),p.value=null,_.value=null,L.value=!1},T=()=>{N.value=null,document.body.classList.remove("locked"),D.value=!1,_.value=null},W=ve(()=>g.value&&!$.value||g.value&&d.value&&c.value.length===0);return Ne({title:t("shoppinglist.seo.title"),ogTitle:t("shoppinglist.seo.title"),description:t("shoppinglist.seo.description"),ogDescription:t("shoppinglist.seo.ogDescription"),ogImage:t("shoppinglist.seo.ogImage"),twitterCard:"summary_large_image"}),fe(()=>w("pageview",{pageType:"PageView",pageUrl:k.path,pageName:t("shoppinglist.seo.title")})),(s,o)=>{var M;const i=oe,q=se,J=ne,X=ie,Y=le,Z=pe,E=Ce,ee=Ie,te=Te;return l(),m("div",null,[a("section",null,[u(i),a("div",Be,[a("div",$e,[a("h1",null,v(e(t)("shoppinglist.title")),1),a("p",null,v(e(t)("shoppinglist.description")),1)]),a("div",Ue,[e(g)?y("",!0):(l(),h(q,{key:0})),e(W)?(l(),h(J,{key:1})):e(g)&&e($)?(l(),m("div",Ve,[a("h2",null,[Le(v(e(t)("shoppinglist.subtitle"))+" ",1),a("span",null,"("+v(((M=e(c))==null?void 0:M.length)??0)+")",1)]),a("ul",null,[(l(!0),m(be,null,xe(e(c),n=>(l(),m("li",{key:n.shoppingListId,tabindex:"0"},[u(Y,{id:n.shoppingListId,onDragged:R=>U(n,R.id)},{default:C(()=>[u(X,{list:n,loading:e(_)===n.shoppingListId,error:e(S),onDeleteList:U,onClick:A(R=>H(n),["exact"])},null,8,["list","loading","error","onClick"])]),_:2},1032,["id","onDragged"])]))),128))])])):y("",!0),e(g)?(l(),m("div",Ee,[a("button",{type:"button","aria-label":e(t)("aria.createList"),class:"button button-green-outline",disabled:!!e(_),onClick:o[0]||(o[0]=A(n=>x.value=!0,["exact"]))},v(e(t)("shoppinglist.ctaCreateList")),9,Me)])):y("",!0)]),(l(),h(F,{to:"body"},[u(E,{id:"list__dialog--create",open:e(x),onClose:o[1]||(o[1]=n=>x.value=!1)},{default:C(()=>[u(Z,{loading:e(b),error:e(I).shoppingListName,"triggered-from-basket":e(P),onCreateNewList:G},null,8,["loading","error","triggered-from-basket"])]),_:1},8,["open"])])),u(ye,{name:"slide-up-full"},{default:C(()=>[e(L)?(l(),h(ee,{key:0,onUndo:K})):y("",!0)]),_:1})])]),(l(),h(F,{to:"body"},[u(E,{id:"confirmation__dialog",open:!!e(D),onClose:T},{default:C(()=>{var n;return[u(te,{title:e(t)("shoppinglist.confirmation.title")??"",subtitle:e(t)("shoppinglist.confirmation.subtitle")??"",description:e(t)("shoppinglist.confirmation.description",{name:e(De)(((n=e(p))==null?void 0:n.name)??e(t)("navigation.header.list")??"")})??"","confirm-text":"common.buttons.delete",onConfirm:Q,onCancel:T},null,8,["title","subtitle","description"])]}),_:1},8,["open"])]))])}}}),tt=Se(Re,[["__scopeId","data-v-2195d427"]]);export{tt as default};