ng-inail-common 2.0.31 → 2.0.32-beta.11

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

@@ -403,10 +403,16 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -472,18 +478,21 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
     var BasicUxElementComponent = /** @class */ (function (_super) {
@@ -1663,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
@@ -2033,7 +2042,7 @@
                     }
                 }
             }
-            this.select.emit(item);
+            this.itemClick.emit(item);
         };
         /**
          * Effetto fisarmonica
@@ -2090,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]=\"{seleacted: 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}"]
                 },] }
@@ -2115,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',] }]
     };
@@ -2862,6 +2871,7 @@
             setTimeout(function () {
                 _this.visualizzaSidebarInferiore = _this.sidebarInferiore.nativeElement.childElementCount > 0;
                 _this.detach();
+                _this.cdr.detectChanges();
             });
         };
         NavigazioneSecondariaComponent.prototype.ngOnDestroy = function () {
@@ -3366,7 +3376,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();
                     }
@@ -3573,6 +3593,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);
@@ -3627,10 +3648,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>\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}.feedback-header.feedback-header-warning span{color:#000}"]
                 },] }
     ];
     FeedbackComponent.ctorParameters = function () { return [
@@ -4454,7 +4475,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: [
@@ -5320,7 +5341,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
@@ -5383,6 +5404,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
@@ -5422,6 +5447,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 () {
@@ -5825,6 +5851,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 },] }],
@@ -6821,6 +6848,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() {
         }
@@ -6888,7 +6978,8 @@
                         TrCheckboxComponent,
                         ProgressBarComponent,
                         MultiSelectComponent,
-                        InputTimeComponent
+                        InputTimeComponent,
+                        TrAccordionComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -6939,7 +7030,8 @@
                         TrCheckboxComponent,
                         ProgressBarComponent,
                         MultiSelectComponent,
-                        InputTimeComponent
+                        InputTimeComponent,
+                        TrAccordionComponent
                     ],
                     providers: [common.DatePipe]
                 },] }
@@ -7003,6 +7095,7 @@
     exports.TablePageLengthSelectorComponent = TablePageLengthSelectorComponent;
     exports.TextareaComponent = TextareaComponent;
     exports.ThLabelComponent = ThLabelComponent;
+    exports.TrAccordionComponent = TrAccordionComponent;
     exports.TrCheckboxComponent = TrCheckboxComponent;
     exports.WizardComponent = WizardComponent;
     exports.addZero = addZero;