import{_ as w,o as s,s as d,n as p,S as R,G as f,f as T,b as N,a1 as q,H as F,d as a,m as r,l as x,w as h,v as m,e as _,c as y,F as A,z as C,N as W,O as G,g as K,k as Z,W as J,q as Q,j as X}from"./entry.4a1e3e7a.js";import{_ as Y}from"./index.f3921812.js";import{_ as ee}from"./index.b20a02b0.js";import{u as te}from"./useErrorHandling.17b028a2.js";import{a as ne,r as ae}from"./asyncData.4f13c0cd.js";import{i as re}from"./methods.af8317af.js";import{A as oe}from"./alchemyElement.5a05415b.js";import"./chevron-left.f3f84885.js";import"./chevron-right.b45cb274.js";import"./index.533f36eb.js";import"./index.362fb190.js";import"./index.fe59aa4c.js";import"./star.657407f3.js";import"./createProductTags.f1acaa5d.js";const se={class:"progress-bar"},ie={name:"ProgressBar"},le=Object.assign(ie,{props:{percent:{type:Number,default:0,required:!0}},setup(e){return(i,g)=>(s(),d("div",se,[p("div",{class:"progress-bar-fill",style:R({width:`${e.percent}%`})},null,4)]))}}),ce=w(le,[["__scopeId","data-v-bd0aab34"]]);const de=["content"],ue={key:0,class:"product-grid-head"},me={class:"products",itemprop:"mainEntity",itemscope:"",itemtype:"https://schema.org/ItemList"},_e={class:"load-more-wrap"},pe={name:"ProductList"},he=Object.assign(pe,{props:{showItems:{type:Number,default:8},taxonId:{type:Number,default:void 0},headline:{type:String,default:void 0},headlineAnchor:{type:String,default:void 0},subtext:{type:String,default:void 0},moreLabel:{type:String,default:void 0},moreHref:{type:String,default:void 0},onlyLiveProducts:{type:Boolean,default:!0},elementId:{type:String,default:void 0},elementName:{type:String,default:void 0},layout:{type:String,default:"default",validator:e=>["default","condensed"].includes(e)},sort:{type:String,default:"classifications_position",validator:e=>["classifications_position","name"].includes(e)}},setup(e){const i=e,g=30,{handleError:k}=te(),S=G(),{$router:o,$axios:v}=K(),u=f(1),b=f({}),l=f([]),V=f(S.public.BASE_URL+o.currentRoute.fullPath),L=`${i.elementName}-${i.elementId}`,{pending:P,data:$,refresh:B}=ne(L,async()=>{try{const{data:n}=await v.get(`/jsonapi/taxons/${i.taxonId}/product_thumbnails/`,{params:{include:"fragrance,taxons",filter:{live:i.onlyLiveProducts},page:{number:u.value,size:g},sort:i.sort}});return b.value=n.meta,T(n)}catch(n){k(n)}},"$093O2wtdOE"),z=N(()=>{var n,c;return u.value<((c=(n=b.value)==null?void 0:n.pagination)==null?void 0:c.last)}),I=N(()=>{var n,c;return((c=(n=b.value)==null?void 0:n.pagination)==null?void 0:c.records)||0});q($,n=>{l.value=l.value.concat(n)});const E=()=>{u.value++,ae(L)};return F(()=>{B()}),(n,c)=>{const H=Z,D=Y,O=J,U=ee,j=ce,M=Q;return s(),d("div",{class:W(["product-grid",`product-grid-layout-${e.layout}`]),itemscope:"",itemtype:"https://schema.org/ProductCollection"},[p("meta",{itemprop:"url",content:a(V)},null,8,de),r(),e.headline||e.moreHref?(s(),d("div",ue,[x(H,{id:e.headlineAnchor,level:2,size:3,class:"product-list-headline"},{default:h(()=>[r(m(e.headline),1)]),_:1},8,["id"]),r(),x(D,{to:e.moreHref},{default:h(()=>[r(m(e.moreLabel),1)]),_:1},8,["to"])])):_("",!0),r(),e.subtext?(s(),y(O,{key:1,class:"product-list-paragraph",size:"small"},{default:h(()=>[r(m(e.subtext),1)]),_:1})):_("",!0),r(),p("div",me,[a(P)&&!a(l).length?(s(!0),d(A,{key:0},C([...Array(g)],t=>(s(),d("div",{key:t,class:"skeleton"}))),128)):_("",!0),r(),e.taxonId&&a(l).length?(s(!0),d(A,{key:1},C(a(l),t=>(s(),y(U,{id:t.id,key:t.id,src:t.imageUrl,alt:t.imageAlt,srcset:a(re)(t.imageSrcset,{maxWidth:500}),name:t.name,"is-clean-scent":t.fragrance&&t.fragrance.cleanScent,"ga-category":t.gaCategory,rating:t.stars,"price-range":t.priceRange,href:t.urlPath,layout:e.layout==="condensed"?"small":"default","is-new":t.newProduct,"is-discontinued":t.discontinued,"marketing-taxons":t.marketingTaxons,"review-count":t.reviewCount,class:"product",sizes:`(min-width: 1344px) 193px, (min-width: 1264px) calc(16vw - 31px),
          (min-width: 1060px) calc(20vw - 32px), (min-width: 856px) calc(25vw - 34px),
          (min-width: 660px) calc(33vw - 38px), (min-width: 604px) calc(33vw - 22px),
          (min-width: 357px) calc(50vw - 24px), calc(100vw - 32px)`,itemprop:"itemListElement"},null,8,["id","src","alt","srcset","name","is-clean-scent","ga-category","rating","price-range","href","layout","is-new","is-discontinued","marketing-taxons","review-count"]))),128)):_("",!0)]),r(),p("div",_e,[p("div",null,`
        Showing `+m(a(l).length)+" of "+m(a(I)),1),r(),x(j,{percent:a(l).length/a(I)*100},null,8,["percent"]),r(),a(z)?(s(),y(M,{key:0,loading:a(P),color:"gray",onClick:E},{default:h(()=>[r(`
        Show More
      `)]),_:1},8,["loading"])):_("",!0)])],2)}}}),ge=w(he,[["__scopeId","data-v-2fdb8e6c"]]),fe={mixins:[oe],computed:{taxon(){return this.getValue("taxon")},headline(){return this.getValue("headline")},headlineAnchor(){var e;return(e=this.getIngredient("headline"))==null?void 0:e.domId},link(){var e;return(e=this.getIngredient("link"))==null?void 0:e.linkUrl},linkLabel(){return this.getValue("link")},subtext(){return this.getValue("subtext")},layout(){return this.getValue("layout")},sort(){return this.getValue("sort")},onlyLiveProducts(){return this.getValue("only_live_products")}}};function xe(e,i,g,k,S,o){const v=ge,u=X;return s(),y(u,{"space-before":"","space-after":""},{default:h(()=>[x(v,{subtext:o.subtext,"taxon-id":o.taxon,headline:o.headline,"headline-anchor":o.headlineAnchor,"more-label":o.linkLabel,"more-href":o.link,layout:o.layout,sort:o.sort,"element-id":e.element.id,"element-name":e.element.name,"only-live-products":o.onlyLiveProducts},null,8,["subtext","taxon-id","headline","headline-anchor","more-label","more-href","layout","sort","element-id","element-name","only-live-products"])]),_:1})}const Be=w(fe,[["render",xe]]);export{Be as default};