@useinsider/guido 3.20.0 → 3.20.1-beta.19f951a

package/dist/config/compiler/itemsCompilerRules.js

@@ -1,6 +1,15 @@
 import { pairProductVariables as o } from "../../utils/pairProductVariables.js";
-import { wrapHiddenPriceTdsForOutlook as r, MSO_ITEMS_HIDE_START as e, MSO_ITEMS_HIDE_END as t } from "./utils/itemsCompilerUtils.js";
-const a = [
+import { normalizeItemsBlockWidths as r, wrapHiddenPriceTdsForOutlook as t, lockHorizontalItemImageWidths as e, MSO_ITEMS_HIDE_START as s, MSO_ITEMS_HIDE_END as p } from "./utils/itemsCompilerUtils.js";
+const c = [
+  {
+    id: "normalize-items-block-widths",
+    // Runs before the other items rules so they see non-zero widths; not AMP-safe.
+    description: "Normalize zero Items card widths in the compiled email",
+    type: "custom",
+    processor: r,
+    priority: 55
+    // Before pair-product-variables (60)
+  },
   {
     id: "pair-product-variables",
     description: "Replace product default values with template variables",
@@ -16,20 +25,27 @@ const a = [
     // with safe placeholder comments and collapse them inline for web-engine Outlook.
     description: "Mark hidden Items price tds for Outlook conditional hiding",
     type: "custom",
-    processor: r,
+    processor: t,
     priority: 65
     // After pair-product-variables (60), before outlook rules (70+)
   },
+  {
+    id: "lock-horizontal-item-image-widths",
+    description: "Pin horizontal Items thumbnails to their width so narrow rows cannot collapse them",
+    type: "custom",
+    processor: e,
+    priority: 66
+  },
   {
     id: "swap-items-mso-markers",
     // Injecting the delicate `<!-- -->` ghost token LAST (after reco minify P99
     // and reco swap P100) keeps it out of every whitespace/comment-mangling pass.
     description: "Swap Items MSO markers into [if !mso] conditional comments",
     type: "custom",
-    processor: (i) => i.replaceAll(`<!--${e}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${t}-->`, "<!--<![endif]-->"),
+    processor: (i) => i.replaceAll(`<!--${s}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${p}-->`, "<!--<![endif]-->"),
     priority: 101
   }
 ];
 export {
-  a as itemsCompilerRules
+  c as itemsCompilerRules
 };

package/dist/config/compiler/utils/itemsCompilerUtils.js

@@ -1,28 +1,75 @@
-const p = "MSO_ITEMS_HIDE_START", E = "MSO_ITEMS_HIDE_END", u = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", _ = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price";
-function T(t) {
+import { PRODUCT_WRAPPER_SELECTOR as h, hasZeroWidthDeclaration as E, isZeroWidthValue as f, withWidthPin as T, PRODUCT_TD_SELECTOR as _, withoutZeroWidth as y } from "../../../extensions/Blocks/Items/constants/cardWidth.js";
+import { DefaultConfigValues as D } from "../../../extensions/Blocks/Items/enums/settingsEnums.js";
+import { protectLiquid as p, restoreLiquid as A } from "../../../utils/liquidProtection.js";
+const m = "MSO_ITEMS_HIDE_START", S = "MSO_ITEMS_HIDE_END", M = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", I = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price", O = ".ins-product-td td.product-image-class img[width]", g = Number(D.productImageWidth);
+function C(t) {
   if (!t.includes("vertical-price") || !t.includes("ins-product-cart"))
     return t;
-  const i = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(i, "text/html");
+  const s = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), o = new DOMParser().parseFromString(s, "text/html");
   let n = !1;
-  if (r.querySelectorAll(_).forEach((e) => {
-    var s, a;
-    const o = e.getAttribute("style") || "";
-    if (!/display\s*:\s*none/i.test(o))
+  if (o.querySelectorAll(I).forEach((e) => {
+    var d, u;
+    const r = e.getAttribute("style") || "";
+    if (!/display\s*:\s*none/i.test(r))
       return;
-    const c = e.previousSibling;
-    if (((c == null ? void 0 : c.nodeType) !== Node.COMMENT_NODE || c.data !== p) && ((s = e.parentNode) == null || s.insertBefore(r.createComment(p), e), (a = e.parentNode) == null || a.insertBefore(r.createComment(E), e.nextSibling)), !/mso-hide/i.test(o)) {
-      const d = o.trim().endsWith(";") ? " " : "; ";
-      e.setAttribute("style", `${o}${d}${u}`);
+    const l = e.previousSibling;
+    if (((l == null ? void 0 : l.nodeType) !== Node.COMMENT_NODE || l.data !== m) && ((d = e.parentNode) == null || d.insertBefore(o.createComment(m), e), (u = e.parentNode) == null || u.insertBefore(o.createComment(S), e.nextSibling)), !/mso-hide/i.test(r)) {
+      const a = r.trim().endsWith(";") ? " " : "; ";
+      e.setAttribute("style", `${r}${a}${M}`);
     }
     n = !0;
   }), !n)
     return t;
-  const l = i.match(/<!DOCTYPE[^>]*>/i);
-  return ((l ? `${l[0]}
-` : "") + r.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const c = s.match(/<!DOCTYPE[^>]*>/i);
+  return ((c ? `${c[0]}
+` : "") + o.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+function N(t) {
+  if (!t.includes("ins-product-wrapper") && !t.includes("ins-product-td"))
+    return t;
+  const s = new DOMParser().parseFromString(p(t), "text/html");
+  let o = !1;
+  if (s.querySelectorAll(h).forEach((i) => {
+    const e = i.getAttribute("style") || "";
+    if (!E(e) && !f(i.getAttribute("width")))
+      return;
+    const r = T(e);
+    r !== e && (i.setAttribute("style", r), o = !0), f(i.getAttribute("width")) && (i.setAttribute("width", "100%"), o = !0);
+  }), s.querySelectorAll(_).forEach((i) => {
+    const e = i.getAttribute("style") || "";
+    if (E(e)) {
+      const r = y(e);
+      r ? i.setAttribute("style", r) : i.removeAttribute("style"), o = !0;
+    }
+    f(i.getAttribute("width")) && (i.removeAttribute("width"), o = !0);
+  }), !o)
+    return t;
+  const n = t.match(/<!DOCTYPE[^>]*>/i), c = n ? `${n[0]}
+` : "";
+  return A(c + s.documentElement.outerHTML);
+}
+function L(t) {
+  if (!t.includes("product-image-class"))
+    return t;
+  const s = new DOMParser().parseFromString(p(t), "text/html");
+  let o = !1;
+  if (s.querySelectorAll(O).forEach((i) => {
+    var u, a;
+    const e = ((u = i.getAttribute("width")) == null ? void 0 : u.trim()) ?? "", r = ((a = i.getAttribute("style")) == null ? void 0 : a.trim()) ?? "";
+    if (!/^\d+$/.test(e) || /(^|;)\s*min-width\s*:/i.test(r))
+      return;
+    const l = r && !r.endsWith(";") ? ";" : "", d = Math.min(Number(e), g);
+    i.setAttribute("style", `${r}${l}min-width:${d}px;max-width:${e}px`), o = !0;
+  }), !o)
+    return t;
+  const n = t.match(/<!DOCTYPE[^>]*>/i), c = n ? `${n[0]}
+` : "";
+  return A(c + s.documentElement.outerHTML);
 }
 export {
-  E as MSO_ITEMS_HIDE_END,
-  p as MSO_ITEMS_HIDE_START,
-  T as wrapHiddenPriceTdsForOutlook
+  S as MSO_ITEMS_HIDE_END,
+  m as MSO_ITEMS_HIDE_START,
+  L as lockHorizontalItemImageWidths,
+  N as normalizeItemsBlockWidths,
+  C as wrapHiddenPriceTdsForOutlook
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,84 +1,86 @@
-var q = Object.defineProperty;
-var v = (c, t, e) => t in c ? q(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
-var M = (c, t, e) => v(c, typeof t != "symbol" ? t + "" : t, e);
+var B = Object.defineProperty;
+var v = (n, t, e) => t in n ? B(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var M = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
 import { BLOCK_ID as R } from "../../extensions/Blocks/Items/block.js";
+import { hasZeroWidthDeclaration as L, withoutZeroWidth as x } from "../../extensions/Blocks/Items/constants/cardWidth.js";
 import { ItemInCartOptions as h, DefaultConfigValues as b, SETTINGS_ENUMS as _ } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
-import { getDefaultTemplate as L } from "../../extensions/Blocks/Items/template.js";
-import { useTemplateStore as x } from "../../stores/template.js";
-function O() {
+import { getDefaultTemplate as V } from "../../extensions/Blocks/Items/template.js";
+import { useTemplateStore as O } from "../../stores/template.js";
+import { protectLiquid as H, restoreLiquid as $ } from "../../utils/liquidProtection.js";
+function F() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function P(c) {
-  return c ? {
+function D(n) {
+  return n ? {
     CartItems: _.ITEMS_TYPE.CART_ITEMS,
     BrowsedItems: _.ITEMS_TYPE.BROWSED_ITEMS,
     PurchasedItems: _.ITEMS_TYPE.PURCHASED_ITEMS,
     CART_ITEMS: _.ITEMS_TYPE.CART_ITEMS,
     BROWSED_ITEMS: _.ITEMS_TYPE.BROWSED_ITEMS,
     PURCHASED_ITEMS: _.ITEMS_TYPE.PURCHASED_ITEMS
-  }[c] || _.ITEMS_TYPE.CART_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
+  }[n] || _.ITEMS_TYPE.CART_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
 }
-function V(c) {
-  return c.classList.contains("esd-browsed-items-block") ? _.ITEMS_TYPE.BROWSED_ITEMS : c.classList.contains("esd-purchased-items-block") ? _.ITEMS_TYPE.PURCHASED_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
+function U(n) {
+  return n.classList.contains("esd-browsed-items-block") ? _.ITEMS_TYPE.BROWSED_ITEMS : n.classList.contains("esd-purchased-items-block") ? _.ITEMS_TYPE.PURCHASED_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
 }
-function D(c) {
+function P(n) {
   var o;
-  const t = (i, u) => i == null ? u : i === "1" || i === "true", e = (i, u) => i || u, a = c["data-type"] || c["data-source"], r = P(a), d = h[r];
-  let n = c["data-cart_items_select_control_value"] || ((o = d == null ? void 0 : d[0]) == null ? void 0 : o.value) || b.cartItemsSelectControlValue;
-  if (n && !n.includes("{{") && /^\d+$/.test(n)) {
-    const i = parseInt(n) - 1, u = h[r];
-    u && u[i] && (n = u[i].value);
+  const t = (i, d) => i == null ? d : i === "1" || i === "true", e = (i, d) => i || d, a = n["data-type"] || n["data-source"], r = D(a), u = h[r];
+  let c = n["data-cart_items_select_control_value"] || ((o = u == null ? void 0 : u[0]) == null ? void 0 : o.value) || b.cartItemsSelectControlValue;
+  if (c && !c.includes("{{") && /^\d+$/.test(c)) {
+    const i = parseInt(c) - 1, d = h[r];
+    d && d[i] && (c = d[i].value);
   }
   return {
     initialized: !0,
-    blockInstanceId: e(c["data-block-instance-id"], O()),
+    blockInstanceId: e(n["data-block-instance-id"], F()),
     source: r,
     type: r,
-    itemsSelectValue: n,
-    orientation: c["data-card_orientation_control_value"] || _.ORIENTATION.VERTICAL,
-    nameTrimming: t(c["data-product_name_control_trim"], !0),
-    priceHideDiscount: t(c["data-product_price_control_nodup"], !0),
-    priceFormatted: t(c["data-product_price_control_formated"], !0),
-    priceSinglePrice: t(c["data-product_price_control_single_price"], !1),
+    itemsSelectValue: c,
+    orientation: n["data-card_orientation_control_value"] || _.ORIENTATION.VERTICAL,
+    nameTrimming: t(n["data-product_name_control_trim"], !0),
+    priceHideDiscount: t(n["data-product_price_control_nodup"], !0),
+    priceFormatted: t(n["data-product_price_control_formated"], !0),
+    priceSinglePrice: t(n["data-product_price_control_single_price"], !1),
     priceCurrencySymbol: e(
-      c["data-product_price_control_currency_symbol"],
+      n["data-product_price_control_currency_symbol"],
       b.productPriceCurrencySymbolControlValue
     ),
     priceCurrencyLocation: e(
-      c["data-product_price_currency_location"],
+      n["data-product_price_currency_location"],
       b.productPriceCurrencyLocationControlValue
     ),
-    priceOrientation: c["data-product_original_price_control_orientation"] || "horizontal",
-    quantityControlEnabled: t(c["data-product_quantity_control_enabled"], !0),
-    buttonLink: e(c["data-product_button_link"], b.productButtonLinkControlValue),
-    imageLink: e(c["data-product_image_link"], b.productImageLinkControlValue),
-    buttonLabel: e(c["data-product_button_control_label"], "Buy"),
-    buttonFullWidth: t(c["data-product_button_control_atw"], !0),
-    imageVisible: t(c["data-product_image_control_enabled"], !0),
-    nameVisible: t(c["data-product_name_control_enabled"], !0),
-    quantityVisible: t(c["data-product_quantity_control_enabled"], !0),
-    priceVisible: t(c["data-product_price_control_enabled"], !0),
-    originalPriceVisible: t(c["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(c["data-product_button_control_enabled"], !0)
+    priceOrientation: n["data-product_original_price_control_orientation"] || "horizontal",
+    quantityControlEnabled: t(n["data-product_quantity_control_enabled"], !0),
+    buttonLink: e(n["data-product_button_link"], b.productButtonLinkControlValue),
+    imageLink: e(n["data-product_image_link"], b.productImageLinkControlValue),
+    buttonLabel: e(n["data-product_button_control_label"], "Buy"),
+    buttonFullWidth: t(n["data-product_button_control_atw"], !0),
+    imageVisible: t(n["data-product_image_control_enabled"], !0),
+    nameVisible: t(n["data-product_name_control_enabled"], !0),
+    quantityVisible: t(n["data-product_quantity_control_enabled"], !0),
+    priceVisible: t(n["data-product_price_control_enabled"], !0),
+    originalPriceVisible: t(n["data-product_original_price_control_enabled"], !0),
+    buttonVisible: t(n["data-product_button_control_enabled"], !0)
   };
 }
-function H(c, t) {
+function Y(n, t) {
   const e = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
   };
-  return e[c] || e.CART_ITEMS;
+  return e[n] || e.CART_ITEMS;
 }
-function $(c, t) {
+function W(n, t) {
   const e = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
   };
-  return e[c] || e.CART_ITEMS;
+  return e[n] || e.CART_ITEMS;
 }
-class F {
+class z {
   constructor() {
     M(this, "parser");
     this.parser = new DOMParser();
@@ -90,10 +92,10 @@ class F {
       const e = this.removeJinjaConditionals(t), a = this.parser.parseFromString(e, "text/html"), r = a.querySelectorAll(
         "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
       );
-      return x().$patch((n) => {
-        n.migrations = { ...n.migrations, [R]: r.length };
-      }), r.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), e) : (r.forEach((n) => {
-        const o = this.extractConfiguration(n), i = L({
+      return O().$patch((c) => {
+        c.migrations = { ...c.migrations, [R]: r.length };
+      }), r.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), this.backfillV2ProductTdAttributes(e)) : (r.forEach((c) => {
+        const o = this.extractConfiguration(c), i = V({
           orientation: o.orientation,
           itemsType: o.itemsType,
           itemId: o.itemId,
@@ -107,18 +109,18 @@ class F {
           priceStyles: o.priceStyles,
           originalPriceStyles: o.originalPriceStyles,
           quantityStyles: o.quantityStyles,
-          nodeConfig: D(o.configBlockAttributes)
+          nodeConfig: P(o.configBlockAttributes)
         }), l = this.parser.parseFromString(
           `<table><tbody><tr>${i}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (l && n.parentNode) {
-          const s = D(o.configBlockAttributes);
+        if (l && c.parentNode) {
+          const s = P(o.configBlockAttributes);
           l.setAttribute("esd-ext-config", JSON.stringify(s)), l.setAttribute("data-type", s.type);
           const p = l.querySelector("esd-config-block");
-          p && p.remove(), n.parentNode.replaceChild(l, n);
+          p && p.remove(), c.parentNode.replaceChild(l, c);
         }
-      }), a.documentElement.outerHTML);
+      }), this.backfillV2ProductTdAttributes(a.documentElement.outerHTML));
     } catch (e) {
       return console.error("ItemsBlockMigrator failed:", e), t;
     }
@@ -131,24 +133,24 @@ class F {
    */
   extractConfiguration(t) {
     var C;
-    const e = P(
-      this.readSelfOrDescendantAttribute(t, "data-type") || V(t)
-    ), a = this.readSelfOrDescendantAttribute(t, "data-number") || "1", r = parseInt(a) - 1, d = h[e], n = ((C = d == null ? void 0 : d[r]) == null ? void 0 : C.value) || d[0].value, o = this.extractConfigBlockAttributes(t, e, a);
+    const e = D(
+      this.readSelfOrDescendantAttribute(t, "data-type") || U(t)
+    ), a = this.readSelfOrDescendantAttribute(t, "data-number") || "1", r = parseInt(a) - 1, u = h[e], c = ((C = u == null ? void 0 : u[r]) == null ? void 0 : C.value) || u[0].value, o = this.extractConfigBlockAttributes(t, e, a);
     this.applyDomFallbacks(t, o);
-    const i = t.querySelector('[product-attr="price"]'), u = o["data-product_price_control_currency_symbol"], l = o["data-product_price_currency_location"] || "0", s = o["data-product_price_control_formated"], p = s !== "false" && s !== "0", S = o["data-card_orientation_control_value"] === "horizontal" ? "horizontal" : "vertical", y = t.querySelector('a[product-attr="name"]'), f = (y == null ? void 0 : y.getAttribute("style")) || void 0, g = t.querySelector('a[product-attr="button"]') ?? t.querySelector('[product-attr="button"]'), I = (g == null ? void 0 : g.getAttribute("style")) || void 0, w = (i == null ? void 0 : i.getAttribute("style")) || void 0, m = t.querySelector("p.original-price") ?? t.querySelector('[product-attr="originalPrice"]'), A = m != null && m.getAttribute("style") ? m : (m == null ? void 0 : m.closest("p")) ?? m, k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), B = (E == null ? void 0 : E.getAttribute("style")) || void 0;
+    const i = t.querySelector('[product-attr="price"]'), d = o["data-product_price_control_currency_symbol"], l = o["data-product_price_currency_location"] || "0", s = o["data-product_price_control_formated"], p = s !== "false" && s !== "0", S = o["data-card_orientation_control_value"] === "horizontal" ? "horizontal" : "vertical", f = t.querySelector('a[product-attr="name"]'), y = (f == null ? void 0 : f.getAttribute("style")) || void 0, g = t.querySelector('a[product-attr="button"]') ?? t.querySelector('[product-attr="button"]'), I = (g == null ? void 0 : g.getAttribute("style")) || void 0, k = (i == null ? void 0 : i.getAttribute("style")) || void 0, m = t.querySelector("p.original-price") ?? t.querySelector('[product-attr="originalPrice"]'), A = m != null && m.getAttribute("style") ? m : (m == null ? void 0 : m.closest("p")) ?? m, q = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), w = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
       orientation: S,
       itemsType: e,
-      itemId: n,
-      currencySymbol: u,
+      itemId: c,
+      currencySymbol: d,
       currencyLocation: l,
       formattedPrice: p,
       configBlockAttributes: o,
-      nameStyles: f,
+      nameStyles: y,
       buttonStyles: I,
-      priceStyles: w,
-      originalPriceStyles: k,
-      quantityStyles: B
+      priceStyles: k,
+      originalPriceStyles: q,
+      quantityStyles: w
     };
   }
   /**
@@ -159,8 +161,8 @@ class F {
    * card migrates with the boilerplate defaults: caption "Buy", USD, full-width button.
    */
   applyDomFallbacks(t, e) {
-    var S, y;
-    const a = t.querySelector("esd-config-block"), r = (...f) => !a || f.every((g) => !(a.getAttribute(g) ?? "").trim());
+    var S, f;
+    const a = t.querySelector("esd-config-block"), r = (...y) => !a || y.every((g) => !(a.getAttribute(g) ?? "").trim());
     Object.entries({
       image: '[product-attr="imageSrc"]',
       name: '[product-attr="name"]',
@@ -168,17 +170,17 @@ class F {
       original_price: '[product-attr="originalPrice"], p.original-price',
       quantity: '[product-attr="quantity"]',
       button: '[product-attr="button"]'
-    }).forEach(([f, g]) => {
-      const I = `data-product_${f}_control_enabled`;
+    }).forEach(([y, g]) => {
+      const I = `data-product_${y}_control_enabled`;
       r(I) && (e[I] = t.querySelector(g) ? "true" : "false");
     }), r("data-card_orientation_control_value") && (e["data-card_orientation_control_value"] = t.querySelector('[colspan="2"]') ? "vertical" : "horizontal");
-    const n = t.querySelector('a[product-attr="button"]') ?? t.querySelector('[product-attr="button"]'), o = (S = n == null ? void 0 : n.textContent) == null ? void 0 : S.replace(/\s+/g, " ").trim();
+    const c = t.querySelector('a[product-attr="button"]') ?? t.querySelector('[product-attr="button"]'), o = (S = c == null ? void 0 : c.textContent) == null ? void 0 : S.replace(/\s+/g, " ").trim();
     o && r("data-product_button_control_label") && (e["data-product_button_control_label"] = o);
-    const i = (n == null ? void 0 : n.getAttribute("style")) || "";
+    const i = (c == null ? void 0 : c.getAttribute("style")) || "";
     r("data-product_button_control_atw") && /display:\s*inline/.test(i) && !/(?:^|;)\s*width\s*:\s*100%/.test(i) && (e["data-product_button_control_atw"] = "false");
-    const u = t.querySelector('[product-attr="imageSrc"]'), l = u ? this.readImageSize(u) : null, s = (l == null ? void 0 : l.height) ?? (l == null ? void 0 : l.width), p = (l == null ? void 0 : l.width) ?? (l == null ? void 0 : l.height);
+    const d = t.querySelector('[product-attr="imageSrc"]'), l = d ? this.readImageSize(d) : null, s = (l == null ? void 0 : l.height) ?? (l == null ? void 0 : l.width), p = (l == null ? void 0 : l.width) ?? (l == null ? void 0 : l.height);
     s && r("data-product_image_control_image-height") && (e["data-product_image_control_image-height"] = s), p && r("data-product_image_control_image-width") && (e["data-product_image_control_image-width"] = p), this.applyPriceDomFallbacks(t, e, r);
-    const T = ((y = t.querySelector('[product-attr="name"]')) == null ? void 0 : y.getAttribute("style")) || "";
+    const T = ((f = t.querySelector('[product-attr="name"]')) == null ? void 0 : f.getAttribute("style")) || "";
     r("data-product_name_control_trim") && /white-space:\s*normal/.test(T) && (e["data-product_name_control_trim"] = "0");
   }
   /**
@@ -189,15 +191,15 @@ class F {
    * the default back over the real value.
    */
   applyPriceDomFallbacks(t, e, a) {
-    var u;
+    var d;
     const r = t.querySelector('[product-attr="price"]') ?? t.querySelector('[product-attr="originalPrice"]');
     if (!r)
       return;
-    const d = (u = r.getAttribute("data-currency_symbol")) == null ? void 0 : u.trim();
-    d && a("data-product_price_control_currency_symbol") && (e["data-product_price_control_currency_symbol"] = d);
-    const n = r.getAttribute("data-curency");
-    if (n && a("data-product_price_currency_location", "data-product_price_control_curency")) {
-      const l = n === "after" ? "1" : "0";
+    const u = (d = r.getAttribute("data-currency_symbol")) == null ? void 0 : d.trim();
+    u && a("data-product_price_control_currency_symbol") && (e["data-product_price_control_currency_symbol"] = u);
+    const c = r.getAttribute("data-curency");
+    if (c && a("data-product_price_currency_location", "data-product_price_control_curency")) {
+      const l = c === "after" ? "1" : "0";
       e["data-product_price_currency_location"] = l, e["data-product_price_control_curency"] = l;
     }
     const o = r.getAttribute("data-formated");
@@ -232,14 +234,14 @@ class F {
    * to nothing, so only a positive integer counts as an answer.
    */
   readImageDimension(t, e) {
-    var u;
+    var d;
     const a = (l) => {
       const s = (l ?? "").trim().match(/^(\d+(?:\.\d+)?)(?:px)?$/i), p = s ? Math.floor(parseFloat(s[1])) : 0;
       return p > 0 ? String(p) : null;
-    }, r = a((u = t.getAttribute(e)) == null ? void 0 : u.trim());
+    }, r = a((d = t.getAttribute(e)) == null ? void 0 : d.trim());
     if (r)
       return r;
-    const d = t.getAttribute("style") || "", n = new RegExp(`(?:^|;)\\s*${e}:\\s*(\\d+(?:\\.\\d+)?)px`), o = new RegExp(`max-${e}:\\s*(\\d+(?:\\.\\d+)?)px`), i = d.match(n) || d.match(o);
+    const u = t.getAttribute("style") || "", c = new RegExp(`(?:^|;)\\s*${e}:\\s*(\\d+(?:\\.\\d+)?)px`), o = new RegExp(`max-${e}:\\s*(\\d+(?:\\.\\d+)?)px`), i = u.match(c) || u.match(o);
     return a(i == null ? void 0 : i[1]);
   }
   /**
@@ -250,26 +252,26 @@ class F {
    * @param itemNumber - The item number (1-based index)
    */
   extractConfigBlockAttributes(t, e, a) {
-    const r = t.querySelector("esd-config-block"), d = {};
+    const r = t.querySelector("esd-config-block"), u = {};
     if (r) {
       if (Array.from(r.attributes).forEach((o) => {
-        o.name.startsWith("data-") && (d[o.name] = o.value);
-      }), d["data-cart_items_select_control_value"]) {
-        const o = d["data-cart_items_select_control_value"];
+        o.name.startsWith("data-") && (u[o.name] = o.value);
+      }), u["data-cart_items_select_control_value"]) {
+        const o = u["data-cart_items_select_control_value"];
         if (/^\d+$/.test(o)) {
-          const i = parseInt(o) - 1, u = h[e];
-          u && u[i] && (d["data-cart_items_select_control_value"] = u[i].value);
+          const i = parseInt(o) - 1, d = h[e];
+          d && d[i] && (u["data-cart_items_select_control_value"] = d[i].value);
         }
       }
-      if (d["data-product_price_control_curency"]) {
-        const o = d["data-product_price_control_curency"];
+      if (u["data-product_price_control_curency"]) {
+        const o = u["data-product_price_control_curency"];
         let i = o;
-        o === "before" ? i = "0" : o === "after" && (i = "1"), d["data-product_price_control_curency"] = i, d["data-product_price_currency_location"] = i;
+        o === "before" ? i = "0" : o === "after" && (i = "1"), u["data-product_price_control_curency"] = i, u["data-product_price_currency_location"] = i;
       }
-      (!d["data-product_price_control_currency_symbol"] || d["data-product_price_control_currency_symbol"].trim() === "") && (d["data-product_price_control_currency_symbol"] = "USD");
+      (!u["data-product_price_control_currency_symbol"] || u["data-product_price_control_currency_symbol"].trim() === "") && (u["data-product_price_control_currency_symbol"] = "USD");
     }
-    const n = { ...this.getDefaultConfigBlockAttributes(), ...d };
-    return n["data-type"] = e, n["data-source"] = e, n["data-product_image_link"] = H(e, a), n["data-product_button_link"] = $(e, a), n;
+    const c = { ...this.getDefaultConfigBlockAttributes(), ...u };
+    return c["data-type"] = e, c["data-source"] = e, c["data-product_image_link"] = Y(e, a), c["data-product_button_link"] = W(e, a), c;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -343,27 +345,29 @@ class F {
   backfillV2ProductTdAttributes(t) {
     if (!t.includes("ins-product-td") || !t.includes("esd-ext-config"))
       return t;
-    const e = this.parser.parseFromString(t, "text/html");
+    const e = this.parser.parseFromString(H(t), "text/html");
     let a = !1;
     return e.querySelectorAll(".ins-product-td").forEach((r) => {
-      r.hasAttribute("width") && (r.removeAttribute("width"), a = !0), r.classList.contains("esd-container-frame") && (r.classList.remove("esd-container-frame"), a = !0);
-      const d = r.querySelector("table.ins-product-wrapper");
-      d != null && d.hasAttribute("width") && d.getAttribute("width") !== "100%" && (d.setAttribute("width", "100%"), a = !0);
-      const n = r.getAttribute("esd-ext-config");
-      let o = null;
+      r.hasAttribute("width") && (r.removeAttribute("width"), a = !0), r.classList.contains("esd-container-frame") && (r.classList.remove("esd-container-frame"), a = !0), r.querySelectorAll("table.ins-product-wrapper").forEach((d) => {
+        d.hasAttribute("width") && d.getAttribute("width") !== "100%" && (d.setAttribute("width", "100%"), a = !0);
+        const l = d.getAttribute("style");
+        l && L(l) && (d.setAttribute("style", x(l)), d.setAttribute("width", "100%"), a = !0);
+      });
+      const u = r.getAttribute("esd-ext-config");
+      let c = null;
       try {
-        o = n ? JSON.parse(n) : null;
+        c = u ? JSON.parse(u) : null;
       } catch {
       }
-      if (!o || (!r.getAttribute("data-nodup") && typeof o.priceHideDiscount == "boolean" && (r.setAttribute("data-nodup", String(o.priceHideDiscount)), a = !0), r.getAttribute("data-type")))
+      if (!c || (!r.getAttribute("data-nodup") && typeof c.priceHideDiscount == "boolean" && (r.setAttribute("data-nodup", String(c.priceHideDiscount)), a = !0), r.getAttribute("data-type")))
         return;
-      const i = o.type || o.source;
-      if (!i)
+      const o = c.type || c.source;
+      if (!o)
         return;
-      r.setAttribute("data-type", i), a = !0;
-      const u = typeof o.itemsSelectValue == "string" ? o.itemsSelectValue.match(/\((\d+)\)/) : null;
-      u && r.getAttribute("data-number") !== u[1] && r.setAttribute("data-number", u[1]);
-    }), a ? e.documentElement.outerHTML : t;
+      r.setAttribute("data-type", o), a = !0;
+      const i = typeof c.itemsSelectValue == "string" ? c.itemsSelectValue.match(/\((\d+)\)/) : null;
+      i && r.getAttribute("data-number") !== i[1] && r.setAttribute("data-number", i[1]);
+    }), a ? $(e.documentElement.outerHTML) : t;
   }
   /**
    * Fast check for the presence of any items block (cart / browsed / purchased)
@@ -397,9 +401,9 @@ class F {
 `), r;
   }
 }
-function J(c) {
-  return new F().migrate(c);
+function X(n) {
+  return new z().migrate(n);
 }
 export {
-  J as migrateItemsBlock
+  X as migrateItemsBlock
 };