@useinsider/guido 2.0.0-beta.dbde199 → 2.0.0-beta.e66a90a

package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextAfterControl.js → omnibusDiscount/textAfter.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", i = "data-text-after", u = "", p = ".omnibus-text-after";
-class E extends m {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as a } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const i = "data-text-after", u = "", p = ".omnibus-text-after";
+class b extends a {
   getId() {
-    return l.OMNIBUS_DISCOUNT_TEXT_AFTER;
+    return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -42,11 +44,11 @@ class E extends m {
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(f);
+    const e = this.currentNode.closest(T);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class E extends m {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const c = T(r, t);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = f(r, t);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new a("Update omnibus discount text after"));
+    }), o.apply(new c("Update omnibus discount text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
@@ -67,5 +69,5 @@ class E extends m {
   }
 }
 export {
-  E as OmnibusDiscountTextAfterControl
+  b as OmnibusDiscountTextAfterControl
 };

package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextBeforeControl.js → omnibusDiscount/textBefore.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", i = "data-text-before", u = "", p = ".omnibus-text-before";
-class C extends a {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const i = "data-text-before", u = "", p = ".omnibus-text-before";
+class B extends l {
   getId() {
-    return l.OMNIBUS_DISCOUNT_TEXT_BEFORE;
+    return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -42,11 +44,11 @@ class C extends a {
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(f);
+    const t = this.currentNode.closest(T);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class C extends a {
       o.modifyHtml(s).setAttribute(i, e);
       const r = s.querySelector(p);
       if (r) {
-        const c = T(r, e);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = f(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new m("Update omnibus discount text before"));
+    }), o.apply(new c("Update omnibus discount text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
@@ -67,5 +69,5 @@ class C extends a {
   }
 }
 export {
-  C as OmnibusDiscountTextBeforeControl
+  B as OmnibusDiscountTextBeforeControl
 };

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

@@ -0,0 +1,48 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as I, createTextSizeControl as l, createTextColorControl as i, createTextAlignControl as c } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
+import { OmnibusPriceTextAfterControl as O } from "./textAfter.js";
+import { OmnibusPriceTextBeforeControl as _ } from "./textBefore.js";
+const m = c(
+  t.OMNIBUS_PRICE_ALIGN,
+  o.OMNIBUS_PRICE,
+  r
+), S = i(
+  t.OMNIBUS_PRICE_COLOR,
+  o.OMNIBUS_PRICE,
+  r
+), B = l(
+  t.OMNIBUS_PRICE_SIZE,
+  o.OMNIBUS_PRICE,
+  r
+), N = I(
+  t.OMNIBUS_PRICE_STYLE,
+  o.OMNIBUS_PRICE,
+  r
+), P = C(
+  t.OMNIBUS_PRICE_FONT_FAMILY,
+  o.OMNIBUS_PRICE,
+  r
+), R = e(
+  t.OMNIBUS_PRICE_BACKGROUND,
+  o.OMNIBUS_PRICE,
+  r
+), a = n(
+  t.OMNIBUS_PRICE_PADDINGS,
+  o.OMNIBUS_PRICE,
+  r
+), f = {
+  align: m,
+  color: S,
+  size: B,
+  style: N,
+  fontFamily: P,
+  background: R,
+  paddings: a,
+  textBefore: _,
+  textAfter: O
+};
+export {
+  f as OmnibusPriceControls
+};

package/dist/extensions/Blocks/Recommendation/controls/{omnibusPriceTextAfterControl.js → omnibusPrice/textAfter.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", s = "data-text-after", c = "", p = ".omnibus-text-after";
-class C extends m {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as a } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const s = "data-text-after", m = "", p = ".omnibus-text-after";
+class N extends a {
   getId() {
-    return l.OMNIBUS_PRICE_TEXT_AFTER;
+    return d.OMNIBUS_PRICE_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -35,18 +37,18 @@ class C extends m {
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return c;
+      return m;
     const t = this.currentNode.getAttribute(s);
-    return t === null ? c : t;
+    return t === null ? m : t;
   }
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(f);
+    const e = this.currentNode.closest(T);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class C extends m {
       r.modifyHtml(i).setAttribute(s, t);
       const o = i.querySelector(p);
       if (o) {
-        const u = T(o, t);
+        const u = f(o, t);
         r.modifyHtml(o).setInnerHtml(u);
       }
-    }), r.apply(new a("Update omnibus price text after"));
+    }), r.apply(new c("Update omnibus price text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
@@ -67,5 +69,5 @@ class C extends m {
   }
 }
 export {
-  C as OmnibusPriceTextAfterControl
+  N as OmnibusPriceTextAfterControl
 };

package/dist/extensions/Blocks/Recommendation/controls/{omnibusPriceTextBeforeControl.js → omnibusPrice/textBefore.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const p = ".ins-recommendation-product-container", s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
-class C extends a {
+import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as p } from "../../constants/selectors.js";
+import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
+const s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
+class N extends l {
   getId() {
-    return l.OMNIBUS_PRICE_TEXT_BEFORE;
+    return d.OMNIBUS_PRICE_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -46,7 +48,7 @@ class C extends a {
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class C extends a {
       o.modifyHtml(i).setAttribute(s, e);
       const r = i.querySelector(f);
       if (r) {
-        const u = T(r, e);
-        o.modifyHtml(r).setInnerHtml(u);
+        const m = T(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new m("Update omnibus price text before"));
+    }), o.apply(new u("Update omnibus price text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
@@ -67,5 +69,5 @@ class C extends a {
   }
 }
 export {
-  C as OmnibusPriceTextBeforeControl
+  N as OmnibusPriceTextBeforeControl
 };

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

@@ -0,0 +1,44 @@
+import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as I, createTextAlignControl as R } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
+const a = R(
+  t.PRICE_ALIGN,
+  o.PRICE,
+  n
+), i = I(
+  t.PRICE_COLOR,
+  o.PRICE,
+  n
+), E = c(
+  t.PRICE_SIZE,
+  o.PRICE,
+  n
+), P = l(
+  t.PRICE_STYLE,
+  o.PRICE,
+  n
+), m = e(
+  t.PRICE_FONT_FAMILY,
+  o.PRICE,
+  n
+), s = C(
+  t.PRICE_BACKGROUND,
+  o.PRICE,
+  n
+), d = r(
+  t.PRICE_PADDINGS,
+  o.PRICE,
+  n
+), x = {
+  align: a,
+  color: i,
+  size: E,
+  style: P,
+  fontFamily: m,
+  background: s,
+  paddings: d
+};
+export {
+  x as PriceControls
+};

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

@@ -0,0 +1,224 @@
+var A = Object.defineProperty;
+var y = (n, i, t) => i in n ? A(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var p = (n, i, t) => y(n, typeof i != "symbol" ? i + "" : i, t);
+import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as b } from "../../../common-control.js";
+import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
+import { useDebounceFn as N } from "../../../../../node_modules/@vueuse/shared/index.js";
+const O = "recommendation-spacing-control", a = {
+  COLUMN_SPACING: "columnSpacing",
+  COLUMN_SPACING_LABEL: "columnSpacingLabel",
+  ROW_SPACING: "rowSpacing"
+}, _ = {
+  COLUMN_SPACING: "data-column-spacing",
+  ROW_SPACING: "data-row-spacing"
+}, s = {
+  COLUMN_SPACING: 10,
+  // 5px on each side = 10px total
+  ROW_SPACING: 20
+}, u = {
+  MIN_SPACING: 0,
+  MAX_SPACING: 50,
+  STEP: 5
+};
+function S(n, i) {
+  return !n || !("getStyle" in n) ? null : n.getStyle(i);
+}
+function I(n) {
+  return !n || !("parent" in n) || typeof n.parent != "function" ? null : n.parent();
+}
+function C(n, i) {
+  if (!n)
+    return i;
+  const t = parseFloat(n);
+  return Number.isNaN(t) ? i : t;
+}
+class w extends b {
+  constructor() {
+    super(...arguments);
+    p(this, "store", P());
+    p(this, "unsubscribeOrientation", null);
+    /**
+     * Debounced version of _onColumnSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    p(this, "_debouncedOnColumnSpacingChange", N((t) => {
+      this._onColumnSpacingChange(t);
+    }, 300));
+    /**
+     * Debounced version of _onRowSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    p(this, "_debouncedOnRowSpacingChange", N((t) => {
+      this._onRowSpacingChange(t);
+    }, 300));
+  }
+  getId() {
+    return O;
+  }
+  getTemplate() {
+    return `
+            <div class="spacing-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Column Spacing (px)", name: a.COLUMN_SPACING_LABEL }),
+      this._GuCounter({
+        name: a.COLUMN_SPACING,
+        minValue: u.MIN_SPACING,
+        maxValue: u.MAX_SPACING,
+        step: u.STEP
+      }),
+      this._GuLabel({ text: "Row Spacing (px)" }),
+      this._GuCounter({
+        name: a.ROW_SPACING,
+        minValue: u.MIN_SPACING,
+        maxValue: u.MAX_SPACING,
+        step: u.STEP
+      })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._updateColumnSpacingVisibility(), this._listenToFormUpdates(), this._subscribeToOrientationChanges();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateColumnSpacingVisibility();
+  }
+  /**
+   * Gets the current layout orientation from the block's data attribute
+   */
+  _getCurrentLayout() {
+    if (!this.currentNode || !("querySelector" in this.currentNode))
+      return "vertical";
+    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
+    return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
+  }
+  /**
+   * Updates column spacing visibility based on layout orientation
+   * Column spacing is hidden for horizontal layout (products are stacked vertically)
+   * Reads from store first for reliability, falls back to DOM
+   */
+  _updateColumnSpacingVisibility() {
+    const r = (this.store.recommendationConfigs.orientation || this._getCurrentLayout()) === "vertical";
+    this.api.setVisibility(a.COLUMN_SPACING, r), this.api.setVisibility(a.COLUMN_SPACING_LABEL, r);
+  }
+  /**
+   * Reads spacing values from data attributes or returns defaults
+   */
+  _setFormValues() {
+    const t = this._getStoredColumnSpacing(), e = this._getStoredRowSpacing();
+    this.api.updateValues({
+      [a.COLUMN_SPACING]: t,
+      [a.ROW_SPACING]: e
+    });
+  }
+  /**
+   * Gets stored column spacing from the first attribute row cell's padding.
+   * For vertical layout: cells inside .recommendation-attribute-row have padding applied.
+   * For horizontal layout: the parent of .product-card-wrapper has the padding.
+   * The padding is applied as "0 {halfSpacing}px", so we extract and multiply by 2.
+   */
+  _getStoredColumnSpacing() {
+    if (!this.currentNode)
+      return s.COLUMN_SPACING;
+    if (this._getCurrentLayout() === "vertical") {
+      const o = this.currentNode.querySelector(".recommendation-attribute-row"), f = o == null ? void 0 : o.querySelector("td"), g = S(f, "padding");
+      if (!g)
+        return s.COLUMN_SPACING;
+      const m = g.trim().split(/\s+/);
+      return m.length < 2 ? s.COLUMN_SPACING : C(m[1], s.COLUMN_SPACING / 2) * 2;
+    }
+    const e = this.currentNode.querySelector(".product-card-wrapper"), r = I(e), l = S(r, "padding");
+    if (!l)
+      return s.COLUMN_SPACING;
+    const c = l.trim().split(/\s+/);
+    return c.length < 2 ? s.COLUMN_SPACING : C(c[1], s.COLUMN_SPACING / 2) * 2;
+  }
+  /**
+   * Gets stored row spacing from the first spacer element's height style
+   */
+  _getStoredRowSpacing() {
+    if (!this.currentNode)
+      return s.ROW_SPACING;
+    const t = this.currentNode.querySelector(".spacer"), e = S(t, "height");
+    return C(e, s.ROW_SPACING);
+  }
+  /**
+   * Handles column spacing changes.
+   * For vertical layout: applies horizontal padding to all cells inside attribute rows.
+   * For horizontal layout: applies padding to parent of product card wrappers.
+   */
+  _onColumnSpacingChange(t) {
+    if (!this.currentNode)
+      return;
+    this._storeColumnSpacing(t);
+    const e = this._getCurrentLayout(), r = this.api.getDocumentModifier(), c = `0 ${t / 2}px`;
+    e === "vertical" ? Array.from(
+      this.currentNode.querySelectorAll(".attribute-cell")
+    ).forEach((o) => {
+      r.modifyHtml(o).setStyle("padding", c);
+    }) : Array.from(
+      this.currentNode.querySelectorAll(".product-card-wrapper")
+    ).forEach((o) => {
+      "parent" in o && o.parent() && r.modifyHtml(o.parent()).setStyle("padding", c);
+    }), r.apply(new d(`Update column spacing to ${t}px`));
+  }
+  /**
+   * Handles row spacing changes
+   * Applies height to all spacer elements between product rows
+   */
+  _onRowSpacingChange(t) {
+    if (!this.currentNode)
+      return;
+    this._storeRowSpacing(t);
+    const e = Array.from(
+      this.currentNode.querySelectorAll(".spacer")
+    );
+    if (!e.length)
+      return;
+    const r = this.api.getDocumentModifier(), l = `${t}px`;
+    e.forEach((c) => {
+      r.modifyHtml(c).setStyle("height", l);
+    }), r.apply(new d(`Update row spacing to ${t}px`));
+  }
+  /**
+   * Stores column spacing value in block data attribute
+   */
+  _storeColumnSpacing(t) {
+    if (!this.currentNode)
+      return;
+    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
+    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(_.COLUMN_SPACING, t.toString()).apply(new d("Store column spacing"));
+  }
+  /**
+   * Stores row spacing value in block data attribute
+   */
+  _storeRowSpacing(t) {
+    if (!this.currentNode)
+      return;
+    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
+    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(_.ROW_SPACING, t.toString()).apply(new d("Store row spacing"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(a.COLUMN_SPACING, (t) => {
+      const e = parseInt(t);
+      Number.isNaN(e) || this._debouncedOnColumnSpacingChange(e);
+    }), this.api.onValueChanged(a.ROW_SPACING, (t) => {
+      const e = parseInt(t);
+      Number.isNaN(e) || this._debouncedOnRowSpacingChange(e);
+    });
+  }
+  /**
+   * Subscribe to store orientation changes
+   * Updates column spacing visibility when layout changes via the layout control
+   */
+  _subscribeToOrientationChanges() {
+    this.unsubscribeOrientation && this.unsubscribeOrientation(), this.unsubscribeOrientation = this.store.$subscribe((t) => {
+      t.type === "patch object" && this._updateColumnSpacingVisibility();
+    });
+  }
+}
+export {
+  O as SPACING_CONTROL_ID,
+  w as SpacingControl
+};

package/dist/extensions/Blocks/Recommendation/extension.js

@@ -1,21 +1,42 @@
-import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as n } from "./block.js";
-import { RecommendationCardCompositionControl as t } from "./cardCompositionControl.js";
-import { RecommendationBlockControl as r } from "./control.js";
-import { ButtonAlignControl as l, ButtonBorderControl as d, ButtonBorderRadiusControl as C, ButtonColorControl as i, ButtonFitToContentControl as a, ButtonFontFamilyControl as e, ButtonMarginsControl as m, ButtonPaddingsControl as c, ButtonTextControl as s, ButtonTextSizeControl as u, ButtonTextStyleAndFontColorControl as P, ImageMarginsControl as g, ImageSizeControl as O, NameAlignControl as p, NameBackgroundControl as B, NameColorControl as f, NameFontFamilyControl as S, NameLineSpacingControl as b, NamePaddingsControl as y, NameSizeControl as F, NameStyleControl as x, OldPriceAlignControl as D, OldPriceBackgroundControl as T, OldPriceColorControl as k, OldPriceFontFamilyControl as A, OldPriceLineSpacingControl as N, OldPricePaddingsControl as R, OldPriceSizeControl as z, OldPriceStyleControl as L, OmnibusPriceAlignControl as I, OmnibusPriceBackgroundControl as w, OmnibusPriceColorControl as h, OmnibusPriceFontFamilyControl as M, OmnibusPriceLineSpacingControl as E, OmnibusPricePaddingsControl as H, OmnibusPriceSizeControl as j, OmnibusPriceStyleControl as q, OmnibusDiscountAlignControl as v, OmnibusDiscountBackgroundControl as G, OmnibusDiscountColorControl as J, OmnibusDiscountFontFamilyControl as K, OmnibusDiscountLineSpacingControl as Q, OmnibusDiscountPaddingsControl as U, OmnibusDiscountSizeControl as V, OmnibusDiscountStyleControl as W, PriceAlignControl as X, PriceBackgroundControl as Y, PriceColorControl as Z, PriceFontFamilyControl as _, PriceLineSpacingControl as $, PricePaddingsControl as oo, PriceSizeControl as no, PriceStyleControl as to } from "./controls/index.js";
-import { RecommendationIconsRegistry as ro } from "./iconsRegistry.js";
-import lo from "./recommendation.css.js";
-import { SettingsPanel as Co } from "./settingsPanel.js";
-import { CardBackgroundColorControl as io } from "./controls/cardBackgroundColorControl.js";
-import { SpacingControl as ao } from "./controls/spacingControl.js";
-import { PriceInlineLayoutControl as eo } from "./controls/priceInlineLayoutControl.js";
-import { NameTextTrimControl as mo } from "./controls/nameTextTrimControl.js";
-import { OmnibusPriceTextBeforeControl as co } from "./controls/omnibusPriceTextBeforeControl.js";
-import { OmnibusPriceTextAfterControl as so } from "./controls/omnibusPriceTextAfterControl.js";
-import { OmnibusDiscountTextBeforeControl as uo } from "./controls/omnibusDiscountTextBeforeControl.js";
-import { OmnibusDiscountTextAfterControl as Po } from "./controls/omnibusDiscountTextAfterControl.js";
-import { PriceHideControl as go } from "./controls/priceHideControl.js";
-const Io = new o().addBlock(n).withSettingsPanelRegistry(Co).addControl(r).addControl(io).addControl(ao).addControl(eo).addControl(l).addControl(d).addControl(C).addControl(i).addControl(a).addControl(e).addControl(m).addControl(c).addControl(s).addControl(u).addControl(P).addControl(g).addControl(O).addControl(p).addControl(B).addControl(f).addControl(S).addControl(b).addControl(y).addControl(F).addControl(x).addControl(mo).addControl(D).addControl(T).addControl(k).addControl(A).addControl(N).addControl(R).addControl(z).addControl(L).addControl(I).addControl(w).addControl(h).addControl(M).addControl(E).addControl(H).addControl(j).addControl(q).addControl(co).addControl(so).addControl(v).addControl(G).addControl(J).addControl(K).addControl(Q).addControl(U).addControl(V).addControl(W).addControl(uo).addControl(Po).addControl(X).addControl(Y).addControl(Z).addControl(_).addControl(go).addControl($).addControl(oo).addControl(no).addControl(to).addControl(t).addStyles(lo).withIconsRegistry(ro).build();
+import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlock as m } from "./block.js";
+import { RecommendationBlockControl as n } from "./controls/main/index.js";
+import "./store/recommendation.js";
+import { NameControls as i } from "./controls/name/index.js";
+import { PriceControls as e } from "./controls/price/index.js";
+import { OldPriceControls as l } from "./controls/oldPrice/index.js";
+import { OmnibusPriceControls as s } from "./controls/omnibusPrice/index.js";
+import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as p } from "./controls/button/index.js";
+import { ImageControls as c } from "./controls/image/index.js";
+import { SpacingControl as C } from "./controls/spacing/index.js";
+import { CardBackgroundColorControl as d } from "./controls/cardBackground/index.js";
+import { LayoutControl as f } from "./controls/layout/index.js";
+import { RecommendationCardCompositionControl as u } from "./controls/cardComposition/index.js";
+import { RecommendationIconsRegistry as g } from "./iconsRegistry.js";
+import R from "./recommendation.css.js";
+import { SettingsPanel as y } from "./settingsPanel.js";
+const B = [
+  i,
+  e,
+  l,
+  s,
+  a,
+  p,
+  c
+], P = [
+  n,
+  d,
+  f,
+  C,
+  u
+], b = [
+  ...P,
+  ...B.flatMap((o) => Object.values(o))
+], F = b.reduce(
+  (o, t) => o.addControl(t),
+  new r().addBlock(m).withSettingsPanelRegistry(y)
+).addStyles(R).withIconsRegistry(g).build();
 export {
-  Io as default
+  F as default
 };

package/dist/extensions/Blocks/Recommendation/recommendation.css.js

@@ -13,6 +13,11 @@ const n = `/* Utils */
 .container:has(.recommendation-controls-container) {
     padding: 0
 }
+
+/* Hide drag icon for horizontal layout (ordering disabled) */
+ue-orderable.orderable-disabled .droppable-icon {
+    display: none;
+}
 `;
 export {
   n as default