design-angular-kit 1.0.0-7 → 1.0.0-9

package/lib/abstracts/abstract-form-component.d.ts

@@ -1,5 +1,5 @@
 import { ControlValueAccessor, FormControl, NgControl, ValidatorFn } from '@angular/forms';
-import { DoCheck, ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { ChangeDetectorRef, DoCheck, ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { AbstractComponent } from './abstract.component';
 import { BooleanInput } from '../utils/boolean-input';
 import { Observable } from 'rxjs';
@@ -10,6 +10,7 @@ export declare class AbstractFormComponent<T = any> extends AbstractComponent im
     protected readonly _translateService: TranslateService;
     protected readonly _renderer: Renderer2;
     protected readonly _elementRef: ElementRef;
+    protected readonly _changeDetectorRef: ChangeDetectorRef;
     /**
      * The label of form control
      */
@@ -23,11 +24,15 @@ export declare class AbstractFormComponent<T = any> extends AbstractComponent im
      * @default <b>only-invalid</b>: Show only invalid validation color
      */
     validationMode: BooleanInput | 'only-valid' | 'only-invalid';
+    /**
+     * Set the disabled state
+     */
+    set disabled(isDisabled: BooleanInput);
     /**
      * Internal form control
      */
     control: FormControl;
-    constructor(_ngControl: NgControl, _translateService: TranslateService, _renderer: Renderer2, _elementRef: ElementRef);
+    constructor(_ngControl: NgControl, _translateService: TranslateService, _renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
     /**
      * Check if field is invalid (Validation failed)
      */
@@ -79,6 +84,6 @@ export declare class AbstractFormComponent<T = any> extends AbstractComponent im
      * null is returned.
      */
     getError(errorCode: string, path?: Array<string | number> | string): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormComponent<any>, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractFormComponent<any>, "ng-component", never, { "label": "label"; "validationMode": "validationMode"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormComponent<any>, [{ optional: true; self: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractFormComponent<any>, "ng-component", never, { "label": "label"; "validationMode": "validationMode"; "disabled": "disabled"; }, {}, never, never, false, never>;
 }

package/lib/abstracts/abstract.component.d.ts

@@ -1,14 +1,20 @@
-import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AbstractComponent implements AfterViewInit {
+export declare class AbstractComponent implements AfterViewInit, OnChanges {
     protected readonly _renderer: Renderer2;
     protected readonly _elementRef: ElementRef;
+    protected readonly _changeDetectorRef: ChangeDetectorRef;
     /**
      * The element ID
      */
     id?: string;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    /**
+     * Fired when component input attributes was changed
+     */
+    valueChanges: EventEmitter<void>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractComponent, "ng-component", never, { "id": "id"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractComponent, "ng-component", never, { "id": "id"; }, { "valueChanges": "valueChanges"; }, never, never, false, never>;
 }

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

@@ -1,16 +1,12 @@
-import { AbstractComponent } from "../../../abstracts/abstract.component";
-import { BooleanInput } from "../../../utils/boolean-input";
+import { CollapseComponent } from '../collapse/collapse.component';
 import * as i0 from "@angular/core";
-export declare class AccordionComponent extends AbstractComponent {
+export declare class AccordionComponent extends CollapseComponent {
     /**
      * Accordion Title
      */
     title: string;
-    /**
-     * True to set accordion opened by default
-     */
-    opened?: BooleanInput;
+    isCollapsed: boolean;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "it-accordion[id][title]", never, { "title": "title"; "opened": "opened"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "it-accordion[id][title]", ["itAccordion"], { "title": "title"; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,7 +1,9 @@
+import { EventEmitter } from '@angular/core';
 import { AlertColor } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class AlertComponent {
+export declare class AlertComponent extends AbstractComponent {
     /**
      * The alert color
      * @default info
@@ -11,7 +13,27 @@ export declare class AlertComponent {
      * Inserts the close button
      */
     dismissible?: BooleanInput;
+    /**
+     * This event fires immediately when the instance's close method is called.
+     */
+    onClose: EventEmitter<Event>;
+    /**
+     * This event fires when the alert has been closed (it will wait for CSS transitions to complete).
+     */
+    onClosed: EventEmitter<Event>;
+    private alert?;
+    private alertElement?;
     get isDismissible(): boolean;
+    ngAfterViewInit(): void;
+    /**
+     * Close an alert by removing it from the DOM.
+     * If the `.fade` and `.show` classes are present in the element, the alert will be closed with a disappearing effect.
+     */
+    close(): void;
+    /**
+     * The alert is removed
+     */
+    dispose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "it-alert", never, { "color": "color"; "dismissible": "dismissible"; }, {}, never, ["[heading]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "it-alert", ["itAlert"], { "color": "color"; "dismissible": "dismissible"; }, { "onClose": "onClose"; "onClosed": "onClosed"; }, never, ["[heading]", "*"], false, never>;
 }

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

@@ -1,10 +1,11 @@
 import { QueryList } from '@angular/core';
 import { ButtonColor, ButtonSize } from '../../../interfaces/core';
 import { IconComponent } from '../../utils/icon/icon.component';
-import { ProgressBarComponent } from '../progress-bar/progress-bar.component';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { ProgressButtonComponent } from '../progress-button/progress-button.component';
 import * as i0 from "@angular/core";
 export declare class ButtonDirective {
+    private progressButtonComponent;
     /**
      * Button color
      */
@@ -25,14 +26,11 @@ export declare class ButtonDirective {
      * The icon children
      */
     icons?: QueryList<IconComponent>;
-    /**
-     * The progress bar children
-     */
-    progressBar?: ProgressBarComponent;
     private isFocus;
+    constructor(progressButtonComponent: ProgressButtonComponent);
     onFocus(): void;
     onBlur(): void;
     get hostClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[itButton]", ["itButton"], { "color": "itButton"; "size": "size"; "block": "block"; "disabled": "disabled"; }, {}, ["icons", "progressBar"], never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, [{ optional: true; host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[itButton]", ["itButton"], { "color": "itButton"; "size": "size"; "block": "block"; "disabled": "disabled"; }, {}, ["icons"], never, false, never>;
 }

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

@@ -30,8 +30,8 @@ export declare class CarouselComponent implements AfterViewInit {
      */
     lined?: BooleanInput;
     items?: QueryList<CarouselItemComponent>;
-    private carouselDiv;
     private carousel?;
+    private carouselDiv;
     get typeClass(): string;
     get isFullCarousel(): boolean;
     get isBigImg(): boolean;

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

@@ -1,14 +1,16 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { AbstractComponent } from '../../../abstracts/abstract.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
 export declare class CollapseComponent extends AbstractComponent {
-    readonly _renderer: Renderer2;
-    readonly _elementRef: ElementRef;
     /**
      * Enable multiple collapse
      */
     multi?: BooleanInput;
+    /**
+     * Toggles the collapsible element on invocation
+     */
+    opened?: BooleanInput;
     /**
      * Custom class
      */
@@ -29,11 +31,10 @@ export declare class CollapseComponent extends AbstractComponent {
      * 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>;
-    private readonly element;
     private collapse?;
-    private collapseDiv;
+    private collapseDiv?;
     get isMulti(): boolean;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    get isOpenedOnStart(): boolean;
     ngAfterViewInit(): void;
     /**
      * Shows a resealable item
@@ -55,5 +56,5 @@ export declare class CollapseComponent extends AbstractComponent {
      */
     dispose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "it-collapse[id]", ["itCollapse"], { "multi": "multi"; "class": "class"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "it-collapse[id]", ["itCollapse"], { "multi": "multi"; "opened": "opened"; "class": "class"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; }, never, ["*"], false, never>;
 }

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

@@ -1,10 +1,10 @@
-import { OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { EventEmitter, QueryList, SimpleChanges } from '@angular/core';
 import { AbstractComponent } from '../../../../abstracts/abstract.component';
 import { ButtonColor, DropdownDirection } from '../../../../interfaces/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
 import { DropdownItemComponent } from '../dropdown-item/dropdown-item.component';
 import * as i0 from "@angular/core";
-export declare class DropdownComponent extends AbstractComponent implements OnChanges {
+export declare class DropdownComponent extends AbstractComponent {
     /**
      * Button color
      */
@@ -28,6 +28,24 @@ export declare class DropdownComponent extends AbstractComponent implements OnCh
      * The dropdown items
      */
     items?: QueryList<DropdownItemComponent>;
+    /**
+     * Fires immediately when the show instance method is called.
+     */
+    onShow: EventEmitter<Event>;
+    /**
+     * Fired when the dropdown has been made visible to the user and CSS transitions have completed.
+     */
+    onShown: EventEmitter<Event>;
+    /**
+     * Fires immediately when the hide instance method has been called.
+     */
+    onHide: EventEmitter<Event>;
+    /**
+     * Fired when the dropdown has finished being hidden from the user and CSS transitions have completed.
+     */
+    onHidden: EventEmitter<Event>;
+    private dropdown?;
+    private dropdownButton?;
     get buttonClass(): string;
     get isFullWidth(): boolean;
     get isDark(): boolean;
@@ -38,6 +56,26 @@ export declare class DropdownComponent extends AbstractComponent implements OnCh
      * @private
      */
     private setDarkItems;
+    /**
+     * Toggles the dropdown menu of a given navbar or tabbed navigation.
+     */
+    toggle(): void;
+    /**
+     * Shows the dropdown menu of a given navbar or tabbed navigation.
+     */
+    show(): void;
+    /**
+     * Hides the dropdown menu of a given navbar or tabbed navigation.
+     */
+    hide(): void;
+    /**
+     * Updates the position of an element's dropdown.
+     */
+    update(): void;
+    /**
+     * Destroys an element's dropdown. (Removes stored data on the DOM element)
+     */
+    dispose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "it-dropdown[id]", never, { "color": "color"; "direction": "direction"; "fullWidth": "fullWidth"; "dark": "dark"; }, {}, ["items"], ["[button]", "[listHeading]", "[list]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "it-dropdown[id]", ["itDropdown"], { "color": "color"; "direction": "direction"; "fullWidth": "fullWidth"; "dark": "dark"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; }, ["items"], ["[button]", "[listHeading]", "[list]"], false, never>;
 }

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

@@ -1,12 +1,8 @@
-import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
 import { IconName } from '../../../../interfaces/icon';
 import { LinkComponent } from '../../link/link.component';
 import * as i0 from "@angular/core";
 export declare class DropdownItemComponent extends LinkComponent {
-    protected readonly _renderer: Renderer2;
-    protected readonly _elementRef: ElementRef;
-    private readonly _changeDetectorRef;
     /**
      * Show divider
      */
@@ -37,7 +33,6 @@ export declare class DropdownItemComponent extends LinkComponent {
     get isActive(): boolean;
     get isLarge(): boolean;
     get linkClass(): string;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
     setDark(dark: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "it-dropdown-item", never, { "divider": "divider"; "active": "active"; "large": "large"; "iconName": "iconName"; "iconPosition": "iconPosition"; }, {}, never, ["*"], false, never>;

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

@@ -1,9 +1,7 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class LinkComponent implements AfterViewInit {
-    protected readonly _renderer: Renderer2;
-    protected readonly _elementRef: ElementRef;
+export declare class LinkComponent extends AbstractComponent {
     /**
      * The router link action
      *
@@ -27,7 +25,6 @@ export declare class LinkComponent implements AfterViewInit {
     class: string;
     get isExternalLink(): boolean;
     get isDisabled(): boolean;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "it-link", never, { "href": "href"; "externalLink": "externalLink"; "disabled": "disabled"; "class": "class"; }, {}, never, ["*"], false, never>;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { AbstractComponent } from "../../../abstracts/abstract.component";
+import { AbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
 export declare class ModalComponent extends AbstractComponent {
     /**
@@ -31,7 +31,7 @@ export declare class ModalComponent extends AbstractComponent {
      * of the esc key occurs and data-bs-keyboard is set to false.
      */
     onHidePrevented: EventEmitter<Event>;
-    private modal;
+    private modal?;
     private modalElement?;
     ngAfterViewInit(): void;
     /**

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

@@ -1,11 +1,13 @@
-import { OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { NotificationsService } from '../../../services/notifications/notifications.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 {
+    private readonly _changeDetectorRef;
     private readonly _notificationService;
     /**
-     * Default notifications duration
+     * Default notifications duration (milliseconds)
      * @default 8000
      */
     duration: number;
@@ -13,18 +15,30 @@ export declare class NotificationsComponent implements OnDestroy {
      * Default notifications position
      */
     position?: NotificationPosition;
+    /**
+     * Default notifications is dismissible
+     * @default true
+     */
+    dismissible?: BooleanInput;
     private subscription;
-    notifications: Array<Notification & {
+    private notificationCount;
+    protected notifications: Array<Notification & {
         id: string;
     }>;
-    constructor(_notificationService: NotificationsService);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _notificationService: NotificationsService);
     ngOnDestroy(): void;
-    get NotificationType(): typeof NotificationType;
+    protected get NotificationType(): typeof NotificationType;
     /**
      * Hide the notification
      * @param id
      */
-    hideNotification(id: string): void;
+    protected hideNotification(id: string): void;
+    /**
+     * Retrieve the icon name by notification type
+     * @param notification the notification
+     * @protected
+     */
+    private getNotificationIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsComponent, "it-notifications", never, { "duration": "duration"; "position": "position"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsComponent, "it-notifications", never, { "duration": "duration"; "position": "position"; "dismissible": "dismissible"; }, {}, never, never, false, never>;
 }

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

@@ -1,8 +1,8 @@
-import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+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 {
+export declare class PopoverDirective implements AfterViewInit, OnDestroy {
     private readonly _elementRef;
     /**
      * Define the popover content
@@ -60,6 +60,7 @@ export declare class PopoverDirective implements AfterViewInit {
     private popover?;
     constructor(_elementRef: ElementRef);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /**
      * Shows the popover of an item.
      */

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

@@ -1,9 +1,9 @@
-import { AfterViewInit, ChangeDetectorRef, QueryList } from '@angular/core';
+import { 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 * as i0 from "@angular/core";
-export declare class TabContainerComponent implements AfterViewInit {
-    private readonly _changeDetectorRef;
+export declare class TabContainerComponent extends AbstractComponent implements OnDestroy {
     /**
      * Tabs automatically occupy the entire available width
      */
@@ -20,9 +20,11 @@ export declare class TabContainerComponent implements AfterViewInit {
      * The tab items
      */
     tabs?: QueryList<TabItemComponent>;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
+    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>;
 }

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

@@ -1,8 +1,8 @@
-import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+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 TooltipDirective implements AfterViewInit {
+export declare class TooltipDirective implements AfterViewInit, OnDestroy {
     private readonly _elementRef;
     /**
      * Define the tooltip title
@@ -43,6 +43,7 @@ export declare class TooltipDirective implements AfterViewInit {
     private tooltip?;
     constructor(_elementRef: ElementRef);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /**
      * Shows the tooltip of an item.
      */

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

@@ -1,6 +1,7 @@
 import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
 import { Observable } from 'rxjs';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { InputPassword } from 'bootstrap-italia';
 import * as i0 from "@angular/core";
 export declare class PasswordInputComponent extends AbstractFormComponent<string> {
     /**
@@ -40,7 +41,7 @@ export declare class PasswordInputComponent extends AbstractFormComponent<string
      * Enable to show the strength meter
      */
     showStrengthMeter?: BooleanInput;
-    inputPasswordBs?: any;
+    inputPasswordBs?: InputPassword;
     private inputElement?;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { ProgressDonut } from 'bootstrap-italia';
 import * as i0 from "@angular/core";
 export declare class UploadDragDropComponent extends AbstractComponent {
     /**
@@ -16,7 +17,7 @@ export declare class UploadDragDropComponent extends AbstractComponent {
     isDragover: boolean;
     isLoading: boolean;
     isSuccess: boolean;
-    donut?: any;
+    donut?: ProgressDonut;
     private donutElement?;
     filename?: string;
     extension?: string;

package/lib/components/form/upload-file-list/upload-file-list.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AbstractComponent } from "../../../abstracts/abstract.component";
-import { BooleanInput } from "../../../utils/boolean-input";
-import { UploadFileListItem } from "../../../interfaces/form";
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { UploadFileListItem } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
 export declare class UploadFileListComponent extends AbstractComponent implements OnInit, OnChanges {
     /**

package/lib/components/navigation/back-to-top/back-to-top.component.d.ts

@@ -1,5 +1,5 @@
-import { BooleanInput } from "../../../utils/boolean-input";
-import { AbstractComponent } from "../../../abstracts/abstract.component";
+import { BooleanInput } from '../../../utils/boolean-input';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
 export declare class BackToTopComponent extends AbstractComponent {
     /**
@@ -19,9 +19,28 @@ export declare class BackToTopComponent extends AbstractComponent {
      * Button usable button on a dark background
      */
     dark?: BooleanInput;
+    private backToTop?;
+    private backToTopElement?;
     get isSmall(): boolean;
     get isShadow(): boolean;
     get isDark(): boolean;
+    ngAfterViewInit(): void;
+    /**
+     * Show button
+     */
+    show(): void;
+    /**
+     * Hide the button
+     */
+    hide(): void;
+    /**
+     * Activates the scroll animation towards the Y coordinate indicated by the positionTop option
+     */
+    scrollToTop(): void;
+    /**
+     * Eliminate component features
+     */
+    dispose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BackToTopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BackToTopComponent, "it-back-to-top", never, { "id": "id"; "small": "small"; "shadow": "shadow"; "dark": "dark"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackToTopComponent, "it-back-to-top", ["itBackToTop"], { "id": "id"; "small": "small"; "shadow": "shadow"; "dark": "dark"; }, {}, never, never, false, never>;
 }

package/lib/components/navigation/header/header.component.d.ts

@@ -1,10 +1,11 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { BooleanInput } from "../../../utils/boolean-input";
-import { AbstractComponent } from "../../../abstracts/abstract.component";
+import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
 export declare class HeaderComponent extends AbstractComponent {
     protected readonly _renderer: Renderer2;
     protected readonly _elementRef: ElementRef;
+    protected readonly _changeDetectorRef: ChangeDetectorRef;
     light?: BooleanInput;
     showSlim?: BooleanInput;
     slimTitle?: string;
@@ -17,8 +18,9 @@ export declare class HeaderComponent extends AbstractComponent {
      * TODO: complete header
      * @param _renderer
      * @param _elementRef
+     * @param _changeDetectorRef
      */
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
     get isLight(): boolean;
     get isShowSlim(): boolean;
     get isSmallHeader(): boolean;

package/lib/interfaces/core.d.ts

@@ -1,3 +1,4 @@
+import { IconName } from './icon';
 export declare type AlertColor = 'info' | 'success' | 'warning' | 'danger';
 export declare type ButtonColor = 'primary' | 'outline-primary' | 'secondary' | 'outline-secondary' | 'success' | 'outline-success' | 'danger' | 'outline-danger' | 'warning' | 'outline-warning' | 'info' | 'outline-info' | 'light' | 'outline-light' | 'dark' | 'outline-dark' | 'link';
 export declare type ButtonSize = 'lg' | 'sm' | 'xs';
@@ -14,12 +15,34 @@ export declare type VerticalAlignment = 'align-baseline' | 'align-top' | 'align-
 export declare type DropdownDirection = 'dropup' | 'dropend' | 'dropstart';
 export declare type CarouselType = 'default' | 'three-cols' | 'three-cols-arrow-visible';
 export interface Notification {
+    /**
+     * Notification type
+     */
     type: NotificationType;
+    /**
+     * Notification title
+     */
     title: string;
+    /**
+     * Notification message / text
+     */
     message?: string;
+    /**
+     * Custom duration of notification
+     */
     duration?: number;
-    dismissable?: boolean;
+    /**
+     * The close notification button appears
+     */
+    dismissible?: boolean;
+    /**
+     * Custom position of notification
+     */
     position?: NotificationPosition;
+    /**
+     * Custom icon of notification
+     */
+    icon?: IconName;
 }
 export declare enum NotificationType {
     Standard = "standard",