@covalent/core 3.1.2 → 4.0.0-beta.2

package/fesm2020/covalent-core-dialogs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-core-dialogs.mjs","sources":["../../../../src/platform/core/dialogs/dialog.component.html","../../../../src/platform/core/dialogs/dialog.component.ts","../../../../src/platform/core/dialogs/alert-dialog/alert-dialog.component.html","../../../../src/platform/core/dialogs/alert-dialog/alert-dialog.component.ts","../../../../src/platform/core/dialogs/confirm-dialog/confirm-dialog.component.html","../../../../src/platform/core/dialogs/confirm-dialog/confirm-dialog.component.ts","../../../../src/platform/core/dialogs/prompt-dialog/prompt-dialog.component.html","../../../../src/platform/core/dialogs/prompt-dialog/prompt-dialog.component.ts","../../../../src/platform/core/dialogs/services/dialog.service.ts","../../../../src/platform/core/dialogs/window-dialog/window-dialog.component.ts","../../../../src/platform/core/dialogs/window-dialog/window-dialog.component.html","../../../../src/platform/core/dialogs/dialogs.module.ts","../../../../src/platform/core/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.ts","../../../../src/platform/core/dialogs/covalent-core-dialogs.ts"],"sourcesContent":["<div class=\"td-dialog-wrapper\">\n  <h3 class=\"td-dialog-title\" *ngIf=\"dialogTitle.length > 0\">\n    <ng-content select=\"td-dialog-title\"></ng-content>\n  </h3>\n  <div class=\"td-dialog-content\" *ngIf=\"dialogContent.length > 0\">\n    <ng-content select=\"td-dialog-content\"></ng-content>\n  </div>\n  <div class=\"td-dialog-actions\" *ngIf=\"dialogActions.length > 0\">\n    <span class=\"td-dialog-spacer\"></span>\n    <ng-content select=\"td-dialog-actions\"></ng-content>\n  </div>\n</div>\n","import { Component, Directive, ContentChildren, QueryList, AfterContentInit } from '@angular/core';\n\n@Directive({ selector: 'td-dialog-title' })\nexport class TdDialogTitleDirective {}\n\n@Directive({ selector: 'td-dialog-content' })\nexport class TdDialogContentDirective {}\n\n@Directive({ selector: 'td-dialog-actions' })\nexport class TdDialogActionsDirective {}\n\n@Component({\n  selector: 'td-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n})\nexport class TdDialogComponent implements AfterContentInit {\n  @ContentChildren(TdDialogTitleDirective, { descendants: true }) dialogTitle: QueryList<TdDialogTitleDirective>;\n  @ContentChildren(TdDialogContentDirective, { descendants: true }) dialogContent: QueryList<TdDialogContentDirective>;\n  @ContentChildren(TdDialogActionsDirective, { descendants: true }) dialogActions: QueryList<TdDialogActionsDirective>;\n\n  ngAfterContentInit(): void {\n    if (this.dialogTitle.length > 1) {\n      throw new Error('Duplicate td-dialog-title component at in td-dialog.');\n    }\n    if (this.dialogContent.length > 1) {\n      throw new Error('Duplicate td-dialog-content component at in td-dialog.');\n    }\n    if (this.dialogActions.length > 1) {\n      throw new Error('Duplicate td-dialog-actions component at in td-dialog.');\n    }\n  }\n}\n","<td-dialog>\n  <td-dialog-title *ngIf=\"title\">\n    {{ title }}\n  </td-dialog-title>\n  <td-dialog-content>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </td-dialog-content>\n  <td-dialog-actions>\n    <button mat-button color=\"accent\" (click)=\"close()\">{{ closeButton }}</button>\n  </td-dialog-actions>\n</td-dialog>\n","import { Component } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\n\n@Component({\n  selector: 'td-alert-dialog',\n  templateUrl: './alert-dialog.component.html',\n  styleUrls: ['./alert-dialog.component.scss'],\n})\nexport class TdAlertDialogComponent {\n  title: string;\n  message: string;\n  closeButton: string = 'CLOSE';\n\n  constructor(private _dialogRef: MatDialogRef<TdAlertDialogComponent>) {}\n\n  close(): void {\n    this._dialogRef.close();\n  }\n}\n","<td-dialog>\n  <td-dialog-title *ngIf=\"title\">\n    {{ title }}\n  </td-dialog-title>\n  <td-dialog-content>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n  </td-dialog-content>\n  <td-dialog-actions>\n    <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{ cancelButton }}</button>\n    <button\n      mat-button\n      [color]=\"isDestructive ? 'warn' : 'accent'\"\n      #acceptBtn\n      (keydown.arrowleft)=\"closeBtn.focus()\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </td-dialog-actions>\n</td-dialog>\n","import { Component } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\n\n@Component({\n  selector: 'td-confirm-dialog',\n  templateUrl: './confirm-dialog.component.html',\n  styleUrls: ['./confirm-dialog.component.scss'],\n})\nexport class TdConfirmDialogComponent {\n  title: string;\n  message: string;\n  cancelButton: string = 'CANCEL';\n  acceptButton: string = 'ACCEPT';\n  isDestructive: boolean = false;\n\n  constructor(private _dialogRef: MatDialogRef<TdConfirmDialogComponent>) {}\n\n  cancel(): void {\n    this._dialogRef.close(false);\n  }\n\n  accept(): void {\n    this._dialogRef.close(true);\n  }\n}\n","<td-dialog>\n  <td-dialog-title *ngIf=\"title\">\n    {{ title }}\n  </td-dialog-title>\n  <td-dialog-content>\n    <span class=\"td-dialog-message\">{{ message }}</span>\n    <form #form=\"ngForm\" novalidate>\n      <div class=\"td-dialog-input-wrapper\">\n        <mat-form-field class=\"td-dialog-input\">\n          <input\n            matInput\n            #input\n            (focus)=\"handleInputFocus()\"\n            (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n            [(ngModel)]=\"value\"\n            name=\"value\"\n            required\n          />\n        </mat-form-field>\n      </div>\n    </form>\n  </td-dialog-content>\n  <td-dialog-actions>\n    <button mat-button #closeBtn (keydown.arrowright)=\"acceptBtn.focus()\" (click)=\"cancel()\">{{ cancelButton }}</button>\n    <button\n      mat-button\n      color=\"accent\"\n      #acceptBtn\n      (keydown.arrowleft)=\"closeBtn.focus()\"\n      [disabled]=\"!form.valid\"\n      (click)=\"accept()\"\n    >\n      {{ acceptButton }}\n    </button>\n  </td-dialog-actions>\n</td-dialog>\n","import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\n\n@Component({\n  selector: 'td-prompt-dialog',\n  templateUrl: './prompt-dialog.component.html',\n  styleUrls: ['./prompt-dialog.component.scss'],\n})\nexport class TdPromptDialogComponent implements AfterViewInit {\n  title: string;\n  message: string;\n  value: string;\n  cancelButton: string = 'CANCEL';\n  acceptButton: string = 'ACCEPT';\n\n  @ViewChild('input', { static: true }) _input: ElementRef;\n\n  constructor(private _dialogRef: MatDialogRef<TdPromptDialogComponent>) {}\n\n  ngAfterViewInit(): void {\n    // focus input once everything is rendered and good to go\n    Promise.resolve().then(() => {\n      (<HTMLInputElement>this._input.nativeElement).focus();\n    });\n  }\n\n  /**\n   * Method executed when input is focused\n   * Selects all text\n   */\n  handleInputFocus(): void {\n    (<HTMLInputElement>this._input.nativeElement).select();\n  }\n\n  cancel(): void {\n    this._dialogRef.close();\n  }\n\n  accept(): void {\n    this._dialogRef.close(this.value);\n  }\n}\n","import { Injectable, Inject, Renderer2, RendererFactory2 } from '@angular/core';\nimport { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';\nimport { ComponentType } from '@angular/cdk/portal';\n\nimport { TdAlertDialogComponent } from '../alert-dialog/alert-dialog.component';\nimport { TdConfirmDialogComponent } from '../confirm-dialog/confirm-dialog.component';\nimport { TdPromptDialogComponent } from '../prompt-dialog/prompt-dialog.component';\nimport { DragDrop, DragRef } from '@angular/cdk/drag-drop';\nimport { DOCUMENT } from '@angular/common';\nimport { Subject } from 'rxjs';\n\nexport interface IDialogConfig extends MatDialogConfig {\n  title?: string;\n  message: string;\n}\n\nexport interface IAlertConfig extends IDialogConfig {\n  closeButton?: string;\n}\n\nexport interface IConfirmConfig extends IDialogConfig {\n  acceptButton?: string;\n  cancelButton?: string;\n  isDestructive?: boolean;\n}\n\nexport interface IPromptConfig extends IConfirmConfig {\n  value?: string;\n}\n\nexport interface IDraggableConfig<T> {\n  component: ComponentType<T>;\n  config?: MatDialogConfig;\n  // CSS selectors of element(s) inside the component meant to be drag handle(s)\n  dragHandleSelectors?: string[];\n  // Class that will be added to the component signifying drag-ability\n  draggableClass?: string;\n}\n\nexport interface IDraggableRefs<T> {\n  matDialogRef: MatDialogRef<T>;\n  dragRefSubject: Subject<DragRef>;\n}\n\n@Injectable()\nexport class TdDialogService {\n  private _renderer2: Renderer2;\n\n  constructor(\n    @Inject(DOCUMENT) private _document: any,\n    private _dialogService: MatDialog,\n    private _dragDrop: DragDrop,\n    private rendererFactory: RendererFactory2,\n  ) {\n    this._renderer2 = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * params:\n   * - component: ComponentType<T>\n   * - config: MatDialogConfig\n   * Wrapper function over the open() method in MatDialog.\n   * Opens a modal dialog containing the given component.\n   */\n  public open<T>(component: ComponentType<T>, config?: MatDialogConfig): MatDialogRef<T> {\n    return this._dialogService.open(component, config);\n  }\n\n  /**\n   * Wrapper function over the closeAll() method in MatDialog.\n   * Closes all of the currently-open dialogs.\n   */\n  public closeAll(): void {\n    this._dialogService.closeAll();\n  }\n\n  /**\n   * params:\n   * - config: IAlertConfig {\n   *     message: string;\n   *     title?: string;\n   *     viewContainerRef?: ViewContainerRef;\n   *     closeButton?: string;\n   * }\n   *\n   * Opens an alert dialog with the provided config.\n   * Returns an MatDialogRef<TdAlertDialogComponent> object.\n   */\n  public openAlert(config: IAlertConfig): MatDialogRef<TdAlertDialogComponent> {\n    const dialogConfig: MatDialogConfig = this._createConfig(config);\n    const dialogRef: MatDialogRef<TdAlertDialogComponent> = this._dialogService.open(\n      TdAlertDialogComponent,\n      dialogConfig,\n    );\n    const alertDialogComponent: TdAlertDialogComponent = dialogRef.componentInstance;\n    alertDialogComponent.title = config.title;\n    alertDialogComponent.message = config.message;\n    if (config.closeButton) {\n      alertDialogComponent.closeButton = config.closeButton;\n    }\n    return dialogRef;\n  }\n\n  /**\n   * params:\n   * - config: IConfirmConfig {\n   *     message: string;\n   *     title?: string;\n   *     viewContainerRef?: ViewContainerRef;\n   *     acceptButton?: string;\n   *     cancelButton?: string;\n   *     isDestructive?: boolean;\n   * }\n   *\n   * Opens a confirm dialog with the provided config.\n   * Returns an MatDialogRef<TdConfirmDialogComponent> object.\n   */\n  public openConfirm(config: IConfirmConfig): MatDialogRef<TdConfirmDialogComponent> {\n    const dialogConfig: MatDialogConfig = this._createConfig(config);\n    const dialogRef: MatDialogRef<TdConfirmDialogComponent> = this._dialogService.open(\n      TdConfirmDialogComponent,\n      dialogConfig,\n    );\n    const confirmDialogComponent: TdConfirmDialogComponent = dialogRef.componentInstance;\n    confirmDialogComponent.title = config.title;\n    confirmDialogComponent.message = config.message;\n    if (config.acceptButton) {\n      confirmDialogComponent.acceptButton = config.acceptButton;\n    }\n    if (config.isDestructive) {\n      confirmDialogComponent.isDestructive = config.isDestructive;\n    }\n    if (config.cancelButton) {\n      confirmDialogComponent.cancelButton = config.cancelButton;\n    }\n    return dialogRef;\n  }\n\n  /**\n   * params:\n   * - config: IPromptConfig {\n   *     message: string;\n   *     title?: string;\n   *     value?: string;\n   *     viewContainerRef?: ViewContainerRef;\n   *     acceptButton?: string;\n   *     cancelButton?: string;\n   * }\n   *\n   * Opens a prompt dialog with the provided config.\n   * Returns an MatDialogRef<TdPromptDialogComponent> object.\n   */\n  public openPrompt(config: IPromptConfig): MatDialogRef<TdPromptDialogComponent> {\n    const dialogConfig: MatDialogConfig = this._createConfig(config);\n    const dialogRef: MatDialogRef<TdPromptDialogComponent> = this._dialogService.open(\n      TdPromptDialogComponent,\n      dialogConfig,\n    );\n    const promptDialogComponent: TdPromptDialogComponent = dialogRef.componentInstance;\n    promptDialogComponent.title = config.title;\n    promptDialogComponent.message = config.message;\n    promptDialogComponent.value = config.value;\n    if (config.acceptButton) {\n      promptDialogComponent.acceptButton = config.acceptButton;\n    }\n    if (config.cancelButton) {\n      promptDialogComponent.cancelButton = config.cancelButton;\n    }\n    return dialogRef;\n  }\n\n  /**\n   * Opens a draggable dialog containing the given component.\n   */\n  public openDraggable<T>({\n    component,\n    config,\n    dragHandleSelectors,\n    draggableClass,\n  }: IDraggableConfig<T>): IDraggableRefs<T> {\n    const matDialogRef: MatDialogRef<T, any> = this._dialogService.open(component, config);\n\n    const dragRefSubject: Subject<DragRef> = new Subject<DragRef>();\n\n    const CDK_OVERLAY_PANE_SELECTOR: string = '.cdk-overlay-pane';\n    const CDK_OVERLAY_CONTAINER_SELECTOR: string = '.cdk-overlay-container';\n\n    matDialogRef.afterOpened().subscribe(() => {\n      const dialogElement: HTMLElement = <HTMLElement>this._document.getElementById(matDialogRef.id);\n      const draggableElement: DragRef = this._dragDrop.createDrag(dialogElement);\n\n      if (draggableClass) {\n        const childComponent: Element = dialogElement.firstElementChild;\n        this._renderer2.addClass(childComponent, draggableClass);\n      }\n      if (dragHandleSelectors && dragHandleSelectors.length) {\n        const dragHandles: Element[] = dragHandleSelectors.reduce(\n          (acc: Element[], curr: string) => [...acc, ...Array.from(dialogElement.querySelectorAll(curr))],\n          [],\n        );\n        if (dragHandles.length > 0) {\n          draggableElement.withHandles(<HTMLElement[]>dragHandles);\n        }\n      }\n      const rootElement: Element = dialogElement.closest(CDK_OVERLAY_PANE_SELECTOR);\n      if (rootElement) {\n        draggableElement.withRootElement(<HTMLElement>rootElement);\n      }\n\n      const boundaryElement: Element = dialogElement.closest(CDK_OVERLAY_CONTAINER_SELECTOR);\n      if (boundaryElement) {\n        draggableElement.withBoundaryElement(<HTMLElement>boundaryElement);\n      }\n      dragRefSubject.next(draggableElement);\n    });\n\n    return { matDialogRef, dragRefSubject };\n  }\n\n  private _createConfig(config: IDialogConfig): MatDialogConfig {\n    const dialogConfig: MatDialogConfig = new MatDialogConfig();\n    dialogConfig.width = '400px';\n    Object.assign(dialogConfig, config);\n    return dialogConfig;\n  }\n}\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\n@Component({\n  selector: 'td-window-dialog',\n  templateUrl: './window-dialog.component.html',\n  styleUrls: ['./window-dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdWindowDialogComponent {\n  @Input() toolbarColor: ThemePalette;\n  @Input() docked: boolean = false;\n\n  @Input() title: string;\n  @Input() toggleDockedStateLabel: string;\n  @Input() closeLabel: string;\n\n  @Output() dockToggled: EventEmitter<boolean> = new EventEmitter();\n  @Output() closed: EventEmitter<void> = new EventEmitter();\n\n  toolbarHeight: number = 56;\n\n  toggleDockedState(): void {\n    this.dockToggled.emit(this.docked);\n  }\n}\n","<mat-toolbar\n  [color]=\"toolbarColor\"\n  class=\"td-window-dialog-toolbar\"\n  [style.min-height.px]=\"toolbarHeight\"\n  [style.cursor]=\"docked ? 'inherit' : 'move'\"\n>\n  <mat-toolbar-row [style.height.px]=\"toolbarHeight\">\n    <div layout=\"row\" layout-align=\"start center\" flex>\n      <span class=\"mat-title td-window-dialog-title truncate\" flex>\n        {{ title }}\n      </span>\n      <!-- TODO: Resizing a drag-and-drop element was not working so removed docking/undocking for now-->\n      <!-- <button mat-icon-button [matTooltip]=\"toggleDockedStateLabel\" (click)=\"toggleDockedState()\">\n        <mat-icon [attr.aria-label]=\"toggleDockedStateLabel\">\n          {{ docked ? 'unfold_more' : 'unfold_less' }}\n        </mat-icon>\n      </button> -->\n\n      <button\n        mat-icon-button\n        [matTooltip]=\"closeLabel\"\n        (click)=\"closed.emit()\"\n        class=\"td-window-dialog-close\"\n        [attr.data-test]=\"'close-button'\"\n      >\n        <mat-icon [attr.aria-label]=\"closeLabel\">close</mat-icon>\n      </button>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>\n<ng-content></ng-content>\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport {\n  TdDialogComponent,\n  TdDialogTitleDirective,\n  TdDialogActionsDirective,\n  TdDialogContentDirective,\n} from './dialog.component';\nimport { TdAlertDialogComponent } from './alert-dialog/alert-dialog.component';\nimport { TdConfirmDialogComponent } from './confirm-dialog/confirm-dialog.component';\nimport { TdPromptDialogComponent } from './prompt-dialog/prompt-dialog.component';\nimport { TdDialogService } from './services/dialog.service';\nimport { TdWindowDialogComponent } from './window-dialog/window-dialog.component';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\n\nconst TD_DIALOGS: Type<any>[] = [\n  TdAlertDialogComponent,\n  TdConfirmDialogComponent,\n  TdPromptDialogComponent,\n  TdDialogComponent,\n  TdDialogTitleDirective,\n  TdDialogActionsDirective,\n  TdDialogContentDirective,\n  TdWindowDialogComponent,\n];\n\nconst TD_DIALOGS_ENTRY_COMPONENTS: Type<any>[] = [\n  TdAlertDialogComponent,\n  TdConfirmDialogComponent,\n  TdPromptDialogComponent,\n];\n\n@NgModule({\n  imports: [\n    FormsModule,\n    CommonModule,\n    MatDialogModule,\n    MatInputModule,\n    MatButtonModule,\n\n    MatToolbarModule,\n    MatTooltipModule,\n    MatIconModule,\n  ],\n  declarations: [TD_DIALOGS],\n  exports: [TD_DIALOGS],\n  providers: [TdDialogService],\n})\nexport class CovalentDialogsModule {}\n","import { Renderer2 } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { DragRef } from '@angular/cdk/drag-drop';\nimport { merge, Subscription, fromEvent } from 'rxjs';\nimport { Point } from '@angular/cdk/drag-drop/drag-ref';\n\nenum corners {\n  topRight = 'topRight',\n  bottomRight = 'bottomRight',\n  bottomLeft = 'bottomLeft',\n  topLeft = 'topLeft',\n}\nenum cursors {\n  nesw = 'nesw-resize',\n  nwse = 'nwse-resize',\n}\nenum verticalAlignment {\n  top = 'top',\n  bottom = 'bottom',\n}\nenum horizontalAlignment {\n  right = 'right',\n  left = 'left',\n}\n\nconst cornerWidth: string = '16px';\nconst offset: string = '0px';\nconst minWidth: number = 200;\nconst minHeight: number = 200;\n\nfunction getPixels(sizeString: string): number {\n  return parseFloat((sizeString || '').replace('px', ''));\n}\n\nfunction clamp(min: number, num: number, max: number): number {\n  return Math.min(Math.max(num, min), max);\n}\n\nexport class ResizableDraggableDialog {\n  cornerElements: HTMLElement[] = [];\n  pointerDownSubs: Subscription[] = [];\n\n  constructor(\n    private _document: any,\n    private _renderer2: Renderer2,\n    private _dialogRef: MatDialogRef<any>,\n    private _dragRef: DragRef,\n  ) {\n    this._initialPositionReset();\n    this._attachCorners();\n  }\n\n  public attach(): void {\n    this.detach();\n    this._attachCorners();\n  }\n\n  public detach(): void {\n    this.pointerDownSubs.forEach((sub: Subscription) => sub.unsubscribe());\n    this.pointerDownSubs = [];\n    this.cornerElements.forEach((elem: HTMLElement) => this._renderer2.removeChild(this._getDialogWrapper(), elem));\n    this.cornerElements = [];\n  }\n\n  private _getDialogWrapper(): HTMLElement {\n    return (<HTMLElement>this._document.getElementById(this._dialogRef.id) || {}).parentElement;\n  }\n\n  private _getViewportDimensions(): ClientRect {\n    return this._getDialogWrapper().parentElement.getBoundingClientRect();\n  }\n\n  private _getDialogWrapperDimensions(): { width: number; height: number } {\n    const dimensions: CSSStyleDeclaration = getComputedStyle(this._getDialogWrapper());\n    return {\n      width: getPixels(dimensions.width),\n      height: getPixels(dimensions.height),\n    };\n  }\n\n  private _initialPositionReset(): void {\n    const { right: viewportWidth, bottom: viewportHeight }: ClientRect = this._getViewportDimensions();\n    const { width, height } = this._getDialogWrapperDimensions();\n    const {\n      marginRight: originalDialogRight,\n      marginLeft: originalDialogLeft,\n      marginBottom: originalDialogBottom,\n      marginTop: originalDialogTop,\n    } = this._getDialogWrapper().style;\n    let x: number;\n    if (originalDialogLeft) {\n      x = getPixels(originalDialogLeft);\n    } else if (originalDialogRight) {\n      x = viewportWidth - getPixels(originalDialogRight) - width;\n    } else {\n      x = (viewportWidth - width) / 2;\n    }\n    let y: number;\n    if (originalDialogTop) {\n      y = getPixels(originalDialogTop);\n    } else if (originalDialogBottom) {\n      y = viewportHeight - getPixels(originalDialogBottom) - height;\n    } else {\n      y = (viewportHeight - height) / 2;\n    }\n    // use drag ref's mechanisms for positioning instead of the dialog's\n    this._dialogRef.updatePosition({ top: '0px', right: '0px', bottom: '0px', left: '0px' });\n    this._dragRef.setFreeDragPosition({ x, y });\n  }\n\n  private _attachCorners(): void {\n    Object.values(corners).forEach((corner: corners) => {\n      const element: HTMLElement = this._renderer2.createElement('div');\n      this.cornerElements = [...this.cornerElements, element];\n      this._renderer2.setStyle(element, 'position', 'absolute');\n      this._renderer2.setStyle(element, 'width', cornerWidth);\n      this._renderer2.setStyle(element, 'height', cornerWidth);\n      this._renderer2.appendChild(this._getDialogWrapper(), element);\n\n      let cursor: cursors;\n      let topBottom: verticalAlignment;\n      let rightLeft: horizontalAlignment;\n\n      if (corner === corners.topRight) {\n        cursor = cursors.nesw;\n        topBottom = verticalAlignment.top;\n        rightLeft = horizontalAlignment.right;\n      } else if (corner === corners.bottomRight) {\n        cursor = cursors.nwse;\n        topBottom = verticalAlignment.bottom;\n        rightLeft = horizontalAlignment.right;\n\n        const icon: HTMLElement = this._renderer2.createElement('i');\n        this._renderer2.addClass(icon, 'material-icons');\n        this._renderer2.appendChild(icon, this._renderer2.createText('filter_list'));\n        this._renderer2.appendChild(element, icon);\n        this._renderer2.setStyle(icon, 'transform', `rotate(${315}deg) translate(0px, ${offset})`);\n        this._renderer2.setStyle(icon, 'font-size', cornerWidth);\n      } else if (corner === corners.bottomLeft) {\n        cursor = cursors.nesw;\n        topBottom = verticalAlignment.bottom;\n        rightLeft = horizontalAlignment.left;\n      } else if (corner === corners.topLeft) {\n        cursor = cursors.nwse;\n        topBottom = verticalAlignment.top;\n        rightLeft = horizontalAlignment.left;\n      }\n      this._renderer2.setStyle(element, topBottom, offset);\n      this._renderer2.setStyle(element, rightLeft, offset);\n      this._renderer2.setStyle(element, 'cursor', cursor);\n\n      const pointerDownSub: Subscription = fromEvent(element, 'pointerdown').subscribe((event: PointerEvent) => {\n        this._handleMouseDown(event, corner);\n      });\n      this.pointerDownSubs = [...this.pointerDownSubs, pointerDownSub];\n    });\n  }\n\n  private _handleMouseDown(event: PointerEvent, corner: corners): void {\n    this._renderer2.setStyle(<HTMLElement>this._document.body, 'user-select', 'none');\n    const { width: originalWidth, height: originalHeight } = this._getDialogWrapperDimensions();\n    const originalMouseX: number = event.pageX;\n    const originalMouseY: number = event.pageY;\n    const { x: currentTransformX, y: currentTransformY }: Point = this._dragRef.getFreeDragPosition();\n    const { bottom: distanceFromBottom, right: distanceFromRight }: ClientRect =\n      this._getDialogWrapper().getBoundingClientRect();\n    const { right: viewportWidth, bottom: viewportHeight }: ClientRect = this._getViewportDimensions();\n\n    const mouseMoveSub: Subscription = fromEvent(window, 'pointermove').subscribe((e: PointerEvent) => {\n      e.preventDefault(); // prevent highlighting of text when dragging\n\n      const yDelta: number = clamp(0, e.pageY, viewportHeight) - originalMouseY;\n      const xDelta: number = clamp(0, e.pageX, viewportWidth) - originalMouseX;\n      let newHeight: number;\n      let newWidth: number;\n      let newTransformY: number = 0;\n      let newTransformX: number = 0;\n\n      // top right\n      if (corner === corners.topRight) {\n        newHeight = clamp(minHeight, originalHeight - yDelta, viewportHeight);\n        newWidth = clamp(minWidth, originalWidth + xDelta, viewportWidth);\n        newTransformY = clamp(0, currentTransformY + yDelta, distanceFromBottom - newHeight);\n        newTransformX = currentTransformX;\n      }\n      // bottom right\n      else if (corner === corners.bottomRight) {\n        newHeight = clamp(minHeight, originalHeight + yDelta, viewportHeight);\n        newWidth = clamp(minWidth, originalWidth + xDelta, viewportWidth);\n        newTransformY = currentTransformY;\n        newTransformX = currentTransformX;\n      }\n      // bottom left\n      else if (corner === corners.bottomLeft) {\n        newHeight = clamp(minHeight, originalHeight + yDelta, viewportHeight);\n        newWidth = clamp(minWidth, originalWidth - xDelta, viewportWidth);\n        newTransformY = currentTransformY;\n        newTransformX = clamp(0, currentTransformX + xDelta, distanceFromRight - newWidth);\n      }\n      // top left\n      else if (corner === corners.topLeft) {\n        newHeight = clamp(minHeight, originalHeight - yDelta, viewportHeight);\n        newWidth = clamp(minWidth, originalWidth - xDelta, viewportWidth);\n\n        newTransformX = clamp(0, currentTransformX + xDelta, distanceFromRight - newWidth);\n        newTransformY = clamp(0, currentTransformY + yDelta, distanceFromBottom - newHeight);\n      }\n      this._dialogRef.updateSize(`${newWidth}px`, `${newHeight}px`);\n      this._dragRef.setFreeDragPosition({\n        x: newTransformX,\n        y: newTransformY,\n      });\n    });\n\n    const mouseUpSub: Subscription = merge(\n      fromEvent(window, 'pointerup'),\n      fromEvent(window, 'pointercancel'),\n    ).subscribe(() => {\n      this._renderer2.removeStyle(<HTMLElement>this._document.body, 'user-select');\n      mouseMoveSub.unsubscribe();\n      mouseUpSub.unsubscribe();\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,393 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 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';
+
+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 {
+    constructor() {
+        this.itemClicked = new EventEmitter();
+    }
+    emitClicked(event) {
+        this.itemClicked.emit(event);
+    }
+}
+/** @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
+        }] }); })();
+
+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 {
+    constructor() {
+        this.itemClicked = new EventEmitter();
+    }
+    emitClicked() {
+        this.itemClicked.emit({ text: this.item.text, action: this.item.action });
+    }
+}
+/** @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
+        }] }); })();
+
+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 {
+    constructor() {
+        this.itemClicked = new EventEmitter();
+    }
+    emitClicked(event) {
+        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 }]
+        }] }); })();
+
+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], []);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentDynamicMenuModule, TdDynamicMenuComponent, TdDynamicMenuItemComponent, TdDynamicMenuLinkComponent };
+//# sourceMappingURL=covalent-core-dynamic-menu.mjs.map

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

@@ -0,0 +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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"}