@useinsider/guido 3.0.0 → 3.1.0

package/dist/extensions/Blocks/Recommendation/controls/customAttribute/index.js

@@ -0,0 +1,78 @@
+import { TextPaddingsBuiltInControl as d, ButtonBackgroundColorBuiltInControl as c, TextFontFamilyBuiltInControl as u, TextStyleBuiltInControl as i, TextSizeBuiltInControl as C, TextColorBuiltInControl as g, TextAlignBuiltInControl as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as e } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as I, ATTR_PRODUCT_ATTR as s } from "../../constants/selectors.js";
+function o(t) {
+  const n = t.closest(I);
+  if (!n)
+    return [];
+  const r = t.asElement().getAttribute(s);
+  if (r) {
+    const T = `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"][${s}="${r}"]`;
+    return n.querySelectorAll(T);
+  }
+  return n.querySelectorAll(
+    `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"]`
+  );
+}
+const A = class extends a {
+  getId() {
+    return e.CUSTOM_ATTR_ALIGN;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, _ = class extends g {
+  getId() {
+    return e.CUSTOM_ATTR_COLOR;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, S = class extends C {
+  getId() {
+    return e.CUSTOM_ATTR_SIZE;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, m = class extends i {
+  getId() {
+    return e.CUSTOM_ATTR_STYLE;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, O = class extends u {
+  getId() {
+    return e.CUSTOM_ATTR_FONT_FAMILY;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, R = class extends c {
+  getId() {
+    return e.CUSTOM_ATTR_BACKGROUND;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, x = class extends d {
+  getId() {
+    return e.CUSTOM_ATTR_PADDINGS;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, k = {
+  align: A,
+  color: _,
+  size: S,
+  style: m,
+  fontFamily: O,
+  background: R,
+  paddings: x
+};
+export {
+  k as CustomAttributeControls
+};

package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js

@@ -1,15 +1,15 @@
 var c = Object.defineProperty;
-var d = (r, i, t) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var a = (r, i, t) => d(r, typeof i != "symbol" ? i + "" : i, t);
-import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as l } from "../../../common-control.js";
+var h = (s, i, t) => i in s ? c(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
+var a = (s, i, t) => h(s, typeof i != "symbol" ? i + "" : i, t);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
 const g = "recommendation-algorithm-control", e = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class T extends l {
+class T extends d {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
@@ -22,16 +22,16 @@ class T extends l {
     return `
             <div class="algorithm-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Recommendation Algorithm" }),
+      this._GuLabel({ text: this.api.translate("Recommendation Algorithm") }),
       this._GuSelect({
         name: e.ALGORITHM,
-        placeholder: "Select Recommendation Algorithm",
+        placeholder: this.api.translate("Select Recommendation Algorithm"),
         options: this.store.getActivePredictiveAlgorithms
       }),
-      this._GuLabel({ text: "Product Ids", name: `${e.PRODUCT_IDS}_label` }),
+      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${e.PRODUCT_IDS}_label` }),
       this._GuTextInput({
         name: e.PRODUCT_IDS,
-        placeholder: "Enter Product Ids",
+        placeholder: this.api.translate("Enter Product Ids"),
         className: "es-180w"
       })
     ])}
@@ -58,16 +58,16 @@ class T extends l {
       try {
         this.api.setUIEAttribute(
           e.ALGORITHM,
-          h.SELECTPICKER.items,
+          l.SELECTPICKER.items,
           t
         );
-      } catch (s) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", s);
+      } catch (r) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
       }
   }
   _setProductIdsVisibility(t) {
-    const s = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(e.PRODUCT_IDS, s), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, s);
+    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(e.PRODUCT_IDS, r), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, r);
   }
   _onAlgorithmChange(t) {
     !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
@@ -80,7 +80,7 @@ class T extends l {
   _onProductIdsChange(t) {
     if (!this.currentNode)
       return;
-    const o = t.split(",").map((s) => s.trim()).filter(Boolean);
+    const o = t.split(",").map((r) => r.trim()).filter(Boolean);
     n.updateConfig(
       this.api,
       this.currentNode,

package/dist/extensions/Blocks/Recommendation/controls/main/currency.js

@@ -1,9 +1,9 @@
-var R = Object.defineProperty;
-var _ = (i, o, e) => o in i ? R(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var c = (i, o, e) => _(i, typeof o != "symbol" ? o + "" : o, e);
-import { currencyLocationMaps as l, currencyOperators as a, currencyDecimalCounts as h } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as p } from "../../../common-control.js";
+var p = Object.defineProperty;
+var R = (o, a, e) => a in o ? p(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e;
+var c = (o, a, e) => R(o, typeof a != "symbol" ? a + "" : a, e);
+import { currencyLocationMaps as l, currencyOperators as i, currencyDecimalCounts as h } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as _ } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as m } from "../../../common-control.js";
 import { RecommendationConfigService as s } from "../../services/configService.js";
 import { useRecommendationExtensionStore as d } from "../../store/recommendation.js";
 import { setCurrencyAttributes as S, updatePricesInPlace as N } from "./utils.js";
@@ -15,7 +15,7 @@ const E = "recommendation-currency-control", t = {
   CURRENCY_DECIMAL_SEPARATOR: "currencyDecimalSeparator",
   CURRENCY_DECIMAL_COUNT: "currencyDecimalCount"
 };
-class Y extends p {
+class Y extends m {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (currency list), not for config
@@ -30,40 +30,40 @@ class Y extends p {
     return `
             <div class="currency-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Currency" }),
+      this._GuLabel({ text: this.api.translate("Currency") }),
       this._GuSelect({
         name: t.CURRENCY,
-        placeholder: "Select Currency",
+        placeholder: this.api.translate("Select Currency"),
         options: this.store.currencyList
       }),
-      this._GuLabel({ text: "Currency Location" }),
+      this._GuLabel({ text: this.api.translate("Currency Location") }),
       this._GuSelect({
         name: t.CURRENCY_LOCATION,
-        placeholder: "Select Currency Location",
+        placeholder: this.api.translate("Select Currency Location"),
         options: l
       }),
-      this._GuLabel({ text: "Currency Symbol" }),
+      this._GuLabel({ text: this.api.translate("Currency Symbol") }),
       this._GuTextInput({
         name: t.CURRENCY_SYMBOL,
-        placeholder: "Enter Currency Symbol",
+        placeholder: this.api.translate("Enter Currency Symbol"),
         className: "es-180w"
       }),
-      this._GuLabel({ text: "Thousand Separator" }),
+      this._GuLabel({ text: this.api.translate("Thousand Separator") }),
       this._GuSelect({
         name: t.CURRENCY_THOUSAND_SEPARATOR,
-        placeholder: "Select Thousand Separator",
-        options: a
+        placeholder: this.api.translate("Select Thousand Separator"),
+        options: i
       }),
-      this._GuLabel({ text: "Decimal Separator" }),
+      this._GuLabel({ text: this.api.translate("Decimal Separator") }),
       this._GuSelect({
         name: t.CURRENCY_DECIMAL_SEPARATOR,
-        placeholder: "Select Decimal Separator",
-        options: a
+        placeholder: this.api.translate("Select Decimal Separator"),
+        options: i
       }),
-      this._GuLabel({ text: "Decimal Count" }),
+      this._GuLabel({ text: this.api.translate("Decimal Count") }),
       this._GuSelect({
         name: t.CURRENCY_DECIMAL_COUNT,
-        placeholder: "Select Decimal Count",
+        placeholder: this.api.translate("Select Decimal Count"),
         options: h
       })
     ])}
@@ -96,12 +96,12 @@ class Y extends p {
     const { store: e } = this, r = {
       [t.CURRENCY]: e.currencyList,
       [t.CURRENCY_LOCATION]: l,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: a,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: a,
+      [t.CURRENCY_THOUSAND_SEPARATOR]: i,
+      [t.CURRENCY_DECIMAL_SEPARATOR]: i,
       [t.CURRENCY_DECIMAL_COUNT]: h
     };
     Object.entries(r).forEach(([C, n]) => {
-      this.api.setUIEAttribute(C, m.SELECTPICKER.items, n);
+      this.api.setUIEAttribute(C, _.SELECTPICKER.items, n);
     });
   }
   /**

package/dist/extensions/Blocks/Recommendation/controls/main/filters.js

@@ -21,10 +21,10 @@ class h extends s {
     return `
             <div class="filters-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Filters" }),
+      this._GuLabel({ text: this.api.translate("Filters") }),
       this._GuButton({
         name: a.FILTERS,
-        label: "Add Filter",
+        label: this.api.translate("Add Filter"),
         id: "guido__btn-add-filter"
       })
     ])}

package/dist/extensions/Blocks/Recommendation/controls/main/index.js

@@ -1,43 +1,49 @@
-var g = Object.defineProperty;
-var C = (d, c, t) => c in d ? g(d, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[c] = t;
-var i = (d, c, t) => C(d, typeof c != "symbol" ? c + "" : c, t);
-import { CommonControl as p } from "../../../common-control.js";
+var f = Object.defineProperty;
+var p = (d, l, t) => l in d ? f(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
+var s = (d, l, t) => p(d, typeof l != "symbol" ? l + "" : l, t);
+import { CommonControl as g } from "../../../common-control.js";
 import { DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as m } from "../../services/configService.js";
+import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
 import { AlgorithmControl as R } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as H } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as J } from "./algorithm.js";
 import { CurrencyControl as N } from "./currency.js";
-import { CURRENCY_CONTROL_ID as K } from "./currency.js";
-import { FiltersControl as b } from "./filters.js";
-import { FILTERS_CONTROL_ID as J } from "./filters.js";
-import { LocaleControl as _ } from "./locale.js";
-import { LOCALE_CONTROL_ID as X } from "./locale.js";
-import { ProductLayoutControl as I } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as tt } from "./productLayout.js";
+import { CURRENCY_CONTROL_ID as X } from "./currency.js";
+import { FiltersControl as _ } from "./filters.js";
+import { FILTERS_CONTROL_ID as tt } from "./filters.js";
+import { LayoutOrientationControl as b } from "./layoutOrientation.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as ot } from "./layoutOrientation.js";
+import { LocaleControl as O } from "./locale.js";
+import { LOCALE_CONTROL_ID as nt } from "./locale.js";
+import { ProductCountControl as I } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as st } from "./productCount.js";
+import { ProductLayoutControl as T } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as lt } from "./productLayout.js";
 import { ShuffleControl as S } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as ot } from "./shuffle.js";
-import { getBlockElement as P, updateProductContentInPlace as T, regenerateProductRowsWithStyles as L } from "./utils.js";
-import { adjustProductsToSize as nt, formatProductPrice as st, getCardComposition as it, getCurrentLayout as at, reapplySpacing as ct, regenerateMobileProductRows as lt, regenerateProductRows as ut, setCurrencyAttributes as dt, updatePricesInPlace as mt, updateSingleProductContent as ht } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
-const k = "recommendation-id", D = "ui-elements-recommendation-block";
-class W extends p {
+import { SHUFFLE_CONTROL_ID as ut } from "./shuffle.js";
+import { getBlockElement as L, updateProductContentInPlace as P, regenerateProductRowsWithStyles as D } from "./utils.js";
+import { adjustProductsToSize as ht, formatProductPrice as mt, getCardComposition as Ct, getCurrentLayout as ft, reapplySpacing as pt, regenerateMobileProductRows as gt, regenerateProductRows as yt, setCurrencyAttributes as Rt, updatePricesInPlace as Nt, updateSingleProductContent as _t } from "./utils.js";
+import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
+const k = "recommendation-id", E = "ui-elements-recommendation-block";
+class H extends g {
   constructor() {
     super(...arguments);
-    i(this, "store", y());
-    i(this, "storeUnsubscription", () => {
+    s(this, "store", y());
+    s(this, "storeUnsubscription", () => {
     });
     // Sub-control instances for lifecycle management
-    i(this, "algorithmControl", null);
-    i(this, "localeControl", null);
-    i(this, "currencyControl", null);
-    i(this, "productLayoutControl", null);
-    i(this, "filtersControl", null);
-    i(this, "shuffleControl", null);
+    s(this, "algorithmControl", null);
+    s(this, "localeControl", null);
+    s(this, "currencyControl", null);
+    s(this, "productCountControl", null);
+    s(this, "productLayoutControl", null);
+    s(this, "filtersControl", null);
+    s(this, "shuffleControl", null);
+    s(this, "layoutOrientationControl", null);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    i(this, "_debouncedFetchProducts", h(() => {
+    s(this, "_debouncedFetchProducts", m(() => {
       this.store.fetchRecommendationProducts();
     }, 500));
     /**
@@ -51,16 +57,16 @@ class W extends p {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    i(this, "_debouncedRegenerateWithProducts", h(() => {
+    s(this, "_debouncedRegenerateWithProducts", m(() => {
       const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
       const e = this.api.getDocumentModifier();
-      T({
+      P({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
-      }) || L({
+      }) || D({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
@@ -68,16 +74,29 @@ class W extends p {
     }, 100));
   }
   getId() {
-    return D;
+    return E;
   }
   getTemplate() {
-    return this.algorithmControl = new R(), this.localeControl = new _(), this.currencyControl = new N(), this.productLayoutControl = new I(), this.filtersControl = new b(), this.shuffleControl = new S(), `
+    return this.algorithmControl = new R(), this.localeControl = new O(), this.currencyControl = new N(), this.productCountControl = new I(), this.productLayoutControl = new T(), this.filtersControl = new _(), this.shuffleControl = new S(), this.layoutOrientationControl = new b(), [
+      this.algorithmControl,
+      this.localeControl,
+      this.currencyControl,
+      this.productCountControl,
+      this.productLayoutControl,
+      this.filtersControl,
+      this.shuffleControl,
+      this.layoutOrientationControl
+    ].forEach((e) => {
+      e.api = this.api;
+    }), `
             <div class="recommendation-controls-container">
+                ${this.layoutOrientationControl.getTemplate()}
+                ${this.productCountControl.getTemplate()}
+                ${this.productLayoutControl.getTemplate()}
                 ${this.algorithmControl.getTemplate()}
                 ${this.localeControl.getTemplate()}
                 ${this.currencyControl.getTemplate()}
                 ${this.filtersControl.getTemplate()}
-                ${this.productLayoutControl.getTemplate()}
                 ${this.shuffleControl.getTemplate()}
             </div>
         `;
@@ -96,6 +115,8 @@ class W extends p {
     super.onTemplateNodeUpdated(t);
     const e = this._getRecommendationIdFromNode(t);
     e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), this._syncNodeConfigToStore(), e !== null && !((r = this.store.blockStates[e]) != null && r.isInitialized) && this._fetchBlockData(e), [
+      this.layoutOrientationControl,
+      this.productCountControl,
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -103,12 +124,14 @@ class W extends p {
       this.filtersControl,
       this.shuffleControl
     ].forEach((n) => {
-      var s;
-      n != null && n.api && (n.currentNode = t, (s = n.onTemplateNodeUpdated) == null || s.call(n, t));
+      var i;
+      n != null && n.api && (n.currentNode = t, (i = n.onTemplateNodeUpdated) == null || i.call(n, t));
     });
   }
   onDestroy() {
     this.storeUnsubscription(), [
+      this.layoutOrientationControl,
+      this.productCountControl,
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -126,6 +149,8 @@ class W extends p {
    */
   _initializeSubControls() {
     [
+      this.layoutOrientationControl,
+      this.productCountControl,
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -150,7 +175,7 @@ class W extends p {
    */
   _syncNodeConfigToStore() {
     var r;
-    const t = m.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
+    const t = h.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: t.strategy,
       language: t.language,
@@ -207,31 +232,31 @@ class W extends p {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const t = m.getConfig(this.currentNode), e = {};
+    const t = h.getConfig(this.currentNode), e = {};
     let o = null, r = null, n = null;
     if (t.currency.code === a.currency.code) {
-      const { currencyList: s } = this.store;
-      s.length > 0 && (s.some(
+      const { currencyList: i } = this.store;
+      i.length > 0 && (i.some(
         (u) => u.value === `price.${a.currency.code}`
-      ) || (o = s[0].value.replace("price.", ""), e.currency = {
+      ) || (o = i[0].value.replace("price.", ""), e.currency = {
         ...a.currency,
         code: o,
         symbol: o
       }));
     }
     if (t.strategy === a.strategy) {
-      const s = this.store.getActivePredictiveAlgorithms;
-      s.length > 0 && (s.some(
+      const i = this.store.getActivePredictiveAlgorithms;
+      i.length > 0 && (i.some(
         (u) => u.value === a.strategy
-      ) || (r = s[0].value, e.strategy = r));
+      ) || (r = i[0].value, e.strategy = r));
     }
     if (t.language === a.language) {
-      const s = this.store.getLanguages;
-      s.length > 0 && (s.some(
+      const i = this.store.getLanguages;
+      i.length > 0 && (i.some(
         (u) => u.value === a.language
-      ) || (n = s[0].value, e.language = n));
+      ) || (n = i[0].value, e.language = n));
     }
-    !o && !r && !n || (m.updateConfig(
+    !o && !r && !n || (h.updateConfig(
       this.api,
       this.currentNode,
       e,
@@ -256,7 +281,7 @@ class W extends p {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = P(t);
+    const e = L(t);
     if (!e || !("getAttribute" in e))
       return null;
     const o = e.getAttribute(k);
@@ -287,10 +312,10 @@ class W extends p {
         r = n, e = t.recommendationProducts, o = t.$state.configVersion;
         return;
       }
-      const s = t.$state.configVersion;
-      s !== o && (o = s, this._persistFiltersToNodeConfig(), this._debouncedFetchProducts());
-      const l = t.recommendationProducts, u = l !== e, f = Array.isArray(l) && l.length > 0;
-      u && f && (e = l, this._debouncedRegenerateWithProducts());
+      const i = t.$state.configVersion;
+      i !== o && (o = i, this._persistFiltersToNodeConfig(), this._debouncedFetchProducts());
+      const c = t.recommendationProducts, u = c !== e, C = Array.isArray(c) && c.length > 0;
+      u && C && (e = c, this._debouncedRegenerateWithProducts());
     });
   }
   /**
@@ -301,7 +326,7 @@ class W extends p {
     if (!this.currentNode || !this.api)
       return;
     const { filters: t } = this.store.recommendationConfigs;
-    m.updateConfig(
+    h.updateConfig(
       this.api,
       this.currentNode,
       { filters: t },
@@ -310,31 +335,35 @@ class W extends p {
   }
 }
 export {
-  H as ALGORITHM_CONTROL_ID,
+  J as ALGORITHM_CONTROL_ID,
   R as AlgorithmControl,
-  D as CONTROL_BLOCK_ID,
-  K as CURRENCY_CONTROL_ID,
+  E as CONTROL_BLOCK_ID,
+  X as CURRENCY_CONTROL_ID,
   N as CurrencyControl,
-  J as FILTERS_CONTROL_ID,
-  b as FiltersControl,
-  X as LOCALE_CONTROL_ID,
-  _ as LocaleControl,
-  tt as PRODUCT_LAYOUT_CONTROL_ID,
-  I as ProductLayoutControl,
-  W as RecommendationBlockControl,
-  ot as SHUFFLE_CONTROL_ID,
+  tt as FILTERS_CONTROL_ID,
+  _ as FiltersControl,
+  ot as LAYOUT_ORIENTATION_CONTROL_ID,
+  nt as LOCALE_CONTROL_ID,
+  b as LayoutOrientationControl,
+  O as LocaleControl,
+  st as PRODUCT_COUNT_CONTROL_ID,
+  lt as PRODUCT_LAYOUT_CONTROL_ID,
+  I as ProductCountControl,
+  T as ProductLayoutControl,
+  H as RecommendationBlockControl,
+  ut as SHUFFLE_CONTROL_ID,
   S as ShuffleControl,
-  nt as adjustProductsToSize,
-  st as formatProductPrice,
-  P as getBlockElement,
-  it as getCardComposition,
-  at as getCurrentLayout,
-  ct as reapplySpacing,
-  lt as regenerateMobileProductRows,
-  ut as regenerateProductRows,
-  L as regenerateProductRowsWithStyles,
-  dt as setCurrencyAttributes,
-  mt as updatePricesInPlace,
-  T as updateProductContentInPlace,
-  ht as updateSingleProductContent
+  ht as adjustProductsToSize,
+  mt as formatProductPrice,
+  L as getBlockElement,
+  Ct as getCardComposition,
+  ft as getCurrentLayout,
+  pt as reapplySpacing,
+  gt as regenerateMobileProductRows,
+  yt as regenerateProductRows,
+  D as regenerateProductRowsWithStyles,
+  Rt as setCurrencyAttributes,
+  Nt as updatePricesInPlace,
+  P as updateProductContentInPlace,
+  _t as updateSingleProductContent
 };