@useinsider/guido 2.1.0-beta.a720424 → 2.1.0-beta.e13d291

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

@@ -0,0 +1,74 @@
+var s = Object.defineProperty;
+var r = (o, t, e) => t in o ? s(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var a = (o, t, e) => r(o, typeof t != "symbol" ? t + "" : t, e);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as m } from "../../../common-control.js";
+import { RecommendationConfigService as i } from "../../services/configService.js";
+import { useRecommendationExtensionStore as c } from "../../store/recommendation.js";
+const g = "recommendation-locale-control", n = {
+  LOCALE: "language"
+};
+class C extends m {
+  constructor() {
+    super(...arguments);
+    // Store is used ONLY for API-fetched data (language options), not for config
+    a(this, "store", c());
+  }
+  getId() {
+    return g;
+  }
+  getTemplate() {
+    return `
+            <div class="locale-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Recommendation Locale" }),
+      this._GuSelect({
+        name: n.LOCALE,
+        placeholder: "Select Recommendation Locale",
+        options: this.store.getLanguages
+      })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = i.getConfig(this.currentNode);
+    this.api.updateValues({
+      [n.LOCALE]: e.language
+    });
+  }
+  _initializeSelectItems() {
+    this.api.setUIEAttribute(
+      n.LOCALE,
+      l.SELECTPICKER.items,
+      this.store.getLanguages
+    );
+  }
+  _onLocaleChange(e) {
+    this.currentNode && (i.updateConfig(
+      this.api,
+      this.currentNode,
+      { language: e },
+      `Changed language to ${e}`
+    ), this.store.$patch({
+      recommendationConfigs: {
+        language: e
+      }
+    }));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(n.LOCALE, (e) => {
+      this._onLocaleChange(e);
+    });
+  }
+}
+export {
+  g as LOCALE_CONTROL_ID,
+  C as LocaleControl
+};

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

@@ -0,0 +1,118 @@
+var u = Object.defineProperty;
+var a = (i, e, t) => e in i ? u(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var n = (i, e, t) => a(i, typeof e != "symbol" ? e + "" : e, t);
+import { CommonControl as c } from "../../../common-control.js";
+import { MAX_PRODUCT_COUNT as _, MAX_PRODUCTS_PER_ROW as h } from "../../constants/layout.js";
+import { RecommendationConfigService as s } from "../../services/configService.js";
+import { useRecommendationExtensionStore as R } from "../../store/recommendation.js";
+import { getCurrentLayout as C, regenerateProductRowsWithStyles as m } from "./utils.js";
+import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
+const O = "recommendation-product-layout-control", o = {
+  PRODUCT_COUNT: "size",
+  PRODUCT_IN_ROW: "cardsInRow",
+  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
+};
+class I extends c {
+  constructor() {
+    super(...arguments);
+    // Store is used for backward compatibility with product fetching and regeneration
+    n(this, "store", R());
+    n(this, "storeUnsubscription", () => {
+    });
+    n(this, "_debouncedRegenerateProductRows", p(() => {
+      this._regenerateProductRows();
+    }, 500));
+  }
+  getId() {
+    return O;
+  }
+  getTemplate() {
+    return `
+            <div class="product-layout-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Number of Products" }),
+      this._GuCounter({ name: o.PRODUCT_COUNT, maxValue: _ }),
+      this._GuLabel({ text: "Products in One Row", name: o.PRODUCT_IN_ROW_LABEL }),
+      this._GuCounter({ name: o.PRODUCT_IN_ROW, maxValue: h })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates(), this._listenStateUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateProductsInRowVisibility();
+  }
+  onDestroy() {
+    this.storeUnsubscription();
+  }
+  _setFormValues() {
+    const t = s.getConfig(this.currentNode);
+    this.api.updateValues({
+      [o.PRODUCT_COUNT]: t.size,
+      [o.PRODUCT_IN_ROW]: t.cardsInRow
+    });
+  }
+  /**
+   * Updates "Products in One Row" visibility based on layout orientation
+   * This control is hidden for list layout (products always take full width)
+   * Reads from node config first, falls back to DOM
+   */
+  _updateProductsInRowVisibility() {
+    const d = (s.getConfig(this.currentNode).layout || C(this.currentNode)) === "grid";
+    this.api.setVisibility(o.PRODUCT_IN_ROW, d), this.api.setVisibility(o.PRODUCT_IN_ROW_LABEL, d);
+  }
+  _onProductCountChange(t) {
+    this.currentNode && (s.updateConfig(
+      this.api,
+      this.currentNode,
+      { size: t },
+      `Changed product count to ${t}`
+    ), this.store.$patch({
+      recommendationConfigs: {
+        size: t
+      }
+    }), this._debouncedRegenerateProductRows());
+  }
+  _onProductsInRowChange(t) {
+    this.currentNode && (s.updateConfig(
+      this.api,
+      this.currentNode,
+      { cardsInRow: t },
+      `Changed products per row to ${t}`
+    ), this.store.$patch({
+      recommendationConfigs: {
+        cardsInRow: t
+      }
+    }), this._debouncedRegenerateProductRows());
+  }
+  _regenerateProductRows() {
+    m({
+      currentNode: this.currentNode,
+      documentModifier: this.api.getDocumentModifier()
+    });
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(o.PRODUCT_COUNT, (t) => {
+      this._onProductCountChange(t.toString());
+    }), this.api.onValueChanged(o.PRODUCT_IN_ROW, (t) => {
+      this._onProductsInRowChange(Number(t));
+    });
+  }
+  /**
+   * Subscribe to store changes to update visibility when layout changes
+   * This is still needed because layout changes come from LayoutControl
+   */
+  _listenStateUpdates() {
+    let t = this.store.recommendationConfigs.orientation;
+    this.storeUnsubscription = this.store.$subscribe(() => {
+      const r = this.store.recommendationConfigs.orientation;
+      r !== t && (t = r, this._updateProductsInRowVisibility());
+    });
+  }
+}
+export {
+  O as PRODUCT_LAYOUT_CONTROL_ID,
+  I as ProductLayoutControl
+};

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

@@ -0,0 +1,71 @@
+var r = Object.defineProperty;
+var u = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => u(o, typeof t != "symbol" ? t + "" : t, e);
+import { UEAttr as f } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
+import { RecommendationConfigService as i } from "../../services/configService.js";
+import { useRecommendationExtensionStore as d } from "../../store/recommendation.js";
+const a = "recommendation-shuffle-control", s = {
+  SHUFFLE_PRODUCTS: "shuffleProducts"
+};
+class C extends l {
+  constructor() {
+    super(...arguments);
+    // Store is used for backward compatibility with product fetching
+    n(this, "store", d());
+  }
+  getId() {
+    return a;
+  }
+  getTemplate() {
+    return `
+            <div class="shuffle-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Shuffle Recommended Products" }),
+      this._GuToggle(s.SHUFFLE_PRODUCTS)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._initializeToggle(), this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = i.getConfig(this.currentNode);
+    this.api.updateValues({
+      [s.SHUFFLE_PRODUCTS]: e.shuffleProducts
+    });
+  }
+  _initializeToggle() {
+    const e = i.getConfig(this.currentNode);
+    this.api.setUIEAttribute(
+      s.SHUFFLE_PRODUCTS,
+      f.SELECTPICKER.items,
+      e.shuffleProducts
+    );
+  }
+  _onShuffleChange(e) {
+    this.currentNode && (i.updateConfig(
+      this.api,
+      this.currentNode,
+      { shuffleProducts: e },
+      `${e ? "Enabled" : "Disabled"} product shuffle`
+    ), this.store.$patch({
+      recommendationConfigs: {
+        shuffleProducts: e
+      }
+    }));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(s.SHUFFLE_PRODUCTS, (e) => {
+      this._onShuffleChange(!!e);
+    });
+  }
+}
+export {
+  a as SHUFFLE_CONTROL_ID,
+  C as ShuffleControl
+};

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

@@ -0,0 +1,286 @@
+import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlockId as f } from "../../constants/blockIds.js";
+import { CURRENCY_ATTR as y, CONTAINER_SELECTOR as I } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
+import { prepareProductRows as R } from "../../templates/index.js";
+import { formatPrice as O } from "../../utils/priceFormatter.js";
+import { isTdNode as T } from "../../utils/tagName.js";
+import { sanitizeImageUrl as k, getDefaultProducts as _, DEFAULT_CARD_COMPOSITION as P } from "../../templates/utils.js";
+const C = "ins-recommendation-v3-block-v2";
+function b(o) {
+  if (!o)
+    return null;
+  if ("getAttribute" in o) {
+    const e = o.getAttribute("class");
+    if (e && e.includes(C))
+      return o;
+  }
+  return "querySelector" in o ? o.querySelector(`.${C}`) : null;
+}
+function q(o) {
+  const e = b(o);
+  if (!e || !("getAttribute" in e))
+    return "grid";
+  const t = e.getAttribute("data-layout");
+  return t === "list" || t === "horizontal" ? "list" : "grid";
+}
+function D(o) {
+  const e = b(o);
+  if (!e || !("getAttribute" in e))
+    return P;
+  const t = e.getAttribute("data-card-composition");
+  return t ? t.split(",").filter(Boolean) : P;
+}
+function S(o, e, t) {
+  if (!e || !("childNodes" in e))
+    return !1;
+  const n = e.childNodes().find(
+    (i) => "getType" in i && i.getType() === "text"
+  );
+  return n ? (o.modifyHtml(n).setText(t), !0) : !1;
+}
+function w(o, e) {
+  return o && o.length > 0 ? o : e.length > 0 ? e : _();
+}
+function U(o) {
+  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
+  if (!e || !("querySelector" in e))
+    return;
+  const c = e.querySelector(I);
+  if (!c)
+    return;
+  const s = A(), l = w(n, s.recommendationProducts), { cardsInRow: u } = s.recommendationConfigs, d = D(e), a = i ?? q(e), p = R(l, a, {
+    productsPerRow: u,
+    composition: d
+  });
+  t.modifyHtml(c).setInnerHtml(p).apply(new g("Updated product")), r == null || r();
+}
+function $(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;
+  }) : Array.from(
+    o.querySelectorAll(".product-card-wrapper")
+  ).forEach((l) => {
+    const u = "parentNode" in l ? l.parentNode : null;
+    u && T(u) && (e.modifyHtml(u).setStyle("padding", i), c = !0);
+  }), c;
+}
+function L(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 H(o) {
+  const { currentNode: e, documentModifier: t } = o;
+  if (!e)
+    return;
+  const r = b(e);
+  if (!r || !("getAttribute" in r))
+    return;
+  const n = r.getAttribute("data-column-spacing"), i = r.getAttribute("data-row-spacing"), c = q(e);
+  let s = !1;
+  if (n) {
+    const l = parseInt(n);
+    Number.isNaN(l) || (s = $(
+      e,
+      t,
+      l,
+      c
+    ));
+  }
+  if (i) {
+    const l = parseInt(i);
+    if (!Number.isNaN(l)) {
+      const u = L(e, t, l);
+      s = s || u;
+    }
+  }
+  s && t.apply(new g("Reapply spacing after regeneration"));
+}
+function K(o) {
+  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
+  e && U({
+    currentNode: e,
+    documentModifier: t,
+    products: n,
+    layout: i,
+    afterRegenerate: () => {
+      setTimeout(() => {
+        H({ currentNode: e, documentModifier: t });
+      }, 0), r == null || r();
+    }
+  });
+}
+function h() {
+  const o = A(), { currencySettings: e } = o.recommendationConfigs;
+  return {
+    code: e.value,
+    symbol: e.symbol,
+    alignment: e.alignment === "0" ? "before" : "after",
+    decimalCount: parseInt(e.decimalCount) || 2,
+    decimalSeparator: e.decimalSeparator,
+    thousandSeparator: e.thousandSeparator
+  };
+}
+function E(o, e = "price") {
+  const t = h(), r = o[e], n = (r == null ? void 0 : r[t.code]) ?? Object.values(r ?? {})[0] ?? 0;
+  return O({
+    price: n,
+    currency: t
+  });
+}
+function x(o) {
+  var i, c;
+  const e = h(), 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 N(o) {
+  const { documentModifier: e, product: t, priceEl: r, oldPriceEl: n, omnibusPriceEl: i, omnibusDiscountEl: c } = o;
+  let s = !1;
+  if (r && "querySelector" in r) {
+    const l = r.querySelector("strong"), u = E(t, "price");
+    S(e, l, u) && (s = !0);
+  }
+  if (n && "querySelector" in n) {
+    const l = n.querySelector("strong"), u = E(t, "original_price");
+    S(e, l, u) && (s = !0);
+  }
+  if (i && "querySelector" in i) {
+    const l = i.querySelector(".omnibus-price-value"), u = E(t, "original_price");
+    S(e, l, u) && (s = !0);
+  }
+  if (c && "querySelector" in c) {
+    const l = c.querySelector(".omnibus-discount-value"), u = x(t);
+    S(e, l, u) && (s = !0);
+  }
+  return s;
+}
+function B(o) {
+  const {
+    documentModifier: e,
+    product: t,
+    imageEl: r,
+    nameEl: n,
+    priceEl: i,
+    oldPriceEl: c,
+    omnibusPriceEl: s,
+    omnibusDiscountEl: l,
+    buttonEl: u
+  } = o;
+  let d = !1;
+  if (r && "querySelector" in r) {
+    const a = r.querySelector("img");
+    a && (e.modifyHtml(a).setAttribute("src", k(t.image_url)).setAttribute("alt", t.name), d = !0);
+    const p = r.querySelector("a");
+    p && (e.modifyHtml(p).setAttribute("href", t.url), d = !0);
+  }
+  if (n && "querySelector" in n) {
+    const a = n.querySelector("strong");
+    S(e, a, t.name) && (d = !0);
+  }
+  if (N({
+    documentModifier: e,
+    product: t,
+    priceEl: i,
+    oldPriceEl: c,
+    omnibusPriceEl: s,
+    omnibusDiscountEl: l
+  }) && (d = !0), u && "querySelector" in u) {
+    const a = u.querySelector("a.es-button") || u.querySelector("a");
+    a && (e.modifyHtml(a).setAttribute("href", t.url), d = !0);
+  }
+  return d;
+}
+function J(o) {
+  const { currentNode: e, documentModifier: t, products: r } = o;
+  if (!e || !("querySelectorAll" in e))
+    return !1;
+  const n = e.querySelectorAll(
+    `[esd-extension-block-id="${f.IMAGE}"]`
+  ), i = e.querySelectorAll(
+    `[esd-extension-block-id="${f.NAME}"]`
+  ), c = e.querySelectorAll(
+    `[esd-extension-block-id="${f.PRICE}"]`
+  ), s = e.querySelectorAll(
+    `[esd-extension-block-id="${f.OLD_PRICE}"]`
+  ), l = e.querySelectorAll(
+    `[esd-extension-block-id="${f.OMNIBUS_PRICE}"]`
+  ), u = e.querySelectorAll(
+    `[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`
+  ), d = e.querySelectorAll(
+    `[esd-extension-block-id="${f.BUTTON}"]`
+  );
+  if (n.length !== r.length)
+    return !1;
+  let a = !1;
+  return r.forEach((p, m) => {
+    const M = B({
+      documentModifier: t,
+      product: p,
+      imageEl: n[m] ?? null,
+      nameEl: i[m] ?? null,
+      priceEl: c[m] ?? null,
+      oldPriceEl: s[m] ?? null,
+      omnibusPriceEl: l[m] ?? null,
+      omnibusDiscountEl: u[m] ?? null,
+      buttonEl: d[m] ?? null
+    });
+    a = a || M;
+  }), a && t.apply(new g("Updated product content in-place")), !0;
+}
+function Q(o) {
+  const { currentNode: e, documentModifier: t } = o;
+  if (!e || !("querySelectorAll" in e))
+    return !1;
+  const n = A().recommendationProducts;
+  if (n.length === 0)
+    return !1;
+  const i = e.querySelectorAll(
+    `[esd-extension-block-id="${f.PRICE}"]`
+  ), c = e.querySelectorAll(
+    `[esd-extension-block-id="${f.OLD_PRICE}"]`
+  ), s = e.querySelectorAll(
+    `[esd-extension-block-id="${f.OMNIBUS_PRICE}"]`
+  ), l = e.querySelectorAll(
+    `[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`
+  );
+  let u = !1;
+  return n.forEach((d, a) => {
+    N({
+      documentModifier: t,
+      product: d,
+      priceEl: i[a] ?? null,
+      oldPriceEl: c[a] ?? null,
+      omnibusPriceEl: s[a] ?? null,
+      omnibusDiscountEl: l[a] ?? null
+    }) && (u = !0);
+  }), u && t.apply(new g("Updated price formatting in-place")), u;
+}
+function X(o) {
+  const { currentNode: e, documentModifier: t, currency: r } = o, n = b(e);
+  if (!n)
+    return;
+  const i = r.alignment === "before" ? "0" : "1", c = (s, l) => {
+    t.modifyHtml(n).setAttribute(s, l);
+  };
+  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 g("Update currency attributes"));
+}
+export {
+  E as formatProductPrice,
+  b as getBlockElement,
+  D as getCardComposition,
+  q as getCurrentLayout,
+  H as reapplySpacing,
+  U as regenerateProductRows,
+  K as regenerateProductRowsWithStyles,
+  X as setCurrencyAttributes,
+  Q as updatePricesInPlace,
+  J as updateProductContentInPlace,
+  B as updateSingleProductContent
+};

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

@@ -0,0 +1,46 @@
+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 { 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(
+  t.NAME_ALIGN,
+  o.NAME,
+  r
+), A = N(
+  t.NAME_COLOR,
+  o.NAME,
+  r
+), E = c(
+  t.NAME_SIZE,
+  o.NAME,
+  r
+), M = C(
+  t.NAME_STYLE,
+  o.NAME,
+  r
+), s = l(
+  t.NAME_FONT_FAMILY,
+  o.NAME,
+  r
+), d = e(
+  t.NAME_BACKGROUND,
+  o.NAME,
+  r
+), T = n(
+  t.NAME_PADDINGS,
+  o.NAME,
+  r
+), F = {
+  align: m,
+  color: A,
+  size: E,
+  style: M,
+  fontFamily: s,
+  background: d,
+  paddings: T,
+  textTrim: i
+};
+export {
+  F as NameControls
+};

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

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