UNPKG

ontimize-web-ngx

Version:
55 lines 10.9 kB
import { Component, ElementRef, forwardRef, Inject, Injector, ViewEncapsulation } from '@angular/core'; import { Router } from '@angular/router'; import { Util } from '../../../util/util'; import { OBaseMenuItemClass } from '../o-base-menu-item.class'; import { OBarMenuBase } from '../o-bar-menu-base.class'; import * as i0 from "@angular/core"; import * as i1 from "@angular/common"; import * as i2 from "@angular/material/icon"; import * as i3 from "../../../pipes/o-translate.pipe"; import * as i4 from "../o-bar-menu-base.class"; export const DEFAULT_INPUTS_O_BAR_MENU_ITEM = [ 'route', 'action' ]; export class OBarMenuItemComponent extends OBaseMenuItemClass { constructor(menu, elRef, injector) { super(menu, elRef, injector); this.menu = menu; this.elRef = elRef; this.injector = injector; this.router = this.injector.get(Router); } ngOnInit() { super.ngOnInit(); } collapseMenu(evt) { if (this.menu) { this.menu.collapseAll(); } } onClick() { if (this.disabled) { return; } if (Util.isDefined(this.route)) { this.router.navigate([this.route]); } else if (Util.isDefined(this.action)) { this.action(); } } } OBarMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OBarMenuItemComponent, deps: [{ token: forwardRef(() => OBarMenuBase) }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); OBarMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OBarMenuItemComponent, selector: "o-bar-menu-item", inputs: { route: "route", action: "action" }, host: { properties: { "class.o-bar-menu-item": "true", "attr.disabled": "disabled" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"fake-li mat-primary\" *ngIf=\"!restricted\" (click)=\"collapseMenu($event)\" [class.fake-li-hover]=\"isHovered\">\n <a *ngIf=\"action || route\" class=\"mat-list-item\" (click)=\"onClick()\">\n <mat-icon class=\"o-bar-menu-item-icon mat-24\">{{ icon }}</mat-icon>\n <div class=\"o-bar-menu-item-title\">{{ title | oTranslate }}</div>\n </a>\n <div *ngIf=\"!route && !action\" class=\"o-bar-menu-item-text mat-list-item\">\n <mat-icon class=\"o-bar-menu-item-icon mat-24\">{{ icon }}</mat-icon>\n <div class=\"o-bar-menu-item-title\">{{ title | oTranslate }}</div>\n </div>\n</div>", styles: [".o-bar-menu-item[disabled=true] .fake-li{opacity:.5}.o-bar-menu-item[disabled=true] .fake-li a.mat-mdc-list-item{cursor:default}.o-bar-menu-item .o-bar-menu-item-text{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;font-size:16px;height:48px;padding:0 16px}.o-bar-menu-item .o-bar-menu-item-icon{display:inline-block;margin:6px 10px 0 0}.o-bar-menu-item .o-bar-menu-item-icon~.o-bar-menu-item-title{padding-left:0}.o-bar-menu-item .o-bar-menu-item-title{display:inline-block;position:relative;top:3px;padding-left:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i3.OTranslatePipe, name: "oTranslate" }], encapsulation: i0.ViewEncapsulation.None }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OBarMenuItemComponent, decorators: [{ type: Component, args: [{ selector: 'o-bar-menu-item', inputs: DEFAULT_INPUTS_O_BAR_MENU_ITEM, encapsulation: ViewEncapsulation.None, host: { '[class.o-bar-menu-item]': 'true', '[attr.disabled]': 'disabled' }, template: "<div class=\"fake-li mat-primary\" *ngIf=\"!restricted\" (click)=\"collapseMenu($event)\" [class.fake-li-hover]=\"isHovered\">\n <a *ngIf=\"action || route\" class=\"mat-list-item\" (click)=\"onClick()\">\n <mat-icon class=\"o-bar-menu-item-icon mat-24\">{{ icon }}</mat-icon>\n <div class=\"o-bar-menu-item-title\">{{ title | oTranslate }}</div>\n </a>\n <div *ngIf=\"!route && !action\" class=\"o-bar-menu-item-text mat-list-item\">\n <mat-icon class=\"o-bar-menu-item-icon mat-24\">{{ icon }}</mat-icon>\n <div class=\"o-bar-menu-item-title\">{{ title | oTranslate }}</div>\n </div>\n</div>", styles: [".o-bar-menu-item[disabled=true] .fake-li{opacity:.5}.o-bar-menu-item[disabled=true] .fake-li a.mat-mdc-list-item{cursor:default}.o-bar-menu-item .o-bar-menu-item-text{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;font-size:16px;height:48px;padding:0 16px}.o-bar-menu-item .o-bar-menu-item-icon{display:inline-block;margin:6px 10px 0 0}.o-bar-menu-item .o-bar-menu-item-icon~.o-bar-menu-item-title{padding-left:0}.o-bar-menu-item .o-bar-menu-item-title{display:inline-block;position:relative;top:3px;padding-left:40px}\n"] }] }], ctorParameters: function () { return [{ type: i4.OBarMenuBase, decorators: [{ type: Inject, args: [forwardRef(() => OBarMenuBase)] }] }, { type: i0.ElementRef }, { type: i0.Injector }]; } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1iYXItbWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2Jhci1tZW51L21lbnUtaXRlbS9vLWJhci1tZW51LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvYmFyLW1lbnUvbWVudS1pdGVtL28tYmFyLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBRXhELE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHO0lBRTVDLE9BQU87SUFHUCxRQUFRO0NBQ1QsQ0FBQztBQWFGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxrQkFBa0I7SUFNM0QsWUFDb0QsSUFBa0IsRUFDMUQsS0FBaUIsRUFDakIsUUFBa0I7UUFFNUIsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFKcUIsU0FBSSxHQUFKLElBQUksQ0FBYztRQUMxRCxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQ2pCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFHNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsUUFBUTtRQU1OLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsWUFBWSxDQUFDLEdBQVU7UUFDckIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU87U0FDUjtRQUNELElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztTQUNwQzthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2Y7SUFDSCxDQUFDOzttSEF2Q1UscUJBQXFCLGtCQU90QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDO3VHQVA3QixxQkFBcUIsb05DekJsQyxtbUJBU007NEZEZ0JPLHFCQUFxQjtrQkFYakMsU0FBUzsrQkFDRSxpQkFBaUIsVUFHbkIsOEJBQThCLGlCQUN2QixpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLHlCQUF5QixFQUFFLE1BQU07d0JBQ2pDLGlCQUFpQixFQUFFLFVBQVU7cUJBQzlCOzswQkFTRSxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIEluamVjdCwgSW5qZWN0b3IsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBVdGlsIH0gZnJvbSAnLi4vLi4vLi4vdXRpbC91dGlsJztcbmltcG9ydCB7IE9CYXNlTWVudUl0ZW1DbGFzcyB9IGZyb20gJy4uL28tYmFzZS1tZW51LWl0ZW0uY2xhc3MnO1xuaW1wb3J0IHsgT0Jhck1lbnVCYXNlIH0gZnJvbSAnLi4vby1iYXItbWVudS1iYXNlLmNsYXNzJztcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfSU5QVVRTX09fQkFSX01FTlVfSVRFTSA9IFtcbiAgLy8gcm91dGUgW3N0cmluZ106IG5hbWUgb2YgdGhlIHN0YXRlIHRvIG5hdmlnYXRlLiBEZWZhdWx0OiBubyB2YWx1ZS5cbiAgJ3JvdXRlJyxcblxuICAvLyBhY3Rpb24gW2Z1bmN0aW9uXTogZnVuY3Rpb24gdG8gZXhlY3V0ZS4gRGVmYXVsdDogbm8gdmFsdWUuXG4gICdhY3Rpb24nXG5dO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvLWJhci1tZW51LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vby1iYXItbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vby1iYXItbWVudS1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogREVGQVVMVF9JTlBVVFNfT19CQVJfTUVOVV9JVEVNLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vLWJhci1tZW51LWl0ZW1dJzogJ3RydWUnLFxuICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgT0Jhck1lbnVJdGVtQ29tcG9uZW50IGV4dGVuZHMgT0Jhc2VNZW51SXRlbUNsYXNzIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwcm90ZWN0ZWQgcm91dGVyOiBSb3V0ZXI7XG4gIHJvdXRlOiBzdHJpbmc7XG4gIGFjdGlvbjogKCkgPT4gdm9pZDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gT0Jhck1lbnVCYXNlKSkgcHJvdGVjdGVkIG1lbnU6IE9CYXJNZW51QmFzZSxcbiAgICBwcm90ZWN0ZWQgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJvdGVjdGVkIGluamVjdG9yOiBJbmplY3RvclxuICApIHtcbiAgICBzdXBlcihtZW51LCBlbFJlZiwgaW5qZWN0b3IpO1xuICAgIHRoaXMucm91dGVyID0gdGhpcy5pbmplY3Rvci5nZXQoUm91dGVyKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIGlmICh0eXBlb2YgKHRoaXMucm91dGUpID09PSAnc3RyaW5nJykge1xuICAgIC8vICAgLy8gVE9ETywgcGVybWlzb3MgcG9yIHJvdXRlP1xuICAgIC8vIH0gZWxzZSB7XG4gICAgLy8gICB0aGlzLnJlc3RyaWN0ZWQgPSBmYWxzZTtcbiAgICAvLyB9XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgfVxuXG4gIGNvbGxhcHNlTWVudShldnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMubWVudSkge1xuICAgICAgdGhpcy5tZW51LmNvbGxhcHNlQWxsKCk7XG4gICAgfVxuICB9XG5cbiAgb25DbGljaygpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAoVXRpbC5pc0RlZmluZWQodGhpcy5yb3V0ZSkpIHtcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFt0aGlzLnJvdXRlXSk7XG4gICAgfSBlbHNlIGlmIChVdGlsLmlzRGVmaW5lZCh0aGlzLmFjdGlvbikpIHtcbiAgICAgIHRoaXMuYWN0aW9uKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmFrZS1saSBtYXQtcHJpbWFyeVwiICpuZ0lmPVwiIXJlc3RyaWN0ZWRcIiAoY2xpY2spPVwiY29sbGFwc2VNZW51KCRldmVudClcIiBbY2xhc3MuZmFrZS1saS1ob3Zlcl09XCJpc0hvdmVyZWRcIj5cbiAgPGEgKm5nSWY9XCJhY3Rpb24gfHwgcm91dGVcIiBjbGFzcz1cIm1hdC1saXN0LWl0ZW1cIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwiby1iYXItbWVudS1pdGVtLWljb24gbWF0LTI0XCI+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gICAgPGRpdiBjbGFzcz1cIm8tYmFyLW1lbnUtaXRlbS10aXRsZVwiPnt7IHRpdGxlIHwgb1RyYW5zbGF0ZSB9fTwvZGl2PlxuICA8L2E+XG4gIDxkaXYgKm5nSWY9XCIhcm91dGUgJiYgIWFjdGlvblwiIGNsYXNzPVwiby1iYXItbWVudS1pdGVtLXRleHQgbWF0LWxpc3QtaXRlbVwiPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cIm8tYmFyLW1lbnUtaXRlbS1pY29uIG1hdC0yNFwiPnt7IGljb24gfX08L21hdC1pY29uPlxuICAgIDxkaXYgY2xhc3M9XCJvLWJhci1tZW51LWl0ZW0tdGl0bGVcIj57eyB0aXRsZSB8IG9UcmFuc2xhdGUgfX08L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=