@acorex/components 20.1.24 → 20.1.26

package/flow-chart/index.d.ts

@@ -135,8 +135,26 @@ declare class AXFlowChartComponent extends NXComponent {
     selectedNode: _angular_core.Signal<AXFlowChartNodes>;
     selectedEdge: _angular_core.Signal<AXFlowChartEdges>;
     handleKeyboardEvent(event: KeyboardEvent): void;
+    /**
+     * Draws edges on the flow chart.
+     *
+     * @param edges Array of edges to draw.
+     * @returns void
+     */
     drawEdges(edges: AXFlowChartEdges[]): void;
+    /**
+     * Removes a specific edge from the flow chart.
+     *
+     * @param edge The edge object to remove.
+     * @returns void
+     */
     removeEdge(edge: AXFlowChartEdges): void;
+    /**
+     * Creates one or more nodes on the flow chart.
+     *
+     * @param nodes Array of node definitions to create.
+     * @returns void
+     */
     createNode(nodes: {
         id: string;
         type: string;
@@ -144,6 +162,12 @@ declare class AXFlowChartComponent extends NXComponent {
         x: number;
         y: number;
     }[]): void;
+    /**
+     * Removes a node by its identifier.
+     *
+     * @param nodeId The unique id of the node to remove.
+     * @returns void
+     */
     removeNode(nodeId: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFlowChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFlowChartComponent, "ax-flow-chart", never, { "initialFlowChartNode": { "alias": "initialFlowChartNode"; "required": true; "isSignal": true; }; "initialFlowChartEdge": { "alias": "initialFlowChartEdge"; "required": true; "isSignal": true; }; }, {}, never, ["ax-header", "ax-flow-chart-renderer", "ax-footer"], true, never>;

package/form/index.d.ts

@@ -172,6 +172,10 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      *  @ignore
      */
     private autoSetRequired;
+    /**
+     *  @ignore
+     */
+    private autoSetLabelAssociation;
     /**
      *  @ignore
      */

package/kbd/index.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
+import { NXComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
-declare class AXKBDItemComponent {
+declare class AXKBDItemComponent extends NXComponent {
     keys: i0.InputSignal<string | string[]>;
     modifierKeys: i0.WritableSignal<string[]>;
     /**
@@ -10,12 +11,12 @@ declare class AXKBDItemComponent {
      * @param text Input text to transform
      * @returns The text with its first character uppercased
      */
-    capitalizeFirstLetter(text: string): string;
+    protected 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>;
 }
 
-declare class AXKBDComponent {
+declare class AXKBDComponent extends NXComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, {}, {}, never, ["ax-kbd-item"], true, never>;
 }

package/map/index.d.ts

@@ -31,6 +31,14 @@ interface AXMapMarker extends AXMapLatLng {
     popup?: string;
     popupOpen?: boolean;
     popupCloseButton?: boolean;
+    /**
+     * If true, the marker cannot be deleted or moved/edited via draw interactions
+     */
+    isLocked?: boolean;
+    /**
+     * Optional unique identifier for id-based operations
+     */
+    id?: string | number;
 }
 /**
  * Represents a Point of Interest marker on the map with the same properties as AXMapMarker.
@@ -126,6 +134,12 @@ declare class AXMapComponent implements OnDestroy {
      * @default false
      */
     addPoiToFitDraw: _angular_core.InputSignal<boolean>;
+    /**
+     * @description
+     * If true, user can add a marker by clicking/tapping on the map.
+     * @default false
+     */
+    addMarkerOnTap: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Position of the marker control on the map.
@@ -212,6 +226,11 @@ declare class AXMapComponent implements OnDestroy {
      * Event triggered map is loaded.
      */
     onMapReady: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description
+     * Event triggered when map loading/initialization fails.
+     */
+    onLoadError: _angular_core.OutputEmitterRef<Error>;
     private mapContainer;
     private leafletService;
     private rendered;
@@ -234,6 +253,11 @@ declare class AXMapComponent implements OnDestroy {
      * @param emitEvents - Whether to emit events for the marker.
      */
     addMarker(location: AXMapMarker | AXMapMarker[], emitEvents?: boolean): Promise<void>;
+    /**
+     * @description
+     * Removes markers by id or location; if not provided removes all markers
+     */
+    removeMarker(location?: AXMapMarker | AXMapMarker[]): void;
     /**
      * @description
      * Adds a polygon to the specified location on the map.
@@ -241,6 +265,11 @@ declare class AXMapComponent implements OnDestroy {
      * @param emitEvents - Whether to emit events for the polygon.
      */
     addPolygon(location: AXMapPolygon | AXMapPolygon[], emitEvents?: boolean): void;
+    /**
+     * @description
+     * Removes polygons by id or geometry; if not provided removes all polygons
+     */
+    removePolygon(location?: AXMapPolygon | AXMapPolygon[]): void;
     /**
      * @description
      * Retrieves all markers currently placed on the map.
@@ -303,14 +332,42 @@ declare class AXMapComponent implements OnDestroy {
      * Setup map event listeners
      */
     private setupMapEvents;
+    /**
+     * Setup map movement event subscriptions
+     */
+    private setupMapMovementEvents;
     /**
      * Setup draw event subscriptions
      */
     private setupDrawEventSubscriptions;
+    /**
+     * Setup marker event subscriptions
+     */
+    private setupMarkerEventSubscriptions;
+    /**
+     * Setup polygon event subscriptions
+     */
+    private setupPolygonEventSubscriptions;
+    /**
+     * Setup POI event subscriptions
+     */
+    private setupPoiEventSubscriptions;
     /**
      * Unsubscribe from draw events
      */
     private unsubscribeFromDrawEvents;
+    /**
+     * Unsubscribe from marker events
+     */
+    private unsubscribeMarkerEvents;
+    /**
+     * Unsubscribe from polygon events
+     */
+    private unsubscribePolygonEvents;
+    /**
+     * Unsubscribe from POI events
+     */
+    private unsubscribePoiEvents;
     /**
      * @description
      * Update popup for a specific marker
@@ -342,8 +399,16 @@ declare class AXMapComponent implements OnDestroy {
      * Cleanup function that destroys the map and unsubscribes from all subscriptions.
      */
     ngOnDestroy(): void;
+    /**
+     * Unsubscribe from all event subscriptions
+     */
+    private unsubscribeFromAllEvents;
+    /**
+     * Unsubscribe from map-level events
+     */
+    private unsubscribeFromMapEvents;
     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"; "onMarkerClick": "onMarkerClick"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonClick": "onPolygonClick"; "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; }; "addMarkerOnTap": { "alias": "addMarkerOnTap"; "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"; "onLoadError": "onLoadError"; }, never, never, true, never>;
 }
 
 interface AXMapConfig {
@@ -387,6 +452,9 @@ declare class AXLeafletService {
     private poiLayer?;
     private boundary;
     private boundaryLayer;
+    private _addMarkerOnTapEnabled;
+    private _isCurrentlyDrawing;
+    private _hasDrawControl;
     /**
      * Emits when the zoom level of the map changes.
      */
@@ -427,6 +495,10 @@ declare class AXLeafletService {
      * Emits when polygon data changes.
      */
     onPolygonChanged: EventEmitter<AXMapPolygon[]>;
+    /**
+     * Emits when an error occurs during map load/initialization
+     */
+    onLoadError: EventEmitter<Error>;
     /**
      * Emits when a polygon is added.
      */
@@ -630,6 +702,26 @@ declare class AXLeafletService {
      * @param providerKey The key of the provider to refresh
      */
     refreshPoiByProvider(providerKey: string): Promise<void>;
+    /**
+     * Sets whether markers can be added by clicking/tapping on the map
+     * @param enabled Whether to enable marker-on-tap functionality
+     */
+    setAddMarkerOnTap(enabled: boolean): void;
+    /**
+     * Checks if the map is currently in drawing mode
+     * @returns True if currently drawing
+     */
+    private _isDrawingMode;
+    /**
+     * Removes markers by id or location. If no location provided, removes all markers.
+     */
+    removeMarker(locations?: AXMapMarker | AXMapMarker[]): void;
+    /**
+     * Removes polygons by id or geometry. If no location provided, removes all polygons.
+     */
+    removePolygon(locations?: AXMapPolygon | AXMapPolygon[]): void;
+    setMaxMarkers(maxMarkers: number): void;
+    setMaxPolygons(maxPolygons: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLeafletService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXLeafletService>;
 }

package/menu/index.d.ts

@@ -78,6 +78,8 @@ declare class AXContextMenuComponent extends NXComponent {
     showAt(point: AXPoint, targetElement?: HTMLElement, event?: AXContextMenuOpeningEvent): void;
     close(): void;
     private backdropElement;
+    private originalNextSibling;
+    private originalParent;
     protected items: _angular_core.WritableSignal<AXMenuItem[]>;
     /** @ignore */
     private getTargetElements;

package/modal/index.d.ts

@@ -47,11 +47,32 @@ declare class AXModalComponent extends NXComponent {
     private service;
     protected template: i0.Signal<TemplateRef<any>>;
     private ref;
+    /**
+     * Opens the modal with the specified options.
+     * @param options - Configuration options for the modal
+     * @returns Promise<AXModalRef> - Reference to the opened modal
+     */
     open(options?: AXModalOptions): Promise<AXModalRef<any>>;
+    /**
+     * Closes the currently open modal.
+     */
     close(): Promise<void>;
+    /**
+     * Sets input values for the modal content component.
+     * @param values - Object containing input values to set
+     */
     setInputs(values: AXComponentInputs): Promise<void>;
+    /**
+     * Minimizes the modal to the bottom bar.
+     */
     minimize(): Promise<void>;
+    /**
+     * Maximizes the modal to fullscreen.
+     */
     maximize(): Promise<void>;
+    /**
+     * Restores the modal from minimized or maximized state.
+     */
     restore(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXModalComponent, "ax-modal", never, {}, {}, never, ["*"], true, never>;
@@ -66,11 +87,33 @@ declare class AXModalModule {
 declare class AXModalService {
     private stateService;
     private ref;
+    /**
+     * Opens a modal with the specified content and options.
+     * @param content - Component, template, or HTML element to display
+     * @param options - Configuration options for the modal
+     * @returns Promise<AXModalRef> - Reference to the opened modal
+     */
     open(content: AXComponentContent | HTMLElement, options?: AXModalOptions): Promise<AXModalRef>;
+    /**
+     * Closes the currently open modal.
+     */
     close(): Promise<void>;
+    /**
+     * Sets input values for the modal content component.
+     * @param values - Object containing input values to set
+     */
     setInputs(values: AXComponentInputs): Promise<void>;
+    /**
+     * Minimizes the modal to the bottom bar.
+     */
     minimize(): Promise<void>;
+    /**
+     * Maximizes the modal to fullscreen.
+     */
     maximize(): Promise<void>;
+    /**
+     * Restores the modal from minimized or maximized state.
+     */
     restore(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXModalService>;

package/navbar/index.d.ts

@@ -5,9 +5,14 @@ import * as i1 from '@angular/common';
 /**
  * @category Components
  * A navigation bar component that supports custom styling and encapsulation.
+ * It provides a consistent way to display navigation elements with prefix, title, and suffix content areas.
  */
 declare class AXNavbarComponent extends MXLookComponent {
-    /** @ignore */
+    /**
+     * Gets the host CSS classes for the navbar component.
+     *
+     * @returns string - The CSS classes for the navbar component
+     */
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNavbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNavbarComponent, "ax-navbar", never, { "look": { "alias": "look"; "required": false; }; }, {}, never, ["ax-prefix", "ax-title", "*", "ax-suffix"], true, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "20.1.24",
+  "version": "20.1.26",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -90,14 +90,14 @@
       "types": "./circular-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-circular-progress.mjs"
     },
-    "./color-box": {
-      "types": "./color-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-color-box.mjs"
-    },
     "./collapse": {
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
+    "./color-box": {
+      "types": "./color-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-color-box.mjs"
+    },
     "./color-palette": {
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/acorex-components-color-palette.mjs"
@@ -202,22 +202,22 @@
       "types": "./list/index.d.ts",
       "default": "./fesm2022/acorex-components-list.mjs"
     },
-    "./loading-dialog": {
-      "types": "./loading-dialog/index.d.ts",
-      "default": "./fesm2022/acorex-components-loading-dialog.mjs"
-    },
     "./loading": {
       "types": "./loading/index.d.ts",
       "default": "./fesm2022/acorex-components-loading.mjs"
     },
-    "./media-viewer": {
-      "types": "./media-viewer/index.d.ts",
-      "default": "./fesm2022/acorex-components-media-viewer.mjs"
+    "./loading-dialog": {
+      "types": "./loading-dialog/index.d.ts",
+      "default": "./fesm2022/acorex-components-loading-dialog.mjs"
     },
     "./map": {
       "types": "./map/index.d.ts",
       "default": "./fesm2022/acorex-components-map.mjs"
     },
+    "./media-viewer": {
+      "types": "./media-viewer/index.d.ts",
+      "default": "./fesm2022/acorex-components-media-viewer.mjs"
+    },
     "./menu": {
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/acorex-components-menu.mjs"
@@ -250,14 +250,14 @@
       "types": "./page/index.d.ts",
       "default": "./fesm2022/acorex-components-page.mjs"
     },
-    "./password-box": {
-      "types": "./password-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-password-box.mjs"
-    },
     "./paint": {
       "types": "./paint/index.d.ts",
       "default": "./fesm2022/acorex-components-paint.mjs"
     },
+    "./password-box": {
+      "types": "./password-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-password-box.mjs"
+    },
     "./pdf-reader": {
       "types": "./pdf-reader/index.d.ts",
       "default": "./fesm2022/acorex-components-pdf-reader.mjs"
@@ -274,22 +274,22 @@
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/acorex-components-popover.mjs"
     },
-    "./progress-bar": {
-      "types": "./progress-bar/index.d.ts",
-      "default": "./fesm2022/acorex-components-progress-bar.mjs"
-    },
     "./popup": {
       "types": "./popup/index.d.ts",
       "default": "./fesm2022/acorex-components-popup.mjs"
     },
-    "./query-builder": {
-      "types": "./query-builder/index.d.ts",
-      "default": "./fesm2022/acorex-components-query-builder.mjs"
+    "./progress-bar": {
+      "types": "./progress-bar/index.d.ts",
+      "default": "./fesm2022/acorex-components-progress-bar.mjs"
     },
     "./qrcode": {
       "types": "./qrcode/index.d.ts",
       "default": "./fesm2022/acorex-components-qrcode.mjs"
     },
+    "./query-builder": {
+      "types": "./query-builder/index.d.ts",
+      "default": "./fesm2022/acorex-components-query-builder.mjs"
+    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "default": "./fesm2022/acorex-components-radio.mjs"
@@ -302,58 +302,58 @@
       "types": "./range-slider/index.d.ts",
       "default": "./fesm2022/acorex-components-range-slider.mjs"
     },
-    "./rate-picker": {
-      "types": "./rate-picker/index.d.ts",
-      "default": "./fesm2022/acorex-components-rate-picker.mjs"
-    },
     "./rest-api-generator": {
       "types": "./rest-api-generator/index.d.ts",
       "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
     },
-    "./result": {
-      "types": "./result/index.d.ts",
-      "default": "./fesm2022/acorex-components-result.mjs"
-    },
-    "./rrule": {
-      "types": "./rrule/index.d.ts",
-      "default": "./fesm2022/acorex-components-rrule.mjs"
+    "./rate-picker": {
+      "types": "./rate-picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-rate-picker.mjs"
     },
     "./routing-progress": {
       "types": "./routing-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-routing-progress.mjs"
     },
+    "./result": {
+      "types": "./result/index.d.ts",
+      "default": "./fesm2022/acorex-components-result.mjs"
+    },
     "./scheduler": {
       "types": "./scheduler/index.d.ts",
       "default": "./fesm2022/acorex-components-scheduler.mjs"
     },
-    "./scss": {
-      "types": "./scss/index.d.ts",
-      "default": "./fesm2022/acorex-components-scss.mjs"
+    "./rrule": {
+      "types": "./rrule/index.d.ts",
+      "default": "./fesm2022/acorex-components-rrule.mjs"
     },
     "./search-box": {
       "types": "./search-box/index.d.ts",
       "default": "./fesm2022/acorex-components-search-box.mjs"
     },
+    "./scss": {
+      "types": "./scss/index.d.ts",
+      "default": "./fesm2022/acorex-components-scss.mjs"
+    },
     "./select-box": {
       "types": "./select-box/index.d.ts",
       "default": "./fesm2022/acorex-components-select-box.mjs"
     },
-    "./selection-list-2": {
-      "types": "./selection-list-2/index.d.ts",
-      "default": "./fesm2022/acorex-components-selection-list-2.mjs"
-    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
     },
-    "./skeleton": {
-      "types": "./skeleton/index.d.ts",
-      "default": "./fesm2022/acorex-components-skeleton.mjs"
+    "./selection-list-2": {
+      "types": "./selection-list-2/index.d.ts",
+      "default": "./fesm2022/acorex-components-selection-list-2.mjs"
     },
     "./side-menu": {
       "types": "./side-menu/index.d.ts",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
+    "./skeleton": {
+      "types": "./skeleton/index.d.ts",
+      "default": "./fesm2022/acorex-components-skeleton.mjs"
+    },
     "./slider": {
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/acorex-components-slider.mjs"
@@ -374,14 +374,14 @@
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/acorex-components-tabs.mjs"
     },
-    "./tag-box": {
-      "types": "./tag-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-tag-box.mjs"
-    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/acorex-components-tag.mjs"
     },
+    "./tag-box": {
+      "types": "./tag-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-tag-box.mjs"
+    },
     "./text-area": {
       "types": "./text-area/index.d.ts",
       "default": "./fesm2022/acorex-components-text-area.mjs"

package/paint/index.d.ts

@@ -56,7 +56,7 @@ declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
 declare class AXPaintViewComponent implements OnDestroy {
     #private;
     /** @ignore */
-    parent: AXPaintContainerComponent;
+    private parent;
     /** @ignore */
     protected service: AXPaintService;
     /** @ignore */

package/password-box/index.d.ts

@@ -16,7 +16,7 @@ declare const AXPasswordBoxComponent_base: polytype.Polytype.ClusteredConstructo
     ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
- * The Textbox is a component which detects user interaction and triggers a corresponding event
+ * A specialized input field designed for securely capturing user passwords. It incorporates essential features to enhance usability, accessibility, and security while maintaining a user-friendly interface. The component extends MXInputBaseValueComponent and MXLookComponent to provide comprehensive input functionality with visual styling options.
  *
  * @category Components
  */
@@ -63,23 +63,23 @@ declare class AXPasswordStrengthValidationComponent {
     readonly showUseLowerCase: _angular_core.InputSignal<boolean>;
     readonly showUseNumber: _angular_core.InputSignal<boolean>;
     readonly showUseSpecialCharacter: _angular_core.InputSignal<boolean>;
-    isLengthGraterThan8: _angular_core.WritableSignal<{
+    protected isLengthGraterThan8: _angular_core.WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    isUseUpperCase: _angular_core.WritableSignal<{
+    protected isUseUpperCase: _angular_core.WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    isUseLowerCase: _angular_core.WritableSignal<{
+    protected isUseLowerCase: _angular_core.WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    isUseNumber: _angular_core.WritableSignal<{
+    protected isUseNumber: _angular_core.WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;
-    isUseSpecialCharacter: _angular_core.WritableSignal<{
+    protected isUseSpecialCharacter: _angular_core.WritableSignal<{
         regex: RegExp;
         state: boolean;
     }>;

package/phone-box/index.d.ts

@@ -1,14 +1,13 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
-import * as i4 from '@acorex/components/select-box';
-import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import * as i8 from '@acorex/components/text-box';
 import { AXTextBoxComponent } from '@acorex/components/text-box';
 import { CountryItem } from '@acorex/core/constants';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
 import * as i3 from 'angular-imask';
+import * as i4 from '@acorex/components/select-box';
 import * as i5 from '@acorex/components/search-box';
 import * as i6 from '@acorex/components/decorators';
 import * as i7 from '@acorex/components/button';
@@ -49,7 +48,7 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
      * List of excluded values for the component.
      */
     excluded: _angular_core.InputSignal<string[]>;
-    selectBox: _angular_core.Signal<AXSelectBoxComponent>;
+    private selectBox;
     /** @ignore */
     protected countries: _angular_core.WritableSignal<CountryItem[]>;
     /** @ignore */
@@ -62,21 +61,24 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     protected handleCountryOnClosed(): void;
     /**
      * Determines if the keyboard event is a valid action based on allowed keys and key codes.
+     *
+     * @param event - The keyboard event to validate
+     * @returns boolean - True if the key action is valid, false otherwise
      */
     isValidKeyboardAction: (event: KeyboardEvent) => boolean;
     /**
      * Updates the list of countries based on included or excluded codes.
+     *
+     * @returns void - No return value. Updates the internal countries list.
      */
     setCountries(): void;
     /**
      * Sets the default selected country based on the provided country code or the first country in the list.
+     *
+     * @returns void - No return value. Updates the selected country.
      */
     setDefaultValue(): void;
-    /**
-     * Handles key down events, emitting an event if the key action is valid, otherwise prevents default behavior and stops propagation.
-     * @param e
-     */
-    handleKeyDown(e: KeyboardEvent): void;
+    protected handleKeyDown(e: KeyboardEvent): void;
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
     private get __hostName();