aril 0.0.3 → 0.0.4

package/theme/styles/theme/light/blue/theme.scss

@@ -0,0 +1,13 @@
+$primaryColor: #3b82f6 !default;
+$primaryLightColor: #bfdbfe !default;
+$primaryDarkColor: #2563eb !default;
+$primaryDarkerColor: #1d4ed8 !default;
+$primaryTextColor: #ffffff !default;
+$primary500: #3b82f6 !default;
+
+$highlightBg: #eff6ff !default;
+$highlightTextColor: $primaryDarkerColor !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import '../_variables';
+@import '../_extensions';

package/theme/styles/theme/light/indigo/theme.scss

@@ -0,0 +1,14 @@
+$primaryColor: #6366f1 !default;
+$primaryLightColor: #c7d2fe !default;
+$primaryDarkColor: #4f46e5 !default;
+$primaryDarkerColor: #4338ca !default;
+$primaryTextColor: #ffffff !default;
+$primary500: #6366f1 !default;
+
+$highlightBg: #eef2ff !default;
+$highlightTextColor: $primaryDarkerColor !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import '../_variables';
+@import '../../base/_components';
+@import '../_extensions';

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

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
+type Severity = 'primary' | 'success' | 'info' | 'warning' | 'danger';
 export declare class BadgeComponent {
     icon: string;
     value: string;
-    severity: string;
+    severity: Severity;
     rounded: boolean;
-    style: object;
-    styleClass: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "aril-badge", never, { "icon": { "alias": "icon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "aril-badge", never, { "icon": { "alias": "icon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "severity": { "alias": "severity"; "required": true; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
+export {};

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

@@ -2,8 +2,9 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { PrimeIcon } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
-export type Size = 'sm' | 'md' | 'lg';
-export type Color = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger';
+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;
@@ -13,12 +14,13 @@ export declare class ButtonComponent implements OnInit {
     badge: string;
     size: Size;
     icon: PrimeIcon;
-    color: Color;
+    color: Colors;
     clickEvent: EventEmitter<MouseEvent>;
     styleClass: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "aril-button:not([click])", never, { "label": { "alias": "label"; "required": true; }; "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 ɵ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: Color;
+    static ngAcceptInputType_color: Colors;
 }
+export {};

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

@@ -2,7 +2,7 @@ import { MenuItem } from 'primeng/api';
 import { ButtonComponent } from './button.component';
 import * as i0 from "@angular/core";
 export declare class SplitButtonComponent extends ButtonComponent {
-    menu: MenuItem[];
+    menu: import("@angular/core").InputSignal<MenuItem[], MenuItem[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "aril-split-button", never, { "menu": { "alias": "menu"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "aril-split-button", never, { "menu": { "alias": "menu"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,29 +1,33 @@
-import { OnChanges, OnInit } from '@angular/core';
+import { OnChanges } from '@angular/core';
+import { PrimeNGConfig } from 'primeng/api';
 import { BaseInputComponent } from 'aril/ui/lib';
 import { Types } from 'aril/util/lib';
 import "aril/util/primitive-extensions";
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
-export declare class CalendarComponent extends BaseInputComponent implements OnInit, OnChanges {
+type View = 'date' | 'month' | 'year';
+type SelectionMode = 'single' | 'multiple' | 'range';
+export declare class CalendarComponent extends BaseInputComponent implements OnChanges {
+    private primeNgConfig;
+    constructor(primeNgConfig: PrimeNGConfig);
     minDate: number;
     maxDate: number;
     inline: boolean;
-    disabled: boolean;
     showIcon: boolean;
     showTime: boolean;
     showWeek: boolean;
     showSeconds: boolean;
-    showButtonBar: boolean;
-    readonlyInput: boolean;
     disabledDates: number[];
-    view: 'date' | 'month' | 'year';
-    selectionMode: 'single' | 'multiple' | 'range';
+    view: View;
+    selectionMode: SelectionMode;
+    tabindex: number;
     minJSDate: Date;
     maxJSDate: Date;
     dateFormat: string;
     selectedDisabledDates: Date[];
-    ngOnInit(): void;
     ngOnChanges(changes: Types.NgChanges<CalendarComponent>): void;
+    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; }; "disabled": { "alias": "disabled"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "view": { "alias": "view"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, {}, never, ["calendar-header", "calendar-footer"], 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; }; "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: {}; }]>;
 }
+export {};

package/ui/checkbox/index.d.ts

@@ -1 +1,2 @@
 export * from './src/check-box.component';
+export * from './src/tri-state-checkbox.component';

package/ui/checkbox/src/check-box.component.d.ts

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

package/ui/checkbox/src/tri-state-checkbox.component.d.ts

@@ -0,0 +1,9 @@
+import { BaseInputComponent } from 'aril/ui/lib';
+import * as i0 from "@angular/core";
+import * as i1 from "aril/ui/lib";
+export declare class TriStateCheckboxComponent extends BaseInputComponent {
+    label: import("@angular/core").InputSignal<string, string>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TriStateCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TriStateCheckboxComponent, "aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+}

package/ui/confirmPopup/src/confirm-popup.component.d.ts

@@ -2,14 +2,8 @@ import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ConfirmPopupComponent {
     key?: string;
-    autoZIndex: boolean;
-    baseZIndex: number;
-    style: object;
-    styleClass: string;
-    showTransitionOptions: string;
-    hideTransitionOptions: string;
     showEvent: EventEmitter<void>;
     hideEvent: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmPopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmPopupComponent, "aril-confirm-popup", never, { "key": { "alias": "key"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "showEvent": "showEvent"; "hideEvent": "hideEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmPopupComponent, "aril-confirm-popup", never, { "key": { "alias": "key"; "required": false; }; }, { "showEvent": "showEvent"; "hideEvent": "hideEvent"; }, never, never, true, never>;
 }

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

@@ -1,7 +1,7 @@
 import { Types } from 'aril/util/lib';
 import * as i0 from "@angular/core";
-export type LabelPositions = 'top' | 'left';
-export interface ColumnSizeTypes {
+type LabelPositions = 'top' | 'left';
+interface ColumnSizeTypes {
     xl?: Types.NumberRange<1, 13>;
     lg?: Types.NumberRange<1, 13>;
     md?: Types.NumberRange<1, 13>;
@@ -22,3 +22,4 @@ export declare class FieldComponent {
     static ngAcceptInputType_labelWidth: number;
     static ngAcceptInputType_valueWidth: number;
 }
+export {};

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

@@ -22,6 +22,8 @@ export declare class FileUploadComponent {
     disabled: boolean;
     auto: boolean;
     maxFileSize: number;
+    tabindex: number;
+    withCredentials: boolean;
     showUploadButton: boolean;
     showCancelButton: boolean;
     cancelLabel: string;
@@ -39,6 +41,6 @@ export declare class FileUploadComponent {
     uploadedFiles: UploadFile[];
     onUpload(event: UploadEvent): 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": false; }; "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; }; "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; }; "url": { "alias": "url"; "required": false; }; "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>;
 }
 export {};

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

@@ -10,5 +10,5 @@ export declare class FormSubmitButtonComponent extends ButtonComponent {
         [key: string]: any;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "aril-form-submit-button", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, { "inValidEvent": "inValidEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "aril-form-submit", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, { "inValidEvent": "inValidEvent"; }, never, never, true, never>;
 }

package/ui/lib/src/form/form-field-builder.d.ts

@@ -2,6 +2,7 @@ import { FormGroup, ValidatorFn } from '@angular/forms';
 export declare const addControlsWithValidation: (form: FormGroup, controls: {
     name: string;
     validator?: ValidatorFn;
+    disabled?: boolean;
 }[]) => void;
 export declare const removeControls: (form: FormGroup, controlNames: string[]) => void;
 export declare const updateValueAndValidities: (form: FormGroup, controlNames: string[]) => void;

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

@@ -9,13 +9,13 @@ import * as i1 from "aril/ui/lib";
  * formatting characters -> (), -
  */
 export declare class InputMaskComponent extends BaseInputComponent {
-    mask: string;
-    slotChar: string;
-    style?: object;
-    placeholder?: string;
-    maxlength: number;
-    usageInGrid: boolean;
+    mask: import("@angular/core").InputSignal<string, string>;
+    slotChar: import("@angular/core").InputSignal<string, string>;
+    placeholder: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    maxlength: import("@angular/core").InputSignal<number, number>;
+    usageInGrid: import("@angular/core").InputSignal<boolean, boolean>;
+    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
     showTooltip: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputMaskComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputMaskComponent, "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", never, { "mask": { "alias": "mask"; "required": true; }; "slotChar": { "alias": "slotChar"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "usageInGrid": { "alias": "usageInGrid"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputMaskComponent, "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", never, { "mask": { "alias": "mask"; "required": true; "isSignal": true; }; "slotChar": { "alias": "slotChar"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "usageInGrid": { "alias": "usageInGrid"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,14 +1,12 @@
 import { BaseInputComponent } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
-export type ButtonLayouts = "stacked" | "vertical";
+type ButtonLayouts = "stacked" | "horizontal" | "vertical";
 export declare class InputNumberComponent extends BaseInputComponent {
     min?: number;
     max?: number;
-    style?: object;
     showButtons: boolean;
     placeholder?: string;
-    customClass?: string;
     prefix?: string;
     suffix?: string;
     maxlength: number;
@@ -16,8 +14,11 @@ export declare class InputNumberComponent extends BaseInputComponent {
     useGrouping: boolean;
     maxDigits?: number;
     minDigits?: number;
+    tabindex: number;
     set buttonLayout(value: ButtonLayouts);
+    _style: {};
     _buttonLayout: ButtonLayouts;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberComponent, "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "style": { "alias": "style"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "customClass": { "alias": "customClass"; "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; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberComponent, "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: {}; }]>;
 }
+export {};

package/ui/overlayPanel/src/overlay-panel.component.d.ts

@@ -1,15 +1,8 @@
-import { ElementRef } from '@angular/core';
 import { OverlayPanel } from "primeng/overlaypanel";
 import * as i0 from "@angular/core";
 export declare class OverlayPanelComponent {
-    showTransitionOptions: string;
-    hideTransitionOptions: string;
-    dismissable: boolean;
-    styleClass: string;
-    label: string;
-    overlayPanel: OverlayPanel;
-    toggleButton: ElementRef;
-    togglePanel(event: MouseEvent): void;
+    dismissable: import("@angular/core").InputSignal<boolean, boolean>;
+    ref: OverlayPanel;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayPanelComponent, "aril-overlay-panel", never, { "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayPanelComponent, "aril-overlay-panel", never, { "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,12 +1,11 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PanelComponent {
+    toggleable: import("@angular/core").InputSignal<boolean, boolean>;
+    canFullScreen: import("@angular/core").InputSignal<boolean, boolean>;
     panelRef: ElementRef;
-    header: string;
-    toggleable: boolean;
-    canFullScreen: boolean;
     isFullScreen: boolean;
     toggleFullScreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "aril-panel", never, { "header": { "alias": "header"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "canFullScreen": { "alias": "canFullScreen"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "aril-panel", never, { "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "canFullScreen": { "alias": "canFullScreen"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[tools]", "*", "[footer]"], true, never>;
 }

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

@@ -5,6 +5,7 @@ export declare class InputPasswordComponent extends BaseInputComponent {
     feedback: boolean;
     passwordCriterias?: Array<string>;
     placeholder?: string;
+    tabindex: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "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; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "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: {}; }]>;
 }

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

@@ -8,10 +8,11 @@ interface RadioButtonOption {
 }
 export declare class RadioButtonComponent extends BaseInputComponent {
     options: RadioButtonOption[];
+    tabindex: number;
     set align(value: Aligns);
     _pAlign: string;
     _cAlign: 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; }; "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; }; "tabindex": { "alias": "tabindex"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

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

@@ -3,10 +3,11 @@ import { Interfaces } from "aril/util/lib";
 import { BaseInputComponent } from "aril/ui/lib";
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
-export type SelectBoxItem = Interfaces.MapStringString | Interfaces.MapStringNumber | Interfaces.MapNumberString | Interfaces.MapNumberNumber;
+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>;
     /** * @description when grouped = true, option item structure { key:string, items:[] } */
     grouped: boolean;
@@ -14,5 +15,6 @@ export declare class SelectBoxComponent extends BaseInputComponent {
     searchExpr: Array<string>;
     formCtrl: FormControl;
     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; }; "items": { "alias": "items"; "required": true; }; "grouped": { "alias": "grouped"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchExpr": { "alias": "searchExpr"; "required": false; }; "formCtrl": { "alias": "formCtrl"; "required": true; }; }, {}, 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; }; "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; }; "formCtrl": { "alias": "formCtrl"; "required": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
+export {};

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

@@ -2,6 +2,7 @@ import { BaseInputComponent } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
 export declare class InputSwitchComponent extends BaseInputComponent {
+    tabindex: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSwitchComponent, "aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]", never, {}, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSwitchComponent, "aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]", never, { "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

package/ui/table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/table.component';
+export * from './src/table-column.component';

package/ui/table/src/i18n.d.ts

@@ -0,0 +1,42 @@
+export declare const tranlations: {
+    matchAll: string;
+    matchAny: string;
+    startsWith: string;
+    contains: string;
+    notContains: string;
+    notEquals: string;
+    endsWith: string;
+    equals: string;
+    lt: string;
+    lte: string;
+    gt: string;
+    gte: string;
+    is: string;
+    isNot: string;
+    before: string;
+    after: string;
+    clear: string;
+    apply: string;
+    addRule: string;
+    removeRule: string;
+    accept: string;
+    reject: string;
+    choose: string;
+    upload: string;
+    cancel: string;
+    dayNames: string[];
+    dayNamesShort: string[];
+    dayNamesMin: string[];
+    monthNames: string[];
+    monthNamesShort: string[];
+    dateFormat: string;
+    firstDayOfWeek: number;
+    today: string;
+    weekHeader: string;
+    weak: string;
+    medium: string;
+    strong: string;
+    passwordPrompt: string;
+    emptyMessage: string;
+    emptyFilterMessage: string;
+};

package/ui/table/src/table-column.component.d.ts

@@ -0,0 +1,22 @@
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export type ValueTypes = 'text' | 'numeric' | 'date' | 'boolean' | 'custom';
+export interface TableColumns {
+    _results: Array<TableColumn>;
+}
+export interface TableColumn {
+    field: string;
+    header: string;
+    type: ValueTypes;
+    isOperation?: boolean;
+    template: TemplateRef<any>;
+}
+export declare class TableColumnComponent {
+    field: string;
+    header: string;
+    type: ValueTypes;
+    isOperation?: boolean;
+    template: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnComponent, "aril-table-column", never, { "field": { "alias": "field"; "required": true; }; "header": { "alias": "header"; "required": true; }; "type": { "alias": "type"; "required": false; }; "isOperation": { "alias": "isOperation"; "required": false; }; }, {}, ["template"], ["*"], true, never>;
+}

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

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { MenuItem, PrimeNGConfig } from 'primeng/api';
+import { ProxyTypes } from 'aril/http';
+import { TableColumns } from './table-column.component';
+import * as i0 from "@angular/core";
+type SelectionModes = "single" | "multiple";
+export declare class TableComponent {
+    private primengConfig;
+    constructor(primengConfig: PrimeNGConfig);
+    data: any[];
+    checkboxSelection: boolean;
+    rows: number;
+    rowsPerPageOptions: number[];
+    paginator: boolean;
+    loading: boolean;
+    selectionMode: SelectionModes;
+    contextMenu: MenuItem[];
+    proxy: ProxyTypes;
+    selectionEvent: EventEmitter<any>;
+    columns: TableColumns;
+    filterText: string;
+    selectedRows: any;
+    filteredRows: any;
+    setFilteredRows(rows: any): void;
+    excelExport(): void;
+    saveAsExcelFile(buffer: any, fileName: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "aril-table", never, { "data": { "alias": "data"; "required": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "proxy": { "alias": "proxy"; "required": false; }; }, { "selectionEvent": "selectionEvent"; }, ["columns"], ["[footer]"], true, never>;
+}
+export {};

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

@@ -5,10 +5,11 @@ 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>;
     formCtrl: FormControl;
     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; }; "acceptCustomValue": { "alias": "acceptCustomValue"; "required": false; }; "items": { "alias": "items"; "required": true; }; "formCtrl": { "alias": "formCtrl"; "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; }; "maxDisplayedTags": { "alias": "maxDisplayedTags"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "acceptCustomValue": { "alias": "acceptCustomValue"; "required": false; }; "items": { "alias": "items"; "required": true; }; "formCtrl": { "alias": "formCtrl"; "required": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,15 +1,17 @@
 import { BaseInputComponent, IconPosTypes, PrimeIcon } from 'aril/ui/lib';
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";
+type Size = 'sm' | 'md' | 'lg';
 export declare class TextComponent extends BaseInputComponent {
-    style?: object;
-    styleClass?: string;
-    customClass?: string;
     placeholder?: string | undefined;
+    tabindex: number;
     icon?: PrimeIcon;
     iconPosClass?: IconPosTypes;
+    set size(value: Size);
+    sizeClass: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosClass": { "alias": "iconPos"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    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;
 }
+export {};

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

@@ -4,8 +4,8 @@ import * as i1 from "aril/ui/lib";
 export declare class TextAreaComponent extends BaseInputComponent {
     rows?: number;
     cols?: number;
-    style?: object;
+    tabindex: number;
     placeholder?: 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; }; "style": { "alias": "style"; "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; }; "cols": { "alias": "cols"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,14 +1,10 @@
 import { EventEmitter } from '@angular/core';
 import { TreeNode } from 'primeng/api';
 import * as i0 from "@angular/core";
-export type SelectionModes = "multiple" | "checkbox" | "single";
+type SelectionModes = "multiple" | "checkbox" | "single";
 export declare class TreeComponent {
     value: TreeNode[];
     selectionMode: SelectionModes;
-    selection: TreeNode | TreeNode[];
-    style: object;
-    styleClass: string;
-    contextMenuSelection: TreeNode;
     contextMenu: any;
     metaKeySelection: boolean;
     propagateSelectionUp: boolean;
@@ -19,11 +15,11 @@ export declare class TreeComponent {
     filterMode: string;
     filterBy: string;
     filterPlaceholder: string;
-    filterLocale: string;
     nodeSelect: EventEmitter<unknown>;
     nodeUnselect: EventEmitter<unknown>;
     nodeExpand: EventEmitter<unknown>;
     nodeCollapse: EventEmitter<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "aril-tree", never, { "value": { "alias": "value"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; }, { "nodeSelect": "nodeSelect"; "nodeUnselect": "nodeUnselect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "aril-tree", never, { "value": { "alias": "value"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; }, { "nodeSelect": "nodeSelect"; "nodeUnselect": "nodeUnselect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, true, never>;
 }
+export {};