ng-inail-common 1.0.424 → 1.0.426
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ng-inail-common.umd.js +13 -1
- package/bundles/ng-inail-common.umd.js.map +1 -1
- package/bundles/ng-inail-common.umd.min.js +1 -1
- package/bundles/ng-inail-common.umd.min.js.map +1 -1
- package/esm2015/lib/components/ux/menu/menu.component.js +27 -2
- package/esm5/lib/components/ux/menu/menu.component.js +27 -2
- package/fesm2015/ng-inail-common.js +16 -1
- package/fesm2015/ng-inail-common.js.map +1 -1
- package/fesm5/ng-inail-common.js +16 -1
- package/fesm5/ng-inail-common.js.map +1 -1
- package/lib/components/ux/menu/menu.component.d.ts +5 -0
- package/ng-inail-common.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -5591,6 +5591,18 @@
|
|
|
5591
5591
|
_this.innerMenu = false;
|
|
5592
5592
|
_this.inizializzazioneCompletata = false;
|
|
5593
5593
|
_this.mostraElemento = new i0.EventEmitter();
|
|
5594
|
+
_this.getPropertyValue = ( /**
|
|
5595
|
+
* @param {?} property
|
|
5596
|
+
* @return {?}
|
|
5597
|
+
*/function (property) { return internalCompatibility.isFunction(property) ? (( /** @type {?} */(property)))() : property; });
|
|
5598
|
+
_this.getItemTitle = ( /**
|
|
5599
|
+
* @param {?} item
|
|
5600
|
+
* @return {?}
|
|
5601
|
+
*/function (item) { return _this.getPropertyValue(item.title); });
|
|
5602
|
+
_this.getItemAriaLabel = ( /**
|
|
5603
|
+
* @param {?} item
|
|
5604
|
+
* @return {?}
|
|
5605
|
+
*/function (item) { return _this.getPropertyValue(item.ariaLabel); });
|
|
5594
5606
|
/**
|
|
5595
5607
|
* Sovrascrive la proprieta link dell'elemento del menu
|
|
5596
5608
|
* se la proprieta linkRegex matcha con l'url corrente.
|
|
@@ -6496,7 +6508,7 @@
|
|
|
6496
6508
|
MenuComponent.decorators = [
|
|
6497
6509
|
{ type: i0.Component, args: [{
|
|
6498
6510
|
selector: 'inail-menu',
|
|
6499
|
-
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ù') : 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ù: '+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ù: '+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",
|
|
6511
|
+
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ù') : 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ù: '+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ù: '+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",
|
|
6500
6512
|
encapsulation: i0.ViewEncapsulation.None,
|
|
6501
6513
|
styles: ["ul.inail-menu-style-encapsulation{padding:0 10px!important}ul.inail-menu-style-encapsulation ul{padding:0!important}"]
|
|
6502
6514
|
}] }
|