ng-inail-common 2.0.31-beta.2 → 2.0.31-beta.3
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 -11
- package/bundles/ng-inail-common.umd.js.map +1 -1
- package/bundles/ng-inail-common.umd.min.js +2 -2
- package/bundles/ng-inail-common.umd.min.js.map +1 -1
- package/esm2015/lib/components/core/layout/menu/menu.component.js +13 -7
- package/esm2015/lib/components/core/table/table/table.component.js +2 -2
- package/fesm2015/ng-inail-common.js +14 -8
- package/fesm2015/ng-inail-common.js.map +1 -1
- package/lib/components/core/layout/menu/menu.component.d.ts +6 -1
- package/ng-inail-common.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1584,11 +1584,6 @@
|
|
|
1584
1584
|
var COLLAPSING_DURATION = 350;
|
|
1585
1585
|
var AUTO_SHOW = 'auto';
|
|
1586
1586
|
var FOCUSABLE_ITEMS_SELECTOR = 'ul.inail-menu > li > a:not([tabindex="-1"])';
|
|
1587
|
-
var MenuItem = /** @class */ (function () {
|
|
1588
|
-
function MenuItem() {
|
|
1589
|
-
}
|
|
1590
|
-
return MenuItem;
|
|
1591
|
-
}());
|
|
1592
1587
|
/**
|
|
1593
1588
|
* Deep copy dell'oggetto MenuItem
|
|
1594
1589
|
*
|
|
@@ -1747,9 +1742,17 @@
|
|
|
1747
1742
|
&& (_this.isCurrentPageItem(item)
|
|
1748
1743
|
|| (item.subItems && item.subItems.some(_this.isAutoShowItem))); };
|
|
1749
1744
|
// -------------------------- Operatori recupero info item --------------------------
|
|
1750
|
-
_this.
|
|
1751
|
-
|
|
1752
|
-
|
|
1745
|
+
_this.getPropertyValue = function (property) { return internalCompatibility.isFunction(property) ? property() : property; };
|
|
1746
|
+
// getItemLink = (item: MenuItem): string => isFunction(item.link) ? (item.link as GetStringFn)() : item.link;
|
|
1747
|
+
// getItemLinkRegex = (item: MenuItem): string => isFunction(item.linkRegex) ? (item.linkRegex as GetStringFn)() : item.linkRegex;
|
|
1748
|
+
// getItemLabel = (item: MenuItem): string => isFunction(item.label) ? (item.label as GetStringFn)() : item.label;
|
|
1749
|
+
// getItemTitle = (item: MenuItem): string => isFunction(item.title) ? (item.title as GetStringFn)() : item.title;
|
|
1750
|
+
// getItemAriaLabel = (item: MenuItem): string => isFunction(item.ariaLabel) ? (item.ariaLabel as GetStringFn)() : item.ariaLabel;
|
|
1751
|
+
_this.getItemLink = function (item) { return _this.getPropertyValue(item.link); };
|
|
1752
|
+
_this.getItemLinkRegex = function (item) { return _this.getPropertyValue(item.linkRegex); };
|
|
1753
|
+
_this.getItemLabel = function (item) { return _this.getPropertyValue(item.label); };
|
|
1754
|
+
_this.getItemTitle = function (item) { return _this.getPropertyValue(item.title); };
|
|
1755
|
+
_this.getItemAriaLabel = function (item) { return _this.getPropertyValue(item.ariaLabel); };
|
|
1753
1756
|
// -------------------------- Operatori di utilita --------------------------
|
|
1754
1757
|
/**
|
|
1755
1758
|
* Verifica che l'url dato in input
|
|
@@ -2086,7 +2089,7 @@
|
|
|
2086
2089
|
MenuComponent.decorators = [
|
|
2087
2090
|
{ type: core.Component, args: [{
|
|
2088
2091
|
selector: 'inail-menu',
|
|
2089
|
-
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]=\"{
|
|
2092
|
+
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",
|
|
2090
2093
|
encapsulation: core.ViewEncapsulation.None,
|
|
2091
2094
|
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}"]
|
|
2092
2095
|
},] }
|
|
@@ -5780,7 +5783,7 @@
|
|
|
5780
5783
|
TableComponent.decorators = [
|
|
5781
5784
|
{ type: core.Component, args: [{
|
|
5782
5785
|
selector: 'inail-table',
|
|
5783
|
-
template: "<div class=\"tabella table-responsive inail-table {{getResponsiveClass()}} noPaddingLeft {{class}} noPaddingRight\">\n\n <h3 *ngIf=\"title\"\n class=\"col-xs-9 table-title pull-left noPaddingLeft {{titleClass}}\"\n [innerHTML]=\"title\">\n </h3>\n\n <a *ngIf=\"detailsLink\"\n href=\"javascript:void(0)\"\n (click)=\"detailsClick.emit()\"\n class=\"col-xs-3 col-sm-2 linkDettagli pull-right\"\n [innerHTML]=\"detailsLink\">\n </a>\n\n <div *ngIf=\"description\"\n class=\"col-xs-12 caption marginBottom noPaddingLeft\"\n [innerHTML]=\"description\">\n </div>\n\n
|
|
5786
|
+
template: "<div class=\"tabella table-responsive inail-table {{getResponsiveClass()}} noPaddingLeft {{class}} noPaddingRight\">\n\n <h3 *ngIf=\"title\"\n class=\"col-xs-9 table-title pull-left noPaddingLeft {{titleClass}}\"\n [innerHTML]=\"title\">\n </h3>\n\n <a *ngIf=\"detailsLink\"\n href=\"javascript:void(0)\"\n (click)=\"detailsClick.emit()\"\n class=\"col-xs-3 col-sm-2 linkDettagli pull-right\"\n [innerHTML]=\"detailsLink\">\n </a>\n\n <div *ngIf=\"description\"\n class=\"col-xs-12 caption marginBottom noPaddingLeft\"\n [innerHTML]=\"description\">\n </div>\n\n <div *ngIf=\"showFullListSize\"\n class=\"total-elements\">\n <span [innerHTML]=\"fullListSizeText\"></span> {{getFullListSize() || 0}}\n </div>\n\n <inail-table-page-length-selector *ngIf=\"visualizzaPaginazione()\"\n [value]=\"getPageSize()\"\n [tableId]=\"id\"\n [options]=\"elementsPerPageOptions\"\n (valueChange)=\"lengthOnChange($event)\"\n [logOnConsole]=\"logOnConsole\"\n (log)=\"log.emit($event)\">\n </inail-table-page-length-selector>\n\n <ng-container *ngIf=\"true\">\n\n <table id=\"{{id}}\"\n class=\"table display dataTable {{tableClass}}\"\n [ngClass]=\"{'tabella-base': !tallRows, 'bg-white': bgWhite, 'bg-transparent': !bgWhite}\">\n\n <caption *ngIf=\"caption\"\n [ngClass]=\"{'sr-only': captionHidden}\"\n [innerHTML]=\"caption\">\n </caption>\n\n <ng-content select=\"thead\"></ng-content>\n\n <ng-container *ngIf=\"!noDataFound\">\n <ng-content select=\"tbody\"></ng-content>\n </ng-container>\n\n <tbody *ngIf=\"noDataFound\">\n <tr role=\"row\">\n <td class=\"content-text\"\n style=\"padding: 30px; text-align: center\"\n [colSpan]=\"numeroColonne\"\n [innerHTML]=\"noDataFoundText\">\n </td>\n </tr>\n </tbody>\n </table>\n\n <div #baseFooter\n class=\"col-xs-12 baseFooter noPaddingLeft\"\n *ngIf=\"visualizzaBaseFooter\">\n <ng-content select=\"[baseFooter]\"></ng-content>\n </div>\n\n </ng-container>\n\n <inail-table-page-selector *ngIf=\"visualizzaPaginazione() && !this.noDataFound\"\n [listSize]=\"getListSize()\"\n [pageSize]=\"getPageSize()\"\n [currentPage]=\"getCurrentPage()\"\n [tableId]=\"id\"\n (select)=\"pageOnChange($event)\"\n [logOnConsole]=\"logOnConsole\"\n (log)=\"log.emit($event)\">\n </inail-table-page-selector>\n\n</div>\n",
|
|
5784
5787
|
changeDetection: CHANGE_DETECTION_STRATEGY,
|
|
5785
5788
|
encapsulation: core.ViewEncapsulation.None,
|
|
5786
5789
|
styles: [".inail-table a.linkDettagli{color:#106cdb;-webkit-text-decoration-line:none;text-decoration-line:none}.inail-table a.linkDettagli:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.inail-table table.table.dataTable.bg-white>tbody>tr:not(:hover){background-color:#fff}.inail-table table.table.dataTable.bg-transparent>tbody>tr:not(:hover){background-color:initial}.inail-table .total-elements{float:left;padding-top:12px}"]
|
|
@@ -6972,7 +6975,6 @@
|
|
|
6972
6975
|
exports.LoaderComponent = LoaderComponent;
|
|
6973
6976
|
exports.MenuComponent = MenuComponent;
|
|
6974
6977
|
exports.MenuIntranetComponent = MenuIntranetComponent;
|
|
6975
|
-
exports.MenuItem = MenuItem;
|
|
6976
6978
|
exports.ModalComponent = ModalComponent;
|
|
6977
6979
|
exports.MultiSelectComponent = MultiSelectComponent;
|
|
6978
6980
|
exports.NG_INAIL_COMMON_CONFIG = NG_INAIL_COMMON_CONFIG;
|