@acorex/components 20.1.25 → 20.1.27

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/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.25",
+  "version": "20.1.27",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -14,7 +14,8 @@
     "rrule": "^2.8.1",
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
-    "leaflet.locatecontrol": "^0.81.1"
+    "leaflet.locatecontrol": "^0.81.1",
+    "quill-delta-to-html": ">=0.12.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -374,6 +375,10 @@
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/acorex-components-tabs.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"
@@ -390,14 +395,14 @@
       "types": "./time-duration/index.d.ts",
       "default": "./fesm2022/acorex-components-time-duration.mjs"
     },
-    "./toast": {
-      "types": "./toast/index.d.ts",
-      "default": "./fesm2022/acorex-components-toast.mjs"
-    },
     "./time-line": {
       "types": "./time-line/index.d.ts",
       "default": "./fesm2022/acorex-components-time-line.mjs"
     },
+    "./toast": {
+      "types": "./toast/index.d.ts",
+      "default": "./fesm2022/acorex-components-toast.mjs"
+    },
     "./toolbar": {
       "types": "./toolbar/index.d.ts",
       "default": "./fesm2022/acorex-components-toolbar.mjs"
@@ -406,25 +411,21 @@
       "types": "./tooltip/index.d.ts",
       "default": "./fesm2022/acorex-components-tooltip.mjs"
     },
-    "./uploader": {
-      "types": "./uploader/index.d.ts",
-      "default": "./fesm2022/acorex-components-uploader.mjs"
-    },
     "./tree-view": {
       "types": "./tree-view/index.d.ts",
       "default": "./fesm2022/acorex-components-tree-view.mjs"
     },
-    "./tag": {
-      "types": "./tag/index.d.ts",
-      "default": "./fesm2022/acorex-components-tag.mjs"
-    },
-    "./wysiwyg": {
-      "types": "./wysiwyg/index.d.ts",
-      "default": "./fesm2022/acorex-components-wysiwyg.mjs"
+    "./uploader": {
+      "types": "./uploader/index.d.ts",
+      "default": "./fesm2022/acorex-components-uploader.mjs"
     },
     "./video-player": {
       "types": "./video-player/index.d.ts",
       "default": "./fesm2022/acorex-components-video-player.mjs"
+    },
+    "./wysiwyg": {
+      "types": "./wysiwyg/index.d.ts",
+      "default": "./fesm2022/acorex-components-wysiwyg.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();

package/rail-navigation/index.d.ts

@@ -32,6 +32,10 @@ declare class AXRailNavigationItemComponent extends MXBaseComponent implements A
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     handleClickEvent(e: MouseEvent): void;
+    /**
+     * Gets the height and top position of the item.
+     * @returns Object containing height and top position
+     */
     getStats(): {
         height: number;
         top: number;
@@ -64,7 +68,14 @@ declare class AXRailNavigationModule {
 
 declare class AXRailNavigationService {
     private activeItem;
+    /**
+     * Observable that emits the currently active rail navigation item.
+     */
     activeItem$: rxjs.Observable<AXRailNavigationItemComponent>;
+    /**
+     * Sets the specified item as the active rail navigation item.
+     * @param item - The rail navigation item to set as active
+     */
     setActive(item: AXRailNavigationItemComponent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRailNavigationService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRailNavigationService>;