@acorex/components 21.0.0-next.3 → 21.0.0-next.31

package/data-table/index.d.ts

@@ -1,5 +1,5 @@
 import * as i2 from '@acorex/cdk/common';
-import { AXEvent, MXBaseComponent, AXDataSource, AXSortOrder, AXButtonClickEvent, AXItemClickEvent, AXValueChangedEvent, AXListDataSource } from '@acorex/cdk/common';
+import { AXEvent, MXBaseComponent, AXDataSource, AXSortOrder, AXStyleLookType, AXButtonClickEvent, AXItemClickEvent, AXClickEvent, AXValueChangedEvent, AXListDataSource } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, TemplateRef, ChangeDetectorRef, OnInit, DoCheck, QueryList, WritableSignal, ElementRef, AfterViewInit, Signal } from '@angular/core';
 import * as i11 from '@acorex/core/format';
@@ -86,7 +86,15 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
 
 declare abstract class AXDataTableColumnComponent {
     caption: string;
-    width: string | number;
+    /**
+     * Width of the column.
+     * - string: e.g., '180px', '20%'
+     * - number: e.g., 180 (treated as pixels)
+     * - 'auto': automatically fits to content after data load
+     *
+     * @defaultValue 'auto'
+     */
+    width: string | number | 'auto';
     fixed: 'start' | 'end' | undefined;
     allowSorting: boolean;
     allowResizing: boolean;
@@ -245,14 +253,24 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-type AXRowCommandItem = AXButtonItemListItem;
-type AXRowCommandItemClickEvent = AXButtonClickEvent;
+type AXRowCommandItem = AXButtonItemListItem & {
+    commandId?: string;
+    look?: AXStyleLookType;
+};
+interface AXRowCommandItemClickEvent extends AXButtonClickEvent {
+    setLoading?: (loading: boolean) => void;
+}
 declare abstract class AXBaseRowCommandColumnComponent extends AXDataTableColumnComponent {
     protected grid: AXBaseDataTable;
     protected cdr: ChangeDetectorRef;
+    protected commandLoading: i0.WritableSignal<string>;
+    private rowIdentityMap;
+    private rowIdentitySeq;
     allowSorting: boolean;
     get loadingEnabled(): boolean;
     get cssClass(): string;
+    protected resolveCommandId(rowData: unknown, commandName: string): string;
+    protected setCommandLoadingState(commandId: string, loading: boolean): void;
     onItemClick: EventEmitter<AXRowCommandItemClickEvent>;
 }
 /**
@@ -280,6 +298,10 @@ declare class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumn
      */
     get renderHeaderTemplate(): TemplateRef<unknown>;
     footerTemplate: TemplateRef<unknown>;
+    emptyStateTemplate?: TemplateRef<unknown>;
+    emptyStateText: string;
+    protected itemsLoading: i0.WritableSignal<boolean>;
+    protected itemsFetched: i0.WritableSignal<boolean>;
     /**
      *  @ignore
      */
@@ -298,6 +320,7 @@ declare class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumn
      */
     protected _items: AXRowCommandItem[];
     items: AXRowCommandItem[] | ((rowData: unknown) => AXRowCommandItem[] | Promise<AXRowCommandItem[]>);
+    private dropdownLoadingEffect;
     /**
      *  @ignore
      */
@@ -306,12 +329,14 @@ declare class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumn
      *  @ignore
      */
     protected handleOnClosed(): void;
+    private decorateItems;
+    private applyLoadingState;
     /**
      *  @ignore
      */
     protected handleOnItemClick(e: AXItemClickEvent<AXButtonItemComponent>, data: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowDropdownCommandColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowDropdownCommandColumnComponent, "ax-dropdown-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowDropdownCommandColumnComponent, "ax-dropdown-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "emptyStateTemplate": { "alias": "emptyStateTemplate"; "required": false; }; "emptyStateText": { "alias": "emptyStateText"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, true, never>;
 }
 /**
  * A column for displaying command buttons in a data table.
@@ -363,10 +388,15 @@ declare class AXRowCommandColumnComponent extends AXBaseRowCommandColumnComponen
      *  @ignore
      */
     protected getItems(rowData: unknown): AXRowCommandItem[];
+    protected getItemsWithIds(rowData: unknown): Array<{
+        item: AXRowCommandItem;
+        commandId: string;
+    }>;
     /**
      *  @ignore
      */
-    protected handleOnItemClick(e: MouseEvent, item: AXRowCommandItem, data: unknown): void;
+    protected getCommandId(rowData: unknown, item: AXRowCommandItem): string;
+    protected handleOnItemClick(e: AXClickEvent, item: AXRowCommandItem, data: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowCommandColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXRowCommandColumnComponent, "ax-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, true, never>;
 }
@@ -1025,7 +1055,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     /**
      *  @ignore
      */
-    private hasLoadedData;
+    private isRefreshCalled;
     /**
      * Returns true if in manual mode and no data has been loaded yet.
      */
@@ -1096,6 +1126,14 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     protected calculateRowIndex(index: number): number;
+    /**
+     * Handles double-click on resize handle to auto-fit column width.
+     *
+     * @param event - The mouse event from the double-click
+     * @param columnIndex - The index of the column to auto-fit
+     * @ignore
+     */
+    protected onResizeHandlerDoubleClick(event: MouseEvent, columnIndex: number): void;
     /**
      *  @ignore
      */
@@ -1116,6 +1154,40 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     private calculateStickyColumnsPositions;
+    /**
+     * Auto-fits columns that have width='auto'.
+     * Called automatically after data load.
+     *
+     * @ignore
+     */
+    private autoFitColumnsWithAutoWidth;
+    /**
+     * Auto-fits all columns width based on their content.
+     *
+     * @param options - Configuration options
+     * @param options.skipFixed - If true, skips fixed columns (default: true)
+     * @param options.skipLoading - If true, skips if data is loading (default: true)
+     * @param options.maxWidth - Maximum width for any column in pixels (default: 500)
+     * @returns void
+     */
+    autoFitAllColumns(options?: {
+        skipFixed?: boolean;
+        skipLoading?: boolean;
+        maxWidth?: number;
+    }): void;
+    /**
+     * Auto-fits a column width based on its content.
+     * Similar to Excel's "AutoFit Column Width" feature.
+     * Uses an invisible helper table to measure actual content width without affecting the main table.
+     *
+     * @param columnIndex - The index of the column to auto-fit (0-based, based on columns QueryList)
+     * @param options - Configuration options
+     * @param options.maxWidth - Maximum width for the column in pixels (default: none)
+     * @returns void
+     */
+    autoFitColumn(columnIndex: number, options?: {
+        maxWidth?: number;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
 }

package/dialog/index.d.ts

@@ -109,7 +109,7 @@ declare class AXDialogService {
      * @param draggable - Whether the dialog can be dragged.
      * @returns Promise<void> - Promise that resolves when the dialog is closed.
      */
-    alert(title: string, content: string, type?: AXStyleColorType, orientation?: 'horizontal' | 'vertical', draggable?: boolean): Promise<void>;
+    alert(title: string, content: string, type?: AXStyleColorType, orientation?: 'horizontal' | 'vertical', draggable?: boolean, buttonLook?: AXStyleLookType): Promise<void>;
     /**
      * Show a confirm box with 'Okay' & 'Cancel' buttons.
      *

package/drawer/README.md

@@ -1,3 +1,3 @@
-# @acorex/components/drawer
+# @acorex/components/drawer-2
 
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/drawer`.
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/drawer-2`.

package/drawer/index.d.ts

@@ -1,86 +1,62 @@
-import { MXBaseComponent } from '@acorex/cdk/common';
-import * as i0 from '@angular/core';
-import { AfterContentInit, DoCheck } from '@angular/core';
-import * as i1 from '@angular/common';
+import { MXBaseComponent, AXClickEvent } from '@acorex/cdk/common';
+import * as _angular_core from '@angular/core';
+import * as i1 from '@acorex/cdk/drawer';
+import { AXDrawerLocation, AXDrawerMode } from '@acorex/cdk/drawer';
 
 /**
  * A container component that organizes and positions drawer components.
  * @category component
  */
 declare class AXDrawerContainerComponent extends MXBaseComponent {
-    private service;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer", "ax-content"], true, never>;
+    #private;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDrawerContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer", "ax-content"], true, [{ directive: typeof i1.AXDrawerContainerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-type AXDrawerMode = 'push' | 'overlay';
-type AXDrawerLocation = 'start' | 'end';
 /**
  * A component that represents a drawer with header and content sections.
  *
  * @category Components
  */
-declare class AXDrawerComponent extends MXBaseComponent implements AfterContentInit, DoCheck {
+declare class AXDrawerComponent extends MXBaseComponent {
     #private;
-    location: i0.ModelSignal<AXDrawerLocation>;
-    showBackdrop: i0.InputSignal<boolean>;
-    mode: i0.ModelSignal<AXDrawerMode>;
-    closeOthers: i0.InputSignal<boolean>;
-    collapsed: i0.ModelSignal<boolean>;
-    private backdropElement;
-    protected loaded: i0.WritableSignal<boolean>;
-    private service;
-    private _zone;
-    private document;
-    private platformID;
-    /**
+    readonly location: _angular_core.InputSignal<AXDrawerLocation>;
+    readonly showBackdrop: _angular_core.InputSignal<boolean>;
+    readonly mode: _angular_core.InputSignal<AXDrawerMode>;
+    readonly transition: _angular_core.InputSignal<number>;
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    readonly backdropClass: _angular_core.InputSignal<string>;
+    readonly collapsed: _angular_core.InputSignal<boolean>;
+    readonly singleOpenMode: _angular_core.InputSignal<boolean>;
+    onBackdropClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    collapsedStateChanged: _angular_core.OutputEmitterRef<boolean>;
+    private drawerItem;
+    /**
+     * Toggles the drawer state between open and closed.
      *
-     *  @ignore
-     */
-    ngAfterContentInit(): void;
-    /**
-     *  @ignore
-     */
-    ngDoCheck(): void;
-    /**
-     *  @ignore
-     */
-    private _detectBoundingSize;
-    /**
-     * Toggles the collapsed state of the drawer.
+     * @returns void - No return value. The drawer state is toggled.
      */
     toggle(): void;
     /**
-     * Collapses the drawer.
-     * @ignore
+     * Closes the drawer.
+     *
+     * @returns void - No return value. The drawer is collapsed.
      */
     close(): void;
     /**
-     * Expands the drawer.
+     * Opens the drawer.
+     *
+     * @returns void - No return value. The drawer is expanded.
      */
     open(): void;
-    /**
-     *  @ignore
-     */
-    private _addBackdrop;
-    /**
-     *  @ignore
-     */
-    private _removeBackdrop;
-    /**
-     *  @ignore
-     */
-    private get __hostClass();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "location": "locationChange"; "mode": "modeChange"; "collapsed": "collapsedChange"; }, never, ["ax-header", "ax-content"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "singleOpenMode": { "alias": "singleOpenMode"; "required": false; "isSignal": true; }; }, { "onBackdropClick": "onBackdropClick"; "collapsedStateChanged": "collapsedStateChanged"; }, never, ["ax-header", "ax-content"], true, [{ directive: typeof i1.AXDrawerItemDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class AXDrawerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDrawerModule, never, [typeof i1.CommonModule, typeof AXDrawerComponent, typeof AXDrawerContainerComponent], [typeof AXDrawerComponent, typeof AXDrawerContainerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXDrawerModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDrawerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDrawerModule, never, [typeof AXDrawerComponent, typeof AXDrawerContainerComponent], [typeof AXDrawerComponent, typeof AXDrawerContainerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDrawerModule>;
 }
 
 export { AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule };
-export type { AXDrawerLocation, AXDrawerMode };

package/drawer-legacy/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/drawer
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/drawer`.

package/drawer-legacy/index.d.ts

@@ -0,0 +1,86 @@
+import { MXBaseComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { AfterContentInit, DoCheck } from '@angular/core';
+import * as i1 from '@angular/common';
+
+/**
+ * A container component that organizes and positions drawer components.
+ * @category component
+ */
+declare class AXDrawerLegacyContainerComponent extends MXBaseComponent {
+    private service;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerLegacyContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerLegacyContainerComponent, "ax-drawer-legacy-container", never, {}, {}, never, ["ax-drawer", "ax-content"], true, never>;
+}
+
+type AXDrawerMode = 'push' | 'overlay';
+type AXDrawerLocation = 'start' | 'end';
+/**
+ * A component that represents a drawer with header and content sections.
+ *
+ * @category Components
+ */
+declare class AXDrawerLegacyComponent extends MXBaseComponent implements AfterContentInit, DoCheck {
+    #private;
+    location: i0.ModelSignal<AXDrawerLocation>;
+    showBackdrop: i0.InputSignal<boolean>;
+    mode: i0.ModelSignal<AXDrawerMode>;
+    closeOthers: i0.InputSignal<boolean>;
+    collapsed: i0.ModelSignal<boolean>;
+    private backdropElement;
+    protected loaded: i0.WritableSignal<boolean>;
+    private service;
+    private _zone;
+    private document;
+    private platformID;
+    /**
+     *
+     *  @ignore
+     */
+    ngAfterContentInit(): void;
+    /**
+     *  @ignore
+     */
+    ngDoCheck(): void;
+    /**
+     *  @ignore
+     */
+    private _detectBoundingSize;
+    /**
+     * Toggles the collapsed state of the drawer.
+     */
+    toggle(): void;
+    /**
+     * Collapses the drawer.
+     * @ignore
+     */
+    close(): void;
+    /**
+     * Expands the drawer.
+     */
+    open(): void;
+    /**
+     *  @ignore
+     */
+    private _addBackdrop;
+    /**
+     *  @ignore
+     */
+    private _removeBackdrop;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerLegacyComponent, "ax-drawer-legacy", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "location": "locationChange"; "mode": "modeChange"; "collapsed": "collapsedChange"; }, never, ["ax-header", "ax-content"], true, never>;
+}
+
+declare class AXDrawerLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDrawerLegacyModule, never, [typeof i1.CommonModule, typeof AXDrawerLegacyComponent, typeof AXDrawerLegacyContainerComponent], [typeof AXDrawerLegacyComponent, typeof AXDrawerLegacyContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXDrawerLegacyModule>;
+}
+
+export { AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent, AXDrawerLegacyModule };
+export type { AXDrawerLocation, AXDrawerMode };

package/editor/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/editor
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/editor`.

package/editor/index.d.ts

@@ -0,0 +1,79 @@
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import EditorJS, { OutputData } from '@editorjs/editorjs';
+
+type EditorJsTool = 'header' | 'list' | 'raw' | 'image' | 'quote' | 'codeBox' | 'underline' | 'color';
+type ImageToolConfig = {
+    endpoints?: {
+        byFile: string;
+        byUrl: string;
+    };
+    /** Name of the uploaded image field in POST request (default: "image") */
+    field?: string;
+    /** Mime-types of files accepted (default: "image/*") */
+    types?: string;
+    /** Extra data to send with upload requests */
+    additionalRequestData?: Record<string, any>;
+    /** Custom headers to include in upload requests */
+    additionalRequestHeaders?: Record<string, string>;
+    /** Placeholder text for the caption input (default: "Caption") */
+    captionPlaceholder?: string;
+    /** HTML content for the “Select file” button */
+    buttonContent?: string;
+    /** Custom uploader methods */
+    uploader?: {
+        uploadByFile?: (file: File) => Promise<{
+            success: number;
+            file: {
+                url: string;
+            };
+        }>;
+        uploadByUrl?: (url: string) => Promise<{
+            success: number;
+            file: {
+                url: string;
+            };
+        }>;
+    };
+    /** Custom actions for the tool's settings menu */
+    actions?: Array<Record<string, any>>;
+    /** Feature toggles (border, background, caption, etc.) */
+    features?: {
+        border?: boolean;
+        background?: boolean;
+        caption?: boolean;
+        [key: string]: any;
+    };
+};
+
+declare const AXEditorComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<OutputData>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+declare class AXEditorComponent extends AXEditorComponent_base {
+    #private;
+    private toolLoaders;
+    private editorHolder;
+    private platform;
+    modules: i0.InputSignal<EditorJsTool[]>;
+    imageConfig: i0.InputSignal<ImageToolConfig>;
+    protected editorClass: EditorJS;
+    private colorConfig;
+    private markerConfig;
+    private loadEditorJsTools;
+    private get __hostClass();
+    private get __hostName();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXEditorComponent, "ax-editor", never, { "look": { "alias": "look"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "imageConfig": { "alias": "imageConfig"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, ["ax-validation-rule"], true, never>;
+}
+
+declare class EditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, never, [typeof AXEditorComponent], [typeof AXEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
+}
+
+export { AXEditorComponent, EditorModule };
+export type { EditorJsTool, ImageToolConfig };