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

package/fesm2015/design-angular-kit.mjs

@@ -1,3850 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Self, Optional, ChangeDetectionStrategy, ViewChild, Directive, HostBinding, Host, ContentChildren, HostListener, TemplateRef, Injectable, ViewChildren, Pipe, Inject, NgModule } from '@angular/core';
-import * as i1 from '@ngx-translate/core';
-import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import { HttpClientModule, HttpClient } from '@angular/common/http';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import * as i1$1 from '@angular/common';
-import { DOCUMENT, CommonModule, NgIf, NgForOf } from '@angular/common';
-import * as i2 from '@angular/forms';
-import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-import * as i2$1 from '@angular/router';
-import { RouterLink } from '@angular/router';
-import { Collapse, Alert, CarouselBI, Dropdown, Modal, Notification, Popover, Tab, Tooltip, InputPassword, ProgressDonut, BackToTop } from 'bootstrap-italia';
-import { Subject, filter, startWith, tap, switchMap, of, Observable, debounceTime, distinctUntilChanged, map, take, forkJoin } from 'rxjs';
-import * as i1$2 from '@angular/platform-browser';
-import { trigger, transition, style, animate } from '@angular/animations';
-
-class AbstractComponent {
-    constructor(_renderer, _elementRef, _changeDetectorRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-        this.valueChanges = new EventEmitter();
-    }
-    ngAfterViewInit() {
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'id');
-    }
-    ngOnChanges(changes) {
-        this.valueChanges.next(); // The inputs were changed
-    }
-}
-AbstractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbstractComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AbstractComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AbstractComponent, selector: "ng-component", inputs: { id: "id" }, outputs: { valueChanges: "valueChanges" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbstractComponent, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
-                type: Input
-            }], valueChanges: [{
-                type: Output
-            }] } });
-
-/**
- * Check if boolean input has true value and not is `undefined`
- * @param booleanInput the boolean input
- */
-function isTrueBooleanInput(booleanInput) {
-    return booleanInput !== undefined && (booleanInput === true || booleanInput === 'true');
-}
-/**
- * Check if boolean input has false value or is `undefined`
- * @param booleanInput the boolean input
- */
-function isFalseBooleanInput(booleanInput) {
-    return booleanInput === undefined || booleanInput === false || booleanInput === 'false';
-}
-
-class AbstractFormComponent extends AbstractComponent {
-    constructor(_ngControl, _translateService, _renderer, _elementRef, _changeDetectorRef) {
-        super(_renderer, _elementRef, _changeDetectorRef);
-        this._ngControl = _ngControl;
-        this._translateService = _translateService;
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-        /**
-         * Validation color display mode (validation triggered if field is touched or not pristine)
-         * - <b>true</b>: Always show the validation color
-         * - <b>false</b>: Never show validation color
-         * - <b>only-valid</b>: Show only valid validation color
-         * - <b>only-invalid</b>: Show only invalid validation color
-         * @default <b>only-invalid</b>: Show only invalid validation color
-         */
-        this.validationMode = 'only-invalid';
-        this.onChange = (_) => {
-        };
-        this.onTouched = () => {
-        };
-        this.control = new FormControl();
-        this._ngControl && (this._ngControl.valueAccessor = this);
-    }
-    /**
-     * Set the disabled state
-     */
-    set disabled(isDisabled) {
-        this.setDisabledState(isTrueBooleanInput(isDisabled));
-    }
-    /**
-     * Check if field is invalid (Validation failed)
-     */
-    get isInvalid() {
-        if (this.validationMode === 'only-valid' || (this.validationMode !== 'only-invalid' && isFalseBooleanInput(this.validationMode))) {
-            return undefined;
-        }
-        if (this._ngControl) {
-            return this._ngControl.invalid === true && (!this._ngControl.pristine || this._ngControl.touched === true);
-        }
-        return this.control.invalid && (!this.control.pristine || this.control.touched);
-    }
-    /**
-     * Check if field is valid (Validation successful)
-     */
-    get isValid() {
-        if (this.validationMode === 'only-invalid' || (this.validationMode !== 'only-valid' && isFalseBooleanInput(this.validationMode))) {
-            return undefined;
-        }
-        if (this._ngControl) {
-            return this._ngControl.valid === true && (!this._ngControl.pristine || this._ngControl.touched === true);
-        }
-        return this.control.valid && (!this.control.pristine || this.control.touched);
-    }
-    /**
-     * Return the invalid message string from TranslateService
-     */
-    get invalidMessage() {
-        if (this.control.hasError('required')) {
-            return this._translateService.get('it.errors.required-field');
-        }
-        return this._translateService.get('it.errors.invalid-field');
-    }
-    ngOnInit() {
-        if (this._ngControl) {
-            this.control.setValidators(this._ngControl.control.validator);
-        }
-    }
-    registerOnChange(fn) {
-        this.control.valueChanges.subscribe(fn);
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        if (isDisabled) {
-            return this.control.disable();
-        }
-        this.control.enable();
-    }
-    writeValue(value) {
-        this.control.setValue(value, { emitEvent: false });
-    }
-    /**
-     * Mark the control as touched
-     */
-    markAsTouched() {
-        if (!this.control.touched) {
-            this.onTouched();
-        }
-    }
-    /**
-     * Fired to check if form control is touched
-     */
-    ngDoCheck() {
-        var _a, _b;
-        if (this.control.touched) {
-            return;
-        }
-        if ((_b = (_a = this._ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) {
-            this.control.markAsTouched();
-        }
-    }
-    /**
-     * Add the validators in control and parent control
-     * @param validators the validators
-     * @protected
-     */
-    addValidators(validators) {
-        if (!Array.isArray(validators)) {
-            validators = [validators];
-        }
-        validators.forEach(validator => {
-            var _a;
-            if (!this.control.hasValidator(validator)) {
-                this.control.addValidators(validator);
-            }
-            if (((_a = this._ngControl) === null || _a === void 0 ? void 0 : _a.control) && !this._ngControl.control.hasValidator(validator)) {
-                this._ngControl.control.addValidators(validator);
-            }
-        });
-    }
-    /**
-     * Reports whether the control with the given path has the error specified. <br/>
-     * If the control is not present, false is returned.
-     * @param errorCode The code of the error to check
-     * @param path A list of control names that designates how to move from the current control
-     * to the control that should be queried for errors.
-     * @returns whether the given error is present in the control at the given path.
-     */
-    hasError(errorCode, path) {
-        if (this._ngControl) {
-            return this._ngControl.hasError(errorCode, path);
-        }
-        return this.control.hasError(errorCode, path);
-    }
-    /**
-     * Reports error data for the control with the given path.
-     * @param errorCode The code of the error to check
-     * @param path A list of control names that designates how to move from the current control
-     * to the control that should be queried for errors.
-     * @returns error data for that particular error. If the control or error is not present,
-     * null is returned.
-     */
-    getError(errorCode, path) {
-        if (this._ngControl) {
-            return this._ngControl.getError(errorCode, path);
-        }
-        return this.control.getError(errorCode, path);
-    }
-}
-AbstractFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbstractFormComponent, deps: [{ token: i2.NgControl, optional: true, self: true }, { token: i1.TranslateService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AbstractFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AbstractFormComponent, selector: "ng-component", inputs: { label: "label", validationMode: "validationMode", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbstractFormComponent, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], ctorParameters: function () {
-        return [{ type: i2.NgControl, decorators: [{
-                        type: Self
-                    }, {
-                        type: Optional
-                    }] }, { type: i1.TranslateService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }];
-    }, propDecorators: { label: [{
-                type: Input
-            }], validationMode: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
-
-class CollapseComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * Custom class
-         */
-        this.class = '';
-        /**
-         * This event fires immediately when the show method is called.
-         */
-        this.onShow = new EventEmitter();
-        /**
-         * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
-         */
-        this.onShown = new EventEmitter();
-        /**
-         * This event fires immediately when the hide method is called.
-         */
-        this.onHide = new EventEmitter();
-        /**
-         * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
-         */
-        this.onHidden = new EventEmitter();
-    }
-    get isMulti() {
-        return isTrueBooleanInput(this.multi);
-    }
-    get isOpenedOnStart() {
-        return isTrueBooleanInput(this.opened);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
-        if (this.collapseDiv) {
-            const element = this.collapseDiv.nativeElement;
-            this.collapse = Collapse.getOrCreateInstance(element, {
-                toggle: this.isOpenedOnStart
-            });
-            element.addEventListener('show.bs.collapse', event => this.onShow.emit(event));
-            element.addEventListener('shown.bs.collapse', event => this.onShown.emit(event));
-            element.addEventListener('hide.bs.collapse', event => this.onHide.emit(event));
-            element.addEventListener('hidden.bs.collapse', event => this.onHidden.emit(event));
-        }
-    }
-    /**
-     * Shows a resealable item
-     * NOTE: Returns to the caller before the collapsable element has actually been shown (onShown event).
-     */
-    show() {
-        var _a;
-        (_a = this.collapse) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /**
-     * Hides a resealable item
-     * NOTE: Returns to the caller before the collapsable element has actually been hidden (onHidden Event)
-     */
-    hide() {
-        var _a;
-        (_a = this.collapse) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Toggle a collapsible item to show or hide it.
-     * NOTE: Returns to the caller before the collapsable element has actually been shown or hidden (onShown and onHidden events)
-     */
-    toggle() {
-        var _a;
-        (_a = this.collapse) === null || _a === void 0 ? void 0 : _a.toggle();
-    }
-    /**
-     * Eliminates the possibility of an item being resealable
-     */
-    dispose() {
-        var _a;
-        (_a = this.collapse) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
-CollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CollapseComponent, selector: "it-collapse[id]", inputs: { multi: "multi", opened: "opened", class: "class" }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden" }, viewQueries: [{ propertyName: "collapseDiv", first: true, predicate: ["collapse"], descendants: true }], exportAs: ["itCollapse"], usesInheritance: true, ngImport: i0, template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-collapse[id]', exportAs: 'itCollapse', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { multi: [{
-                type: Input
-            }], opened: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], onShow: [{
-                type: Output
-            }], onShown: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], onHidden: [{
-                type: Output
-            }], collapseDiv: [{
-                type: ViewChild,
-                args: ['collapse']
-            }] } });
-
-class AccordionComponent extends CollapseComponent {
-    constructor() {
-        super(...arguments);
-        this.isCollapsed = true;
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'title');
-        this.isCollapsed = !this.isOpenedOnStart;
-        this.onHide.subscribe(() => {
-            this.isCollapsed = true;
-            this._changeDetectorRef.detectChanges();
-        });
-        this.onShow.subscribe(() => {
-            this.isCollapsed = false;
-            this._changeDetectorRef.detectChanges();
-        });
-    }
-}
-AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AccordionComponent, selector: "it-accordion[id][title]", inputs: { title: "title" }, exportAs: ["itAccordion"], usesInheritance: true, ngImport: i0, template: "<div class=\"accordion\">\n  <div class=\"accordion-item\">\n\n    <h2 class=\"accordion-header\" id=\"collapse-{{id}}-heading\">\n      <button\n        class=\"accordion-button\"\n        type=\"button\"\n        data-bs-toggle=\"collapse\"\n        [class.collapsed]=\"isCollapsed\"\n        [attr.data-bs-target]=\"'#collapse-' + id\"\n        [attr.aria-controls]=\"'collapse-' + id\"\n        [attr.aria-expanded]=\"isOpenedOnStart ? 'true' : 'false'\">\n        {{title}}\n      </button>\n    </h2>\n\n    <div #collapse id=\"collapse-{{id}}\" role=\"region\"\n         class=\"accordion-collapse collapse {{class}}\"\n         [attr.aria-labelledby]=\"'collapse-' + id + '-heading'\">\n\n      <div class=\"accordion-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AccordionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-accordion[id][title]', exportAs: 'itAccordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\n  <div class=\"accordion-item\">\n\n    <h2 class=\"accordion-header\" id=\"collapse-{{id}}-heading\">\n      <button\n        class=\"accordion-button\"\n        type=\"button\"\n        data-bs-toggle=\"collapse\"\n        [class.collapsed]=\"isCollapsed\"\n        [attr.data-bs-target]=\"'#collapse-' + id\"\n        [attr.aria-controls]=\"'collapse-' + id\"\n        [attr.aria-expanded]=\"isOpenedOnStart ? 'true' : 'false'\">\n        {{title}}\n      </button>\n    </h2>\n\n    <div #collapse id=\"collapse-{{id}}\" role=\"region\"\n         class=\"accordion-collapse collapse {{class}}\"\n         [attr.aria-labelledby]=\"'collapse-' + id + '-heading'\">\n\n      <div class=\"accordion-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }] } });
-
-class IconComponent {
-    constructor(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        /**
-         * Custom class
-         */
-        this.class = '';
-    }
-    /**
-     * Return the icon href
-     */
-    get iconHref() {
-        return `/bootstrap-italia/dist/svg/sprites.svg#it-${this.name}`;
-    }
-    /**
-     * Return the icon class
-     */
-    get iconClass() {
-        let iconClass = 'icon';
-        if (this.size) {
-            iconClass += ` icon-${this.size}`;
-        }
-        if (this.color) {
-            iconClass += ` icon-${this.color}`;
-        }
-        if (this.class) {
-            iconClass += ` ${this.class}`;
-        }
-        return iconClass;
-    }
-    ngAfterViewInit() {
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
-    }
-}
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IconComponent, selector: "it-icon[name]", inputs: { name: "name", size: "size", color: "color", padded: "padded", class: "class" }, ngImport: i0, template: "<svg [class]=\"iconClass\" [class.icon-padded]=\"padded\">\n  <use [attr.href]=\"iconHref\" [attr.xlink:href]=\"iconHref\"></use>\n</svg>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-icon[name]', template: "<svg [class]=\"iconClass\" [class.icon-padded]=\"padded\">\n  <use [attr.href]=\"iconHref\" [attr.xlink:href]=\"iconHref\"></use>\n</svg>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], padded: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }] } });
-
-class AlertComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * The alert color
-         * @default info
-         */
-        this.color = 'info';
-        /**
-         * This event fires immediately when the instance's close method is called.
-         */
-        this.onClose = new EventEmitter();
-        /**
-         * This event fires when the alert has been closed (it will wait for CSS transitions to complete).
-         */
-        this.onClosed = new EventEmitter();
-    }
-    get isDismissible() {
-        return isTrueBooleanInput(this.dismissible);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        if (this.alertElement) {
-            const element = this.alertElement.nativeElement;
-            this.alert = Alert.getOrCreateInstance(element);
-            element.addEventListener('close.bs.alert', event => this.onClose.emit(event));
-            element.addEventListener('closed.bs.alert', event => this.onClosed.emit(event));
-        }
-    }
-    /**
-     * 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() {
-        var _a;
-        (_a = this.alert) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    /**
-     * The alert is removed
-     */
-    dispose() {
-        var _a;
-        (_a = this.alert) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
-AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AlertComponent, selector: "it-alert", inputs: { color: "color", dismissible: "dismissible" }, outputs: { onClose: "onClose", onClosed: "onClosed" }, viewQueries: [{ propertyName: "alertElement", first: true, predicate: ["alertElement"], descendants: true }], exportAs: ["itAlert"], usesInheritance: true, ngImport: i0, template: "<div class=\"alert alert-{{color}}\" #alertElement\n     [class.alert-dismissible]=\"isDismissible\"\n     [class.fade]=\"isDismissible\"\n     [class.show]=\"isDismissible\"\n     role=\"alert\">\n  <h4 class=\"alert-heading\">\n    <ng-content select=\"[heading]\"></ng-content>\n  </h4>\n\n  <ng-content></ng-content>\n\n  <button *ngIf=\"isDismissible\"\n          type=\"button\"\n          class=\"btn-close\"\n          data-bs-dismiss=\"alert\"\n          [attr.aria-label]=\"'it.core.close-alert'|translate\">\n    <it-icon name=\"close\"></it-icon>\n  </button>\n</div>\n", styles: [".alert-heading:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-alert', exportAs: 'itAlert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"alert alert-{{color}}\" #alertElement\n     [class.alert-dismissible]=\"isDismissible\"\n     [class.fade]=\"isDismissible\"\n     [class.show]=\"isDismissible\"\n     role=\"alert\">\n  <h4 class=\"alert-heading\">\n    <ng-content select=\"[heading]\"></ng-content>\n  </h4>\n\n  <ng-content></ng-content>\n\n  <button *ngIf=\"isDismissible\"\n          type=\"button\"\n          class=\"btn-close\"\n          data-bs-dismiss=\"alert\"\n          [attr.aria-label]=\"'it.core.close-alert'|translate\">\n    <it-icon name=\"close\"></it-icon>\n  </button>\n</div>\n", styles: [".alert-heading:empty{display:none}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], dismissible: [{
-                type: Input
-            }], onClose: [{
-                type: Output
-            }], onClosed: [{
-                type: Output
-            }], alertElement: [{
-                type: ViewChild,
-                args: ['alertElement']
-            }] } });
-
-class BadgeDirective {
-    get badgeClass() {
-        let badgeClass = 'badge';
-        if (isTrueBooleanInput(this.rounded)) {
-            badgeClass += ` rounded-pill`;
-        }
-        if (this.color) {
-            badgeClass += ` bg-${this.color}`;
-        }
-        return badgeClass;
-    }
-}
-BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: BadgeDirective, selector: "[itBadge]", inputs: { color: ["itBadge", "color"], rounded: "rounded" }, host: { properties: { "class": "this.badgeClass" } }, exportAs: ["itBadge"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BadgeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[itBadge]',
-                    exportAs: 'itBadge'
-                }]
-        }], propDecorators: { color: [{
-                type: Input,
-                args: ['itBadge']
-            }], rounded: [{
-                type: Input,
-                args: ['rounded']
-            }], badgeClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ProgressBarComponent {
-    /**
-     * Return the background color
-     */
-    get bgColor() {
-        if (!this.color) {
-            return '';
-        }
-        return ` bg-${this.color}`;
-    }
-    get isIndeterminate() {
-        return isTrueBooleanInput(this.indeterminate);
-    }
-}
-ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressBarComponent, selector: "it-progress-bar[value]", inputs: { value: "value", showLabel: "showLabel", indeterminate: "indeterminate", color: "color" }, ngImport: i0, template: "<div class=\"progress-bar-wrapper\">\n  <div *ngIf=\"showLabel\" class=\"progress-bar-label\">\n    <span class=\"visually-hidden\">{{'it.core.progress'|translate}} </span>{{value}}%\n  </div>\n  <div class=\"progress\"\n       [class.progress-color]=\"!!color\"\n       [class.progress-indeterminate]=\"isIndeterminate\">\n\n    <div *ngIf=\"isIndeterminate; else determinate\" class=\"progress-bar{{bgColor}}\" role=\"progressbar\"></div>\n    <ng-template #determinate>\n      <div class=\"progress-bar{{bgColor}}\" role=\"progressbar\" [style.width.%]=\"value\"\n           [attr.aria-valuenow]=\"value\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n    </ng-template>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-progress-bar[value]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"progress-bar-wrapper\">\n  <div *ngIf=\"showLabel\" class=\"progress-bar-label\">\n    <span class=\"visually-hidden\">{{'it.core.progress'|translate}} </span>{{value}}%\n  </div>\n  <div class=\"progress\"\n       [class.progress-color]=\"!!color\"\n       [class.progress-indeterminate]=\"isIndeterminate\">\n\n    <div *ngIf=\"isIndeterminate; else determinate\" class=\"progress-bar{{bgColor}}\" role=\"progressbar\"></div>\n    <ng-template #determinate>\n      <div class=\"progress-bar{{bgColor}}\" role=\"progressbar\" [style.width.%]=\"value\"\n           [attr.aria-valuenow]=\"value\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n    </ng-template>\n  </div>\n</div>\n" }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], showLabel: [{
-                type: Input
-            }], indeterminate: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-class ProgressButtonComponent {
-    get isProgress() {
-        return typeof this.progress === 'number' || isTrueBooleanInput(this.progress);
-    }
-    get progressValue() {
-        return typeof this.progress === 'number' ? this.progress : 0;
-    }
-    get isIndeterminate() {
-        return typeof this.progress !== 'number' && isTrueBooleanInput(this.progress);
-    }
-}
-ProgressButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProgressButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressButtonComponent, selector: "button[itButton][progress]", inputs: { progress: "progress", progressColor: "progressColor" }, ngImport: i0, template: "<ng-content></ng-content>\n\n<it-progress-bar *ngIf=\"isProgress\"\n                 [value]=\"progressValue\"\n                 [indeterminate]=\"isIndeterminate\"\n                 [color]=\"progressColor\"></it-progress-bar>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ProgressBarComponent, selector: "it-progress-bar[value]", inputs: ["value", "showLabel", "indeterminate", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'button[itButton][progress]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n<it-progress-bar *ngIf=\"isProgress\"\n                 [value]=\"progressValue\"\n                 [indeterminate]=\"isIndeterminate\"\n                 [color]=\"progressColor\"></it-progress-bar>\n" }]
-        }], propDecorators: { progress: [{
-                type: Input
-            }], progressColor: [{
-                type: Input
-            }] } });
-
-class ButtonDirective {
-    constructor(progressButtonComponent) {
-        this.progressButtonComponent = progressButtonComponent;
-        this.isFocus = false;
-    }
-    onFocus() {
-        this.isFocus = true;
-    }
-    onBlur() {
-        this.isFocus = false;
-    }
-    get hostClasses() {
-        var _a;
-        let cssClass = 'btn';
-        if (this.color) {
-            cssClass += ` btn-${this.color}`;
-        }
-        if (this.size) {
-            cssClass += ` btn-${this.size}`;
-        }
-        if (this.block) {
-            cssClass += ' btn-block';
-        }
-        if (isTrueBooleanInput(this.disabled)) {
-            cssClass += ' disabled';
-        }
-        if (this.isFocus) {
-            cssClass += ' focus--mouse';
-        }
-        if (((_a = this.icons) === null || _a === void 0 ? void 0 : _a.length) && !this.progressButtonComponent) {
-            cssClass += ' btn-icon';
-        }
-        if (!!this.progressButtonComponent) {
-            cssClass += ' btn-progress';
-        }
-        return cssClass;
-    }
-}
-ButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ButtonDirective, deps: [{ token: ProgressButtonComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ButtonDirective, selector: "[itButton]", inputs: { color: ["itButton", "color"], size: "size", block: "block", disabled: "disabled" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "disabled": "this.disabled", "class": "this.hostClasses" } }, queries: [{ propertyName: "icons", predicate: IconComponent }], exportAs: ["itButton"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[itButton]',
-                    exportAs: 'itButton'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: ProgressButtonComponent, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Host
-                    }] }];
-    }, propDecorators: { color: [{
-                type: Input,
-                args: ['itButton']
-            }], size: [{
-                type: Input
-            }], block: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['disabled']
-            }], icons: [{
-                type: ContentChildren,
-                args: [IconComponent]
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus']
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class CalloutComponent {
-    constructor() {
-        this._label = undefined;
-        this._hiddenLabel = undefined;
-        this._color = undefined;
-        this._appearance = 'default';
-        this._icon = undefined;
-    }
-    /**
-     * Callout label
-     */
-    set label(value) { this._label = value; }
-    get label() { return this._label; }
-    /**
-     * Callout hiddenLabel
-     */
-    set hiddenLabel(value) { this._hiddenLabel = value; }
-    get hiddenLabel() { return this._hiddenLabel; }
-    /**
-     * Callout color
-     * - <b>success</b>
-     * - <b>danger</b>
-     * - <b>warning</b>
-     * - <b>important</b>
-     * - <b>note</b>
-     */
-    set color(value) { this._color = value; }
-    get color() { return this._color; }
-    /**
-     * Callout appearance
-     * - <b>default</b>
-     * - <b>highlight</b>: Callout version with border only on the left side
-     * - <b>more</b>: It looks radically different from the other styles available and is suitable for more extensive texts
-     * @default default
-     */
-    set appearance(value) { this._appearance = value; }
-    get appearance() { return this._appearance; }
-    /**
-     * Custom icon
-     */
-    set icon(value) { this._icon = value; }
-    get icon() { return this._icon; }
-    get iconName() {
-        if (this._icon) {
-            return this._icon;
-        }
-        if (this.appearance === 'more') {
-            return 'zoom-in';
-        }
-        switch (this.color) {
-            case 'success':
-                return 'check-circle';
-            case 'warning':
-                return 'help-circle';
-            case 'danger':
-                return 'close-circle';
-            case 'important':
-            case 'note':
-            default:
-                return 'info-circle';
-        }
-    }
-}
-CalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CalloutComponent, selector: "it-callout", inputs: { label: "label", hiddenLabel: "hiddenLabel", color: "color", appearance: "appearance", icon: "icon" }, ngImport: i0, template: "<div class=\"callout {{color}}\" [class.callout-highlight]=\"appearance === 'highlight'\"\n  [class.callout-more]=\"appearance === 'more'\">\n  <div class=\"callout-title\" *ngIf=\"label\">\n    <it-icon [name]=\"iconName\"></it-icon>\n    <span *ngIf=\"hiddenLabel\" class=\"visually-hidden\">{{ hiddenLabel }}</span>\n    <span>{{ label }}</span>\n  </div>\n  <p class=\"callout-big-text\">\n    <ng-content select=\"[bigText]\"></ng-content>\n  </p>\n  <ng-content></ng-content>\n</div>", styles: [".callout-big-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CalloutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-callout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"callout {{color}}\" [class.callout-highlight]=\"appearance === 'highlight'\"\n  [class.callout-more]=\"appearance === 'more'\">\n  <div class=\"callout-title\" *ngIf=\"label\">\n    <it-icon [name]=\"iconName\"></it-icon>\n    <span *ngIf=\"hiddenLabel\" class=\"visually-hidden\">{{ hiddenLabel }}</span>\n    <span>{{ label }}</span>\n  </div>\n  <p class=\"callout-big-text\">\n    <ng-content select=\"[bigText]\"></ng-content>\n  </p>\n  <ng-content></ng-content>\n</div>", styles: [".callout-big-text:empty{display:none}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hiddenLabel: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-
-class CardComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * It serves to space the cards in their mobile version.
-         * @default true
-         */
-        this.space = true;
-        /**
-         * Custom card class
-         */
-        this.cardClass = '';
-        /**
-         * Custom card body class
-         */
-        this.bodyClass = '';
-    }
-    get isSpace() {
-        return isTrueBooleanInput(this.space);
-    }
-    get isTeaser() {
-        return isTrueBooleanInput(this.teaser);
-    }
-    get isHasImage() {
-        return isTrueBooleanInput(this.hasImage);
-    }
-    get isRounded() {
-        return isTrueBooleanInput(this.rounded);
-    }
-    get isShadow() {
-        return isTrueBooleanInput(this.shadow);
-    }
-}
-CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardComponent, selector: "it-card", inputs: { space: "space", teaser: "teaser", hasImage: "hasImage", rounded: "rounded", shadow: "shadow", cardClass: "cardClass", bodyClass: "bodyClass" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card-wrapper\" [class.card-space]=\"isSpace\">\n  <div class=\"card {{cardClass}}\"\n       [class.card-teaser]=\"isTeaser\"\n       [class.card-img.no-after]=\"isHasImage\"\n       [class.shadow]=\"isShadow\"\n       [class.rounded]=\"isRounded\">\n\n    <ng-content select=\"[beforeBody]\"></ng-content>\n\n    <div class=\"card-body {{bodyClass}}\">\n      <ng-content></ng-content>\n    </div>\n\n  </div>\n</div>\n", styles: [".card-body:empty{display:none}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-card', template: "<div class=\"card-wrapper\" [class.card-space]=\"isSpace\">\n  <div class=\"card {{cardClass}}\"\n       [class.card-teaser]=\"isTeaser\"\n       [class.card-img.no-after]=\"isHasImage\"\n       [class.shadow]=\"isShadow\"\n       [class.rounded]=\"isRounded\">\n\n    <ng-content select=\"[beforeBody]\"></ng-content>\n\n    <div class=\"card-body {{bodyClass}}\">\n      <ng-content></ng-content>\n    </div>\n\n  </div>\n</div>\n", styles: [".card-body:empty{display:none}\n"] }]
-        }], propDecorators: { space: [{
-                type: Input
-            }], teaser: [{
-                type: Input
-            }], hasImage: [{
-                type: Input
-            }], rounded: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], cardClass: [{
-                type: Input
-            }], bodyClass: [{
-                type: Input
-            }] } });
-
-class CarouselItemComponent {
-}
-CarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CarouselItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CarouselItemComponent, selector: "it-carousel-item", viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-carousel-item', template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { htmlContent: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
-
-class CarouselComponent {
-    constructor() {
-        /**
-         * The carousel type
-         * @default default
-         */
-        this.type = 'default';
-        /**
-         * Custom class in splide__track element
-         */
-        this.trackClass = '';
-    }
-    get typeClass() {
-        const typeClass = 'it-carousel-landscape-abstract';
-        return this.type === 'default' ? typeClass : typeClass + `-${this.type}`;
-    }
-    get isFullCarousel() {
-        return isTrueBooleanInput(this.fullCarousel);
-    }
-    get isBigImg() {
-        return isTrueBooleanInput(this.bigImg);
-    }
-    get isLined() {
-        return isTrueBooleanInput(this.lined);
-    }
-    ngAfterViewInit() {
-        this.carousel = CarouselBI.getOrCreateInstance(this.carouselDiv.nativeElement);
-    }
-    /**
-     * Removes CarouselBI features
-     */
-    dispose() {
-        var _a;
-        (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
-CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CarouselComponent, selector: "it-carousel", inputs: { title: "title", type: "type", trackClass: "trackClass", fullCarousel: "fullCarousel", bigImg: "bigImg", lined: "lined" }, queries: [{ propertyName: "items", predicate: CarouselItemComponent }], viewQueries: [{ propertyName: "carouselDiv", first: true, predicate: ["carousel"], descendants: true }], exportAs: ["itCarousel"], ngImport: i0, template: "<div #carousel class=\"it-carousel-wrapper splide {{typeClass}}\"\n     [class.it-full-carousel]=\"isFullCarousel\"\n     [class.it-big-img]=\"isBigImg\"\n     data-bs-carousel-splide>\n\n  <div class=\"it-header-block\" *ngIf=\"title\">\n    <div class=\"it-header-block-title\">\n      <h2>{{title}}</h2>\n    </div>\n  </div>\n\n  <div class=\"splide__track {{trackClass}}\">\n    <ul class=\"splide__list\">\n      <li *ngFor=\"let item of items\" class=\"splide__slide\" [class.lined_slide]=\"isLined\">\n        <div class=\"it-single-slide-wrapper\">\n          <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{display:flex;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-carousel', exportAs: 'itCarousel', template: "<div #carousel class=\"it-carousel-wrapper splide {{typeClass}}\"\n     [class.it-full-carousel]=\"isFullCarousel\"\n     [class.it-big-img]=\"isBigImg\"\n     data-bs-carousel-splide>\n\n  <div class=\"it-header-block\" *ngIf=\"title\">\n    <div class=\"it-header-block-title\">\n      <h2>{{title}}</h2>\n    </div>\n  </div>\n\n  <div class=\"splide__track {{trackClass}}\">\n    <ul class=\"splide__list\">\n      <li *ngFor=\"let item of items\" class=\"splide__slide\" [class.lined_slide]=\"isLined\">\n        <div class=\"it-single-slide-wrapper\">\n          <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: [".splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{display:flex;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], trackClass: [{
-                type: Input
-            }], fullCarousel: [{
-                type: Input
-            }], bigImg: [{
-                type: Input
-            }], lined: [{
-                type: Input
-            }], items: [{
-                type: ContentChildren,
-                args: [CarouselItemComponent]
-            }], carouselDiv: [{
-                type: ViewChild,
-                args: ['carousel']
-            }] } });
-
-class LinkComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * Custom class
-         */
-        this.class = '';
-    }
-    get isExternalLink() {
-        return isTrueBooleanInput(this.externalLink);
-    }
-    get isDisabled() {
-        return isTrueBooleanInput(this.disabled);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
-    }
-}
-LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: LinkComponent, selector: "it-link", inputs: { href: "href", externalLink: "externalLink", disabled: "disabled", class: "class" }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isExternalLink; else externalLink\" [class]=\"class\" [routerLink]=\"isDisabled ? null : href\">\n  <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n</a>\n<ng-template #externalLink>\n  <a [class]=\"class\" [attr.href]=\"isDisabled ? null : href\">\n    <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #linkContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-link', template: "<a *ngIf=\"!isExternalLink; else externalLink\" [class]=\"class\" [routerLink]=\"isDisabled ? null : href\">\n  <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n</a>\n<ng-template #externalLink>\n  <a [class]=\"class\" [attr.href]=\"isDisabled ? null : href\">\n    <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n  </a>\n</ng-template>\n\n<ng-template #linkContent>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { href: [{
-                type: Input
-            }], externalLink: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }] } });
-
-class DropdownItemComponent extends LinkComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * The icon position
-         * @default right
-         */
-        this.iconPosition = 'right';
-        /**
-         * Change icon color if menu is dark
-         * @default false
-         */
-        this.isDark = false;
-    }
-    get isDivider() {
-        return isTrueBooleanInput(this.divider);
-    }
-    get isActive() {
-        return isTrueBooleanInput(this.active);
-    }
-    get isLarge() {
-        return isTrueBooleanInput(this.large);
-    }
-    get linkClass() {
-        let linkClass = `list-item ${this.isActive ? 'active' : 'dropdown-item'}`;
-        if (this.isDisabled) {
-            linkClass += ' disabled';
-        }
-        if (this.isLarge) {
-            linkClass += ' large';
-        }
-        if (this.iconName) {
-            linkClass += ` ${this.iconPosition === 'right' ? 'right-icon' : 'left-icon'}`;
-        }
-        return linkClass;
-    }
-    setDark(dark) {
-        if (this.isDark !== dark) {
-            this.isDark = dark;
-            this._changeDetectorRef.detectChanges();
-        }
-    }
-}
-DropdownItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DropdownItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownItemComponent, selector: "it-dropdown-item", inputs: { divider: "divider", active: "active", large: "large", iconName: "iconName", iconPosition: "iconPosition" }, usesInheritance: true, ngImport: i0, template: "<li>\n  <span *ngIf=\"isDivider; else item\" class=\"divider\"></span>\n\n  <ng-template #item>\n    <it-link [class]=\"linkClass\" [href]=\"href\" [externalLink]=\"externalLink\" [disabled]=\"disabled\">\n      <it-icon *ngIf=\"iconName && iconPosition === 'left'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span><ng-content></ng-content></span>\n\n      <it-icon *ngIf=\"iconName && iconPosition === 'right'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span *ngIf=\"isActive\" class=\"visually-hidden\">{{'it.core.active'|translate}}</span>\n    </it-link>\n  </ng-template>\n</li>\n", styles: [".list-item.disabled{pointer-events:none;cursor:default}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LinkComponent, selector: "it-link", inputs: ["href", "externalLink", "disabled", "class"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li>\n  <span *ngIf=\"isDivider; else item\" class=\"divider\"></span>\n\n  <ng-template #item>\n    <it-link [class]=\"linkClass\" [href]=\"href\" [externalLink]=\"externalLink\" [disabled]=\"disabled\">\n      <it-icon *ngIf=\"iconName && iconPosition === 'left'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span><ng-content></ng-content></span>\n\n      <it-icon *ngIf=\"iconName && iconPosition === 'right'\"\n                size=\"sm\"\n                [name]=\"iconName\"\n                [color]=\"isDark ? 'light' : 'primary'\"\n                [class]=\"iconPosition\"></it-icon>\n\n      <span *ngIf=\"isActive\" class=\"visually-hidden\">{{'it.core.active'|translate}}</span>\n    </it-link>\n  </ng-template>\n</li>\n", styles: [".list-item.disabled{pointer-events:none;cursor:default}\n"] }]
-        }], propDecorators: { divider: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], iconPosition: [{
-                type: Input
-            }] } });
-
-class DropdownComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * Fires immediately when the show instance method is called.
-         */
-        this.onShow = new EventEmitter();
-        /**
-         * Fired when the dropdown has been made visible to the user and CSS transitions have completed.
-         */
-        this.onShown = new EventEmitter();
-        /**
-         * Fires immediately when the hide instance method has been called.
-         */
-        this.onHide = new EventEmitter();
-        /**
-         * Fired when the dropdown has finished being hidden from the user and CSS transitions have completed.
-         */
-        this.onHidden = new EventEmitter();
-    }
-    get buttonClass() {
-        let btnClass = 'btn dropdown-toggle';
-        if (this.color) {
-            btnClass += ` btn-${this.color}`;
-        }
-        else {
-            btnClass += ` btn-dropdown`;
-        }
-        return btnClass;
-    }
-    get isFullWidth() {
-        return isTrueBooleanInput(this.fullWidth);
-    }
-    get isDark() {
-        return isTrueBooleanInput(this.dark);
-    }
-    ngOnChanges(changes) {
-        if (changes['dark'] && !changes['dark'].firstChange) {
-            this.setDarkItems();
-        }
-        super.ngOnChanges(changes);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.setDarkItems();
-        if (this.dropdownButton) {
-            const element = this.dropdownButton.nativeElement;
-            this.dropdown = Dropdown.getOrCreateInstance(element);
-            element.addEventListener('show.bs.dropdown', event => this.onShow.emit(event));
-            element.addEventListener('shown.bs.dropdown', event => this.onShown.emit(event));
-            element.addEventListener('hide.bs.dropdown', event => this.onHide.emit(event));
-            element.addEventListener('hidden.bs.dropdown', event => this.onHidden.emit(event));
-        }
-    }
-    /**
-     * Set child items dark mode
-     * @private
-     */
-    setDarkItems() {
-        var _a;
-        (_a = this.items) === null || _a === void 0 ? void 0 : _a.forEach(item => {
-            item.setDark(this.isDark);
-        });
-    }
-    /**
-     * Toggles the dropdown menu of a given navbar or tabbed navigation.
-     */
-    toggle() {
-        var _a;
-        (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.toggle();
-    }
-    /**
-     * Shows the dropdown menu of a given navbar or tabbed navigation.
-     */
-    show() {
-        var _a;
-        (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /**
-     * Hides the dropdown menu of a given navbar or tabbed navigation.
-     */
-    hide() {
-        var _a;
-        (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Updates the position of an element's dropdown.
-     */
-    update() {
-        var _a;
-        (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.update();
-    }
-    /**
-     * Destroys an element's dropdown. (Removes stored data on the DOM element)
-     */
-    dispose() {
-        var _a;
-        (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownComponent, selector: "it-dropdown[id]", inputs: { color: "color", direction: "direction", fullWidth: "fullWidth", dark: "dark" }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden" }, queries: [{ propertyName: "items", predicate: DropdownItemComponent }], viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true }], exportAs: ["itDropdown"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown {{direction}}\">\n  <button #dropdownButton [id]=\"id\"\n          [class]=\"buttonClass\"\n          type=\"button\"\n          data-bs-toggle=\"dropdown\"\n          aria-haspopup=\"true\"\n          aria-expanded=\"false\">\n    <ng-content select=\"[button]\"></ng-content>\n    <it-icon class=\"icon-expand\" name=\"expand\" size=\"sm\" [color]=\"this.color ? 'light' : 'primary'\"></it-icon>\n  </button>\n\n  <div class=\"dropdown-menu\" [class.full-width]=\"isFullWidth\" [class.dark]=\"isDark\" [attr.aria-labelledby]=\"id\">\n    <div class=\"link-list-wrapper\">\n      <div class=\"link-list-heading\">\n        <ng-content select=\"[listHeading]\"></ng-content>\n      </div>\n      <ul class=\"link-list\">\n        <ng-content select=\"[list]\"></ng-content>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".link-list-heading:empty{display:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-dropdown[id]', exportAs: 'itDropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown {{direction}}\">\n  <button #dropdownButton [id]=\"id\"\n          [class]=\"buttonClass\"\n          type=\"button\"\n          data-bs-toggle=\"dropdown\"\n          aria-haspopup=\"true\"\n          aria-expanded=\"false\">\n    <ng-content select=\"[button]\"></ng-content>\n    <it-icon class=\"icon-expand\" name=\"expand\" size=\"sm\" [color]=\"this.color ? 'light' : 'primary'\"></it-icon>\n  </button>\n\n  <div class=\"dropdown-menu\" [class.full-width]=\"isFullWidth\" [class.dark]=\"isDark\" [attr.aria-labelledby]=\"id\">\n    <div class=\"link-list-wrapper\">\n      <div class=\"link-list-heading\">\n        <ng-content select=\"[listHeading]\"></ng-content>\n      </div>\n      <ul class=\"link-list\">\n        <ng-content select=\"[list]\"></ng-content>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".link-list-heading:empty{display:none}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }], fullWidth: [{
-                type: Input
-            }], dark: [{
-                type: Input
-            }], items: [{
-                type: ContentChildren,
-                args: [DropdownItemComponent]
-            }], onShow: [{
-                type: Output
-            }], onShown: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], onHidden: [{
-                type: Output
-            }], dropdownButton: [{
-                type: ViewChild,
-                args: ['dropdownButton']
-            }] } });
-
-class ListComponent {
-}
-ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ListComponent, selector: "it-list", inputs: { linkList: "linkList" }, ngImport: i0, template: "<div class=\"it-list-wrapper\">\n  <ul class=\"it-list\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-list', template: "<div class=\"it-list-wrapper\">\n  <ul class=\"it-list\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n" }]
-        }], propDecorators: { linkList: [{
-                type: Input
-            }] } });
-
-class ListItemComponent extends LinkComponent {
-    get itemClass() {
-        let itemClass = 'list-item';
-        if (isTrueBooleanInput(this.active)) {
-            itemClass += ` active`;
-        }
-        if (isTrueBooleanInput(this.large)) {
-            itemClass += ` large`;
-        }
-        if (this.class) {
-            itemClass += ` ${this.class}`;
-        }
-        return itemClass;
-    }
-}
-ListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ListItemComponent, selector: "it-list-item", inputs: { active: "active", large: "large", avatar: "avatar", image: "image" }, usesInheritance: true, ngImport: i0, template: "<li>\n  <ng-template #content>\n    <div class=\"it-rounded-icon\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </div>\n\n    <div *ngIf=\"avatar\" class=\"avatar size-lg\">\n      <img [attr.src]=\"avatar\" alt=\"avatar\">\n    </div>\n\n    <div *ngIf=\"image\" class=\"it-thumb\">\n      <img [attr.src]=\"image\" alt=\"thumb\">\n    </div>\n\n    <div class=\"it-right-zone\">\n      <span class=\"text\">\n        <ng-content></ng-content>\n      </span>\n      <ng-content select=\"[action]\"></ng-content>\n\n      <span class=\"it-multiple\">\n        <span class=\"metadata\">\n          <ng-content select=\"[metadata]\"></ng-content>\n        </span>\n\n        <ng-content select=\"[multiple]\"></ng-content>\n      </span>\n    </div>\n  </ng-template>\n\n\n  <div *ngIf=\"!href; else link\" [class]=\"itemClass\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n\n  <ng-template #link>\n    <it-link [class]=\"itemClass\" [href]=\"href\" [externalLink]=\"externalLink\" [disabled]=\"disabled\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </it-link>\n  </ng-template>\n</li>\n", styles: [".metadata:empty,.it-rounded-icon:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LinkComponent, selector: "it-link", inputs: ["href", "externalLink", "disabled", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-list-item', template: "<li>\n  <ng-template #content>\n    <div class=\"it-rounded-icon\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </div>\n\n    <div *ngIf=\"avatar\" class=\"avatar size-lg\">\n      <img [attr.src]=\"avatar\" alt=\"avatar\">\n    </div>\n\n    <div *ngIf=\"image\" class=\"it-thumb\">\n      <img [attr.src]=\"image\" alt=\"thumb\">\n    </div>\n\n    <div class=\"it-right-zone\">\n      <span class=\"text\">\n        <ng-content></ng-content>\n      </span>\n      <ng-content select=\"[action]\"></ng-content>\n\n      <span class=\"it-multiple\">\n        <span class=\"metadata\">\n          <ng-content select=\"[metadata]\"></ng-content>\n        </span>\n\n        <ng-content select=\"[multiple]\"></ng-content>\n      </span>\n    </div>\n  </ng-template>\n\n\n  <div *ngIf=\"!href; else link\" [class]=\"itemClass\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n\n  <ng-template #link>\n    <it-link [class]=\"itemClass\" [href]=\"href\" [externalLink]=\"externalLink\" [disabled]=\"disabled\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </it-link>\n  </ng-template>\n</li>\n", styles: [".metadata:empty,.it-rounded-icon:empty{display:none}\n"] }]
-        }], propDecorators: { active: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], avatar: [{
-                type: Input
-            }], image: [{
-                type: Input
-            }] } });
-
-class ModalComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * This event fires immediately when the instance method show is called.
-         */
-        this.onShow = new EventEmitter();
-        /**
-         * This event fires when the modal has been made visible to the user (it will wait for CSS transitions to complete).
-         */
-        this.onShown = new EventEmitter();
-        /**
-         * This event is raised immediately when the instance method hide has been called.
-         */
-        this.onHide = new EventEmitter();
-        /**
-         * This event fires when the modal has finished hiding from the user (it will wait for CSS transitions to complete).
-         */
-        this.onHidden = new EventEmitter();
-        /**
-         * This event is fired when the modal is displayed, its background is static and a click outside the modal or a press
-         * of the esc key occurs and data-bs-keyboard is set to false.
-         */
-        this.onHidePrevented = new EventEmitter();
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'title');
-        if (this.modalElement) {
-            const element = this.modalElement.nativeElement;
-            this.modal = Modal.getOrCreateInstance(element);
-            element.addEventListener('show.bs.modal', event => this.onShow.emit(event));
-            element.addEventListener('shown.bs.modal', event => this.onShown.emit(event));
-            element.addEventListener('hide.bs.modal', event => this.onHide.emit(event));
-            element.addEventListener('hidden.bs.modal', event => this.onHidden.emit(event));
-            element.addEventListener('hidePrevented.bs.modal', event => this.onHidePrevented.emit(event));
-        }
-    }
-    /**
-     * Manually activate/deactivate a modal. Returns to the caller before the modal has actually been shown or hidden
-     */
-    toggle() {
-        var _a;
-        (_a = this.modal) === null || _a === void 0 ? void 0 : _a.toggle();
-    }
-    /**
-     * Manually open a modal. Returns to the caller before the modal has actually been displayed
-     */
-    show() {
-        var _a;
-        (_a = this.modal) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /**
-     * Manually hide a modal. Returns to the caller before the modal has actually been hidden
-     */
-    hide() {
-        var _a;
-        (_a = this.modal) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Manually reposition the modal if the height of the modal changes when it is opened (in case a scroll bar appears).
-     */
-    handleUpdate() {
-        var _a;
-        (_a = this.modal) === null || _a === void 0 ? void 0 : _a.handleUpdate();
-    }
-    /**
-     * Destroys the modal of an element.
-     */
-    dispose() {
-        var _a;
-        (_a = this.modal) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
-ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ModalComponent, selector: "it-modal[id][title]", inputs: { title: "title", size: "size" }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden", onHidePrevented: "onHidePrevented" }, viewQueries: [{ propertyName: "modalElement", first: true, predicate: ["modalElement"], descendants: true }], exportAs: ["itModal"], usesInheritance: true, ngImport: i0, template: "<div #modalElement [id]=\"id\" class=\"modal fade\"\n     tabindex=\"-1\"\n     role=\"dialog\"\n     aria-hidden=\"true\"\n     [attr.aria-labelledby]=\"id+'-label'\">\n  <div class=\"modal-dialog {{size}}\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h2 class=\"modal-title h5 no_toc\" id=\"{{id}}-label\">{{title}}</h2>\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\"\n                [attr.aria-label]=\"'it.core.close-modal'|translate\"></button>\n      </div>\n      <div class=\"modal-body mb-3\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"modal-footer modal-footer-shadow\">\n        <ng-content select=\"[footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".modal-footer:empty{display:none}\n"], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-modal[id][title]', exportAs: 'itModal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #modalElement [id]=\"id\" class=\"modal fade\"\n     tabindex=\"-1\"\n     role=\"dialog\"\n     aria-hidden=\"true\"\n     [attr.aria-labelledby]=\"id+'-label'\">\n  <div class=\"modal-dialog {{size}}\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h2 class=\"modal-title h5 no_toc\" id=\"{{id}}-label\">{{title}}</h2>\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\"\n                [attr.aria-label]=\"'it.core.close-modal'|translate\"></button>\n      </div>\n      <div class=\"modal-body mb-3\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"modal-footer modal-footer-shadow\">\n        <ng-content select=\"[footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".modal-footer:empty{display:none}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], onShow: [{
-                type: Output
-            }], onShown: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], onHidden: [{
-                type: Output
-            }], onHidePrevented: [{
-                type: Output
-            }], modalElement: [{
-                type: ViewChild,
-                args: ['modalElement', { static: false }]
-            }] } });
-
-var NotificationType;
-(function (NotificationType) {
-    NotificationType["Standard"] = "standard";
-    NotificationType["Success"] = "success";
-    NotificationType["Error"] = "error";
-    NotificationType["Info"] = "info";
-    NotificationType["Warning"] = "warning";
-})(NotificationType || (NotificationType = {}));
-var NotificationPosition;
-(function (NotificationPosition) {
-    NotificationPosition["Top"] = "top-fix mt-3";
-    NotificationPosition["Bottom"] = "bottom-fix mb-3";
-    NotificationPosition["Left"] = "left-fix ms-3";
-    NotificationPosition["Right"] = "right-fix me-3";
-})(NotificationPosition || (NotificationPosition = {}));
-
-class NotificationsService {
-    constructor() {
-        this.subject = new Subject();
-    }
-    /**
-     * Listen on notification arrived
-     * @param filterType filter type of notification
-     */
-    onNotification(filterType) {
-        return this.subject.asObservable().pipe(filter(n => n && (!filterType || (n.type === filterType))));
-    }
-    /**
-     * Show new notification
-     * @param notification notification
-     */
-    addNotification(notification) {
-        this.subject.next(notification);
-    }
-    /**
-     * Create new Standard notification
-     * @param title notification title
-     * @param message notification message
-     * @param dismissible notification dismissible
-     * @param duration notification duration (milliseconds)
-     * @param position notification position
-     */
-    standard(title, message, dismissible, duration, position) {
-        this.addNotification({
-            type: NotificationType.Standard,
-            message,
-            title,
-            duration,
-            dismissible,
-            position
-        });
-    }
-    /**
-     * Create new Success notification
-     * @param title notification title
-     * @param message notification message
-     * @param dismissible notification dismissible
-     * @param duration notification duration (milliseconds)
-     * @param position notification position
-     */
-    success(title, message, dismissible, duration, position) {
-        this.addNotification({
-            type: NotificationType.Success,
-            message,
-            title,
-            duration,
-            dismissible,
-            position
-        });
-    }
-    /**
-     * Create new Error notification
-     * @param title notification title
-     * @param message notification message
-     * @param dismissible notification dismissible
-     * @param duration notification duration (milliseconds)
-     * @param position notification position
-     */
-    error(title, message, dismissible, duration, position) {
-        this.addNotification({
-            type: NotificationType.Error,
-            message,
-            title,
-            duration,
-            dismissible,
-            position
-        });
-    }
-    /**
-     * Create new Warning notification
-     * @param title notification title
-     * @param message notification message
-     * @param dismissible notification dismissible
-     * @param duration notification duration (milliseconds)
-     * @param position notification position
-     */
-    warning(title, message, dismissible, duration, position) {
-        this.addNotification({
-            type: NotificationType.Warning,
-            message,
-            title,
-            duration,
-            dismissible,
-            position
-        });
-    }
-    /**
-     * Create new Info notification
-     * @param title notification title
-     * @param message notification message
-     * @param dismissible notification dismissible
-     * @param duration notification duration (milliseconds)
-     * @param position notification position
-     */
-    info(title, message, dismissible, duration, position) {
-        this.addNotification({
-            type: NotificationType.Info,
-            message,
-            title,
-            duration,
-            dismissible,
-            position
-        });
-    }
-}
-NotificationsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class NotificationsComponent {
-    constructor(_changeDetectorRef, _notificationService) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this._notificationService = _notificationService;
-        /**
-         * Default notifications duration (milliseconds)
-         * @default 8000
-         */
-        this.duration = 8000;
-        /**
-         * Default notifications is dismissible
-         * @default true
-         */
-        this.dismissible = true;
-        this.notificationCount = 0;
-        this.notifications = [];
-        this.subscription = this._notificationService.onNotification().subscribe(notification => {
-            if (!notification.duration) {
-                notification.duration = this.duration; // Add duration if not is set
-            }
-            if (!notification.position && this.position) {
-                notification.position = this.position; // Add position if not is set
-            }
-            if (notification.dismissible === undefined && isTrueBooleanInput(this.dismissible)) {
-                notification.dismissible = true; // Add dismissible if not is set
-            }
-            if (!notification.icon) {
-                notification.icon = this.getNotificationIcon(notification);
-            }
-            const newNotification = Object.assign(Object.assign({}, notification), { id: `${notification.type}-${this.notificationCount++}-notification` });
-            this.notifications.push(newNotification);
-            this._changeDetectorRef.detectChanges();
-            setTimeout(() => {
-                // Show the notification
-                new Notification(document.getElementById(newNotification.id), {
-                    timeout: notification.duration
-                }).show();
-                // Clear notification after the duration
-                setTimeout(() => {
-                    const index = this.notifications.findIndex(n => n.id === newNotification.id);
-                    if (index > -1) {
-                        this.notifications.splice(index, 1);
-                        if (!this.notifications.length) {
-                            this.notificationCount = 0;
-                        }
-                        this._changeDetectorRef.detectChanges();
-                    }
-                }, notification.duration);
-            }, 200);
-        });
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    get NotificationType() {
-        return NotificationType;
-    }
-    /**
-     * Hide the notification
-     * @param id
-     */
-    hideNotification(id) {
-        var _a;
-        (_a = Notification.getInstance(document.getElementById(id))) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Retrieve the icon name by notification type
-     * @param notification the notification
-     * @protected
-     */
-    getNotificationIcon(notification) {
-        switch (notification.type) {
-            case NotificationType.Success:
-                return 'check-circle';
-            case NotificationType.Error:
-                return 'close-circle';
-            case NotificationType.Warning:
-                return 'error';
-            case NotificationType.Info:
-                return 'info-circle';
-            case NotificationType.Standard:
-            default:
-                return undefined;
-        }
-    }
-}
-NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NotificationsService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotificationsComponent, selector: "it-notifications", inputs: { duration: "duration", position: "position", dismissible: "dismissible" }, ngImport: i0, template: "<div *ngFor=\"let notification of notifications\"\n     [id]=\"notification.id\"\n     class=\"notification {{notification.position}} {{notification.type}}\"\n     [class.with-icon]=\"!!notification.icon\"\n     [class.dismissable]=\"notification.dismissible\"\n     role=\"alert\" [attr.aria-labelledby]=\"notification.id+'-title'\">\n\n  <h2 [id]=\"notification.id+'-title'\" class=\"h5\">\n    <it-icon *ngIf=\"!!notification.icon\" [name]=\"notification.icon\"></it-icon>\n    <ng-container>{{notification.title}}</ng-container>\n  </h2>\n  <p *ngIf=\"notification.message\">{{notification.message}}</p>\n\n  <button *ngIf=\"notification.dismissible\" type=\"button\" class=\"btn notification-close\"\n          (click)=\"hideNotification(notification.id)\">\n    <it-icon name=\"close\"></it-icon>\n    <span class=\"visually-hidden\">{{'it.core.close-notification'|translate:{ title: notification.title } }}</span>\n  </button>\n</div>\n", styles: [".notification{z-index:10000}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngFor=\"let notification of notifications\"\n     [id]=\"notification.id\"\n     class=\"notification {{notification.position}} {{notification.type}}\"\n     [class.with-icon]=\"!!notification.icon\"\n     [class.dismissable]=\"notification.dismissible\"\n     role=\"alert\" [attr.aria-labelledby]=\"notification.id+'-title'\">\n\n  <h2 [id]=\"notification.id+'-title'\" class=\"h5\">\n    <it-icon *ngIf=\"!!notification.icon\" [name]=\"notification.icon\"></it-icon>\n    <ng-container>{{notification.title}}</ng-container>\n  </h2>\n  <p *ngIf=\"notification.message\">{{notification.message}}</p>\n\n  <button *ngIf=\"notification.dismissible\" type=\"button\" class=\"btn notification-close\"\n          (click)=\"hideNotification(notification.id)\">\n    <it-icon name=\"close\"></it-icon>\n    <span class=\"visually-hidden\">{{'it.core.close-notification'|translate:{ title: notification.title } }}</span>\n  </button>\n</div>\n", styles: [".notification{z-index:10000}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NotificationsService }]; }, propDecorators: { duration: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], dismissible: [{
-                type: Input
-            }] } });
-
-class PaginationComponent {
-    constructor() {
-        /**
-         * Fired when page is changed
-         */
-        this.newPageEvent = new EventEmitter();
-    }
-    /**
-     * Create array to generate pagination of 5 element
-     */
-    get pages() {
-        const length = this.pageNumbers > 5 ? 5 : this.pageNumbers;
-        let start = (this.currentPage > 1 && this.pageNumbers > 5) ? this.currentPage - 1 : 1;
-        if (this.pageNumbers > 5) {
-            if ((this.currentPage + 1) >= this.pageNumbers) {
-                start -= 2;
-            }
-            else if (this.currentPage >= (this.pageNumbers - 2)) {
-                start -= (this.pageNumbers - (this.currentPage + 1));
-            }
-        }
-        return Array.from({ length }, (_, i) => i + start);
-    }
-    /**
-     * On click page change
-     * @param newPage the new page of table
-     */
-    pageChange(newPage) {
-        this.newPageEvent.emit(newPage - 1); // emit new page
-    }
-}
-PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PaginationComponent, selector: "it-pagination[currentPage][pageNumbers]", inputs: { currentPage: "currentPage", pageNumbers: "pageNumbers", alignment: "alignment" }, outputs: { newPageEvent: "newPageEvent" }, ngImport: i0, template: "<nav class=\"pagination-wrapper\"\n     [class.justify-content-center]=\"alignment==='center'\"\n     [class.justify-content-end]=\"alignment==='end'\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\" [class.disabled]=\"currentPage < 1\">\n      <a class=\"page-link\" (click)=\"pageChange(currentPage)\">\n        <it-icon name=\"chevron-left\" color=\"primary\"></it-icon>\n        <span class=\"visually-hidden\">{{'it.core.previous-page'|translate}}</span>\n      </a>\n    </li>\n\n    <ng-container *ngIf=\"pageNumbers > 5 && currentPage > 2\">\n      <li class=\"page-item\"><a class=\"page-link\" (click)=\"pageChange(1)\">1</a></li>\n      <li class=\"page-item\" *ngIf=\"currentPage > 3\">\n        <span class=\"page-link\">...</span>\n      </li>\n    </ng-container>\n\n    <li class=\"page-item\" *ngFor=\"let page of pages\">\n      <a class=\"page-link\" aria-current=\"page\" *ngIf=\"page === (currentPage + 1); else inactivePage\">\n        <span class=\"d-inline-block d-sm-none\">{{'it.core.page'|translate}}</span> {{page}}\n      </a>\n      <ng-template #inactivePage>\n        <a class=\"page-link\" (click)=\"pageChange(page)\">{{page}}</a>\n      </ng-template>\n    </li>\n\n    <ng-container *ngIf=\"pageNumbers > 5 && pageNumbers - currentPage > 3\">\n      <li class=\"page-item\">\n        <span class=\"page-link\">...</span>\n      </li>\n      <li class=\"page-item\"><a class=\"page-link\" (click)=\"pageChange(pageNumbers)\">{{pageNumbers}}</a></li>\n    </ng-container>\n\n    <li class=\"page-item\" [class.disabled]=\"currentPage >= pageNumbers - 1\">\n      <a class=\"page-link\" (click)=\"pageChange(currentPage + 2)\">\n        <span class=\"visually-hidden\">{{'it.core.next-page'|translate}}</span>\n        <it-icon name=\"chevron-right\" color=\"primary\"></it-icon>\n      </a>\n    </li>\n  </ul>\n</nav>\n", styles: [".page-item:not(.disabled)>a.page-link{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-pagination[currentPage][pageNumbers]', template: "<nav class=\"pagination-wrapper\"\n     [class.justify-content-center]=\"alignment==='center'\"\n     [class.justify-content-end]=\"alignment==='end'\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\" [class.disabled]=\"currentPage < 1\">\n      <a class=\"page-link\" (click)=\"pageChange(currentPage)\">\n        <it-icon name=\"chevron-left\" color=\"primary\"></it-icon>\n        <span class=\"visually-hidden\">{{'it.core.previous-page'|translate}}</span>\n      </a>\n    </li>\n\n    <ng-container *ngIf=\"pageNumbers > 5 && currentPage > 2\">\n      <li class=\"page-item\"><a class=\"page-link\" (click)=\"pageChange(1)\">1</a></li>\n      <li class=\"page-item\" *ngIf=\"currentPage > 3\">\n        <span class=\"page-link\">...</span>\n      </li>\n    </ng-container>\n\n    <li class=\"page-item\" *ngFor=\"let page of pages\">\n      <a class=\"page-link\" aria-current=\"page\" *ngIf=\"page === (currentPage + 1); else inactivePage\">\n        <span class=\"d-inline-block d-sm-none\">{{'it.core.page'|translate}}</span> {{page}}\n      </a>\n      <ng-template #inactivePage>\n        <a class=\"page-link\" (click)=\"pageChange(page)\">{{page}}</a>\n      </ng-template>\n    </li>\n\n    <ng-container *ngIf=\"pageNumbers > 5 && pageNumbers - currentPage > 3\">\n      <li class=\"page-item\">\n        <span class=\"page-link\">...</span>\n      </li>\n      <li class=\"page-item\"><a class=\"page-link\" (click)=\"pageChange(pageNumbers)\">{{pageNumbers}}</a></li>\n    </ng-container>\n\n    <li class=\"page-item\" [class.disabled]=\"currentPage >= pageNumbers - 1\">\n      <a class=\"page-link\" (click)=\"pageChange(currentPage + 2)\">\n        <span class=\"visually-hidden\">{{'it.core.next-page'|translate}}</span>\n        <it-icon name=\"chevron-right\" color=\"primary\"></it-icon>\n      </a>\n    </li>\n  </ul>\n</nav>\n", styles: [".page-item:not(.disabled)>a.page-link{cursor:pointer}\n"] }]
-        }], propDecorators: { currentPage: [{
-                type: Input
-            }], pageNumbers: [{
-                type: Input
-            }], alignment: [{
-                type: Input
-            }], newPageEvent: [{
-                type: Output
-            }] } });
-
-class PopoverDirective {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        /**
-         * This event fires immediately when the show method is called.
-         */
-        this.onShow = new EventEmitter();
-        /**
-         * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
-         */
-        this.onShown = new EventEmitter();
-        /**
-         * This event fires immediately when the hide method is called.
-         */
-        this.onHide = new EventEmitter();
-        /**
-         * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
-         */
-        this.onHidden = new EventEmitter();
-        /**
-         * This event fires after the show event when the tooltip template has been added to the DOM.
-         */
-        this.onInserted = new EventEmitter();
-        this.element = this._elementRef.nativeElement;
-    }
-    /**
-     * Define the popover content
-     * @param content the popover content
-     */
-    set content(content) {
-        this.element.setAttribute('data-bs-content', content);
-    }
-    /**
-     * Define the popover title
-     * @param title the popover title
-     */
-    set title(title) {
-        if (title) {
-            this.element.setAttribute('title', title);
-            this.element.setAttribute('data-bs-original-title', title);
-        }
-    }
-    /**
-     * Define the popover placement
-     * @param placement
-     */
-    set placement(placement) {
-        this.element.setAttribute('data-bs-placement', placement);
-    }
-    /**
-     * Appends the popover to a specific element.
-     * @param container
-     */
-    set container(container) {
-        if (container) {
-            this.element.setAttribute('data-container', container);
-        }
-    }
-    /**
-     * Indicates whether the title contains html
-     * @param html true if contain html
-     */
-    set html(html) {
-        this.element.setAttribute('data-bs-html', isTrueBooleanInput(html) ? 'true' : 'false');
-    }
-    /**
-     * How popover is triggered
-     * - 'hover': To open the Popover on hover of the mouse over the element
-     * - 'focus': To ignore popovers on the user's next click of an element other than the toggle element.
-     * @param trigger
-     */
-    set hover(trigger) {
-        if (trigger) {
-            this.element.setAttribute('data-bs-trigger', trigger);
-        }
-    }
-    ngAfterViewInit() {
-        this.element.setAttribute('data-bs-toggle', 'popover');
-        this.popover = Popover.getOrCreateInstance(this.element);
-        this.element.addEventListener('show.bs.popover', event => this.onShow.emit(event));
-        this.element.addEventListener('shown.bs.popover', event => this.onShown.emit(event));
-        this.element.addEventListener('hide.bs.popover', event => this.onHide.emit(event));
-        this.element.addEventListener('hidden.bs.popover', event => this.onHidden.emit(event));
-        this.element.addEventListener('inserted.bs.popover', event => this.onInserted.emit(event));
-    }
-    ngOnDestroy() {
-        this.dispose();
-    }
-    /**
-     * Shows the popover of an item.
-     */
-    show() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /**
-     * Hide the popover of an element.
-     */
-    hide() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Activate / Deactivate the popover of an element
-     */
-    toggle() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.toggle();
-    }
-    /**
-     * Hides and destroys the popover of an element.
-     */
-    dispose() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-    /**
-     * Gives the popover of an element a chance to be shown.
-     */
-    enable() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.enable();
-    }
-    /**
-     * Removes the ability to show the popover of an element.
-     */
-    disable() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.disable();
-    }
-    /**
-     * Toggles the possibility that the popover of an element is shown or hidden.
-     */
-    toggleEnabled() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.disable();
-    }
-    /**
-     * Updates the position of an element's popover.
-     */
-    update() {
-        var _a;
-        (_a = this.popover) === null || _a === void 0 ? void 0 : _a.disable();
-    }
-}
-PopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: PopoverDirective, selector: "[itPopover]", inputs: { content: ["itPopover", "content"], title: ["popoverTitle", "title"], placement: ["popoverPlacement", "placement"], container: ["popoverContainer", "container"], html: ["popoverHtml", "html"], hover: ["popoverTrigger", "hover"] }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden", onInserted: "onInserted" }, exportAs: ["itPopover"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PopoverDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[itPopover]',
-                    exportAs: 'itPopover'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { content: [{
-                type: Input,
-                args: ['itPopover']
-            }], title: [{
-                type: Input,
-                args: ['popoverTitle']
-            }], placement: [{
-                type: Input,
-                args: ['popoverPlacement']
-            }], container: [{
-                type: Input,
-                args: ['popoverContainer']
-            }], html: [{
-                type: Input,
-                args: ['popoverHtml']
-            }], hover: [{
-                type: Input,
-                args: ['popoverTrigger']
-            }], onShow: [{
-                type: Output
-            }], onShown: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], onHidden: [{
-                type: Output
-            }], onInserted: [{
-                type: Output
-            }] } });
-
-class SpinnerComponent {
-    constructor() {
-        /**
-         * The spinner is active
-         */
-        this.active = true;
-    }
-    get isActive() {
-        return isTrueBooleanInput(this.active);
-    }
-    get isSmall() {
-        return isTrueBooleanInput(this.small);
-    }
-    get isDouble() {
-        return isTrueBooleanInput(this.double);
-    }
-}
-SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SpinnerComponent, selector: "it-spinner", inputs: { active: "active", small: "small", double: "double" }, ngImport: i0, template: "<div class=\"progress-spinner\"\n     [class.progress-spinner-double]=\"isDouble\"\n     [class.progress-spinner-active]=\"isActive\"\n     [class.size-sm]=\"isSmall\">\n  <div *ngIf=\"isDouble\" class=\"progress-spinner-inner\"></div>\n  <div *ngIf=\"isDouble\" class=\"progress-spinner-inner\"></div>\n  <span class=\"visually-hidden\">{{'it.core.loading'|translate}}...</span>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-spinner', template: "<div class=\"progress-spinner\"\n     [class.progress-spinner-double]=\"isDouble\"\n     [class.progress-spinner-active]=\"isActive\"\n     [class.size-sm]=\"isSmall\">\n  <div *ngIf=\"isDouble\" class=\"progress-spinner-inner\"></div>\n  <div *ngIf=\"isDouble\" class=\"progress-spinner-inner\"></div>\n  <span class=\"visually-hidden\">{{'it.core.loading'|translate}}...</span>\n</div>\n" }]
-        }], propDecorators: { active: [{
-                type: Input
-            }], small: [{
-                type: Input
-            }], double: [{
-                type: Input
-            }] } });
-
-class SteppersItemComponent {
-}
-SteppersItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SteppersItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SteppersItemComponent, selector: "it-steppers-item[label]", inputs: { label: "label", icon: "icon" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-steppers-item[label]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], htmlContent: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
-
-class SteppersContainerComponent {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        /**
-         * Show the stepper header
-         * @default true
-         */
-        this.showHeader = true;
-        /**
-         * Show the back button
-         * @default true
-         */
-        this.showBackButton = true;
-        /**
-         * Show the forward button
-         * @default true
-         */
-        this.showForwardButton = true;
-        /**
-         * Show the confirm button
-         * @default false
-         */
-        this.showConfirmButton = false;
-        /**
-         * Show the save button
-         * @default false
-         */
-        this.showSaveButton = false;
-        this.backClick = new EventEmitter();
-        this.forwardClick = new EventEmitter();
-        this.confirmClick = new EventEmitter();
-        this.saveClick = new EventEmitter();
-    }
-    get isShowHeader() {
-        return isTrueBooleanInput(this.showHeader);
-    }
-    get isSteppersNumber() {
-        return isTrueBooleanInput(this.steppersNumber);
-    }
-    get isDark() {
-        return isTrueBooleanInput(this.dark);
-    }
-    get isShowBackButton() {
-        return isTrueBooleanInput(this.showBackButton);
-    }
-    get isShowForwardButton() {
-        return isTrueBooleanInput(this.showForwardButton);
-    }
-    get isShowConfirmButton() {
-        return isTrueBooleanInput(this.showConfirmButton);
-    }
-    get isConfirmLoading() {
-        return isTrueBooleanInput(this.confirmLoading);
-    }
-    get isShowSaveButton() {
-        return isTrueBooleanInput(this.showSaveButton);
-    }
-    get isSaveLoading() {
-        return isTrueBooleanInput(this.saveLoading);
-    }
-    ngAfterViewInit() {
-        var _a;
-        this._changeDetectorRef.detectChanges();
-        (_a = this.steps) === null || _a === void 0 ? void 0 : _a.changes.subscribe(() => {
-            this._changeDetectorRef.detectChanges();
-        });
-    }
-}
-SteppersContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SteppersContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SteppersContainerComponent, selector: "it-steppers-container[activeStep]", inputs: { activeStep: "activeStep", showHeader: "showHeader", dark: "dark", steppersNumber: "steppersNumber", progressStyle: "progressStyle", progressColor: "progressColor", showBackButton: "showBackButton", showForwardButton: "showForwardButton", showConfirmButton: "showConfirmButton", confirmLoading: "confirmLoading", showSaveButton: "showSaveButton", saveLoading: "saveLoading" }, outputs: { backClick: "backClick", forwardClick: "forwardClick", confirmClick: "confirmClick", saveClick: "saveClick" }, queries: [{ propertyName: "steps", predicate: SteppersItemComponent }], ngImport: i0, template: "<div class=\"steppers\" [class.bg-dark]=\"isDark\">\n  <div *ngIf=\"isShowHeader\" class=\"steppers-header\">\n    <ul>\n      <li *ngFor=\"let step of steps; let i = index\"\n          [class.confirmed]=\"i < activeStep\"\n          [class.active]=\"i === activeStep\"\n          [class.no-line]=\"i === activeStep && isSteppersNumber\">\n\n        <it-icon *ngIf=\"step.icon && !isSteppersNumber\" [name]=\"step.icon\"></it-icon>\n        <span *ngIf=\"isSteppersNumber\" class=\"steppers-number\">\n          <ng-container *ngIf=\"i < activeStep; else showNumber\">\n            <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n          </ng-container>\n          <ng-template #showNumber>\n            <span class=\"visually-hidden\">{{'it.core.step' | translate}} </span>{{i + 1}}\n          </ng-template>\n        </span>\n\n        {{step.label}}\n\n        <span *ngIf=\"i < activeStep && !isSteppersNumber\" class=\"ms-auto\">\n          <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n        </span>\n        <span *ngIf=\"i === activeStep\" class=\"visually-hidden\">{{'it.core.active' | translate}}</span>\n      </li>\n    </ul>\n    <span class=\"steppers-index\" aria-hidden=\"true\">\n      <ng-container\n        *ngIf=\"!isSteppersNumber; else showNumbers\">{{(activeStep + 1) + '/' + steps?.length}}</ng-container>\n      <ng-template #showNumbers>\n        <span *ngFor=\"let step of steps; let i = index\" [class.active]=\"i === activeStep\">{{i + 1}}</span>\n      </ng-template>\n    </span>\n  </div>\n\n  <div *ngIf=\"steps?.get(activeStep) as step\" class=\"steppers-content\" aria-live=\"polite\">\n    <ng-container *ngTemplateOutlet=\"step.htmlContent\"></ng-container>\n  </div>\n\n  <nav *ngIf=\"isShowBackButton || isShowSaveButton || isShowForwardButton || isShowConfirmButton || !!progressStyle\"\n       class=\"steppers-nav\">\n    <button *ngIf=\"isShowBackButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-prev\"\n            (click)=\"backClick.emit(activeStep)\">\n      <it-icon name=\"chevron-left\" color=\"primary\"></it-icon>\n      {{'it.core.back' | translate}}\n    </button>\n\n    <ng-container *ngIf=\"!!progressStyle\">\n      <ul *ngIf=\"progressStyle === 'dots'; else progressBar\" class=\"steppers-dots\">\n        <li *ngFor=\"let step of steps; let i = index\" [class.done]=\"i < activeStep\">\n          <span class=\"visually-hidden\">\n            {{'it.core.step-of' | translate: { current: activeStep + 1, available: steps?.length } }}\n            {{i < activeStep ? ('- ' + ('it.core.confirmed' | translate)) : ''}}\n          </span>\n        </li>\n      </ul>\n\n      <ng-template #progressBar>\n        <div class=\"steppers-progress\">\n          <it-progress-bar [color]=\"progressColor\" [value]=\"(activeStep/(steps?.length||1)) * 100\"></it-progress-bar>\n        </div>\n      </ng-template>\n    </ng-container>\n\n    <button *ngIf=\"isShowSaveButton\" type=\"button\" itButton=\"primary\" size=\"sm\" class=\"steppers-btn-save\"\n            [progress]=\"isSaveLoading\" [disabled]=\"isSaveLoading\" (click)=\"saveClick.emit(activeStep)\">\n      {{'it.general.save' | translate}}\n    </button>\n\n    <button *ngIf=\"isShowForwardButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-next\"\n            (click)=\"forwardClick.emit(activeStep)\">\n      {{'it.core.forward' | translate}}\n      <it-icon name=\"chevron-right\" color=\"primary\"></it-icon>\n    </button>\n\n    <button *ngIf=\"isShowConfirmButton\" type=\"button\" itButton=\"primary\" size=\"sm\"\n            class=\"steppers-btn-confirm d-lg-block\"\n            [progress]=\"isConfirmLoading\" [disabled]=\"isConfirmLoading\"\n            (click)=\"confirmClick.emit(activeStep)\">\n      {{'it.core.confirm' | translate}}\n    </button>\n  </nav>\n</div>\n\n<ng-template #checkIcon>\n  <it-icon name=\"check\" class=\"steppers-success\"></it-icon>\n  <span class=\"visually-hidden\">{{'it.core.confirmed' | translate}}</span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ButtonDirective, selector: "[itButton]", inputs: ["itButton", "size", "block", "disabled"], exportAs: ["itButton"] }, { kind: "component", type: ProgressBarComponent, selector: "it-progress-bar[value]", inputs: ["value", "showLabel", "indeterminate", "color"] }, { kind: "component", type: ProgressButtonComponent, selector: "button[itButton][progress]", inputs: ["progress", "progressColor"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-steppers-container[activeStep]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"steppers\" [class.bg-dark]=\"isDark\">\n  <div *ngIf=\"isShowHeader\" class=\"steppers-header\">\n    <ul>\n      <li *ngFor=\"let step of steps; let i = index\"\n          [class.confirmed]=\"i < activeStep\"\n          [class.active]=\"i === activeStep\"\n          [class.no-line]=\"i === activeStep && isSteppersNumber\">\n\n        <it-icon *ngIf=\"step.icon && !isSteppersNumber\" [name]=\"step.icon\"></it-icon>\n        <span *ngIf=\"isSteppersNumber\" class=\"steppers-number\">\n          <ng-container *ngIf=\"i < activeStep; else showNumber\">\n            <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n          </ng-container>\n          <ng-template #showNumber>\n            <span class=\"visually-hidden\">{{'it.core.step' | translate}} </span>{{i + 1}}\n          </ng-template>\n        </span>\n\n        {{step.label}}\n\n        <span *ngIf=\"i < activeStep && !isSteppersNumber\" class=\"ms-auto\">\n          <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n        </span>\n        <span *ngIf=\"i === activeStep\" class=\"visually-hidden\">{{'it.core.active' | translate}}</span>\n      </li>\n    </ul>\n    <span class=\"steppers-index\" aria-hidden=\"true\">\n      <ng-container\n        *ngIf=\"!isSteppersNumber; else showNumbers\">{{(activeStep + 1) + '/' + steps?.length}}</ng-container>\n      <ng-template #showNumbers>\n        <span *ngFor=\"let step of steps; let i = index\" [class.active]=\"i === activeStep\">{{i + 1}}</span>\n      </ng-template>\n    </span>\n  </div>\n\n  <div *ngIf=\"steps?.get(activeStep) as step\" class=\"steppers-content\" aria-live=\"polite\">\n    <ng-container *ngTemplateOutlet=\"step.htmlContent\"></ng-container>\n  </div>\n\n  <nav *ngIf=\"isShowBackButton || isShowSaveButton || isShowForwardButton || isShowConfirmButton || !!progressStyle\"\n       class=\"steppers-nav\">\n    <button *ngIf=\"isShowBackButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-prev\"\n            (click)=\"backClick.emit(activeStep)\">\n      <it-icon name=\"chevron-left\" color=\"primary\"></it-icon>\n      {{'it.core.back' | translate}}\n    </button>\n\n    <ng-container *ngIf=\"!!progressStyle\">\n      <ul *ngIf=\"progressStyle === 'dots'; else progressBar\" class=\"steppers-dots\">\n        <li *ngFor=\"let step of steps; let i = index\" [class.done]=\"i < activeStep\">\n          <span class=\"visually-hidden\">\n            {{'it.core.step-of' | translate: { current: activeStep + 1, available: steps?.length } }}\n            {{i < activeStep ? ('- ' + ('it.core.confirmed' | translate)) : ''}}\n          </span>\n        </li>\n      </ul>\n\n      <ng-template #progressBar>\n        <div class=\"steppers-progress\">\n          <it-progress-bar [color]=\"progressColor\" [value]=\"(activeStep/(steps?.length||1)) * 100\"></it-progress-bar>\n        </div>\n      </ng-template>\n    </ng-container>\n\n    <button *ngIf=\"isShowSaveButton\" type=\"button\" itButton=\"primary\" size=\"sm\" class=\"steppers-btn-save\"\n            [progress]=\"isSaveLoading\" [disabled]=\"isSaveLoading\" (click)=\"saveClick.emit(activeStep)\">\n      {{'it.general.save' | translate}}\n    </button>\n\n    <button *ngIf=\"isShowForwardButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-next\"\n            (click)=\"forwardClick.emit(activeStep)\">\n      {{'it.core.forward' | translate}}\n      <it-icon name=\"chevron-right\" color=\"primary\"></it-icon>\n    </button>\n\n    <button *ngIf=\"isShowConfirmButton\" type=\"button\" itButton=\"primary\" size=\"sm\"\n            class=\"steppers-btn-confirm d-lg-block\"\n            [progress]=\"isConfirmLoading\" [disabled]=\"isConfirmLoading\"\n            (click)=\"confirmClick.emit(activeStep)\">\n      {{'it.core.confirm' | translate}}\n    </button>\n  </nav>\n</div>\n\n<ng-template #checkIcon>\n  <it-icon name=\"check\" class=\"steppers-success\"></it-icon>\n  <span class=\"visually-hidden\">{{'it.core.confirmed' | translate}}</span>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { activeStep: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], dark: [{
-                type: Input
-            }], steppersNumber: [{
-                type: Input
-            }], progressStyle: [{
-                type: Input
-            }], progressColor: [{
-                type: Input
-            }], showBackButton: [{
-                type: Input
-            }], showForwardButton: [{
-                type: Input
-            }], showConfirmButton: [{
-                type: Input
-            }], confirmLoading: [{
-                type: Input
-            }], showSaveButton: [{
-                type: Input
-            }], saveLoading: [{
-                type: Input
-            }], steps: [{
-                type: ContentChildren,
-                args: [SteppersItemComponent]
-            }], backClick: [{
-                type: Output
-            }], forwardClick: [{
-                type: Output
-            }], confirmClick: [{
-                type: Output
-            }], saveClick: [{
-                type: Output
-            }] } });
-
-class TabItemComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * Custom class
-         */
-        this.class = '';
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
-    }
-}
-TabItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabItemComponent, selector: "it-tab-item[id]", inputs: { label: "label", icon: "icon", active: "active", disabled: "disabled", class: "class" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-tab-item[id]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], htmlContent: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
-
-class TabContainerComponent extends AbstractComponent {
-    isTrueBooleanInput(booleanInput) {
-        return isTrueBooleanInput(booleanInput);
-    }
-    ngAfterViewInit() {
-        var _a;
-        super.ngAfterViewInit();
-        (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.changes.pipe(// When tabs changes (dynamic add/remove)
-        startWith(undefined), tap(() => {
-            var _a, _b;
-            (_a = this.tabSubscriptions) === null || _a === void 0 ? void 0 : _a.forEach(sub => sub.unsubscribe()); // Remove old subscriptions
-            this.tabSubscriptions = (_b = this.tabs) === null || _b === void 0 ? void 0 : _b.map(tab => tab.valueChanges.subscribe(() => {
-                this._changeDetectorRef.detectChanges(); // DetectChanges when tab-item attributes changes
-            }));
-            this._changeDetectorRef.detectChanges(); // Force update html render
-        }), switchMap(() => { var _a; return ((_a = this.tabNavLinks) === null || _a === void 0 ? void 0 : _a.changes.pipe(startWith(undefined))) || of(undefined); })).subscribe(() => {
-            var _a;
-            // Init tabs from bootstrap-italia
-            (_a = this.tabNavLinks) === null || _a === void 0 ? void 0 : _a.forEach(tabNavLink => {
-                const triggerEl = tabNavLink.nativeElement, tabTrigger = Tab.getOrCreateInstance(triggerEl);
-                if (triggerEl.getAttribute('tab-listener') !== 'true') {
-                    triggerEl.addEventListener('click', event => {
-                        event.preventDefault();
-                        tabTrigger.show();
-                    });
-                    triggerEl.setAttribute('tab-listener', 'true'); // Prevents multiple insertion of the listener
-                }
-            });
-        });
-    }
-    ngOnDestroy() {
-        var _a;
-        (_a = this.tabSubscriptions) === null || _a === void 0 ? void 0 : _a.forEach(sub => sub.unsubscribe());
-    }
-}
-TabContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabContainerComponent, selector: "it-tab-container", inputs: { auto: "auto", iconText: "iconText", dark: "dark" }, queries: [{ propertyName: "tabs", predicate: TabItemComponent }], viewQueries: [{ propertyName: "tabNavLinks", predicate: ["tabNavLinks"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul class=\"nav nav-tabs\"\n    [class.auto]=\"isTrueBooleanInput(auto)\"\n    [class.nav-tabs-icon-text]=\"isTrueBooleanInput(iconText)\"\n    [class.nav-dark]=\"isTrueBooleanInput(dark)\"\n    role=\"tablist\">\n\n  <li class=\"nav-item\" *ngFor=\"let tab of tabs\">\n    <a #tabNavLinks [id]=\"tab.id+'-tab-link'\"\n       role=\"tab\"\n       class=\"nav-link\"\n       [class.active]=\"isTrueBooleanInput(tab.active)\"\n       [class.disabled]=\"isTrueBooleanInput(tab.disabled)\"\n       [attr.href]=\"'#'+tab.id+'-tab'\"\n       [attr.aria-controls]=\"tab.id+'-tab'\">\n      <it-icon *ngIf=\"tab.icon\" [name]=\"tab.icon\" class=\"me-2\"></it-icon>\n      {{tab.label}}\n    </a>\n  </li>\n</ul>\n\n<div class=\"tab-content\">\n  <div *ngFor=\"let tab of tabs\"\n       [id]=\"tab.id+'-tab'\"\n       class=\"tab-pane p-4 fade {{tab.class ?? ''}}\"\n       [class.active]=\"isTrueBooleanInput(tab.active)\"\n       [class.show]=\"isTrueBooleanInput(tab.active)\"\n       role=\"tabpanel\"\n       [attr.aria-labelledby]=\"tab.id+'-tab-link'\">\n    <ng-container *ngTemplateOutlet=\"tab.htmlContent\"></ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-tab-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"nav nav-tabs\"\n    [class.auto]=\"isTrueBooleanInput(auto)\"\n    [class.nav-tabs-icon-text]=\"isTrueBooleanInput(iconText)\"\n    [class.nav-dark]=\"isTrueBooleanInput(dark)\"\n    role=\"tablist\">\n\n  <li class=\"nav-item\" *ngFor=\"let tab of tabs\">\n    <a #tabNavLinks [id]=\"tab.id+'-tab-link'\"\n       role=\"tab\"\n       class=\"nav-link\"\n       [class.active]=\"isTrueBooleanInput(tab.active)\"\n       [class.disabled]=\"isTrueBooleanInput(tab.disabled)\"\n       [attr.href]=\"'#'+tab.id+'-tab'\"\n       [attr.aria-controls]=\"tab.id+'-tab'\">\n      <it-icon *ngIf=\"tab.icon\" [name]=\"tab.icon\" class=\"me-2\"></it-icon>\n      {{tab.label}}\n    </a>\n  </li>\n</ul>\n\n<div class=\"tab-content\">\n  <div *ngFor=\"let tab of tabs\"\n       [id]=\"tab.id+'-tab'\"\n       class=\"tab-pane p-4 fade {{tab.class ?? ''}}\"\n       [class.active]=\"isTrueBooleanInput(tab.active)\"\n       [class.show]=\"isTrueBooleanInput(tab.active)\"\n       role=\"tabpanel\"\n       [attr.aria-labelledby]=\"tab.id+'-tab-link'\">\n    <ng-container *ngTemplateOutlet=\"tab.htmlContent\"></ng-container>\n  </div>\n</div>\n" }]
-        }], propDecorators: { auto: [{
-                type: Input
-            }], iconText: [{
-                type: Input
-            }], dark: [{
-                type: Input
-            }], tabs: [{
-                type: ContentChildren,
-                args: [TabItemComponent]
-            }], tabNavLinks: [{
-                type: ViewChildren,
-                args: ['tabNavLinks']
-            }] } });
-
-class TableComponent {
-    constructor() {
-        /**
-         * Responsive tables allow you to scroll tables horizontally with ease.
-         * @default responsive
-         */
-        this.responsive = 'responsive';
-    }
-    get isStriped() {
-        return isTrueBooleanInput(this.striped);
-    }
-    get isHover() {
-        return isTrueBooleanInput(this.hover);
-    }
-    get isBordered() {
-        return isTrueBooleanInput(this.bordered);
-    }
-    get isBorderless() {
-        return isTrueBooleanInput(this.borderless);
-    }
-    get isCompact() {
-        return isTrueBooleanInput(this.compact);
-    }
-    get isCaptionTop() {
-        return isTrueBooleanInput(this.captionTop);
-    }
-}
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TableComponent, selector: "it-table", inputs: { color: "color", headColor: "headColor", alignment: "alignment", striped: "striped", hover: "hover", bordered: "bordered", borderless: "borderless", compact: "compact", captionTop: "captionTop", responsive: "responsive" }, ngImport: i0, template: "<div [class]=\"responsive ? 'table-' + responsive : undefined\">\n  <table class=\"table{{color ? ' table-' + color : '' }}\"\n         [class.table-striped]=\"isStriped\"\n         [class.table-hover]=\"isHover\"\n         [class.table-bordered]=\"isBordered\"\n         [class.table-borderless]=\"isBorderless\"\n         [class.table-sm]=\"isCompact\"\n         [class.caption-top]=\"isCaptionTop\">\n    <caption>\n      <ng-content select=\"[caption]\"></ng-content>\n    </caption>\n    <thead [class]=\"headColor ? 'table-' + headColor : undefined\">\n    <ng-content select=\"[thead]\"></ng-content>\n    </thead>\n    <tbody>\n    <ng-content select=\"[tbody]\"></ng-content>\n    </tbody>\n    <tfoot>\n    <ng-content select=\"[tfoot]\"></ng-content>\n    </tfoot>\n  </table>\n</div>\n", styles: ["caption:empty{display:none}caption:empty~thead{border-top:none!important}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-table', template: "<div [class]=\"responsive ? 'table-' + responsive : undefined\">\n  <table class=\"table{{color ? ' table-' + color : '' }}\"\n         [class.table-striped]=\"isStriped\"\n         [class.table-hover]=\"isHover\"\n         [class.table-bordered]=\"isBordered\"\n         [class.table-borderless]=\"isBorderless\"\n         [class.table-sm]=\"isCompact\"\n         [class.caption-top]=\"isCaptionTop\">\n    <caption>\n      <ng-content select=\"[caption]\"></ng-content>\n    </caption>\n    <thead [class]=\"headColor ? 'table-' + headColor : undefined\">\n    <ng-content select=\"[thead]\"></ng-content>\n    </thead>\n    <tbody>\n    <ng-content select=\"[tbody]\"></ng-content>\n    </tbody>\n    <tfoot>\n    <ng-content select=\"[tfoot]\"></ng-content>\n    </tfoot>\n  </table>\n</div>\n", styles: ["caption:empty{display:none}caption:empty~thead{border-top:none!important}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], headColor: [{
-                type: Input
-            }], alignment: [{
-                type: Input
-            }], striped: [{
-                type: Input
-            }], hover: [{
-                type: Input
-            }], bordered: [{
-                type: Input
-            }], borderless: [{
-                type: Input
-            }], compact: [{
-                type: Input
-            }], captionTop: [{
-                type: Input
-            }], responsive: [{
-                type: Input
-            }] } });
-
-class TooltipDirective {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        /**
-         * This event fires immediately when the show method is called.
-         */
-        this.onShow = new EventEmitter();
-        /**
-         * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
-         */
-        this.onShown = new EventEmitter();
-        /**
-         * This event fires immediately when the hide method is called.
-         */
-        this.onHide = new EventEmitter();
-        /**
-         * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
-         */
-        this.onHidden = new EventEmitter();
-        /**
-         * This event fires after the show event when the tooltip template has been added to the DOM.
-         */
-        this.onInserted = new EventEmitter();
-        this.element = this._elementRef.nativeElement;
-    }
-    /**
-     * Define the tooltip title
-     * @param title the tooltip title
-     */
-    set title(title) {
-        if (title) {
-            // this.element.setAttribute("title", title);
-            this.element.setAttribute('data-bs-original-title', title);
-        }
-    }
-    /**
-     * Define the tooltip placement
-     * @param placement
-     */
-    set placement(placement) {
-        this.element.setAttribute('data-bs-placement', placement);
-    }
-    /**
-     * Indicates whether the title contains html
-     * @param html true if contain html
-     */
-    set html(html) {
-        this.element.setAttribute('data-bs-html', isTrueBooleanInput(html) ? 'true' : 'false');
-    }
-    ngAfterViewInit() {
-        this.element.setAttribute('data-bs-toggle', 'tooltip');
-        this.tooltip = Tooltip.getOrCreateInstance(this.element);
-        this.element.addEventListener('show.bs.tooltip', event => this.onShow.emit(event));
-        this.element.addEventListener('shown.bs.tooltip', event => this.onShown.emit(event));
-        this.element.addEventListener('hide.bs.tooltip', event => this.onHide.emit(event));
-        this.element.addEventListener('hidden.bs.tooltip', event => this.onHidden.emit(event));
-        this.element.addEventListener('inserted.bs.tooltip', event => this.onInserted.emit(event));
-    }
-    ngOnDestroy() {
-        this.dispose();
-    }
-    /**
-     * Shows the tooltip of an item.
-     */
-    show() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /**
-     * Hide the tooltip of an element.
-     */
-    hide() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Activate / Deactivate the tooltip of an element
-     */
-    toggle() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.toggle();
-    }
-    /**
-     * Hides and destroys the tooltip of an element.
-     */
-    dispose() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-    /**
-     * Gives the tooltip of an element a chance to be shown.
-     */
-    enable() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.enable();
-    }
-    /**
-     * Removes the ability to show the tooltip of an element.
-     */
-    disable() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.disable();
-    }
-    /**
-     * Toggles the possibility that the tooltip of an element is shown or hidden.
-     */
-    toggleEnabled() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.disable();
-    }
-    /**
-     * Updates the position of an element's tooltip.
-     */
-    update() {
-        var _a;
-        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.disable();
-    }
-}
-TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: TooltipDirective, selector: "[itTooltip]", inputs: { title: ["itTooltip", "title"], placement: ["tooltipPlacement", "placement"], html: ["tooltipHtml", "html"] }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden", onInserted: "onInserted" }, exportAs: ["itTooltip"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[itTooltip]',
-                    exportAs: 'itTooltip'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { title: [{
-                type: Input,
-                args: ['itTooltip']
-            }], placement: [{
-                type: Input,
-                args: ['tooltipPlacement']
-            }], html: [{
-                type: Input,
-                args: ['tooltipHtml']
-            }], onShow: [{
-                type: Output
-            }], onShown: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], onHidden: [{
-                type: Output
-            }], onInserted: [{
-                type: Output
-            }] } });
-
-class CheckboxComponent extends AbstractFormComponent {
-    get isIndeterminate() {
-        return isTrueBooleanInput(this.indeterminate);
-    }
-    get isGroup() {
-        return isTrueBooleanInput(this.group);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        if (this.control.value || this.checked === undefined) {
-            return;
-        }
-        const value = isTrueBooleanInput(this.checked);
-        this.writeValue(value);
-        return this.onChange(value);
-    }
-}
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CheckboxComponent, selector: "it-checkbox[id]", inputs: { toggle: "toggle", inline: "inline", group: "group", checked: "checked", indeterminate: "indeterminate" }, usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <div class=\"form-check\"\n       [class.form-check-group]=\"isGroup\"\n       [class.form-check-inline]=\"inline\">\n\n    <div *ngIf=\"toggle; else defaultStyle\" class=\"toggles\">\n      <label [for]=\"id\">\n        <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n        <input [id]=\"id\"\n               type=\"checkbox\"\n               [formControl]=\"control\"\n               [attr.aria-describedby]=\"id + '-help'\">\n        <span class=\"lever\"></span>\n      </label>\n    </div>\n\n    <ng-template #defaultStyle>\n      <input [id]=\"id\"\n             type=\"checkbox\"\n             class=\"form-check-input\"\n             [class.is-invalid]=\"isInvalid\"\n             [class.is-valid]=\"isValid\"\n             [class.semi-checked]=\"isIndeterminate\"\n             [formControl]=\"control\"\n             [attr.aria-describedby]=\"id + '-help'\">\n      <label class=\"form-check-label\" [for]=\"id\">\n        <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n      </label>\n    </ng-template>\n\n    <small *ngIf=\"isGroup\" [id]=\"id + '-help'\" class=\"form-text\">\n      <ng-content></ng-content>\n    </small>\n\n    <div *ngIf=\"isInvalid && isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n      <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n    </div>\n  </div>\n\n  <div *ngIf=\"isInvalid && !isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n</ng-template>\n\n<ng-template #htmlLabel>\n  <div #customLabel>\n    <ng-content select=\"[label]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"!customLabel.hasChildNodes()\">{{label}}</ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CheckboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-checkbox[id]', template: "<ng-container>\n  <div class=\"form-check\"\n       [class.form-check-group]=\"isGroup\"\n       [class.form-check-inline]=\"inline\">\n\n    <div *ngIf=\"toggle; else defaultStyle\" class=\"toggles\">\n      <label [for]=\"id\">\n        <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n        <input [id]=\"id\"\n               type=\"checkbox\"\n               [formControl]=\"control\"\n               [attr.aria-describedby]=\"id + '-help'\">\n        <span class=\"lever\"></span>\n      </label>\n    </div>\n\n    <ng-template #defaultStyle>\n      <input [id]=\"id\"\n             type=\"checkbox\"\n             class=\"form-check-input\"\n             [class.is-invalid]=\"isInvalid\"\n             [class.is-valid]=\"isValid\"\n             [class.semi-checked]=\"isIndeterminate\"\n             [formControl]=\"control\"\n             [attr.aria-describedby]=\"id + '-help'\">\n      <label class=\"form-check-label\" [for]=\"id\">\n        <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n      </label>\n    </ng-template>\n\n    <small *ngIf=\"isGroup\" [id]=\"id + '-help'\" class=\"form-text\">\n      <ng-content></ng-content>\n    </small>\n\n    <div *ngIf=\"isInvalid && isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n      <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n    </div>\n  </div>\n\n  <div *ngIf=\"isInvalid && !isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n</ng-template>\n\n<ng-template #htmlLabel>\n  <div #customLabel>\n    <ng-content select=\"[label]\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"!customLabel.hasChildNodes()\">{{label}}</ng-container>\n</ng-template>\n" }]
-        }], propDecorators: { toggle: [{
-                type: Input
-            }], inline: [{
-                type: Input
-            }], group: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], indeterminate: [{
-                type: Input
-            }] } });
-
-/**
- * General Email Regex (RFC 5322 Official Standard)
- * http://emailregex.com/
- */
-const EMAIL_REGEX = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
-/**
- * Phone number Regex
- */
-const PHONE_NUMBER_REGEX = /^\s*(?:\+?(\d{1,3}))?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{3})(?: *x(\d+))?\s*$/;
-/**
- * URL Regex
- */
-const URL_REGEX = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/;
-/**
- * The italian tax code Regex (Codice Fiscale)
- */
-const ITALIAN_TAX_CODE_REGEX = /^[A-Za-z]{6}[0-9]{2}[A-Za-z]{1}[0-9]{2}[A-Za-z]{1}[0-9]{3}[A-Za-z]{1}$/i;
-/**
- * The VAT number Regex (Partita iva)
- */
-const VAT_NUMBER_REGEX = /^[0-9]{11}$/;
-/**
- * Italian CAP Regex
- */
-const CAP_REGEX = /^[0-9]{5}$/;
-
-class ItValidators {
-    /**
-     * Static pattern validator with custom error
-     * @param regex
-     * @param error
-     */
-    static customPattern(regex, error) {
-        return (control) => {
-            if (!control.value) {
-                // if control is empty return no error
-                return null;
-            }
-            // test the value of the control against the regexp supplied
-            const valid = regex.test(control.value);
-            // if true, return no error (no error), else return error passed in the second parameter
-            return valid ? null : error;
-        };
-    }
-    /**
-     * Set Validator if the condition is satisfied
-     * @param validator the validator to apply if the condition is true
-     * @param condition the condition
-     */
-    static conditional(validator, condition) {
-        return formControl => {
-            if (!formControl.parent) {
-                return null;
-            }
-            if (condition(formControl)) {
-                return validator(formControl);
-            }
-            return null;
-        };
-    }
-    /**
-     * Check whether our password and confirm password are a match
-     * @param control
-     */
-    static passwordMatch(control) {
-        var _a;
-        const confirmControl = control.get('passwordConfirm'); //confirmPassword form control
-        if (!confirmControl) {
-            return null;
-        }
-        const password = (_a = control.get('password')) === null || _a === void 0 ? void 0 : _a.value; // get password from our password form control
-        // compare is the password match
-        if ((password && !confirmControl.value) || (confirmControl.value && password !== confirmControl.value)) {
-            // if they don't match, set an error in our confirmPassword form control
-            confirmControl === null || confirmControl === void 0 ? void 0 : confirmControl.setErrors({ noPasswordMatch: true });
-            confirmControl === null || confirmControl === void 0 ? void 0 : confirmControl.markAsTouched();
-            return control;
-        }
-        if (password) {
-            confirmControl === null || confirmControl === void 0 ? void 0 : confirmControl.markAsTouched();
-        }
-        return null;
-    }
-    /**
-     * Password validator
-     * @param minLength minimum password length - default 10
-     * @param hasNumber check whether the entered password has a number - default true
-     * @param hasCapitalCase check whether the entered password has upper case letter - default true
-     * @param hasSmallCase check whether the entered password has a lower-case letter - default true
-     * @param hasSpecialCharacters check whether the entered password has a special character - default true
-     */
-    static password(minLength = 10, hasNumber = true, hasCapitalCase = true, hasSmallCase = true, hasSpecialCharacters = true) {
-        return Validators.compose([
-            Validators.required,
-            ItValidators.customPattern(/\d/, { hasNumber: hasNumber }),
-            ItValidators.customPattern(/[A-Z]/, { hasCapitalCase: hasCapitalCase }),
-            ItValidators.customPattern(/[a-z]/, { hasSmallCase: hasSmallCase }),
-            ItValidators.customPattern(new RegExp(`[${ItValidators.SpecialCharacterPattern}]`), { hasSpecialCharacters: hasSpecialCharacters }),
-            Validators.minLength(minLength)
-        ]);
-    }
-    /**
-     * Email validator
-     */
-    static get email() {
-        return Validators.compose([
-            Validators.email,
-            ItValidators.customPattern(EMAIL_REGEX, { invalidEmail: true })
-        ]);
-    }
-    /**
-     * Phone number validator
-     */
-    static get tel() {
-        return ItValidators.customPattern(PHONE_NUMBER_REGEX, { invalidTel: true });
-    }
-    /**
-     * URL validator
-     */
-    static get url() {
-        return ItValidators.customPattern(URL_REGEX, { invalidUrl: true });
-    }
-    /**
-     * Italian Tax Code validator
-     */
-    static get taxCode() {
-        return ItValidators.customPattern(ITALIAN_TAX_CODE_REGEX, { invalidTaxCode: true });
-    }
-    /**
-     * VAT Number validator
-     */
-    static get vatNumber() {
-        return ItValidators.customPattern(VAT_NUMBER_REGEX, { invalidVatNumber: true });
-    }
-    /**
-     * Italian Postal Code validator (CAP)
-     */
-    static get cap() {
-        return ItValidators.customPattern(CAP_REGEX, { invalidCap: true });
-    }
-    /**
-     * Check if value is a valid RegExp
-     */
-    static get regExp() {
-        return (control) => {
-            try {
-                if (control === null || control === void 0 ? void 0 : control.value) {
-                    new RegExp(control.value);
-                }
-            }
-            catch (e) {
-                return { invalidRegex: true };
-            }
-            return null;
-        };
-    }
-}
-ItValidators.SpecialCharacterPattern = '!@#$%&*_+=;:|,.';
-
-class MarkMatchingTextPipe {
-    constructor(domSanitizer) {
-        this.domSanitizer = domSanitizer;
-    }
-    transform(allString, searchString) {
-        if (!searchString) {
-            return allString;
-        }
-        else if (!allString) {
-            return "";
-        }
-        // Check if search string is a substring of pivot string (no case-sensitive)
-        const idxOfMatchString = allString.toLowerCase().indexOf(searchString.toLowerCase());
-        if (idxOfMatchString !== -1) {
-            // retrieve the exactly substring
-            const matchingString = allString.substring(idxOfMatchString, idxOfMatchString + searchString.length);
-            // Replace original string marking as <strong> (bold) the matchinng substring
-            const regEx = new RegExp('(' + matchingString + ')', 'gi');
-            const res = allString.replace(regEx, '<mark>$1</mark>');
-            return this.domSanitizer.bypassSecurityTrustHtml(res);
-        }
-        return allString;
-    }
-}
-MarkMatchingTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MarkMatchingTextPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-MarkMatchingTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: MarkMatchingTextPipe, name: "markMatchingText" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MarkMatchingTextPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'markMatchingText'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
-
-class InputComponent extends AbstractFormComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * The input type
-         * @default text
-         */
-        this.type = 'text';
-        /**
-         * The input placeholder
-         */
-        this.placeholder = '';
-        /**
-         * Time span [ms] has passed without another source emission, to delay data filtering.
-         * Useful when the user is typing multiple letters
-         * @default 300 [ms]
-         */
-        this.autocompleteDebounceTime = 300;
-        /**
-         * Fired when the Autocomplete Item has been selected
-         */
-        this.onAutocompleteSelected = new EventEmitter();
-        this.showAutocompletion = false;
-        /** Observable da cui vengono emessi i risultati dell'auto completamento */
-        this.autocompleteResults$ = new Observable();
-    }
-    get isActiveLabel() {
-        const value = this.control.value;
-        if ((!!value && value !== 0) || value === 0 || !!this.placeholder) {
-            return true;
-        }
-        if (this.type === 'number' && (isTrueBooleanInput(this.currency) || isTrueBooleanInput(this.percentage))) {
-            return true;
-        }
-        return this.type === 'date' || this.type === 'time' || this.type === 'color';
-    }
-    /**
-     * Check is readonly field
-     */
-    get isReadonly() {
-        return this.readonly === 'plaintext' || isTrueBooleanInput(this.readonly);
-    }
-    /**
-     * Return the invalid message string from TranslateService
-     */
-    get invalidMessage() {
-        if (this.hasError('min') && this.min) {
-            return this._translateService.get('it.errors.min-invalid', {
-                min: this.min
-            });
-        }
-        if (this.hasError('max') && this.max) {
-            return this._translateService.get('it.errors.max-invalid', {
-                max: this.max
-            });
-        }
-        if (this.hasError('minlength')) {
-            const error = this.getError('minlength');
-            return this._translateService.get('it.errors.min-length-invalid', { min: error.requiredLength });
-        }
-        if (this.hasError('maxlength')) {
-            const error = this.getError('maxlength');
-            return this._translateService.get('it.errors.max-length-invalid', { max: error.requiredLength });
-        }
-        if (this.hasError('email') || this.hasError('invalidEmail')) {
-            return this._translateService.get('it.errors.email-invalid');
-        }
-        if (this.hasError('invalidTel')) {
-            return this._translateService.get('it.errors.tel-invalid');
-        }
-        if (this.hasError('invalidUrl')) {
-            return this._translateService.get('it.errors.url-invalid');
-        }
-        if (this.hasError('invalidTaxCode')) {
-            return this._translateService.get('it.errors.tax-code-invalid');
-        }
-        if (this.hasError('invalidVatNumber')) {
-            return this._translateService.get('it.errors.vat-number-invalid');
-        }
-        if (this.hasError('invalidCap')) {
-            return this._translateService.get('it.errors.cap-invalid');
-        }
-        if (this.hasError('invalidRegex')) {
-            return this._translateService.get('it.errors.regex-invalid');
-        }
-        if (this.hasError('pattern')) {
-            const error = this.getError('pattern');
-            return this._translateService.get('it.errors.pattern-invalid', { pattern: error.requiredPattern });
-        }
-        return super.invalidMessage;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        const validators = [];
-        switch (this.type) {
-            case 'number':
-                if (isTrueBooleanInput(this.percentage)) {
-                    this.min = this.min || 0;
-                    this.max = this.max || 100;
-                }
-                // Dynamic min/max validators
-                validators.push((control) => this.min ? Validators.min(this.min)(control) : null);
-                validators.push((control) => this.max ? Validators.max(this.max)(control) : null);
-                break;
-            case 'email':
-                validators.push(ItValidators.email);
-                break;
-            case 'tel':
-                validators.push(ItValidators.tel);
-                break;
-            case 'url':
-                validators.push(ItValidators.url);
-                break;
-        }
-        this.addValidators(validators);
-        this.autocompleteResults$ = this.getAutocompleteResults$();
-    }
-    /**
-     * Increment or decrease the input number value of step
-     * @param decrease true to decrease value
-     */
-    incrementNumber(decrease = false) {
-        var _a;
-        if (this.type !== 'number') {
-            return;
-        }
-        const step = (this.step === 'any' ? 1 : ((_a = this.step) !== null && _a !== void 0 ? _a : 1));
-        let value = Number(this.control.value);
-        value = (isNaN(value) ? 0 : value) + (decrease ? -step : step);
-        value = Math.round(value * 1e12) / 1e12; // prevent js decimal error
-        if (this.min !== undefined && value < this.min) {
-            value = this.min;
-        }
-        else if (this.max !== undefined && value > this.max) {
-            value = this.max;
-        }
-        this.control.setValue(value);
-    }
-    /**
-     * Create the autocomplete list
-     */
-    getAutocompleteResults$() {
-        if (this.type !== 'search') {
-            return of({ searchedValue: '', relatedEntries: [] });
-        }
-        return this.control.valueChanges.pipe(debounceTime(this.autocompleteDebounceTime), // Delay filter data after time span has passed without another source emission, useful when the user is typing multiple letters
-        distinctUntilChanged(), // Only if searchValue is distinct in comparison to the last value
-        switchMap(searchedValue => {
-            if (!this.autocompleteData) {
-                return of({ searchedValue, relatedEntries: [] });
-            }
-            const autoCompleteData$ = Array.isArray(this.autocompleteData) ? of(this.autocompleteData) : this.autocompleteData(searchedValue);
-            return autoCompleteData$.pipe(map(autocompleteData => {
-                if (!searchedValue) {
-                    return { searchedValue, relatedEntries: [] };
-                }
-                const lowercaseValue = searchedValue.toLowerCase();
-                const relatedEntries = autocompleteData.filter(item => { var _a; return (_a = item.value) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(lowercaseValue); });
-                return { searchedValue, relatedEntries };
-            }));
-        }));
-    }
-    onEntryClick(entry, event) {
-        // Se non è stato definito un link associato all'elemento dell'autocomplete, probabilmente il desiderata
-        // non è effettuare la navigazione al default '#', pertanto in tal caso meglio annullare la navigazione.
-        if (!entry.link) {
-            event.preventDefault();
-        }
-        this.onAutocompleteSelected.next(entry);
-        this.control.setValue(entry.value);
-        this.showAutocompletion = false;
-    }
-    autocompleteItemTrackByValueFn(index, item) {
-        return item.value;
-    }
-    onKeyDown() {
-        this.showAutocompletion = this.type === 'search';
-    }
-}
-InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: InputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: InputComponent, selector: "it-input[id]", inputs: { type: "type", placeholder: "placeholder", description: "description", readonly: "readonly", max: "max", min: "min", step: "step", currency: "currency", percentage: "percentage", adaptive: "adaptive", autocompleteData: "autocompleteData", autocompleteDebounceTime: "autocompleteDebounceTime" }, outputs: { onAutocompleteSelected: "onAutocompleteSelected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <div class=\"input-group\">\n    <div class=\"input-group-prepend\" [class.d-none]=\"!prependText.hasChildNodes() && !prepend.hasChildNodes()\">\n      <div #prepend>\n        <ng-content select=\"[prepend]\"></ng-content>\n      </div>\n      <div class=\"input-group-text\" #prependText>\n        <ng-content select=\"[prependText]\"></ng-content>\n      </div>\n    </div>\n\n    <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"isActiveLabel\"\n           [class.empty-prepend-label]=\"!prependText.hasChildNodes() && !prepend.hasChildNodes()\">\n      {{label}}\n    </label>\n\n    <span *ngIf=\"type === 'number'\"\n          class=\"input-number\"\n          [class.input-number-currency]=\"currency\"\n          [class.input-number-percentage]=\"percentage\"\n          [class.input-number-adaptive]=\"adaptive\">\n\n      <input type=\"number\"\n             [id]=\"id\"\n             [step]=\"step ?? null\"\n             [class.is-invalid]=\"isInvalid\"\n             [class.is-valid]=\"isValid\"\n             [formControl]=\"control\"\n             [placeholder]=\"placeholder\"\n             [readonly]=\"isReadonly\"\n             [attr.aria-describedby]=\"id + '-description'\"\n             (blur)=\"markAsTouched()\" />\n\n      <button type=\"button\" class=\"input-number-add\" (click)=\"incrementNumber()\">\n        <span class=\"visually-hidden\">{{'it.form.increase-value'}}</span>\n      </button>\n      <button type=\"button\" class=\"input-number-sub\" (click)=\"incrementNumber(true)\">\n        <span class=\"visually-hidden\">{{'it.form.decrease-value'}}</span>\n      </button>\n    </span>\n\n    <input *ngIf=\"type !== 'number'\"\n           [id]=\"id\"\n           [type]=\"type\"\n           [class.form-control]=\"readonly !== 'plaintext'\"\n           [class.form-control-plaintext]=\"readonly === 'plaintext'\"\n           [class.is-invalid]=\"isInvalid\"\n           [class.is-valid]=\"isValid\"\n           [formControl]=\"control\"\n           [placeholder]=\"placeholder\"\n           [readonly]=\"isReadonly\"\n           (keydown)=\"onKeyDown()\"\n           [attr.aria-describedby]=\"id + '-description'\"\n           (blur)=\"markAsTouched()\">\n\n    <div class=\"input-group-append\">\n      <ng-content select=\"[append]\"></ng-content>\n\n      <div class=\"input-group-text\">\n        <ng-content select=\"[appendText]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n\n  <!-- INIZIO gestione AUTOCOMPLETAMENTO -->\n  <ng-container *ngIf=\"type === 'search'\">\n    <!-- Icona lente per autocompletamento -->\n    <span class=\"autocomplete-icon\" aria-hidden=\"true\">\n      <it-icon name=\"search\" size=\"sm\"></it-icon>\n    </span>\n\n    <ng-container *ngIf=\"autocompleteResults$ | async as autocomplete\">\n      <!-- Lista di autocompletamento -->\n      <ul class=\"autocomplete-list\" [class.autocomplete-list-show]=\"autocomplete.relatedEntries?.length && showAutocompletion\">\n        <li *ngFor=\"let entry of autocomplete.relatedEntries; trackBy: autocompleteItemTrackByValueFn\"\n            (click)=\"onEntryClick(entry, $event)\">\n          <a [href]=\"entry.link\">\n            <ng-container *ngTemplateOutlet=\"autocompleteItemTemplate\"></ng-container>\n          </a>\n          <ng-template #autocompleteItemTemplate>\n            <div class=\"avatar size-sm\" *ngIf=\"entry.avatarSrcPath\">\n              <img [src]=\"entry.avatarSrcPath\" [alt]=\"entry.avatarAltText\">\n            </div>\n            <it-icon *ngIf=\"entry.icon\" [name]=\"entry.icon\" size=\"sm\"></it-icon>\n            <span class=\"autocomplete-list-text\">\n            <span [innerHTML]=\"entry.value | markMatchingText: autocomplete.searchedValue\"></span>\n            <em *ngIf=\"entry.label\">{{entry.label}}</em>\n          </span>\n          </ng-template>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n  <!-- FINE gestione AUTOCOMPLETAMENTO -->\n\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError>\n      <ng-content select=\"[error]\"></ng-content>\n    </div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: [".form-group label{z-index:1000}.form-group input:focus:not(.focus--mouse){box-shadow:inherit!important;border-color:inherit!important}.form-group .input-number button.input-number-add{top:0}.form-group .input-number button.input-number-sub{bottom:0}.form-group .input-group-text:empty{display:none}.form-group label.empty-prepend-label{left:auto!important;max-width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: MarkMatchingTextPipe, name: "markMatchingText" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: InputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-input[id]', template: "<div class=\"form-group\">\n  <div class=\"input-group\">\n    <div class=\"input-group-prepend\" [class.d-none]=\"!prependText.hasChildNodes() && !prepend.hasChildNodes()\">\n      <div #prepend>\n        <ng-content select=\"[prepend]\"></ng-content>\n      </div>\n      <div class=\"input-group-text\" #prependText>\n        <ng-content select=\"[prependText]\"></ng-content>\n      </div>\n    </div>\n\n    <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"isActiveLabel\"\n           [class.empty-prepend-label]=\"!prependText.hasChildNodes() && !prepend.hasChildNodes()\">\n      {{label}}\n    </label>\n\n    <span *ngIf=\"type === 'number'\"\n          class=\"input-number\"\n          [class.input-number-currency]=\"currency\"\n          [class.input-number-percentage]=\"percentage\"\n          [class.input-number-adaptive]=\"adaptive\">\n\n      <input type=\"number\"\n             [id]=\"id\"\n             [step]=\"step ?? null\"\n             [class.is-invalid]=\"isInvalid\"\n             [class.is-valid]=\"isValid\"\n             [formControl]=\"control\"\n             [placeholder]=\"placeholder\"\n             [readonly]=\"isReadonly\"\n             [attr.aria-describedby]=\"id + '-description'\"\n             (blur)=\"markAsTouched()\" />\n\n      <button type=\"button\" class=\"input-number-add\" (click)=\"incrementNumber()\">\n        <span class=\"visually-hidden\">{{'it.form.increase-value'}}</span>\n      </button>\n      <button type=\"button\" class=\"input-number-sub\" (click)=\"incrementNumber(true)\">\n        <span class=\"visually-hidden\">{{'it.form.decrease-value'}}</span>\n      </button>\n    </span>\n\n    <input *ngIf=\"type !== 'number'\"\n           [id]=\"id\"\n           [type]=\"type\"\n           [class.form-control]=\"readonly !== 'plaintext'\"\n           [class.form-control-plaintext]=\"readonly === 'plaintext'\"\n           [class.is-invalid]=\"isInvalid\"\n           [class.is-valid]=\"isValid\"\n           [formControl]=\"control\"\n           [placeholder]=\"placeholder\"\n           [readonly]=\"isReadonly\"\n           (keydown)=\"onKeyDown()\"\n           [attr.aria-describedby]=\"id + '-description'\"\n           (blur)=\"markAsTouched()\">\n\n    <div class=\"input-group-append\">\n      <ng-content select=\"[append]\"></ng-content>\n\n      <div class=\"input-group-text\">\n        <ng-content select=\"[appendText]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n\n  <!-- INIZIO gestione AUTOCOMPLETAMENTO -->\n  <ng-container *ngIf=\"type === 'search'\">\n    <!-- Icona lente per autocompletamento -->\n    <span class=\"autocomplete-icon\" aria-hidden=\"true\">\n      <it-icon name=\"search\" size=\"sm\"></it-icon>\n    </span>\n\n    <ng-container *ngIf=\"autocompleteResults$ | async as autocomplete\">\n      <!-- Lista di autocompletamento -->\n      <ul class=\"autocomplete-list\" [class.autocomplete-list-show]=\"autocomplete.relatedEntries?.length && showAutocompletion\">\n        <li *ngFor=\"let entry of autocomplete.relatedEntries; trackBy: autocompleteItemTrackByValueFn\"\n            (click)=\"onEntryClick(entry, $event)\">\n          <a [href]=\"entry.link\">\n            <ng-container *ngTemplateOutlet=\"autocompleteItemTemplate\"></ng-container>\n          </a>\n          <ng-template #autocompleteItemTemplate>\n            <div class=\"avatar size-sm\" *ngIf=\"entry.avatarSrcPath\">\n              <img [src]=\"entry.avatarSrcPath\" [alt]=\"entry.avatarAltText\">\n            </div>\n            <it-icon *ngIf=\"entry.icon\" [name]=\"entry.icon\" size=\"sm\"></it-icon>\n            <span class=\"autocomplete-list-text\">\n            <span [innerHTML]=\"entry.value | markMatchingText: autocomplete.searchedValue\"></span>\n            <em *ngIf=\"entry.label\">{{entry.label}}</em>\n          </span>\n          </ng-template>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n  <!-- FINE gestione AUTOCOMPLETAMENTO -->\n\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError>\n      <ng-content select=\"[error]\"></ng-content>\n    </div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: [".form-group label{z-index:1000}.form-group input:focus:not(.focus--mouse){box-shadow:inherit!important;border-color:inherit!important}.form-group .input-number button.input-number-add{top:0}.form-group .input-number button.input-number-sub{bottom:0}.form-group .input-group-text:empty{display:none}.form-group label.empty-prepend-label{left:auto!important;max-width:100%!important}\n"] }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], currency: [{
-                type: Input
-            }], percentage: [{
-                type: Input
-            }], adaptive: [{
-                type: Input
-            }], autocompleteData: [{
-                type: Input
-            }], autocompleteDebounceTime: [{
-                type: Input
-            }], onAutocompleteSelected: [{
-                type: Output
-            }] } });
-
-class PasswordInputComponent extends AbstractFormComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * The password minimum length
-         * @default 10
-         */
-        this.minLength = 10;
-        /**
-         * The password must contain at least one number
-         * @default true
-         */
-        this.useNumber = true;
-        /**
-         * The password must contain at least one uppercase character
-         * @default true
-         */
-        this.useCapitalCase = true;
-        /**
-         * The password must contain at least one lowercase character
-         * @default true
-         */
-        this.useSmallCase = true;
-        /**
-         * The password must contain at least one special character
-         * @default true
-         */
-        this.useSpecialCharacters = true;
-        /**
-         * The input placeholder
-         */
-        this.placeholder = '';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.addValidators(ItValidators.password(this.minLength, this.useNumber, this.useCapitalCase, this.useSmallCase, this.useSpecialCharacters));
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        if (this.inputElement) {
-            this.inputPasswordBs = new InputPassword(this.inputElement.nativeElement, Object.assign(Object.assign({}, this.description && { enterPass: this.description }), { showText: this.isStrengthMeter, minimumLength: this.minLength }));
-        }
-    }
-    get isStrengthMeter() {
-        return isTrueBooleanInput(this.showStrengthMeter);
-    }
-    /**
-     * Return the invalid message string from TranslateService
-     */
-    get invalidMessage() {
-        if (this.hasError('noPasswordMatch')) {
-            return this._translateService.get('it.errors.password-no-match');
-        }
-        if (this.hasError('minlength')) {
-            return this._translateService.get('it.errors.password-min-length', {
-                minLength: this.minLength
-            });
-        }
-        if (this.hasError('hasNumber')) {
-            return this._translateService.get('it.errors.password-number');
-        }
-        if (this.hasError('hasCapitalCase')) {
-            return this._translateService.get('it.errors.password-capital-case');
-        }
-        if (this.hasError('hasSmallCase')) {
-            return this._translateService.get('it.errors.password-capital-case');
-        }
-        if (this.hasError('hasSpecialCharacters')) {
-            return this._translateService.get('it.errors.password-special-character');
-        }
-        return super.invalidMessage;
-    }
-}
-PasswordInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PasswordInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PasswordInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PasswordInputComponent, selector: "it-password-input[id]", inputs: { minLength: "minLength", useNumber: "useNumber", useCapitalCase: "useCapitalCase", useSmallCase: "useSmallCase", useSpecialCharacters: "useSpecialCharacters", placeholder: "placeholder", description: "description", showStrengthMeter: "showStrengthMeter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n\n  <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"!!control.value || !!placeholder\">{{label}}</label>\n\n  <input type=\"password\"\n         [id]=\"id\"\n         class=\"form-control input-password\"\n         [class.input-password-strength-meter]=\"isStrengthMeter\"\n         [class.is-invalid]=\"isInvalid\"\n         [class.is-valid]=\"isValid\"\n         [formControl]=\"control\"\n         [placeholder]=\"placeholder\"\n         [attr.aria-describedby]=\"id + '-description'\" #input>\n\n  <span class=\"password-icon\" aria-hidden=\"true\">\n    <it-icon name=\"password-visible\" size=\"sm\" class=\"password-icon-visible\"></it-icon>\n    <it-icon name=\"password-invisible\" size=\"sm\" class=\"password-icon-invisible d-none\"></it-icon>\n  </span>\n\n  <small *ngIf=\"description && !isStrengthMeter\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError><ng-content select=\"[error]\"></ng-content></div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: [".form-group input:focus:not(.focus--mouse){box-shadow:inherit!important;border-color:inherit!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PasswordInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-password-input[id]', template: "<div class=\"form-group\">\n\n  <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"!!control.value || !!placeholder\">{{label}}</label>\n\n  <input type=\"password\"\n         [id]=\"id\"\n         class=\"form-control input-password\"\n         [class.input-password-strength-meter]=\"isStrengthMeter\"\n         [class.is-invalid]=\"isInvalid\"\n         [class.is-valid]=\"isValid\"\n         [formControl]=\"control\"\n         [placeholder]=\"placeholder\"\n         [attr.aria-describedby]=\"id + '-description'\" #input>\n\n  <span class=\"password-icon\" aria-hidden=\"true\">\n    <it-icon name=\"password-visible\" size=\"sm\" class=\"password-icon-visible\"></it-icon>\n    <it-icon name=\"password-invisible\" size=\"sm\" class=\"password-icon-invisible d-none\"></it-icon>\n  </span>\n\n  <small *ngIf=\"description && !isStrengthMeter\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError><ng-content select=\"[error]\"></ng-content></div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: [".form-group input:focus:not(.focus--mouse){box-shadow:inherit!important;border-color:inherit!important}\n"] }]
-        }], propDecorators: { minLength: [{
-                type: Input
-            }], useNumber: [{
-                type: Input
-            }], useCapitalCase: [{
-                type: Input
-            }], useSmallCase: [{
-                type: Input
-            }], useSpecialCharacters: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], showStrengthMeter: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-
-class RadioButtonComponent extends AbstractFormComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * If show radio inline
-         * @default false
-         */
-        this.inline = false;
-        /**
-         * If is radio group
-         * @default false
-         */
-        this.group = false;
-    }
-    get isInline() {
-        return isTrueBooleanInput(this.inline);
-    }
-    get isGroup() {
-        return isTrueBooleanInput(this.group);
-    }
-    get name() {
-        var _a, _b;
-        return ((_b = (_a = this._ngControl) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toString()) || '';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        if (this.control.value || !this.value || isFalseBooleanInput(this.checked)) {
-            return;
-        }
-        this.writeValue(this.value);
-        return this.onChange(this.value);
-    }
-}
-RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: RadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: RadioButtonComponent, selector: "it-radio-button[id][value]", inputs: { value: "value", inline: "inline", group: "group", checked: "checked" }, usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <div class=\"form-check\"\n       [class.form-check-group]=\"isGroup\"\n       [class.form-check-inline]=\"isInline\">\n\n    <input\n      [id]=\"id\"\n      type=\"radio\"\n      [value]=\"value\"\n      class=\"form-check-input\"\n      [name]=\"name\"\n      [class.is-invalid]=\"isInvalid\"\n      [class.is-valid]=\"isValid\"\n      [formControl]=\"control\"\n      [attr.aria-describedby]=\"id + '-help'\">\n\n    <label class=\"form-check-label\" [for]=\"id\">\n      <div #customLabel>\n        <ng-content select=\"[label]\"></ng-content>\n      </div>\n      <ng-container *ngIf=\"!customLabel.hasChildNodes()\">{{label}}</ng-container>\n    </label>\n\n    <small *ngIf=\"isGroup\" [id]=\"id + '-help'\" class=\"form-text\">\n      <ng-content></ng-content>\n    </small>\n\n    <div *ngIf=\"isInvalid && isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n      <div #customError>\n        <ng-content select=\"[error]\"></ng-content>\n      </div>\n      <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n    </div>\n\n  </div>\n\n  <div *ngIf=\"isInvalid && !isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError>\n      <ng-content select=\"[error]\"></ng-content>\n    </div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: RadioButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-radio-button[id][value]', template: "<ng-container>\n  <div class=\"form-check\"\n       [class.form-check-group]=\"isGroup\"\n       [class.form-check-inline]=\"isInline\">\n\n    <input\n      [id]=\"id\"\n      type=\"radio\"\n      [value]=\"value\"\n      class=\"form-check-input\"\n      [name]=\"name\"\n      [class.is-invalid]=\"isInvalid\"\n      [class.is-valid]=\"isValid\"\n      [formControl]=\"control\"\n      [attr.aria-describedby]=\"id + '-help'\">\n\n    <label class=\"form-check-label\" [for]=\"id\">\n      <div #customLabel>\n        <ng-content select=\"[label]\"></ng-content>\n      </div>\n      <ng-container *ngIf=\"!customLabel.hasChildNodes()\">{{label}}</ng-container>\n    </label>\n\n    <small *ngIf=\"isGroup\" [id]=\"id + '-help'\" class=\"form-text\">\n      <ng-content></ng-content>\n    </small>\n\n    <div *ngIf=\"isInvalid && isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n      <div #customError>\n        <ng-content select=\"[error]\"></ng-content>\n      </div>\n      <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n    </div>\n\n  </div>\n\n  <div *ngIf=\"isInvalid && !isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError>\n      <ng-content select=\"[error]\"></ng-content>\n    </div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</ng-container>\n" }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], inline: [{
-                type: Input
-            }], group: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }] } });
-
-class SelectComponent extends AbstractFormComponent {
-    ngOnInit() {
-        var _a;
-        super.ngOnInit();
-        if (this.control.value) {
-            return;
-        }
-        const selectedOption = this.options.find(this.optionIsSelected);
-        if (selectedOption) {
-            this.writeValue(selectedOption.value);
-            return this.onChange(selectedOption.value);
-        }
-        const selectedGroupOption = (_a = this.groups) === null || _a === void 0 ? void 0 : _a.flatMap(g => g.options).find(this.optionIsSelected);
-        if (selectedGroupOption) {
-            this.writeValue(selectedGroupOption.value);
-            this.onChange(selectedGroupOption.value);
-        }
-    }
-    /**
-     * Check if the option is selected
-     * @param option the option
-     */
-    optionIsSelected(option) {
-        if (option.selected === true) {
-            return true;
-        }
-        if (typeof option.selected === 'function') {
-            return option.selected(this.control.value);
-        }
-        return false;
-    }
-    /**
-     * Check if the option is disabled
-     * @param option the option
-     */
-    optionIsDisabled(option) {
-        if (option.disabled === true) {
-            return true;
-        }
-        if (typeof option.disabled === 'function') {
-            return option.disabled(this.control.value);
-        }
-        return false;
-    }
-}
-SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SelectComponent, selector: "it-select[id][options]", inputs: { options: "options", groups: "groups", description: "description" }, usesInheritance: true, ngImport: i0, template: "<div class=\"select-wrapper\">\n  <label [for]=\"id\">{{label}}</label>\n  <select [id]=\"id\" [formControl]=\"control\" [attr.aria-describedby]=\"id + '-description'\">\n    <option *ngFor=\"let option of options\" [disabled]=\"optionIsDisabled(option)\" [value]=\"option.value\">\n      {{option.text ?? option.value}}\n    </option>\n\n    <ng-container *ngIf=\"groups\">\n      <optgroup *ngFor=\"let group of groups\" [label]=\"group.label\">\n        <option *ngFor=\"let option of group.options\" [disabled]=\"optionIsDisabled(option)\" [value]=\"option.value\">\n          {{option.text ?? option.value}}\n        </option>\n      </optgroup>\n    </ng-container>\n  </select>\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n</div>\n", styles: [".select-wrapper{margin-bottom:1.7rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-select[id][options]', template: "<div class=\"select-wrapper\">\n  <label [for]=\"id\">{{label}}</label>\n  <select [id]=\"id\" [formControl]=\"control\" [attr.aria-describedby]=\"id + '-description'\">\n    <option *ngFor=\"let option of options\" [disabled]=\"optionIsDisabled(option)\" [value]=\"option.value\">\n      {{option.text ?? option.value}}\n    </option>\n\n    <ng-container *ngIf=\"groups\">\n      <optgroup *ngFor=\"let group of groups\" [label]=\"group.label\">\n        <option *ngFor=\"let option of group.options\" [disabled]=\"optionIsDisabled(option)\" [value]=\"option.value\">\n          {{option.text ?? option.value}}\n        </option>\n      </optgroup>\n    </ng-container>\n  </select>\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n</div>\n", styles: [".select-wrapper{margin-bottom:1.7rem}\n"] }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], groups: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }] } });
-
-class TextareaComponent extends AbstractFormComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * Textarea Rows
-         * @default 3
-         */
-        this.rows = 3;
-        /**
-         * The textarea placeholder
-         */
-        this.placeholder = '';
-    }
-    /**
-     * Return the invalid message string from TranslateService
-     */
-    get invalidMessage() {
-        if (this.control.hasError('maxlength')) {
-            const error = this.getError('maxlength');
-            return this._translateService.get('it.errors.max-length-invalid', { max: error.requiredLength });
-        }
-        if (this.control.hasError('pattern')) {
-            const error = this.getError('pattern');
-            return this._translateService.get('it.errors.pattern-invalid', { pattern: error.requiredPattern });
-        }
-        return super.invalidMessage;
-    }
-}
-TextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TextareaComponent, selector: "it-textarea[id]", inputs: { rows: "rows", placeholder: "placeholder", description: "description" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"!!control.value || !!placeholder\">{{label}}</label>\n  <textarea\n    [id]=\"id\"\n    [rows]=\"rows\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.is-valid]=\"isValid\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    (blur)=\"markAsTouched()\"></textarea>\n\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError><ng-content select=\"[error]\"></ng-content></div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: ["textarea.is-invalid{border-color:#cc334d}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TextareaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-textarea[id]', template: "<div class=\"form-group\">\n  <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"!!control.value || !!placeholder\">{{label}}</label>\n  <textarea\n    [id]=\"id\"\n    [rows]=\"rows\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.is-valid]=\"isValid\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    (blur)=\"markAsTouched()\"></textarea>\n\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError><ng-content select=\"[error]\"></ng-content></div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: ["textarea.is-invalid{border-color:#cc334d}\n"] }]
-        }], propDecorators: { rows: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }] } });
-
-class FileUtils {
-    /**
-     * Return the file size string
-     * @param file the file
-     * @param decimals decimal to show
-     */
-    static getFileSizeString(file, decimals = 2) {
-        const bytes = file.size;
-        if (!+bytes) {
-            return '0 Bytes';
-        }
-        const k = 1024;
-        const dm = decimals < 0 ? 0 : decimals;
-        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-    }
-    /**
-     * Convert a file to base64 string
-     * @param file the base64 string
-     */
-    static fileToBase64(file) {
-        const reader = new FileReader();
-        reader.readAsDataURL(file);
-        return new Observable(observer => {
-            reader.onload = (e) => {
-                const target = e.target;
-                if (!target || !target.result || target.result instanceof ArrayBuffer) {
-                    return observer.error('Error on parse');
-                }
-                observer.next(target.result);
-                observer.complete();
-            };
-            reader.onerror = error => {
-                observer.error(error);
-            };
-        });
-    }
-    /**
-     * Convert base64 to Blob
-     * @param base64 the base64 string
-     * @param mimeType the <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME type</a> (example 'application/pdf')
-     */
-    static base64ToBlob(base64, mimeType) {
-        const byteString = window.atob(base64);
-        const arrayBuffer = new ArrayBuffer(byteString.length);
-        const int8Array = new Uint8Array(arrayBuffer);
-        for (let i = 0; i < byteString.length; i++) {
-            int8Array[i] = byteString.charCodeAt(i);
-        }
-        return new Blob([int8Array], { type: mimeType });
-    }
-    /**
-     * Convert base64 to File
-     * @param base64 the base64 string
-     * @param mimeType the <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME type</a> (example 'application/pdf')
-     * @param filename the file name
-     */
-    static base64ToFile(base64, mimeType, filename) {
-        const fileBlob = FileUtils.base64ToBlob(base64, mimeType);
-        return new File([fileBlob], filename, { type: mimeType });
-    }
-    /**
-     * Extract the MIME type from base64 string
-     * @param base64 the base64 string
-     */
-    static getMimeTypeFromBase64(base64) {
-        const mime = base64.match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);
-        return (mime && mime.length) ? mime[1] : undefined;
-    }
-}
-
-class UploadDragDropComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * 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
-         * @example application/pdf,image/png
-         * @default *
-         */
-        this.accept = '*';
-        /**
-         * Fired when file start to upload
-         */
-        this.fileStartUpload = new EventEmitter();
-        this.isDragover = false;
-        this.isLoading = false;
-        this.isSuccess = false;
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        if (this.donutElement) {
-            this.donut = ProgressDonut.getOrCreateInstance(this.donutElement.nativeElement);
-        }
-    }
-    // Dragover listener
-    onDragOver(evt) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        this.isDragover = !this.isLoading;
-    }
-    // Dragleave listener
-    onDragLeave(evt) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        this.isDragover = false;
-    }
-    // Drop leave listener
-    onDrop(evt) {
-        var _a;
-        evt.preventDefault();
-        evt.stopPropagation();
-        this.isDragover = false;
-        const files = (_a = evt.dataTransfer) === null || _a === void 0 ? void 0 : _a.files;
-        if (this.isLoading || !(files === null || files === void 0 ? void 0 : files.length)) {
-            return;
-        }
-        this.start(files[0]);
-    }
-    /**
-     * On load file from input
-     * @param event
-     */
-    onLoadFile(event) {
-        var _a;
-        const files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
-        if (!(files === null || files === void 0 ? void 0 : files.length)) {
-            return;
-        }
-        this.start(files[0]);
-    }
-    /**
-     * Start the upload file
-     * @param file
-     */
-    start(file) {
-        var _a;
-        if (this.accept !== '*' && !this.accept.includes(file.type)) {
-            return;
-        }
-        this.reset();
-        this.isLoading = true;
-        const splitName = file.name.split('.');
-        this.filename = splitName[0];
-        this.extension = (_a = splitName[1]) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-        this.fileSize = FileUtils.getFileSizeString(file);
-        this.fileStartUpload.emit(file);
-    }
-    /**
-     * Percentage of upload
-     * @param value the percentage [0 - 100]
-     */
-    progress(value) {
-        var _a;
-        if (!this.isLoading) {
-            return;
-        }
-        if (value >= 100) {
-            this.success();
-        }
-        else {
-            (_a = this.donut) === null || _a === void 0 ? void 0 : _a.set(((value < 0) ? 0 : value) / 100);
-        }
-    }
-    /**
-     * Upload success
-     */
-    success() {
-        this.isLoading = false;
-        this.isSuccess = true;
-    }
-    /**
-     * Reset file uploader
-     */
-    reset() {
-        var _a;
-        this.isLoading = false;
-        this.isSuccess = false;
-        this.filename = this.extension = this.fileSize = undefined;
-        (_a = this.donut) === null || _a === void 0 ? void 0 : _a.set(0);
-    }
-}
-UploadDragDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadDragDropComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UploadDragDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UploadDragDropComponent, selector: "it-upload-drag-drop[id]", inputs: { accept: "accept" }, outputs: { fileStartUpload: "fileStartUpload" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, viewQueries: [{ propertyName: "donutElement", first: true, predicate: ["donutElement"], descendants: true }], exportAs: ["itUploadDragDrop"], usesInheritance: true, ngImport: i0, template: "<div class=\"upload-dragdrop\" [class.dragover]=\"isDragover\" [class.loading]=\"isLoading\" [class.success]=\"isSuccess\">\n  <div class=\"upload-dragdrop-image\">\n    <img src=\"/bootstrap-italia/dist/assets/upload-drag-drop-icon.svg\" alt=\"drag-drop-icon\" aria-hidden=\"true\">\n    <div class=\"upload-dragdrop-loading\">\n      <div class=\"progress-donut\" #donutElement></div>\n    </div>\n    <div class=\"upload-dragdrop-success\">\n      <it-icon name=\"check\"></it-icon>\n    </div>\n  </div>\n  <div class=\"upload-dragdrop-text\">\n    <p class=\"upload-dragdrop-weight\">\n      <it-icon name=\"file\" size=\"xs\"></it-icon>\n      {{extension}} ({{fileSize}})\n    </p>\n    <h5>{{filename || ('it.form.upload-drag-file'|translate)}}</h5>\n    <p *ngIf=\"isLoading\">{{'it.form.upload-loading'|translate}}</p>\n    <p *ngIf=\"isSuccess\">{{'it.form.upload-complete'|translate}}</p>\n    <p *ngIf=\"!isLoading && !isSuccess\">{{'it.form.upload-or'|translate}}\n      <input type=\"file\" [id]=\"id\" class=\"upload-dragdrop-input\" [accept]=\"accept\" (change)=\"onLoadFile($event)\"/>\n      <label [for]=\"id\">{{'it.form.upload-select-device'|translate}}</label>\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadDragDropComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-upload-drag-drop[id]', exportAs: 'itUploadDragDrop', template: "<div class=\"upload-dragdrop\" [class.dragover]=\"isDragover\" [class.loading]=\"isLoading\" [class.success]=\"isSuccess\">\n  <div class=\"upload-dragdrop-image\">\n    <img src=\"/bootstrap-italia/dist/assets/upload-drag-drop-icon.svg\" alt=\"drag-drop-icon\" aria-hidden=\"true\">\n    <div class=\"upload-dragdrop-loading\">\n      <div class=\"progress-donut\" #donutElement></div>\n    </div>\n    <div class=\"upload-dragdrop-success\">\n      <it-icon name=\"check\"></it-icon>\n    </div>\n  </div>\n  <div class=\"upload-dragdrop-text\">\n    <p class=\"upload-dragdrop-weight\">\n      <it-icon name=\"file\" size=\"xs\"></it-icon>\n      {{extension}} ({{fileSize}})\n    </p>\n    <h5>{{filename || ('it.form.upload-drag-file'|translate)}}</h5>\n    <p *ngIf=\"isLoading\">{{'it.form.upload-loading'|translate}}</p>\n    <p *ngIf=\"isSuccess\">{{'it.form.upload-complete'|translate}}</p>\n    <p *ngIf=\"!isLoading && !isSuccess\">{{'it.form.upload-or'|translate}}\n      <input type=\"file\" [id]=\"id\" class=\"upload-dragdrop-input\" [accept]=\"accept\" (change)=\"onLoadFile($event)\"/>\n      <label [for]=\"id\">{{'it.form.upload-select-device'|translate}}</label>\n    </p>\n  </div>\n</div>\n" }]
-        }], propDecorators: { accept: [{
-                type: Input
-            }], fileStartUpload: [{
-                type: Output
-            }], donutElement: [{
-                type: ViewChild,
-                args: ['donutElement']
-            }], onDragOver: [{
-                type: HostListener,
-                args: ['dragover', ['$event']]
-            }], onDragLeave: [{
-                type: HostListener,
-                args: ['dragleave', ['$event']]
-            }], onDrop: [{
-                type: HostListener,
-                args: ['drop', ['$event']]
-            }] } });
-
-class UploadFileListComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * 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
-         * @example application/pdf,image/png
-         * @default *
-         */
-        this.accept = '*';
-        /**
-         * If upload multiple files
-         */
-        this.multiple = true;
-        /**
-         * Fired when upload new files
-         */
-        this.uploadFiles = new EventEmitter();
-        /**
-         * Fired on delete item button click
-         */
-        this.deleteItem = new EventEmitter();
-        /**
-         * Cache to preview image
-         */
-        this.previewImages = new Map();
-    }
-    ngOnInit() {
-        if (this.isImageList && this.accept === '*') {
-            this.accept = 'image/*';
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['fileList'] && this.isImageList) {
-            const images$ = this.fileList.map(item => FileUtils.fileToBase64(item.file).pipe(take(1), tap(base64 => this.previewImages.set(item.id, base64))));
-            forkJoin(images$).subscribe(() => {
-                this._changeDetectorRef.detectChanges();
-                super.ngOnChanges(changes);
-            });
-        }
-        else {
-            super.ngOnChanges(changes);
-        }
-    }
-    get isMultipleInput() {
-        return isTrueBooleanInput(this.multiple);
-    }
-    get isImageList() {
-        return isTrueBooleanInput(this.images);
-    }
-    get isHideLoadButton() {
-        return isTrueBooleanInput(this.hideLoadButton);
-    }
-    /**
-     * On load file from input
-     * @param event
-     */
-    onLoadFiles(event) {
-        var _a;
-        const files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
-        if (!files || !files.length) {
-            return;
-        }
-        this.uploadFiles.emit(files);
-    }
-    /**
-     * Get the file size string
-     * @param file
-     */
-    getFileSize(file) {
-        return FileUtils.getFileSizeString(file);
-    }
-}
-UploadFileListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadFileListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UploadFileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UploadFileListComponent, selector: "it-upload-file-list[id][fileList]", inputs: { fileList: "fileList", accept: "accept", multiple: "multiple", images: "images", hideLoadButton: "hideLoadButton" }, outputs: { uploadFiles: "uploadFiles", deleteItem: "deleteItem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isHideLoadButton\">\n  <input type=\"file\" [id]=\"id\" class=\"upload\" [accept]=\"accept\" [multiple]=\"isMultipleInput\"\n         (change)=\"onLoadFiles($event)\" />\n  <label [for]=\"id\">\n    <it-icon name=\"upload\" size=\"sm\"></it-icon>\n    <span>{{'it.form.upload'|translate}}</span>\n  </label>\n</ng-container>\n\n<ul class=\"upload-file-list\" [class.upload-file-list-image]=\"isImageList\" *ngIf=\"fileList.length\">\n  <li *ngFor=\"let item of fileList\" class=\"upload-file\"\n      [class.error]=\"item.error\"\n      [class.uploading]=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n      [class.success]=\"!item.error && (!item.progress || item.progress >= 100)\">\n\n    <div class=\"upload-image\" *ngIf=\"isImageList; else icon\">\n      <img [attr.src]=\"previewImages.get(item.id)\" [alt]=\"item.file.name\" />\n    </div>\n    <ng-template #icon>\n      <it-icon name=\"file\" size=\"sm\" [color]=\"!item.error ? (item.progress ? 'secondary' : 'primary') : 'danger'\"></it-icon>\n    </ng-template>\n\n    <p [itTooltip]=\"item.tooltip\">\n      <span class=\"visually-hidden\">{{'it.form.uploaded-file'|translate : { name: item.file.name } }}</span>\n      {{item.file.name}} <span class=\"upload-file-weight\">{{getFileSize(item.file)}}</span>\n    </p>\n\n    <button *ngIf=\"item.removable && (!item.progress || item.progress < 100)\" type=\"button\" (click)=\"deleteItem.emit(item)\">\n      <span class=\"visually-hidden\">{{'it.form.delete-file'|translate : { name: item.file.name } }}</span>\n      <it-icon name=\"close\"></it-icon>\n    </button>\n    <button *ngIf=\"(!item.removable && !item.progress) || (item.progress !== undefined && item.progress >= 100)\" type=\"button\" disabled>\n      <span class=\"visually-hidden\">{{'it.form.upload-complete'|translate}}</span>\n      <it-icon name=\"check\"></it-icon>\n    </button>\n\n    <it-progress-bar *ngIf=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n                      [value]=\"item.progress\"></it-progress-bar>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ProgressBarComponent, selector: "it-progress-bar[value]", inputs: ["value", "showLabel", "indeterminate", "color"] }, { kind: "directive", type: TooltipDirective, selector: "[itTooltip]", inputs: ["itTooltip", "tooltipPlacement", "tooltipHtml"], outputs: ["onShow", "onShown", "onHide", "onHidden", "onInserted"], exportAs: ["itTooltip"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadFileListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-upload-file-list[id][fileList]', template: "<ng-container *ngIf=\"!isHideLoadButton\">\n  <input type=\"file\" [id]=\"id\" class=\"upload\" [accept]=\"accept\" [multiple]=\"isMultipleInput\"\n         (change)=\"onLoadFiles($event)\" />\n  <label [for]=\"id\">\n    <it-icon name=\"upload\" size=\"sm\"></it-icon>\n    <span>{{'it.form.upload'|translate}}</span>\n  </label>\n</ng-container>\n\n<ul class=\"upload-file-list\" [class.upload-file-list-image]=\"isImageList\" *ngIf=\"fileList.length\">\n  <li *ngFor=\"let item of fileList\" class=\"upload-file\"\n      [class.error]=\"item.error\"\n      [class.uploading]=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n      [class.success]=\"!item.error && (!item.progress || item.progress >= 100)\">\n\n    <div class=\"upload-image\" *ngIf=\"isImageList; else icon\">\n      <img [attr.src]=\"previewImages.get(item.id)\" [alt]=\"item.file.name\" />\n    </div>\n    <ng-template #icon>\n      <it-icon name=\"file\" size=\"sm\" [color]=\"!item.error ? (item.progress ? 'secondary' : 'primary') : 'danger'\"></it-icon>\n    </ng-template>\n\n    <p [itTooltip]=\"item.tooltip\">\n      <span class=\"visually-hidden\">{{'it.form.uploaded-file'|translate : { name: item.file.name } }}</span>\n      {{item.file.name}} <span class=\"upload-file-weight\">{{getFileSize(item.file)}}</span>\n    </p>\n\n    <button *ngIf=\"item.removable && (!item.progress || item.progress < 100)\" type=\"button\" (click)=\"deleteItem.emit(item)\">\n      <span class=\"visually-hidden\">{{'it.form.delete-file'|translate : { name: item.file.name } }}</span>\n      <it-icon name=\"close\"></it-icon>\n    </button>\n    <button *ngIf=\"(!item.removable && !item.progress) || (item.progress !== undefined && item.progress >= 100)\" type=\"button\" disabled>\n      <span class=\"visually-hidden\">{{'it.form.upload-complete'|translate}}</span>\n      <it-icon name=\"check\"></it-icon>\n    </button>\n\n    <it-progress-bar *ngIf=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n                      [value]=\"item.progress\"></it-progress-bar>\n  </li>\n</ul>\n" }]
-        }], propDecorators: { fileList: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], images: [{
-                type: Input
-            }], hideLoadButton: [{
-                type: Input
-            }], uploadFiles: [{
-                type: Output
-            }], deleteItem: [{
-                type: Output
-            }] } });
-
-class BackButtonComponent {
-    constructor(_location) {
-        this._location = _location;
-        /**
-         * Back button style
-         * - <b>link</b>: use a link with icon and text
-         * - <b>button</b>: use a button with icon and text
-         * @default button
-         */
-        this.buttonStyle = 'button';
-        /**
-         * Button direction
-         * - <b>left</b>: Back direction
-         * - <b>up</b>: Upper direction
-         * @default left
-         */
-        this.direction = 'left';
-        /**
-         * Show/Hide icon
-         * @default true
-         */
-        this.showIcon = true;
-        /**
-         * Show/Hide text
-         * @default true
-         */
-        this.showText = true;
-    }
-    get isShowIcon() {
-        return isTrueBooleanInput(this.showIcon);
-    }
-    get isShowText() {
-        return isTrueBooleanInput(this.showText);
-    }
-    /**
-     * Go back function
-     */
-    goBack(event) {
-        event.preventDefault();
-        if (this.backFn) {
-            return this.backFn(this._location);
-        }
-        this._location.back();
-    }
-}
-BackButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackButtonComponent, deps: [{ token: i1$1.Location }], target: i0.ɵɵFactoryTarget.Component });
-BackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BackButtonComponent, selector: "it-back-button", inputs: { buttonStyle: "buttonStyle", direction: "direction", showIcon: "showIcon", showText: "showText", backFn: "backFn" }, exportAs: ["itBackButton"], ngImport: i0, template: "<a *ngIf=\"buttonStyle === 'link'\" href=\"#\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<button *ngIf=\"buttonStyle === 'button'\" itButton=\"primary\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<ng-template #content>\n  <it-icon *ngIf=\"isShowIcon\"\n           size=\"sm\"\n           [name]=\"direction === 'left' ? 'arrow-left' : 'arrow-up'\"\n           [color]=\"buttonStyle === 'link' ? 'primary' : 'white'\"\n           [class.me-2]=\"isShowText\"></it-icon>\n\n  <span [class.visually-hidden]=\"!isShowText\">\n    {{(direction === 'left' ? 'it.navigation.go-back' : 'it.navigation.upper-level') | translate}}\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ButtonDirective, selector: "[itButton]", inputs: ["itButton", "size", "block", "disabled"], exportAs: ["itButton"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-back-button', exportAs: 'itBackButton', template: "<a *ngIf=\"buttonStyle === 'link'\" href=\"#\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<button *ngIf=\"buttonStyle === 'button'\" itButton=\"primary\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<ng-template #content>\n  <it-icon *ngIf=\"isShowIcon\"\n           size=\"sm\"\n           [name]=\"direction === 'left' ? 'arrow-left' : 'arrow-up'\"\n           [color]=\"buttonStyle === 'link' ? 'primary' : 'white'\"\n           [class.me-2]=\"isShowText\"></it-icon>\n\n  <span [class.visually-hidden]=\"!isShowText\">\n    {{(direction === 'left' ? 'it.navigation.go-back' : 'it.navigation.upper-level') | translate}}\n  </span>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.Location }]; }, propDecorators: { buttonStyle: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }], showIcon: [{
-                type: Input
-            }], showText: [{
-                type: Input
-            }], backFn: [{
-                type: Input
-            }] } });
-
-class BackToTopComponent extends AbstractComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * The back to top ID
-         * @default 'back-to-top-button'
-         */
-        this.id = 'back-to-top-button';
-    }
-    get isSmall() {
-        return isTrueBooleanInput(this.small);
-    }
-    get isShadow() {
-        return isTrueBooleanInput(this.shadow);
-    }
-    get isDark() {
-        return isTrueBooleanInput(this.dark);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        if (this.backToTopElement) {
-            const element = this.backToTopElement.nativeElement;
-            this.backToTop = BackToTop.getOrCreateInstance(element);
-        }
-    }
-    /**
-     * Show button
-     */
-    show() {
-        var _a;
-        (_a = this.backToTop) === null || _a === void 0 ? void 0 : _a.show();
-    }
-    /**
-     * Hide the button
-     */
-    hide() {
-        var _a;
-        (_a = this.backToTop) === null || _a === void 0 ? void 0 : _a.hide();
-    }
-    /**
-     * Activates the scroll animation towards the Y coordinate indicated by the positionTop option
-     */
-    scrollToTop() {
-        var _a;
-        (_a = this.backToTop) === null || _a === void 0 ? void 0 : _a.scrollToTop();
-    }
-    /**
-     * Eliminate component features
-     */
-    dispose() {
-        var _a;
-        (_a = this.backToTop) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
-BackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackToTopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BackToTopComponent, selector: "it-back-to-top", inputs: { id: "id", small: "small", shadow: "shadow", dark: "dark" }, viewQueries: [{ propertyName: "backToTopElement", first: true, predicate: ["backToTop"], descendants: true }], exportAs: ["itBackToTop"], usesInheritance: true, ngImport: i0, template: "<a #backToTop [id]=\"id\"\n   href=\"#\"\n   aria-hidden=\"true\"\n   class=\"back-to-top\"\n   [class.back-to-top-small]=\"isSmall\"\n   [class.shadow]=\"isShadow\"\n   [class.dark]=\"isDark\">\n\n  <it-icon name=\"arrow-up\" [color]=\"isDark ? 'secondary' : 'light'\"></it-icon>\n</a>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackToTopComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-back-to-top', exportAs: 'itBackToTop', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a #backToTop [id]=\"id\"\n   href=\"#\"\n   aria-hidden=\"true\"\n   class=\"back-to-top\"\n   [class.back-to-top-small]=\"isSmall\"\n   [class.shadow]=\"isShadow\"\n   [class.dark]=\"isDark\">\n\n  <it-icon name=\"arrow-up\" [color]=\"isDark ? 'secondary' : 'light'\"></it-icon>\n</a>\n" }]
-        }], propDecorators: { id: [{
-                type: Input
-            }], small: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], dark: [{
-                type: Input
-            }], backToTopElement: [{
-                type: ViewChild,
-                args: ['backToTop']
-            }] } });
-
-class BreadcrumbItemComponent extends LinkComponent {
-    get isActive() {
-        return isTrueBooleanInput(this.active);
-    }
-}
-BreadcrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BreadcrumbItemComponent, selector: "it-breadcrumb-item", inputs: { active: "active", iconName: "iconName" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-breadcrumb-item', template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { active: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], htmlContent: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
-
-class BreadcrumbComponent {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        /**
-         * The character to use as separator
-         * @default /
-         */
-        this.separator = '/';
-    }
-    get isDark() {
-        return isTrueBooleanInput(this.dark);
-    }
-    ngAfterViewInit() {
-        this._changeDetectorRef.detectChanges();
-    }
-    /**
-     * Check if index is last item
-     * @param index
-     */
-    isLastItem(index) {
-        return !!this.items && index >= (this.items.length - 1);
-    }
-}
-BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BreadcrumbComponent, selector: "it-breadcrumb", inputs: { separator: "separator", dark: "dark" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav class=\"breadcrumb-container\" [attr.aria-label]=\"'it.navigation.navigation-path'|translate\">\n  <ol class=\"breadcrumb\" [class.dark]=\"isDark\" [class.px-3]=\"isDark\">\n    <li *ngFor=\"let item of items; let i = index\"\n        class=\"breadcrumb-item\"\n        [class.active]=\"item.isActive\"\n        [attr.aria-current]=\"item.isActive ? 'page' : null\">\n\n      <it-icon *ngIf=\"item.iconName\"\n                [name]=\"item.iconName\"\n                [color]=\"isDark ? 'white' : 'secondary'\"\n                size=\"sm\"\n                class=\"align-top me-1\"></it-icon>\n\n      <it-link *ngIf=\"!item.isActive && !isLastItem(i); else activeContent\"\n                [href]=\"item.href\" [class]=\"item.class\" [externalLink]=\"item.externalLink\" [disabled]=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </it-link>\n\n      <ng-template #activeContent>\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </ng-template>\n\n      <span *ngIf=\"!isLastItem(i)\" class=\"separator\">{{separator}}</span>\n    </li>\n  </ol>\n</nav>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LinkComponent, selector: "it-link", inputs: ["href", "externalLink", "disabled", "class"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-breadcrumb', template: "<nav class=\"breadcrumb-container\" [attr.aria-label]=\"'it.navigation.navigation-path'|translate\">\n  <ol class=\"breadcrumb\" [class.dark]=\"isDark\" [class.px-3]=\"isDark\">\n    <li *ngFor=\"let item of items; let i = index\"\n        class=\"breadcrumb-item\"\n        [class.active]=\"item.isActive\"\n        [attr.aria-current]=\"item.isActive ? 'page' : null\">\n\n      <it-icon *ngIf=\"item.iconName\"\n                [name]=\"item.iconName\"\n                [color]=\"isDark ? 'white' : 'secondary'\"\n                size=\"sm\"\n                class=\"align-top me-1\"></it-icon>\n\n      <it-link *ngIf=\"!item.isActive && !isLastItem(i); else activeContent\"\n                [href]=\"item.href\" [class]=\"item.class\" [externalLink]=\"item.externalLink\" [disabled]=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </it-link>\n\n      <ng-template #activeContent>\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </ng-template>\n\n      <span *ngIf=\"!isLastItem(i)\" class=\"separator\">{{separator}}</span>\n    </li>\n  </ol>\n</nav>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { separator: [{
-                type: Input
-            }], dark: [{
-                type: Input
-            }], items: [{
-                type: ContentChildren,
-                args: [BreadcrumbItemComponent]
-            }] } });
-
-class HeaderComponent extends AbstractComponent {
-    /**
-     * TODO: complete header
-     * @param _renderer
-     * @param _elementRef
-     * @param _changeDetectorRef
-     */
-    constructor(_renderer, _elementRef, _changeDetectorRef) {
-        super(_renderer, _elementRef, _changeDetectorRef);
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-        this.showSlim = true;
-        this.loginStyle = 'full';
-        this.smallHeader = true;
-        this.showSearch = true;
-        this.loginClick = new EventEmitter();
-        this.searchClick = new EventEmitter();
-    }
-    get isLight() {
-        return isTrueBooleanInput(this.light);
-    }
-    get isShowSlim() {
-        return isTrueBooleanInput(this.showSlim);
-    }
-    get isSmallHeader() {
-        return isTrueBooleanInput(this.smallHeader);
-    }
-    get isShowSearch() {
-        return isTrueBooleanInput(this.showSearch);
-    }
-}
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: HeaderComponent, selector: "it-header", inputs: { light: "light", showSlim: "showSlim", slimTitle: "slimTitle", loginStyle: "loginStyle", smallHeader: "smallHeader", showSearch: "showSearch" }, outputs: { loginClick: "loginClick", searchClick: "searchClick" }, usesInheritance: true, ngImport: i0, template: "<header class=\"it-header-wrapper\">\n  <div *ngIf=\"isShowSlim\" class=\"it-header-slim-wrapper\" [class.theme-light]=\"isLight\">\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <div class=\"it-header-slim-wrapper-content\">\n            <a class=\"d-none d-lg-block navbar-brand\" href=\"#\">{{slimTitle}}</a>\n            <div class=\"nav-mobile\">\n              <nav [attr.aria-label]=\"'it.navigation.secondary-navigation'|translate\">\n                <a class=\"it-opener d-lg-none\" data-bs-toggle=\"collapse\" href=\"#menuC1\" role=\"button\"\n                   aria-expanded=\"false\" aria-controls=\"menuC1\">\n                  <span>{{slimTitle}}</span>\n                  <it-icon name=\"expand\"></it-icon>\n                </a>\n                <div class=\"link-list-wrapper collapse\" id=\"menuC1\">\n                  <ng-content select=\"[slimLinkList]\"></ng-content>\n                </div>\n              </nav>\n            </div>\n            <div class=\"it-header-slim-right-zone\">\n              <!-- TODO: add language dropdown -->\n              <ng-content select=\"[slimRightZone]\"></ng-content>\n              <div *ngIf=\"loginStyle === 'default'\" class=\"it-access-top-wrapper\">\n                <a class=\"btn btn-primary btn-sm\" (click)=\"loginClick.emit($event)\">\n                  {{'it.navigation.login'|translate}}\n                </a>\n              </div>\n            </div>\n            <button *ngIf=\"loginStyle === 'full'\" itButton=\"primary\" class=\"btn-full\" (click)=\"loginClick.emit($event)\">\n              <span class=\"rounded-icon\">\n                <it-icon name=\"user\" color=\"primary\"></it-icon>\n                <span class=\"d-none d-lg-block\">{{'it.navigation.full-login'|translate}}</span>\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"it-nav-wrapper\">\n    <div class=\"it-header-center-wrapper\" [class.it-small-header]=\"isSmallHeader\">\n      <div class=\"container-fluid\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"it-header-center-content-wrapper\">\n              <div class=\"it-brand-wrapper\">\n                <ng-content select=\"[brand]\"></ng-content>\n              </div>\n              <div class=\"it-right-zone\">\n                <ng-content select=\"[rightZone]\"></ng-content>\n\n                <div class=\"it-search-wrapper\" *ngIf=\"isShowSearch\">\n                  <span class=\"d-none d-md-block\">{{'it.navigation.search'|translate}}</span>\n                  <a class=\"search-link rounded-icon\" [attr.aria-label]=\"'it.navigation.website-search'|translate\" (click)=\"searchClick.emit($event)\">\n                    <it-icon name=\"search\"></it-icon>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- TODO: complete header -->\n  </div>\n</header>\n", styles: [".nav-mobile:has(.link-list-wrapper:empty){display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ButtonDirective, selector: "[itButton]", inputs: ["itButton", "size", "block", "disabled"], exportAs: ["itButton"] }, { kind: "component", type: IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-header', template: "<header class=\"it-header-wrapper\">\n  <div *ngIf=\"isShowSlim\" class=\"it-header-slim-wrapper\" [class.theme-light]=\"isLight\">\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <div class=\"it-header-slim-wrapper-content\">\n            <a class=\"d-none d-lg-block navbar-brand\" href=\"#\">{{slimTitle}}</a>\n            <div class=\"nav-mobile\">\n              <nav [attr.aria-label]=\"'it.navigation.secondary-navigation'|translate\">\n                <a class=\"it-opener d-lg-none\" data-bs-toggle=\"collapse\" href=\"#menuC1\" role=\"button\"\n                   aria-expanded=\"false\" aria-controls=\"menuC1\">\n                  <span>{{slimTitle}}</span>\n                  <it-icon name=\"expand\"></it-icon>\n                </a>\n                <div class=\"link-list-wrapper collapse\" id=\"menuC1\">\n                  <ng-content select=\"[slimLinkList]\"></ng-content>\n                </div>\n              </nav>\n            </div>\n            <div class=\"it-header-slim-right-zone\">\n              <!-- TODO: add language dropdown -->\n              <ng-content select=\"[slimRightZone]\"></ng-content>\n              <div *ngIf=\"loginStyle === 'default'\" class=\"it-access-top-wrapper\">\n                <a class=\"btn btn-primary btn-sm\" (click)=\"loginClick.emit($event)\">\n                  {{'it.navigation.login'|translate}}\n                </a>\n              </div>\n            </div>\n            <button *ngIf=\"loginStyle === 'full'\" itButton=\"primary\" class=\"btn-full\" (click)=\"loginClick.emit($event)\">\n              <span class=\"rounded-icon\">\n                <it-icon name=\"user\" color=\"primary\"></it-icon>\n                <span class=\"d-none d-lg-block\">{{'it.navigation.full-login'|translate}}</span>\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"it-nav-wrapper\">\n    <div class=\"it-header-center-wrapper\" [class.it-small-header]=\"isSmallHeader\">\n      <div class=\"container-fluid\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"it-header-center-content-wrapper\">\n              <div class=\"it-brand-wrapper\">\n                <ng-content select=\"[brand]\"></ng-content>\n              </div>\n              <div class=\"it-right-zone\">\n                <ng-content select=\"[rightZone]\"></ng-content>\n\n                <div class=\"it-search-wrapper\" *ngIf=\"isShowSearch\">\n                  <span class=\"d-none d-md-block\">{{'it.navigation.search'|translate}}</span>\n                  <a class=\"search-link rounded-icon\" [attr.aria-label]=\"'it.navigation.website-search'|translate\" (click)=\"searchClick.emit($event)\">\n                    <it-icon name=\"search\"></it-icon>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- TODO: complete header -->\n  </div>\n</header>\n", styles: [".nav-mobile:has(.link-list-wrapper:empty){display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { light: [{
-                type: Input
-            }], showSlim: [{
-                type: Input
-            }], slimTitle: [{
-                type: Input
-            }], loginStyle: [{
-                type: Input
-            }], smallHeader: [{
-                type: Input
-            }], showSearch: [{
-                type: Input
-            }], loginClick: [{
-                type: Output
-            }], searchClick: [{
-                type: Output
-            }] } });
-
-class LanguageSwitcherComponent {
-    constructor(translateService) {
-        this.translateService = translateService;
-        this.currentLang$ = translateService.onLangChange.pipe(map(event => { var _a; return (_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.find(l => l.code === event.lang); }));
-    }
-    ngOnInit() {
-        if (!this.availableLanguages) {
-            this.availableLanguages = this.translateService.getLangs().map(lang => (Object.assign(Object.assign({ code: lang, label: lang }, (lang === 'it' && { label: 'ITA' })), (lang === 'en' && { label: 'ENG' }))));
-        }
-    }
-    /**
-     * Change the current language
-     * @param lang the language code
-     */
-    changeLanguage(lang) {
-        this.translateService.use(lang);
-    }
-}
-LanguageSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LanguageSwitcherComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-LanguageSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: LanguageSwitcherComponent, selector: "it-language-switcher", inputs: { availableLanguages: "availableLanguages" }, ngImport: i0, template: "<it-dropdown id=\"language-switcher\">\n  <ng-container button>\n    <span class=\"visually-hidden\">{{'it.utils.selected' | translate: { lang: (currentLang$ | async)?.label } }}</span>\n    <span>{{(currentLang$ | async)?.label || ('it.utils.select-language' | translate)}}</span>\n  </ng-container>\n\n  <ng-container list>\n    <it-dropdown-item *ngFor=\"let lang of availableLanguages\" (click)=\"changeLanguage(lang.code)\"\n                      [active]=\"lang.code === (currentLang$ | async)?.code\">\n      {{lang.label}}\n      <span class=\"visually-hidden\" *ngIf=\"lang.code === (currentLang$ | async)?.code\">\n        {{'it.utils.selected' | translate}}\n      </span>\n    </it-dropdown-item>\n  </ng-container>\n</it-dropdown>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownComponent, selector: "it-dropdown[id]", inputs: ["color", "direction", "fullWidth", "dark"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["itDropdown"] }, { kind: "component", type: DropdownItemComponent, selector: "it-dropdown-item", inputs: ["divider", "active", "large", "iconName", "iconPosition"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LanguageSwitcherComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-language-switcher', template: "<it-dropdown id=\"language-switcher\">\n  <ng-container button>\n    <span class=\"visually-hidden\">{{'it.utils.selected' | translate: { lang: (currentLang$ | async)?.label } }}</span>\n    <span>{{(currentLang$ | async)?.label || ('it.utils.select-language' | translate)}}</span>\n  </ng-container>\n\n  <ng-container list>\n    <it-dropdown-item *ngFor=\"let lang of availableLanguages\" (click)=\"changeLanguage(lang.code)\"\n                      [active]=\"lang.code === (currentLang$ | async)?.code\">\n      {{lang.label}}\n      <span class=\"visually-hidden\" *ngIf=\"lang.code === (currentLang$ | async)?.code\">\n        {{'it.utils.selected' | translate}}\n      </span>\n    </it-dropdown-item>\n  </ng-container>\n</it-dropdown>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { availableLanguages: [{
-                type: Input
-            }] } });
-
-class NotFoundPageComponent {
-}
-NotFoundPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotFoundPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotFoundPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotFoundPageComponent, selector: "it-not-found-page", ngImport: i0, template: "<div class=\"error-template text-center mt-5\">\n  <h1>404</h1>\n  <h2>{{'it.utils.404.title' | translate}}</h2>\n  <p>{{'it.utils.404.description' | translate}}</p>\n\n  <div class=\"mt-3\">\n    <it-back-button></it-back-button>\n    <a class=\"btn btn-primary ms-3\" href=\"/\" title=\"{{'it.utils.404.go-to-homepage' | translate}}\">\n      {{'it.utils.404.go-to-homepage' | translate}}\n    </a>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: BackButtonComponent, selector: "it-back-button", inputs: ["buttonStyle", "direction", "showIcon", "showText", "backFn"], exportAs: ["itBackButton"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotFoundPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-not-found-page', template: "<div class=\"error-template text-center mt-5\">\n  <h1>404</h1>\n  <h2>{{'it.utils.404.title' | translate}}</h2>\n  <p>{{'it.utils.404.description' | translate}}</p>\n\n  <div class=\"mt-3\">\n    <it-back-button></it-back-button>\n    <a class=\"btn btn-primary ms-3\" href=\"/\" title=\"{{'it.utils.404.go-to-homepage' | translate}}\">\n      {{'it.utils.404.go-to-homepage' | translate}}\n    </a>\n  </div>\n\n</div>\n" }]
-        }] });
-
-class ChipComponent {
-    constructor() {
-        this._label = '';
-        this._showCloseButton = false;
-        this._size = '';
-        this._color = undefined;
-        this._disabled = false;
-        this._icon = undefined;
-        this._avatar = undefined;
-        this._altAvatar = '';
-        /**
-         * Evento emesso al click sul bottone di chiusura
-        */
-        this.close = new EventEmitter();
-        this.iconClose = 'close';
-    }
-    /**
-     * Indica la label
-    */
-    set label(value) { this._label = value; }
-    get label() { return this._label; }
-    /**
-     * Indica se mostrate il pulante di chisura
-    */
-    set showCloseButton(value) { this._showCloseButton = value; }
-    get showCloseButton() { return this._showCloseButton; }
-    /**
-     * Indica il size
-    */
-    set size(value) { this._size = value; }
-    get size() { return this._size; }
-    /**
-     * Indica il colore della chip
-    */
-    set color(value) { this._color = value; }
-    get color() { return this._color; }
-    /**
-     * Indica se la chip è disabilitata
-    */
-    set disabled(value) { this._disabled = value; }
-    get disabled() { return this._disabled; }
-    /**
-     * Indica il nome dell'icona, se valorizzata viene mostrata
-    */
-    set icon(value) { this._icon = value; }
-    get icon() { return this._icon; }
-    /**
-     * Indica l'url dell'avatar, se valorizzata viene mostrata
-    */
-    set avatar(value) { this._avatar = value; }
-    get avatar() { return this._avatar; }
-    /**
-     * Indica il valore da aggiungere al parametro alt, di default ''
-    */
-    set altAvatar(value) { this._altAvatar = value; }
-    get altAvatar() { return this._altAvatar; }
-    clickToClose() {
-        this.close.emit();
-    }
-}
-ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ChipComponent, selector: "it-chip", inputs: { label: "label", showCloseButton: "showCloseButton", size: "size", color: "color", disabled: "disabled", icon: "icon", avatar: "avatar", altAvatar: "altAvatar" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"chip\" [ngClass]=\"[!showCloseButton ? 'chip-simple': 'alert', size === 'lg' ? 'chip-lg': '', color ? 'chip-' + color : '', disabled ? 'chip-disabled' : '']\">\n    <svg *ngIf=\"icon\" class=\"icon icon-xs\"><use [attr.href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\" [attr.xlink:href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\"></use></svg>\n    <div *ngIf=\"avatar\" class=\"avatar size-xs\">\n        <img [src]=\"avatar\" [alt]=\"altAvatar\">\n    </div>\n    <span class=\"chip-label\">{{ label }}</span>\n    <button *ngIf=\"showCloseButton\" (click)=\"clickToClose()\" [disabled]=\"disabled\">\n        <svg class=\"icon\"><use href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\" xlink:href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\"></use></svg>\n        <span class=\"visually-hidden\">{{ 'it.core.remove' | translate }} {{ label }}</span>\n    </button>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ChipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"chip\" [ngClass]=\"[!showCloseButton ? 'chip-simple': 'alert', size === 'lg' ? 'chip-lg': '', color ? 'chip-' + color : '', disabled ? 'chip-disabled' : '']\">\n    <svg *ngIf=\"icon\" class=\"icon icon-xs\"><use [attr.href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\" [attr.xlink:href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\"></use></svg>\n    <div *ngIf=\"avatar\" class=\"avatar size-xs\">\n        <img [src]=\"avatar\" [alt]=\"altAvatar\">\n    </div>\n    <span class=\"chip-label\">{{ label }}</span>\n    <button *ngIf=\"showCloseButton\" (click)=\"clickToClose()\" [disabled]=\"disabled\">\n        <svg class=\"icon\"><use href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\" xlink:href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\"></use></svg>\n        <span class=\"visually-hidden\">{{ 'it.core.remove' | translate }} {{ label }}</span>\n    </button>\n</div>" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], showCloseButton: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], avatar: [{
-                type: Input
-            }], altAvatar: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }] } });
-
-class ForwardDirective {
-    constructor(document) {
-        this.document = document;
-        this._itForward = undefined;
-    }
-    /**
-     * Indica, se HTMLElement, l'elemento a cui navigare, o se stringa, il selettore che selezionerà l'elemento a cui navigare.
-    */
-    set itForward(value) { this._itForward = value; }
-    get itForward() { return this._itForward; }
-    onClick(event) {
-        var _a, _b;
-        event.preventDefault();
-        if (this.itForward) {
-            if (typeof this.itForward === 'string') {
-                (_b = (_a = this.document) === null || _a === void 0 ? void 0 : _a.querySelector(this.itForward)) === null || _b === void 0 ? void 0 : _b.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'start',
-                    inline: "nearest"
-                });
-            }
-            else if (this.itForward instanceof HTMLElement) {
-                this.itForward.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'start',
-                    inline: "nearest"
-                });
-            }
-        }
-    }
-}
-ForwardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ForwardDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
-ForwardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ForwardDirective, selector: "[itForward]", inputs: { itForward: "itForward" }, host: { listeners: { "click": "onClick($event)" }, classAttribute: "forward" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ForwardDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[itForward]',
-                    host: { 'class': 'forward' }
-                }]
-        }], ctorParameters: function () {
-        return [{ type: Document, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }];
-    }, propDecorators: { itForward: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-
-class DimmerComponent {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this._active = false;
-        this._color = '';
-    }
-    /**
-     * Dimmer status
-     * @default false
-    */
-    set active(value) { this._active = value; }
-    ;
-    get active() { return this._active; }
-    /**
-     * Colore del dimmer
-     * @default ''
-    */
-    set color(value) { this._color = value; }
-    ;
-    get color() { return this._color; }
-    ngOnInit() {
-        var _a, _b, _c, _d;
-        (_d = (_c = (_b = (_a = this.elementRef) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.add('dimmable');
-    }
-}
-DimmerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DimmerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerComponent, selector: "it-dimmer", inputs: { active: "active", color: "color" }, ngImport: i0, template: "<div class=\"dimmer\" *ngIf=\"active\" @fade [ngClass]=\"[color]\">\n  <div class=\"dimmer-inner\">\n    <ng-content></ng-content>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
-        trigger('fade', [
-            transition(':enter', [
-                style({ opacity: 0 }),
-                animate('150ms', style({ opacity: 0.92 })),
-            ]),
-            transition(':leave', [
-                animate('150ms', style({ opacity: 0 })),
-            ]),
-        ])
-    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-dimmer', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                        trigger('fade', [
-                            transition(':enter', [
-                                style({ opacity: 0 }),
-                                animate('150ms', style({ opacity: 0.92 })),
-                            ]),
-                            transition(':leave', [
-                                animate('150ms', style({ opacity: 0 })),
-                            ]),
-                        ])
-                    ], template: "<div class=\"dimmer\" *ngIf=\"active\" @fade [ngClass]=\"[color]\">\n  <div class=\"dimmer-inner\">\n    <ng-content></ng-content>\n  </div>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { active: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-class DimmerButtonsComponent {
-    constructor() {
-        this._hasOneButton = false;
-    }
-    /**
-     * Indica se abbiamo 1 solo bottone
-     * @default false
-    */
-    set hasOneButton(value) { this._hasOneButton = value; }
-    ;
-    get hasOneButton() { return this._hasOneButton; }
-}
-DimmerButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DimmerButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerButtonsComponent, selector: "it-dimmer-buttons", inputs: { hasOneButton: "hasOneButton" }, ngImport: i0, template: "<div class=\"dimmer-buttons bg-dark\" [ngClass]=\"{'single-button': hasOneButton}\">\n    <ng-content></ng-content>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerButtonsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-dimmer-buttons', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dimmer-buttons bg-dark\" [ngClass]=\"{'single-button': hasOneButton}\">\n    <ng-content></ng-content>\n</div>" }]
-        }], propDecorators: { hasOneButton: [{
-                type: Input
-            }] } });
-
-class DimmerIconComponent {
-}
-DimmerIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DimmerIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerIconComponent, selector: "it-dimmer-icon", ngImport: i0, template: "<div class=\"dimmer-icon\">\n    <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'it-dimmer-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dimmer-icon\">\n    <ng-content></ng-content>\n</div>" }]
-        }] });
-
-/**
- * Core components
- */
-const core = [
-    AccordionComponent,
-    AlertComponent,
-    BadgeDirective,
-    ButtonDirective,
-    CalloutComponent,
-    CardComponent,
-    CarouselComponent,
-    CarouselItemComponent,
-    ChipComponent,
-    CollapseComponent,
-    DimmerButtonsComponent,
-    DimmerComponent,
-    DimmerIconComponent,
-    DropdownComponent,
-    DropdownItemComponent,
-    ForwardDirective,
-    LinkComponent,
-    ListComponent,
-    ListItemComponent,
-    ModalComponent,
-    NotificationsComponent,
-    PaginationComponent,
-    PopoverDirective,
-    ProgressBarComponent,
-    ProgressButtonComponent,
-    SpinnerComponent,
-    SteppersContainerComponent,
-    SteppersItemComponent,
-    TabContainerComponent,
-    TabItemComponent,
-    TableComponent,
-    TooltipDirective
-];
-/**
- * Form components
- */
-const form = [
-    CheckboxComponent,
-    InputComponent,
-    PasswordInputComponent,
-    RadioButtonComponent,
-    SelectComponent,
-    TextareaComponent,
-    UploadDragDropComponent,
-    UploadFileListComponent
-];
-/**
- * Navigation Components
- */
-const navigation = [
-    BackButtonComponent,
-    BackToTopComponent,
-    BreadcrumbComponent,
-    BreadcrumbItemComponent,
-    HeaderComponent
-];
-/**
- * Utils components
- */
-const utils = [
-    IconComponent,
-    NotFoundPageComponent,
-    LanguageSwitcherComponent,
-    MarkMatchingTextPipe
-];
-class ComponentsModule {
-}
-ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ComponentsModule, declarations: [AbstractComponent,
-        AbstractFormComponent, AccordionComponent,
-        AlertComponent,
-        BadgeDirective,
-        ButtonDirective,
-        CalloutComponent,
-        CardComponent,
-        CarouselComponent,
-        CarouselItemComponent,
-        ChipComponent,
-        CollapseComponent,
-        DimmerButtonsComponent,
-        DimmerComponent,
-        DimmerIconComponent,
-        DropdownComponent,
-        DropdownItemComponent,
-        ForwardDirective,
-        LinkComponent,
-        ListComponent,
-        ListItemComponent,
-        ModalComponent,
-        NotificationsComponent,
-        PaginationComponent,
-        PopoverDirective,
-        ProgressBarComponent,
-        ProgressButtonComponent,
-        SpinnerComponent,
-        SteppersContainerComponent,
-        SteppersItemComponent,
-        TabContainerComponent,
-        TabItemComponent,
-        TableComponent,
-        TooltipDirective, CheckboxComponent,
-        InputComponent,
-        PasswordInputComponent,
-        RadioButtonComponent,
-        SelectComponent,
-        TextareaComponent,
-        UploadDragDropComponent,
-        UploadFileListComponent, BackButtonComponent,
-        BackToTopComponent,
-        BreadcrumbComponent,
-        BreadcrumbItemComponent,
-        HeaderComponent, IconComponent,
-        NotFoundPageComponent,
-        LanguageSwitcherComponent,
-        MarkMatchingTextPipe], imports: [CommonModule,
-        TranslateModule,
-        ReactiveFormsModule,
-        NgIf,
-        NgForOf,
-        RouterLink], exports: [AccordionComponent,
-        AlertComponent,
-        BadgeDirective,
-        ButtonDirective,
-        CalloutComponent,
-        CardComponent,
-        CarouselComponent,
-        CarouselItemComponent,
-        ChipComponent,
-        CollapseComponent,
-        DimmerButtonsComponent,
-        DimmerComponent,
-        DimmerIconComponent,
-        DropdownComponent,
-        DropdownItemComponent,
-        ForwardDirective,
-        LinkComponent,
-        ListComponent,
-        ListItemComponent,
-        ModalComponent,
-        NotificationsComponent,
-        PaginationComponent,
-        PopoverDirective,
-        ProgressBarComponent,
-        ProgressButtonComponent,
-        SpinnerComponent,
-        SteppersContainerComponent,
-        SteppersItemComponent,
-        TabContainerComponent,
-        TabItemComponent,
-        TableComponent,
-        TooltipDirective, CheckboxComponent,
-        InputComponent,
-        PasswordInputComponent,
-        RadioButtonComponent,
-        SelectComponent,
-        TextareaComponent,
-        UploadDragDropComponent,
-        UploadFileListComponent, BackButtonComponent,
-        BackToTopComponent,
-        BreadcrumbComponent,
-        BreadcrumbItemComponent,
-        HeaderComponent, IconComponent,
-        NotFoundPageComponent,
-        LanguageSwitcherComponent,
-        MarkMatchingTextPipe] });
-ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ComponentsModule, imports: [CommonModule,
-        TranslateModule,
-        ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AbstractComponent,
-                        AbstractFormComponent,
-                        ...core,
-                        ...form,
-                        ...navigation,
-                        ...utils
-                    ],
-                    imports: [
-                        CommonModule,
-                        TranslateModule,
-                        ReactiveFormsModule,
-                        NgIf,
-                        NgForOf,
-                        RouterLink
-                    ],
-                    exports: [
-                        ...core,
-                        ...form,
-                        ...navigation,
-                        ...utils
-                    ]
-                }]
-        }] });
-
-class DesignAngularKitModule {
-    constructor(translateService) {
-        this.translateService = translateService;
-        translateService.addLangs(['it', 'en']); // Adds 'it' and 'eng' as available languages.
-        translateService.use('it');
-    }
-}
-DesignAngularKitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DesignAngularKitModule, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule });
-DesignAngularKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: DesignAngularKitModule, imports: [ComponentsModule,
-        HttpClientModule, i1.TranslateModule], exports: [ComponentsModule,
-        TranslateModule] });
-DesignAngularKitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DesignAngularKitModule, imports: [ComponentsModule,
-        HttpClientModule,
-        TranslateModule.forChild({
-            loader: {
-                provide: TranslateLoader,
-                useFactory: (http) => new TranslateHttpLoader(http, '/bootstrap-italia/i18n/'),
-                deps: [HttpClient]
-            },
-            extend: true,
-            isolate: false,
-            defaultLanguage: 'it'
-        }), ComponentsModule,
-        TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DesignAngularKitModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        ComponentsModule,
-                        HttpClientModule,
-                        TranslateModule.forChild({
-                            loader: {
-                                provide: TranslateLoader,
-                                useFactory: (http) => new TranslateHttpLoader(http, '/bootstrap-italia/i18n/'),
-                                deps: [HttpClient]
-                            },
-                            extend: true,
-                            isolate: false,
-                            defaultLanguage: 'it'
-                        })
-                    ],
-                    exports: [
-                        ComponentsModule,
-                        TranslateModule
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
-
-/*
- * Public API Surface of design-angular-kit
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AccordionComponent, AlertComponent, BackButtonComponent, BackToTopComponent, BadgeDirective, BreadcrumbComponent, BreadcrumbItemComponent, ButtonDirective, CAP_REGEX, CalloutComponent, CardComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, ChipComponent, CollapseComponent, ComponentsModule, DesignAngularKitModule, DimmerButtonsComponent, DimmerComponent, DimmerIconComponent, DropdownComponent, DropdownItemComponent, EMAIL_REGEX, FileUtils, ForwardDirective, HeaderComponent, ITALIAN_TAX_CODE_REGEX, IconComponent, InputComponent, ItValidators, LanguageSwitcherComponent, LinkComponent, ListComponent, ListItemComponent, MarkMatchingTextPipe, ModalComponent, NotFoundPageComponent, NotificationPosition, NotificationType, NotificationsComponent, NotificationsService, PHONE_NUMBER_REGEX, PaginationComponent, PasswordInputComponent, PopoverDirective, ProgressBarComponent, ProgressButtonComponent, RadioButtonComponent, SelectComponent, SpinnerComponent, SteppersContainerComponent, SteppersItemComponent, TabContainerComponent, TabItemComponent, TableComponent, TextareaComponent, TooltipDirective, URL_REGEX, UploadDragDropComponent, UploadFileListComponent, VAT_NUMBER_REGEX };
-//# sourceMappingURL=design-angular-kit.mjs.map