@useinsider/guido 2.0.0-beta.435da98 → 2.0.0-beta.462e902

package/dist/src/extensions/Blocks/Recommendation/cardCompositionControl.d.ts

@@ -7,69 +7,22 @@ export interface CardCompositionItem {
     visible: boolean;
 }
 export declare class RecommendationCardCompositionControl extends CommonControl {
+    private currentComposition;
+    private currentVisibility;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     /**
-     * Creates the HTML content for an orderable item with label and toggle
-     */
-    private _createItemContent;
-    /**
-     * Registers event listeners for composition and visibility changes
-     */
-    private _registerValueChangeListeners;
-    /**
-     * Initializes composition order and visibility state from the current node
+     * Initialize the composition order and visibility from the block or use defaults
      */
     private _initializeComposition;
-    /**
-     * Reads composition order from node's data-card-composition attribute
-     * Falls back to default order if attribute is not present
-     */
-    private _readCompositionFromNode;
-    /**
-     * Builds visibility values object from the visibility map
-     */
-    private _buildVisibilityValues;
-    /**
-     * Read visibility state from individual row elements' data-visibility attributes
-     * This ensures toggles reflect the actual DOM state
-     */
-    private _readVisibilityFromRows;
-    /**
-     * Returns default visibility values for all items
-     */
-    private _getDefaultVisibilities;
-    /**
-     * Extracts visibility values from DOM nodes
-     */
-    private _extractVisibilityFromRows;
-    /**
-     * Parses visibility value from string to boolean
-     * Accepts "1", "true" as true, everything else as false
-     */
-    private _parseVisibilityValue;
-    /**
-     * Merges extracted visibilities with default values for missing keys
-     */
-    private _mergeWithDefaults;
     /**
      * Apply the reordered composition to the block's HTML structure
-     * Updates the data-card-composition attribute and reorders product attributes
      */
     private _applyCompositionToBlock;
-    /**
-     * Reorders attribute rows within each product row based on composition order
-     */
-    private _reorderProductAttributes;
-    /**
-     * Builds HTML string with attributes ordered according to composition
-     */
-    private _buildCompositionHtml;
     /**
      * Apply visibility changes to the block's HTML structure
-     * Updates display style and data-visibility attribute for all matching rows
      */
     private _applyVisibilityToBlock;
 }

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

@@ -1,14 +1,3 @@
-/**
- * Attribute type constants used in templates
- * These are used as keys in ElementRenderer and composition arrays
- */
-export declare const ATTR_PRODUCT_IMAGE = "productImage";
-export declare const ATTR_PRODUCT_NAME = "productName";
-export declare const ATTR_PRODUCT_PRICE = "productPrice";
-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";
 /**
  * Block IDs used in the Recommendation Extension
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -18,8 +7,6 @@ export declare enum RecommendationBlockId {
     NAME = "recommendation-block-name",
     PRICE = "recommendation-block-price",
     OLD_PRICE = "recommendation-block-old-price",
-    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
-    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
     IMAGE = "recommendation-block-image"
 }
 /**
@@ -45,7 +32,6 @@ export declare enum RecommendationControlId {
     NAME_PADDINGS = "recommendation-block-name-paddings-control",
     NAME_SIZE = "recommendation-block-name-size-control",
     NAME_STYLE = "recommendation-block-name-style-control",
-    NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
     PRICE_ALIGN = "recommendation-block-price-align-control",
     PRICE_BACKGROUND = "recommendation-block-price-background-control",
     PRICE_COLOR = "recommendation-block-price-color-control",
@@ -60,24 +46,6 @@ export declare enum RecommendationControlId {
     OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
     OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
     OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
-    OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
-    OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
-    OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
-    OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
-    OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
-    OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
-    OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
-    OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
-    OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
-    OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
-    OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
-    OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
-    OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
-    OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
-    OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
-    OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
-    OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
-    OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
     IMAGE_SIZE = "recommendation-block-image-size-control",
     IMAGE_MARGINS = "recommendation-block-image-margins-control"
 }

package/dist/src/extensions/Blocks/Recommendation/control.d.ts

@@ -17,6 +17,8 @@ export declare class RecommendationBlockControl extends CommonControl {
     _getProductLayout(): string;
     _getFilterStatus(): string;
     _getShuffleProducts(): string;
+    _getResponsive(): string;
+    _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
     /**
@@ -24,11 +26,6 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     _getCardComposition(): string[];
     _regenerateProductRows(): void;
-    /**
-     * Reapply spacing values after product regeneration
-     * This ensures spacing persists when products are regenerated
-     */
-    _reapplySpacing(): void;
     _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;

package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonAlignControl extends ButtonAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonBorderBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonBorderControl extends ButtonBorderBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/borderRadius.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonBorderRadiusBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonBorderRadiusControl extends ButtonBorderRadiusBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonColorControl extends ButtonColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/fitToContent.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonFitToContainerBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonFitToContentControl extends ButtonFitToContainerBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonFontFamilyControl extends ButtonFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/margins.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonMarginsControl extends ButtonMarginsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonPaddingsControl extends ButtonPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/text.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonTextBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonTextControl extends ButtonTextBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/textSize.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonTextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonTextSizeControl extends ButtonTextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/textStyleAndFontColor.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonTextStyleAndFontColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonTextStyleAndFontColorControl extends ButtonTextStyleAndFontColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/image/margins.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ImageMarginsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ImageMarginsControl extends ImageMarginsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/image/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ImageSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ImageSizeControl extends ImageSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameAlignControl extends TextAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/background.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameBackgroundControl extends TextBlockBackgroundBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameColorControl extends TextColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameFontFamilyControl extends TextFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NamePaddingsControl extends TextPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameSizeControl extends TextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/name/style.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class NameStyleControl extends TextStyleBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceAlignControl extends TextAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/background.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceColorControl extends TextColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceFontFamilyControl extends TextFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPricePaddingsControl extends TextPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceSizeControl extends TextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/style.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class OldPriceStyleControl extends TextStyleBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceAlignControl extends TextAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/background.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextBlockBackgroundBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceBackgroundControl extends TextBlockBackgroundBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/color.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextColorBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceColorControl extends TextColorBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/fontFamily.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextFontFamilyBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceFontFamilyControl extends TextFontFamilyBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/paddings.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextPaddingsBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PricePaddingsControl extends TextPaddingsBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/size.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextSizeBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceSizeControl extends TextSizeBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/price/style.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, TextStyleBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class PriceStyleControl extends TextStyleBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

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

@@ -1,6 +1,6 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
-import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from './templateUtils';
-declare const blockTemplate = "\n    <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION } from './templateUtils';
+declare const blockTemplate = "\n    <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 20px;\"></td>\n    </tr>\n\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 export declare function getDefaultTemplate(): string;
 /**
  * Generates a custom template with specified products and layout
@@ -12,5 +12,5 @@ export declare function getDefaultTemplate(): string;
  */
 export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
 export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, getDefaultProducts, };
 export default blockTemplate;

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

@@ -1,13 +1,10 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
-import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON } from '../constants';
 export interface ElementRenderer {
-    [ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
-    [ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
-    [ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
-    [ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
-    [ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
-    [ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
-    [ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
+    productImage: (product: RecommendationProduct) => string;
+    productName: (product: RecommendationProduct) => string;
+    productPrice: (product: RecommendationProduct) => string;
+    productOldPrice: (product: RecommendationProduct) => string;
+    productButton: (product: RecommendationProduct) => string;
 }
 export interface TemplateConfig {
     spacer: string;
@@ -20,15 +17,10 @@ export declare const DEFAULTS: {
     TITLE: string;
     DESCRIPTION: string;
 };
-export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n";
-export declare const productRow = "\n    <tr class=\"recommendation-product-row\">\n        <td>\n            <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n                {-{-PRODUCTS-}-}\n            </table>\n        </td>\n    </tr>\n";
+export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 20px;\"></td>\n    </tr>\n";
+export declare const productRow = "\n    <tr>\n        <td>\n            <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n                {-{-PRODUCTS-}-}\n            </table>\n        </td>\n    </tr>\n";
 export declare const productCardWrapper = "\n    <td width=\"{-{-COLUMN_WIDTH-}-}\" style=\"padding: 0 5px;\" valign=\"top\" height=\"100%\">\n        <table\n            width=\"100%\"\n            height=\"100%\"\n            cellpadding=\"0\"\n            cellspacing=\"0\"\n            border=\"0\"\n            class=\"product-card-wrapper\">\n            <tr>\n                <td\n                    class=\"product-attribute-cell\"\n                    valign=\"top\">\n                    <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                        <tbody>\n                            {-{-PRODUCT_CONTENT-}-}\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 export declare const DEFAULT_CARD_COMPOSITION: string[];
-/**
- * Default visibility settings for card composition elements
- * Omnibus Price and Omnibus Discount are hidden by default
- */
-export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
 export declare function getDefaultProducts(): RecommendationProduct[];
 /**
  * Core template generation logic that works with any element renderer

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -75,7 +75,7 @@ export declare abstract class CommonControl extends Control {
      * @returns true if block instance changed, false otherwise
      */
     protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
-    _GuLabel({ text, name, position }: LabelProps): string;
+    _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
         text: string;

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

@@ -12,9 +12,8 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 /**
  * Factory function to create text align controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextAlignControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextAlignControl(controlId: string, targetBlockId: string, containerSelector: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -28,9 +27,8 @@ export declare function createTextAlignControl(controlId: string, targetBlockId?
 };
 /**
  * Factory function to create text color controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -44,9 +42,8 @@ export declare function createTextColorControl(controlId: string, targetBlockId?
 };
 /**
  * Factory function to create text size controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextSizeControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -60,9 +57,8 @@ export declare function createTextSizeControl(controlId: string, targetBlockId?:
 };
 /**
  * Factory function to create text style controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextStyleControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextStyleControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -76,9 +72,8 @@ export declare function createTextStyleControl(controlId: string, targetBlockId?
 };
 /**
  * Factory function to create text font family controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextFontFamilyControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -92,9 +87,8 @@ export declare function createTextFontFamilyControl(controlId: string, targetBlo
 };
 /**
  * Factory function to create text background color controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextBackgroundColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextBackgroundColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -108,25 +102,8 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
 };
 /**
  * Factory function to create paddings controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createPaddingsControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: ImmutableHtmlNode): 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: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: ImmutableHtmlNode): boolean;
-    };
-};
-/**
- * Factory function to create text line spacing controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
- */
-export declare function createTextLineSpacingControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];

package/dist/static/styles/components/wide-panel.css.js

@@ -6,6 +6,10 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
     right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
 }
 
+ue-main-tabs-panel-component .fixed-panel-header {
+    display: none;
+}
+
 /* Remove with this writing task DT-28355 */
 ue-description a {
     display: none;

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

@@ -23,19 +23,6 @@ const n = `.esd-x,
 .ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
     display: none !important;
 }
-
-/* Apply to the table cell (td) with text-trim-enabled class */
-.text-trim-enabled {
-    max-width: 0 !important;
-}
-
-.text-trim-enabled p {
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-    margin: 0 !important;
-    display: block !important;
-}
 `;
 export {
   n as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.435da98",
+  "version": "2.0.0-beta.462e902",
   "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/CouponBlock/constants.js

@@ -1,4 +0,0 @@
-var t = /* @__PURE__ */ ((c) => (c.TEXT_ALIGN = "coupon-block-text-align-control", c.TEXT_COLOR = "coupon-block-text-color-control", c.TEXT_SIZE = "coupon-block-text-size-control", c.TEXT_STYLE = "coupon-block-text-style-control", c.TEXT_FONT_FAMILY = "coupon-block-text-font-family-control", c.TEXT_BACKGROUND = "coupon-block-text-background-control", c.TEXT_PADDINGS = "coupon-block-text-paddings-control", c.TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control", c))(t || {});
-export {
-  t as CouponControlId
-};