@acorex/components 20.2.0-next.9 → 20.2.1

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.9",
+  "version": "20.2.1",
   "peerDependencies": {
+    "@acorex/core": "20.2.1",
+    "@acorex/cdk": "20.2.1",
     "@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,14 +35,47 @@ 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>;
@@ -56,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 */
@@ -78,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 */
@@ -94,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,7 +37,7 @@ 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.
      */
@@ -63,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,21 +60,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/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/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>;

package/range-slider/index.d.ts

@@ -33,13 +33,13 @@ declare class AXRangeSliderComponent extends AXRangeSliderComponent_base {
      * The orientation of the slider, either 'horizontal' or 'vertical'.
      * @default 'horizontal'
      */
-    orientation: _angular_core.InputSignal<AXOrientation>;
+    readonly orientation: _angular_core.InputSignal<AXOrientation>;
     /**
      * @description
      * Color theme for the slider, affecting highlight, tooltip, and handler.
      * @default 'primary'
      */
-    color: _angular_core.InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
+    readonly color: _angular_core.InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
     /**
      * @description
      * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.
@@ -50,67 +50,67 @@ declare class AXRangeSliderComponent extends AXRangeSliderComponent_base {
      * The mode of the slider, either 'single' or 'dual'.
      * @default 'single'
      */
-    mode: _angular_core.InputSignal<AXRangeSliderMode>;
+    readonly mode: _angular_core.InputSignal<AXRangeSliderMode>;
     /**
      * @description
      * The minimum value of the slider.
      * @default 0
      */
-    min: _angular_core.InputSignal<number>;
+    readonly min: _angular_core.InputSignal<number>;
     /**
      * @description
      * The maximum value of the slider.
      * @default 100
      */
-    max: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
     /**
      * @description
      * The step increment for value changes.
      * @default 1
      */
-    step: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
     /**
      * @description
      * The snapping increment for the slider.
      * @default 1
      */
-    snap: _angular_core.InputSignal<number>;
+    readonly snap: _angular_core.InputSignal<number>;
     /**
      * @description
      * Mode for displaying tooltips, can be at the start, end, or both.
      * @default 'end'
      */
-    tooltipMode: _angular_core.InputSignal<AXRangeSliderTooltipMode>;
+    readonly tooltipMode: _angular_core.InputSignal<AXRangeSliderTooltipMode>;
     /**
      * @description
      * Mode for snapping, can snap at the start, end, or both.
      * @default 'start'
      */
-    snapMode: _angular_core.InputSignal<AXRangeSliderSnapMode>;
+    readonly snapMode: _angular_core.InputSignal<AXRangeSliderSnapMode>;
     /**
      * @description
      * Whether the slider should have steps.
      * @default true
      */
-    hasStep: _angular_core.InputSignal<boolean>;
+    readonly hasStep: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Whether the slider should display snapping.
      * @default false
      */
-    hasSnap: _angular_core.InputSignal<boolean>;
+    readonly hasSnap: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Whether the slider should display labels for snapping points.
      * @default Value derived from `hasSnap()`
      */
-    hasLable: _angular_core.InputSignal<boolean>;
+    readonly hasLable: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * Whether the slider should display tooltips.
      * @default false
      */
-    hasTooltip: _angular_core.InputSignal<boolean>;
+    readonly hasTooltip: _angular_core.InputSignal<boolean>;
     /**
      * @ignore
      */

package/rate-picker/index.d.ts

@@ -18,27 +18,27 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
      * The icon to be used for each rating point.
      * @default 'fa-star'
      */
-    iconName: _angular_core.InputSignal<string>;
+    readonly iconName: _angular_core.InputSignal<string>;
     /**
      * @description
      * Maximum value for the rating.
      * Defines how many rating points are available.
      * @default 5
      */
-    max: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
     /**
      * @description
      * Defines the step increment between rating values.
      * The rating value will be rounded to the nearest multiple of this step.
      * @default 0.01
      */
-    step: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
     /**
      * @description
      * Whether the rating should have a transition effect when changing values.
      * @default true
      */
-    hasTransition: _angular_core.InputSignal<boolean>;
+    readonly hasTransition: _angular_core.InputSignal<boolean>;
     /**
      * @description
      * The percentage of the current rating value relative to the maximum rating.
@@ -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.

package/rest-api-generator/index.d.ts

@@ -110,7 +110,7 @@ declare class AXRestApiAuthComponent {
 
 declare class AXRestApiGeneratorComponent {
     #private;
-    value: i0.InputSignal<AXRestApiOutput>;
+    readonly value: i0.InputSignal<AXRestApiOutput>;
     onValueChange: i0.OutputEmitterRef<AXRestApiOutput>;
     protected service: AXRestApiGeneratorService;
     protected urlHandler(e: AXValueChangedEvent<any>): void;