wickes-css2 2.105.0-develop.2 → 2.105.0-develop.4

package/build/js/plp-filters.min.js

@@ -0,0 +1,9 @@
+var Wick=window.Wick||{};function formatNumberInElement(e){const i=new Intl.NumberFormat("en-GB");document.querySelectorAll(e).forEach(e=>{var t=e.textContent.trim(),t=Number(t.replace(/[^\d]/g,""));Number.isNaN(t)||(e.textContent=i.format(t))})}Wick.PLPUtils=function(){function i(e){return e.find(".plp-filters__options--cards").length?"cards":e.find(".swatch-list").length?"swatches":"text"}return{syncTwinInputsByName:function(e,t,i){$(".filter-card__checkbox, .swatch__checkbox, .checkbox__input").filter(function(){return $(this).attr("name")===e}).each(function(){i&&this===i[0]||$(this).prop("checked",t)})},getPanelType:i,countItems:function(e){var t=i(e);return"cards"===t?e.find(".filter-card").length||0:"swatches"===t?e.find(".swatch").length||0:e.find(".checkbox").length||0},setCardsColumns:function(e,t){(e=e.find(".plp-filters__options--cards")).length&&e.css("grid-template-columns",`repeat(${t}, minmax(0,1fr))`)},getGroupsMeta:function(e,t){const r=[];return e.find(t).each((e,t)=>{var t=$(t),i=t.attr("data-filter")||"";i&&r.push({domName:i,paramKey:i,group:t})}),r}}}(),(Wick=window.Wick||{}).PLPChips={GROUP:".plp-filters__group",TOGGLE:".plp-filters__toggle",INPUTS:".filter-card__checkbox, .swatch__checkbox, .checkbox__input",CHIPS_WRAP_SEL:".plp-selected",BADGE_CLASS:"plp-filters__badge",renderGroupCounters(e){e.find(Wick.PLPChips.GROUP).each((e,t)=>{var t=$(t),i=t.attr("data-filter")||"",i=Wick.PLPFilters.appliedState[i]?Wick.PLPFilters.appliedState[i].size:0,t=t.find(Wick.PLPChips.TOGGLE).find(`.${Wick.PLPChips.BADGE_CLASS} span`);0<i?t.text(i).css("display","flex"):t.text("").hide()})},renderChips(t){t=t.find(Wick.PLPChips.CHIPS_WRAP_SEL);if(t.length){const r=t.find(".plp-selected__list");let e=t.find(".plp-selected__clear-all");r.empty();var i=Wick.PLPFilters.totalApplied();t.find(".plp-selected__clear-all").prop("hidden",0===i),0===i?(t.hide(),e.length&&e.remove()):(Object.keys(Wick.PLPFilters.appliedState).forEach(t=>{Wick.PLPFilters.appliedState[t].forEach(e=>{r.append(`<button type="button" class="pf-chip" data-group="${t}" data-value="${e}">
+            <span class="pf-chip__text">${e}</span>
+            <i class="fa fa-times pf-chip__close" aria-hidden="true"></i>
+            <span class="sr-only">Remove ${e} from ${t}</span>
+        </button>`)})}),e.length?(e.prop("hidden",!1),e.appendTo(r)):(e=$(`
+      <button type="button" class="plp-selected__clear-all btn btn-secondary">
+        <i class="fa fa-times" aria-hidden="true"></i><span>Clear all</span>
+      </button>
+    `),r.append(e)))}},bindChipActions(e){e.on("click",".pf-chip",e=>{e.preventDefault();var e=$(e.target).closest(".pf-chip"),t=e.data("group"),e=e.data("value");Wick.PLPFilters.removeFromApplied(t,e),Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState,!1)}),e.on("click",".plp-selected__clear-all",e=>{e.preventDefault(),Wick.PLPFilters.writeStateToURL({},!1)})}},(Wick=window.Wick||{}).PLPFiltersPanel={ROOT:".plp-filters",BAR:".plp-filters__bar",GROUP:".plp-filters__group",TOGGLE:".plp-filters__toggle",PANEL:".plp-filters__panel",init(){$(document).on("click",Wick.PLPFiltersPanel.TOGGLE,Wick.PLPFiltersPanel.togglePanel),$(document).on("click",e=>{var t=$(Wick.PLPFiltersPanel.ROOT);t.is(e.target)||0!==t.has(e.target).length||Wick.PLPFiltersPanel.closeAll()}),$(document).on("keydown",e=>{"Escape"===e.key&&Wick.PLPFiltersPanel.closeAll()}),$(window).on("resize",_.debounce(()=>{var e=$(Wick.PLPFiltersPanel.GROUP+".is-open").first();e.length&&(e=e.find(Wick.PLPFiltersPanel.TOGGLE).first(),Wick.PLPFiltersPanel.layoutPanel(e))},120))},togglePanel(e){e.preventDefault();const t=$(this);var e=t.closest(Wick.PLPFiltersPanel.GROUP),i=e.children(Wick.PLPFiltersPanel.PANEL).first(),r=!e.hasClass("is-open");Wick.PLPFiltersPanel.closeAll(),r&&(e.addClass("is-open"),t.attr("aria-expanded","true"),i.attr("aria-hidden","false"),requestAnimationFrame(()=>Wick.PLPFiltersPanel.layoutPanel(t)))},closeAll(){$(Wick.PLPFiltersPanel.GROUP).removeClass("is-open"),$(Wick.PLPFiltersPanel.TOGGLE).attr("aria-expanded","false"),$(Wick.PLPFiltersPanel.PANEL).attr("aria-hidden","true").removeClass("plp-filters__panel--wide plp-filters__panel--auto").css({left:"",right:""})},layoutPanel(t){var e=$(Wick.PLPFiltersPanel.ROOT),t=t.closest(Wick.PLPFiltersPanel.GROUP),i=t.children(Wick.PLPFiltersPanel.PANEL).first();let r=t.closest(Wick.PLPFiltersPanel.BAR);if((r=r.length?r:e.find(".plp-filters__bar-desktop:visible").first()||e.find(".plp-filters__bar-desktop").first()||e.find(Wick.PLPFiltersPanel.BAR).filter(":visible").first()||e.find(Wick.PLPFiltersPanel.BAR).first()).length&&i.length){i.removeClass("plp-filters__panel--wide plp-filters__panel--auto").css({left:"",right:"",width:""});var e=r.offset(),t=t.offset(),l=Math.round(r.outerWidth()),t=Math.round(t.left-e.left),e=Wick.PLPUtils.getPanelType(i),o=Math.max(1,Wick.PLPUtils.countItems(i));if("cards"===e){Wick.PLPUtils.setCardsColumns(i,Math.min(o,4));let e=t;o=i.outerWidth();(e=e+o>l?l-o:e)<0&&(e=0),void i.css({left:e-t})}else if("swatches"===e){o=i.outerWidth();let e=t;e+o>l&&(e=l-o)<0&&(e=0),void i.css({left:e-t})}else i.css({right:0})}}},(Wick=window.Wick||{}).PLPFiltersMobile={ROOT_WRAPPER:".page-KitchenPLPPage, .products-list-page:not(.page-responsiveThematicProductListPage)",PRODUCTS_LIST:".products-list-page",INPUTS:".filter-card__checkbox, .swatch__checkbox, .checkbox__input",MODAL_SEL:"#filterModal",MODAL_VIEW_BTN:"#filterModal .btn.btn-primary",MODAL_CLEAR_BTN:"#filterModal .btn.btn-secondary",$ACCORDION:".accordion",$ACCORDION_CONTENT:".accordion__content",ACCORDION_COLLAPSED:"accordion_collapsed",getPlural(e,t,i){return 1===e?t:i},isProductPage(){return 0<$(Wick.PLPFiltersMobile.PRODUCTS_LIST).length},getMobileCounts(){if(Wick.PLPFiltersMobile.isProductPage()){const e=Wick.ProductCounter&&Wick.ProductCounter.count||0;return{mode:"products",total:e}}const e=Wick.PLPFilters.totalApplied();return{mode:"filters",total:e}},updateMobileFilterInfo(){var e,t,i=$('.mobile-nav__item[data-target="#filterModal"] .mobile-nav__info');i.length&&({mode:t,total:e}=Wick.PLPFiltersMobile.getMobileCounts(),"products"!==t)&&(0<e?(t=Wick.PLPFiltersMobile.getPlural(e,"filter","filters"),i.text(e+` ${t} applied`)):i.text("No filters applied"))},updateViewResultsButton(){var e,t=Wick.PLPFiltersMobile.getMobileCounts()["mode"];"products"!==t&&(t=$(Wick.PLPFiltersMobile.MODAL_VIEW_BTN)).length&&(e=Wick.PLPFiltersMobile.getMobileCounts()["total"],t.text(0<e?`View results (${e})`:"View results"))},hideAccordions(){$(Wick.PLPFiltersMobile.$ACCORDION).addClass(Wick.PLPFiltersMobile.ACCORDION_COLLAPSED),$(Wick.PLPFiltersMobile.$ACCORDION_CONTENT).hide()},init(){$(document).off("change.plpFiltersMobile",Wick.PLPFiltersMobile.INPUTS).on("change.plpFiltersMobile",Wick.PLPFiltersMobile.INPUTS,function(){var e=$(this),t=e.attr("name");t&&Wick.PLPUtils.syncTwinInputsByName(t,e.prop("checked"),e)}),$(document).off("shown.bs.modal.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_SEL).on("shown.bs.modal.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_SEL,function(){Wick.PLPFilters.setDOMFromState($(this),Wick.PLPFilters.appliedState)}),$(document).off("hide.bs.modal.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_SEL).on("hide.bs.modal.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_SEL,function(){Wick.PLPFiltersMobile.hideAccordions()}),$(document).off("click.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_VIEW_BTN).on("click.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_VIEW_BTN,function(e){$(this).data("is-plp-srp")?(e.stopImmediatePropagation(),e.preventDefault()):(e.preventDefault(),e=$(Wick.PLPFiltersMobile.ROOT_WRAPPER).add($(Wick.PLPFiltersMobile.MODAL_SEL)),Wick.PLPFilters.applyFromScopes(e,!0))}),$(document).off("click.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_CLEAR_BTN).on("click.plpFiltersMobile",Wick.PLPFiltersMobile.MODAL_CLEAR_BTN,function(e){$(this).data("is-plp-srp")?(e.stopImmediatePropagation(),e.preventDefault()):(e.preventDefault(),Wick.PLPFilters.appliedState={},Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState,!1),$(document).find(Wick.PLPFiltersMobile.INPUTS+":checked").prop("checked",!1),Wick.PLPFilters.updateSelectedUI($(Wick.PLPFiltersMobile.ROOT_WRAPPER)))}),$(document).off("productCounter:change.plpFiltersMobile").on("productCounter:change.plpFiltersMobile",function(){Wick.PLPFiltersMobile.updateMobileFilterInfo(),Wick.PLPFiltersMobile.updateViewResultsButton()}),Wick.PLPFiltersMobile.updateMobileFilterInfo(),Wick.PLPFiltersMobile.updateViewResultsButton()}},(Wick=window.Wick||{}).PLPFilters={ROOT_WRAPPER:".page-KitchenPLPPage, .products-list-page:not(.page-responsiveThematicProductListPage)",ROOT:".plp-filters",GROUP:".plp-filters__group",APPLY_BTN:".plp-filters__apply",INPUTS:".filter-card__checkbox, .swatch__checkbox, .checkbox__input",appliedState:{},init(){Wick.PLPFiltersPanel.init(),Wick.PLPFiltersMobile.init();var e=$(Wick.PLPFilters.ROOT),t=$(Wick.PLPFilters.ROOT_WRAPPER);e.length&&(Wick.PLPFilters.appliedState=Wick.PLPFilters.readStateFromURL(t),Wick.PLPFilters.setDOMFromState(t,Wick.PLPFilters.appliedState),Wick.PLPChips.bindChipActions(t),$(document).on("click",Wick.PLPFilters.APPLY_BTN,Wick.PLPFilters.applyFilters),Wick.PLPFilters.updateSelectedUI(t))},readStateFromURL(e){var t=new URL(window.location.href).searchParams;const i={};e=Wick.PLPUtils.getGroupsMeta(e,Wick.PLPFilters.GROUP);if(e.length){const o={};e.forEach(e=>{o[e.domName]=e});for(var[r,l]of t.entries()){const s=o[r];s&&(r=l.split(",").map(e=>e.trim()).filter(Boolean)).length&&r.forEach(e=>{var t=s.group.find(Wick.PLPFilters.INPUTS).filter(function(){return $(this).val()===e}).first();t.length&&(t=t.val(),i[s.domName]||(i[s.domName]=new Set),i[s.domName].add(t))})}}return i},writeStateToURL(i){var e,t,r=new URL(window.location.href),l=Wick.PLPUtils.getGroupsMeta($(Wick.PLPFilters.ROOT_WRAPPER),Wick.PLPFilters.GROUP),o=new Set(l.map(e=>e.domName));const s=[];for([e,t]of r.searchParams.entries())o.has(e)||s.push(encodeURIComponent(e)+"="+encodeURIComponent(t));l.forEach(e=>{var t=i[e.domName];t&&t.size&&(e=encodeURIComponent(e.domName),t=Array.from(t).map(e=>encodeURIComponent(e)).join(","),s.push(e+"="+t))}),r.search=s.join("&"),window.location.href=r.origin+r.pathname+r.search},setDOMFromState(t,e){t.find(Wick.PLPFilters.INPUTS).prop("checked",!1),Object.keys(e).forEach(r=>{e[r].forEach(e=>{const i=e;e=t.find(Wick.PLPFilters.INPUTS).filter(function(){var e=$(this),t=e.val()===i,e=e.closest(Wick.PLPFilters.GROUP),e=!e.length||e.attr("data-filter")===r;return t&&e}).first();e.length&&e.prop("checked",!0)})})},collectStateFromDOM(e){const r={};return e.find(Wick.PLPFilters.INPUTS).filter(":checked").each((e,t)=>{var t=$(t),i=t.closest(Wick.PLPFilters.GROUP).attr("data-filter")||"";i&&(t=(t.val()||"").trim())&&(r[i]||(r[i]=new Set),r[i].add(t))}),r},applyFromScopes(e,t){Wick.PLPFilters.appliedState=Wick.PLPFilters.collectStateFromDOM(e),Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState,!!t)},applyFilters(e){e.preventDefault();e=$(Wick.PLPFilters.ROOT_WRAPPER).add($(Wick.PLPFiltersMobile.MODAL_SEL));Wick.PLPFilters.applyFromScopes(e,!0)},updateSelectedUI(e){Wick.PLPChips.renderGroupCounters(e),Wick.PLPChips.renderChips(e),Wick.PLPFiltersMobile.updateMobileFilterInfo()},totalApplied(){return Object.values(Wick.PLPFilters.appliedState).reduce((e,t)=>e+t.size,0)},removeFromApplied(e,t){var i=Wick.PLPFilters.appliedState[e];i&&(i.delete(t),0===i.size)&&delete Wick.PLPFilters.appliedState[e]},exportState(){const t={};return Object.keys(Wick.PLPFilters.appliedState).forEach(e=>{t[e]=Array.from(Wick.PLPFilters.appliedState[e])}),t}},Wick.Overlay=function(){if($("body").hasClass("page-responsiveThematicProductListPage")){const t=$(".filter-results_mobile");$(document).on("click","#open-overlay",function(e){e.preventDefault(),$("body").addClass("is-filters-visible"),t.addClass("show")}),$(document).on("click","#close-overlay, .filter-results__btn-close",function(e){e.preventDefault(),t.hasClass("show")&&($("body").removeClass("is-filters-visible"),t.removeClass("show"))}),$(document).on("click",'.filter-results_desktop .filter__item input[type="checkbox"]',function(){$(this).closest("form").submit()})}}(),$(function(){Wick.PLPFilters.init()}),(Wick=window.Wick||{}).Sort={ROOT:".page-KitchenPLPPage, .products-list-page:not(.page-responsiveThematicProductListPage)",WRAP:".sort",DROPDOWN:".sort-dd",OPTION:".sort-opt",INFO:".js-sort-info",CHEVRON:".sort__chevron",TRIGGER_MOBILE:".sort--mobile",TRIGGER_DESKTOP_BTN:".sort--desktop .sort-button",MAP_VALUE_TO_LABEL:{relevance:"Relevance",priceLow:"Price (lowest first)",priceHigh:"Price (highest first)"},init:function(){var e=$(Wick.Sort.ROOT);e.length&&(e.on("click",Wick.Sort.TRIGGER_MOBILE,e=>{$(e.target).closest(Wick.Sort.DROPDOWN).length||(e.preventDefault(),Wick.Sort.toggle($(e.currentTarget)))}),e.on("click",Wick.Sort.TRIGGER_DESKTOP_BTN,e=>{e.preventDefault(),Wick.Sort.toggle($(e.currentTarget).closest(Wick.Sort.WRAP))}),e.on("keydown",Wick.Sort.TRIGGER_MOBILE+", "+Wick.Sort.TRIGGER_DESKTOP_BTN,e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Wick.Sort.toggle($(e.currentTarget).closest(Wick.Sort.WRAP)))}),e.on("click",Wick.Sort.OPTION,e=>{e.preventDefault(),e.stopPropagation();var e=$(e.currentTarget),t=e.data("value");e.data("is-plp-srp")||Wick.Sort.updateSortParamInURL(t)}),$(document).on("click",e=>{var t=$(Wick.Sort.WRAP+".is-open");t.length&&!t.is(e.target)&&0===t.has(e.target).length&&Wick.Sort.closeAll()}),$(document).on("keydown",e=>{"Escape"===e.key&&Wick.Sort.closeAll()}),Wick.Sort.bootstrap())},updateSortParamInURL:function(e){var t=new URL(window.location.href),i=t.searchParams;"relevance"===e?i.delete("sortBy"):i.set("sortBy",e),t.search=i.toString(),window.location.href=t.toString()},toggle:function(e){var t=e.hasClass("is-open");Wick.Sort.closeAll(),t||(e.addClass("is-open"),e.find(Wick.Sort.DROPDOWN).removeAttr("hidden"),Wick.Sort.setExpanded(e,!0),window.Wick&&Wick.PLPFilters&&"function"==typeof Wick.PLPFilters.closeAll&&Wick.PLPFilters.closeAll())},close:function(e){e.removeClass("is-open"),e.find(Wick.Sort.DROPDOWN).attr("hidden",!0),Wick.Sort.setExpanded(e,!1)},closeAll:function(){var e=$(Wick.Sort.WRAP);e.removeClass("is-open"),e.find(Wick.Sort.DROPDOWN).attr("hidden",!0),e.each((e,t)=>Wick.Sort.setExpanded($(t),!1))},bootstrap:function(){const i=new URLSearchParams(window.location.search).get("sortBy")||"relevance";var e=Wick.Sort.valueToLabel(i),t=($(Wick.Sort.WRAP).each((e,t)=>{t=$(t);t.find(Wick.Sort.OPTION).first().data("is-plp-srp")||t.find(Wick.Sort.OPTION).removeClass("is-active").filter(`[data-value="${i}"]`).addClass("is-active")}),$(Wick.Sort.OPTION).first().data("is-plp-srp"));t||($(document).trigger("sort:change",{value:i,label:e}),$(Wick.Sort.INFO).text(e))},setExpanded:function(e,t){e=e.is(".sort--mobile")?e:e.find(".sort-button").first();e.length&&e.attr("aria-expanded",t?"true":"false")},valueToLabel:function(e){return Wick.Sort.MAP_VALUE_TO_LABEL[e]||"Relevance"},labelToValue:function(e){var t,i;for([t,i]of Object.entries(Wick.Sort.MAP_VALUE_TO_LABEL))if(i.toLowerCase()===e.toString().toLowerCase())return t;return"relevance"}},$(function(){Wick.Sort.init()}),function(){const i={$filters:$(".plp-filters"),$filterBar:$(".plp-filters__bar-mobile"),$filterModal:$(".filter-modal"),$offerBanner:$(".offer-banner"),offerBannerCloseIcon:".icon.notification__close"},r={plpFiltersStuck:"plp-filters__bar-stuck"};function l(){return"down-sm"===Wick.Responsive.getCurrentBreakpoint()}function o(){return i.$offerBanner.length&&i.$offerBanner.outerHeight(!0)||0}function e(){var e;i.$filters.length&&(l()?(e=o(),i.$filters.css("top",0<e?e+"px":"")):i.$filters.css("top",""))}function t(){var e,t;l()?i.$filters.length&&i.$filterBar.length&&(e=i.$filters.get(0))&&(e=e.getBoundingClientRect(),t=o(),e.top<=t?i.$filterBar.addClass(r.plpFiltersStuck):i.$filterBar.removeClass(r.plpFiltersStuck)):i.$filterBar.removeClass(r.plpFiltersStuck)}function s(){$(document).on("click",i.offerBannerCloseIcon,function(){i.$filters.length&&i.$filters.css("top","0px")})}$(document).ready(function(){e(),t(),$(window).on("scroll",_.debounce(t,50)),$(window).on("resize",_.debounce(function(){"down-sm"!==Wick.Responsive.getCurrentBreakpoint()&&i.$filterModal.modal("hide"),e(),t()},100)),s()})}(),function(){const t={$sidebar:$(".filter-results_desktop"),$heading:$(".filter-results__heading"),$offerBanner:$(".offer-banner"),$offerBannerIndent:40,offerBannerCloseIcon:".icon.notification__close, .icon.notification__close_white, .notification__close"};function e(){var e;t.$sidebar.length&&("down-sm"===Wick.Responsive.getCurrentBreakpoint()?(t.$sidebar.css("top",""),t.$heading.css("top","")):(e=t.$offerBanner.length?t.$offerBanner.outerHeight(!0)+t.$offerBannerIndent||0:t.$offerBannerIndent,t.$sidebar.css("top",e+"px"),t.$heading.length&&t.$heading.css("top",e+"px")))}$(document).ready(function(){formatNumberInElement(".product-count"),e(),$(window).on("resize",_.debounce(e,100)),$(document).on("click",t.offerBannerCloseIcon,function(){setTimeout(e,0)})})}();