@acorex/components 20.1.29 → 20.1.32

package/form/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, AfterViewInit, InputSignal, EventEmitter, AfterContentChecked, WritableSignal, ViewContainerRef, InjectionToken } from '@angular/core';
-import { MXBaseComponent, AXStyleLookType, AXEvent } from '@acorex/cdk/common';
+import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, WritableSignal, InjectionToken } from '@angular/core';
+import { AXEvent, MXBaseComponent, AXStyleLookType } from '@acorex/cdk/common';
 import * as i5 from '@acorex/core/validation';
 import { AXValidationSummary, AXValidationRuleOptions } from '@acorex/core/validation';
 import * as i1 from '@angular/common';
@@ -34,14 +34,14 @@ declare class AXFormComponent extends MXBaseComponent implements OnDestroy, Afte
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
      */
-    labelMode: InputSignal<AXLabelMode>;
-    look: InputSignal<AXStyleLookType>;
+    readonly labelMode: i0.InputSignal<AXLabelMode>;
+    readonly look: i0.InputSignal<AXStyleLookType>;
     content: i0.Signal<readonly AXFormFieldComponent[]>;
     /**
      * Determines the style of the message in the form field.
      * @defaultValue 'bottom'
      */
-    messageStyle: InputSignal<AXFormMessageStyle>;
+    readonly messageStyle: i0.InputSignal<AXFormMessageStyle>;
     /**
      * Emitted when the form is validated.
      *
@@ -124,7 +124,7 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
      */
-    labelMode: i0.InputSignal<AXLabelMode>;
+    readonly labelMode: i0.InputSignal<AXLabelMode>;
     /**
      *  @ignore
      */
@@ -135,12 +135,12 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      *  @ignore
      */
     private label;
-    form: AXFormComponent;
-    host: ViewContainerRef;
+    private form;
+    private host;
     /**
      *  @ignore
      */
-    prefix: HTMLElement;
+    protected prefix: HTMLElement;
     /**
      *  @ignore
      */
@@ -150,24 +150,24 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      * Calculates and sets the indentation size for the label based on the width of the prefix element.
      * @ignore
      */
-    calcIndentSize(): void;
+    protected calcIndentSize(): void;
     /**
      * Sets the required attribute for the input field based on validation rules.
      * Automatically updates if validation rules change.
      * @ignore
      */
-    setRequired(): void;
+    protected setRequired(): void;
     /**
      * Sets the label mode based on the form's label mode configuration.
      * @ignore
      */
-    setLabelMode(): void;
+    protected setLabelMode(): void;
     /**
      * Subscribes to focus and blur events on the input element.
      * Adds or removes the 'ax-state-focused' class to/from the host element based on the focus state.
      * @ignone
      */
-    listeningEvent(): void;
+    protected listeningEvent(): void;
     /**
      *  @ignore
      */

package/image/index.d.ts

@@ -9,8 +9,8 @@ import * as i1 from '@angular/common';
  * @category Components
  */
 declare class AXImageComponent extends MXBaseComponent implements OnInit {
-    width: i0.InputSignal<number>;
-    height: i0.InputSignal<number>;
+    readonly width: i0.InputSignal<number>;
+    readonly height: i0.InputSignal<number>;
     /**
      * Specifies when the image overlay should be shown.
      *
@@ -72,11 +72,11 @@ declare class AXImageComponent extends MXBaseComponent implements OnInit {
     /**
      *  @ignore
      */
-    _handleLoadImage(e: Event): void;
+    protected _handleLoadImage(e: Event): void;
     /**
      *  @ignore
      */
-    _handleErrorImage(e: ErrorEvent): void;
+    protected _handleErrorImage(e: ErrorEvent): void;
     /**
      *  @ignore
      */

package/image-editor/index.d.ts

@@ -40,7 +40,7 @@ declare class AXImageEditorService {
  */
 declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     #private;
-    showGrid: _angular_core.InputSignal<boolean>;
+    readonly showGrid: _angular_core.InputSignal<boolean>;
     protected service: AXImageEditorService;
     private ngZone;
     private selectedHandle;
@@ -83,15 +83,15 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
     /**
      * its change grid display state.
      */
-    showGrid: _angular_core.InputSignal<boolean>;
+    readonly showGrid: _angular_core.InputSignal<boolean>;
     /**
      * its change grid display state.
      */
-    lockRatio: _angular_core.WritableSignal<boolean>;
+    readonly lockRatio: _angular_core.WritableSignal<boolean>;
     /**
      * its receive image src.
      */
-    src: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string>;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
     /** @ignore */
@@ -166,6 +166,12 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     protected service: AXImageEditorService;
     imageEditorContainer: _angular_core.Signal<ElementRef<any>>;
     view: _angular_core.Signal<AXImageEditorViewComponent>;
+    /**
+     * Saves the current edited image and commits the value to the component.
+     * If the image has been modified, it commits the image blob array. If no changes were made, it commits null.
+     *
+     * @returns void - No return value. The edited image is saved and the onValueChanged event is emitted.
+     */
     save(): void;
     protected cropButtonHandler(): void;
     get __hostClass(): string;

package/menu/index.d.ts

@@ -53,11 +53,11 @@ type AXContextMenuItemsClickEvent = AXMenuItemClickBaseEvent<AXContextMenuCompon
  * @category Components
  */
 declare class AXContextMenuComponent extends NXComponent {
-    orientation: _angular_core.InputSignal<AXOrientation>;
-    openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
-    closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;
-    orginalItems: _angular_core.InputSignal<AXMenuItem[]>;
-    target: _angular_core.InputSignal<string | HTMLElement | HTMLElement[]>;
+    readonly orientation: _angular_core.InputSignal<AXOrientation>;
+    readonly openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
+    readonly closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;
+    readonly originalItems: _angular_core.InputSignal<AXMenuItem[]>;
+    readonly target: _angular_core.InputSignal<string | HTMLElement | HTMLElement[]>;
     onItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
     onOpening: _angular_core.OutputEmitterRef<AXContextMenuOpeningEvent>;
     hasArrow: _angular_core.WritableSignal<boolean>;
@@ -95,7 +95,7 @@ declare class AXContextMenuComponent extends NXComponent {
     /** @ignore */
     get __hostClass(): any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "orginalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;

package/modal/index.d.ts

@@ -24,6 +24,7 @@ interface AXModalOptions extends AXOverlayOptions {
     size?: 'sm' | 'md' | 'lg' | 'full' | 'fit';
     header?: boolean;
     footer?: boolean;
+    panelClass?: string;
 }
 interface AXModalRef<TResult = any> {
     minimize: () => void;

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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "20.1.29",
+  "version": "20.1.32",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -8,14 +8,34 @@
     "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",
-    "quill-delta-to-html": ">=0.12.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"
@@ -95,6 +115,10 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
+    "./code-editor": {
+      "types": "./code-editor/index.d.ts",
+      "default": "./fesm2022/acorex-components-code-editor.mjs"
+    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
@@ -139,14 +163,14 @@
       "types": "./decorators/index.d.ts",
       "default": "./fesm2022/acorex-components-decorators.mjs"
     },
-    "./drawer": {
-      "types": "./drawer/index.d.ts",
-      "default": "./fesm2022/acorex-components-drawer.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/acorex-components-dialog.mjs"
     },
+    "./drawer": {
+      "types": "./drawer/index.d.ts",
+      "default": "./fesm2022/acorex-components-drawer.mjs"
+    },
     "./drawer-2": {
       "types": "./drawer-2/index.d.ts",
       "default": "./fesm2022/acorex-components-drawer-2.mjs"
@@ -263,6 +287,10 @@
       "types": "./pdf-reader/index.d.ts",
       "default": "./fesm2022/acorex-components-pdf-reader.mjs"
     },
+    "./phone-box": {
+      "types": "./phone-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-phone-box.mjs"
+    },
     "./picker": {
       "types": "./picker/index.d.ts",
       "default": "./fesm2022/acorex-components-picker.mjs"
@@ -359,10 +387,6 @@
       "types": "./sliding-item/index.d.ts",
       "default": "./fesm2022/acorex-components-sliding-item.mjs"
     },
-    "./phone-box": {
-      "types": "./phone-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-phone-box.mjs"
-    },
     "./step-wizard": {
       "types": "./step-wizard/index.d.ts",
       "default": "./fesm2022/acorex-components-step-wizard.mjs"
@@ -391,14 +415,14 @@
       "types": "./text-box/index.d.ts",
       "default": "./fesm2022/acorex-components-text-box.mjs"
     },
-    "./time-line": {
-      "types": "./time-line/index.d.ts",
-      "default": "./fesm2022/acorex-components-time-line.mjs"
-    },
     "./time-duration": {
       "types": "./time-duration/index.d.ts",
       "default": "./fesm2022/acorex-components-time-duration.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"

package/paint/index.d.ts

@@ -35,7 +35,7 @@ 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;
     setActiveTool(tool: 'pen' | 'highlight' | 'eraser'): void;
     setPenColor(color: string | CanvasGradient | CanvasPattern): void;
@@ -62,14 +62,15 @@ declare class AXPaintViewComponent implements OnDestroy {
     /** @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 +79,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 */

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';
@@ -21,8 +20,6 @@ declare const AXPasswordBoxComponent_base: polytype.Polytype.ClusteredConstructo
  * @category Components
  */
 declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
-    /** @ignore */
-    input: ElementRef<HTMLInputElement>;
     /** @ignore */
     protected _type: 'password' | 'text';
     /** @ignore */
@@ -30,7 +27,7 @@ declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
     /**
      * Sets the autocomplete behavior for the input field.
      */
-    autoComplete: 'current-password' | 'new-password' | 'one-time-code' | 'off';
+    protected readonly autoComplete: 'current-password' | 'new-password' | 'one-time-code' | 'off';
     /**
      *  A flag for showing or hiding password button.
      */
@@ -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.
      */

package/phone-box/index.d.ts

@@ -1,8 +1,6 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
-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';
@@ -11,6 +9,7 @@ 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>;
@@ -26,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.
      */
@@ -43,11 +42,11 @@ 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[]>;
+    readonly excluded: _angular_core.InputSignal<string[]>;
     private selectBox;
     /** @ignore */
     protected countries: _angular_core.WritableSignal<CountryItem[]>;

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.

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/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.

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;