@covalent/markdown-navigator 4.0.0-alpha.0 → 4.0.0-beta.1

package/fesm2015/covalent-markdown-navigator.js

@@ -1,1181 +0,0 @@
-import { EventEmitter, SecurityContext, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, ViewChild, HostListener, Injectable, Inject, RendererFactory2, Directive, NgModule } from '@angular/core';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { __awaiter } from 'tslib';
-import { removeLeadingHash, isAnchorLink, TdMarkdownLoaderService } from '@covalent/markdown';
-import { DomSanitizer } from '@angular/platform-browser';
-import { HttpClient } from '@angular/common/http';
-import { MatButtonModule } from '@angular/material/button';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatListModule } from '@angular/material/list';
-import { MatIconModule } from '@angular/material/icon';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { CovalentFlavoredMarkdownModule } from '@covalent/flavored-markdown';
-import { ResizableDraggableDialog, TdDialogService, CovalentDialogsModule } from '@covalent/core/dialogs';
-import { CovalentMessageModule } from '@covalent/core/message';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: markdown-navigator.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function IMarkdownNavigatorItem() { }
-if (false) {
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.id;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.title;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.url;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.httpOptions;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.markdownString;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.anchor;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.children;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.childrenUrl;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.description;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.icon;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.footer;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorItem.prototype.startAtLink;
-}
-/**
- * @record
- */
-function IMarkdownNavigatorLabels() { }
-if (false) {
-    /** @type {?|undefined} */
-    IMarkdownNavigatorLabels.prototype.goHome;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorLabels.prototype.goBack;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorLabels.prototype.emptyState;
-}
-/** @type {?} */
-const DEFAULT_MARKDOWN_NAVIGATOR_LABELS = {
-    goHome: 'Go home',
-    goBack: 'Go back',
-    emptyState: 'No item(s) to display',
-};
-/**
- * @param {?} url
- * @return {?}
- */
-function getTitleFromUrl(url) {
-    if (url) {
-        /** @type {?} */
-        const temp = new URL(url);
-        if (temp.hash) {
-            return removeLeadingHash(temp.hash);
-        }
-        else {
-            /** @type {?} */
-            const path = temp.pathname.split('/');
-            /** @type {?} */
-            const fileName = path[path.length - 1];
-            return fileName.replace(/\.[^/.]+$/, ''); // remove .md
-        }
-    }
-    return undefined;
-}
-/**
- * @param {?} markdownString
- * @return {?}
- */
-function getTitleFromMarkdownString(markdownString) {
-    if (markdownString) {
-        /** @type {?} */
-        const firstLine = markdownString.split(/[\r\n]+/).find((/**
-         * @param {?} line
-         * @return {?}
-         */
-        (line) => !!line));
-        return removeLeadingHash(firstLine).trim();
-    }
-    return undefined;
-}
-/**
- * @param {?} anchor
- * @return {?}
- */
-function isMarkdownHref(anchor) {
-    return !isAnchorLink(anchor) && anchor.pathname.endsWith('.md');
-}
-/**
- * @param {?} o1
- * @param {?} o2
- * @return {?}
- */
-function defaultCompareWith(o1, o2) {
-    if (o1.id && o2.id) {
-        return o1.id === o2.id;
-    }
-    return o1 === o2;
-}
-class TdMarkdownNavigatorComponent {
-    /**
-     * @param {?} _markdownUrlLoaderService
-     * @param {?} _changeDetectorRef
-     * @param {?} _sanitizer
-     * @param {?} _http
-     */
-    constructor(_markdownUrlLoaderService, _changeDetectorRef, _sanitizer, _http) {
-        this._markdownUrlLoaderService = _markdownUrlLoaderService;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._sanitizer = _sanitizer;
-        this._http = _http;
-        /**
-         * copyCodeToClipboard?: boolean
-         *
-         * Display copy button on code snippets to copy code to clipboard.
-         *
-         */
-        this.copyCodeToClipboard = false;
-        /**
-         * copyCodeTooltips?: ICopyCodeTooltips
-         *
-         * Tooltips for copy button to copy and upon copying.
-         */
-        this.copyCodeTooltips = {};
-        this.buttonClicked = new EventEmitter();
-        this.historyStack = []; // history
-        // currently rendered
-        this.currentMenuItems = []; // current menu items
-        // current menu items
-        this.loading = false;
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    clickListener(event) {
-        /** @type {?} */
-        const element = (/** @type {?} */ (event.srcElement));
-        if (element.matches('a[href]') && isMarkdownHref((/** @type {?} */ (element)))) {
-            this.handleLinkClick(event);
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get showGoBackButton() {
-        return this.historyStack.length > 0;
-    }
-    /**
-     * @return {?}
-     */
-    get showHomeButton() {
-        return this.historyStack.length > 1;
-    }
-    /**
-     * @return {?}
-     */
-    get showHeader() {
-        return this.showHomeButton || this.showGoBackButton || !!this.currentItemTitle;
-    }
-    /**
-     * @return {?}
-     */
-    get showMenu() {
-        return this.currentMenuItems && this.currentMenuItems.length > 0;
-    }
-    /**
-     * @return {?}
-     */
-    get showTdMarkdownLoader() {
-        return !!this.currentMarkdownItem && !!this.currentMarkdownItem.url && !this.showTdMarkdown;
-    }
-    /**
-     * @return {?}
-     */
-    get showTdMarkdown() {
-        return !!this.currentMarkdownItem && !!this.currentMarkdownItem.markdownString;
-    }
-    /**
-     * @return {?}
-     */
-    get url() {
-        if (this.currentMarkdownItem) {
-            return this.currentMarkdownItem.url;
-        }
-        return undefined;
-    }
-    /**
-     * @return {?}
-     */
-    get footerComponent() {
-        if (this.currentMarkdownItem && this.currentMarkdownItem.footer) {
-            return this.currentMarkdownItem.footer;
-        }
-        return this.footer;
-    }
-    /**
-     * @return {?}
-     */
-    get httpOptions() {
-        if (this.currentMarkdownItem) {
-            return this.currentMarkdownItem.httpOptions;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get markdownString() {
-        if (this.currentMarkdownItem) {
-            return this.currentMarkdownItem.markdownString;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get anchor() {
-        if (this.currentMarkdownItem) {
-            return this.currentMarkdownItem.anchor;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get showEmptyState() {
-        return !this.items || this.items.length < 1;
-    }
-    /**
-     * @return {?}
-     */
-    get goHomeLabel() {
-        return (this.labels && this.labels.goHome) || DEFAULT_MARKDOWN_NAVIGATOR_LABELS.goHome;
-    }
-    /**
-     * @return {?}
-     */
-    get goBackLabel() {
-        return (this.labels && this.labels.goBack) || DEFAULT_MARKDOWN_NAVIGATOR_LABELS.goBack;
-    }
-    /**
-     * @return {?}
-     */
-    get emptyStateLabel() {
-        return (this.labels && this.labels.emptyState) || DEFAULT_MARKDOWN_NAVIGATOR_LABELS.emptyState;
-    }
-    /**
-     * @return {?}
-     */
-    get currentItemTitle() {
-        if (this.historyStack.length < 1) {
-            return '';
-        }
-        else if (this.currentMarkdownItem) {
-            return this.getTitle(this.currentMarkdownItem);
-        }
-        else if (this.historyStack.length > 0) {
-            return this.getTitle(this.historyStack[this.historyStack.length - 1]);
-        }
-        return '';
-    }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
-    ngOnChanges(changes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (changes.items) {
-                this.reset();
-            }
-            if (changes.startAt && this.items && this.startAt) {
-                this._jumpTo(this.startAt, undefined);
-            }
-        });
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    hasChildrenOrChildrenUrl(item) {
-        return (item.children && item.children.length > 0) || !!item.childrenUrl;
-    }
-    /**
-     * @return {?}
-     */
-    clearErrors() {
-        this.markdownLoaderError = undefined;
-        this.childrenUrlError = undefined;
-    }
-    /**
-     * @return {?}
-     */
-    reset() {
-        this.loading = false;
-        this.clearErrors();
-        // if single item and no children
-        if (this.items && this.items.length === 1 && !this.hasChildrenOrChildrenUrl(this.items[0])) {
-            this.currentMenuItems = [];
-            this.currentMarkdownItem = this.items[0];
-        }
-        else {
-            this.currentMenuItems = this.items;
-            this.currentMarkdownItem = undefined;
-        }
-        this.historyStack = [];
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @return {?}
-     */
-    goBack() {
-        this.loading = false;
-        this.clearErrors();
-        if (this.historyStack.length > 1) {
-            /** @type {?} */
-            let parent = this.historyStack[this.historyStack.length - 2];
-            if (parent.startAtLink) {
-                parent = this.historyStack[this.historyStack.length - 3]
-                    ? this.historyStack[this.historyStack.length - 3]
-                    : undefined;
-                this.historyStack = this.historyStack.slice(0, -1);
-            }
-            if (parent) {
-                this.currentMarkdownItem = parent;
-                this.historyStack = this.historyStack.slice(0, -1);
-                this.setChildrenAsCurrentMenuItems(parent);
-            }
-            else {
-                this.reset();
-            }
-        }
-        else {
-            // one level down just go to root
-            this.reset();
-        }
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    handleItemSelected(item) {
-        this.clearErrors();
-        this.currentMarkdownItem = item;
-        this.historyStack = [...this.historyStack, item];
-        this.setChildrenAsCurrentMenuItems(item);
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    setChildrenAsCurrentMenuItems(item) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.currentMenuItems = [];
-            this.loading = true;
-            this._changeDetectorRef.markForCheck();
-            /** @type {?} */
-            const stackSnapshot = this.historyStack;
-            /** @type {?} */
-            let children = [];
-            if (item.children) {
-                children = item.children;
-            }
-            else if (item.childrenUrl) {
-                children = yield this.loadChildrenUrl(item);
-            }
-            if (children && children.length && item.startAtLink) {
-                this._jumpTo(item.startAtLink, children);
-            }
-            /** @type {?} */
-            const newStackSnapshot = this.historyStack;
-            if (stackSnapshot.length === newStackSnapshot.length &&
-                stackSnapshot.every((/**
-                 * @param {?} stackItem
-                 * @param {?} index
-                 * @return {?}
-                 */
-                (stackItem, index) => stackItem === newStackSnapshot[index]))) {
-                this.currentMenuItems = children;
-            }
-            this.loading = false;
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    loadChildrenUrl(item) {
-        return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            const sanitizedUrl = this._sanitizer.sanitize(SecurityContext.URL, item.childrenUrl);
-            try {
-                return yield this._http.get(sanitizedUrl, Object.assign({}, item.httpOptions)).toPromise();
-            }
-            catch (error) {
-                this.handleChildrenUrlError(error);
-                return [];
-            }
-        });
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    getTitle(item) {
-        if (item) {
-            return (removeLeadingHash(item.anchor) ||
-                item.title ||
-                getTitleFromUrl(item.url) ||
-                getTitleFromMarkdownString(item.markdownString) ||
-                '').trim();
-        }
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    getIcon(item) {
-        if (item) {
-            return item.icon || 'subject';
-        }
-    }
-    /**
-     * @param {?} error
-     * @return {?}
-     */
-    handleChildrenUrlError(error) {
-        this.childrenUrlError = error.message;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @param {?} error
-     * @return {?}
-     */
-    handleMarkdownLoaderError(error) {
-        this.markdownLoaderError = error.message;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @private
-     * @param {?} itemOrPath
-     * @param {?} children
-     * @return {?}
-     */
-    _jumpTo(itemOrPath, children) {
-        return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            const historyStack = this.historyStack;
-            this.reset();
-            if (this.items && this.items.length > 0) {
-                /** @type {?} */
-                let path = [];
-                if (Array.isArray(itemOrPath)) {
-                    path = yield this.followPath(this.items, itemOrPath);
-                }
-                else if (children && children.length > 0) {
-                    this.historyStack = historyStack;
-                    path = this.findPath(children, itemOrPath);
-                }
-                else {
-                    path = this.findPath(this.items, itemOrPath);
-                }
-                (path || []).forEach((/**
-                 * @param {?} pathItem
-                 * @return {?}
-                 */
-                (pathItem) => this.handleItemSelected(pathItem)));
-            }
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-    /**
-     * @private
-     * @param {?} items
-     * @param {?} path
-     * @return {?}
-     */
-    followPath(items, path) {
-        return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            let pathItems = [];
-            /** @type {?} */
-            let currentLevel = items;
-            /** @type {?} */
-            const compareWith = this.compareWith || defaultCompareWith;
-            for (const pathItem of path) {
-                /** @type {?} */
-                const foundItem = currentLevel.find((/**
-                 * @param {?} item
-                 * @return {?}
-                 */
-                (item) => compareWith(pathItem, item)));
-                if (foundItem) {
-                    pathItems = [...pathItems, foundItem];
-                    if (foundItem.children) {
-                        currentLevel = foundItem.children;
-                    }
-                    else if (foundItem.childrenUrl) {
-                        currentLevel = yield this.loadChildrenUrl(foundItem);
-                    }
-                }
-                else {
-                    break;
-                }
-            }
-            if (pathItems.length !== path.length) {
-                pathItems = [];
-            }
-            return pathItems;
-        });
-    }
-    /**
-     * @private
-     * @param {?} items
-     * @param {?} item
-     * @return {?}
-     */
-    findPath(items, item) {
-        /** @type {?} */
-        const compareWith = this.compareWith || defaultCompareWith;
-        if (items) {
-            for (const child of items) {
-                if (compareWith(child, item)) {
-                    return [child];
-                }
-                /** @type {?} */
-                const ancestors = this.findPath(child.children, item);
-                if (ancestors) {
-                    return [child, ...ancestors];
-                }
-            }
-        }
-        return undefined;
-    }
-    /**
-     * @private
-     * @param {?} event
-     * @return {?}
-     */
-    handleLinkClick(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event.preventDefault();
-            /** @type {?} */
-            const link = (/** @type {?} */ (event.target));
-            /** @type {?} */
-            const url = new URL(link.href);
-            this.loading = true;
-            this._changeDetectorRef.markForCheck();
-            try {
-                /** @type {?} */
-                const markdownString = yield this._markdownUrlLoaderService.load(url.href);
-                // pass in url to be able to use currentMarkdownItem.url later on
-                this.handleItemSelected({ markdownString, url: url.href });
-                this.markdownWrapper.nativeElement.scrollTop = 0;
-            }
-            catch (error) {
-                /** @type {?} */
-                const win = window.open(url.href, '_blank');
-                win.focus();
-            }
-            finally {
-                this.loading = false;
-            }
-            this._changeDetectorRef.markForCheck();
-        });
-    }
-}
-TdMarkdownNavigatorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-markdown-navigator',
-                template: "<ng-container *ngIf=\"!showEmptyState\">\n  <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" color=\"accent\"></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 flex *ngIf=\"currentItemTitle\" class=\"mat-body-2 title truncate\" [attr.data-test]=\"'title'\">\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 *ngIf=\"showTdMarkdownLoader || showTdMarkdown\" class=\"markdown-wrapper\" #markdownWrapper>\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]=\"'td-markdown-navigator-list-item-' + (item.id ? item.id : index)\"\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 *ngIf=\"showEmptyState\" layout=\"column\" layout-align=\"center center\" class=\"empty-state\">\n  <mat-icon matListAvatar>subject</mat-icon>\n  <h2>{{ emptyStateLabel }}</h2>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{-ms-flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:column;height:inherit;height:100%;position:relative}:host .scroll-area{-ms-flex:1;box-sizing:border-box;flex:1;min-height:1px;overflow-y:auto}:host .markdown-wrapper{padding:16px 16px 0}:host .td-markdown-list>.mat-list{padding-top:0}:host td-flavored-markdown-loader ::ng-deep .mat-progress-bar{left:0;position:absolute;right:0;top:0}:host .title{display:inline-block;margin:8px 0;padding-left:16px;vertical-align:middle}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:32px}.empty-state mat-icon{font-size:4em}"]
-            }] }
-];
-/** @nocollapse */
-TdMarkdownNavigatorComponent.ctorParameters = () => [
-    { type: TdMarkdownLoaderService },
-    { type: ChangeDetectorRef },
-    { type: DomSanitizer },
-    { type: HttpClient }
-];
-TdMarkdownNavigatorComponent.propDecorators = {
-    items: [{ type: Input }],
-    labels: [{ type: Input }],
-    startAt: [{ type: Input }],
-    copyCodeToClipboard: [{ type: Input }],
-    copyCodeTooltips: [{ type: Input }],
-    footer: [{ type: Input }],
-    compareWith: [{ type: Input }],
-    buttonClicked: [{ type: Output }],
-    markdownWrapper: [{ type: ViewChild, args: ['markdownWrapper',] }],
-    clickListener: [{ type: HostListener, args: ['click', ['$event'],] }]
-};
-if (false) {
-    /**
-     * items: IMarkdownNavigatorItem[]
-     *
-     * List of IMarkdownNavigatorItems to be rendered
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.items;
-    /**
-     * labels?: IMarkdownNavigatorLabels
-     *
-     * Translated labels
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.labels;
-    /**
-     * startAt?: IMarkdownNavigatorItem | IMarkdownNavigatorItem[];
-     *
-     * Item or path to start at
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.startAt;
-    /**
-     * copyCodeToClipboard?: boolean
-     *
-     * Display copy button on code snippets to copy code to clipboard.
-     *
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.copyCodeToClipboard;
-    /**
-     * copyCodeTooltips?: ICopyCodeTooltips
-     *
-     * Tooltips for copy button to copy and upon copying.
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.copyCodeTooltips;
-    /**
-     * footer?: Type<any>
-     *
-     * Component to be displayed in footer
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.footer;
-    /**
-     * compareWith?: IMarkdownNavigatorCompareWith
-     *
-     * Function used to find startAt item
-     * Defaults to comparison by strict equality (===)
-     * @type {?}
-     */
-    TdMarkdownNavigatorComponent.prototype.compareWith;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.buttonClicked;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.markdownWrapper;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.historyStack;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.currentMarkdownItem;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.currentMenuItems;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.loading;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.markdownLoaderError;
-    /** @type {?} */
-    TdMarkdownNavigatorComponent.prototype.childrenUrlError;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorComponent.prototype._markdownUrlLoaderService;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorComponent.prototype._changeDetectorRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorComponent.prototype._sanitizer;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorComponent.prototype._http;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: markdown-navigator-window/markdown-navigator-window.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function IMarkdownNavigatorWindowLabels() { }
-if (false) {
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowLabels.prototype.title;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowLabels.prototype.close;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowLabels.prototype.dock;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowLabels.prototype.unDock;
-}
-/** @type {?} */
-const DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS = {
-    title: 'Help',
-    close: 'Close',
-    dock: 'Dock',
-    unDock: 'Undock',
-};
-class TdMarkdownNavigatorWindowComponent {
-    constructor() {
-        this.toolbarColor = 'primary';
-        this.docked = false;
-        this.copyCodeToClipboard = false;
-        this.copyCodeTooltips = {};
-        this.closed = new EventEmitter();
-        this.dockToggled = new EventEmitter();
-        this.buttonClicked = new EventEmitter();
-    }
-    /**
-     * @return {?}
-     */
-    get markdownNavigatorLabels() {
-        if (this.labels) {
-            const { goHome, goBack, emptyState } = this.labels;
-            return {
-                goHome,
-                goBack,
-                emptyState,
-            };
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get titleLabel() {
-        return (this.labels && this.labels.title) || DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.title;
-    }
-    /**
-     * @return {?}
-     */
-    get closeLabel() {
-        return (this.labels && this.labels.close) || DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.close;
-    }
-    /**
-     * @return {?}
-     */
-    get toggleDockedStateLabel() {
-        if (this.docked) {
-            return (this.labels && this.labels.unDock) || DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.unDock;
-        }
-        else {
-            return (this.labels && this.labels.dock) || DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS.dock;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    toggleDockedState() {
-        this.dockToggled.emit(this.docked);
-    }
-}
-TdMarkdownNavigatorWindowComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-markdown-navigator-window',
-                template: "<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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{-ms-flex-direction:column;display:-ms-flexbox;display:flex;flex-direction:column;height:100%}td-markdown-navigator{height:calc(100% - 56px)}"]
-            }] }
-];
-TdMarkdownNavigatorWindowComponent.propDecorators = {
-    items: [{ type: Input }],
-    labels: [{ type: Input }],
-    toolbarColor: [{ type: Input }],
-    startAt: [{ type: Input }],
-    compareWith: [{ type: Input }],
-    docked: [{ type: Input }],
-    copyCodeToClipboard: [{ type: Input }],
-    copyCodeTooltips: [{ type: Input }],
-    footer: [{ type: Input }],
-    closed: [{ type: Output }],
-    dockToggled: [{ type: Output }],
-    buttonClicked: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.items;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.labels;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.toolbarColor;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.startAt;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.compareWith;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.docked;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.copyCodeToClipboard;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.copyCodeTooltips;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.footer;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.closed;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.dockToggled;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowComponent.prototype.buttonClicked;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: markdown-navigator-window-service/markdown-navigator-window.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function IMarkdownNavigatorWindowConfig() { }
-if (false) {
-    /** @type {?} */
-    IMarkdownNavigatorWindowConfig.prototype.items;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.dialogConfig;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.labels;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.toolbarColor;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.startAt;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.compareWith;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.copyCodeToClipboard;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.copyCodeTooltips;
-    /** @type {?|undefined} */
-    IMarkdownNavigatorWindowConfig.prototype.footer;
-}
-/** @type {?} */
-const CDK_OVERLAY_CUSTOM_CLASS = 'td-window-dialog';
-/** @type {?} */
-const DEFAULT_POSITION = { bottom: '0px', right: '0px' };
-/** @type {?} */
-const DEFAULT_WIDTH = '360px';
-/** @type {?} */
-const DEFAULT_HEIGHT = '75vh';
-/** @type {?} */
-const MIN_HEIGHT = '56px';
-/** @type {?} */
-const MAX_WIDTH = '100vw';
-/** @type {?} */
-const DEFAULT_DRAGGABLE_DIALOG_CONFIG = {
-    hasBackdrop: false,
-    closeOnNavigation: true,
-    panelClass: [CDK_OVERLAY_CUSTOM_CLASS],
-    position: DEFAULT_POSITION,
-    height: DEFAULT_HEIGHT,
-    width: DEFAULT_WIDTH,
-    maxWidth: MAX_WIDTH,
-};
-/**
- * @record
- */
-function IDialogDimensions() { }
-if (false) {
-    /** @type {?} */
-    IDialogDimensions.prototype.width;
-    /** @type {?} */
-    IDialogDimensions.prototype.height;
-}
-class TdMarkdownNavigatorWindowService {
-    /**
-     * @param {?} _tdDialogService
-     * @param {?} _document
-     * @param {?} rendererFactory
-     */
-    constructor(_tdDialogService, _document, rendererFactory) {
-        this._tdDialogService = _tdDialogService;
-        this._document = _document;
-        this.rendererFactory = rendererFactory;
-        this.markdownNavigatorWindowDialog = undefined;
-        this.markdownNavigatorWindowDialogsOpen = 0;
-        this._renderer2 = rendererFactory.createRenderer(undefined, undefined);
-    }
-    /**
-     * @param {?} config
-     * @return {?}
-     */
-    open(config) {
-        this.close();
-        /** @type {?} */
-        let panelClass = [...DEFAULT_DRAGGABLE_DIALOG_CONFIG.panelClass];
-        if (config.dialogConfig && config.dialogConfig.panelClass) {
-            if (Array.isArray(config.dialogConfig.panelClass)) {
-                panelClass = [...config.dialogConfig.panelClass];
-            }
-            else {
-                panelClass = [config.dialogConfig.panelClass];
-            }
-        }
-        /** @type {?} */
-        const draggableConfig = Object.assign(Object.assign(Object.assign({}, DEFAULT_DRAGGABLE_DIALOG_CONFIG), config.dialogConfig), { panelClass });
-        const { matDialogRef, dragRefSubject } = this._tdDialogService.openDraggable({
-            component: TdMarkdownNavigatorWindowComponent,
-            config: draggableConfig,
-            dragHandleSelectors: ['.td-window-dialog-toolbar'],
-            draggableClass: 'td-draggable-markdown-navigator-window',
-        });
-        this.markdownNavigatorWindowDialog = matDialogRef;
-        this.markdownNavigatorWindowDialog.componentInstance.items = config.items;
-        this.markdownNavigatorWindowDialog.componentInstance.labels = config.labels;
-        this.markdownNavigatorWindowDialog.componentInstance.startAt = config.startAt;
-        this.markdownNavigatorWindowDialog.componentInstance.copyCodeToClipboard = config.copyCodeToClipboard;
-        this.markdownNavigatorWindowDialog.componentInstance.copyCodeTooltips = config.copyCodeTooltips;
-        this.markdownNavigatorWindowDialog.componentInstance.compareWith = config.compareWith;
-        this.markdownNavigatorWindowDialog.componentInstance.toolbarColor =
-            'toolbarColor' in config ? config.toolbarColor : 'primary';
-        this.markdownNavigatorWindowDialogsOpen++;
-        this.markdownNavigatorWindowDialog.componentInstance.footer = config.footer;
-        dragRefSubject.subscribe((/**
-         * @param {?} dragRf
-         * @return {?}
-         */
-        (dragRf) => {
-            this.dragRef = dragRf;
-            this.resizableDraggableDialog = new ResizableDraggableDialog(this._document, this._renderer2, this.markdownNavigatorWindowDialog, this.dragRef);
-        }));
-        this._handleEvents();
-        return this.markdownNavigatorWindowDialog;
-    }
-    /**
-     * @return {?}
-     */
-    close() {
-        if (this.markdownNavigatorWindowDialog) {
-            if (this.resizableDraggableDialog) {
-                this.resizableDraggableDialog.detach();
-            }
-            this.markdownNavigatorWindowDialog.close();
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get isOpen() {
-        return this.markdownNavigatorWindowDialogsOpen > 0;
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    _handleEvents() {
-        /** @type {?} */
-        let position;
-        /** @type {?} */
-        let dimensions;
-        this.markdownNavigatorWindowDialog.componentInstance.closed.subscribe((/**
-         * @return {?}
-         */
-        () => this.close()));
-        this.markdownNavigatorWindowDialog.componentInstance.dockToggled.subscribe((/**
-         * @param {?} docked
-         * @return {?}
-         */
-        (docked) => {
-            if (docked) {
-                this.markdownNavigatorWindowDialog.componentInstance.docked = false;
-                this.markdownNavigatorWindowDialog.updateSize(dimensions.width, dimensions.height);
-                this.markdownNavigatorWindowDialog.updatePosition({ top: '0px', right: '0px', bottom: '0px', left: '0px' });
-                this.dragRef.setFreeDragPosition(position);
-                this.dragRef.disabled = false;
-                this.resizableDraggableDialog.attach();
-            }
-            else {
-                dimensions = this._getDialogSize(this.markdownNavigatorWindowDialog);
-                position = this.dragRef.getFreeDragPosition();
-                this.markdownNavigatorWindowDialog.componentInstance.docked = true;
-                this.markdownNavigatorWindowDialog.updateSize(DEFAULT_WIDTH, MIN_HEIGHT);
-                this.markdownNavigatorWindowDialog.updatePosition(DEFAULT_POSITION);
-                this.dragRef.reset();
-                this.dragRef.disabled = true;
-                this.resizableDraggableDialog.detach();
-            }
-        }));
-        this.markdownNavigatorWindowDialog
-            .afterClosed()
-            .toPromise()
-            .then((/**
-         * @return {?}
-         */
-        () => {
-            this.markdownNavigatorWindowDialogsOpen--;
-        }));
-    }
-    /**
-     * @private
-     * @param {?} dialogRef
-     * @return {?}
-     */
-    _getDialogSize(dialogRef) {
-        const { width, height } = getComputedStyle(((/** @type {?} */ (this._document.getElementById(dialogRef.id)))).parentElement);
-        return {
-            width,
-            height,
-        };
-    }
-}
-TdMarkdownNavigatorWindowService.decorators = [
-    { type: Injectable }
-];
-/** @nocollapse */
-TdMarkdownNavigatorWindowService.ctorParameters = () => [
-    { type: TdDialogService },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: RendererFactory2 }
-];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype._renderer2;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype.dragRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype.resizableDraggableDialog;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype.markdownNavigatorWindowDialog;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype.markdownNavigatorWindowDialogsOpen;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype._tdDialogService;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype._document;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowService.prototype.rendererFactory;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: markdown-navigator-window-directive/markdown-navigator-window.directive.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdMarkdownNavigatorWindowDirective {
-    /**
-     * @param {?} _markdownNavigatorWindowService
-     */
-    constructor(_markdownNavigatorWindowService) {
-        this._markdownNavigatorWindowService = _markdownNavigatorWindowService;
-        this.disabled = false;
-    }
-    /**
-     * @return {?}
-     */
-    click() {
-        if (!this.disabled) {
-            this._markdownNavigatorWindowService.open(this.config);
-        }
-    }
-}
-TdMarkdownNavigatorWindowDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[tdMarkdownNavigatorWindow]',
-            },] }
-];
-/** @nocollapse */
-TdMarkdownNavigatorWindowDirective.ctorParameters = () => [
-    { type: TdMarkdownNavigatorWindowService }
-];
-TdMarkdownNavigatorWindowDirective.propDecorators = {
-    config: [{ type: Input, args: ['tdMarkdownNavigatorWindow',] }],
-    disabled: [{ type: Input }],
-    click: [{ type: HostListener, args: ['click',] }]
-};
-if (false) {
-    /** @type {?} */
-    TdMarkdownNavigatorWindowDirective.prototype.config;
-    /** @type {?} */
-    TdMarkdownNavigatorWindowDirective.prototype.disabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMarkdownNavigatorWindowDirective.prototype._markdownNavigatorWindowService;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: markdown-navigator.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class CovalentMarkdownNavigatorModule {
-}
-CovalentMarkdownNavigatorModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    // material
-                    MatButtonModule,
-                    MatTooltipModule,
-                    MatListModule,
-                    MatIconModule,
-                    MatProgressBarModule,
-                    CovalentMessageModule,
-                    CovalentFlavoredMarkdownModule,
-                    CovalentDialogsModule,
-                ],
-                declarations: [TdMarkdownNavigatorComponent, TdMarkdownNavigatorWindowComponent, TdMarkdownNavigatorWindowDirective],
-                exports: [TdMarkdownNavigatorComponent, TdMarkdownNavigatorWindowComponent, TdMarkdownNavigatorWindowDirective],
-                providers: [TdMarkdownNavigatorWindowService],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: covalent-markdown-navigator.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentMarkdownNavigatorModule, DEFAULT_MARKDOWN_NAVIGATOR_LABELS, DEFAULT_MARKDOWN_NAVIGATOR_WINDOW_LABELS, TdMarkdownNavigatorComponent, TdMarkdownNavigatorWindowComponent, TdMarkdownNavigatorWindowService, TdMarkdownNavigatorWindowDirective as ɵa };
-//# sourceMappingURL=covalent-markdown-navigator.js.map