import{I as f,t as o,x as _,O as p,P as g,R as J,_ as P,a7 as ze,r as le,q as k,a8 as Me,a as j,u as $,Q as S,z as me,L as y,F as O,Y as H,az as Ae,N as F,W as D,n as Pe,a5 as he,a3 as Oe,a4 as Ve,X as qe}from"./vue.02ad7c87.js";import{_ as Z,b_ as oe,ad as x,ca as $e,h as De,I as _e,cl as ne,s as pe,o as Le}from"./index.f2790301.js";import{f as Ne}from"./faChild.83e015c4.js";import{s as Te}from"./startCase.0949da17.js";import{f as ve}from"./faCheck.e9ce313c.js";import{V as ge}from"./vue-scrollto.5429b5e5.js";import{f as He}from"./faFillDrip.893180c7.js";import{f as Ee}from"./faShirt.90b9930b.js";import{f as Re}from"./faRulerHorizontal.6c75a8c5.js";var W={},ae;function Be(){return ae||(ae=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t="fal",i="arrow-up-arrow-down",d=448,l=512,s=["sort-up-down"],a="e099",c="M224 160c4.094 0 8.188-1.562 11.31-4.688c6.25-6.25 6.25-16.38 0-22.62l-96-96c-6.25-6.25-16.38-6.25-22.62 0l-96 96c-6.25 6.25-6.25 16.38 0 22.62s16.38 6.25 22.62 0L112 86.63V464C112 472.8 119.2 480 128 480s16-7.156 16-16V86.63l68.69 68.69C215.8 158.4 219.9 160 224 160zM427.3 356.7C424.2 353.6 420.1 352 416 352s-8.188 1.562-11.31 4.688L336 425.4V48C336 39.16 328.8 32 320 32s-16 7.156-16 16v377.4l-68.69-68.69c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62l96 96c6.25 6.25 16.38 6.25 22.62 0l96-96C433.6 373.1 433.6 362.9 427.3 356.7z";e.definition={prefix:t,iconName:i,icon:[d,l,s,a,c]},e.faArrowUpArrowDown=e.definition,e.prefix=t,e.iconName=i,e.width=d,e.height=l,e.ligatures=s,e.unicode=a,e.svgPathData=c,e.aliases=s}(W)),W}var Ie=Be();const Ge={name:"SectionCollectionSort",props:{showIcon:Boolean,excludedSortOptions:{type:Array,default:()=>[]}},data(){return{sortOptions:[{text:"New In",value:"new-in"},{text:"Bestselling",value:"bestsellerOrder",reverse:!1},{text:"Price Low to High",value:"price-asc"},{text:"Price High to Low",value:"price-desc"}],selectedSort:null,faArrowUpArrowDown:Ie.faArrowUpArrowDown}},watch:{selectedSort(){var e,t;this.$emit("sort",((e=this.selectedSort)==null?void 0:e.value)||null),this.$router.push({query:{...this.$route.query,sort:((t=this.selectedSort)==null?void 0:t.value)||null}})},excludedSortOptions:{immediate:!0,handler(){this.sortOptions=this.sortOptions.filter(e=>!this.excludedSortOptions.includes(e.value))}}},created(){this.$route.query.sort&&(this.selectedSort=this.sortOptions.find(e=>e.value===this.$route.query.sort))}},Ue={class:"section-collection-sort pb-0"},je=P(" Recommended ");function xe(e,t,i,d,l,s){const a=f("font-awesome-icon"),c=f("tml-new-select"),C=f("tml-new-form");return o(),_("div",Ue,[p(C,{name:"collection-sort-by"},{default:g(()=>[p(c,{modelValue:l.selectedSort,"onUpdate:modelValue":t[0]||(t[0]=M=>l.selectedSort=M),class:"sort-select",name:"sort-select","display-field":"text",options:l.sortOptions,clearable:"","none-selected":"Recommended",label:"Sort By"},J({_:2},[i.showIcon?{name:"none-selected-content",fn:g(()=>[p(a,{icon:l.faArrowUpArrowDown},null,8,["icon"]),je]),key:"0"}:void 0]),1032,["modelValue","options"])]),_:1})])}const We=Z(Ge,[["render",xe]]);var K={},ce;function Ke(){return ce||(ce=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t="fal",i="person",d=320,l=512,s=[129485,"male"],a="f183",c="M103.1 56C103.1 25.07 129.1 0 159.1 0C190.9 0 216 25.07 216 56C216 86.93 190.9 112 159.1 112C129.1 112 103.1 86.93 103.1 56zM159.1 80C173.3 80 184 69.25 184 56C184 42.75 173.3 32 159.1 32C146.7 32 135.1 42.75 135.1 56C135.1 69.25 146.7 80 159.1 80zM127.1 352V496C127.1 504.8 120.8 512 111.1 512C103.2 512 95.1 504.8 95.1 496V202.1L46.11 295.5C41.95 303.3 32.25 306.3 24.46 302.1C16.67 297.9 13.72 288.3 17.89 280.5L76.73 170.3C90.64 144.3 117.8 128 147.3 128H172.7C202.2 128 229.4 144.3 243.3 170.3L302.1 280.5C306.3 288.3 303.3 297.9 295.5 302.1C287.7 306.3 278.1 303.3 273.9 295.5L224 202.2V496C224 504.8 216.8 512 208 512C199.2 512 192 504.8 192 496V352H127.1zM127.1 320H192V164C186 161.4 179.5 160 172.7 160H147.3C140.5 160 133.1 161.4 127.1 164V320z";e.definition={prefix:t,iconName:i,icon:[d,l,s,a,c]},e.faPerson=e.definition,e.prefix=t,e.iconName=i,e.width=d,e.height=l,e.ligatures=s,e.unicode=a,e.svgPathData=c,e.aliases=s}(K)),K}var Qe=Ke(),Q={},ue;function Xe(){return ue||(ue=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t="fal",i="person-dress",d=320,l=512,s=["female"],a="f182",c="M103.1 56C103.1 25.07 129.1 0 159.1 0C190.9 0 216 25.07 216 56C216 86.93 190.9 112 159.1 112C129.1 112 103.1 86.93 103.1 56zM159.1 80C173.3 80 184 69.25 184 56C184 42.75 173.3 32 159.1 32C146.7 32 135.1 42.75 135.1 56C135.1 69.25 146.7 80 159.1 80zM119.2 241.7C127.1 245.6 130.3 255.3 126.3 263.2L73.89 368H246.1L193.7 263.2C189.7 255.3 192.9 245.6 200.8 241.7C208.7 237.7 218.4 240.9 222.3 248.8L286.3 376.8C288.8 381.8 288.5 387.7 285.6 392.4C282.7 397.1 277.5 400 272 400H224V496C224 504.8 216.8 512 208 512C199.2 512 192 504.8 192 496V400H127.1V496C127.1 504.8 120.8 512 111.1 512C103.2 512 95.1 504.8 95.1 496V400H47.1C42.45 400 37.3 397.1 34.39 392.4C31.47 387.7 31.21 381.8 33.69 376.8L97.69 248.8C101.6 240.9 111.3 237.7 119.2 241.7H119.2zM46.11 295.5C41.95 303.3 32.25 306.3 24.46 302.1C16.67 297.9 13.72 288.3 17.89 280.5L70.74 181.5C88.34 148.6 122.7 128 159.1 128C197.3 128 231.7 148.6 249.3 181.5L302.1 280.5C306.3 288.3 303.3 297.9 295.5 302.1C287.7 306.3 278.1 303.3 273.9 295.5L221 196.6C208.1 174.1 185.5 160 159.1 160C134.5 160 111 174.1 98.97 196.6L46.11 295.5z";e.definition={prefix:t,iconName:i,icon:[d,l,s,a,c]},e.faPersonDress=e.definition,e.prefix=t,e.iconName=i,e.width=d,e.height=l,e.ligatures=s,e.unicode=a,e.svgPathData=c,e.aliases=s}(Q)),Q}var Ye=Xe(),X={},fe;function Je(){return fe||(fe=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t="fal",i="family",d=512,l=512,s=[],a="e300",c="M384 128c35.38 0 64-28.62 64-64s-28.62-64-64-64s-64 28.62-64 64S348.6 128 384 128zM384 32c17.64 0 32 14.36 32 32s-14.36 32-32 32s-32-14.36-32-32S366.4 32 384 32zM505.5 343.2l-39.08-136.8C458.6 178.9 433.5 160 404.9 160h-70.55C335.4 165.2 336 170.5 336 176S335.4 186.8 334.4 192h70.55c14.29 0 26.84 9.471 30.77 23.21L474.8 352H368v32H416v112c0 8.844 7.156 16 16 16s16-7.156 16-16V384h26.78C496 384 511.4 363.7 505.5 343.2zM64 224c0-17.64 14.36-32 32-32h81.62C176.6 186.8 176 181.5 176 176S176.6 165.2 177.6 160H96C60.65 160 32 188.7 32 224v96c0 17.67 14.33 32 32 32v144C64 504.8 71.16 512 80 512S96 504.8 96 496V352h48v-32H64V224zM128 128c35.38 0 64-28.62 64-64S163.4 0 128 0S64 28.62 64 64S92.63 128 128 128zM128 32c17.64 0 32 14.36 32 32S145.6 96 128 96S96 81.64 96 64S110.4 32 128 32zM256 240c30.95 0 56-25.05 56-56S286.1 128 256 128S200 153 200 184S225 240 256 240zM256 160c13.23 0 24 10.77 24 24c0 13.23-10.77 24-24 24S232 197.2 232 184C232 170.8 242.8 160 256 160zM288 272H224c-26.51 0-48 21.49-48 48v64c0 17.67 14.33 32 32 32v64c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-64c17.67 0 32-14.33 32-32v-64C336 293.5 314.5 272 288 272zM304 384h-32v96h-32v-96h-32v-64c0-8.822 7.178-16 16-16h64c8.822 0 16 7.178 16 16V384z";e.definition={prefix:t,iconName:i,icon:[d,l,s,a,c]},e.faFamily=e.definition,e.prefix=t,e.iconName=i,e.width=d,e.height=l,e.ligatures=s,e.unicode=a,e.svgPathData=c,e.aliases=s}(X)),X}var Ze=Je();const et={class:"section-product-list mb-8"},tt={class:"w-full gap-2 items-center cursor-pointer no-hover text-sm"},it={class:"relative min-h-[2rem]"},rt={key:0,class:"inset-0 flex flex-wrap gap-1 max-w-[16em]"},st={__name:"ProductList",props:{products:Array,maxColorSwatches:{type:Number,default:5},podHorizontalAlignment:String},setup(e){const t=e,i=ze(),d="shopping-category-filter",l=le(),s=k(()=>[...new Set(t.products.map(n=>n.gender))]),a=k(()=>[...new Set(t.products.map(n=>n.ageGroup))]),c=k(()=>s.value.includes("male")),C=k(()=>s.value.includes("female")),M=k(()=>a.value.includes("adults")),A=k(()=>a.value.includes("kids")),V=k(()=>i.state.subdomain.division!==223533?!1:c.value&&C.value||A.value&&M.value),L=[{title:"Mens",code:"gender:male",icon:Qe.faPerson,condition:c.value},{title:"Womens",code:"gender:female",icon:Ye.faPersonDress,condition:C.value},{title:"Kids",code:"ageGroup:kids",icon:Ne.faChild,condition:A.value},{title:"All",code:"everything",icon:Ze.faFamily,condition:!0}],z=k(()=>{let r=L.filter(n=>n.condition);return x.isSmaller("md")&&(r=r.map(n=>({title:n.title,code:n.code}))),r});function h(r){v("nothing"),Pe(()=>{v(r,!0)})}const m=le(4),q=k(()=>{if(!V.value&&!("requestIdleCallback"in window))return t.products;let r=[];switch(l.value){case"gender:male":r=t.products.filter(n=>n.gender==="male");break;case"gender:female":r=t.products.filter(n=>n.gender==="female");break;case"ageGroup:kids":r=t.products.filter(n=>n.ageGroup==="kids");break;case"nothing":return[];case"everything":default:r=t.products}return r.length?r.slice(0,m.value):(v("everything"),t.products)});async function G(r){try{await this.favourites.add(r)}catch(n){snackbar.error(n.message)}}const N=Me();j(t.products,()=>{if(N.query.catalog)switch(N.query.catalog){case"mens":v("gender:male",!0);break;case"womens":v("gender:female",!0);break;case"kids":v("ageGroup:kids",!0);break;default:v("everything");break}},{immediate:!0});function v(r,n=!1){U(r)?(l.value=r,n&&oe.set(d,r)):l.value="everything"}function U(r){switch(r){case"gender:male":return c.value;case"gender:female":return C.value;case"ageGroup:kids":return A.value;default:return!0}}function ye(r){return r.defaultColour?`${Te(r.defaultColour)} ${r.name}`:r.name}function Ce(r){if(r.productHref)return r.productHref;const n=`/product/${r.urlName}/`;return r.defaultColour?`${n}${r.defaultColour}`:n}N.query.catalog||v(oe.get(d)||"everything");function E(r){"requestIdleCallback"in window?requestIdleCallback(r,{timeout:1e4}):setTimeout(r,100)}function R(){m.value+=4,m.value<t.products.length&&E(R)}E(R),j(l,()=>{m.value=4,E(R)}),j(()=>{var r;return(r=t.products)==null?void 0:r.length},()=>{m.value=4,E(R)});const we=r=>r.isBundle?r.totalBundlePrice:r.priceRange?Math.min(...r.priceRange):r.price,be=r=>r.isBundle?r.price:r.salePriceRange?Math.min(...r.salePriceRange):r.salePrice,Fe=(r,n)=>{var B;const w=(B=r==null?void 0:r.colorThumbnails)==null?void 0:B[n];if(!w)return n;let T;return(w==null?void 0:w.type)==="image"?T=`url(${De(w.value)})`:(w==null?void 0:w.type)==="color"&&(T=w.value),{text:n,value:n,name:n,background:T}};return(r,n)=>{const w=f("tml-tabs"),T=f("tml-star-rating"),B=f("tml-new-pod"),Se=f("tml-color-square"),ee=f("tml-anchor"),ke=f("tml-grid");return o(),_("div",et,[$(V)?(o(),S(w,{key:0,value:l.value,class:me([{"mobile-tabs":$(x).isSmaller("md")},"mb-4"]),tabs:$(z),fill:"",onInput:h},null,8,["value","class","tabs"])):y("",!0),p(ke,{breakpoints:{xs:2,sm:2,lg:4}},{default:g(()=>[(o(!0),_(O,null,H($(q),(u,Pt,Ot,I)=>{var re,se;const te=[u.id,u.collectionImage,e.podHorizontalAlignment];if(I&&I.key===`${u.id}-${u.optionId||0}`&&Ae(I,te))return I;const ie=(o(),_("div",{key:`${u.id}-${u.optionId||0}`},[p(B,{title:u.name,"alt-text":u.collectionImageAlt||ye(u),"title-size":$(x).isSmaller("md")?0:1,"overlay-icon":$($e).getIconForProduct(u.id),image:u.collectionImage,href:Ce(u),price:we(u),"sale-price":be(u),"lazy-load":"","image-src-set":[{width:320,height:337},{width:480,height:505},{width:640,height:674}],"horizontal-alignment":e.podHorizontalAlignment,onOverlayIconClicked:b=>G(u.id)},J({_:2},[(re=u.reviews)!=null&&re.count?{name:"after-title",fn:g(()=>[F("div",tt,[p(T,{class:"inline mr-1",rating:u.reviews.rating,max:5},null,8,["rating"])])]),key:"0"}:void 0]),1032,["title","alt-text","title-size","overlay-icon","image","href","price","sale-price","horizontal-alignment","onOverlayIconClicked"]),F("div",it,[((se=u.colors)==null?void 0:se.length)>1?(o(),_("div",rt,[(o(!0),_(O,null,H(u.colors.slice(0,e.maxColorSwatches).map(b=>typeof b=="string"?{name:b}:b),(b,Vt)=>(o(),_("div",{key:b.name},[p(ee,{href:b.href||`/product/${u.urlName}/${b.name}`},{default:g(()=>[p(Se,{class:"w-4 !h-4 rounded border-[1px] border-solid border-gray-200 overflow-hidden",color:Fe(u,b.name),role:"button",title:b.name,"disable-tooltip":""},null,8,["color","title"])]),_:2},1032,["href"])]))),128)),u.colors.length>e.maxColorSwatches?(o(),S(ee,{key:0,href:`/product/${u.urlName}/`,class:"text-xs sm:text-sm ml-1 !leading-none !text-[--tml-text-color] opacity-70"},{default:g(()=>[P(" +"+D(u.colors.length-e.maxColorSwatches),1)]),_:2},1032,["href"])):y("",!0)])):y("",!0)])]));return ie.memo=te,ie},n,0),128))]),_:1})])}}},Bt=st;var Y={},de;function lt(){return de||(de=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var t="fas",i="sliders",d=512,l=512,s=["sliders-h"],a="f1de",c="M0 416c0-17.7 14.3-32 32-32l54.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 448c-17.7 0-32-14.3-32-32zm192 0c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM384 256c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zm-32-80c32.8 0 61 19.7 73.3 48l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l246.7 0c12.3-28.3 40.5-48 73.3-48zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32zm73.3 0L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 128C14.3 128 0 113.7 0 96S14.3 64 32 64l86.7 0C131 35.7 159.2 16 192 16s61 19.7 73.3 48z";e.definition={prefix:t,iconName:i,icon:[d,l,s,a,c]},e.faSliders=e.definition,e.prefix=t,e.iconName=i,e.width=d,e.height=l,e.ligatures=s,e.unicode=a,e.svgPathData=c,e.aliases=s}(Y)),Y}var ot=lt();he.use(ge);const nt={name:"SectionCollectionFilter",components:{CollectionSort:We},props:{filter:{required:!0},filters:Array,showHeader:Boolean,showColorSquares:Boolean,showFilterIcons:Boolean,showTooltip:Boolean,products:Array,excludedSortOptions:{type:Array,default:()=>[]}},data(){return{faCheck:ve.faCheck,faSliders:ot.faSliders,productBaseColours:[],setFilters:{types:[],colours:[],sizes:[]},selectedCount:0,filterIcons:{colours:He.faFillDrip,sizes:Re.faRulerHorizontal,types:Ee.faShirt},loadTooltip:!1}},computed:{filterOptions(){return this.filter.filterOptions},filterMeta(){return this.filter.filterMeta},isMobileView(){return _e("md")},filterCounts(){const t=this.filter.filterOptions;return{colours:t.colours.filterableOptions.filter(i=>!!i.selected).map(i=>i.property).length,types:t.types.filterableOptions.filter(i=>!!i.selected).map(i=>i.property).length,sizes:t.sizes.filterableOptions.filter(i=>!!i.selected).map(i=>i.property).length}},anyFilterEnabled(){return this.selectedCount>=1},filtersEnabled(){return this.filterMeta.enableFilters},enabledFilters(){return this.filterMeta.enabledFilters},gridColumnCount(){return 1+Object.values(this.filterOptions).filter(e=>e.filterableOptions.length>1).length},tooltipCookieState(){return ne.get("collection-filters-first-time-tooltip")},hasSeenFirstTimeTooltip(){return this.tooltipCookieState!==void 0}},watch:{filtersEnabled(){this.emitFilterSet()},filters:{immediate:!0,handler(e){this.setFilters=e}}},mounted(){this.showTooltip&&!this.hasSeenFirstTimeTooltip&&(this.loadTooltip=!0,setTimeout(()=>{this.showFirstTimeTooltip()},2500))},methods:{startCase:pe,incrementSelected(){this.selectedCount+=1,this.filterMeta.enableFilters=!0},decrementSelected(){this.selectedCount-=1,this.selectedCount||(this.filterMeta.enableFilters=!1)},clearAllFilters(){this.$refs.types[0].clear(),this.$refs.colours&&this.$refs.sizes&&(this.$refs.colours[0].clear(),this.$refs.sizes[0].clear()),this.selectedCount=0,this.filterMeta.enableFilters=!1,this.$store.dispatch("overlayElements/close","collection-filter")},clearSingleFilter(e){this.$refs[e]&&(this.$refs[e][0].clear(),this.decrementSelected())},filterProducts(e,t){e?Array.isArray(e)||(e=[e]):e=[],this.filterMeta.enableFilters=!0,t==="colours"?this.setFilters.colours=e:t==="types"?this.setFilters.types=e:t==="sizes"&&(this.setFilters.sizes=e),this.emitFilterSet()},emitFilterSet(){this.filtersEnabled?this.$emit("filter-set",this.setFilters):this.$emit("filter-set",{types:[],colours:[],sizes:[]})},selectOptions(e){return e.map(t=>({value:t.property,text:t.property}))},showFirstTimeTooltip(){Le.open("first-time-tooltip"),ne.set("collection-filters-first-time-tooltip",!0)},getTooltipTarget(){var e,t;return(t=(e=this.$refs)==null?void 0:e.sort)==null?void 0:t.$el},getDropdownValue(e){var t;return(t=this.setFilters[e][0])!=null?t:null},getActiveFilterValue(e){const t=this.filters[e];if(t.length)return t[0]}}},at=e=>(Oe("data-v-04f99d1e"),e=e(),Ve(),e),ct={class:"section-collection-filter mb-2 flex"},ut={key:0,class:"mr-8 pt-2"},ft={class:"inline"},dt=at(()=>F("b",null,"Filters",-1)),mt={key:1,class:"container mt-4"},ht=P(" Find the products you're looking for ");function _t(e,t,i,d,l,s){const a=f("font-awesome-icon"),c=f("tml-color-square"),C=f("tml-new-select"),M=f("collection-sort"),A=f("tml-grid"),V=f("tml-button"),L=f("tml-tooltip");return o(),_("div",ct,[i.showHeader?(o(),_("div",ut,[F("h4",ft,[p(a,{class:"mr-2",icon:l.faSliders},null,8,["icon"]),dt])])):y("",!0),p(A,{breakpoints:{xs:s.gridColumnCount},class:"flex-auto items-start"},{default:g(()=>[(o(!0),_(O,null,H(s.filterOptions,(z,h)=>(o(),_(O,{key:h},[z.filterableOptions.length>1?(o(),S(C,{key:0,"value-as-ref":s.getActiveFilterValue(h),name:`${h}_filter_select`,label:s.startCase(h),options:s.selectOptions(z.filterableOptions),class:"mb-4",clearable:"","display-field":"text","identifier-field":"value","none-selected":`All ${h}`,onInputAsRef:m=>s.filterProducts(m,h),onClear:m=>s.filterProducts(null,h)},J({_:2},[i.showFilterIcons?{name:"selected-content",fn:g(({option:m})=>[h==="colours"?(o(),S(c,{key:0,class:"colour-square mr-2",color:m.value,"disable-tooltip":""},null,8,["color"])):(o(),S(a,{key:1,icon:l.filterIcons[h],class:"mr-2"},null,8,["icon"])),P(D(m.text),1)]),key:"0"}:void 0,i.showFilterIcons?{name:"none-selected-content",fn:g(()=>[p(a,{icon:l.filterIcons[h],class:"mr-2"},null,8,["icon"]),P(" All "+D(h),1)]),key:"1"}:void 0,i.showColorSquares&&h==="colours"?{name:"option",fn:g(({option:m})=>[p(c,{class:"colour-square mr-2",color:m.value,"disable-tooltip":""},null,8,["color"]),P(" "+D(m.value),1)]),key:"2"}:void 0]),1032,["value-as-ref","name","label","options","none-selected","onInputAsRef","onClear"])):y("",!0)],64))),128)),p(M,{ref:"sort","show-icon":i.showFilterIcons,"excluded-sort-options":i.excludedSortOptions,onSort:t[0]||(t[0]=z=>e.$emit("sort",z))},null,8,["show-icon","excluded-sort-options"])]),_:1},8,["breakpoints"]),s.isMobileView&&s.anyFilterEnabled?(o(),_("div",mt,[p(V,{secondary:"",text:"Remove Filters",fill:"",onClick:s.clearAllFilters},null,8,["onClick"])])):y("",!0),l.loadTooltip?(o(),S(L,{key:2,name:"first-time-tooltip",title:"Filters",target:s.getTooltipTarget(),ttl:0,position:"top","disable-route-changes":""},{default:g(()=>[ht]),_:1},8,["target"])):y("",!0)])}const It=Z(nt,[["render",_t],["__scopeId","data-v-04f99d1e"]]);he.use(ge);const pt={name:"SectionCollectionFilter",props:{filter:{required:!0},filters:Array,products:Array},data(){return{faCheck:ve.faCheck,productBaseColours:[],setFilters:{types:[],colours:[],sizes:[]},initialLoad:!1}},computed:{filterOptions(){return this.filter.filterOptions},filterMeta(){return this.filter.filterMeta},isMobileView(){return _e("md")},filterCounts(){const t=this.filter.filterOptions;return{colours:t.colours.filterableOptions.filter(i=>!!i.selected).map(i=>i.property).length,types:t.types.filterableOptions.filter(i=>!!i.selected).map(i=>i.property).length,sizes:t.sizes.filterableOptions.filter(i=>!!i.selected).map(i=>i.property).length}},anyFilterEnabled(){return this.selectedCount>=1},filtersEnabled(){return this.filterMeta.enableFilters},enabledFilters(){return this.filterMeta.enabledFilters},selectedCount(){var e,t,i,d,l,s,a,c,C;return((i=(t=(e=this.filters)==null?void 0:e.types)==null?void 0:t.length)!=null?i:0)+((s=(l=(d=this.filters)==null?void 0:d.colours)==null?void 0:l.length)!=null?s:0)+((C=(c=(a=this.filters)==null?void 0:a.sizes)==null?void 0:c.length)!=null?C:0)}},watch:{filtersEnabled(){this.emitFilterSet()},selectedCount(e){e||(this.filterMeta.enableFilters=!1)}},created(){Object.assign(this.setFilters,this.filters)},methods:{startCase:pe,clearAllFilters(){this.$refs.types[0].clear(),this.$refs.colours&&this.$refs.sizes&&(this.$refs.colours[0].clear(),this.$refs.sizes[0].clear()),this.filterMeta.enableFilters=!1,this.$store.dispatch("overlayElements/close","collection-filter")},clearSingleFilter(e){this.$refs[e]&&this.$refs[e][0].clear()},filterProducts(e,t){this.filterMeta.enableFilters=!0,t==="colours"?this.setFilters.colours=e.map(i=>i.property):t==="types"?this.setFilters.types=e.map(i=>i.property):t==="sizes"&&(this.setFilters.sizes=e.map(i=>i.property)),this.emitFilterSet()},emitFilterSet(){this.filtersEnabled?this.$emit("filter-set",this.setFilters):this.$emit("filter-set",{types:[],colours:[],sizes:[]})},getActiveFilterValue(e){const t=this.filters[e];if(t.length)return t.map(i=>({property:i,selected:!0}))}}},vt={class:"section-collection-filter"},gt={class:"flex justify-between p-4"},yt={class:"mb-0"},Ct=P(" Filters "),wt={key:0},bt=["onClick"],Ft={class:"relative"},St={class:"title"},kt={key:0},zt={class:"primary-text ml-4"},Mt={key:0,class:"container mt-4"};function At(e,t,i,d,l,s){const a=f("tml-toggle"),c=f("tml-form"),C=f("tml-anchor"),M=f("tml-color-square"),A=f("font-awesome-icon"),V=f("tml-segmented-select"),L=f("tml-expandable-container"),z=f("tml-button");return o(),_("div",vt,[p(c,{"form-name":"collection-filter"},{default:g(()=>[F("div",gt,[F("h4",yt,[Ct,s.filterMeta.enableFilters?(o(),_("span",wt," ("+D(s.selectedCount)+") ",1)):y("",!0)]),s.isMobileView?y("",!0):(o(),S(a,{key:0,modelValue:s.filterMeta.enableFilters,"onUpdate:modelValue":t[0]||(t[0]=h=>s.filterMeta.enableFilters=h),class:"!m-0","field-name":"filter-toggle"},null,8,["modelValue"]))])]),_:1}),(o(!0),_(O,null,H(s.filterOptions,(h,m)=>(o(),_(O,null,[h.filterableOptions.length?(o(),S(L,{key:m,ref_for:!0,ref:"containers",class:"filter-container",title:s.startCase(m),"only-hide":"","no-bottom-margin":"","no-transition":"","prevent-outer-close":!1},{button:g(()=>[i.filters[m].length>0?(o(),S(C,{key:0,class:"pr-2 cursor-pointer",text:"Reset",onClick:qe(q=>s.clearSingleFilter(m),["stop"])},null,8,["onClick"])):y("",!0)]),default:g(()=>[p(V,{ref_for:!0,ref:m,value:s.getActiveFilterValue(m),items:h.filterableOptions,multiselect:h.multiselect,identifier:"property",onInput:q=>s.filterProducts(q,m)},{default:g(({select:q,deselect:G,allItems:N})=>[F("div",{class:me(["filter-options-container",{"filter-options-overlay":!s.isMobileView}])},[(o(!0),_(O,null,H(N,(v,U)=>(o(),_("div",{key:U,class:"filter-option p-4 cursor-pointer",onClick:()=>{v.selected?G(v):q(v)}},[F("div",Ft,[F("div",St,[m==="colours"?(o(),_("div",kt,[p(M,{class:"colour-square inline-block",color:`${v.property}-Group`,"disable-tooltip":""},null,8,["color"])])):y("",!0),F("p",zt,D(v.property),1)]),v.selected?(o(),S(A,{key:0,class:"float-right absolute filter-icon mr-0",icon:l.faCheck},null,8,["icon"])):y("",!0)])],8,bt))),128))],2)]),_:2},1032,["value","items","multiselect","onInput"])]),_:2},1032,["title"])):y("",!0)],64))),256)),s.isMobileView&&s.anyFilterEnabled?(o(),_("div",Mt,[p(z,{secondary:"",text:"Remove Filters",fill:"",onClick:s.clearAllFilters},null,8,["onClick"])])):y("",!0)])}const Gt=Z(pt,[["render",At],["__scopeId","data-v-f1de7d6b"]]);export{Bt as C,Gt as a,It as b,We as c};
//# sourceMappingURL=Filter.f61324db.js.map