ng-inail-common 2.0.32-beta.7 → 2.0.32

package/bundles/ng-inail-common.umd.js

@@ -1672,9 +1672,9 @@
              */
             _this.expandAutomatically = getConfigValue((_k = (_j = _this.libConfig) === null || _j === void 0 ? void 0 : _j.menuComponent) === null || _k === void 0 ? void 0 : _k.expandAutomatically, true);
             /**
-             * Emette la voce di menu selezionata.
+             * Emette l'oggetto MenuItem associato alla voce di menu sulla quale si e' cliccato.
              */
-            _this.select = new core.EventEmitter();
+            _this.itemClick = new core.EventEmitter();
             /**
              * Emette la voce di menu che corrisponde
              * con l'url corrente
@@ -2042,7 +2042,7 @@
                     }
                 }
             }
-            this.select.emit(item);
+            this.itemClick.emit(item);
         };
         /**
          * Effetto fisarmonica
@@ -2099,7 +2099,7 @@
     MenuComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-menu',
-                    template: "<ng-container *ngIf=\"inizializzazioneCompletata\">\n\n  <ul #menu\n      id=\"{{id}}\"\n      [attr.role]=\"'menu'\"\n      class=\"inail-menu {{class}}\"\n      [ngStyle]=\"{'height.px': (menuHeight$ | async)}\"\n      [ngClass]=\"{'livello_2': innerMenu, 'collapsed': isCollapsed()}\">\n\n    <debug-pre *ngIf=\"showState\">[inail-menu-intranet]<br>\n      <state-propertie [label]=\"'id'\" [propertie]=\"id\"></state-propertie>\n      <state-propertie [label]=\"'innerMenu'\" [propertie]=\"innerMenu\"></state-propertie>\n      <state-propertie [label]=\"'collapsible'\" [propertie]=\"collapsible\"></state-propertie>\n      <state-propertie [label]=\"'collapsed'\" [propertie]=\"collapsed\"></state-propertie>\n      <state-propertie [label]=\"'collapseOther'\" [propertie]=\"collapseOther\"></state-propertie>\n      <!--      {{elements | json}}-->\n    </debug-pre>\n\n    <ng-container *ngFor=\"let item of items\">\n\n      <li *ngIf=\"showItem(item)\"\n          [attr.role]=\"item.link ? 'menuitem' : undefined\"\n          [ngClass]=\"{selected: isActive(item)}\"\n          class=\"livello_1\">\n        <a *ngIf=\"item.link\"\n           [id]=\"item.id\"\n           [attr.title]=\"getItemTitle(item)\"\n           [attr.aria-label]=\"getItemAriaLabel(item)\"\n           [attr.tabindex]=\"isCollapsed() ? '-1' : '0'\"\n           [routerLink]=\"getItemLink(item)\"\n           [queryParams]=\"item.queryParams\"\n           [innerHTML]=\"getItemLabel(item)\"\n           [attr.aria-expanded]=\"isItemCollapsible(item) ? !item.collapsed : undefined\"\n           (click)=\"itemOnClick(item)\"\n           (keyup.arrowUp)=\"itemOnArrowUp()\"\n           (keyup.arrowDown)=\"itemOnArrowDown()\"\n           (keyup.space)=\"itemOnClick($event)\">\n        </a>\n        <a *ngIf=\"!item.link\"\n           [id]=\"item.id\"\n           [attr.title]=\"getItemTitle(item)\"\n           [attr.aria-label]=\"getItemAriaLabel(item)\"\n           [attr.tabindex]=\"isCollapsed() ? '-1' : '0'\"\n           role=\"button\"\n           [innerHTML]=\"getItemLabel(item)\"\n           [attr.aria-expanded]=\"isItemCollapsible(item) ? !item.collapsed : undefined\"\n           (click)=\"itemOnClick(item)\"\n           (keyup.arrowUp)=\"itemOnArrowUp()\"\n           (keyup.arrowDown)=\"itemOnArrowDown()\"\n           (keyup.enter)=\"itemOnClick(item)\"\n           (keyup.space)=\"itemOnClick(item)\">\n        </a>\n        <debug-pre *ngIf=\"showState\">[menu-item]<br>\n          <state-propertie [label]=\"'id'\" [propertie]=\"item.id\"></state-propertie>\n          <state-propertie [label]=\"'collapsible'\" [propertie]=\"item.collapsible\"></state-propertie>\n          <state-propertie [label]=\"'collapsed'\" [propertie]=\"item.collapsed\"></state-propertie>\n          <!--          {{element | json}}-->\n        </debug-pre>\n        <inail-menu *ngIf=\"hasSubItems(item)\"\n                    [id]=\"item.id+'-items'\"\n                    [activeItem]=\"activeItem\"\n                    [items]=\"item.subItems\"\n                    [parent]=\"item\"\n                    [innerMenu]=\"true\"\n                    [emitCurrent]=\"emitCurrent\"\n                    [collapsible]=\"item.collapsible\"\n                    [collapsed]=\"item.collapsed\"\n                    [collapseOther]=\"collapseOther\"\n                    [collapse]=\"collapse\"\n                    [toggle]=\"toggle\"\n                    [show]=\"mostraItem\"\n                    [showState]=\"showState\"\n                    (select)=\"select.emit($event)\"\n                    (currentItem)=\"currentItemHandler($event, item)\">\n        </inail-menu>\n      </li>\n    </ng-container>\n  </ul>\n</ng-container>\n\n\n",
+                    template: "<ng-container *ngIf=\"inizializzazioneCompletata\">\n\n  <ul #menu\n      id=\"{{id}}\"\n      [attr.role]=\"'menu'\"\n      class=\"inail-menu {{class}}\"\n      [ngStyle]=\"{'height.px': (menuHeight$ | async)}\"\n      [ngClass]=\"{'livello_2': innerMenu, 'collapsed': isCollapsed()}\">\n\n    <debug-pre *ngIf=\"showState\">[inail-menu-intranet]<br>\n      <state-propertie [label]=\"'id'\" [propertie]=\"id\"></state-propertie>\n      <state-propertie [label]=\"'innerMenu'\" [propertie]=\"innerMenu\"></state-propertie>\n      <state-propertie [label]=\"'collapsible'\" [propertie]=\"collapsible\"></state-propertie>\n      <state-propertie [label]=\"'collapsed'\" [propertie]=\"collapsed\"></state-propertie>\n      <state-propertie [label]=\"'collapseOther'\" [propertie]=\"collapseOther\"></state-propertie>\n      <!--      {{elements | json}}-->\n    </debug-pre>\n\n    <ng-container *ngFor=\"let item of items\">\n\n      <li *ngIf=\"showItem(item)\"\n          [attr.role]=\"item.link ? 'menuitem' : undefined\"\n          [ngClass]=\"{selected: isActive(item)}\"\n          class=\"livello_1\">\n        <a *ngIf=\"item.link\"\n           [id]=\"item.id\"\n           [attr.title]=\"getItemTitle(item)\"\n           [attr.aria-label]=\"getItemAriaLabel(item)\"\n           [attr.tabindex]=\"isCollapsed() ? '-1' : '0'\"\n           [routerLink]=\"getItemLink(item)\"\n           [queryParams]=\"item.queryParams\"\n           [innerHTML]=\"getItemLabel(item)\"\n           [attr.aria-expanded]=\"isItemCollapsible(item) ? !item.collapsed : undefined\"\n           (click)=\"itemOnClick(item)\"\n           (keyup.arrowUp)=\"itemOnArrowUp()\"\n           (keyup.arrowDown)=\"itemOnArrowDown()\"\n           (keyup.space)=\"itemOnClick($event)\">\n        </a>\n        <a *ngIf=\"!item.link\"\n           [id]=\"item.id\"\n           [attr.title]=\"getItemTitle(item)\"\n           [attr.aria-label]=\"getItemAriaLabel(item)\"\n           [attr.tabindex]=\"isCollapsed() ? '-1' : '0'\"\n           role=\"button\"\n           [innerHTML]=\"getItemLabel(item)\"\n           [attr.aria-expanded]=\"isItemCollapsible(item) ? !item.collapsed : undefined\"\n           (click)=\"itemOnClick(item)\"\n           (keyup.arrowUp)=\"itemOnArrowUp()\"\n           (keyup.arrowDown)=\"itemOnArrowDown()\"\n           (keyup.enter)=\"itemOnClick(item)\"\n           (keyup.space)=\"itemOnClick(item)\">\n        </a>\n        <debug-pre *ngIf=\"showState\">[menu-item]<br>\n          <state-propertie [label]=\"'id'\" [propertie]=\"item.id\"></state-propertie>\n          <state-propertie [label]=\"'collapsible'\" [propertie]=\"item.collapsible\"></state-propertie>\n          <state-propertie [label]=\"'collapsed'\" [propertie]=\"item.collapsed\"></state-propertie>\n          <!--          {{element | json}}-->\n        </debug-pre>\n        <inail-menu *ngIf=\"hasSubItems(item)\"\n                    [id]=\"item.id+'-items'\"\n                    [activeItem]=\"activeItem\"\n                    [items]=\"item.subItems\"\n                    [parent]=\"item\"\n                    [innerMenu]=\"true\"\n                    [emitCurrent]=\"emitCurrent\"\n                    [collapsible]=\"item.collapsible\"\n                    [collapsed]=\"item.collapsed\"\n                    [collapseOther]=\"collapseOther\"\n                    [collapse]=\"collapse\"\n                    [toggle]=\"toggle\"\n                    [show]=\"mostraItem\"\n                    [showState]=\"showState\"\n                    (itemClick)=\"itemClick.emit($event)\"\n                    (currentItem)=\"currentItemHandler($event, item)\">\n        </inail-menu>\n      </li>\n    </ng-container>\n  </ul>\n</ng-container>\n\n\n",
                     encapsulation: core.ViewEncapsulation.None,
                     styles: ["ul.inail-menu{padding:0 10px!important;overflow:hidden;transition:height .3s ease-out}ul.inail-menu.collapsed{height:0}ul.inail-menu ul{padding:0!important}"]
                 },] }
@@ -2124,7 +2124,7 @@
         collapsed: [{ type: core.Input }],
         collapseOther: [{ type: core.Input }],
         expandAutomatically: [{ type: core.Input }],
-        select: [{ type: core.Output }],
+        itemClick: [{ type: core.Output }],
         currentItem: [{ type: core.Output }],
         menu: [{ type: core.ViewChild, args: ['menu',] }]
     };
@@ -3194,7 +3194,16 @@
     var isValidDateObject = function (s) { return s && !!s.getFullYear(); };
     var isInvalidDateObject = function (d) { return d && d.toString() === 'Invalid Date'; };
     var addZero = function (n) { return n < 10 ? "0" + n : "" + n; };
+    var isFutureDate = function (s) { return compareDate(new Date(s), new Date()) > 0; };
+    var isPastDate = function (s) { return compareDate(new Date(s), new Date()) < 0; };
+    var isToday = function (s) { return compareDate(new Date(s), new Date()) == 0; };
+    var compareDate = function (d1, d2) {
+        d1.setHours(0, 0, 0, 0);
+        d2.setHours(0, 0, 0, 0);
+        return d1.getTime() > d2.getTime() ? 1 : (d1.getTime() < d2.getTime() ? -1 : 0);
+    };
 
+    var ONLY_DIGITS_ACCEPTED_INPUTS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
     var InputTextComponent = /** @class */ (function (_super) {
         __extends(InputTextComponent, _super);
         function InputTextComponent(cdr, datePipe, libConfig) {
@@ -3206,6 +3215,7 @@
             _this.libConfig = libConfig;
             _this.placeholder = getConfigValue((_b = (_a = _this.libConfig) === null || _a === void 0 ? void 0 : _a.inputTextComponent) === null || _b === void 0 ? void 0 : _b.placeholder, undefined);
             _this.isDate = false;
+            _this.onlyDigits = false;
             _this.valueChange = new core.EventEmitter();
             _this.preventPasting = getConfigValue((_d = (_c = _this.libConfig) === null || _c === void 0 ? void 0 : _c.inputTextComponent) === null || _d === void 0 ? void 0 : _d.preventPasting, false);
             _this.logPrefix = "[inail-input-text]";
@@ -3271,6 +3281,11 @@
                 $event.preventDefault();
             }
         };
+        InputTextComponent.prototype.onKeyDown = function (ev) {
+            if (this.onlyDigits === true && !ONLY_DIGITS_ACCEPTED_INPUTS.some(function (v) { return v === ev.key; }) && ev.ctrlKey == false) {
+                ev.preventDefault();
+            }
+        };
         InputTextComponent.prototype.ngOnDestroy = function () {
             _super.prototype.ngOnDestroy.call(this);
         };
@@ -3279,7 +3294,7 @@
     InputTextComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-input-text',
-                    template: "<div class=\"form-group {{getResponsiveClass()}} noPaddingLeft {{class}} inail-input-text\"\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  <input #formControl\n         type=\"text\"\n         [id]=\"id\"\n         class=\"form-control {{inputClass}}\"\n         [ngClass]=\"{'disabled': disabled}\"\n         [attr.name]=\"name\"\n         [attr.title]=\"title\"\n         [attr.maxlength]=\"maxlength\"\n         [disabled]=\"disabled\"\n         [readonly]=\"readonly\"\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         (paste)=\"onPaste($event)\"\n         (keyup.enter)=\"enterUp.emit()\"\n         [(ngModel)]=\"value\">\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  <debug-pre *ngIf=\"showState\">\n    <state-propertie [label]=\"'id'\" [propertie]=\"id\"></state-propertie>\n    <state-propertie [label]=\"'label'\" [propertie]=\"label\"></state-propertie>\n    <state-propertie [label]=\"'inputValue'\" [propertie]=\"inputValue\"></state-propertie>\n    <state-propertie [label]=\"'maxlength'\" [propertie]=\"maxlength\" [hideIfNull]=\"false\"></state-propertie>\n    <state-propertie [label]=\"'isDate'\" [propertie]=\"isDate\" [hideIfNull]=\"false\"></state-propertie>\n    <state-propertie [label]=\"'placeholder'\" [propertie]=\"placeholder\" [hideIfNull]=\"false\"></state-propertie>\n    <inail-form-element-state-properties [formElement]=\"this\"></inail-form-element-state-properties>\n  </debug-pre>\n</div>\n",
+                    template: "<div class=\"form-group {{getResponsiveClass()}} noPaddingLeft {{class}} inail-input-text\"\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  <input #formControl\n         type=\"text\"\n         [id]=\"id\"\n         class=\"form-control {{inputClass}}\"\n         [ngClass]=\"{'disabled': disabled}\"\n         [attr.name]=\"name\"\n         [attr.title]=\"title\"\n         [attr.maxlength]=\"maxlength\"\n         [disabled]=\"disabled\"\n         [readonly]=\"readonly\"\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         (paste)=\"onPaste($event)\"\n         (keyup.enter)=\"enterUp.emit()\"\n         (keydown)=\"onKeyDown($event)\"\n         [(ngModel)]=\"value\">\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  <debug-pre *ngIf=\"showState\">\n    <state-propertie [label]=\"'id'\" [propertie]=\"id\"></state-propertie>\n    <state-propertie [label]=\"'label'\" [propertie]=\"label\"></state-propertie>\n    <state-propertie [label]=\"'inputValue'\" [propertie]=\"inputValue\"></state-propertie>\n    <state-propertie [label]=\"'maxlength'\" [propertie]=\"maxlength\" [hideIfNull]=\"false\"></state-propertie>\n    <state-propertie [label]=\"'isDate'\" [propertie]=\"isDate\" [hideIfNull]=\"false\"></state-propertie>\n    <state-propertie [label]=\"'placeholder'\" [propertie]=\"placeholder\" [hideIfNull]=\"false\"></state-propertie>\n    <inail-form-element-state-properties [formElement]=\"this\"></inail-form-element-state-properties>\n  </debug-pre>\n</div>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
                     providers: [
@@ -3302,6 +3317,7 @@
         placeholder: [{ type: core.Input }],
         maxlength: [{ type: core.Input }],
         isDate: [{ type: core.Input }],
+        onlyDigits: [{ type: core.Input }],
         valueChange: [{ type: core.Output }],
         preventPasting: [{ type: core.Input }],
         value: [{ type: core.Input }]
@@ -3593,6 +3609,7 @@
             // Queste inizializzazioni servono per essere usate nel template
             _this.errorType = 'ERROR';
             _this.successType = 'SUCCESS';
+            _this.warningType = 'WARNING';
             _this.type = 'SUCCESS';
             _this.showIcon = getConfigValue((_b = (_a = _this.libConfig) === null || _a === void 0 ? void 0 : _a.feedbackComponent) === null || _b === void 0 ? void 0 : _b.showIcon, true);
             _this.detailsAsList = getConfigValue((_d = (_c = _this.libConfig) === null || _c === void 0 ? void 0 : _c.feedbackComponent) === null || _d === void 0 ? void 0 : _d.detailsAsList, undefined);
@@ -3647,10 +3664,10 @@
     FeedbackComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-feedback',
-                    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",
+                    template: "<div *ngIf=\"!labelFeedback\"\n     [id]='id'\n     class=\"row feedback-box inail-feedback {{class}}\"\n     [ngClass]=\"{'feedback-box-error': type==errorType, 'feedback-box-warning': type==warningType, 'global-feedback': globalFeedback === true}\">\n  <div>\n    <div class=\"feedback-header\"\n         [ngClass]=\"{'feedback-header-error': type==errorType, 'feedback-header-warning': type==warningType}\">\n        <span>\n            <span class=\"fa white-check\"\n                  [ngClass]=\"{'fa-times': showIcon && type==errorType, 'fa-exclamation-triangle': showIcon && type==warningType,\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 [style.padding-bottom]=\"0\">\n        <ng-content></ng-content>\n      </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, 'feedback-box-warning': type==warningType, 'global-feedback': globalFeedback === true}\">\n  <span *ngIf=\"showIcon\"\n        class=\"green-check fa fa-check-circle\"\n        [ngClass]=\"{\n        'green-check fa-check-circle': type==successType || !type,\n        'red-check fa-times-circle': type==errorType,\n        'red-check fa-exclamation-circle': type==warningType\n        }\"></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: core.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}.inail-feedback .fa.fa-times-circle{color:#c9291b;margin-right:5px}"]
+                    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}.inail-feedback .fa.fa-exclamation-circle{color:#ffaa02;margin-right:5px}.inail-feedback .feedback-header-warning{color:#000;background-color:#ffaa02!important}.inail-feedback .feedback-header.feedback-header-warning span{color:#000}.inail-feedback .feedback-content p:last-child{padding-bottom:0!important}"]
                 },] }
     ];
     FeedbackComponent.ctorParameters = function () { return [
@@ -4158,7 +4175,7 @@
     var ɵ0$3 = isValidInputModel;
     var isLongTime = function (o) { return o && (typeof o === 'number'); };
     var ɵ1$2 = isLongTime;
-    var ACCEPTED_INPUTS = ['/', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'Backspace', 'Delete', "Tab", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"];
+    var ACCEPTED_INPUTS = ['/', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
     var InputDateComponent = /** @class */ (function (_super) {
         __extends(InputDateComponent, _super);
         function InputDateComponent(cdr, libConfig) {
@@ -4174,17 +4191,25 @@
             _this.options = getConfigValue((_b = (_a = _this.libConfig) === null || _a === void 0 ? void 0 : _a.inputDateComponent) === null || _b === void 0 ? void 0 : _b.options, undefined);
             _this.selfValidation = getConfigValue((_d = (_c = _this.libConfig) === null || _c === void 0 ? void 0 : _c.inputDateComponent) === null || _d === void 0 ? void 0 : _d.selfValidation, true);
             _this.selfValidationError = getConfigValue((_f = (_e = _this.libConfig) === null || _e === void 0 ? void 0 : _e.inputDateComponent) === null || _f === void 0 ? void 0 : _f.selfValidationError, 'La data inserita non &egrave; valida');
+            _this.disableFutureDates = false;
+            _this.disablePastDates = false;
+            _this.disableCurrentDate = false;
+            _this.areThereDisabledDates = function () { var _a, _b; return (((_a = _this.disabledDates) === null || _a === void 0 ? void 0 : _a.length) || ((_b = _this.enabledDates) === null || _b === void 0 ? void 0 : _b.length) || _this.disablePastDates === true || _this.disableFutureDates === true || _this.disableCurrentDate === true); };
+            _this.isPasteOrCurrentOrFutureDisabledDate = function (data) { return (_this.disablePastDates === true && isPastDate(data)) || (_this.disableFutureDates === true && isFutureDate(data)) || (_this.disableCurrentDate === true && isToday(data)); };
+            _this.isDataAbilitata = function (data) { return !_this.isPasteOrCurrentOrFutureDisabledDate(data) && (_this.enabledDates == undefined || !_this.enabledDates.length || _this.enabledDates.some(function (regex) { return _this.match(data, regex) != undefined; })); };
+            _this.isDataDisabilitata = function (data) { return _this.isPasteOrCurrentOrFutureDisabledDate(data) || (_this.disabledDates != undefined && _this.disabledDates.some(function (regex) { return _this.match(data, regex) != undefined; })); };
+            _this.match = function (date, regex) { return date != undefined && date.match(new RegExp('^'.concat(regex).concat('$'), 'i')); };
             _this.isValidInputValue = function () { return isBlankOrNull(_this.visibleData) || isInItalianFormat(_this.visibleData); };
-            _this.isThereDataError = function () { return _this.isThereError() || (!_this.isValidInputValue() && _this.selfValidation); };
+            _this.isNotValidInputData = function () { return !_this.isValidInputValue() || (isNotBlankOrNull(_this.iso8601Data) && _this.areThereDisabledDates() && !_this.isEnabledDate(_this.iso8601Data)); };
+            _this.isThereDataError = function () { return _this.isThereError() || (_this.selfValidation && _this.isNotValidInputData()); };
             _this.showDataError = function () { return _this.isThereDataError() && isNotBlankOrNull(_this.getDescError()); };
-            _this.getDescError = function () { return (_this.selfValidation && isBlankOrNull(_this.error) && !_this.isValidInputValue()) ? _this.selfValidationError : _this.error; };
+            _this.getDescError = function () { return (_this.selfValidation && isBlankOrNull(_this.error) && _this.isNotValidInputData()) ? _this.selfValidationError : _this.error; };
             _this.isEnabledDate = function (date) {
-                var dateString = dateToString(date, 'ISO8061');
+                var dateString = isString(date) ? date : dateToString(date, 'ISO8061');
+                // console.warn('isDataAbilitata', dateString, this.isDataAbilitata(dateString))
+                // console.warn('isDataDisabilitata', dateString, this.isDataDisabilitata(dateString))
                 return _this.isDataAbilitata(dateString) && !_this.isDataDisabilitata(dateString);
             };
-            _this.isDataAbilitata = function (data) { return _this.enabledDates == undefined || !_this.enabledDates.length || _this.enabledDates.some(function (regex) { return _this.match(data, regex) != undefined; }); };
-            _this.isDataDisabilitata = function (data) { return _this.disabledDates != undefined && _this.disabledDates.some(function (regex) { return _this.match(data, regex) != undefined; }); };
-            _this.match = function (date, regex) { return date != undefined && date.match(new RegExp('^'.concat(regex).concat('$'), 'i')); };
             _this.isFirstDigitSlash = function (ev) { return ev.key == '/' && _this.visibleData == undefined; };
             _this.isDoubleSlash = function (ev) { return ev.key == '/' && ev.key == _this.previousDigit; };
             _this.isWrongDigit = function (ev) { return _this.isFirstDigitSlash(ev) || _this.isDoubleSlash(ev); };
@@ -4251,7 +4276,7 @@
                 this.setDatepickerDate(this.visibleData);
             }
             setTimeout(function () {
-                window['$'](_this.formControlElement.nativeElement).on("change", function () {
+                window['$'](_this.formControlElement.nativeElement).on('change', function () {
                     _this.emitDebug('onChange');
                     _this.emitDebug("current visibleData: " + _this.visibleData);
                     var elem = window['$'](_this.formControlElement.nativeElement)[0];
@@ -4266,8 +4291,7 @@
             this.cdr.detectChanges();
         };
         InputDateComponent.prototype.datepickerInit = function () {
-            var _a, _b;
-            if (((_a = this.disabledDates) === null || _a === void 0 ? void 0 : _a.length) || ((_b = this.enabledDates) === null || _b === void 0 ? void 0 : _b.length)) {
+            if (this.areThereDisabledDates()) {
                 this.options.beforeShowDay = this.isEnabledDate;
             }
             window['$'](this.formControlElement.nativeElement).datepicker(this.options);
@@ -4276,6 +4300,7 @@
             window['$'](this.formControlElement.nativeElement).datepicker('remove');
         };
         InputDateComponent.prototype.datepickerReinit = function () {
+            // console.warn(this.disablePastDates);
             this.datepickerDestroy();
             this.datepickerInit();
         };
@@ -4309,6 +4334,7 @@
             this.cdr.detectChanges();
             setTimeout(function () {
                 var emittedValue = validFormat ? toISO8601Format(_this.visibleData) : _this.visibleData;
+                _this.iso8601Data = emittedValue;
                 _this.emitDebug("this.valueChange.emit(" + value + ")");
                 _this.valueChange.emit(emittedValue);
                 if (validFormat) {
@@ -4370,6 +4396,9 @@
         selfValidationError: [{ type: core.Input }],
         enabledDates: [{ type: core.Input }],
         disabledDates: [{ type: core.Input }],
+        disableFutureDates: [{ type: core.Input }],
+        disablePastDates: [{ type: core.Input }],
+        disableCurrentDate: [{ type: core.Input }],
         reinit: [{ type: core.Input }],
         value: [{ type: core.Input }]
     };
@@ -4474,7 +4503,7 @@
     RadioSelectComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-radio-select',
-                    template: "<div [id]='id' class=\"{{getResponsiveClass()}} {{class}} noPadding inail-radio-select\" #formControl>\n  <fieldset class=\"form-group col-xs-12 noPaddingLeft\" [id]=\"getName()\"\n            role=\"radiogroup\"\n            [attr.aria-required]=\"required === true ? true : undefined\">\n    <legend class=\"radio-legend {{labelClass}}\"\n            [ngStyle]=\"{'display': hiddenLabel ? 'none': 'contents'}\"\n            [innerHTML]=\"getLabel()\">\n    </legend>\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    <br *ngIf=\"!hiddenLabel\">\n    <div class=\"radio {{inline === true ? 'inline' : ''}}\" *ngFor=\"let option of options\">\n      <label [for]=\"option?.id\">\n        <input [attr.id]=\"option?.id\"\n               #inputRadio\n               type=\"radio\"\n               class=\"{{inputClass}} {{option?.class}}\"\n               [name]=\"getName()\"\n               [attr.title]=\"option?.title || title\"\n               [disabled]=\"disabled\"\n               [attr.aria-invalid]=\"isThereError() === true ? true : undefined\"\n               [attr.aria-describedBy]=\"getAriaDescribedBy()\"\n               [value]=\"option?.value\"\n               (blur)=\"onBlur()\"\n               (keyup.enter)=\"enterUp.emit()\"\n               [(ngModel)]=\"value\">\n        <span [innerHTML]=\"option?.label\"\n              [ngClass]=\"{'sr-only': hiddenLabel}\">\n        </span>\n      </label>\n      <span *ngIf=\"option?.popover === true\"\n            [style.padding-left.px]=\"5\">\n        <inail-popover [iconClass]=\"option?.popoverButtonIcon\"\n                       [buttonTitle]=\"option?.popoverButtonTitle\"\n                       [header]=\"option?.popoverHeader\"\n                       [content]=\"option?.popoverContent\">\n        </inail-popover>\n      </span>\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  </fieldset>\n</div>\n",
+                    template: "<div [id]='id' class=\"{{getResponsiveClass()}} {{class}} noPadding inail-radio-select\" #formControl>\n  <fieldset class=\"form-group col-xs-12 noPaddingLeft\" [id]=\"getName()\"\n            role=\"radiogroup\"\n            [attr.aria-required]=\"required === true ? true : undefined\">\n    <legend class=\"radio-legend {{labelClass}}\"\n            [ngStyle]=\"{'display': hiddenLabel ? 'none': 'contents'}\"\n            [innerHTML]=\"getLabel()\">\n    </legend>\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    <br *ngIf=\"!hiddenLabel\">\n    <div class=\"radio {{inline === true ? 'inline' : ''}}\" *ngFor=\"let option of options\">\n      <label [for]=\"option?.id\">\n        <input [attr.id]=\"option?.id\"\n               #inputRadio\n               type=\"radio\"\n               class=\"{{inputClass}} {{option?.class}}\"\n               [attr.name]=\"getName()\"\n               [attr.title]=\"option?.title || title\"\n               [disabled]=\"disabled\"\n               [attr.aria-invalid]=\"isThereError() === true ? true : undefined\"\n               [attr.aria-describedBy]=\"getAriaDescribedBy()\"\n               [value]=\"option?.value\"\n               (blur)=\"onBlur()\"\n               (keyup.enter)=\"enterUp.emit()\"\n               [(ngModel)]=\"value\">\n        <span [innerHTML]=\"option?.label\"\n              [ngClass]=\"{'sr-only': hiddenLabel}\">\n        </span>\n      </label>\n      <span *ngIf=\"option?.popover === true\"\n            [style.padding-left.px]=\"5\">\n        <inail-popover [iconClass]=\"option?.popoverButtonIcon\"\n                       [buttonTitle]=\"option?.popoverButtonTitle\"\n                       [header]=\"option?.popoverHeader\"\n                       [content]=\"option?.popoverContent\">\n        </inail-popover>\n      </span>\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  </fieldset>\n</div>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
                     providers: [
@@ -4643,6 +4672,7 @@
             _this.setFocusOnError = getConfigValue((_h = (_g = _this.libConfig) === null || _g === void 0 ? void 0 : _g.modalComponent) === null || _h === void 0 ? void 0 : _h.setFocusOnError, undefined);
             _this.preventPageScroll = getConfigValue((_k = (_j = _this.libConfig) === null || _j === void 0 ? void 0 : _j.modalComponent) === null || _k === void 0 ? void 0 : _k.preventPageScroll, true);
             _this.closeOnClick = function () { return _this.showModal(false); };
+            _this.scrollContentTop = function () { return document.querySelector("#" + _this.id + " .modal-body").scrollTop = 0; };
             _this.setFocusOnLastPageActiveElement = function () {
                 if (_this.pageActiveElement != undefined) {
                     if (window['$'](_this.pageActiveElement).length > 0) {
@@ -4694,9 +4724,11 @@
                 if (this.preventPageScroll) {
                     setPageScroll(false);
                 }
+                setTimeout(function () { return _this.scrollContentTop(); }, 300);
             }
             else {
                 this.close.emit();
+                setTimeout(function () { return _this.scrollContentTop(); });
                 if (this.preventPageScroll) {
                     this.ripristinaPageScroll();
                 }
@@ -4714,11 +4746,25 @@
         ModalComponent.prototype.inserisciPreventBodyPaddingStyle = function () {
             if (!window['$']("." + PREVENT_PADDING_STYLE_CLASS).length) {
                 window['$']('<style>', { class: "" + PREVENT_PADDING_STYLE_CLASS }).text('body.modal-open { padding-right: 0!important; }').appendTo('head');
+                this.rimuoviBodyPaddingRight();
             }
         };
         ModalComponent.prototype.rimuoviPreventBodyPaddingStyle = function () {
             setTimeout(function () { var _a; return (_a = window['$']("." + PREVENT_PADDING_STYLE_CLASS)) === null || _a === void 0 ? void 0 : _a.remove(); }, 500);
         };
+        /**
+         * Rimuove la regola sul padding-right inserita da bootstrap in fase di apertura della modale
+         */
+        ModalComponent.prototype.rimuoviBodyPaddingRight = function () {
+            var counter = 0;
+            var handle = setInterval(function () {
+                if (document.body.style.paddingRight != "" || counter == 100) {
+                    window['$']('body').css('padding-right', '');
+                    clearInterval(handle);
+                }
+                counter++;
+            }, 5);
+        };
         ModalComponent.prototype.ripristinaPageScroll = function () {
             var counter = 0;
             // Evita il glitch grafico che fa restringere ed allargare
@@ -4774,10 +4820,10 @@
     ModalComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-modal',
-                    template: "<div class=\"modal fade inail-modal {{class}}\"\n     [id]=\"id\"\n     tabindex=\"-1\"\n     role=\"dialog\"\n     data-keyboard=\"false\"\n     data-backdrop=\"static\"\n     (keyup.escape)=\"this.showModal(false)\"\n     [attr.aria-labelledby]=\"id+'-TITOLO'\">\n  <div class=\"vertical-alignment-helper\">\n    <div class=\"modal-dialog vertical-align-center\"\n         [ngClass]=\"{'medium' : width=='M', 'wide' : width=='L'}\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <span class=\"modal-title\"\n                tabindex=\"0\"\n                id=\"{{id}}-TITOLO\" [innerHTML]=\"title\"></span>\n          <button type=\"button\"\n                  id=\"{{id}}_close_button\"\n                  [title]=\"closeButtonTitle\"\n                  (click)=\"closeOnClick()\"\n                  (keyup.space)=\"closeOnClick()\"\n                  (keyup.enter)=\"closeOnClick()\"\n                  class=\"close\"\n                  aria-label=\"Close\">\n            <span aria-hidden=\"true\">\u00D7</span>\n          </button>\n        </div>\n        <div class=\"modal-body\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    template: "<div class=\"modal fade inail-modal {{class}}\"\n     [id]=\"id\"\n     tabindex=\"-1\"\n     role=\"dialog\"\n     data-keyboard=\"false\"\n     data-backdrop=\"static\"\n     (keyup.escape)=\"this.showModal(false)\"\n     [attr.aria-labelledby]=\"id+'-TITOLO'\">\n  <div class=\"vertical-alignment-helper\">\n    <div class=\"modal-dialog vertical-align-center\"\n         [ngClass]=\"{'medium' : width=='M', 'wide' : width=='L'}\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <span class=\"modal-title\"\n                tabindex=\"0\"\n                id=\"{{id}}-TITOLO\" [innerHTML]=\"title\"></span>\n          <button type=\"button\"\n                  id=\"{{id}}_close_button\"\n                  [title]=\"closeButtonTitle\"\n                  (click)=\"closeOnClick()\"\n                  (keyup.space)=\"closeOnClick()\"\n                  (keyup.enter)=\"closeOnClick()\"\n                  class=\"close\"\n                  aria-label=\"Close\">\n            <span aria-hidden=\"true\">\u00D7</span>\n          </button>\n        </div>\n        <div class=\"modal-body\">\n          <ng-content></ng-content>\n        </div>\n        <div class=\"modal-footer\" #footer [hidden]=\"!(footer.innerText || footer.innerHTML)\">\n          <ng-content select=\"[modal-footer]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
-                    styles: [".inail-modal .modal-dialog.medium{width:900px}.inail-modal .modal-dialog.wide{width:1200px}.inail-modal .modal-dialog{max-width:100vw!important}.inail-modal .close:focus,.inail-modal .modal-title:focus{outline:1px dotted #fff!important}"]
+                    styles: [".inail-modal .modal-dialog.medium{width:900px}.inail-modal .modal-dialog.wide{width:1200px}.inail-modal .modal-dialog{max-width:100vw!important}.inail-modal .close:focus,.inail-modal .modal-title:focus{outline:1px dotted #fff!important}.inail-modal .modal-header button.close{height:30px}.inail-modal .modal-content .modal-footer{padding:10px 30px 20px!important}"]
                 },] }
     ];
     ModalComponent.ctorParameters = function () { return [
@@ -4832,10 +4878,10 @@
     AlertComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-alert',
-                    template: "<inail-modal #modalComponent\n             [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"this.width\"\n             (close)=\"close.emit($event)\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p *ngIf=\"!message\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"row alert-footer\">\n    <button type=\"button\"\n            (click)=\"okOnClick()\"\n            class=\"btn btn-primary pull-right\">Ok\n    </button>\n  </div>\n</inail-modal>\n",
+                    template: "<inail-modal #modalComponent\n             [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"this.width\"\n             (close)=\"close.emit($event)\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p [style.margin-bottom.px]=\"0\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <ng-container modal-footer>\n    <button type=\"button\"\n            (click)=\"okOnClick()\"\n            class=\"btn btn-primary pull-right noMarginRight\">Ok\n    </button>\n  </ng-container>\n  <!--<div class=\"row alert-footer\">\n    <button type=\"button\"\n            (click)=\"okOnClick()\"\n            class=\"btn btn-primary pull-right\">Ok\n    </button>\n  </div>-->\n</inail-modal>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
-                    styles: [".alert-footer{padding-bottom:20px!important;padding-top:20px!important}.alert-footer button{margin-right:0!important}"]
+                    styles: [""]
                 },] }
     ];
     AlertComponent.ctorParameters = function () { return [
@@ -4911,10 +4957,10 @@
     ConfirmComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-confirm',
-                    template: "<inail-modal #modalComponent\n             [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"width\"\n             (close)=\"onClose()\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p *ngIf=\"!message\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"row confirm-footer\">\n    <inail-button [label]=\"rejectButtonLabel\"\n                  (onclick)=\"rejectOnClick()\">\n    </inail-button>\n    <inail-button [class]=\"'pull-right'\"\n                  [setFocusOnError]=\"setFocusOnError\"\n                  [label]=\"confirmButtonLabel\"\n                  (onclick)=\"confirmOnClick()\">\n    </inail-button>\n  </div>\n</inail-modal>\n",
+                    template: "<inail-modal #modalComponent\n             [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"width\"\n             (close)=\"onClose()\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p [style.margin-bottom.px]=\"0\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <ng-container modal-footer>\n    <inail-button [label]=\"rejectButtonLabel\"\n                  (onclick)=\"rejectOnClick()\">\n    </inail-button>\n    <inail-button [class]=\"'pull-right noMarginRight'\"\n                  [setFocusOnError]=\"setFocusOnError\"\n                  [label]=\"confirmButtonLabel\"\n                  (onclick)=\"confirmOnClick()\">\n    </inail-button>\n  </ng-container>\n  <!--<div class=\"row confirm-footer\">\n    <inail-button [label]=\"rejectButtonLabel\"\n                  (onclick)=\"rejectOnClick()\">\n    </inail-button>\n    <inail-button [class]=\"'pull-right'\"\n                  [setFocusOnError]=\"setFocusOnError\"\n                  [label]=\"confirmButtonLabel\"\n                  (onclick)=\"confirmOnClick()\">\n    </inail-button>\n  </div>-->\n</inail-modal>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
-                    styles: [".confirm-footer{padding-bottom:20px!important;padding-top:20px!important}.confirm-footer button{margin-right:0!important}"]
+                    styles: [""]
                 },] }
     ];
     ConfirmComponent.ctorParameters = function () { return [
@@ -5446,6 +5492,7 @@
             this.lookAtThLabel(this.thLabelComponents);
             this.attivaThLabelOrdinamentoSpecificato();
             setTimeout(function () { var _a; return _this.visualizzaBaseFooter = ((_a = _this.baseFooter) === null || _a === void 0 ? void 0 : _a.nativeElement.childElementCount) > 0; });
+            this.numeroColonne = document.querySelectorAll("#" + this.id + " th").length;
             this.cdr.detectChanges();
         };
         TableComponent.prototype.ngAfterViewChecked = function () {
@@ -5968,10 +6015,19 @@
             return _this;
         }
         InputNumberComponent.prototype.ngOnChanges = function (changes) {
+            var _a;
             _super.prototype.ngOnChanges.call(this, changes);
             if (changes.value) {
+                // console.warn(changes.value)
                 this.previousValue = changes.value.previousValue;
-                this.normalizzaValore();
+                // Se l'input type text non ha il focus.
+                // La normalizzazzione del valore al change del value avviene solamente quando
+                // viene impostato il valore in maniera programmatica.
+                // In caso di digitazione da parte dell'utente la normalizzazione
+                // avverra' alla perdita del focus.
+                if (!(this.formControlElement.nativeElement.id === ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.id))) {
+                    this.normalizzaValore();
+                }
                 // if (!changes.value.firstChange) {
                 //
                 //   this.cleanError()
@@ -6027,15 +6083,38 @@
                 }
             }
         };
+        InputNumberComponent.prototype.onBlur = function () {
+            this.normalizzaValore();
+            _super.prototype.onBlur.call(this);
+        };
+        // private normalizzaValore() {
+        //
+        //   setTimeout(() => {
+        //
+        //     if (!this.disabled) {
+        //
+        //       if (this.min != undefined && this.inputValue < this.min) {
+        //
+        //         this.value = this.previousValue != undefined ? this.previousValue : this.min;
+        //
+        //       } else if (this.max != undefined && this.inputValue > this.max) {
+        //
+        //         this.value = this.previousValue != undefined ? this.previousValue : this.max;
+        //       }
+        //     }
+        //
+        //     this.cdr.detectChanges();
+        //   });
+        // }
         InputNumberComponent.prototype.normalizzaValore = function () {
             var _this = this;
             setTimeout(function () {
-                if (!_this.disabled) {
+                if (!_this.disabled && _this.inputValue != undefined && isNotBlankOrNull("" + _this.inputValue)) {
                     if (_this.min != undefined && _this.inputValue < _this.min) {
-                        _this.value = _this.previousValue != undefined ? _this.previousValue : _this.min;
+                        _this.value = _this.min;
                     }
                     else if (_this.max != undefined && _this.inputValue > _this.max) {
-                        _this.value = _this.previousValue != undefined ? _this.previousValue : _this.max;
+                        _this.value = _this.max;
                     }
                 }
                 _this.cdr.detectChanges();
@@ -6896,7 +6975,7 @@
                     template: "<td [colSpan]=\"colspan\" class=\"accordionTab\">\n  <form class=\"row form-grey pop\">\n    <ng-content select=\"[content]\"></ng-content>\n  </form>\n  <div class=\"row baseFooter\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n</td>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
-                    styles: [""]
+                    styles: [".inail-tr-accordion .accordionTab div.form-group label{display:block!important}"]
                 },] }
     ];
     TrAccordionComponent.ctorParameters = function () { return [
@@ -7099,11 +7178,13 @@
     exports.addZero = addZero;
     exports.call = call;
     exports.clone = clone;
+    exports.compareDate = compareDate;
     exports.dateToString = dateToString;
     exports.getConfigValue = getConfigValue;
     exports.isAbsolute = isAbsolute;
     exports.isBlankOrNull = isBlankOrNull;
     exports.isDate = isDate;
+    exports.isFutureDate = isFutureDate;
     exports.isHidden = isHidden;
     exports.isInISO8601Format = isInISO8601Format;
     exports.isInItalianFormat = isInItalianFormat;
@@ -7112,7 +7193,9 @@
     exports.isListNotEmptyOrNull = isListNotEmptyOrNull;
     exports.isNotBlankOrNull = isNotBlankOrNull;
     exports.isNumber = isNumber;
+    exports.isPastDate = isPastDate;
     exports.isString = isString;
+    exports.isToday = isToday;
     exports.isValidDateObject = isValidDateObject;
     exports.isValidRadioValue = isValidRadioValue;
     exports.isValidSelectValue = isValidSelectValue;