ng-inail-common 1.0.424 → 1.0.427

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

@@ -410,7 +410,7 @@
         AccordionComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'inail-accordion',
-                        template: "<div class=\"inail-accordion-view-encapsulation row panel panel-default form-accordion noPadding {{class}}\">\n  <div class=\"row panel-heading heading-form-grey\"\n       (click)=\"onToggle()\"\n       (keyup.space)=\"onToggle()\"\n       (keydown.space)=\"false\"\n       role=\"heading\">\n    <h3 class=\"title-modulo\"\n        tabindex=\"0\"\n        [ngClass]=\"{'has-error': hasError}\"\n        [innerHTML]=\"getTitolo()\"></h3>\n    <a href=\"javascript:void(0)\"\n       role=\"button\"\n       class=\"accordion-toggle-command\"\n       [attr.aria-label]=\"toggleTitleText\"\n       [attr.aria-controls]=\"id\"\n       [attr.aria-expanded]=\"mostra\">\n      <span class=\"fa {{mostra ? 'fa-chevron-up' : 'fa-chevron-down'}}\">&nbsp;</span>\n    </a>\n  </div>\n  <div [attr.id]='id || undefined'\n       [hidden]=\"!mostra\"\n       class=\"row panel-body body-form-grey\"\n       role=\"region\">\n    <div class=\"col-md-12 col-lg-12\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                        template: "<div class=\"inail-accordion-view-encapsulation row panel panel-default form-accordion noPadding {{class}}\">\n  <div class=\"row panel-heading heading-form-grey\"\n       (click)=\"onToggle()\"\n       (keyup.space)=\"onToggle()\"\n       (keydown.space)=\"false\"\n       role=\"heading\">\n    <h3 class=\"title-modulo\"\n        [ngClass]=\"{'has-error': hasError}\"\n        [innerHTML]=\"getTitolo()\"></h3>\n    <a href=\"javascript:void(0)\"\n       role=\"button\"\n       class=\"accordion-toggle-command\"\n       [attr.aria-label]=\"toggleTitleText\"\n       [attr.aria-controls]=\"id\"\n       [attr.aria-expanded]=\"mostra\">\n      <span class=\"fa {{mostra ? 'fa-chevron-up' : 'fa-chevron-down'}}\">&nbsp;</span>\n    </a>\n  </div>\n  <div [attr.id]='id || undefined'\n       [hidden]=\"!mostra\"\n       class=\"row panel-body body-form-grey\"\n       role=\"region\">\n    <div class=\"col-md-12 col-lg-12\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
                         encapsulation: i0.ViewEncapsulation.None,
                         styles: [".accordion{transition:height .5s ease-in-out;overflow:hidden}.inail-accordion-view-encapsulation .ac_hidden{height:0;padding:0}.inail-accordion-view-encapsulation .panel-heading{cursor:pointer}.inail-accordion-view-encapsulation .title-modulo.has-error{color:#c9291b!important}.inail-accordion-view-encapsulation .accordion-toggle-command{margin:12px 15px 8px;position:absolute;top:0;right:10px;width:15px;height:15px}.inail-accordion-view-encapsulation .accordion-toggle-command span{right:0!important}"]
                     }] }
@@ -5591,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.
@@ -6496,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}"]
                     }] }