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

package/lib/components/form/radio-button/radio-button.component.d.ts

@@ -1,29 +1,38 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
-import { BooleanInput } from '../../../utils/boolean-input';
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent extends AbstractFormComponent<string | number> {
+import * as i1 from "../../../utils/coercion";
+export declare class ItRadioButtonComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
     /**
      * The radio value
      */
-    value?: string | number;
+    value: string | number | undefined | null;
     /**
      * If show radio inline
      * @default false
      */
-    inline: BooleanInput;
+    inline?: boolean;
     /**
      * If is radio group
      * @default false
      */
-    group: BooleanInput;
+    group?: boolean;
     /**
      * If is radio is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Set the radio name manually.
+     * For example when the radio button name is duplicated inside page
+     * @default by default the radio name is calculated from form field name
      */
-    checked?: BooleanInput;
-    get isInline(): boolean;
-    get isGroup(): boolean;
+    forceRadioName?: string;
     get name(): string;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "it-radio-button[id][value]", never, { "value": "value"; "inline": "inline"; "group": "group"; "checked": "checked"; }, {}, never, ["[label]", "*", "[error]", "[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRadioButtonComponent, "it-radio-button[value]", never, { "value": { "alias": "value"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "forceRadioName": { "alias": "forceRadioName"; "required": false; }; }, {}, never, ["[label]", "*", "[error]", "[error]"], true, never>;
+    static ngAcceptInputType_inline: i1.BooleanInput;
+    static ngAcceptInputType_group: i1.BooleanInput;
+    static ngAcceptInputType_checked: i1.BooleanInput;
 }

package/lib/components/form/range/range.component.d.ts

@@ -0,0 +1,42 @@
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+export declare class ItRangeComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges, OnDestroy {
+    /**
+     * The max value
+     */
+    max?: number;
+    /**
+     * The min value
+     */
+    min?: number;
+    /**
+     * The step value
+     */
+    step?: number | 'any';
+    /**
+     * The color on left of thumb [Require rightColor]
+     * @example '#0d6efd' or 'var(--bs-primary)'
+     * @default undefined ('var(--bs-gray-300)')
+     */
+    leftColor?: string;
+    /**
+     * The color on right of thumb [Require leftColor]
+     * @example '#0d6efd' or 'var(--bs-primary)'
+     * @default undefined ('var(--bs-gray-300)')
+     */
+    rightColor?: string;
+    slider: ElementRef<HTMLInputElement>;
+    private subscription?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    writeValue(value: number | null | undefined): void;
+    /**
+     * Update the percentage of slider color
+     * @private
+     */
+    private updateSliderColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRangeComponent, "it-range", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "leftColor": { "alias": "leftColor"; "required": false; }; "rightColor": { "alias": "rightColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/form/rating/rating.component.d.ts

@@ -0,0 +1,24 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+export declare class ItRatingComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges {
+    /**
+     * The rating value
+     */
+    value: number | undefined;
+    /**
+     * Number of stars to show
+     * @default 5
+     */
+    starCount: number;
+    protected stars: Array<number>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    /**
+     * Generate the array of stars
+     * @private
+     */
+    private generateStars;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRatingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRatingComponent, "it-rating", never, { "value": { "alias": "value"; "required": false; }; "starCount": { "alias": "starCount"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/form/select/select.component.d.ts

@@ -1,19 +1,25 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { SelectControlGroup, SelectControlOption } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
-export declare class SelectComponent extends AbstractFormComponent {
+export declare class ItSelectComponent extends ItAbstractFormComponent implements OnInit {
     /**
      * The select options
      */
-    options: Array<SelectControlOption>;
+    options: Array<SelectControlOption> | undefined;
     /**
      * The select group options
      */
-    groups?: Array<SelectControlGroup>;
+    groups: Array<SelectControlGroup> | undefined;
     /**
      * The select description
      */
     description?: string;
+    /**
+     * If set, add a `disabled selected` option with value `null` and as text the value of the attribute
+     * @example 'Select an option'
+     */
+    defaultOption?: string;
     ngOnInit(): void;
     /**
      * Check if the option is selected
@@ -25,6 +31,6 @@ export declare class SelectComponent extends AbstractFormComponent {
      * @param option the option
      */
     optionIsDisabled(option: SelectControlOption): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "it-select[id][options]", never, { "options": "options"; "groups": "groups"; "description": "description"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSelectComponent, "it-select", never, { "options": { "alias": "options"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "description": { "alias": "description"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; }, {}, never, ["*", "[error]"], true, never>;
 }

package/lib/components/form/textarea/textarea.component.d.ts

@@ -1,7 +1,7 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TextareaComponent extends AbstractFormComponent<string> {
+export declare class ItTextareaComponent extends ItAbstractFormComponent<string | null | undefined> {
     /**
      * Textarea Rows
      * @default 3
@@ -14,11 +14,21 @@ export declare class TextareaComponent extends AbstractFormComponent<string> {
     /**
      * The input description
      */
-    description?: string;
+    description: string | undefined;
+    /**
+     * To prevent modification of the contained value.
+     * - <b>plaintext</b>: Readonly field in the form stylized as plain text
+     * @default undefined
+     */
+    readonly: boolean | 'plaintext' | undefined;
     /**
      * Return the invalid message string from TranslateService
      */
     get invalidMessage(): Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "it-textarea[id]", never, { "rows": "rows"; "placeholder": "placeholder"; "description": "description"; }, {}, never, ["[error]"], false, never>;
+    /**
+     * Check is readonly field
+     */
+    protected get isReadonly(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItTextareaComponent, "it-textarea", never, { "rows": { "alias": "rows"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["[error]"], true, never>;
 }

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

@@ -1,8 +1,8 @@
-import { EventEmitter } from '@angular/core';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import { ProgressDonut } from 'bootstrap-italia';
 import * as i0 from "@angular/core";
-export declare class UploadDragDropComponent extends AbstractComponent {
+export declare class ItUploadDragDropComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * The accepted file type to upload <br>
      * Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
@@ -49,6 +49,6 @@ export declare class UploadDragDropComponent extends AbstractComponent {
      * Reset file uploader
      */
     reset(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadDragDropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDragDropComponent, "it-upload-drag-drop[id]", ["itUploadDragDrop"], { "accept": "accept"; }, { "fileStartUpload": "fileStartUpload"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadDragDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadDragDropComponent, "it-upload-drag-drop", ["itUploadDragDrop"], { "accept": { "alias": "accept"; "required": false; }; }, { "fileStartUpload": "fileStartUpload"; }, never, never, true, never>;
 }

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

@@ -1,9 +1,9 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
-import { BooleanInput } from '../../../utils/boolean-input';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import { UploadFileListItem } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
-export declare class UploadFileListComponent extends AbstractComponent implements OnInit, OnChanges {
+import * as i1 from "../../../utils/coercion";
+export declare class ItUploadFileListComponent extends ItAbstractComponent implements OnInit, OnChanges {
     /**
      * The list of files to show in list
      */
@@ -17,16 +17,19 @@ export declare class UploadFileListComponent extends AbstractComponent implement
     accept: string;
     /**
      * If upload multiple files
+     * @default true
      */
-    multiple: BooleanInput;
+    multiple: boolean;
     /**
      * If is file list image
+     * @default false
      */
-    images?: BooleanInput;
+    images?: boolean;
     /**
      * Hide the load button
+     * @default false
      */
-    hideLoadButton?: BooleanInput;
+    hideLoadButton?: boolean;
     /**
      * Fired when upload new files
      */
@@ -41,9 +44,6 @@ export declare class UploadFileListComponent extends AbstractComponent implement
     previewImages: Map<number, string>;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    get isMultipleInput(): boolean;
-    get isImageList(): boolean;
-    get isHideLoadButton(): boolean;
     /**
      * On load file from input
      * @param event
@@ -54,6 +54,9 @@ export declare class UploadFileListComponent extends AbstractComponent implement
      * @param file
      */
     getFileSize(file: File): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadFileListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadFileListComponent, "it-upload-file-list[id][fileList]", never, { "fileList": "fileList"; "accept": "accept"; "multiple": "multiple"; "images": "images"; "hideLoadButton": "hideLoadButton"; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadFileListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadFileListComponent, "it-upload-file-list[fileList]", never, { "fileList": { "alias": "fileList"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "images": { "alias": "images"; "required": false; }; "hideLoadButton": { "alias": "hideLoadButton"; "required": false; }; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, true, never>;
+    static ngAcceptInputType_multiple: i1.BooleanInput;
+    static ngAcceptInputType_images: i1.BooleanInput;
+    static ngAcceptInputType_hideLoadButton: i1.BooleanInput;
 }

package/lib/components/navigation/back-button/back-button.component.d.ts

@@ -1,7 +1,7 @@
 import { Location } from '@angular/common';
-import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class BackButtonComponent {
+import * as i1 from "../../../utils/coercion";
+export declare class ItBackButtonComponent {
     readonly _location: Location;
     /**
      * Back button style
@@ -21,12 +21,12 @@ export declare class BackButtonComponent {
      * Show/Hide icon
      * @default true
      */
-    showIcon: BooleanInput;
+    showIcon: boolean;
     /**
      * Show/Hide text
      * @default true
      */
-    showText: BooleanInput;
+    showText: boolean;
     /**
      * Custom back logic <br/>
      *
@@ -35,13 +35,13 @@ export declare class BackButtonComponent {
      * (errorCallback is your function, pass backCbFn to the component)
      */
     backFn?: (location: Location) => void;
-    get isShowIcon(): boolean;
-    get isShowText(): boolean;
     constructor(_location: Location);
     /**
      * Go back function
      */
     goBack(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BackButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BackButtonComponent, "it-back-button", ["itBackButton"], { "buttonStyle": "buttonStyle"; "direction": "direction"; "showIcon": "showIcon"; "showText": "showText"; "backFn": "backFn"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItBackButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItBackButtonComponent, "it-back-button", ["itBackButton"], { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "backFn": { "alias": "backFn"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_showIcon: i1.BooleanInput;
+    static ngAcceptInputType_showText: i1.BooleanInput;
 }

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

@@ -1,29 +1,25 @@
-import { BooleanInput } from '../../../utils/boolean-input';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit } from '@angular/core';
+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;
+import * as i1 from "../../../utils/coercion";
+export declare class ItBackToTopComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * Show small button
+     * @default false
      */
-    small?: BooleanInput;
+    small?: boolean;
     /**
      * Show shadow
+     * @default false
      */
-    shadow?: BooleanInput;
+    shadow?: boolean;
     /**
      * Button usable button on a dark background
+     * @default false
      */
-    dark?: BooleanInput;
+    dark?: boolean;
     private backToTop?;
     private backToTopElement?;
-    get isSmall(): boolean;
-    get isShadow(): boolean;
-    get isDark(): boolean;
     ngAfterViewInit(): void;
     /**
      * Show button
@@ -41,6 +37,9 @@ export declare class BackToTopComponent extends AbstractComponent {
      * Eliminate component features
      */
     dispose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BackToTopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BackToTopComponent, "it-back-to-top", ["itBackToTop"], { "id": "id"; "small": "small"; "shadow": "shadow"; "dark": "dark"; }, {}, never, never, false, never>;
+    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>;
+    static ngAcceptInputType_small: i1.BooleanInput;
+    static ngAcceptInputType_shadow: i1.BooleanInput;
+    static ngAcceptInputType_dark: i1.BooleanInput;
 }

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 * as i0 from "@angular/core";
-export declare class BreadcrumbComponent {
+import * as i1 from "../../../../utils/coercion";
+export declare class ItBreadcrumbComponent implements AfterViewInit, OnDestroy {
     private readonly _changeDetectorRef;
     /**
      * The character to use as separator
@@ -11,20 +11,23 @@ export declare class BreadcrumbComponent {
     separator: string;
     /**
      * Dark style
+     * @default false
      */
-    dark?: BooleanInput;
+    dark?: boolean;
     /**
      * The tab items
      */
-    items?: QueryList<BreadcrumbItemComponent>;
-    get isDark(): boolean;
+    items?: QueryList<ItBreadcrumbItemComponent>;
+    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>;
+    static ngAcceptInputType_dark: i1.BooleanInput;
 }

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

@@ -1,22 +1,23 @@
 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 {
+import * as i1 from "../../../../utils/coercion";
+export declare class ItBreadcrumbItemComponent extends ItLinkComponent {
     /**
      * Is active breadcrumb item
+     * @default false
      */
-    active?: BooleanInput;
+    active?: boolean;
     /**
      * 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>;
+    static ngAcceptInputType_active: i1.BooleanInput;
 }

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,30 +1,27 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { BooleanInput } from '../../../utils/boolean-input';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 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;
+import * as i1 from "../../../utils/coercion";
+export declare class ItHeaderComponent implements AfterViewInit, OnChanges {
+    light?: boolean;
+    sticky?: boolean;
+    showSlim?: boolean;
+    smallHeader?: boolean;
+    showSearch?: boolean;
+    slimTitle: string | undefined;
     loginStyle: 'none' | 'default' | 'full';
-    smallHeader?: BooleanInput;
-    showSearch?: BooleanInput;
     loginClick: EventEmitter<Event>;
     searchClick: EventEmitter<Event>;
-    /**
-     * TODO: complete header
-     * @param _renderer
-     * @param _elementRef
-     * @param _changeDetectorRef
-     */
-    constructor(_renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
-    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>;
+    private headerWrapper?;
+    private stickyHeader?;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    updateListeners(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItHeaderComponent, "it-header", never, { "light": { "alias": "light"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "showSlim": { "alias": "showSlim"; "required": false; }; "smallHeader": { "alias": "smallHeader"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "slimTitle": { "alias": "slimTitle"; "required": false; }; "loginStyle": { "alias": "loginStyle"; "required": false; }; }, { "loginClick": "loginClick"; "searchClick": "searchClick"; }, never, ["[slimLinkList]", "[slimRightZone]", "[brand]", "[rightZone]", "[navItems]"], true, never>;
+    static ngAcceptInputType_light: i1.BooleanInput;
+    static ngAcceptInputType_sticky: i1.BooleanInput;
+    static ngAcceptInputType_showSlim: i1.BooleanInput;
+    static ngAcceptInputType_smallHeader: i1.BooleanInput;
+    static ngAcceptInputType_showSearch: i1.BooleanInput;
 }

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

@@ -0,0 +1,16 @@
+import { AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../utils/coercion";
+export declare class ItNavBarComponent implements AfterViewInit {
+    megamenu?: boolean;
+    expand?: boolean;
+    private collapseButton?;
+    private collapseView?;
+    private navbar?;
+    ngAfterViewInit(): void;
+    toggleCollapse(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItNavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItNavBarComponent, "it-navbar", never, { "megamenu": { "alias": "megamenu"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; }, {}, never, ["[navItems]"], true, never>;
+    static ngAcceptInputType_megamenu: i1.BooleanInput;
+    static ngAcceptInputType_expand: i1.BooleanInput;
+}

package/lib/components/navigation/navbar/navbar-item/navbar-item.component.d.ts

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

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

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

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

@@ -0,0 +1,44 @@
+import { ActivatedRoute } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/coercion";
+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?: boolean;
+    /**
+     * 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?: boolean;
+    /**
+     * Show/Hide home button
+     * @default true - show
+     */
+    showHomeButton?: boolean;
+    constructor(route: ActivatedRoute);
+    get isDefaultErrorCode(): 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>;
+    static ngAcceptInputType_showErrorCode: i1.BooleanInput;
+    static ngAcceptInputType_showBackButton: i1.BooleanInput;
+    static ngAcceptInputType_showHomeButton: i1.BooleanInput;
+}