@acorex/components 20.2.0-next.1 → 20.2.0-next.10

package/image-editor/index.d.ts

@@ -169,6 +169,7 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     save(): void;
     protected cropButtonHandler(): void;
     get __hostClass(): string;
+    private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-header", "ax-image-editor-view", "ax-validation-rule"], true, never>;
 }

package/json-viewer/index.d.ts

@@ -5,15 +5,15 @@ import * as i3 from '@angular/common';
 
 declare class JsonViewerComponent {
     #private;
-    json: i0.InputSignal<any>;
-    convertedData: i0.WritableSignal<any>;
+    readonly json: i0.InputSignal<object>;
+    protected convertedData: i0.WritableSignal<any>;
     protected convertNestedToArray(obj: any): any;
     protected isArray(arry: any): arry is any[];
     protected isNumber(i: any): i is number;
     protected isDate(value: any): value is Date;
     protected isBoolean(value: any): value is boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<JsonViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<JsonViewerComponent, "ax-json-viewer", never, { "json": { "alias": "json"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonViewerComponent, "ax-json-viewer", never, { "json": { "alias": "json"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXJsonViewerModule {

package/kanban/index.d.ts

@@ -29,9 +29,13 @@ declare class AXKanbanComponent extends NXComponent {
     protected items: _angular_core.Signal<AXKanbanItem[]>;
     protected filteredStatuses: _angular_core.Signal<AXKanbanStatus[]>;
     /**
-     * Handles the drop event. It uses the component's current rendered state (`this.items`)
-     * as the source of truth for the operation, calculates the new state with precise
-     * re-indexing, and emits a comprehensive event with the updated data source.
+     * Handles a drop operation to reorder items or move them between statuses.
+     * It uses the component's current rendered state (`this.items`) as the source
+     * of truth, performs precise re-indexing, and emits a comprehensive event with
+     * the updated data source.
+     *
+     * @param event AXDropListDroppedEvent - The drag-and-drop event including indices and container information.
+     * @returns void
      */
     drop(event: AXDropListDroppedEvent): void;
     protected getItemsById(key: any): AXKanbanItem[];

package/kbd/index.d.ts

@@ -4,6 +4,12 @@ import * as i1 from '@angular/common';
 declare class AXKBDItemComponent {
     keys: i0.InputSignal<string | string[]>;
     modifierKeys: i0.WritableSignal<string[]>;
+    /**
+     * Capitalizes the first letter of the provided text.
+     *
+     * @param text Input text to transform
+     * @returns The text with its first character uppercased
+     */
     capitalizeFirstLetter(text: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/list/index.d.ts

@@ -4,6 +4,7 @@ import { AXEvent, MXSelectionValueComponent, AXItemClickEvent, AXDataSource, AXL
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/cdk/scrolling';
 import * as i3 from '@acorex/core/translation';
+import * as i4 from '@acorex/components/tooltip';
 
 interface AXListScrollIndexChanged extends AXEvent {
     index: number;
@@ -14,6 +15,18 @@ interface AXListScrollIndexChanged extends AXEvent {
  * @category Components
  */
 declare class AXListComponent extends MXSelectionValueComponent implements OnInit {
+    /**
+     * Determines if an item is truncated.
+     *
+     * @defaultValue true
+     */
+    isItemTruncated: i0.InputSignal<boolean>;
+    /**
+     * Determines if a tooltip is shown for an item.
+     *
+     * @defaultValue false
+     */
+    showItemTooltip: i0.InputSignal<boolean>;
     /**
      * Emitted when an item in the list is clicked.
      *
@@ -135,12 +148,12 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      */
     showEmptyTemplate: i0.Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readOnlyChange": "readOnlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onItemClick": "onItemClick"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, never, ["ax-header", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onItemClick": "onItemClick"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, never, ["ax-header", "ax-footer"], true, never>;
 }
 
 declare class AXListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXListModule, never, [typeof i1.CommonModule, typeof i2.ScrollingModule, typeof i3.AXTranslationModule, typeof AXListComponent], [typeof AXListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXListModule, never, [typeof i1.CommonModule, typeof i2.ScrollingModule, typeof i3.AXTranslationModule, typeof i4.AXTooltipModule, typeof AXListComponent], [typeof AXListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXListModule>;
 }
 

package/loading/index.d.ts

@@ -15,7 +15,6 @@ import * as i3 from '@angular/cdk/dialog';
 declare class AXLoadingSpinnerComponent {
     /**
      * The text to display alongside the spinner.
-     * @ignore
      */
     text: string;
     /**
@@ -105,17 +104,75 @@ declare class AXLoadingService {
     protected loadingStates: WeakMap<object, Map<LoaderId, boolean>>;
     protected loadingStates$: WeakMap<object, Map<LoaderId, BehaviorSubject<boolean>>>;
     private dialog;
+    /**
+     * Shows a modal loading overlay.
+     *
+     * If a host element is provided via `config.location`, the overlay is attached to that
+     * element; otherwise it is attached to `document.body`.
+     *
+     * @param config Optional configuration: host `location`, `type`, and `context` passed to the spinner instance.
+     * @returns number Unique loading reference id to be used with {@link hide}.
+     */
     show(config?: {
         location?: Element;
         type?: string;
         context?: unknown;
     }): number;
+    /**
+     * Hides a previously shown modal loading overlay.
+     *
+     * @param id Loading reference id returned by {@link show}.
+     */
     hide(id: number): void;
+    /**
+     * Wraps an Observable and toggles loading for its duration.
+     *
+     * Starts loading before subscription settles and ends loading on finalize.
+     *
+     * @param source$ Source observable.
+     * @param context Loading context key.
+     * @param loaderId Optional id to scope multiple loaders per context.
+     * @returns Observable<V> The original stream with loading side effects.
+     */
     doLoading<V>(source$: Observable<V>, context: LoadingContext, loaderId?: LoaderId): Observable<V>;
+    /**
+     * Returns current loading state for the given context and optional loader id.
+     *
+     * @param context Loading context key.
+     * @param loaderId Optional loader id.
+     * @returns boolean True if any matching loader is active.
+     */
     isLoading(context: LoadingContext, loaderId?: LoaderId): boolean;
+    /**
+     * Observable loading state for the given context and optional loader id.
+     * Initializes the state if it does not exist yet.
+     *
+     * @param context Loading context key.
+     * @param loaderId Optional loader id.
+     * @returns Observable<boolean>
+     */
     isLoading$(context: LoadingContext, loaderId?: LoaderId | any): Observable<boolean>;
+    /**
+     * Sets loading state to true for the given context/loader id.
+     *
+     * @param context Loading context key.
+     * @param loaderId Optional loader id.
+     * @returns void
+     */
     startLoading(context: LoadingContext, loaderId?: LoaderId): void;
+    /**
+     * Sets loading state to false for the given context/loader id.
+     *
+     * @param context Loading context key.
+     * @param loaderId Optional loader id.
+     * @returns void
+     */
     endLoading(context: LoadingContext, loaderId?: LoaderId): void;
+    /**
+     * Clears all tracked loading states across all contexts.
+     *
+     * @returns void
+     */
     clearLoadings(): void;
     protected setLoadingState(context: LoadingContext, state: boolean, loaderId: LoaderId): void;
     protected hasLoadingStates(context: LoadingContext, loaderId: LoaderId): boolean;

package/loading-dialog/index.d.ts

@@ -62,32 +62,44 @@ declare class AXLoadingDialogComponent extends MXBaseComponent {
     /** @ignore */
     protected progressValue: WritableSignal<number>;
     /**
-     * Closes the dialog.
+     * Closes the loading dialog.
+     *
+     * @returns void - No return value. The dialog is closed and control returns to the caller.
      */
     close(): void;
     /**
-     * Sets the progress text.
-     * @param text
+     * Sets the displayed progress text inside the dialog.
+     *
+     * @param text The text to display under the progress bar.
+     * @returns void
      */
     setProgressText(text: string): void;
     /**
-     * Sets the progress status.
-     * @param status
+     * Sets the status text, typically representing the current step out of total steps (e.g., "5/10").
+     *
+     * @param status The status text to display.
+     * @returns void
      */
     setProgressStatus(status: string): void;
     /**
-     * Sets the color for the progress.
-     * @param color
+     * Sets the color used by the progress indicator.
+     *
+     * @param color The color token to apply to the progress UI.
+     * @returns void
      */
     setProgressColor(color: AXStyleColorType): void;
     /**
-     * Sets the title for the dialog.
-     * @param text
+     * Sets the dialog title text.
+     *
+     * @param text The title text to display at the top of the dialog.
+     * @returns void
      */
     setDialogTitle(text: string): void;
     /**
-     * Sets the progress value.
-     * @param value
+     * Sets the numeric progress value.
+     *
+     * @param value A number in the range 0–100 representing the current progress.
+     * @returns void
      */
     setProgressValue(value: number): void;
     /** @ignore */
@@ -106,6 +118,12 @@ declare class AXLoadingDialogModule {
 
 declare class AXLoadingDialogService {
     private dialog;
+    /**
+     * Opens a loading dialog with the specified configuration.
+     *
+     * @param options Configuration for the loading dialog, including title, progress mode, and optional initial values.
+     * @returns AXDialogRef - A reference with helper methods to control the dialog lifecycle and UI (close, setProgressValue, setProgressText, setDialogTitle, setProgressColor, setProgressStatus).
+     */
     show(options: AXLoadingDialogConfig): AXDialogRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXLoadingDialogService>;

package/map/index.d.ts

@@ -167,6 +167,11 @@ declare class AXMapComponent implements OnDestroy {
      * Event triggered when a new marker is added to the map.
      */
     onMarkerAdded: _angular_core.OutputEmitterRef<AXMapMarker>;
+    /**
+     * @description
+     * Event triggered when a marker is clicked on the map.
+     */
+    onMarkerClick: _angular_core.OutputEmitterRef<AXMapMarker>;
     /**
      * @description
      * Event triggered when marker positions are changed on the map.
@@ -177,6 +182,11 @@ declare class AXMapComponent implements OnDestroy {
      * Event triggered when a new polygon is added to the map.
      */
     onPolygonAdded: _angular_core.OutputEmitterRef<AXMapPolygon>;
+    /**
+     * @description
+     * Event triggered when a polygon is clicked on the map.
+     */
+    onPolygonClick: _angular_core.OutputEmitterRef<AXMapPolygon>;
     /**
      * @description
      * Event triggered when polygon positions are changed on the map.
@@ -211,23 +221,26 @@ declare class AXMapComponent implements OnDestroy {
     private onLocationFoundSubscription?;
     private onMarkerChangedSubscription?;
     private onMarkerAddedSubscription?;
+    private onMarkerClickSubscription?;
     private onPolygonChangedSubscription?;
     private onPolygonAddedSubscription?;
+    private onPolygonClickSubscription?;
     private onPoiChangedSubscription?;
     private onPoiAddedSubscription?;
     /**
      * @description
      * Adds a marker to the specified location on the map.
      * @param location - The location where the marker should be placed.
+     * @param emitEvents - Whether to emit events for the marker.
      */
-    addMarker(location: AXMapMarker | AXMapMarker[]): Promise<void>;
+    addMarker(location: AXMapMarker | AXMapMarker[], emitEvents?: boolean): Promise<void>;
     /**
      * @description
      * Adds a polygon to the specified location on the map.
      * @param location - The location where the polygon should be placed.
-     * @param clickCallback - Optional callback for polygon click events.
+     * @param emitEvents - Whether to emit events for the polygon.
      */
-    addPolygon(location: AXMapPolygon | AXMapPolygon[], clickCallback?: (event: L.LeafletMouseEvent) => void): void;
+    addPolygon(location: AXMapPolygon | AXMapPolygon[], emitEvents?: boolean): void;
     /**
      * @description
      * Retrieves all markers currently placed on the map.
@@ -330,7 +343,7 @@ declare class AXMapComponent implements OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMapComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "fitToDraw": { "alias": "fitToDraw"; "required": false; "isSignal": true; }; "limitDraw": { "alias": "limitDraw"; "required": false; "isSignal": true; }; "addPoiToFitDraw": { "alias": "addPoiToFitDraw"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "poiMinZoom": { "alias": "poiMinZoom"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; "pois": { "alias": "pois"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; "onPoiChanged": "onPoiChanged"; "onPoiAdded": "onPoiAdded"; "onMapReady": "onMapReady"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "fitToDraw": { "alias": "fitToDraw"; "required": false; "isSignal": true; }; "limitDraw": { "alias": "limitDraw"; "required": false; "isSignal": true; }; "addPoiToFitDraw": { "alias": "addPoiToFitDraw"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "poiMinZoom": { "alias": "poiMinZoom"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; "pois": { "alias": "pois"; "required": false; "isSignal": true; }; }, { "zoomLevel": "zoomLevelChange"; "latitude": "latitudeChange"; "longitude": "longitudeChange"; "onMarkerAdded": "onMarkerAdded"; "onMarkerClick": "onMarkerClick"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonClick": "onPolygonClick"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; "onPoiChanged": "onPoiChanged"; "onPoiAdded": "onPoiAdded"; "onMapReady": "onMapReady"; }, never, never, true, never>;
 }
 
 interface AXMapConfig {
@@ -402,6 +415,10 @@ declare class AXLeafletService {
      * Emits when a marker is added.
      */
     onMarkerAdded: EventEmitter<AXMapMarker>;
+    /**
+     * Emits when a marker is clicked.
+     */
+    onMarkerClick: EventEmitter<AXMapMarker>;
     /**
      * Emits when the user's location is found.
      */
@@ -414,6 +431,10 @@ declare class AXLeafletService {
      * Emits when a polygon is added.
      */
     onPolygonAdded: EventEmitter<AXMapPolygon>;
+    /**
+     * Emits when a polygon is clicked.
+     */
+    onPolygonClick: EventEmitter<AXMapPolygon>;
     /**
      * Loads the Leaflet library and its plugins.
      */
@@ -569,13 +590,13 @@ declare class AXLeafletService {
      * Adds a marker or markers to the map.
      * @param locations The marker or markers to add.
      */
-    addMarker(locations: AXMapMarker | AXMapMarker[]): Promise<void>;
+    addMarker(locations: AXMapMarker | AXMapMarker[], emitEvents?: boolean): Promise<void>;
     /**
      * Adds a polygon or polygons to the map, respecting the boundary if set.
      * @param polygons The polygon or polygons to add.
      * @param clickCallback Optional callback function to be executed on polygon click.
      */
-    addPolygon(polygons: AXMapPolygon | AXMapPolygon[], clickCallback?: (event: L.LeafletMouseEvent) => void): void;
+    addPolygon(polygons: AXMapPolygon | AXMapPolygon[], emitEvents?: boolean): void;
     /**
      * Adds a POI marker to the map.
      * @param locations One or more POI markers to add.

package/number-box/index.d.ts

@@ -177,6 +177,7 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements
      */
     decimalStepDown(u?: boolean): void;
     onWheel(event: WheelEvent): void;
+    private get __hostName();
     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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "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"], true, never>;
 }

package/number-box-2/index.d.ts

@@ -33,6 +33,7 @@ declare class AXNumberBox2Component extends AXNumberBox2Component_base {
     protected handleDownClick(): void;
     protected handleOnMaskChanged(e: AXInputMaskEvent): void;
     protected onWheel(event: WheelEvent): void;
+    private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBox2Component, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNumberBox2Component, "ax-number-box-2", 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; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "thousandsSeparator": "thousandsSeparatorChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.0-next.1",
+  "version": "20.2.0-next.10",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -11,7 +11,10 @@
     "qrcode": "^1.5.4",
     "gridstack": "^11.1.2",
     "maska": ">=3.1.1",
-    "rrule": "^2.8.1"
+    "rrule": "^2.8.1",
+    "leaflet": "^1.9.4",
+    "leaflet-draw": "^1.0.4",
+    "leaflet.locatecontrol": "^0.81.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -195,6 +198,10 @@
       "types": "./label/index.d.ts",
       "default": "./fesm2022/acorex-components-label.mjs"
     },
+    "./list": {
+      "types": "./list/index.d.ts",
+      "default": "./fesm2022/acorex-components-list.mjs"
+    },
     "./loading": {
       "types": "./loading/index.d.ts",
       "default": "./fesm2022/acorex-components-loading.mjs"
@@ -203,10 +210,6 @@
       "types": "./loading-dialog/index.d.ts",
       "default": "./fesm2022/acorex-components-loading-dialog.mjs"
     },
-    "./list": {
-      "types": "./list/index.d.ts",
-      "default": "./fesm2022/acorex-components-list.mjs"
-    },
     "./map": {
       "types": "./map/index.d.ts",
       "default": "./fesm2022/acorex-components-map.mjs"

package/paint/index.d.ts

@@ -44,6 +44,7 @@ declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
     setHighlightWidth(width: number): void;
     setEraserWidth(width: number): void;
     clear(): void;
+    private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintContainerComponent, "ax-paint-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; "isSignal": true; }; }, {}, never, ["*", "ax-validation-rule"], true, never>;
 }

package/password-box/index.d.ts

@@ -45,6 +45,7 @@ declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
      * Toggles the input type between 'password' and 'text' to show or hide the password.
      */
     toggleType(): void;
+    private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵ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"], true, never>;
 }

package/phone-box/index.d.ts

@@ -79,6 +79,7 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     handleKeyDown(e: KeyboardEvent): void;
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
+    private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "country": "countryChange"; }, never, ["ax-clear-button ", "ax-validation-rule"], true, never>;
 }

package/picker/index.d.ts

@@ -6,7 +6,7 @@ import { MXValueComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
 declare class AXPickerContainerComponent {
-    customClass: _angular_core.InputSignal<string>;
+    readonly customClass: _angular_core.InputSignal<string>;
     get __hostClass(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerContainerComponent, "ax-picker-container", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["ax-picker-title", "ax-picker-items"], true, never>;
@@ -15,19 +15,21 @@ declare class AXPickerContainerComponent {
 declare class AXPickerItemsComponent extends MXValueComponent {
     #private;
     protected swiperRef: _angular_core.Signal<AXCarouselDirective>;
-    items: _angular_core.InputSignal<any[]>;
-    valueField: _angular_core.InputSignal<string>;
-    textField: _angular_core.InputSignal<string>;
-    selectedItemIndex: _angular_core.WritableSignal<any>;
-    slidesPerGroup: _angular_core.InputSignal<number>;
-    loop: _angular_core.InputSignal<boolean>;
+    readonly items: _angular_core.InputSignal<any[]>;
+    readonly valueField: _angular_core.InputSignal<string>;
+    readonly textField: _angular_core.InputSignal<string>;
+    readonly slidesPerGroup: _angular_core.InputSignal<number>;
+    readonly loop: _angular_core.InputSignal<boolean>;
+    private selectedItemIndex;
+    readonly minValue: _angular_core.InputSignal<number>;
+    readonly maxValue: _angular_core.InputSignal<number>;
     protected option: _angular_core.WritableSignal<swiper_types.SwiperOptions>;
     protected clickHandler(v: any): any;
     internalSetValue(v: any): any;
     /** @ignore */
     private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerItemsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerItemsComponent, "ax-picker-items", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerItemsComponent, "ax-picker-items", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
 }
 
 declare class AXPickerTitleComponent {

package/popover/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ElementRef, ComponentRef, TemplateRef, EventEmitter } from '@angular/core';
+import { OnDestroy, ElementRef, ComponentRef, TemplateRef, EventEmitter } from '@angular/core';
 import { MXBaseComponent, AXPlacementType, AXEvent } from '@acorex/cdk/common';
 import { ComponentType } from '@angular/cdk/portal';
 import * as i1 from '@angular/common';
@@ -10,7 +10,7 @@ type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
  * @category Components
  * A popover component with custom encapsulation and change detection settings.
  */
-declare class AXPopoverComponent extends MXBaseComponent {
+declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     #private;
     private document;
     private platformID;
@@ -33,6 +33,10 @@ declare class AXPopoverComponent extends MXBaseComponent {
     /** @ignore */
     private _overlayEvents;
     /** @ignore */
+    private resizeObserver;
+    /** @ignore */
+    private resize$;
+    /** @ignore */
     private _disabled;
     width: i0.InputSignal<string>;
     /**
@@ -78,7 +82,7 @@ declare class AXPopoverComponent extends MXBaseComponent {
     /** @ignore */
     private _placement;
     /**
-     * Gets or sets the component's placement and updates position settings.
+     * Gets the current placement of the component.
      */
     get placement(): AXPlacementType;
     /**
@@ -214,6 +218,10 @@ declare class AXPopoverComponent extends MXBaseComponent {
      * Focuses the overlay element.
      */
     focus(): void;
+    /** @ignore */
+    private initializeResizeObserver;
+    /** @ignore */
+    private disconnectResizeObserver;
     protected ngOnInit(): void;
     /** @ignore */
     ngOnDestroy(): void;

package/radio/index.d.ts

@@ -21,7 +21,7 @@ declare class AXRadioComponent extends MXValueComponent<boolean | null> implemen
     /** @ignore */
     protected _handleModelChange(value: boolean | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
 }
 
 declare class AXRadioModule {

package/rate-picker/index.d.ts

@@ -103,7 +103,7 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * @description
      * Handles mouse leave events to reset styles.
      */
-    mouseLeave(): void;
+    protected mouseLeave(): void;
     /**
      * @description
      * Cleans up event listeners and restores the previous rating value.