@covalent/core
Version:
Core Teradata UI Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material.
24 lines • 6.93 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/menu";
import * as i2 from "@angular/material/icon";
import * as i3 from "@angular/common";
export class TdDynamicMenuLinkComponent {
constructor() {
this.itemClicked = new EventEmitter();
}
emitClicked() {
this.itemClicked.emit({ text: this.item.text, action: this.item.action });
}
}
TdDynamicMenuLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDynamicMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TdDynamicMenuLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdDynamicMenuLinkComponent, selector: "td-dynamic-menu-link", inputs: { item: "item" }, outputs: { itemClicked: "itemClicked" }, ngImport: i0, template: "<a\n *ngIf=\"item.link\"\n class=\"new-tab\"\n mat-menu-item\n [id]=\"item.id\"\n [href]=\"item.link\"\n [target]=\"item.newTab ? '_blank' : '_self'\"\n (click)=\"emitClicked()\"\n>\n <mat-icon\n *ngIf=\"item.svgIcon\"\n [class]=\"item.iconClasses\"\n [svgIcon]=\"item.svgIcon\"\n ></mat-icon>\n <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{\n item.icon\n }}</mat-icon>\n <span>{{ item.text }}</span>\n <mat-icon *ngIf=\"item.newTab\" class=\"new-tab-icon\">launch</mat-icon>\n</a>\n<button\n *ngIf=\"item.action\"\n mat-menu-item\n [id]=\"item.id\"\n (click)=\"emitClicked()\"\n>\n <mat-icon\n *ngIf=\"item.svgIcon\"\n [class]=\"item.iconClasses\"\n [svgIcon]=\"item.svgIcon\"\n ></mat-icon>\n <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{\n item.icon\n }}</mat-icon>\n <span>{{ item.text }}</span>\n</button>\n", styles: [".new-tab{display:flex;justify-content:flex-start;align-items:center}.new-tab span{flex:1}.new-tab .new-tab-icon{margin:0 0 0 16px}\n"], components: [{ type: i1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDynamicMenuLinkComponent, decorators: [{
type: Component,
args: [{ selector: 'td-dynamic-menu-link', template: "<a\n *ngIf=\"item.link\"\n class=\"new-tab\"\n mat-menu-item\n [id]=\"item.id\"\n [href]=\"item.link\"\n [target]=\"item.newTab ? '_blank' : '_self'\"\n (click)=\"emitClicked()\"\n>\n <mat-icon\n *ngIf=\"item.svgIcon\"\n [class]=\"item.iconClasses\"\n [svgIcon]=\"item.svgIcon\"\n ></mat-icon>\n <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{\n item.icon\n }}</mat-icon>\n <span>{{ item.text }}</span>\n <mat-icon *ngIf=\"item.newTab\" class=\"new-tab-icon\">launch</mat-icon>\n</a>\n<button\n *ngIf=\"item.action\"\n mat-menu-item\n [id]=\"item.id\"\n (click)=\"emitClicked()\"\n>\n <mat-icon\n *ngIf=\"item.svgIcon\"\n [class]=\"item.iconClasses\"\n [svgIcon]=\"item.svgIcon\"\n ></mat-icon>\n <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{\n item.icon\n }}</mat-icon>\n <span>{{ item.text }}</span>\n</button>\n", styles: [".new-tab{display:flex;justify-content:flex-start;align-items:center}.new-tab span{flex:1}.new-tab .new-tab-icon{margin:0 0 0 16px}\n"] }]
}], propDecorators: { item: [{
type: Input
}], itemClicked: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1tZW51LWxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2R5bmFtaWMtbWVudS9zcmMvZHluYW1pYy1tZW51LWl0ZW0vZHluYW1pYy1tZW51LWxpbmsvZHluYW1pYy1tZW51LWxpbmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2R5bmFtaWMtbWVudS9zcmMvZHluYW1pYy1tZW51LWl0ZW0vZHluYW1pYy1tZW51LWxpbmsvZHluYW1pYy1tZW51LWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXdkUsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQVFZLGdCQUFXLEdBQ25CLElBQUksWUFBWSxFQUFnQyxDQUFDO0tBS3BEO0lBSEMsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7dUhBUlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsK0hDWHZDLDQzQkFvQ0E7MkZEekJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLElBQUk7c0JBQVosS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIElNZW51SXRlbSxcbiAgSVRkRHluYW1pY01lbnVMaW5rQ2xpY2tFdmVudCxcbn0gZnJvbSAnLi4vLi4vZHluYW1pYy1tZW51Lm1lbnUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZC1keW5hbWljLW1lbnUtbGluaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9keW5hbWljLW1lbnUtbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2R5bmFtaWMtbWVudS1saW5rLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRkRHluYW1pY01lbnVMaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbSE6IElNZW51SXRlbTtcblxuICBAT3V0cHV0KCkgaXRlbUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxJVGREeW5hbWljTWVudUxpbmtDbGlja0V2ZW50PiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxJVGREeW5hbWljTWVudUxpbmtDbGlja0V2ZW50PigpO1xuXG4gIGVtaXRDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuaXRlbUNsaWNrZWQuZW1pdCh7IHRleHQ6IHRoaXMuaXRlbS50ZXh0LCBhY3Rpb246IHRoaXMuaXRlbS5hY3Rpb24gfSk7XG4gIH1cbn1cbiIsIjxhXG4gICpuZ0lmPVwiaXRlbS5saW5rXCJcbiAgY2xhc3M9XCJuZXctdGFiXCJcbiAgbWF0LW1lbnUtaXRlbVxuICBbaWRdPVwiaXRlbS5pZFwiXG4gIFtocmVmXT1cIml0ZW0ubGlua1wiXG4gIFt0YXJnZXRdPVwiaXRlbS5uZXdUYWIgPyAnX2JsYW5rJyA6ICdfc2VsZidcIlxuICAoY2xpY2spPVwiZW1pdENsaWNrZWQoKVwiXG4+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiaXRlbS5zdmdJY29uXCJcbiAgICBbY2xhc3NdPVwiaXRlbS5pY29uQ2xhc3Nlc1wiXG4gICAgW3N2Z0ljb25dPVwiaXRlbS5zdmdJY29uXCJcbiAgPjwvbWF0LWljb24+XG4gIDxtYXQtaWNvbiAqbmdJZj1cIml0ZW0uaWNvblwiIFtjbGFzc109XCJpdGVtLmljb25DbGFzc2VzXCI+e3tcbiAgICBpdGVtLmljb25cbiAgfX08L21hdC1pY29uPlxuICA8c3Bhbj57eyBpdGVtLnRleHQgfX08L3NwYW4+XG4gIDxtYXQtaWNvbiAqbmdJZj1cIml0ZW0ubmV3VGFiXCIgY2xhc3M9XCJuZXctdGFiLWljb25cIj5sYXVuY2g8L21hdC1pY29uPlxuPC9hPlxuPGJ1dHRvblxuICAqbmdJZj1cIml0ZW0uYWN0aW9uXCJcbiAgbWF0LW1lbnUtaXRlbVxuICBbaWRdPVwiaXRlbS5pZFwiXG4gIChjbGljayk9XCJlbWl0Q2xpY2tlZCgpXCJcbj5cbiAgPG1hdC1pY29uXG4gICAgKm5nSWY9XCJpdGVtLnN2Z0ljb25cIlxuICAgIFtjbGFzc109XCJpdGVtLmljb25DbGFzc2VzXCJcbiAgICBbc3ZnSWNvbl09XCJpdGVtLnN2Z0ljb25cIlxuICA+PC9tYXQtaWNvbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiaXRlbS5pY29uXCIgW2NsYXNzXT1cIml0ZW0uaWNvbkNsYXNzZXNcIj57e1xuICAgIGl0ZW0uaWNvblxuICB9fTwvbWF0LWljb24+XG4gIDxzcGFuPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19