@covalent/markdown-navigator 4.0.0 → 4.1.1-beta.3

package/fesm2020/covalent-markdown-navigator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-markdown-navigator.mjs","sources":["../../../../libs/markdown-navigator/src/markdown-navigator.component.ts","../../../../libs/markdown-navigator/src/markdown-navigator.component.html","../../../../libs/markdown-navigator/src/markdown-navigator-window/markdown-navigator-window.component.ts","../../../../libs/markdown-navigator/src/markdown-navigator-window/markdown-navigator-window.component.html","../../../../libs/markdown-navigator/src/markdown-navigator-window-service/markdown-navigator-window.service.ts","../../../../libs/markdown-navigator/src/markdown-navigator-window-directive/markdown-navigator-window.directive.ts","../../../../libs/markdown-navigator/src/markdown-navigator.module.ts","../../../../libs/markdown-navigator/src/covalent-markdown-navigator.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  OnChanges,\n  SimpleChanges,\n  HostListener,\n  ViewChild,\n  ElementRef,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Type,\n  Output,\n  EventEmitter,\n  SecurityContext,\n} from '@angular/core';\nimport {\n  removeLeadingHash,\n  isAnchorLink,\n  TdMarkdownLoaderService,\n} from '@covalent/markdown';\nimport { ITdFlavoredMarkdownButtonClickEvent } from '@covalent/flavored-markdown';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { HttpClient } from '@angular/common/http';\nimport { ICopyCodeTooltips } from '@covalent/highlight';\nimport { firstValueFrom } from 'rxjs';\n\nexport interface IMarkdownNavigatorItem {\n  id?: string;\n  title?: string;\n  url?: string;\n  httpOptions?: object;\n  markdownString?: string; // raw markdown\n  anchor?: string;\n  children?: IMarkdownNavigatorItem[];\n  childrenUrl?: string;\n  description?: string;\n  icon?: string;\n  footer?: Type<any>;\n  startAtLink?: IMarkdownNavigatorItem;\n}\n\nexport interface IMarkdownNavigatorLabels {\n  goHome?: string;\n  goBack?: string;\n  emptyState?: string;\n}\n\nexport type IMarkdownNavigatorCompareWith = (\n  o1: IMarkdownNavigatorItem,\n  o2: IMarkdownNavigatorItem\n) => boolean;\n\nexport const DEFAULT_MARKDOWN_NAVIGATOR_LABELS: IMarkdownNavigatorLabels = {\n  goHome: 'Go home',\n  goBack: 'Go back',\n  emptyState: 'No item(s) to display',\n};\n\n@Component({\n  selector: 'td-markdown-navigator',\n  templateUrl: './markdown-navigator.component.html',\n  styleUrls: ['./markdown-navigator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdMarkdownNavigatorComponent implements OnChanges {\n  /**\n   * items: IMarkdownNavigatorItem[]\n   *\n   * List of IMarkdownNavigatorItems to be rendered\n   */\n  @Input() items?: IMarkdownNavigatorItem[];\n\n  /**\n   * labels?: IMarkdownNavigatorLabels\n   *\n   * Translated labels\n   */\n  @Input() labels?: IMarkdownNavigatorLabels;\n\n  /**\n   * startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];\n   *\n   * Item or path to start at\n   */\n  @Input() startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];\n\n  /**\n   * copyCodeToClipboard?: boolean\n   *\n   * Display copy button on code snippets to copy code to clipboard.\n   *\n   */\n  @Input() copyCodeToClipboard? = false;\n\n  /**\n   * copyCodeTooltips?: ICopyCodeTooltips\n   *\n   * Tooltips for copy button to copy and upon copying.\n   */\n  @Input() copyCodeTooltips?: ICopyCodeTooltips = {};\n\n  /**\n   * footer?: Type<any>\n   *\n   * Component to be displayed in footer\n   */\n  @Input() footer?: any;\n\n  /**\n   * compareWith?: IMarkdownNavigatorCompareWith\n   *\n   * Function used to find startAt item\n   * Defaults to comparison by strict equality (===)\n   */\n  @Input() compareWith?: IMarkdownNavigatorCompareWith;\n\n  @Output() buttonClicked: EventEmitter<ITdFlavoredMarkdownButtonClickEvent> =\n    new EventEmitter();\n\n  @ViewChild('markdownWrapper') markdownWrapper!: ElementRef;\n\n  historyStack: IMarkdownNavigatorItem[] = []; // history\n  currentMarkdownItem?: IMarkdownNavigatorItem; // currently rendered\n  currentMenuItems?: IMarkdownNavigatorItem[] = []; // current menu items\n\n  loading = false;\n\n  markdownLoaderError?: string;\n  childrenUrlError?: string;\n\n  constructor(\n    private _markdownUrlLoaderService: TdMarkdownLoaderService,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _sanitizer: DomSanitizer,\n    private _http: HttpClient\n  ) {}\n\n  @HostListener('click', ['$event'])\n  clickListener(event: Event): void {\n    const element: HTMLElement = <HTMLElement>event.srcElement;\n    if (\n      element.matches('a[href]') &&\n      isMarkdownHref(<HTMLAnchorElement>element)\n    ) {\n      this.handleLinkClick(event);\n    }\n  }\n\n  get showGoBackButton(): boolean {\n    return this.historyStack.length > 0;\n  }\n\n  get showHomeButton(): boolean {\n    return this.historyStack.length > 1;\n  }\n\n  get showHeader(): boolean {\n    return (\n      this.showHomeButton || this.showGoBackButton || !!this.currentItemTitle\n    );\n  }\n\n  get showMenu(): boolean {\n    const showMenu = this.currentMenuItems && this.currentMenuItems.length > 0;\n    return showMenu ?? false;\n  }\n\n  get showTdMarkdownLoader(): boolean {\n    return (\n      !!this.currentMarkdownItem &&\n      !!this.currentMarkdownItem.url &&\n      !this.showTdMarkdown\n    );\n  }\n\n  get showTdMarkdown(): boolean {\n    return (\n      !!this.currentMarkdownItem && !!this.currentMarkdownItem.markdownString\n    );\n  }\n\n  get url(): string | undefined {\n    if (this.currentMarkdownItem) {\n      return this.currentMarkdownItem.url;\n    }\n    return undefined;\n  }\n\n  get footerComponent(): any {\n    if (this.currentMarkdownItem && this.currentMarkdownItem.footer) {\n      return this.currentMarkdownItem.footer;\n    }\n    return this.footer;\n  }\n  get httpOptions(): object | undefined {\n    if (this.currentMarkdownItem) {\n      return this.currentMarkdownItem.httpOptions;\n    }\n    return undefined;\n  }\n  get markdownString(): string | undefined {\n    if (this.currentMarkdownItem) {\n      return this.currentMarkdownItem.markdownString;\n    }\n    return undefined;\n  }\n\n  get anchor(): string | undefined {\n    if (this.currentMarkdownItem) {\n      return this.currentMarkdownItem.anchor;\n    }\n    return undefined;\n  }\n\n  get showEmptyState(): boolean {\n    return !this.items || this.items.length < 1;\n  }\n\n  get goHomeLabel(): string | undefined {\n    return (\n      (this.labels && this.labels.goHome) ||\n      DEFAULT_MARKDOWN_NAVIGATOR_LABELS.goHome\n    );\n  }\n\n  get goBackLabel(): string | undefined {\n    return (\n      (this.labels && this.labels.goBack) ||\n      DEFAULT_MARKDOWN_NAVIGATOR_LABELS.goBack\n    );\n  }\n\n  get emptyStateLabel(): string | undefined {\n    return (\n      (this.labels && this.labels.emptyState) ||\n      DEFAULT_MARKDOWN_NAVIGATOR_LABELS.emptyState\n    );\n  }\n\n  get currentItemTitle(): string {\n    if (this.historyStack.length < 1) {\n      return '';\n    } else if (this.currentMarkdownItem) {\n      return this.getTitle(this.currentMarkdownItem);\n    } else if (this.historyStack.length > 0) {\n      return this.getTitle(this.historyStack[this.historyStack.length - 1]);\n    }\n    return '';\n  }\n\n  async ngOnChanges(changes: SimpleChanges): Promise<void> {\n    if (changes['items']) {\n      this.reset();\n    }\n    if (changes['startAt'] && this.items && this.startAt) {\n      this._jumpTo(this.startAt, undefined);\n    }\n  }\n\n  hasChildrenOrChildrenUrl(item: IMarkdownNavigatorItem): boolean {\n    return (item.children && item.children.length > 0) || !!item.childrenUrl;\n  }\n  clearErrors(): void {\n    this.markdownLoaderError = undefined;\n    this.childrenUrlError = undefined;\n  }\n\n  reset(): void {\n    this.loading = false;\n    this.clearErrors();\n    // if single item and no children\n    if (\n      this.items &&\n      this.items.length === 1 &&\n      !this.hasChildrenOrChildrenUrl(this.items[0])\n    ) {\n      this.currentMenuItems = [];\n      this.currentMarkdownItem = this.items[0];\n    } else {\n      this.currentMenuItems = this.items;\n      this.currentMarkdownItem = undefined;\n    }\n    this.historyStack = [];\n    this._changeDetectorRef.markForCheck();\n  }\n\n  goBack(): void {\n    this.loading = false;\n    this.clearErrors();\n    if (this.historyStack.length > 1) {\n      let parent: IMarkdownNavigatorItem | undefined =\n        this.historyStack[this.historyStack.length - 2];\n\n      if (parent?.startAtLink) {\n        parent = this.historyStack[this.historyStack.length - 3]\n          ? this.historyStack[this.historyStack.length - 3]\n          : undefined;\n        this.historyStack = this.historyStack.slice(0, -1);\n      }\n\n      if (parent) {\n        this.currentMarkdownItem = parent;\n        this.historyStack = this.historyStack.slice(0, -1);\n        this.setChildrenAsCurrentMenuItems(parent);\n      } else {\n        this.reset();\n      }\n    } else {\n      // one level down just go to root\n      this.reset();\n    }\n    this._changeDetectorRef.markForCheck();\n  }\n\n  handleItemSelected(item: IMarkdownNavigatorItem): void {\n    this.clearErrors();\n    this.currentMarkdownItem = item;\n    this.historyStack = [...this.historyStack, item];\n    this.setChildrenAsCurrentMenuItems(item);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  async setChildrenAsCurrentMenuItems(\n    item: IMarkdownNavigatorItem\n  ): Promise<void> {\n    this.currentMenuItems = [];\n    this.loading = true;\n    this._changeDetectorRef.markForCheck();\n\n    const stackSnapshot: IMarkdownNavigatorItem[] = this.historyStack;\n    let children: IMarkdownNavigatorItem[] = [];\n    if (item.children) {\n      children = item.children;\n    } else if (item.childrenUrl) {\n      children = await this.loadChildrenUrl(item);\n    }\n    if (children && children.length && item.startAtLink) {\n      this._jumpTo(item.startAtLink, children);\n    }\n    const newStackSnapshot: IMarkdownNavigatorItem[] = this.historyStack;\n    if (\n      stackSnapshot.length === newStackSnapshot.length &&\n      stackSnapshot.every(\n        (stackItem: IMarkdownNavigatorItem, index: number) =>\n          stackItem === newStackSnapshot[index]\n      )\n    ) {\n      this.currentMenuItems = children;\n    }\n\n    this.loading = false;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  async loadChildrenUrl(\n    item: IMarkdownNavigatorItem\n  ): Promise<IMarkdownNavigatorItem[]> {\n    const sanitizedUrl =\n      this._sanitizer.sanitize(SecurityContext.URL, item.childrenUrl ?? null) ??\n      '';\n    try {\n      return await firstValueFrom<IMarkdownNavigatorItem[]>(\n        this._http.get<IMarkdownNavigatorItem[]>(sanitizedUrl, {\n          ...item.httpOptions,\n        })\n      );\n    } catch (error: any) {\n      this.handleChildrenUrlError(error);\n      return [];\n    }\n  }\n\n  getTitle(item: IMarkdownNavigatorItem): string {\n    if (!item) {\n      return '';\n    }\n    return (\n      removeLeadingHash(item.anchor ?? '') ||\n      item.title ||\n      getTitleFromUrl(item.url ?? '') ||\n      getTitleFromMarkdownString(item.markdownString ?? '') ||\n      ''\n    ).trim();\n  }\n\n  getIcon(item: IMarkdownNavigatorItem): string {\n    return item?.icon || 'subject';\n  }\n\n  handleChildrenUrlError(error: Error): void {\n    this.childrenUrlError = error.message;\n    this._changeDetectorRef.markForCheck();\n  }\n  handleMarkdownLoaderError(error: Error): void {\n    this.markdownLoaderError = error ? error.message : '';\n    this._changeDetectorRef.markForCheck();\n  }\n\n  private async _jumpTo(\n    itemOrPath: IMarkdownNavigatorItem | IMarkdownNavigatorItem[],\n    children?: IMarkdownNavigatorItem[]\n  ): Promise<void> {\n    const historyStack: IMarkdownNavigatorItem[] = this.historyStack;\n    this.reset();\n    if (this.items && this.items.length > 0) {\n      let path: IMarkdownNavigatorItem[] | undefined = [];\n      if (Array.isArray(itemOrPath)) {\n        path = await this.followPath(this.items, itemOrPath);\n      } else if (children && children.length > 0) {\n        this.historyStack = historyStack;\n        path = this.findPath(children, itemOrPath);\n      } else {\n        path = this.findPath(this.items, itemOrPath);\n      }\n      (path || []).forEach((pathItem: IMarkdownNavigatorItem) =>\n        this.handleItemSelected(pathItem)\n      );\n    }\n    this._changeDetectorRef.markForCheck();\n  }\n\n  private async followPath(\n    items: IMarkdownNavigatorItem[],\n    path: IMarkdownNavigatorItem[]\n  ): Promise<IMarkdownNavigatorItem[]> {\n    let pathItems: IMarkdownNavigatorItem[] = [];\n    let currentLevel: IMarkdownNavigatorItem[] = items;\n    const compareWith: IMarkdownNavigatorCompareWith =\n      this.compareWith || defaultCompareWith;\n    for (const pathItem of path) {\n      const foundItem: IMarkdownNavigatorItem | undefined = currentLevel.find(\n        (item: IMarkdownNavigatorItem) => compareWith(pathItem, item)\n      );\n\n      if (foundItem) {\n        pathItems = [...pathItems, foundItem];\n\n        if (foundItem.children) {\n          currentLevel = foundItem.children;\n        } else if (foundItem.childrenUrl) {\n          currentLevel = await this.loadChildrenUrl(foundItem);\n        }\n      } else {\n        break;\n      }\n    }\n    if (pathItems.length !== path.length) {\n      pathItems = [];\n    }\n    return pathItems;\n  }\n\n  private findPath(\n    items?: IMarkdownNavigatorItem[],\n    item?: IMarkdownNavigatorItem\n  ): IMarkdownNavigatorItem[] | undefined {\n    const compareWith: IMarkdownNavigatorCompareWith =\n      this.compareWith || defaultCompareWith;\n    if (items) {\n      for (const child of items) {\n        if (item && compareWith(child, item)) {\n          return [child];\n        }\n        const ancestors: IMarkdownNavigatorItem[] | undefined = this.findPath(\n          child.children,\n          item\n        );\n        if (ancestors) {\n          return [child, ...ancestors];\n        }\n      }\n    }\n    return undefined;\n  }\n\n  private async handleLinkClick(event: Event): Promise<void> {\n    event.preventDefault();\n    const link: HTMLAnchorElement = <HTMLAnchorElement>event.target;\n    const url: URL = new URL(link.href);\n    this.loading = true;\n    this._changeDetectorRef.markForCheck();\n    try {\n      const markdownString: string = await this._markdownUrlLoaderService.load(\n        url.href\n      );\n      // pass in url to be able to use currentMarkdownItem.url later on\n      this.handleItemSelected({ markdownString, url: url.href });\n      this.markdownWrapper.nativeElement.scrollTop = 0;\n    } catch (error) {\n      const win = window.open(url.href, '_blank');\n      win?.focus();\n    } finally {\n      this.loading = false;\n    }\n    this._changeDetectorRef.markForCheck();\n  }\n}\n\nfunction getTitleFromUrl(url: string): string {\n  if (url) {\n    const temp: URL = new URL(url);\n    if (temp.hash) {\n      return removeLeadingHash(temp.hash);\n    } else {\n      const path: string[] = temp.pathname.split('/');\n      const fileName: string = path[path.length - 1];\n      return fileName.replace(/\\.[^/.]+$/, ''); // remove .md\n    }\n  }\n  return '';\n}\n\nfunction getTitleFromMarkdownString(markdownString: string): string {\n  if (markdownString) {\n    const firstLine: string =\n      markdownString.split(/[\\r\\n]+/).find((line: string) => !!line) ?? '';\n    return removeLeadingHash(firstLine).trim();\n  }\n  return '';\n}\n\nfunction isMarkdownHref(anchor: HTMLAnchorElement): boolean {\n  return !isAnchorLink(anchor) && anchor.pathname.endsWith('.md');\n}\nfunction defaultCompareWith(\n  o1: IMarkdownNavigatorItem,\n  o2: IMarkdownNavigatorItem\n): boolean {\n  if (o1.id && o2.id) {\n    return o1.id === o2.id;\n  }\n  return o1 === o2;\n}\n","<ng-container *ngIf=\"!showEmptyState\">\n  <mat-progress-bar\n    *ngIf=\"loading\"\n    mode=\"indeterminate\"\n    color=\"accent\"\n  ></mat-progress-bar>\n\n  <ng-container *ngIf=\"showHeader\">\n    <div [style.display]=\"'flex'\">\n      <button\n        id=\"td-markdown-navigator-home-button\"\n        *ngIf=\"showHomeButton\"\n        mat-icon-button\n        [matTooltip]=\"goHomeLabel ?? ''\"\n        (click)=\"reset()\"\n        [attr.data-test]=\"'home-button'\"\n      >\n        <mat-icon [attr.aria-label]=\"goHomeLabel\">home</mat-icon>\n      </button>\n\n      <button\n        id=\"td-markdown-navigator-back-button\"\n        *ngIf=\"showGoBackButton\"\n        mat-icon-button\n        [matTooltip]=\"goBackLabel ?? ''\"\n        (click)=\"goBack()\"\n        [attr.data-test]=\"'back-button'\"\n      >\n        <mat-icon [attr.aria-label]=\"goBackLabel\">arrow_back</mat-icon>\n      </button>\n      <span\n        flex\n        *ngIf=\"currentItemTitle\"\n        class=\"mat-body-2 title truncate\"\n        [attr.data-test]=\"'title'\"\n      >\n        {{ currentItemTitle }}\n      </span>\n    </div>\n\n    <mat-divider [style.position]=\"'relative'\"></mat-divider>\n  </ng-container>\n\n  <div class=\"scroll-area\" id=\"td-markdown-navigator-content\">\n    <div\n      *ngIf=\"showTdMarkdownLoader || showTdMarkdown\"\n      class=\"markdown-wrapper\"\n      #markdownWrapper\n    >\n      <td-message\n        *ngIf=\"markdownLoaderError\"\n        [sublabel]=\"markdownLoaderError\"\n        color=\"warn\"\n        icon=\"error\"\n        [attr.data-test]=\"'markdown-loader-error'\"\n      ></td-message>\n      <td-flavored-markdown-loader\n        *ngIf=\"showTdMarkdownLoader\"\n        [url]=\"url ?? ''\"\n        [httpOptions]=\"httpOptions ?? {}\"\n        [anchor]=\"anchor ?? ''\"\n        [copyCodeToClipboard]=\"copyCodeToClipboard\"\n        [copyCodeTooltips]=\"copyCodeTooltips\"\n        (loadFailed)=\"handleMarkdownLoaderError($event)\"\n      ></td-flavored-markdown-loader>\n      <td-flavored-markdown\n        *ngIf=\"showTdMarkdown\"\n        [content]=\"markdownString ?? ''\"\n        [hostedUrl]=\"url ?? ''\"\n        [anchor]=\"anchor ?? ''\"\n        [copyCodeToClipboard]=\"copyCodeToClipboard\"\n        [copyCodeTooltips]=\"copyCodeTooltips\"\n        (buttonClicked)=\"buttonClicked.emit($event)\"\n      ></td-flavored-markdown>\n    </div>\n\n    <td-message\n      *ngIf=\"childrenUrlError\"\n      [sublabel]=\"childrenUrlError\"\n      color=\"warn\"\n      icon=\"error\"\n      [attr.data-test]=\"'children-url-error'\"\n    ></td-message>\n    <div *ngIf=\"showMenu\" class=\"td-markdown-list\">\n      <mat-action-list>\n        <button\n          *ngFor=\"let item of currentMenuItems; index as index\"\n          [id]=\"\n            'td-markdown-navigator-list-item-' + (item.id ? item.id : index)\n          \"\n          (click)=\"handleItemSelected(item)\"\n          mat-list-item\n          [matTooltip]=\"getTitle(item)\"\n          matTooltipPosition=\"before\"\n          matTooltipShowDelay=\"500\"\n        >\n          <mat-icon matListIcon>\n            {{ getIcon(item) }}\n          </mat-icon>\n          <span matLine class=\"truncate\">\n            {{ getTitle(item) }}\n          </span>\n          <span matLine class=\"truncate\">{{ item.description }}</span>\n          <mat-divider></mat-divider>\n        </button>\n      </mat-action-list>\n    </div>\n\n    <ng-container *ngComponentOutlet=\"footerComponent\"></ng-container>\n  </div>\n</ng-container>\n\n<div\n  *ngIf=\"showEmptyState\"\n  layout=\"column\"\n  layout-align=\"center center\"\n  class=\"empty-state\"\n>\n  <mat-icon matListAvatar>subject</mat-icon>\n  <h2>{{ emptyStateLabel }}</h2>\n</div>\n","import {\n  Component,\n  Output,\n  EventEmitter,\n  Input,\n  ChangeDetectionStrategy,\n  Type,\n} from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\nimport {\n  IMarkdownNavigatorItem,\n  IMarkdownNavigatorLabels,\n  IMarkdownNavigatorCompareWith,\n} from '../markdown-navigator.component';\nimport { ITdFlavoredMarkdownButtonClickEvent } from '@covalent/flavored-markdown';\nimport { ICopyCodeTooltips } from '@covalent/highlight';\n\nexport interface IMarkdownNavigatorWindowLabels\n  extends IMarkdownNavigatorLabels {\n  title?: string;\n  close?: string;\n  dock?: string;\n  unDock?: string;\n}\nexport const DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS: IMarkdownNavigatorWindowLabels =\n  {\n    title: 'Help',\n    close: 'Close',\n    dock: 'Dock',\n    unDock: 'Undock',\n  };\n\n@Component({\n  selector: 'td-markdown-navigator-window',\n  templateUrl: './markdown-navigator-window.component.html',\n  styleUrls: ['./markdown-navigator-window.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdMarkdownNavigatorWindowComponent {\n  @Input() items?: IMarkdownNavigatorItem[];\n  @Input() labels?: IMarkdownNavigatorWindowLabels;\n  @Input() toolbarColor: ThemePalette = 'primary';\n  @Input() startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];\n  @Input() compareWith?: IMarkdownNavigatorCompareWith;\n  @Input() docked? = false;\n  @Input() copyCodeToClipboard? = false;\n  @Input() copyCodeTooltips?: ICopyCodeTooltips = {};\n  @Input() footer?: Type<any>;\n\n  @Output() closed: EventEmitter<void> = new EventEmitter();\n  @Output() dockToggled: EventEmitter<boolean> = new EventEmitter();\n  @Output() buttonClicked: EventEmitter<ITdFlavoredMarkdownButtonClickEvent> =\n    new EventEmitter();\n\n  get markdownNavigatorLabels(): IMarkdownNavigatorLabels | undefined {\n    if (!this.labels) {\n      return undefined;\n    }\n\n    const { goHome, goBack, emptyState }: IMarkdownNavigatorWindowLabels =\n      this.labels;\n    return {\n      goHome,\n      goBack,\n      emptyState,\n    };\n  }\n  get titleLabel(): string | undefined {\n    return (\n      (this.labels && this.labels.title) ||\n      DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.title\n    );\n  }\n\n  get closeLabel(): string | undefined {\n    return (\n      (this.labels && this.labels.close) ||\n      DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.close\n    );\n  }\n\n  get toggleDockedStateLabel(): string | undefined {\n    if (this.docked) {\n      return (\n        (this.labels && this.labels.unDock) ||\n        DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.unDock\n      );\n    } else {\n      return (\n        (this.labels && this.labels.dock) ||\n        DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.dock\n      );\n    }\n  }\n\n  toggleDockedState(): void {\n    this.dockToggled.emit(this.docked);\n  }\n}\n","<td-window-dialog\n  [toolbarColor]=\"toolbarColor\"\n  [docked]=\"docked\"\n  [title]=\"titleLabel\"\n  [toggleDockedStateLabel]=\"toggleDockedStateLabel\"\n  [closeLabel]=\"closeLabel\"\n  (dockToggled)=\"toggleDockedState()\"\n  (closed)=\"closed.emit()\"\n>\n  <td-markdown-navigator\n    [items]=\"items\"\n    [labels]=\"markdownNavigatorLabels\"\n    [style.display]=\"docked ? 'none' : 'inherit'\"\n    [startAt]=\"startAt\"\n    [compareWith]=\"compareWith\"\n    [footer]=\"footer\"\n    [copyCodeToClipboard]=\"copyCodeToClipboard\"\n    [copyCodeTooltips]=\"copyCodeTooltips\"\n    (buttonClicked)=\"buttonClicked.emit($event)\"\n  ></td-markdown-navigator>\n</td-window-dialog>\n","import {\n  Injectable,\n  Inject,\n  RendererFactory2,\n  Renderer2,\n  Type,\n} from '@angular/core';\nimport {\n  MatDialogRef,\n  MatDialogConfig,\n  DialogPosition,\n} from '@angular/material/dialog';\nimport { ThemePalette } from '@angular/material/core';\nimport {\n  TdMarkdownNavigatorWindowComponent,\n  IMarkdownNavigatorWindowLabels,\n} from '../markdown-navigator-window/markdown-navigator-window.component';\nimport {\n  TdDialogService,\n  IDraggableRefs,\n  ResizableDraggableDialog,\n} from '@covalent/core/dialogs';\nimport { DragRef, Point } from '@angular/cdk/drag-drop/drag-ref';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  IMarkdownNavigatorItem,\n  IMarkdownNavigatorCompareWith,\n} from '../markdown-navigator.component';\nimport { ICopyCodeTooltips } from '@covalent/highlight';\n\nexport interface IMarkdownNavigatorWindowConfig {\n  items: IMarkdownNavigatorItem[];\n  dialogConfig?: MatDialogConfig;\n  labels?: IMarkdownNavigatorWindowLabels;\n  toolbarColor?: ThemePalette;\n  startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];\n  compareWith?: IMarkdownNavigatorCompareWith;\n  copyCodeToClipboard?: boolean;\n  copyCodeTooltips?: ICopyCodeTooltips;\n  footer?: Type<any>;\n}\n\nconst CDK_OVERLAY_CUSTOM_CLASS = 'td-window-dialog';\n\nconst DEFAULT_POSITION: DialogPosition = { bottom: '0px', right: '0px' };\nconst DEFAULT_WIDTH = '360px';\nconst DEFAULT_HEIGHT = '75vh';\nconst MIN_HEIGHT = '56px';\nconst MAX_WIDTH = '100vw';\n\nconst DEFAULT_DRAGGABLE_DIALOG_CONFIG: MatDialogConfig = {\n  hasBackdrop: false,\n  closeOnNavigation: true,\n  panelClass: [CDK_OVERLAY_CUSTOM_CLASS],\n  position: DEFAULT_POSITION,\n  height: DEFAULT_HEIGHT,\n  width: DEFAULT_WIDTH,\n  maxWidth: MAX_WIDTH,\n};\n\ninterface IDialogDimensions {\n  width: string;\n  height: string;\n}\n\n@Injectable()\nexport class TdMarkdownNavigatorWindowService {\n  private _renderer2: Renderer2;\n  private dragRef!: DragRef;\n  private resizableDraggableDialog!: ResizableDraggableDialog;\n  private markdownNavigatorWindowDialog!: MatDialogRef<TdMarkdownNavigatorWindowComponent>;\n  private markdownNavigatorWindowDialogsOpen = 0;\n\n  constructor(\n    private _tdDialogService: TdDialogService,\n    @Inject(DOCUMENT) private _document: any,\n    private rendererFactory: RendererFactory2\n  ) {\n    this._renderer2 = rendererFactory.createRenderer(undefined, null);\n  }\n\n  public open(\n    config: IMarkdownNavigatorWindowConfig\n  ): MatDialogRef<TdMarkdownNavigatorWindowComponent> {\n    this.close();\n\n    const configClass = config?.dialogConfig?.panelClass;\n    const panelClass =\n      configClass && !Array.isArray(configClass) ? [configClass] : [];\n\n    const draggableConfig: MatDialogConfig = {\n      ...DEFAULT_DRAGGABLE_DIALOG_CONFIG,\n      ...config.dialogConfig,\n      ...panelClass,\n    };\n    const {\n      matDialogRef,\n      dragRefSubject,\n    }: IDraggableRefs<TdMarkdownNavigatorWindowComponent> = this._tdDialogService.openDraggable(\n      {\n        component: TdMarkdownNavigatorWindowComponent,\n        config: draggableConfig,\n        dragHandleSelectors: ['.td-window-dialog-toolbar'],\n        draggableClass: 'td-draggable-markdown-navigator-window',\n      }\n    );\n    this.markdownNavigatorWindowDialog = matDialogRef;\n    this.markdownNavigatorWindowDialog.componentInstance.items = config.items;\n    this.markdownNavigatorWindowDialog.componentInstance.labels = config.labels;\n    this.markdownNavigatorWindowDialog.componentInstance.startAt =\n      config.startAt;\n    this.markdownNavigatorWindowDialog.componentInstance.copyCodeToClipboard =\n      config.copyCodeToClipboard;\n    this.markdownNavigatorWindowDialog.componentInstance.copyCodeTooltips =\n      config.copyCodeTooltips;\n    this.markdownNavigatorWindowDialog.componentInstance.compareWith =\n      config.compareWith;\n    this.markdownNavigatorWindowDialog.componentInstance.toolbarColor =\n      'toolbarColor' in config ? config.toolbarColor : 'primary';\n    this.markdownNavigatorWindowDialogsOpen++;\n    this.markdownNavigatorWindowDialog.componentInstance.footer = config.footer;\n    dragRefSubject.subscribe((dragRf: DragRef) => {\n      this.dragRef = dragRf;\n      this.resizableDraggableDialog = new ResizableDraggableDialog(\n        this._document,\n        this._renderer2,\n        this.markdownNavigatorWindowDialog,\n        this.dragRef\n      );\n    });\n    this._handleEvents();\n    return this.markdownNavigatorWindowDialog;\n  }\n\n  public close(): void {\n    if (this.markdownNavigatorWindowDialog) {\n      if (this.resizableDraggableDialog) {\n        this.resizableDraggableDialog.detach();\n      }\n      this.markdownNavigatorWindowDialog.close();\n    }\n  }\n\n  public get isOpen(): boolean {\n    return this.markdownNavigatorWindowDialogsOpen > 0;\n  }\n\n  private _handleEvents(): void {\n    let position: Point;\n    let dimensions: IDialogDimensions;\n    this.markdownNavigatorWindowDialog.componentInstance.closed.subscribe(() =>\n      this.close()\n    );\n    this.markdownNavigatorWindowDialog.componentInstance.dockToggled.subscribe(\n      (docked: boolean) => {\n        if (docked) {\n          this.markdownNavigatorWindowDialog.componentInstance.docked = false;\n          this.markdownNavigatorWindowDialog.updateSize(\n            dimensions.width,\n            dimensions.height\n          );\n          this.markdownNavigatorWindowDialog.updatePosition({\n            top: '0px',\n            right: '0px',\n            bottom: '0px',\n            left: '0px',\n          });\n          this.dragRef.setFreeDragPosition(position);\n          this.dragRef.disabled = false;\n          this.resizableDraggableDialog.attach();\n        } else {\n          dimensions = this._getDialogSize(this.markdownNavigatorWindowDialog);\n          position = this.dragRef.getFreeDragPosition();\n          this.markdownNavigatorWindowDialog.componentInstance.docked = true;\n          this.markdownNavigatorWindowDialog.updateSize(\n            DEFAULT_WIDTH,\n            MIN_HEIGHT\n          );\n          this.markdownNavigatorWindowDialog.updatePosition(DEFAULT_POSITION);\n          this.dragRef.reset();\n          this.dragRef.disabled = true;\n          this.resizableDraggableDialog.detach();\n        }\n      }\n    );\n    this.markdownNavigatorWindowDialog\n      .afterClosed()\n      .toPromise()\n      .then(() => {\n        this.markdownNavigatorWindowDialogsOpen--;\n      });\n  }\n\n  private _getDialogSize(\n    dialogRef: MatDialogRef<TdMarkdownNavigatorWindowComponent>\n  ): IDialogDimensions {\n    const { width, height } = getComputedStyle(\n      this._document.getElementById(dialogRef.id).parentElement\n    );\n    return {\n      width,\n      height,\n    };\n  }\n}\n","import { Directive, HostListener, Input } from '@angular/core';\nimport {\n  TdMarkdownNavigatorWindowService,\n  IMarkdownNavigatorWindowConfig,\n} from '../markdown-navigator-window-service/markdown-navigator-window.service';\n\n@Directive({\n  selector: '[tdMarkdownNavigatorWindow]',\n})\nexport class TdMarkdownNavigatorWindowDirective {\n  @Input('tdMarkdownNavigatorWindow') config?: IMarkdownNavigatorWindowConfig;\n  @Input() disabled = false;\n  constructor(\n    private _markdownNavigatorWindowService: TdMarkdownNavigatorWindowService\n  ) {}\n\n  @HostListener('click') click(): void {\n    if (!this.disabled && this.config) {\n      this._markdownNavigatorWindowService.open(this.config);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TdMarkdownNavigatorComponent } from './markdown-navigator.component';\nimport { TdMarkdownNavigatorWindowComponent } from './markdown-navigator-window/markdown-navigator-window.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { CovalentFlavoredMarkdownModule } from '@covalent/flavored-markdown';\nimport { CovalentDialogsModule } from '@covalent/core/dialogs';\nimport { CovalentMessageModule } from '@covalent/core/message';\nimport { TdMarkdownNavigatorWindowDirective } from './markdown-navigator-window-directive/markdown-navigator-window.directive';\nimport { TdMarkdownNavigatorWindowService } from './markdown-navigator-window-service/markdown-navigator-window.service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n\n    // material\n    MatButtonModule,\n    MatTooltipModule,\n    MatListModule,\n    MatIconModule,\n    MatProgressBarModule,\n    CovalentMessageModule,\n    CovalentFlavoredMarkdownModule,\n    CovalentDialogsModule,\n  ],\n  declarations: [\n    TdMarkdownNavigatorComponent,\n    TdMarkdownNavigatorWindowComponent,\n    TdMarkdownNavigatorWindowDirective,\n  ],\n  exports: [\n    TdMarkdownNavigatorComponent,\n    TdMarkdownNavigatorWindowComponent,\n    TdMarkdownNavigatorWindowDirective,\n  ],\n  providers: [TdMarkdownNavigatorWindowService],\n})\nexport class CovalentMarkdownNavigatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/markdown-navigator-window/markdown-navigator-window.component.d.ts

@@ -3,6 +3,7 @@ import { ThemePalette } from '@angular/material/core';
 import { IMarkdownNavigatorItem, IMarkdownNavigatorLabels, IMarkdownNavigatorCompareWith } from '../markdown-navigator.component';
 import { ITdFlavoredMarkdownButtonClickEvent } from '@covalent/flavored-markdown';
 import { ICopyCodeTooltips } from '@covalent/highlight';
+import * as i0 from "@angular/core";
 export interface IMarkdownNavigatorWindowLabels extends IMarkdownNavigatorLabels {
     title?: string;
     close?: string;
@@ -11,21 +12,23 @@ export interface IMarkdownNavigatorWindowLabels extends IMarkdownNavigatorLabels
 }
 export declare const DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS: IMarkdownNavigatorWindowLabels;
 export declare class TdMarkdownNavigatorWindowComponent {
-    items: IMarkdownNavigatorItem[];
-    labels: IMarkdownNavigatorWindowLabels;
+    items?: IMarkdownNavigatorItem[];
+    labels?: IMarkdownNavigatorWindowLabels;
     toolbarColor: ThemePalette;
-    startAt: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
-    compareWith: IMarkdownNavigatorCompareWith;
-    docked: boolean;
-    copyCodeToClipboard: boolean;
-    copyCodeTooltips: ICopyCodeTooltips;
-    footer: Type<any>;
+    startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
+    compareWith?: IMarkdownNavigatorCompareWith;
+    docked?: boolean | undefined;
+    copyCodeToClipboard?: boolean | undefined;
+    copyCodeTooltips?: ICopyCodeTooltips;
+    footer?: Type<any>;
     closed: EventEmitter<void>;
     dockToggled: EventEmitter<boolean>;
     buttonClicked: EventEmitter<ITdFlavoredMarkdownButtonClickEvent>;
-    get markdownNavigatorLabels(): IMarkdownNavigatorLabels;
-    get titleLabel(): string;
-    get closeLabel(): string;
-    get toggleDockedStateLabel(): string;
+    get markdownNavigatorLabels(): IMarkdownNavigatorLabels | undefined;
+    get titleLabel(): string | undefined;
+    get closeLabel(): string | undefined;
+    get toggleDockedStateLabel(): string | undefined;
     toggleDockedState(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMarkdownNavigatorWindowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdMarkdownNavigatorWindowComponent, "td-markdown-navigator-window", never, { "items": "items"; "labels": "labels"; "toolbarColor": "toolbarColor"; "startAt": "startAt"; "compareWith": "compareWith"; "docked": "docked"; "copyCodeToClipboard": "copyCodeToClipboard"; "copyCodeTooltips": "copyCodeTooltips"; "footer": "footer"; }, { "closed": "closed"; "dockToggled": "dockToggled"; "buttonClicked": "buttonClicked"; }, never, never>;
 }

package/markdown-navigator-window-directive/markdown-navigator-window.directive.d.ts

@@ -1,8 +1,11 @@
 import { TdMarkdownNavigatorWindowService, IMarkdownNavigatorWindowConfig } from '../markdown-navigator-window-service/markdown-navigator-window.service';
+import * as i0 from "@angular/core";
 export declare class TdMarkdownNavigatorWindowDirective {
     private _markdownNavigatorWindowService;
-    config: IMarkdownNavigatorWindowConfig;
+    config?: IMarkdownNavigatorWindowConfig;
     disabled: boolean;
     constructor(_markdownNavigatorWindowService: TdMarkdownNavigatorWindowService);
     click(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMarkdownNavigatorWindowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdMarkdownNavigatorWindowDirective, "[tdMarkdownNavigatorWindow]", never, { "config": "tdMarkdownNavigatorWindow"; "disabled": "disabled"; }, {}, never>;
 }

package/markdown-navigator-window-service/markdown-navigator-window.service.d.ts

@@ -5,6 +5,7 @@ import { TdMarkdownNavigatorWindowComponent, IMarkdownNavigatorWindowLabels } fr
 import { TdDialogService } from '@covalent/core/dialogs';
 import { IMarkdownNavigatorItem, IMarkdownNavigatorCompareWith } from '../markdown-navigator.component';
 import { ICopyCodeTooltips } from '@covalent/highlight';
+import * as i0 from "@angular/core";
 export interface IMarkdownNavigatorWindowConfig {
     items: IMarkdownNavigatorItem[];
     dialogConfig?: MatDialogConfig;
@@ -31,4 +32,6 @@ export declare class TdMarkdownNavigatorWindowService {
     get isOpen(): boolean;
     private _handleEvents;
     private _getDialogSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMarkdownNavigatorWindowService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TdMarkdownNavigatorWindowService>;
 }

package/markdown-navigator.component.d.ts

@@ -4,6 +4,7 @@ import { ITdFlavoredMarkdownButtonClickEvent } from '@covalent/flavored-markdown
 import { DomSanitizer } from '@angular/platform-browser';
 import { HttpClient } from '@angular/common/http';
 import { ICopyCodeTooltips } from '@covalent/highlight';
+import * as i0 from "@angular/core";
 export interface IMarkdownNavigatorItem {
     id?: string;
     title?: string;
@@ -35,53 +36,53 @@ export declare class TdMarkdownNavigatorComponent implements OnChanges {
      *
      * List of IMarkdownNavigatorItems to be rendered
      */
-    items: IMarkdownNavigatorItem[];
+    items?: IMarkdownNavigatorItem[];
     /**
      * labels?: IMarkdownNavigatorLabels
      *
      * Translated labels
      */
-    labels: IMarkdownNavigatorLabels;
+    labels?: IMarkdownNavigatorLabels;
     /**
      * startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
      *
      * Item or path to start at
      */
-    startAt: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
+    startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
     /**
      * copyCodeToClipboard?: boolean
      *
      * Display copy button on code snippets to copy code to clipboard.
      *
      */
-    copyCodeToClipboard: boolean;
+    copyCodeToClipboard?: boolean | undefined;
     /**
      * copyCodeTooltips?: ICopyCodeTooltips
      *
      * Tooltips for copy button to copy and upon copying.
      */
-    copyCodeTooltips: ICopyCodeTooltips;
+    copyCodeTooltips?: ICopyCodeTooltips;
     /**
      * footer?: Type<any>
      *
      * Component to be displayed in footer
      */
-    footer: Type<any>;
+    footer?: any;
     /**
      * compareWith?: IMarkdownNavigatorCompareWith
      *
      * Function used to find startAt item
      * Defaults to comparison by strict equality (===)
      */
-    compareWith: IMarkdownNavigatorCompareWith;
+    compareWith?: IMarkdownNavigatorCompareWith;
     buttonClicked: EventEmitter<ITdFlavoredMarkdownButtonClickEvent>;
     markdownWrapper: ElementRef;
     historyStack: IMarkdownNavigatorItem[];
-    currentMarkdownItem: IMarkdownNavigatorItem;
-    currentMenuItems: IMarkdownNavigatorItem[];
+    currentMarkdownItem?: IMarkdownNavigatorItem;
+    currentMenuItems?: IMarkdownNavigatorItem[];
     loading: boolean;
-    markdownLoaderError: string;
-    childrenUrlError: string;
+    markdownLoaderError?: string;
+    childrenUrlError?: string;
     constructor(_markdownUrlLoaderService: TdMarkdownLoaderService, _changeDetectorRef: ChangeDetectorRef, _sanitizer: DomSanitizer, _http: HttpClient);
     clickListener(event: Event): void;
     get showGoBackButton(): boolean;
@@ -90,15 +91,15 @@ export declare class TdMarkdownNavigatorComponent implements OnChanges {
     get showMenu(): boolean;
     get showTdMarkdownLoader(): boolean;
     get showTdMarkdown(): boolean;
-    get url(): string;
+    get url(): string | undefined;
     get footerComponent(): any;
-    get httpOptions(): object;
-    get markdownString(): string;
-    get anchor(): string;
+    get httpOptions(): object | undefined;
+    get markdownString(): string | undefined;
+    get anchor(): string | undefined;
     get showEmptyState(): boolean;
-    get goHomeLabel(): string;
-    get goBackLabel(): string;
-    get emptyStateLabel(): string;
+    get goHomeLabel(): string | undefined;
+    get goBackLabel(): string | undefined;
+    get emptyStateLabel(): string | undefined;
     get currentItemTitle(): string;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     hasChildrenOrChildrenUrl(item: IMarkdownNavigatorItem): boolean;
@@ -116,4 +117,6 @@ export declare class TdMarkdownNavigatorComponent implements OnChanges {
     private followPath;
     private findPath;
     private handleLinkClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdMarkdownNavigatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdMarkdownNavigatorComponent, "td-markdown-navigator", never, { "items": "items"; "labels": "labels"; "startAt": "startAt"; "copyCodeToClipboard": "copyCodeToClipboard"; "copyCodeTooltips": "copyCodeTooltips"; "footer": "footer"; "compareWith": "compareWith"; }, { "buttonClicked": "buttonClicked"; }, never, never>;
 }

package/markdown-navigator.module.d.ts

@@ -1,2 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./markdown-navigator.component";
+import * as i2 from "./markdown-navigator-window/markdown-navigator-window.component";
+import * as i3 from "./markdown-navigator-window-directive/markdown-navigator-window.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "@angular/material/list";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/progress-bar";
+import * as i10 from "@covalent/core/message";
+import * as i11 from "@covalent/flavored-markdown";
+import * as i12 from "@covalent/core/dialogs";
 export declare class CovalentMarkdownNavigatorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMarkdownNavigatorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMarkdownNavigatorModule, [typeof i1.TdMarkdownNavigatorComponent, typeof i2.TdMarkdownNavigatorWindowComponent, typeof i3.TdMarkdownNavigatorWindowDirective], [typeof i4.CommonModule, typeof i5.MatButtonModule, typeof i6.MatTooltipModule, typeof i7.MatListModule, typeof i8.MatIconModule, typeof i9.MatProgressBarModule, typeof i10.CovalentMessageModule, typeof i11.CovalentFlavoredMarkdownModule, typeof i12.CovalentDialogsModule], [typeof i1.TdMarkdownNavigatorComponent, typeof i2.TdMarkdownNavigatorWindowComponent, typeof i3.TdMarkdownNavigatorWindowDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMarkdownNavigatorModule>;
 }

package/package.json

@@ -1,48 +1,45 @@
 {
   "name": "@covalent/markdown-navigator",
-  "version": "4.0.0",
-  "description": "Teradata UI Platform Markdown Navigator Module",
-  "keywords": [
-    "angular",
-    "components",
-    "covalent",
-    "markdown",
-    "markdown navigator",
-    "markdown-navigator",
-    "documentation navigator",
-    "inline docs",
-    "docs",
-    "help"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/teradata/covalent.git"
-  },
-  "bugs": {
-    "url": "https://github.com/teradata/covalent/issues"
-  },
-  "license": "MIT",
-  "author": "Teradata UX",
-  "contributors": [
-    "Christian Memije <christian.memije@teradata.com>"
-  ],
+  "version": "4.1.1-beta.3",
   "peerDependencies": {
-    "@angular/core": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/common": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/material": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@angular/cdk": "^9.0.0 || ^10.0.0-0 || ^11.0.0-0",
-    "@covalent/core": "^4.0.0",
-    "@covalent/flavored-markdown": "^4.0.0"
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/platform-browser": "~13.2.0",
+    "@angular/cdk": "^13.2.1",
+    "@angular/material": "^13.2.1",
+    "rxjs": "~7.4.0",
+    "@covalent/flavored-markdown": "4.1.1-beta.3",
+    "@covalent/markdown": "4.1.1-beta.3",
+    "showdown": "^2.0.0-alpha",
+    "@covalent/highlight": "4.1.1-beta.3",
+    "highlight.js": "^11.4.0",
+    "@covalent/core": "4.1.1-beta.3",
+    "@angular/router": "~13.2.0",
+    "@angular/animations": "~13.2.0",
+    "@angular/forms": "~13.2.0",
+    "@angular/platform-browser-dynamic": "~13.2.0"
   },
-  "main": "bundles/covalent-markdown-navigator.umd.js",
-  "module": "fesm2015/covalent-markdown-navigator.js",
-  "es2015": "fesm2015/covalent-markdown-navigator.js",
-  "esm2015": "esm2015/covalent-markdown-navigator.js",
-  "fesm2015": "fesm2015/covalent-markdown-navigator.js",
-  "typings": "covalent-markdown-navigator.d.ts",
-  "metadata": "covalent-markdown-navigator.metadata.json",
-  "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.0.0"
-  }
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/covalent-markdown-navigator.mjs",
+  "es2020": "fesm2020/covalent-markdown-navigator.mjs",
+  "esm2020": "esm2020/covalent-markdown-navigator.mjs",
+  "fesm2020": "fesm2020/covalent-markdown-navigator.mjs",
+  "fesm2015": "fesm2015/covalent-markdown-navigator.mjs",
+  "typings": "covalent-markdown-navigator.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./covalent-markdown-navigator.d.ts",
+      "esm2020": "./esm2020/covalent-markdown-navigator.mjs",
+      "es2020": "./fesm2020/covalent-markdown-navigator.mjs",
+      "es2015": "./fesm2015/covalent-markdown-navigator.mjs",
+      "node": "./fesm2015/covalent-markdown-navigator.mjs",
+      "default": "./fesm2020/covalent-markdown-navigator.mjs"
+    }
+  },
+  "sideEffects": false
 }

package/{public-api.d.ts → public_api.d.ts}

@@ -1,4 +1,5 @@
 export * from './markdown-navigator.module';
 export * from './markdown-navigator.component';
 export * from './markdown-navigator-window/markdown-navigator-window.component';
+export * from './markdown-navigator-window-directive/markdown-navigator-window.directive';
 export * from './markdown-navigator-window-service/markdown-navigator-window.service';

package/src/README.md

@@ -0,0 +1,237 @@
+# MarkdownNavigatorComponent
+
+A component for rendering and navigating through markdown, such as documentation. Supports github urls.
+
+## API Summary
+
+#### Inputs
+
+- items: IMarkdownNavigatorItem[]
+  - List of IMarkdownNavigatorItems to be rendered
+- labels?: IMarkdownNavigatorLabels
+  - Translated labels
+- startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[]
+  - Item or path to jump to
+- compareWith?: IMarkdownNavigatorCompareWith
+  - Function used to find startAt item
+  - Defaults to comparison by strict equality (===)
+- footer:? Type<any>
+  - Custom component to be used as global footer
+- copyCodeToClipboard?: boolean
+  - Display copy button on code snippets to copy code to clipboard.
+- copyCodeTooltips?: ICopyCodeTooltips
+  - Tooltips for copy button to copy and upon copying.
+
+#### Outputs
+
+- buttonClicked: ITdFlavoredMarkdownButtonClickEvent
+  - Emitted when a button is clicked
+
+For reference:
+
+```typescript
+interface IMarkdownNavigatorItem {
+  id?: string; // used to compare items by default and as attr id for content
+  title?: string;
+  url?: string;
+  httpOptions?: object;
+  markdownString?: string; // raw markdown
+  anchor?: string;
+  children?: IMarkdownNavigatorItem[];
+  childrenUrl?: string;
+  description?: string;
+  icon?: string;
+  footer?: Type<any>;
+}
+
+interface ICopyCodeTooltips {
+  copy?: string;
+  copied?: string;
+}
+```
+
+## Setup
+
+```typescript
+import { CovalentMarkdownNavigatorModule } from '@covalent/markdown-navigator';
+@NgModule({
+  imports: [CovalentMarkdownNavigatorModule],
+})
+export class MyModule {}
+```
+
+## Usage
+
+```html
+<td-markdown-navigator [items]="items"></td-markdown-navigator>
+```
+
+```typescript
+const items = [
+  {
+    id: 'covalent',
+    title: 'Covalent',
+    children: [
+      {
+        id: 'component',
+        title: 'Components',
+        children: [
+          {
+            id: 'td-loading',
+            url: 'https://raw.githubusercontent.com/Teradata/covalent/develop/src/platform/core/loading/README.md',
+            title: 'tdLoading',
+          },
+        ],
+      },
+    ],
+  },
+];
+```
+
+# MarkdownNavigatorWindowComponent
+
+A component that contains a MarkdownNavigator component and a toolbar
+
+## API Summary
+
+#### Inputs
+
+- items: IMarkdownNavigatorItem[]
+  - List of IMarkdownNavigatorItems to be rendered
+- labels?: IMarkdownNavigatorLabels
+  - Translated labels
+- startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[]
+  - Item or path to jump to
+- compareWith?: IMarkdownNavigatorCompareWith
+  - Function used to find startAt item
+  - Defaults to comparison by strict equality (===)
+- toolbarColor?: ThemePalette
+  - Toolbar color
+  - Defaults to 'primary'
+- footer:? Type<any>;
+  - Custom component to be used as global footer
+
+#### Outputs
+
+- closed: void
+  - Event emitted when the close button is clicked.
+- buttonClicked: ITdFlavoredMarkdownButtonClickEvent
+  - Emitted when a button is clicked
+
+## Setup
+
+```typescript
+import { CovalentMarkdownNavigatorModule } from '@covalent/markdown-navigator';
+@NgModule({
+  imports: [CovalentMarkdownNavigatorModule],
+})
+export class MyModule {}
+```
+
+## Usage
+
+```html
+<td-markdown-navigator-window [items]="items"></td-markdown-navigator-window>
+```
+
+# MarkdownNavigatorWindowService
+
+A service that opens a MarkdownNavigatorWindowComponent inside a draggable dialog. Uses the openDraggable method of the TdDialogService.
+
+## API Summary
+
+#### Methods
+
+- open: function(config: IMarkdownNavigatorWindowConfig)
+  - Opens a MarkdownNavigatorWindowComponent inside a draggable dialog.
+
+For reference:
+
+```typescript
+interface IMarkdownNavigatorWindowConfig {
+  items: IMarkdownNavigatorItem[];
+  dialogConfig?: MatDialogConfig;
+  labels?: IMarkdownNavigatorWindowLabels;
+  toolbarColor?: ThemePalette;
+  startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
+  compareWith?: IMarkdownNavigatorCompareWith;
+  footer?: Type<any>;
+}
+```
+
+## Setup
+
+```typescript
+import { CovalentMarkdownNavigatorModule } from '@covalent/markdown-navigator';
+@NgModule({
+  imports: [CovalentMarkdownNavigatorModule],
+})
+export class MyModule {}
+```
+
+## Usage
+
+```typescript
+import {
+  TdMarkdownNavigatorWindowComponent,
+  TdMarkdownNavigatorWindowService,
+  IMarkdownNavigatorItem,
+} from '@covalent/markdown-navigator';
+import { MatDialogRef } from '@angular/material/dialog';
+
+export class SampleComponent {
+  constructor(
+    private _markdownNavigatorWindowService: TdMarkdownNavigatorWindowService
+  ) {}
+
+  ngOnInit(): void {
+    const ref: MatDialogRef<TdMarkdownNavigatorWindowComponent> =
+      this._markdownNavigatorWindowService.open({
+        items: [
+          {
+            url: 'https://github.com/Teradata/covalent/blob/develop/README.md',
+          },
+        ],
+      });
+    ref.afterOpened().subscribe(() => {});
+    ref.afterClosed().subscribe(() => {});
+  }
+}
+```
+
+# MarkdownNavigatorWindowDirective
+
+A directive that calls the TdMarkdownNavigatorWindowService open method on click events.
+
+## API Summary
+
+#### Inputs
+
+- tdMarkdownNavigatorWindow: IMarkdownNavigatorWindowConfig
+  - Config to open window with
+- disabled: boolean
+  - Whether disabled or not
+
+## Setup
+
+```typescript
+import { CovalentMarkdownNavigatorModule } from '@covalent/markdown-navigator';
+@NgModule({
+  imports: [CovalentMarkdownNavigatorModule],
+})
+export class MyModule {}
+```
+
+## Usage
+
+Example:
+
+```html
+<button
+  mat-button
+  [tdMarkdownNavigatorWindow]="{ items: [] }"
+  [disabled]="false"
+>
+  Open window
+</button>
+```