aril 0.0.8 → 0.0.13

package/ui/button/src/button.component.d.ts

@@ -1,26 +1,23 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { PrimeIcon } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
-import * as i1 from "aril/ui/lib";
 type Size = 'sm' | 'md' | 'lg';
 export type Colors = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger';
-export declare function colorTransform(color: Colors): string;
-export declare class ButtonComponent implements OnInit {
-    label: string;
-    loading: boolean;
-    disabled: boolean;
-    raised: boolean;
-    outlined: boolean;
-    badge: string;
-    size: Size;
-    icon: PrimeIcon;
-    color: Colors;
-    clickEvent: EventEmitter<MouseEvent>;
-    styleClass: string;
-    ngOnInit(): void;
+export declare class ButtonComponent {
+    label: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    loading: import("@angular/core").InputSignal<boolean, boolean>;
+    disabled: import("@angular/core").InputSignal<boolean, boolean>;
+    raised: import("@angular/core").InputSignal<boolean, boolean>;
+    outlined: import("@angular/core").InputSignal<boolean, boolean>;
+    badge: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    size: import("@angular/core").InputSignal<Size, Size>;
+    icon: import("@angular/core").InputSignal<PrimeIcon | undefined, PrimeIcon | undefined>;
+    color: import("@angular/core").InputSignal<Colors, Colors>;
+    clickEvent: EventEmitter<never>;
+    _icon: import("@angular/core").Signal<string>;
+    _color: import("@angular/core").Signal<string>;
+    _styleClass: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "aril-button:not([click])", never, { "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": true; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
-    static ngAcceptInputType_icon: i1.PrimeIcon;
-    static ngAcceptInputType_color: Colors;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "aril-button:not([click])", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": true; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
 }
 export {};

package/ui/calendar/src/calendar.component.d.ts

@@ -1,33 +1,30 @@
-import { OnChanges } from '@angular/core';
 import { PrimeNGConfig } from 'primeng/api';
-import { Types } from 'aril/util/lib';
 import { BaseInputComponent } from 'aril/ui/lib';
 import 'aril/util/primitive-extensions';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 type View = 'date' | 'month' | 'year';
 type SelectionMode = 'single' | 'multiple' | 'range';
-export declare class CalendarComponent extends BaseInputComponent implements OnChanges {
+export declare class CalendarComponent extends BaseInputComponent {
     private primeNgConfig;
     constructor(primeNgConfig: PrimeNGConfig);
-    minDate: number;
-    maxDate: number;
-    inline: boolean;
-    showIcon: boolean;
-    showTime: boolean;
-    showWeek: boolean;
-    showSeconds: boolean;
-    disabledDates: number[];
-    view: View;
-    selectionMode: SelectionMode;
-    tabindex: number;
-    minJSDate: Date;
-    maxJSDate: Date;
-    dateFormat: string;
-    selectedDisabledDates: Date[];
-    ngOnChanges(changes: Types.NgChanges<CalendarComponent>): void;
+    minDate: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    maxDate: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    inline: import("@angular/core").InputSignal<boolean, boolean>;
+    showIcon: import("@angular/core").InputSignal<boolean, boolean>;
+    showTime: import("@angular/core").InputSignal<boolean, boolean>;
+    showWeek: import("@angular/core").InputSignal<boolean, boolean>;
+    showSeconds: import("@angular/core").InputSignal<boolean, boolean>;
+    disabledDates: import("@angular/core").InputSignal<number[], number[]>;
+    view: import("@angular/core").InputSignal<View, View>;
+    selectionMode: import("@angular/core").InputSignal<SelectionMode, SelectionMode>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    _minJSDate: import("@angular/core").Signal<Date>;
+    _maxJSDate: import("@angular/core").Signal<Date>;
+    _selectedDisabledDates: import("@angular/core").Signal<Date[]>;
+    _dateFormat: import("@angular/core").Signal<"MM/yy" | "yy" | "dd/MM/yy">;
     setLocale(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "view": { "alias": "view"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["[calendarHeader]", "[calendarFooter]"], true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showWeek": { "alias": "showWeek"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, ["[calendarHeader]", "[calendarFooter]"], true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/ui/dxField/src/dx-field.component.d.ts

@@ -1,11 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class DxFieldComponent {
-    label: string;
-    color: string;
-    labelWidth: number;
-    valueWidth: number;
+    label: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    color: import("@angular/core").InputSignal<string, string>;
+    labelWidth: import("@angular/core").InputSignal<number, number>;
+    valueWidth: import("@angular/core").InputSignal<number, number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DxFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DxFieldComponent, "aril-dx-field", never, { "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelWidth": { "alias": "labelWidth"; "required": false; }; "valueWidth": { "alias": "valueWidth"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_labelWidth: number;
-    static ngAcceptInputType_valueWidth: number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxFieldComponent, "aril-dx-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "valueWidth": { "alias": "valueWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/ui/field/src/field.component.d.ts

@@ -8,18 +8,17 @@ interface ColumnSizeTypes {
     sm?: Types.NumberRange<1, 13>;
 }
 export declare class FieldComponent {
-    label: string;
-    labelPos: LabelPositions;
-    color: string;
-    labelWidth: number;
-    valueWidth: number;
-    markAsRequired: boolean;
-    set cols(value: ColumnSizeTypes);
+    constructor();
+    label: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    color: import("@angular/core").InputSignal<string, string>;
+    labelWidth: import("@angular/core").InputSignal<number, number>;
+    valueWidth: import("@angular/core").InputSignal<number, number>;
+    labelPos: import("@angular/core").InputSignal<LabelPositions, LabelPositions>;
+    markAsRequired: import("@angular/core").InputSignal<boolean, boolean>;
+    cols: import("@angular/core").InputSignal<ColumnSizeTypes, ColumnSizeTypes>;
     hostClass: string;
     padding: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "aril-field", never, { "label": { "alias": "label"; "required": true; }; "labelPos": { "alias": "labelPos"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelWidth": { "alias": "labelWidth"; "required": false; }; "valueWidth": { "alias": "valueWidth"; "required": false; }; "markAsRequired": { "alias": "markAsRequired"; "required": false; }; "cols": { "alias": "cols"; "required": true; }; }, {}, never, ["*", "*"], true, never>;
-    static ngAcceptInputType_labelWidth: number;
-    static ngAcceptInputType_valueWidth: number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "aril-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "valueWidth": { "alias": "valueWidth"; "required": false; "isSignal": true; }; "labelPos": { "alias": "labelPos"; "required": false; "isSignal": true; }; "markAsRequired": { "alias": "markAsRequired"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export {};

package/ui/fileUpload/src/file-upload.component.d.ts

@@ -15,24 +15,24 @@ interface UploadFile {
 export declare class FileUploadComponent {
     private messageService;
     constructor(messageService: MessageService);
-    name: string;
-    url: string;
-    multiple: boolean;
-    accept: string;
-    disabled: boolean;
-    auto: boolean;
-    maxFileSize: number;
-    tabindex: number;
-    withCredentials: boolean;
-    showUploadButton: boolean;
-    showCancelButton: boolean;
-    cancelLabel: string;
-    chooseLabel: string;
-    uploadLabel: string;
-    invalidFileTypeMessageSummary: string;
-    invalidFileTypeMessageDetail: string;
-    invalidFileSizeMessageSummary: string;
-    invalidFileSizeMessageDetail: string;
+    name: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    url: import("@angular/core").InputSignal<string, string>;
+    multiple: import("@angular/core").InputSignal<boolean, boolean>;
+    accept: import("@angular/core").InputSignal<string, string>;
+    disabled: import("@angular/core").InputSignal<boolean, boolean>;
+    auto: import("@angular/core").InputSignal<boolean, boolean>;
+    maxFileSize: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    withCredentials: import("@angular/core").InputSignal<boolean, boolean>;
+    showUploadButton: import("@angular/core").InputSignal<boolean, boolean>;
+    showCancelButton: import("@angular/core").InputSignal<boolean, boolean>;
+    cancelLabel: import("@angular/core").InputSignal<string, string>;
+    chooseLabel: import("@angular/core").InputSignal<string, string>;
+    uploadLabel: import("@angular/core").InputSignal<string, string>;
+    invalidFileTypeMessageSummary: import("@angular/core").InputSignal<string, string>;
+    invalidFileTypeMessageDetail: import("@angular/core").InputSignal<string, string>;
+    invalidFileSizeMessageSummary: import("@angular/core").InputSignal<string, string>;
+    invalidFileSizeMessageDetail: import("@angular/core").InputSignal<string, string>;
     beforeSend: EventEmitter<unknown>;
     upload: EventEmitter<unknown>;
     errors: EventEmitter<unknown>;
@@ -40,7 +40,8 @@ export declare class FileUploadComponent {
     clear: EventEmitter<unknown>;
     uploadedFiles: UploadFile[];
     onUpload(event: UploadEvent): void;
+    onError(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "aril-file-upload", never, { "name": { "alias": "name"; "required": false; }; "url": { "alias": "url"; "required": true; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "withCredentials": { "alias": "withCredentials"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; }; "invalidFileTypeMessageSummary": { "alias": "invalidFileTypeMessageSummary"; "required": false; }; "invalidFileTypeMessageDetail": { "alias": "invalidFileTypeMessageDetail"; "required": false; }; "invalidFileSizeMessageSummary": { "alias": "invalidFileSizeMessageSummary"; "required": false; }; "invalidFileSizeMessageDetail": { "alias": "invalidFileSizeMessageDetail"; "required": false; }; }, { "beforeSend": "beforeSend"; "upload": "upload"; "errors": "errors"; "selects": "selects"; "clear": "clear"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "aril-file-upload", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "auto": { "alias": "auto"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "withCredentials": { "alias": "withCredentials"; "required": false; "isSignal": true; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "invalidFileTypeMessageSummary": { "alias": "invalidFileTypeMessageSummary"; "required": false; "isSignal": true; }; "invalidFileTypeMessageDetail": { "alias": "invalidFileTypeMessageDetail"; "required": false; "isSignal": true; }; "invalidFileSizeMessageSummary": { "alias": "invalidFileSizeMessageSummary"; "required": false; "isSignal": true; }; "invalidFileSizeMessageDetail": { "alias": "invalidFileSizeMessageDetail"; "required": false; "isSignal": true; }; }, { "beforeSend": "beforeSend"; "upload": "upload"; "errors": "errors"; "selects": "selects"; "clear": "clear"; }, never, never, true, never>;
 }
 export {};

package/ui/form/src/form-submit-button.component.d.ts

@@ -1,14 +1,14 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
+import { MessageService } from 'primeng/api';
 import { ButtonComponent } from 'aril/ui/button';
 import * as i0 from "@angular/core";
 export declare class FormSubmitButtonComponent extends ButtonComponent {
-    formGroup: FormGroup;
+    formGroup: import("@angular/core").InputSignal<FormGroup<any>, FormGroup<any>>;
+    validEvent: EventEmitter<never>;
     inValidEvent: EventEmitter<never>;
+    messageService: MessageService;
     submit(): void;
-    markAsDirty(controls: {
-        [key: string]: any;
-    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "aril-form-submit", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, { "inValidEvent": "inValidEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "aril-form-submit:not([click])", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; }, { "validEvent": "validEvent"; "inValidEvent": "inValidEvent"; }, never, never, false, never>;
 }

package/ui/form/src/form.component.d.ts

@@ -2,7 +2,7 @@ import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 export declare class FormComponent {
-    formGroup: FormGroup;
+    formGroup: import("@angular/core").InputSignal<FormGroup<any>, FormGroup<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "aril-form", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, {}, never, ["*"], false, [{ directive: typeof i1.FlexGridDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.FormErrorMessageDirective; inputs: { "formErrorMessage": "formGroup"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "aril-form", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; }, {}, never, ["*"], false, [{ directive: typeof i1.FlexGridDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.FormErrorMessageDirective; inputs: { "formErrorMessage": "formGroup"; }; outputs: {}; }]>;
 }

package/ui/lib/src/form/form-error-message.directive.d.ts

@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
 export declare class FormErrorMessageDirective implements OnInit {
     private viewContainerRef;
     constructor(viewContainerRef: ViewContainerRef);
-    formErrorMessage: FormGroup;
+    formErrorMessage: import("@angular/core").InputSignal<FormGroup<any>, FormGroup<any>>;
     errorKeys: string[];
     componentRef: ComponentRef<FormErrorMessagesComponent>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorMessageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormErrorMessageDirective, "[formErrorMessage]", never, { "formErrorMessage": { "alias": "formErrorMessage"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormErrorMessageDirective, "[formErrorMessage]", never, { "formErrorMessage": { "alias": "formErrorMessage"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/ui/number/src/number.component.d.ts

@@ -3,22 +3,25 @@ import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 type ButtonLayouts = 'stacked' | 'horizontal' | 'vertical';
 export declare class NumberComponent extends BaseInputComponent {
-    min?: number;
-    max?: number;
-    showButtons: boolean;
-    placeholder?: string;
-    prefix?: string;
-    suffix?: string;
-    maxlength: number;
-    showClear: boolean;
-    useGrouping: boolean;
-    maxDigits?: number;
-    minDigits?: number;
-    tabindex: number;
-    set buttonLayout(value: ButtonLayouts);
-    _style: {};
-    _buttonLayout: ButtonLayouts;
+    min: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    max: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    showButtons: import("@angular/core").InputSignal<boolean, boolean>;
+    placeholder: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    prefix: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    suffix: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    maxlength: import("@angular/core").InputSignal<any, any>;
+    showClear: import("@angular/core").InputSignal<boolean, boolean>;
+    useGrouping: import("@angular/core").InputSignal<boolean, boolean>;
+    maxDigits: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    minDigits: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    buttonLayout: import("@angular/core").InputSignal<ButtonLayouts, ButtonLayouts>;
+    _style: import("@angular/core").Signal<{
+        width: string;
+    } | {
+        width?: undefined;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "maxDigits": { "alias": "maxDigits"; "required": false; }; "minDigits": { "alias": "minDigits"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "maxDigits": { "alias": "maxDigits"; "required": false; "isSignal": true; }; "minDigits": { "alias": "minDigits"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/ui/password/src/password.component.d.ts

@@ -2,10 +2,10 @@ import { BaseInputComponent } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 export declare class PasswordComponent extends BaseInputComponent {
-    feedback: boolean;
-    passwordCriterias?: Array<string>;
-    placeholder?: string;
-    tabindex: number;
+    feedback: import("@angular/core").InputSignal<boolean, boolean>;
+    passwordCriterias: import("@angular/core").InputSignal<string[] | undefined, string[] | undefined>;
+    placeholder: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", never, { "feedback": { "alias": "feedback"; "required": false; }; "passwordCriterias": { "alias": "passwordCriterias"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", never, { "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "passwordCriterias": { "alias": "passwordCriterias"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

package/ui/radioButton/src/radio-button.component.d.ts

@@ -1,3 +1,4 @@
+import { Signal } from '@angular/core';
 import { BaseInputComponent } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
@@ -7,12 +8,13 @@ interface RadioButtonOption {
     label: string;
 }
 export declare class RadioButtonComponent extends BaseInputComponent {
-    options: RadioButtonOption[];
-    tabindex: number;
-    set align(value: Aligns);
-    _pAlign: string;
-    _cAlign: string;
+    constructor();
+    options: import("@angular/core").InputSignal<RadioButtonOption[], RadioButtonOption[]>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    align: import("@angular/core").InputSignal<Aligns, Aligns>;
+    _pAlign: Signal<string>;
+    _cAlign: Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", never, { "options": { "alias": "options"; "required": true; }; "tabindex": { "alias": "tabindex"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/ui/selectBox/src/select-box.component.d.ts

@@ -4,15 +4,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 type SelectBoxItem = Interfaces.MapStringString | Interfaces.MapStringNumber | Interfaces.MapNumberString | Interfaces.MapNumberNumber;
 export declare class SelectBoxComponent extends BaseInputComponent {
-    itemKey: string;
-    itemText: string;
-    tabindex: number;
-    items: Array<SelectBoxItem>;
+    itemKey: import("@angular/core").InputSignal<string, string>;
+    itemText: import("@angular/core").InputSignal<string, string>;
+    tabindex: import("@angular/core").InputSignal<number, number>;
+    items: import("@angular/core").InputSignal<SelectBoxItem[], SelectBoxItem[]>;
     /** * @description when grouped = true, option item structure { key:string, items:[] } */
-    grouped: boolean;
-    placeholder: string;
-    searchExpr: Array<string>;
+    grouped: import("@angular/core").InputSignal<boolean, boolean>;
+    placeholder: import("@angular/core").InputSignal<string, string>;
+    searchExpr: import("@angular/core").InputSignal<string | string[], string | string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectBoxComponent, "aril-select-box[formControl], aril-select-box[formControlName]", never, { "itemKey": { "alias": "itemKey"; "required": false; }; "itemText": { "alias": "itemText"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": true; }; "grouped": { "alias": "grouped"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchExpr": { "alias": "searchExpr"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectBoxComponent, "aril-select-box[formControl], aril-select-box[formControlName]", never, { "itemKey": { "alias": "itemKey"; "required": false; "isSignal": true; }; "itemText": { "alias": "itemText"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "grouped": { "alias": "grouped"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchExpr": { "alias": "searchExpr"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/ui/tagBox/src/tag-box.component.d.ts

@@ -2,12 +2,12 @@ import { BaseInputComponent } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 export declare class TagBoxComponent extends BaseInputComponent {
-    placeholder: string;
-    maxDisplayedTags: number;
-    tabindex: number;
-    acceptCustomValue: boolean;
-    items: Array<string | number>;
+    placeholder: import("@angular/core").InputSignal<string, string>;
+    maxDisplayedTags: import("@angular/core").InputSignal<number, number>;
+    tabindex: import("@angular/core").InputSignal<number, number>;
+    acceptCustomValue: import("@angular/core").InputSignal<boolean, boolean>;
+    items: import("@angular/core").InputSignal<(string | number)[], (string | number)[]>;
     onCustomItemCreating(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagBoxComponent, "aril-tag-box", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "maxDisplayedTags": { "alias": "maxDisplayedTags"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "acceptCustomValue": { "alias": "acceptCustomValue"; "required": false; }; "items": { "alias": "items"; "required": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagBoxComponent, "aril-tag-box", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxDisplayedTags": { "alias": "maxDisplayedTags"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "acceptCustomValue": { "alias": "acceptCustomValue"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

package/ui/text/src/text.component.d.ts

@@ -3,15 +3,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 type Size = 'sm' | 'md' | 'lg';
 export declare class TextComponent extends BaseInputComponent {
-    placeholder: string;
-    tabindex: number;
-    icon?: PrimeIcon;
-    iconPosClass?: IconPosTypes;
-    set size(value: Size);
-    sizeClass: string;
+    placeholder: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    icon: import("@angular/core").InputSignal<PrimeIcon | undefined, PrimeIcon | undefined>;
+    iconPos: import("@angular/core").InputSignal<IconPosTypes, IconPosTypes>;
+    size: import("@angular/core").InputSignal<Size, Size>;
+    _icon: import("@angular/core").Signal<string>;
+    _iconPosClass: import("@angular/core").Signal<string>;
+    _sizeClass: import("@angular/core").Signal<"p-inputtext-sm" | "" | "p-inputtext-lg">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosClass": { "alias": "iconPos"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
-    static ngAcceptInputType_icon: i1.PrimeIcon;
-    static ngAcceptInputType_iconPosClass: i1.IconPosTypes;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/ui/textArea/src/text-area.component.d.ts

@@ -2,10 +2,10 @@ import { BaseInputComponent } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 export declare class TextAreaComponent extends BaseInputComponent {
-    rows?: number;
-    cols?: number;
-    tabindex: number;
-    placeholder: string;
+    rows: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    cols: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    placeholder: import("@angular/core").InputSignal<string, string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", never, { "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

package/ui/value/src/value.component.d.ts

@@ -1,15 +1,13 @@
-import { OnChanges } from '@angular/core';
 import 'aril/util/primitive-extensions';
 import * as i0 from "@angular/core";
 type ValueTypes = 'text' | 'number' | 'bool' | 'decimal' | 'date' | 'password';
-export declare class ValueComponent implements OnChanges {
-    model: string | number | boolean | undefined;
-    type: ValueTypes;
-    format: string;
-    color: string;
-    display: string;
-    ngOnChanges(changes: any): void;
+export declare class ValueComponent {
+    model: import("@angular/core").InputSignal<string | number | boolean | undefined, string | number | boolean | undefined>;
+    type: import("@angular/core").InputSignal<ValueTypes, ValueTypes>;
+    format: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    color: import("@angular/core").InputSignal<string, string>;
+    display: import("@angular/core").Signal<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValueComponent, "aril-value", never, { "model": { "alias": "model"; "required": true; }; "type": { "alias": "type"; "required": false; }; "format": { "alias": "format"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValueComponent, "aril-value", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/util/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './src/types';
 export * from './src/interfaces';
+export * from './src/module-router';

package/util/lib/src/module-router.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ModuleRouterOutlet {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModuleRouterOutlet, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModuleRouterOutlet, "ng-component", never, {}, {}, never, never, true, never>;
+}