@covalent/core/esm2020/dynamic-menu/dynamic-menu.component.mjs

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.

import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/button";
import * as i2 from "@angular/material/icon";
import * as i3 from "./dynamic-menu-item/dynamic-menu-item.component";
import * as i4 from "@angular/common";
import * as i5 from "@angular/material/menu";
export class TdDynamicMenuComponent {
    constructor() {
        this.itemClicked = new EventEmitter();
    }
    emitClicked(event) {
        this.itemClicked.emit(event);
    }
}
TdDynamicMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDynamicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TdDynamicMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdDynamicMenuComponent, selector: "td-dynamic-menu", inputs: { trigger: "trigger", items: "items" }, outputs: { itemClicked: "itemClicked" }, ngImport: i0, template: "<button\n  *ngIf=\"!trigger.text\"\n  mat-icon-button\n  id=\"{{ trigger.id }}\"\n  [matMenuTriggerFor]=\"menu.childMenu\"\n>\n  <mat-icon\n    *ngIf=\"trigger.svgIcon\"\n    [class]=\"trigger.iconClasses\"\n    [svgIcon]=\"trigger.svgIcon\"\n  ></mat-icon>\n  <mat-icon *ngIf=\"trigger.icon\" [class]=\"trigger.iconClasses\">{{\n    trigger.icon\n  }}</mat-icon>\n</button>\n<button\n  *ngIf=\"trigger.text\"\n  mat-button\n  id=\"{{ trigger.id }}\"\n  [matMenuTriggerFor]=\"menu.childMenu\"\n>\n  <mat-icon\n    *ngIf=\"trigger.svgIcon\"\n    [class]=\"trigger.iconClasses\"\n    [svgIcon]=\"trigger.svgIcon\"\n  ></mat-icon>\n  <mat-icon *ngIf=\"trigger.icon\" [class]=\"trigger.iconClasses\">{{\n    trigger.icon\n  }}</mat-icon>\n  <span *ngIf=\"trigger.text\">\n    {{ trigger.text }}\n  </span>\n</button>\n\n<td-dynamic-menu-item\n  #menu\n  [items]=\"items\"\n  (itemClicked)=\"emitClicked($event)\"\n></td-dynamic-menu-item>\n", styles: [""], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.TdDynamicMenuItemComponent, selector: "td-dynamic-menu-item", inputs: ["items"], outputs: ["itemClicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDynamicMenuComponent, decorators: [{
            type: Component,
            args: [{ selector: 'td-dynamic-menu', template: "<button\n  *ngIf=\"!trigger.text\"\n  mat-icon-button\n  id=\"{{ trigger.id }}\"\n  [matMenuTriggerFor]=\"menu.childMenu\"\n>\n  <mat-icon\n    *ngIf=\"trigger.svgIcon\"\n    [class]=\"trigger.iconClasses\"\n    [svgIcon]=\"trigger.svgIcon\"\n  ></mat-icon>\n  <mat-icon *ngIf=\"trigger.icon\" [class]=\"trigger.iconClasses\">{{\n    trigger.icon\n  }}</mat-icon>\n</button>\n<button\n  *ngIf=\"trigger.text\"\n  mat-button\n  id=\"{{ trigger.id }}\"\n  [matMenuTriggerFor]=\"menu.childMenu\"\n>\n  <mat-icon\n    *ngIf=\"trigger.svgIcon\"\n    [class]=\"trigger.iconClasses\"\n    [svgIcon]=\"trigger.svgIcon\"\n  ></mat-icon>\n  <mat-icon *ngIf=\"trigger.icon\" [class]=\"trigger.iconClasses\">{{\n    trigger.icon\n  }}</mat-icon>\n  <span *ngIf=\"trigger.text\">\n    {{ trigger.text }}\n  </span>\n</button>\n\n<td-dynamic-menu-item\n  #menu\n  [items]=\"items\"\n  (itemClicked)=\"emitClicked($event)\"\n></td-dynamic-menu-item>\n", styles: [""] }]
        }], propDecorators: { trigger: [{
                type: Input
            }], items: [{
                type: Input
            }], itemClicked: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9keW5hbWljLW1lbnUvc3JjL2R5bmFtaWMtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvZHluYW1pYy1tZW51L3NyYy9keW5hbWljLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVl2RSxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBU1ksZ0JBQVcsR0FDbkIsSUFBSSxZQUFZLEVBQWdDLENBQUM7S0FLcEQ7SUFIQyxXQUFXLENBQUMsS0FBbUM7UUFDN0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7bUhBVFUsc0JBQXNCO3VHQUF0QixzQkFBc0IsZ0pDWm5DLDA2QkF1Q0E7MkZEM0JhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBS2xCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBJTWVudUl0ZW0sXG4gIElNZW51VHJpZ2dlcixcbiAgSVRkRHluYW1pY01lbnVMaW5rQ2xpY2tFdmVudCxcbn0gZnJvbSAnLi9keW5hbWljLW1lbnUubWVudSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RkLWR5bmFtaWMtbWVudScsXG4gIHN0eWxlVXJsczogWydkeW5hbWljLW1lbnUuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2R5bmFtaWMtbWVudS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFRkRHluYW1pY01lbnVDb21wb25lbnQge1xuICBASW5wdXQoKSB0cmlnZ2VyITogSU1lbnVUcmlnZ2VyO1xuICBASW5wdXQoKSBpdGVtcyE6IElNZW51SXRlbVtdO1xuXG4gIEBPdXRwdXQoKSBpdGVtQ2xpY2tlZDogRXZlbnRFbWl0dGVyPElUZER5bmFtaWNNZW51TGlua0NsaWNrRXZlbnQ+ID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyPElUZER5bmFtaWNNZW51TGlua0NsaWNrRXZlbnQ+KCk7XG5cbiAgZW1pdENsaWNrZWQoZXZlbnQ6IElUZER5bmFtaWNNZW51TGlua0NsaWNrRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1DbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gICpuZ0lmPVwiIXRyaWdnZXIudGV4dFwiXG4gIG1hdC1pY29uLWJ1dHRvblxuICBpZD1cInt7IHRyaWdnZXIuaWQgfX1cIlxuICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudS5jaGlsZE1lbnVcIlxuPlxuICA8bWF0LWljb25cbiAgICAqbmdJZj1cInRyaWdnZXIuc3ZnSWNvblwiXG4gICAgW2NsYXNzXT1cInRyaWdnZXIuaWNvbkNsYXNzZXNcIlxuICAgIFtzdmdJY29uXT1cInRyaWdnZXIuc3ZnSWNvblwiXG4gID48L21hdC1pY29uPlxuICA8bWF0LWljb24gKm5nSWY9XCJ0cmlnZ2VyLmljb25cIiBbY2xhc3NdPVwidHJpZ2dlci5pY29uQ2xhc3Nlc1wiPnt7XG4gICAgdHJpZ2dlci5pY29uXG4gIH19PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuPGJ1dHRvblxuICAqbmdJZj1cInRyaWdnZXIudGV4dFwiXG4gIG1hdC1idXR0b25cbiAgaWQ9XCJ7eyB0cmlnZ2VyLmlkIH19XCJcbiAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnUuY2hpbGRNZW51XCJcbj5cbiAgPG1hdC1pY29uXG4gICAgKm5nSWY9XCJ0cmlnZ2VyLnN2Z0ljb25cIlxuICAgIFtjbGFzc109XCJ0cmlnZ2VyLmljb25DbGFzc2VzXCJcbiAgICBbc3ZnSWNvbl09XCJ0cmlnZ2VyLnN2Z0ljb25cIlxuICA+PC9tYXQtaWNvbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwidHJpZ2dlci5pY29uXCIgW2NsYXNzXT1cInRyaWdnZXIuaWNvbkNsYXNzZXNcIj57e1xuICAgIHRyaWdnZXIuaWNvblxuICB9fTwvbWF0LWljb24+XG4gIDxzcGFuICpuZ0lmPVwidHJpZ2dlci50ZXh0XCI+XG4gICAge3sgdHJpZ2dlci50ZXh0IH19XG4gIDwvc3Bhbj5cbjwvYnV0dG9uPlxuXG48dGQtZHluYW1pYy1tZW51LWl0ZW1cbiAgI21lbnVcbiAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgKGl0ZW1DbGlja2VkKT1cImVtaXRDbGlja2VkKCRldmVudClcIlxuPjwvdGQtZHluYW1pYy1tZW51LWl0ZW0+XG4iXX0=