@useinsider/guido 3.7.2-beta.1489585 → 3.7.2-beta.2220fb0

package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Style Preserver Utility
+ *
+ * Captures and restores element styles during block regeneration.
+ * This ensures user styling is preserved when:
+ * - Layout changes (grid <-> list)
+ * - Cards per row changes
+ * - Composition order changes
+ *
+ * Works with the node config system to provide complete style persistence.
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { ModificationDescription } from '@stripoinc/ui-editor-extensions';
+/**
+ * Style properties that can be captured for text elements
+ */
+export interface TextElementStyles {
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+    color?: string;
+    textAlign?: string;
+    lineHeight?: string;
+    textDecoration?: string;
+}
+/**
+ * Style properties for button elements
+ */
+export interface ButtonElementStyles extends TextElementStyles {
+    backgroundColor?: string;
+    borderRadius?: string;
+    border?: string;
+    padding?: string;
+}
+/**
+ * Style properties for image elements
+ */
+export interface ImageElementStyles {
+    width?: string;
+    height?: string;
+    maxWidth?: string;
+}
+/**
+ * Complete captured styles for a recommendation block
+ */
+export interface CapturedStyles {
+    /** Product name text styles */
+    name: TextElementStyles;
+    /** Current price text styles */
+    price: TextElementStyles;
+    /** Original/old price text styles */
+    oldPrice: TextElementStyles;
+    /** Omnibus price text styles */
+    omnibusPrice: TextElementStyles;
+    /** Omnibus discount text styles */
+    omnibusDiscount: TextElementStyles;
+    /** CTA button styles */
+    button: ButtonElementStyles;
+    /** Product image styles */
+    image: ImageElementStyles;
+    /** Card background color */
+    cardBackgroundColor: string | null;
+    /** Column spacing in pixels */
+    columnSpacing: number;
+    /** Row spacing in pixels */
+    rowSpacing: number;
+    /** Element composition order */
+    composition: string[];
+    /** Element visibility flags */
+    visibility: Record<string, boolean>;
+}
+type DocumentModifier = {
+    modifyHtml: (node: ImmutableHtmlNode) => {
+        setStyle: (prop: string, value: string) => DocumentModifier;
+    };
+    apply: (description: ModificationDescription) => void;
+};
+/**
+ * Capture all styles from a recommendation block
+ *
+ * Call this BEFORE any operation that regenerates the block HTML.
+ * The captured styles can then be restored after regeneration.
+ * @example
+ * // Before layout change
+ * const styles = captureStyles(this.currentNode);
+ *
+ * // ... regenerate block HTML ...
+ *
+ * // After regeneration
+ * restoreStyles(this.currentNode, this.api.getDocumentModifier(), styles);
+ * @param node - The block node to capture styles from
+ * @returns Complete captured styles object
+ */
+export declare function captureStyles(node: ImmutableHtmlNode | null | undefined): CapturedStyles;
+/**
+ * Restore captured styles to a regenerated block
+ *
+ * Call this AFTER regenerating block HTML to reapply user styling.
+ * @example
+ * restoreStyles(this.currentNode, this.api.getDocumentModifier(), capturedStyles);
+ * @param node - The block node to restore styles to
+ * @param modifier - Document modifier for applying changes
+ * @param styles - Previously captured styles
+ */
+export declare function restoreStyles(node: ImmutableHtmlNode | null | undefined, modifier: DocumentModifier, styles: CapturedStyles): void;
+/**
+ * Check if styles have meaningful content worth restoring
+ * @param styles - Captured styles to check
+ * @returns True if styles contain restorable content
+ */
+export declare function hasRestorableStyles(styles: CapturedStyles): boolean;
+export {};

package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts

@@ -5,54 +5,33 @@
  * Handles both standard DOM properties and Stripo's custom methods.
  */
 import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/** Interface for nodes with standard tagName property */
+interface NodeWithTagName {
+    tagName: string;
+}
 /** Interface for nodes with getStyle method */
 export interface NodeWithGetStyle {
     getStyle: (property: string) => string | null | undefined;
 }
-/** Interface for nodes with getComputedStyle method */
-export interface NodeWithGetComputedStyle {
-    getComputedStyle: (property: string) => string | null | undefined;
-}
-/** Interface for nodes with getAttribute method */
-export interface NodeWithGetAttribute {
-    getAttribute: (name: string) => string | null;
-}
 /** Interface for nodes with parent method */
 export interface NodeWithParent {
     parent: () => ImmutableHtmlNode | null;
 }
-/** Interface for nodes with querySelectorAll method */
-export interface NodeWithQuerySelectorAll {
-    querySelectorAll: (selector: string) => ImmutableHtmlNode[];
-}
 /**
  * Type guard to check if a node has getStyle method
  * @param node - The node to check
  */
 export declare function hasGetStyle(node: unknown): node is NodeWithGetStyle;
 /**
- * Type guard to check if a node has getComputedStyle method.
- * This is the only read that sees a background applied by Stripo's built-in
- * "Block Background Color" control — it writes neither an inline style nor a
- * queryable stylesheet rule, but the computed value is still resolvable.
- * @param node - The node to check
- */
-export declare function hasGetComputedStyle(node: unknown): node is NodeWithGetComputedStyle;
-/**
- * Type guard to check if a node has getAttribute method
- * @param node - The node to check
- */
-export declare function hasGetAttribute(node: unknown): node is NodeWithGetAttribute;
-/**
- * Type guard to check if a node has querySelectorAll method
+ * Type guard to check if a node has parent method
  * @param node - The node to check
  */
-export declare function hasQuerySelectorAll(node: unknown): node is NodeWithQuerySelectorAll;
+export declare function hasParent(node: unknown): node is NodeWithParent;
 /**
- * Type guard to check if a node has parent method
+ * Type guard to check if a node is a TD element
  * @param node - The node to check
  */
-export declare function hasParent(node: unknown): node is NodeWithParent;
+export declare function isTdNode(node: unknown): node is ImmutableHtmlNode & NodeWithTagName;
 /**
  * Safely retrieves a style value from a node
  * @param node - The node to get the style from
@@ -95,3 +74,4 @@ export declare function isTableCellNode(node: ImmutableHtmlNode | null | undefin
  * @returns The CSS display value ('table-cell' or 'table-row')
  */
 export declare function getTableDisplayValue(node: ImmutableHtmlNode | null | undefined): 'table-cell' | 'table-row';
+export {};

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -280,21 +280,11 @@ export declare function createButtonTextStyleAndFontColorControl(controlId: stri
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
-        /**
-         * Propagates Bold/Italic to ALL product buttons, not just the focused one.
-         *
-         * Stripo's built-in applies font-color/size to every target node but writes
-         * the text-style (font-weight/font-style) only to the selected button. Bold/italic
-         * are plain inline CSS on the `<a class="es-button">` (no tags), so we mirror them
-         * onto every button's anchor. The toggle state comes from the control's form
-         * (`buttonTextStyleForm.{bold,italic}`) because the patched node isn't updated yet
-         * when this runs. Returned modifications are merged into the parent control's patch.
-         */
-        getAdditionalModifications(root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         getParentControlId(): string;
         getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
     };
 };

package/dist/src/stores/config.d.ts

@@ -65,6 +65,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -197,6 +199,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -329,6 +333,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -461,6 +467,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -593,6 +601,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -725,6 +735,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -857,6 +869,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -989,6 +1003,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1121,6 +1137,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1253,6 +1271,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1385,6 +1405,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1517,6 +1539,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1649,6 +1673,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1781,6 +1807,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1913,6 +1941,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2045,6 +2075,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2177,6 +2209,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2309,6 +2343,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
+                            isPriceMovedToNextLine?: boolean | undefined;
+                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.2-beta.1489585",
+  "version": "3.7.2-beta.2220fb0",
   "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",

package/dist/extensions/Blocks/Recommendation/utils/captureStyleTemplates.js

@@ -1,216 +0,0 @@
-import { RecommendationBlockId as c } from "../constants/blockIds.js";
-import { DESKTOP_CONTAINER_SELECTOR as S, ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as E, ATTR_PRODUCT_OLD_PRICE as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_BUTTON as P, ATTR_PRODUCT_IMAGE as x, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
-import { CSS_CLASS_TEXT_TRIM as B } from "../controls/shared/textTrimCssRules.js";
-import { toCustomCompositionKey as U } from "../templates/utils.js";
-import { extractWrapperTags as C } from "./preserveTextStyles.js";
-import { hasQuerySelectorAll as A, hasGetAttribute as l, hasGetStyle as R, hasGetComputedStyle as q } from "./tagName.js";
-const s = [
-  "font-size",
-  "font-family",
-  "font-weight",
-  "font-style",
-  "color",
-  "text-align",
-  "line-height",
-  "text-decoration"
-], N = [
-  "background",
-  "background-color",
-  "border-width",
-  "border-color",
-  "border-style",
-  "border-radius"
-], M = [
-  ...s,
-  "background",
-  "background-color",
-  "padding",
-  "width",
-  "mso-border-alt",
-  "mso-padding-alt"
-], D = [
-  "display",
-  "width",
-  "height",
-  "max-width",
-  "border-radius",
-  "margin"
-], g = /* @__PURE__ */ new Set(["transparent", "rgba(0, 0, 0, 0)"]), G = [
-  { attrKey: k, blockId: c.NAME, kind: "text" },
-  { attrKey: E, blockId: c.PRICE, kind: "text" },
-  { attrKey: h, blockId: c.OLD_PRICE, kind: "text" },
-  { attrKey: y, blockId: c.OMNIBUS_PRICE, kind: "text" },
-  { attrKey: m, blockId: c.OMNIBUS_DISCOUNT, kind: "text" },
-  { attrKey: P, blockId: c.BUTTON, kind: "button" },
-  { attrKey: x, blockId: c.IMAGE, kind: "image" }
-];
-function _(t) {
-  return t && "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "";
-}
-function L(t) {
-  return t && "getInnerText" in t && typeof t.getInnerText == "function" ? t.getInnerText().trim() : "";
-}
-function a(t, e, r) {
-  !e || !R(e) || r.forEach((n) => {
-    const i = e.getStyle(n);
-    i && i !== "inherit" && i !== "initial" && (t[n] = i);
-  });
-}
-function I(t) {
-  return Object.entries(t).map(([e, r]) => `${e}: ${r};`).join(" ");
-}
-function O(t) {
-  if (!t || !R(t))
-    return;
-  const e = t.getStyle("background-color") || t.getStyle("background");
-  return e && !g.has(e) ? e : void 0;
-}
-function b(t, e) {
-  const r = {};
-  return a(r, t, e), I(r);
-}
-function w(t) {
-  const e = t.querySelector("p"), r = {};
-  a(r, t, s), a(r, e, s), a(r, t.querySelector("strong"), s), a(r, t.querySelector("em"), s), a(r, t.querySelector("s"), s);
-  const n = I(r), { openTags: i, closeTags: o } = C(_(e));
-  return !n && !i ? null : { pStyle: n || void 0, openTags: i, closeTags: o };
-}
-function K(t) {
-  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = b(e, N), i = b(r, M), o = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(o), { openTags: T, closeTags: d } = C(_(r)), p = L(r);
-  return !n && !i && !u && !T && !p ? null : {
-    buttonBorderStyle: n || void 0,
-    buttonAnchorStyle: i || void 0,
-    buttonFitToContainer: u || void 0,
-    buttonText: p || void 0,
-    openTags: T,
-    closeTags: d
-  };
-}
-function H(t) {
-  const e = b(t.querySelector("img"), D);
-  return e ? { imgStyle: e } : null;
-}
-function $(t, e) {
-  return e === "button" ? K(t) : e === "image" ? H(t) : w(t);
-}
-function f(t, e) {
-  if (!t || !("querySelector" in t))
-    return;
-  const r = t.querySelector(S) ?? t;
-  if (G.forEach(({ attrKey: o, blockId: u, kind: T }) => {
-    const d = r.querySelector(`[esd-extension-block-id="${u}"]`);
-    d && e(d, o, T);
-  }), !A(r))
-    return;
-  const n = /* @__PURE__ */ new Set();
-  r.querySelectorAll(
-    `[esd-extension-block-id="${c.CUSTOM_ATTRIBUTE}"]`
-  ).forEach((o) => {
-    const u = l(o) ? o.getAttribute(v) : null;
-    !u || n.has(u) || (n.add(u), e(o, U(u), "text"));
-  });
-}
-function F(t) {
-  const e = {};
-  return f(t, (r, n, i) => {
-    if (!("querySelector" in r))
-      return;
-    const o = $(r, i);
-    o && (e[n] = o);
-  }), e;
-}
-function j(t) {
-  if (!t || !("querySelector" in t))
-    return;
-  const e = t.querySelector(S) ?? t, r = e.querySelector(".product-card-segment") ?? e.querySelector(".product-card-wrapper");
-  return O(r);
-}
-function X(t) {
-  if (!t)
-    return;
-  const e = l(t) ? t.getAttribute("bgcolor") : null;
-  if (e && !g.has(e))
-    return e;
-  const r = O(t);
-  if (r)
-    return r;
-  const n = q(t) ? t.getComputedStyle("background-color") : void 0;
-  return n && !g.has(n) ? n : void 0;
-}
-function z(t) {
-  const e = {};
-  return f(t, (r, n, i) => {
-    if (i !== "text")
-      return;
-    const o = X(r);
-    o && (e[n] = o);
-  }), e;
-}
-function Q(t) {
-  const e = {};
-  return f(t, (r, n, i) => {
-    if (i === "image")
-      return;
-    const o = l(r) ? r.getAttribute("align") : null;
-    o && (e[n] = o);
-  }), e;
-}
-const V = /^es-[pm]\d+[trbl]?$/;
-function W(t) {
-  const e = l(t) ? t.getAttribute("class") : null;
-  if (!e)
-    return;
-  const r = e.split(/\s+/).filter((n) => V.test(n) || n === B);
-  return r.length ? r.join(" ") : void 0;
-}
-function Y(t) {
-  const e = {};
-  return f(t, (r, n, i) => {
-    if (i === "image")
-      return;
-    const o = W(r);
-    o && (e[n] = o);
-  }), e;
-}
-function J(t) {
-  const e = {};
-  return f(t, (r, n) => {
-    if (n !== y && n !== m || !l(r))
-      return;
-    const i = r.getAttribute("data-text-before"), o = r.getAttribute("data-text-after");
-    (i != null || o != null) && (e[n] = { before: i ?? void 0, after: o ?? void 0 });
-  }), e;
-}
-function Z(t) {
-  const e = {};
-  if (!t || !("querySelector" in t))
-    return e;
-  const r = t.querySelector(S) ?? t;
-  return A(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
-    if (!l(n))
-      return;
-    const i = n.getAttribute("data-attribute-type"), o = n.getAttribute("data-visibility");
-    i && o != null && (e[i] = o !== "0");
-  }), e;
-}
-function ut(t) {
-  return {
-    styleTemplates: F(t),
-    cardBackgroundColor: j(t),
-    cellBackgroundColors: z(t),
-    cellAlignments: Q(t),
-    cellClasses: Y(t),
-    omnibusTexts: J(t),
-    visibility: Z(t)
-  };
-}
-export {
-  F as captureAttributeStyleTemplates,
-  j as captureCardBackgroundColor,
-  Q as captureCellAlignments,
-  z as captureCellBackgroundColors,
-  Y as captureCellClasses,
-  J as captureOmnibusTexts,
-  ut as captureStyles,
-  Z as captureVisibility
-};

package/dist/src/extensions/Blocks/Recommendation/utils/captureStyleTemplates.d.ts

@@ -1,78 +0,0 @@
-/**
- * Capture Style Templates
- *
- * Reads the user-applied styling of each text attribute from the LIVE block DOM
- * and turns it into per-attribute `AttributeStyleTemplate`s that the template
- * renderers bake straight into regenerated HTML.
- *
- * Why this exists: a full regeneration replaces product cells via `setInnerHtml`.
- * Querying the new cells to re-apply styles after `apply()` requires a second
- * (deferred) commit, and multiple commits corrupt Stripo's selection tracking
- * (the `textContent` crash). Baking the captured styles into the HTML keeps the
- * whole regeneration a SINGLE `setInnerHtml` + SINGLE `apply()`.
- *
- * Inline formats (bold/italic/strike) are captured as TAGS (`<strong>/<em>/<s>`),
- * not CSS, because Stripo applies and detects them as tags — re-emitting
- * `text-decoration` CSS would render a strike its own toggle can't see.
- */
-import type { AttributeStyleTemplates, OmnibusText, RenderOptions } from '../templates/utils';
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-/**
- * Captures per-attribute style templates (text + button + image) from the block's desktop
- * container. Scoped to desktop so the mobile container's duplicate block ids aren't read.
- * Returns only the attributes that actually have styling worth preserving.
- */
-export declare function captureAttributeStyleTemplates(node: ImmutableHtmlNode | null | undefined): AttributeStyleTemplates;
-/**
- * Captures the card background color (the "Styles" tab control) from the first card
- * container — `.product-card-segment` in grid, `.product-card-wrapper` in list. Returns
- * undefined when unset/transparent so the renderer keeps its (bg-less) default.
- */
-export declare function captureCardBackgroundColor(node: ImmutableHtmlNode | null | undefined): string | undefined;
-/**
- * Captures each text attribute's "Block Background Color" (Styles tab) from the block's
- * desktop container, keyed by composition key. The renderers bake these
- * straight onto the regenerated `[esd-extension-block-id]` cell so the bg survives a full
- * regeneration — unlike the card background, the text-cell bg lives on the attribute cell
- * itself and is only readable via `getComputedStyle` (see `readCellBackground`). Returns
- * only the attributes that actually carry a non-transparent background.
- */
-export declare function captureCellBackgroundColors(node: ImmutableHtmlNode | null | undefined): Record<string, string>;
-/**
- * Captures each text attribute's alignment from the cell's `align` attribute, keyed by
- * composition key. Stripo's built-in `TextAlignBuiltInControl` writes the
- * alignment as the `align` HTML attribute on the `[esd-extension-block-id]` cell (not as
- * inline `text-align`), so the renderers' hardcoded `align` would otherwise reset it on
- * every regeneration. We capture the current value and re-bake it.
- */
-export declare function captureCellAlignments(node: ImmutableHtmlNode | null | undefined): Record<string, string>;
-/**
- * Captures each text/button cell's preservable classes (padding `es-p*`, margin `es-m*`,
- * text-trim) keyed by composition key, so a regeneration can re-bake them
- * instead of resetting to the renderer's hardcoded spacing classes. Stripo stores padding
- * and margin as these classes (NOT inline style), so an inline-style capture misses them.
- */
-export declare function captureCellClasses(node: ImmutableHtmlNode | null | undefined): Record<string, string>;
-/**
- * Captures the omnibus cells' editable before/after text (from the `data-text-before` /
- * `data-text-after` attributes the omnibus text controls write), keyed by attr, so a
- * regeneration re-bakes the user's wording instead of the renderer's hardcoded prefix.
- */
-export declare function captureOmnibusTexts(node: ImmutableHtmlNode | null | undefined): Record<string, OmnibusText>;
-/**
- * Captures the current per-attribute visibility from the live block, keyed by composition
- * attribute (`data-attribute-type`). The card-composition control toggles visibility by
- * setting `display`/`data-visibility` on `.recommendation-attribute-row`s, but the renderers
- * re-apply the hardcoded `DEFAULT_CARD_VISIBILITY` on regeneration — so a user who showed
- * omnibus (default-hidden) or hid a row would lose it. Capturing the live `data-visibility`
- * lets the rebuild honor the user's choice.
- */
-export declare function captureVisibility(node: ImmutableHtmlNode | null | undefined): Record<string, boolean>;
-/**
- * The full bundle of user-applied styling captured from the live block before a
- * regeneration replaces its cells. Threaded as ONE object (not a long positional list)
- * into the rebuild so the regenerated HTML re-bakes every preserved value.
- */
-export type StyleCaptures = Pick<RenderOptions, 'styleTemplates' | 'cardBackgroundColor' | 'cellBackgroundColors' | 'cellAlignments' | 'cellClasses' | 'omnibusTexts' | 'visibility'>;
-/** Runs every capture against the live node and returns them as a single bundle. */
-export declare function captureStyles(node: ImmutableHtmlNode | null | undefined): StyleCaptures;