ng-inail-common 2.0.32-beta.2 → 2.0.32-beta.22

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,6 +3194,14 @@
     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 InputTextComponent = /** @class */ (function (_super) {
         __extends(InputTextComponent, _super);
@@ -3376,7 +3384,17 @@
                     _this.cdr.detectChanges();
                     _this.emitDebug("this.valueChange.emit(" + _this.selectedValue + ")");
                     _this.valueChange.emit(_this.selectedValue);
-                    _this.select.emit(_this.options.find(function (opt) { return (opt === null || opt === void 0 ? void 0 : opt.value) === _this.selectedValue; }));
+                    var optionToEmit;
+                    if (_this.options) {
+                        optionToEmit = _this.options.find(function (opt) { return (opt === null || opt === void 0 ? void 0 : opt.value) === _this.selectedValue; });
+                        // this.select.emit(this.options.find(opt => opt?.value === this.selectedValue));
+                    }
+                    if (!optionToEmit && _this.blankOption && _this.selectedValue === '') {
+                        optionToEmit = { value: '', label: _this.blankOptionText };
+                    }
+                    if (optionToEmit) {
+                        _this.select.emit(optionToEmit);
+                    }
                     if (_this.cleanErrorOnChange) {
                         _this.cleanError();
                     }
@@ -3583,6 +3601,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);
@@ -3637,10 +3656,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 [
@@ -4148,7 +4167,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) {
@@ -4164,16 +4183,21 @@
             _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.isValidInputValue = function () { return isBlankOrNull(_this.visibleData) || isInItalianFormat(_this.visibleData); };
             _this.isThereDataError = function () { return _this.isThereError() || (!_this.isValidInputValue() && _this.selfValidation); };
             _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.isEnabledDate = function (date) {
                 var dateString = 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.isPasteOrFutureDisableDate = function (data) { return (_this.disablePastDates === true && isPastDate(data)) || (_this.disableFutureDates === true && isFutureDate(data)); };
+            _this.isDataAbilitata = function (data) { return !_this.isPasteOrFutureDisableDate(data) && (_this.enabledDates == undefined || !_this.enabledDates.length || _this.enabledDates.some(function (regex) { return _this.match(data, regex) != undefined; })); };
+            _this.isDataDisabilitata = function (data) { return _this.isPasteOrFutureDisableDate(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.isFirstDigitSlash = function (ev) { return ev.key == '/' && _this.visibleData == undefined; };
             _this.isDoubleSlash = function (ev) { return ev.key == '/' && ev.key == _this.previousDigit; };
@@ -4241,7 +4265,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];
@@ -4257,7 +4281,7 @@
         };
         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 (((_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.options.beforeShowDay = this.isEnabledDate;
             }
             window['$'](this.formControlElement.nativeElement).datepicker(this.options);
@@ -4266,6 +4290,7 @@
             window['$'](this.formControlElement.nativeElement).datepicker('remove');
         };
         InputDateComponent.prototype.datepickerReinit = function () {
+            console.warn(this.disablePastDates);
             this.datepickerDestroy();
             this.datepickerInit();
         };
@@ -4360,6 +4385,8 @@
         selfValidationError: [{ type: core.Input }],
         enabledDates: [{ type: core.Input }],
         disabledDates: [{ type: core.Input }],
+        disableFutureDates: [{ type: core.Input }],
+        disablePastDates: [{ type: core.Input }],
         reinit: [{ type: core.Input }],
         value: [{ type: core.Input }]
     };
@@ -4464,7 +4491,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: [
@@ -4633,6 +4660,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) {
@@ -4684,9 +4712,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();
                 }
@@ -4764,10 +4794,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-footer{padding:10px 30px 20px}"]
                 },] }
     ];
     ModalComponent.ctorParameters = function () { return [
@@ -4822,10 +4852,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 [
@@ -4901,10 +4931,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'\"\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 [
@@ -5330,7 +5360,7 @@
         }
         TableComponent.prototype.ngOnChanges = function (changes) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             _super.prototype.ngOnChanges.call(this, changes);
             // Controllo se la paginazione richiesta e' interna o esterna
             if (!this.externalPaginationSorting
@@ -5393,6 +5423,10 @@
             if ((_k = changes.selectableRowValues) === null || _k === void 0 ? void 0 : _k.currentValue) {
                 this.righeSelezionabili = __spread((_l = changes.selectableRowValues) === null || _l === void 0 ? void 0 : _l.currentValue);
             }
+            // Righe selezionate in input
+            if ((_m = changes.checkedRows) === null || _m === void 0 ? void 0 : _m.currentValue) {
+                this.righeSelezionate = __spread((_o = changes.checkedRows) === null || _o === void 0 ? void 0 : _o.currentValue);
+            }
             this.cdr.detectChanges();
         };
         // Verifica la congruenza tra pagaNumber e pageIndex
@@ -5432,6 +5466,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 () {
@@ -5835,6 +5870,7 @@
         detailsLink: [{ type: core.Input }],
         selectableRowValues: [{ type: core.Input }],
         detailsClick: [{ type: core.Output }],
+        checkedRows: [{ type: core.Input }],
         checkedRowsChange: [{ type: core.Output }],
         thLabelComponents: [{ type: core.ContentChildren, args: [ThLabelComponent, { descendants: true },] }],
         trCheckboxComponents: [{ type: core.ContentChildren, args: [TrCheckboxComponent, { descendants: true },] }],
@@ -5953,10 +5989,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()
@@ -6012,15 +6057,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();
@@ -6831,6 +6899,69 @@
         value: [{ type: core.Input }]
     };
 
+    var TrAccordionComponent = /** @class */ (function (_super) {
+        __extends(TrAccordionComponent, _super);
+        function TrAccordionComponent(elRef, cdr, libConfig) {
+            var _this = this;
+            var _a, _b;
+            _this = _super.call(this, cdr, libConfig) || this;
+            _this.elRef = elRef;
+            _this.cdr = cdr;
+            _this.libConfig = libConfig;
+            _this.expanded = getConfigValue((_b = (_a = _this.libConfig) === null || _a === void 0 ? void 0 : _a.trAccordionComponent) === null || _b === void 0 ? void 0 : _b.expanded, false);
+            _this.expandedChange = new core.EventEmitter();
+            _this.isExpanded = function () { return _this.expanded === true; };
+            _this.logPrefix = '[inail-tr-accordion]';
+            _super.prototype.overrideConfig.call(_this, libConfig === null || libConfig === void 0 ? void 0 : libConfig.trAccordionComponent);
+            _this.detach();
+            return _this;
+        }
+        TrAccordionComponent.prototype.ngOnChanges = function (changes) {
+            _super.prototype.ngOnChanges.call(this, changes);
+            this.cdr.detectChanges();
+        };
+        TrAccordionComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+        };
+        TrAccordionComponent.prototype.toggle = function (expanded) {
+            if (this.trParent) {
+                this.expanded = (expanded != undefined) ? expanded : this.trParent.hidden;
+                this.trParent.hidden = !this.expanded;
+                this.expandedChange.emit(this.expanded);
+                this.cdr.detectChanges();
+            }
+        };
+        TrAccordionComponent.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+        };
+        TrAccordionComponent.prototype.ngAfterViewInit = function () {
+            var _a, _b, _c, _d;
+            this.trParent = this.elRef.nativeElement;
+            this.colspan = (_d = (_c = (_b = (_a = this.trParent) === null || _a === void 0 ? void 0 : _a.closest('table')) === null || _b === void 0 ? void 0 : _b.querySelector('thead')) === null || _c === void 0 ? void 0 : _c.querySelectorAll('tr th')) === null || _d === void 0 ? void 0 : _d.length;
+            this.toggle(this.expanded);
+            this.cdr.detectChanges();
+        };
+        return TrAccordionComponent;
+    }(BasicUxElementComponent));
+    TrAccordionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: '.inail-tr-accordion',
+                    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: [".inail-tr-accordion .accordionTab div.form-group label{display:block!important}"]
+                },] }
+    ];
+    TrAccordionComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.ChangeDetectorRef },
+        { type: undefined, decorators: [{ type: core.Inject, args: [NG_INAIL_COMMON_CONFIG,] }] }
+    ]; };
+    TrAccordionComponent.propDecorators = {
+        expanded: [{ type: core.Input }],
+        expandedChange: [{ type: core.Output }]
+    };
+
     var NgInailCommonModule = /** @class */ (function () {
         function NgInailCommonModule() {
         }
@@ -6898,7 +7029,8 @@
                         TrCheckboxComponent,
                         ProgressBarComponent,
                         MultiSelectComponent,
-                        InputTimeComponent
+                        InputTimeComponent,
+                        TrAccordionComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -6949,7 +7081,8 @@
                         TrCheckboxComponent,
                         ProgressBarComponent,
                         MultiSelectComponent,
-                        InputTimeComponent
+                        InputTimeComponent,
+                        TrAccordionComponent
                     ],
                     providers: [common.DatePipe]
                 },] }
@@ -7013,16 +7146,19 @@
     exports.TablePageLengthSelectorComponent = TablePageLengthSelectorComponent;
     exports.TextareaComponent = TextareaComponent;
     exports.ThLabelComponent = ThLabelComponent;
+    exports.TrAccordionComponent = TrAccordionComponent;
     exports.TrCheckboxComponent = TrCheckboxComponent;
     exports.WizardComponent = WizardComponent;
     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;
@@ -7031,7 +7167,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;