@useinsider/guido 2.1.0-beta.e2153c2 → 2.1.0-beta.e4c3fa1

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

@@ -1,307 +1,361 @@
-import { ModificationDescription as S } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as T, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as _ } from "../../constants/selectors.js";
+import { MOBILE_CONTAINER_SELECTOR as g, CURRENCY_ATTR as p, DESKTOP_CONTAINER_SELECTOR as C, CONTAINER_SELECTOR as $ } from "../../constants/selectors.js";
 import { RecommendationConfigService as k } from "../../services/configService.js";
 import { useRecommendationExtensionStore as b } from "../../store/recommendation.js";
-import { prepareProductRows as R } from "../../templates/index.js";
-import { formatPrice as D } from "../../utils/priceFormatter.js";
-import { isTdNode as L } from "../../utils/tagName.js";
-import { sanitizeImageUrl as U, getDefaultProducts as H, DEFAULT_CARD_COMPOSITION as C } from "../../templates/utils.js";
-const q = "ins-recommendation-v3-block-v2";
-function E(o) {
-  if (!o)
+import { prepareProductRows as N } from "../../templates/index.js";
+import { formatPrice as H } from "../../utils/priceFormatter.js";
+import { isTdNode as B } from "../../utils/tagName.js";
+import { getDefaultProducts as T, DEFAULT_CARD_COMPOSITION as q, sanitizeImageUrl as v } from "../../templates/utils.js";
+const M = "ins-recommendation-v3-block-v2";
+function A(t) {
+  if (!t)
     return null;
-  if ("getAttribute" in o) {
-    const e = o.getAttribute("class");
-    if (e && e.includes(q))
-      return o;
+  if ("getAttribute" in t) {
+    const e = t.getAttribute("class");
+    if (e && e.includes(M))
+      return t;
   }
-  return "querySelector" in o ? o.querySelector(`.${q}`) : null;
+  return "querySelector" in t ? t.querySelector(`.${M}`) : null;
 }
-function P(o) {
-  const e = E(o);
+function P(t) {
+  const e = A(t);
   if (!e || !("getAttribute" in e))
     return "grid";
-  const t = e.getAttribute("data-layout");
-  return t === "list" || t === "horizontal" ? "list" : "grid";
+  const o = e.getAttribute("data-layout");
+  return o === "list" || o === "horizontal" ? "list" : "grid";
 }
-function N(o) {
-  const e = E(o);
+function w(t) {
+  const e = A(t);
   if (!e || !("getAttribute" in e))
-    return C;
-  const t = e.getAttribute("data-card-composition");
-  return t ? t.split(",").filter(Boolean) : C;
+    return q;
+  const o = e.getAttribute("data-card-composition");
+  return o ? o.split(",").filter(Boolean) : q;
 }
-function g(o, e, t) {
+function S(t, e, o) {
   if (!e || !("childNodes" in e))
     return !1;
-  const n = e.childNodes().find(
-    (i) => "getType" in i && i.getType() === "text"
+  const i = e.childNodes().find(
+    (c) => "getType" in c && c.getType() === "text"
   );
-  return n ? (o.modifyHtml(n).setText(t), !0) : !1;
+  return i ? (t.modifyHtml(i).setText(o), !0) : !1;
 }
-function h(o, e) {
-  return o && o.length > 0 ? o : e.length > 0 ? e : H();
+function _(t, e) {
+  return t && t.length > 0 ? t : e.length > 0 ? e : T();
 }
-function $(o) {
-  const { currentNode: e, documentModifier: t, products: r, layout: n } = o;
+function j(t) {
+  const { currentNode: e, documentModifier: o, products: n, layout: i } = t;
   if (!e || !("querySelector" in e))
     return;
-  const i = e.querySelector(T);
-  if (!i)
+  const c = e.querySelector(g);
+  if (!c)
     return;
-  const c = b(), u = k.getConfig(e), l = h(r, c.recommendationProducts), s = N(e), d = n ?? P(e), a = R(l, d, {
-    productsPerRow: u.mobileCardsInRow,
-    composition: s
+  const r = b(), s = k.getConfig(e), u = _(n, r.recommendationProducts), l = w(e), f = i ?? P(e), a = N(u, f, {
+    productsPerRow: s.mobileCardsInRow,
+    composition: l
   });
-  t.modifyHtml(i).setInnerHtml(a).apply(new S("Updated mobile product rows"));
+  o.modifyHtml(c).setInnerHtml(a).apply(new y("Updated mobile product rows"));
 }
-function x(o) {
+function V(t) {
   const {
     currentNode: e,
-    documentModifier: t,
-    afterRegenerate: r,
-    products: n,
-    layout: i
-  } = o;
+    documentModifier: o,
+    afterRegenerate: n,
+    products: i,
+    layout: c
+  } = t;
   if (!e || !("querySelector" in e))
     return;
-  const c = e.querySelector(w) ?? e.querySelector(_);
-  if (!c)
+  const r = e.querySelector(C) ?? e.querySelector($);
+  if (!r)
     return;
-  const u = b(), l = h(n, u.recommendationProducts), { cardsInRow: s } = u.recommendationConfigs, d = N(e), a = i ?? P(e), p = R(l, a, {
-    productsPerRow: s,
-    composition: d
+  const s = b(), u = _(i, s.recommendationProducts), { cardsInRow: l } = s.recommendationConfigs, f = w(e), a = c ?? P(e), d = N(u, a, {
+    productsPerRow: l,
+    composition: f
   });
-  t.modifyHtml(c).setInnerHtml(p).apply(new S("Updated product")), $(o), r == null || r();
+  o.modifyHtml(r).setInnerHtml(d).apply(new y("Updated product")), j(t), n == null || n();
 }
-function B(o, e, t, r) {
-  const i = `0 ${Math.floor(t / 2)}px`;
-  let c = !1;
-  return r === "grid" ? Array.from(
-    o.querySelectorAll(".attribute-cell")
-  ).forEach((l) => {
-    e.modifyHtml(l).setStyle("padding", i), c = !0;
+function h(t, e, o, n) {
+  const c = `0 ${Math.floor(o / 2)}px`;
+  let r = !1;
+  return n === "grid" ? Array.from(
+    t.querySelectorAll(".attribute-cell")
+  ).forEach((u) => {
+    e.modifyHtml(u).setStyle("padding", c), r = !0;
   }) : Array.from(
-    o.querySelectorAll(".product-card-wrapper")
-  ).forEach((l) => {
-    const s = "parentNode" in l ? l.parentNode : null;
-    s && L(s) && (e.modifyHtml(s).setStyle("padding", i), c = !0);
-  }), c;
+    t.querySelectorAll(".product-card-wrapper")
+  ).forEach((u) => {
+    const l = "parentNode" in u ? u.parentNode : null;
+    l && B(l) && (e.modifyHtml(l).setStyle("padding", c), r = !0);
+  }), r;
 }
-function v(o, e, t) {
-  const r = `${t}px`, n = Array.from(o.querySelectorAll(".spacer"));
-  let i = !1;
-  return n.forEach((c) => {
-    e.modifyHtml(c).setStyle("height", r), i = !0;
-  }), i;
+function R(t, e, o) {
+  const n = `${o}px`, i = Array.from(t.querySelectorAll(".spacer"));
+  let c = !1;
+  return i.forEach((r) => {
+    e.modifyHtml(r).setStyle("height", n), c = !0;
+  }), c;
 }
-function V(o) {
-  const { currentNode: e, documentModifier: t } = o;
+function G(t) {
+  const { currentNode: e, documentModifier: o } = t;
   if (!e)
     return;
-  const r = E(e);
-  if (!r || !("getAttribute" in r))
-    return;
-  const n = r.getAttribute("data-column-spacing"), i = r.getAttribute("data-row-spacing"), c = P(e);
-  let u = !1;
-  if (n) {
-    const l = parseInt(n);
-    Number.isNaN(l) || (u = B(
-      e,
-      t,
-      l,
-      c
-    ));
+  const n = k.getConfig(e), i = P(e);
+  let c = !1;
+  const r = e.querySelector(C);
+  if (r) {
+    c = h(
+      r,
+      o,
+      n.columnSpacing,
+      i
+    );
+    const l = R(
+      r,
+      o,
+      n.rowSpacing
+    );
+    c = c || l;
   }
-  if (i) {
-    const l = parseInt(i);
-    if (!Number.isNaN(l)) {
-      const s = v(e, t, l);
-      u = u || s;
-    }
+  const s = e.querySelector(g);
+  if (s) {
+    const u = h(
+      s,
+      o,
+      n.mobileColumnSpacing,
+      i
+    );
+    c = c || u;
+    const l = R(
+      s,
+      o,
+      n.mobileRowSpacing
+    );
+    c = c || l;
   }
-  u && t.apply(new S("Reapply spacing after regeneration"));
+  c && o.apply(new y("Reapply spacing after regeneration"));
 }
-function ee(o) {
-  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
-  e && x({
+function oe(t) {
+  const { currentNode: e, documentModifier: o, afterRegenerate: n, products: i, layout: c } = t;
+  e && V({
     currentNode: e,
-    documentModifier: t,
-    products: n,
-    layout: i,
+    documentModifier: o,
+    products: i,
+    layout: c,
     afterRegenerate: () => {
       setTimeout(() => {
-        V({ currentNode: e, documentModifier: t });
-      }, 0), r == null || r();
+        G({ currentNode: e, documentModifier: o });
+      }, 0), n == null || n();
     }
   });
 }
-function M() {
-  const o = b(), { currencySettings: e } = o.recommendationConfigs;
+function ne(t, e) {
+  return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...T(e - t.length)];
+}
+function x() {
+  const t = b(), { currencySettings: e } = t.recommendationConfigs, o = parseInt(e.decimalCount);
   return {
     code: e.value,
     symbol: e.symbol,
     alignment: e.alignment === "0" ? "before" : "after",
-    decimalCount: parseInt(e.decimalCount) || 2,
+    decimalCount: Number.isNaN(o) ? 2 : o,
     decimalSeparator: e.decimalSeparator,
     thousandSeparator: e.thousandSeparator
   };
 }
-function A(o, e = "price") {
-  const t = M(), r = o[e], n = (r == null ? void 0 : r[t.code]) ?? Object.values(r ?? {})[0] ?? 0;
-  return D({
-    price: n,
-    currency: t
+function E(t, e = "price") {
+  const o = x(), n = t[e], i = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
+  return H({
+    price: i,
+    currency: o
   });
 }
-function j(o) {
-  var i, c;
-  const e = M(), t = ((i = o.original_price) == null ? void 0 : i[e.code]) ?? Object.values(o.original_price ?? {})[0] ?? 0, r = ((c = o.price) == null ? void 0 : c[e.code]) ?? Object.values(o.price ?? {})[0] ?? 0, n = t > 0 ? Math.round((t - r) / t * 100) : 0;
-  return n > 0 ? `-${n}%` : "0%";
+function W(t) {
+  var c, r;
+  const e = x(), o = ((c = t.original_price) == null ? void 0 : c[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((r = t.price) == null ? void 0 : r[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, i = o > 0 ? Math.round((o - n) / o * 100) : 0;
+  return i > 0 ? `-${i}%` : "0%";
 }
-function I(o) {
-  const { documentModifier: e, product: t, priceEl: r, oldPriceEl: n, omnibusPriceEl: i, omnibusDiscountEl: c } = o;
-  let u = !1;
-  if (r && "querySelector" in r) {
-    const l = r.querySelector("strong"), s = A(t, "price");
-    g(e, l, s) && (u = !0);
-  }
+function D(t) {
+  const { documentModifier: e, product: o, priceEl: n, oldPriceEl: i, omnibusPriceEl: c, omnibusDiscountEl: r } = t;
+  let s = !1;
   if (n && "querySelector" in n) {
-    const l = n.querySelector("strong"), s = A(t, "original_price");
-    g(e, l, s) && (u = !0);
+    const u = n.querySelector("strong"), l = E(o, "price");
+    S(e, u, l) && (s = !0);
   }
   if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-price-value"), s = A(t, "original_price");
-    g(e, l, s) && (u = !0);
+    const u = i.querySelector("strong"), l = E(o, "original_price");
+    S(e, u, l) && (s = !0);
   }
   if (c && "querySelector" in c) {
-    const l = c.querySelector(".omnibus-discount-value"), s = j(t);
-    g(e, l, s) && (u = !0);
+    const u = c.querySelector(".omnibus-price-value"), l = E(o, "original_price");
+    S(e, u, l) && (s = !0);
   }
-  return u;
+  if (r && "querySelector" in r) {
+    const u = r.querySelector(".omnibus-discount-value"), l = W(o);
+    S(e, u, l) && (s = !0);
+  }
+  return s;
 }
-function W(o) {
+function Y(t) {
   const {
     documentModifier: e,
-    product: t,
-    imageEl: r,
-    nameEl: n,
-    priceEl: i,
-    oldPriceEl: c,
-    omnibusPriceEl: u,
-    omnibusDiscountEl: l,
-    buttonEl: s
-  } = o;
-  let d = !1;
-  if (r && "querySelector" in r) {
-    const a = r.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", U(t.image_url)).setAttribute("alt", t.name), d = !0);
-    const p = r.querySelector("a");
-    p && (e.modifyHtml(p).setAttribute("href", t.url), d = !0);
-  }
+    product: o,
+    imageEl: n,
+    nameEl: i,
+    priceEl: c,
+    oldPriceEl: r,
+    omnibusPriceEl: s,
+    omnibusDiscountEl: u,
+    buttonEl: l
+  } = t;
+  let f = !1;
   if (n && "querySelector" in n) {
-    const a = n.querySelector("strong");
-    g(e, a, t.name) && (d = !0);
+    const a = n.querySelector("img");
+    a && (e.modifyHtml(a).setAttribute("src", v(o.image_url)).setAttribute("alt", o.name), f = !0);
+    const d = n.querySelector("a");
+    d && (e.modifyHtml(d).setAttribute("href", o.url), f = !0);
+  }
+  if (i && "querySelector" in i) {
+    const a = i.querySelector("strong");
+    S(e, a, o.name) && (f = !0);
   }
-  if (I({
+  if (D({
     documentModifier: e,
-    product: t,
-    priceEl: i,
-    oldPriceEl: c,
-    omnibusPriceEl: u,
-    omnibusDiscountEl: l
-  }) && (d = !0), s && "querySelector" in s) {
-    const a = s.querySelector("a.es-button") || s.querySelector("a");
-    a && (e.modifyHtml(a).setAttribute("href", t.url), d = !0);
+    product: o,
+    priceEl: c,
+    oldPriceEl: r,
+    omnibusPriceEl: s,
+    omnibusDiscountEl: u
+  }) && (f = !0), l && "querySelector" in l) {
+    const a = l.querySelector("a.es-button") || l.querySelector("a");
+    a && (e.modifyHtml(a).setAttribute("href", o.url), f = !0);
   }
-  return d;
+  return f;
 }
-function te(o) {
-  const { currentNode: e, documentModifier: t, products: r } = o;
-  if (!e || !("querySelectorAll" in e))
+function L(t) {
+  return "querySelector" in t ? t.querySelector(C) ?? t : t;
+}
+function I(t, e, o) {
+  if (!("querySelectorAll" in t))
     return !1;
-  const n = e.querySelectorAll(
+  const n = t.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
-  ), i = e.querySelectorAll(
+  ), i = t.querySelectorAll(
     `[esd-extension-block-id="${m.NAME}"]`
-  ), c = e.querySelectorAll(
+  ), c = t.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), u = e.querySelectorAll(
+  ), r = t.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
-  ), l = e.querySelectorAll(
+  ), s = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), s = e.querySelectorAll(
+  ), u = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
-  ), d = e.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
-  );
-  if (n.length !== r.length)
-    return !1;
+  ), f = Math.min(n.length, o.length);
   let a = !1;
-  return r.forEach((p, f) => {
-    const O = W({
-      documentModifier: t,
-      product: p,
-      imageEl: n[f] ?? null,
-      nameEl: i[f] ?? null,
-      priceEl: c[f] ?? null,
-      oldPriceEl: u[f] ?? null,
-      omnibusPriceEl: l[f] ?? null,
-      omnibusDiscountEl: s[f] ?? null,
-      buttonEl: d[f] ?? null
+  for (let d = 0; d < f; d++) {
+    const U = Y({
+      documentModifier: e,
+      product: o[d],
+      imageEl: n[d] ?? null,
+      nameEl: i[d] ?? null,
+      priceEl: c[d] ?? null,
+      oldPriceEl: r[d] ?? null,
+      omnibusPriceEl: s[d] ?? null,
+      omnibusDiscountEl: u[d] ?? null,
+      buttonEl: l[d] ?? null
     });
-    a = a || O;
-  }), a && t.apply(new S("Updated product content in-place")), !0;
+    a = a || U;
+  }
+  return a;
 }
-function oe(o) {
-  const { currentNode: e, documentModifier: t } = o;
+function re(t) {
+  const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
-  const n = b().recommendationProducts;
-  if (n.length === 0)
+  const i = L(e);
+  if (!("querySelectorAll" in i) || i.querySelectorAll(
+    `[esd-extension-block-id="${m.IMAGE}"]`
+  ).length !== n.length)
+    return !1;
+  let r = I(i, o, n);
+  if ("querySelector" in e) {
+    const s = e.querySelector(g);
+    if (s) {
+      const u = I(
+        s,
+        o,
+        n
+      );
+      r = r || u;
+    }
+  }
+  return r && o.apply(new y("Updated product content in-place")), !0;
+}
+function O(t, e, o) {
+  if (!("querySelectorAll" in t))
     return !1;
-  const i = e.querySelectorAll(
+  const n = t.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), c = e.querySelectorAll(
+  ), i = t.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
-  ), u = e.querySelectorAll(
+  ), c = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = e.querySelectorAll(
+  ), r = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
-  );
-  let s = !1;
-  return n.forEach((d, a) => {
-    I({
-      documentModifier: t,
-      product: d,
-      priceEl: i[a] ?? null,
-      oldPriceEl: c[a] ?? null,
-      omnibusPriceEl: u[a] ?? null,
-      omnibusDiscountEl: l[a] ?? null
-    }) && (s = !0);
-  }), s && t.apply(new S("Updated price formatting in-place")), s;
+  ), s = Math.min(n.length, o.length);
+  let u = !1;
+  for (let l = 0; l < s; l++)
+    D({
+      documentModifier: e,
+      product: o[l],
+      priceEl: n[l] ?? null,
+      oldPriceEl: i[l] ?? null,
+      omnibusPriceEl: c[l] ?? null,
+      omnibusDiscountEl: r[l] ?? null
+    }) && (u = !0);
+  return u;
 }
-function re(o) {
-  const { currentNode: e, documentModifier: t, currency: r } = o, n = E(e);
-  if (!n)
+function ie(t) {
+  const { currentNode: e, documentModifier: o } = t;
+  if (!e || !("querySelectorAll" in e))
+    return !1;
+  const i = b().recommendationProducts;
+  if (i.length === 0)
+    return !1;
+  const c = L(e);
+  let r = O(c, o, i);
+  if ("querySelector" in e) {
+    const s = e.querySelector(g);
+    if (s) {
+      const u = O(s, o, i);
+      r = r || u;
+    }
+  }
+  return r && o.apply(new y("Updated price formatting in-place")), r;
+}
+function ce(t) {
+  const { currentNode: e, documentModifier: o, currency: n } = t, i = A(e);
+  if (!i)
     return;
-  const i = r.alignment === "before" ? "0" : "1", c = (u, l) => {
-    t.modifyHtml(n).setAttribute(u, l);
+  const c = n.alignment === "before" ? "0" : "1", r = (s, u) => {
+    o.modifyHtml(i).setAttribute(s, u);
   };
-  c(y.CURRENCY, r.code), c(y.SYMBOL, r.symbol), c(y.ALIGNMENT, i), c(y.THOUSAND_SEPARATOR, r.thousandSeparator), c(y.DECIMAL_SEPARATOR, r.decimalSeparator), c(y.DECIMAL_COUNT, r.decimalCount.toString()), t.apply(new S("Update currency attributes"));
+  r(p.CURRENCY, n.code), r(p.SYMBOL, n.symbol), r(p.ALIGNMENT, c), r(p.THOUSAND_SEPARATOR, n.thousandSeparator), r(p.DECIMAL_SEPARATOR, n.decimalSeparator), r(p.DECIMAL_COUNT, n.decimalCount.toString()), o.apply(new y("Update currency attributes"));
 }
 export {
-  A as formatProductPrice,
-  E as getBlockElement,
-  N as getCardComposition,
+  ne as adjustProductsToSize,
+  E as formatProductPrice,
+  A as getBlockElement,
+  w as getCardComposition,
   P as getCurrentLayout,
-  V as reapplySpacing,
-  $ as regenerateMobileProductRows,
-  x as regenerateProductRows,
-  ee as regenerateProductRowsWithStyles,
-  re as setCurrencyAttributes,
-  oe as updatePricesInPlace,
-  te as updateProductContentInPlace,
-  W as updateSingleProductContent
+  G as reapplySpacing,
+  j as regenerateMobileProductRows,
+  V as regenerateProductRows,
+  oe as regenerateProductRowsWithStyles,
+  ce as setCurrencyAttributes,
+  ie as updatePricesInPlace,
+  re as updateProductContentInPlace,
+  Y as updateSingleProductContent
 };

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

@@ -1,13 +1,13 @@
-import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } from "../../../controlFactories.js";
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as a, createTextAlignControl as i } 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 { NameTextTrimControl as i } from "./textTrim.js";
-const m = a(
+import { BLOCK_ROOT_SELECTOR as r } from "../../constants/selectors.js";
+import { NameTextTrimControl as m } from "./textTrim.js";
+const A = i(
   t.NAME_ALIGN,
   o.NAME,
   r
-), A = N(
+), N = a(
   t.NAME_COLOR,
   o.NAME,
   r
@@ -31,16 +31,16 @@ const m = a(
   t.NAME_PADDINGS,
   o.NAME,
   r
-), F = {
-  align: m,
-  color: A,
+), p = {
+  align: A,
+  color: N,
   size: E,
   style: M,
   fontFamily: s,
   background: d,
   paddings: T,
-  textTrim: i
+  textTrim: m
 };
 export {
-  F as NameControls
+  p as NameControls
 };

package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js

@@ -2,11 +2,11 @@ import { ModificationDescription as a } from "../../../../../node_modules/@strip
 import { CommonControl as c } from "../../../common-control.js";
 import { RecommendationBlockId as l } from "../../constants/blockIds.js";
 import { RecommendationControlId as m } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as u } from "../../constants/selectors.js";
+import { BLOCK_ROOT_SELECTOR as u } from "../../constants/selectors.js";
 const i = {
   TEXT_TRIM_ENABLED: "textTrimEnabled"
-}, o = "text-trim-enabled", d = `.${o}`, T = `.${o} p`, f = `.${o} { max-width: 0; }`, p = `.${o} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
-class g extends c {
+}, o = "text-trim-enabled", d = `.${o}`, T = `.${o} p`, _ = `.${o} { max-width: 0; }`, f = `.${o} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
+class N extends c {
   getId() {
     return m.NAME_TEXT_TRIM;
   }
@@ -74,7 +74,7 @@ class g extends c {
       return;
     const t = this.api.getDocumentModifier();
     let s = !1;
-    this._findCssRule(d) || (t.modifyCss(e).appendRule(f), s = !0), this._hasParagraphRule() || (t.modifyCss(e).appendRule(p), s = !0), s && t.apply(new a("Add text trim CSS rules"));
+    this._findCssRule(d) || (t.modifyCss(e).appendRule(_), s = !0), this._hasParagraphRule() || (t.modifyCss(e).appendRule(f), s = !0), s && t.apply(new a("Add text trim CSS rules"));
   }
   _onTextTrimChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
@@ -104,5 +104,5 @@ class g extends c {
   }
 }
 export {
-  g as NameTextTrimControl
+  N as NameTextTrimControl
 };