@covalent/core/esm2022/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/common";
import * as i2 from "@angular/material/button";
import * as i3 from "@angular/material/icon";
import * as i4 from "@angular/material/menu";
import * as i5 from "./dynamic-menu-item/dynamic-menu-item.component";
export class TdDynamicMenuComponent {
    trigger;
    items;
    itemClicked = new EventEmitter();
    emitClicked(event) {
        this.itemClicked.emit(event);
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TdDynamicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.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: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.TdDynamicMenuItemComponent, selector: "td-dynamic-menu-item", inputs: ["items"], outputs: ["itemClicked"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.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" }]
        }], propDecorators: { trigger: [{
                type: Input
            }], items: [{
                type: Input
            }], itemClicked: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9keW5hbWljLW1lbnUvc3JjL2R5bmFtaWMtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvZHluYW1pYy1tZW51L3NyYy9keW5hbWljLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVl2RSxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLE9BQU8sQ0FBZ0I7SUFDdkIsS0FBSyxDQUFlO0lBRW5CLFdBQVcsR0FDbkIsSUFBSSxZQUFZLEVBQWdDLENBQUM7SUFFbkQsV0FBVyxDQUFDLEtBQW1DO1FBQzdDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7dUdBVFUsc0JBQXNCOzJGQUF0QixzQkFBc0IsZ0pDWm5DLDA2QkF1Q0E7OzJGRDNCYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtsQixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgSU1lbnVJdGVtLFxuICBJTWVudVRyaWdnZXIsXG4gIElUZER5bmFtaWNNZW51TGlua0NsaWNrRXZlbnQsXG59IGZyb20gJy4vZHluYW1pYy1tZW51Lm1lbnUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZC1keW5hbWljLW1lbnUnLFxuICBzdHlsZVVybHM6IFsnZHluYW1pYy1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9keW5hbWljLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUZER5bmFtaWNNZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdHJpZ2dlciE6IElNZW51VHJpZ2dlcjtcbiAgQElucHV0KCkgaXRlbXMhOiBJTWVudUl0ZW1bXTtcblxuICBAT3V0cHV0KCkgaXRlbUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxJVGREeW5hbWljTWVudUxpbmtDbGlja0V2ZW50PiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxJVGREeW5hbWljTWVudUxpbmtDbGlja0V2ZW50PigpO1xuXG4gIGVtaXRDbGlja2VkKGV2ZW50OiBJVGREeW5hbWljTWVudUxpbmtDbGlja0V2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5pdGVtQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICAqbmdJZj1cIiF0cmlnZ2VyLnRleHRcIlxuICBtYXQtaWNvbi1idXR0b25cbiAgaWQ9XCJ7eyB0cmlnZ2VyLmlkIH19XCJcbiAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnUuY2hpbGRNZW51XCJcbj5cbiAgPG1hdC1pY29uXG4gICAgKm5nSWY9XCJ0cmlnZ2VyLnN2Z0ljb25cIlxuICAgIFtjbGFzc109XCJ0cmlnZ2VyLmljb25DbGFzc2VzXCJcbiAgICBbc3ZnSWNvbl09XCJ0cmlnZ2VyLnN2Z0ljb25cIlxuICA+PC9tYXQtaWNvbj5cbiAgPG1hdC1pY29uICpuZ0lmPVwidHJpZ2dlci5pY29uXCIgW2NsYXNzXT1cInRyaWdnZXIuaWNvbkNsYXNzZXNcIj57e1xuICAgIHRyaWdnZXIuaWNvblxuICB9fTwvbWF0LWljb24+XG48L2J1dHRvbj5cbjxidXR0b25cbiAgKm5nSWY9XCJ0cmlnZ2VyLnRleHRcIlxuICBtYXQtYnV0dG9uXG4gIGlkPVwie3sgdHJpZ2dlci5pZCB9fVwiXG4gIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51LmNoaWxkTWVudVwiXG4+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwidHJpZ2dlci5zdmdJY29uXCJcbiAgICBbY2xhc3NdPVwidHJpZ2dlci5pY29uQ2xhc3Nlc1wiXG4gICAgW3N2Z0ljb25dPVwidHJpZ2dlci5zdmdJY29uXCJcbiAgPjwvbWF0LWljb24+XG4gIDxtYXQtaWNvbiAqbmdJZj1cInRyaWdnZXIuaWNvblwiIFtjbGFzc109XCJ0cmlnZ2VyLmljb25DbGFzc2VzXCI+e3tcbiAgICB0cmlnZ2VyLmljb25cbiAgfX08L21hdC1pY29uPlxuICA8c3BhbiAqbmdJZj1cInRyaWdnZXIudGV4dFwiPlxuICAgIHt7IHRyaWdnZXIudGV4dCB9fVxuICA8L3NwYW4+XG48L2J1dHRvbj5cblxuPHRkLWR5bmFtaWMtbWVudS1pdGVtXG4gICNtZW51XG4gIFtpdGVtc109XCJpdGVtc1wiXG4gIChpdGVtQ2xpY2tlZCk9XCJlbWl0Q2xpY2tlZCgkZXZlbnQpXCJcbj48L3RkLWR5bmFtaWMtbWVudS1pdGVtPlxuIl19