@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.
393 lines (386 loc) • 25.2 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, Component, Output, Input, ViewChild, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { MatIcon } from '@angular/material/icon';
import * as i2 from '@angular/material/menu';
import { MatMenuItem, MatMenu, MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
import { MatDivider } from '@angular/material/divider';
import * as i3 from '@angular/material/button';
import { MatButtonModule } from '@angular/material/button';
function TdDynamicMenuLinkComponent_a_0_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-icon", 7);
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.item.iconClasses);
i0.ɵɵproperty("svgIcon", ctx_r1.item.svgIcon);
} }
function TdDynamicMenuLinkComponent_a_0_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.item.iconClasses);
i0.ɵɵadvance();
i0.ɵɵtextInterpolate(ctx_r1.item.icon);
} }
function TdDynamicMenuLinkComponent_a_0_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon", 8);
i0.ɵɵtext(1, "launch");
i0.ɵɵelementEnd();
} }
function TdDynamicMenuLinkComponent_a_0_Template(rf, ctx) { if (rf & 1) {
const _r1 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "a", 2);
i0.ɵɵlistener("click", function TdDynamicMenuLinkComponent_a_0_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.emitClicked()); });
i0.ɵɵtemplate(1, TdDynamicMenuLinkComponent_a_0_mat_icon_1_Template, 1, 3, "mat-icon", 3)(2, TdDynamicMenuLinkComponent_a_0_mat_icon_2_Template, 2, 3, "mat-icon", 4);
i0.ɵɵelementStart(3, "span", 5);
i0.ɵɵtext(4);
i0.ɵɵtemplate(5, TdDynamicMenuLinkComponent_a_0_mat_icon_5_Template, 2, 0, "mat-icon", 6);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("id", ctx_r1.item.id)("href", ctx_r1.item.link, i0.ɵɵsanitizeUrl)("target", ctx_r1.item.newTab ? "_blank" : "_self");
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.item.svgIcon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.item.icon);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", ctx_r1.item.text, " ");
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.item.newTab);
} }
function TdDynamicMenuLinkComponent_button_1_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-icon", 7);
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.item.iconClasses);
i0.ɵɵproperty("svgIcon", ctx_r1.item.svgIcon);
} }
function TdDynamicMenuLinkComponent_button_1_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.item.iconClasses);
i0.ɵɵadvance();
i0.ɵɵtextInterpolate(ctx_r1.item.icon);
} }
function TdDynamicMenuLinkComponent_button_1_Template(rf, ctx) { if (rf & 1) {
const _r3 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "button", 9);
i0.ɵɵlistener("click", function TdDynamicMenuLinkComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.emitClicked()); });
i0.ɵɵtemplate(1, TdDynamicMenuLinkComponent_button_1_mat_icon_1_Template, 1, 3, "mat-icon", 3)(2, TdDynamicMenuLinkComponent_button_1_mat_icon_2_Template, 2, 3, "mat-icon", 4);
i0.ɵɵelementStart(3, "span");
i0.ɵɵtext(4);
i0.ɵɵelementEnd()();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("id", ctx_r1.item.id);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.item.svgIcon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.item.icon);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(ctx_r1.item.text);
} }
class TdDynamicMenuLinkComponent {
item;
itemClicked = new EventEmitter();
emitClicked() {
this.itemClicked.emit({ text: this.item.text, action: this.item.action });
}
static ɵfac = function TdDynamicMenuLinkComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDynamicMenuLinkComponent)(); };
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdDynamicMenuLinkComponent, selectors: [["td-dynamic-menu-link"]], inputs: { item: "item" }, outputs: { itemClicked: "itemClicked" }, decls: 2, vars: 2, consts: [["class", "new-tab", "mat-menu-item", "", 3, "id", "href", "target", "click", 4, "ngIf"], ["mat-menu-item", "", 3, "id", "click", 4, "ngIf"], ["mat-menu-item", "", 1, "new-tab", 3, "click", "id", "href", "target"], [3, "class", "svgIcon", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "item-link-text"], ["class", "new-tab-icon", 4, "ngIf"], [3, "svgIcon"], [1, "new-tab-icon"], ["mat-menu-item", "", 3, "click", "id"]], template: function TdDynamicMenuLinkComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, TdDynamicMenuLinkComponent_a_0_Template, 6, 7, "a", 0)(1, TdDynamicMenuLinkComponent_button_1_Template, 5, 4, "button", 1);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.item.link);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx.item.action);
} }, dependencies: [CommonModule, i1.NgIf, MatIcon, MatMenuItem], styles: [".new-tab[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center}.new-tab[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{flex:1}.new-tab[_ngcontent-%COMP%] .new-tab-icon[_ngcontent-%COMP%]{margin:0 0 0 16px}.new-tab[_ngcontent-%COMP%] .item-link-text[_ngcontent-%COMP%]{display:flex;align-items:center}"] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicMenuLinkComponent, [{
type: Component,
args: [{ selector: 'td-dynamic-menu-link', imports: [CommonModule, MatIcon, MatMenuItem], 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 class=\"item-link-text\">\n {{ item.text }}\n <mat-icon *ngIf=\"item.newTab\" class=\"new-tab-icon\">launch</mat-icon>\n </span>\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}.new-tab .item-link-text{display:flex;align-items:center}\n"] }]
}], null, { item: [{
type: Input
}], itemClicked: [{
type: Output
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdDynamicMenuLinkComponent, { className: "TdDynamicMenuLinkComponent", filePath: "dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.ts", lineNumber: 16 }); })();
const _c0 = ["childMenu"];
function TdDynamicMenuItemComponent_ng_template_2_ng_container_0_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-icon", 9);
} if (rf & 2) {
const item_r1 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵclassMap(item_r1.iconClasses);
i0.ɵɵproperty("svgIcon", item_r1.svgIcon);
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_0_mat_icon_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r1 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵclassMap(item_r1.iconClasses);
i0.ɵɵadvance();
i0.ɵɵtextInterpolate(item_r1.icon);
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_0_span_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const item_r1 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance();
i0.ɵɵtextInterpolate1(" ", item_r1.text, " ");
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "button", 5);
i0.ɵɵtemplate(2, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_mat_icon_2_Template, 1, 3, "mat-icon", 6)(3, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_mat_icon_3_Template, 2, 3, "mat-icon", 7)(4, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_span_4_Template, 2, 1, "span", 4);
i0.ɵɵelementEnd();
i0.ɵɵelement(5, "td-dynamic-menu-item", 8, 1);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const menu_r2 = i0.ɵɵreference(6);
const item_r1 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance();
i0.ɵɵproperty("id", item_r1.id)("matMenuTriggerFor", menu_r2.childMenu);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", item_r1.svgIcon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", item_r1.icon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", item_r1.text);
i0.ɵɵadvance();
i0.ɵɵproperty("items", item_r1.children);
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_1_mat_divider_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-divider", 12);
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_1_mat_divider_1_Template, 1, 0, "mat-divider", 10);
i0.ɵɵelementStart(2, "div", 11);
i0.ɵɵtext(3);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r2 = i0.ɵɵnextContext(2);
const item_r1 = ctx_r2.$implicit;
const index_r4 = ctx_r2.index;
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", index_r4 > 0);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(item_r1.text);
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
const _r5 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "td-dynamic-menu-link", 13);
i0.ɵɵlistener("itemClicked", function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_2_Template_td_dynamic_menu_link_itemClicked_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.emitClicked($event)); });
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const item_r1 = i0.ɵɵnextContext(2).$implicit;
i0.ɵɵadvance();
i0.ɵɵproperty("item", item_r1);
} }
function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_1_Template, 4, 2, "ng-container", 4)(2, TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_2_Template, 2, 1, "ng-container", 4);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const item_r1 = i0.ɵɵnextContext().$implicit;
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", !item_r1.link && !item_r1.action);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", item_r1.link || item_r1.action);
} }
function TdDynamicMenuItemComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_Template, 7, 6, "ng-container", 4)(1, TdDynamicMenuItemComponent_ng_template_2_ng_container_1_Template, 3, 2, "ng-container", 4);
} if (rf & 2) {
const item_r1 = ctx.$implicit;
i0.ɵɵproperty("ngIf", item_r1.children && item_r1.children.length > 0);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", !item_r1.children || item_r1.children.length === 0);
} }
class TdDynamicMenuItemComponent {
items;
itemClicked = new EventEmitter();
childMenu;
emitClicked(event) {
this.itemClicked.emit(event);
}
static ɵfac = function TdDynamicMenuItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDynamicMenuItemComponent)(); };
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdDynamicMenuItemComponent, selectors: [["td-dynamic-menu-item"]], viewQuery: function TdDynamicMenuItemComponent_Query(rf, ctx) { if (rf & 1) {
i0.ɵɵviewQuery(_c0, 7);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childMenu = _t.first);
} }, inputs: { items: "items" }, outputs: { itemClicked: "itemClicked" }, decls: 3, vars: 2, consts: [["childMenu", "matMenu"], ["menu", ""], [3, "overlapTrigger"], ["ngFor", "", 3, "ngForOf"], [4, "ngIf"], ["mat-menu-item", "", 3, "id", "matMenuTriggerFor"], [3, "class", "svgIcon", 4, "ngIf"], [3, "class", 4, "ngIf"], [3, "items"], [3, "svgIcon"], ["class", "group-divider", 4, "ngIf"], [1, "group-label", "tc-td-secondary", "text-sm"], [1, "group-divider"], [3, "itemClicked", "item"]], template: function TdDynamicMenuItemComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-menu", 2, 0);
i0.ɵɵtemplate(2, TdDynamicMenuItemComponent_ng_template_2_Template, 2, 2, "ng-template", 3);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("overlapTrigger", false);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", ctx.items);
} }, dependencies: [TdDynamicMenuItemComponent, CommonModule, i1.NgForOf, i1.NgIf, MatIcon, MatDivider, MatMenu, MatMenuItem, MatMenuTrigger, TdDynamicMenuLinkComponent], styles: [".group-divider[_ngcontent-%COMP%]{margin:8px}.group-label[_ngcontent-%COMP%]{padding:16px}"] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicMenuItemComponent, [{
type: Component,
args: [{ selector: 'td-dynamic-menu-item', imports: [CommonModule, MatIcon, MatDivider, MatMenu, MatMenuItem, MatMenuTrigger, TdDynamicMenuLinkComponent], template: "<mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n <ng-template let-item let-index=\"index\" ngFor [ngForOf]=\"items\">\n <ng-container *ngIf=\"item.children && item.children.length > 0\">\n <button mat-menu-item [id]=\"item.id\" [matMenuTriggerFor]=\"menu.childMenu\">\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 *ngIf=\"item.text\">\n {{ item.text }}\n </span>\n </button>\n <td-dynamic-menu-item\n #menu\n [items]=\"item.children\"\n ></td-dynamic-menu-item>\n </ng-container>\n <ng-container *ngIf=\"!item.children || item.children.length === 0\">\n <ng-container *ngIf=\"!item.link && !item.action\">\n <mat-divider class=\"group-divider\" *ngIf=\"index > 0\"></mat-divider>\n <div class=\"group-label tc-td-secondary text-sm\">{{ item.text }}</div>\n </ng-container>\n <ng-container *ngIf=\"item.link || item.action\">\n <td-dynamic-menu-link\n [item]=\"item\"\n (itemClicked)=\"emitClicked($event)\"\n ></td-dynamic-menu-link>\n </ng-container>\n </ng-container>\n </ng-template>\n</mat-menu>\n", styles: [".group-divider{margin:8px}.group-label{padding:16px}\n"] }]
}], null, { items: [{
type: Input
}], itemClicked: [{
type: Output
}], childMenu: [{
type: ViewChild,
args: ['childMenu', { static: true }]
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdDynamicMenuItemComponent, { className: "TdDynamicMenuItemComponent", filePath: "dynamic-menu-item/dynamic-menu-item.component.ts", lineNumber: 21 }); })();
function TdDynamicMenuComponent_button_0_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-icon", 7);
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.trigger.iconClasses);
i0.ɵɵproperty("svgIcon", ctx_r1.trigger.svgIcon);
} }
function TdDynamicMenuComponent_button_0_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.trigger.iconClasses);
i0.ɵɵadvance();
i0.ɵɵtextInterpolate(ctx_r1.trigger.icon);
} }
function TdDynamicMenuComponent_button_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 4);
i0.ɵɵtemplate(1, TdDynamicMenuComponent_button_0_mat_icon_1_Template, 1, 3, "mat-icon", 5)(2, TdDynamicMenuComponent_button_0_mat_icon_2_Template, 2, 3, "mat-icon", 6);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
const menu_r3 = i0.ɵɵreference(3);
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx_r1.trigger.id))("matMenuTriggerFor", menu_r3.childMenu);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.trigger.svgIcon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.trigger.icon);
} }
function TdDynamicMenuComponent_button_1_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "mat-icon", 7);
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.trigger.iconClasses);
i0.ɵɵproperty("svgIcon", ctx_r1.trigger.svgIcon);
} }
function TdDynamicMenuComponent_button_1_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-icon");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r1.trigger.iconClasses);
i0.ɵɵadvance();
i0.ɵɵtextInterpolate(ctx_r1.trigger.icon);
} }
function TdDynamicMenuComponent_button_1_span_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span");
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵtextInterpolate1(" ", ctx_r1.trigger.text, " ");
} }
function TdDynamicMenuComponent_button_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "button", 8);
i0.ɵɵtemplate(1, TdDynamicMenuComponent_button_1_mat_icon_1_Template, 1, 3, "mat-icon", 5)(2, TdDynamicMenuComponent_button_1_mat_icon_2_Template, 2, 3, "mat-icon", 6)(3, TdDynamicMenuComponent_button_1_span_3_Template, 2, 1, "span", 9);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
const menu_r3 = i0.ɵɵreference(3);
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx_r1.trigger.id))("matMenuTriggerFor", menu_r3.childMenu);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.trigger.svgIcon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.trigger.icon);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r1.trigger.text);
} }
class TdDynamicMenuComponent {
trigger;
items;
itemClicked = new EventEmitter();
emitClicked(event) {
this.itemClicked.emit(event);
}
static ɵfac = function TdDynamicMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDynamicMenuComponent)(); };
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdDynamicMenuComponent, selectors: [["td-dynamic-menu"]], inputs: { trigger: "trigger", items: "items" }, outputs: { itemClicked: "itemClicked" }, decls: 4, vars: 3, consts: [["menu", ""], ["mat-icon-button", "", 3, "id", "matMenuTriggerFor", 4, "ngIf"], ["mat-button", "", 3, "id", "matMenuTriggerFor", 4, "ngIf"], [3, "itemClicked", "items"], ["mat-icon-button", "", 3, "id", "matMenuTriggerFor"], [3, "class", "svgIcon", 4, "ngIf"], [3, "class", 4, "ngIf"], [3, "svgIcon"], ["mat-button", "", 3, "id", "matMenuTriggerFor"], [4, "ngIf"]], template: function TdDynamicMenuComponent_Template(rf, ctx) { if (rf & 1) {
const _r1 = i0.ɵɵgetCurrentView();
i0.ɵɵtemplate(0, TdDynamicMenuComponent_button_0_Template, 3, 5, "button", 1)(1, TdDynamicMenuComponent_button_1_Template, 4, 6, "button", 2);
i0.ɵɵelementStart(2, "td-dynamic-menu-item", 3, 0);
i0.ɵɵlistener("itemClicked", function TdDynamicMenuComponent_Template_td_dynamic_menu_item_itemClicked_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.emitClicked($event)); });
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("ngIf", !ctx.trigger.text);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx.trigger.text);
i0.ɵɵadvance();
i0.ɵɵproperty("items", ctx.items);
} }, dependencies: [CommonModule, i1.NgIf, MatIcon, MatMenuModule, i2.MatMenuTrigger, MatButtonModule, i3.MatButton, i3.MatIconButton, TdDynamicMenuItemComponent], encapsulation: 2 });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicMenuComponent, [{
type: Component,
args: [{ selector: 'td-dynamic-menu', imports: [CommonModule, MatIcon, MatMenuModule, MatButtonModule, TdDynamicMenuItemComponent], 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" }]
}], null, { trigger: [{
type: Input
}], items: [{
type: Input
}], itemClicked: [{
type: Output
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdDynamicMenuComponent, { className: "TdDynamicMenuComponent", filePath: "dynamic-menu.component.ts", lineNumber: 19 }); })();
/**
* @deprecated This module is deprecated and will be removed in future versions.
* Please migrate to using standalone components as soon as possible.
*/
class CovalentDynamicMenuModule {
static ɵfac = function CovalentDynamicMenuModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentDynamicMenuModule)(); };
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentDynamicMenuModule });
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [TdDynamicMenuComponent,
TdDynamicMenuItemComponent,
TdDynamicMenuLinkComponent] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentDynamicMenuModule, [{
type: NgModule,
args: [{
imports: [
TdDynamicMenuComponent,
TdDynamicMenuItemComponent,
TdDynamicMenuLinkComponent,
],
providers: [],
exports: [
TdDynamicMenuComponent,
TdDynamicMenuItemComponent,
TdDynamicMenuLinkComponent,
],
}]
}], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentDynamicMenuModule, { imports: [TdDynamicMenuComponent,
TdDynamicMenuItemComponent,
TdDynamicMenuLinkComponent], exports: [TdDynamicMenuComponent,
TdDynamicMenuItemComponent,
TdDynamicMenuLinkComponent] }); })();
/**
* Generated bundle index. Do not edit.
*/
export { CovalentDynamicMenuModule, TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent };
//# sourceMappingURL=covalent-core-dynamic-menu.mjs.map