wickes-css2 2.103.0-IC-976-pre-commit-lint.2 → 2.103.0-IC-976-pre-commit-lint.4

package/build/js/page/kitchen/plp-filters-chips.js

@@ -1,90 +1,92 @@
-var Wick = window.Wick || {}
+var Wick = window.Wick || {};
 
 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',
+    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 (rootWrapper) {
-    rootWrapper.find(Wick.PLPChips.GROUP).each((_, el) => {
-      const group = $(el)
-      const name = group.attr('data-filter') || ''
-      const count = Wick.PLPFilters.appliedState[name] ? Wick.PLPFilters.appliedState[name].size : 0
-      const btn = group.find(Wick.PLPChips.TOGGLE)
-      const badgeSpan = btn.find(`.${Wick.PLPChips.BADGE_CLASS} span`)
-      if (count > 0) {
-        badgeSpan.text(count).css('display', 'flex')
-      } else {
-        badgeSpan.text('').hide()
-      }
-    })
-  },
+    renderGroupCounters(rootWrapper) {
+        rootWrapper.find(Wick.PLPChips.GROUP).each((_, el) => {
+            const group = $(el);
+            const name = group.attr('data-filter') || '';
+            const count = Wick.PLPFilters.appliedState[name]
+                ? Wick.PLPFilters.appliedState[name].size
+                : 0;
+            const btn = group.find(Wick.PLPChips.TOGGLE);
+            const badgeSpan = btn.find(`.${Wick.PLPChips.BADGE_CLASS} span`);
+            if (count > 0) {
+                badgeSpan.text(count).css('display', 'flex');
+            } else {
+                badgeSpan.text('').hide();
+            }
+        });
+    },
 
-  renderChips (rootWrapper) {
-    const wrap = rootWrapper.find(Wick.PLPChips.CHIPS_WRAP_SEL)
-    if (!wrap.length) {
-      return
-    }
+    renderChips(rootWrapper) {
+        const wrap = rootWrapper.find(Wick.PLPChips.CHIPS_WRAP_SEL);
+        if (!wrap.length) {
+            return;
+        }
 
-    const list = wrap.find('.plp-selected__list');
-    let clearAllBtn = wrap.find('.plp-selected__clear-all');
+        const list = wrap.find('.plp-selected__list');
+        let clearAllBtn = wrap.find('.plp-selected__clear-all');
 
-    list.empty();
+        list.empty();
 
-    const total = Wick.PLPFilters.totalApplied()
-    wrap.find('.plp-selected__clear-all').prop('hidden', total === 0)
+        const total = Wick.PLPFilters.totalApplied();
+        wrap.find('.plp-selected__clear-all').prop('hidden', total === 0);
 
-    if (total === 0) {
-      wrap.hide();
-      if (clearAllBtn.length) {
-        clearAllBtn.remove();
-      }
-      return;
-    }
+        if (total === 0) {
+            wrap.hide();
+            if (clearAllBtn.length) {
+                clearAllBtn.remove();
+            }
+            return;
+        }
 
-    Object.keys(Wick.PLPFilters.appliedState).forEach((group) => {
-      Wick.PLPFilters.appliedState[group].forEach((value) => {
-        list.append(
-          `<button type="button" class="pf-chip" data-group="${group}" data-value="${value}">
+        Object.keys(Wick.PLPFilters.appliedState).forEach((group) => {
+            Wick.PLPFilters.appliedState[group].forEach((value) => {
+                list.append(
+                    `<button type="button" class="pf-chip" data-group="${group}" data-value="${value}">
             <span class="pf-chip__text">${value}</span>
             <i class="fa fa-times pf-chip__close" aria-hidden="true"></i>
             <span class="sr-only">Remove ${value} from ${group}</span>
         </button>`
-        );
-      });
-    });
+                );
+            });
+        });
 
-    if (clearAllBtn.length) {
-      clearAllBtn.prop('hidden', false);
-      clearAllBtn.appendTo(list);
-    } else {
-      clearAllBtn = $(`
+        if (clearAllBtn.length) {
+            clearAllBtn.prop('hidden', false);
+            clearAllBtn.appendTo(list);
+        } else {
+            clearAllBtn = $(`
       <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>
     `);
-      list.append(clearAllBtn);
-    }
-  },
+            list.append(clearAllBtn);
+        }
+    },
 
-  bindChipActions (rootWrapper) {
-    // remove one chip
-    rootWrapper.on('click', '.pf-chip', (e) => {
-      e.preventDefault()
-      const chip = $(e.target).closest('.pf-chip')
-      const groupDomName = chip.data('group')
-      const valueOriginal = chip.data('value')
-      
-      Wick.PLPFilters.removeFromApplied(groupDomName, valueOriginal)
-      Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState, false)
-    })
+    bindChipActions(rootWrapper) {
+        // remove one chip
+        rootWrapper.on('click', '.pf-chip', (e) => {
+            e.preventDefault();
+            const chip = $(e.target).closest('.pf-chip');
+            const groupDomName = chip.data('group');
+            const valueOriginal = chip.data('value');
 
-    // clear all
-    rootWrapper.on('click', '.plp-selected__clear-all', (e) => {
-      e.preventDefault()
-      Wick.PLPFilters.writeStateToURL({}, false)
-    })
-  }
-}
+            Wick.PLPFilters.removeFromApplied(groupDomName, valueOriginal);
+            Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState, false);
+        });
+
+        // clear all
+        rootWrapper.on('click', '.plp-selected__clear-all', (e) => {
+            e.preventDefault();
+            Wick.PLPFilters.writeStateToURL({}, false);
+        });
+    },
+};

package/build/js/page/kitchen/plp-filters-mobile.js

@@ -1,72 +1,76 @@
 var Wick = window.Wick || {};
 
 Wick.PLPFiltersMobile = {
-  ROOT_WRAPPER: ".page-KitchenPLPPage",
-  INPUTS: '.filter-card__checkbox, .swatch__checkbox, .checkbox__input',
+    ROOT_WRAPPER: '.page-KitchenPLPPage',
+    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',
+    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',
 
-  // update mobile counter
-  updateMobileFilterInfo() {
-    const info = $('.mobile-nav__item[data-target="#filterModal"] .mobile-nav__info');
-    if (!info.length) {
-      return;
-    }
+    // update mobile counter
+    updateMobileFilterInfo() {
+        const info = $('.mobile-nav__item[data-target="#filterModal"] .mobile-nav__info');
+        if (!info.length) {
+            return;
+        }
 
-    const total = Wick.PLPFilters.totalApplied();
-    if (total > 0) {
-      const label = total === 1 ? 'filter' : 'filters';
-      info.text(`${total} ${label} applied`);
-    } else {
-      info.text('No filters applied');
-    }
-  },
+        const total = Wick.PLPFilters.totalApplied();
+        if (total > 0) {
+            const label = total === 1 ? 'filter' : 'filters';
+            info.text(`${total} ${label} applied`);
+        } else {
+            info.text('No filters applied');
+        }
+    },
 
-  hideAccordions() {
-    $(Wick.PLPFiltersMobile.$ACCORDION).addClass(Wick.PLPFiltersMobile.ACCORDION_COLLAPSED);
-    $(Wick.PLPFiltersMobile.$ACCORDION_CONTENT).hide();
-  },
+    hideAccordions() {
+        $(Wick.PLPFiltersMobile.$ACCORDION).addClass(Wick.PLPFiltersMobile.ACCORDION_COLLAPSED);
+        $(Wick.PLPFiltersMobile.$ACCORDION_CONTENT).hide();
+    },
 
-  init() {
-    // two-way binding for input between desktop and modal
-    $(document).on('change', Wick.PLPFiltersMobile.INPUTS, function () {
-      const inp = $(this);
-      const name = inp.attr('name');
-      if (!name) {
-        return;
-      }
-      Wick.PLPUtils.syncTwinInputsByName(name, inp.prop('checked'), inp);
-    });
+    init() {
+        // two-way binding for input between desktop and modal
+        $(document).on('change', Wick.PLPFiltersMobile.INPUTS, function () {
+            const inp = $(this);
+            const name = inp.attr('name');
+            if (!name) {
+                return;
+            }
+            Wick.PLPUtils.syncTwinInputsByName(name, inp.prop('checked'), inp);
+        });
 
-    // when the modal is opened — synchronize its checkboxes with state
-    $(document).on('shown.bs.modal', Wick.PLPFiltersMobile.MODAL_SEL, function () {
-      Wick.PLPFilters.setDOMFromState($(this), Wick.PLPFilters.appliedState);
-    });
+        // when the modal is opened — synchronize its checkboxes with state
+        $(document).on('shown.bs.modal', Wick.PLPFiltersMobile.MODAL_SEL, function () {
+            Wick.PLPFilters.setDOMFromState($(this), Wick.PLPFilters.appliedState);
+        });
 
-    $(document).on('hide.bs.modal', Wick.PLPFiltersMobile.MODAL_SEL, function () {
-      Wick.PLPFiltersMobile.hideAccordions()
-    });
+        $(document).on('hide.bs.modal', Wick.PLPFiltersMobile.MODAL_SEL, function () {
+            Wick.PLPFiltersMobile.hideAccordions();
+        });
 
-    // mobile "View results" button in modal
-    $(document).on('click', Wick.PLPFiltersMobile.MODAL_VIEW_BTN, function (e) {
-      e.preventDefault();
-      const scope = $(Wick.PLPFiltersMobile.ROOT_WRAPPER).add($(Wick.PLPFiltersMobile.MODAL_SEL));
-      Wick.PLPFilters.applyFromScopes(scope, true);
-    });
+        // mobile "View results" button in modal
+        $(document).on('click', Wick.PLPFiltersMobile.MODAL_VIEW_BTN, function (e) {
+            e.preventDefault();
+            const scope = $(Wick.PLPFiltersMobile.ROOT_WRAPPER).add(
+                $(Wick.PLPFiltersMobile.MODAL_SEL)
+            );
+            Wick.PLPFilters.applyFromScopes(scope, true);
+        });
 
-    // mobile "Clear all" button in modal
-    $(document).on('click', Wick.PLPFiltersMobile.MODAL_CLEAR_BTN, function (e) {
-      e.preventDefault();
-      Wick.PLPFilters.appliedState = {};
-      Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState, false);
-      $(document).find(Wick.PLPFiltersMobile.INPUTS + ':checked').prop('checked', false);
-      Wick.PLPFilters.updateSelectedUI($(Wick.PLPFiltersMobile.ROOT_WRAPPER));
-      $(document).trigger('filters:cleared', {state: Wick.PLPFilters.exportState()});
-    });
-  }
-}
+        // mobile "Clear all" button in modal
+        $(document).on('click', Wick.PLPFiltersMobile.MODAL_CLEAR_BTN, function (e) {
+            e.preventDefault();
+            Wick.PLPFilters.appliedState = {};
+            Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState, false);
+            $(document)
+                .find(Wick.PLPFiltersMobile.INPUTS + ':checked')
+                .prop('checked', false);
+            Wick.PLPFilters.updateSelectedUI($(Wick.PLPFiltersMobile.ROOT_WRAPPER));
+            $(document).trigger('filters:cleared', { state: Wick.PLPFilters.exportState() });
+        });
+    },
+};

package/build/js/page/kitchen/plp-filters-panel.js

@@ -1,119 +1,123 @@
 var Wick = window.Wick || {};
 
 Wick.PLPFiltersPanel = {
+    ROOT: '.plp-filters',
+    BAR: '.plp-filters__bar',
+    GROUP: '.plp-filters__group',
+    TOGGLE: '.plp-filters__toggle',
+    PANEL: '.plp-filters__panel',
 
-  ROOT: ".plp-filters",
-  BAR: ".plp-filters__bar",
-  GROUP: ".plp-filters__group",
-  TOGGLE: ".plp-filters__toggle",
-  PANEL: ".plp-filters__panel",
+    init() {
+        // toggle
+        $(document).on('click', Wick.PLPFiltersPanel.TOGGLE, Wick.PLPFiltersPanel.togglePanel);
 
-  init() {
-    // toggle
-    $(document).on("click", Wick.PLPFiltersPanel.TOGGLE, Wick.PLPFiltersPanel.togglePanel);
+        // close outside filters / ESC
+        $(document).on('click', (e) => {
+            const root = $(Wick.PLPFiltersPanel.ROOT);
+            if (!root.is(e.target) && root.has(e.target).length === 0) {
+                Wick.PLPFiltersPanel.closeAll();
+            }
+        });
 
-    // close outside filters / ESC
-    $(document).on("click", (e) => {
-      const root = $(Wick.PLPFiltersPanel.ROOT);
-      if (!root.is(e.target) && root.has(e.target).length === 0) {
-        Wick.PLPFiltersPanel.closeAll();
-      }
-    });
-
-    $(document).on("keydown", (e) => {
-      if (e.key === "Escape") {
-        Wick.PLPFiltersPanel.closeAll();
-      }
-    });
+        $(document).on('keydown', (e) => {
+            if (e.key === 'Escape') {
+                Wick.PLPFiltersPanel.closeAll();
+            }
+        });
 
-    // responsive (position of the opened panel)
-    $(window).on("resize", _.debounce(() => {
-      const open = $(Wick.PLPFiltersPanel.GROUP + ".is-open").first();
-      if (open.length) {
-        const btn = open.find(Wick.PLPFiltersPanel.TOGGLE).first();
-        Wick.PLPFiltersPanel.layoutPanel(btn);
-      }
-    }, 120));
-  },
+        // responsive (position of the opened panel)
+        $(window).on(
+            'resize',
+            _.debounce(() => {
+                const open = $(Wick.PLPFiltersPanel.GROUP + '.is-open').first();
+                if (open.length) {
+                    const btn = open.find(Wick.PLPFiltersPanel.TOGGLE).first();
+                    Wick.PLPFiltersPanel.layoutPanel(btn);
+                }
+            }, 120)
+        );
+    },
 
-  togglePanel(e) {
-    e.preventDefault();
-    const btn = $(this);
-    const group = btn.closest(Wick.PLPFiltersPanel.GROUP);
-    const panel = group.children(Wick.PLPFiltersPanel.PANEL).first();
-    const willOpen = !group.hasClass("is-open");
+    togglePanel(e) {
+        e.preventDefault();
+        const btn = $(this);
+        const group = btn.closest(Wick.PLPFiltersPanel.GROUP);
+        const panel = group.children(Wick.PLPFiltersPanel.PANEL).first();
+        const willOpen = !group.hasClass('is-open');
 
-    Wick.PLPFiltersPanel.closeAll();
-    if (willOpen) {
-      group.addClass("is-open");
-      btn.attr("aria-expanded", "true");
-      panel.attr("aria-hidden", "false");
-      requestAnimationFrame(() => Wick.PLPFiltersPanel.layoutPanel(btn));
-    }
-  },
+        Wick.PLPFiltersPanel.closeAll();
+        if (willOpen) {
+            group.addClass('is-open');
+            btn.attr('aria-expanded', 'true');
+            panel.attr('aria-hidden', 'false');
+            requestAnimationFrame(() => Wick.PLPFiltersPanel.layoutPanel(btn));
+        }
+    },
 
-  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: ""});
-  },
+    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(btn) {
-    const root = $(Wick.PLPFiltersPanel.ROOT);
-    const group = btn.closest(Wick.PLPFiltersPanel.GROUP);
-    const panel = group.children(Wick.PLPFiltersPanel.PANEL).first();
+    layoutPanel(btn) {
+        const root = $(Wick.PLPFiltersPanel.ROOT);
+        const group = btn.closest(Wick.PLPFiltersPanel.GROUP);
+        const panel = group.children(Wick.PLPFiltersPanel.PANEL).first();
 
-    let bar = group.closest(Wick.PLPFiltersPanel.BAR);
-    if (!bar.length) {
-      bar = root.find('.plp-filters__bar-desktop:visible').first()
-        || root.find('.plp-filters__bar-desktop').first()
-        || root.find(Wick.PLPFiltersPanel.BAR).filter(':visible').first()
-        || root.find(Wick.PLPFiltersPanel.BAR).first();
-    }
-    if (!bar.length || !panel.length) {
-      return;
-    }
+        let bar = group.closest(Wick.PLPFiltersPanel.BAR);
+        if (!bar.length) {
+            bar =
+                root.find('.plp-filters__bar-desktop:visible').first() ||
+                root.find('.plp-filters__bar-desktop').first() ||
+                root.find(Wick.PLPFiltersPanel.BAR).filter(':visible').first() ||
+                root.find(Wick.PLPFiltersPanel.BAR).first();
+        }
+        if (!bar.length || !panel.length) {
+            return;
+        }
 
-    panel.removeClass("plp-filters__panel--wide plp-filters__panel--auto")
-      .css({left: "", right: "", width: ""});
+        panel
+            .removeClass('plp-filters__panel--wide plp-filters__panel--auto')
+            .css({ left: '', right: '', width: '' });
 
-    const barOff = bar.offset();
-    const groupOff = group.offset();
-    const barW = Math.round(bar.outerWidth());
-    const groupLeftWithinBar = Math.round(groupOff.left - barOff.left);
+        const barOff = bar.offset();
+        const groupOff = group.offset();
+        const barW = Math.round(bar.outerWidth());
+        const groupLeftWithinBar = Math.round(groupOff.left - barOff.left);
 
-    const type = Wick.PLPUtils.getPanelType(panel);
-    const items = Math.max(1, Wick.PLPUtils.countItems(panel));
+        const type = Wick.PLPUtils.getPanelType(panel);
+        const items = Math.max(1, Wick.PLPUtils.countItems(panel));
 
-    if (type === "cards") {
-      Wick.PLPUtils.setCardsColumns(panel, Math.min(items, 4));
-      let leftWithinBar = groupLeftWithinBar;
-      const panelW = panel.outerWidth();
-      if (leftWithinBar + panelW > barW) {
-        leftWithinBar = barW - panelW;
-      }
-      if (leftWithinBar < 0) {
-        leftWithinBar = 0;
-      }
-      panel.css({left: leftWithinBar - groupLeftWithinBar});
-      return;
-    }
-    if (type === "swatches") {
-      const panelW = panel.outerWidth();
-      let leftWithinBar = groupLeftWithinBar;
-      if (leftWithinBar + panelW > barW) {
-        leftWithinBar = barW - panelW;
-        if (leftWithinBar < 0) {
-          leftWithinBar = 0;
+        if (type === 'cards') {
+            Wick.PLPUtils.setCardsColumns(panel, Math.min(items, 4));
+            let leftWithinBar = groupLeftWithinBar;
+            const panelW = panel.outerWidth();
+            if (leftWithinBar + panelW > barW) {
+                leftWithinBar = barW - panelW;
+            }
+            if (leftWithinBar < 0) {
+                leftWithinBar = 0;
+            }
+            panel.css({ left: leftWithinBar - groupLeftWithinBar });
+            return;
+        }
+        if (type === 'swatches') {
+            const panelW = panel.outerWidth();
+            let leftWithinBar = groupLeftWithinBar;
+            if (leftWithinBar + panelW > barW) {
+                leftWithinBar = barW - panelW;
+                if (leftWithinBar < 0) {
+                    leftWithinBar = 0;
+                }
+            }
+            panel.css({ left: leftWithinBar - groupLeftWithinBar });
+            return;
         }
-      }
-      panel.css({left: leftWithinBar - groupLeftWithinBar});
-      return;
-    }
-    // text → fix to the right edge
-    panel.css({right: 0});
-  }
-}
+        // text → fix to the right edge
+        panel.css({ right: 0 });
+    },
+};

package/build/js/page/kitchen/plp-filters-utils.js

@@ -1,65 +1,66 @@
 var Wick = window.Wick || {};
 
 Wick.PLPUtils = (function () {
-  function syncTwinInputsByName(name, checked, source) {
-    const all = $('.filter-card__checkbox, .swatch__checkbox, .checkbox__input')
-      .filter(function () {
-        return $(this).attr('name') === name;
-      });
-    all.each(function () {
-      if (source && this === source[0]) {
-        return;
-      }
-      $(this).prop('checked', checked);
-    });
-  }
-
-  function getPanelType(panel) {
-    if (panel.find(".plp-filters__options--cards").length) {
-      return "cards";
-    }
-    if (panel.find(".swatch-list").length) {
-      return "swatches";
+    function syncTwinInputsByName(name, checked, source) {
+        const all = $('.filter-card__checkbox, .swatch__checkbox, .checkbox__input').filter(
+            function () {
+                return $(this).attr('name') === name;
+            }
+        );
+        all.each(function () {
+            if (source && this === source[0]) {
+                return;
+            }
+            $(this).prop('checked', checked);
+        });
     }
-    return "text";
-  }
 
-  function countItems(panel) {
-    const t = getPanelType(panel);
-    if (t === "cards") {
-      return panel.find(".filter-card").length || 0;
+    function getPanelType(panel) {
+        if (panel.find('.plp-filters__options--cards').length) {
+            return 'cards';
+        }
+        if (panel.find('.swatch-list').length) {
+            return 'swatches';
+        }
+        return 'text';
     }
-    if (t === "swatches") {
-      return panel.find(".swatch").length || 0;
+
+    function countItems(panel) {
+        const t = getPanelType(panel);
+        if (t === 'cards') {
+            return panel.find('.filter-card').length || 0;
+        }
+        if (t === 'swatches') {
+            return panel.find('.swatch').length || 0;
+        }
+        return panel.find('.checkbox').length || 0;
     }
-    return panel.find(".checkbox").length || 0;
-  }
 
-  function setCardsColumns(panel, cols) {
-    const wrap = panel.find(".plp-filters__options--cards");
-    if (wrap.length) {
-      wrap.css("grid-template-columns", `repeat(${cols}, minmax(0,1fr))`);
+    function setCardsColumns(panel, cols) {
+        const wrap = panel.find('.plp-filters__options--cards');
+        if (wrap.length) {
+            wrap.css('grid-template-columns', `repeat(${cols}, minmax(0,1fr))`);
+        }
     }
-  }
 
-  function getGroupsMeta(rootWrapper, selGroup) {
-    const out = [];
-    rootWrapper.find(selGroup).each((_, el) => {
-      const group = $(el);
-      const domName = group.attr("data-filter") || "";
-      if (!domName) {
-        return;
-      }
-      out.push({domName, paramKey: domName, group});
-    });
-    return out;
-  }
+    function getGroupsMeta(rootWrapper, selGroup) {
+        const out = [];
+        rootWrapper.find(selGroup).each((_, el) => {
+            const group = $(el);
+            const domName = group.attr('data-filter') || '';
+            if (!domName) {
+                return;
+            }
+            out.push({ domName, paramKey: domName, group });
+        });
+        return out;
+    }
 
-  return {
-    syncTwinInputsByName,
-    getPanelType,
-    countItems,
-    setCardsColumns,
-    getGroupsMeta
-  };
+    return {
+        syncTwinInputsByName,
+        getPanelType,
+        countItems,
+        setCardsColumns,
+        getGroupsMeta,
+    };
 })();