import J from"./DXn7UZRN.js";import{d as K,a as R,r as y,e as b,u as X,a3 as Z,b as tt,b7 as et,j as ot,b8 as at,f as c,h as r,i as k,F as p,y as B,g as n,t as x,x as l,C as ct,$ as C,v as _,z as N,A as nt,a0 as st,ac as rt,o as a,V as dt,B as it,b9 as lt,n as ut,a9 as mt,b5 as pt,_ as _t}from"./BxiWQxwE.js";import{_ as gt}from"./4HfP1VOY.js";import"./QMEN6lyk.js";import"./CxeYIrhH.js";const ft=["data-product-id"],ht={class:"product__card--top"},vt={class:"actions"},yt={class:"product__card--image"},bt=["src","alt"],kt={class:"logos"},xt=["src","alt"],Ct=["src","alt"],wt={class:"product__card--content"},Pt={key:2,class:"addition"},It={key:3,class:"packaging"},$t={class:"bottom"},Et={class:"actions"},Tt=["aria-label"],qt=K({__name:"item",props:{product:{type:Object,required:!0},department:{type:Object,required:!1,default:null},savedProduct:{type:Boolean,required:!1},options:{type:Object,required:!1,default:()=>({border:!0,color:"var(--black-color)",direction:null,parent_has_background_color:!1})},listName:{type:String,required:!1,default:""}},emits:["add","update","remove","observed","handle-multi-product","toggle-list"],setup(e,{emit:A}){const o=e,w=dt(),{$messages:L}=R(),P=y(),{$gtm:M}=R(),u=b(()=>({...U(o.product),item_list_name:o.listName})),i=A,m=y(!1),O=({product:t,quantity:s})=>{const v={...o.product,...t};i("update",{product:v,quantity:s,gtmItem:u.value})},S=()=>i("remove",{product:o.product,gtmItem:u.value,gtmContent:{}}),V=t=>{q.query[pt.TERM.REPLACE]&&(m.value=!0),i("add",{product:o.product,quantity:t,gtmItem:u.value})},g=y(null),I=()=>{var t;return(t=g.value)==null?void 0:t.classList.remove("lazy_img--unloaded")},$=t=>t.replace(/[\r\n]+/g,""),E=b(()=>(o.product.logos??[]).filter(t=>t.image.startsWith("logos/Planet_"))),T=b(()=>(o.product.logos??[]).filter(s=>!s.image.startsWith("logos/Planet_")).slice(0,3).map(s=>({...s,image:$(s.image),description:$(s.description)}))),q=X(),j=Z(),{mapProductCardToGtmItem:U}=tt(),f=t=>{t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation()},h=t=>{f(t),o.product.multi&&i("handle-multi-product",{offer:o.product,department:o.department??{itemId:0}})},D=async t=>{if(f(t),M("products.select_item",{ecommerce:{items:[u.value]}}),o.product.multi){h(t);return}await j.replace({query:{...q.query},hash:"#"+String(o.product.productId)}),await ut(o.product.url)},F=t=>{if(f(t),o.product.multi){h(t);return}i("toggle-list",o.product)},{stop:z}=et(P,([{isIntersecting:t}])=>{t&&(o.product.multi||i("observed",u.value),z())},{threshold:.8});return ot(()=>{g.value.complete&&I()}),at(()=>{z(),m.value=!1}),(t,s)=>{const v=J,W=st,G=gt,Q=lt,Y=rt,H=mt;return a(),c("article",{ref_key:"productCardEl",ref:P,class:nt(["product__card",[{"flex-direction--column":e.options.direction==="column","flex-direction--row":e.options.direction==="row","product__card--saved":e.savedProduct,"option__border--hide":!e.options.border,"parent-has__background-color":e.options.parent_has_background_color}]]),style:C({color:e.options.color}),"data-product-id":e.product.productId,onClick:N(D,["prevent"])},[r("div",ht,[r("div",vt,[k(v,{"show-filled":e.savedProduct,onToggleFavorite:F},null,8,["show-filled"])])]),r("div",yt,[r("img",{ref_key:"imgEl",ref:g,class:"image lazy_img lazy_img--unloaded",src:`${e.product.image}?width=190`,alt:e.product.headerText,loading:"lazy",onLoad:I},null,40,bt),r("div",kt,[(a(!0),c(p,null,B(n(E),d=>(a(),c(p,null,[n(E)?(a(),c("img",{key:d.image,src:`${n(w).public.files}/${d.image}`,alt:d.description,loading:"lazy"},null,8,xt)):l("",!0)],64))),256)),(a(!0),c(p,null,B(n(T),d=>(a(),c(p,null,[n(T)?(a(),c("img",{key:d.image,src:`${n(w).public.files}/${d.image}`,alt:d.description,loading:"lazy"},null,8,Ct)):l("",!0)],64))),256))])]),r("div",wt,[e.product.multi?(a(),c("p",{key:1,class:"title",style:C({color:e.options.color})},_(e.product.headerText),5)):(a(),x(W,{key:0,to:e.product.url,class:"title__link",style:C({color:e.options.color})},{default:ct(()=>[it(_(e.product.headerText),1)]),_:1},8,["to","style"])),e.product.subText?(a(),c("span",Pt,_(e.product.subText),1)):l("",!0),e.product.packaging?(a(),c("span",It,_(e.product.packaging),1)):l("",!0),r("div",$t,[k(G,{product:e.product},null,8,["product"]),r("div",Et,[e.product.multi?(a(),c("button",{key:0,type:"button",class:"bottom__multi","aria-label":n(L)("aria.openMultiOffer"),onClick:N(h,["prevent"])},[k(Q,{"aria-hidden":"true"})],8,Tt)):n(m)?l("",!0):(a(),x(Y,{key:1,product:e.product,onAdd:V,onUpdate:O,onRemove:S},null,8,["product"])),n(m)?(a(),x(H,{key:2,"show-text":!1})):l("",!0)])])])],14,ft)}}}),Lt=_t(qt,[["__scopeId","data-v-6f07acb4"]]);export{Lt as default};