@useinsider/guido 3.17.0-beta.db80c84 → 3.17.0-beta.ddd4dde

package/dist/src/extensions/Blocks/Recommendation/constants/defaultConfig.d.ts

@@ -32,7 +32,6 @@ export declare const DEFAULT_COMPOSITION: string[];
 /**
  * Default visibility settings for card elements
  * Omnibus elements are hidden by default (not all regions require them)
- * The block-level title is visible on a fresh drop.
  */
 export declare const DEFAULT_VISIBILITY: Record<string, boolean>;
 /**

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_RECOMMENDATION_TITLE, SELECTOR_TITLE_CELL, ATTR_CUSTOM_PREFIX, ATTR_DATA_CARD_COMPOSITION, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, CSS_CLASS_ATTRIBUTE_ROW, CSS_CLASS_SPACER, SELECTOR_ATTRIBUTE_ROW, ATTR_DATA_ATTRIBUTE_TYPE, ATTR_DATA_VISIBILITY, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CARD_COMPOSITION, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, SELECTOR_ATTRIBUTE_ROW, ATTR_DATA_ATTRIBUTE_TYPE, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
 export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts

@@ -58,10 +58,6 @@ export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
 export declare const ATTR_PRODUCT_BUTTON = "productButton";
-export declare const ATTR_RECOMMENDATION_TITLE = "recommendationTitle";
-export declare const CSS_CLASS_TITLE_CELL = "ins-recommendation-title";
-/** Title cell — the only `esd-block-text` living outside the product containers. */
-export declare const SELECTOR_TITLE_CELL = ".ins-recommendation-title";
 /**
  * Custom attribute constants
  * Used for dynamically added product attributes in Card Composition
@@ -74,16 +70,10 @@ export declare const ATTR_DATA_CUSTOM_ATTRIBUTES = "data-custom-attributes";
 export declare const ATTR_DATA_CARD_COMPOSITION = "data-card-composition";
 /** HTML attribute on <td> elements identifying the product attribute for compiler template variable generation */
 export declare const ATTR_PRODUCT_ATTR = "product-attr";
-/** Class every composition attribute row carries — the visibility toggle and the compiler both key on it */
-export declare const CSS_CLASS_ATTRIBUTE_ROW = "recommendation-attribute-row";
 /** Row wrapper of one composition entry inside a product card */
 export declare const SELECTOR_ATTRIBUTE_ROW = ".recommendation-attribute-row";
 /** HTML attribute on an attribute row holding its composition key */
 export declare const ATTR_DATA_ATTRIBUTE_TYPE = "data-attribute-type";
-/** HTML attribute on an attribute row holding its visibility (`1` / `0`) */
-export declare const ATTR_DATA_VISIBILITY = "data-visibility";
-/** Class on the spacer cell of the row that trails a title */
-export declare const CSS_CLASS_SPACER = "spacer";
 /** Prefix `resolveProductAttrValue` puts on custom (non-default) product attributes in `product-attr` values */
 export declare const PRODUCT_ATTRIBUTE_PREFIX = "product_attribute.";
 /**

package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts

@@ -33,8 +33,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _normalizeComposition;
     private _readCustomAttributesFromNode;
     private _readVisibilityFromRows;
-    private _withTitlePresence;
-    private _hasTitle;
     private _getDefaultVisibilities;
     private _extractVisibilityFromRows;
     private _parseVisibilityValue;
@@ -189,14 +187,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _buildCompositionHtml;
     private _applyVisibilityToBlock;
-    private _applyTitleVisibilityToBlock;
-    private _resolveTitleInjection;
-    private _findTitleRows;
-    private _findTitleRowsByClass;
-    private _isSpacerRow;
-    private _findTitleContainerBody;
-    private _readInnerHtml;
-    private _defaultTitleParagraph;
     /**
      * Finds the composition array index for the Nth custom attribute (0-based).
      * Scans left-to-right, counting only entries with the custom prefix.

package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts

@@ -11,7 +11,6 @@
  */
 export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, } from './main';
 export * from './main/utils';
-export { TitleControls } from './title';
 export { NameControls } from './name';
 export { PriceControls } from './price';
 export { OldPriceControls } from './oldPrice';

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -70,7 +70,6 @@ export interface RegenerateProductRowsOptions {
     /** Optional: pass composition directly to avoid stale DOM reads after setAttribute */
     composition?: string[];
 }
-export declare function getMainContainerTbody(currentNode: ImmutableHtmlNode): ImmutableHtmlNode | null;
 /**
  * Regenerates only the mobile product container rows and commits in a single apply().
  * Standalone entry point for callers that change mobile-only settings

package/dist/static/styles/customEditorStyle.css.js

@@ -43,9 +43,7 @@ const n = `.esd-x,
 .recommendation-block-v2 .product-omnibus-discount ue-node-actions,
 .recommendation-block-v2 .product-omnibus-discount ue-node-panel,
 .recommendation-block-v2 .product-button ue-node-actions,
-.recommendation-block-v2 .product-button ue-node-panel,
-.recommendation-block-v2 .ins-recommendation-title ue-node-actions,
-.recommendation-block-v2 .ins-recommendation-title ue-node-panel {
+.recommendation-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
 

package/dist/utils/pairProductVariables.js

@@ -1,82 +1,83 @@
+import { ITEMS_CURRENCY_ATTR as N } from "../extensions/Blocks/Items/constants/currency.js";
 import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as V } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { escapeReplacement as G } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { DefaultConfigValues as G } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as F } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+import { unwrapProductNameLinks as Y } from "./unwrapProductNameLink.js";
 const x = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, N = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v(S, H, g) {
-  let $ = H;
-  for (; $ > 0 && /\s/.test(S[$ - 1]); )
-    $ -= 1;
-  return g.some((I) => S.endsWith(I, $));
+}, O = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function v(S, I, b) {
+  let h = I;
+  for (; h > 0 && /\s/.test(S[h - 1]); )
+    h -= 1;
+  return b.some((P) => S.endsWith(P, h));
 }
-function J(S) {
-  const H = N(S), g = new DOMParser().parseFromString(H, "text/html");
-  X(g);
-  const $ = L.PAIRS_FOR_EXTENSION;
-  Object.entries($).forEach(([n, d]) => {
-    g.querySelectorAll(".ins-product-td").forEach((r) => {
+function Z(S) {
+  const I = O(S), b = new DOMParser().parseFromString(I, "text/html");
+  Y(b);
+  const h = L.PAIRS_FOR_EXTENSION;
+  Object.entries(h).forEach(([n, d]) => {
+    b.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var T, P, D;
-        const R = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[R];
-        if (f)
+        var $, H, D;
+        const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, u = d[g];
+        if (u)
           switch (n) {
             case "imageSrc": {
               let e = null, s = null;
               if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const a = f.DEFAULT, l = f.ATTR;
+              const a = u.DEFAULT, l = u.ATTR;
               if (a && e.src) {
                 const i = e.src;
-                a.some((b) => {
-                  const u = b.split("/").pop() || "", y = i.split("/").pop() || "";
-                  return i.includes(b) || i.includes(u) || y === u;
+                a.some((_) => {
+                  const f = _.split("/").pop() || "", C = i.split("/").pop() || "";
+                  return i.includes(_) || i.includes(f) || C === f;
                 }) && (e.src = `{{${l}_${o}}}`);
               }
-              const c = (P = (T = $.name) == null ? void 0 : T[R]) == null ? void 0 : P.ATTR;
+              const c = (H = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : H.ATTR;
               if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
-                const i = (D = $.itemLink) == null ? void 0 : D[R];
+                const i = (D = h.itemLink) == null ? void 0 : D[g];
                 if (i) {
-                  const _ = i.HREF, b = i.DEFAULT_HREF || "#!", u = s.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (s.href = `{{${_}_${o}}}`);
+                  const R = i.HREF, _ = i.DEFAULT_HREF || "#!", f = s.href;
+                  (f === "#" || f === "" || f.endsWith("#!") || f.endsWith(_) || f === `${window.location.href}${_}` || !f || f === window.location.href) && (s.href = `{{${R}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = f, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
+              const e = u, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
               t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               const c = t.closest("a") || (t.tagName === "A" ? t : null);
               if (c && l) {
-                const i = c.href, _ = `${window.location.href}${a}`;
-                (i === _ || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
+                const i = c.href, R = `${window.location.href}${a}`;
+                (i === R || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = f, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute("data-curency") || "before";
-              let _;
-              c ? _ = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = l ? e.PRICE_FORMATTED : e.PRICE;
-              const b = e.CURRENCY;
-              let u = `{{${_}_${o}}}`;
-              const y = (t.getAttribute("data-currency_symbol") || "").trim(), W = y !== "" && y !== V.productPriceCurrencySymbolControlValue;
-              let C = "";
-              W ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = i === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = F(t, u);
+              const e = u, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute(N.POSITION) || "before";
+              let R;
+              c ? R = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : R = l ? e.PRICE_FORMATTED : e.PRICE;
+              const _ = e.CURRENCY;
+              let f = `{{${R}_${o}}}`;
+              const C = (t.getAttribute(N.SYMBOL) || "").trim(), V = C !== "" && C !== G.productPriceCurrencySymbolControlValue;
+              let y = "";
+              V ? y = C : _ && (y = `{{${_}_${o}}}`), y && (f = i === "after" ? `${f} ${y}` : `${y} ${f}`), t.innerHTML = F(t, f);
               break;
             }
             case "quantity": {
-              const e = f, s = e.ATTR, a = e.DEFAULT;
+              const e = u, s = e.ATTR, a = e.DEFAULT;
               t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               break;
             }
             case "button": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
               if (l) {
                 const c = l.href || "", i = `${window.location.href}${a}`;
                 (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
@@ -84,7 +85,7 @@ function J(S) {
               break;
             }
             case "itemLink": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
               if (l.href) {
                 const c = l.href, i = `${window.location.href}${a}`;
                 (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
@@ -92,8 +93,8 @@ function J(S) {
               break;
             }
             default: {
-              if ("ATTR" in f) {
-                const e = f.ATTR;
+              if ("ATTR" in u) {
+                const e = u.ATTR;
                 t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
               }
               break;
@@ -102,9 +103,9 @@ function J(S) {
       });
     });
   });
-  const I = H.match(/<!DOCTYPE[^>]*>/i), O = I ? `${I[0]}
-` : "", q = g.querySelectorAll(".ins-product-td"), M = [];
-  q.forEach((n) => {
+  const P = I.match(/<!DOCTYPE[^>]*>/i), q = P ? `${P[0]}
+` : "", U = b.querySelectorAll(".ins-product-td"), M = [];
+  U.forEach((n) => {
     const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
       element: n,
@@ -113,16 +114,16 @@ function J(S) {
       number: p
     });
   });
-  let A = O + g.documentElement.outerHTML;
+  let A = q + b.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
     const r = x[d], E = r ? `${r}_total_product_kind` : "";
     if (E) {
-      const h = parseInt(p) - 1, o = `${`{% if ${E} > ${h} %}`}${n}{% endif %}`;
-      A = A.replace(n, G(o));
+      const T = parseInt(p) - 1, o = `${`{% if ${E} > ${T} %}`}${n}{% endif %}`;
+      A = A.replace(n, X(o));
     }
   });
-  const U = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
-  return U.forEach((n) => {
+  const W = b.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return W.forEach((n) => {
     var t;
     const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
     if (!d || !x[p])
@@ -131,20 +132,20 @@ function J(S) {
     if (!r || k.has(r))
       return;
     k.add(r);
-    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), h = w.get(E) ?? { number: d, type: p, wrap: [] };
-    h.wrap.push(m !== "false"), w.set(E, h);
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = w.get(E) ?? { number: d, type: p, wrap: [] };
+    T.wrap.push(m !== "false"), w.set(E, T);
   }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
     if (r.includes("{% if") || !p.some(Boolean))
       return;
-    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, h = `{% if ${E}_${n} != ${m}_${n} %}`, t = [h, N(h)];
-    let R = "", o = 0, f = 0, T = A.indexOf(r);
-    for (; T !== -1; ) {
-      const P = p[f] === !0 && !v(A, T, t);
-      R += A.slice(o, T) + (P ? `${h}${r}{% endif %}` : r), o = T + r.length, f += 1, T = A.indexOf(r, o);
+    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, O(T)];
+    let g = "", o = 0, u = 0, $ = A.indexOf(r);
+    for (; $ !== -1; ) {
+      const H = p[u] === !0 && !v(A, $, t);
+      g += A.slice(o, $) + (H ? `${T}${r}{% endif %}` : r), o = $ + r.length, u += 1, $ = A.indexOf(r, o);
     }
-    A = R + A.slice(o);
+    A = g + A.slice(o);
   }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  J as pairProductVariables
+  Z as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.db80c84",
+  "version": "3.17.0-beta.ddd4dde",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -25,7 +25,7 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
-    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
+    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && npm run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "lint:e2e-quality": "node scripts/lint-e2e-quality.mjs",
     "lint:e2e-quality:ci": "node scripts/lint-e2e-quality.mjs --ci",

package/dist/config/migrator/recommendationTitleMigrator.js

@@ -1,119 +0,0 @@
-var R = Object.defineProperty;
-var f = (s, t, e) => t in s ? R(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var a = (s, t, e) => f(s, typeof t != "symbol" ? t + "" : t, e);
-import { RecommendationBlockId as d } from "../../extensions/Blocks/Recommendation/constants/blockIds.js";
-import { BLOCK_ROOT_SELECTOR as u, CSS_CLASS_SKIP_COMPILE as m, ATTR_DATA_ATTRIBUTE_TYPE as S, ATTR_RECOMMENDATION_TITLE as l, CONTAINER_SELECTOR as E, CSS_CLASS_TITLE_CELL as c, CSS_CLASS_SPACER as C, CSS_CLASS_ATTRIBUTE_ROW as A, ATTR_DATA_VISIBILITY as L } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-const p = u.slice(1), g = `${u}:not(.${m})`, O = `[${S}="${l}"]`, h = "td.esd-block-text", _ = "table.container > tbody", T = "esd-ext-config";
-class y {
-  constructor() {
-    a(this, "parser");
-    this.parser = new DOMParser();
-  }
-  migrate(t) {
-    try {
-      if (!t.includes(p))
-        return t;
-      const e = this.parser.parseFromString(t, "text/html");
-      return Array.from(e.querySelectorAll(g)).reduce(
-        (n, o) => this._migrateBlock(o) || n,
-        !1
-      ) ? e.documentElement.outerHTML : t;
-    } catch (e) {
-      return console.error("RecommendationTitleMigrator failed:", e), t;
-    }
-  }
-  /** Migrates one block. Returns `true` when the block was changed. */
-  _migrateBlock(t) {
-    if (t.querySelector(O) || this._hasRecordedTitleState(t))
-      return !1;
-    const e = this._findTitleCell(t), i = e !== null && (e.textContent ?? "").trim().length > 0;
-    return i ? this._tagExistingTitle(t, e) : this._removeTitleRemnants(t, e), this._writeVisibility(t, i), !0;
-  }
-  /** The only `esd-block-text` cell outside the product containers is the title. */
-  _findTitleCell(t) {
-    return Array.from(t.querySelectorAll(h)).find((e) => !e.closest(E) && this._isTitlePosition(t, e)) ?? null;
-  }
-  _isTitlePosition(t, e) {
-    var r;
-    const i = this._wrapperRowOf(t, e);
-    return e.classList.contains(c) || i !== null && i === ((r = i.parentElement) == null ? void 0 : r.firstElementChild);
-  }
-  /**
-   * Stamps the attribute-row tagging onto the title's wrapper row and the spacer
-   * below it, so one toggle governs the pair and the compiler drops both when off.
-   */
-  _tagExistingTitle(t, e) {
-    e.classList.add(c), e.setAttribute("esd-extension-block-id", d.TITLE);
-    const i = this._wrapperRowOf(t, e);
-    if (!i)
-      return;
-    this._tagRow(i);
-    const r = i.nextElementSibling;
-    r && this._isSpacerRow(r) && this._tagRow(r);
-  }
-  /** The `<tr>` inside `table.container > tbody` that wraps the title's own table. */
-  _wrapperRowOf(t, e) {
-    if (!e)
-      return null;
-    const i = t.querySelector(_);
-    return Array.from((i == null ? void 0 : i.children) ?? []).find((r) => r.contains(e)) ?? null;
-  }
-  /**
-   * Direct children only — a product-container row holds spacer cells further down,
-   * and `querySelector` would happily reach them. (`:scope >` is unsupported in happy-dom.)
-   */
-  _isSpacerRow(t) {
-    return Array.from(t.children).some((e) => e.classList.contains(C));
-  }
-  _tagRow(t) {
-    t.classList.add(A), t.setAttribute(S, l), t.setAttribute(L, "1");
-  }
-  /**
-   * A deleted title leaves nothing to tag — the toggle re-injects the markup only
-   * when the user switches it back on. Its leftovers (an emptied wrapper row, the
-   * spacer that trailed it) would otherwise render as blank padding on top.
-   */
-  _removeTitleRemnants(t, e) {
-    var o;
-    const i = this._wrapperRowOf(t, e), r = i == null ? void 0 : i.nextElementSibling;
-    if (r && this._isSpacerRow(r) && r.remove(), i) {
-      i.remove();
-      return;
-    }
-    const n = (o = t.querySelector(_)) == null ? void 0 : o.firstElementChild;
-    n && this._isSpacerRow(n) && n.remove();
-  }
-  /**
-   * Mirrors the resolved state into the persisted config blob, so a saved module
-   * whose `data-*` attributes Stripo strips on re-drop still restores the toggle.
-   */
-  _writeVisibility(t, e) {
-    const i = this._readConfig(t);
-    if (!i)
-      return;
-    const r = typeof i.visibility == "object" && i.visibility !== null ? i.visibility : {};
-    i.visibility = { ...r, [l]: e }, t.setAttribute(T, JSON.stringify(i));
-  }
-  _hasRecordedTitleState(t) {
-    var i;
-    const e = (i = this._readConfig(t)) == null ? void 0 : i.visibility;
-    return typeof e == "object" && e !== null && l in e;
-  }
-  _readConfig(t) {
-    const e = t.getAttribute(T);
-    if (!e)
-      return null;
-    try {
-      const i = JSON.parse(e);
-      return typeof i == "object" && i !== null ? i : null;
-    } catch {
-      return null;
-    }
-  }
-}
-function v(s) {
-  return new y().migrate(s);
-}
-export {
-  v as migrateRecommendationTitle
-};

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

@@ -1,44 +0,0 @@
-import { createPaddingsControl as r, createTextBackgroundColorControl as T, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as C, createTextColorControl as c, createTextAlignControl as I } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as n } from "../../constants/selectors.js";
-const L = I(
-  t.TITLE_ALIGN,
-  o.TITLE,
-  n
-), a = c(
-  t.TITLE_COLOR,
-  o.TITLE,
-  n
-), i = C(
-  t.TITLE_SIZE,
-  o.TITLE,
-  n
-), E = l(
-  t.TITLE_STYLE,
-  o.TITLE,
-  n
-), m = e(
-  t.TITLE_FONT_FAMILY,
-  o.TITLE,
-  n
-), s = T(
-  t.TITLE_BACKGROUND,
-  o.TITLE,
-  n
-), d = r(
-  t.TITLE_PADDINGS,
-  o.TITLE,
-  n
-), x = {
-  align: L,
-  color: a,
-  size: i,
-  style: E,
-  fontFamily: m,
-  background: s,
-  paddings: d
-};
-export {
-  x as TitleControls
-};

package/dist/extensions/Blocks/Recommendation/templates/titleRows.js

@@ -1,33 +0,0 @@
-import { RecommendationBlockId as r } from "../constants/blockIds.js";
-import { DEFAULT_ROW_SPACING as l } from "../constants/layout.js";
-import { CSS_CLASS_ATTRIBUTE_ROW as d, ATTR_RECOMMENDATION_TITLE as n, ATTR_DATA_VISIBILITY as A, CSS_CLASS_TITLE_CELL as _, CSS_CLASS_SPACER as c } from "../constants/selectors.js";
-const a = "You May Also Like!", i = '<p style="font-size: 28px; color: #333333;"><strong>{-{-TITLE-}-}</strong></p>';
-function E(s = i, t = !0, T = l) {
-  const e = `class="${d}" data-attribute-type="${n}" ${A}="${t ? "1" : "0"}"`, o = t ? "" : ' style="display: none;"';
-  return `
-    <tr ${e}${o}>
-        <td>
-            <table width="100%" cellpadding="0" cellspacing="0" border="0">
-                <tbody>
-                    <tr>
-                        <td
-                            class="esd-block-text ${_} es-p10t es-p10b es-p20l es-p20r"
-                            align="center"
-                            esd-extension-block-id="${r.TITLE}">
-                            ${s}
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </td>
-    </tr>
-    <tr ${e}${o}>
-        <td class="${c}" style="height: ${T}px;"></td>
-    </tr>
-`;
-}
-export {
-  i as DEFAULT_TITLE_PARAGRAPH,
-  a as DEFAULT_TITLE_TEXT,
-  E as buildTitleRows
-};

package/dist/src/config/migrator/recommendationTitleMigrator.d.ts

@@ -1,5 +0,0 @@
-/**
- * Runs before the document reaches the editor, so a legacy title is already a
- * composition item on the first render — no post-load adoption pass.
- */
-export declare function migrateRecommendationTitle(html: string): string;

package/dist/src/extensions/Blocks/Recommendation/controls/title/index.d.ts

@@ -1,86 +0,0 @@
-export declare const TitleControls: {
-    readonly align: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly color: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly size: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly style: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly fontFamily: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly background: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-    readonly paddings: {
-        new (): {
-            getId(): string;
-            getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getParentControlId(): string;
-            api: import("@stripoinc/ui-editor-extensions").ControlApi;
-            getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-            getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-            isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-        };
-    };
-};

package/dist/src/extensions/Blocks/Recommendation/templates/titleRows.d.ts

@@ -1,13 +0,0 @@
-export declare const DEFAULT_TITLE_TEXT = "You May Also Like!";
-export declare const DEFAULT_TITLE_PARAGRAPH: string;
-/**
- * Builds the two block-level title rows: the title itself and the spacer below it.
- * Both carry the same `recommendation-attribute-row` tagging a card attribute row has,
- * so the Card Composition toggle hides the pair together and the compiler's
- * `[data-visibility="0"]` sweep drops both — no leading gap when the title is off.
- * @param paragraphHtml - Full `<p>` markup rendered inside the title cell
- * @param visible - Whether the title starts visible
- * @param spacerHeightPx - Height of the spacer row below the title
- * @returns HTML string with the title row followed by its spacer row
- */
-export declare function buildTitleRows(paragraphHtml?: string, visible?: boolean, spacerHeightPx?: number): string;