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

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

@@ -1,27 +1,42 @@
-import { BooleanInput } from "../../../utils/boolean-input";
-import { AbstractComponent } from "../../../abstracts/abstract.component";
+import { AfterViewInit } from '@angular/core';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class BackToTopComponent extends AbstractComponent {
-    /**
-     * The back to top ID
-     * @default 'back-to-top-button'
-     */
-    id: string;
+export declare class ItBackToTopComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * Show small button
      */
-    small?: BooleanInput;
+    small: BooleanInput | undefined;
     /**
      * Show shadow
      */
-    shadow?: BooleanInput;
+    shadow: BooleanInput | undefined;
     /**
      * Button usable button on a dark background
      */
-    dark?: BooleanInput;
+    dark: BooleanInput | undefined;
+    private backToTop?;
+    private backToTopElement?;
     get isSmall(): boolean;
     get isShadow(): boolean;
     get isDark(): boolean;
-    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>;
+    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<ItBackToTopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItBackToTopComponent, "it-back-to-top", ["itBackToTop"], { "small": { "alias": "small"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef, QueryList } from '@angular/core';
-import { BreadcrumbItemComponent } from "../breadcrumb-item/breadcrumb-item.component";
-import { BooleanInput } from "../../../../utils/boolean-input";
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
+import { ItBreadcrumbItemComponent } from '../breadcrumb-item/breadcrumb-item.component';
+import { BooleanInput } from '../../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbComponent {
+export declare class ItBreadcrumbComponent implements AfterViewInit, OnDestroy {
     private readonly _changeDetectorRef;
     /**
      * The character to use as separator
@@ -12,19 +12,21 @@ export declare class BreadcrumbComponent {
     /**
      * Dark style
      */
-    dark?: BooleanInput;
+    dark: BooleanInput | undefined;
     /**
      * The tab items
      */
-    items?: QueryList<BreadcrumbItemComponent>;
+    items?: QueryList<ItBreadcrumbItemComponent>;
     get isDark(): boolean;
+    private itemSubscriptions?;
     constructor(_changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /**
      * Check if index is last item
      * @param index
      */
-    isLastItem(index: number): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "it-breadcrumb", never, { "separator": "separator"; "dark": "dark"; }, {}, ["items"], never, false, never>;
+    protected isLastItem(index: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItBreadcrumbComponent, "it-breadcrumb", never, { "separator": { "alias": "separator"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, ["items"], never, true, never>;
 }

package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts

@@ -1,22 +1,22 @@
 import { TemplateRef } from '@angular/core';
 import { BooleanInput } from '../../../../utils/boolean-input';
 import { IconName } from '../../../../interfaces/icon';
-import { LinkComponent } from '../../../core/link/link.component';
+import { ItLinkComponent } from '../../../core/link/link.component';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbItemComponent extends LinkComponent {
+export declare class ItBreadcrumbItemComponent extends ItLinkComponent {
     /**
      * Is active breadcrumb item
      */
-    active?: BooleanInput;
+    active: BooleanInput | undefined;
     /**
      * The name of icon to show
      */
-    iconName?: IconName;
+    iconName: IconName | undefined;
     /**
      * The content of item
      */
     htmlContent: TemplateRef<any>;
     get isActive(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "it-breadcrumb-item", never, { "active": "active"; "iconName": "iconName"; }, {}, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItBreadcrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItBreadcrumbItemComponent, "it-breadcrumb-item", never, { "active": { "alias": "active"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

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

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

@@ -1,13 +1,11 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { BooleanInput } from "../../../utils/boolean-input";
-import { AbstractComponent } from "../../../abstracts/abstract.component";
+import { EventEmitter } from '@angular/core';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class HeaderComponent extends AbstractComponent {
-    protected readonly _renderer: Renderer2;
-    protected readonly _elementRef: ElementRef;
-    light?: BooleanInput;
+export declare class ItHeaderComponent extends ItAbstractComponent {
+    light: BooleanInput | undefined;
     showSlim?: BooleanInput;
-    slimTitle?: string;
+    slimTitle: string | undefined;
     loginStyle: 'none' | 'default' | 'full';
     smallHeader?: BooleanInput;
     showSearch?: BooleanInput;
@@ -15,14 +13,12 @@ export declare class HeaderComponent extends AbstractComponent {
     searchClick: EventEmitter<Event>;
     /**
      * TODO: complete header
-     * @param _renderer
-     * @param _elementRef
      */
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    constructor();
     get isLight(): boolean;
     get isShowSlim(): boolean;
     get isSmallHeader(): boolean;
     get isShowSearch(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "it-header", never, { "light": "light"; "showSlim": "showSlim"; "slimTitle": "slimTitle"; "loginStyle": "loginStyle"; "smallHeader": "smallHeader"; "showSearch": "showSearch"; }, { "loginClick": "loginClick"; "searchClick": "searchClick"; }, never, ["[slimLinkList]", "[slimRightZone]", "[brand]", "[rightZone]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItHeaderComponent, "it-header", never, { "light": { "alias": "light"; "required": false; }; "showSlim": { "alias": "showSlim"; "required": false; }; "slimTitle": { "alias": "slimTitle"; "required": false; }; "loginStyle": { "alias": "loginStyle"; "required": false; }; "smallHeader": { "alias": "smallHeader"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; }, { "loginClick": "loginClick"; "searchClick": "searchClick"; }, never, ["[slimLinkList]", "[slimRightZone]", "[brand]", "[rightZone]"], true, never>;
 }

package/lib/components/utils/error-page/error-page.component.d.ts

@@ -0,0 +1,44 @@
+import { ActivatedRoute } from '@angular/router';
+import { BooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+export declare class ItErrorPageComponent {
+    private readonly route;
+    /**
+     * The error code to show
+     */
+    errorCode: number | 404 | 403 | 500 | undefined;
+    /**
+     * Show/Hide error code
+     * @default true - show
+     */
+    showErrorCode?: BooleanInput;
+    /**
+     * Custom error title
+     * - If set it will be displayed instead of the default title.
+     * - It is possible to use i18n keys
+     */
+    errorTitle: string | undefined;
+    /**
+     * Custom error description
+     * - If set it will be displayed instead of the default description.
+     * - It is possible to use i18n keys
+     */
+    errorDescription: string | undefined;
+    /**
+     * Show/Hide back button
+     * @default true - show
+     */
+    showBackButton?: BooleanInput;
+    /**
+     * Show/Hide home button
+     * @default true - show
+     */
+    showHomeButton?: BooleanInput;
+    constructor(route: ActivatedRoute);
+    get isDefaultErrorCode(): boolean;
+    get isShowErrorCode(): boolean;
+    get isShowBackButton(): boolean;
+    get isShowHomeButton(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItErrorPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItErrorPageComponent, "it-error-page", never, { "errorCode": { "alias": "errorCode"; "required": false; }; "showErrorCode": { "alias": "showErrorCode"; "required": false; }; "errorTitle": { "alias": "errorTitle"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "showHomeButton": { "alias": "showHomeButton"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/utils/icon/icon.component.d.ts

@@ -1,30 +1,29 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
-import { IconColor, IconName, IconSize } from "../../../interfaces/icon";
-import { BooleanInput } from "../../../utils/boolean-input";
+import { IconColor, IconName, IconSize } from '../../../interfaces/icon';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { DesignAngularKitConfig } from '../../../design-angular-kit-config';
 import * as i0 from "@angular/core";
-export declare class IconComponent implements AfterViewInit {
-    protected readonly _renderer: Renderer2;
-    protected readonly _elementRef: ElementRef;
+export declare class ItIconComponent {
+    private readonly config;
     /**
-     * The icon size
+     * The icon name
      */
     name: IconName;
     /**
      * The icon size
      */
-    size?: IconSize;
+    size: IconSize | undefined;
     /**
      * The icon color
      */
-    color?: IconColor;
+    color: IconColor | undefined;
     /**
      * Create a padding proportional to the size of the surrounding icon.
      */
-    padded?: BooleanInput;
+    padded: BooleanInput | undefined;
     /**
-     * Custom class
+     * Custom class of svg
      */
-    class: string;
+    svgClass: string | undefined;
     /**
      * Return the icon href
      */
@@ -33,8 +32,7 @@ export declare class IconComponent implements AfterViewInit {
      * Return the icon class
      */
     get iconClass(): string;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "it-icon[name]", never, { "name": "name"; "size": "size"; "color": "color"; "padded": "padded"; "class": "class"; }, {}, never, never, false, never>;
+    constructor(config: DesignAngularKitConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItIconComponent, "it-icon[name]", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "svgClass": { "alias": "svgClass"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/utils/language-switcher/language-switcher.component.d.ts

@@ -0,0 +1,27 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TranslateService } from '@ngx-translate/core';
+import { AvailableLanguage } from '../../../interfaces/utils';
+import * as i0 from "@angular/core";
+export declare class ItLanguageSwitcherComponent implements OnInit {
+    private readonly translateService;
+    /**
+     * The available languages
+     * @default The languages available through TranslateService (ngx-translate)
+     */
+    availableLanguages: Array<AvailableLanguage> | undefined;
+    /**
+     * Dropdown mode
+     */
+    mode: 'button' | 'link';
+    protected currentLang$: Observable<AvailableLanguage | undefined>;
+    constructor(translateService: TranslateService);
+    ngOnInit(): void;
+    /**
+     * Change the current language
+     * @param lang the language code
+     */
+    changeLanguage(lang: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItLanguageSwitcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItLanguageSwitcherComponent, "it-language-switcher", never, { "availableLanguages": { "alias": "availableLanguages"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/design-angular-kit-config.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken } from '@angular/core';
+import { DesignAngularKitInit } from './interfaces/design-angular-kit-init';
+export declare const DESIGN_ANGULAR_KIT_CONFIG: InjectionToken<DesignAngularKitConfig>;
+export declare class DesignAngularKitConfig {
+    /**
+     * The init config
+     * @private
+     */
+    private readonly initConfig?;
+    constructor(nextInit?: DesignAngularKitInit);
+    /**
+     * The initial path in the `href` attribute in the `IconComponent` component
+     * @default './bootstrap-italia/dist/svg/sprites.svg'
+     */
+    get iconHref(): string;
+}

package/lib/design-angular-kit.module.d.ts

@@ -1,9 +1,14 @@
+import { ModuleWithProviders } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { DesignAngularKitInit } from './interfaces/design-angular-kit-init';
 import * as i0 from "@angular/core";
-import * as i1 from "./modules/components.module";
-import * as i2 from "@angular/common/http";
-import * as i3 from "@ngx-translate/core";
+import * as i1 from "@angular/common/http";
+import * as i2 from "@ngx-translate/core";
 export declare class DesignAngularKitModule {
+    private readonly translateService;
+    static forRoot(initConfig?: DesignAngularKitInit): ModuleWithProviders<DesignAngularKitModule>;
+    constructor(translateService: TranslateService);
     static ɵfac: i0.ɵɵFactoryDeclaration<DesignAngularKitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignAngularKitModule, never, [typeof i1.ComponentsModule, typeof i2.HttpClientModule, typeof i3.TranslateModule], [typeof i1.ComponentsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignAngularKitModule, never, [typeof i1.HttpClientModule, typeof i2.TranslateModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DesignAngularKitModule>;
 }

package/lib/interfaces/core.d.ts

@@ -1,25 +1,49 @@
-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';
-export declare type ButtonType = 'submit' | 'button';
-export declare type CalloutColor = 'success' | 'warning' | 'danger' | 'important' | 'note';
-export declare type CalloutAppearance = 'default' | 'highlight' | 'more';
-export declare type ElementPlacement = 'top' | 'bottom' | 'left' | 'right';
-export declare type ProgressBarColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
-export declare type BadgeColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
-export declare type TableColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
-export declare type TableHeadColor = 'light' | 'dark';
-export declare type TableResponsive = 'responsive' | 'responsive-sm' | 'responsive-md' | 'responsive-lg' | 'responsive-xl' | 'responsive-xxl';
-export declare type VerticalAlignment = 'align-baseline' | 'align-top' | 'align-middle' | 'align-bottom' | 'align-text-bottom' | 'align-text-top';
-export declare type DropdownDirection = 'dropup' | 'dropend' | 'dropstart';
-export declare type CarouselType = 'default' | 'three-cols' | 'three-cols-arrow-visible';
+import { IconName } from './icon';
+export type AlertColor = 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export 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 type ButtonSize = 'lg' | 'sm' | 'xs';
+export type ButtonType = 'submit' | 'button';
+export type CalloutColor = 'success' | 'warning' | 'danger' | 'important' | 'note';
+export type CalloutAppearance = 'default' | 'highlight' | 'more';
+export type ChipColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
+export type ElementPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type ProgressBarColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type BadgeColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+export type TableColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
+export type TableHeadColor = 'light' | 'dark';
+export type TableResponsive = 'responsive' | 'responsive-sm' | 'responsive-md' | 'responsive-lg' | 'responsive-xl' | 'responsive-xxl';
+export type VerticalAlignment = 'align-baseline' | 'align-top' | 'align-middle' | 'align-bottom' | 'align-text-bottom' | 'align-text-top';
+export type DropdownDirection = 'dropup' | 'dropend' | 'dropstart';
+export 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",

package/lib/interfaces/design-angular-kit-init.d.ts

@@ -0,0 +1,7 @@
+export interface DesignAngularKitInit {
+    /**
+     * The initial path in the `href` attribute in the `IconComponent` component
+     * @default './bootstrap-italia/dist/svg/sprites.svg'
+     */
+    iconHref?: string;
+}

package/lib/interfaces/form.d.ts

@@ -1,13 +1,14 @@
-export declare type InputControlType = 'text' | 'email' | 'number' | 'date' | 'time' | 'tel' | 'color' | 'url';
-export interface SelectControlOption {
-    value: any;
+import { IconName } from './icon';
+export type InputControlType = 'text' | 'email' | 'number' | 'date' | 'time' | 'tel' | 'color' | 'url' | 'search';
+export interface SelectControlOption<T = any> {
+    value: T;
     text?: string;
-    selected?: boolean | ((value: any) => boolean);
-    disabled?: boolean | ((value: any) => boolean);
+    selected?: boolean | ((value: T) => boolean);
+    disabled?: boolean | ((value: T) => boolean);
 }
-export interface SelectControlGroup {
+export interface SelectControlGroup<T = any> {
     label: string;
-    options: Array<SelectControlOption>;
+    options: Array<SelectControlOption<T>>;
     dragdrop?: boolean;
 }
 export interface UploadFileListItem {
@@ -35,9 +36,32 @@ export interface UploadFileListItem {
     /**
      * Set the status of the item as 'error'
      */
-    error?: string;
+    error?: boolean;
     /**
      * Add tooltip on file item name
+     * @example It can be used to show the error message or additional information about the file
      */
     tooltip?: string;
 }
+/**
+ * Elemento disponibile per l'autocompletamento del it-form-input
+ */
+export interface AutocompleteItem<T = any> {
+    /** Valore voce di autocompletamento */
+    value: string;
+    /** Opzionale. Path in cui ricercare l'immagine dell'avatar da posizionare a sinistra della voce di autocompletamento */
+    avatarSrcPath?: string;
+    /** Opzionale. Testo in alternativa dell'avatar per accessibilità */
+    avatarAltText?: string;
+    /** Opzionale. Icona posizionata a sinistra della voce di autocompletamento */
+    icon?: IconName;
+    /** Opzionale. Label posizionata a destra della voce di autocompletamento */
+    label?: string;
+    /** Opzionale. Link relativo all'elemento */
+    link?: string;
+    /**
+     * Attribute not used for autocomplete rendering.
+     * It can be useful to retrieve some extra information when selecting the autocomplete item
+     */
+    additionalData?: T;
+}

package/lib/interfaces/icon.d.ts

@@ -1,3 +1,4 @@
-export declare type IconSize = 'xs' | 'sm' | 'lg' | 'xl';
-export declare type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'white';
-export declare type IconName = 'arrow-down' | 'arrow-down-circle' | 'arrow-down-triangle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-left-triangle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-right-triangle' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-triangle' | 'ban' | 'bookmark' | 'box' | 'burger' | 'calendar' | 'camera' | 'card' | 'chart-line' | 'check' | 'check-circle' | 'chevron-left' | 'chevron-right' | 'clip' | 'clock' | 'close' | 'close-big' | 'close-circle' | 'comment' | 'copy' | 'delete' | 'download' | 'error' | 'exchange-circle' | 'expand' | 'external-link' | 'flag' | 'folder' | 'fullscreen' | 'funnel' | 'hearing' | 'help' | 'help-circle' | 'horn' | 'inbox' | 'info-circle' | 'key' | 'link' | 'list' | 'locked' | 'logout' | 'mail' | 'mail-open' | 'map-marker' | 'map-marker-circle' | 'map-marker-minus' | 'map-marker-plus' | 'maximize' | 'maximize-alt' | 'minimize' | 'minus' | 'minus-circle' | 'more-actions' | 'more-items' | 'note' | 'pa' | 'password-invisible' | 'password-visible' | 'pencil' | 'piattaforme' | 'pin' | 'plug' | 'plus' | 'plus-circle' | 'presentation' | 'print' | 'refresh' | 'restore' | 'rss' | 'rss-square' | 'search' | 'settings' | 'share' | 'software' | 'star-full' | 'star-outline' | 'telephone' | 'tool' | 'unlocked' | 'upload' | 'user' | 'video' | 'warning' | 'warning-circle' | 'wifi' | 'zoom-in' | 'zoom-out' | 'behance' | 'facebook' | 'facebook-square' | 'figma' | 'figma-square' | 'flickr' | 'flickr-square' | 'github' | 'instagram' | 'linkedin' | 'linkedin-square' | 'medium' | 'medium-square' | 'pinterest' | 'pinterest-square' | 'quora' | 'quora-square' | 'reddit' | 'reddit-square' | 'slack' | 'slack-square' | 'snapchat' | 'snapchat-square' | 'stackexchange' | 'stackexchange-square' | 'stackoverflow' | 'stackoverflow-square' | 'telegram' | 'tiktok' | 'tiktok-square' | 'twitter' | 'twitter-square' | 'vimeo' | 'vimeo-square' | 'whatsapp' | 'whatsapp-square' | 'youtube' | 'google' | 'designers-italia' | 'team-digitale' | 'file' | 'files' | 'file-audio' | 'file-compressed' | 'file-csv' | 'file-json' | 'file-odp' | 'file-ods' | 'file-odt' | 'file-pdf' | 'file-pdf-ext' | 'file-sheet' | 'file-slides' | 'file-txt' | 'file-video' | 'file-xml';
+export type IconSize = 'xs' | 'sm' | 'lg' | 'xl';
+export type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'white';
+export type IconName = typeof IconNameArray[number];
+export declare const IconNameArray: readonly ["arrow-down", "arrow-down-circle", "arrow-down-triangle", "arrow-left", "arrow-left-circle", "arrow-left-triangle", "arrow-right", "arrow-right-circle", "arrow-right-triangle", "arrow-up", "arrow-up-circle", "arrow-up-triangle", "ban", "bookmark", "box", "burger", "calendar", "camera", "card", "chart-line", "check", "check-circle", "chevron-left", "chevron-right", "clip", "clock", "close", "close-big", "close-circle", "comment", "copy", "delete", "download", "error", "exchange-circle", "expand", "external-link", "flag", "folder", "fullscreen", "funnel", "hearing", "help", "help-circle", "horn", "inbox", "info-circle", "key", "link", "list", "locked", "logout", "mail", "mail-open", "map-marker", "map-marker-circle", "map-marker-minus", "map-marker-plus", "maximize", "maximize-alt", "minimize", "minus", "minus-circle", "more-actions", "more-items", "note", "pa", "password-invisible", "password-visible", "pencil", "piattaforme", "pin", "plug", "plus", "plus-circle", "presentation", "print", "refresh", "restore", "rss", "rss-square", "search", "settings", "share", "software", "star-full", "star-outline", "telephone", "tool", "unlocked", "upload", "user", "video", "warning", "warning-circle", "wifi", "zoom-in", "zoom-out", "file", "files", "file-audio", "file-compressed", "file-csv", "file-json", "file-odp", "file-ods", "file-odt", "file-pdf", "file-pdf-ext", "file-sheet", "file-slides", "file-ppt", "file-txt", "file-video", "file-xml", "behance", "facebook", "facebook-square", "figma", "figma-square", "flickr", "flickr-square", "github", "instagram", "linkedin", "linkedin-square", "mastodon", "mastodon-square", "medium", "medium-square", "moodle", "moodle-square", "pinterest", "pinterest-square", "quora", "quora-square", "reddit", "reddit-square", "slack", "slack-square", "snapchat", "snapchat-square", "stackexchange", "stackexchange-square", "stackoverflow", "stackoverflow-square", "telegram", "tiktok", "tiktok-square", "twitter", "twitter-square", "vimeo", "vimeo-square", "whatsapp", "whatsapp-square", "youtube", "google", "designers-italia", "team-digitale"];

package/lib/interfaces/utils.d.ts

@@ -0,0 +1,10 @@
+export interface AvailableLanguage {
+    /**
+     * The language code
+     */
+    code: string;
+    /**
+     * Label to show
+     */
+    label: string;
+}

package/lib/pipes/mark-matching-text.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class MarkMatchingTextPipe implements PipeTransform {
+    private readonly domSanitizer;
+    constructor(domSanitizer: DomSanitizer);
+    transform(allString: string, searchString: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkMatchingTextPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MarkMatchingTextPipe, "markMatchingText", true>;
+}

package/lib/services/{notifications/notifications.service.d.ts → notification/notification.service.d.ts}

@@ -1,7 +1,7 @@
-import { Observable } from "rxjs";
-import { Notification, NotificationPosition, NotificationType } from "../../interfaces/core";
+import { Observable } from 'rxjs';
+import { Notification, NotificationPosition, NotificationType } from '../../interfaces/core';
 import * as i0 from "@angular/core";
-export declare class NotificationsService {
+export declare class ItNotificationService {
     private subject;
     /**
      * Listen on notification arrived
@@ -17,47 +17,47 @@ export declare class NotificationsService {
      * Create new Standard notification
      * @param title notification title
      * @param message notification message
-     * @param dismissable notification dismissable
-     * @param duration notification duration (millis)
+     * @param dismissible notification dismissible
+     * @param duration notification duration (milliseconds)
      * @param position notification position
      */
-    standard(title: string, message?: string, dismissable?: boolean, duration?: number, position?: NotificationPosition): void;
+    standard(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
     /**
      * Create new Success notification
      * @param title notification title
      * @param message notification message
-     * @param dismissable notification dismissable
-     * @param duration notification duration (millis)
+     * @param dismissible notification dismissible
+     * @param duration notification duration (milliseconds)
      * @param position notification position
      */
-    success(title: string, message?: string, dismissable?: boolean, duration?: number, position?: NotificationPosition): void;
+    success(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
     /**
      * Create new Error notification
      * @param title notification title
      * @param message notification message
-     * @param dismissable notification dismissable
-     * @param duration notification duration (millis)
+     * @param dismissible notification dismissible
+     * @param duration notification duration (milliseconds)
      * @param position notification position
      */
-    error(title: string, message?: string, dismissable?: boolean, duration?: number, position?: NotificationPosition): void;
+    error(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
     /**
      * Create new Warning notification
      * @param title notification title
      * @param message notification message
-     * @param dismissable notification dismissable
-     * @param duration notification duration (millis)
+     * @param dismissible notification dismissible
+     * @param duration notification duration (milliseconds)
      * @param position notification position
      */
-    warning(title: string, message?: string, dismissable?: boolean, duration?: number, position?: NotificationPosition): void;
+    warning(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
     /**
      * Create new Info notification
      * @param title notification title
      * @param message notification message
-     * @param dismissable notification dismissable
-     * @param duration notification duration (millis)
+     * @param dismissible notification dismissible
+     * @param duration notification duration (milliseconds)
      * @param position notification position
      */
-    info(title: string, message?: string, dismissable?: boolean, duration?: number, position?: NotificationPosition): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationsService>;
+    info(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ItNotificationService>;
 }

package/lib/utils/boolean-input.d.ts

@@ -1,4 +1,4 @@
-export declare type BooleanInput = boolean | 'true' | 'false';
+export type BooleanInput = boolean | 'true' | 'false';
 /**
  * Check if boolean input has true value and not is `undefined`
  * @param booleanInput the boolean input

package/lib/utils/file-utils.d.ts

@@ -24,4 +24,9 @@ export declare class FileUtils {
      * @param filename the file name
      */
     static base64ToFile(base64: string, mimeType: string, filename: string): File;
+    /**
+     * Extract the MIME type from base64 string
+     * @param base64 the base64 string
+     */
+    static getMimeTypeFromBase64(base64: string): string | undefined;
 }