wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

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

@@ -1,92 +1,90 @@
-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');
+  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)
+    })
 
-            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);
-        });
-    },
-};
+    // 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,76 +1,72 @@
 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,123 +1,119 @@
 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',
 
-    init() {
-        // toggle
-        $(document).on('click', Wick.PLPFiltersPanel.TOGGLE, Wick.PLPFiltersPanel.togglePanel);
+  ROOT: ".plp-filters",
+  BAR: ".plp-filters__bar",
+  GROUP: ".plp-filters__group",
+  TOGGLE: ".plp-filters__toggle",
+  PANEL: ".plp-filters__panel",
 
-        // 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();
-            }
-        });
+  init() {
+    // toggle
+    $(document).on("click", Wick.PLPFiltersPanel.TOGGLE, Wick.PLPFiltersPanel.togglePanel);
 
-        $(document).on('keydown', (e) => {
-            if (e.key === 'Escape') {
-                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();
+      }
+    });
 
-        // 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)
-        );
-    },
+    $(document).on("keydown", (e) => {
+      if (e.key === "Escape") {
+        Wick.PLPFiltersPanel.closeAll();
+      }
+    });
 
-    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');
+    // 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));
+  },
 
-        Wick.PLPFiltersPanel.closeAll();
-        if (willOpen) {
-            group.addClass('is-open');
-            btn.attr('aria-expanded', 'true');
-            panel.attr('aria-hidden', 'false');
-            requestAnimationFrame(() => Wick.PLPFiltersPanel.layoutPanel(btn));
-        }
-    },
+  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");
 
-    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: '' });
-    },
+    Wick.PLPFiltersPanel.closeAll();
+    if (willOpen) {
+      group.addClass("is-open");
+      btn.attr("aria-expanded", "true");
+      panel.attr("aria-hidden", "false");
+      requestAnimationFrame(() => Wick.PLPFiltersPanel.layoutPanel(btn));
+    }
+  },
 
-    layoutPanel(btn) {
-        const root = $(Wick.PLPFiltersPanel.ROOT);
-        const group = btn.closest(Wick.PLPFiltersPanel.GROUP);
-        const panel = group.children(Wick.PLPFiltersPanel.PANEL).first();
+  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: ""});
+  },
 
-        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;
-        }
+  layoutPanel(btn) {
+    const root = $(Wick.PLPFiltersPanel.ROOT);
+    const group = btn.closest(Wick.PLPFiltersPanel.GROUP);
+    const panel = group.children(Wick.PLPFiltersPanel.PANEL).first();
 
-        panel
-            .removeClass('plp-filters__panel--wide plp-filters__panel--auto')
-            .css({ left: '', right: '', width: '' });
+    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;
+    }
 
-        const barOff = bar.offset();
-        const groupOff = group.offset();
-        const barW = Math.round(bar.outerWidth());
-        const groupLeftWithinBar = Math.round(groupOff.left - barOff.left);
+    panel.removeClass("plp-filters__panel--wide plp-filters__panel--auto")
+      .css({left: "", right: "", width: ""});
 
-        const type = Wick.PLPUtils.getPanelType(panel);
-        const items = Math.max(1, Wick.PLPUtils.countItems(panel));
+    const barOff = bar.offset();
+    const groupOff = group.offset();
+    const barW = Math.round(bar.outerWidth());
+    const groupLeftWithinBar = Math.round(groupOff.left - barOff.left);
 
-        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;
+    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;
         }
-        // text → fix to the right edge
-        panel.css({ right: 0 });
-    },
-};
+      }
+      panel.css({left: leftWithinBar - groupLeftWithinBar});
+      return;
+    }
+    // text → fix to the right edge
+    panel.css({right: 0});
+  }
+}

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

@@ -1,66 +1,65 @@
 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 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';
-        }
-        return 'text';
+  function getPanelType(panel) {
+    if (panel.find(".plp-filters__options--cards").length) {
+      return "cards";
     }
-
-    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;
+    if (panel.find(".swatch-list").length) {
+      return "swatches";
     }
+    return "text";
+  }
 
-    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 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;
+  }
 
-    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 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;
+  }
 
-    return {
-        syncTwinInputsByName,
-        getPanelType,
-        countItems,
-        setCardsColumns,
-        getGroupsMeta,
-    };
+  return {
+    syncTwinInputsByName,
+    getPanelType,
+    countItems,
+    setCardsColumns,
+    getGroupsMeta
+  };
 })();