@useinsider/guido 3.22.0 → 3.23.0-beta.1a04a96

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

@@ -2,23 +2,24 @@ var b = Object.defineProperty;
 var A = (m, c, e) => c in m ? b(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e;
 var u = (m, c, e) => A(m, typeof c != "symbol" ? c + "" : c, e);
 import { useConfig as g } from "../../../composables/useConfig.js";
-import { BlockId as D } from "../../../enums/block.js";
-import { getMigrationBannerHtml as E } from "../../../utils/migrationBannerHtml.js";
+import { BlockId as E } from "../../../enums/block.js";
+import { getMigrationBannerHtml as D } from "../../../utils/migrationBannerHtml.js";
 import { Block as S, BlockCompositionType as v, ModificationDescription as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as M } from "./constants/defaultConfig.js";
+import { CURRENT_CONFIG_VERSION as M, PRE_RRS_CONFIG_VERSION as N } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as f } from "./constants/selectors.js";
-import { ensureMobileFitRule as w, syncHeightBound as O } from "./controls/image/index.js";
-import { regenerateMobileProductRows as H } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as T } from "./controls/mobileLayout/cssRules.js";
+import { ensureMobileFitRule as T, syncHeightBound as w } from "./controls/image/index.js";
+import { regenerateMobileProductRows as O } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as x } from "./controls/mobileLayout/cssRules.js";
+import { CSS_CLASS_TEXT_TRIM as H, ensureTextTrimCssRulesExist as $ } from "./controls/shared/textTrimCssRules.js";
 import { RecommendationConfigService as a } from "./services/configService.js";
 import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
-import { getDefaultTemplate as x } from "./templates/grid/template.js";
+import { getDefaultTemplate as q } from "./templates/grid/template.js";
 import { useRecommendationBlockWarning as F } from "./useRecommendationBlockWarning.js";
-import { registerNodeConfigWriter as y, readBlockNodeConfigs as $ } from "./utils/nodeConfigWriter.js";
-import { refreshArrivedStrategyBlocks as q, resolveSourceConfig as L, refreshDuplicatedStrategyBlocks as P } from "./utils/strategyCommit.js";
-const k = D.Recommendation, h = "recommendation-block-v2", C = "hide-price";
+import { registerNodeConfigWriter as y, readBlockNodeConfigs as L } from "./utils/nodeConfigWriter.js";
+import { refreshArrivedStrategyBlocks as P, resolveSourceConfig as V, refreshDuplicatedStrategyBlocks as W } from "./utils/strategyCommit.js";
+const k = E.Recommendation, h = "recommendation-block-v2", C = "hide-price";
 let B = !1;
-class se extends S {
+class ae extends S {
   constructor() {
     super();
     /**
@@ -52,7 +53,7 @@ class se extends S {
     );
   }
   getSettingsPanelTitleHtml() {
-    return E(
+    return D(
       k,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -76,7 +77,7 @@ class se extends S {
    */
   getTemplate() {
     const e = this._generateNextId();
-    return this._pendingBlockId = e, x(e);
+    return this._pendingBlockId = e, q(e);
   }
   /**
    * Called when a new block is dropped into the template
@@ -110,7 +111,7 @@ class se extends S {
       e,
       {
         recommendationId: i,
-        configVersion: r ? N : M,
+        configVersion: r ? M : N,
         ...s ? { partnerName: g().partnerName.value } : {},
         // An RRS block picks a strategy, not an algorithm, and its algorithm control is
         // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
@@ -121,7 +122,7 @@ class se extends S {
     if (l.setCurrentBlock(i), this._stampHidePrice(e, n.priceHideIfSameAsDiscounted), o) {
       I(this.api);
       const d = this._getBlockElement(e);
-      d && (R(this.api, d, !0), H({
+      d && (R(this.api, d, !0), O({
         currentNode: e,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -155,13 +156,13 @@ class se extends S {
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(e), a.needsMigration(e) && this._migrateFromLegacy(e), this._healHidePriceAttr(e), this._ensureMobileFitRule(e), this._syncHeightBound(e);
+      this._healLingeringDuplicate(e), a.needsMigration(e) && this._migrateFromLegacy(e), this._healHidePriceAttr(e), this._ensureMobileFitRule(e), this._syncHeightBound(e), this._ensureTextTrimCss(e);
       try {
         B || (I(this.api), B = !0);
         const t = a.getConfig(e), i = this._getBlockElement(e);
         if (i) {
           const r = !t.mobileLayoutEnabled;
-          T(i) !== r && R(this.api, i, r);
+          x(i) !== r && R(this.api, i, r);
         }
       } catch {
       }
@@ -179,7 +180,15 @@ class se extends S {
   }
   _ensureMobileFitRule(e) {
     try {
-      w(this.api, e);
+      T(this.api, e);
+    } catch {
+    }
+  }
+  // A migrated block arrives with trimmed cells but without the stylesheet rules the toggle would have added.
+  _ensureTextTrimCss(e) {
+    var t;
+    try {
+      (t = this._getBlockElement(e)) != null && t.querySelector(`.${H}`) && $(this.api);
     } catch {
     }
   }
@@ -187,7 +196,7 @@ class se extends S {
     const t = this._getBlockElement(e);
     if (t)
       try {
-        O(this.api, t);
+        w(this.api, t);
       } catch {
       }
   }
@@ -270,7 +279,7 @@ class se extends S {
       const d = { strategyId: l.strategyId };
       return t.add(n), this._refreshClaims.set(n, d), [{ id: n, config: l, claim: d }];
     });
-    i.length && q(i.map(({ id: r, config: s }) => ({ id: r, config: s }))).catch((r) => console.error("[recommendation] refreshing an arrived strategy failed", r)).finally(() => i.forEach(({ id: r, claim: s }) => this._releaseRefreshClaim(r, s)));
+    i.length && P(i.map(({ id: r, config: s }) => ({ id: r, config: s }))).catch((r) => console.error("[recommendation] refreshing an arrived strategy failed", r)).finally(() => i.forEach(({ id: r, claim: s }) => this._releaseRefreshClaim(r, s)));
   }
   /**
    * A new document reports each block to onCreated and onDocumentInit, not always in one batch, so a
@@ -282,7 +291,7 @@ class se extends S {
       return !0;
     if (i.strategyId === t)
       return !1;
-    const r = $(e);
+    const r = L(e);
     return r.length > 0 && r.every((s) => s.strategyId === t);
   }
   _releaseRefreshClaim(e, t) {
@@ -344,10 +353,10 @@ class se extends S {
     if (r.cloneBlockState(t, i), r.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy")) {
       this._resetSourceIds.add(t), y(this.api);
       const s = a.getConfig(e), n = [
-        { id: t, claim: { strategyId: L(t, s).strategyId } },
+        { id: t, claim: { strategyId: V(t, s).strategyId } },
         { id: i, claim: { strategyId: s.strategyId } }
       ].filter(({ id: o }) => !this._refreshClaims.has(o));
-      n.forEach(({ id: o, claim: l }) => this._refreshClaims.set(o, l)), P(t, i, s).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o)).finally(() => n.forEach(({ id: o, claim: l }) => this._releaseRefreshClaim(o, l)));
+      n.forEach(({ id: o, claim: l }) => this._refreshClaims.set(o, l)), W(t, i, s).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o)).finally(() => n.forEach(({ id: o, claim: l }) => this._releaseRefreshClaim(o, l)));
     }
     this._warnIfMultipleBlocks();
   }
@@ -451,5 +460,5 @@ class se extends S {
 }
 export {
   k as BLOCK_ID,
-  se as RecommendationBlock
+  ae as RecommendationBlock
 };

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

@@ -7,7 +7,7 @@ const u = "recommendation-card-background-color-control", e = {
   GRID: ".product-card-segment",
   LIST: ".product-card-wrapper"
 };
-class _ extends s {
+class h extends s {
   getId() {
     return u;
   }
@@ -18,7 +18,7 @@ class _ extends s {
     ]);
   }
   onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(r) {
     super.onTemplateNodeUpdated(r), this._setFormValues();
@@ -72,5 +72,5 @@ class _ extends s {
 }
 export {
   u as CARD_BACKGROUND_COLOR_CONTROL_ID,
-  _ as CardBackgroundColorControl
+  h as CardBackgroundColorControl
 };

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

@@ -4,17 +4,18 @@ var v = (_, g, t) => ct(_, typeof g != "symbol" ? g + "" : g, t);
 import { ACADEMY_LINKS as dt } from "../../../../../enums/academy.js";
 import { UIElementType as f, UEAttr as O, ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as ut } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as I, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as F, ATTR_RECOMMENDATION_TITLE as $, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as N, SELECTOR_ATTRIBUTE_ROW as E, SELECTOR_TITLE_CELL as z, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as G, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as I, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as F, ATTR_RECOMMENDATION_TITLE as $, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as N, SELECTOR_ATTRIBUTE_ROW as E, SELECTOR_TITLE_CELL as G, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as z, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
 import { DEFAULT_COMPOSITION as Y, DEFAULT_VISIBILITY as X } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as T } from "../../services/configService.js";
 import { useRecommendationExtensionStore as ft } from "../../store/recommendation.js";
 import { ATTRIBUTE_CELL_CLASS as bt, gridElementRenderer as yt, DEFAULT_CELL_PADDING as Tt, buildFillerCell as Ct } from "../../templates/grid/elementRenderer.js";
 import { listElementRenderer as St } from "../../templates/list/elementRenderer.js";
 import { buildTitleRows as At, DEFAULT_TITLE_PARAGRAPH as It, DEFAULT_TITLE_TEXT as $t } from "../../templates/titleRows.js";
-import { resolveInlinePriceOrder as vt, toDisplayName as Nt, toDisplayableAttributeValue as Et, buildElementRenderer as J } from "../../templates/utils.js";
-import { normalizeCompositionKeys as Rt, normalizeCustomAttrValues as Lt, compositionKeyToProductAttr as k, resolveRowVisibilityKeys as Ot, filterToProductAttrValue as C, findAttributeRow as Dt, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Ht, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
-import { getTableDisplayValue as Pt } from "../../utils/tagName.js";
-import { isPartnerManagedBlock as wt, regenerateProductRowsWithStyles as Bt, getMainContainerTbody as kt, getCurrentLayout as Mt } from "../main/utils.js";
+import { toDisplayName as vt, toDisplayableAttributeValue as Nt, buildElementRenderer as J } from "../../templates/utils.js";
+import { normalizeCompositionKeys as Et, normalizeCustomAttrValues as Rt, compositionKeyToProductAttr as k, resolveRowVisibilityKeys as Lt, filterToProductAttrValue as C, findAttributeRow as Ot, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Dt, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
+import { getTableDisplayValue as Ht } from "../../utils/tagName.js";
+import { isPartnerManagedBlock as Pt, regenerateProductRowsWithStyles as wt, getMainContainerTbody as Bt, getCurrentLayout as kt } from "../main/utils.js";
+import { resolveInlinePriceOrder as Mt } from "../../utils/inlinePriceOrder.js";
 const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wrapper > tbody", Z = ".product-info-cell > table > tbody", tt = {
   ADD_ATTRIBUTE: "addAttribute"
 }, b = 5, P = "reorderIcon_", qt = '<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2.5" r="1.2"/><circle cx="7" cy="2.5" r="1.2"/><circle cx="12" cy="2.5" r="1.2"/><circle cx="2" cy="7.5" r="1.2"/><circle cx="7" cy="7.5" r="1.2"/><circle cx="12" cy="7.5" r="1.2"/></svg>', m = [
@@ -26,7 +27,7 @@ const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wra
   { key: pt, label: "Omnibus Discount" },
   { key: F, label: "Product Button" }
 ], L = { key: $, label: "Title" }, Ft = new Set(m.map((_) => _.key)), A = "customAttr_", w = "deleteAttr_";
-class se extends ut {
+class oe extends ut {
   constructor() {
     super(...arguments);
     v(this, "store", ft());
@@ -142,7 +143,7 @@ class se extends ut {
         `;
   }
   onRender() {
-    this._initializeComposition(), this._registerValueChangeListeners(), this._setupEventListeners(), this._updateOrderableState(), this._subscribeToStoreChanges(), this._syncDisabledState();
+    this.forgetLastPanelNode(), this._registerValueChangeListeners(), this._setupEventListeners(), this._updateOrderableState(), this._subscribeToStoreChanges();
   }
   /**
    * Card composition restructures the block (toggles/reorders/adds attribute
@@ -155,7 +156,7 @@ class se extends ut {
     const t = (r = this.getContainer()) == null ? void 0 : r.querySelector("[data-card-composition-control]");
     if (!t)
       return;
-    const e = wt(this.currentNode);
+    const e = Pt(this.currentNode);
     t.style.pointerEvents = e ? "none" : "", t.style.opacity = e ? "0.5" : "";
   }
   onTemplateNodeUpdated(t) {
@@ -198,7 +199,7 @@ class se extends ut {
   }
   /** Upgrades legacy bare-name custom keys to the canonical form. (SD-147101) */
   _normalizeComposition(t) {
-    return Rt(t, this.currentNode, this.store.filterList);
+    return Et(t, this.currentNode, this.store.filterList);
   }
   _readCustomAttributesFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
@@ -206,7 +207,7 @@ class se extends ut {
     const t = this.currentNode.getAttribute(W);
     if (t)
       try {
-        return Lt(
+        return Rt(
           JSON.parse(t).map((e) => String(e)),
           this.currentNode,
           this.store.filterList
@@ -230,7 +231,7 @@ class se extends ut {
   }
   _hasTitle() {
     var t;
-    return !!((t = this.currentNode) != null && t.querySelector(z));
+    return !!((t = this.currentNode) != null && t.querySelector(G));
   }
   _getDefaultVisibilities() {
     return { ...X };
@@ -241,7 +242,7 @@ class se extends ut {
       if (!("getAttribute" in r))
         return;
       const i = r.getAttribute(D);
-      i !== null && Ot(r).forEach((s) => {
+      i !== null && Lt(r).forEach((s) => {
         e[s] = this._parseVisibilityValue(i);
       });
     }), e;
@@ -276,7 +277,7 @@ class se extends ut {
     if (!(i.dataset.inlinePrices !== String(s)) && this._tryReorderInPlace(i, t))
       return !1;
     i.dataset.inlinePrices = String(s);
-    const n = new Set(e), l = vt(t);
+    const n = new Set(e), l = Mt(t);
     let a = 0, d = 0;
     const c = t.map((u) => {
       if (s && (u === p || u === I))
@@ -653,7 +654,7 @@ class se extends ut {
     try {
       this._updateBothAttributes(t, e);
       const r = this._isInlinePrices();
-      this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && Bt({
+      this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && wt({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
       });
@@ -671,7 +672,7 @@ class se extends ut {
    * DOM converge on the next composition change without writing on open.
    */
   _getExistingRowHtml(t, e) {
-    const r = Dt(t, e);
+    const r = Ot(t, e);
     if (r && "getOuterHTML" in r)
       return Q(r.getOuterHTML(), e);
     const i = t.querySelector(
@@ -712,7 +713,7 @@ class se extends ut {
               );
             }
           ).join(""), ot = Ct(x, l).repeat(S - B);
-          return `<tr class="${G}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
+          return `<tr class="${z}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
         }
         return this._getExistingRowHtml(u, j);
       }).join("");
@@ -815,7 +816,7 @@ class se extends ut {
       return;
     const o = e ? "1" : "0", n = e ? this.api.translate("visible") : this.api.translate("hidden"), l = `${this.api.translate("Set visibility")}: ${t} → ${n}`, a = this.api.getDocumentModifier();
     s.forEach((c) => {
-      const u = Pt(c), h = e ? u : "none";
+      const u = Ht(c), h = e ? u : "none";
       a.modifyHtml(c).setStyle("display", h).setAttribute(D, o);
     });
     const d = {
@@ -867,7 +868,7 @@ class se extends ut {
     return t.length > 0 ? t : this._findTitleRowsByClass();
   }
   _findTitleRowsByClass() {
-    const t = this._findTitleContainerBody(), e = t && "children" in t ? t.children() : [], r = e.findIndex((s) => !!s.querySelector(z));
+    const t = this._findTitleContainerBody(), e = t && "children" in t ? t.children() : [], r = e.findIndex((s) => !!s.querySelector(G));
     if (r === -1)
       return [];
     const i = e[r + 1];
@@ -877,7 +878,7 @@ class se extends ut {
     return "children" in t && t.children().some((e) => "hasClass" in e && e.hasClass(_t));
   }
   _findTitleContainerBody() {
-    return (this.currentNode ? kt(this.currentNode) : null) ?? void 0;
+    return (this.currentNode ? Bt(this.currentNode) : null) ?? void 0;
   }
   _readInnerHtml(t) {
     return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : null;
@@ -904,7 +905,7 @@ class se extends ut {
     return -1;
   }
   _getCurrentLayout() {
-    return this.store.recommendationConfigs.orientation || Mt(this.currentNode);
+    return this.store.recommendationConfigs.orientation || kt(this.currentNode);
   }
   /**
    * Extracts background color properties from existing card elements.
@@ -974,7 +975,7 @@ class se extends ut {
       const r = this.store.recommendationConfigs.orientation;
       r !== t && (t = r, this._updateOrderableState());
       const i = Object.keys(this.store.filterList).sort().join(",");
-      i !== e && (e = i, this._initializeComposition());
+      i !== e && (e = i, this.currentNode && this._initializeComposition());
     });
   }
   /**
@@ -1000,7 +1001,7 @@ class se extends ut {
    */
   _getDisplayNameForAttribute(t) {
     const e = Object.values(this.store.filterList).find((r) => C(r) === t);
-    return e ? e.displayName : Nt(H(t));
+    return e ? e.displayName : vt(H(t));
   }
   /**
    * Resolves the display content for a custom attribute cell.
@@ -1008,8 +1009,8 @@ class se extends ut {
    */
   _resolveAttributeContent(t, e, r) {
     var l;
-    const s = this.store.recommendationProducts[r], o = H(t), n = Ht(t) ? s == null ? void 0 : s[o] : (l = s == null ? void 0 : s.product_attributes) == null ? void 0 : l[o];
-    return Et(n) ?? e;
+    const s = this.store.recommendationProducts[r], o = H(t), n = Dt(t) ? s == null ? void 0 : s[o] : (l = s == null ? void 0 : s.product_attributes) == null ? void 0 : l[o];
+    return Nt(n) ?? e;
   }
   _getGridCellHtml(t, e, r, i = "", s = "", o = "") {
     const n = M(t), l = H(t), a = J(yt, [n], this.store.filterList), d = {
@@ -1027,10 +1028,10 @@ class se extends ut {
       [i]: e,
       product_attributes: { [i]: e }
     }, l = s[r](o).replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr class="${G}" ${R}="${r}" ${D}="1">${l}</tr>`;
+    return `<tr class="${z}" ${R}="${r}" ${D}="1">${l}</tr>`;
   }
 }
 export {
   Ut as COMPOSITION_CONTROL_BLOCK_ID,
-  se as RecommendationCardCompositionControl
+  oe as RecommendationCardCompositionControl
 };

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

@@ -1,15 +1,15 @@
 import { ModificationDescription as T } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
+import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as n } from "../../constants/blockIds.js";
-import { RecommendationControlId as l } from "../../constants/controlIds.js";
+import { RecommendationControlId as m } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as u, ATTR_PRODUCT_ATTR as a } from "../../constants/selectors.js";
-import { CSS_CLASS_TEXT_TRIM as o, ensureTextTrimCssRulesExist as c } from "../shared/textTrimCssRules.js";
+import { CSS_CLASS_TEXT_TRIM as s, ensureTextTrimCssRulesExist as c } from "../shared/textTrimCssRules.js";
 const i = {
   TEXT_TRIM_ENABLED: "customAttrTextTrimEnabled"
 };
-class g extends m {
+class C extends l {
   getId() {
-    return l.CUSTOM_ATTR_TEXT_TRIM;
+    return m.CUSTOM_ATTR_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -23,7 +23,7 @@ class g extends m {
         `;
   }
   onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -39,10 +39,10 @@ class g extends m {
   _getCurrentTrimState() {
     if (!this.currentNode || !("hasClass" in this.currentNode))
       return !1;
-    if (this.currentNode.hasClass(o))
+    if (this.currentNode.hasClass(s))
       return !0;
     const t = this._getTargetElements();
-    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(o) : !1;
+    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(s) : !1;
   }
   // ========================================================================
   // Target Element Discovery (per-attribute scoping)
@@ -62,8 +62,8 @@ class g extends m {
       return [];
     const e = "asElement" in this.currentNode ? this.currentNode.asElement().getAttribute(a) : null;
     if (e) {
-      const s = `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"][${a}="${e}"]`;
-      return Array.from(t.querySelectorAll(s));
+      const o = `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"][${a}="${e}"]`;
+      return Array.from(t.querySelectorAll(o));
     }
     return Array.from(
       t.querySelectorAll(
@@ -80,8 +80,8 @@ class g extends m {
       return;
     t && c(this.api);
     const r = this.api.getDocumentModifier();
-    e.forEach((s) => {
-      t ? r.modifyHtml(s).setClass(o) : r.modifyHtml(s).removeClass(o);
+    e.forEach((o) => {
+      t ? r.modifyHtml(o).setClass(s) : r.modifyHtml(o).removeClass(s);
     }), r.apply(
       new T(
         t ? "Enable custom attribute text trimming" : "Disable custom attribute text trimming"
@@ -95,5 +95,5 @@ class g extends m {
   }
 }
 export {
-  g as CustomAttributeTextTrimControl
+  C as CustomAttributeTextTrimControl
 };