@useinsider/guido 3.21.2-beta.4c14c74 → 3.21.2-beta.5a809f7

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -1,10 +1,10 @@
-import { PRE_RRS_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as f, DEFAULT_MOBILE_CARDS_IN_ROW as a } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
-import { mapLegacyStrategy as l } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-function c(t) {
+import { PRE_RRS_CONFIG_VERSION as p, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CARDS_IN_ROW as d, DEFAULT_MOBILE_ROW_SPACING as S, DEFAULT_MOBILE_COLUMN_SPACING as c, DEFAULT_ROW_SPACING as f, DEFAULT_COLUMN_SPACING as l, DEFAULT_MOBILE_CARDS_IN_ROW as s } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as _ } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function I(t) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function _(t) {
+function A(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
@@ -14,51 +14,52 @@ function _(t) {
   }
   return i.decimalCount;
 }
-function I(t) {
+function L(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function A(t) {
+function N(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
-function L(t) {
+function R(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
+  const o = t, n = o.value ?? o.name ?? i.code, e = o.symbol ?? n;
   return {
     code: n,
-    symbol: r,
-    alignment: c(o.alignment),
-    decimalCount: _(o.decimalCount),
-    decimalSeparator: A(o.decimalSeparator),
-    thousandSeparator: I(o.thousandSeparator)
+    symbol: e,
+    alignment: I(o.alignment),
+    decimalCount: A(o.decimalCount),
+    decimalSeparator: N(o.decimalSeparator),
+    thousandSeparator: L(o.thousandSeparator)
   };
 }
-function N(t) {
+function b(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-function R(t) {
-  return l(t) || "mostPopular";
+function D(t) {
+  return _(t) || "mostPopular";
 }
-function O(t, o, n) {
-  const r = o.rowCount ?? t.cardsInRow ?? m, u = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+function U(t, o, n) {
+  var a, u;
+  const e = o.rowCount ?? t.cardsInRow ?? d, m = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
   return {
     recommendationId: n,
-    strategy: R(t.strategy),
-    productIds: (t.productIds ?? []).map((e) => String(e)),
-    size: String(u),
+    strategy: D(t.strategy),
+    productIds: (t.productIds ?? []).map((r) => String(r)),
+    size: String(m),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
-    currency: L(t.currencySettings),
-    filters: (t.filters ?? []).map((e) => ({ ...e })),
-    layout: N(t.orientation ?? o.orientation),
-    cardsInRow: r,
-    mobileCardsInRow: a,
-    mobileLayoutEnabled: !1,
-    previousMobileCardsInRow: a,
-    columnSpacing: f,
-    rowSpacing: S,
-    mobileColumnSpacing: d,
-    mobileRowSpacing: p,
+    currency: R(t.currencySettings),
+    filters: (t.filters ?? []).map((r) => ({ ...r })),
+    layout: b(t.orientation ?? o.orientation),
+    cardsInRow: e,
+    mobileCardsInRow: s,
+    mobileLayoutEnabled: ((u = (a = o.theme) == null ? void 0 : a.blockAdapt) == null ? void 0 : u.adapt) === !0,
+    previousMobileCardsInRow: s,
+    columnSpacing: l,
+    rowSpacing: f,
+    mobileColumnSpacing: c,
+    mobileRowSpacing: S,
     omnibusPrice: { textBefore: "", textAfter: "" },
     omnibusDiscount: { textBefore: "", textAfter: "" },
     // Preserve the legacy price-placement toggles. Absent legacy keys map to
@@ -66,10 +67,10 @@ function O(t, o, n) {
     // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
     priceMovedToNextLine: !!t.isPriceMovedToNextLine,
     priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
-    configVersion: s
+    configVersion: p
   };
 }
 export {
-  L as mapCurrency,
-  O as mapSettings
+  R as mapCurrency,
+  U as mapSettings
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,51 +1,57 @@
-import { BlockId as f } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useTemplateStore as T } from "../../stores/template.js";
-import { mapComposition as v } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
-import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
-import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as A } from "./recommendation/settingsMapper.js";
-const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function B(n, t, c) {
-  var l;
-  const r = x(t);
-  if (r === null)
+import { BlockId as y } from "../../enums/block.js";
+import { DEFAULT_NODE_CONFIG as v } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as p } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as b } from "../../stores/template.js";
+import { mapComposition as C } from "./recommendation/compositionMapper.js";
+import { extractCurrencyFromBlock as M, isPriceOnNextLine as x, isOldPriceFirst as R, withRenderedTextTheme as h, extractTitleText as w, hasEmptyTitle as E, hasVisibleTitle as L, extractCardBgColor as S, isPartnerManagedBlock as A } from "./recommendation/extractors.js";
+import { buildBlockHtml as H } from "./recommendation/htmlBuilder.js";
+import { parseRecommendationId as B, parseLegacyConfig as N } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as O } from "./recommendation/settingsMapper.js";
+const F = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
+function I(c, e, s) {
+  var d;
+  const t = B(e);
+  if (t === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const o = E(t);
-  if (!o)
+  const r = N(e);
+  if (!r)
     return console.warn(
-      `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
+      `[RecommendationMigrator] Aborting block id=${t} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const a = c[String(r)] ?? {
-    currencySettings: C(t)
-  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
-  e.titleVariable || (e.visibility[b] = R(t));
-  const p = S(t), g = {
+  const i = s[String(t)] ?? {
+    currencySettings: M(e)
+  }, n = {
     ...i,
+    isPriceMovedToNextLine: i.isPriceMovedToNextLine ?? x(e)
+  }, a = O(n, r, t), o = C(
+    h((d = r.composition) == null ? void 0 : d.variables, e),
+    { oldPriceFirst: R(e) }
+  ), g = w(e);
+  E(e) ? o.visibility[p] = !1 : o.titleVariable || (o.visibility[p] = L(e));
+  const f = S(e), u = {
+    ...a,
     strategyId: "",
-    composition: e.composition,
-    visibility: e.visibility,
-    previousTitleHtml: y.previousTitleHtml,
-    textTrimming: e.anyTextTrimming
-  }, m = h(t), u = `
+    composition: o.composition,
+    visibility: o.visibility,
+    previousTitleHtml: v.previousTitleHtml,
+    textTrimming: o.anyTextTrimming
+  }, m = A(e), T = `
         <table>
             <tbody>
                 <tr>
                     <td class="esd-structure" align="left">
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
-                                <tr>${w({
-    nodeConfig: g,
-    composition: e,
-    cardBg: p,
-    titleText: d,
-    legacyId: t.getAttribute("id") ?? void 0,
-    legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
-    preserveInnerHtml: m ? t.innerHTML : void 0,
+                                <tr>${H({
+    nodeConfig: u,
+    composition: o,
+    cardBg: f,
+    titleText: g,
+    legacyId: e.getAttribute("id") ?? void 0,
+    legacyBgColor: e.getAttribute("bgcolor") ?? void 0,
+    preserveInnerHtml: m ? e.innerHTML : void 0,
     skipCompile: m
   })}</tr>
                             </tbody>
@@ -54,40 +60,40 @@ function B(n, t, c) {
                 </tr>
             </tbody>
         </table>
-    `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
-  return !s || !t.parentNode ? (console.warn(
-    `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
-  ), !1) : (t.parentNode.replaceChild(s, t), !0);
+    `, l = c.parseFromString(T, "text/html").querySelector("td.esd-structure");
+  return !l || !e.parentNode ? (console.warn(
+    `[RecommendationMigrator] Aborting block id=${t} — failed to construct new HTML element`
+  ), !1) : (e.parentNode.replaceChild(l, e), !0);
 }
-function G(n, t = {}) {
-  const c = new DOMParser();
-  let r;
+function j(c, e = {}) {
+  const s = new DOMParser();
+  let t;
   try {
-    r = c.parseFromString(n, "text/html");
-  } catch (i) {
-    return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
+    t = s.parseFromString(c, "text/html");
+  } catch (n) {
+    return console.error("[RecommendationMigrator] Failed to parse template:", n), c;
   }
-  const o = Array.from(r.querySelectorAll(H));
+  const r = Array.from(t.querySelectorAll(F));
   try {
-    T().$patch((e) => {
-      e.migrations = {
-        ...e.migrations,
-        [f.Recommendation]: o.length
+    b().$patch((a) => {
+      a.migrations = {
+        ...a.migrations,
+        [y.Recommendation]: r.length
       };
     });
   } catch {
   }
-  if (o.length === 0)
-    return n;
-  let a = 0;
-  return o.forEach((i) => {
+  if (r.length === 0)
+    return c;
+  let i = 0;
+  return r.forEach((n) => {
     try {
-      B(c, i, t) && (a += 1);
-    } catch (e) {
-      console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
+      I(s, n, e) && (i += 1);
+    } catch (a) {
+      console.error("[RecommendationMigrator] Unexpected error migrating block:", a);
     }
-  }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
+  }), i > 0 && console.info(`[RecommendationMigrator] Migrated ${i} legacy Recommendation block(s)`), t.documentElement.outerHTML;
 }
 export {
-  G as migrateRecommendation
+  j as migrateRecommendation
 };

package/dist/extensions/Blocks/Items/controls/button/link.js

@@ -1,28 +1,31 @@
-import { CommonControl as s } from "../../../common-control.js";
-import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
-const e = r.BUTTON_LINK, n = {
+import { CommonControl as r } from "../../../common-control.js";
+import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
+const s = i.BUTTON_LINK, n = {
   LINK: "link"
 };
-class L extends s {
+class m extends r {
   getId() {
-    return e;
+    return s;
   }
   getTemplate() {
     return `
-            <div class="container ${e}">
+            <div class="container ${s}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    this.forgetLastPanelNode();
+    const t = o(this.currentNode);
+    this.api.updateValues({
+      [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
+    });
   }
-  onTemplateNodeUpdated(o) {
-    super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
-      const t = a(this.currentNode);
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
+      const e = o(this.currentNode);
       this.api.updateValues({
-        [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
+        [n.LINK]: (e == null ? void 0 : e.buttonLink) ?? ""
       });
     });
   }
@@ -41,6 +44,6 @@ class L extends s {
   }
 }
 export {
-  L as ButtonLinkControl,
-  e as CONTROL_BLOCK_ID
+  m as ButtonLinkControl,
+  s as CONTROL_BLOCK_ID
 };

package/dist/extensions/Blocks/Items/controls/cardComposition.js

@@ -1,12 +1,12 @@
 var I = Object.defineProperty;
 var U = (d, a, t) => a in d ? I(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
-var y = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
+var p = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
 import { ModificationDescription as c } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as b } from "../../common-control.js";
 import { ItemsBlockId as r } from "../enums/controlEnums.js";
 import { SETTINGS_ENUMS as h } from "../enums/settingsEnums.js";
 import { getItemsBlockConfig as R, setItemsBlockConfig as m } from "../utils/nodeConfigUtils.js";
-const N = "ui-elements-items-card-composition-block", i = {
+const g = "ui-elements-items-card-composition-block", i = {
   PRODUCT_IMAGE: "image",
   PRODUCT_NAME: "name",
   PRODUCT_QUANTITY: "quantity",
@@ -17,7 +17,7 @@ const N = "ui-elements-items-card-composition-block", i = {
 class M extends b {
   constructor() {
     super(...arguments);
-    y(this, "visibilityState", {
+    p(this, "visibilityState", {
       [i.PRODUCT_IMAGE]: !0,
       [i.PRODUCT_NAME]: !0,
       [i.PRODUCT_QUANTITY]: !0,
@@ -27,7 +27,7 @@ class M extends b {
     });
   }
   getId() {
-    return N;
+    return g;
   }
   getTemplate() {
     return `
@@ -44,7 +44,7 @@ class M extends b {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates();
+    this._syncVisibilityFromAttributes(), this._handleBrowsedItemsQuantity(), this._initializeToggles(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
@@ -61,6 +61,9 @@ class M extends b {
             </div>
         `;
   }
+  _initializeToggles() {
+    this._updateTogglesFromState();
+  }
   _updateTogglesFromState() {
     this.api.updateValues({
       [i.PRODUCT_IMAGE]: this.visibilityState[i.PRODUCT_IMAGE],
@@ -221,21 +224,21 @@ class M extends b {
    *   - When both are visible, they share 50% each
    */
   _updatePriceCellWidthsForVerticalLayout(t) {
-    var O, p;
+    var O, y;
     const e = R(this.currentNode);
     if (!((e == null ? void 0 : e.orientation) === h.ORIENTATION.VERTICAL))
       return;
-    const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (p = this.currentNode) == null ? void 0 : p.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
+    const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (y = this.currentNode) == null ? void 0 : y.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
     if (n && n.length > 0) {
-      const u = l || !C ? "100%" : "50%";
-      n.forEach((_) => {
-        T.modifyHtml(_).setStyle("width", u);
+      const _ = l || !C ? "100%" : "50%";
+      n.forEach((u) => {
+        T.modifyHtml(u).setStyle("width", _);
       });
     }
     if (s && s.length > 0) {
-      const u = l || !P ? "100%" : "50%";
-      s.forEach((_) => {
-        T.modifyHtml(_).setStyle("width", u);
+      const _ = l || !P ? "100%" : "50%";
+      s.forEach((u) => {
+        T.modifyHtml(u).setStyle("width", _);
       });
     }
     t || T.apply(new c("Updated price cell widths for vertical layout"));
@@ -253,6 +256,6 @@ class M extends b {
   }
 }
 export {
-  N as COMPOSITION_CONTROL_BLOCK_ID,
+  g as COMPOSITION_CONTROL_BLOCK_ID,
   M as ItemsBlockCardCompositionControl
 };

package/dist/extensions/Blocks/Items/controls/image/link.js

@@ -1,28 +1,31 @@
-import { CommonControl as s } from "../../../common-control.js";
-import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
-const t = r.IMAGE_LINK, n = {
+import { CommonControl as a } from "../../../common-control.js";
+import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
+const s = i.IMAGE_LINK, n = {
   LINK: "link"
 };
-class L extends s {
+class p extends a {
   getId() {
-    return t;
+    return s;
   }
   getTemplate() {
     return `
-            <div class="container ${t}">
+            <div class="container ${s}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    this.forgetLastPanelNode();
+    const e = o(this.currentNode);
+    this.api.updateValues({
+      [n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
+    });
   }
-  onTemplateNodeUpdated(o) {
-    super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
-      const e = a(this.currentNode);
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
+      const t = o(this.currentNode);
       this.api.updateValues({
-        [n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
+        [n.LINK]: (t == null ? void 0 : t.imageLink) ?? ""
       });
     });
   }
@@ -41,6 +44,6 @@ class L extends s {
   }
 }
 export {
-  t as CONTROL_BLOCK_ID,
-  L as ImageLinkControl
+  s as CONTROL_BLOCK_ID,
+  p as ImageLinkControl
 };

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,9 +1,9 @@
-import { ModificationDescription as d, UIElementType as m, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ModificationDescription as d, UIElementType as s, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as T } from "../../../common-control.js";
 import { nameMaxWidthFor as h } from "../../constants/cardLayout.js";
 import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
 import { findNameTextNode as c } from "../../utils/nameNode.js";
-import { getItemsBlockConfig as s, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
+import { getItemsBlockConfig as r, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
 const I = a.NAME_TRIMMING, n = {
   TRIMMING: "trimming"
 };
@@ -19,13 +19,14 @@ class E extends T {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this.api.onValueChanged(n.TRIMMING, (e) => {
-      this._onTrimmingChange(e);
+    const e = r(this.currentNode);
+    this.api.updateValues({ [n.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(n.TRIMMING, (t) => {
+      this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = s(this.currentNode);
+      const t = r(this.currentNode);
       this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
@@ -36,16 +37,16 @@ class E extends T {
     const t = c(this.currentNode);
     if (!t)
       return;
-    const i = s(this.currentNode), r = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
-    r ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${r ? "Enabled" : "Disabled"}`));
+    const i = r(this.currentNode), m = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
+    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${m.LABEL}
+                <${s.LABEL}
                     ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
-                </${m.LABEL}>
+                </${s.LABEL}>
                 ${this._GuToggle(n.TRIMMING)}
             </div>
         `;

package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js

@@ -1,32 +1,33 @@
-import { currencyLocationMaps as m } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as I, ModificationDescription as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as N } from "../../../common-control.js";
+import { currencyLocationMaps as p } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as N, ModificationDescription as I } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as L } from "../../../common-control.js";
 import { ITEMS_CURRENCY_ATTR as T, currencyPositionFromLocation as E } from "../../constants/currency.js";
-import { ItemsBlockControlId as p } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as u, setItemsBlockConfig as O, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
-const b = p.PRICE_CURRENCY_LOCATION, a = {
+import { ItemsBlockControlId as m } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as l, setItemsBlockConfig as O, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
+const b = m.PRICE_CURRENCY_LOCATION, c = {
   CURRENCY_LOCATION: "currencyLocation"
 };
-class B extends N {
+class Y extends L {
   getId() {
     return b;
   }
   getTemplate() {
     return `
-            <div class="container ${p.PRICE_CURRENCY_LOCATION}">
+            <div class="container ${m.PRICE_CURRENCY_LOCATION}">
                 ${this._getCurrencyLocation()}
             </div>
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this.api.setUIEAttribute(a.CURRENCY_LOCATION, I.SELECTPICKER.items, m), this.api.onValueChanged(a.CURRENCY_LOCATION, (e) => {
-      this._onCurrencyLocationChange(e);
+    const e = l(this.currentNode);
+    this.api.setUIEAttribute(c.CURRENCY_LOCATION, N.SELECTPICKER.items, p), this.api.updateValues({ [c.CURRENCY_LOCATION]: (e == null ? void 0 : e.priceCurrencyLocation) ?? "0" }), this.api.onValueChanged(c.CURRENCY_LOCATION, (t) => {
+      this._onCurrencyLocationChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = u(this.currentNode);
-      this.api.updateValues({ [a.CURRENCY_LOCATION]: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0" });
+      const t = l(this.currentNode);
+      this.api.updateValues({ [c.CURRENCY_LOCATION]: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0" });
     });
   }
   _onCurrencyLocationChange(e) {
@@ -35,15 +36,15 @@ class B extends N {
     const t = this._getPriceBlocks();
     if (!t || t.length === 0)
       return;
-    const r = u(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", c = E(n), i = this.api.getDocumentModifier();
+    const r = l(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", i = E(n), s = this.api.getDocumentModifier();
     t.forEach((h) => {
-      const s = this._getParagraph(h);
-      if (!s)
+      const a = this._getParagraph(h);
+      if (!a)
         return;
-      const d = s.getInnerHTML().trim() || "", l = s.getInnerText().trim() || "", C = (o == null ? void 0 : o.trim()) || "", g = this._removeCurrencySymbol(l, C), _ = this._detectSymbolInText(l) || C, y = this._buildPriceContent(g, _, n), R = d.replace(l, f(y));
-      i.modifyHtml(s).setInnerHtml(R).setAttribute(T.POSITION, c);
-    }), i.apply(new L(
-      `Updated currency location to ${c}`
+      const d = a.getInnerHTML().trim() || "", C = a.getInnerText().trim() || "", u = (o == null ? void 0 : o.trim()) || "", _ = this._removeCurrencySymbol(C, u), g = this._detectSymbolInText(C) || u, R = this._buildPriceContent(_, g, n), y = d.replace(C, f(R));
+      s.modifyHtml(a).setInnerHtml(y).setAttribute(T.POSITION, i);
+    }), s.apply(new I(
+      `Updated currency location to ${i}`
     ));
   }
   _getPriceBlocks() {
@@ -65,8 +66,8 @@ class B extends N {
     } else {
       const o = r.match(/([^0-9.,\s]+)/);
       if (o && o[1]) {
-        const c = o[1].trim(), i = new RegExp(`\\s*${this._escapeRegex(c)}\\s*`);
-        n = r.replace(i, "").trim();
+        const i = o[1].trim(), s = new RegExp(`\\s*${this._escapeRegex(i)}\\s*`);
+        n = r.replace(s, "").trim();
       }
     }
     return n;
@@ -83,9 +84,9 @@ class B extends N {
             ${this._GuTwoColumns([
       this._GuLabel({ text: "Currency Location" }),
       this._GuSelect({
-        name: a.CURRENCY_LOCATION,
+        name: c.CURRENCY_LOCATION,
         placeholder: "",
-        options: m
+        options: p
       })
     ])}
         `;
@@ -93,5 +94,5 @@ class B extends N {
 }
 export {
   b as CONTROL_BLOCK_ID,
-  B as PriceCurrencyLocationControl
+  Y as PriceCurrencyLocationControl
 };