design-angular-kit 1.0.0-16 → 1.0.0-18

package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts

@@ -1,9 +1,9 @@
 import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
-import { SteppersItemComponent } from '../steppers-item/steppers-item.component';
+import { ItSteppersItemComponent } from '../steppers-item/steppers-item.component';
 import { ProgressBarColor } from '../../../../interfaces/core';
 import * as i0 from "@angular/core";
-export declare class SteppersContainerComponent implements AfterViewInit, OnDestroy {
+export declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
     private readonly _changeDetectorRef;
     /**
      * The active step index
@@ -18,54 +18,74 @@ export declare class SteppersContainerComponent implements AfterViewInit, OnDest
     /**
      * Dark style
      */
-    dark?: BooleanInput;
+    dark: BooleanInput | undefined;
     /**
      * The labels present in the header steps can be anticipated by the relative ordinal number.
      */
-    steppersNumber?: BooleanInput;
+    steppersNumber: BooleanInput | undefined;
     /**
      * The progress style
      * -<b>progress</b>: Show progress bar - You can change the color with the `progressColor` attribute
      * -<b>dots</b>: Show progress dots
      * @default undefined - don't show progress
      */
-    progressStyle?: 'progress' | 'dots';
+    progressStyle: 'progress' | 'dots' | undefined;
     /**
      * Customize progress color
      */
-    progressColor?: ProgressBarColor;
+    progressColor: ProgressBarColor | undefined;
     /**
      * Show the back button
      * @default true
      */
     showBackButton: BooleanInput;
+    /**
+     * Disable the back button
+     * @default false
+     */
+    disableBackButton: BooleanInput | undefined;
     /**
      * Show the forward button
      * @default true
      */
     showForwardButton: BooleanInput;
+    /**
+     * Disable the forward button
+     * @default false
+     */
+    disableForwardButton: BooleanInput | undefined;
     /**
      * Show the confirm button
      * @default false
      */
-    showConfirmButton: BooleanInput;
+    showConfirmButton: BooleanInput | undefined;
+    /**
+     * Disable the confirm button
+     * @default false
+     */
+    disableConfirmButton: BooleanInput | undefined;
     /**
      * Show the confirm button as indeterminate progress button
      */
-    confirmLoading?: BooleanInput;
+    confirmLoading: BooleanInput | undefined;
     /**
      * Show the save button
      * @default false
      */
-    showSaveButton: BooleanInput;
+    showSaveButton: BooleanInput | undefined;
+    /**
+     * Disable the save button
+     * @default false
+     */
+    disableSaveButton: BooleanInput | undefined;
     /**
      * Show the save button as indeterminate progress button
      */
-    saveLoading?: BooleanInput;
+    saveLoading: BooleanInput | undefined;
     /**
      * The stepper items
      */
-    steps?: QueryList<SteppersItemComponent>;
+    steps?: QueryList<ItSteppersItemComponent>;
     /**
      * On back button click
      * @event activeStep the current step index
@@ -90,15 +110,19 @@ export declare class SteppersContainerComponent implements AfterViewInit, OnDest
     get isSteppersNumber(): boolean;
     get isDark(): boolean;
     get isShowBackButton(): boolean;
+    get isDisableBackButton(): boolean;
     get isShowForwardButton(): boolean;
+    get isDisableForwardButton(): boolean;
     get isShowConfirmButton(): boolean;
+    get isDisableConfirmButton(): boolean;
     get isConfirmLoading(): boolean;
     get isShowSaveButton(): boolean;
+    get isDisableSaveButton(): boolean;
     get isSaveLoading(): boolean;
     private stepsSubscriptions?;
     constructor(_changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SteppersContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SteppersContainerComponent, "it-steppers-container[activeStep]", never, { "activeStep": "activeStep"; "showHeader": "showHeader"; "dark": "dark"; "steppersNumber": "steppersNumber"; "progressStyle": "progressStyle"; "progressColor": "progressColor"; "showBackButton": "showBackButton"; "showForwardButton": "showForwardButton"; "showConfirmButton": "showConfirmButton"; "confirmLoading": "confirmLoading"; "showSaveButton": "showSaveButton"; "saveLoading": "saveLoading"; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersContainerComponent, "it-steppers-container[activeStep]", never, { "activeStep": { "alias": "activeStep"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "steppersNumber": { "alias": "steppersNumber"; "required": false; }; "progressStyle": { "alias": "progressStyle"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "disableBackButton": { "alias": "disableBackButton"; "required": false; }; "showForwardButton": { "alias": "showForwardButton"; "required": false; }; "disableForwardButton": { "alias": "disableForwardButton"; "required": false; }; "showConfirmButton": { "alias": "showConfirmButton"; "required": false; }; "disableConfirmButton": { "alias": "disableConfirmButton"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "saveLoading": { "alias": "saveLoading"; "required": false; }; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, true, never>;
 }

package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts

@@ -1,8 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import { IconName } from '../../../../interfaces/icon';
-import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class SteppersItemComponent extends AbstractComponent {
+export declare class ItSteppersItemComponent extends ItAbstractComponent {
     /**
      * The labels present in the header steps
      */
@@ -10,11 +10,11 @@ export declare class SteppersItemComponent extends AbstractComponent {
     /**
      * The labels present in the header steps can be preceded by an icon.
      */
-    icon?: IconName;
+    icon: IconName | undefined;
     /**
      * The content of step
      */
     htmlContent: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SteppersItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SteppersItemComponent, "it-steppers-item[label]", never, { "label": "label"; "icon": "icon"; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersItemComponent, "it-steppers-item[label]", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/core/steppers/steppers.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./steppers-container/steppers-container.component";
+import * as i2 from "./steppers-item/steppers-item.component";
+export declare class ItSteppersModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItSteppersModule, never, [typeof i1.ItSteppersContainerComponent, typeof i2.ItSteppersItemComponent], [typeof i1.ItSteppersContainerComponent, typeof i2.ItSteppersItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItSteppersModule>;
+}

package/lib/components/core/tab/tab-container/tab-container.component.d.ts

@@ -1,30 +1,30 @@
 import { AfterViewInit, OnDestroy, QueryList } from '@angular/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
-import { TabItemComponent } from '../tab-item/tab-item.component';
-import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import { ItTabItemComponent } from '../tab-item/tab-item.component';
+import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class TabContainerComponent extends AbstractComponent implements OnDestroy, AfterViewInit {
+export declare class ItTabContainerComponent extends ItAbstractComponent implements OnDestroy, AfterViewInit {
     /**
      * Tabs automatically occupy the entire available width
      */
-    auto?: BooleanInput;
+    auto: BooleanInput | undefined;
     /**
      * To obtain the correct margin between text and icon in the horizontally developed tab
      */
-    iconText?: BooleanInput;
+    iconText: BooleanInput | undefined;
     /**
      * Dark style
      */
-    dark?: BooleanInput;
+    dark: BooleanInput | undefined;
     /**
      * The tab items
      */
-    tabs?: QueryList<TabItemComponent>;
+    tabs?: QueryList<ItTabItemComponent>;
     private tabNavLinks?;
     private tabSubscriptions?;
     isTrueBooleanInput(booleanInput?: BooleanInput): boolean;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "it-tab-container", never, { "auto": "auto"; "iconText": "iconText"; "dark": "dark"; }, {}, ["tabs"], never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTabContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItTabContainerComponent, "it-tab-container", never, { "auto": { "alias": "auto"; "required": false; }; "iconText": { "alias": "iconText"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, ["tabs"], never, true, never>;
 }

package/lib/components/core/tab/tab-item/tab-item.component.d.ts

@@ -1,25 +1,25 @@
 import { AfterViewInit, TemplateRef } from '@angular/core';
-import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import { BooleanInput } from '../../../../utils/boolean-input';
 import { IconName } from '../../../../interfaces/icon';
 import * as i0 from "@angular/core";
-export declare class TabItemComponent extends AbstractComponent implements AfterViewInit {
+export declare class ItTabItemComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * The tab label
      */
-    label?: string;
+    label: string | undefined;
     /**
      * The icon name
      */
-    icon?: IconName;
+    icon: IconName | undefined;
     /**
      * Default active tab
      */
-    active?: BooleanInput;
+    active: BooleanInput | undefined;
     /**
      * Default disabled tab
      */
-    disabled?: BooleanInput;
+    disabled: BooleanInput | undefined;
     /**
      * Custom class
      */
@@ -29,6 +29,6 @@ export declare class TabItemComponent extends AbstractComponent implements After
      */
     htmlContent: TemplateRef<any>;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "it-tab-item", never, { "label": "label"; "icon": "icon"; "active": "active"; "disabled": "disabled"; "class": "class"; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTabItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItTabItemComponent, "it-tab-item", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/core/tab/tab.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-container/tab-container.component";
+import * as i2 from "./tab-item/tab-item.component";
+export declare class ItTabModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTabModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItTabModule, never, [typeof i1.ItTabContainerComponent, typeof i2.ItTabItemComponent], [typeof i1.ItTabContainerComponent, typeof i2.ItTabItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItTabModule>;
+}

package/lib/components/core/table/table.component.d.ts

@@ -1,43 +1,43 @@
 import { TableColor, TableHeadColor, TableResponsive, VerticalAlignment } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class TableComponent {
+export declare class ItTableComponent {
     /**
      * Table color
      */
-    color?: TableColor;
+    color: TableColor | undefined;
     /**
      * Head table color
      */
-    headColor?: TableHeadColor;
+    headColor: TableHeadColor | undefined;
     /**
      * Use vertical alignment classes to realign where needed.
      */
-    alignment?: VerticalAlignment;
+    alignment: VerticalAlignment | undefined;
     /**
      * Use .table-striped to add zebra stripes to each table row contained in <tbody>.
      */
-    striped?: BooleanInput;
+    striped: BooleanInput | undefined;
     /**
      * Add .table-hover to enable hover state on table rows contained in <tbody>.
      */
-    hover?: BooleanInput;
+    hover: BooleanInput | undefined;
     /**
      * Add .table-bordered to have borders on all sides of the table and on all cells.
      */
-    bordered?: BooleanInput;
+    bordered: BooleanInput | undefined;
     /**
      * Add the .table-borderless class for a borderless table.
      */
-    borderless?: BooleanInput;
+    borderless: BooleanInput | undefined;
     /**
      * Add .table-sm to make tables more compact by halving the cell padding.
      */
-    compact?: BooleanInput;
+    compact: BooleanInput | undefined;
     /**
      * To render the <caption> on top of the table
      */
-    captionTop?: BooleanInput;
+    captionTop: BooleanInput | undefined;
     /**
      * Responsive tables allow you to scroll tables horizontally with ease.
      * @default responsive
@@ -49,6 +49,6 @@ export declare class TableComponent {
     get isBorderless(): boolean;
     get isCompact(): boolean;
     get isCaptionTop(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "it-table", never, { "color": "color"; "headColor": "headColor"; "alignment": "alignment"; "striped": "striped"; "hover": "hover"; "bordered": "bordered"; "borderless": "borderless"; "compact": "compact"; "captionTop": "captionTop"; "responsive": "responsive"; }, {}, never, ["[caption]", "[thead]", "[tbody]", "[tfoot]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItTableComponent, "it-table", never, { "color": { "alias": "color"; "required": false; }; "headColor": { "alias": "headColor"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "captionTop": { "alias": "captionTop"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, ["[caption]", "[thead]", "[tbody]", "[tfoot]"], true, never>;
 }

package/lib/components/core/tooltip/tooltip.directive.d.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/cor
 import { ElementPlacement } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class TooltipDirective implements AfterViewInit, OnDestroy {
+export declare class ItTooltipDirective implements AfterViewInit, OnDestroy {
     private readonly _elementRef;
     /**
      * Define the tooltip title
@@ -76,6 +76,6 @@ export declare class TooltipDirective implements AfterViewInit, OnDestroy {
      * Updates the position of an element's tooltip.
      */
     update(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[itTooltip]", ["itTooltip"], { "title": "itTooltip"; "tooltipPlacement": "tooltipPlacement"; "tooltipHtml": "tooltipHtml"; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "insertedEvent": "insertedEvent"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItTooltipDirective, "[itTooltip]", ["itTooltip"], { "title": { "alias": "itTooltip"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipHtml": { "alias": "tooltipHtml"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "insertedEvent": "insertedEvent"; }, never, never, true, never>;
 }

package/lib/components/form/checkbox/checkbox.component.d.ts

@@ -1,31 +1,33 @@
-import { OnInit } from '@angular/core';
-import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent extends AbstractFormComponent<boolean> implements OnInit {
+export declare class ItCheckboxComponent extends ItAbstractFormComponent<boolean | null | undefined> implements OnInit, OnChanges {
     /**
      * If show checkbox as toggle
      */
-    toggle?: BooleanInput;
+    toggle: BooleanInput | undefined;
     /**
      * If show checkbox inline
      */
-    inline?: BooleanInput;
+    inline: BooleanInput | undefined;
     /**
      * If is checkbox group
      */
-    group?: BooleanInput;
+    group: BooleanInput | undefined;
     /**
      * If checkbox is checked
      */
-    checked?: BooleanInput;
+    checked: BooleanInput | undefined;
     /**
      * If checkbox is indeterminate
      */
-    indeterminate?: BooleanInput;
+    indeterminate: BooleanInput | undefined;
     get isIndeterminate(): boolean;
     get isGroup(): boolean;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "it-checkbox", never, { "toggle": "toggle"; "inline": "inline"; "group": "group"; "checked": "checked"; "indeterminate": "indeterminate"; }, {}, never, ["*", "[error]", "[label]"], false, never>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private markAsChecked;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCheckboxComponent, "it-checkbox", never, { "toggle": { "alias": "toggle"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, ["*", "[error]", "[label]"], true, never>;
 }

package/lib/components/form/form.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox/checkbox.component";
+import * as i2 from "./input/input.component";
+import * as i3 from "./password-input/password-input.component";
+import * as i4 from "./radio-button/radio-button.component";
+import * as i5 from "./range/range.component";
+import * as i6 from "./rating/rating.component";
+import * as i7 from "./select/select.component";
+import * as i8 from "./textarea/textarea.component";
+import * as i9 from "./upload-drag-drop/upload-drag-drop.component";
+import * as i10 from "./upload-file-list/upload-file-list.component";
+export declare class ItFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItFormModule, never, [typeof i1.ItCheckboxComponent, typeof i2.ItInputComponent, typeof i3.ItPasswordInputComponent, typeof i4.ItRadioButtonComponent, typeof i5.ItRangeComponent, typeof i6.ItRatingComponent, typeof i7.ItSelectComponent, typeof i8.ItTextareaComponent, typeof i9.ItUploadDragDropComponent, typeof i10.ItUploadFileListComponent], [typeof i1.ItCheckboxComponent, typeof i2.ItInputComponent, typeof i3.ItPasswordInputComponent, typeof i4.ItRadioButtonComponent, typeof i5.ItRangeComponent, typeof i6.ItRatingComponent, typeof i7.ItSelectComponent, typeof i8.ItTextareaComponent, typeof i9.ItUploadDragDropComponent, typeof i10.ItUploadFileListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItFormModule>;
+}

package/lib/components/form/input/input.component.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { AutocompleteItem, InputControlType } from '../../../interfaces/form';
 import { BooleanInput } from '../../../utils/boolean-input';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class InputComponent extends AbstractFormComponent<string | number> implements OnInit {
+export declare class ItInputComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
     /**
      * The input type
      * @default text
@@ -17,12 +17,12 @@ export declare class InputComponent extends AbstractFormComponent<string | numbe
     /**
      * The input description
      */
-    description?: string;
+    description: string | undefined;
     /**
      * To prevent modification of the contained value.
      * - <b>plaintext</b>: Readonly field in the form stylized as plain text
      */
-    readonly?: BooleanInput | 'plaintext';
+    readonly: BooleanInput | 'plaintext' | undefined;
     /**
      * The max date value [Used only in type = 'date']
      * @default '9999-12-31'
@@ -33,31 +33,36 @@ export declare class InputComponent extends AbstractFormComponent<string | numbe
      * The min date value [Used only in type = 'date']
      * @example 'yyyy-mm-dd'
      */
-    minDate?: string;
+    minDate: string | undefined;
     /**
      * The max value [Used only in type = 'number']
      */
-    max?: number;
+    max: number | undefined;
     /**
      * The min value [Used only in type = 'number']
      */
-    min?: number;
+    min: number | undefined;
     /**
      * The step value [Used only in type = 'number']
      */
-    step?: number | 'any';
+    step: number | 'any' | undefined;
     /**
      * If is a currency number [Used only in type = 'number']
      */
-    currency?: BooleanInput;
+    currency: BooleanInput | undefined;
     /**
      * If is a percentage number [Used only in type = 'number']
      */
-    percentage?: BooleanInput;
+    percentage: BooleanInput | undefined;
     /**
      * To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
      */
-    adaptive?: BooleanInput;
+    adaptive: BooleanInput | undefined;
+    /**
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
+     */
+    autocomplete: string | undefined;
     /**
      * Indicates the list of searchable elements on which to base the input autocomplete system [Optional. Used only in type = 'search']
      * If you need to retrieve items via API, can pass a function of Observable
@@ -102,6 +107,6 @@ export declare class InputComponent extends AbstractFormComponent<string | numbe
     onEntryClick(entry: AutocompleteItem, event: Event): void;
     autocompleteItemTrackByValueFn(index: number, item: AutocompleteItem): string;
     onKeyDown(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "it-input", never, { "type": "type"; "placeholder": "placeholder"; "description": "description"; "readonly": "readonly"; "maxDate": "maxDate"; "minDate": "minDate"; "max": "max"; "min": "min"; "step": "step"; "currency": "currency"; "percentage": "percentage"; "adaptive": "adaptive"; "autocompleteData": "autocompleteData"; "autocompleteDebounceTime": "autocompleteDebounceTime"; }, { "autocompleteSelectedEvent": "autocompleteSelectedEvent"; }, never, ["[prepend]", "[prependText]", "[append]", "[appendText]", "[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItInputComponent, "it-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "adaptive": { "alias": "adaptive"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocompleteData": { "alias": "autocompleteData"; "required": false; }; "autocompleteDebounceTime": { "alias": "autocompleteDebounceTime"; "required": false; }; }, { "autocompleteSelectedEvent": "autocompleteSelectedEvent"; }, never, ["[prepend]", "[prependText]", "[append]", "[appendText]", "[error]"], true, never>;
 }

package/lib/components/form/password-input/password-input.component.d.ts

@@ -1,9 +1,9 @@
 import { AfterViewInit, OnInit } from '@angular/core';
-import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { Observable } from 'rxjs';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class PasswordInputComponent extends AbstractFormComponent<string> implements OnInit, AfterViewInit {
+export declare class ItPasswordInputComponent extends ItAbstractFormComponent<string | null | undefined> implements OnInit, AfterViewInit {
     /**
      * The field is required
      * @default true
@@ -44,17 +44,22 @@ export declare class PasswordInputComponent extends AbstractFormComponent<string
      * - <b>string</b>: show custom description
      * @default true for StrengthMeter mode else is undefined
      */
-    description?: string | true;
+    description: string | true | undefined;
     /**
      * Enable to show the strength meter
      * @default false
      */
-    showStrengthMeter?: BooleanInput;
+    showStrengthMeter: BooleanInput | undefined;
     /**
      * Is the confirmation password field
      * @default false
      */
     confirmPasswordField: BooleanInput;
+    /**
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
+     */
+    autocomplete: string | undefined;
     private inputPasswordBs?;
     private inputElement?;
     ngOnInit(): void;
@@ -69,6 +74,6 @@ export declare class PasswordInputComponent extends AbstractFormComponent<string
      * Retrieve the default StrengthMeter description message from TranslateService
      */
     protected get strengthMeterDescription(): Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "it-password-input", never, { "required": "required"; "minLength": "minLength"; "useNumber": "useNumber"; "useCapitalCase": "useCapitalCase"; "useSmallCase": "useSmallCase"; "useSpecialCharacters": "useSpecialCharacters"; "placeholder": "placeholder"; "description": "description"; "showStrengthMeter": "showStrengthMeter"; "confirmPasswordField": "confirmPasswordField"; }, {}, never, ["[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItPasswordInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItPasswordInputComponent, "it-password-input", never, { "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "useNumber": { "alias": "useNumber"; "required": false; }; "useCapitalCase": { "alias": "useCapitalCase"; "required": false; }; "useSmallCase": { "alias": "useSmallCase"; "required": false; }; "useSpecialCharacters": { "alias": "useSpecialCharacters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showStrengthMeter": { "alias": "showStrengthMeter"; "required": false; }; "confirmPasswordField": { "alias": "confirmPasswordField"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, ["[error]"], true, never>;
 }

package/lib/components/form/radio-button/radio-button.component.d.ts

@@ -1,12 +1,12 @@
 import { OnInit } from '@angular/core';
-import { AbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent extends AbstractFormComponent<string | number | undefined> implements OnInit {
+export declare class ItRadioButtonComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
     /**
      * The radio value
      */
-    value?: string | number;
+    value: string | number | undefined | null;
     /**
      * If show radio inline
      * @default false
@@ -20,11 +20,11 @@ export declare class RadioButtonComponent extends AbstractFormComponent<string |
     /**
      * If is radio is checked
      */
-    checked?: BooleanInput;
+    checked: BooleanInput | undefined;
     get isInline(): boolean;
     get isGroup(): boolean;
     get name(): string;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "it-radio-button[value]", never, { "value": "value"; "inline": "inline"; "group": "group"; "checked": "checked"; }, {}, never, ["[label]", "*", "[error]", "[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRadioButtonComponent, "it-radio-button[value]", never, { "value": { "alias": "value"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, {}, never, ["[label]", "*", "[error]", "[error]"], true, never>;
 }

package/lib/components/form/range/range.component.d.ts

@@ -0,0 +1,42 @@
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+export declare class ItRangeComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges, OnDestroy {
+    /**
+     * The max value
+     */
+    max?: number;
+    /**
+     * The min value
+     */
+    min?: number;
+    /**
+     * The step value
+     */
+    step?: number | 'any';
+    /**
+     * The color on left of thumb [Require rightColor]
+     * @example '#0d6efd' or 'var(--bs-primary)'
+     * @default undefined ('var(--bs-gray-300)')
+     */
+    leftColor?: string;
+    /**
+     * The color on right of thumb [Require leftColor]
+     * @example '#0d6efd' or 'var(--bs-primary)'
+     * @default undefined ('var(--bs-gray-300)')
+     */
+    rightColor?: string;
+    slider: ElementRef<HTMLInputElement>;
+    private subscription?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    writeValue(value: number | null | undefined): void;
+    /**
+     * Update the percentage of slider color
+     * @private
+     */
+    private updateSliderColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRangeComponent, "it-range", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "leftColor": { "alias": "leftColor"; "required": false; }; "rightColor": { "alias": "rightColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}