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

package/lib/abstracts/{abstract-form-component.d.ts → abstract-form.component.d.ts}

@@ -1,15 +1,13 @@
 import { ControlValueAccessor, FormControl, NgControl, ValidatorFn } from '@angular/forms';
-import { DoCheck, ElementRef, OnInit, Renderer2 } from '@angular/core';
-import { AbstractComponent } from './abstract.component';
+import { DoCheck, OnInit } from '@angular/core';
+import { ItAbstractComponent } from './abstract.component';
 import { BooleanInput } from '../utils/boolean-input';
 import { Observable } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
-export declare class AbstractFormComponent<T = any> extends AbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
-    protected readonly _ngControl: NgControl;
+export declare abstract class ItAbstractFormComponent<T = any> extends ItAbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
     protected readonly _translateService: TranslateService;
-    protected readonly _renderer: Renderer2;
-    protected readonly _elementRef: ElementRef;
+    protected readonly _ngControl: NgControl;
     /**
      * The label of form control
      */
@@ -23,11 +21,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);
+    protected control: FormControl<T>;
+    constructor(_translateService: TranslateService, _ngControl: NgControl);
     /**
      * Check if field is invalid (Validation failed)
      */
@@ -79,6 +81,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<ItAbstractFormComponent<any>, [null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItAbstractFormComponent<any>, "ng-component", never, { "label": { "alias": "label"; "required": false; }; "validationMode": { "alias": "validationMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,14 +1,30 @@
-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 {
-    protected readonly _renderer: Renderer2;
-    protected readonly _elementRef: ElementRef;
+export declare abstract class ItAbstractComponent implements AfterViewInit, OnChanges {
     /**
      * The element ID
      */
-    id?: string;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    id: string;
+    /**
+     * Fired when component input attributes was changed
+     */
+    valueChanges: EventEmitter<void>;
+    /**
+     * Counter of active instances
+     * @private
+     */
+    private static instances;
+    protected readonly _renderer: Renderer2;
+    protected readonly _elementRef: ElementRef;
+    protected readonly _changeDetectorRef: ChangeDetectorRef;
+    constructor();
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractComponent, "ng-component", never, { "id": "id"; }, {}, never, never, false, never>;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Generate unique id for components
+     * @private
+     */
+    private getDefaultId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItAbstractComponent, "ng-component", never, { "id": { "alias": "id"; "required": false; }; }, { "valueChanges": "valueChanges"; }, never, never, false, never>;
 }

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

@@ -0,0 +1,40 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./core/accordion/accordion.component";
+import * as i2 from "./core/alert/alert.component";
+import * as i3 from "./core/badge/badge.directive";
+import * as i4 from "./core/button/button.directive";
+import * as i5 from "./core/callout/callout.component";
+import * as i6 from "./core/card/card.component";
+import * as i7 from "./core/carousel/carousel.module";
+import * as i8 from "./core/chip/chip.component";
+import * as i9 from "./core/collapse/collapse.component";
+import * as i10 from "./core/dimmer/dimmer.module";
+import * as i11 from "./core/dropdown/dropdown.module";
+import * as i12 from "./core/forward/forward.directive";
+import * as i13 from "./core/link/link.component";
+import * as i14 from "./core/list/list.module";
+import * as i15 from "./core/modal/modal.component";
+import * as i16 from "./core/notifications/notifications.component";
+import * as i17 from "./core/pagination/pagination.component";
+import * as i18 from "./core/popover/popover.directive";
+import * as i19 from "./core/progress-bar/progress-bar.component";
+import * as i20 from "./core/progress-button/progress-button.component";
+import * as i21 from "./core/spinner/spinner.component";
+import * as i22 from "./core/steppers/steppers.module";
+import * as i23 from "./core/tab/tab.module";
+import * as i24 from "./core/table/table.component";
+import * as i25 from "./core/tooltip/tooltip.directive";
+import * as i26 from "./form/form.module";
+import * as i27 from "./navigation/back-button/back-button.component";
+import * as i28 from "./navigation/back-to-top/back-to-top.component";
+import * as i29 from "./navigation/breadcrumbs/breadcrumbs.module";
+import * as i30 from "./navigation/header/header.component";
+import * as i31 from "./utils/error-page/error-page.component";
+import * as i32 from "./utils/icon/icon.component";
+import * as i33 from "./utils/language-switcher/language-switcher.component";
+import * as i34 from "../pipes/mark-matching-text.pipe";
+export declare class ItComponentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItComponentsModule, never, [typeof i1.ItAccordionComponent, typeof i2.ItAlertComponent, typeof i3.ItBadgeDirective, typeof i4.ItButtonDirective, typeof i5.ItCalloutComponent, typeof i6.ItCardComponent, typeof i7.ItCarouselModule, typeof i8.ItChipComponent, typeof i9.ItCollapseComponent, typeof i10.ItDimmerModule, typeof i11.ItDropdownModule, typeof i12.ItForwardDirective, typeof i13.ItLinkComponent, typeof i14.ItListModule, typeof i15.ItModalComponent, typeof i16.ItNotificationsComponent, typeof i17.ItPaginationComponent, typeof i18.ItPopoverDirective, typeof i19.ItProgressBarComponent, typeof i20.ItProgressButtonComponent, typeof i21.ItSpinnerComponent, typeof i22.ItSteppersModule, typeof i23.ItTabModule, typeof i24.ItTableComponent, typeof i25.ItTooltipDirective, typeof i26.ItFormModule, typeof i27.ItBackButtonComponent, typeof i28.ItBackToTopComponent, typeof i29.ItBreadcrumbsModule, typeof i30.ItHeaderComponent, typeof i31.ItErrorPageComponent, typeof i32.ItIconComponent, typeof i33.ItLanguageSwitcherComponent, typeof i34.MarkMatchingTextPipe], [typeof i1.ItAccordionComponent, typeof i2.ItAlertComponent, typeof i3.ItBadgeDirective, typeof i4.ItButtonDirective, typeof i5.ItCalloutComponent, typeof i6.ItCardComponent, typeof i7.ItCarouselModule, typeof i8.ItChipComponent, typeof i9.ItCollapseComponent, typeof i10.ItDimmerModule, typeof i11.ItDropdownModule, typeof i12.ItForwardDirective, typeof i13.ItLinkComponent, typeof i14.ItListModule, typeof i15.ItModalComponent, typeof i16.ItNotificationsComponent, typeof i17.ItPaginationComponent, typeof i18.ItPopoverDirective, typeof i19.ItProgressBarComponent, typeof i20.ItProgressButtonComponent, typeof i21.ItSpinnerComponent, typeof i22.ItSteppersModule, typeof i23.ItTabModule, typeof i24.ItTableComponent, typeof i25.ItTooltipDirective, typeof i26.ItFormModule, typeof i27.ItBackButtonComponent, typeof i28.ItBackToTopComponent, typeof i29.ItBreadcrumbsModule, typeof i30.ItHeaderComponent, typeof i31.ItErrorPageComponent, typeof i32.ItIconComponent, typeof i33.ItLanguageSwitcherComponent, typeof i34.MarkMatchingTextPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItComponentsModule>;
+}

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

@@ -1,16 +1,18 @@
-import { AbstractComponent } from "../../../abstracts/abstract.component";
-import { BooleanInput } from "../../../utils/boolean-input";
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { ItCollapseComponent } from '../collapse/collapse.component';
 import * as i0 from "@angular/core";
-export declare class AccordionComponent extends AbstractComponent {
+/**
+ * Accordion
+ * @description Build vertically collapsible accordions based on Collapse.
+ */
+export declare class ItAccordionComponent extends ItCollapseComponent implements AfterViewInit {
     /**
      * Accordion Title
      */
     title: string;
-    /**
-     * True to set accordion opened by default
-     */
-    opened?: BooleanInput;
+    protected collapseDiv?: ElementRef<HTMLDivElement>;
+    protected 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 ɵfac: i0.ɵɵFactoryDeclaration<ItAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItAccordionComponent, "it-accordion[title]", ["itAccordion"], { "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,13 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
 import { AlertColor } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class AlertComponent {
+/**
+ * Alert
+ * @description You can provide feedback to the user via alert messages.
+ */
+export declare class ItAlertComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * The alert color
      * @default info
@@ -9,9 +15,30 @@ export declare class AlertComponent {
     color: AlertColor;
     /**
      * Inserts the close button
+     * @default false
      */
-    dismissible?: BooleanInput;
-    get isDismissible(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "it-alert", never, { "color": "color"; "dismissible": "dismissible"; }, {}, never, ["[heading]", "*"], false, never>;
+    dismissible: BooleanInput | undefined;
+    /**
+     * This event fires immediately when the instance's close method is called.
+     */
+    closeEvent: EventEmitter<Event>;
+    /**
+     * This event fires when the alert has been closed (it will wait for CSS transitions to complete).
+     */
+    closedEvent: EventEmitter<Event>;
+    private alert?;
+    private alertElement?;
+    protected 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<ItAlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItAlertComponent, "it-alert", ["itAlert"], { "color": { "alias": "color"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "closeEvent": "closeEvent"; "closedEvent": "closedEvent"; }, never, ["[heading]", "*"], true, never>;
 }

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

@@ -1,16 +1,22 @@
 import { BadgeColor } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class BadgeDirective {
+/**
+ * Badge
+ * @description Useful for small counters and labels
+ */
+export declare class ItBadgeDirective {
     /**
      * Define the badge color
+     * @default undefined
      */
-    color?: BadgeColor;
+    color: BadgeColor | undefined;
     /**
      * Show rounded badge
+     * @default false
      */
-    rounded?: BooleanInput;
-    get badgeClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[itBadge]", ["itBadge"], { "color": "itBadge"; "rounded": "rounded"; }, {}, never, never, false, never>;
+    rounded: BooleanInput | undefined;
+    protected get badgeClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItBadgeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItBadgeDirective, "[itBadge]", ["itBadge"], { "color": { "alias": "itBadge"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,38 +1,45 @@
 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 { ItIconComponent } from '../../utils/icon/icon.component';
 import { BooleanInput } from '../../../utils/boolean-input';
+import { ItProgressButtonComponent } from '../progress-button/progress-button.component';
 import * as i0 from "@angular/core";
-export declare class ButtonDirective {
+/**
+ * Button
+ * @description Bootstrap italia custom button styles
+ */
+export declare class ItButtonDirective {
+    private progressButtonComponent;
     /**
      * Button color
+     * @default undefined
      */
-    color?: ButtonColor;
+    color: ButtonColor | undefined;
     /**
      * Button size
+     * @default undefined
      */
-    size?: ButtonSize;
+    size: ButtonSize | undefined;
     /**
      * Indicates whether the button occupies all the width available to it.
+     * @default undefined
      */
-    block?: ButtonSize;
+    block: ButtonSize | undefined;
     /**
      * If button is disabled
+     * @default false
      */
-    disabled?: BooleanInput;
+    disabled: BooleanInput | undefined;
     /**
      * The icon children
+     * @default undefined
      */
-    icons?: QueryList<IconComponent>;
-    /**
-     * The progress bar children
-     */
-    progressBar?: ProgressBarComponent;
+    protected icons?: QueryList<ItIconComponent>;
     private isFocus;
-    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>;
+    constructor(progressButtonComponent: ItProgressButtonComponent);
+    protected onFocus(): void;
+    protected onBlur(): void;
+    protected get hostClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItButtonDirective, [{ optional: true; host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItButtonDirective, "[itButton]", ["itButton"], { "color": { "alias": "itButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["icons"], never, true, never>;
 }

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

@@ -1,22 +1,31 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
-import { IconName } from "../../../interfaces/icon";
-import { CalloutAppearance, CalloutColor } from "../../../interfaces/core";
+import { CalloutAppearance, CalloutColor } from '../../../interfaces/core';
+import { IconName } from '../../../interfaces/icon';
 import * as i0 from "@angular/core";
-export declare class CalloutComponent implements AfterViewInit {
-    private readonly _renderer;
-    private readonly _elementRef;
+/**
+ * Callout
+ * @description Callouts can be used to highlight certain parts of the text that require particular attention. They may contain error messages, warnings, hints, etc.
+ */
+export declare class ItCalloutComponent {
     /**
-     * Callout title
+     * Callout label
+     * @default undefined
      */
-    title?: string;
+    label: string | undefined;
     /**
-     * Custom icon
+     * Callout hiddenLabel
+     * @default undefined
      */
-    icon?: IconName;
+    hiddenLabel: string | undefined;
     /**
      * Callout color
+     * - <b>success</b>
+     * - <b>danger</b>
+     * - <b>warning</b>
+     * - <b>important</b>
+     * - <b>note</b>
+     * @default undefined
      */
-    color?: CalloutColor;
+    color: CalloutColor | undefined;
     /**
      * Callout appearance
      * - <b>default</b>
@@ -26,11 +35,11 @@ export declare class CalloutComponent implements AfterViewInit {
      */
     appearance: CalloutAppearance;
     /**
-     * Retrieve the current icon to show
+     * Custom icon
+     * @default undefined
      */
-    get iconName(): IconName;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "it-callout", never, { "title": "title"; "icon": "icon"; "color": "color"; "appearance": "appearance"; }, {}, never, ["[bigText]", "*"], false, never>;
+    icon: IconName | undefined;
+    protected get iconName(): IconName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItCalloutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCalloutComponent, "it-callout", never, { "label": { "alias": "label"; "required": false; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["[bigText]", "*"], true, never>;
 }

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

@@ -1,7 +1,11 @@
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class CardComponent extends AbstractComponent {
+/**
+ * Card
+ * @description A container of texts and images with many options and variations.
+ */
+export declare class ItCardComponent extends ItAbstractComponent {
     /**
      * It serves to space the cards in their mobile version.
      * @default true
@@ -9,33 +13,39 @@ export declare class CardComponent extends AbstractComponent {
     space: BooleanInput;
     /**
      * To create cards with short or "preview" content
+     * @default false
      */
-    teaser?: BooleanInput;
+    teaser: BooleanInput | undefined;
     /**
      * Card with image
+     * @default false
      */
-    hasImage?: BooleanInput;
+    hasImage: BooleanInput | undefined;
     /**
      * To add rounding effects
+     * @default false
      */
-    rounded?: BooleanInput;
+    rounded: BooleanInput | undefined;
     /**
      * To add shadow effects
+     * @default false
      */
-    shadow?: BooleanInput;
+    shadow: BooleanInput | undefined;
     /**
      * Custom card class
+     * @default ''
      */
     cardClass: string;
     /**
      * Custom card body class
+     * @default ''
      */
     bodyClass: string;
-    get isSpace(): boolean;
-    get isTeaser(): boolean;
-    get isHasImage(): boolean;
-    get isRounded(): boolean;
-    get isShadow(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "it-card", never, { "space": "space"; "teaser": "teaser"; "hasImage": "hasImage"; "rounded": "rounded"; "shadow": "shadow"; "cardClass": "cardClass"; "bodyClass": "bodyClass"; }, {}, never, ["[beforeBody]", "*"], false, never>;
+    protected get isSpace(): boolean;
+    protected get isTeaser(): boolean;
+    protected get isHasImage(): boolean;
+    protected get isRounded(): boolean;
+    protected get isShadow(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCardComponent, "it-card", never, { "space": { "alias": "space"; "required": false; }; "teaser": { "alias": "teaser"; "required": false; }; "hasImage": { "alias": "hasImage"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, never, ["[beforeBody]", "*"], true, never>;
 }

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

@@ -1,13 +1,19 @@
-import { AfterViewInit, QueryList } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
 import { CarouselType } from '../../../../interfaces/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
-import { CarouselItemComponent } from '../carousel-item/carousel-item.component';
+import { ItCarouselItemComponent } from '../carousel-item/carousel-item.component';
 import * as i0 from "@angular/core";
-export declare class CarouselComponent implements AfterViewInit {
+/**
+ * Carousel
+ * @description A presentation component for scrolling through elements, images or text slides.
+ */
+export declare class ItCarouselComponent implements AfterViewInit, OnDestroy {
+    private readonly _changeDetectorRef;
     /**
      * The callout title
+     * @default undefined
      */
-    title?: string;
+    title: string | undefined;
     /**
      * The carousel type
      * @default default
@@ -15,32 +21,45 @@ export declare class CarouselComponent implements AfterViewInit {
     type: CarouselType;
     /**
      * Custom class in splide__track element
+     * @default ''
      */
     trackClass: string;
     /**
      * True for full screen (landscape) viewing
+     * @default undefined
      */
-    fullCarousel?: BooleanInput;
+    fullCarousel: BooleanInput | undefined;
     /**
      * To indicate that the contained image is of a large type
+     * @default undefined
      */
-    bigImg?: BooleanInput;
+    bigImg: BooleanInput | undefined;
+    /**
+     * To indicate that the contained image is of a standard type
+     * @default undefined
+     */
+    standardImage: BooleanInput | undefined;
     /**
      * Card line style
+     * @default undefined
      */
-    lined?: BooleanInput;
-    items?: QueryList<CarouselItemComponent>;
-    private carouselDiv;
+    lined: BooleanInput | undefined;
+    protected items?: QueryList<ItCarouselItemComponent>;
     private carousel?;
-    get typeClass(): string;
-    get isFullCarousel(): boolean;
-    get isBigImg(): boolean;
-    get isLined(): boolean;
+    private carouselDiv;
+    private itemSubscriptions?;
+    protected get typeClass(): string;
+    protected get isFullCarousel(): boolean;
+    protected get isBigImg(): boolean;
+    protected get isStandardImage(): boolean;
+    protected get isLined(): boolean;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /**
      * Removes CarouselBI features
      */
     dispose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "it-carousel", ["itCarousel"], { "title": "title"; "type": "type"; "trackClass": "trackClass"; "fullCarousel": "fullCarousel"; "bigImg": "bigImg"; "lined": "lined"; }, {}, ["items"], never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCarouselComponent, "it-carousel", ["itCarousel"], { "title": { "alias": "title"; "required": false; }; "type": { "alias": "type"; "required": false; }; "trackClass": { "alias": "trackClass"; "required": false; }; "fullCarousel": { "alias": "fullCarousel"; "required": false; }; "bigImg": { "alias": "bigImg"; "required": false; }; "standardImage": { "alias": "standardImage"; "required": false; }; "lined": { "alias": "lined"; "required": false; }; }, {}, ["items"], never, true, never>;
 }

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

@@ -1,10 +1,15 @@
 import { TemplateRef } from '@angular/core';
+import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class CarouselItemComponent {
+/**
+ * Carousel Item
+ * @description element, image or text slide of carousel
+ */
+export declare class ItCarouselItemComponent extends ItAbstractComponent {
     /**
      * The content of item
      */
     htmlContent: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "it-carousel-item", never, {}, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCarouselItemComponent, "it-carousel-item", never, {}, {}, never, ["*"], true, never>;
 }

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

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

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

@@ -1,8 +1,10 @@
 import { EventEmitter } from '@angular/core';
 import { IconName } from '../../../interfaces/icon';
+import { ChipColor } from '../../../interfaces/core';
+import { DesignAngularKitConfig } from '../../../design-angular-kit-config';
 import * as i0 from "@angular/core";
-export declare type ChipColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
-export declare class ChipComponent {
+export declare class ItChipComponent {
+    protected readonly config: DesignAngularKitConfig;
     /**
      * Indica la label
     */
@@ -54,9 +56,10 @@ export declare class ChipComponent {
     /**
      * Evento emesso al click sul bottone di chiusura
     */
-    close: EventEmitter<any>;
+    closeEvent: EventEmitter<any>;
     iconClose: IconName;
+    constructor(config: DesignAngularKitConfig);
     clickToClose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "it-chip", never, { "label": "label"; "showCloseButton": "showCloseButton"; "size": "size"; "color": "color"; "disabled": "disabled"; "icon": "icon"; "avatar": "avatar"; "altAvatar": "altAvatar"; }, { "close": "close"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItChipComponent, "it-chip", never, { "label": { "alias": "label"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "altAvatar": { "alias": "altAvatar"; "required": false; }; }, { "closeEvent": "closeEvent"; }, never, never, true, never>;
 }