design-angular-kit 1.0.0-9 → 1.0.0-prerelease.2

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

@@ -1,39 +1,106 @@
-import { EventEmitter } from '@angular/core';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
+import { Modal as BSModal } from 'bootstrap';
 import * as i0 from "@angular/core";
-export declare class ModalComponent extends AbstractComponent {
+import * as i1 from "../../../utils/coercion";
+/**
+ * Modal windows
+ * @description To show featured content, notifications to users, or personalized content.
+ */
+export declare class ItModalComponent extends ItAbstractComponent implements AfterViewInit {
     /**
-     * The modal Title
+     * Show/Hide close button on header
+     * @default true
      */
-    title: string;
+    closeButton: boolean;
+    /**
+     * To correctly format the contents of the modal with icon
+     * @default false
+     */
+    alertModal?: boolean;
+    /**
+     * To correctly format the contents of the modal with Link List
+     * @default false
+     */
+    dialogLinkList?: boolean;
+    /**
+     * Modal type Popconfirm can be used for short confirmation messages.
+     * @default false
+     */
+    popconfirm?: boolean;
+    /**
+     * You can choose to use a scroll inside the modal, keeping the header and footer of the modal always visible
+     * @default false
+     */
+    scrollable?: boolean;
+    /**
+     * To have modals that appear with fades
+     * @default true
+     */
+    fade?: boolean;
+    /**
+     * Modal alignment
+     * - <b>centered</b>: to vertically center the modal
+     * - <b>left</b>: to left-align the modal
+     * - <b>right</b>: to right-align the modal
+     * @default undefined
+     */
+    alignment: 'centered' | 'left' | 'right' | undefined;
     /**
      * The modal size
+     * @default undefined
+     */
+    size: 'sm' | 'lg' | 'xl' | undefined;
+    /**
+     * Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn’t close the modal when clicked.
+     * @default true
+     */
+    backdrop: 'static' | boolean;
+    /**
+     * Puts the focus on the modal when initialized.
+     * @default true
+     */
+    focus: boolean;
+    /**
+     * Closes the modal when escape key is pressed.
+     * @default true
+     */
+    keyboard: boolean;
+    /**
+     * To better distinguish the footer element with a shadow
+     * @default false
+     */
+    footerShadow?: boolean;
+    /**
+     * Modal options
      */
-    size?: 'modal-sm' | 'modal-lg' | 'modal-xl';
+    options?: Partial<BSModal.Options>;
     /**
      * This event fires immediately when the instance method show is called.
      */
-    onShow: EventEmitter<Event>;
+    showEvent: EventEmitter<Event>;
     /**
      * This event fires when the modal has been made visible to the user (it will wait for CSS transitions to complete).
      */
-    onShown: EventEmitter<Event>;
+    shownEvent: EventEmitter<Event>;
     /**
      * This event is raised immediately when the instance method hide has been called.
      */
-    onHide: EventEmitter<Event>;
+    hideEvent: EventEmitter<Event>;
     /**
      * This event fires when the modal has finished hiding from the user (it will wait for CSS transitions to complete).
      */
-    onHidden: EventEmitter<Event>;
+    hiddenEvent: EventEmitter<Event>;
     /**
      * This event is fired when the modal is displayed, its background is static and a click outside the modal or a press
      * of the esc key occurs and data-bs-keyboard is set to false.
      */
-    onHidePrevented: EventEmitter<Event>;
+    hidePreventedEvent: EventEmitter<Event>;
     private modal?;
     private modalElement?;
     ngAfterViewInit(): void;
+    protected get modalClass(): string;
+    protected get dialogClass(): string;
     /**
      * Manually activate/deactivate a modal. Returns to the caller before the modal has actually been shown or hidden
      */
@@ -54,6 +121,15 @@ export declare class ModalComponent extends AbstractComponent {
      * Destroys the modal of an element.
      */
     dispose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "it-modal[id][title]", ["itModal"], { "title": "title"; "size": "size"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; "onHidePrevented": "onHidePrevented"; }, never, ["*", "[footer]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItModalComponent, "it-modal", ["itModal"], { "closeButton": { "alias": "closeButton"; "required": false; }; "alertModal": { "alias": "alertModal"; "required": false; }; "dialogLinkList": { "alias": "dialogLinkList"; "required": false; }; "popconfirm": { "alias": "popconfirm"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "size": { "alias": "size"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "footerShadow": { "alias": "footerShadow"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "hidePreventedEvent": "hidePreventedEvent"; }, never, ["[beforeTitle]", "[modalTitle]", "[description]", "*", "[footer]"], true, never>;
+    static ngAcceptInputType_closeButton: i1.BooleanInput;
+    static ngAcceptInputType_alertModal: i1.BooleanInput;
+    static ngAcceptInputType_dialogLinkList: i1.BooleanInput;
+    static ngAcceptInputType_popconfirm: i1.BooleanInput;
+    static ngAcceptInputType_scrollable: i1.BooleanInput;
+    static ngAcceptInputType_fade: i1.BooleanInput;
+    static ngAcceptInputType_focus: i1.BooleanInput;
+    static ngAcceptInputType_keyboard: i1.BooleanInput;
+    static ngAcceptInputType_footerShadow: i1.BooleanInput;
 }

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

@@ -1,9 +1,9 @@
 import { ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { NotificationsService } from '../../../services/notifications/notifications.service';
+import { ItNotificationService } from '../../../services/notification/notification.service';
 import { Notification, NotificationPosition, NotificationType } from '../../../interfaces/core';
-import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class NotificationsComponent implements OnDestroy {
+import * as i1 from "../../../utils/coercion";
+export declare class ItNotificationsComponent implements OnDestroy {
     private readonly _changeDetectorRef;
     private readonly _notificationService;
     /**
@@ -14,18 +14,18 @@ export declare class NotificationsComponent implements OnDestroy {
     /**
      * Default notifications position
      */
-    position?: NotificationPosition;
+    position: NotificationPosition | undefined;
     /**
      * Default notifications is dismissible
      * @default true
      */
-    dismissible?: BooleanInput;
+    dismissible: boolean;
     private subscription;
     private notificationCount;
     protected notifications: Array<Notification & {
         id: string;
     }>;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _notificationService: NotificationsService);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _notificationService: ItNotificationService);
     ngOnDestroy(): void;
     protected get NotificationType(): typeof NotificationType;
     /**
@@ -39,6 +39,7 @@ export declare class NotificationsComponent implements OnDestroy {
      * @protected
      */
     private getNotificationIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsComponent, "it-notifications", never, { "duration": "duration"; "position": "position"; "dismissible": "dismissible"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItNotificationsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItNotificationsComponent, "it-notifications", never, { "duration": { "alias": "duration"; "required": false; }; "position": { "alias": "position"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_dismissible: i1.BooleanInput;
 }

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

@@ -1,6 +1,8 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class PaginationComponent {
+import * as i1 from "../../../utils/coercion";
+export declare class ItPaginationComponent implements OnChanges {
     /**
      * Index of page (start 0)
      */
@@ -9,23 +11,82 @@ export declare class PaginationComponent {
      * Max number of page (counter)
      */
     pageNumbers: number;
+    /**
+     * Number of pages closest to the current one to display
+     * @default 5
+     */
+    visiblePages: number;
     /**
      * Pagination alignment (justify-content)
      */
-    alignment?: 'center' | 'end';
+    alignment: 'center' | 'end' | undefined;
+    /**
+     * Enable/Disable simple mode
+     * Pagination in the "Simple mode" version is optimized for mobile devices.
+     * @default false - disabled
+     */
+    simpleMode?: boolean;
+    /**
+     * Enable/Disable text links
+     * Chevron icons used as navigation links are replaced by text links such as “previous” and “next”.
+     * @default false - disabled
+     */
+    textLinks?: boolean;
+    /**
+     * Current value of Changer
+     * If is set show the Changer
+     * @default undefined - hide the Changer
+     */
+    currentChanger: number | undefined;
+    /**
+     * Available Changer values
+     * @default [10, 25, 50, 100]
+     */
+    changerValues: Array<number>;
     /**
-     * Fired when page is changed
+     * Hide/Show "Jump to page" input
+     * @default false - hidden
      */
-    newPageEvent: EventEmitter<number>;
+    showJumpToPage?: boolean;
     /**
-     * Create array to generate pagination of 5 element
+     * Fired when page is changed. Emit the new index of page
      */
-    get pages(): Array<number>;
+    pageEvent: EventEmitter<number>;
+    /**
+     * Fired when changer is changed. Emit the new changer value
+     */
+    changerEvent: EventEmitter<number>;
+    /**
+     * The pages
+     * @protected
+     */
+    protected pages: Array<number>;
+    /**
+     * Jump to page input
+     * @protected
+     */
+    protected jumpToPage: FormControl<number | null>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Create array to generate pagination of `visiblePages` element
+     */
+    private calculatePages;
     /**
      * On click page change
+     * @param event click event
      * @param newPage the new page of table
      */
-    pageChange(newPage: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "it-pagination[currentPage][pageNumbers]", never, { "currentPage": "currentPage"; "pageNumbers": "pageNumbers"; "alignment": "alignment"; }, { "newPageEvent": "newPageEvent"; }, never, never, false, never>;
+    protected pageChange(event: Event, newPage: number): void;
+    /**
+     * On click changer
+     * @param event click event
+     * @param value the new changer value
+     */
+    protected changerChange(event: Event, value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItPaginationComponent, "it-pagination", never, { "currentPage": { "alias": "currentPage"; "required": true; }; "pageNumbers": { "alias": "pageNumbers"; "required": true; }; "visiblePages": { "alias": "visiblePages"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "simpleMode": { "alias": "simpleMode"; "required": false; }; "textLinks": { "alias": "textLinks"; "required": false; }; "currentChanger": { "alias": "currentChanger"; "required": false; }; "changerValues": { "alias": "changerValues"; "required": false; }; "showJumpToPage": { "alias": "showJumpToPage"; "required": false; }; }, { "pageEvent": "pageEvent"; "changerEvent": "changerEvent"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_simpleMode: i1.BooleanInput;
+    static ngAcceptInputType_textLinks: i1.BooleanInput;
+    static ngAcceptInputType_showJumpToPage: i1.BooleanInput;
 }

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

@@ -1,8 +1,8 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ElementPlacement } from '../../../interfaces/core';
-import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class PopoverDirective implements AfterViewInit, OnDestroy {
+import * as i1 from "../../../utils/coercion";
+export declare class ItPopoverDirective implements AfterViewInit, OnDestroy {
     private readonly _elementRef;
     /**
      * Define the popover content
@@ -13,49 +13,49 @@ export declare class PopoverDirective implements AfterViewInit, OnDestroy {
      * Define the popover title
      * @param title the popover title
      */
-    set title(title: string | undefined);
+    set popoverTitle(title: string | undefined);
     /**
      * Define the popover placement
      * @param placement
      */
-    set placement(placement: ElementPlacement);
+    set popoverPlacement(placement: ElementPlacement);
     /**
      * Appends the popover to a specific element.
      * @param container
      */
-    set container(container: 'body' | string | undefined);
+    set popoverContainer(container: 'body' | string | undefined);
     /**
      * Indicates whether the title contains html
      * @param html true if contain html
      */
-    set html(html: BooleanInput);
+    set popoverHtml(html: boolean);
     /**
      * How popover is triggered
      * - 'hover': To open the Popover on hover of the mouse over the element
      * - 'focus': To ignore popovers on the user's next click of an element other than the toggle element.
      * @param trigger
      */
-    set hover(trigger: 'click' | 'hover' | 'focus' | 'manual' | undefined);
+    set popoverTrigger(trigger: 'click' | 'hover' | 'focus' | 'manual' | undefined);
     /**
      * This event fires immediately when the show method is called.
      */
-    onShow: EventEmitter<Event>;
+    showEvent: EventEmitter<Event>;
     /**
      * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
      */
-    onShown: EventEmitter<Event>;
+    shownEvent: EventEmitter<Event>;
     /**
      * This event fires immediately when the hide method is called.
      */
-    onHide: EventEmitter<Event>;
+    hideEvent: EventEmitter<Event>;
     /**
      * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
      */
-    onHidden: EventEmitter<Event>;
+    hiddenEvent: EventEmitter<Event>;
     /**
      * This event fires after the show event when the tooltip template has been added to the DOM.
      */
-    onInserted: EventEmitter<Event>;
+    insertedEvent: EventEmitter<Event>;
     private readonly element;
     private popover?;
     constructor(_elementRef: ElementRef);
@@ -93,6 +93,7 @@ export declare class PopoverDirective implements AfterViewInit, OnDestroy {
      * Updates the position of an element's popover.
      */
     update(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[itPopover]", ["itPopover"], { "content": "itPopover"; "title": "popoverTitle"; "placement": "popoverPlacement"; "container": "popoverContainer"; "html": "popoverHtml"; "hover": "popoverTrigger"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; "onInserted": "onInserted"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItPopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItPopoverDirective, "[itPopover]", ["itPopover"], { "content": { "alias": "itPopover"; "required": false; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; }; "popoverPlacement": { "alias": "popoverPlacement"; "required": false; }; "popoverContainer": { "alias": "popoverContainer"; "required": false; }; "popoverHtml": { "alias": "popoverHtml"; "required": false; }; "popoverTrigger": { "alias": "popoverTrigger"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "insertedEvent": "insertedEvent"; }, never, never, true, never>;
+    static ngAcceptInputType_popoverHtml: i1.BooleanInput;
 }

package/lib/components/core/progress-bar/progress-bar.component.d.ts

@@ -1,28 +1,31 @@
 import { ProgressBarColor } from '../../../interfaces/core';
-import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class ProgressBarComponent {
+import * as i1 from "../../../utils/coercion";
+export declare class ItProgressBarComponent {
     /**
      * The progress bar value [0, 100]
      */
     value: number;
     /**
      * Show the progress label
+     * @default false
      */
-    showLabel?: BooleanInput;
+    showLabel?: boolean;
     /**
      * Show the progress as indeterminate
+     * @default false
      */
-    indeterminate?: BooleanInput;
+    indeterminate?: boolean;
     /**
      * The progress bar color
      */
-    color?: ProgressBarColor;
+    color: ProgressBarColor | undefined;
     /**
      * Return the background color
      */
     get bgColor(): string;
-    get isIndeterminate(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "it-progress-bar[value]", never, { "value": "value"; "showLabel": "showLabel"; "indeterminate": "indeterminate"; "color": "color"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItProgressBarComponent, "it-progress-bar", never, { "value": { "alias": "value"; "required": true; }; "showLabel": { "alias": "showLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_showLabel: i1.BooleanInput;
+    static ngAcceptInputType_indeterminate: i1.BooleanInput;
 }

package/lib/components/core/progress-button/progress-button.component.d.ts

@@ -1,7 +1,6 @@
-import { BooleanInput } from '../../../utils/boolean-input';
 import { ProgressBarColor } from '../../../interfaces/core';
 import * as i0 from "@angular/core";
-export declare class ProgressButtonComponent {
+export declare class ItProgressButtonComponent {
     /**
      * Behavior of the progress bar
      * - <b>true</b>: Show indeterminate progress bar
@@ -9,14 +8,14 @@ export declare class ProgressButtonComponent {
      * - <b>number</b> [0, 100]: Assign a specific value to the progress bar
      * @default undefined
      */
-    progress?: number | BooleanInput;
+    progress: number | boolean | undefined;
     /**
      * The progress bar color
      */
-    progressColor?: ProgressBarColor;
+    progressColor: ProgressBarColor | undefined;
     get isProgress(): boolean;
     get progressValue(): number;
     get isIndeterminate(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressButtonComponent, "button[itButton][progress]", never, { "progress": "progress"; "progressColor": "progressColor"; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItProgressButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItProgressButtonComponent, "button[itButton][progress]", never, { "progress": { "alias": "progress"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,21 +1,24 @@
-import { BooleanInput } from "../../../utils/boolean-input";
 import * as i0 from "@angular/core";
-export declare class SpinnerComponent {
+import * as i1 from "../../../utils/coercion";
+export declare class ItSpinnerComponent {
     /**
      * The spinner is active
+     * @default true
      */
-    active: BooleanInput;
+    active: boolean;
     /**
      * Show a small spinner
+     * @default false
      */
-    small?: BooleanInput;
+    small?: boolean;
     /**
      * Show the double animation
+     * @default false
      */
-    double?: BooleanInput;
-    get isActive(): boolean;
-    get isSmall(): boolean;
-    get isDouble(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "it-spinner", never, { "active": "active"; "small": "small"; "double": "double"; }, {}, never, never, false, never>;
+    double?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSpinnerComponent, "it-spinner", never, { "active": { "alias": "active"; "required": false; }; "small": { "alias": "small"; "required": false; }; "double": { "alias": "double"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_active: i1.BooleanInput;
+    static ngAcceptInputType_small: i1.BooleanInput;
+    static ngAcceptInputType_double: i1.BooleanInput;
 }

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

@@ -1,9 +1,9 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
-import { BooleanInput } from '../../../../utils/boolean-input';
-import { SteppersItemComponent } from '../steppers-item/steppers-item.component';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+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 {
+import * as i1 from "../../../../utils/coercion";
+export declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
     private readonly _changeDetectorRef;
     /**
      * The active step index
@@ -14,58 +14,80 @@ export declare class SteppersContainerComponent implements AfterViewInit {
      * Show the stepper header
      * @default true
      */
-    showHeader: BooleanInput;
+    showHeader: boolean;
     /**
      * Dark style
+     * @default false
      */
-    dark?: BooleanInput;
+    dark?: boolean;
     /**
      * The labels present in the header steps can be anticipated by the relative ordinal number.
+     * @efualt false
      */
-    steppersNumber?: BooleanInput;
+    steppersNumber?: boolean;
     /**
      * 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;
+    showBackButton: boolean;
+    /**
+     * Disable the back button
+     * @default false
+     */
+    disableBackButton?: boolean;
     /**
      * Show the forward button
      * @default true
      */
-    showForwardButton: BooleanInput;
+    showForwardButton: boolean;
+    /**
+     * Disable the forward button
+     * @default false
+     */
+    disableForwardButton?: boolean;
     /**
      * Show the confirm button
      * @default false
      */
-    showConfirmButton: BooleanInput;
+    showConfirmButton?: boolean;
+    /**
+     * Disable the confirm button
+     * @default false
+     */
+    disableConfirmButton?: boolean;
     /**
      * Show the confirm button as indeterminate progress button
      */
-    confirmLoading?: BooleanInput;
+    confirmLoading?: boolean;
     /**
      * Show the save button
      * @default false
      */
-    showSaveButton: BooleanInput;
+    showSaveButton?: boolean;
+    /**
+     * Disable the save button
+     * @default false
+     */
+    disableSaveButton?: boolean;
     /**
      * Show the save button as indeterminate progress button
      */
-    saveLoading?: BooleanInput;
+    saveLoading?: boolean;
     /**
      * The stepper items
      */
-    steps?: QueryList<SteppersItemComponent>;
+    steps?: QueryList<ItSteppersItemComponent>;
     /**
      * On back button click
      * @event activeStep the current step index
@@ -86,17 +108,23 @@ export declare class SteppersContainerComponent implements AfterViewInit {
      * @event activeStep the current step index
      */
     saveClick: EventEmitter<number>;
-    get isShowHeader(): boolean;
-    get isSteppersNumber(): boolean;
-    get isDark(): boolean;
-    get isShowBackButton(): boolean;
-    get isShowForwardButton(): boolean;
-    get isShowConfirmButton(): boolean;
-    get isConfirmLoading(): boolean;
-    get isShowSaveButton(): boolean;
-    get isSaveLoading(): boolean;
+    private stepsSubscriptions?;
     constructor(_changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): 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>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersContainerComponent, "it-steppers-container", never, { "activeStep": { "alias": "activeStep"; "required": true; }; "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>;
+    static ngAcceptInputType_showHeader: i1.BooleanInput;
+    static ngAcceptInputType_dark: i1.BooleanInput;
+    static ngAcceptInputType_steppersNumber: i1.BooleanInput;
+    static ngAcceptInputType_showBackButton: i1.BooleanInput;
+    static ngAcceptInputType_disableBackButton: i1.BooleanInput;
+    static ngAcceptInputType_showForwardButton: i1.BooleanInput;
+    static ngAcceptInputType_disableForwardButton: i1.BooleanInput;
+    static ngAcceptInputType_showConfirmButton: i1.BooleanInput;
+    static ngAcceptInputType_disableConfirmButton: i1.BooleanInput;
+    static ngAcceptInputType_confirmLoading: i1.BooleanInput;
+    static ngAcceptInputType_showSaveButton: i1.BooleanInput;
+    static ngAcceptInputType_disableSaveButton: i1.BooleanInput;
+    static ngAcceptInputType_saveLoading: i1.BooleanInput;
 }

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

@@ -1,7 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import { IconName } from '../../../../interfaces/icon';
+import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class SteppersItemComponent {
+export declare class ItSteppersItemComponent extends ItAbstractComponent {
     /**
      * The labels present in the header steps
      */
@@ -9,11 +10,11 @@ export declare class SteppersItemComponent {
     /**
      * 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", never, { "label": { "alias": "label"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }