ng-inail-common 1.0.423 → 1.0.426

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

@@ -2470,10 +2470,13 @@
                 this.valueValue = val;
                 this.valueChange.emit(this.valueValue);
                 /** @type {?} */
-                var optionSelected = this.options.find(( /**
-                 * @param {?} opt
-                 * @return {?}
-                 */function (opt) { return opt != undefined && opt.value === _this.valueValue; }));
+                var optionSelected;
+                if (this.options) {
+                    optionSelected = this.options.find(( /**
+                     * @param {?} opt
+                     * @return {?}
+                     */function (opt) { return opt != undefined && opt.value === _this.valueValue; }));
+                }
                 if (optionSelected != undefined || isEmptyOrNull(val)) {
                     this.select.emit(optionSelected);
                 }
@@ -5588,6 +5591,18 @@
             _this.innerMenu = false;
             _this.inizializzazioneCompletata = false;
             _this.mostraElemento = new i0.EventEmitter();
+            _this.getPropertyValue = ( /**
+             * @param {?} property
+             * @return {?}
+             */function (property) { return internalCompatibility.isFunction(property) ? (( /** @type {?} */(property)))() : property; });
+            _this.getItemTitle = ( /**
+             * @param {?} item
+             * @return {?}
+             */function (item) { return _this.getPropertyValue(item.title); });
+            _this.getItemAriaLabel = ( /**
+             * @param {?} item
+             * @return {?}
+             */function (item) { return _this.getPropertyValue(item.ariaLabel); });
             /**
              * Sovrascrive la proprieta link dell'elemento del menu
              * se la proprieta linkRegex matcha con l'url corrente.
@@ -6493,7 +6508,7 @@
         MenuComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'inail-menu',
-                        template: "<ng-container *ngIf=\"true\">\n    <ul id=\"{{id}}\"\n        *ngIf=\"inizializzazioneCompletata\"\n        [attr.role]=\"'menu'\"\n        class=\"inail-menu-style-encapsulation {{menuClass}}\">\n\n        <ng-container *ngFor=\"let element of elements\">\n\n            <li *ngIf=\"showElement(element)\"\n                [attr.role]=\"element.link ? 'menuitem' : undefined\"\n                [ngClass]=\"{selected: isActive(element)}\"\n                class=\"livello_1\">\n                <a *ngIf=\"element.link\"\n                   [id]=\"element.id\"\n                   tabindex=\"0\"\n                   [routerLink]=\"getElementLink(element)\"\n                   [queryParams]=\"element.queryParams\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   (keyup.arrowUp)=\"itemOnArrowUp()\"\n                   (keyup.arrowDown)=\"itemOnArrowDown()\"\n                   (keyup.space)=\"onKeyupSpace($event)\"\n                   [attr.data-toggle]=\"isCollapsible(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"isCollapsible(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-expanded]=\"isCollapsible(element) ? !element.collapsed : undefined\">\n                </a>\n                <a *ngIf=\"!element.link\"\n                   [id]=\"element.id\"\n                   tabindex=\"0\"\n                   role=\"button\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   (keyup.arrowUp)=\"itemOnArrowUp()\"\n                   (keyup.arrowDown)=\"itemOnArrowDown()\"\n                   (keyup.enter)=\"toggleElemento(element.id)\"\n                   (keyup.space)=\"onKeyupSpace($event)\"\n                   [attr.data-toggle]=\"isCollapsible(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"isCollapsible(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-expanded]=\"isCollapsible(element) ? !element.collapsed : undefined\">\n                </a>\n                <p *comment>\n                    Attributi rimossi:\n                    [attr.aria-haspopup]=\"isCollapsible(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                    [attr.aria-controls]=\"isCollapsible(element) ? element.id+'-items' : undefined\"\n                </p>\n                <p *comment>\n                    Mettondolo si ha una anomalia con Jaws:\n                    [title]=\"(isCollapsible(element)) ? ('Clicca per ' + (!isExpanded(element) ? 'espandere' : 'chiudere') + ' la voce di men&ugrave;') : undefined\"\n                </p>\n                <p *comment>\n                    L'attributo aria-expanded viene impostato inizialmente se l'elemento e' espandibile.\n                    Dopodiche' il suo valore viene modificato direttamente\n                    dalla libreria bootstrap che si occupa di gestire gli effetti di collapsing.\n                </p>\n                <p *comment>\n                    Per problemi di \"accessibilita!!\" viene sostituito\n                    [attr.aria-label]=\"isCollapsible(element) ? element.collapsible ? 'Espande/chiude la voce di men&ugrave;: '+getElementLabel(element) : '' : undefined\"\n                    con\n                    [attr.aria-haspopup]=\"isCollapsible(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                </p>\n                <inail-menu *ngIf=\"hasSubElements(element)\"\n                            [id]=\"element.id+'-items'\"\n                            [activeElement]=\"activeElement\"\n                            [menuClass]=\"element.collapsible ? 'livello_2'.concat(isCollapsed(element) ? ' collapse' : ' collapse in') : 'livello_2'\"\n                            [elements]=\"element.subElements\"\n                            [emitCurrent]=\"emitCurrent\"\n                            [disabilitaImpostazioneParents]=\"true\"\n                            [parent]=\"element\"\n                            [collapsible]=\"collapsible\"\n                            [collapsOtherEffetc]=\"collapsOtherEffetc\"\n                            (select)=\"select.emit($event)\"\n                            [collapse]=\"collapse\"\n                            [toggle]=\"toggle\"\n                            [show]=\"mostraElemento\"\n                            (currentElement)=\"forwardCurrent($event)\">\n                </inail-menu>\n            </li>\n        </ng-container>\n    </ul>\n</ng-container>\n\n<ng-container *ngIf=\"false\">\n    <ul id=\"{{id}}\"\n        *ngIf=\"inizializzazioneCompletata\"\n        role=\"menu\"\n        class=\"inail-menu-style-encapsulation {{menuClass}}\">\n\n        <ng-container *ngFor=\"let element of elements\">\n\n            <li *ngIf=\"showElement(element)\"\n                [ngClass]=\"{selected: isActive(element)}\"\n                class=\"livello_1\">\n                <a *ngIf=\"element.link\"\n                   [id]=\"element.id\"\n                   [routerLink]=\"getElementLink(element)\"\n                   [queryParams]=\"element.queryParams\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   [attr.data-toggle]=\"element.collapsible && hasSubElements(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"element.collapsible && hasSubElements(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-controls]=\"element.collapsible && hasSubElements(element) ? element.id+'-items' : undefined\"\n                   [attr.aria-haspopup]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                   [attr.aria-expanded]=\"element.collapsible && hasSubElements(element) ? !element.collapsed : undefined\">\n                </a>\n                <a *ngIf=\"!element.link\"\n                   [id]=\"element.id\"\n                   href=\"javascript:void(0)\"\n                   role=\"button\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   [attr.data-toggle]=\"element.collapsible && hasSubElements(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"element.collapsible && hasSubElements(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-controls]=\"element.collapsible && hasSubElements(element) ? element.id+'-items' : undefined\"\n                   [attr.aria-haspopup]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                   [attr.aria-expanded]=\"element.collapsible && hasSubElements(element) ? !element.collapsed : undefined\">\n                </a>\n                <p *comment>\n                    L'attributo aria-expanded viene impostato inizialmente se l'elemento e' espandibile.\n                    Dopodiche' il suo valore viene modificato direttamente\n                    dalla libreria bootstrap che si occupa di gestire gli effetti di collapsing.\n                </p>\n                <p *comment>\n                    Per problemi di \"accessibilita!!\" viene sostituito\n                    [attr.aria-label]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'Espande/chiude la voce di men&ugrave;: '+getElementLabel(element) : '' : undefined\"\n                    con\n                    [attr.aria-haspopup]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                </p>\n                <inail-menu *ngIf=\"hasSubElements(element)\"\n                            [id]=\"element.id+'-items'\"\n                            [activeElement]=\"activeElement\"\n                            [menuClass]=\"element.collapsible ? 'livello_2'.concat(isCollapsed(element) ? ' collapse' : ' collapse in') : 'livello_2'\"\n                            [elements]=\"element.subElements\"\n                            [emitCurrent]=\"emitCurrent\"\n                            [disabilitaImpostazioneParents]=\"true\"\n                            [parent]=\"element\"\n                            [collapsible]=\"collapsible\"\n                            [collapsOtherEffetc]=\"collapsOtherEffetc\"\n                            (select)=\"select.emit($event)\"\n                            [collapse]=\"collapse\"\n                            [toggle]=\"toggle\"\n                            [show]=\"mostraElemento\"\n                            (currentElement)=\"forwardCurrent($event)\">\n                </inail-menu>\n            </li>\n        </ng-container>\n    </ul>\n</ng-container>\n\n\n",
+                        template: "<ng-container *ngIf=\"true\">\n    <ul id=\"{{id}}\"\n        *ngIf=\"inizializzazioneCompletata\"\n        [attr.role]=\"'menu'\"\n        class=\"inail-menu-style-encapsulation {{menuClass}}\">\n\n        <ng-container *ngFor=\"let element of elements\">\n\n            <li *ngIf=\"showElement(element)\"\n                [attr.role]=\"element.link ? 'menuitem' : undefined\"\n                [ngClass]=\"{selected: isActive(element)}\"\n                class=\"livello_1\">\n                <a *ngIf=\"element.link\"\n                   [id]=\"element.id\"\n                   [attr.title]=\"getItemTitle(element)\"\n                   [attr.aria-label]=\"getItemAriaLabel(element)\"\n                   tabindex=\"0\"\n                   [routerLink]=\"getElementLink(element)\"\n                   [queryParams]=\"element.queryParams\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   (keyup.arrowUp)=\"itemOnArrowUp()\"\n                   (keyup.arrowDown)=\"itemOnArrowDown()\"\n                   (keyup.space)=\"onKeyupSpace($event)\"\n                   [attr.data-toggle]=\"isCollapsible(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"isCollapsible(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-expanded]=\"isCollapsible(element) ? !element.collapsed : undefined\">\n                </a>\n                <a *ngIf=\"!element.link\"\n                   [id]=\"element.id\"\n                   [attr.title]=\"getItemTitle(element)\"\n                   [attr.aria-label]=\"getItemAriaLabel(element)\"\n                   tabindex=\"0\"\n                   role=\"button\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   (keyup.arrowUp)=\"itemOnArrowUp()\"\n                   (keyup.arrowDown)=\"itemOnArrowDown()\"\n                   (keyup.enter)=\"toggleElemento(element.id)\"\n                   (keyup.space)=\"onKeyupSpace($event)\"\n                   [attr.data-toggle]=\"isCollapsible(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"isCollapsible(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-expanded]=\"isCollapsible(element) ? !element.collapsed : undefined\">\n                </a>\n                <p *comment>\n                    Attributi rimossi:\n                    [attr.aria-haspopup]=\"isCollapsible(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                    [attr.aria-controls]=\"isCollapsible(element) ? element.id+'-items' : undefined\"\n                </p>\n                <p *comment>\n                    Mettondolo si ha una anomalia con Jaws:\n                    [title]=\"(isCollapsible(element)) ? ('Clicca per ' + (!isExpanded(element) ? 'espandere' : 'chiudere') + ' la voce di men&ugrave;') : undefined\"\n                </p>\n                <p *comment>\n                    L'attributo aria-expanded viene impostato inizialmente se l'elemento e' espandibile.\n                    Dopodiche' il suo valore viene modificato direttamente\n                    dalla libreria bootstrap che si occupa di gestire gli effetti di collapsing.\n                </p>\n                <p *comment>\n                    Per problemi di \"accessibilita!!\" viene sostituito\n                    [attr.aria-label]=\"isCollapsible(element) ? element.collapsible ? 'Espande/chiude la voce di men&ugrave;: '+getElementLabel(element) : '' : undefined\"\n                    con\n                    [attr.aria-haspopup]=\"isCollapsible(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                </p>\n                <inail-menu *ngIf=\"hasSubElements(element)\"\n                            [id]=\"element.id+'-items'\"\n                            [activeElement]=\"activeElement\"\n                            [menuClass]=\"element.collapsible ? 'livello_2'.concat(isCollapsed(element) ? ' collapse' : ' collapse in') : 'livello_2'\"\n                            [elements]=\"element.subElements\"\n                            [emitCurrent]=\"emitCurrent\"\n                            [disabilitaImpostazioneParents]=\"true\"\n                            [parent]=\"element\"\n                            [collapsible]=\"collapsible\"\n                            [collapsOtherEffetc]=\"collapsOtherEffetc\"\n                            (select)=\"select.emit($event)\"\n                            [collapse]=\"collapse\"\n                            [toggle]=\"toggle\"\n                            [show]=\"mostraElemento\"\n                            (currentElement)=\"forwardCurrent($event)\">\n                </inail-menu>\n            </li>\n        </ng-container>\n    </ul>\n</ng-container>\n\n<ng-container *ngIf=\"false\">\n    <ul id=\"{{id}}\"\n        *ngIf=\"inizializzazioneCompletata\"\n        role=\"menu\"\n        class=\"inail-menu-style-encapsulation {{menuClass}}\">\n\n        <ng-container *ngFor=\"let element of elements\">\n\n            <li *ngIf=\"showElement(element)\"\n                [ngClass]=\"{selected: isActive(element)}\"\n                class=\"livello_1\">\n                <a *ngIf=\"element.link\"\n                   [id]=\"element.id\"\n                   [routerLink]=\"getElementLink(element)\"\n                   [queryParams]=\"element.queryParams\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   [attr.data-toggle]=\"element.collapsible && hasSubElements(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"element.collapsible && hasSubElements(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-controls]=\"element.collapsible && hasSubElements(element) ? element.id+'-items' : undefined\"\n                   [attr.aria-haspopup]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                   [attr.aria-expanded]=\"element.collapsible && hasSubElements(element) ? !element.collapsed : undefined\">\n                </a>\n                <a *ngIf=\"!element.link\"\n                   [id]=\"element.id\"\n                   href=\"javascript:void(0)\"\n                   role=\"button\"\n                   [innerHTML]=\"getElementLabel(element)\"\n                   (click)=\"elementOnClick(element)\"\n                   [attr.data-toggle]=\"element.collapsible && hasSubElements(element) ? 'collapse' : undefined\"\n                   [attr.data-target]=\"element.collapsible && hasSubElements(element) ? '#'+element.id+'-items' : undefined\"\n                   [attr.aria-controls]=\"element.collapsible && hasSubElements(element) ? element.id+'-items' : undefined\"\n                   [attr.aria-haspopup]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                   [attr.aria-expanded]=\"element.collapsible && hasSubElements(element) ? !element.collapsed : undefined\">\n                </a>\n                <p *comment>\n                    L'attributo aria-expanded viene impostato inizialmente se l'elemento e' espandibile.\n                    Dopodiche' il suo valore viene modificato direttamente\n                    dalla libreria bootstrap che si occupa di gestire gli effetti di collapsing.\n                </p>\n                <p *comment>\n                    Per problemi di \"accessibilita!!\" viene sostituito\n                    [attr.aria-label]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'Espande/chiude la voce di men&ugrave;: '+getElementLabel(element) : '' : undefined\"\n                    con\n                    [attr.aria-haspopup]=\"element.collapsible && hasSubElements(element) ? element.collapsible ? 'true' : 'false' : undefined\"\n                </p>\n                <inail-menu *ngIf=\"hasSubElements(element)\"\n                            [id]=\"element.id+'-items'\"\n                            [activeElement]=\"activeElement\"\n                            [menuClass]=\"element.collapsible ? 'livello_2'.concat(isCollapsed(element) ? ' collapse' : ' collapse in') : 'livello_2'\"\n                            [elements]=\"element.subElements\"\n                            [emitCurrent]=\"emitCurrent\"\n                            [disabilitaImpostazioneParents]=\"true\"\n                            [parent]=\"element\"\n                            [collapsible]=\"collapsible\"\n                            [collapsOtherEffetc]=\"collapsOtherEffetc\"\n                            (select)=\"select.emit($event)\"\n                            [collapse]=\"collapse\"\n                            [toggle]=\"toggle\"\n                            [show]=\"mostraElemento\"\n                            (currentElement)=\"forwardCurrent($event)\">\n                </inail-menu>\n            </li>\n        </ng-container>\n    </ul>\n</ng-container>\n\n\n",
                         encapsulation: i0.ViewEncapsulation.None,
                         styles: ["ul.inail-menu-style-encapsulation{padding:0 10px!important}ul.inail-menu-style-encapsulation ul{padding:0!important}"]
                     }] }
@@ -9853,7 +9868,7 @@
         RadioSelectComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'inail-radio-select',
-                        template: "<div [id]='id' class=\"col-lg-{{lg}} col-md-{{md}} col-sm-{{sm}} col-xs-{{xs}} {{class}} noPadding inail-radio-select\">\n    <fieldset class=\"form-group col-xs-12 noPaddingLeft\">\n        <legend class=\"radio-legend\"\n                [hidden]=\"hiddenLabel\"\n                [innerHTML]=\"label?.concat(required ? ' '+(requiredSimbol || '*') : '')\"></legend>\n        <div class=\"radio {{inline === true ? 'inline' : ''}}\" *ngFor=\"let option of options\">\n            <label [for]=\"option?.id\">\n                <input [id]=\"option?.id\"\n                       type=\"radio\"\n                       class=\"{{inputClass}} {{option?.class}}\"\n                       [attr.name]=\"name\"\n                       [disabled]=\"disabled\"\n                       [attr.aria-required]=\"required === true ? true : undefined\"\n                       [attr.aria-invalid]=\"checkError() === true ? true : undefined\"\n                       [attr.aria-describedBy]=\"checkDescError() ? id+'-description-error' : undefined\"\n                       [value]=\"option?.value\"\n                       [title]=\"title\"\n                       [(ngModel)]=\"value\">\n                <span [innerHTML]=\"option?.label\"></span>\n            </label>\n        </div>\n        <div *ngIf=\"checkDescError()\">\n            <span [id]=\"id+'-description-error'\" class=\"msg msg-errore\">\n                    <strong [innerHTML]=\"(errorPrefix===false ? '' : 'ERRORE: ')+getDescError()\"></strong>\n            </span>\n        </div>\n    </fieldset>\n</div>\n",
+                        template: "<div [id]='id' class=\"col-lg-{{lg}} col-md-{{md}} col-sm-{{sm}} col-xs-{{xs}} {{class}} noPadding inail-radio-select\">\n    <fieldset class=\"form-group col-xs-12 noPaddingLeft\">\n        <legend class=\"radio-legend\"\n                [hidden]=\"hiddenLabel\"\n                [innerHTML]=\"label?.concat(required ? ' '+(requiredSimbol || '*') : '')\"></legend>\n        <div class=\"radio {{inline === true ? 'inline' : ''}}\" *ngFor=\"let option of options\">\n            <label [for]=\"option?.id\">\n                <input [id]=\"option?.id\"\n                       type=\"radio\"\n                       class=\"{{inputClass}} {{option?.class}}\"\n                       [name]=\"name\"\n                       [disabled]=\"disabled\"\n                       [attr.aria-required]=\"required === true ? true : undefined\"\n                       [attr.aria-invalid]=\"checkError() === true ? true : undefined\"\n                       [attr.aria-describedBy]=\"checkDescError() ? id+'-description-error' : undefined\"\n                       [value]=\"option?.value\"\n                       [title]=\"title\"\n                       [(ngModel)]=\"value\">\n                <span [innerHTML]=\"option?.label\"></span>\n            </label>\n        </div>\n        <div *ngIf=\"checkDescError()\">\n            <span [id]=\"id+'-description-error'\" class=\"msg msg-errore\">\n                    <strong [innerHTML]=\"(errorPrefix===false ? '' : 'ERRORE: ')+getDescError()\"></strong>\n            </span>\n        </div>\n    </fieldset>\n</div>\n",
                         encapsulation: i0.ViewEncapsulation.None,
                         styles: [".inail-radio-select .radio.inline{display:inline-block;margin-right:20px}"]
                     }] }