@acorex/components 20.2.0-next.8 → 20.2.0

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

@@ -25,7 +25,7 @@ declare class AXNumberBox2Component extends AXNumberBox2Component_base {
     protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
     private input;
     protected stringValue: string;
-    protected internalValueChanged(value: any): void;
+    protected internalValueChanged(value: number): void;
     private plusValue;
     private minusValue;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;
@@ -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/otp/index.d.ts

@@ -1,8 +1,6 @@
 import { AXEvent, MXValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
 
 declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
@@ -67,7 +65,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
 
 declare class AXOtpModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXOtpModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof AXOtpComponent], [typeof AXOtpComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXOtpModule, never, [typeof AXOtpComponent], [typeof AXOtpComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXOtpModule>;
 }
 

package/package.json

@@ -1,20 +1,43 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.0-next.8",
+  "version": "20.2.0",
   "peerDependencies": {
+    "@acorex/core": "20.2.0",
+    "@acorex/cdk": "20.2.0",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "polytype": ">=0.17.0",
     "imask": ">=7.6.1",
     "angular-imask": ">=7.6.1",
-    "qrcode": "^1.5.4",
     "gridstack": "^11.1.2",
-    "maska": ">=3.1.1",
     "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",
+    "@codemirror/state": "^6.4.0",
+    "@codemirror/view": "^6.30.0",
+    "@codemirror/language": "^6.10.0",
+    "@codemirror/autocomplete": "^6.18.2",
+    "@codemirror/commands": "^6.6.0",
+    "@codemirror/search": "^6.5.8",
+    "@codemirror/lint": "^6.8.0",
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-html": "^6.4.8",
+    "@codemirror/lang-css": "^6.2.1",
+    "@codemirror/lang-sql": "^6.5.4",
+    "@codemirror/lang-xml": "^6.1.0",
+    "@codemirror/lang-markdown": "^6.2.4",
+    "@codemirror/lang-sass": "^6.0.2",
+    "@codemirror/theme-one-dark": "^6.1.0",
+    "prettier": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "prettier": {
+      "optional": true
+    }
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -42,6 +65,10 @@
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/acorex-components-alert.mjs"
     },
+    "./aspect-ratio": {
+      "types": "./aspect-ratio/index.d.ts",
+      "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
+    },
     "./audio-wave": {
       "types": "./audio-wave/index.d.ts",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
@@ -90,6 +117,10 @@
       "types": "./circular-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-circular-progress.mjs"
     },
+    "./code-editor": {
+      "types": "./code-editor/index.d.ts",
+      "default": "./fesm2022/acorex-components-code-editor.mjs"
+    },
     "./collapse": {
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
@@ -102,6 +133,10 @@
       "types": "./color-palette/index.d.ts",
       "default": "./fesm2022/acorex-components-color-palette.mjs"
     },
+    "./command": {
+      "types": "./command/index.d.ts",
+      "default": "./fesm2022/acorex-components-command.mjs"
+    },
     "./comment": {
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/acorex-components-comment.mjs"
@@ -114,6 +149,10 @@
       "types": "./cron-job/index.d.ts",
       "default": "./fesm2022/acorex-components-cron-job.mjs"
     },
+    "./data-list": {
+      "types": "./data-list/index.d.ts",
+      "default": "./fesm2022/acorex-components-data-list.mjs"
+    },
     "./data-pager": {
       "types": "./data-pager/index.d.ts",
       "default": "./fesm2022/acorex-components-data-pager.mjs"

package/paint/index.d.ts

@@ -35,15 +35,49 @@ declare const AXPaintContainerComponent_base: polytype.Polytype.ClusteredConstru
 declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
     #private;
     protected service: AXPaintService;
-    editMode: _angular_core.InputSignal<boolean>;
+    readonly editMode: _angular_core.InputSignal<boolean>;
     get __hostClass(): string;
+    /**
+     * Sets the active drawing tool.
+     *
+     * @param tool - The tool to activate: 'pen', 'highlight', or 'eraser'
+     */
     setActiveTool(tool: 'pen' | 'highlight' | 'eraser'): void;
+    /**
+     * Sets the pen color for drawing.
+     *
+     * @param color - The color to use for the pen tool
+     */
     setPenColor(color: string | CanvasGradient | CanvasPattern): void;
+    /**
+     * Sets the highlight color for highlighting.
+     *
+     * @param color - The color to use for the highlight tool
+     */
     setHighlightColor(color: string | CanvasGradient | CanvasPattern): void;
+    /**
+     * Sets the pen width for drawing.
+     *
+     * @param width - The width of the pen stroke in pixels
+     */
     setPenWidth(width: number): void;
+    /**
+     * Sets the highlight width for highlighting.
+     *
+     * @param width - The width of the highlight stroke in pixels
+     */
     setHighlightWidth(width: number): void;
+    /**
+     * Sets the eraser width for erasing.
+     *
+     * @param width - The width of the eraser in pixels
+     */
     setEraserWidth(width: number): void;
+    /**
+     * Clears the entire canvas.
+     */
     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>;
 }
@@ -55,20 +89,21 @@ declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
 declare class AXPaintViewComponent implements OnDestroy {
     #private;
     /** @ignore */
-    parent: AXPaintContainerComponent;
+    private parent;
     /** @ignore */
     protected service: AXPaintService;
     /** @ignore */
     protected renderer: Renderer2;
     private platformID;
+    protected hostElem: ElementRef<any>;
     /** @ignore */
-    resizeEvent: () => void;
+    private resizeEvent;
     /**
      * Specifies the class that pass to component.
      *
      */
-    customClass: _angular_core.InputSignal<string>;
-    paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
+    readonly customClass: _angular_core.InputSignal<string>;
+    readonly paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
     /** @ignore */
@@ -77,7 +112,6 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected isPainting: _angular_core.WritableSignal<boolean>;
     /** @ignore */
     protected isUserInteract: _angular_core.WritableSignal<boolean>;
-    protected hostElem: ElementRef<any>;
     /** @ignore */
     ngOnDestroy(): void;
     /** @ignore */
@@ -93,7 +127,9 @@ declare class AXPaintViewComponent implements OnDestroy {
     /** @ignore */
     protected mouseUpHandler(): void;
     /**
-     * @param e - output file type
+     * Exports the canvas content as an image.
+     *
+     * @param format - The image format: 'image/webp', 'image/png', or 'image/jpeg'
      */
     getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
     get __hostClass(): string[];

package/password-box/index.d.ts

@@ -1,6 +1,5 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -16,13 +15,11 @@ 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
  */
 declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
-    /** @ignore */
-    input: ElementRef<HTMLInputElement>;
     /** @ignore */
     protected _type: 'password' | 'text';
     /** @ignore */
@@ -40,11 +37,12 @@ declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
      */
     classNames: string;
     /** @ignore */
-    _handleModelChange(value: string): void;
+    protected _handleModelChange(value: string): void;
     /**
      * 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>;
 }
@@ -62,23 +60,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,17 +1,15 @@
 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';
+import * as i8 from '@acorex/components/text-box';
 
 declare const AXPhoneBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
@@ -27,16 +25,16 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /** @ignore */
     protected _updateOn: 'change' | 'blur' | 'submit';
     /** @ignore */
-    textbox: AXTextBoxComponent;
-    flags: _angular_core.WritableSignal<string>;
+    private textbox;
+    protected flags: _angular_core.WritableSignal<string>;
     /**
      * CSS classes to apply to the component.
      */
-    classNames: string;
+    readonly classNames: string;
     /**
      * static precode.
      */
-    precode: _angular_core.InputSignal<unknown>;
+    readonly precode: _angular_core.InputSignal<unknown>;
     /**
      * The default country value for the component.
      */
@@ -44,12 +42,12 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /**
      * List of included values for the component.
      */
-    included: _angular_core.InputSignal<string[]>;
+    readonly included: _angular_core.InputSignal<string[]>;
     /**
      * List of excluded values for the component.
      */
-    excluded: _angular_core.InputSignal<string[]>;
-    selectBox: _angular_core.Signal<AXSelectBoxComponent>;
+    readonly excluded: _angular_core.InputSignal<string[]>;
+    private selectBox;
     /** @ignore */
     protected countries: _angular_core.WritableSignal<CountryItem[]>;
     /** @ignore */
@@ -62,23 +60,27 @@ 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();
     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

@@ -38,7 +38,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private resize$;
     /** @ignore */
     private _disabled;
-    width: i0.InputSignal<string>;
+    readonly width: i0.InputSignal<string>;
     /**
      * Gets or sets whether the popover is disabled.
      * When disabled, the popover will not open and will close if already open.
@@ -82,7 +82,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _placement;
     /**
-     * Gets or sets the component's placement and updates position settings.
+     * Gets the current placement of the component.
      */
     get placement(): AXPlacementType;
     /**

package/popup/index.d.ts

@@ -70,11 +70,11 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit {
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
-    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     /** @ignore */
     onKeydownHandler(event: KeyboardEvent): void;
     /** @ignore */
-    _handleCloseClick(): void;
+    protected _handleCloseClick(): void;
     /** @ignore */
     ngOnDestroy(): void;
     /**

package/qrcode/index.d.ts

@@ -10,32 +10,32 @@ declare class AXQrcodeComponent implements AfterViewInit {
     /**
      * @description Value of QR code
      */
-    content: _angular_core.InputSignal<string>;
+    readonly content: _angular_core.InputSignal<string>;
     /**
      * @description Size of the QR code
      * @default 256
      */
-    size: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<number>;
     /**
      * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'
      * @default 'M'
      */
-    level: _angular_core.InputSignal<AXQrcodeLevel>;
+    readonly level: _angular_core.InputSignal<AXQrcodeLevel>;
     /**
      * @description QR code color, can be a hex code or CSS color name
      * @default '#000000'
      */
-    color: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<string>;
     /**
      * @description QR code Background color, can be a hex code or CSS color name
      * @default '#FFFFFF'
      */
-    backgroundColor: _angular_core.InputSignal<string>;
+    readonly backgroundColor: _angular_core.InputSignal<string>;
     /**
      * @description Type of output can be 'canvas' | 'svg' | 'url'
      * @default 'canvas'
      */
-    outputType: _angular_core.InputSignal<AXQrcodeOutputType>;
+    readonly outputType: _angular_core.InputSignal<AXQrcodeOutputType>;
     /**
      * @ignore
      */
@@ -53,7 +53,7 @@ declare class AXQrcodeComponent implements AfterViewInit {
     private svg;
     constructor();
     ngAfterViewInit(): void;
-    generate(): void;
+    private generate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXQrcodeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXQrcodeComponent, "ax-qrcode", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "outputType": { "alias": "outputType"; "required": false; "isSignal": true; }; }, {}, never, ["img"], true, never>;
 }

package/query-builder/index.d.ts

@@ -13,7 +13,7 @@ import * as i8 from '@angular/common';
 
 declare class AXQueryBuilderComponent {
     #private;
-    columnData: _angular_core.InputSignal<any[]>;
+    readonly columnData: _angular_core.InputSignal<any[]>;
     queryData: _angular_core.ModelSignal<any[]>;
     onValueChanged: _angular_core.OutputEmitterRef<any[]>;
     protected selectBoxRef: _angular_core.Signal<AXSelectBoxComponent>;

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/rail-navigation/index.d.ts

@@ -1,9 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
 import { MXBaseComponent } from '@acorex/cdk/common';
-import * as i2 from '@angular/router';
 import { UrlTree, IsActiveMatchOptions } from '@angular/router';
-import * as i1 from '@angular/common';
 import * as rxjs from 'rxjs';
 
 type AXRailLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color';
@@ -32,6 +30,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;
@@ -58,13 +60,20 @@ declare class AXRailNavigationComponent extends MXBaseComponent {
 
 declare class AXRailNavigationModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRailNavigationModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXRailNavigationModule, never, [typeof i1.CommonModule, typeof i2.RouterLink, typeof i2.RouterLinkActive, typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent], [typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXRailNavigationModule, never, [typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent], [typeof AXRailNavigationComponent, typeof AXRailNavigationItemComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<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>;