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

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

@@ -1,245 +1,272 @@
-import { createButtonAlignControl as c, createButtonBorderControl as _, createButtonBorderRadiusControl as T, createButtonColorControl as i, createButtonFitToContainerControl as B, createButtonFontFamilyControl as s, createButtonMarginsControl as S, createButtonPaddingsControl as E, createButtonTextControl as P, createButtonTextSizeControl as U, createButtonTextStyleAndFontColorControl as R, createImageMarginsControl as a, createImageSizeControl as M, createTextAlignControl as C, createTextBackgroundColorControl as r, createTextColorControl as O, createTextFontFamilyControl as I, createPaddingsControl as e, createTextSizeControl as N, createTextStyleControl as l } from "../../controlFactories.js";
+import { createButtonAlignControl as _, createButtonBorderControl as i, createButtonBorderRadiusControl as S, createButtonColorControl as T, createButtonFitToContainerControl as E, createButtonFontFamilyControl as B, createButtonMarginsControl as s, createButtonPaddingsControl as P, createButtonTextControl as U, createButtonTextSizeControl as a, createButtonTextStyleAndFontColorControl as R, createImageMarginsControl as M, createImageSizeControl as A, createTextAlignControl as C, createTextBackgroundColorControl as r, createTextColorControl as I, createTextFontFamilyControl as O, createTextLineSpacingControl as N, createPaddingsControl as e, createTextSizeControl as c, createTextStyleControl as l } from "../../controlFactories.js";
 import { RecommendationBlockId as o, RecommendationControlId as t } from "../constants.js";
-const n = ".ins-recommendation-product-container", u = C(
+import { PriceInlineLayoutControl as mo } from "./priceInlineLayoutControl.js";
+const n = ".ins-recommendation-product-container", L = C(
   t.NAME_ALIGN,
   o.NAME,
   n
-), d = O(
+), m = I(
   t.NAME_COLOR,
   o.NAME,
   n
-), m = N(
+), d = c(
   t.NAME_SIZE,
   o.NAME,
   n
-), L = l(
+), g = l(
   t.NAME_STYLE,
   o.NAME,
   n
-), F = I(
+), F = O(
   t.NAME_FONT_FAMILY,
   o.NAME,
   n
-), g = r(
+), G = r(
   t.NAME_BACKGROUND,
   o.NAME,
   n
-), G = e(
+), y = e(
   t.NAME_PADDINGS,
   o.NAME,
   n
-), y = C(
+), b = N(
+  t.NAME_LINE_SPACING,
+  o.NAME,
+  n
+), x = C(
   t.PRICE_ALIGN,
   o.PRICE,
   n
-), b = O(
+), Y = I(
   t.PRICE_COLOR,
   o.PRICE,
   n
-), x = N(
+), p = c(
   t.PRICE_SIZE,
   o.PRICE,
   n
-), Y = l(
+), z = l(
   t.PRICE_STYLE,
   o.PRICE,
   n
-), z = I(
+), k = O(
   t.PRICE_FONT_FAMILY,
   o.PRICE,
   n
-), k = r(
+), Z = r(
   t.PRICE_BACKGROUND,
   o.PRICE,
   n
-), Z = e(
+), K = e(
   t.PRICE_PADDINGS,
   o.PRICE,
   n
-), K = C(
+), f = N(
+  t.PRICE_LINE_SPACING,
+  o.PRICE,
+  n
+), X = C(
   t.OLD_PRICE_ALIGN,
   o.OLD_PRICE,
   n
-), p = O(
+), h = I(
   t.OLD_PRICE_COLOR,
   o.OLD_PRICE,
   n
-), X = N(
+), j = c(
   t.OLD_PRICE_SIZE,
   o.OLD_PRICE,
   n
-), f = l(
+), q = l(
   t.OLD_PRICE_STYLE,
   o.OLD_PRICE,
   n
-), h = I(
+), v = O(
   t.OLD_PRICE_FONT_FAMILY,
   o.OLD_PRICE,
   n
-), j = r(
+), w = r(
   t.OLD_PRICE_BACKGROUND,
   o.OLD_PRICE,
   n
-), q = e(
+), H = e(
   t.OLD_PRICE_PADDINGS,
   o.OLD_PRICE,
   n
-), v = C(
+), J = N(
+  t.OLD_PRICE_LINE_SPACING,
+  o.OLD_PRICE,
+  n
+), Q = C(
   t.OMNIBUS_PRICE_ALIGN,
   o.OMNIBUS_PRICE,
   n
-), w = O(
+), V = I(
   t.OMNIBUS_PRICE_COLOR,
   o.OMNIBUS_PRICE,
   n
-), H = N(
+), W = c(
   t.OMNIBUS_PRICE_SIZE,
   o.OMNIBUS_PRICE,
   n
-), J = l(
+), $ = l(
   t.OMNIBUS_PRICE_STYLE,
   o.OMNIBUS_PRICE,
   n
-), Q = I(
+), oo = O(
   t.OMNIBUS_PRICE_FONT_FAMILY,
   o.OMNIBUS_PRICE,
   n
-), V = r(
+), to = r(
   t.OMNIBUS_PRICE_BACKGROUND,
   o.OMNIBUS_PRICE,
   n
-), W = e(
+), no = e(
   t.OMNIBUS_PRICE_PADDINGS,
   o.OMNIBUS_PRICE,
   n
-), $ = C(
+), Co = N(
+  t.OMNIBUS_PRICE_LINE_SPACING,
+  o.OMNIBUS_PRICE,
+  n
+), ro = C(
   t.OMNIBUS_DISCOUNT_ALIGN,
   o.OMNIBUS_DISCOUNT,
   n
-), oo = O(
+), Io = I(
   t.OMNIBUS_DISCOUNT_COLOR,
   o.OMNIBUS_DISCOUNT,
   n
-), to = N(
+), Oo = c(
   t.OMNIBUS_DISCOUNT_SIZE,
   o.OMNIBUS_DISCOUNT,
   n
-), no = l(
+), No = l(
   t.OMNIBUS_DISCOUNT_STYLE,
   o.OMNIBUS_DISCOUNT,
   n
-), Co = I(
+), eo = O(
   t.OMNIBUS_DISCOUNT_FONT_FAMILY,
   o.OMNIBUS_DISCOUNT,
   n
-), ro = r(
+), co = r(
   t.OMNIBUS_DISCOUNT_BACKGROUND,
   o.OMNIBUS_DISCOUNT,
   n
-), Oo = e(
+), lo = e(
   t.OMNIBUS_DISCOUNT_PADDINGS,
   o.OMNIBUS_DISCOUNT,
   n
-), Io = c(
+), _o = N(
+  t.OMNIBUS_DISCOUNT_LINE_SPACING,
+  o.OMNIBUS_DISCOUNT,
+  n
+), io = _(
   t.BUTTON_ALIGN,
   o.BUTTON,
   n
-), eo = _(
+), So = i(
   t.BUTTON_BORDER,
   o.BUTTON,
   n
-), No = T(
+), To = S(
   t.BUTTON_BORDER_RADIUS,
   o.BUTTON,
   n
-), lo = i(
+), Eo = T(
   t.BUTTON_COLOR,
   o.BUTTON,
   n
-), co = s(
+), Bo = B(
   t.BUTTON_FONT_FAMILY,
   o.BUTTON,
   n
-), _o = S(
+), so = s(
   t.BUTTON_MARGINS,
   o.BUTTON,
   n
-), To = E(
+), Po = P(
   t.BUTTON_PADDINGS,
   o.BUTTON,
   n
-), io = P(
+), Uo = U(
   t.BUTTON_TEXT,
   o.BUTTON,
   n
-), Bo = U(
+), ao = a(
   t.BUTTON_TEXT_SIZE,
   o.BUTTON,
   n
-), so = R(
+), Ro = R(
   t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
   o.BUTTON,
   n
-), So = B(
+), Mo = E(
   t.BUTTON_FIT_TO_CONTENT,
   o.BUTTON,
   n
-), Eo = M(
+), Ao = A(
   t.IMAGE_SIZE,
   o.IMAGE,
   n
-), Po = a(
+), Do = M(
   t.IMAGE_MARGINS,
   o.IMAGE,
   n
 );
 export {
-  Io as ButtonAlignControl,
-  eo as ButtonBorderControl,
-  No as ButtonBorderRadiusControl,
-  lo as ButtonColorControl,
-  So as ButtonFitToContentControl,
-  co as ButtonFontFamilyControl,
-  _o as ButtonMarginsControl,
-  To as ButtonPaddingsControl,
-  io as ButtonTextControl,
-  Bo as ButtonTextSizeControl,
-  so as ButtonTextStyleAndFontColorControl,
-  Po as ImageMarginsControl,
-  Eo as ImageSizeControl,
-  u as NameAlignControl,
-  g as NameBackgroundControl,
-  d as NameColorControl,
+  io as ButtonAlignControl,
+  So as ButtonBorderControl,
+  To as ButtonBorderRadiusControl,
+  Eo as ButtonColorControl,
+  Mo as ButtonFitToContentControl,
+  Bo as ButtonFontFamilyControl,
+  so as ButtonMarginsControl,
+  Po as ButtonPaddingsControl,
+  Uo as ButtonTextControl,
+  ao as ButtonTextSizeControl,
+  Ro as ButtonTextStyleAndFontColorControl,
+  Do as ImageMarginsControl,
+  Ao as ImageSizeControl,
+  L as NameAlignControl,
+  G as NameBackgroundControl,
+  m as NameColorControl,
   F as NameFontFamilyControl,
-  G as NamePaddingsControl,
-  m as NameSizeControl,
-  L as NameStyleControl,
-  K as OldPriceAlignControl,
-  j as OldPriceBackgroundControl,
-  p as OldPriceColorControl,
-  h as OldPriceFontFamilyControl,
-  q as OldPricePaddingsControl,
-  X as OldPriceSizeControl,
-  f as OldPriceStyleControl,
-  $ as OmnibusDiscountAlignControl,
-  ro as OmnibusDiscountBackgroundControl,
-  oo as OmnibusDiscountColorControl,
-  Co as OmnibusDiscountFontFamilyControl,
-  Oo as OmnibusDiscountPaddingsControl,
-  to as OmnibusDiscountSizeControl,
-  no as OmnibusDiscountStyleControl,
-  v as OmnibusPriceAlignControl,
-  V as OmnibusPriceBackgroundControl,
-  w as OmnibusPriceColorControl,
-  Q as OmnibusPriceFontFamilyControl,
-  W as OmnibusPricePaddingsControl,
-  H as OmnibusPriceSizeControl,
-  J as OmnibusPriceStyleControl,
-  y as PriceAlignControl,
-  k as PriceBackgroundControl,
-  b as PriceColorControl,
-  z as PriceFontFamilyControl,
-  Z as PricePaddingsControl,
-  x as PriceSizeControl,
-  Y as PriceStyleControl
+  b as NameLineSpacingControl,
+  y as NamePaddingsControl,
+  d as NameSizeControl,
+  g as NameStyleControl,
+  X as OldPriceAlignControl,
+  w as OldPriceBackgroundControl,
+  h as OldPriceColorControl,
+  v as OldPriceFontFamilyControl,
+  J as OldPriceLineSpacingControl,
+  H as OldPricePaddingsControl,
+  j as OldPriceSizeControl,
+  q as OldPriceStyleControl,
+  ro as OmnibusDiscountAlignControl,
+  co as OmnibusDiscountBackgroundControl,
+  Io as OmnibusDiscountColorControl,
+  eo as OmnibusDiscountFontFamilyControl,
+  _o as OmnibusDiscountLineSpacingControl,
+  lo as OmnibusDiscountPaddingsControl,
+  Oo as OmnibusDiscountSizeControl,
+  No as OmnibusDiscountStyleControl,
+  Q as OmnibusPriceAlignControl,
+  to as OmnibusPriceBackgroundControl,
+  V as OmnibusPriceColorControl,
+  oo as OmnibusPriceFontFamilyControl,
+  Co as OmnibusPriceLineSpacingControl,
+  no as OmnibusPricePaddingsControl,
+  W as OmnibusPriceSizeControl,
+  $ as OmnibusPriceStyleControl,
+  x as PriceAlignControl,
+  Z as PriceBackgroundControl,
+  Y as PriceColorControl,
+  k as PriceFontFamilyControl,
+  mo as PriceInlineLayoutControl,
+  f as PriceLineSpacingControl,
+  K as PricePaddingsControl,
+  p as PriceSizeControl,
+  z as PriceStyleControl
 };

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

@@ -0,0 +1,60 @@
+import { ModificationDescription as n } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../common-control.js";
+import { RecommendationControlId as c } from "../constants.js";
+const i = {
+  HIDE_PRICE: "hidePriceIfSame"
+}, o = "hide-price", s = ".ins-recommendation-v3-block-v2";
+class h extends d {
+  getId() {
+    return c.PRICE_HIDE_IF_SAME;
+  }
+  getTemplate() {
+    return `
+            <div class="price-hide-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Hide if same as discounted" }),
+      this._GuToggle(i.HIDE_PRICE)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentHideState();
+    this.api.updateValues({
+      [i.HIDE_PRICE]: e
+    });
+  }
+  _getCurrentHideState() {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return !1;
+    const e = this.currentNode.closest(s);
+    return !e || !("getAttribute" in e) ? !1 : e.getAttribute(o) === "true";
+  }
+  _onHidePriceChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(s);
+    if (!t)
+      return;
+    const r = this.api.getDocumentModifier();
+    r.modifyHtml(t).setAttribute(o, e ? "true" : "false"), r.apply(
+      new n(
+        e ? "Enable hide price if same as discounted" : "Disable hide price if same as discounted"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.HIDE_PRICE, (e) => {
+      this._onHidePriceChange(e);
+    });
+  }
+}
+export {
+  h as PriceHideControl
+};

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

@@ -0,0 +1,160 @@
+import { ModificationDescription as M } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as w } from "../../common-control.js";
+import { RecommendationControlId as N, ATTR_DATA_PRICE_INLINE as E, RecommendationBlockId as g } from "../constants.js";
+const k = N.PRICE_INLINE_LAYOUT, b = ".recommendation-attribute-row", B = "tr.recommendation-product-row", m = "data-attribute-type", T = "data-inline-merged", C = "data-visibility";
+class V extends w {
+  getId() {
+    return k;
+  }
+  getTemplate() {
+    return `
+            <div class="container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Move to Next Line" }),
+      this._GuToggle("priceNextLine")
+    ])}
+                <div style="color: #666; font-size: 12px; margin-top: 8px; padding-left: 8px;">
+                    When disabled, Price and Old Price will appear side by side
+                </div>
+            </div>
+        `;
+  }
+  onRender() {
+    this._initializePriceInlineState(), this._registerValueChangeListener();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._initializePriceInlineState();
+  }
+  /**
+   * Reads the current price inline state from the block's data attribute
+   * and updates the toggle UI
+   * Note: Toggle ON = separate rows (next line), Toggle OFF = inline (same row)
+   */
+  _initializePriceInlineState() {
+    const r = !this._readPriceInlineState();
+    this.api.updateValues({
+      priceNextLine: r
+    });
+  }
+  /**
+   * Reads the price inline state from the block wrapper's data attribute
+   */
+  _readPriceInlineState() {
+    if (!this.currentNode || !("getAttribute" in this.currentNode))
+      return !1;
+    const e = this.currentNode.getAttribute(E);
+    return console.debug("inline attr", e), e === "1" || e === "true";
+  }
+  /**
+   * Registers listener for toggle changes
+   */
+  _registerValueChangeListener() {
+    this.api.onValueChanged("priceNextLine", (e) => {
+      const r = !e;
+      this._applyPriceInlineLayout(r);
+    });
+  }
+  /**
+   * Applies the price inline layout by restructuring the DOM
+   * When enabling inline: Merges Old Price content into Price row (side by side)
+   * When disabling inline: Separates them back into individual rows
+   */
+  _applyPriceInlineLayout(e) {
+    if (!this.currentNode)
+      return;
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(E, e ? "1" : "0").apply(new M("Update price inline attribute"));
+    const r = this.currentNode.querySelectorAll(B);
+    if (!(r != null && r.length))
+      return;
+    const i = this.api.getDocumentModifier();
+    r.forEach((t) => {
+      e ? this._mergeOldPriceIntoPrice(t, i) : this._separateOldPriceFromPrice(t, i);
+    }), i.apply(new M(
+      e ? "Merge price rows into inline layout" : "Separate price rows"
+    ));
+  }
+  /**
+   * Merges Old Price content into the same row as Price (inline layout)
+   * Creates a structure where both prices are side by side in one row
+   */
+  _mergeOldPriceIntoPrice(e, r) {
+    const i = e.querySelector(
+      `${b}[${m}="productPrice"]`
+    ), t = e.querySelector(
+      `${b}[${m}="productOldPrice"]`
+    );
+    if (!i || !t || "getAttribute" in t && t.getAttribute(T) === "1" || !("querySelectorAll" in i) || !("querySelectorAll" in t))
+      return;
+    const a = Array.from(i.querySelectorAll("table.product-card-wrapper")), u = Array.from(t.querySelectorAll("table.product-card-wrapper"));
+    a.length !== u.length || a.length === 0 || (a.forEach((o, _) => {
+      const s = u[_];
+      if (!o || !s || !("querySelector" in o) || !("querySelector" in s))
+        return;
+      const c = `[esd-extension-block-id="${g.PRICE}"]`, f = `[esd-extension-block-id="${g.OLD_PRICE}"]`, n = o.querySelector(c), l = s.querySelector(f);
+      if (!n || !l || !("getOuterHTML" in n) || !("getOuterHTML" in l))
+        return;
+      const h = n.getOuterHTML(), P = `
+                <tr data-inline-price-wrapper="1">
+                    <td width="50%" style="vertical-align: middle;">
+                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
+                            <tbody>
+                                <tr><td>${l.getOuterHTML()}</td></tr>
+                            </tbody>
+                        </table>
+                    </td>
+                    <td width="50%" style="vertical-align: middle;">
+                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
+                            <tbody>
+                                <tr><td>${h}</td></tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            `, y = o.querySelector(".product-attribute-cell");
+      if (!y)
+        return;
+      const d = y.querySelector("tbody");
+      d && r.modifyHtml(d).setInnerHtml(P);
+    }), r.modifyHtml(t).setStyle("display", "none").setAttribute(T, "1"));
+  }
+  /**
+   * Separates Old Price from Price row back into individual rows
+   * Restores the original separate row structure
+   */
+  _separateOldPriceFromPrice(e, r) {
+    const i = e.querySelector(
+      `${b}[${m}="productPrice"]`
+    ), t = e.querySelector(
+      `${b}[${m}="productOldPrice"]`
+    );
+    if (!i || !t || !("getAttribute" in t) || !(t.getAttribute(T) === "1") || !("querySelectorAll" in i) || !("querySelectorAll" in t))
+      return;
+    const u = Array.from(i.querySelectorAll("table.product-card-wrapper")), o = Array.from(t.querySelectorAll("table.product-card-wrapper"));
+    u.forEach((c, f) => {
+      if (!c || !("querySelector" in c))
+        return;
+      const n = o[f];
+      if (!n || !("querySelector" in n))
+        return;
+      const l = c.querySelector('[data-inline-price-wrapper="1"]');
+      if (!l || !("querySelectorAll" in l))
+        return;
+      const p = Array.from(l.querySelectorAll("td")).filter((O) => "getAttribute" in O && O.getAttribute("width") === "50%");
+      if (p.length !== 2)
+        return;
+      const P = `[esd-extension-block-id="${g.OLD_PRICE}"]`, y = `[esd-extension-block-id="${g.PRICE}"]`, d = p[0].querySelector(P), A = p[1].querySelector(y);
+      if (!d || !A || !("getOuterHTML" in d) || !("getOuterHTML" in A))
+        return;
+      const H = A.getOuterHTML(), R = d.getOuterHTML(), S = c.querySelector(".product-attribute-cell"), L = S == null ? void 0 : S.querySelector("tbody");
+      L && r.modifyHtml(L).setInnerHtml(`<tr><td>${H}</td></tr>`);
+      const I = n.querySelector(".product-attribute-cell"), q = I == null ? void 0 : I.querySelector("tbody");
+      q && r.modifyHtml(q).setInnerHtml(`<tr><td>${R}</td></tr>`);
+    });
+    const s = t.getAttribute(C) === "0" ? "none" : "table-row";
+    r.modifyHtml(t).setStyle("display", s).removeAttribute(T);
+  }
+}
+export {
+  k as PRICE_INLINE_LAYOUT_CONTROL_ID,
+  V as PriceInlineLayoutControl
+};

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

@@ -1,19 +1,21 @@
 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 { 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 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();
+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();
 export {
-  xo as default
+  Io as default
 };