@acorex/components 19.8.0-next.0 → 19.8.0-next.10

package/grid-layout-builder/lib/grid-layout-container.component.d.ts

@@ -1,4 +1,6 @@
-import { AXGridLayout, AXGridLayoutDroppedEvent, AXGridLayoutElementEvent, AXGridLayoutEventEvent, AXGridLayoutNode, AXGridLayoutNodesEvent, AXGridLayoutOptions, AXGridLayoutWidget, AXGridLayoutWidgetCompElement, AXSaveCallback } from './types';
+import { OnDestroy, OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { AXGridLayout, AXGridLayoutDroppedEvent, AXGridLayoutElementEvent, AXGridLayoutEventEvent, AXGridLayoutNode, AXGridLayoutNodesEvent, AXGridLayoutOptions, AXGridLayoutWidget, AXGridLayoutWidgetCompElement, AXGridLayoutWidgetElement, AXSaveCallback } from './types';
 import * as i0 from "@angular/core";
 /**
  * The `AXGridLayoutContainerComponent` is an Angular component that acts as a wrapper for the GridStack library.
@@ -7,12 +9,13 @@ import * as i0 from "@angular/core";
  *
  * This component uses Angular's reactive signals, outputs, and lifecycle hooks to manage grid state and interactions.
  */
-export declare class AXGridLayoutContainerComponent {
+export declare class AXGridLayoutContainerComponent implements OnInit, OnDestroy {
     private serializedData?;
     /**
      * Content children elements of type `AXGridLayoutWidgetComponent` that are dynamically managed within the grid.
      */
-    private items;
+    private compItems;
+    private dirItems;
     /**
      * Input that holds options for configuring the GridStack grid layout.
      */
@@ -105,12 +108,12 @@ export declare class AXGridLayoutContainerComponent {
      * Angular lifecycle hook that initializes the grid once the component is created.
      * It sets up GridStack and loads any initial layout configuration.
      */
-    protected ngOnInit(): Promise<void>;
+    ngOnInit(): Promise<void>;
     /**
      * Angular lifecycle hook that cleans up resources when the component is destroyed.
      * It removes event listeners and destroys the GridStack instance.
      */
-    protected ngOnDestroy(): void;
+    ngOnDestroy(): void;
     /**
      * Effect that reacts to changes in the grid layout and updates the DOM accordingly.
      */
@@ -136,54 +139,42 @@ export declare class AXGridLayoutContainerComponent {
      */
     private unhookEvents;
     /**
-     * Adds a widget to the grid layout. Optionally arranges the grid after adding the widget.
-     *
-     * @param item The widget to add.
-     * @param withAutoArrange If true, the grid will be auto-arranged after adding the widget.
-     * @returns The added widget's layout node.
+     * Creates a new widget and returns it.
+     * @param w - Widget position/size options.
+     * @returns The created widget's HTML element, or `undefined` if the grid is not initialized.
      */
-    add(item: AXGridLayoutWidget, withAutoArrange?: boolean): AXGridLayoutNode;
+    addWidget(w: AXGridLayoutWidget, withAutoArrange?: boolean): AXGridLayoutWidgetElement | undefined;
     /**
-     * Removes a widget from the grid layout.
-     *
-     * @param element The widget element to remove.
-     * @returns The updated grid instance.
+     * Re-layout grid items to reclaim any empty space.
+     * @param layout - Compaction mode: 'list' or 'compact'. Default is 'compact'.
+     * @param doSort - Whether to sort items automatically. Default is `true`.
      */
-    remove(element: AXGridLayoutWidgetCompElement): AXGridLayout;
+    compact(layout?: 'list' | 'compact', doSort?: boolean): void;
     /**
-     * Clears all widgets from the grid layout.
-     *
-     * @returns The updated grid instance.
+     * Updates the current cell height.
+     * @param val - The new cell height value.
+     * @param update - Whether to rebuild the internal CSS stylesheet. Default is `true`.
      */
-    clear(): AXGridLayout;
+    setCellHeight(val: number, update?: boolean): void;
     /**
-     * Saves the current state of the grid and its widgets.
-     *
-     * @param saveContent If true, the content of the widgets will be saved.
-     * @param saveGridOpt If true, the grid options will be saved.
-     * @param saveCallback Optional callback to invoke after saving the grid state.
-     * @returns The saved grid layout options.
+     * Sets the number of columns in the grid and updates existing widgets to conform to the new layout.
+     * @param column - Number of columns (must be > 0). Default is 12.
+     * @param layout - Re-layout behavior: 'list', 'compact', 'moveScale', 'move', 'scale', 'none'.
+     *                Default is 'moveScale'.
      */
-    save(saveContent?: boolean, saveGridOpt?: boolean, saveCallback?: AXSaveCallback): AXGridLayoutOptions;
-    /**
-     * Loads a serialized grid layout configuration into the grid.
-     *
-     * @param serializedData The serialized grid options to load.
-     * @param cleanBeforeLoad If true, the grid will be cleared before loading the new layout.
-     * @returns A promise that resolves to the loaded grid instance.
-     */
-    load(serializedData?: AXGridLayoutOptions, cleanBeforeLoad?: boolean): Promise<AXGridLayout>;
+    setColumn(column: number, layout?: 'list' | 'compact' | 'moveScale' | 'move' | 'scale' | 'none'): void;
     /**
-     * Automatically arranges the widgets within the grid layout.
+     * Destroys the grid instance.
+     * @param removeDOM - If `false`, nodes and grid will not be removed from the DOM. Default is `true`.
      */
-    autoArrange(): void;
+    destroy(removeDOM?: boolean): void;
     /**
      * Sets whether widgets in the grid can be moved (dragged).
      *
      * @param state If true, widgets are movable; otherwise, they are locked.
      * @param recurse If true, the setting is applied to nested widgets as well.
      */
-    setlockable(state: boolean, recurse?: boolean): void;
+    setMovable(state: boolean, recurse?: boolean): void;
     /**
      * Sets whether widgets in the grid can be resized.
      *
@@ -192,11 +183,57 @@ export declare class AXGridLayoutContainerComponent {
      */
     setResizable(state: boolean, recurse?: boolean): void;
     /**
-     * Retrieves all the child nodes (widgets) in the grid layout.
+     * Sets or gets the floating behavior of widgets.
+     * @param val - If provided, sets floating behavior (`true` or `false`). If not provided, returns the current value.
+     * @returns The current floating behavior if `val` is not provided.
+     */
+    setFloat(val: boolean): void;
+    /**
+     * Sets the margin (gap) between grid items and their content.
+     * @param value - The margin value (number or string).
+     */
+    setMargin(value: number | string): void;
+    /**
+     * Removes a widget from the grid.
+     * @param el - The widget to remove.
+     * @param removeDOM - If `false`, the widget won't be removed from the DOM. Default is `true`.
+     * @param triggerEvent - If `false`, no 'removed' callbacks will be called. Default is `true`.
+     */
+    removeWidget(el: AXGridLayoutWidgetElement, removeDOM?: boolean, triggerEvent?: boolean): void;
+    /**
+     * Removes all widgets from the grid.
+     * @param removeDOM - If `false`, widgets won't be removed from the DOM. Default is `true`.
+     */
+    removeAll(removeDOM?: boolean): void;
+    /**
+     * Rotates a widget by swapping its width and height.
+     * @param els - The widget or selector of widgets to rotate.
+     * @param relative - Optional pixel coordinates to rotate around (keeps that cell under the cursor).
+     */
+    setRotate(element: AXGridLayoutWidgetCompElement): void;
+    /**
+     * Toggles the grid animation state.
+     * @param doAnimate - If `true`, the grid will animate.
+     */
+    setAnimation(doAnimate: boolean): void;
+    domSanitizer: DomSanitizer;
+    /**
+     * Saves the current grid layout configuration.
      *
-     * @returns An array of grid layout nodes representing the widgets.
+     * @param saveContent Whether to save the content of the grid items.
+     * @param saveGridOpt Whether to save the grid options.
+     * @param saveCallback Optional callback for custom save logic.
+     * @returns The serialized grid layout options.
      */
-    getChildren(): AXGridLayoutNode[];
+    save(saveContent?: boolean, saveGridOpt?: boolean, saveCallback?: AXSaveCallback): AXGridLayoutOptions;
+    /**
+     * Loads a serialized grid layout configuration into the grid.
+     *
+     * @param serializedData The serialized grid options to load.
+     * @param cleanBeforeLoad If true, the grid will be cleared before loading the new layout.
+     * @returns A promise that resolves to the loaded grid instance.
+     */
+    load(serializedData?: AXGridLayoutOptions, cleanBeforeLoad?: boolean): Promise<AXGridLayout>;
     /**
      * Sets up draggable functionality for external elements to be added to the grid.
      *
@@ -206,28 +243,23 @@ export declare class AXGridLayoutContainerComponent {
     setupDraggable(dragIn?: string | HTMLElement[], widgets?: AXGridLayoutWidget): Promise<void>;
     /**
      * Sets grid layout options.
-     *
      * @param options The new grid layout options to apply.
-     */
-    setOption(options: AXGridLayoutOptions): void;
-    /**
-     * Rotates a specific widget element in the grid layout.
      *
-     * @param element The widget element to rotate.
+     * `Experimental`
      */
-    rotate(element: AXGridLayoutWidgetCompElement): void;
+    setOption(options: AXGridLayoutOptions): void;
     /**
-     * Sets the number of columns in the grid layout.
+     * Retrieves the current grid layout options.
      *
-     * @param count The number of columns to set.
+     * @returns The current grid options.
      */
-    setColumn(count: number): void;
+    getOptions(): AXGridLayoutOptions;
     /**
-     * Retrieves the current grid layout options.
+     * Retrieves all the child nodes (widgets) in the grid layout.
      *
-     * @returns The current grid options.
+     * @returns An array of grid layout nodes representing the widgets.
      */
-    getOptions(): import("gridstack").GridStackOptions;
+    getChildren(): AXGridLayoutNode[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutContainerComponent, "ax-grid-layout-container", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "isEmpty": { "alias": "isEmpty"; "required": false; "isSignal": true; }; }, { "onAdded": "onAdded"; "onChange": "onChange"; "onDisable": "onDisable"; "onDrag": "onDrag"; "onDragStart": "onDragStart"; "onDragStop": "onDragStop"; "onDropped": "onDropped"; "onEnable": "onEnable"; "onRemoved": "onRemoved"; "onResize": "onResize"; "onResizeStart": "onResizeStart"; "onResizeStop": "onResizeStop"; "isRendered": "isRendered"; "isEmpty": "isEmptyChange"; }, ["items"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXGridLayoutContainerComponent, "ax-grid-layout-container", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "isEmpty": { "alias": "isEmpty"; "required": false; "isSignal": true; }; }, { "onAdded": "onAdded"; "onChange": "onChange"; "onDisable": "onDisable"; "onDrag": "onDrag"; "onDragStart": "onDragStart"; "onDragStop": "onDragStop"; "onDropped": "onDropped"; "onEnable": "onEnable"; "onRemoved": "onRemoved"; "onResize": "onResize"; "onResizeStart": "onResizeStart"; "onResizeStop": "onResizeStop"; "isRendered": "isRendered"; "isEmpty": "isEmptyChange"; }, ["compItems", "dirItems"], ["*"], false, never>;
 }

package/grid-layout-builder/lib/grid-layout-widget.directive.d.ts

@@ -0,0 +1,106 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { AXGridLayoutNode, AXGridLayoutWidget, AXGridLayoutWidgetCompElement } from './types';
+import * as i0 from "@angular/core";
+/**
+ * A directive that turns any element into a GridStack widget.
+ * It allows the element to be managed by the GridStack library,
+ * enabling features like resizing, dragging, and layout customization.
+ *
+ * This directive creates an inner element inside the host element
+ * and moves the widget content into it for better encapsulation and styling.
+ *
+ * @example
+ * <div axGridLayoutWidget [options]="widgetOptions">Widget Content</div>
+ */
+export declare class AXGridLayoutWidgetDirective implements OnInit, OnDestroy {
+    /**
+     * Reference to the native element of the directive.
+     */
+    private readonly elementRef;
+    /**
+     * Renderer2 for safe DOM manipulation.
+     */
+    private readonly renderer;
+    /**
+     * The native element of the directive.
+     */
+    el: AXGridLayoutWidgetCompElement;
+    /**
+     * The current options of the widget. These options are used to define the layout,
+     * content, and behavior of the widget within the grid.
+     */
+    private _options?;
+    /**
+     * Reference to the newly created inner element.
+     */
+    private innerElement;
+    /**
+     * Input property that represents the widget's configuration options.
+     *
+     * The options include properties such as position, size, content, and other
+     * configuration values. These options are updated dynamically.
+     *
+     * @param {AXGridLayoutNode} val The configuration object for the widget.
+     * @returns {AXGridLayoutWidgetCompElement} The element associated with the widget.
+     */
+    options: import("@angular/core").InputSignalWithTransform<import("gridstack").GridStackNode, import("gridstack").GridStackNode>;
+    /**
+     * Initializes the directive and sets up the inner element.
+     * Create a new inner element
+     * Move the host element's content into the new inner element
+     * Append the inner element to the host element
+     * Set the reference to the grid widget directive
+     */
+    ngOnInit(): void;
+    /**
+     * Cleans up the directive when it is destroyed.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Clears the widget's options.
+     *
+     * This method removes any existing options set for the widget and resets it
+     * to its default state.
+     */
+    clearOptions(): void;
+    /**
+     * Removes this widget from the grid.
+     *
+     * This method interacts with GridStack to remove the widget from the layout.
+     * Once removed, the widget will no longer be part of the grid.
+     */
+    removeWidget(): void;
+    /**
+     * Sets whether the widget can be locked (i.e., not resizable).
+     *
+     * @param {boolean} state Whether the widget should be locked or not.
+     * @remarks
+     * If the widget is locked, it cannot be resized.
+     */
+    setLockable(state: boolean): void;
+    /**
+     * Sets whether the widget can be resized.
+     *
+     * @param {boolean} state Whether the widget should be resizable or not.
+     * @remarks
+     * If the widget is resizable, the user can change its size by dragging.
+     */
+    setResizable(state: boolean): void;
+    /**
+     * Updates the options of the widget.
+     *
+     * @param {AXGridLayoutWidget} options The new options to apply to the widget.
+     */
+    setOptions(options: AXGridLayoutWidget): void;
+    /**
+     * Retrieves the current options of the widget.
+     *
+     * @returns {AXGridLayoutNode} The current configuration options of the widget.
+     * @remarks
+     * This method provides access to the widget's layout and configuration.
+     * If no specific options are set, it returns the default options.
+     */
+    getOptions(): AXGridLayoutNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXGridLayoutWidgetDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXGridLayoutWidgetDirective, "[axGridLayoutWidget]", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/grid-layout-builder/lib/types.d.ts

@@ -1,5 +1,6 @@
 import { AXGridLayoutContainerComponent } from './grid-layout-container.component';
 import { AXGridLayoutWidgetComponent } from './grid-layout-widget.component';
+import { AXGridLayoutWidgetDirective } from './grid-layout-widget.directive';
 export type AXGridLayoutNode = import('gridstack').GridStackNode;
 export type AXGridLayout = import('gridstack').GridStack;
 export type AXGridLayoutOptions = import('gridstack').GridStackOptions;
@@ -28,6 +29,6 @@ export interface AXGridLayoutContainerCompElement extends AXGridLayoutContainerE
     _gridComp?: AXGridLayoutContainerComponent;
 }
 export interface AXGridLayoutWidgetCompElement extends AXGridLayoutWidgetElement {
-    _gridWidgetComp?: AXGridLayoutWidgetComponent;
+    _gridWidgetComp?: AXGridLayoutWidgetComponent | AXGridLayoutWidgetDirective;
 }
 export type AXSaveCallback = import('gridstack').SaveFcn;

package/image-editor/index.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/image-editor-container/image-editor-container.component';
+export * from './lib/image-editor-toolbar/image-editor-toolbar.component';
 export * from './lib/image-editor-tools/image-editor-color-picker/image-editor-color-picker.component';
 export * from './lib/image-editor-tools/image-editor-crop/image-editor-crop.component';
 export * from './lib/image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component';

package/image-editor/lib/image-editor-container/image-editor-container.component.d.ts

@@ -1,34 +1,15 @@
-import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
-import { AXDialogService } from '@acorex/components/dialog';
+import { MXLookComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import { AXImageEditorService } from '../image-editor.service';
 import * as i0 from "@angular/core";
-declare const AXImageEditorContainerComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
-    new (): MXInputBaseValueComponent<Blob[]>;
-    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
-}, typeof MXLookComponent]>;
 /**
  * paint container.
  * @category Components
  */
-export declare class AXImageEditorContainerComponent extends AXImageEditorContainerComponent_base {
+export declare class AXImageEditorContainerComponent extends MXLookComponent {
     /** @ignore */
     protected service: AXImageEditorService;
     imageEditorContainer: import("@angular/core").Signal<ElementRef<any>>;
-    /** @ignore */
-    protected dialogService: AXDialogService;
-    /** @ignore */
-    protected options: import("@angular/core").WritableSignal<{
-        color: string;
-        title: string;
-        vertical: boolean;
-        content: string;
-        orientation: any;
-        draggable: boolean;
-    }>;
-    save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, ["*", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, {}, {}, never, ["*"], false, never>;
 }
-export {};

package/image-editor/lib/image-editor-toolbar/image-editor-toolbar.component.d.ts

@@ -0,0 +1,27 @@
+import { MXInputBaseValueComponent } from '@acorex/components/common';
+import { AXDialogService } from '@acorex/components/dialog';
+import { AXImageEditorService } from '../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ *paint toolbar
+ * @category Components
+ */
+export declare class AXImageEditorToolbarComponent extends MXInputBaseValueComponent<Blob[]> {
+    /** @ignore */
+    protected dialogService: AXDialogService;
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected options: import("@angular/core").WritableSignal<{
+        color: string;
+        title: string;
+        vertical: boolean;
+        content: string;
+        orientation: any;
+        draggable: boolean;
+    }>;
+    /** @ignore */
+    protected saveHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorToolbarComponent, "ax-image-editor-toolbar", never, {}, { "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "*", "ax-suffix"], false, never>;
+}

package/image-editor/lib/image-editor.module.d.ts

@@ -1,21 +1,22 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./image-editor-tools/image-editor-color-picker/image-editor-color-picker.component";
-import * as i2 from "./image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component";
-import * as i3 from "./image-editor-view/image-editor-view.component";
-import * as i4 from "./image-editor-container/image-editor-container.component";
-import * as i5 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
-import * as i6 from "@acorex/components/button";
-import * as i7 from "@angular/forms";
-import * as i8 from "@acorex/components/range-slider";
-import * as i9 from "@acorex/components/select-box";
-import * as i10 from "@acorex/components/color-box";
-import * as i11 from "@acorex/components/popover";
-import * as i12 from "@acorex/components/decorators";
-import * as i13 from "@acorex/components/loading";
-import * as i14 from "@acorex/components/dialog";
-import * as i15 from "@acorex/components/tooltip";
+import * as i1 from "./image-editor-toolbar/image-editor-toolbar.component";
+import * as i2 from "./image-editor-tools/image-editor-color-picker/image-editor-color-picker.component";
+import * as i3 from "./image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component";
+import * as i4 from "./image-editor-view/image-editor-view.component";
+import * as i5 from "./image-editor-container/image-editor-container.component";
+import * as i6 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
+import * as i7 from "@acorex/components/button";
+import * as i8 from "@angular/forms";
+import * as i9 from "@acorex/components/range-slider";
+import * as i10 from "@acorex/components/select-box";
+import * as i11 from "@acorex/components/color-box";
+import * as i12 from "@acorex/components/popover";
+import * as i13 from "@acorex/components/decorators";
+import * as i14 from "@acorex/components/loading";
+import * as i15 from "@acorex/components/dialog";
+import * as i16 from "@acorex/components/tooltip";
 export declare class AXImageEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, [typeof i1.AXImageEditorColorPickerComponent, typeof i2.AXImageEditorPenModeChangerComponent, typeof i3.AXImageEditorViewComponent, typeof i4.AXImageEditorContainerComponent, typeof i5.AXImageEditorCropComponent], [typeof i6.AXButtonModule, typeof i7.FormsModule, typeof i8.AXRangeSliderModule, typeof i9.AXSelectBoxModule, typeof i10.AXColorBoxModule, typeof i11.AXPopoverModule, typeof i12.AXDecoratorModule, typeof i13.AXLoadingModule, typeof i14.AXDialogModule, typeof i15.AXTooltipModule], [typeof i1.AXImageEditorColorPickerComponent, typeof i2.AXImageEditorPenModeChangerComponent, typeof i3.AXImageEditorViewComponent, typeof i4.AXImageEditorContainerComponent, typeof i5.AXImageEditorCropComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, [typeof i1.AXImageEditorToolbarComponent, typeof i2.AXImageEditorColorPickerComponent, typeof i3.AXImageEditorPenModeChangerComponent, typeof i4.AXImageEditorViewComponent, typeof i5.AXImageEditorContainerComponent, typeof i6.AXImageEditorCropComponent], [typeof i7.AXButtonModule, typeof i8.FormsModule, typeof i9.AXRangeSliderModule, typeof i10.AXSelectBoxModule, typeof i11.AXColorBoxModule, typeof i12.AXPopoverModule, typeof i13.AXDecoratorModule, typeof i14.AXLoadingModule, typeof i15.AXDialogModule, typeof i16.AXTooltipModule], [typeof i1.AXImageEditorToolbarComponent, typeof i2.AXImageEditorColorPickerComponent, typeof i3.AXImageEditorPenModeChangerComponent, typeof i4.AXImageEditorViewComponent, typeof i5.AXImageEditorContainerComponent, typeof i6.AXImageEditorCropComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXImageEditorModule>;
 }

package/loading/lib/loading-spinner.component.d.ts

@@ -14,7 +14,7 @@ export declare class AXLoadingSpinnerComponent {
      * Color of the spinner. Can be a predefined style color or a custom color.
      * @defaultValue 'ghost'
      */
-    color: AXStyleColorType | 'white' | 'black';
+    color: AXStyleColorType | string;
     /**
      * Size of the spinner, in pixels. This determines both the width and height of the spinner.
      * @defaultValue 16

package/menu/lib/menu-item.component.d.ts

@@ -1,5 +1,4 @@
 import { AXStyleColorType, NXComponent } from '@acorex/components/common';
-import { OnDestroy } from '@angular/core';
 import { AXMenuItemClickBaseEvent, AXRootMenu } from './menu.types';
 import * as i0 from "@angular/core";
 export type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -7,7 +6,7 @@ export type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>
  * Represents a menu item component used within an `ax-menu`.
  * @category Components
  */
-export declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
+export declare class AXMenuItemComponent extends NXComponent {
     protected isOpen: import("@angular/core").WritableSignal<boolean>;
     protected hasSubItems: import("@angular/core").WritableSignal<boolean>;
     protected isFirstLevel: import("@angular/core").WritableSignal<boolean>;

package/notification/lib/notification.service.d.ts

@@ -15,7 +15,7 @@ export declare class AXNotificationService {
     hideAll(): void;
     private handleShowReservedNotification;
     private handleReservedNotificationCounter;
-    private createReservedCounternotification;
+    private createReservedCounterToast;
     private reposition;
     private getRepositionPosition;
     private getPosition;

package/number-box/lib/number-box.component.d.ts

@@ -154,7 +154,6 @@ export declare class AXNumberBoxComponent extends AXNumberBoxComponent_base impl
      * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
      */
     decimalStepDown(u?: boolean): void;
-    get __hostClass(): string[];
     onWheel(event: WheelEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.8.0-next.0",
+  "version": "19.8.0-next.10",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -145,6 +145,10 @@
       "types": "./dropdown-button/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
     },
+    "./file-explorer": {
+      "types": "./file-explorer/index.d.ts",
+      "default": "./fesm2022/acorex-components-file-explorer.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/acorex-components-form.mjs"

package/password-box/lib/password-box.component.d.ts

@@ -36,7 +36,6 @@ export declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base
      * Toggles the input type between 'password' and 'text' to show or hide the password.
      */
     toggleType(): void;
-    get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule", "ax-password-strength-validation"], false, never>;
 }

package/progress-bar/lib/progress-bar.component.d.ts

@@ -11,41 +11,41 @@ export declare class AXProgressBarComponent extends MXColorComponent {
     /** @ignore */
     circle: ElementRef;
     /**
-     * @event
-     * Emits when the slider value changes.
-     */
+   * @event
+   * Emits when the slider value changes.
+   */
     ValueChange: EventEmitter<number>;
     /** @ignore */
     private _progress;
     /**
-     * Specifies the progress indicator mode.
-     */
+   * Specifies the progress indicator mode.
+   */
     mode: AXProgressMode;
     /**
-     * Gets or sets the progress value (0-100).
-     */
+   * Gets or sets the progress value (0-100).
+   */
     get progress(): number;
     /**
-     * Sets the progress value (0-100).
-     * @param {number} v
-     */
+   * Sets the progress value (0-100).
+   * @param {number} v
+   */
     set progress(v: number);
     /**
-     * Emitted when the size changes.
-     * @event
-     */
+   * Emitted when the size changes.
+   * @event
+   */
     sizeChange: EventEmitter<number>;
     /** @ignore */
     private _height;
     /**
-     * Gets or sets the height of the component.
-     * @param {number} v
-     */
+   * Gets or sets the height of the component.
+   * @param {number} v
+   */
     get height(): number;
     /**
-     * Sets the height of the component.
-     * @param {number} v
-     */
+   * Sets the height of the component.
+   * @param {number} v
+   */
     set height(v: number);
     /** @ignore */
     private get __hostClass();

package/search-box/lib/search-box.component.d.ts

@@ -16,10 +16,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     constructor(
     /** @ignore */
     _parent: AXSearchableComponent);
-    /**
-     * Defines custom CSS classes to apply to the component.
-     */
-    classNames: string;
     /**
      * The delay time for search actions, specified in milliseconds.
      * @defaultValue 500
@@ -34,6 +30,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     /** @ignore */
     get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-icon", "ax-clear-button", "ax-suffix"], false, never>;
 }
 export {};