design-angular-kit 0.13.0 → 1.0.0-0

package/fesm2015/design-angular-kit.mjs

@@ -0,0 +1,3181 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, forwardRef, ViewChild, Output, Injectable, Directive, Inject, NgModule, HostListener, HostBinding, ContentChildren, Optional, ContentChild, Host, Pipe, ViewEncapsulation, TemplateRef } from '@angular/core';
+import * as t from 'io-ts';
+import * as i1 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { NgbPopoverConfig, NgbPopover, NgbPopoverModule, NgbTooltipConfig, NgbTooltip, NgbTooltipModule, NgbDropdownConfig, NgbNavbar, NgbDropdownItem, NgbDropdownMenu, NgbDropdownAnchor, NgbDropdownToggle, NgbDropdown, NgbCollapseConfig, NgbCollapse, NgbCollapseModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { merge, Subscription, Subject } from 'rxjs';
+import * as i1$1 from '@angular/platform-browser';
+
+const ThemeColor = t.keyof({
+    primary: null,
+    secondary: null,
+    danger: null,
+    warning: null,
+    info: null,
+    success: null,
+    light: null,
+    dark: null,
+});
+const PRIMARY = 'primary';
+const SECONDARY = 'secondary';
+const DANGER = 'danger';
+const WARNING = 'warning';
+const INFO = 'info';
+const SUCCESS = 'success';
+const LIGHT = 'light';
+const DARK = 'dark';
+const THEME_COLORS = {
+    PRIMARY: PRIMARY,
+    SECONDARY: SECONDARY,
+    DANGER: DANGER,
+    WARNING: WARNING,
+    INFO: INFO,
+    SUCCESS: SUCCESS,
+    LIGHT: LIGHT,
+    DARK: DARK
+};
+
+class Util {
+    static coerceBooleanProperty(value) {
+        return value != null && `${value}` !== 'false';
+    }
+    static coerceNumberProperty(value, fallbackValue = 0) {
+        return Util._isNumberValue(value) ? Number(value) : fallbackValue;
+    }
+    static _isNumberValue(value) {
+        return !isNaN(parseFloat(value)) && !isNaN(Number(value));
+    }
+}
+
+let progressbarId = 0;
+/**
+ * Una barra di avanzamento con design bootstrap italia.
+ */
+class ProgressBarComponent {
+    constructor() {
+        this.progressbarId = `it-progress-bar-${progressbarId++}`;
+        this._min = ProgressBarComponent.PROGRESS_BAR_DEFAULT_MIN;
+        this._max = ProgressBarComponent.PROGRESS_BAR_DEFAULT_MAX;
+        this._value = ProgressBarComponent.PROGRESS_BAR_DEFAULT_VALUE;
+        this._label = ProgressBarComponent.PROGRESS_BAR_DEFAULT_LABEL;
+        this._indeterminate = false;
+        this._indeterminateHiddenText = "In elaborazione...";
+        this._color = THEME_COLORS.PRIMARY;
+    }
+    /**
+     * Il valore minimo della barra di avanzamento.
+     */
+    get min() { return this._min; }
+    set min(v) { this._min = Math.round(v); }
+    /**
+     * Il valore massimo della barra di avanzamento.
+     */
+    get max() { return this._max; }
+    set max(v) { this._max = Math.round(v); }
+    /**
+     * L'attuale valore della barra di avanzamento.
+     */
+    get value() { return this._value; }
+    set value(v) { this._value = Math.min(Math.max(v, this._min), this._max); }
+    /**
+     * L'etichetta della barra di avanzamento.
+     */
+    get label() { return this._label; }
+    set label(v) { this._label = v; }
+    get indeterminate() { return this._indeterminate; }
+    set indeterminate(value) { this._indeterminate = Util.coerceBooleanProperty(value); }
+    get indeterminateHiddenText() { return this._indeterminateHiddenText; }
+    set indeterminateHiddenText(v) { this._indeterminateHiddenText = v; }
+    /**
+     * Il colore della barra di avanzamento.
+     */
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        if (ThemeColor.is(value)) {
+            this._color = value;
+        }
+        else {
+            this._color = THEME_COLORS.PRIMARY;
+        }
+    }
+    valuePercentage() {
+        return ((this.value - this.min) * 100) / (this.max - this.min);
+    }
+    pgStyle() {
+        return this.indeterminate ? null : { 'width': this.valuePercentage() + '%' };
+    }
+    get progressBarClass() {
+        const progressbarClass = new Set();
+        progressbarClass.add('progress-bar');
+        if (this.color) {
+            progressbarClass.add(`bg-${this.color}`);
+        }
+        return progressbarClass;
+    }
+}
+ProgressBarComponent.PROGRESS_BAR_DEFAULT_MIN = 0;
+ProgressBarComponent.PROGRESS_BAR_DEFAULT_MAX = 100;
+ProgressBarComponent.PROGRESS_BAR_DEFAULT_VALUE = 0;
+ProgressBarComponent.PROGRESS_BAR_DEFAULT_LABEL = '';
+ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ProgressBarComponent, selector: "it-progress-bar", inputs: { min: "min", max: "max", value: "value", label: "label", indeterminate: "indeterminate", indeterminateHiddenText: "indeterminateHiddenText", color: "color" }, ngImport: i0, template: "<ng-container *ngIf = \"label; else progressBarEl\">\n  <div class=\"progress-bar-wrapper\">\n    <div class=\"progress-bar-label\"><span class=\"visually-hidden\">Progresso </span>{{label}}</div>\n    <ng-container *ngTemplateOutlet=\"progressBarEl\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #progressBarEl>\n  <div class=\"progress\" [class.progress-indeterminate] = \"indeterminate\">\n    <span class=\"visually-hidden\" *ngIf=\"indeterminate && indeterminateHiddenText\">{{indeterminateHiddenText}}</span>\n    <div role=\"progressbar\" [id]=\"progressbarId\" \n      [ngClass]=\"progressBarClass\" \n      [ngStyle]=\"pgStyle()\"\n      [attr.aria-valuenow]=\"value\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\" >\n    </div>\n  </div>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf = \"label; else progressBarEl\">\n  <div class=\"progress-bar-wrapper\">\n    <div class=\"progress-bar-label\"><span class=\"visually-hidden\">Progresso </span>{{label}}</div>\n    <ng-container *ngTemplateOutlet=\"progressBarEl\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #progressBarEl>\n  <div class=\"progress\" [class.progress-indeterminate] = \"indeterminate\">\n    <span class=\"visually-hidden\" *ngIf=\"indeterminate && indeterminateHiddenText\">{{indeterminateHiddenText}}</span>\n    <div role=\"progressbar\" [id]=\"progressbarId\" \n      [ngClass]=\"progressBarClass\" \n      [ngStyle]=\"pgStyle()\"\n      [attr.aria-valuenow]=\"value\" [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\" >\n    </div>\n  </div>\n</ng-template>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], indeterminateHiddenText: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+let identifier$9 = 0;
+class CheckboxChange {
+}
+/**
+ * Una checkbox con design bootstrap italia. Supporta tutte le funzionalità di una checkbox HTML5,
+ * ed espone una API simile. Una `<it-checkbox>` può essere checked, unchecked, o disabled.
+ */
+class CheckboxComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._checked = false;
+        this._grouped = false;
+        this._disabled = false;
+        this._inline = false;
+        this._indeterminate = false;
+        this.indeterminateChange = new EventEmitter();
+        this.focus = false;
+        /**
+         * Evento emesso quando il valore `checked` della checkbox cambia.
+         */
+        this.change = new EventEmitter();
+        this.inputId = `checkbox-${identifier$9++}`;
+        this._onTouched = () => { };
+        this._controlValueAccessorChangeFn = () => { };
+    }
+    /**
+     * Se la checkbox è selezionata.
+     */
+    get checked() { return this._checked; }
+    set checked(value) {
+        if (value !== this.checked) {
+            this._checked = value;
+            if (this._checked) {
+                this.indeterminate = false;
+            }
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    get grouped() { return this._grouped; }
+    set grouped(value) { this._grouped = Util.coerceBooleanProperty(value); }
+    /**
+     * Se la checkbox è disabilitata.
+     */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        if (value !== this.disabled) {
+            this._disabled = value;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    get inline() { return this._inline; }
+    set inline(value) { this._inline = Util.coerceBooleanProperty(value); }
+    get indeterminate() { return this._indeterminate; }
+    set indeterminate(value) {
+        const newValue = Util.coerceBooleanProperty(value);
+        const changed = this._indeterminate !== newValue;
+        if (changed) {
+            this._indeterminate = newValue;
+            this.indeterminateChange.emit(this._indeterminate);
+            if (this._indeterminate) {
+                queueMicrotask(() => {
+                    this.checked = false;
+                    this._emitChangeEvent();
+                });
+            }
+        }
+    }
+    onFocus() {
+        this.focus = true;
+    }
+    onBlur() {
+        this.focus = false;
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    handleChange(event) {
+        event.stopPropagation();
+        if (!this.disabled) {
+            if (!this.indeterminate) {
+                this._toggle();
+            }
+            else {
+                this.indeterminate = false;
+                // reset proprietà "checked" per prevenire il comportamento di default dell'elemento HTML
+                this._inputElement.nativeElement.checked = this.checked;
+            }
+            this._emitChangeEvent();
+        }
+    }
+    _toggle() {
+        this.checked = !this.checked;
+    }
+    _emitChangeEvent() {
+        const event = new CheckboxChange();
+        event.source = this;
+        event.checked = this.checked;
+        this._controlValueAccessorChangeFn(this.checked);
+        this.change.emit(event);
+    }
+}
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: CheckboxComponent, selector: "it-checkbox", inputs: { checked: "checked", grouped: "grouped", label: "label", disabled: "disabled", inline: "inline", indeterminate: "indeterminate" }, outputs: { indeterminateChange: "indeterminateChange", change: "change" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CheckboxComponent), multi: true }], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"form-check\" [class.form-check-group] = \"grouped\" [class.form-check-inline] = \"inline\" >\n  <input #input type=\"checkbox\"\n    [id]=\"inputId\"\n    [class.focus--mouse] = \"focus\"\n    [class.semi-checked] = \"indeterminate\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"handleChange($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    >\n  <label\n    [attr.for]=\"inputId\" *ngIf = \"label\">{{label}}</label>\n  \n  <ng-content></ng-content>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CheckboxComponent), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-check\" [class.form-check-group] = \"grouped\" [class.form-check-inline] = \"inline\" >\n  <input #input type=\"checkbox\"\n    [id]=\"inputId\"\n    [class.focus--mouse] = \"focus\"\n    [class.semi-checked] = \"indeterminate\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"handleChange($event)\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    >\n  <label\n    [attr.for]=\"inputId\" *ngIf = \"label\">{{label}}</label>\n  \n  <ng-content></ng-content>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }], checked: [{
+                type: Input
+            }], grouped: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], indeterminateChange: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * Servizio di configurazione per la direttiva ItPopover.
+ * Il servizio può essere iniettato, tipicamente in un root component, per impostare i valori delle proprietà in
+ * modo tale da fornire i valori di default per tutti i popover utilizzati in un'applicazione.
+ */
+class ItPopoverConfig extends NgbPopoverConfig {
+}
+ItPopoverConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ItPopoverConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * A lightweight and extensible directive for fancy popover creation.
+ */
+class ItPopover extends NgbPopover {
+    constructor(_elementRef, _renderer, injector, viewContainerRef, config, _ngZone, _document, _changeDetector, applicationRef) {
+        super(_elementRef, _renderer, injector, viewContainerRef, config, _ngZone, _document, _changeDetector, applicationRef);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        super.ngbPopover = this.itPopover;
+        this.popoverClass = 'it-popover-window';
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}
+ItPopover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopover, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: ItPopoverConfig }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItPopover.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItPopover, selector: "[itPopover]", inputs: { itPopover: "itPopover" }, exportAs: ["itPopover"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopover, decorators: [{
+            type: Directive,
+            args: [{ selector: '[itPopover]', exportAs: 'itPopover' }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ViewContainerRef }, { type: ItPopoverConfig }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.ChangeDetectorRef }, { type: i0.ApplicationRef }];
+    }, propDecorators: { itPopover: [{
+                type: Input
+            }] } });
+
+class ItPopoverModule {
+}
+ItPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverModule, declarations: [ItPopover], imports: [CommonModule, NgbPopoverModule], exports: [ItPopover] });
+ItPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverModule, imports: [CommonModule, NgbPopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ItPopover],
+                    exports: [ItPopover],
+                    imports: [CommonModule, NgbPopoverModule]
+                }]
+        }] });
+
+/**
+ * Aggiunge la classe "focus--mouse" quando viene effettuato il focus sull'elemento a cui è applicata la direttiva
+ */
+class FocusMouseDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    onFocus() {
+        this.elementRef.nativeElement.classList.add('focus--mouse');
+    }
+    onBlur() {
+        this.elementRef.nativeElement.classList.remove('focus--mouse');
+    }
+}
+FocusMouseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: FocusMouseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+FocusMouseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: FocusMouseDirective, selector: "[focusMouse]", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" } }, exportAs: ["focusMouse"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: FocusMouseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[focusMouse]',
+                    exportAs: 'focusMouse'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+let identifier$8 = 0;
+class ToggleChange {
+}
+/**
+ * Una toggle con design bootstrap italia. Supporta tutte le funzionalità di una checkbox HTML5,
+ * ed espone una API simile. Una `<it-toggle>` può essere checked, unchecked, o disabled.
+ */
+class ToggleComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._checked = false;
+        this._disabled = false;
+        /**
+         * Evento emesso quando il valore `checked` della toggle cambia.
+         */
+        this.change = new EventEmitter();
+        this.inputId = `toggle-${identifier$8++}`;
+        this._onTouched = () => { };
+        this._controlValueAccessorChangeFn = () => { };
+    }
+    /**
+     * Se la toggle è selezionata.
+     */
+    get checked() { return this._checked; }
+    set checked(value) {
+        if (value !== this.checked) {
+            this._checked = value;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    /**
+     * Se la toggle è disabilitata.
+     */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        if (value !== this.disabled) {
+            this._disabled = value;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    handleChange(event) {
+        event.stopPropagation();
+        if (!this.disabled) {
+            this._toggle();
+            this._emitChangeEvent();
+        }
+    }
+    _toggle() {
+        this.checked = !this.checked;
+    }
+    _emitChangeEvent() {
+        const event = new ToggleChange();
+        event.source = this;
+        event.checked = this.checked;
+        this._controlValueAccessorChangeFn(this.checked);
+        this.change.emit(event);
+    }
+}
+ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ToggleComponent, selector: "it-toggle", inputs: { checked: "checked", label: "label", disabled: "disabled" }, outputs: { change: "change" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ToggleComponent), multi: true }], ngImport: i0, template: "<div class=\"form-check\">\n  <div class=\"toggles\">\n    <label [attr.for]=inputId>\n      {{label}}\n      <input type=checkbox\n        focusMouse\n        [id]=inputId\n        [checked]=checked\n        [disabled]=disabled\n        (change)=handleChange($event)>\n      <span class=\"lever\"></span>\n    </label>\n  </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ToggleComponent), multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-check\">\n  <div class=\"toggles\">\n    <label [attr.for]=inputId>\n      {{label}}\n      <input type=checkbox\n        focusMouse\n        [id]=inputId\n        [checked]=checked\n        [disabled]=disabled\n        (change)=handleChange($event)>\n      <span class=\"lever\"></span>\n    </label>\n  </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { checked: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Class to coordinate unique selection based on name.
+ * Intended to be consumed as an Angular service.
+ * This service is needed because native radio change events are only fired on the item currently
+ * being selected, and we still need to uncheck the previous selection.
+ *
+ * This service does not *store* any IDs and names because they may change at any time, so it is
+ * less error-prone if they are simply passed through when the events occur.
+ */
+class UniqueSelectionDispatcher {
+    constructor() {
+        this._listeners = [];
+    }
+    /**
+     * Notify other items that selection for the given name has been set.
+     * @param id ID of the item.
+     * @param name Name of the item.
+     */
+    notify(id, name) {
+        for (const listener of this._listeners) {
+            listener(id, name);
+        }
+    }
+    /**
+     * Listen for future changes to item selection.
+     * @return Function used to deregister listener
+     */
+    listen(listener) {
+        this._listeners.push(listener);
+        return () => {
+            this._listeners = this._listeners.filter((registered) => {
+                return listener !== registered;
+            });
+        };
+    }
+    ngOnDestroy() {
+        this._listeners = [];
+    }
+}
+UniqueSelectionDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: UniqueSelectionDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+UniqueSelectionDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: UniqueSelectionDispatcher, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: UniqueSelectionDispatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+let identifier$7 = 0;
+function _coerceBooleanProperty(value) {
+    return value != null && `${value}` !== 'false';
+}
+class RadioChange {
+    constructor(source, value) {
+        this.source = source;
+        this.value = value;
+    }
+}
+class RadioGroupDirective {
+    constructor(_changeDetector) {
+        this._changeDetector = _changeDetector;
+        this.role = 'radiogroup';
+        /**
+         * Il valore selezionato per il gruppo. Dovrebbe essere uguale al valore del radio button selezionato se
+         * *esiste* un radio button con un valore corrispondente. Se *non esiste* un radio button corrispondente
+         * questo valore persiste ed è applicato nel caso in cui un nuovo radio button viene aggiunto con il valore
+         * corrispondente.
+         */
+        this._value = null;
+        /** L'attributo HTML name da applicare ai radio button in questo gruppo */
+        this._name = `it-radio-group-${identifier$7++}`;
+        /** Il radio button attualmente selezionato. */
+        this._selected = null;
+        /** se `value` è stato settato al suo valore iniziale. */
+        this._isInitialized = false;
+        /** Se il radio group è disabilitato. */
+        this._disabled = false;
+        /**
+         * Evento emesso quando il valore del gruppo cambia.
+         * Gli eventi di change sono emessi soltanto quando il valore cambia a causa dell'interazione dell'utente
+         * con il radio button (stesso comportamento di `<input type-"radio">`).
+         */
+        this.change = new EventEmitter();
+        /** Il metodo da chiamare per aggiornare ngModel */
+        this._controlValueAccessorChangeFn = () => { };
+        this.onTouched = () => { };
+    }
+    /** Nome del gruppo di radio button. Tutti i radio button all'interno del gruppo avranno questo nome. */
+    get name() { return this._name; }
+    set name(value) {
+        this._name = value;
+        this._updateRadioButtonNames();
+    }
+    /** Valore del radio button. */
+    get value() { return this._value; }
+    set value(newValue) {
+        if (this._value !== newValue) {
+            this._value = newValue;
+            this._updateSelectedRadioFromValue();
+            this._checkSelectedRadioButton();
+        }
+    }
+    _checkSelectedRadioButton() {
+        if (this._selected && !this._selected.checked) {
+            this._selected.checked = true;
+        }
+    }
+    /** Il radio button selezionato. */
+    get selected() { return this._selected; }
+    set selected(selected) {
+        this._selected = selected;
+        this.value = selected ? selected.value : null;
+        this._checkSelectedRadioButton();
+    }
+    /** Se il gruppo è disabled */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = _coerceBooleanProperty(value);
+        this._markRadiosForCheck();
+    }
+    /**
+     * Inizializza le proprietà quando il contenuto dei figliè disponibile.
+     * Questo permette di propagare gli attributi rilevanti ai radio buttons associati.
+     */
+    ngAfterContentInit() {
+        this._isInitialized = true;
+    }
+    _touch() {
+        if (this.onTouched) {
+            this.onTouched();
+        }
+    }
+    _updateRadioButtonNames() {
+        if (this._radios) {
+            this._radios.forEach(radio => {
+                radio.name = this.name;
+            });
+        }
+    }
+    /** Aggiorna il radio button `selected` a seconda del suo _value. */
+    _updateSelectedRadioFromValue() {
+        this._selected = null;
+        this._radios.forEach(radio => {
+            radio.checked = this.value === radio.value;
+            if (radio.checked) {
+                this._selected = radio;
+            }
+        });
+    }
+    /** Invia l'evento change con la selezione corrente e il valore del gruppo. */
+    _emitChangeEvent() {
+        if (this._isInitialized) {
+            this.change.emit(new RadioChange(this._selected, this._value));
+        }
+    }
+    _markRadiosForCheck() {
+        if (this._radios) {
+            this._radios.forEach(radio => radio._markForCheck());
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+        this._changeDetector.markForCheck();
+    }
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+}
+RadioGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: RadioGroupDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+RadioGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: RadioGroupDirective, selector: "it-radio-group", inputs: { name: "name", value: "value", selected: "selected", disabled: "disabled" }, outputs: { change: "change" }, host: { properties: { "attr.role": "this.role" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => RadioGroupDirective),
+            multi: true
+        }], queries: [{ propertyName: "_radios", predicate: i0.forwardRef(function () { return RadioButtonComponent; }), descendants: true }], exportAs: ["itRadioGroup"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: RadioGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'it-radio-group',
+                    exportAs: 'itRadioGroup',
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioGroupDirective),
+                            multi: true
+                        }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], change: [{
+                type: Output
+            }], _radios: [{
+                type: ContentChildren,
+                args: [forwardRef(() => RadioButtonComponent), { descendants: true }]
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+/**
+ * Un radio button con design bootstrap italia. Supporta tutte le funzionalità di una radio HTML5,
+ * ed espone una API simile. Una `<it-radio-button>` può essere checked, unchecked, o disabled.
+ */
+class RadioButtonComponent {
+    constructor(radioGroup, _changeDetector, _radioDispatcher) {
+        this._changeDetector = _changeDetector;
+        this._radioDispatcher = _radioDispatcher;
+        this.id = `radio-${identifier$7++}`;
+        /**
+         * Evento emesso quando il valore `checked` del radio button cambia.
+         */
+        this.change = new EventEmitter();
+        /** Se il radio button è checked. */
+        this._checked = false;
+        /** il valore assegnato al radio button. */
+        this._value = null;
+        this._removeUniqueSelectionListener = () => { };
+        this.radioGroup = radioGroup;
+        this._removeUniqueSelectionListener =
+            _radioDispatcher.listen((id, name) => {
+                if (id !== this.id && name === this.name) {
+                    this.checked = false;
+                }
+            });
+    }
+    /** se il radio button è checked. */
+    get checked() { return this._checked; }
+    set checked(value) {
+        const newCheckedState = _coerceBooleanProperty(value);
+        if (this._checked !== newCheckedState) {
+            this._checked = newCheckedState;
+            if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
+                this.radioGroup.selected = this;
+            }
+            else if (!newCheckedState && this.radioGroup && this.radioGroup.value === this.value) {
+                this.radioGroup.selected = null;
+            }
+            if (newCheckedState) {
+                this._radioDispatcher.notify(this.id, this.name);
+            }
+            this._changeDetector.markForCheck();
+        }
+    }
+    /** Il valore di questo radio button. */
+    get value() { return this._value; }
+    set value(value) {
+        if (this._value !== value) {
+            this._value = value;
+            if (this.radioGroup !== null) {
+                if (!this.checked) {
+                    this.checked = this.radioGroup.value === value;
+                }
+                if (this.checked) {
+                    this.radioGroup.selected = this;
+                }
+            }
+        }
+    }
+    /** Se il radio button è disabled. */
+    get disabled() {
+        return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
+    }
+    set disabled(value) {
+        const newDisabledState = !!value;
+        if (this._disabled !== newDisabledState) {
+            this._disabled = newDisabledState;
+            this._changeDetector.markForCheck();
+        }
+    }
+    /**
+     * Segna il radio button come da controllare per la change detection.
+     */
+    _markForCheck() {
+        this._changeDetector.markForCheck();
+    }
+    ngOnInit() {
+        if (this.radioGroup) {
+            // Se il radio button è all'interno di un gruppo, determina se deve essere selezionato
+            this.checked = this.radioGroup.value === this._value;
+            // Copia il `name` del radio group
+            this.name = this.radioGroup.name;
+        }
+    }
+    ngOnDestroy() {
+        this._removeUniqueSelectionListener();
+    }
+    _emitChangeEvent() {
+        this.change.emit(new RadioChange(this, this._value));
+    }
+    _onInputChange(event) {
+        event.stopPropagation();
+        const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;
+        this.checked = true;
+        this._emitChangeEvent();
+        if (this.radioGroup) {
+            this.radioGroup._controlValueAccessorChangeFn(this.value);
+            this.radioGroup._touch();
+            if (groupValueChanged) {
+                this.radioGroup._emitChangeEvent();
+            }
+        }
+    }
+}
+RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: RadioButtonComponent, deps: [{ token: RadioGroupDirective, optional: true }, { token: i0.ChangeDetectorRef }, { token: UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: RadioButtonComponent, selector: "it-radio-button", inputs: { name: "name", label: "label", checked: "checked", value: "value", disabled: "disabled" }, outputs: { change: "change" }, exportAs: ["itRadioButton"], ngImport: i0, template: "<div class=\"form-check\">\n  <input type=\"radio\"\n    focusMouse\n    [id]=\"id\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [attr.name]=\"name\"\n    (change)=\"_onInputChange($event)\">\n  <label\n    [attr.for]=\"id\">{{label}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-radio-button', exportAs: 'itRadioButton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-check\">\n  <input type=\"radio\"\n    focusMouse\n    [id]=\"id\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [attr.name]=\"name\"\n    (change)=\"_onInputChange($event)\">\n  <label\n    [attr.for]=\"id\">{{label}}</label>\n</div>\n" }]
+        }], ctorParameters: function () {
+        return [{ type: RadioGroupDirective, decorators: [{
+                        type: Optional
+                    }] }, { type: i0.ChangeDetectorRef }, { type: UniqueSelectionDispatcher }];
+    }, propDecorators: { name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * Servizio di configurazione per la direttiva ItPopover.
+ * Il servizio può essere iniettato, tipicamente in un root component, per impostare i valori delle proprietà in
+ * modo tale da fornire i valori di default per tutti i popover utilizzati in un'applicazione.
+ */
+class ItTooltipConfig extends NgbTooltipConfig {
+}
+ItTooltipConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ItTooltipConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * @license
+ * Copyright Angular ng-bootstrap team All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://raw.githubusercontent.com/ng-bootstrap/ng-bootstrap/master/LICENSE
+ */
+/**
+ * Una direttiva per la creazione di un tooltip.
+ */
+class ItTooltip extends NgbTooltip {
+    constructor(_elementRef, _renderer, injector, viewContainerRef, config, _ngZone, _document, _changeDetector, applicationRef) {
+        super(_elementRef, _renderer, injector, viewContainerRef, config, _ngZone, _document, _changeDetector, applicationRef);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        super.ngbTooltip = this.itTooltip;
+        this.tooltipClass = 'it-tooltip-window';
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}
+ItTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltip, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: ItTooltipConfig }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItTooltip.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItTooltip, selector: "[itTooltip]", inputs: { itTooltip: "itTooltip" }, exportAs: ["itTooltip"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itTooltip]',
+                    exportAs: 'itTooltip'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ViewContainerRef }, { type: ItTooltipConfig }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.ChangeDetectorRef }, { type: i0.ApplicationRef }];
+    }, propDecorators: { itTooltip: [{
+                type: Input
+            }] } });
+
+class ItTooltipModule {
+}
+ItTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipModule, declarations: [ItTooltip], imports: [CommonModule, NgbTooltipModule], exports: [ItTooltip] });
+ItTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipModule, imports: [CommonModule, NgbTooltipModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ItTooltip],
+                    exports: [ItTooltip],
+                    imports: [CommonModule, NgbTooltipModule]
+                }]
+        }] });
+
+const ButtonSize = t.keyof({
+    lg: null,
+    sm: null,
+    xs: null,
+});
+const LG = 'lg';
+const SM = 'sm';
+const XS = 'xs';
+const BUTTON_SIZES = {
+    LG: LG,
+    SM: SM,
+    XS: XS,
+};
+
+var IconSizeEnum;
+(function (IconSizeEnum) {
+    IconSizeEnum["sx"] = "icon-xs";
+    IconSizeEnum["sm"] = "icon-sm";
+    IconSizeEnum["lg"] = "icon-lg";
+    IconSizeEnum["xl"] = "icon-xl";
+    IconSizeEnum["default"] = "";
+})(IconSizeEnum || (IconSizeEnum = {}));
+var IconColorEnum;
+(function (IconColorEnum) {
+    IconColorEnum["default"] = "default";
+    IconColorEnum["primary"] = "primary";
+    IconColorEnum["secondary"] = "secondary";
+    IconColorEnum["info"] = "info";
+    IconColorEnum["success"] = "success";
+    IconColorEnum["warning"] = "warning";
+    IconColorEnum["danger"] = "danger";
+    IconColorEnum["disable"] = "disable";
+    IconColorEnum["light"] = "light";
+    IconColorEnum["white"] = "white";
+})(IconColorEnum || (IconColorEnum = {}));
+var IconBackgroundColorEnum;
+(function (IconBackgroundColorEnum) {
+    IconBackgroundColorEnum["light"] = "light";
+    IconBackgroundColorEnum["dark"] = "dark";
+})(IconBackgroundColorEnum || (IconBackgroundColorEnum = {}));
+
+var VerticalAlign;
+(function (VerticalAlign) {
+    VerticalAlign["top"] = "top";
+    VerticalAlign["middle"] = "middle";
+    VerticalAlign["bottom"] = "bottom";
+})(VerticalAlign || (VerticalAlign = {}));
+var HorizontalAlign;
+(function (HorizontalAlign) {
+    HorizontalAlign["left"] = "left";
+    HorizontalAlign["right"] = "right";
+})(HorizontalAlign || (HorizontalAlign = {}));
+const HORIZONTAL_ALIGN = t.keyof(HorizontalAlign);
+const VERTICAL_ALIGN = t.keyof(VerticalAlign);
+
+class IconComponent {
+    constructor(_cdr) {
+        this._cdr = _cdr;
+        this.rounded = false;
+        this.roundedColor = null;
+        this.iconName = '';
+        this.wai = 'wai';
+        this.size = IconSizeEnum.default;
+        this.color = IconColorEnum.primary;
+        this.bgColor = null;
+        this.padded = false;
+        this.expand = false;
+        /**
+         * Allineamento orizzontale dell'icona rispetto al contenitor: 'left' | 'right'
+         */
+        this.position = HorizontalAlign.right;
+        this._verticalAlign = VerticalAlign.middle;
+        this.svgPath = null;
+    }
+    changeColor(color) {
+        if (this.color !== color) {
+            this.color = color;
+            this._cdr.markForCheck();
+        }
+    }
+    get roundedColorClass() {
+        return this.roundedColor ? ' rounded-' + this.roundedColor : '';
+    }
+    set icon(newIcon) {
+        if (newIcon) {
+            this.svgPath = IconComponent.ICON_BASE_URL + newIcon;
+            this.iconName = newIcon;
+        }
+        else {
+            this.svgPath = null;
+        }
+    }
+    /**
+     * Allineamento verticale dell'icona rispetto al contenitore: 'top' | 'middle' | 'bottom'
+     */
+    get verticalAlign() {
+        return this._verticalAlign;
+    }
+    set verticalAlign(value) {
+        if (VERTICAL_ALIGN.is(value)) {
+            this._verticalAlign = value;
+        }
+        else {
+            this._verticalAlign = VerticalAlign.middle;
+        }
+    }
+}
+IconComponent.ICON_BASE_URL = 'bootstrap-italia/dist/svg/sprites.svg#';
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: IconComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: IconComponent, selector: "it-icon", inputs: { rounded: "rounded", roundedColor: "roundedColor", icon: "icon", wai: "wai", size: "size", color: "color", bgColor: "bgColor", padded: "padded", expand: "expand", position: "position", verticalAlign: "verticalAlign" }, ngImport: i0, template: "<ng-container *ngIf = \"iconName && svgPath\">\n  <ng-container *ngIf = \"rounded; else svgIcon\">\n    <span [class] = \"'rounded-icon' + roundedColorClass\">\n      <ng-container *ngTemplateOutlet=\"svgIcon\"></ng-container>\n    </span>\n  </ng-container>\n</ng-container>\n<ng-template #svgIcon>\n  <svg\n  class=\"icon {{iconName}} {{size}} icon-{{color}} {{ bgColor ? 'bg-' + bgColor : '' }} {{position}} align-{{verticalAlign}}\" \n  [class.icon-expand]=\"expand\" [class.icon-padded]=\"padded\">\n\n  <use [attr.xlink:href]=\"svgPath\" [attr.href]=\"svgPath\"></use>\n</svg> \n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf = \"iconName && svgPath\">\n  <ng-container *ngIf = \"rounded; else svgIcon\">\n    <span [class] = \"'rounded-icon' + roundedColorClass\">\n      <ng-container *ngTemplateOutlet=\"svgIcon\"></ng-container>\n    </span>\n  </ng-container>\n</ng-container>\n<ng-template #svgIcon>\n  <svg\n  class=\"icon {{iconName}} {{size}} icon-{{color}} {{ bgColor ? 'bg-' + bgColor : '' }} {{position}} align-{{verticalAlign}}\" \n  [class.icon-expand]=\"expand\" [class.icon-padded]=\"padded\">\n\n  <use [attr.xlink:href]=\"svgPath\" [attr.href]=\"svgPath\"></use>\n</svg> \n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { rounded: [{
+                type: Input
+            }], roundedColor: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], wai: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], padded: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], verticalAlign: [{
+                type: Input
+            }] } });
+
+class ItDropdownConfig extends NgbDropdownConfig {
+}
+ItDropdownConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ItDropdownConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ItNavbar extends NgbNavbar {
+}
+ItNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItNavbar, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+ItNavbar.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItNavbar, selector: ".navbar", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItNavbar, decorators: [{
+            type: Directive,
+            args: [{ selector: '.navbar' }]
+        }] });
+/**
+ * A directive you should put on a dropdown item to enable keyboard navigation.
+ * Arrow keys will move focus between items marked with this directive.
+ *
+ * @since 4.1.0
+ */
+class ItDropdownItem extends NgbDropdownItem {
+    constructor(elementRef, _renderer) {
+        super(elementRef, _renderer);
+    }
+}
+ItDropdownItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownItem, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+ItDropdownItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItDropdownItem, selector: "[itDropdownItem]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itDropdownItem]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+/**
+ * A directive that wraps dropdown menu content and dropdown items.
+ */
+class ItDropdownMenu extends NgbDropdownMenu {
+    constructor(dropdown, _elementRef) {
+        super(dropdown, _elementRef);
+        this.dropdown = dropdown;
+    }
+    ngAfterContentInit() {
+        super.menuItems = this.menuItems;
+    }
+}
+ItDropdownMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownMenu, deps: [{ token: forwardRef(() => ItDropdown) }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItDropdownMenu.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItDropdownMenu, selector: "[itDropdownMenu]", host: { properties: { "attr.data-popper-placement": "placement" } }, queries: [{ propertyName: "menuItems", predicate: ItDropdownItem }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itDropdownMenu]',
+                    host: {
+                        '[attr.data-popper-placement]': 'placement'
+                    }
+                }]
+        }], ctorParameters: function () {
+        return [{ type: ItDropdown, decorators: [{
+                        type: Inject,
+                        args: [forwardRef(() => ItDropdown)]
+                    }] }, { type: i0.ElementRef }];
+    }, propDecorators: { menuItems: [{
+                type: ContentChildren,
+                args: [ItDropdownItem]
+            }] } });
+/**
+ * A directive to mark an element to which dropdown menu will be anchored.
+ *
+ * This is a simple version of the `NgbDropdownToggle` directive.
+ * It plays the same role, but doesn't listen to click events to toggle dropdown menu thus enabling support
+ * for events other than click.
+ *
+ * @since 1.1.0
+ */
+class ItDropdownAnchor extends NgbDropdownAnchor {
+    constructor(dropdown, _elementRef) {
+        super(dropdown, _elementRef);
+        this.dropdown = dropdown;
+    }
+}
+ItDropdownAnchor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownAnchor, deps: [{ token: forwardRef(() => ItDropdown) }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItDropdownAnchor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItDropdownAnchor, selector: "[itDropdownAnchor]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownAnchor, decorators: [{
+            type: Directive,
+            args: [{ selector: '[itDropdownAnchor]' }]
+        }], ctorParameters: function () {
+        return [{ type: ItDropdown, decorators: [{
+                        type: Inject,
+                        args: [forwardRef(() => ItDropdown)]
+                    }] }, { type: i0.ElementRef }];
+    } });
+/**
+ * A directive to mark an element that will toggle dropdown via the `click` event.
+ *
+ * You can also use `NgbDropdownAnchor` as an alternative.
+ */
+class ItDropdownToggle extends NgbDropdownToggle {
+    constructor(dropdown, elementRef) {
+        super(dropdown, elementRef);
+        this.dropdown = dropdown;
+    }
+}
+ItDropdownToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownToggle, deps: [{ token: forwardRef(() => ItDropdown) }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItDropdownToggle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItDropdownToggle, selector: "[itDropdownToggle]", host: { properties: { "class": "placement" } }, providers: [{ provide: ItDropdownAnchor, useExisting: forwardRef(() => ItDropdownToggle) }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownToggle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itDropdownToggle]',
+                    host: {
+                        '[class]': 'placement'
+                    },
+                    providers: [{ provide: ItDropdownAnchor, useExisting: forwardRef(() => ItDropdownToggle) }]
+                }]
+        }], ctorParameters: function () {
+        return [{ type: ItDropdown, decorators: [{
+                        type: Inject,
+                        args: [forwardRef(() => ItDropdown)]
+                    }] }, { type: i0.ElementRef }];
+    } });
+/**
+ * A directive that provides contextual overlays for displaying lists of links and more.
+ */
+class ItDropdown extends NgbDropdown {
+    constructor(_changeDetector, config, _document, _ngZone, _elementRef, _renderer, itNavbar) {
+        super(_changeDetector, config, _document, _ngZone, _elementRef, _renderer, itNavbar);
+        /**
+         * An event fired when the dropdown is opened or closed.
+         *
+         * The event payload is a `boolean`:
+         * * `true` - the dropdown was opened
+         * * `false` - the dropdown was closed
+         */
+        this.openChange = new EventEmitter();
+    }
+    ngAfterContentInit() {
+        super["_menu"] = this._itMenu;
+        super["_anchor"] = this._itAnchor;
+        super.ngAfterContentInit();
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+    }
+    ngOnDestroy() { super.ngOnDestroy(); }
+}
+ItDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: ItDropdownConfig }, { token: DOCUMENT }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ItNavbar, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ItDropdown.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItDropdown, selector: "[itDropdown]", outputs: { openChange: "openChange" }, queries: [{ propertyName: "_itMenu", first: true, predicate: ItDropdownMenu, descendants: true }, { propertyName: "_itAnchor", first: true, predicate: ItDropdownAnchor, descendants: true }], exportAs: ["itDropdown"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdown, decorators: [{
+            type: Directive,
+            args: [{ selector: '[itDropdown]', exportAs: 'itDropdown' }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: ItDropdownConfig }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ItNavbar, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { _itMenu: [{
+                type: ContentChild,
+                args: [ItDropdownMenu, { static: false }]
+            }], _itAnchor: [{
+                type: ContentChild,
+                args: [ItDropdownAnchor, { static: false }]
+            }], openChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Un bottone con design bootstrap italia. Supporta tutte le funzionalità di un bottone HTML5.
+ */
+class ItButtonDirective {
+    constructor(dropdownToggle, _cdr) {
+        this._cdr = _cdr;
+        this._isDropdownButton = false;
+        this.autoUpdateIconColor = true;
+        this._disabled = false;
+        this._onFocus = false;
+        this._outline = false;
+        this._block = false;
+        this._isDropdownButton = !!dropdownToggle;
+    }
+    isLightColor(color) {
+        return color === IconColorEnum.light || color === IconColorEnum.info ||
+            color === IconColorEnum.white;
+    }
+    set color(value) {
+        if (ThemeColor.is(value)) {
+            this._color = value;
+        }
+        else {
+            this._color = this._isDropdownButton ? "dropdown" : IconColorEnum.primary;
+        }
+        if (this.autoUpdateIconColor) {
+            this.updateButtonIconColor();
+        }
+    }
+    updateButtonIconColor() {
+        var _a;
+        (_a = this.iconComponents) === null || _a === void 0 ? void 0 : _a.forEach(icon => {
+            let newIconColor = IconColorEnum.primary;
+            if (this._color === "dropdown") {
+                newIconColor = IconColorEnum.primary;
+            }
+            else if (this.isLightColor(this._color)) {
+                newIconColor = IconColorEnum.default;
+            }
+            else {
+                newIconColor = IconColorEnum.white;
+            }
+            icon.changeColor(newIconColor);
+        });
+    }
+    /**
+     * Stabilisce il colore del pulsante a seconda delle classi di bootstrap.
+     * Può avere valori:
+     * <ul>
+     * <li> primary
+     * <li> secondary
+     * <li> danger
+     * <li> warning
+     * <li> info
+     * <li> success
+     * <li> light
+     * <li> dark
+     * </ul>
+     */
+    get color() {
+        return this._color;
+    }
+    /**
+     * Se presente, il pulsante avrà un effetto di trasparenza e non reagirà al click
+     */
+    get disabled() { return this._disabled; }
+    set disabled(value) { this._disabled = Util.coerceBooleanProperty(value); }
+    onFocus() {
+        this._onFocus = true;
+    }
+    onBlur() {
+        this._onFocus = false;
+    }
+    /**
+     * Stabilisce se lo stile del pulsante avrà un contorno.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore.
+     * Deve funzionare solo in congiunzione con un colore definito, altrimenti l'attributo viene ignorato.
+     */
+    get outline() { return this._outline; }
+    set outline(value) { this._outline = Util.coerceBooleanProperty(value); }
+    /**
+     * Indica se il pulsante occupa tutta l'ampiezza a sua disposizione.
+     */
+    get block() { return this._block; }
+    set block(value) { this._block = Util.coerceBooleanProperty(value); }
+    /**
+     * Indica la grandezza del pulsante. Può assumere i valori:
+     * <ul>
+     * <li> lg
+     * <li> sm
+     * <li> xs
+     * </ul>
+     */
+    get size() {
+        return this._size;
+    }
+    set size(value) {
+        if (ButtonSize.is(value)) {
+            this._size = value;
+        }
+        else {
+            this._size = undefined;
+        }
+    }
+    get hostClasses() {
+        var _a;
+        let cssClass = 'btn';
+        if (this.color) {
+            if (this.outline) {
+                cssClass += ` btn-outline-${this.color}`;
+            }
+            else {
+                cssClass += ` btn-${this.color}`;
+            }
+        }
+        if (this.size) {
+            cssClass += ` btn-${this.size}`;
+        }
+        if (this.block) {
+            cssClass += ' btn-block';
+        }
+        if (this.disabled) {
+            cssClass += ' disabled';
+        }
+        if (this._onFocus) {
+            cssClass += ' focus--mouse';
+        }
+        if (((_a = this.iconComponents) === null || _a === void 0 ? void 0 : _a.length) && !this.progressBar) {
+            cssClass += ' btn-icon';
+        }
+        if (this.progressBar) {
+            cssClass += ' btn-progress';
+        }
+        return cssClass;
+    }
+}
+ItButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItButtonDirective, deps: [{ token: ItDropdownToggle, host: true, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+ItButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItButtonDirective, selector: "[itButton]", inputs: { autoUpdateIconColor: "autoUpdateIconColor", color: ["itButton", "color"], disabled: "disabled", outline: "outline", block: "block", size: "size" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class": "this.hostClasses" } }, queries: [{ propertyName: "progressBar", first: true, predicate: ProgressBarComponent, descendants: true }, { propertyName: "iconComponents", predicate: IconComponent }], exportAs: ["itButton"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itButton]',
+                    exportAs: 'itButton'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: ItDropdownToggle, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Host
+                    }] }, { type: i0.ChangeDetectorRef }];
+    }, propDecorators: { autoUpdateIconColor: [{
+                type: Input
+            }], color: [{
+                type: Input,
+                args: ['itButton']
+            }], disabled: [{
+                type: Input
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], iconComponents: [{
+                type: ContentChildren,
+                args: [IconComponent]
+            }], progressBar: [{
+                type: ContentChild,
+                args: [ProgressBarComponent]
+            }], outline: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ItIconModule {
+}
+ItIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItIconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
+ItIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItIconModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [IconComponent],
+                    exports: [IconComponent]
+                }]
+        }] });
+
+class ItButtonModule {
+}
+ItButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItButtonModule, declarations: [ItButtonDirective], imports: [ItIconModule], exports: [ItButtonDirective] });
+ItButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItButtonModule, imports: [ItIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ItButtonDirective],
+                    imports: [ItIconModule],
+                    exports: [ItButtonDirective]
+                }]
+        }] });
+
+/**
+ * Una badge con design bootstrap italia.
+ */
+class BadgeDirective {
+    constructor(el) {
+        this.el = el;
+        this._badgeColor = THEME_COLORS.LIGHT;
+        this._badgeText = '';
+        this._isPill = false;
+    }
+    /**
+     * (Opzionale) indica il colore del badge. Può essere `primary`, `secondary`, `danger`, `warning`, `info`, `success`, `light` o `dark`.
+     * Se non viene fornito o il valore è diverso da quelli previsti il suo valore di default è `light`.
+     */
+    get badgeColor() {
+        return this._badgeColor;
+    }
+    set badgeColor(value) {
+        if (ThemeColor.is(value)) {
+            this._badgeColor = value;
+        }
+        else {
+            this._badgeColor = THEME_COLORS.LIGHT;
+        }
+    }
+    /**
+     * La direttiva che abilita l'elemento come badge. Mostra il testo come contenuto del badge.
+     * Se valutato ad `undefined`, `null` o stringa vuota il badge non viene mostrato.
+     */
+    get badgeText() { return this._badgeText; }
+    set badgeText(value) {
+        if (value) {
+            this._badgeText = value;
+        }
+        else {
+            this._badgeText = '';
+        }
+    }
+    /**
+     * Indica se il badge è arrotondato o meno.
+     */
+    get isPill() { return this._isPill; }
+    set isPill(value) {
+        this._isPill = Util.coerceBooleanProperty(value);
+    }
+    getBadgeColorClassName() {
+        return `bg-${this._badgeColor}`;
+    }
+    get hostClasses() {
+        return [
+            'badge',
+            this.getBadgeColorClassName(),
+            this.isPill ? 'rounded-pill' : '',
+        ].join(' ');
+    }
+}
+BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: BadgeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: BadgeDirective, selector: "[itBadge]", inputs: { badgeColor: "badgeColor", badgeText: ["itBadge", "badgeText"], isPill: "isPill" }, host: { properties: { "innerText": "this.badgeText", "class": "this.hostClasses" } }, exportAs: ["itBadge"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: BadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itBadge]',
+                    exportAs: 'itBadge'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { badgeColor: [{
+                type: Input
+            }], badgeText: [{
+                type: Input,
+                args: ['itBadge']
+            }, {
+                type: HostBinding,
+                args: ['innerText']
+            }], isPill: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ItCollapseConfig extends NgbCollapseConfig {
+}
+ItCollapseConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ItCollapseConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Per ottimizzare l’ingombro dei contenuti di una pagina si possono usare degli elementi richiudibili
+ * (in gergo definiti collassabili o collapse), che possono essere attivati indipendentemente l’uno dall’altro
+ */
+class ItCollapseDirective extends NgbCollapse {
+    constructor(_cd, _elementRef, _config, _ngZone) {
+        super(_elementRef, _config, _ngZone);
+        this._cd = _cd;
+        this.itCollapseChange = new EventEmitter();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        super.collapsed = Util.coerceBooleanProperty(this.itCollapse);
+        super.ngbCollapseChange = this.itCollapseChange;
+        this._cd.detectChanges();
+    }
+    ngOnChanges({ itCollapse }) {
+        const coercedValue = Util.coerceBooleanProperty(itCollapse.currentValue);
+        super.collapsed = coercedValue;
+        super.ngOnChanges({ collapsed: itCollapse });
+    }
+    get isCollapsed() {
+        return this.collapsed;
+    }
+    show() {
+        if (this.isCollapsed) {
+            super.toggle();
+        }
+    }
+    hide() {
+        if (!this.isCollapsed) {
+            super.toggle();
+        }
+    }
+}
+ItCollapseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: ItCollapseConfig }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+ItCollapseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItCollapseDirective, selector: "[itCollapse]", inputs: { itCollapse: "itCollapse" }, outputs: { itCollapseChange: "itCollapseChange" }, exportAs: ["itCollapse"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // tslint:disable-next-line:directive-selector
+                    selector: '[itCollapse]',
+                    exportAs: 'itCollapse'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: ItCollapseConfig }, { type: i0.NgZone }]; }, propDecorators: { itCollapse: [{
+                type: Input
+            }], itCollapseChange: [{
+                type: Output
+            }] } });
+
+let identifier$6 = 0;
+class ItCollapseItemComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.id = `collapse-item-${identifier$6++}`;
+        this.headingId = `${this.id}-heading`;
+        this._showEvent = new EventEmitter();
+        this._shownEvent = new EventEmitter();
+        this._hideEvent = new EventEmitter();
+        this._hiddenEvent = new EventEmitter();
+    }
+    /**
+     * Testo del bottone di apertura/chiusura del collapse item
+     */
+    get header() { return this._header; }
+    set header(value) { this._header = value; }
+    /**
+     * Evento da emettere quando il collapse sta per essere mostrato
+     */
+    get showEvent() { return this._showEvent; }
+    set showEvent(value) { this._showEvent = value; }
+    /**
+     * Evento da emettere quando il collapse è mostrato
+     */
+    get shownEvent() { return this._shownEvent; }
+    set shownEvent(value) { this._shownEvent = value; }
+    /**
+     * Evento da emettere quando il collapse sta per essere nascosto
+     */
+    get hideEvent() { return this._hideEvent; }
+    set hideEvent(value) { this._hideEvent = value; }
+    /**
+     * Evento da emettere quando il collapse è nascosto
+     */
+    get hiddenEvent() { return this._hiddenEvent; }
+    set hiddenEvent(value) { this._hiddenEvent = value; }
+    show() {
+        this.showEvent.emit(this);
+    }
+    hide() {
+        this.hideEvent.emit(this);
+    }
+    shown() {
+        this.shownEvent.emit(this);
+    }
+    hidden() {
+        this.hiddenEvent.emit(this);
+    }
+}
+ItCollapseItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ItCollapseItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ItCollapseItemComponent, selector: "it-collapse-item", inputs: { header: "header" }, outputs: { showEvent: "show", shownEvent: "shown", hideEvent: "hide", hiddenEvent: "hidden" }, viewQueries: [{ propertyName: "directive", first: true, predicate: ItCollapseDirective, descendants: true, static: true }], ngImport: i0, template: "<div class=\"collapse-header\" [id]=\"headingId\">\n  <button #toggleButton focusMouse data-toggle=\"collapse\" [attr.aria-expanded]=\"!collapse.isCollapsed\" [attr.aria-controls]=\"id\" (click)=\"collapse.toggle()\" [ngClass]=\"{'collapsed' : collapse.isCollapsed}\">\n    {{header}}\n  </button>\n</div>\n<div [id]=\"id\" #collapse=\"itCollapse\" itCollapse  (shown)=\"shown()\" (hidden)=\"hidden()\" role=\"tabpanel\" [attr.aria-labelledby]=\"headingId\">\n  <div class=\"collapse-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }, { kind: "directive", type: ItCollapseDirective, selector: "[itCollapse]", inputs: ["itCollapse"], outputs: ["itCollapseChange"], exportAs: ["itCollapse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-collapse-item', template: "<div class=\"collapse-header\" [id]=\"headingId\">\n  <button #toggleButton focusMouse data-toggle=\"collapse\" [attr.aria-expanded]=\"!collapse.isCollapsed\" [attr.aria-controls]=\"id\" (click)=\"collapse.toggle()\" [ngClass]=\"{'collapsed' : collapse.isCollapsed}\">\n    {{header}}\n  </button>\n</div>\n<div [id]=\"id\" #collapse=\"itCollapse\" itCollapse  (shown)=\"shown()\" (hidden)=\"hidden()\" role=\"tabpanel\" [attr.aria-labelledby]=\"headingId\">\n  <div class=\"collapse-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { directive: [{
+                type: ViewChild,
+                args: [ItCollapseDirective, { static: true }]
+            }], header: [{
+                type: Input
+            }], showEvent: [{
+                type: Output,
+                args: ['show']
+            }], shownEvent: [{
+                type: Output,
+                args: ['shown']
+            }], hideEvent: [{
+                type: Output,
+                args: ['hide']
+            }], hiddenEvent: [{
+                type: Output,
+                args: ['hidden']
+            }] } });
+
+let identifier$5 = 0;
+class ItCollapseGroupComponent {
+    constructor() {
+        this.id = `collapse-group-${identifier$5++}`;
+        this._accordion = false;
+    }
+    /**
+     * Indica se gli item del gruppo sono mutuamente richiudibili (o accordion)
+     */
+    get accordion() { return this._accordion; }
+    set accordion(value) { this._accordion = Util.coerceBooleanProperty(value); }
+    onClick(target) {
+        if (this.accordion) {
+            const items = this._items.toArray();
+            items.forEach(currentItem => {
+                const isTargetPartOfItem = currentItem.elementRef.nativeElement.contains(target);
+                if (!isTargetPartOfItem) {
+                    if (!currentItem.directive.isCollapsed) {
+                        currentItem.directive.toggle();
+                    }
+                }
+            });
+        }
+    }
+    ngOnChanges(simpleChanges) {
+        if (simpleChanges['accordion']) {
+            const isAccordion = simpleChanges['accordion'].currentValue;
+            if (isAccordion) {
+                const items = this._items.toArray();
+                items.forEach(currentItem => {
+                    if (!currentItem.directive.isCollapsed) {
+                        currentItem.directive.toggle();
+                    }
+                });
+            }
+        }
+    }
+}
+ItCollapseGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ItCollapseGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ItCollapseGroupComponent, selector: "it-collapse-group", inputs: { accordion: "accordion" }, host: { listeners: { "click": "onClick($event.target)" } }, queries: [{ propertyName: "_items", predicate: i0.forwardRef(function () { return ItCollapseItemComponent; }), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [id]=\"id\" class=\"collapse-div\" role=\"tablist\">\n  <ng-content></ng-content>\n</div>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-collapse-group', template: "<div [id]=\"id\" class=\"collapse-div\" role=\"tablist\">\n  <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { accordion: [{
+                type: Input
+            }], _items: [{
+                type: ContentChildren,
+                args: [forwardRef(() => ItCollapseItemComponent), { descendants: true }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event.target']]
+            }] } });
+
+class ItUtilsModule {
+}
+ItUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItUtilsModule, declarations: [FocusMouseDirective], exports: [FocusMouseDirective] });
+ItUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItUtilsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItUtilsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FocusMouseDirective],
+                    exports: [FocusMouseDirective]
+                }]
+        }] });
+
+class ItCollapseModule {
+}
+ItCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseModule, declarations: [ItCollapseDirective, ItCollapseItemComponent, ItCollapseGroupComponent], imports: [CommonModule, NgbCollapseModule, ItUtilsModule], exports: [ItCollapseDirective, ItCollapseItemComponent, ItCollapseGroupComponent] });
+ItCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseModule, imports: [CommonModule, NgbCollapseModule, ItUtilsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItCollapseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NgbCollapseModule, ItUtilsModule],
+                    declarations: [ItCollapseDirective, ItCollapseItemComponent, ItCollapseGroupComponent],
+                    exports: [ItCollapseDirective, ItCollapseItemComponent, ItCollapseGroupComponent],
+                }]
+        }] });
+
+const InputType = t.keyof({
+    text: null,
+    email: null,
+    password: null,
+    number: null,
+    time: null,
+    search: null,
+    date: null,
+    radio: null,
+    checkbox: null,
+    textarea: null,
+    button: null,
+    reset: null,
+    submit: null,
+    'datetime-local': null,
+    hidden: null,
+    image: null,
+    month: null,
+    range: null,
+    tel: null,
+    url: null,
+    week: null,
+    datetime: null,
+    color: null,
+    file: null
+});
+const TEXT = 'text';
+const EMAIL = 'email';
+const PASSWORD = 'password';
+const NUMBER = 'number';
+const TIME = 'time';
+const SEARCH = 'search';
+const DATE = 'date';
+const INPUT_TYPES = {
+    TEXT: TEXT,
+    EMAIL: EMAIL,
+    PASSWORD: PASSWORD,
+    NUMBER: NUMBER,
+    SEARCH: SEARCH,
+    TIME: TIME,
+    DATE: DATE
+};
+
+/**
+ * Classe di utility creata sulla base del seguente sorgente di bootstrap-italia: https://github.com/italia/bootstrap-italia/blob/main/src/js/plugins/input-password.js
+ * TODO: Da sostituire una volta che i metodi scoreText, scoreColor, e calculateScore
+ * saranno importabili dalla libreria bootstrap-italia.
+ */
+class FormInputPasswordUtils {
+    constructor(_config) {
+        this._config = _config;
+    }
+    /**
+   * Returns a value between -1 and 100 to score
+   * the user's password.
+   *
+   * @param  string password The password to be checked.
+   * @return int
+   */
+    calculateScore(password) {
+        var score = 0;
+        // empty password
+        if (password.trim().length === 0) {
+            return -2;
+        }
+        // password < this._config.minimumLength
+        if (password.length < this._config.minimumLength) {
+            return -1;
+        }
+        // password length
+        score += password.length * 4;
+        score += this._checkRepetition(1, password).length - password.length;
+        score += this._checkRepetition(2, password).length - password.length;
+        score += this._checkRepetition(3, password).length - password.length;
+        score += this._checkRepetition(4, password).length - password.length;
+        // password has 3 numbers
+        if (password.match(/(.*[0-9].*[0-9].*[0-9])/)) {
+            score += 5;
+        }
+        // password has at least 2 sybols
+        let symbols = '.*[!,@,#,$,%,^,&,*,?,_,~]';
+        symbols = new RegExp('(' + symbols + symbols + ')');
+        if (password.match(symbols)) {
+            score += 5;
+        }
+        // password has Upper and Lower chars
+        if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) {
+            score += 10;
+        }
+        // password has number and chars
+        if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) {
+            score += 15;
+        }
+        // password has number and symbol
+        if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([0-9])/)) {
+            score += 15;
+        }
+        // password has char and symbol
+        if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([a-zA-Z])/)) {
+            score += 15;
+        }
+        // password is just numbers or chars
+        if (password.match(/^\w+$/) || password.match(/^\d+$/)) {
+            score -= 10;
+        }
+        if (score > 100) {
+            score = 100;
+        }
+        if (score < 0) {
+            score = 0;
+        }
+        return score;
+    }
+    /**
+     * Checks for repetition of characters in
+     * a string
+     *
+     * @param int rLen Repetition length.
+     * @param string str The string to be checked.
+     * @return string
+     */
+    _checkRepetition(rLen, str) {
+        var res = '', repeated = false;
+        for (var i = 0; i < str.length; i++) {
+            repeated = true;
+            for (var j = 0; j < rLen && j + i + rLen < str.length; j++) {
+                repeated = repeated && str.charAt(j + i) === str.charAt(j + i + rLen);
+            }
+            if (j < rLen) {
+                repeated = false;
+            }
+            if (repeated) {
+                i += rLen - 1;
+                repeated = false;
+            }
+            else {
+                res += str.charAt(i);
+            }
+        }
+        return res;
+    }
+    /**
+     * Returns strings based on the score given.
+     *
+     * @param int score Score base.
+     * @return string
+     */
+    scoreText(score) {
+        if (score === -1) {
+            return this._config.shortPass;
+        }
+        else if (score === -2) {
+            return this._config.enterPass;
+        }
+        score = score < 0 ? 0 : score;
+        if (score < 26) {
+            return this._config.shortPass;
+        }
+        if (score < 51) {
+            return this._config.badPass;
+        }
+        if (score < 76) {
+            return this._config.goodPass;
+        }
+        return this._config.strongPass;
+    }
+    scoreColor(score) {
+        if (score === -1) {
+            return 'danger';
+        }
+        if (score === -2) {
+            return 'muted';
+        }
+        score = score < 0 ? 0 : score;
+        if (score < 26) {
+            return 'danger';
+        }
+        if (score < 51) {
+            return 'warning';
+        }
+        if (score < 76) {
+            return 'success';
+        }
+        return 'success';
+    }
+}
+FormInputPasswordUtils.DEFAULT_CONFIG = {
+    shortPass: 'Password molto debole',
+    badPass: 'Password debole',
+    goodPass: 'Password sicura',
+    strongPass: 'Password molto sicura',
+    enterPass: 'Inserisci almeno 8 caratteri e una lettera maiuscola',
+    alertCaps: 'CAPS LOCK inserito',
+    showText: true,
+    minimumLength: 4,
+};
+
+class ItPrefixDirective {
+}
+ItPrefixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ItPrefixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItPrefixDirective, selector: "[itPrefix]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itPrefix]'
+                }]
+        }] });
+
+class ItSuffixDirective {
+}
+ItSuffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ItSuffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItSuffixDirective, selector: "[itSuffix]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itSuffix]'
+                }]
+        }] });
+
+class ItTextPrefixDirective {
+}
+ItTextPrefixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTextPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ItTextPrefixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItTextPrefixDirective, selector: "[itTextPrefix]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTextPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itTextPrefix]'
+                }]
+        }] });
+
+class ItTextSuffixDirective {
+}
+ItTextSuffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTextSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ItTextSuffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: ItTextSuffixDirective, selector: "[itTextSuffix]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTextSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[itTextSuffix]'
+                }]
+        }] });
+
+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: "14.2.11", ngImport: i0, type: MarkMatchingTextPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+MarkMatchingTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: MarkMatchingTextPipe, name: "markMatchingText" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: MarkMatchingTextPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'markMatchingText'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+
+let identifier$4 = 0;
+class FormInputChange {
+    constructor(source, value) {
+        this.source = source;
+        this.value = value;
+    }
+}
+/**
+ * Elementi e stili per la creazione di input accessibili e responsivi.
+ */
+class FormInputComponent {
+    constructor(_changeDetector) {
+        this._changeDetector = _changeDetector;
+        this.INPUT_TYPES = INPUT_TYPES;
+        this._readonlyPlainText = false;
+        this._enablePasswordStrengthMeter = false;
+        /**
+         * Punteggio di sicurezza calcolato in base alla password immessa se enablePasswordStrengthMeter ha valore true
+         */
+        this.passwordScore = 0;
+        /**
+         * Dimensione dell'input di autocomplete. Di default ha dimensione standard.
+         */
+        this.autocompleteWrapperSize = 'default';
+        this._passwordStrengthMeterConfig = FormInputPasswordUtils.DEFAULT_CONFIG;
+        this._id = `form-input-${identifier$4++}`;
+        this._type = INPUT_TYPES.TEXT;
+        this._labelVisuallyHidden = false;
+        this._step = 1;
+        this._disabled = false;
+        this._currency = false;
+        this._percentage = false;
+        this._adaptive = false;
+        this._readonly = false;
+        /**
+         * Evento emesso quando il valore dell'input cambia.
+         * Gli eventi di change sono emessi soltanto quando il valore cambia a causa dell'interazione dell'utente
+         * con il campo d'input.
+         */
+        this.change = new EventEmitter();
+        this._disableCapsLockAlert = false;
+        /**
+         * Indica se è attivo il CAPS LOCK
+         */
+        this.isCapsLockActive = false;
+        /**
+         * La label da mostrare in caso sia attivo il CAPS LOCK
+         */
+        this.capsLockActiveLabel = 'CAPS LOCK inserito';
+        this._isPasswordMode = false;
+        this._isPasswordVisible = false;
+        this.showAutocompletion = false;
+        this._isInitialized = false;
+        this._controlValueAccessorChangeFn = () => { };
+        this._onTouched = () => { };
+        /** Indica se è stato effettuato il focus sul campo di input */
+        this.focus = false;
+    }
+    /**
+     * Opzionale. Indica se mostrare gli input readonly nella forma stilizzata come testo normale
+     */
+    get readonlyPlainText() { return this._readonlyPlainText; }
+    set readonlyPlainText(value) { this._readonlyPlainText = Util.coerceBooleanProperty(value); }
+    /**
+     * Opzionale. Indica se abilitare il controllo sulla sicurezza della password
+     */
+    get enablePasswordStrengthMeter() { return this._enablePasswordStrengthMeter; }
+    set enablePasswordStrengthMeter(value) { this._enablePasswordStrengthMeter = Util.coerceBooleanProperty(value); }
+    set passwordStrengthMeterConfig(newConfig) {
+        this._passwordStrengthMeterConfig = Object.assign(Object.assign({}, this._passwordStrengthMeterConfig), newConfig);
+    }
+    get passwordStrengthMeterConfig() {
+        return this._passwordStrengthMeterConfig;
+    }
+    /**
+     * Indica l'id dell'elemento HTML
+     */
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value;
+    }
+    /**
+     * Indica l'attributo name del componente HTML
+     */
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        this._name = value;
+    }
+    /**
+     * Indica il tipo di campo. Puo' assumere i valori text, email, password e number
+     */
+    get type() {
+        return this._type;
+    }
+    set type(value) {
+        if (InputType.is(value)) {
+            if (value === INPUT_TYPES.NUMBER) {
+                if (isNaN(Number(this.value))) {
+                    this.value = '';
+                    this.onChange();
+                }
+            }
+            this._type = value;
+        }
+        else {
+            this._type = INPUT_TYPES.TEXT;
+        }
+        this._isPasswordMode = this._type === INPUT_TYPES.PASSWORD;
+        this._isPasswordVisible = false;
+        this.showAutocompletion = false;
+    }
+    /**
+     * Indica il valore della label da visualizzare
+     */
+    get label() { return this._label; }
+    set label(value) { this._label = value; }
+    /**
+     * Indica se la label dell'input deve essere visualizzata dall'utente o solamente visibile per lo screen reader
+     */
+    get labelVisuallyHidden() { return this._labelVisuallyHidden; }
+    set labelVisuallyHidden(value) { this._labelVisuallyHidden = value; }
+    /**
+     * Indica il valore che avrà l'attributo HTML "min" per l'input di tipo number
+     */
+    get min() { return this._min; }
+    set min(value) { this._min = Util.coerceNumberProperty(value); }
+    /**
+     * Indica il valore che avrà l'attributo HTML "max" per l'input di tipo number
+     */
+    get max() { return this._max; }
+    set max(value) { this._max = Util.coerceNumberProperty(value); }
+    /**
+     * Indica il valore che avrà l'attributo HTML "step" per l'input di tipo number
+     */
+    get step() { return this._step; }
+    set step(value) { this._step = Util.coerceNumberProperty(value); }
+    /**
+     * Indica il testo di aiuto sotto la input
+     */
+    get note() { return this._note; }
+    set note(value) { this._note = value; }
+    /**
+     * Indica il testo presente nel campo vuoto. Nel caso sia già presente la label, il placeholder non verrà mostrato
+     */
+    get placeholder() {
+        return this._placeholder || '';
+    }
+    set placeholder(value) { this._placeholder = value; }
+    /**
+     * Indica l'icona da visualizzare a sinistra del campo di input
+     */
+    get icon() { return this._icon; }
+    set icon(value) { this._icon = value; }
+    /**
+     * Opzionale.
+     * Indica se il campo in questione è disabilitato.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get disabled() { return this._disabled; }
+    set disabled(value) { this._disabled = Util.coerceBooleanProperty(value); }
+    /**
+    * Opzionale.
+    * Nel caso di input numerico, indica se il campo è una valuta.
+    * Accetta una espressione booleana o può essere usato come attributo senza valore
+    */
+    get currency() { return this._currency; }
+    set currency(value) { this._currency = Util.coerceBooleanProperty(value); }
+    /**
+    * Opzionale.
+    * Nel caso di input numerico, indica se il campo è una percentuale.
+    * Accetta una espressione booleana o può essere usato come attributo senza valore
+    */
+    get percentage() { return this._percentage; }
+    set percentage(value) { this._percentage = Util.coerceBooleanProperty(value); }
+    /**
+     * Opzionale.
+     * Nel caso di input numerico, indica se il campo si deve ridimensionare automaticamente a seconda del valore contenuto in esso.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get adaptive() { return this._adaptive; }
+    set adaptive(value) { this._adaptive = Util.coerceBooleanProperty(value); }
+    /**
+     * Opzionale.
+     * Indica se il campo in questione è di sola lettura.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get readonly() { return this._readonly; }
+    set readonly(value) { this._readonly = Util.coerceBooleanProperty(value); }
+    get value() { var _a, _b; return (_b = (_a = this._inputElement) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.value; }
+    set value(value) {
+        if (this._inputElement) {
+            this._inputElement.nativeElement.value = value;
+        }
+    }
+    /**
+     * Opzionale.
+     * Disponibile solo se il type è search.
+     * Indica la lista di elementi ricercabili su cui basare il sistema di autocompletamento della input
+     */
+    get autoCompleteData() { return this._autoCompleteData; }
+    set autoCompleteData(value) { this._autoCompleteData = value; }
+    /**
+     * Opzionale.
+     * Indica se disabilitare l'avviso di CAPS LOCK attivo
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get disableCapsLockAlert() { return this._disableCapsLockAlert; }
+    set disableCapsLockAlert(value) { this._disableCapsLockAlert = Util.coerceBooleanProperty(value); }
+    get isLabelActive() {
+        return this._isLabelActive;
+    }
+    set isLabelActive(value) {
+        const newValue = Util.coerceBooleanProperty(value);
+        // In alcuni casi la label deve essere sempre posizionata sopra l'input per evitare sovrapposizioni 
+        // di testo, come in caso di presenza del placeholder o per l'input di tipo "date" o "time"
+        if (newValue || (!this.value && !this.placeholder && this.type !== INPUT_TYPES.TIME &&
+            this.type !== INPUT_TYPES.DATE && this.type !== INPUT_TYPES.NUMBER)) {
+            this._isLabelActive = newValue;
+        }
+        else {
+            this._isLabelActive = true;
+        }
+    }
+    get isPasswordMode() {
+        return this._isPasswordMode;
+    }
+    set isPasswordMode(value) {
+        this._isPasswordMode = Util.coerceBooleanProperty(value);
+    }
+    get isPasswordVisible() {
+        return this._isPasswordVisible;
+    }
+    set isPasswordVisible(value) {
+        this._isPasswordVisible = Util.coerceBooleanProperty(value);
+        this._type = this._isPasswordVisible ? INPUT_TYPES.TEXT : INPUT_TYPES.PASSWORD;
+    }
+    _emitChangeEvent() {
+        if (this._isInitialized) {
+            this.change.emit(new FormInputChange(this, this.value));
+        }
+    }
+    ngOnInit() {
+        this.isLabelActive = false;
+        this._formInputPasswordUtils = new FormInputPasswordUtils(this.passwordStrengthMeterConfig);
+    }
+    writeValue(value) {
+        this.value = value;
+        if (this.value) {
+            this.isLabelActive = true;
+        }
+        this.onChange();
+        if (this._isInitialized) {
+            this._changeDetector.detectChanges();
+        }
+    }
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    ngAfterContentInit() {
+        this._isInitialized = true;
+        // Run change detection if the suffix or prefix changes.
+        merge(this._prefixChildren.changes, this._suffixChildren.changes, this._textPrefixChildren.changes, this._textSuffixChildren.changes).subscribe(() => {
+            this._changeDetector.markForCheck();
+        });
+    }
+    onChange() {
+        this._emitChangeEvent();
+        this._controlValueAccessorChangeFn(this.value);
+    }
+    onInput() {
+        if (this.isPasswordMode && this._enablePasswordStrengthMeter) {
+            this.recalculatePasswordStrength();
+        }
+        this.showAutocompletion = this._type === INPUT_TYPES.SEARCH && this.isAutocompletable() && this.value;
+        this._emitChangeEvent();
+        this._controlValueAccessorChangeFn(this.value);
+    }
+    onFocus() {
+        this.focus = true;
+        this.isLabelActive = true;
+    }
+    onBlur() {
+        this.focus = false;
+        const inputValue = this.value;
+        if (!inputValue || inputValue.length === 0) {
+            this.isLabelActive = false;
+            if (this.type === INPUT_TYPES.NUMBER) {
+                this.value = '';
+            }
+        }
+    }
+    get noteId() {
+        return `${this.id}-note`;
+    }
+    getRelatedEntries() {
+        if (this.value) {
+            const lowercaseValue = this.value.toLowerCase();
+            const lowercaseData = this._autoCompleteData.filter((item) => item.value).map(item => {
+                return Object.assign(Object.assign({}, item), { original: item.value, lowercase: item.value.toLowerCase() });
+            });
+            const relatedEntries = [];
+            lowercaseData.forEach(lowercaseEntry => {
+                const matching = (lowercaseEntry.lowercase).includes(lowercaseValue);
+                if (matching) {
+                    relatedEntries.push(lowercaseEntry);
+                }
+            });
+            return relatedEntries;
+        }
+        else {
+            return [];
+        }
+    }
+    isAutocompletable() {
+        if (this._autoCompleteData && this._type === INPUT_TYPES.SEARCH) {
+            return this._autoCompleteData.length > 0;
+        }
+        else {
+            return false;
+        }
+    }
+    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.value = entry.value;
+        this.showAutocompletion = false;
+        this.onChange();
+    }
+    /**
+     * indica se il campo di input è composto da altri elementi accessori come
+     * icone o bottoni da posizionare adiacenti al campo di input
+     */
+    get isInputGroup() {
+        return this._textPrefixChildren.length > 0 || this._prefixChildren.length > 0 || !!this.icon
+            || this._suffixChildren.length > 0 || this._textSuffixChildren.length > 0;
+    }
+    /**
+     * Ricalcola il punteggio di sicurezza in base al valore corrente
+     */
+    recalculatePasswordStrength() {
+        this.passwordScore = this._formInputPasswordUtils.calculateScore(this.value);
+    }
+    get passwordScoreText() {
+        return this._formInputPasswordUtils.scoreText(this.passwordScore);
+    }
+    get passwordScoreColor() {
+        return this._formInputPasswordUtils.scoreColor(this.passwordScore);
+    }
+    get valueLength() {
+        if (!this.value) {
+            return 0;
+        }
+        return this.value.toString().length;
+    }
+    onKeyUp(event) {
+        this.isCapsLockActive = event.getModifierState && event.getModifierState('CapsLock');
+    }
+    autocompleteItemTrackByValueFn(index, item) {
+        return item.value;
+    }
+    /**
+     * Incrementa il valore dell'input numerico di tanto quanto vale lo step
+     */
+    incrementNumberValue() {
+        if (this.type === INPUT_TYPES.NUMBER) {
+            const tempValue = +this.value + this.step;
+            if (this.max === undefined || tempValue <= this.max) {
+                this.value = tempValue;
+            }
+        }
+    }
+    /**
+     * Decrementa il valore dell'input numerico di tanto quanto vale lo step
+     */
+    decrementNumberValue() {
+        if (this.type === INPUT_TYPES.NUMBER) {
+            const tempValue = +this.value - this.step;
+            if (this.min === undefined || tempValue >= this.min) {
+                this.value = tempValue;
+            }
+        }
+    }
+}
+FormInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: FormInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FormInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: FormInputComponent, selector: "it-input", inputs: { readonlyPlainText: "readonlyPlainText", enablePasswordStrengthMeter: "enablePasswordStrengthMeter", autocompleteWrapperSize: "autocompleteWrapperSize", passwordStrengthMeterConfig: "passwordStrengthMeterConfig", id: "id", name: "name", type: "type", label: "label", labelVisuallyHidden: "labelVisuallyHidden", min: "min", max: "max", step: "step", note: "note", placeholder: "placeholder", icon: "icon", disabled: "disabled", currency: "currency", percentage: "percentage", adaptive: "adaptive", readonly: "readonly", autoCompleteData: "autoCompleteData", disableCapsLockAlert: "disableCapsLockAlert", capsLockActiveLabel: "capsLockActiveLabel" }, outputs: { change: "change" }, host: { listeners: { "window:click": "onKeyUp($event)", "window:keydown": "onKeyUp($event)", "window:keyup": "onKeyUp($event)" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FormInputComponent),
+            multi: true
+        }], queries: [{ propertyName: "_prefixChildren", predicate: ItPrefixDirective, descendants: true }, { propertyName: "_textPrefixChildren", predicate: ItTextPrefixDirective, descendants: true }, { propertyName: "_suffixChildren", predicate: ItSuffixDirective, descendants: true }, { propertyName: "_textSuffixChildren", predicate: ItTextSuffixDirective, descendants: true }], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"form-group\" [class.autocomplete-wrapper-big]=\"autocompleteWrapperSize === 'big'\">\n  <div class=\"input-group\" *ngIf = \"isInputGroup; else formInputWithLabel\">\n      <ng-container *ngIf=\"_textPrefixChildren.length || _prefixChildren.length || icon\">\n        <div class=\"input-group-prepend\">\n\n          <!-- Gli elementi figli di \"it-input\" con la direttiva \"itTextPrefix\"  -->\n          <ng-container *ngIf=\"_textPrefixChildren.length || icon\">\n\n            <div class=\"input-group-text\" >\n              <ng-container *ngIf=\"icon\">\n                <it-icon [icon] = \"icon\" size=\"icon-sm\"></it-icon>\n              </ng-container>\n\n              <ng-container *ngIf=\"_textPrefixChildren.length\">\n                <ng-content select = \"[itTextPrefix]\"></ng-content>\n              </ng-container>\n            </div>\n          </ng-container>\n         \n          <ng-container *ngIf=\"_prefixChildren.length\">\n            <!-- Gli elementi figli di \"it-input\" con la direttiva \"itPrefix\"  -->\n            <ng-content select = \"[itPrefix]\"></ng-content>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <ng-container [ngTemplateOutlet]=\"formInputWithLabel\"></ng-container>\n\n      <ng-container *ngIf=\"_suffixChildren.length || _textSuffixChildren.length\">\n        <div  class=\"input-group-append\">\n          <!-- Gli elementi figli di \"it-input\" con la direttiva \"itTextSuffix\"  -->\n          <ng-container *ngIf=\"_textSuffixChildren.length\">\n            <div class=\"input-group-text\" >\n              <ng-content select = \"[itTextSuffix]\"></ng-content>\n            </div>\n          </ng-container>\n         \n          <ng-container *ngIf=\"_suffixChildren.length\">\n            <!-- Gli elementi figli di \"it-input\" con la direttiva \"itSuffix\"  -->\n            <ng-content select = \"[itSuffix]\"></ng-content>\n          </ng-container>\n        </div>\n      </ng-container>\n      \n    \n  </div>\n\n\n\n  <ng-template #formInput>\n      <input #inputElement\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (change)=\"onChange()\"\n        (input)=\"onInput()\"\n        [type]=\"type\"\n        [id]=\"id\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [step]=\"step\"\n        [class.focus--mouse]=\"focus\"\n        [class.input-password]=\"isPasswordMode\"\n        [attr.name]=\"name\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [placeholder]=\"placeholder\"\n        [style.width]=\"adaptive && valueLength ? 'calc(44px + ' + valueLength + 'ch)' : null\"\n        [ngClass]=\"{\n          'form-control' : (!readonly || !readonlyPlainText) && type !== INPUT_TYPES.NUMBER,\n          'form-control-plaintext' : readonly && readonlyPlainText,\n          'autocomplete' : isAutocompletable()\n        }\"\n      [attr.aria-describedby]=\"note ? noteId : undefined\"/>  \n  </ng-template>\n\n\n\n  <ng-template #formInputWithLabel>\n      <label  [attr.for]=\"id\" *ngIf=\"label\" \n              [class.visually-hidden]=\"labelVisuallyHidden\"\n              [class.input-number-label]=\"type === INPUT_TYPES.NUMBER\"\n              [class.active] = \"isLabelActive && !labelVisuallyHidden\" >\n        {{label}}\n      </label>\n    \n      <!-- INIZIO gestione input di tipo NUMBER -->\n\n      <ng-container *ngIf=\"type === INPUT_TYPES.NUMBER; else formInput\">\n        <span class=\"input-number\" \n              [class.input-number-adaptive]=\"adaptive\"\n              [class.input-number-currency]=\"currency\" \n              [class.input-number-percentage]=\"percentage\">\n\n          <ng-container [ngTemplateOutlet]=\"formInput\"></ng-container>\n\n          <button class=\"input-number-add\" (click)=\"incrementNumberValue()\" focusMouse>\n            <span class=\"visually-hidden\">Aumenta valore di {{step}} Euro</span>\n          </button>\n          <button class=\"input-number-sub\" (click)=\"decrementNumberValue()\" focusMouse>\n            <span class=\"visually-hidden\">Diminuisci valore di {{step}} Euro</span>\n          </button>\n        </span>\n      </ng-container>\n\n    <!-- FINE gestione input di tipo NUMBER -->\n\n  </ng-template>\n\n  <small [id]=\"noteId\" class=\"form-text\" *ngIf=\"note\">\n    {{note}}\n  </small>\n\n\n  <!-- INIZIO gestione input di tipo PASSWORD -->\n\n  <ng-container *ngIf=\"isPasswordMode\">\n    <!-- Icona dell'occhio per la vedere/nascondere la password -->\n    <span \n      class = \"password-icon\"\n      aria-hidden=\"true\"\n      (click)=\"isPasswordVisible = !isPasswordVisible\">\n      <it-icon [icon]=\"'it-password-' + (isPasswordVisible ? 'invisible' : 'visible')\" size=\"icon-sm\" color=\"default\"></it-icon>\n    </span>\n\n    <!-- Indicatore di sicurezza della password -->\n    <div class=\"password-strength-meter\" *ngIf=\"isPasswordMode && enablePasswordStrengthMeter\">\n      <small class=\"form-text\" \n        [ngClass] = \"['text-' + passwordScoreColor]\"\n        *ngIf = \"passwordStrengthMeterConfig.showText\">{{ passwordScoreText }}\n      </small>\n      <div class=\"password-meter progress rounded-0 position-absolute\">\n        <div class=\"row position-absolute w-100 m-0\">\n          <div class=\"col-3 border-start border-end border-white\"></div>\n          <div class=\"col-3 border-start border-end border-white\"></div>\n          <div class=\"col-3 border-start border-end border-white\"></div>\n          <div class=\"col-3 border-start border-end border-white\"></div>\n        </div>\n\n        <div class=\"progress-bar\" \n          [class]=\"['bg-' + passwordScoreColor]\"\n          role=\"progressbar\" [attr.aria-valuenow]=\"passwordScore >= 0 ? passwordScore : 0\" aria-valuemin=\"0\" aria-valuemax=\"100\" [style.width.%]=\"passwordScore >= 0 ? passwordScore : 0\">\n        </div>\n      </div>\n    </div>\n\n  </ng-container>\n\n <!-- FINE gestione input di tipo PASSWORD -->\n\n\n\n\n  <!-- Avviso CAPS LOCK Attivo -->\n  <small *ngIf=\"isCapsLockActive && !disableCapsLockAlert && type !== INPUT_TYPES.NUMBER\" class=\"password-caps form-text text-warning position-absolute bg-white w-100\">{{capsLockActiveLabel}}</small>\n\n\n\n  <!-- INIZIO gestione AUTOCOMPLETAMENTO -->\n\n\n  <!-- Icona lente per autocompletamento -->\n  <span class=\"autocomplete-icon\" aria-hidden=\"true\" *ngIf=\"isAutocompletable()\">\n    <it-icon icon = \"it-search\" size=\"icon-sm\" color=\"default\"></it-icon>\n  </span>\n\n\n  <!-- Lista di autocompletamento -->\n  <ul class=\"autocomplete-list\" *ngIf=\"isAutocompletable()\"  [class.autocomplete-list-show]=\"showAutocompletion\">\n    <li *ngFor=\"let entry of getRelatedEntries(); trackBy: autocompleteItemTrackByValueFn\" (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\" [icon]=\"entry.icon\" size=\"icon-sm\"></it-icon>\n        <span class=\"autocomplete-list-text\">\n          <span [innerHTML] = \"entry.original | markMatchingText: value\"></span>\n          <em *ngIf=\"entry.label\">{{entry.label}}</em>\n        </span>\n      </ng-template>\n    </li>\n  </ul>\n\n</div>\n\n  <!-- FINE gestione AUTOCOMPLETAMENTO -->", styles: ["label{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }, { kind: "component", type: IconComponent, selector: "it-icon", inputs: ["rounded", "roundedColor", "icon", "wai", "size", "color", "bgColor", "padded", "expand", "position", "verticalAlign"] }, { kind: "pipe", type: MarkMatchingTextPipe, name: "markMatchingText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: FormInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FormInputComponent),
+                            multi: true
+                        }], template: "<div class=\"form-group\" [class.autocomplete-wrapper-big]=\"autocompleteWrapperSize === 'big'\">\n  <div class=\"input-group\" *ngIf = \"isInputGroup; else formInputWithLabel\">\n      <ng-container *ngIf=\"_textPrefixChildren.length || _prefixChildren.length || icon\">\n        <div class=\"input-group-prepend\">\n\n          <!-- Gli elementi figli di \"it-input\" con la direttiva \"itTextPrefix\"  -->\n          <ng-container *ngIf=\"_textPrefixChildren.length || icon\">\n\n            <div class=\"input-group-text\" >\n              <ng-container *ngIf=\"icon\">\n                <it-icon [icon] = \"icon\" size=\"icon-sm\"></it-icon>\n              </ng-container>\n\n              <ng-container *ngIf=\"_textPrefixChildren.length\">\n                <ng-content select = \"[itTextPrefix]\"></ng-content>\n              </ng-container>\n            </div>\n          </ng-container>\n         \n          <ng-container *ngIf=\"_prefixChildren.length\">\n            <!-- Gli elementi figli di \"it-input\" con la direttiva \"itPrefix\"  -->\n            <ng-content select = \"[itPrefix]\"></ng-content>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <ng-container [ngTemplateOutlet]=\"formInputWithLabel\"></ng-container>\n\n      <ng-container *ngIf=\"_suffixChildren.length || _textSuffixChildren.length\">\n        <div  class=\"input-group-append\">\n          <!-- Gli elementi figli di \"it-input\" con la direttiva \"itTextSuffix\"  -->\n          <ng-container *ngIf=\"_textSuffixChildren.length\">\n            <div class=\"input-group-text\" >\n              <ng-content select = \"[itTextSuffix]\"></ng-content>\n            </div>\n          </ng-container>\n         \n          <ng-container *ngIf=\"_suffixChildren.length\">\n            <!-- Gli elementi figli di \"it-input\" con la direttiva \"itSuffix\"  -->\n            <ng-content select = \"[itSuffix]\"></ng-content>\n          </ng-container>\n        </div>\n      </ng-container>\n      \n    \n  </div>\n\n\n\n  <ng-template #formInput>\n      <input #inputElement\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (change)=\"onChange()\"\n        (input)=\"onInput()\"\n        [type]=\"type\"\n        [id]=\"id\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [step]=\"step\"\n        [class.focus--mouse]=\"focus\"\n        [class.input-password]=\"isPasswordMode\"\n        [attr.name]=\"name\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [placeholder]=\"placeholder\"\n        [style.width]=\"adaptive && valueLength ? 'calc(44px + ' + valueLength + 'ch)' : null\"\n        [ngClass]=\"{\n          'form-control' : (!readonly || !readonlyPlainText) && type !== INPUT_TYPES.NUMBER,\n          'form-control-plaintext' : readonly && readonlyPlainText,\n          'autocomplete' : isAutocompletable()\n        }\"\n      [attr.aria-describedby]=\"note ? noteId : undefined\"/>  \n  </ng-template>\n\n\n\n  <ng-template #formInputWithLabel>\n      <label  [attr.for]=\"id\" *ngIf=\"label\" \n              [class.visually-hidden]=\"labelVisuallyHidden\"\n              [class.input-number-label]=\"type === INPUT_TYPES.NUMBER\"\n              [class.active] = \"isLabelActive && !labelVisuallyHidden\" >\n        {{label}}\n      </label>\n    \n      <!-- INIZIO gestione input di tipo NUMBER -->\n\n      <ng-container *ngIf=\"type === INPUT_TYPES.NUMBER; else formInput\">\n        <span class=\"input-number\" \n              [class.input-number-adaptive]=\"adaptive\"\n              [class.input-number-currency]=\"currency\" \n              [class.input-number-percentage]=\"percentage\">\n\n          <ng-container [ngTemplateOutlet]=\"formInput\"></ng-container>\n\n          <button class=\"input-number-add\" (click)=\"incrementNumberValue()\" focusMouse>\n            <span class=\"visually-hidden\">Aumenta valore di {{step}} Euro</span>\n          </button>\n          <button class=\"input-number-sub\" (click)=\"decrementNumberValue()\" focusMouse>\n            <span class=\"visually-hidden\">Diminuisci valore di {{step}} Euro</span>\n          </button>\n        </span>\n      </ng-container>\n\n    <!-- FINE gestione input di tipo NUMBER -->\n\n  </ng-template>\n\n  <small [id]=\"noteId\" class=\"form-text\" *ngIf=\"note\">\n    {{note}}\n  </small>\n\n\n  <!-- INIZIO gestione input di tipo PASSWORD -->\n\n  <ng-container *ngIf=\"isPasswordMode\">\n    <!-- Icona dell'occhio per la vedere/nascondere la password -->\n    <span \n      class = \"password-icon\"\n      aria-hidden=\"true\"\n      (click)=\"isPasswordVisible = !isPasswordVisible\">\n      <it-icon [icon]=\"'it-password-' + (isPasswordVisible ? 'invisible' : 'visible')\" size=\"icon-sm\" color=\"default\"></it-icon>\n    </span>\n\n    <!-- Indicatore di sicurezza della password -->\n    <div class=\"password-strength-meter\" *ngIf=\"isPasswordMode && enablePasswordStrengthMeter\">\n      <small class=\"form-text\" \n        [ngClass] = \"['text-' + passwordScoreColor]\"\n        *ngIf = \"passwordStrengthMeterConfig.showText\">{{ passwordScoreText }}\n      </small>\n      <div class=\"password-meter progress rounded-0 position-absolute\">\n        <div class=\"row position-absolute w-100 m-0\">\n          <div class=\"col-3 border-start border-end border-white\"></div>\n          <div class=\"col-3 border-start border-end border-white\"></div>\n          <div class=\"col-3 border-start border-end border-white\"></div>\n          <div class=\"col-3 border-start border-end border-white\"></div>\n        </div>\n\n        <div class=\"progress-bar\" \n          [class]=\"['bg-' + passwordScoreColor]\"\n          role=\"progressbar\" [attr.aria-valuenow]=\"passwordScore >= 0 ? passwordScore : 0\" aria-valuemin=\"0\" aria-valuemax=\"100\" [style.width.%]=\"passwordScore >= 0 ? passwordScore : 0\">\n        </div>\n      </div>\n    </div>\n\n  </ng-container>\n\n <!-- FINE gestione input di tipo PASSWORD -->\n\n\n\n\n  <!-- Avviso CAPS LOCK Attivo -->\n  <small *ngIf=\"isCapsLockActive && !disableCapsLockAlert && type !== INPUT_TYPES.NUMBER\" class=\"password-caps form-text text-warning position-absolute bg-white w-100\">{{capsLockActiveLabel}}</small>\n\n\n\n  <!-- INIZIO gestione AUTOCOMPLETAMENTO -->\n\n\n  <!-- Icona lente per autocompletamento -->\n  <span class=\"autocomplete-icon\" aria-hidden=\"true\" *ngIf=\"isAutocompletable()\">\n    <it-icon icon = \"it-search\" size=\"icon-sm\" color=\"default\"></it-icon>\n  </span>\n\n\n  <!-- Lista di autocompletamento -->\n  <ul class=\"autocomplete-list\" *ngIf=\"isAutocompletable()\"  [class.autocomplete-list-show]=\"showAutocompletion\">\n    <li *ngFor=\"let entry of getRelatedEntries(); trackBy: autocompleteItemTrackByValueFn\" (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\" [icon]=\"entry.icon\" size=\"icon-sm\"></it-icon>\n        <span class=\"autocomplete-list-text\">\n          <span [innerHTML] = \"entry.original | markMatchingText: value\"></span>\n          <em *ngIf=\"entry.label\">{{entry.label}}</em>\n        </span>\n      </ng-template>\n    </li>\n  </ul>\n\n</div>\n\n  <!-- FINE gestione AUTOCOMPLETAMENTO -->", styles: ["label{pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _prefixChildren: [{
+                type: ContentChildren,
+                args: [ItPrefixDirective, { descendants: true }]
+            }], _textPrefixChildren: [{
+                type: ContentChildren,
+                args: [ItTextPrefixDirective, { descendants: true }]
+            }], _suffixChildren: [{
+                type: ContentChildren,
+                args: [ItSuffixDirective, { descendants: true }]
+            }], _textSuffixChildren: [{
+                type: ContentChildren,
+                args: [ItTextSuffixDirective, { descendants: true }]
+            }], _inputElement: [{
+                type: ViewChild,
+                args: ['inputElement', { static: false }]
+            }], readonlyPlainText: [{
+                type: Input
+            }], enablePasswordStrengthMeter: [{
+                type: Input
+            }], autocompleteWrapperSize: [{
+                type: Input
+            }], passwordStrengthMeterConfig: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], labelVisuallyHidden: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], note: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], percentage: [{
+                type: Input
+            }], adaptive: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], autoCompleteData: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], disableCapsLockAlert: [{
+                type: Input
+            }], capsLockActiveLabel: [{
+                type: Input
+            }], onKeyUp: [{
+                type: HostListener,
+                args: ['window:click', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['window:keydown', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['window:keyup', ['$event']]
+            }] } });
+
+let identifier$3 = 0;
+/**
+ * Componente usata per visualizzare una voce di menù all'interno di una dropdown
+ */
+class DropdownItemComponent {
+    constructor() {
+        this.id = `dropdown-item-${identifier$3++}`;
+        this._link = '';
+        this._active = false;
+        this._disabled = false;
+        this._large = false;
+        this._icon = undefined;
+        this._iconPosition = HorizontalAlign.right;
+        this._iconColor = IconColorEnum.primary;
+    }
+    /**
+     * Il link alla pagina verso cui andare al click sull'elemento del dropdown
+     */
+    get link() { return !this.disabled ? this._link : ''; }
+    set link(value) { this._link = value; }
+    /**
+     * Se presente indica che l'elemento viene renderizzato come elemento attivo.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get active() { return this._active; }
+    set active(value) { this._active = Util.coerceBooleanProperty(value); }
+    /**
+     * Se presente indica che l'elemento è disabilitato.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = Util.coerceBooleanProperty(value);
+    }
+    /**
+     * Se presente indica che il testo dell'elemento viene renderizzato più grande.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get large() { return this._large; }
+    set large(value) { this._large = Util.coerceBooleanProperty(value); }
+    /**
+     * La classe dell'icona da usare prima o dopo del testo dell'elemento del dropdown
+     */
+    get icon() { return this._icon; }
+    set icon(value) { this._icon = value; }
+    /**
+     * La posizione dell'icona rispetto al testo dell'elemento del dropdown.
+     * Può assumere valori right o left.
+     */
+    get iconPosition() { return this._iconPosition; }
+    set iconPosition(value) {
+        if (HORIZONTAL_ALIGN.is(value)) {
+            this._iconPosition = value;
+        }
+        else {
+            this._iconPosition = HorizontalAlign.right;
+        }
+    }
+    get iconColor() { return this._iconColor; }
+    set iconColor(value) { this._iconColor = value; }
+    get dropdownItemClass() {
+        return `list-item ${this.iconPosition}-icon`;
+    }
+    get iconClass() {
+        return `${this.icon} ${this.iconPosition}`;
+    }
+}
+DropdownItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: DropdownItemComponent, selector: "it-dropdown-item", inputs: { link: "link", active: "active", disabled: "disabled", large: "large", icon: "icon", iconPosition: "iconPosition", iconColor: "iconColor" }, ngImport: i0, template: "<li [id]=\"id\">\n  <a itDropdownItem focusMouse\n    [attr.href]=\"link\"\n    [attr.tabindex]=\"this.disabled ? -1 : 0\"\n    [class]=\"dropdownItemClass\"\n    [ngClass]=\"{\n      'large' : large, \n      'active' : active,\n      'disabled' : disabled,\n      'disabled-item-link' : disabled,\n      'left-icon': iconPosition === 'left',\n      'right-icon': iconPosition === 'right'\n    }\">\n    <span>\n      <ng-content></ng-content>\n    </span>\n    <it-icon *ngIf = \"icon\" [icon]=\"icon\" [position]=\"iconPosition\" [color] = \"iconColor\"></it-icon>\n  </a>\n</li>", styles: [".disabled-item-link{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon", inputs: ["rounded", "roundedColor", "icon", "wai", "size", "color", "bgColor", "padded", "expand", "position", "verticalAlign"] }, { kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }, { kind: "directive", type: ItDropdownItem, selector: "[itDropdownItem]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dropdown-item', template: "<li [id]=\"id\">\n  <a itDropdownItem focusMouse\n    [attr.href]=\"link\"\n    [attr.tabindex]=\"this.disabled ? -1 : 0\"\n    [class]=\"dropdownItemClass\"\n    [ngClass]=\"{\n      'large' : large, \n      'active' : active,\n      'disabled' : disabled,\n      'disabled-item-link' : disabled,\n      'left-icon': iconPosition === 'left',\n      'right-icon': iconPosition === 'right'\n    }\">\n    <span>\n      <ng-content></ng-content>\n    </span>\n    <it-icon *ngIf = \"icon\" [icon]=\"icon\" [position]=\"iconPosition\" [color] = \"iconColor\"></it-icon>\n  </a>\n</li>", styles: [".disabled-item-link{pointer-events:none}\n"] }]
+        }], propDecorators: { link: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], large: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }] } });
+
+let identifier$2 = 0;
+const DEFAULT_COLOR = 'dropdown';
+/**
+ * Componente usata per attivare o disattivare overlay contestuali per visualizzare elenchi di link e altro ancora con questi menù a tendina
+ */
+class DropdownComponent {
+    constructor() {
+        this.id = `dropdown-${identifier$2++}`;
+        this.menuHeading = "";
+        this.expandIcon = "it-expand";
+        this.expandIconPosition = 'end';
+        this._dark = false;
+        this._fullWidth = false;
+        this._color = DEFAULT_COLOR;
+        this._label = '';
+        this._onOpen = new EventEmitter();
+        this._onClose = new EventEmitter();
+        this.isOpen = false;
+        this.autoUpdateMenuItemsIconColor = true;
+    }
+    get menuPlacement() {
+        return this._menuPlacement;
+    }
+    set menuPlacement(value) {
+        if (value === 'left-start') {
+            this.expandIconPosition = 'start';
+        }
+        else if (value === 'right-start') {
+            this.expandIconPosition = 'end';
+        }
+        this._menuPlacement = value;
+    }
+    /**
+     * Se presente indica che il dropdown utilizza il tema di colorazione scura.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get dark() { return this._dark; }
+    set dark(value) {
+        this._dark = Util.coerceBooleanProperty(value);
+        if (this.autoUpdateMenuItemsIconColor) {
+            this.updateMenuItemsIconColor();
+        }
+    }
+    /**
+     * Se presente indica che le voci del dropdown si sviluppano orizzontalmente.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get fullWidth() { return this._fullWidth; }
+    set fullWidth(value) { this._fullWidth = Util.coerceBooleanProperty(value); }
+    /**
+     * Il colore del pulsante che attiva il dropdown.
+     * Può assumere i valori primary, secondary, danger, warning, info, warning, success, light e dark
+     */
+    get color() { return this._color; }
+    set color(value) {
+        if (ThemeColor.is(value)) {
+            this._color = value;
+        }
+        else {
+            this._color = DEFAULT_COLOR;
+        }
+    }
+    /**
+     * Il testo presente sul pulsante che attiva il dropdown
+     */
+    get label() { return this._label; }
+    set label(value) { this._label = value; }
+    /**
+     * Evento che viene lanciato ogni volta che il dropdown viene aperto
+     */
+    get onOpen() { return this._onOpen; }
+    set onOpen(value) { this._onOpen = value; }
+    /**
+    * Evento che viene lanciato ogni volta che il dropdown viene chiuso
+    */
+    get onClose() { return this._onClose; }
+    set onClose(value) { this._onClose = value; }
+    onOpenChange(isOpen) {
+        this.isOpen = isOpen;
+        if (this.isOpen) {
+            this.onOpen.emit();
+        }
+        else {
+            this.onClose.emit();
+        }
+    }
+    updateMenuItemsIconColor() {
+        var _a;
+        (_a = this.menuItems) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+            item.iconColor = this._dark ? IconColorEnum.light : IconColorEnum.primary;
+        });
+    }
+    get isDropend() {
+        return this._menuPlacement === 'right-start';
+    }
+    get isDropstart() {
+        return this._menuPlacement === 'left-start';
+    }
+    get isDropup() {
+        return this._menuPlacement === 'top-start';
+    }
+}
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: DropdownComponent, selector: "it-dropdown", inputs: { menuHeading: "menuHeading", expandIcon: "expandIcon", expandIconPosition: "expandIconPosition", menuPlacement: "menuPlacement", dark: "dark", fullWidth: "fullWidth", color: "color", label: "label", autoUpdateMenuItemsIconColor: "autoUpdateMenuItemsIconColor" }, outputs: { onOpen: "onOpen", onClose: "onClose" }, queries: [{ propertyName: "menuItems", predicate: DropdownItemComponent }], ngImport: i0, template: "<div  itDropdown (openChange)=\"onOpenChange($event)\"  \n      [placement]=\"menuPlacement\"\n      [class.dropstart] = \"isDropstart\"\n      [class.dropend] = \"isDropend\"\n      [class.dropup] = \"isDropup\">\n  <button class=\"dropdown-toggle\" [itButton]=\"color\" itDropdownToggle id=\"dropdownMenuButton\" aria-haspopup=\"true\">\n    <it-icon *ngIf = \"expandIcon && expandIconPosition === 'start'\" [icon]=\"expandIcon\" [expand]=\"true\"> </it-icon>\n    {{label}}\n    <it-icon *ngIf = \"expandIcon && expandIconPosition === 'end'\" [icon]=\"expandIcon\" [expand]=\"true\"> </it-icon>\n  </button>\n  <div itDropdownMenu aria-labelledby=\"dropdownMenuButton\" [class.dark]=\"dark\" [class.full-width]=\"fullWidth\">\n    <div class=\"link-list-wrapper\">\n      <div class=\"link-list-heading\" *ngIf = \"menuHeading\">{{menuHeading}}</div>\n      <ul class=\"link-list\">\n        <ng-content></ng-content>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".dropup .dropdown-toggle:after{display:none}.dropup .dropdown-toggle .icon-expand,.dropup .btn-dropdown .icon-expand{transform:scaleY(-1)}.dropup .btn-dropdown[aria-expanded=true] .icon-expand,.dropup .dropdown-toggle[aria-expanded=true] .icon-expand{transform:scaleY(1)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "it-icon", inputs: ["rounded", "roundedColor", "icon", "wai", "size", "color", "bgColor", "padded", "expand", "position", "verticalAlign"] }, { kind: "directive", type: ItButtonDirective, selector: "[itButton]", inputs: ["autoUpdateIconColor", "itButton", "disabled", "outline", "block", "size"], exportAs: ["itButton"] }, { kind: "directive", type: ItDropdown, selector: "[itDropdown]", outputs: ["openChange"], exportAs: ["itDropdown"] }, { kind: "directive", type: ItDropdownMenu, selector: "[itDropdownMenu]" }, { kind: "directive", type: ItDropdownToggle, selector: "[itDropdownToggle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div  itDropdown (openChange)=\"onOpenChange($event)\"  \n      [placement]=\"menuPlacement\"\n      [class.dropstart] = \"isDropstart\"\n      [class.dropend] = \"isDropend\"\n      [class.dropup] = \"isDropup\">\n  <button class=\"dropdown-toggle\" [itButton]=\"color\" itDropdownToggle id=\"dropdownMenuButton\" aria-haspopup=\"true\">\n    <it-icon *ngIf = \"expandIcon && expandIconPosition === 'start'\" [icon]=\"expandIcon\" [expand]=\"true\"> </it-icon>\n    {{label}}\n    <it-icon *ngIf = \"expandIcon && expandIconPosition === 'end'\" [icon]=\"expandIcon\" [expand]=\"true\"> </it-icon>\n  </button>\n  <div itDropdownMenu aria-labelledby=\"dropdownMenuButton\" [class.dark]=\"dark\" [class.full-width]=\"fullWidth\">\n    <div class=\"link-list-wrapper\">\n      <div class=\"link-list-heading\" *ngIf = \"menuHeading\">{{menuHeading}}</div>\n      <ul class=\"link-list\">\n        <ng-content></ng-content>\n      </ul>\n    </div>\n  </div>\n</div>\n", styles: [".dropup .dropdown-toggle:after{display:none}.dropup .dropdown-toggle .icon-expand,.dropup .btn-dropdown .icon-expand{transform:scaleY(-1)}.dropup .btn-dropdown[aria-expanded=true] .icon-expand,.dropup .dropdown-toggle[aria-expanded=true] .icon-expand{transform:scaleY(1)}\n"] }]
+        }], propDecorators: { menuItems: [{
+                type: ContentChildren,
+                args: [DropdownItemComponent]
+            }], menuHeading: [{
+                type: Input
+            }], expandIcon: [{
+                type: Input
+            }], expandIconPosition: [{
+                type: Input
+            }], menuPlacement: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], onOpen: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], autoUpdateMenuItemsIconColor: [{
+                type: Input
+            }] } });
+
+class DropdownDividerComponent {
+}
+DropdownDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DropdownDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: DropdownDividerComponent, selector: "it-dropdown-divider", ngImport: i0, template: "<li>\n  <span class=\"divider\"></span>\n</li>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DropdownDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-dropdown-divider', template: "<li>\n  <span class=\"divider\"></span>\n</li>" }]
+        }] });
+
+let identifier$1 = 0;
+class BreadcrumbItemComponent {
+    constructor(_cdRef, _elemRef) {
+        this._cdRef = _cdRef;
+        this._elemRef = _elemRef;
+        this.id = `it-breadcrumb-item-${identifier$1++}`;
+        this._isLast = false;
+        this.customClass = '';
+    }
+    /**
+     * Il link alla pagina verso cui andare al click di questo elemento del breadcrumb
+     */
+    get link() { return this._link; }
+    set link(value) { this._link = value; }
+    /**
+     * La classe dell'icona da usare prima del testo dell'elemento del breadcrumb
+     */
+    get icon() { return this._icon; }
+    set icon(value) { this._icon = value; }
+    get iconColor() { return this._iconColor; }
+    set iconColor(value) {
+        if (this._iconColor !== value) {
+            this._iconColor = value;
+            this._cdRef.detectChanges();
+        }
+    }
+    get separator() { return this._separator; }
+    set separator(value) { this._separator = value; }
+    get isLast() { return this._isLast; }
+    set isLast(value) {
+        this._isLast = value;
+        const breadcrumbItem = this._elemRef.nativeElement.querySelector('.breadcrumb-item');
+        if (this._isLast) {
+            breadcrumbItem.setAttribute('aria-current', 'page');
+        }
+        else {
+            if (breadcrumbItem.hasAttribute('aria-current')) {
+                breadcrumbItem.removeAttribute('aria-current');
+            }
+        }
+        this._cdRef.detectChanges();
+    }
+    get breadcrumbClass() {
+        var _a;
+        return 'breadcrumb-item ' + ((_a = this.customClass) !== null && _a !== void 0 ? _a : '') + (this.isLast ? ' active' : '');
+    }
+}
+BreadcrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: BreadcrumbItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: BreadcrumbItemComponent, selector: "it-breadcrumb-item", inputs: { link: "link", icon: "icon", iconColor: "iconColor", customClass: "customClass" }, ngImport: i0, template: "<li [class]=\"breadcrumbClass\" [id]=\"id\">\n  <it-icon [icon] = \"icon\" [color] = \"iconColor\"></it-icon>\n\n  <a [href]=\"link\" focusMouse>\n    <ng-content></ng-content>\n  </a> \n  <span class=\"separator\" *ngIf=\"!isLast\">{{separator}}</span>\n</li>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }, { kind: "component", type: IconComponent, selector: "it-icon", inputs: ["rounded", "roundedColor", "icon", "wai", "size", "color", "bgColor", "padded", "expand", "position", "verticalAlign"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-breadcrumb-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li [class]=\"breadcrumbClass\" [id]=\"id\">\n  <it-icon [icon] = \"icon\" [color] = \"iconColor\"></it-icon>\n\n  <a [href]=\"link\" focusMouse>\n    <ng-content></ng-content>\n  </a> \n  <span class=\"separator\" *ngIf=\"!isLast\">{{separator}}</span>\n</li>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { link: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }] } });
+
+const DEFAULT_SEPARATOR = '/';
+let identifier = 0;
+/**
+ * Una componente che indica la posizione della pagina corrente all’interno di una gerarchia di navigazione
+ */
+class BreadcrumbComponent {
+    constructor() {
+        this.id = `it-breadcrumb-${identifier++}`;
+        this._dark = false;
+        this._separator = DEFAULT_SEPARATOR;
+        this.customClass = '';
+        this.ariaLabel = 'breadcrumb';
+        this._subscription = Subscription.EMPTY;
+    }
+    /**
+     * Indica che il breadcrumb utilizza il tema di colorazione scura.
+     * Accetta una espressione booleana o può essere usato come attributo senza valore
+     */
+    get dark() { return this._dark; }
+    set dark(value) {
+        this._dark = Util.coerceBooleanProperty(value);
+    }
+    /**
+     * Il carattere che verrà usato come separatore tra gli elementi del breadcrumb
+     */
+    get separator() { return this._separator; }
+    set separator(value) { this._separator = value ? value : DEFAULT_SEPARATOR; }
+    get breadcrumbClass() {
+        var _a;
+        return 'breadcrumb ' + ((_a = this.customClass) !== null && _a !== void 0 ? _a : '') + (this._dark ? ' dark' : '');
+    }
+    ngAfterContentInit() {
+        this._reloadBreadcrumbs(this._items);
+    }
+    ngOnChanges(changes) {
+        if (changes['separator']) {
+            if (!changes['separator'].firstChange) {
+                this._reloadBreadcrumbs(this._items);
+            }
+        }
+        else if (changes['dark']) {
+            this._reloadBreadcrumbs(this._items);
+        }
+    }
+    ngOnDestroy() {
+        if (this._subscription) {
+            this._subscription.unsubscribe();
+        }
+    }
+    _reloadBreadcrumbs(currentItems) {
+        currentItems.forEach(item => {
+            item.separator = this.separator;
+            item.isLast = (item === currentItems.last);
+            item.iconColor = item.iconColor || (this._dark ? 'white' : 'primary');
+        });
+        this._subscribeToChanges();
+    }
+    _subscribeToChanges() {
+        if (this._subscription) {
+            this._subscription.unsubscribe();
+        }
+        this._subscription = this._items.changes.subscribe(items => {
+            this._reloadBreadcrumbs(items);
+        });
+    }
+}
+BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: BreadcrumbComponent, selector: "it-breadcrumb", inputs: { dark: "dark", separator: "separator", customClass: "customClass", ariaLabel: "ariaLabel" }, queries: [{ propertyName: "_items", predicate: i0.forwardRef(function () { return BreadcrumbItemComponent; }), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav class=\"breadcrumb-container\" [attr.aria-label]=\"ariaLabel\" [id]=\"id\">\n  <ol [ngClass]=\"breadcrumbClass\">\n    <ng-content></ng-content>\n  </ol>\n</nav>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"breadcrumb-container\" [attr.aria-label]=\"ariaLabel\" [id]=\"id\">\n  <ol [ngClass]=\"breadcrumbClass\">\n    <ng-content></ng-content>\n  </ol>\n</nav>" }]
+        }], propDecorators: { dark: [{
+                type: Input
+            }], separator: [{
+                type: Input
+            }], _items: [{
+                type: ContentChildren,
+                args: [forwardRef(() => BreadcrumbItemComponent), { descendants: true }]
+            }], customClass: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+/**
+ * Un componente tab con design bootstrap italia. Indica la singola tab di un insieme di tab.
+ * Utilizzabile con il tag `<it-tab>` all'interno di un tag `<it-tab-group>`.
+ */
+class ItTabComponent {
+    constructor() {
+        /** Testo della tab. */
+        this.label = ''; // tslint:disable-line
+        this._disabled = false;
+        /**
+         * La stringa rappresentante l'icona da utilizzare nel titolo della tab. Es. `it-file`
+         */
+        this.icon = null;
+        /** Emette un evento ogni volta che la label cambia. */
+        this._labelChange = new Subject();
+        /** Emette un evento ogni volta che l'attributo disabled cambia */
+        this._disableChange = new Subject();
+        /**
+         * La posizione relativa della tab dove 0 rappresenta il centro, i negativi sono a sinistra
+         * e i positivi sono a destra.
+         */
+        this.position = null;
+        /**
+         * Se il tab è attivo.
+         */
+        this.isActive = false;
+    }
+    /** Se la tab è disabilitata. */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = Util.coerceBooleanProperty(value);
+    }
+    ngOnDestroy() {
+        this._disableChange.complete();
+        this._labelChange.complete();
+    }
+    ngOnChanges(changes) {
+        if (changes.hasOwnProperty('label')
+            || changes.hasOwnProperty('ariaLabel')
+            || changes.hasOwnProperty('ariaLabelledby')) {
+            this._labelChange.next();
+        }
+        if (changes.hasOwnProperty('disabled')) {
+            this._disableChange.next();
+        }
+    }
+}
+ItTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ItTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ItTabComponent, selector: "it-tab", inputs: { label: "label", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], disabled: "disabled", icon: "icon" }, viewQueries: [{ propertyName: "_implicitContent", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["itTab"], usesOnChanges: true, ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-tab', exportAs: 'itTab', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template><ng-content></ng-content></ng-template>\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledby: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], disabled: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], _implicitContent: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+
+/** Usato per generare ID univoci per ogni componente tab */
+let nextId = 0;
+/** Un change event emesso ai cambi di selezione. */
+class TabChangeEvent {
+}
+/**
+* Un componente tab-group con design bootstrap italia. Utilizzabile con il tag `<it-tab-group>`.
+*
+* Supporta al suo interno tab di base `<it-tab>` con una label e un contenuto.
+*/
+class ItTabGroupComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        /** L'indice del tab che dovrebbe essere selezionato dopo che il contenuto e' stato controllato */
+        this._indexToSelect = 0;
+        /** Subscription all'aggiunta e rimozione di tab. */
+        this._tabsSubscription = Subscription.EMPTY;
+        /** Subscription ai cambiamenti alle label dei tab. */
+        this._tabLabelSubscription = Subscription.EMPTY;
+        this._isPill = false;
+        this._selectedIndex = null;
+        this._dark = false;
+        /** abilita il supporto al data-binding bidirezionale `[(selectedIndex)]` */
+        this.selectedIndexChange = new EventEmitter();
+        /** emesso quando la selezione del tab cambia. */
+        this.selectedTabChange = new EventEmitter(true);
+        this._groupId = nextId++;
+    }
+    /** Se le tab sono formattate come pill. */
+    get pill() { return this._isPill; }
+    set pill(value) {
+        this._isPill = Util.coerceBooleanProperty(value);
+    }
+    /** L'indice della tab attiva. */
+    get selectedIndex() { return this._selectedIndex; }
+    set selectedIndex(value) {
+        this._indexToSelect = Util.coerceNumberProperty(value, null);
+    }
+    /**
+     * Se il tab-group ha un tema scuro
+     */
+    get dark() { return this._dark; }
+    set dark(value) {
+        this._dark = Util.coerceBooleanProperty(value);
+    }
+    /**
+     * Dopo che il contenuto è controllato, il componente conosce i tab che sono stati definiti
+     * e qual è l'indice del tab selezionato.
+     */
+    ngAfterContentChecked() {
+        this.changeTab(this._indexToSelect);
+    }
+    changeTab(newIndex) {
+        // Non fissare `indexToSelect` immediatamente nel setter perchè può accadere che
+        // il numero di tab cambi prima che avvenga la change detection.
+        const indexToSelect = this._indexToSelect = this._clampTabIndex(newIndex);
+        // Se il nuovo tab è disabilitato, non fare niente
+        if (this._tabs && this._tabs.length > 0 && this._tabs.toArray()[indexToSelect].disabled) {
+            return;
+        }
+        if (this._selectedIndex !== indexToSelect && this._selectedIndex != null) {
+            const tabChangeEvent = this._createChangeEvent(indexToSelect);
+            this.selectedTabChange.emit(tabChangeEvent);
+            // Emetto questo valore dopo che è partita la change detection
+            // dal momento che il contenuto controllato potrebbe contenere questa variabile
+            Promise.resolve().then(() => this.selectedIndexChange.emit(indexToSelect));
+        }
+        // Setta la posizione per ogni tab.
+        this._tabs.forEach((tab, index) => {
+            tab.position = index - indexToSelect;
+            tab.isActive = index === indexToSelect;
+        });
+        if (this._selectedIndex !== indexToSelect) {
+            this._selectedIndex = indexToSelect;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    ngAfterContentInit() {
+        this._subscribeToTabLabels();
+        // Sottoscrivi al cambiamento nel numero di tab, così da
+        // poter ri-renderizzare il contenuto quando nuove tab vengono aggiunte o rimosse.
+        this._tabsSubscription = this._tabs.changes.subscribe(() => {
+            const indexToSelect = this._clampTabIndex(this._indexToSelect);
+            // Mantieni il tab selezionato precedentemente se un nuovo tab è aggiunto o rimosso e non ci sono
+            // cambiamenti espliciti che selezionino un tab differente.
+            if (indexToSelect === this._selectedIndex) {
+                const tabs = this._tabs.toArray();
+                for (let i = 0; i < tabs.length; i++) {
+                    if (tabs[i].isActive) {
+                        // Assegna `_indexToSelect` e `_selectedIndex` in modo da non emettere un change event
+                        // per evitare al consumer loop infiniti in alcuni casi limite come ad esempio
+                        // se si aggiunge un tab all'interno dell'evento `selectedIndexChange`.
+                        this._indexToSelect = this._selectedIndex = i;
+                        break;
+                    }
+                }
+            }
+            this._subscribeToTabLabels();
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this._tabsSubscription.unsubscribe();
+        this._tabLabelSubscription.unsubscribe();
+    }
+    _createChangeEvent(index) {
+        const event = new TabChangeEvent;
+        event.index = index;
+        if (this._tabs && this._tabs.length) {
+            event.tab = this._tabs.toArray()[index];
+        }
+        return event;
+    }
+    /**
+     * Sottoscrivi a cambiamenti nelle label dei tab. Necessario perchè l'input per la label è sul TabComponent
+     * mentre il data binding è all'interno di TabGroupComponent. Per fare in modo che il binding sia aggiornato
+     * bisogna sottoscriversi ai cambiamenti e azionare la change detection in maniera manuale.
+     */
+    _subscribeToTabLabels() {
+        if (this._tabLabelSubscription) {
+            this._tabLabelSubscription.unsubscribe();
+        }
+        this._tabLabelSubscription = merge(...this._tabs.map(tab => tab._disableChange), ...this._tabs.map(tab => tab._labelChange)).subscribe(() => {
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    /** fissa l'indice tra 0 e la dimensione dei tab. */
+    _clampTabIndex(index) {
+        return Math.min(this._tabs.length - 1, Math.max(index || 0, 0));
+    }
+    /** ritorna un id univoco per ogni label di tab */
+    _getTabLabelId(i) {
+        return `it-tab-label-${this._groupId}-${i}`;
+    }
+    /** ritorna un id univoco per ogni elemento di contenuto del tab */
+    _getTabContentId(i) {
+        return `it-tab-content-${this._groupId}-${i}`;
+    }
+    /** restituisce il tabIndex del tab. */
+    _getTabIndex(tab, idx) {
+        if (tab.disabled) {
+            return null;
+        }
+        return this.selectedIndex === idx ? 0 : -1;
+    }
+    _handleClick($event, index) {
+        $event.preventDefault();
+        this.changeTab(index);
+    }
+}
+ItTabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ItTabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ItTabGroupComponent, selector: "it-tab-group", inputs: { pill: "pill", selectedIndex: "selectedIndex", dark: "dark" }, outputs: { selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange" }, queries: [{ propertyName: "_tabs", predicate: ItTabComponent }], exportAs: ["itTabGroup"], ngImport: i0, template: "<ul class=\"nav\" [ngClass]=\"{'nav-dark': dark, 'nav-tabs': !pill, 'nav-pills mb-3': pill}\" role=\"tablist\">\n\n  <li class=\"nav-item\" *ngFor=\"let tab of _tabs; let i = index\">\n    <a\n    focusMouse\n      href=\"#\"\n      role=\"tab\"\n      [attr.aria-controls]=\"_getTabContentId(i)\"\n      [attr.aria-selected]=\"selectedIndex == i\"\n      [attr.aria-label]=\"tab.ariaLabel || null\"\n      [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\n      [ngClass]=\"{ 'nav-link': true, 'active': selectedIndex == i, 'disabled': tab.disabled }\"\n      [id]=\"_getTabLabelId(i)\"\n      (click)=\"_handleClick($event, i)\"\n      >\n      <i *ngIf=\"tab.icon\" class=\"it-ico-lg d-block text-center\" [ngClass]=\"tab.icon\"></i>\n      {{tab.label}}\n    </a>\n  </li>\n</ul>\n<div class=\"tab-content\">\n  <ng-container *ngFor=\"let tab of _tabs; let i = index\">\n    <div\n      [ngClass]=\"{ 'tab-pane p-3': true, 'show active': selectedIndex == i }\"\n      [id]=\"_getTabContentId(i)\"\n      role=\"tabpanel\"\n      [attr.aria-labelledby]=\"_getTabLabelId(i)\">\n      <ng-container *ngTemplateOutlet=\"tab._implicitContent\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusMouseDirective, selector: "[focusMouse]", exportAs: ["focusMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-tab-group', exportAs: 'itTabGroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"nav\" [ngClass]=\"{'nav-dark': dark, 'nav-tabs': !pill, 'nav-pills mb-3': pill}\" role=\"tablist\">\n\n  <li class=\"nav-item\" *ngFor=\"let tab of _tabs; let i = index\">\n    <a\n    focusMouse\n      href=\"#\"\n      role=\"tab\"\n      [attr.aria-controls]=\"_getTabContentId(i)\"\n      [attr.aria-selected]=\"selectedIndex == i\"\n      [attr.aria-label]=\"tab.ariaLabel || null\"\n      [attr.aria-labelledby]=\"(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null\"\n      [ngClass]=\"{ 'nav-link': true, 'active': selectedIndex == i, 'disabled': tab.disabled }\"\n      [id]=\"_getTabLabelId(i)\"\n      (click)=\"_handleClick($event, i)\"\n      >\n      <i *ngIf=\"tab.icon\" class=\"it-ico-lg d-block text-center\" [ngClass]=\"tab.icon\"></i>\n      {{tab.label}}\n    </a>\n  </li>\n</ul>\n<div class=\"tab-content\">\n  <ng-container *ngFor=\"let tab of _tabs; let i = index\">\n    <div\n      [ngClass]=\"{ 'tab-pane p-3': true, 'show active': selectedIndex == i }\"\n      [id]=\"_getTabContentId(i)\"\n      role=\"tabpanel\"\n      [attr.aria-labelledby]=\"_getTabLabelId(i)\">\n      <ng-container *ngTemplateOutlet=\"tab._implicitContent\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _tabs: [{
+                type: ContentChildren,
+                args: [ItTabComponent]
+            }], pill: [{
+                type: Input
+            }], selectedIndex: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }], selectedIndexChange: [{
+                type: Output
+            }], selectedTabChange: [{
+                type: Output
+            }] } });
+
+class ItDropdownModule {
+}
+ItDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownModule, declarations: [DropdownComponent, DropdownDividerComponent, DropdownItemComponent, ItDropdown, ItNavbar, ItDropdownMenu, ItDropdownAnchor, ItDropdownToggle, ItDropdownItem], imports: [CommonModule, NgbDropdownModule, ItIconModule, ItButtonModule, ItUtilsModule], exports: [DropdownComponent, DropdownDividerComponent, DropdownItemComponent, ItDropdown, ItNavbar, ItDropdownMenu, ItDropdownAnchor, ItDropdownToggle, ItDropdownItem] });
+ItDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownModule, imports: [CommonModule, NgbDropdownModule, ItIconModule, ItButtonModule, ItUtilsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DropdownComponent, DropdownDividerComponent, DropdownItemComponent, ItDropdown, ItNavbar, ItDropdownMenu, ItDropdownAnchor, ItDropdownToggle, ItDropdownItem],
+                    imports: [CommonModule, NgbDropdownModule, ItIconModule, ItButtonModule, ItUtilsModule],
+                    exports: [DropdownComponent, DropdownDividerComponent, DropdownItemComponent, ItDropdown, ItNavbar, ItDropdownMenu, ItDropdownAnchor, ItDropdownToggle, ItDropdownItem]
+                }]
+        }] });
+
+class ItTabsModule {
+}
+ItTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ItTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ItTabsModule, declarations: [ItTabComponent, ItTabGroupComponent], imports: [CommonModule, ItUtilsModule], exports: [ItTabComponent, ItTabGroupComponent] });
+ItTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabsModule, imports: [CommonModule, ItUtilsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ItTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ItTabComponent, ItTabGroupComponent],
+                    exports: [ItTabComponent, ItTabGroupComponent],
+                    imports: [CommonModule, ItUtilsModule]
+                }]
+        }] });
+
+class DesignAngularKitModule {
+}
+DesignAngularKitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DesignAngularKitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DesignAngularKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: DesignAngularKitModule, declarations: [CheckboxComponent,
+        ToggleComponent,
+        RadioGroupDirective,
+        RadioButtonComponent,
+        BadgeDirective,
+        ProgressBarComponent,
+        FormInputComponent,
+        BreadcrumbComponent,
+        BreadcrumbItemComponent,
+        ItPrefixDirective,
+        ItSuffixDirective,
+        ItTextPrefixDirective,
+        ItTextSuffixDirective,
+        MarkMatchingTextPipe], imports: [CommonModule,
+        ItUtilsModule,
+        FormsModule,
+        ItPopoverModule,
+        ItTooltipModule,
+        ItCollapseModule,
+        ItDropdownModule,
+        ItIconModule,
+        ItButtonModule,
+        ItTabsModule], exports: [CheckboxComponent,
+        ToggleComponent,
+        RadioGroupDirective,
+        RadioButtonComponent,
+        BadgeDirective,
+        ProgressBarComponent,
+        ItButtonModule,
+        FormInputComponent,
+        BreadcrumbComponent,
+        BreadcrumbItemComponent,
+        ItIconModule,
+        ItPrefixDirective,
+        ItSuffixDirective,
+        ItTextPrefixDirective,
+        ItTextSuffixDirective,
+        ItPopoverModule,
+        ItTooltipModule,
+        ItCollapseModule,
+        ItDropdownModule,
+        ItUtilsModule] });
+DesignAngularKitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DesignAngularKitModule, imports: [CommonModule,
+        ItUtilsModule,
+        FormsModule,
+        ItPopoverModule,
+        ItTooltipModule,
+        ItCollapseModule,
+        ItDropdownModule,
+        ItIconModule,
+        ItButtonModule,
+        ItTabsModule, ItButtonModule,
+        ItIconModule,
+        ItPopoverModule,
+        ItTooltipModule,
+        ItCollapseModule,
+        ItDropdownModule,
+        ItUtilsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DesignAngularKitModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ItUtilsModule,
+                        FormsModule,
+                        ItPopoverModule,
+                        ItTooltipModule,
+                        ItCollapseModule,
+                        ItDropdownModule,
+                        ItIconModule,
+                        ItButtonModule,
+                        ItTabsModule,
+                    ],
+                    declarations: [
+                        CheckboxComponent,
+                        ToggleComponent,
+                        RadioGroupDirective,
+                        RadioButtonComponent,
+                        BadgeDirective,
+                        ProgressBarComponent,
+                        FormInputComponent,
+                        BreadcrumbComponent,
+                        BreadcrumbItemComponent,
+                        ItPrefixDirective,
+                        ItSuffixDirective,
+                        ItTextPrefixDirective,
+                        ItTextSuffixDirective,
+                        MarkMatchingTextPipe
+                    ],
+                    exports: [
+                        CheckboxComponent,
+                        ToggleComponent,
+                        RadioGroupDirective,
+                        RadioButtonComponent,
+                        BadgeDirective,
+                        ProgressBarComponent,
+                        ItButtonModule,
+                        FormInputComponent,
+                        BreadcrumbComponent,
+                        BreadcrumbItemComponent,
+                        ItIconModule,
+                        ItPrefixDirective,
+                        ItSuffixDirective,
+                        ItTextPrefixDirective,
+                        ItTextSuffixDirective,
+                        ItPopoverModule,
+                        ItTooltipModule,
+                        ItCollapseModule,
+                        ItDropdownModule,
+                        ItUtilsModule
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of design-angular-kit
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeDirective, BreadcrumbComponent, BreadcrumbItemComponent, CheckboxChange, CheckboxComponent, DesignAngularKitModule, DropdownComponent, DropdownDividerComponent, DropdownItemComponent, FocusMouseDirective, FormInputChange, FormInputComponent, IconComponent, ItButtonDirective, ItButtonModule, ItCollapseDirective, ItCollapseGroupComponent, ItCollapseItemComponent, ItCollapseModule, ItDropdown, ItDropdownAnchor, ItDropdownConfig, ItDropdownItem, ItDropdownMenu, ItDropdownModule, ItDropdownToggle, ItIconModule, ItNavbar, ItPopover, ItPopoverConfig, ItPopoverModule, ItPrefixDirective, ItSuffixDirective, ItTabGroupComponent, ItTextPrefixDirective, ItTextSuffixDirective, ItTooltip, ItTooltipConfig, ItTooltipModule, ItUtilsModule, ProgressBarComponent, RadioButtonComponent, RadioChange, RadioGroupDirective, TabChangeEvent, ToggleChange, ToggleComponent };
+//# sourceMappingURL=design-angular-kit.mjs.map