@useinsider/guido 2.1.0-beta.9ba2e9d → 2.1.0-beta.aa05b06

package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js

@@ -0,0 +1,74 @@
+import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../common-control.js";
+import { RecommendationControlId as d, RecommendationBlockId as a } from "../constants.js";
+const n = {
+  TEXT_TRIM_ENABLED: "textTrimEnabled"
+}, r = "text-trim-enabled", l = ".ins-recommendation-product-container";
+class E extends c {
+  getId() {
+    return d.NAME_TEXT_TRIM;
+  }
+  getTemplate() {
+    return `
+            <div class="name-text-trim-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Trim Long Text" }),
+      this._GuToggle(n.TEXT_TRIM_ENABLED)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentTrimState();
+    this.api.updateValues({
+      [n.TEXT_TRIM_ENABLED]: e
+    });
+  }
+  _getCurrentTrimState() {
+    if (!this.currentNode || !("hasClass" in this.currentNode))
+      return !1;
+    if (this.currentNode.hasClass(r))
+      return !0;
+    const e = this.currentNode.closest(l);
+    if (!e)
+      return !1;
+    const t = e.querySelector(
+      `[esd-extension-block-id="${a.NAME}"]`
+    );
+    return t && "hasClass" in t ? t.hasClass(r) : !1;
+  }
+  _onTextTrimChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(l);
+    if (!t || !("querySelectorAll" in t))
+      return;
+    const s = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
+    );
+    if (!s.length)
+      return;
+    const o = this.api.getDocumentModifier();
+    s.forEach((i) => {
+      e ? o.modifyHtml(i).setClass(r) : o.modifyHtml(i).removeClass(r);
+    }), o.apply(
+      new m(
+        e ? "Enable product name text trimming" : "Disable product name text trimming"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(n.TEXT_TRIM_ENABLED, (e) => {
+      this._onTextTrimChange(e);
+    });
+  }
+}
+export {
+  E as NameTextTrimControl
+};

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

@@ -1,13 +1,11 @@
-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 {
+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 {
   getId() {
-    return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
+    return l.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -44,11 +42,11 @@ class b extends a {
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(T);
+    const e = this.currentNode.closest(f);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,17 +55,17 @@ class b extends a {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, t);
-        o.modifyHtml(r).setInnerHtml(m);
+        const c = T(r, t);
+        o.modifyHtml(r).setInnerHtml(c);
       }
-    }), o.apply(new c("Update omnibus discount text after"));
+    }), o.apply(new a("Update omnibus discount text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
-      typeof t == "string" && this._onTextChange(t);
+      this._onTextChange(t);
     });
   }
 }
 export {
-  b as OmnibusDiscountTextAfterControl
+  E as OmnibusDiscountTextAfterControl
 };

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

@@ -1,13 +1,11 @@
-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 g extends l {
+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 {
   getId() {
-    return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
+    return l.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -44,11 +42,11 @@ class g extends l {
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(T);
+    const t = this.currentNode.closest(f);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,17 +55,17 @@ class g extends l {
       o.modifyHtml(s).setAttribute(i, e);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, e);
-        o.modifyHtml(r).setInnerHtml(m);
+        const c = T(r, e);
+        o.modifyHtml(r).setInnerHtml(c);
       }
-    }), o.apply(new c("Update omnibus discount text before"));
+    }), o.apply(new m("Update omnibus discount text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
-      typeof e == "string" && this._onTextChange(e);
+      this._onTextChange(e);
     });
   }
 }
 export {
-  g as OmnibusDiscountTextBeforeControl
+  C as OmnibusDiscountTextBeforeControl
 };

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

@@ -1,13 +1,11 @@
-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 {
+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 {
   getId() {
-    return d.OMNIBUS_PRICE_TEXT_AFTER;
+    return l.OMNIBUS_PRICE_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -37,18 +35,18 @@ class N extends a {
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return m;
+      return c;
     const t = this.currentNode.getAttribute(s);
-    return t === null ? m : t;
+    return t === null ? c : t;
   }
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(T);
+    const e = this.currentNode.closest(f);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,10 +55,10 @@ class N extends a {
       r.modifyHtml(i).setAttribute(s, t);
       const o = i.querySelector(p);
       if (o) {
-        const u = f(o, t);
+        const u = T(o, t);
         r.modifyHtml(o).setInnerHtml(u);
       }
-    }), r.apply(new c("Update omnibus price text after"));
+    }), r.apply(new a("Update omnibus price text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
@@ -69,5 +67,5 @@ class N extends a {
   }
 }
 export {
-  N as OmnibusPriceTextAfterControl
+  C as OmnibusPriceTextAfterControl
 };

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

@@ -1,13 +1,11 @@
-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 {
+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 {
   getId() {
-    return d.OMNIBUS_PRICE_TEXT_BEFORE;
+    return l.OMNIBUS_PRICE_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -48,7 +46,7 @@ class N extends l {
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,10 +55,10 @@ class N extends l {
       o.modifyHtml(i).setAttribute(s, e);
       const r = i.querySelector(f);
       if (r) {
-        const m = T(r, e);
-        o.modifyHtml(r).setInnerHtml(m);
+        const u = T(r, e);
+        o.modifyHtml(r).setInnerHtml(u);
       }
-    }), o.apply(new u("Update omnibus price text before"));
+    }), o.apply(new m("Update omnibus price text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
@@ -69,5 +67,5 @@ class N extends l {
   }
 }
 export {
-  N as OmnibusPriceTextBeforeControl
+  C as OmnibusPriceTextBeforeControl
 };

package/dist/extensions/Blocks/Recommendation/controls/spacingControl.js

@@ -0,0 +1,188 @@
+var C = Object.defineProperty;
+var g = (i, r, e) => r in i ? C(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
+var S = (i, r, e) => g(i, typeof r != "symbol" ? r + "" : r, e);
+import { ModificationDescription as l } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as m } from "../../common-control.js";
+import { useDebounceFn as d } from "../../../../node_modules/@vueuse/shared/index.js";
+const _ = "recommendation-spacing-control", c = {
+  COLUMN_SPACING: "columnSpacing",
+  ROW_SPACING: "rowSpacing"
+}, N = {
+  COLUMN_SPACING: "data-column-spacing",
+  ROW_SPACING: "data-row-spacing"
+}, n = {
+  COLUMN_SPACING: 10,
+  // 5px on each side = 10px total
+  ROW_SPACING: 20
+}, p = {
+  MIN_SPACING: 0,
+  MAX_SPACING: 50,
+  STEP: 5
+};
+class G extends m {
+  constructor() {
+    super(...arguments);
+    /**
+     * Debounced version of _onColumnSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    S(this, "_debouncedOnColumnSpacingChange", d((e) => {
+      this._onColumnSpacingChange(e);
+    }, 300));
+    /**
+     * Debounced version of _onRowSpacingChange
+     * Prevents excessive DOM updates when user rapidly adjusts the counter
+     */
+    S(this, "_debouncedOnRowSpacingChange", d((e) => {
+      this._onRowSpacingChange(e);
+    }, 300));
+  }
+  getId() {
+    return _;
+  }
+  getTemplate() {
+    return `
+            <div class="spacing-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Column Spacing (px)" }),
+      this._GuCounter({
+        name: c.COLUMN_SPACING,
+        minValue: p.MIN_SPACING,
+        maxValue: p.MAX_SPACING,
+        step: p.STEP
+      }),
+      this._GuLabel({ text: "Row Spacing (px)" }),
+      this._GuCounter({
+        name: c.ROW_SPACING,
+        minValue: p.MIN_SPACING,
+        maxValue: p.MAX_SPACING,
+        step: p.STEP
+      })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  /**
+   * Reads spacing values from data attributes or returns defaults
+   */
+  _setFormValues() {
+    const e = this._getStoredColumnSpacing(), t = this._getStoredRowSpacing();
+    this.api.updateValues({
+      [c.COLUMN_SPACING]: e,
+      [c.ROW_SPACING]: t
+    });
+  }
+  /**
+   * Gets stored column spacing from the first product card wrapper's parent element's padding
+   * Reads the actual padding value instead of relying on data attributes
+   *
+   * The padding is applied as "0 {halfSpacing}px" on the parent TD element,
+   * so we need to extract the horizontal padding value and multiply by 2 to get total spacing.
+   */
+  _getStoredColumnSpacing() {
+    if (!this.currentNode)
+      return n.COLUMN_SPACING;
+    const e = this.currentNode.querySelector(".product-card-wrapper");
+    if (!e || !("parent" in e) || typeof e.parent != "function")
+      return n.COLUMN_SPACING;
+    const t = e.parent();
+    if (!t || !("getStyle" in t))
+      return n.COLUMN_SPACING;
+    const o = t.getStyle("padding");
+    if (!o)
+      return n.COLUMN_SPACING;
+    const u = o.trim().split(/\s+/);
+    if (u.length < 2)
+      return n.COLUMN_SPACING;
+    const [, a] = u, s = parseFloat(a);
+    return Number.isNaN(s) ? n.COLUMN_SPACING : s * 2;
+  }
+  /**
+   * Gets stored row spacing from the first spacer element's height style
+   * Reads the actual height value instead of relying on data attributes
+   */
+  _getStoredRowSpacing() {
+    if (!this.currentNode)
+      return n.ROW_SPACING;
+    const e = this.currentNode.querySelector(".spacer");
+    if (!e || !("getStyle" in e))
+      return n.ROW_SPACING;
+    const t = e.getStyle("height");
+    if (!t)
+      return n.ROW_SPACING;
+    const o = parseFloat(t);
+    return Number.isNaN(o) ? n.ROW_SPACING : o;
+  }
+  /**
+   * Handles column spacing changes
+   * Applies horizontal padding to all product card wrappers
+   */
+  _onColumnSpacingChange(e) {
+    if (!this.currentNode)
+      return;
+    const t = Array.from(
+      this.currentNode.querySelectorAll(".product-card-wrapper")
+    );
+    if (!t)
+      return;
+    const o = this.api.getDocumentModifier(), a = `0 ${e / 2}px`;
+    console.debug("padding", a), t.forEach((s) => {
+      "parent" in s && s.parent() && o.modifyHtml(s.parent()).setStyle("padding", a);
+    }), o.apply(new l(`Update column spacing to ${e}px`));
+  }
+  /**
+   * Handles row spacing changes
+   * Applies height to all spacer elements between product rows
+   */
+  _onRowSpacingChange(e) {
+    if (!this.currentNode)
+      return;
+    this._storeRowSpacing(e);
+    const t = Array.from(
+      this.currentNode.querySelectorAll(".spacer")
+    );
+    if (console.debug("spacerCells", t), console.debug("spacing", e), !t.length)
+      return;
+    const o = this.api.getDocumentModifier(), u = `${e}px`;
+    t.forEach((a) => {
+      o.modifyHtml(a).setStyle("height", u);
+    }), o.apply(new l(`Update row spacing to ${e}px`));
+  }
+  /**
+   * Stores column spacing value in block data attribute
+   */
+  _storeColumnSpacing(e) {
+    if (!this.currentNode)
+      return;
+    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
+    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.COLUMN_SPACING, e.toString()).apply(new l("Store column spacing"));
+  }
+  /**
+   * Stores row spacing value in block data attribute
+   */
+  _storeRowSpacing(e) {
+    if (!this.currentNode)
+      return;
+    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
+    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.ROW_SPACING, e.toString()).apply(new l("Store row spacing"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(c.COLUMN_SPACING, (e) => {
+      const t = parseInt(e);
+      Number.isNaN(t) || this._debouncedOnColumnSpacingChange(t);
+    }), this.api.onValueChanged(c.ROW_SPACING, (e) => {
+      const t = parseInt(e);
+      Number.isNaN(t) || this._debouncedOnRowSpacingChange(t);
+    });
+  }
+}
+export {
+  _ as SPACING_CONTROL_ID,
+  G as SpacingControl
+};

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

@@ -1,42 +1,19 @@
-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();
+import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlock as t } from "./block.js";
+import { RecommendationCardCompositionControl as n } 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 s, ButtonTextControl as c, ButtonTextSizeControl as u, ButtonTextStyleAndFontColorControl as P, ImageMarginsControl as g, ImageSizeControl as B, NameAlignControl as O, NameBackgroundControl as f, NameColorControl as b, NameFontFamilyControl as p, NamePaddingsControl as y, NameSizeControl as S, NameStyleControl as F, OldPriceAlignControl as x, OldPriceBackgroundControl as T, OldPriceColorControl as k, OldPriceFontFamilyControl as A, OldPricePaddingsControl as D, OldPriceSizeControl as N, OldPriceStyleControl as R, OmnibusPriceAlignControl as z, OmnibusPriceBackgroundControl as I, OmnibusPriceColorControl as w, OmnibusPriceFontFamilyControl as h, OmnibusPricePaddingsControl as M, OmnibusPriceSizeControl as E, OmnibusPriceStyleControl as j, OmnibusDiscountAlignControl as q, OmnibusDiscountBackgroundControl as v, OmnibusDiscountColorControl as G, OmnibusDiscountFontFamilyControl as H, OmnibusDiscountPaddingsControl as J, OmnibusDiscountSizeControl as K, OmnibusDiscountStyleControl as L, PriceAlignControl as Q, PriceBackgroundControl as U, PriceColorControl as V, PriceFontFamilyControl as W, PricePaddingsControl as X, PriceSizeControl as Y, PriceStyleControl as Z } from "./controls/index.js";
+import { RecommendationIconsRegistry as _ } from "./iconsRegistry.js";
+import $ from "./recommendation.css.js";
+import { SettingsPanel as oo } from "./settingsPanel.js";
+import { CardBackgroundColorControl as to } from "./controls/cardBackgroundColorControl.js";
+import { SpacingControl as no } from "./controls/spacingControl.js";
+import { NameTextTrimControl as ro } from "./controls/nameTextTrimControl.js";
+import { OmnibusPriceTextBeforeControl as lo } from "./controls/omnibusPriceTextBeforeControl.js";
+import { OmnibusPriceTextAfterControl as Co } from "./controls/omnibusPriceTextAfterControl.js";
+import { OmnibusDiscountTextBeforeControl as io } from "./controls/omnibusDiscountTextBeforeControl.js";
+import { OmnibusDiscountTextAfterControl as ao } from "./controls/omnibusDiscountTextAfterControl.js";
+const xo = new o().addBlock(t).withSettingsPanelRegistry(oo).addControl(r).addControl(to).addControl(no).addControl(l).addControl(d).addControl(C).addControl(i).addControl(a).addControl(e).addControl(m).addControl(s).addControl(c).addControl(u).addControl(P).addControl(g).addControl(B).addControl(O).addControl(f).addControl(b).addControl(p).addControl(y).addControl(S).addControl(F).addControl(ro).addControl(x).addControl(T).addControl(k).addControl(A).addControl(D).addControl(N).addControl(R).addControl(z).addControl(I).addControl(w).addControl(h).addControl(M).addControl(E).addControl(j).addControl(lo).addControl(Co).addControl(q).addControl(v).addControl(G).addControl(H).addControl(J).addControl(K).addControl(L).addControl(io).addControl(ao).addControl(Q).addControl(U).addControl(V).addControl(W).addControl(X).addControl(Y).addControl(Z).addControl(n).addStyles($).withIconsRegistry(_).build();
 export {
-  F as default
+  xo as default
 };

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

@@ -1,5 +1,5 @@
-import { IconsRegistry as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class o extends r {
+import { IconsRegistry as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class n extends o {
   registerIconsSvg(C) {
     C["recommendation-icon"] = `
             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -43,25 +43,9 @@ class o extends r {
                 3.40029 12.0082 3.25285 11.7656 3.15234C11.365 2.98638 11.0001 2.64849 11 2.21484V2Z" 
                 fill="currentColor"/>
             </svg>
-        `, C["grid-orientation"] = `
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-                <rect x="1" y="1" width="7" height="7" rx="1" stroke="currentColor" stroke-width="2" fill="none"/>
-                <rect x="12" y="1" width="7" height="7" rx="1" stroke="currentColor" stroke-width="2" fill="none"/>
-                <rect x="1" y="12" width="7" height="7" rx="1" stroke="currentColor" stroke-width="2" fill="none"/>
-                <rect x="12" y="12" width="7" height="7" rx="1" stroke="currentColor" stroke-width="2" fill="none"/>
-            </svg>
-        `, C["list-orientation"] = `
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
-                <circle cx="3" cy="4" r="1" stroke="currentColor" stroke-width="1"/>
-                <rect x="7" y="3" width="11" height="2" rx="1"/>
-                <circle cx="3" cy="10" r="1" stroke="currentColor" stroke-width="1"/>
-                <rect x="7" y="9" width="11" height="2" rx="1"/>
-                <circle cx="3" cy="16" r="1" stroke="currentColor" stroke-width="1"/>
-                <rect x="7" y="15" width="11" height="2" rx="1"/>
-            </svg>
         `;
   }
 }
 export {
-  o as RecommendationIconsRegistry
+  n as RecommendationIconsRegistry
 };

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

@@ -1,27 +1,18 @@
 const n = `/* Utils */
 .es-180w { width: 180px; }
 
-/* Recommendation Controls - Main settings panel separators */
-.recommendation-controls-container > div {
-    border-bottom: 1px solid #e0e0e0;
+/* Recommendation Controls */
+.recommendation-controls-container > .container {
+    padding: 16px;
 }
 
-.recommendation-controls-container > div:first-child {
+.recommendation-controls-container > .container:first-child {
     padding-top: 0;
 }
 
-.recommendation-controls-container > div:last-child {
-    border-bottom: none;
-}
-
 .container:has(.recommendation-controls-container) {
     padding: 0
 }
-
-/* Hide drag icon for list layout (ordering disabled) */
-ue-orderable.orderable-disabled .droppable-icon {
-    display: none;
-}
 `;
 export {
   n as default