ng-inail-common 2.0.21 → 2.0.25

package/fesm2015/ng-inail-common.js

@@ -2516,6 +2516,7 @@ class FormElementComponent extends ResponsiveElementComponent {
                 this.error = undefined;
                 this.errorChange.emit(undefined);
             }
+            this.formElementCdr.detectChanges();
         });
     }
     registerOnChange(fn) {
@@ -3017,6 +3018,7 @@ class FeedbackComponent extends BasicUxElementComponent {
         this.showIcon = true;
         this.autoCatchFocus = false;
         this.scrollToFocus = true;
+        this.labelFeedback = false;
         // hasContent = () => this.feedbackContent?.nativeElement?.childElementCount > 0;
         this.hasContent = () => { var _a, _b; return isNotBlankOrNull((_b = (_a = this.feedbackContent) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.textContent); };
         this.logPrefix = '[inail-feedback]';
@@ -3060,10 +3062,10 @@ class FeedbackComponent extends BasicUxElementComponent {
 FeedbackComponent.decorators = [
     { type: Component, args: [{
                 selector: 'inail-feedback',
-                template: "<div [id]='id'\n     class=\"row feedback-box inail-feedback {{class}}\"\n     [ngClass]=\"{'feedback-box-error': type==errorType, 'global-feedback': globalFeedback === true}\">\n  <div>\n    <div class=\"feedback-header\"\n         [ngClass]=\"{'feedback-header-error': type==errorType}\">\n        <span>\n            <span class=\"fa white-check\"\n                  [ngClass]=\"{'fa-times': showIcon && type==errorType,\n                    'fa-check':showIcon && (type==successType || !type)}\"></span>\n            <span tabindex=\"0\" [id]=\"id+'-message'\" class=\"feedback-focusable\" [innerHTML]=\"message\" #mainMessage></span>\n        </span>\n    </div>\n    <div [hidden]=\"!hasContent()\"\n         class=\"feedback-content\"\n         [ngClass]=\"contentClass\"\n         #feedbackContent>\n      <p *ngIf=\"contentTitle\">\n        <strong>{{contentTitle}}</strong>\n      </p>\n      <ng-container *ngIf=\"detailsAsList || detailsAsOrderedList\">\n        <ol *ngIf=\"detailsAsOrderedList\">\n          <li *ngFor=\"let dettaglio of details\" [innerHTML]=\"dettaglio\"></li>\n        </ol>\n        <ul *ngIf=\"detailsAsList && !detailsAsOrderedList\">\n          <li *ngFor=\"let dettaglio of details\" [innerHTML]=\"dettaglio\"></li>\n        </ul>\n      </ng-container>\n      <ng-container *ngIf=\"!(detailsAsList || detailsAsOrderedList)\">\n        <p *ngFor=\"let dettaglio of details\" [innerHTML]=\"dettaglio\"></p>\n      </ng-container>\n      <p><ng-content></ng-content></p>\n    </div>\n  </div>\n</div>\n",
+                template: "<div *ngIf=\"!labelFeedback\"\n     [id]='id'\n     class=\"row feedback-box inail-feedback {{class}}\"\n     [ngClass]=\"{'feedback-box-error': type==errorType, 'global-feedback': globalFeedback === true}\">\n  <div>\n    <div class=\"feedback-header\"\n         [ngClass]=\"{'feedback-header-error': type==errorType}\">\n        <span>\n            <span class=\"fa white-check\"\n                  [ngClass]=\"{'fa-times': showIcon && type==errorType,\n                    'fa-check':showIcon && (type==successType || !type)}\"></span>\n            <span tabindex=\"0\" [id]=\"id+'-message'\" class=\"feedback-focusable\" [innerHTML]=\"message\" #mainMessage></span>\n        </span>\n    </div>\n    <div [hidden]=\"!hasContent()\"\n         class=\"feedback-content\"\n         [ngClass]=\"contentClass\"\n         #feedbackContent>\n      <p *ngIf=\"contentTitle\">\n        <strong>{{contentTitle}}</strong>\n      </p>\n      <ng-container *ngIf=\"detailsAsList || detailsAsOrderedList\">\n        <ol *ngIf=\"detailsAsOrderedList\">\n          <li *ngFor=\"let dettaglio of details\" [innerHTML]=\"dettaglio\"></li>\n        </ol>\n        <ul *ngIf=\"detailsAsList && !detailsAsOrderedList\">\n          <li *ngFor=\"let dettaglio of details\" [innerHTML]=\"dettaglio\"></li>\n        </ul>\n      </ng-container>\n      <ng-container *ngIf=\"!(detailsAsList || detailsAsOrderedList)\">\n        <p *ngFor=\"let dettaglio of details\" [innerHTML]=\"dettaglio\"></p>\n      </ng-container>\n      <p><ng-content></ng-content></p>\n    </div>\n  </div>\n</div>\n<span *ngIf=\"labelFeedback\"\n      [id]='id'\n      class=\"inail-feedback col-xs-12 form-group {{class}}\"\n      [ngClass]=\"{'feedback-box-error': type==errorType, 'global-feedback': globalFeedback === true}\">\n  <span *ngIf=\"showIcon\"\n        class=\"green-check fa fa-check-circle\"\n        [ngClass]=\"{'green-check fa-check-circle': type==successType || !type, 'red-check fa-times-circle': type==errorType}\"></span>\n  <strong tabindex=\"0\"\n          [id]=\"id+'-message'\"\n          class=\"labelFeedback feedback-focusable\"\n          [innerHTML]=\"message\" #mainMessage>\n  </strong>\n</span>\n",
                 changeDetection: CHANGE_DETECTION_STRATEGY,
                 encapsulation: ViewEncapsulation.None,
-                styles: [".inail-feedback.feedback-box{margin-bottom:15px!important}.inail-feedback .feedback-content{padding-top:30px!important}.inail-feedback .feedback-content p{padding-top:0!important}.inail-feedback .feedback-header .feedback-focusable:focus{outline:1px dotted #fff!important}"]
+                styles: [".inail-feedback.feedback-box{margin-bottom:15px!important}.inail-feedback .feedback-content{padding-top:30px!important}.inail-feedback .feedback-content p{padding-top:0!important}.inail-feedback .feedback-header .feedback-focusable:focus{outline:1px dotted #fff!important}.inail-feedback .fa.fa-times-circle{color:#c9291b;margin-right:5px}"]
             },] }
 ];
 FeedbackComponent.ctorParameters = () => [
@@ -3083,6 +3085,7 @@ FeedbackComponent.propDecorators = {
     focus: [{ type: Input }],
     autoCatchFocus: [{ type: Input }],
     scrollToFocus: [{ type: Input }],
+    labelFeedback: [{ type: Input }],
     feedbackContent: [{ type: ViewChild, args: ['feedbackContent',] }]
 };
 class Feedback {
@@ -4651,8 +4654,6 @@ TrCheckboxComponent.propDecorators = {
 const DEFAULT_TABLE_LENGTH$1 = 10;
 const ASC = 'asc';
 const DESC = 'desc';
-class PaginationState {
-}
 class TableComponent extends ResponsiveElementComponent {
     constructor(cdr, renderer) {
         super(cdr);
@@ -4695,7 +4696,7 @@ class TableComponent extends ResponsiveElementComponent {
         this.detach();
     }
     ngOnChanges(changes) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         super.ngOnChanges(changes);
         // Controllo se la paginazione richiesta e' interna o esterna
         if (!this.externalPaginationSorting
@@ -4703,6 +4704,16 @@ class TableComponent extends ResponsiveElementComponent {
             && ((_b = changes.paginationState) === null || _b === void 0 ? void 0 : _b.currentValue) != undefined) {
             this.externalPaginationSorting = true;
         }
+        // Se per la paginazione esterna viene specificata una proprieta di sorting
+        // attivo il componente thLabel associato
+        if ((_d = (_c = changes.paginationState) === null || _c === void 0 ? void 0 : _c.currentValue) === null || _d === void 0 ? void 0 : _d.sortProperty) {
+            this.attivaThLabelOrdinamentoSpecificato();
+        }
+        // Se per la paginazione interna viene specificato un ordinamento iniziale
+        // attivo il componente thLabel associato
+        if ((_f = (_e = changes.initialSort) === null || _e === void 0 ? void 0 : _e.currentValue) === null || _f === void 0 ? void 0 : _f.sortProperty) {
+            this.attivaThLabelOrdinamentoSpecificato();
+        }
         // Verifico se e' cambiata la lista degli elementi in input.
         // Nel caso in cui si stia effettuando una paginazione interna
         // emetto il sottoinsieme inerente la prima pagina
@@ -4716,7 +4727,7 @@ class TableComponent extends ResponsiveElementComponent {
         }
         // Richiesta di paginazione
         if (!this.externalPaginationSorting
-            && ((_c = changes.doPagination) === null || _c === void 0 ? void 0 : _c.currentValue)) {
+            && ((_g = changes.doPagination) === null || _g === void 0 ? void 0 : _g.currentValue)) {
             this.push(changes.doPagination.currentValue.subscribe((info) => {
                 this.lengthOnChange(info.pageSize);
                 setTimeout(() => this.doSorting(info.sortProperty, info.sortDirection), 100);
@@ -4730,12 +4741,12 @@ class TableComponent extends ResponsiveElementComponent {
             this.lengthOnChange(this.elementsPerPage);
         }
         // Calcolo il numero di colonne visibili
-        if (((_d = changes.noDataFound) === null || _d === void 0 ? void 0 : _d.currentValue) === true) {
+        if (((_h = changes.noDataFound) === null || _h === void 0 ? void 0 : _h.currentValue) === true) {
             // setTimeout(() => this.numeroColonne = document.querySelectorAll(`#${this.id} th`).length);
             this.numeroColonne = document.querySelectorAll(`#${this.id} th`).length;
         }
-        if ((_e = changes.selectableRowValues) === null || _e === void 0 ? void 0 : _e.currentValue) {
-            this.righeSelezionabili = [...(_f = changes.selectableRowValues) === null || _f === void 0 ? void 0 : _f.currentValue];
+        if ((_j = changes.selectableRowValues) === null || _j === void 0 ? void 0 : _j.currentValue) {
+            this.righeSelezionabili = [...(_k = changes.selectableRowValues) === null || _k === void 0 ? void 0 : _k.currentValue];
         }
         this.cdr.detectChanges();
     }
@@ -4752,6 +4763,7 @@ class TableComponent extends ResponsiveElementComponent {
     ngAfterViewInit() {
         this.inizializzaTabella(this.thLabelComponents);
         this.lookAtThLabel(this.thLabelComponents);
+        this.attivaThLabelOrdinamentoSpecificato();
         setTimeout(() => { var _a; return this.visualizzaBaseFooter = ((_a = this.baseFooter) === null || _a === void 0 ? void 0 : _a.nativeElement.childElementCount) > 0; });
         this.cdr.detectChanges();
     }
@@ -5062,6 +5074,42 @@ class TableComponent extends ResponsiveElementComponent {
         return !this.disablePagination
             && (this.dataSource != undefined || (this.externalPaginationSorting != undefined && this.paginationState != undefined));
     }
+    /**
+     * Attiva il th label inerente l'ordinamento specificato
+     */
+    attivaThLabelOrdinamentoSpecificato() {
+        if (this.thLabelComponents) {
+            // Paginazione esterna
+            if (this.externalPaginationSorting && this.paginationState) {
+                let thLabel = this.thLabelComponents.find(item => item.property == this.paginationState.sortProperty);
+                this.setSortDirection(thLabel, this.paginationState.sortDirection);
+            }
+            // Ordinamento iniziale paginazione interna
+            else if (this.initialSort) {
+                this.thLabelComponents.forEach(thLabel => {
+                    thLabel.property == this.initialSort.sortProperty
+                        ? this.setSortDirection(thLabel, this.initialSort.sortDirection)
+                        : this.setSortDirection(thLabel, undefined);
+                });
+            }
+        }
+    }
+    setSortDirection(thLabel, direction) {
+        if (thLabel) {
+            switch (direction) {
+                case "asc":
+                    thLabel.direction = ThLabelComponent.ASC;
+                    break;
+                case "desc":
+                    thLabel.direction = ThLabelComponent.DESC;
+                    break;
+                default:
+                    thLabel.direction = ThLabelComponent.UNSORTED;
+                    break;
+            }
+            this.modificaTh(thLabel);
+        }
+    }
 }
 TableComponent.decorators = [
     { type: Component, args: [{
@@ -5082,6 +5130,7 @@ TableComponent.propDecorators = {
     displayedDataChange: [{ type: Output }],
     doPagination: [{ type: Input }],
     elementsPerPage: [{ type: Input }],
+    initialSort: [{ type: Input }],
     paginationState: [{ type: Input }],
     elementsPerPageOptions: [{ type: Input }],
     noDataFound: [{ type: Input }],
@@ -5148,11 +5197,13 @@ class InputFileComponent extends FormElementComponent {
         if (!this.addButton) {
             this.fileChange.emit(this.fileModel);
         }
+        this.cleanError();
         this.cdr.detectChanges();
     }
     reset() {
         this.fileModel = undefined;
         this.fileChange.emit(undefined);
+        this.cleanError();
         this.cdr.detectChanges();
     }
 }
@@ -5634,6 +5685,170 @@ WizardComponent.propDecorators = {
     selectorComponent: [{ type: ViewChild, args: [SelectorComponent,] }]
 };
 
+class ProgressBarComponent extends ResponsiveElementComponent {
+    constructor(cdr) {
+        super(cdr);
+        this.cdr = cdr;
+        this.valuenow = 0;
+        this.logPrefix = `[inail-progress-bar]`;
+        this.detach();
+    }
+    ngOnChanges(changes) {
+        var _a;
+        super.ngOnChanges(changes);
+        if ((_a = changes === null || changes === void 0 ? void 0 : changes.valuenow) === null || _a === void 0 ? void 0 : _a.currentValue) {
+            if (this.valuenow < 0) {
+                this.valuenow = 0;
+            }
+            else if (this.valuenow > 100) {
+                this.valuenow = 100;
+            }
+        }
+        this.cdr.detectChanges();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    ngAfterViewInit() {
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}
+ProgressBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'inail-progress-bar',
+                template: "<div [id]=\"id\"\n     class=\"inail-progress-bar {{getResponsiveClass()}} noPaddingLeft noPaddingRight {{class}}\">\n  <span *ngIf=\"label\" [innerHTML]=\"label\"></span>\n  <span class=\"progress\">\n    <span role=\"progressbar\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          title=\"Stato avanzamento: {{valuenow}}%\"\n          class=\"progress-bar\"\n          [ngClass]=\"{'progress-bar-25': valuenow <= 25, 'progress-bar-50': valuenow > 25 && valuenow <= 50, 'progress-bar-75': valuenow > 50 && valuenow <= 75, 'progress-bar-100': valuenow == 100}\"\n          [attr.aria-valuenow]=\"valuenow\"\n          [style.width.%]=\"valuenow\">\n    </span>\n  </span>\n</div>\n",
+                changeDetection: CHANGE_DETECTION_STRATEGY,
+                encapsulation: ViewEncapsulation.None,
+                styles: [""]
+            },] }
+];
+ProgressBarComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+ProgressBarComponent.propDecorators = {
+    label: [{ type: Input }],
+    valuenow: [{ type: Input }]
+};
+
+class MultiSelectComponent extends FormElementComponent {
+    constructor(cdr) {
+        super(cdr);
+        this.cdr = cdr;
+        this.options = [];
+        this.values = [];
+        this.valuesChange = new EventEmitter();
+        this.placeholder = '- seleziona opzioni -';
+        this.toggle = () => window['$'](this.formControlElement.nativeElement).dropdown('toggle');
+        this.isExpanded = () => this.formControlElement.nativeElement.getAttribute('aria-expanded') === 'true';
+        this.hasFormControlFocus = () => this.formControlElement.nativeElement.matches(':focus');
+        this.hasDropdownMenuFocus = () => this.dropdownMenu.nativeElement.matches(':focus-within');
+        this.isChecked = (value) => this.values.some(v => v === value);
+        this.getInputTextValue = () => this.options.filter(opt => this.isChecked(opt.value)).map(opt => opt.label).join(', ');
+        this.pushValue = (value) => this.values = this.options.filter(opt => opt.value === value || this.isChecked(opt.value)).map(opt => opt.value);
+        this.isFocusOut = () => window['$'](this.multiSelect.nativeElement).find(document.activeElement).length == 0;
+        this.logPrefix = `[inail-multi-select]`;
+        this.detach();
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c;
+        super.ngOnChanges(changes);
+        if ((((_a = changes === null || changes === void 0 ? void 0 : changes.options) === null || _a === void 0 ? void 0 : _a.currentValue) || ((_b = changes === null || changes === void 0 ? void 0 : changes.sort) === null || _b === void 0 ? void 0 : _b.currentValue)) && this.sort) {
+            let direction = "ASC" == this.sort.toUpperCase() ? 1 : "DESC" == this.sort.toUpperCase() ? -1 : 0;
+            if (direction != 0 && this.options != undefined) {
+                this.options.sort((a, b) => a.label < b.label ? -direction : a.label > b.label ? direction : 0);
+            }
+        }
+        if ((_c = changes === null || changes === void 0 ? void 0 : changes.options) === null || _c === void 0 ? void 0 : _c.currentValue) {
+            this.inputTextValue = this.getInputTextValue();
+        }
+        this.cdr.detectChanges();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.emitDebug(`@ViewChild('formControl')`);
+        this.emitDebug(this.formControlElement);
+        if (this.focus) {
+            this.push(this.focus.subscribe((scroll) => {
+                this.emitDebug(`Catch focus!`);
+                setFocus(this.formControlElement.nativeElement, scroll);
+            }));
+        }
+    }
+    ngAfterViewInit() {
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+    onKeypress($event) {
+        $event.preventDefault();
+    }
+    onFocusIn() {
+        setTimeout(() => {
+            this.showDropdownMenu();
+        }, 250);
+    }
+    onFocusOut() {
+        setTimeout(() => {
+            if (this.isFocusOut()) {
+                this.closeDropdownMenu();
+            }
+        }, 150);
+    }
+    showDropdownMenu() {
+        setTimeout(() => {
+            if (!this.isExpanded()) {
+                this.toggle();
+            }
+        });
+    }
+    closeDropdownMenu() {
+        setTimeout(() => {
+            if (this.isExpanded()) {
+                this.toggle();
+            }
+        });
+    }
+    onCheck(cb) {
+        if (!cb.firstChange) {
+            if (cb.checked && !this.isChecked(cb.value)) {
+                this.pushValue(cb.value);
+                this.cleanError();
+            }
+            else if (!cb.checked && this.isChecked(cb.value)) {
+                this.values = this.values.filter(value => value != cb.value);
+                this.cleanError();
+            }
+            this.valuesChange.emit(this.values);
+            this.inputTextValue = this.getInputTextValue();
+            this.cdr.detectChanges();
+        }
+    }
+}
+MultiSelectComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'inail-multi-select',
+                template: "<div #multiSelect\n     class=\"form-group {{getResponsiveClass()}} noPaddingLeft {{class}} inail-multi-select\"\n     [ngClass]=\"{'has-error': isThereError()}\">\n  <label *ngIf=\"label\"\n         class=\"control-label {{labelClass}}\"\n         [ngClass]=\"{'sr-only': hiddenLabel}\"\n         [attr.title]=\"labelTitle\"\n         [for]=\"id\"\n         [innerHTML]=\"getLabel()\"></label>\n  <span *ngIf=\"showPopover()\"\n        [style.padding-left.px]=\"5\">\n    <inail-popover [iconClass]=\"popoverButtonIcon\"\n                   [buttonTitle]=\"popoverButtonTitle\"\n                   [header]=\"popoverHeader\"\n                   [content]=\"popoverContent\">\n    </inail-popover>\n  </span>\n  <div class=\"form-control-wrapper\"\n       [ngClass]=\"{'no-label' : hiddenLabel || !label}\">\n    <input #formControl\n           type=\"text\"\n           [id]=\"id\"\n           class=\"form-control dropdown-toggle {{inputClass}}\"\n           data-toggle=\"dropdown\"\n           aria-haspopup=\"true\"\n           aria-expanded=\"false\"\n           [ngClass]=\"{'disabled': disabled}\"\n           [attr.name]=\"name\"\n           [attr.title]=\"title\"\n           [disabled]=\"disabled\"\n           [readonly]=\"true\"\n           [attr.placeholder]=\"placeholder\"\n           [attr.aria-required]=\"required === true ? true : undefined\"\n           [attr.aria-invalid]=\"isThereError() === true ? true : undefined\"\n           [attr.aria-describedBy]=\"getAriaDescribedBy()\"\n           (blur)=\"onBlur()\"\n           (focusin)=\"onFocusIn()\"\n           (focusout)=\"onFocusOut()\"\n           (keypress)=\"onKeypress($event)\"\n           (keyup.enter)=\"enterUp.emit()\"\n           [ngModel]=\"inputTextValue\">\n    <div #dropdownMenu\n         class=\"dropdown-menu\"\n         (focusout)=\"onFocusOut()\"\n         [attr.aria-labelledby]=\"id\">\n      <ng-container *ngFor=\"let opt of options\">\n        <div *ngIf=\"opt.beforeDivider\" class=\"divider\"></div>\n        <div class=\"row\" [attr.tabIndex]=\"opt.disabled ? 0 : undefined\">\n          <inail-checkbox [label]=\"opt.label\"\n                          [value]=\"opt.value\"\n                          [title]=\"opt.title\"\n                          [checked]=\"isChecked(opt.value)\"\n                          [disabled]=\"opt.disabled\"\n                          (stateChange)=\"onCheck($event)\">\n          </inail-checkbox>\n        </div>\n        <div *ngIf=\"opt.afterDivider\" class=\"divider\"></div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"showError()\" [id]=\"id+'-description'\">\n    <div class=\"msg msg-errore\">\n      <strong [innerHTML]=\"'ERRORE: '+this.error\"></strong>\n    </div>\n    <div *ngIf=\"description\" [innerHTML]=\"this.description\"></div>\n  </div>\n  <div *ngIf=\"description && !showError()\"\n       [id]=\"id+'-description'\"\n       [innerHTML]=\"this.description\">\n  </div>\n</div>\n",
+                changeDetection: CHANGE_DETECTION_STRATEGY,
+                encapsulation: ViewEncapsulation.None,
+                styles: [".inail-multi-select .form-control-wrapper:after{font-family:FontAwesome;content:\"\\f078\";right:31px;position:absolute;top:35px;font-size:10px;color:#0083f5}.inail-multi-select .form-control-wrapper.no-label:after{top:11px}.inail-multi-select .form-control[readonly]:not([disabled]){background-color:#fff}.inail-multi-select .form-control:not([disabled]){cursor:pointer}.inail-multi-select .dropdown-menu .form-group{margin:0!important;padding-left:20px!important}.inail-multi-select .dropdown-menu .form-group:hover{background-color:#eaedf2}.inail-multi-select .dropdown-menu .form-group .checkbox{margin:0!important}.inail-multi-select .dropdown-menu .form-group .checkbox label{margin-top:5px!important;margin-bottom:5px!important;display:block!important}"]
+            },] }
+];
+MultiSelectComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+MultiSelectComponent.propDecorators = {
+    multiSelect: [{ type: ViewChild, args: ['multiSelect', { static: true },] }],
+    formControlElement: [{ type: ViewChild, args: ['formControl', { static: true },] }],
+    dropdownMenu: [{ type: ViewChild, args: ['dropdownMenu', { static: true },] }],
+    options: [{ type: Input }],
+    values: [{ type: Input }],
+    valuesChange: [{ type: Output }],
+    placeholder: [{ type: Input }],
+    sort: [{ type: Input }]
+};
+
 class NgInailCommonModule {
 }
 NgInailCommonModule.decorators = [
@@ -5684,7 +5899,9 @@ NgInailCommonModule.decorators = [
                     SelectorComponent,
                     WizardComponent,
                     ContainerComponent,
-                    TrCheckboxComponent
+                    TrCheckboxComponent,
+                    ProgressBarComponent,
+                    MultiSelectComponent
                 ],
                 imports: [
                     CommonModule,
@@ -5732,7 +5949,9 @@ NgInailCommonModule.decorators = [
                     SelectorComponent,
                     WizardComponent,
                     ContainerComponent,
-                    TrCheckboxComponent
+                    TrCheckboxComponent,
+                    ProgressBarComponent,
+                    MultiSelectComponent
                 ],
                 providers: [DatePipe]
             },] }
@@ -5746,5 +5965,5 @@ NgInailCommonModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AlertComponent, BaseComponent, BreadcrumbComponent, ButtonComponent, CHANGE_DETECTION_STRATEGY, CheckboxComponent, ConfirmComponent, ContainerComponent, ERROR_BTN_CLASS, Feedback, FeedbackComponent, FooterComponent, FormGreyComponent, HeaderComponent, HeaderConfigurations, InailLayoutComponent, InailLayoutConfigurations, InailTablePageSelectorComponent, InputDateComponent, InputFileComponent, InputNumberComponent, InputTextComponent, LoaderComponent, LogLevel, MenuComponent, MenuIntranetComponent, MenuItem, ModalComponent, NavigazioneInternaComponent, NavigazionePrincipaleComponent, NavigazioneSecondariaComponent, NavigazioneUtenteComponent, NavigazioneUtenteConfigurations, NgInailCommonModule, PageTitleComponent, PaginationState, PopoverComponent, RadioSelectComponent, ResponsiveElementComponent, SelectComponent, SelectorComponent, SetFocusStrategy, SortingInfo, TabGroupComponent, TabPaneComponent, TableComponent, TablePageLengthSelectorComponent, TextareaComponent, ThLabelComponent, TrCheckboxComponent, WizardComponent, addZero, call, clone, dateToString, isAbsolute, isBlankOrNull, isDate, isHidden, isInISO8601Format, isInItalianFormat, isInvalidDateObject, isListEmptyOrNull, isListNotEmptyOrNull, isNotBlankOrNull, isNumber, isString, isValidDateObject, isValidRadioValue, isValidSelectValue, reformatDate, scrollTo, scrollToElement, scrollTop, setFocus, setFocusOnError, setFocusOnFeedback, setFocusOnFirstErrorFeedback, setFocusOnFirstFeedback, setFocusOnFirstModalError, setFocusOnFirstPageError, setFocusOnGlobalErrorFeedback, setFocusOnGlobalFeedback, setPageScroll, startWith, startWithSlash, toDateObject, toISO8601Format, toItalianFormat, uuidv4, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, BasicUxElementComponent as ɵa, FormElementComponent as ɵb, PreComponent as ɵc, StatePropertieComponent as ɵd, FormElementStatePropertieComponent as ɵe, TriggerSliderMenuButtonComponent as ɵf };
+export { AccordionComponent, AlertComponent, BaseComponent, BreadcrumbComponent, ButtonComponent, CHANGE_DETECTION_STRATEGY, CheckboxComponent, ConfirmComponent, ContainerComponent, ERROR_BTN_CLASS, Feedback, FeedbackComponent, FooterComponent, FormGreyComponent, HeaderComponent, HeaderConfigurations, InailLayoutComponent, InailLayoutConfigurations, InailTablePageSelectorComponent, InputDateComponent, InputFileComponent, InputNumberComponent, InputTextComponent, LoaderComponent, LogLevel, MenuComponent, MenuIntranetComponent, MenuItem, ModalComponent, MultiSelectComponent, NavigazioneInternaComponent, NavigazionePrincipaleComponent, NavigazioneSecondariaComponent, NavigazioneUtenteComponent, NavigazioneUtenteConfigurations, NgInailCommonModule, PageTitleComponent, PopoverComponent, ProgressBarComponent, RadioSelectComponent, ResponsiveElementComponent, SelectComponent, SelectorComponent, SetFocusStrategy, SortingInfo, TabGroupComponent, TabPaneComponent, TableComponent, TablePageLengthSelectorComponent, TextareaComponent, ThLabelComponent, TrCheckboxComponent, WizardComponent, addZero, call, clone, dateToString, isAbsolute, isBlankOrNull, isDate, isHidden, isInISO8601Format, isInItalianFormat, isInvalidDateObject, isListEmptyOrNull, isListNotEmptyOrNull, isNotBlankOrNull, isNumber, isString, isValidDateObject, isValidRadioValue, isValidSelectValue, reformatDate, scrollTo, scrollToElement, scrollTop, setFocus, setFocusOnError, setFocusOnFeedback, setFocusOnFirstErrorFeedback, setFocusOnFirstFeedback, setFocusOnFirstModalError, setFocusOnFirstPageError, setFocusOnGlobalErrorFeedback, setFocusOnGlobalFeedback, setPageScroll, startWith, startWithSlash, toDateObject, toISO8601Format, toItalianFormat, uuidv4, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, BasicUxElementComponent as ɵa, FormElementComponent as ɵb, PreComponent as ɵc, StatePropertieComponent as ɵd, FormElementStatePropertieComponent as ɵe, TriggerSliderMenuButtonComponent as ɵf };
 //# sourceMappingURL=ng-inail-common.js.map