@useinsider/guido 1.0.3-beta.1cd6abc → 1.0.3-beta.1d07a49

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/store/recommendation.d.ts

@@ -34,7 +34,7 @@ interface StoreState {
     filterList: FiltersResponse;
     filterGroup: number;
 }
-export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"recommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {

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

@@ -0,0 +1,16 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+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
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param title - Optional title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+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, getDefaultProducts, };
+export default blockTemplate;

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

@@ -0,0 +1,16 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { DEFAULTS, getDefaultProducts } from './templateUtils';
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n    >\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                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\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 getMigrationTemplate(): string;
+/**
+ * Generates a custom migration template with specified products and layout
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param title - Optional title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateMigrationTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+export { DEFAULTS, getDefaultProducts };
+export default migrationTemplate;

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

@@ -0,0 +1,44 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+export interface ElementRenderer {
+    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;
+    blockTemplate: string;
+    productRow: string;
+    productCardWrapper: string;
+    elementRenderer: ElementRenderer;
+}
+export declare const DEFAULTS: {
+    TITLE: string;
+    DESCRIPTION: string;
+};
+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[];
+export declare function getDefaultProducts(): RecommendationProduct[];
+/**
+ * Core template generation logic that works with any element renderer
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Object with methods to render each product element
+ * @param composition - Optional array defining order of card elements
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
+/**
+ * Generates complete HTML template with dynamic products and layout
+ * @param blockTemplate - The base block template string
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Element renderer for generating product HTML
+ * @param title - Title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateTemplate(blockTemplate: string, products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, title?: string, composition?: string[]): string;

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

@@ -1,8 +1,10 @@
-import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { TextValueObject } from '@@/Types/generic';
+import { Control, ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 interface TextInputProps {
     name: string;
     placeholder?: string;
     className?: string;
+    disabled?: boolean;
 }
 interface LabelProps {
     text: string;
@@ -17,10 +19,7 @@ interface IconButtonProps {
 interface SelectProps {
     name: string;
     placeholder: string;
-    options: {
-        text: string;
-        value: string;
-    }[];
+    options: TextValueObject[];
     className?: string;
 }
 interface CounterProps {
@@ -29,6 +28,15 @@ interface CounterProps {
     minValue?: number;
     step?: number;
 }
+interface RadioButtonProps {
+    name: string;
+    buttons: {
+        text?: string;
+        value: string;
+        icon?: string;
+    }[];
+    id?: string;
+}
 interface ButtonProps {
     name: string;
     label: string;
@@ -40,11 +48,33 @@ interface ButtonProps {
  */
 export declare abstract class CommonControl extends Control {
     currentNode?: ImmutableHtmlNode;
+    protected lastBlockInstanceId: string | null;
     abstract getId(): string;
     abstract getTemplate(): string;
     abstract onRender(): Promise<void> | void;
     getContainer(): ShadowRoot;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onDestroy(): void;
+    /**
+     * Gets the config block element from the current node.
+     * @returns The config block element or null if not found
+     */
+    protected getConfigBlock(): ImmutableHtmlElementNode | null;
+    /**
+     * Gets the current block instance ID from the config block.
+     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
+     * @returns The block instance ID or null if not found
+     */
+    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
+    /**
+     * Handles block instance change detection and syncing.
+     * This is a helper method for controls that need to sync attributes when switching between block instances.
+     * @param syncFunction - Function to call when block instance changes (to sync from attributes)
+     * @param updateUI - Function to call to update the UI (called both on change and when same block)
+     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
+     * @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;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
@@ -52,8 +82,14 @@ export declare abstract class CommonControl extends Control {
         value: string;
     }): string;
     _GuSelect({ name, placeholder, options, className }: SelectProps): string;
-    _GuTextInput({ name, placeholder, className }: TextInputProps): string;
+    _GuTextInput({ name, placeholder, className, disabled }: TextInputProps): string;
     _GuCounter({ name, maxValue, minValue, step }: CounterProps): string;
+    _GuRadioButtonItem({ text, value, icon }: {
+        text?: string;
+        value: string;
+        icon?: string;
+    }): string;
+    _GuRadioButton({ name, buttons, id }: RadioButtonProps): string;
     _GuButton({ name, label, id }: ButtonProps): string;
     /**
      *
@@ -61,6 +97,28 @@ export declare abstract class CommonControl extends Control {
      * @returns It returns a button with an icon.
      */
     _GuIconButton({ name, icon, className }: IconButtonProps): string;
-    _GuTwoColumns(children: string[]): string;
+    _GuOneColumn(children: string[], className?: string): string;
+    _GuTwoColumns(children: string[], className?: string): string;
+    /**
+     * Creates an orderable (sortable) list control
+     * @param name - The control name for value binding
+     * @param items - Array of item keys/values
+     * @param itemLabels - Optional array of objects with key and label properties for display
+     * @returns HTML string for the orderable control
+     */
+    _GuOrderable(name: string, items: {
+        key: string;
+        label: string;
+        content: string;
+    }[]): string;
+    _GuNestedControl(id: string, content: string): string;
+    _GuExpandable(label: string, content: string): string;
+    _GuColorPicker(name: string): string;
+    _GuFontFamily(name: string, placeholder?: string): string;
+    _GuRadioButtons(name: string, buttons: {
+        text: string;
+        value: string;
+    }[]): string;
+    _GuCheckbox(name: string, caption: string): string;
 }
 export {};