1"use strict";(self.webpackChunkwebpack=self.webpackChunkwebpack||[]).push([[8708],{6206:function(t,e,a){a.r(e),a.d(e,{Collapse:function(){return n}});var i=a(68687),s=a(43322),l=a(41181),r=a(91759),o=a(77905);class n extends i.oi{static get properties(){return{open:{type:Boolean,attribute:"open"},closeOn:{type:String,attribute:"close-on"},moreLabel:{type:String,attribute:"label-more"},lessLabel:{type:String,attribute:"label-less"},size:{type:String},numberOfLines:{type:Number,attribute:"number-of-lines"},hasMore:{type:Boolean,attribute:!1},expanded:{type:Boolean,attribute:!1},slotPanelStyle:{type:String,attribute:!1},amount:{type:Number,attribute:!1},showAmount:{type:Boolean,attribute:"show-amount"},showAmountRight:{type:Boolean,attribute:"show-amount-right"},renderPartialSkeleton:{type:Boolean,attribute:"render-partial-skeleton",reflect:!0}}}constructor(){super(),this.resizeObserver=new ResizeObserver(this._HandleReadMore.bind(this)),this.id=(0,o.y)(),this.expanded=!1,this.amount=0}render(){return i.dy` 2 <details part="details" ?open="${this.open}" ?style="${this.slotPanelStyle}"> 3 <summary part="summary"> 4 <slot name="summary"></slot> 5 ${this.showAmount||this.showAmountRight?i.dy`<div slot="amount"> 6 <span 7 class="wc-collapse__amount${this.amount&&0!=this.amount?"":" u-hide"}" 8 > 9 ${this.amount&&this.amount>0?i.dy`(${this.amount||0})`:""} 10 </span> 11 </div>`:i.Ld} 12 ${(0,s.aT)(l.aX.ArrowDown,`wc-collapse__icon${this.iconSize}`)} 13 </summary> 14 15 <div class="wc-collapse__panel"> 16 ${this.renderPartialSkeleton?i.dy`<ul class="o-flex o-flex--column u-gap-2 u-mbs-2"> 17 <li class="o-skel__item"> </li> 18 <li class="o-skel__item"> </li> 19 <li class="o-skel__item"> </li> 20 </ul>`:i.Ld} 21 <slot name="panel" ?tabindex="${this.open?"":"-1"}" id="collapse${this.id}"></slot> 22 ${this.numberOfLines&&this.numberOfLines>0&&this.hasMore||this.eventTrigger?i.dy` 23 <button 24 type="button" 25 aria-expanded="${this.expanded}" 26 aria-controls="collapse${this.id}" 27 class="a-link a-link--primary a-link--small wc-collapse__more" 28 @click=${()=>this._ToggleReadMore()} 29 > 30 ${(0,s.aT)(l.aX.ArrowDown,"a-link__icon")} 31 <span class="a-link__text" 32 >${this.expanded?this.lessLabel:this.moreLabel}</span 33 > 34 </button> 35 `:i.Ld} 36 </div> 37 </details> 38 `}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.panel=this.querySelector('[slot="panel"]'),this.summary=this.querySelector('[slot="summary"]'),this.isList="UL"==this.panel?.firstElementChild?.tagName,this.listItems=this.panel?.firstElementChild?.querySelectorAll("li"),this.slotPanelClassName=i.Ld,this.slotPanelStyle=i.Ld,this.isList||this.resizeObserver.observe(this),this.iconSize={medium:" u-icon-small",large:" u-icon-normal",micro:" u-icon-micro"}[this.size]||" u-icon-tiny",this.addEventListener("wc-filter-helper-updated",(t=>{this.amount=t.detail.selectedValues.length})),this.addEventListener("wc-filter-helper-updated-external",(t=>{this.amount=t.detail.amount}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}firstUpdated(){this._UpdateRoot();const t=this.querySelector("details"),e=this.querySelector('[name="panel"]');new MutationObserver((t=>{for(let a of t){""===a.target.getAttribute("open")?e.removeAttribute("tabindex"):e.setAttribute("tabindex","-1")}}
38)).observe(t,{attributes:!0})}_UpdateRoot(){if(this.summary){this.renderRoot.querySelector('slot[name="summary"]').prepend(this.summary);const t=this.querySelector('[slot="amount"]'),e=this.querySelector('slot[name="amount"]');t&&e.insertAdjacentElement("afterbegin",t)}if(this.panel){this.renderRoot.querySelector('slot[name="panel"]').prepend(this.panel)}this.numberOfLines&&0!=this.numberOfLines&&this._CalculateLines()}_CalculateLines(){this.isList?(this._ToggleListItems(),this.hasMore=this.listItems&&this.listItems.length>this.numberOfLines):((this.numberOfLines||this.numberOfLines>0)&&this._SetTextStyling(!0),this.hasMore=this.panel.scrollHeight>this.panel.clientHeight)}_HandleReadMore(t){let e=0;for(const a of t){const{width:t,height:i}=a.contentRect;"number"==typeof t&&t!==e&&(this.hasMore=this.panel.scrollHeight>this.panel.clientHeight,e=t)}(0,r.MG)(this.closeOn)||(this.open=(0,s.WM)(this.closeOn))}_ToggleListItems(){for(let t=this.numberOfLines;t<this.listItems.length;t++){let e=this.listItems[t].querySelector("input");this.listItems[t].setAttribute("aria-hidden",!this.expanded),e&&e.toggleAttribute("disabled",!this.expanded)}}_SetTextStyling(t){const e=this.querySelector('[slot="panel"]');t?e.classList.add("u-truncate-multi"):e.classList.remove("u-truncate-multi"),this.slotPanelStyle=t?`--truncate-multi : ${this.numberOfLines};`:i.Ld}_ToggleReadMore(){this.expanded=!this.expanded,this.isList?this._ToggleListItems():(this.eventTrigger=!0,this._SetTextStyling(!this.expanded)),this.panel.focus()}}customElements.define("wc-collapse",n)},22687:function(t,e,a){a.r(e),a.d(e,{Facets:function(){return b}});var i=a(68687),s=a(47359),l=a(29805),r=a(33712),o=a(96627),n=a(90933),d=a(41874),c=a(43322);function h(t){return r.dy` 39 ${t.icon?r.dy` ${(0,c.aT)(t.icon,"u-icon-micro")} `:r.Ld} 40 ${(0,d.Y)(t.label,1,"a-tag__label")} 41 `}var u=a(77905),p=a(74873);class b extends i.oi{static get properties(){return{amountLabel:{type:String},searchTerm:{type:String},clearButtonLabel:{type:String},amountFacets:{type:Number},hideFacets:{type:Boolean,attribute:"hide-facets",reflect:!0},parm:{type:Object},facets:{type:Array},isLoading:{type:Boolean,attribute:"is-loading"}}}internalIdAttr="internal-id";facetAttr="facet";facetValueAttr="facet-value";constructor(){super()}connectedCallback(){super.connectedCallback(),this.addEventListener("external-clear-all",(t=>{this.clearAll()}))}disconnectedCallback(){super.disconnectedCallback()}createRenderRoot(){return this}firstUpdated(){this._UpdateRoot()}removeFacet=t=>{const e=t.currentTarget,a=e.getAttribute(this.internalIdAttr),i=e.getAttribute(this.facetAttr),l=e.getAttribute(this.facetValueAttr);(0,s.r)(this,"wc-facet-removed",{internalId:a,facet:i,facetValue:l}),this.facets=this.facets.filter((t=>t.internalId!==a)),e.remove(),this.resetStates()};_UpdateRoot(){}_ToggleActions(t){}clearAll(t){this.facets.forEach((t=>{const e=this.querySelector(`[${this.internalIdAttr}="${t.internalId}"]`);e&&e.remove()})),(0,s.r)(this,"wc-facet-clear-all"),this.resetStates()}willUpdate(){super.willUpdate()}resetStates(){this.amountFacets=this.facets?this.facets.length:0,this.hideFacets=this.amountFacets<1&&!this.searchTerm}attributeChangedCallback(t,e,a){if(super.attributeChangedCallback(t,e,a),"parm"===t){this.facets=this.parm.facets;const t=this.parm.amountLabel.indexOf("{0}")>-1?"{0}":"{X}";this.amountLabel=this.parm.amountLabel.replace(t,this.parm.amount),this.searchTerm=this.parm.searchTerm,this.amountLabel=this.amountLabel.replace("{1}",this.searchTerm),this.clearButtonLabel=this.parm.clearButtonLabel,this.resetStates(),this.setShadows()}"is-loading"===t&&this.setShadows()}async setShadows(){await this.updateComplete;const t=this.querySelector(".js-tag-group");t&&(0,p.Xy)(t,this.querySelector(".js-scroll"))}render(){return i.dy` 42 ${this.hideFacets?i.Ld:this.getFacetHtml(this.isLoading?"a-tag--partial-skeleton":"")} 43 `}getClearButtonHtml(){return this.amountFacets>1&&this.clearButtonLabel?i.dy`<button 44 type="button" 45 class="a-link a-link--primary a-link--small u-white-space-nowrap js-clear-all" 46 @click="${this.clearAll}" 47 aria-label="${this.clearButtonLabel}" 48 >
49 <span class="a-link__text">${this.clearButtonLabel}</span> 50 </button>`:i.Ld}getFacetHtml(t){return i.dy` 51 <div class="wc-facets-scroll"> 52 ${this.amountLabel?i.dy`<div class="u-white-space-nowrap u-text-small">${this.amountLabel}</div>`:i.Ld} 53 <div class="wc-facets-scroll__inner a-scroll a-scroll--horizontal js-scroll"> 54 <div class="wc-facets__tag-group js-tag-group"> 55 ${this.facets?i.dy` 56 <div class="a-tag-group o-flex--nowrap"> 57 ${(0,l.r)(this.facets,(t=>t.internalId),((e,a)=>i.dy` 58 ${(t=>{const e=t.state&&"default"!==t.state?` ${t.state}`:"";return(0,n.R)(t.HTMLVariants,[["link",()=>r.dy` 59 <a class="a-tag u-label-tiny${e}" href="${t.link}" target="_self"> 60 ${h(t)} 61 </a> 62 `],["button",()=>r.dy` 63 <button 64 class="a-tag u-label-tiny${e}" 65 type="button" 66 internal-id="${t.internalId?`${t.internalId}`:r.Ld}" 67 facet="${t.facetType?`${t.facetType}`:r.Ld}" 68 facet-value="${t.facetValue?`${t.facetValue}`:r.Ld}" 69 @click="${t.callback?t.callback:r.Ld}" 70 > 71 ${h(t)} 72 ${t.facet?r.dy` 73 <span class="a-tag__remove"> 74 ${(0,c.aT)(o.aX.Close,"u-icon-micro")} 75 </span> 76 `:r.Ld} 77 </button> 78 `]],(()=>r.dy`<span 79 id=${t.id?t.id:r.Ld} 80 class="a-tag u-label-tiny${e} ${t.extraClasses}" 81 > 82 ${h(t)} 83 </span> `))})({id:(0,u.y)(),label:e.label,internalId:e.internalId,facetType:e.facetType,facetValue:e.facetValue,facet:!0,state:t,HTMLVariants:"button",callback:this.removeFacet})} 84 `))} 85 ${this.getClearButtonHtml()} 86 </div> 87 `:i.Ld} 88 </div> 89 </div> 90 </div> 91 `}}customElements.define("wc-facets",b)},98708:function(t,e,a){a.r(e),a.d(e,{Lister:function(){return T}});var i=a(68687),s=a(47359),l=a(29805),r=a(41786),o=a(41181),n=a(43322),d=a(33712);var c=a(35442),h=a(77905),u=(a(13857),a(90871));a(40058);var p=a(73756),b=a(31782);const g=(t,e)=>{const a=t._$AN;if(void 0===a)return!1;for(const t of a)t._$AO?.(e,!1),g(t,e);return!0},m=t=>{let e,a;do{if(void 0===(e=t._$AM))break;a=e._$AN,a.delete(t),t=e}while(0===a?.size)},k=t=>{for(let e;e=t._$AM;t=e){let a=e._$AN;if(void 0===a)e._$AN=a=new Set;else if(a.has(t))break;a.add(t),w(e)}};function f(t){void 0!==this._$AN?(m(this),this._$AM=t,k(this)):this._$AM=t}function y(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const i=this._$AH,s=this._$AN;if(void 0!==s&&0!==s.size)if(e)if(Array.isArray(i))for(let t=a;t<i.length;t++)g(i[t],!1),m(i[t]);else null!=i&&(g(i,!1),m(i));else g(this,t)}const w=t=>{t.type==b.pX.CHILD&&(t._$AP??=y,t._$AQ??=f)};class L extends b.Xe{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,a){super._$AT(t,e,a),k(this),this.isConnected=t._$AU}_$AO(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(g(this,t),m(this))}setValue(t){if((0,p.OR)(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class v{}const $=new WeakMap,S=(0,b.XM)(class extends L{render(t){return d.Ld}update(t,e){let[a]=e;const i=a!==this.G;return i&&void 0!==this.G&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=a,this.ht=t.options?.host,this.rt(this.ct=t.element)),d.Ld}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const e=this.ht??globalThis;let a=$.get(e);void 0===a&&(a=new WeakMap,$.set(e,a)),void 0!==a.get(this.G)&&this.G.call(this.ht,void 0),a.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?$.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var _=a(74873),C=a(72071),D=a(70392),A=a.n(D);var F=a(71727),x=a(52182);a(78509);class B extends i.oi{static get properties(){return{allFilterLabel:{type:String,attribute:"all-filter-label"},viewAllLabel:{type:String,attribute:"view-all-label"},showAllFilters:{type:Boolean},showViewAll:{type:Boolean},expandFirstFilter:{type:Boolean},amountOfFilters:{type:Number},amountShowAllFilters:{type:Number,attribute:"amount-show-all-filters"},allFilterDialogId:{type:String,attribute:"all-filter-dialog-id"},filters:{type:Array},parm:{type:Object},renderSkeleton:{type:Boolean,attribute:"render-skeleton"},isTabletView:{type:Boolean},hFilter:{type:Object}}}constructor(){super(),(0,n.bd)("--mq-tablet",(t=>{this.isTabletView=!t,this.evaluateShowAllFiltersBtn()}),document.window)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.innerHTML=""}createRenderRoot(){return this}firstUpdated(){this._UpdateRoot(),this.hFilter=this.querySelectorAll(".hFilters input"),this.hFilter&&this.hFilter.forEach((t=>{t.addEventListener("change",this._HandleCheckboxChange.bind(this))}))}willUpdate(){}attributeChangedCallback(t,e,a){super.attributeChangedCallback(t,e,a),"parm"===t&&(this.filters=this.parm.filters,this.allFilterLabel=this.parm.allFilterLabel,this.viewAllLabel=this.parm.viewAllLabel,this.showViewAll=this.parm.showViewAll,this.amountShowAllFilters=this.parm.amountShowAllFilters,this.expandFirstFilter=this.parm.expandFirstFilter,this.amountOfFilters=this.filters.length,this.evaluateShowAllFiltersBtn(),this.allFilterDialogId="ref-lister-dialog",this.requestUpdate("filters"))}evaluateShowAllFiltersBtn(){this.showAllFilters=this.isTabletView||this.allFilterLabel&&this.amountShowAllFilters<this.amountOfFilters}updated(){const t=this.querySelectorAll('input[type="checkbox"]');(0,s.r)(this,"wc-horizontal-filters-all",{allFilters:t})}_UpdateRoot(){}clearAllFilters(){const t=document.querySelector("wc-facets");t&&(0,s.r)(t,"external-clear-all")}_ToggleActions(t){}render(){let t=this.filters[0],e=this.filters.slice(1,this.filters.length);return i.dy` 92 ${this.showViewAll?i.dy` 93 <div class="clearAll"> 94 <button 95 type="button" 96 class="a-btn a-btn--tertiary js-clear-all" 97 @click="${this.clearAllFilters}" 98 aria-label="View all" 99 >
100 <span class="a-link__text">${this.viewAllLabel}</span> 101 </button> 102 </div>`:""} 103 ${this.expandFirstFilter?i.dy` 104 <div class="hFilters"> 105 <ul> 106 <wc-filter-helper> 107 ${(0,l.r)(t.options,(t=>t.filterId),((a,s)=>i.dy` 108 <li class="${(t.options.length>=this.amountShowAllFilters||e.length>0)&&s>=this.amountShowAllFilters-1?"u-hide":""}"> 109 ${(0,r.NU)(a,(0,h.y)(),null,a.filterId,t.categoryId)} 110 </li> 111 `))} 112 </wc-filter-helper> 113 ${(0,l.r)(e,(t=>t.categoryId),((t,e)=>i.dy` 114 115 <wc-floating-menu 116 class="u-hide" 117 close-outside="true" 118 show-amount="true" 119 show-amount-right="true" 120 render-skeleton=${this.renderSkeleton} 121 > 122 <span slot="summary" class="a-btn a-btn--tertiary " 123 >${t.label}</span 124 > 125 <ul slot="panel"> 126 ${(0,l.r)(t.options,(t=>t.filterId),((e,a)=>i.dy` 127 <li> 128 ${(0,r.NU)(e,(0,h.y)(),null,e.filterId,t.categoryId)} 129 </li> 130 `))} 131 </ul> 132 </wc-floating-menu>`))} 133 </ul> 134 </div> 135 136 ${t.options.length>this.amountShowAllFilters||e.length>0?i.dy` 137 <button 138 data-dialog-id="${this.allFilterDialogId}" 139 class="a-btn a-btn--tertiary wc-horizontal-filters__all-filters" 140 > 141 ${(0,n.aT)(o.aX.Filters,"u-icon-tiny")} 142 <span class="a-btn__label">${this.allFilterLabel}</span> 143 </button>`:""} 144 `:i.dy` 145 ${(0,l.r)(this.filters,(t=>t.categoryId),((t,e)=>i.dy` 146 ${this.renderSkeleton?i.dy` <div 147 class="a-btn o-skel__item u-hide-tablet ${e>=(this.showAllFilters?this.amountShowAllFilters-1:this.amountShowAllFilters)?"u-hide":""}" 148 > 149 150 </div>`:i.dy` 151 <wc-floating-menu 152 class="u-hide-tablet ${e>=(this.showAllFilters?this.amountShowAllFilters-1:this.amountShowAllFilters)?"u-hide":""}" 153 close-outside="true" 154 show-amount="true" 155 show-amount-right="true" 156 render-skeleton=${this.renderSkeleton} 157 > 158 <span slot="summary" class="a-btn a-btn--tertiary " 159 >${t.label}</span 160 > 161 <ul slot="panel"> 162 ${(0,l.r)(t.options,(t=>t.filterId),((e,a)=>i.dy` 163 <li> 164 ${(0,r.NU)(e,(0,h.y)(),null,e.filterId,t.categoryId)} 165 </li> 166 `))} 167 </ul> 168 </wc-floating-menu> 169 `} 170 `))} 171 ${this.renderSkeleton?i.dy` 172 <div class="a-btn o-skel__item wc-horizontal-filters__all-filters"> 173 174 </div> 175 `:i.Ld} 176 ${this.showAllFilters&&!this.renderSkeleton?i.dy` 177 <button 178 data-dialog-id="${this.allFilterDialogId}" 179 class="a-btn a-btn--tertiary wc-horizontal-filters__all-filters" 180 > 181 ${(0,n.aT)(o.aX.Filters,"u-icon-tiny")}
182 <span class="a-btn__label">${this.allFilterLabel}</span> 183 </button> 184 `:i.Ld} 185 `} 186 `}}customElements.define("wc-horizontal-filters",B);a(22687),a(82435);class M extends i.oi{static get properties(){return{parm:{type:Boolean,attribute:"parm"},checkedItems:{type:Object,attribute:!1}}}constructor(){super(),this.checkedItems=[]}connectedCallback(){super.connectedCallback(),this.checkboxes=this.querySelectorAll('input[type="checkbox"]'),!this.checkboxes||this.checkboxes.length<1||(this.checkboxes.forEach((t=>{t.addEventListener("change",this._HandleCheckboxChange.bind(this))})),this.addEventListener("external-change",this._HandleCheckboxChangeExternal.bind(this)),(0,s.r)(this,"wc-filter-helper-all",{allFilters:this.checkboxes}))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("external-change",this._HandleCheckboxChangeExternal.bind(this)),this.checkboxes&&this.checkboxes.forEach((t=>{t.removeEventListener("change",this._HandleCheckboxChange.bind(this))}))}createRenderRoot(){return this}firstUpdated(){}_SetAmountCheckedCheckboxes(){this.checkedItems=Array.from(this.checkboxes).filter((t=>t.checked))}_HandleCheckboxChange(t){this._SetAmountCheckedCheckboxes(),(0,s.r)(this,"wc-filter-helper-updated",{selectedValues:this.checkedItems,allFilters:this.checkboxes})}_HandleCheckboxChangeExternal(t){this._SetAmountCheckedCheckboxes(),(0,s.r)(this,"wc-filter-helper-updated-external",{amount:this.checkedItems.length})}render(){return i.dy``}}customElements.define("wc-filter-helper",M);a(6206),a(99362);class I extends i.oi{static get properties(){return{parm:{type:Object},isLoading:{type:Boolean,attribute:"is-loading",reflect:!0}}}constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this._updateRoot()}_updateRoot(){const t=this.querySelector("slot[name=load-more-items]"),e=this.renderRoot.querySelector('[slot="load-more-items"]');e&&e?.prepend(t)}createRenderRoot(){return this}getBtnData(t){return{label:(t?this.parm.next:this.parm.previous).btnLabel,typeButton:"secondary",clickCallback:t?this.nextBtnClickCallback:this.previousBtnClickCallback}}nextBtnClickCallback=()=>{(0,s.r)(this,"wc-paged-load-more-next",this.getBtnClickData())};previousBtnClickCallback=()=>{(0,s.r)(this,"wc-paged-load-more-prev",this.getBtnClickData())};getBtnClickData(){return{pageAmount:this.parm.previous?.pageAmount,currentAmount:this.parm.next?.currentAmount,totalAmount:this.parm.next?.totalAmount}}getPrevPageLabel(){const t=this.parm.previous;return t?.pageLabel?.replace("{0}",t.pageAmount)}getNextPageLabel(){const t=this.parm.next;let e=t?.amountLabel?.replace("{0}",t?.currentAmount);return e?.replace("{1}",t?.totalAmount)}getProgressData(){const t=this.parm.next;return{value:t?.currentAmount,max:t?.totalAmount}}renderPreviousButton(){return!!this.parm.previous?.btnLabel}renderPreviousPageIndicator(){return!!this.parm.previous?.pageLabel}renderPreviousSection(){return(this.renderPreviousButton()||this.renderPreviousPageIndicator())&&this.parm.previous?.pageAmount>1}renderNextSection(){return this.parm.next&&Object.keys(this.parm.next).length>0||this.renderNextButton()}renderNextButton(){const t=this.parm.next;return!!t&&(!t.hideButton&&t.btnLabel)}render(){return i.dy` 187 ${this.renderPreviousSection()?i.dy` 188 <div 189 slot="paged-load-more-previous" 190 class="o-flex o-flex--column o-flex--jc-center u-mbs-3" 191 > 192 ${this.renderPreviousButton()?i.dy` 193 <div 194 class="o-flex o-flex--jc-center" 195 is-loading-disabled="${this.isLoading?"true":i.Ld}" 196 > 197 ${(0,u.D)(this.getBtnData())} 198 </div> 199 `:i.Ld} 200 ${this.renderPreviousPageIndicator()?i.dy` 201 <div class="a-separator u-text-caption u-mbs-3"> 202 ${this.getPrevPageLabel()} 203 </div> 204 `:i.Ld} 205 </div> 206 `:i.Ld} 207 <div slot="load-more-items"></div> 208 ${this.renderNextSection()?i.dy` 209 <div class="o-flex o-flex--column o-flex--ai-center"> 210 <div class="wc-paged-load-more__progress u-text-small"> 211 ${this.getNextPageLabel()} 212 ${(t=>{const e=t.id?t.id:"progress";return d.dy`<div class="a-progressbar ${t.class}"> 213 ${t.pre?d.dy`
214 <span class="pre u-text-tiny">${t.pre}</span> 215 `:d.Ld} 216 <progress id="${e}" max=${t.max} value=${t.value}></progress> 217 ${t.post?d.dy` 218 <span class="post u-text-tiny"><span class="counter">${t.post}</span> left</span> 219 `:d.Ld} 220 </div>`})(this.getProgressData())} 221 </div> 222 ${this.renderNextButton()?i.dy` 223 <div 224 class="o-flex o-flex--jc-center" 225 is-loading-disabled="${this.isLoading?"true":i.Ld}" 226 > 227 ${(0,u.D)(this.getBtnData(!0))} 228 </div> 229 `:i.Ld} 230 </div> 231 `:i.Ld} 232 `}}customElements.define("wc-paged-load-more",I);class T extends C.k{static get properties(){return{allFilters:{type:Boolean,attribute:"all-filters"},loadMoreAmount:{type:Number},showLoadMoreSkeleton:{type:Boolean,attribute:"load-more",reflect:!0},showLoadMoreNextSkeleton:{type:Boolean},showLoadMorePrevSkeleton:{type:Boolean},showFilterSkeleton:{type:Boolean,attribute:"load-filter",reflect:!0},paginationCurrentPage:{type:Number},numberLines:{type:Number},parm:{type:Object,attribute:"parm",reflect:!0},facetData:{type:Object},selectedFacets:{type:Array},isColorLister:{type:Boolean},drawerDialogLabels:{type:Object},drawerDialogBody:{type:String},drawerDialogFooter:{type:String},drawerDialogHeading:{type:String},drawerDialogRenderSkeletonHeading:{type:Boolean},addToBasketAllowed:{type:Boolean},showMoreLabel:{type:String},showLessLabel:{type:String}}}selectedFilters={};linkedSection=(()=>new v)();filters={};idAttr="internal-id";dialogData;originalParm;originalFilters;lookbook;lookbookId="lister-lookbook";scrolling=!1;drawerId="ref-lister-drawer";drawerDialog;constructor(){super(),this.loadingEventName="wc-lister-data-ready"}connectedCallback(){super.connectedCallback(),this.createFacetData(),this.originalParm=this.parm,this.dialogData=this.parm.dialogData,this.loadMoreAmount=this.parm.loadMoreData?.amount,this.isColorLister=this.parm.isColorLister,this.drawerDialogLabels=this.parm.drawerDialogLabels,this.paginationCurrentPage=this.parm.paginationData?.currentPage}disconnectedCallback(){super.disconnectedCallback()}createRenderRoot(){return this}firstUpdated(){if((0,x.As)(this.lookbookId,this.lookbookInitted),(0,x.As)(this.drawerId,this.drawerInitted),this.addEventListener("PagingChanged",this.paginationClicked),this.registerEventsLoadMore(),(0,s.r)(this,"wc-lister-data-ready"),this.handleBasket(),!this.parm.horizontalFiltersData?.filters?.length>0)return void(this.showFilterSkeleton=!1);this.createFacetRepos();let t=this.querySelector("[slot='sticky-filters']");t&&(document.addEventListener("wc-header-height-updated",(e=>{const a=e.detail.headerHeightInt;(0,_.kr)(t,`${a+1}`)})),this.addEventListener("wc-floating-menu-updated",(t=>{this.showFilterSkeleton=!0,t.detail.allFilters.forEach((t=>{this.updateSelectedFilters(t),this.handleFilterState(t,!1)})),this.dispatchFilterUpdate()})),this.addEventListener("wc-filter-helper-updated",(t=>{this.showFilterSkeleton=!0,t.detail.allFilters.forEach((t=>{this.updateSelectedFilters(t),this.handleFilterState(t,!1)})),this.dispatchFilterUpdate()})),this.addEventListener("wc-facet-removed",(t=>{this.showFilterSkeleton=!0;const e=this.filters[t.detail.internalId];if(!e)return;const a=e.filterEl.getAttribute("category-id"),i=e.filterEl.getAttribute("filter-id");this.removeSelectedFilter(a,i),this.handleFilterState(e.filterEl,!1,!0),this.dispatchFilterUpdate()})),this.addEventListener("wc-facet-clear-all",(t=>{this.showFilterSkeleton=!0,this.removeAllSelectedFilters();for(const[t,e]of Object.entries(this.filters))this.handleFilterState(e.filterEl,!1,!0);this.facetData.facets=[],this.requestUpdate("facetData"),this.dispatchFilterUpdate()})))}handleBasket(){var t;this.addToBasketAllowed=this.parm.basketRemainingCount>0,t=this.basketChanged,A().subscribe("BASKET_UPDATED",((e,a)=>{const i=a.remainingCount>0;t({addToBasketAllowed:i,totalCount:a.totalCount,remainingCount:a.remainingCount})}))}basketChanged=t=>{this.addToBasketAllowed=t.addToBasketAllowed;const e=this.querySelector(".js-wc-sample-cta-btn");if(!e)return;if(!this.drawerDialog)return;const a="WC-TOOLTIP"===e.parentElement.tagName;this.drawerDialog.isLoading=!1,this.addToBasketAllowed?(e.removeAttribute("disabled"),a&&e.parentElement.setAttribute("disable",!0)):(e.setAttribute("disabled",!0),a&&e.parentElement.removeAttribute("disable",!0))};addSelectedFilter(t,e){this.selectedFilters[t]||(this.selectedFilters[t]=new Set),this.selectedFilters[t].add(e)}removeSelectedFilter(t,e){this.selectedFilters[t]&&this.selectedFilters[t].delete(e)}removeAllSelectedFilters(){this.selectedFilters={}}doesSelectedFiltersContain(t,e){return!!this.selectedFilters[t]&&this.selectedFilters[t].has(e)}lookbookInitted=()=>{this.lookbook=(0,x.p2)(this.lookbookId),this.handleLookbookData(),this.setOnloadSelectedCards(this.lookbook)};setOnloadSelectedCards(){this.lookbook&&(this.lookbook.selectedCards=this.parm.cards.filter((t=>t.isChecked)).map((t=>{const e=this.querySelector(`#${t.id}`);return{id:t.id,target:e,data:t.lookbookData}})).filter((({target:t})=>null!==t)))}keepSelectedCardsLookbook(){if(!this.lookbook)return;const t=this.parm.cards.filter((t=>!!t.lookbookData)),e=this.lookbook.selectedCards?.filter((e=>t.some((t=>
232t.id===e.id))));this.lookbook.selectedCards=e}handleLookbookData(){this.lookbook&&(this.keepSelectedCardsLookbook(),this.lookbook.isLoadingMode=!1)}createFacetData(){const t=this.parm.facetData;t.facets=[],this.facetData=t}createFacetRepos(){this.addEventListener("wc-horizontal-filters-all",(t=>{this.filters={},this.facetData.facets=[],t.detail.allFilters.forEach((t=>{const e=t.getAttribute(this.idAttr),a=t.getAttribute("filter-label");if(this.filters[e]={filterEl:t,label:a},!t.getAttribute("selected"))return;const i=t.getAttribute("category-id"),s=t.getAttribute("filter-id");this.addSelectedFilter(i,s),this.handleFilterState(t,!0),this.facetData.facets.push({internalId:e,label:a}),this.requestUpdate("facetData")})),this.originalFilters=this.filters}))}updateSelectedFilters(t){const e=t.getAttribute(this.idAttr),a=t.getAttribute("category-id"),i=t.getAttribute("filter-id");t.checked?this.doesSelectedFiltersContain(a,i)||(this.addSelectedFilter(a,i),this.facetData.facets.push({internalId:e,label:t.getAttribute("filter-label")}),this.requestUpdate("facetData")):this.doesSelectedFiltersContain(a,i)&&(this.removeSelectedFilter(a,i),t.removeAttribute("selected"),this.facetData.facets=this.facetData.facets.filter((t=>t.internalId!==e)),this.requestUpdate("facetData"))}handleFilterState=(t,e,a)=>{e&&(t.checked=!0,(0,s.r)(t,"external-change")),a&&(t.checked=!1,t.removeAttribute("selected"),(0,s.r)(t,"external-change"));const i=this.linkedSection.value;if(!i)return;let l=t.getAttribute("linked-internal-id"),r=null;l&&this.filters[l]?r=this.filters[l].filterEl:(l=t.getAttribute(this.idAttr),r=i.querySelector(`[linked-internal-id='${l}']`)),r&&(r.checked=t.checked,(0,s.r)(r,"external-change"))};_UpdateRoot(){}_ToggleActions(t){}render(){this.showLoadMoreSkeleton=this.showLoadMoreNextSkeleton||this.showLoadMorePrevSkeleton;let t=this.parm.horizontalFiltersData?.filters[0],e=this.parm.horizontalFiltersData?.filters.slice(1,this.parm.horizontalFiltersData?.filters.length);return i.dy` 233 ${this.dialogData&&this.parm.horizontalFiltersData?.filters?.length>0&&(t.options.length>this.parm.horizontalFiltersData?.amountShowAllFilters||e.length>0)?i.dy` 234 <slot name="linked-filters" ${S(this.linkedSection)}> 235 ${this.getDialogHtml()} 236 </slot> 237 `:i.Ld} 238 ${this.parm.horizontalFiltersData?.filters?.length>0?i.dy` <div slot="sticky-filters"> 239 <div slot="lister-filters"> 240 <wc-horizontal-filters 241 render-skeleton="${!(!this.showFilterSkeleton&&!this.showLoadMoreSkeleton)||i.Ld}" 242 parm="${JSON.stringify(this.parm.horizontalFiltersData)}" 243 > 244 </wc-horizontal-filters> 245 </div> 246 <div slot="lister-facets"> 247 <wc-facets 248 is-loading="${!(!this.showFilterSkeleton&&!this.showLoadMoreSkeleton)||i.Ld}" 249 parm="${JSON.stringify(this.facetData)}" 250 > 251 </wc-facets> 252 </div> 253 </div>`:i.Ld} 254 ${this.isColorLister?i.dy` ${this.getDrawerDialog()} `:i.Ld} 255 ${this.parm.cards?i.dy` 256 <wc-paged-load-more 257 parm="${JSON.stringify(this.getLoadMoreData())}" 258 is-loading="${this.showLoadMoreSkeleton||this.showFilterSkeleton||i.Ld}" 259 > 260 <slot name="load-more-items"> 261 <div 262 slot="lister-items" 263 class="wc-lister__grid o-max-col-grid o-max-col-grid--4 ${this.isColorLister?"wc-lister__grid--color":""}" 264 > 265 ${this.showLoadMorePrevSkeleton?i.dy`<slot class="o-skel" name="skeleton-lister-items">
266 ${this.getSkeletonCards(this.loadMoreAmount)} 267 </slot>`:i.Ld} 268 <slot name="lister-items"> 269 ${(0,l.r)(this.parm.cards,(t=>t.id?t.id:""),((t,e)=>i.dy` 270 ${(0,c.s)(this.getCardData(t))} 271 `))} 272 </slot> 273 ${this.showLoadMoreNextSkeleton||this.showFilterSkeleton?i.dy`<slot class="o-skel" name="skeleton-lister-items"> 274 ${this.getSkeletonCards(this.showFilterSkeleton?12:this.loadMoreAmount)} 275 </slot>`:i.Ld} 276 </div> 277 </slot> 278 </wc-paged-load-more> 279 `:i.Ld} 280 ${this.parm.paginationData?i.dy`<div slot="lister-footer"> 281 ${((t,e,a)=>{const i=t.labels&&Object.keys(t.labels).length>0?JSON.stringify(t.labels):d.Ld;return t?d.dy` 282 <!-- BEGIN component footer --> 283 <footer class="m-comp-footer"> 284 <wc-pagination 285 labels="${i}" 286 current="${e??1}" 287 amount="${t.amount??d.Ld}" 288 is-loading="${a||d.Ld}" 289 ></wc-pagination> 290 </footer> 291 <!-- END component footer --> 292 `:d.Ld})(this.parm.paginationData,this.paginationCurrentPage,this.showFilterSkeleton)} 293 </div>`:i.Ld} 294 `}getCardData(t){const e={extraClass:this.parm.cardType,hasCheckbox:!!t.lookbookData,id:t.id,fallbackImage:(0,n.Ey)(),cardTitleWrapperType:this.isColorLister?"button":void 0,hideProceedIcon:!0,changeCallbackData:t.lookbookData,changeCallback:this.cardCheckboxChangeCallback,titleBtnClickData:{cardId:t.id,callback:this.cardClickedHandledCallback},titleBtnClickCallback:this.titleBtnClickCallback};return{...t,...e}}titleBtnClickCallback=(t,e)=>{e&&(this.drawerDialog.openDialog(),this.drawerDialogRenderSkeletonHeading=!0,this.drawerDialogBody=this.getDrawerDialogBodySkeleton(),this.drawerDialogFooter=this.getDrawerDialogSkeletonFooter(),(0,s.r)(this,"wc-lister-card-clicked",e))};cardClickedHandledCallback=t=>{this.drawerDialogRenderSkeletonHeading=!1,this.drawerDialogHeading=t.title??this.drawerDialogLabels.noCardTitleLabel,this.drawerDialogBody=this.getDrawerDialogBody(t),this.drawerDialogFooter=this.getDrawerDialogFooter(t)};cardCheckboxChangeCallback=(t,e)=>{this.lookbook.setCardChecked(t.currentTarget,e)};clearAllDialog(){const t=this.querySelector("wc-facets");t&&(0,s.r)(t,"external-clear-all")}drawerInitted=()=>{this.drawerDialog=(0,x.p2)(this.drawerId)};requestSample=t=>{this.drawerDialog.isLoading=!0,(0,s.r)(this,"wc-lister-sample-requested",{sampleId:t})};getDrawerDialogBodySkeleton(){return i.dy` 295 <div role="group" class="o-skel__paragraph u-text-small"> 296 <div class="o-skel__item"> </div> 297 <div class="o-skel__item"> </div> 298 <div class="o-skel__item"> </div> 299 <div class="o-skel__item"> </div> 300 </div> 301 <div class="u-mbs-4"> 302 <div class="o-skel__image o-skel__item o-ra o-ra--3/2 u-mbe-3"> </div> 303 <div class="o-skel__image o-skel__item o-ra o-ra--3/2 u-mbe-3"> </div> 304 <div class="o-skel__image o-skel__item o-ra o-ra--3/2 u-mbe-3"> </div> 305 <div class="o-skel__image o-skel__item o-ra o-ra--3/2 u-mbe-3"> </div> 306 </div> 307 `}getDrawerDialogBody(t){return i.dy` 308 <div class="m-rt">${t.intro}</div> 309 <div class="u-mbs-4"> 310 ${t.images.map((t=>i.dy`<div class="o-ra o-ra--3/2 u-mbe-3"> 311 <img 312 class="o-fit" 313 src="${t.url}" 314 alt="${t.alt}" 315 width="600" 316 height="400" 317 /> 318 </div>`))} 319 </div> 320 `}getDrawerDialogSkeletonFooter(){return i.dy` 321 <aside class="a-btn-group a-btn-group--vertical-fw"> 322 <div class="a-btn o-skel__item">
322 </div> 323 <div class="a-btn o-skel__item"> </div> 324 </aside> 325 `}getDrawerDialogFooter(t){const e=this.drawerDialogLabels.productDetailLabel&&t.productDetailLink,a=this.drawerDialogLabels.requestSampleLabel&&t.sampleId,s=e||a;return t?i.dy` 326 ${s?i.dy` 327 <aside class="a-btn-group a-btn-group--vertical-fw"> 328 ${e?i.dy` 329 <a 330 class="a-btn a-btn--secondary" 331 type="button" 332 href="${t.productDetailLink}" 333 > 334 ${this.drawerDialogLabels.productDetailLabel} 335 </a> 336 `:i.Ld} 337 ${this.getDrawerDialogSampleCtaHtml(a,t)} 338 </aside> 339 `:i.Ld} 340 `:i.Ld}getDrawerDialogSampleCtaHtml(t,e){const a=this.drawerDialogLabels.sampleDisabledTooltip;return t?i.dy` 341 ${a?i.dy`<wc-tooltip 342 placement="bottom" 343 trigger="mouseenter click" 344 offset-y="18" 345 append-to="parent" 346 .disable=${this.addToBasketAllowed} 347 class="u-w-100" 348 > 349 <button 350 class="a-btn a-btn--primary js-wc-sample-cta-btn js-cta-loading" 351 data-dialog-close="true" 352 type="button" 353 slot="trigger" 354 disabled="${!this.addToBasketAllowed||i.Ld}" 355 @click="${t=>this.requestSample(e.sampleId)}" 356 > 357 ${(0,n.aT)(o.aX.AddToCart,"a-btn__icon")} 358 <span class="a-btn__label"> 359 ${this.drawerDialogLabels.requestSampleLabel} 360 </span> 361 </button> 362 <div slot="content">${(0,F.A)(a)}</div> 363 </wc-tooltip>`:i.dy` 364 <button 365 class="a-btn a-btn--primary js-wc-sample-cta-btn js-cta-loading" 366 data-dialog-close="true" 367 type="button" 368 disabled="${!this.addToBasketAllowed||i.Ld}" 369 @click="${t=>this.requestSample(e.sampleId)}" 370 > 371 ${(0,n.aT)(o.aX.AddToCart,"a-btn__icon")} 372 <span class="a-btn__label"> 373 ${this.drawerDialogLabels.requestSampleLabel} 374 </span> 375 </button> 376 `} 377 `:i.Ld}getDrawerDialog(){return i.dy` 378 <wc-dialog 379 class="wc-lister__dialog" 380 close-on-esc="true" 381 close-button="true" 382 heading="${this.drawerDialogHeading}" 383 backdrop-click-close="true" 384 disable-body-scroll="true" 385 name="${this.drawerId}" 386 render-skeleton-heading="${this.drawerDialogRenderSkeletonHeading||i.Ld}" 387 > 388 <div slot="body">${this.drawerDialogBody}</div> 389 <div slot="footer">${this.drawerDialogFooter}</div> 390 </wc-dialog> 391 `}getDialogHtml(){return i.dy` 392 <wc-dialog 393 class="wc-lister__dialog" 394 close-on-esc="true" 395 close-button="true" 396 heading="${this.dialogData.headingLabel}" 397 backdrop-click-close="true" 398 position="right" 399 animation="slideIn" 400 disable-body-scroll="true" 401 name="ref-lister-dialog" 402 > 403 <div slot="body"> 404 ${this.parm.horizontalFiltersData?.filters?(0,l.r)(this.parm.horizontalFiltersData?.filters,(t=>t.categoryId),((t,e)=>this.getLinkedFilter(t))):i.Ld} 405 </div> 406 ${this.dialogData.clearAllDialogLabel||this.dialogData.resultsDialogLabel?i.dy` 407 <div slot="footer"> 408 ${this.dialogData.clearAllDialogLabel?i.dy` 409 <button 410 class="a-btn a-btn--secondary js-lister-clear" 411 type="button" 412 @click="${t=>this.clearAllDialog()}" 413 > 414 ${this.dialogData.clearAllDialogLabel} 415 </button> 416 `:i.Ld} 417 <aside class="a-btn-group"> 418 ${this.dialogData.resultsDialogLabel?i.dy` 419 <button 420 class="a-btn a-btn--primary js-lister-results" 421 data-dialog-close="true" 422 type="button" 423 > 424 ${this.dialogData.resultsDialogLabel} 425 </button> 426 `:i.Ld} 427 </aside> 428 </div> 429 `:i.Ld} 430 </wc-dialog> 431 `}getLinkedFilter(t){return this.showLoadMoreSkeleton=this.showLoadMoreNextSkeleton||this.showLoadMorePrevSkeleton,i.dy` 432 <wc-collapse
433 render-partial-skeleton="${!(!this.showFilterSkeleton&&!this.showLoadMoreSkeleton)||i.Ld}" 434 show-amount-right="true" 435 size="small" 436 number-of-lines="${t.numberLines?t.numberLines:i.Ld}" 437 label-more="${this.dialogData.showMoreLabel}" 438 label-less="${this.dialogData.showLessLabel}" 439 > 440 <div slot="summary" class="u-label-small"> 441 ${t.label} 442 <slot name="amount"></slot> 443 ${t.tooltipMessage?i.dy` 444 <wc-tooltip 445 placement="bottom" 446 trigger="mouseenter focus click" 447 icon-close="Close" 448 append-to="parent" 449 > 450 <button 451 class="a-btn" 452 type="button" 453 aria-label="read more info" 454 slot="trigger" 455 > 456 ${(0,n.aT)(o.aX.Info,"u-icon-tiny")} 457 </button> 458 <div slot="content">${t.tooltipMessage}</div> 459 </wc-tooltip> 460 `:i.Ld} 461 </div> 462 <div slot="panel"> 463 ${this.showFilterSkeleton||this.showLoadMoreSkeleton?i.Ld:i.dy` 464 ${"visual"!==t.type?i.dy` 465 <ul> 466 <wc-filter-helper> 467 ${(0,l.r)(t.options,(t=>t.filterId),((e,a)=>i.dy` 468 <li> 469 ${(0,r.NU)(e,(0,h.y)(),e.filterId,e.filterId,t.categoryId)} 470 </li> 471 `))} 472 </wc-filter-helper> 473 </ul>`:i.dy` 474 <ul class="a-form-field a-form-field--inline a-form-field--checkbox ${t.variant}" data-count="${t.options.length}"> 475 <wc-filter-helper> 476 ${(0,l.r)(t.options,((e,a)=>i.dy` 477 <li class="a-form-field__field"> 478 ${(0,r.nX)(e,(0,h.y)(),e.filterId,e.filterId,t.categoryId)} 479 </li>`))} 480 </wc-filter-helper> 481 </ul>`} 482 `} 483 </div> 484 </wc-collapse> 485 `}getLoadMoreData(){return{...this.parm.loadMoreData,typeButton:"secondary",extraClasses:"js-lister-loadmore"}}registerEventsLoadMore(){this.addEventListener("wc-paged-load-more-next",(t=>{this.turnOnLoadMoreSkeletonLoading(!0),this.loadMoreNextClicked(t.detail)})),this.addEventListener("wc-paged-load-more-prev",(t=>{this.turnOnLoadMoreSkeletonLoading(),this.loadMorePrevClicked(t.detail)}))}turnOnLoadMoreSkeletonLoading(t){this.showLoadMoreNextSkeleton=t,this.showLoadMorePrevSkeleton=!t,this.lookbook&&(this.lookbook.isLoadingMode=!0)}loadMoreNextClicked(t){(0,s.r)(this,"wc-lister-load-more-next",{selectedFilters:this.selectedFilters,...t,callback:this.listerLoadMoreNextCallback})}loadMorePrevClicked(t){(0,s.r)(this,"wc-lister-load-more-prev",{selectedFilters:this.selectedFilters,...t,callback:this.listerLoadMorePrevCallback})}paginationClicked=t=>{this.showFilterSkeleton=!0,this.lookbook&&(this.lookbook.isLoadingMode=!0);const e=t.detail;this.paginationCurrentPage=e.current,(0,s.r)(this,"wc-lister-pagination",{selectedFilters:this.selectedFilters,setPage:e.current,amountOfPages:e.amount,callback:this.listerPaginationCallback})};dispatchFilterUpdate(){this.lookbook&&(this.lookbook.isLoadingMode=!0),(0,s.r)(this,"wc-lister-filter-update",{selectedFilters:this.selectedFilters,callback:this.listerUpdateCallback})}turnOffSkeleton(){this.showLoadMoreSkeleton=!1,this.showLoadMoreNextSkeleton=!1,this.showLoadMorePrevSkeleton=!1,this.show
485FilterSkeleton=!1}getSkeletonCards(t){let e="";for(let i=0;i<t;i++)e=[...e,(a={classNames:this.parm.cardType,lines:this.isColorLister?"0":2},(a=a||{}).lines=0==a.lines?null:a.lines||2,d.dy` 486 <div class="m-card ${a.classNames||""} o-skel-card"> 487 ${a.hideMedia?d.Ld:d.dy`<div class="m-card__media o-skel-card__media o-skel__item"> </div>`} 488 <div class="m-card__body o-skel-card__body"> 489 <div class="o-skel__item u-h6"> </div> 490 ${a.lines?d.dy` <div role="group" class="o-skel__paragraph u-text-tiny"> 491 ${Array(a.lines).fill(0).map((()=>d.dy`<div class="o-skel__item"> </div>`))} 492 </div>`:d.Ld} 493 </div> 494 </div> 495 `)];var a;return e}listerUpdateCallback=(t,e,a,s,l)=>{this.turnOffSkeleton(),this.parm.cards=t,this.parm.horizontalFiltersData.filters=e,this.parm.facetData.amount=a,this.loadMoreUpdate(s),this.parm.paginationData=l?{...this.parm.paginationData,...l}:i.Ld,this.paginationCurrentPage=this.parm.paginationData.currentPage,this.handleLookbookData()};loadMoreUpdate(t){this.parm.loadMoreData&&(this.parm.loadMoreData.next={...this.parm.loadMoreData.next,...t.next},this.parm.loadMoreData.previous={...this.parm.loadMoreData.previous,...t.previous})}listerLoadMoreNextCallback=(t,e)=>{this.listerLoadMoreCallback(t,e,!0)};listerLoadMorePrevCallback=(t,e)=>{this.listerLoadMoreCallback(t,e)};listerLoadMoreCallback(t,e,a){this.turnOffSkeleton(),this.parm.cards=a?[...this.parm.cards,...t]:[...t,...this.parm.cards],this.loadMoreUpdate(e),this.handleLookbookData()}listerPaginationCallback=t=>{this.turnOffSkeleton(),this.parm.cards=t,this.handleLookbookData()}}customElements.define("wc-lister",T)},40058:function(t,e,a){a.r(e),a.d(e,{Pagination:function(){return n}});var i=a(68687),s=a(13857),l=a(47359),r=a(41181),o=a(43322);class n extends i.oi{static get properties(){return{current:{type:Number,reflect:!0},amount:{type:Number},labels:{type:Object},firstDisable:{type:Boolean},lastDisable:{type:Boolean},isLoading:{type:Boolean,reflect:!0,attribute:"is-loading"}}}constructor(){super(),(0,o.mI)()}createRenderRoot(){return this}render(){return this._SetDisableState(this.current),!this.amount||this.amount<=1?i.Ld:i.dy` 496 <div class="wc-pagination__info u-label-small"> 497 ${this.getStringTemplate(this.labels?.pageInfo,[this.current||1,this.amount||1])} 498 </div> 499 500 <div class="wc-pagination__paging"> 501 ${this._GetButton(1,this.labels.firstPage||"Go to first page",this.firstDisable,r.aX.DoubleArrowLeft)} 502 ${this._GetButton(this.current-1,this.labels.previousPage||"Go to previous page",this.firstDisable,r.aX.ArrowLeft)} 503 ${this._GetButton(this.current+1,this.labels.nextPage||"Go to next page",this.lastDisable,r.aX.ArrowRight)} 504 ${this._GetButton(this.amount,this.labels.lastPage||"Go to last page",this.lastDisable,r.aX.DoubleArrowRight)} 505 </div> 506 `}getStringTemplate(t,e){if(t||t.match(/{(\d+)}/g))return(0,s.A)(`<span class="wc-pagination__current">${t.replace("{0}","{0}</span>").replace(/{(\d+)}/g,((t,a)=>e[a]))}`)}_GetButton(t,e,a,s){return i.dy` <button 507 class="a-btn a-btn--secondary a-btn--icon" 508 @click=${()=>this._TogglePage(t)} 509 type="button" 510 aria-label="${e}" 511 disabled="${a||i.Ld}" 512 > 513 ${(0,o.aT)(s,"u-icon-tiny")} 514 </button>`}_SetDisableState(t){this.lastDisable=t>=this.amount||this.isLoading,this.firstDisable=t<=1||this.isLoading}_TogglePage(t){this.current=t,(0,l.r)(this,"PagingChanged",{current:this.current,amount:this.amount})}}customElements.define("wc-pagination",n)},52182:function(t,e,a){function i(t){const e=function(t){return window[t]}(t);if(e)return e.instance}function s(t,e){const a={};window[t]?e():(a.callbacks=[],a.callbacks.push(e),window[t]=a)}a.d(e,{As:function(){return s},p2:function(){return i}})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.