https://www.happysocks.com/_nuxt/CVmN4TVt2.js

1import{s as e,z as t}from"./B_kb_Of2.js";import{D as n,E as r,Ht as i,On as a,Qn as o,Yt as s,_ as c,b as l,bt as u,ct as d,g as f,it as p,k as m,mt as h,nr as g,o as _,qt as v,v as y,vn as b,y as x}from"./CoKk4mC0.js";import{f as S,p as C}from"./BnYJ8zok.js";import{r as w}from"./D1liTaIv.js";import{sn as T}from"./C6XpvbFf.js";import{o as E}from"./CUSelsLz.js";import{i as D,l as O}from"./DXejViHx.js";import{t as k}from"./2MAyWXuf.js";import{t as A}from"./BDNMzG2s.js";import{a as j,i as M,o as N,r as P,s as ee,t as te,u as ne}from"./B_bIS8Qt2.js";import{t as re}from"./C2usnOW72.js";import{t as F}from"./BbLgt4PU2.js";import{t as I}from"./BQzdEHRO2.js";import{t as L}from"./ZZXHSdi22.js";import{t as R}from"./DddJQ49l.js";import{t as z}from"./BDgZu9mP.js";import{t as B}from"./BG-iDjx-.js";import{t as V}from"./CKPC0l-8.js";import{t as H}from"./B389lIt12.js";import{t as U}from"./DUODgo_G2.js";function W(){let{$t:t}=e(),n=S(),r=C(),i=f(()=>String(n.query.sort)||void 0),a=b([{label:t(`sortDefault`),value:void 0},{label:t(`sortPriceAscending`),value:`lowestPrice:asc`},{label:t(`sortPriceDescending`),value:`lowestPrice:desc`},{label:t(`sortSaleDescending`),value:`highestDiscountPercentage:desc`}]),o=f(()=>a.value.find(e=>e.value===i.value)||a.value.find(e=>e.value===void 0)),s=f(()=>o.value?.value);function c(e){a.value.find(t=>t.value===e)&&(window.scrollTo({top:0,behavior:`instant`}),r.replace({query:{...n.query,sort:e}}))}let l=f(()=>a.value.map(e=>({label:e.label,value:e.value??`default`}))),u=f(()=>{let e=o.value;return e?{label:e.label,value:e.value??`default`}:void 0});function d({value:e}){c(e==="default"?void 0:e)}return{sortedBy:s,sortOptionsForDropdown:l,selectedSortOptionForDropdown:u,selectSortOption:d}}var G={id:`dropdown-label`,class:`filter-dropdown__trigger__label`},K=Object.assign(A(m({__name:`FilterDropdown`,props:{label:{},options:{},selected:{},icon:{}},emits:[`selected`],setup(e,{emit:t}){let i=e,s=t,d=b(!1);function f(e){d.value=e}function p(e){let t=i.options.find(t=>t.value===e);t&&s(`selected`,t)}return(t,i)=>{let s=I,m=re,b=P,S=j,C=N,w=te,T=ee,E=M,D=ne;return h(),l(`div`,{class:o([`filter-dropdown`,{"filter-dropdown--inverted":a(d)}])},[n(D,{"default-value":e.selected?.value,"onUpdate:open":f,"onUpdate:modelValue":p},{default:v(()=>[n(b,{class:`filter-dropdown__trigger`,"aria-labelledby":`dropdown-label`,tabindex:`0`},{default:v(()=>[e.icon?(h(),y(m,{key:0},{default:v(()=>[n(s,{class:`filter-dropdown__trigger__icon`,filename:e.icon,color:a(d)?`#d9d9d9`:void 0},null,8,[`filename`,`color`])]),_:1})):x(``,!0),c(`span`,G,g(e.label),1)]),_:1}),n(E,null,{default:v(()=>[n(T,{position:`popper`,side:`bottom`,"avoid-collisions":!1,style:{"z-index":`2`}},{default:v(()=>[n(w,null,{default:v(()=>[(h(!0),l(_,null,u(e.options,t=>(h(),y(C,{key:t.value,value:t.value,class:o([`filter-dropdown__option`,{"filter-dropdown__option--selected":t.value===e.selected?.value}]),"data-test":`filter-dropdown-button-${t.value}`},{default:v(()=>[t.icon?(h(),y(s,{key:0,filename:t.icon,style:{width:`1.8rem`,height:`1.8rem`,marginRight:`0.8rem`}},null,8,[`filename`])):x(``,!0),n(S,null,{default:v(()=>[r(g(t.label),1)]),_:2},1024)]),_:2},1032,[`value`,`class`,`data-test`]))),128))]),_:1})]),_:1})]),_:1})]),_:1},8,[`default-value`])],2)}}}),[[`__scopeId`,`data-v-f164dd49`]]),{__name:`FilterDropdown`}),q=w(`/icons/filter.svg`),J={class:`filter-controls`},Y=[`aria-label`],X={"data-filter-button-ignored-el":``},ie={key:0,"data-filter-button-ignored-el":``},ae=Object.assign(A(m({__name:`FilterControls`,props:{sortOptions:{},activeSortOption:{},activeFiltersCount:{},gridOptions:{},activeGridOption:{}},emits:[`toggleFilterMenu`,`sortOptionSelected`,`gridOptionSelected`],setup(t){let{$t:r}=e();return(e,i)=>{let o=K;return h(),l(`div`,J,[c(`button`,{class:`filter-controls__filter-btn`,"aria-label":a(r)(`openCloseFilterMenuAria`),"data-test":`open-all-filters-button`,"data-filter-button-ignored-el":``,onClick:i[0]||=t=>e.$emit(`toggleFilterMenu`)},[i[3]||=c(`img`,{src:q,"data-filter-button-ignored-el":``},null,-1),c(`p`,X,g(a(r)(`filter`)),1),t.activeFiltersCount>0?(h(),l(`figure`,ie,g(t.activeFiltersCount),1)):x(``,!0)],8,Y),i[4]||=c(`figure`,{class:`filter-control

1s__divider`},null,-1),n(o,{label:a(r)(`sortLabel`),options:t.sortOptions,selected:t.activeSortOption,icon:`sort`,onSelected:i[1]||=t=>e.$emit(`sortOptionSelected`,t)},null,8,[`label`,`options`,`selected`]),i[5]||=c(`figure`,{class:`filter-controls__divider`},null,-1),n(o,{label:a(r)(`gridLabel`),options:t.gridOptions,selected:t.activeGridOption,icon:`grid`,onSelected:i[2]||=t=>e.$emit(`gridOptionSelected`,t)},null,8,[`label`,`options`,`selected`])])}}}),[[`__scopeId`,`data-v-c31674c0`]]),{__name:`FilterControls`}),oe={class:`quick-filters`,"data-test":`quick-filters`},se={key:0},ce=[`aria-label`,`data-test`,`onClick`],le=Object.assign(A(m({__name:`FilterQuickFilters`,props:{quickFiltersKey:{default:`pattern`}},setup(t){let n=t,r=H(),{$t:i}=e(),{filterMenuState:s}=E(r),d=O(),p=f(()=>{if(d.value)return s.value.find(({id:e})=>e===n.quickFiltersKey)?.items.filter(({disabled:e})=>!e)});function m(e,t){let n=!!p.value?.find(e=>e.id===t)?.value;if(r.clearFilterGroup(e),n){r.sendFilterClickEvent(e,`quickFilter`),r.updateRouteQueryFromState();return}r.applyFilterItem(e,t,!0),r.sendFilterClickEvent(e,`quickFilter`),r.updateRouteQueryFromState()}return(e,t)=>(h(),l(`div`,oe,[a(p)?(h(),l(`ul`,se,[(h(!0),l(_,null,u(a(p),(e,t)=>(h(),l(`li`,{key:t},[c(`button`,{class:o([`quick-filter`,[{active:!!e.value}]]),"aria-label":a(i)(e.id),"data-test":`quick-filter-${e.id}`,"data-filter-button-ignored-el":``,onClick:t=>m(n.quickFiltersKey,e.id)},g(a(i)(e.id)),11,ce)]))),128))])):x(``,!0)]))}}),[[`__scopeId`,`data-v-014ecd83`]]),{__name:`FilterQuickFilters`});function Z(){let{$t:t}=e(),n=T(`selectedGridOption`,()=>`default`),r=b([{label:t(`gridDefault`),value:`default`,icon:`grid`},{label:t(`gridImagesOnly`),value:`image-only`,icon:`grid-small`}]),i=f(()=>r.value.find(e=>e.value===n.value)||r.value[0]);function a(e){n.value=e.value,window.scrollTo({top:0,behavior:`instant`})}let o=f(()=>i.value.value===`image-only`);return{gridOptions:r,selectedGridOption:i,selectGridOption:a,smallGrid:o,numberOfCards:f(()=>{let e=o.value?24:8;return[...Array.from({length:e},(e,t)=>t)]})}}var ue={class:`filter-bar__quick-filters`},de=Object.assign(A(m({__name:`FilterBar`,props:{quickFiltersKey:{default:`pattern`},hideQuickFilters:{type:Boolean,default:!1}},setup(e){let t=k(),r=L(),{filterBarDisabled:s}=E(t),{headerHidden:u}=E(r),f=R(`(min-width: ${z.tablet}px)`),{activeFiltersCount:m}=E(H()),{showFilterMenu:g}=E(F()),{sortOptionsForDropdown:v,selectedSortOptionForDropdown:S,selectSortOption:C}=W();function w(){g.value=!g.value}let{gridOptions:T,selectedGridOption:O,selectGridOption:A}=Z(),j=b(!1),M=b();function N(){let e=window.scrollY>(M.value?.offsetTop||0);j.value=e}return D(`scroll`,N),d(()=>N()),p(()=>r.hideHeaderOnScroll=!1),i(j,()=>{r.hideHeaderOnScroll=!f.value&&j.value},{immediate:!0}),(t,r)=>{let i=ae,d=le;return h(),l(_,null,[c(`div`,{class:o([`filter-bar`,[{"filter-bar--disabled":a(s)}]]),"data-test":`filters-bar`},[c(`div`,{ref_key:`controlsEl`,ref:M,class:`filter-bar__controls`},[n(i,{"sort-options":a(v),"grid-options":a(T),"active-sort-option":a(S),"active-grid-option":a(O),"active-filters-count":a(m),onToggleFilterMenu:w,onSortOptionSelected:r[0]||=e=>a(C)(e),onGridOptionSelected:r[1]||=e=>a(A)(e)},null,8,[`sort-options`,`grid-options`,`active-sort-option`,`active-grid-option`,`active-filters-count`])],512),c(`div`,ue,[e.hideQuickFilters?x(``,!0):(h(),y(d,{key:0,"quick-filters-key":e.quickFiltersKey},null,8,[`quick-filters-key`]))])],2),c(`div`,{class:o([`sticky-controls`,{sticky:a(j),"header-hidden":a(u)}])},[n(i,{"sort-options":a(v),"grid-options":a(T),"active-sort-option":a(S),"active-grid-option":a(O),"active-filters-count":a(m),onToggleFilterMenu:w,onSortOptionSelected:r[2]||=e=>a(C)(e),onGridOptionSelected:r[3]||=e=>a(A)(e)},null,8,[`sort-options`,`grid-options`,`active-sort-option`,`active-grid-option`,`active-filters-count`])],2)],64)}}}),[[`__scopeId`,`data-v-c380b6ff`]]),{__name:`FilterBar`}),fe={},pe={class:`circle`};function me(e,t){return h(),l(`div`,pe)}var he=Object.assign(A(fe,[[`render`,me],[`__scopeId`,`data-v-4a04eecf`]]),{__name:`ProductGridSkeletonDot`}),ge={class:`container`},_e={class:`dots`},ve=Object.assign(A(m({__name:`ProductGridSkeletonCard`,setup(e){let{smallGrid:t}=Z(),r=[...Array.from({length:3}).keys()];return(e,i)=>{let s=he;return h(),l(`div`,ge,[c(`div`,{class:o([`image`,[{"image--small":a(t)}]])},null,2),c(`div`,{class:o([`content`,[{hidden:a(t)}]])},[c(`div`,{class:o([{hidden:a(t)}])},[c(`div`,_e,[(h(),l(_,null,u(r,e=>n(s,{key:e,class:o([{hidden:a(t)}])},null,8,[`class`])),64))]),c(`div`,{class:o([`title`,[{hidden:a(t)}]])},null,2),c(`div`,{class:o([`title title--mobile`,[{hidden:a(t)}]])},null,2),c(`div`,{class:o([`price`,[{hidden:a(t)}]])}

1,null,2)],2),c(`div`,{class:o([`cart-container`,[{hidden:a(t)}]])},[c(`div`,{class:o([`cart`,[{hidden:a(t)}]])},null,2)],2)],2)])}}}),[[`__scopeId`,`data-v-cbbefbbb`]]),{__name:`ProductGridSkeletonCard`}),Q=Object.assign(A(m({__name:`ProductGridSkeleton`,props:{isFirstPage:{type:Boolean},prevPageUrl:{},showSkeletonCount:{type:Boolean}},setup(e){let{smallGrid:t,numberOfCards:n}=Z();return(r,i)=>{let s=ve;return h(),l(_,null,[e.showSkeletonCount?(h(),l(`div`,{key:0,class:o([`total-products`,{gap:!e.isFirstPage&&e.prevPageUrl}]),"aria-label":`Loading the number of products`},null,2)):x(``,!0),c(`div`,{class:o([`product-grid`,{"product-grid--small":a(t)}]),"aria-label":`Loading product grid content`},[(h(!0),l(_,null,u(a(n),e=>(h(),y(s,{key:e}))),128))],2)],64)}}}),[[`__scopeId`,`data-v-81ba9de2`]]),{__name:`ProductGridSkeleton`});function ye(e,t){let n=f(()=>t.smallGrid.value),r=[4,20,36,52],i={4:0,20:1,36:2,52:3},a=e=>i[e];function o(e){return!n.value&&r.includes(e)}function s(t){let n=a(t);return e?.[n]?.content}return{shouldShowMediaCard:o,getMediaCardContent:s}}var be={key:0},$=[`aria-label`],xe=[`aria-label`],Se={class:`pagination__container`},Ce={class:`info info--loaded`},we=[`aria-label`],Te={key:1,class:`nothing-found`},Ee=Object.assign(A(m({__name:`ProductGrid`,props:{products:{},loading:{type:Boolean},fetchingProducts:{type:Boolean},page:{},pages:{},isEmpty:{type:Boolean},prevPageUrl:{},nextPageUrl:{},totalProducts:{},productListMediaCards:{},pageSource:{default:`categoryPage`}},emits:[`loadMore`,`loadPrevious`],setup(e,{emit:r}){let i=e,d=r;function p(e,t){e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button!==0||(e.preventDefault(),t())}let{selectedGridOption:m}=Z(),v=f(()=>!i.prevPageUrl),b=f(()=>m.value.value===`image-only`),{shouldShowMediaCard:S,getMediaCardContent:C}=ye(i.productListMediaCards,{smallGrid:b});return(r,f)=>{let m=Q,w=V,T=U,E=B;return h(),l(`div`,null,[s(c(`div`,null,[n(m,{"is-first-page":a(v),"prev-page-url":e.prevPageUrl,"show-skeleton-count":!0},null,8,[`is-first-page`,`prev-page-url`])],512),[[t,e.fetchingProducts]]),c(`div`,null,[!e.isEmpty&&e.products?.length?(h(),l(`div`,be,[!e.loading&&e.prevPageUrl?(h(),l(`div`,{key:0,class:`pagination pagination--previous`,role:`navigation`,"aria-label":r.$t(`paginationAria`)+r.$t(`loadPreviousPage`),"data-test":`pagination`},[n(w,{tag:`a`,"aria-label":r.$t(`loadPreviousProducts`),"data-test":`load-previous-button`,href:e.prevPageUrl,"right-icon":`chevron-up`,text:r.$t(`loadPreviousProducts`),"background-color":`black`,"text-color":`white`,disabled:e.loading,onClick:f[0]||=e=>p(e,()=>d(`loadPrevious`))},null,8,[`aria-label`,`href`,`text`,`disabled`])],8,$)):x(``,!0),e.totalProducts>0?(h(),l(`p`,{key:1,class:`total-products`,"data-test":`total-products`,"aria-label":`${e.totalProducts} total products`},g(e.totalProducts)+` `+g(r.$t(`products`)),9,xe)):x(``,!0),c(`div`,{class:o([`product-grid`,{"product-grid--small":a(b)}]),"data-test":`plp-product-list`},[(h(!0),l(_,null,u(e.products,(e,t)=>(h(),l(_,{key:e.sku},[a(S)(t)?(h(),l(_,{key:0},[a(C)(t)?(h(),y(T,{key:0,class:`product-list-media-card`,blok:a(C)(t)},null,8,[`blok`])):x(``,!0)],64)):x(``,!0),n(E,{product:e,"has-quick-shop":!0,"grid-type":a(b)?`product-grid-small`:void 0,"page-source":i.pageSource},null,8,[`product`,`grid-type`,`page-source`])],64))),128))],2),s(c(`div`,Se,[c(`p`,Ce,g(r.$t(`viewedProducts`,{numProducts:e.products.length,totalProducts:e.totalProducts})),1),!e.loading&&e.nextPageUrl?(h(),l(`div`,{key:0,class:`pagination`,role:`navigation`,"aria-label":r.$t(`paginationAria`),"data-test":`pagination`},[n(w,{tag:`a`,"aria-label":r.$t(`loadMoreProducts`),"data-test":`load-more-button`,href:e.nextPageUrl,"right-icon":`chevron`,text:r.$t(`loadMoreProducts`),"background-color":`black`,"text-color":`white`,disabled:e.loading,onClick:f[1]||=e=>p(e,()=>d(`loadMore`))},null,8,[`aria-label`,`href`,`text`,`disabled`])],8,we)):x(``,!0)],512),[[t,!e.fetchingProducts]])])):x(``,!0),e.isEmpty&&!e.loading?(h(),l(`p`,Te,g(r.$t(`cantFindProducts`)),1)):x(``,!0)]),s(c(`div`,null,[n(m,{"is-first-page":a(v),"prev-page-url":e.prevPageUrl},null,8,[`is-first-page`,`prev-page-url`])],512),[[t,e.fetchingProducts]])])}}}),[[`__scopeId`,`data-v-fa459fe6`]]),{__name:`ProductGrid`});

1export{W as i,Q as n,de as r,Ee as t};
2//# sourceMappingURL=CVmN4TVt2.js.map