wickes-css2 2.105.0-develop.7 → 2.105.0-develop.8

package/build/js/page/utils/show-more-less.js

@@ -1,273 +0,0 @@
-import btn from '../../../elements/btn.hbs';
-
-// ===== HELPERS =====
-
-function normalizeOptions(options) {
-    return {
-        groupSel: '.accordion.filter',
-        panelSel: '.accordion__content-inner',
-        itemSel: '.filter__item',
-
-        ctaAppendToSel: '.accordion__content-inner',
-        ctaClass: 'filter__facet-cta',
-        ctaAction: 'more',
-        ctaActionAttr: 'data-action',
-
-        toggleSel: '.accordion__header',
-
-        stateKey: 'showMoreLessState',
-        stepAttr: 'data-facet-step',
-        defaultStep: 5,
-
-        excludeGroup: null,
-
-        moreText: 'Show more',
-        lessText: 'Show less',
-
-        ...options,
-    };
-}
-
-function makeSelectors(opt) {
-    return {
-        GROUP: opt.groupSel,
-        PANEL: opt.panelSel,
-        ITEM: opt.itemSel,
-        TOGGLE: opt.toggleSel || null,
-
-        CTA: `.${opt.ctaClass}`,
-        CTA_APPEND_TO: opt.ctaAppendToSel,
-    };
-}
-
-function isExcluded($group, excludeFn) {
-    return typeof excludeFn === 'function' ? !!excludeFn($group) : false;
-}
-
-function getPanel($group, sel) {
-    return $group.find(sel.PANEL).first();
-}
-
-function getItems($group, sel) {
-    const $panel = getPanel($group, sel);
-    if (!$panel.length) return $();
-
-    const $direct = $panel.children(sel.ITEM);
-    return $direct.length ? $direct : $panel.find(sel.ITEM);
-}
-
-function getStep($group, stepAttr, defaultStep) {
-    const raw = ($group.attr(stepAttr) || '').trim();
-    const n = parseInt(raw, 10);
-    return Number.isFinite(n) && n > 0 ? n : defaultStep;
-}
-
-function getState($group, stateKey, total, step) {
-    let state = $group.data(stateKey);
-
-    if (!state) state = { visible: step, total };
-
-    state.total = total;
-
-    if (!state.visible || state.visible < step) state.visible = step;
-    if (state.visible > total) state.visible = total;
-
-    $group.data(stateKey, state);
-    return state;
-}
-
-function setInitialState($group, stateKey, total, step) {
-    $group.data(stateKey, { visible: step, total });
-}
-
-function getGroups($root, groupSel) {
-    const $scope = $root && $root.length ? $root : $(document);
-    const $self = $scope.is(groupSel) ? $scope : $();
-    const $found = $scope.find(groupSel);
-    return $self.add($found);
-}
-
-// ===== CTA helpers =====
-
-function getCta($group, sel) {
-    return $group.find(sel.CTA).first();
-}
-
-function removeCta($group, sel) {
-    const $cta = getCta($group, sel);
-    if ($cta.length) $cta.remove();
-}
-
-function ensureCta($group, sel, opt) {
-    let $cta = getCta($group, sel);
-    if ($cta.length) return $cta;
-
-    const $appendTo = $group.find(sel.CTA_APPEND_TO).first();
-    if (!$appendTo.length) return $();
-
-    const html = btn({
-        text: opt.moreText,
-        class: opt.ctaClass,
-        action: opt.ctaAction,
-    });
-
-    $appendTo.append(html);
-
-    $cta = getCta($group, sel);
-
-    if ($cta.length && !$cta.attr(opt.ctaActionAttr)) {
-        $cta.attr(opt.ctaActionAttr, opt.ctaAction);
-    }
-
-    return $cta;
-}
-
-function setCtaState($cta, mode, opt) {
-    if (!$cta || !$cta.length) return;
-
-    if (mode === 'less') {
-        $cta.text(opt.lessText).attr(opt.ctaActionAttr, 'less').show();
-    } else {
-        $cta.text(opt.moreText).attr(opt.ctaActionAttr, 'more').show();
-    }
-}
-
-// ===== CORE ACTIONS =====
-
-function applyGroup($group, opt, sel) {
-    if (!$group || !$group.length) return;
-
-    // excluded -> CTA never exists
-    if (isExcluded($group, opt.excludeGroup)) {
-        removeCta($group, sel);
-        return;
-    }
-
-    const $items = getItems($group, sel);
-    const total = $items.length;
-    const step = getStep($group, opt.stepAttr, opt.defaultStep);
-
-    // 0 items -> no CTA
-    if (total === 0) {
-        removeCta($group, sel);
-        return;
-    }
-
-    const state = getState($group, opt.stateKey, total, step);
-
-    // show/hide items
-    $items.each(function (idx) {
-        $(this).toggle(idx < state.visible);
-    });
-
-    // <= step -> CTA not needed
-    if (total <= step) {
-        removeCta($group, sel);
-        return;
-    }
-
-    // > step -> ensure CTA exists and update it
-    const $cta = ensureCta($group, sel, opt);
-    if (!$cta.length) return;
-
-    if (state.visible >= total) setCtaState($cta, 'less', opt);
-    else setCtaState($cta, 'more', opt);
-}
-
-function expandGroup($group, opt, sel) {
-    if (!$group || !$group.length) return;
-    if (isExcluded($group, opt.excludeGroup)) return;
-
-    const total = getItems($group, sel).length;
-    if (!total) return;
-
-    const step = getStep($group, opt.stepAttr, opt.defaultStep);
-    const state = getState($group, opt.stateKey, total, step);
-
-    state.visible = Math.min(state.visible + step, total);
-    $group.data(opt.stateKey, state);
-
-    applyGroup($group, opt, sel);
-}
-
-function collapseGroupToInitial($group, opt, sel) {
-    if (!$group || !$group.length) return;
-
-    if (isExcluded($group, opt.excludeGroup)) {
-        removeCta($group, sel);
-        return;
-    }
-
-    const total = getItems($group, sel).length;
-    const step = getStep($group, opt.stepAttr, opt.defaultStep);
-
-    setInitialState($group, opt.stateKey, total, step);
-    applyGroup($group, opt, sel);
-}
-
-// ===== MAIN FACTORY =====
-
-export function createShowMoreLess(options = {}) {
-    const OPT = normalizeOptions(options);
-    const SEL = makeSelectors(OPT);
-
-    if (!SEL.GROUP || !SEL.PANEL || !SEL.ITEM) {
-        throw new Error('[createShowMoreLess] Missing required selectors');
-    }
-
-    // namespace for delegated events (avoid duplicates if factory created multiple times)
-    const NS = `.sml_${Math.random().toString(16).slice(2)}`;
-
-    function init($root) {
-        getGroups($root, SEL.GROUP).each(function () {
-            const $group = $(this);
-
-            if (isExcluded($group, OPT.excludeGroup)) {
-                removeCta($group, SEL);
-                return;
-            }
-
-            const total = getItems($group, SEL).length;
-            const step = getStep($group, OPT.stepAttr, OPT.defaultStep);
-
-            setInitialState($group, OPT.stateKey, total, step);
-            applyGroup($group, OPT, SEL);
-        });
-    }
-
-    function resetAll($root) {
-        getGroups($root, SEL.GROUP).each(function () {
-            collapseGroupToInitial($(this), OPT, SEL);
-        });
-    }
-
-    // CTA click
-    $(document)
-        .off(`click${NS}`, SEL.CTA)
-        .on(`click${NS}`, SEL.CTA, function (e) {
-            e.preventDefault();
-
-            const $cta = $(this);
-            const $group = $cta.closest(SEL.GROUP);
-
-            if (!$group.length || isExcluded($group, OPT.excludeGroup)) return;
-
-            const action = ($cta.attr(OPT.ctaActionAttr) || 'more').toLowerCase();
-
-            if (action === 'less') collapseGroupToInitial($group, OPT, SEL);
-            else expandGroup($group, OPT, SEL);
-        });
-
-    // Toggle/header click -> collapse to initial
-    if (SEL.TOGGLE) {
-        $(document)
-            .off(`click${NS}`, SEL.TOGGLE)
-            .on(`click${NS}`, SEL.TOGGLE, function () {
-                const $group = $(this).closest(SEL.GROUP);
-                if (!$group.length || isExcluded($group, OPT.excludeGroup)) return;
-                collapseGroupToInitial($group, OPT, SEL);
-            });
-    }
-
-    return { init, resetAll };
-}

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

@@ -1,9 +0,0 @@
-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)})})}();

package/build/js/search-filter.min.js

@@ -1 +0,0 @@
-!function o(i,n,s){function l(t,e){if(!n[t]){if(!i[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(c)return c(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=n[t]={exports:{}},i[t][0].call(r.exports,function(e){return l(i[t][1][e]||e)},r,r.exports,o,i,n,s)}return n[t].exports}for(var c="function"==typeof require&&require,e=0;e<s.length;e++)l(s[e]);return l}({1:[function(e,t,r){"use strict";var o,i,n;o=$(".filter-results_mobile"),$("#open-overlay").click(function(e){e.preventDefault(),$("body").addClass("is-filters-visible"),o.toggleClass("show")}),$("#close-overlay, .filter-results__btn-close").click(function(e){e.preventDefault(),o.hasClass("show")&&($("body").removeClass("is-filters-visible"),o.removeClass("show"))}),$('.filter-results_desktop .filter__item input[type="checkbox"]').click(function(){$(this).closest("form").submit()}),i=".close",n='.filter-results_desktop .filter__item input[type="checkbox"]',$(".filter-modal-cta").on("click",function(e){e.preventDefault()}),$(document).on("click",i,function(e){e.preventDefault()}),$(document).on("click",n,function(){$(this).closest("form").submit()})},{}]},{},[1]);

package/src/components/kitchen/filter-modal-content-kitchen.hbs

@@ -1,10 +0,0 @@
-{{#with kitchen-plp}}
-  {{> kitchen/chips mod="mobile"}}
-  {{#each filters}}
-    {{#extend "accordion" header=name collapsed="accordion_collapsed" hidden="hidden-state"}}
-      {{#content "content"}}
-        {{> kitchen/filter-option }}
-      {{/content}}
-    {{/extend}}
-  {{/each}}
-{{/with}}

package/src/components/search-filter-modal-content.hbs

@@ -1,102 +0,0 @@
-<form class="filter-results filter-results_mobile">
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Color Family" mod="filter" facetStep="5" }}
-      {{#content "content"}}
-        {{#each filters.colors}}
-          <div class="filter__item">
-            <label for="m-{{id}}" class="chb chb-color">
-              <input type="checkbox" value="{{label}}" id="m-{{id}}" name="{{id}}-filter">
-              <ins><i class="fas fa-check"></i></ins>
-              <span>{{label}}</span>
-            </label>
-          </div>
-        {{/each}}
-      {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by category" mod="filter category-filter" fixed-height=""}}
-        {{#content "content"}}
-            {{>category-tree filters}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by pack quantity" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by type" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-            {{#each filters.type-list}}
-                <div class="filter__item">
-                    <label for="m-{{id}}" class="chb chb-{{classForGtm}}">
-                        <input type="checkbox" value="{{value}}" id="m-{{id}}"
-                               name="m-{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
-                        <ins><i class="fas fa-check"></i></ins>
-                        <span>{{label}}</span>
-                        <span class="filter-quantity">({{quantity}})</span>
-                    </label>
-                </div>
-            {{/each}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Customer Rating" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-            {{#each filters.rated}}
-            <div class="filter__item">
-                {{#ifvalue quantity value='0'}}
-                {{else}}
-                <label class="chb chb-{{classForGtm}}">
-                    <input type="checkbox" value="{{value}}" id="{{id}}" name="{{id}}" {{#if checked}}checked{{/if}} {{#if
-                        disabled}}disabled{{/if}}>
-                    <ins><i class="fas fa-check"></i></ins>
-                    <div class="filter__reviews">
-                        <div class="product-rating">
-                            <div class="rating-bg">
-                                <i class="fa fa-star" aria-hidden="true"></i>
-                                <i class="fa fa-star" aria-hidden="true"></i>
-                                <i class="fa fa-star" aria-hidden="true"></i>
-                                <i class="fa fa-star" aria-hidden="true"></i>
-                                <i class="fa fa-star" aria-hidden="true"></i>
-                                <div class="rating-overlay" data-rating="{{#if rating}}{{rating}}{{else}}0{{/if}}">
-                                    <span class="star-overlay">
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                    </span>
-                                    <span class="star-overlay">
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                    </span>
-                                    <span class="star-overlay">
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                    </span>
-                                    <span class="star-overlay">
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                    </span>
-                                    <span class="star-overlay">
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                    </span>
-                                </div>
-                            </div>
-                            ({{quantity}})
-                        </div>
-                    </div>
-                </label>
-                {{/ifvalue}}
-            </div>
-            {{/each}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by bulb shape" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by number of gangs" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by bulb fitting" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-        {{/content}}
-    {{/extend}}
-    {{#extend "accordion" collapsed="accordion_collapsed" hidden="hidden-state" header="Shop by wattage" mod="filter" facetStep="5"}}
-        {{#content "content"}}
-        {{/content}}
-    {{/extend}}
-
-
-</form>

package/src/elements/btn.hbs

@@ -1,7 +0,0 @@
-<button
-    class="{{class}}"
-    data-action="{{action}}"
-    {{#if ariaControls}}aria-controls="{{ariaControls}}"{{/if}}
->
-  {{text}}
-</button>

package/src/js/emulation/filters-emulation.js

@@ -1,164 +0,0 @@
-import { createShowMoreLess } from '../page/utils/show-more-less';
-
-var Wick = window.Wick || (window.Wick = {});
-
-function waitFor(getter, cb, opts) {
-    opts = opts || {};
-    var timeout = opts.timeout || 8000;
-    var interval = opts.interval || 50;
-
-    var start = Date.now();
-    (function tick() {
-        var val;
-        try {
-            val = getter();
-        } catch (e) {
-            val = null;
-        }
-
-        if (val) {
-            cb(val);
-            return;
-        }
-
-        if (Date.now() - start > timeout) {
-            return;
-        }
-
-        setTimeout(tick, interval);
-    })();
-}
-
-// show-more-less
-(function () {
-    const SEL = {
-        OPEN: '#open-overlay',
-        CLOSE: '#close-overlay, .filter-results__btn-close',
-        FILTER_RESULT: '.filter-results_desktop',
-        FILTER_MOBILE: '.filter-results_mobile',
-        CATEGORY: '.filter__item--category',
-    };
-
-    const SRPShowMoreLess = createShowMoreLess({
-        excludeGroup: ($group) => $group.hasClass(SEL.CATEGORY),
-    });
-
-    function initInScope() {
-        const $fm = $(SEL.FILTER_MOBILE);
-        SRPShowMoreLess.init($(SEL.FILTER_RESULT));
-        SRPShowMoreLess.init($fm);
-    }
-
-    function resetInMobile() {
-        const $fm = $(SEL.FILTER_MOBILE);
-        SRPShowMoreLess.resetAll($fm);
-    }
-
-    $(function () {
-        initInScope();
-    });
-
-    $(document)
-        .off('click.srpSmlEmu', SEL.OPEN)
-        .on('click.srpSmlEmu', SEL.OPEN, function (e) {
-            e.preventDefault();
-            initInScope();
-            resetInMobile();
-        });
-
-    $(document)
-        .off('click.srpSmlEmu', SEL.CLOSE)
-        .on('click.srpSmlEmu', SEL.CLOSE, function (e) {
-            e.preventDefault();
-            resetInMobile();
-        });
-})();
-
-(function () {
-    waitFor(
-        function () {
-            return Wick.Sort;
-        },
-        function (Sort) {
-            Sort.ROOT = '.products-list-page:not(.page-KitchenPLPPage)';
-            Wick.Sort.ROOT = Sort.ROOT;
-
-            var $root = $(Sort.ROOT);
-            if (!$root.length) return;
-
-            if (Sort.__emuBound) return;
-            Sort.__emuBound = true;
-
-            $root.off('click', Sort.TRIGGER_MOBILE);
-            $root.off('click', Sort.TRIGGER_DESKTOP_BTN);
-            $root.off('keydown', Sort.TRIGGER_MOBILE + ', ' + Sort.TRIGGER_DESKTOP_BTN);
-            $root.off('click', Sort.OPTION);
-
-            $root.on('click', Sort.TRIGGER_MOBILE, function (e) {
-                e.stopPropagation();
-
-                if ($(e.target).closest(Sort.DROPDOWN).length) return;
-                e.preventDefault();
-                Sort.toggle($(e.currentTarget));
-            });
-
-            $root.on('click', Sort.TRIGGER_DESKTOP_BTN, function (e) {
-                e.stopPropagation();
-
-                e.preventDefault();
-                Sort.toggle($(e.currentTarget).closest(Sort.WRAP));
-            });
-
-            $root.on(
-                'keydown',
-                Sort.TRIGGER_MOBILE + ', ' + Sort.TRIGGER_DESKTOP_BTN,
-                function (e) {
-                    if (e.key === 'Enter' || e.key === ' ') {
-                        e.stopPropagation();
-                        e.preventDefault();
-                        Sort.toggle($(e.currentTarget).closest(Sort.WRAP));
-                    }
-                }
-            );
-
-            $root.on('click', Sort.OPTION, function (e) {
-                e.preventDefault();
-                e.stopPropagation();
-
-                var opt = $(e.currentTarget);
-                var value = opt.data('value');
-                var label = Sort.valueToLabel(value);
-
-                if (opt.data('is-plp-srp')) {
-                    var wrap = opt.closest(Sort.WRAP);
-                    wrap.find(Sort.OPTION).removeClass('is-active');
-                    opt.addClass('is-active');
-
-                    $(Sort.INFO).text(label);
-                    Sort.closeAll();
-                    return;
-                }
-
-                Sort.updateSortParamInURL(value);
-            });
-
-            (function bootstrapEmu() {
-                var urlParams = new URLSearchParams(window.location.search);
-                var value = urlParams.get('sortBy') || 'relevance';
-                var label = Sort.valueToLabel(value);
-
-                var $wraps = $root.find(Sort.WRAP);
-
-                $wraps.each(function (_, el) {
-                    var w = $(el);
-                    w.find(Sort.OPTION)
-                        .removeClass('is-active')
-                        .filter('[data-value="' + value + '"]')
-                        .addClass('is-active');
-                });
-
-                $(Sort.INFO).text(label);
-            })();
-        }
-    );
-})();

package/src/js/emulation/product-counter.js

@@ -1,50 +0,0 @@
-var Wick = Wick || {};
-
-Wick.ProductCounter = (function () {
-    let _count = 0;
-
-    function triggerChange() {
-        $(document).trigger('productCounter:change', [_count]);
-    }
-
-    function setCount(val) {
-        const next = Number(val) || 0;
-        if (_count === next) return;
-
-        _count = next;
-        triggerChange();
-    }
-
-    function recalcFromFilters() {
-        const checked = $('.filter-results input[type="checkbox"]:checked').length;
-
-        if (checked === 0) setCount(0);
-        else if (checked === 1) setCount(1);
-        else setCount(1838);
-    }
-
-    function bind() {
-        $(document).on('change', '.filter-results input[type="checkbox"]', recalcFromFilters);
-
-        recalcFromFilters();
-    }
-
-    return {
-        get count() {
-            return _count;
-        },
-        set count(val) {
-            setCount(val);
-        },
-        recalc: recalcFromFilters,
-        bind: bind,
-    };
-})();
-
-$(document).ready(function () {
-    if (Wick.ProjectListMultiple && typeof Wick.ProjectListMultiple.bindAll === 'function') {
-        Wick.ProjectListMultiple.bindAll();
-    }
-
-    Wick.ProductCounter.bind();
-});

package/src/js/emulation/reset-filter-desktop.js

@@ -1,5 +0,0 @@
-$(document).on('click', '.filter-results__clear', function () {
-    const form = $(this).closest('form')[0];
-    form.reset();
-    form.submit();
-});