design-angular-kit 1.0.0-2 → 1.0.0-21

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

@@ -1,14 +1,16 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+import { ItAbstractComponent } 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;
+export declare class ItCollapseComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * Enable multiple collapse
      */
-    multi?: BooleanInput;
+    multi: BooleanInput | undefined;
+    /**
+     * Toggles the collapsible element on invocation
+     */
+    opened: BooleanInput | undefined;
     /**
      * Custom class
      */
@@ -16,24 +18,23 @@ export declare class CollapseComponent extends AbstractComponent {
     /**
      * 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>;
-    private readonly element;
+    hiddenEvent: EventEmitter<Event>;
     private collapse?;
-    private collapseDiv;
+    protected collapseDiv?: ElementRef<HTMLDivElement>;
     get isMulti(): boolean;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    get isOpenedOnStart(): boolean;
     ngAfterViewInit(): void;
     /**
      * Shows a resealable item
@@ -54,6 +55,6 @@ export declare class CollapseComponent extends AbstractComponent {
      * Eliminates the possibility of an item being resealable
      */
     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 ɵfac: i0.ɵɵFactoryDeclaration<ItCollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCollapseComponent, "it-collapse", ["itCollapse"], { "multi": { "alias": "multi"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; }, never, ["*"], true, never>;
 }

package/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class DimmerButtonsComponent {
+export declare class ItDimmerButtonsComponent {
     /**
      * Indica se abbiamo 1 solo bottone
      * @default false
@@ -7,6 +7,6 @@ export declare class DimmerButtonsComponent {
     set hasOneButton(value: boolean);
     get hasOneButton(): boolean;
     private _hasOneButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DimmerButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DimmerButtonsComponent, "it-dimmer-buttons", never, { "hasOneButton": "hasOneButton"; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItDimmerButtonsComponent, "it-dimmer-buttons", never, { "hasOneButton": { "alias": "hasOneButton"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class DimmerIconComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DimmerIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DimmerIconComponent, "it-dimmer-icon", never, {}, {}, never, ["*"], false, never>;
+export declare class ItDimmerIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItDimmerIconComponent, "it-dimmer-icon", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,7 @@
 import { ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare type DimmerColor = '' | 'dimmer-primary';
-export declare class DimmerComponent implements OnInit {
+export type DimmerColor = '' | 'dimmer-primary';
+export declare class ItDimmerComponent implements OnInit {
     private elementRef;
     /**
      * Dimmer status
@@ -19,6 +19,6 @@ export declare class DimmerComponent implements OnInit {
     private _color;
     constructor(elementRef: ElementRef);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DimmerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DimmerComponent, "it-dimmer", never, { "active": "active"; "color": "color"; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItDimmerComponent, "it-dimmer", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dimmer.component";
+import * as i2 from "./dimmer-icon/dimmer-icon.component";
+import * as i3 from "./dimmer-buttons/dimmer-buttons.component";
+export declare class ItDimmerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItDimmerModule, never, [typeof i1.ItDimmerComponent, typeof i2.ItDimmerIconComponent, typeof i3.ItDimmerButtonsComponent], [typeof i1.ItDimmerComponent, typeof i2.ItDimmerIconComponent, typeof i3.ItDimmerButtonsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItDimmerModule>;
+}

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

@@ -1,10 +1,14 @@
-import { OnChanges, QueryList, SimpleChanges } from '@angular/core';
-import { AbstractComponent } from '../../../../abstracts/abstract.component';
+import { AfterViewInit, EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { ItAbstractComponent } 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 { ItDropdownItemComponent } from '../dropdown-item/dropdown-item.component';
 import * as i0 from "@angular/core";
-export declare class DropdownComponent extends AbstractComponent implements OnChanges {
+export declare class ItDropdownComponent extends ItAbstractComponent implements AfterViewInit, OnChanges {
+    /**
+     * Dropdown mode
+     */
+    mode: 'button' | 'link';
     /**
      * Button color
      */
@@ -15,19 +19,37 @@ export declare class DropdownComponent extends AbstractComponent implements OnCh
      * - <strong>dropend</strong>: right
      * - <strong>dropstart</strong>: left
      */
-    direction?: DropdownDirection;
+    direction: DropdownDirection | undefined;
     /**
      * To get a dropdown menu as wide as the element containing the dropdown button
      */
-    fullWidth?: BooleanInput;
+    fullWidth: BooleanInput | undefined;
     /**
      * Dark menu style
      */
-    dark?: BooleanInput;
+    dark: BooleanInput | undefined;
     /**
      * The dropdown items
      */
-    items?: QueryList<DropdownItemComponent>;
+    items?: QueryList<ItDropdownItemComponent>;
+    /**
+     * Fires immediately when the show instance method is called.
+     */
+    showEvent: EventEmitter<Event>;
+    /**
+     * Fired when the dropdown has been made visible to the user and CSS transitions have completed.
+     */
+    shownEvent: EventEmitter<Event>;
+    /**
+     * Fires immediately when the hide instance method has been called.
+     */
+    hideEvent: EventEmitter<Event>;
+    /**
+     * Fired when the dropdown has finished being hidden from the user and CSS transitions have completed.
+     */
+    hiddenEvent: EventEmitter<Event>;
+    private dropdown?;
+    private dropdownButton?;
     get buttonClass(): string;
     get isFullWidth(): boolean;
     get isDark(): boolean;
@@ -38,6 +60,27 @@ export declare class DropdownComponent extends AbstractComponent implements OnCh
      * @private
      */
     private setDarkItems;
-    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>;
+    private updateListeners;
+    /**
+     * 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<ItDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItDropdownComponent, "it-dropdown", ["itDropdown"], { "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; }, ["items"], ["[listHeading]", "[list]", "[button]"], true, never>;
 }

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

@@ -1,28 +1,24 @@
-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 { ItLinkComponent } 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;
+export declare class ItDropdownItemComponent extends ItLinkComponent {
     /**
      * Show divider
      */
-    divider?: BooleanInput;
+    divider: BooleanInput | undefined;
     /**
      * Active item
      */
-    active?: BooleanInput;
+    active: BooleanInput | undefined;
     /**
      * To increase the size of links
      */
-    large?: BooleanInput;
+    large: BooleanInput | undefined;
     /**
      * The name of icon to show
      */
-    iconName?: IconName;
+    iconName: IconName | undefined;
     /**
      * The icon position
      * @default right
@@ -37,8 +33,7 @@ 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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItDropdownItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItDropdownItemComponent, "it-dropdown-item", never, { "divider": { "alias": "divider"; "required": false; }; "active": { "alias": "active"; "required": false; }; "large": { "alias": "large"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

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

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class ForwardDirective {
+export declare class ItForwardDirective {
     private document?;
     /**
      * Indica, se HTMLElement, l'elemento a cui navigare, o se stringa, il selettore che selezionerà l'elemento a cui navigare.
@@ -9,6 +9,6 @@ export declare class ForwardDirective {
     private _itForward;
     constructor(document?: Document | undefined);
     onClick(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ForwardDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ForwardDirective, "[itForward]", never, { "itForward": "itForward"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItForwardDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItForwardDirective, "[itForward]", never, { "itForward": { "alias": "itForward"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,9 +1,8 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { ItAbstractComponent } 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 ItLinkComponent extends ItAbstractComponent implements AfterViewInit, OnChanges {
     /**
      * The router link action
      *
@@ -12,23 +11,23 @@ export declare class LinkComponent implements AfterViewInit {
      * - string: shorthand for array of commands with just the string, i.e. ['/route']
      * - null|undefined: Disables the link by removing the href
      */
-    href?: any[] | string | null;
+    href: any[] | string | null | undefined;
     /**
      * Is an external link (false to not use Angular router link)
      */
-    externalLink?: BooleanInput;
+    externalLink: BooleanInput | undefined;
     /**
      * Is disabled link
      */
-    disabled?: BooleanInput;
+    disabled: BooleanInput | undefined;
     /**
      * Custom class
      */
     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>;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItLinkComponent, "it-link", never, { "href": { "alias": "href"; "required": false; }; "externalLink": { "alias": "externalLink"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,10 +1,11 @@
 import { BooleanInput } from '../../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class ListComponent {
+export declare class ItListComponent {
     /**
-     * Add 'link-list' class for navigation menù
+     * Add 'link-list' class for navigation menu
      */
-    linkList?: BooleanInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "it-list", never, { "linkList": "linkList"; }, {}, never, ["*"], false, never>;
+    linkList: BooleanInput | undefined;
+    protected get isLinkList(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItListComponent, "it-list", never, { "linkList": { "alias": "linkList"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,24 +1,28 @@
 import { BooleanInput } from '../../../../utils/boolean-input';
-import { LinkComponent } from '../../link/link.component';
+import { ItLinkComponent } from '../../link/link.component';
 import * as i0 from "@angular/core";
-export declare class ListItemComponent extends LinkComponent {
+export declare class ItListItemComponent extends ItLinkComponent {
     /**
      * Add active class
      */
-    active?: BooleanInput;
+    active: BooleanInput | undefined;
     /**
      * Add large class
      */
-    large?: BooleanInput;
+    large: BooleanInput | undefined;
+    /**
+     * Add icon-left class
+     */
+    iconLeft: BooleanInput | undefined;
     /**
      * The avatar url
      */
-    avatar?: URL;
+    avatar: URL | undefined;
     /**
      * The thumb image url
      */
-    image?: URL;
+    image: URL | undefined;
     get itemClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "it-list-item", never, { "active": "active"; "large": "large"; "avatar": "avatar"; "image": "image"; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItListItemComponent, "it-list-item", never, { "active": { "alias": "active"; "required": false; }; "large": { "alias": "large"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "image": { "alias": "image"; "required": false; }; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], true, never>;
 }

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

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

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

@@ -1,39 +1,108 @@
-import { EventEmitter } from '@angular/core';
-import { AbstractComponent } from "../../../abstracts/abstract.component";
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { Modal as BSModal } from 'bootstrap';
 import * as i0 from "@angular/core";
-export declare class ModalComponent extends AbstractComponent {
+/**
+ * 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: BooleanInput;
+    /**
+     * To correctly format the contents of the modal with icon
+     * @default false
+     */
+    alertModal: BooleanInput | undefined;
+    /**
+     * To correctly format the contents of the modal with Link List
+     * @default false
+     */
+    dialogLinkList: BooleanInput | undefined;
+    /**
+     * Modal type Popconfirm can be used for short confirmation messages.
+     * @default false
+     */
+    popconfirm: BooleanInput | undefined;
+    /**
+     * You can choose to use a scroll inside the modal, keeping the header and footer of the modal always visible
+     * @default false
+     */
+    scrollable: BooleanInput | undefined;
+    /**
+     * To have modals that appear with fades
+     * @default true
+     */
+    fade?: BooleanInput;
+    /**
+     * 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' | BooleanInput;
+    /**
+     * Puts the focus on the modal when initialized.
+     * @default true
+     */
+    focus: BooleanInput;
+    /**
+     * Closes the modal when escape key is pressed.
+     * @default true
+     */
+    keyboard: BooleanInput;
+    /**
+     * To better distinguish the footer element with a shadow
+     * @default false
+     */
+    footerShadow: BooleanInput | undefined;
+    /**
+     * 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>;
-    private modal;
+    hidePreventedEvent: EventEmitter<Event>;
+    private modal?;
     private modalElement?;
     ngAfterViewInit(): void;
+    protected get isCloseButton(): boolean;
+    protected get isFooterShadow(): boolean;
+    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 +123,6 @@ 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>;
 }

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

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