@useinsider/guido 2.0.0 → 2.1.0-beta.038f431

package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts

@@ -1,30 +1,4 @@
 export declare const templateFirstLine = "<td align=\"center\" class=\"ins-product-td items-block items-block-v2\">";
-export declare const configAttributes: {
-    TYPE: string;
-    ITEMS_INDEX_SELECT_CONTROL_VALUE: string;
-    ORIENTATION: string;
-    PRODUCT_NAME_TRIMMING: string;
-    PRODUCT_PRICE_HIDE_DISCOUNT: string;
-    PRODUCT_PRICE_FORMATTED: string;
-    PRODUCT_PRICE_CURRENCY_SYMBOL: string;
-    PRODUCT_PRICE_CURRENCY_LOCATION: string;
-    PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: string;
-    PRODUCT_BUTTON_LINK: string;
-    PRODUCT_IMAGE_LINK: string;
-    PRODUCT_NAME_CONTROL_VALUE: string;
-    PRODUCT_QUANTITY_CONTROL_VALUE: string;
-    PRODUCT_PRICE_CONTROL_VALUE: string;
-    BLOCK_INSTANCE_ID: string;
-    NAME_CONTROL_ENABLED: string;
-    QUANTITY_CONTROL_ENABLED: string;
-    PRICE_CONTROL_OPENED: string;
-    PRODUCT_IMAGE_VISIBLE: string;
-    PRODUCT_NAME_VISIBLE: string;
-    PRODUCT_QUANTITY_VISIBLE: string;
-    PRODUCT_PRICE_VISIBLE: string;
-    PRODUCT_ORIGINAL_PRICE_VISIBLE: string;
-    PRODUCT_BUTTON_VISIBLE: string;
-};
 export declare const productPairs: {
     PAIRS_FOR_EXTENSION: {
         imageSrc: {
@@ -79,25 +53,37 @@ export declare const productPairs: {
             CART_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             BROWSED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             PURCHASED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
         };
@@ -105,25 +91,37 @@ export declare const productPairs: {
             CART_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             BROWSED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
             PURCHASED_ITEMS: {
                 PRICE: string;
                 PRICE_FORMATTED: string;
+                SINGLE_PRICE: string;
+                SINGLE_PRICE_FORMATTED: string;
                 CURRENCY: string;
                 DEFAULT_PRICE: string;
                 DEFAULT_PRICE_FORMATTED: string;
+                DEFAULT_SINGLE_PRICE: string;
+                DEFAULT_SINGLE_PRICE_FORMATTED: string;
                 DEFAULT_CURRENCY: string;
             };
         };

package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts

@@ -29,11 +29,9 @@ export declare const DefaultConfigValues: {
     productPriceCurrencyLocationControlValue: string;
     productButtonLinkControlValue: string;
     productImageLinkControlValue: string;
-    productNameControlEnabled: string;
     productQuantityControlOpened: string;
     productNameControlTrim: string;
     productQuantityControlEnabled: string;
-    productPriceControlOpened: string;
     productImageVisible: string;
     productNameVisible: string;
     productQuantityVisible: string;
@@ -41,6 +39,7 @@ export declare const DefaultConfigValues: {
     productOriginalPriceVisible: string;
     productButtonVisible: string;
     productImageWidth: string;
+    productImageHeight: string;
 };
 export declare const ItemInCartOptions: {
     [x: string]: {

package/dist/src/extensions/Blocks/Items/store/items-block.d.ts

@@ -10,6 +10,7 @@ interface ItemsBlockState {
     currencySymbol: string;
     currencyLocation: string;
     formattedPrice: boolean;
+    singlePrice: boolean;
     priceOrientation: 'vertical' | 'horizontal';
     templateData: {
         imageSrc: string;
@@ -31,6 +32,7 @@ export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoI
     setCurrencySymbol(currencySymbol: string): void;
     setCurrencyLocation(currencyLocation: string): void;
     setFormattedPrice(formattedPrice: boolean): void;
+    setSinglePrice(singlePrice: boolean): void;
     setPriceOrientation(priceOrientation: "vertical" | "horizontal"): void;
     setTemplateData(templateData: ItemsBlockState["templateData"]): void;
     updateFromAttributes(attributes: {

package/dist/src/extensions/Blocks/Items/template.d.ts

@@ -1,6 +1,8 @@
+import { type ItemsBlockConfig } from './utils/nodeConfigUtils';
 declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
 type OrientationType = 'vertical' | 'horizontal';
+type PriceOrientationType = 'vertical' | 'horizontal';
 type TemplateParameters = {
     orientation: OrientationType;
     itemsType: ProductType;
@@ -8,6 +10,25 @@ type TemplateParameters = {
     currencySymbol?: string;
     currencyLocation?: string;
     formattedPrice?: boolean;
+    /** Whether to show single product price (price divided by quantity) */
+    singlePrice?: boolean;
+    migrate?: boolean;
+    /** Legacy config format (data-* attributes for migration) */
+    configBlockAttributes?: Record<string, string>;
+    /** New config format (Stripo V2 nodeConfig from esd-ext-config) */
+    nodeConfig?: Partial<ItemsBlockConfig>;
+    /** Extracted styles from a[product-attr="name"] for migration */
+    nameStyles?: string;
+    /** Extracted styles from a.es-button for migration */
+    buttonStyles?: string;
+    /** Extracted styles from p[product-attr="price"] for migration */
+    priceStyles?: string;
+    /** Extracted styles from p[product-attr="originalPrice"] for migration */
+    originalPriceStyles?: string;
+    /** Extracted styles from p[product-attr="quantity"] for migration */
+    quantityStyles?: string;
+    /** Price orientation within the card ('vertical' = stacked, 'horizontal' = side-by-side) */
+    priceOrientation?: PriceOrientationType;
 };
 /**
  * Generates the default template for the Items Block.
@@ -20,5 +41,5 @@ type TemplateParameters = {
  * @param params.formattedPrice - Whether to use formatted price display
  * @returns HTML template string for the Items Block
  */
-export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, formattedPrice, }: TemplateParameters): string;
+export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, migrate, formattedPrice, configBlockAttributes, nodeConfig, nameStyles, buttonStyles, priceStyles, originalPriceStyles, quantityStyles, priceOrientation, }: TemplateParameters): string;
 export default migrationTemplate;

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -0,0 +1,76 @@
+import { OrientationType, ProductType } from '@@/Types/extensions/items';
+import { ImmutableHtmlNode, ImmutableHtmlElementNode, ControlApi, BlockApi } from '@stripoinc/ui-editor-extensions';
+/**
+ * Typed configuration object for Items Block.
+ * Configuration is stored directly on the block node using Stripo V2's getNodeConfig/setNodeConfig API.
+ */
+export interface ItemsBlockConfig {
+    initialized: boolean;
+    blockInstanceId: string;
+    source: ProductType;
+    type: ProductType;
+    itemsSelectValue: string;
+    orientation: OrientationType;
+    nameTrimming: boolean;
+    priceHideDiscount: boolean;
+    priceFormatted: boolean;
+    priceSinglePrice: boolean;
+    priceCurrencySymbol: string;
+    priceCurrencyLocation: string;
+    priceOrientation: 'vertical' | 'horizontal';
+    quantityControlEnabled: boolean;
+    buttonLink: string;
+    imageLink: string;
+    buttonLabel: string;
+    /** Whether button should be full width (true = es-fw class) or inline (false = es-il class) */
+    buttonFullWidth: boolean;
+    imageVisible: boolean;
+    nameVisible: boolean;
+    quantityVisible: boolean;
+    priceVisible: boolean;
+    originalPriceVisible: boolean;
+    buttonVisible: boolean;
+}
+/**
+ * Generates a unique block instance ID.
+ */
+export declare function generateBlockInstanceId(): string;
+/**
+ * Escapes $ characters in a string for safe use in String.replace/replaceAll.
+ * Prevents currency symbols like "$", "R$", "HK$" from being interpreted as special replacement patterns.
+ */
+export declare const escapeReplacement: (str: string) => string;
+/**
+ * Returns default ItemsBlockConfig values.
+ * These are used when initializing a new block or when migrating from legacy format.
+ */
+export declare function getDefaultItemsBlockConfig(): ItemsBlockConfig;
+/**
+ * Gets the Items block container element from the current node.
+ * The container is identified by the `.items-block-v2` class (new) or `.esd-cart-items-block` (legacy).
+ * @param currentNode - The current node from the control (usually this.currentNode)
+ * @returns The container element or null if not found
+ */
+export declare function getItemsBlockContainer(currentNode: ImmutableHtmlNode | undefined): ImmutableHtmlElementNode | null;
+/**
+ * Gets the node configuration from the Items block.
+ * Uses Stripo V2's getNodeConfig() API.
+ * Falls back to migrating from legacy config block if nodeConfig is empty.
+ * @param currentNode - The current node from the control
+ * @returns The ItemsBlockConfig object or null if not found
+ */
+export declare function getItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined): ItemsBlockConfig | null;
+/**
+ * Sets the node configuration on the Items block.
+ * Uses Stripo V2's setNodeConfig() API.
+ * @param currentNode - The current node from the control
+ * @param api - The API object (ControlApi or BlockApi)
+ * @param config - The configuration to set (partial update supported)
+ */
+export declare function setItemsBlockConfig(currentNode: ImmutableHtmlNode | undefined, api: ControlApi | BlockApi, config: Partial<ItemsBlockConfig>): void;
+/**
+ * Gets the block instance ID from the node config.
+ * @param currentNode - The current node from the control
+ * @returns The block instance ID or null if not found
+ */
+export declare function getBlockInstanceIdFromConfig(currentNode: ImmutableHtmlNode | undefined): string | null;

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

@@ -1,11 +1,78 @@
+/**
+ * Recommendation Block
+ *
+ * Main block class for the Recommendation extension.
+ * Handles block lifecycle including configuration initialization and migration.
+ * Supports multiple block instances with unique recommendation-id attributes.
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "recommendation-block";
 export declare class RecommendationBlock extends Block {
+    /**
+     * Stores the ID generated in getTemplate() so onCreated() can reuse it.
+     * This avoids generating a new (different) ID in onCreated().
+     */
+    private _pendingBlockId;
     constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;
     getName(): string;
     getDescription(): string;
+    /**
+     * Returns the template HTML for a new recommendation block.
+     * Generates a unique recommendation ID and embeds the instance class
+     * (ins-recommendation-v3-block-{id}) directly in the template HTML.
+     * This is necessary because Stripo's Angular rendering manages the class
+     * attribute and overwrites dynamically added classes via setAttribute.
+     */
     getTemplate(): string;
+    /**
+     * Called when a new block is dropped into the template
+     *
+     * Uses the ID from getTemplate() (which already embedded the instance class)
+     * and assigns the recommendation-id attribute + initializes configuration.
+     * @param node - The newly created block node
+     */
+    onCreated(node: ImmutableHtmlNode): void;
+    /**
+     * Called when the document changes or template is loaded
+     *
+     * Handles migration from legacy templates that don't have node config
+     * and assigns recommendation-id to legacy blocks that lack one.
+     * @param node - The block node that may need migration
+     */
+    onDocumentChanged(node: ImmutableHtmlNode): void;
+    /**
+     * Called when a block is deleted from the template
+     *
+     * Cleans up the per-block state from the Pinia store.
+     * @param node - The block node being deleted
+     */
+    onDelete(node: ImmutableHtmlNode): void;
+    /**
+     * Generates the next unique recommendation ID by scanning all existing blocks
+     * in the document and finding the maximum existing ID + 1.
+     */
+    private _generateNextId;
+    /**
+     * Assigns a recommendation-id attribute to the block element.
+     * The instance class (ins-recommendation-v3-block-{id}) is embedded in the template
+     * HTML by getTemplate(), since Stripo's Angular rendering overwrites dynamically
+     * added classes via setAttribute.
+     */
+    private _assignRecommendationId;
+    /**
+     * Gets the recommendation-id from a block node
+     */
+    private _getRecommendationId;
+    /**
+     * Gets the block element (the element with BLOCK_CLASS)
+     */
+    private _getBlockElement;
+    /**
+     * Migrate configuration from legacy format
+     */
+    private _migrateFromLegacy;
 }

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

@@ -0,0 +1,13 @@
+/**
+ * Block IDs used in the Recommendation Extension
+ * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
+ */
+export declare enum RecommendationBlockId {
+    BUTTON = "recommendation-block-button",
+    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"
+}

package/dist/src/extensions/Blocks/Recommendation/{constants.d.ts → constants/controlIds.d.ts}

@@ -1,14 +1,3 @@
-/**
- * Block IDs used in the Recommendation Extension
- * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
- */
-export declare enum RecommendationBlockId {
-    BUTTON = "recommendation-block-button",
-    NAME = "recommendation-block-name",
-    PRICE = "recommendation-block-price",
-    OLD_PRICE = "recommendation-block-old-price",
-    IMAGE = "recommendation-block-image"
-}
 /**
  * Control IDs used in the Recommendation Extension
  * These IDs are returned by the getId() method of each control
@@ -32,6 +21,7 @@ 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",
@@ -46,6 +36,24 @@ 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/constants/defaultConfig.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Default Configuration for Recommendation Block
+ *
+ * This module provides the default values for RecommendationNodeConfig.
+ * These values are used when:
+ * - A new block is dropped into the template
+ * - Migrating legacy templates without stored config
+ * - Merging partial updates with existing config
+ */
+import type { RecommendationNodeConfig, CurrencyConfig, OmnibusTextConfig } from '../types/nodeConfig';
+/**
+ * Default currency configuration
+ * Uses USD as the base currency with standard formatting
+ * Note: symbol stores the currency code (e.g., 'USD'), not the symbol character ('$')
+ * This matches the Currency Symbol dropdown which shows currency codes
+ */
+export declare const DEFAULT_CURRENCY: CurrencyConfig;
+/**
+ * Default omnibus price text configuration
+ * Pre-filled with common EU Omnibus Directive text
+ */
+export declare const DEFAULT_OMNIBUS_PRICE: OmnibusTextConfig;
+/**
+ * Default omnibus discount text configuration
+ */
+export declare const DEFAULT_OMNIBUS_DISCOUNT: OmnibusTextConfig;
+/**
+ * Default card composition order
+ * Defines the visual order of elements in product cards
+ */
+export declare const DEFAULT_COMPOSITION: string[];
+/**
+ * Default visibility settings for card elements
+ * Omnibus elements are hidden by default (not all regions require them)
+ */
+export declare const DEFAULT_VISIBILITY: Record<string, boolean>;
+/**
+ * Complete default configuration for Recommendation Block
+ *
+ * This is the single source of truth for default values.
+ * All other code should import and use this constant.
+ */
+export declare const DEFAULT_NODE_CONFIG: RecommendationNodeConfig;
+/**
+ * Current configuration version
+ * Increment this when making breaking changes to the schema
+ * Used for migration detection
+ */
+export declare const CURRENT_CONFIG_VERSION = 1;

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

@@ -0,0 +1,13 @@
+/**
+ * Recommendation Extension Constants
+ *
+ * This module re-exports all constants for the Recommendation extension.
+ * Import from this file for cleaner imports.
+ * @example
+ * import { RecommendationBlockId, CONTAINER_SELECTOR } from './constants';
+ */
+export { RecommendationBlockId } from './blockIds';
+export { RecommendationControlId } from './controlIds';
+export { CONTAINER_SELECTOR, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, } from './selectors';
+export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
+export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, } from './defaultConfig';

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

@@ -0,0 +1,35 @@
+/** Type-safe layout orientation values */
+export declare const LAYOUT_VALUES: {
+    GRID: "grid";
+    LIST: "list";
+};
+/** Layout options for radio button UI control */
+export declare const LAYOUT_OPTIONS: ({
+    icon: string;
+    value: "grid";
+} | {
+    icon: string;
+    value: "list";
+})[];
+/** Default number of products displayed per row in grid layout */
+export declare const DEFAULT_PRODUCTS_PER_ROW = 3;
+/** Default number of cards in a row (used in store initialization) */
+export declare const DEFAULT_CARDS_IN_ROW = 3;
+/** Maximum number of products that can be displayed */
+export declare const MAX_PRODUCT_COUNT = 9;
+/** Minimum number of products that can be displayed */
+export declare const MIN_PRODUCT_COUNT = 1;
+/** Maximum number of products per row in grid layout */
+export declare const MAX_PRODUCTS_PER_ROW = 4;
+/** Minimum number of products per row in grid layout */
+export declare const MIN_PRODUCTS_PER_ROW = 1;
+/** Default column spacing between product cards (5px on each side = 10px total) */
+export declare const DEFAULT_COLUMN_SPACING = 10;
+/** Default row spacing between product rows */
+export declare const DEFAULT_ROW_SPACING = 20;
+/** Minimum spacing value */
+export declare const MIN_SPACING = 0;
+/** Maximum spacing value */
+export declare const MAX_SPACING = 50;
+/** Spacing adjustment step */
+export declare const SPACING_STEP = 5;

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

@@ -0,0 +1,31 @@
+/**
+ * CSS selectors and data attributes used across the Recommendation extension
+ */
+/**
+ * Container selector for the product container element
+ * Used across controls to target elements within the recommendation block
+ */
+export declare const CONTAINER_SELECTOR = ".ins-recommendation-product-container";
+/**
+ * Currency HTML attributes set on the block element
+ * These are read by the HTML compiler at runtime to format prices
+ */
+export declare const CURRENCY_ATTR: {
+    readonly CURRENCY: "currency";
+    readonly SYMBOL: "currency-symbol";
+    readonly ALIGNMENT: "currency-alignment";
+    readonly THOUSAND_SEPARATOR: "currency-thousand-separator";
+    readonly DECIMAL_SEPARATOR: "currency-decimal-separator";
+    readonly DECIMAL_COUNT: "currency-decimal-count";
+};
+/**
+ * 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";