@covalent/core 4.0.0-beta.2 → 4.1.0-develop.2

package/fesm2015/covalent-core-dynamic-menu.mjs

@@ -1,416 +1,59 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2$1 from '@angular/material/button';
+import * as i1$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import * as i1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i4 from '@angular/material/divider';
+import * as i3 from '@angular/material/divider';
 
-function TdDynamicMenuComponent_button_0_mat_icon_1_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelement(0, "mat-icon", 7);
-    }
-    if (rf & 2) {
-        const ctx_r3 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r3.trigger.iconClasses);
-        i0.ɵɵproperty("svgIcon", ctx_r3.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_r4 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r4.trigger.iconClasses);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r4.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);
-        i0.ɵɵtemplate(2, TdDynamicMenuComponent_button_0_mat_icon_2_Template, 2, 3, "mat-icon", 6);
-        i0.ɵɵelementEnd();
-    }
-    if (rf & 2) {
-        const ctx_r0 = i0.ɵɵnextContext();
-        const _r2 = i0.ɵɵreference(3);
-        i0.ɵɵpropertyInterpolate("id", ctx_r0.trigger.id);
-        i0.ɵɵproperty("matMenuTriggerFor", _r2.childMenu);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r0.trigger.svgIcon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r0.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_r5 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r5.trigger.iconClasses);
-        i0.ɵɵproperty("svgIcon", ctx_r5.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_r6 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r6.trigger.iconClasses);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r6.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_r7 = i0.ɵɵnextContext(2);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", ctx_r7.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);
-        i0.ɵɵtemplate(2, TdDynamicMenuComponent_button_1_mat_icon_2_Template, 2, 3, "mat-icon", 6);
-        i0.ɵɵtemplate(3, TdDynamicMenuComponent_button_1_span_3_Template, 2, 1, "span", 9);
-        i0.ɵɵelementEnd();
-    }
-    if (rf & 2) {
-        const ctx_r1 = i0.ɵɵnextContext();
-        const _r2 = i0.ɵɵreference(3);
-        i0.ɵɵpropertyInterpolate("id", ctx_r1.trigger.id);
-        i0.ɵɵproperty("matMenuTriggerFor", _r2.childMenu);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r1.trigger.svgIcon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r1.trigger.icon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r1.trigger.text);
-    }
-}
-class TdDynamicMenuComponent {
+class TdDynamicMenuLinkComponent {
     constructor() {
         this.itemClicked = new EventEmitter();
     }
-    emitClicked(event) {
-        this.itemClicked.emit(event);
+    emitClicked() {
+        this.itemClicked.emit({ text: this.item.text, action: this.item.action });
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdDynamicMenuComponent.ɵfac = function TdDynamicMenuComponent_Factory(t) { return new (t || TdDynamicMenuComponent)(); };
-/** @nocollapse */ /** @nocollapse */ TdDynamicMenuComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdDynamicMenuComponent, selectors: [["td-dynamic-menu"]], inputs: { trigger: "trigger", items: "items" }, outputs: { itemClicked: "itemClicked" }, decls: 4, vars: 3, consts: [["mat-icon-button", "", 3, "id", "matMenuTriggerFor", 4, "ngIf"], ["mat-button", "", 3, "id", "matMenuTriggerFor", 4, "ngIf"], [3, "items", "itemClicked"], ["menu", ""], ["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) {
-            i0.ɵɵtemplate(0, TdDynamicMenuComponent_button_0_Template, 3, 4, "button", 0);
-            i0.ɵɵtemplate(1, TdDynamicMenuComponent_button_1_Template, 4, 5, "button", 1);
-            i0.ɵɵelementStart(2, "td-dynamic-menu-item", 2, 3);
-            i0.ɵɵlistener("itemClicked", function TdDynamicMenuComponent_Template_td_dynamic_menu_item_itemClicked_2_listener($event) { return ctx.emitClicked($event); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵproperty("ngIf", !ctx.trigger.text);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.trigger.text);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("items", ctx.items);
-        }
-    }, styles: [""] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicMenuComponent, [{
+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: i5.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', template: "<button *ngIf=\"!trigger.text\" mat-icon-button id=\"{{ trigger.id }}\" [matMenuTriggerFor]=\"menu.childMenu\">\n  <mat-icon *ngIf=\"trigger.svgIcon\" [class]=\"trigger.iconClasses\" [svgIcon]=\"trigger.svgIcon\"></mat-icon>\n  <mat-icon *ngIf=\"trigger.icon\" [class]=\"trigger.iconClasses\">{{ trigger.icon }}</mat-icon>\n</button>\n<button *ngIf=\"trigger.text\" mat-button id=\"{{ trigger.id }}\" [matMenuTriggerFor]=\"menu.childMenu\">\n  <mat-icon *ngIf=\"trigger.svgIcon\" [class]=\"trigger.iconClasses\" [svgIcon]=\"trigger.svgIcon\"></mat-icon>\n  <mat-icon *ngIf=\"trigger.icon\" [class]=\"trigger.iconClasses\">{{ trigger.icon }}</mat-icon>\n  <span *ngIf=\"trigger.text\">\n    {{ trigger.text }}\n  </span>\n</button>\n\n<td-dynamic-menu-item #menu [items]=\"items\" (itemClicked)=\"emitClicked($event)\"></td-dynamic-menu-item>\n", styles: [""] }]
-        }], null, { trigger: [{
-                type: Input
-            }], items: [{
+            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
-            }] });
-})();
+            }] } });
 
-function TdDynamicMenuLinkComponent_a_0_mat_icon_1_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelement(0, "mat-icon", 6);
-    }
-    if (rf & 2) {
-        const ctx_r2 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r2.item.iconClasses);
-        i0.ɵɵproperty("svgIcon", ctx_r2.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_r3 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r3.item.iconClasses);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r3.item.icon);
-    }
-}
-function TdDynamicMenuLinkComponent_a_0_mat_icon_5_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-icon", 7);
-        i0.ɵɵtext(1, "launch");
-        i0.ɵɵelementEnd();
-    }
-}
-function TdDynamicMenuLinkComponent_a_0_Template(rf, ctx) {
-    if (rf & 1) {
-        const _r6 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "a", 2);
-        i0.ɵɵlistener("click", function TdDynamicMenuLinkComponent_a_0_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.emitClicked(); });
-        i0.ɵɵtemplate(1, TdDynamicMenuLinkComponent_a_0_mat_icon_1_Template, 1, 3, "mat-icon", 3);
-        i0.ɵɵtemplate(2, TdDynamicMenuLinkComponent_a_0_mat_icon_2_Template, 2, 3, "mat-icon", 4);
-        i0.ɵɵelementStart(3, "span");
-        i0.ɵɵtext(4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(5, TdDynamicMenuLinkComponent_a_0_mat_icon_5_Template, 2, 0, "mat-icon", 5);
-        i0.ɵɵelementEnd();
-    }
-    if (rf & 2) {
-        const ctx_r0 = i0.ɵɵnextContext();
-        i0.ɵɵproperty("id", ctx_r0.item.id)("href", ctx_r0.item.link, i0.ɵɵsanitizeUrl)("target", ctx_r0.item.newTab ? "_blank" : "_self");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r0.item.svgIcon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r0.item.icon);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx_r0.item.text);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r0.item.newTab);
-    }
-}
-function TdDynamicMenuLinkComponent_button_1_mat_icon_1_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelement(0, "mat-icon", 6);
-    }
-    if (rf & 2) {
-        const ctx_r7 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r7.item.iconClasses);
-        i0.ɵɵproperty("svgIcon", ctx_r7.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_r8 = i0.ɵɵnextContext(2);
-        i0.ɵɵclassMap(ctx_r8.item.iconClasses);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r8.item.icon);
-    }
-}
-function TdDynamicMenuLinkComponent_button_1_Template(rf, ctx) {
-    if (rf & 1) {
-        const _r10 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "button", 8);
-        i0.ɵɵlistener("click", function TdDynamicMenuLinkComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.emitClicked(); });
-        i0.ɵɵtemplate(1, TdDynamicMenuLinkComponent_button_1_mat_icon_1_Template, 1, 3, "mat-icon", 3);
-        i0.ɵɵtemplate(2, TdDynamicMenuLinkComponent_button_1_mat_icon_2_Template, 2, 3, "mat-icon", 4);
-        i0.ɵɵelementStart(3, "span");
-        i0.ɵɵtext(4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    }
-    if (rf & 2) {
-        const ctx_r1 = i0.ɵɵnextContext();
-        i0.ɵɵproperty("id", ctx_r1.item.id);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r1.item.svgIcon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r1.item.icon);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx_r1.item.text);
-    }
-}
-class TdDynamicMenuLinkComponent {
+class TdDynamicMenuItemComponent {
     constructor() {
         this.itemClicked = new EventEmitter();
     }
-    emitClicked() {
-        this.itemClicked.emit({ text: this.item.text, action: this.item.action });
+    emitClicked(event) {
+        this.itemClicked.emit(event);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdDynamicMenuLinkComponent.ɵfac = function TdDynamicMenuLinkComponent_Factory(t) { return new (t || TdDynamicMenuLinkComponent)(); };
-/** @nocollapse */ /** @nocollapse */ TdDynamicMenuLinkComponent.ɵcmp = /** @pureOrBreakMyCode */ 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, "id", "href", "target", "click"], [3, "class", "svgIcon", 4, "ngIf"], [3, "class", 4, "ngIf"], ["class", "new-tab-icon", 4, "ngIf"], [3, "svgIcon"], [1, "new-tab-icon"], ["mat-menu-item", "", 3, "id", "click"]], template: function TdDynamicMenuLinkComponent_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵtemplate(0, TdDynamicMenuLinkComponent_a_0_Template, 6, 7, "a", 0);
-            i0.ɵɵtemplate(1, TdDynamicMenuLinkComponent_button_1_Template, 5, 4, "button", 1);
-        }
-        if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.item.link);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.item.action);
-        }
-    }, directives: [i2.NgIf, i1.MatMenuItem, i3.MatIcon], styles: [".new-tab[_ngcontent-%COMP%]{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.new-tab[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{-ms-flex:1;flex:1}.new-tab[_ngcontent-%COMP%]   .new-tab-icon[_ngcontent-%COMP%]{margin:0 0 0 16px}"] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicMenuLinkComponent, [{
+TdDynamicMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDynamicMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TdDynamicMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdDynamicMenuItemComponent, selector: "td-dynamic-menu-item", inputs: { items: "items" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "childMenu", first: true, predicate: ["childMenu"], descendants: true, static: true }], ngImport: i0, 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 text-sm\">{{ item.text }}</div>\n      </ng-container>\n      <ng-container *ngIf=\"item.link || item.action\">\n        <div mat-menu-item class=\"pad-none\">\n          <td-dynamic-menu-link\n            [item]=\"item\"\n            (itemClicked)=\"emitClicked($event)\"\n          ></td-dynamic-menu-link>\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</mat-menu>\n", styles: [".group-divider{margin:8px}.group-label{padding:16px}\n"], components: [{ type: i1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { 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"] }, { type: TdDynamicMenuItemComponent, selector: "td-dynamic-menu-item", inputs: ["items"], outputs: ["itemClicked"] }, { type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: TdDynamicMenuLinkComponent, selector: "td-dynamic-menu-link", inputs: ["item"], outputs: ["itemClicked"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDynamicMenuItemComponent, 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 *ngIf=\"item.svgIcon\" [class]=\"item.iconClasses\" [svgIcon]=\"item.svgIcon\"></mat-icon>\n  <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{ item.icon }}</mat-icon>\n  <span>{{ item.text }}</span>\n  <mat-icon *ngIf=\"item.newTab\" class=\"new-tab-icon\">launch</mat-icon>\n</a>\n<button *ngIf=\"item.action\" mat-menu-item [id]=\"item.id\" (click)=\"emitClicked()\">\n  <mat-icon *ngIf=\"item.svgIcon\" [class]=\"item.iconClasses\" [svgIcon]=\"item.svgIcon\"></mat-icon>\n  <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{ item.icon }}</mat-icon>\n  <span>{{ item.text }}</span>\n</button>\n", styles: [".new-tab{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.new-tab span{-ms-flex:1;flex:1}.new-tab .new-tab-icon{margin:0 0 0 16px}\n"] }]
-        }], null, { item: [{
+            args: [{ selector: 'td-dynamic-menu-item', 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 text-sm\">{{ item.text }}</div>\n      </ng-container>\n      <ng-container *ngIf=\"item.link || item.action\">\n        <div mat-menu-item class=\"pad-none\">\n          <td-dynamic-menu-link\n            [item]=\"item\"\n            (itemClicked)=\"emitClicked($event)\"\n          ></td-dynamic-menu-link>\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</mat-menu>\n", styles: [".group-divider{margin:8px}.group-label{padding:16px}\n"] }]
+        }], propDecorators: { items: [{
                 type: Input
             }], itemClicked: [{
                 type: Output
-            }] });
-})();
+            }], childMenu: [{
+                type: ViewChild,
+                args: ['childMenu', { static: true }]
+            }] } });
 
-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_r2 = i0.ɵɵnextContext(2).$implicit;
-        i0.ɵɵclassMap(item_r2.iconClasses);
-        i0.ɵɵproperty("svgIcon", item_r2.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_r2 = i0.ɵɵnextContext(2).$implicit;
-        i0.ɵɵclassMap(item_r2.iconClasses);
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(item_r2.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_r2 = i0.ɵɵnextContext(2).$implicit;
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", item_r2.text, " ");
-    }
-}
-function TdDynamicMenuItemComponent_ng_template_2_ng_container_0_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelementContainerStart(0);
-        i0.ɵɵelementStart(1, "button", 4);
-        i0.ɵɵtemplate(2, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_mat_icon_2_Template, 1, 3, "mat-icon", 5);
-        i0.ɵɵtemplate(3, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_mat_icon_3_Template, 2, 3, "mat-icon", 6);
-        i0.ɵɵtemplate(4, TdDynamicMenuItemComponent_ng_template_2_ng_container_0_span_4_Template, 2, 1, "span", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(5, "td-dynamic-menu-item", 7, 8);
-        i0.ɵɵelementContainerEnd();
-    }
-    if (rf & 2) {
-        const _r9 = i0.ɵɵreference(6);
-        const item_r2 = i0.ɵɵnextContext().$implicit;
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("id", item_r2.id)("matMenuTriggerFor", _r9.childMenu);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", item_r2.svgIcon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", item_r2.icon);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", item_r2.text);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("items", item_r2.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_r17 = i0.ɵɵnextContext(2);
-        const index_r3 = ctx_r17.index;
-        const item_r2 = ctx_r17.$implicit;
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", index_r3 > 0);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(item_r2.text);
-    }
-}
-function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_2_Template(rf, ctx) {
-    if (rf & 1) {
-        const _r19 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementContainerStart(0);
-        i0.ɵɵelementStart(1, "div", 13);
-        i0.ɵɵelementStart(2, "td-dynamic-menu-link", 14);
-        i0.ɵɵlistener("itemClicked", function TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_2_Template_td_dynamic_menu_link_itemClicked_2_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(3); return ctx_r18.emitClicked($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementContainerEnd();
-    }
-    if (rf & 2) {
-        const item_r2 = i0.ɵɵnextContext(2).$implicit;
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("item", item_r2);
-    }
-}
-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", 3);
-        i0.ɵɵtemplate(2, TdDynamicMenuItemComponent_ng_template_2_ng_container_1_ng_container_2_Template, 3, 1, "ng-container", 3);
-        i0.ɵɵelementContainerEnd();
-    }
-    if (rf & 2) {
-        const item_r2 = i0.ɵɵnextContext().$implicit;
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !item_r2.link && !item_r2.action);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", item_r2.link || item_r2.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", 3);
-        i0.ɵɵtemplate(1, TdDynamicMenuItemComponent_ng_template_2_ng_container_1_Template, 3, 2, "ng-container", 3);
-    }
-    if (rf & 2) {
-        const item_r2 = ctx.$implicit;
-        i0.ɵɵproperty("ngIf", item_r2.children && item_r2.children.length > 0);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !item_r2.children || item_r2.children.length === 0);
-    }
-}
-class TdDynamicMenuItemComponent {
+class TdDynamicMenuComponent {
     constructor() {
         this.itemClicked = new EventEmitter();
     }
@@ -418,59 +61,64 @@ class TdDynamicMenuItemComponent {
         this.itemClicked.emit(event);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdDynamicMenuItemComponent.ɵfac = function TdDynamicMenuItemComponent_Factory(t) { return new (t || TdDynamicMenuItemComponent)(); };
-/** @nocollapse */ /** @nocollapse */ TdDynamicMenuItemComponent.ɵcmp = /** @pureOrBreakMyCode */ 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: [[3, "overlapTrigger"], ["childMenu", "matMenu"], ["ngFor", "", 3, "ngForOf"], [4, "ngIf"], ["mat-menu-item", "", 3, "id", "matMenuTriggerFor"], [3, "class", "svgIcon", 4, "ngIf"], [3, "class", 4, "ngIf"], [3, "items"], ["menu", ""], [3, "svgIcon"], ["class", "group-divider", 4, "ngIf"], [1, "group-label", "text-sm"], [1, "group-divider"], ["mat-menu-item", "", 1, "pad-none"], [3, "item", "itemClicked"]], template: function TdDynamicMenuItemComponent_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "mat-menu", 0, 1);
-            i0.ɵɵtemplate(2, TdDynamicMenuItemComponent_ng_template_2_Template, 2, 2, "ng-template", 2);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵproperty("overlapTrigger", false);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", ctx.items);
-        }
-    }, directives: [i1.MatMenu, i2.NgForOf, i2.NgIf, i1.MatMenuItem, i1.MatMenuTrigger, i3.MatIcon, TdDynamicMenuItemComponent, i4.MatDivider, TdDynamicMenuLinkComponent], styles: [".group-divider[_ngcontent-%COMP%]{margin:8px}.group-label[_ngcontent-%COMP%]{padding:16px}"] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDynamicMenuItemComponent, [{
+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$1.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: TdDynamicMenuItemComponent, selector: "td-dynamic-menu-item", inputs: ["items"], outputs: ["itemClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.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-item', 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 *ngIf=\"item.svgIcon\" [class]=\"item.iconClasses\" [svgIcon]=\"item.svgIcon\"></mat-icon>\n        <mat-icon *ngIf=\"item.icon\" [class]=\"item.iconClasses\">{{ item.icon }}</mat-icon>\n        <span *ngIf=\"item.text\">\n          {{ item.text }}\n        </span>\n      </button>\n      <td-dynamic-menu-item #menu [items]=\"item.children\"></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 text-sm\">{{ item.text }}</div>\n      </ng-container>\n      <ng-container *ngIf=\"item.link || item.action\">\n        <div mat-menu-item class=\"pad-none\">\n          <td-dynamic-menu-link [item]=\"item\" (itemClicked)=\"emitClicked($event)\"></td-dynamic-menu-link>\n        </div>\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: [{
+            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
-            }], childMenu: [{
-                type: ViewChild,
-                args: ['childMenu', { static: true }]
-            }] });
-})();
+            }] } });
 
 class CovalentDynamicMenuModule {
 }
-/** @nocollapse */ /** @nocollapse */ CovalentDynamicMenuModule.ɵfac = function CovalentDynamicMenuModule_Factory(t) { return new (t || CovalentDynamicMenuModule)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentDynamicMenuModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentDynamicMenuModule });
-/** @nocollapse */ /** @nocollapse */ CovalentDynamicMenuModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule, MatButtonModule, MatIconModule, MatListModule, MatMenuModule, MatTooltipModule]] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentDynamicMenuModule, [{
+CovalentDynamicMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentDynamicMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentDynamicMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentDynamicMenuModule, declarations: [TdDynamicMenuComponent,
+        TdDynamicMenuItemComponent,
+        TdDynamicMenuLinkComponent], imports: [CommonModule,
+        MatButtonModule,
+        MatIconModule,
+        MatListModule,
+        MatMenuModule,
+        MatTooltipModule], exports: [TdDynamicMenuComponent,
+        TdDynamicMenuItemComponent,
+        TdDynamicMenuLinkComponent] });
+CovalentDynamicMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentDynamicMenuModule, providers: [], imports: [[
+            CommonModule,
+            MatButtonModule,
+            MatIconModule,
+            MatListModule,
+            MatMenuModule,
+            MatTooltipModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentDynamicMenuModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent],
-                    imports: [CommonModule, MatButtonModule, MatIconModule, MatListModule, MatMenuModule, MatTooltipModule],
+                    declarations: [
+                        TdDynamicMenuComponent,
+                        TdDynamicMenuItemComponent,
+                        TdDynamicMenuLinkComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatMenuModule,
+                        MatTooltipModule,
+                    ],
                     providers: [],
-                    exports: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent],
+                    exports: [
+                        TdDynamicMenuComponent,
+                        TdDynamicMenuItemComponent,
+                        TdDynamicMenuLinkComponent,
+                    ],
                 }]
-        }], null, null);
-})();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentDynamicMenuModule, { declarations: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent], imports: [CommonModule, MatButtonModule, MatIconModule, MatListModule, MatMenuModule, MatTooltipModule], exports: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent] }); })();
-i0.ɵɵsetComponentScope(TdDynamicMenuComponent, [i2.NgIf, i2$1.MatButton, i1.MatMenuTrigger, i3.MatIcon, TdDynamicMenuItemComponent], []);
+        }] });
 
 /**
  * Generated bundle index. Do not edit.