@acorex/components 4.2.15 → 4.2.16
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.
|
@@ -1680,10 +1680,10 @@ class AXMenuComponent {
|
|
|
1680
1680
|
}
|
|
1681
1681
|
}
|
|
1682
1682
|
AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1683
|
-
AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable' [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n [attr.data-uid]=\"item.uid\"\r\n [class.split]=\"item.split\">\r\n <div class=\"content-side\">\r\n <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #menuBody>\r\n <span class=\"ax-toolbar-menu-item-text\">\r\n <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n </span>\r\n </ng-template>\r\n </div>\r\n <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n </div>\r\n <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n <ng-container *ngTemplateOutlet=\"\r\n recursiveList;\r\n context: { $implicit: item.items }\r\n \"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n <i class=\"far fa-bars\"></i>\r\n <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n </li>\r\n </ul>\r\n</div> -->\r\n\r\n<nav>\r\n <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"
|
|
1683
|
+
AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable' [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n [attr.data-uid]=\"item.uid\"\r\n [class.split]=\"item.split\">\r\n <div class=\"content-side\">\r\n <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #menuBody>\r\n <span class=\"ax-toolbar-menu-item-text\">\r\n <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n </span>\r\n </ng-template>\r\n </div>\r\n <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n </div>\r\n <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n <ng-container *ngTemplateOutlet=\"\r\n recursiveList;\r\n context: { $implicit: item.items }\r\n \"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n <i class=\"far fa-bars\"></i>\r\n <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n </li>\r\n </ul>\r\n</div> -->\r\n\r\n<nav>\r\n <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\r\n [class.nav-vertical]=\"direction=='vertical'\">\r\n <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n <ng-container *ngFor=\"let item of items\">\r\n <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\r\n *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\r\n [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\r\n [tooltip]=\"item.tooltip ? item.tooltip : ''\">\r\n <div class=\"ax-menu-item\" >\r\n <span class=\"menu-item-start-side\">\r\n <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\r\n </span>\r\n <span class=\"menu-item-end-side\">\r\n <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\r\n </span>\r\n\r\n </div>\r\n <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\r\n <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n </ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n</ng-template>", directives: [{ type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1684
1684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, decorators: [{
|
|
1685
1685
|
type: Component,
|
|
1686
|
-
args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable' [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n [attr.data-uid]=\"item.uid\"\r\n [class.split]=\"item.split\">\r\n <div class=\"content-side\">\r\n <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #menuBody>\r\n <span class=\"ax-toolbar-menu-item-text\">\r\n <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n </span>\r\n </ng-template>\r\n </div>\r\n <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n </div>\r\n <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n <ng-container *ngTemplateOutlet=\"\r\n recursiveList;\r\n context: { $implicit: item.items }\r\n \"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n <i class=\"far fa-bars\"></i>\r\n <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n </li>\r\n </ul>\r\n</div> -->\r\n\r\n<nav>\r\n <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"
|
|
1686
|
+
args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n <ng-template #recursiveList let-list>\r\n <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable' [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n [attr.data-uid]=\"item.uid\"\r\n [class.split]=\"item.split\">\r\n <div class=\"content-side\">\r\n <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #menuBody>\r\n <span class=\"ax-toolbar-menu-item-text\">\r\n <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n </span>\r\n </ng-template>\r\n </div>\r\n <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n </div>\r\n <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n <ng-container *ngTemplateOutlet=\"\r\n recursiveList;\r\n context: { $implicit: item.items }\r\n \"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n </ng-template>\r\n <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n <i class=\"far fa-bars\"></i>\r\n <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n </li>\r\n </ul>\r\n</div> -->\r\n\r\n<nav>\r\n <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\r\n [class.nav-vertical]=\"direction=='vertical'\">\r\n <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n <ng-container *ngFor=\"let item of items\">\r\n <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\r\n *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\r\n [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\r\n [tooltip]=\"item.tooltip ? item.tooltip : ''\">\r\n <div class=\"ax-menu-item\" >\r\n <span class=\"menu-item-start-side\">\r\n <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\r\n </span>\r\n <span class=\"menu-item-end-side\">\r\n <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\r\n </span>\r\n\r\n </div>\r\n <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\r\n <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n </ng-container>\r\n </ul>\r\n </li>\r\n </ng-container>\r\n</ng-template>" }]
|
|
1687
1687
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentMenuTemplate: [{
|
|
1688
1688
|
type: ContentChild,
|
|
1689
1689
|
args: [TemplateRef, { static: true }]
|