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

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

@@ -1,339 +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, [{
-        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: [{
-            type: Input
-        }], itemClicked: [{
-            type: Output
-        }] }); })();
+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-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, [{
-        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: [{
-            type: Input
-        }], itemClicked: [{
-            type: Output
-        }] }); })();
+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-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();
     }
@@ -341,49 +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, [{
-        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: [{
-            type: Input
-        }], itemClicked: [{
-            type: Output
-        }], childMenu: [{
-            type: ViewChild,
-            args: ['childMenu', { static: true }]
-        }] }); })();
+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', 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
+            }] } });
 
 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, [{
-        type: NgModule,
-        args: [{
-                declarations: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent],
-                imports: [CommonModule, MatButtonModule, MatIconModule, MatListModule, MatMenuModule, MatTooltipModule],
-                providers: [],
-                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], []);
+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,
+                    ],
+                    providers: [],
+                    exports: [
+                        TdDynamicMenuComponent,
+                        TdDynamicMenuItemComponent,
+                        TdDynamicMenuLinkComponent,
+                    ],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/covalent-core-dynamic-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"covalent-core-dynamic-menu.mjs","sources":["../../../../src/platform/core/dynamic-menu/dynamic-menu.component.html","../../../../src/platform/core/dynamic-menu/dynamic-menu.component.ts","../../../../src/platform/core/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.html","../../../../src/platform/core/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.ts","../../../../src/platform/core/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.html","../../../../src/platform/core/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.ts","../../../../src/platform/core/dynamic-menu/dynamic-menu.module.ts","../../../../src/platform/core/dynamic-menu/covalent-core-dynamic-menu.ts"],"sourcesContent":["<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","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n// Trigger button launches top level menu. Must specify text and/or icon.\nexport interface IMenuTrigger {\n  id?: string; // Optional identifier\n  text?: string; // Text to display on button\n  icon?: string; // Optional icon\n  svgIcon?: string; // Optional svgIcon\n  iconClasses?: string[]; // Optional styling classes\n}\n\n// Menu items can serve one of four roles:\n// - Submenu trigger (has children property)\n// - URL link (has link property)\n// - Action link (has action property)\n// - Grouping label (has neither children, link or action properties)\nexport interface IMenuItem {\n  id?: string; // Optional identifier\n  text: string; // Display text\n  icon?: string; // Optional icon\n  svgIcon?: string; // Optional svgIcon\n  iconClasses?: string[]; // Optional styling classes\n  // If children provided, item is a submenu trigger\n  // Represents the contents of the submenu\n  children?: IMenuItem[];\n  // If link provided, item is a URL link\n  link?: string; // href (relative or fully qualified).\n  newTab?: boolean; // Indicates where URL should be displayed, current or new browser tab\n  // If action provided, item is an action link\n  // A click on this item will emit itemClicked event\n  action?: string;\n}\n\n// Click action event payload derived from IMenuItem\nexport interface ITdDynamicMenuLinkClickEvent {\n  text: string;\n  action: string;\n}\n\n@Component({\n  selector: 'td-dynamic-menu',\n  styleUrls: ['dynamic-menu.component.scss'],\n  templateUrl: './dynamic-menu.component.html',\n})\nexport class TdDynamicMenuComponent {\n  @Input() trigger: IMenuTrigger;\n  @Input() items: IMenuItem[];\n\n  @Output() itemClicked: EventEmitter<ITdDynamicMenuLinkClickEvent> = new EventEmitter<ITdDynamicMenuLinkClickEvent>();\n\n  emitClicked(event: ITdDynamicMenuLinkClickEvent): void {\n    this.itemClicked.emit(event);\n  }\n}\n","<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","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { IMenuItem, ITdDynamicMenuLinkClickEvent } from '../../dynamic-menu.component';\n\n@Component({\n  selector: 'td-dynamic-menu-link',\n  templateUrl: './dynamic-menu-link.component.html',\n  styleUrls: ['./dynamic-menu-link.component.scss'],\n})\nexport class TdDynamicMenuLinkComponent {\n  @Input() item: IMenuItem;\n\n  @Output() itemClicked: EventEmitter<ITdDynamicMenuLinkClickEvent> = new EventEmitter<ITdDynamicMenuLinkClickEvent>();\n\n  emitClicked(): void {\n    this.itemClicked.emit({ text: this.item.text, action: this.item.action });\n  }\n}\n","<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","import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { MatMenu } from '@angular/material/menu';\nimport { IMenuItem, ITdDynamicMenuLinkClickEvent } from '../dynamic-menu.component';\n\n@Component({\n  selector: 'td-dynamic-menu-item',\n  templateUrl: './dynamic-menu-item.component.html',\n  styleUrls: ['./dynamic-menu-item.component.scss'],\n})\nexport class TdDynamicMenuItemComponent {\n  @Input() items: IMenuItem[];\n\n  @Output() itemClicked: EventEmitter<ITdDynamicMenuLinkClickEvent> = new EventEmitter<ITdDynamicMenuLinkClickEvent>();\n\n  @ViewChild('childMenu', { static: true }) public childMenu: MatMenu;\n\n  emitClicked(event: ITdDynamicMenuLinkClickEvent): void {\n    this.itemClicked.emit(event);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { TdDynamicMenuComponent } from './dynamic-menu.component';\nimport { TdDynamicMenuItemComponent } from './dynamic-menu-item/dynamic-menu-item.component';\nimport { TdDynamicMenuLinkComponent } from './dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component';\n\n@NgModule({\n  declarations: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent],\n  imports: [CommonModule, MatButtonModule, MatIconModule, MatListModule, MatMenuModule, MatTooltipModule],\n  providers: [],\n  exports: [TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent],\n})\nexport class CovalentDynamicMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"covalent-core-dynamic-menu.mjs","sources":["../../../../libs/angular/dynamic-menu/src/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.ts","../../../../libs/angular/dynamic-menu/src/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.html","../../../../libs/angular/dynamic-menu/src/dynamic-menu-item/dynamic-menu-item.component.ts","../../../../libs/angular/dynamic-menu/src/dynamic-menu-item/dynamic-menu-item.component.html","../../../../libs/angular/dynamic-menu/src/dynamic-menu.component.ts","../../../../libs/angular/dynamic-menu/src/dynamic-menu.component.html","../../../../libs/angular/dynamic-menu/src/dynamic-menu.module.ts","../../../../libs/angular/dynamic-menu/src/covalent-core-dynamic-menu.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  IMenuItem,\n  ITdDynamicMenuLinkClickEvent,\n} from '../../dynamic-menu.menu';\n\n@Component({\n  selector: 'td-dynamic-menu-link',\n  templateUrl: './dynamic-menu-link.component.html',\n  styleUrls: ['./dynamic-menu-link.component.scss'],\n})\nexport class TdDynamicMenuLinkComponent {\n  @Input() item!: IMenuItem;\n\n  @Output() itemClicked: EventEmitter<ITdDynamicMenuLinkClickEvent> =\n    new EventEmitter<ITdDynamicMenuLinkClickEvent>();\n\n  emitClicked(): void {\n    this.itemClicked.emit({ text: this.item.text, action: this.item.action });\n  }\n}\n","<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","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { MatMenu } from '@angular/material/menu';\nimport { IMenuItem, ITdDynamicMenuLinkClickEvent } from '../dynamic-menu.menu';\n\n@Component({\n  selector: 'td-dynamic-menu-item',\n  templateUrl: './dynamic-menu-item.component.html',\n  styleUrls: ['./dynamic-menu-item.component.scss'],\n})\nexport class TdDynamicMenuItemComponent {\n  @Input() items!: IMenuItem[];\n\n  @Output() itemClicked: EventEmitter<ITdDynamicMenuLinkClickEvent> =\n    new EventEmitter<ITdDynamicMenuLinkClickEvent>();\n\n  @ViewChild('childMenu', { static: true }) public childMenu!: MatMenu;\n\n  emitClicked(event: ITdDynamicMenuLinkClickEvent): void {\n    this.itemClicked.emit(event);\n  }\n}\n","<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","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  IMenuItem,\n  IMenuTrigger,\n  ITdDynamicMenuLinkClickEvent,\n} from './dynamic-menu.menu';\n\n@Component({\n  selector: 'td-dynamic-menu',\n  styleUrls: ['dynamic-menu.component.scss'],\n  templateUrl: './dynamic-menu.component.html',\n})\nexport class TdDynamicMenuComponent {\n  @Input() trigger!: IMenuTrigger;\n  @Input() items!: IMenuItem[];\n\n  @Output() itemClicked: EventEmitter<ITdDynamicMenuLinkClickEvent> =\n    new EventEmitter<ITdDynamicMenuLinkClickEvent>();\n\n  emitClicked(event: ITdDynamicMenuLinkClickEvent): void {\n    this.itemClicked.emit(event);\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { TdDynamicMenuComponent } from './dynamic-menu.component';\nimport { TdDynamicMenuItemComponent } from './dynamic-menu-item/dynamic-menu-item.component';\nimport { TdDynamicMenuLinkComponent } from './dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component';\n\n@NgModule({\n  declarations: [\n    TdDynamicMenuComponent,\n    TdDynamicMenuItemComponent,\n    TdDynamicMenuLinkComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n    MatListModule,\n    MatMenuModule,\n    MatTooltipModule,\n  ],\n  providers: [],\n  exports: [\n    TdDynamicMenuComponent,\n    TdDynamicMenuItemComponent,\n    TdDynamicMenuLinkComponent,\n  ],\n})\nexport class CovalentDynamicMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAWa,0BAA0B;IALvC;QAQY,gBAAW,GACnB,IAAI,YAAY,EAAgC,CAAC;KAKpD;IAHC,WAAW;QACT,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;KAC3E;;uHARU,0BAA0B;2GAA1B,0BAA0B,+HCXvC,43BAoCA;2FDzBa,0BAA0B;kBALtC,SAAS;+BACE,sBAAsB;8BAKvB,IAAI;sBAAZ,KAAK;gBAEI,WAAW;sBAApB,MAAM;;;MECI,0BAA0B;IALvC;QAQY,gBAAW,GACnB,IAAI,YAAY,EAAgC,CAAC;KAOpD;IAHC,WAAW,CAAC,KAAmC;QAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC9B;;uHAVU,0BAA0B;2GAA1B,0BAA0B,uPCfvC,g6CAqCA,iaDtBa,0BAA0B;2FAA1B,0BAA0B;kBALtC,SAAS;+BACE,sBAAsB;8BAKvB,KAAK;sBAAb,KAAK;gBAEI,WAAW;sBAApB,MAAM;gBAG0C,SAAS;sBAAzD,SAAS;uBAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MET7B,sBAAsB;IALnC;QASY,gBAAW,GACnB,IAAI,YAAY,EAAgC,CAAC;KAKpD;IAHC,WAAW,CAAC,KAAmC;QAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC9B;;mHATU,sBAAsB;uGAAtB,sBAAsB,gJCZnC,06BAuCA;2FD3Ba,sBAAsB;kBALlC,SAAS;+BACE,iBAAiB;8BAKlB,OAAO;sBAAf,KAAK;gBACG,KAAK;sBAAb,KAAK;gBAEI,WAAW;sBAApB,MAAM;;;MEiBI,yBAAyB;;sHAAzB,yBAAyB;uHAAzB,yBAAyB,iBAnBlC,sBAAsB;QACtB,0BAA0B;QAC1B,0BAA0B,aAG1B,YAAY;QACZ,eAAe;QACf,aAAa;QACb,aAAa;QACb,aAAa;QACb,gBAAgB,aAIhB,sBAAsB;QACtB,0BAA0B;QAC1B,0BAA0B;uHAGjB,yBAAyB,aAPzB,EAAE,YARJ;YACP,YAAY;YACZ,eAAe;YACf,aAAa;YACb,aAAa;YACb,aAAa;YACb,gBAAgB;SACjB;2FAQU,yBAAyB;kBArBrC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;wBACtB,0BAA0B;wBAC1B,0BAA0B;qBAC3B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,aAAa;wBACb,aAAa;wBACb,gBAAgB;qBACjB;oBACD,SAAS,EAAE,EAAE;oBACb,OAAO,EAAE;wBACP,sBAAsB;wBACtB,0BAA0B;wBAC1B,0BAA0B;qBAC3B;iBACF;;;AChCD;;;;;;"}