@covalent/core/fesm2022/covalent-core-layout.mjs.map

Core Teradata UI Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material.

{"version":3,"file":"covalent-core-layout.mjs","sources":["../tmp-esm2022/layout/layout.component.js","../tmp-esm2022/layout/layout-toggle.class.js","../tmp-esm2022/layout/layout.directives.js","../tmp-esm2022/layout/layout-nav/layout-nav.component.js","../tmp-esm2022/layout/layout-nav-list/layout-nav-list.component.js","../tmp-esm2022/layout/layout-nav-list/layout-nav-list.directives.js","../tmp-esm2022/layout/layout-card-over/layout-card-over.component.js","../tmp-esm2022/layout/layout-manage-list/layout-manage-list.component.js","../tmp-esm2022/layout/layout-manage-list/layout-manage-list.directives.js","../tmp-esm2022/layout/layout-footer/layout-footer.component.js","../tmp-esm2022/layout/navigation-drawer/navigation-drawer.component.js","../tmp-esm2022/layout/layout.module.js","../tmp-esm2022/layout/covalent-core-layout.js"],"sourcesContent":["import { Component, Input, ViewChild } from '@angular/core';\nimport { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';\nimport * as i0 from \"@angular/core\";\nconst _c0 = [[[\"td-navigation-drawer\"]], [[\"\", \"td-sidenav-content\", \"\"]], \"*\"];\nconst _c1 = [\"td-navigation-drawer\", \"[td-sidenav-content]\", \"*\"];\nexport class TdLayoutComponent {\n    sidenav;\n    /**\n     * mode?: 'side', 'push' or 'over'\n     *\n     * The mode or styling of the sidenav.\n     * Defaults to \"over\".\n     * See \"MatSidenav\" documentation for more info.\n     *\n     * https://github.com/angular/material2/tree/main/src/lib/sidenav\n     */\n    mode = 'over';\n    /**\n     * opened?: boolean\n     *\n     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.\n     * Defaults to \"false\".\n     *\n     * See \"MatSidenav\" documentation for more info.\n     *\n     * https://github.com/angular/material2/tree/main/src/lib/sidenav\n     */\n    opened = false;\n    /**\n     * sidenavWidth?: string\n     *\n     * Sets the \"width\" of the sidenav in either \"px\" or \"%\"\n     * Defaults to \"320px\".\n     *\n     * https://github.com/angular/material2/tree/main/src/lib/sidenav\n     */\n    sidenavWidth = '320px';\n    /**\n     * containerAutosize?: boolean\n     *\n     * Sets \"autosize\" of the sidenav-container.\n     * Defaults to \"false\".\n     *\n     * See documentation for more info and potential performance risks.\n     *\n     * https://github.com/angular/material2/blob/main/src/lib/sidenav/sidenav.md#resizing-an-open-sidenav\n     */\n    containerAutosize = false;\n    /**\n     * Checks if `ESC` should close the sidenav\n     * Should only close it for `push` and `over` modes\n     */\n    get disableClose() {\n        return this.mode === 'side';\n    }\n    /**\n     * Proxy toggle method to access sidenav from outside (from td-layout template).\n     */\n    toggle() {\n        return this.sidenav.toggle(!this.sidenav.opened);\n    }\n    /**\n     * Proxy open method to access sidenav from outside (from td-layout template).\n     */\n    open() {\n        return this.sidenav.open();\n    }\n    /**\n     * Proxy close method to access sidenav from outside (from td-layout template).\n     */\n    close() {\n        return this.sidenav.close();\n    }\n    static ɵfac = function TdLayoutComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutComponent)(); };\n    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdLayoutComponent, selectors: [[\"td-layout\"]], viewQuery: function TdLayoutComponent_Query(rf, ctx) { if (rf & 1) {\n            i0.ɵɵviewQuery(MatSidenav, 7);\n        } if (rf & 2) {\n            let _t;\n            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sidenav = _t.first);\n        } }, inputs: { mode: \"mode\", opened: \"opened\", sidenavWidth: \"sidenavWidth\", containerAutosize: \"containerAutosize\" }, ngContentSelectors: _c1, decls: 6, vars: 8, consts: [[\"sidenav\", \"\"], [\"fullscreen\", \"\", 3, \"autosize\"], [1, \"td-layout-sidenav\", 3, \"mode\", \"opened\", \"disableClose\"]], template: function TdLayoutComponent_Template(rf, ctx) { if (rf & 1) {\n            i0.ɵɵprojectionDef(_c0);\n            i0.ɵɵelementStart(0, \"mat-sidenav-container\", 1)(1, \"mat-sidenav\", 2, 0);\n            i0.ɵɵprojection(3);\n            i0.ɵɵprojection(4, 1);\n            i0.ɵɵelementEnd();\n            i0.ɵɵprojection(5, 2);\n            i0.ɵɵelementEnd();\n        } if (rf & 2) {\n            i0.ɵɵproperty(\"autosize\", ctx.containerAutosize);\n            i0.ɵɵadvance();\n            i0.ɵɵstyleProp(\"max-width\", ctx.sidenavWidth)(\"min-width\", ctx.sidenavWidth);\n            i0.ɵɵproperty(\"mode\", ctx.mode)(\"opened\", ctx.opened)(\"disableClose\", ctx.disableClose);\n        } }, dependencies: [MatSidenav, MatSidenavContainer], styles: [\"[_nghost-%COMP%]{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}[_nghost-%COMP%]    >mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:flex;flex-direction:column}\"] });\n}\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutComponent, [{\n        type: Component,\n        args: [{ selector: 'td-layout', imports: [MatSidenav, MatSidenavContainer], template: \"<mat-sidenav-container fullscreen [autosize]=\\\"containerAutosize\\\">\\n  <mat-sidenav\\n    #sidenav\\n    class=\\\"td-layout-sidenav\\\"\\n    [mode]=\\\"mode\\\"\\n    [opened]=\\\"opened\\\"\\n    [style.max-width]=\\\"sidenavWidth\\\"\\n    [style.min-width]=\\\"sidenavWidth\\\"\\n    [disableClose]=\\\"disableClose\\\"\\n  >\\n    <ng-content select=\\\"td-navigation-drawer\\\"></ng-content>\\n    <ng-content select=\\\"[td-sidenav-content]\\\"></ng-content>\\n  </mat-sidenav>\\n  <ng-content></ng-content>\\n</mat-sidenav-container>\\n\", styles: [\":host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:flex;flex-direction:column}\\n\"] }]\n    }], null, { sidenav: [{\n            type: ViewChild,\n            args: [MatSidenav, { static: true }]\n        }], mode: [{\n            type: Input\n        }], opened: [{\n            type: Input\n        }], sidenavWidth: [{\n            type: Input\n        }], containerAutosize: [{\n            type: Input\n        }] }); })();\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassDebugInfo(TdLayoutComponent, { className: \"TdLayoutComponent\", filePath: \"layout.component.ts\", lineNumber: 13 }); })();\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9sYXlvdXQvc3JjL2xheW91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvbGF5b3V0L3NyYy9sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFBRSxVQUFVLEVBQXlCLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUFVbkcsTUFBTSxPQUFPLGlCQUFpQjtJQUNhLE9BQU8sQ0FBYztJQUU5RDs7Ozs7Ozs7T0FRRztJQUNNLElBQUksR0FBNkIsTUFBTSxDQUFDO0lBRWpEOzs7Ozs7Ozs7T0FTRztJQUNNLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFFeEI7Ozs7Ozs7T0FPRztJQUNNLFlBQVksR0FBRyxPQUFPLENBQUM7SUFFaEM7Ozs7Ozs7OztPQVNHO0lBQ00saUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBRW5DOzs7T0FHRztJQUNILElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUM7SUFDOUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRDs7T0FFRztJQUNJLElBQUk7UUFDVCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSztRQUNWLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM5QixDQUFDOzJHQTNFVSxpQkFBaUI7NkRBQWpCLGlCQUFpQjsyQkFDakIsVUFBVTs7Ozs7O1lDWnJCLEFBREYsZ0RBQWlFLHdCQVM5RDtZQUNDLGtCQUF1RDtZQUN2RCxxQkFBdUQ7WUFDekQsaUJBQWM7WUFDZCxxQkFBeUI7WUFDM0IsaUJBQXdCOztZQWRVLGdEQUE4QjtZQU01RCxjQUFnQztZQUNoQyxBQURBLDZDQUFnQywrQkFDQTtZQUNoQyxBQUhBLEFBREEsK0JBQWEsc0JBQ0ksa0NBR1k7NEJERXJCLFVBQVUsRUFBRSxtQkFBbUI7O2lGQUU5QixpQkFBaUI7Y0FON0IsU0FBUzsyQkFDRSxXQUFXLFdBR1osQ0FBQyxVQUFVLEVBQUUsbUJBQW1CLENBQUM7Z0JBR0QsT0FBTztrQkFBL0MsU0FBUzttQkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO1lBVzlCLElBQUk7a0JBQVosS0FBSztZQVlHLE1BQU07a0JBQWQsS0FBSztZQVVHLFlBQVk7a0JBQXBCLEtBQUs7WUFZRyxpQkFBaUI7a0JBQXpCLEtBQUs7O2tGQTlDSyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTWF0U2lkZW5hdiwgTWF0RHJhd2VyVG9nZ2xlUmVzdWx0LCBNYXRTaWRlbmF2Q29udGFpbmVyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5cbmltcG9ydCB7IElMYXlvdXRUb2dnbGFibGUgfSBmcm9tICcuL2xheW91dC10b2dnbGUuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZC1sYXlvdXQnLFxuICBzdHlsZVVybHM6IFsnLi9sYXlvdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtNYXRTaWRlbmF2LCBNYXRTaWRlbmF2Q29udGFpbmVyXSxcbn0pXG5leHBvcnQgY2xhc3MgVGRMYXlvdXRDb21wb25lbnQgaW1wbGVtZW50cyBJTGF5b3V0VG9nZ2xhYmxlIHtcbiAgQFZpZXdDaGlsZChNYXRTaWRlbmF2LCB7IHN0YXRpYzogdHJ1ZSB9KSBzaWRlbmF2ITogTWF0U2lkZW5hdjtcblxuICAvKipcbiAgICogbW9kZT86ICdzaWRlJywgJ3B1c2gnIG9yICdvdmVyJ1xuICAgKlxuICAgKiBUaGUgbW9kZSBvciBzdHlsaW5nIG9mIHRoZSBzaWRlbmF2LlxuICAgKiBEZWZhdWx0cyB0byBcIm92ZXJcIi5cbiAgICogU2VlIFwiTWF0U2lkZW5hdlwiIGRvY3VtZW50YXRpb24gZm9yIG1vcmUgaW5mby5cbiAgICpcbiAgICogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvbWF0ZXJpYWwyL3RyZWUvbWFpbi9zcmMvbGliL3NpZGVuYXZcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6ICdzaWRlJyB8ICdwdXNoJyB8ICdvdmVyJyA9ICdvdmVyJztcblxuICAvKipcbiAgICogb3BlbmVkPzogYm9vbGVhblxuICAgKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgc2lkZW5hdiBpcyBvcGVuZWQuIFVzZSB0aGlzIGJpbmRpbmcgdG8gb3Blbi9jbG9zZSB0aGUgc2lkZW5hdi5cbiAgICogRGVmYXVsdHMgdG8gXCJmYWxzZVwiLlxuICAgKlxuICAgKiBTZWUgXCJNYXRTaWRlbmF2XCIgZG9jdW1lbnRhdGlvbiBmb3IgbW9yZSBpbmZvLlxuICAgKlxuICAgKiBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9tYXRlcmlhbDIvdHJlZS9tYWluL3NyYy9saWIvc2lkZW5hdlxuICAgKi9cbiAgQElucHV0KCkgb3BlbmVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIHNpZGVuYXZXaWR0aD86IHN0cmluZ1xuICAgKlxuICAgKiBTZXRzIHRoZSBcIndpZHRoXCIgb2YgdGhlIHNpZGVuYXYgaW4gZWl0aGVyIFwicHhcIiBvciBcIiVcIlxuICAgKiBEZWZhdWx0cyB0byBcIjMyMHB4XCIuXG4gICAqXG4gICAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL21hdGVyaWFsMi90cmVlL21haW4vc3JjL2xpYi9zaWRlbmF2XG4gICAqL1xuICBASW5wdXQoKSBzaWRlbmF2V2lkdGggPSAnMzIwcHgnO1xuXG4gIC8qKlxuICAgKiBjb250YWluZXJBdXRvc2l6ZT86IGJvb2xlYW5cbiAgICpcbiAgICogU2V0cyBcImF1dG9zaXplXCIgb2YgdGhlIHNpZGVuYXYtY29udGFpbmVyLlxuICAgKiBEZWZhdWx0cyB0byBcImZhbHNlXCIuXG4gICAqXG4gICAqIFNlZSBkb2N1bWVudGF0aW9uIGZvciBtb3JlIGluZm8gYW5kIHBvdGVudGlhbCBwZXJmb3JtYW5jZSByaXNrcy5cbiAgICpcbiAgICogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvbWF0ZXJpYWwyL2Jsb2IvbWFpbi9zcmMvbGliL3NpZGVuYXYvc2lkZW5hdi5tZCNyZXNpemluZy1hbi1vcGVuLXNpZGVuYXZcbiAgICovXG4gIEBJbnB1dCgpIGNvbnRhaW5lckF1dG9zaXplID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiBgRVNDYCBzaG91bGQgY2xvc2UgdGhlIHNpZGVuYXZcbiAgICogU2hvdWxkIG9ubHkgY2xvc2UgaXQgZm9yIGBwdXNoYCBhbmQgYG92ZXJgIG1vZGVzXG4gICAqL1xuICBnZXQgZGlzYWJsZUNsb3NlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLm1vZGUgPT09ICdzaWRlJztcbiAgfVxuXG4gIC8qKlxuICAgKiBQcm94eSB0b2dnbGUgbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB0ZC1sYXlvdXQgdGVtcGxhdGUpLlxuICAgKi9cbiAgcHVibGljIHRvZ2dsZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD4ge1xuICAgIHJldHVybiB0aGlzLnNpZGVuYXYudG9nZ2xlKCF0aGlzLnNpZGVuYXYub3BlbmVkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBQcm94eSBvcGVuIG1ldGhvZCB0byBhY2Nlc3Mgc2lkZW5hdiBmcm9tIG91dHNpZGUgKGZyb20gdGQtbGF5b3V0IHRlbXBsYXRlKS5cbiAgICovXG4gIHB1YmxpYyBvcGVuKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XG4gICAgcmV0dXJuIHRoaXMuc2lkZW5hdi5vcGVuKCk7XG4gIH1cblxuICAvKipcbiAgICogUHJveHkgY2xvc2UgbWV0aG9kIHRvIGFjY2VzcyBzaWRlbmF2IGZyb20gb3V0c2lkZSAoZnJvbSB0ZC1sYXlvdXQgdGVtcGxhdGUpLlxuICAgKi9cbiAgcHVibGljIGNsb3NlKCk6IFByb21pc2U8TWF0RHJhd2VyVG9nZ2xlUmVzdWx0PiB7XG4gICAgcmV0dXJuIHRoaXMuc2lkZW5hdi5jbG9zZSgpO1xuICB9XG59XG4iLCI8bWF0LXNpZGVuYXYtY29udGFpbmVyIGZ1bGxzY3JlZW4gW2F1dG9zaXplXT1cImNvbnRhaW5lckF1dG9zaXplXCI+XG4gIDxtYXQtc2lkZW5hdlxuICAgICNzaWRlbmF2XG4gICAgY2xhc3M9XCJ0ZC1sYXlvdXQtc2lkZW5hdlwiXG4gICAgW21vZGVdPVwibW9kZVwiXG4gICAgW29wZW5lZF09XCJvcGVuZWRcIlxuICAgIFtzdHlsZS5tYXgtd2lkdGhdPVwic2lkZW5hdldpZHRoXCJcbiAgICBbc3R5bGUubWluLXdpZHRoXT1cInNpZGVuYXZXaWR0aFwiXG4gICAgW2Rpc2FibGVDbG9zZV09XCJkaXNhYmxlQ2xvc2VcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidGQtbmF2aWdhdGlvbi1kcmF3ZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RkLXNpZGVuYXYtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbWF0LXNpZGVuYXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbWF0LXNpZGVuYXYtY29udGFpbmVyPlxuIl19","import { Input, HostListener, Renderer2, ElementRef, Directive, inject, } from '@angular/core';\nimport { mixinDisabled } from '@covalent/core/common';\nimport * as i0 from \"@angular/core\";\nexport class LayoutToggleBase {\n}\n/* tslint:disable-next-line */\nexport const _TdLayoutToggleMixinBase = mixinDisabled(LayoutToggleBase);\nexport class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase {\n    _toggleSubs;\n    _renderer = inject(Renderer2);\n    _elementRef = inject(ElementRef);\n    _initialized = false;\n    _hideWhenOpened = false;\n    _layout;\n    /**\n     * hideWhenOpened?: boolean\n     * When this is set to true, the host will be hidden when\n     * the sidenav is opened.\n     */\n    set hideWhenOpened(hideWhenOpened) {\n        this._hideWhenOpened = hideWhenOpened;\n        if (this._initialized) {\n            this._toggleVisibility();\n        }\n    }\n    constructor() {\n        super();\n        this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-menu-button');\n    }\n    ngAfterViewInit() {\n        this._initialized = true;\n        // if layout has not been provided\n        // show warn message\n        if (!this._layout) {\n            this._noLayoutMessage();\n        }\n        if (this._layout && this._layout.sidenav) {\n            this._toggleSubs = this._layout.sidenav._animationStarted.subscribe(() => {\n                this._toggleVisibility();\n            });\n        }\n        // execute toggleVisibility since the onOpenStart and onCloseStart\n        // methods might not be executed always when the element is rendered\n        this._toggleVisibility();\n    }\n    ngOnDestroy() {\n        if (this._toggleSubs) {\n            this._toggleSubs.unsubscribe();\n            this._toggleSubs = undefined;\n        }\n    }\n    /**\n     * Listens to host click event to trigger the layout toggle\n     */\n    clickListener(event) {\n        event.preventDefault();\n        if (!this.disabled) {\n            // if layout has been provided, try triggering the click on it\n            // else show warn message\n            if (this._layout) {\n                this.onClick();\n            }\n            else {\n                this._noLayoutMessage();\n            }\n        }\n    }\n    _toggleVisibility() {\n        if (this._layout) {\n            if (this._layout.sidenav.opened && this._hideWhenOpened) {\n                this._renderer.setStyle(this._elementRef.nativeElement, 'display', 'none');\n            }\n            else {\n                this._renderer.setStyle(this._elementRef.nativeElement, 'display', '');\n            }\n        }\n    }\n    _noLayoutMessage() {\n        /* tslint:disable-next-line */\n        console.warn('Covalent: Parent layout not found for layout toggle directive');\n    }\n    static ɵfac = function BaseLayoutToggleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseLayoutToggleDirective)(); };\n    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseLayoutToggleDirective, hostBindings: function BaseLayoutToggleDirective_HostBindings(rf, ctx) { if (rf & 1) {\n            i0.ɵɵlistener(\"click\", function BaseLayoutToggleDirective_click_HostBindingHandler($event) { return ctx.clickListener($event); });\n        } }, inputs: { hideWhenOpened: \"hideWhenOpened\" }, features: [i0.ɵɵInheritDefinitionFeature] });\n}\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(BaseLayoutToggleDirective, [{\n        type: Directive\n    }], () => [], { hideWhenOpened: [{\n            type: Input\n        }], clickListener: [{\n            type: HostListener,\n            args: ['click', ['$event']]\n        }] }); })();\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXRvZ2dsZS5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9sYXlvdXQvc3JjL2xheW91dC10b2dnbGUuY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLEtBQUssRUFDTCxZQUFZLEVBQ1osU0FBUyxFQUNULFVBQVUsRUFHVixTQUFTLEVBQ1QsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBSXZCLE9BQU8sRUFBZSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFZbkUsTUFBTSxPQUFPLGdCQUFnQjtDQUFHO0FBRWhDLDhCQUE4QjtBQUM5QixNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztBQUd4RSxNQUFNLE9BQWdCLHlCQUNwQixTQUFRLHdCQUF3QjtJQUd4QixXQUFXLENBQWdCO0lBRTNCLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDOUIsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUVqQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFFdEIsT0FBTyxDQUFvQjtJQUVyQzs7OztPQUlHO0lBQ0gsSUFDSSxjQUFjLENBQUMsY0FBdUI7UUFDeEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxjQUFjLENBQUM7UUFDdEMsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUNILENBQUM7SUFFRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBRVIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQ3JCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUM5Qix1QkFBdUIsQ0FDeEIsQ0FBQztJQUNKLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsa0NBQWtDO1FBQ2xDLG9CQUFvQjtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzFCLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUN6QyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FDakUsR0FBRyxFQUFFO2dCQUNILElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1lBQzNCLENBQUMsQ0FDRixDQUFDO1FBQ0osQ0FBQztRQUNELGtFQUFrRTtRQUNsRSxvRUFBb0U7UUFDcEUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFFSCxhQUFhLENBQUMsS0FBWTtRQUN4QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQiw4REFBOEQ7WUFDOUQseUJBQXlCO1lBQ3pCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUNqQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzFCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUlPLGlCQUFpQjtRQUN2QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBQ3hELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFDOUIsU0FBUyxFQUNULE1BQU0sQ0FDUCxDQUFDO1lBQ0osQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUN6RSxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsOEJBQThCO1FBQzlCLE9BQU8sQ0FBQyxJQUFJLENBQ1YsK0RBQStELENBQ2hFLENBQUM7SUFDSixDQUFDO21IQXBHbUIseUJBQXlCOzZEQUF6Qix5QkFBeUI7WUFBekIsb0dBQUEseUJBQXFCLElBQUk7OztpRkFBekIseUJBQXlCO2NBRDlDLFNBQVM7b0JBcUJKLGNBQWM7a0JBRGpCLEtBQUs7WUErQ04sYUFBYTtrQkFEWixZQUFZO21CQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIElucHV0LFxuICBIb3N0TGlzdGVuZXIsXG4gIFJlbmRlcmVyMixcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgT25EZXN0cm95LFxuICBEaXJlY3RpdmUsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1hdFNpZGVuYXYsIE1hdERyYXdlclRvZ2dsZVJlc3VsdCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXYnO1xuXG5pbXBvcnQgeyBJQ2FuRGlzYWJsZSwgbWl4aW5EaXNhYmxlZCB9IGZyb20gJ0Bjb3ZhbGVudC9jb3JlL2NvbW1vbic7XG5cbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElMYXlvdXRUb2dnbGFibGUge1xuICBvcGVuZWQ6IGJvb2xlYW47XG4gIHNpZGVuYXY6IE1hdFNpZGVuYXY7XG4gIHRvZ2dsZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD47XG4gIG9wZW4oKTogUHJvbWlzZTxNYXREcmF3ZXJUb2dnbGVSZXN1bHQ+O1xuICBjbG9zZSgpOiBQcm9taXNlPE1hdERyYXdlclRvZ2dsZVJlc3VsdD47XG59XG5cbmV4cG9ydCBjbGFzcyBMYXlvdXRUb2dnbGVCYXNlIHt9XG5cbi8qIHRzbGludDpkaXNhYmxlLW5leHQtbGluZSAqL1xuZXhwb3J0IGNvbnN0IF9UZExheW91dFRvZ2dsZU1peGluQmFzZSA9IG1peGluRGlzYWJsZWQoTGF5b3V0VG9nZ2xlQmFzZSk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEJhc2VMYXlvdXRUb2dnbGVEaXJlY3RpdmVcbiAgZXh0ZW5kcyBfVGRMYXlvdXRUb2dnbGVNaXhpbkJhc2VcbiAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3ksIElDYW5EaXNhYmxlXG57XG4gIHByaXZhdGUgX3RvZ2dsZVN1YnM/OiBTdWJzY3JpcHRpb247XG5cbiAgcHJpdmF0ZSBfcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcbiAgcHJpdmF0ZSBfZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBwcml2YXRlIF9pbml0aWFsaXplZCA9IGZhbHNlO1xuICBwcml2YXRlIF9oaWRlV2hlbk9wZW5lZCA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBfbGF5b3V0PzogSUxheW91dFRvZ2dsYWJsZTtcblxuICAvKipcbiAgICogaGlkZVdoZW5PcGVuZWQ/OiBib29sZWFuXG4gICAqIFdoZW4gdGhpcyBpcyBzZXQgdG8gdHJ1ZSwgdGhlIGhvc3Qgd2lsbCBiZSBoaWRkZW4gd2hlblxuICAgKiB0aGUgc2lkZW5hdiBpcyBvcGVuZWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgaGlkZVdoZW5PcGVuZWQoaGlkZVdoZW5PcGVuZWQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9oaWRlV2hlbk9wZW5lZCA9IGhpZGVXaGVuT3BlbmVkO1xuICAgIGlmICh0aGlzLl9pbml0aWFsaXplZCkge1xuICAgICAgdGhpcy5fdG9nZ2xlVmlzaWJpbGl0eSgpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLl9yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICd0ZC1sYXlvdXQtbWVudS1idXR0b24nLFxuICAgICk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5faW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgIC8vIGlmIGxheW91dCBoYXMgbm90IGJlZW4gcHJvdmlkZWRcbiAgICAvLyBzaG93IHdhcm4gbWVzc2FnZVxuICAgIGlmICghdGhpcy5fbGF5b3V0KSB7XG4gICAgICB0aGlzLl9ub0xheW91dE1lc3NhZ2UoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuX2xheW91dCAmJiB0aGlzLl9sYXlvdXQuc2lkZW5hdikge1xuICAgICAgdGhpcy5fdG9nZ2xlU3VicyA9IHRoaXMuX2xheW91dC5zaWRlbmF2Ll9hbmltYXRpb25TdGFydGVkLnN1YnNjcmliZShcbiAgICAgICAgKCkgPT4ge1xuICAgICAgICAgIHRoaXMuX3RvZ2dsZVZpc2liaWxpdHkoKTtcbiAgICAgICAgfSxcbiAgICAgICk7XG4gICAgfVxuICAgIC8vIGV4ZWN1dGUgdG9nZ2xlVmlzaWJpbGl0eSBzaW5jZSB0aGUgb25PcGVuU3RhcnQgYW5kIG9uQ2xvc2VTdGFydFxuICAgIC8vIG1ldGhvZHMgbWlnaHQgbm90IGJlIGV4ZWN1dGVkIGFsd2F5cyB3aGVuIHRoZSBlbGVtZW50IGlzIHJlbmRlcmVkXG4gICAgdGhpcy5fdG9nZ2xlVmlzaWJpbGl0eSgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3RvZ2dsZVN1YnMpIHtcbiAgICAgIHRoaXMuX3RvZ2dsZVN1YnMudW5zdWJzY3JpYmUoKTtcbiAgICAgIHRoaXMuX3RvZ2dsZVN1YnMgPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIExpc3RlbnMgdG8gaG9zdCBjbGljayBldmVudCB0byB0cmlnZ2VyIHRoZSBsYXlvdXQgdG9nZ2xlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIGNsaWNrTGlzdGVuZXIoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIC8vIGlmIGxheW91dCBoYXMgYmVlbiBwcm92aWRlZCwgdHJ5IHRyaWdnZXJpbmcgdGhlIGNsaWNrIG9uIGl0XG4gICAgICAvLyBlbHNlIHNob3cgd2FybiBtZXNzYWdlXG4gICAgICBpZiAodGhpcy5fbGF5b3V0KSB7XG4gICAgICAgIHRoaXMub25DbGljaygpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5fbm9MYXlvdXRNZXNzYWdlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgYWJzdHJhY3Qgb25DbGljaygpOiB2b2lkO1xuXG4gIHByaXZhdGUgX3RvZ2dsZVZpc2liaWxpdHkoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2xheW91dCkge1xuICAgICAgaWYgKHRoaXMuX2xheW91dC5zaWRlbmF2Lm9wZW5lZCAmJiB0aGlzLl9oaWRlV2hlbk9wZW5lZCkge1xuICAgICAgICB0aGlzLl9yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgJ2Rpc3BsYXknLFxuICAgICAgICAgICdub25lJyxcbiAgICAgICAgKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLnNldFN0eWxlKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc3BsYXknLCAnJyk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfbm9MYXlvdXRNZXNzYWdlKCk6IHZvaWQge1xuICAgIC8qIHRzbGludDpkaXNhYmxlLW5leHQtbGluZSAqL1xuICAgIGNvbnNvbGUud2FybihcbiAgICAgICdDb3ZhbGVudDogUGFyZW50IGxheW91dCBub3QgZm91bmQgZm9yIGxheW91dCB0b2dnbGUgZGlyZWN0aXZlJyxcbiAgICApO1xuICB9XG59XG4iXX0=","import { Directive, Input, inject } from '@angular/core';\nimport { TdLayoutComponent } from './layout.component';\nimport { BaseLayoutToggleDirective } from './layout-toggle.class';\nimport * as i0 from \"@angular/core\";\nexport class TdLayoutToggleDirective extends BaseLayoutToggleDirective {\n    set tdLayoutToggle(tdLayoutToggle) {\n        this.disabled = !(tdLayoutToggle === '' || tdLayoutToggle);\n    }\n    constructor() {\n        super();\n        this._layout = inject(TdLayoutComponent);\n    }\n    onClick() {\n        this._layout?.toggle();\n    }\n    static ɵfac = function TdLayoutToggleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutToggleDirective)(); };\n    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutToggleDirective, selectors: [[\"\", \"tdLayoutToggle\", \"\"]], inputs: { tdLayoutToggle: \"tdLayoutToggle\" }, features: [i0.ɵɵInheritDefinitionFeature] });\n}\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutToggleDirective, [{\n        type: Directive,\n        args: [{\n                selector: '[tdLayoutToggle]',\n            }]\n    }], () => [], { tdLayoutToggle: [{\n            type: Input\n        }] }); })();\nexport class TdLayoutCloseDirective extends BaseLayoutToggleDirective {\n    set tdLayoutClose(tdLayoutClose) {\n        this.disabled = !(tdLayoutClose === '' || tdLayoutClose);\n    }\n    constructor() {\n        super();\n        this._layout = inject(TdLayoutComponent);\n    }\n    onClick() {\n        this._layout?.close();\n    }\n    static ɵfac = function TdLayoutCloseDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutCloseDirective)(); };\n    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutCloseDirective, selectors: [[\"\", \"tdLayoutClose\", \"\"]], inputs: { tdLayoutClose: \"tdLayoutClose\" }, features: [i0.ɵɵInheritDefinitionFeature] });\n}\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutCloseDirective, [{\n        type: Directive,\n        args: [{\n                selector: '[tdLayoutClose]',\n            }]\n    }], () => [], { tdLayoutClose: [{\n            type: Input\n        }] }); })();\nexport class TdLayoutOpenDirective extends BaseLayoutToggleDirective {\n    set tdLayoutClose(tdLayoutOpen) {\n        this.disabled = !(tdLayoutOpen === '' || tdLayoutOpen);\n    }\n    constructor() {\n        super();\n        this._layout = inject(TdLayoutComponent);\n    }\n    onClick() {\n        this._layout?.open();\n    }\n    static ɵfac = function TdLayoutOpenDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutOpenDirective)(); };\n    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutOpenDirective, selectors: [[\"\", \"tdLayoutOpen\", \"\"]], inputs: { tdLayoutClose: [0, \"tdLayoutOpen\", \"tdLayoutClose\"] }, features: [i0.ɵɵInheritDefinitionFeature] });\n}\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutOpenDirective, [{\n        type: Directive,\n        args: [{\n                selector: '[tdLayoutOpen]',\n            }]\n    }], () => [], { tdLayoutClose: [{\n            type: Input,\n            args: ['tdLayoutOpen']\n        }] }); })();\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvbGF5b3V0L3NyYy9sYXlvdXQuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBS2xFLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSx5QkFBeUI7SUFDcEUsSUFDSSxjQUFjLENBQUMsY0FBZ0M7UUFDakQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQU0sY0FBYyxLQUFLLEVBQUUsSUFBSSxjQUFjLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQ3pCLENBQUM7aUhBYlUsdUJBQXVCOzZEQUF2Qix1QkFBdUI7O2lGQUF2Qix1QkFBdUI7Y0FIbkMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7YUFDN0I7b0JBR0ssY0FBYztrQkFEakIsS0FBSzs7QUFrQlIsTUFBTSxPQUFPLHNCQUF1QixTQUFRLHlCQUF5QjtJQUNuRSxJQUNJLGFBQWEsQ0FBQyxhQUEyQztRQUMzRCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBTSxhQUFhLEtBQUssRUFBRSxJQUFJLGFBQWEsQ0FBQyxDQUFDO0lBQ2hFLENBQUM7SUFFRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDeEIsQ0FBQztnSEFiVSxzQkFBc0I7NkRBQXRCLHNCQUFzQjs7aUZBQXRCLHNCQUFzQjtjQUhsQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjthQUM1QjtvQkFHSyxhQUFhO2tCQURoQixLQUFLOztBQWtCUixNQUFNLE9BQU8scUJBQXNCLFNBQVEseUJBQXlCO0lBQ2xFLElBQ0ksYUFBYSxDQUFDLFlBQXFCO1FBQ3JDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFNLFlBQVksS0FBSyxFQUFFLElBQUksWUFBWSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVEO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFDUixJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOytHQWJVLHFCQUFxQjs2REFBckIscUJBQXFCOztpRkFBckIscUJBQXFCO2NBSGpDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2FBQzNCO29CQUdLLGFBQWE7a0JBRGhCLEtBQUs7bUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGRMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQmFzZUxheW91dFRvZ2dsZURpcmVjdGl2ZSB9IGZyb20gJy4vbGF5b3V0LXRvZ2dsZS5jbGFzcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZExheW91dFRvZ2dsZV0nLFxufSlcbmV4cG9ydCBjbGFzcyBUZExheW91dFRvZ2dsZURpcmVjdGl2ZSBleHRlbmRzIEJhc2VMYXlvdXRUb2dnbGVEaXJlY3RpdmUge1xuICBASW5wdXQoKVxuICBzZXQgdGRMYXlvdXRUb2dnbGUodGRMYXlvdXRUb2dnbGU6IGJvb2xlYW4gfCBzdHJpbmcpIHtcbiAgICB0aGlzLmRpc2FibGVkID0gISg8YW55PnRkTGF5b3V0VG9nZ2xlID09PSAnJyB8fCB0ZExheW91dFRvZ2dsZSk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX2xheW91dCA9IGluamVjdChUZExheW91dENvbXBvbmVudCk7XG4gIH1cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX2xheW91dD8udG9nZ2xlKCk7XG4gIH1cbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3RkTGF5b3V0Q2xvc2VdJyxcbn0pXG5leHBvcnQgY2xhc3MgVGRMYXlvdXRDbG9zZURpcmVjdGl2ZSBleHRlbmRzIEJhc2VMYXlvdXRUb2dnbGVEaXJlY3RpdmUge1xuICBASW5wdXQoKVxuICBzZXQgdGRMYXlvdXRDbG9zZSh0ZExheW91dENsb3NlOiBib29sZWFuIHwgc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9ICEoPGFueT50ZExheW91dENsb3NlID09PSAnJyB8fCB0ZExheW91dENsb3NlKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5fbGF5b3V0ID0gaW5qZWN0KFRkTGF5b3V0Q29tcG9uZW50KTtcbiAgfVxuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5fbGF5b3V0Py5jbG9zZSgpO1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZExheW91dE9wZW5dJyxcbn0pXG5leHBvcnQgY2xhc3MgVGRMYXlvdXRPcGVuRGlyZWN0aXZlIGV4dGVuZHMgQmFzZUxheW91dFRvZ2dsZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgndGRMYXlvdXRPcGVuJylcbiAgc2V0IHRkTGF5b3V0Q2xvc2UodGRMYXlvdXRPcGVuOiBib29sZWFuKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9ICEoPGFueT50ZExheW91dE9wZW4gPT09ICcnIHx8IHRkTGF5b3V0T3Blbik7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX2xheW91dCA9IGluamVjdChUZExheW91dENvbXBvbmVudCk7XG4gIH1cblxuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX2xheW91dD8ub3BlbigpO1xuICB9XG59XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { Component, Input, inject } from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatToolbar } from '@angular/material/toolbar';\nimport { Router } from '@angular/router';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nconst _c0 = [[[\"\", \"td-menu-button\", \"\"]], [[\"\", \"td-toolbar-content\", \"\"]], \"*\", [[\"td-layout-footer\"]]];\nconst _c1 = [\"[td-menu-button]\", \"[td-toolbar-content]\", \"*\", \"td-layout-footer\"];\nfunction TdLayoutNavComponent_span_3_mat_icon_1_Template(rf, ctx) { if (rf & 1) {\n    i0.ɵɵelementStart(0, \"mat-icon\");\n    i0.ɵɵtext(1);\n    i0.ɵɵelementEnd();\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext(2);\n    i0.ɵɵadvance();\n    i0.ɵɵtextInterpolate(ctx_r1.icon);\n} }\nfunction TdLayoutNavComponent_span_3_mat_icon_2_Template(rf, ctx) { if (rf & 1) {\n    i0.ɵɵelement(0, \"mat-icon\", 7);\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext(2);\n    i0.ɵɵproperty(\"svgIcon\", ctx_r1.logo);\n} }\nfunction TdLayoutNavComponent_span_3_span_3_Template(rf, ctx) { if (rf & 1) {\n    i0.ɵɵelementStart(0, \"span\");\n    i0.ɵɵtext(1);\n    i0.ɵɵelementEnd();\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext(2);\n    i0.ɵɵadvance();\n    i0.ɵɵtextInterpolate(ctx_r1.toolbarTitle);\n} }\nfunction TdLayoutNavComponent_span_3_Template(rf, ctx) { if (rf & 1) {\n    const _r1 = i0.ɵɵgetCurrentView();\n    i0.ɵɵelementStart(0, \"span\", 4);\n    i0.ɵɵlistener(\"click\", function TdLayoutNavComponent_span_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleNavigationClick()); });\n    i0.ɵɵtemplate(1, TdLayoutNavComponent_span_3_mat_icon_1_Template, 2, 1, \"mat-icon\", 5)(2, TdLayoutNavComponent_span_3_mat_icon_2_Template, 1, 1, \"mat-icon\", 6)(3, TdLayoutNavComponent_span_3_span_3_Template, 2, 1, \"span\", 5);\n    i0.ɵɵelementEnd();\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext();\n    i0.ɵɵclassProp(\"cursor-pointer\", ctx_r1.routerEnabled);\n    i0.ɵɵadvance();\n    i0.ɵɵproperty(\"ngIf\", ctx_r1.icon);\n    i0.ɵɵadvance();\n    i0.ɵɵproperty(\"ngIf\", ctx_r1.logo && !ctx_r1.icon);\n    i0.ɵɵadvance();\n    i0.ɵɵproperty(\"ngIf\", ctx_r1.toolbarTitle);\n} }\nexport class TdLayoutNavComponent {\n    _router = inject(Router, { optional: true });\n    /**\n     * toolbarTitle?: string\n     *\n     * Title set in toolbar.\n     */\n    toolbarTitle;\n    /**\n     * icon?: string\n     *\n     * icon name to be displayed before the title\n     */\n    icon;\n    /**\n     * logo?: string\n     *\n     * logo icon name to be displayed before the title.\n     * If [icon] is set, then this will not be shown.\n     */\n    logo;\n    /**\n     * color?: 'accent' | 'primary' | 'warn'\n     *\n     * toolbar color option: primary | accent | warn.\n     * If [color] is not set, primary is used.\n     */\n    color;\n    /**\n     * navigationRoute?: string\n     *\n     * option to set the combined route for the icon, logo, and toolbarTitle.\n     */\n    navigationRoute;\n    /**\n     * Checks if router was injected.\n     */\n    get routerEnabled() {\n        return !!this._router && !!this.navigationRoute;\n    }\n    handleNavigationClick() {\n        if (this.routerEnabled && this.navigationRoute) {\n            this._router?.navigateByUrl(this.navigationRoute);\n        }\n    }\n    static ɵfac = function TdLayoutNavComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutNavComponent)(); };\n    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdLayoutNavComponent, selectors: [[\"td-layout-nav\"]], inputs: { toolbarTitle: \"toolbarTitle\", icon: \"icon\", logo: \"logo\", color: \"color\", navigationRoute: \"navigationRoute\" }, ngContentSelectors: _c1, decls: 8, vars: 2, consts: [[1, \"td-layout-nav-wrapper\"], [1, \"td-layout-toolbar\", 3, \"color\"], [\"class\", \"td-layout-nav-toolbar-content\", 3, \"cursor-pointer\", \"click\", 4, \"ngIf\"], [\"cdkScrollable\", \"\", 1, \"td-layout-nav-content\"], [1, \"td-layout-nav-toolbar-content\", 3, \"click\"], [4, \"ngIf\"], [\"class\", \"mat-icon-logo\", 3, \"svgIcon\", 4, \"ngIf\"], [1, \"mat-icon-logo\", 3, \"svgIcon\"]], template: function TdLayoutNavComponent_Template(rf, ctx) { if (rf & 1) {\n            i0.ɵɵprojectionDef(_c0);\n            i0.ɵɵelementStart(0, \"div\", 0)(1, \"mat-toolbar\", 1);\n            i0.ɵɵprojection(2);\n            i0.ɵɵtemplate(3, TdLayoutNavComponent_span_3_Template, 4, 5, \"span\", 2);\n            i0.ɵɵprojection(4, 1);\n            i0.ɵɵelementEnd();\n            i0.ɵɵelementStart(5, \"div\", 3);\n            i0.ɵɵprojection(6, 2);\n            i0.ɵɵelementEnd();\n            i0.ɵɵprojection(7, 3);\n            i0.ɵɵelementEnd();\n        } if (rf & 2) {\n            i0.ɵɵadvance();\n            i0.ɵɵproperty(\"color\", ctx.color);\n            i0.ɵɵadvance(2);\n            i0.ɵɵproperty(\"ngIf\", ctx.icon || ctx.logo || ctx.toolbarTitle);\n        } }, dependencies: [CommonModule, i1.NgIf, MatToolbar, MatIcon], styles: [\".td-menu-button[_ngcontent-%COMP%]{margin-left:0}  [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}[_nghost-%COMP%]{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}[_nghost-%COMP%]   .td-layout-nav-wrapper[_ngcontent-%COMP%]{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}[_nghost-%COMP%]   .td-layout-nav-wrapper[_ngcontent-%COMP%]   .td-layout-nav-toolbar-content[_ngcontent-%COMP%]{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}[_nghost-%COMP%]   .td-layout-nav-wrapper[_ngcontent-%COMP%]   .td-layout-nav-content[_ngcontent-%COMP%]{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{z-index:2;box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}\"] });\n}\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutNavComponent, [{\n        type: Component,\n        args: [{ selector: 'td-layout-nav', imports: [CommonModule, MatToolbar, MatIcon], template: \"<div class=\\\"td-layout-nav-wrapper\\\">\\n  <mat-toolbar class=\\\"td-layout-toolbar\\\" [color]=\\\"color\\\">\\n    <ng-content select=\\\"[td-menu-button]\\\"></ng-content>\\n    <span\\n      *ngIf=\\\"icon || logo || toolbarTitle\\\"\\n      [class.cursor-pointer]=\\\"routerEnabled\\\"\\n      (click)=\\\"handleNavigationClick()\\\"\\n      class=\\\"td-layout-nav-toolbar-content\\\"\\n    >\\n      <mat-icon *ngIf=\\\"icon\\\">{{ icon }}</mat-icon>\\n      <mat-icon\\n        *ngIf=\\\"logo && !icon\\\"\\n        class=\\\"mat-icon-logo\\\"\\n        [svgIcon]=\\\"logo\\\"\\n      ></mat-icon>\\n      <span *ngIf=\\\"toolbarTitle\\\">{{ toolbarTitle }}</span>\\n    </span>\\n    <ng-content select=\\\"[td-toolbar-content]\\\"></ng-content>\\n  </mat-toolbar>\\n  <div class=\\\"td-layout-nav-content\\\" cdkScrollable>\\n    <ng-content></ng-content>\\n  </div>\\n  <ng-content select=\\\"td-layout-footer\\\"></ng-content>\\n</div>\\n\", styles: [\".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}:host{display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{flex-direction:column;box-sizing:border-box;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{flex-direction:row;box-sizing:border-box;display:flex;align-items:center;align-content:center;max-width:100%;justify-content:flex-start}:host .td-layout-nav-wrapper .td-layout-nav-content{flex-direction:column;box-sizing:border-box;display:flex;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host mat-toolbar{z-index:2;box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}\\n\"] }]\n    }], null, { toolbarTitle: [{\n            type: Input\n        }], icon: [{\n            type: Input\n        }], logo: [{\n            type: Input\n        }], color: [{\n            type: Input\n        }], navigationRoute: [{\n            type: Input\n        }] }); })();\n(() => { (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassDebugInfo(TdLayoutNavComponent, { className: \"TdLayoutNavComponent\", filePath: \"layout-nav/layout-nav.component.ts\", lineNumber: 13 }); })();\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvbGF5b3V0L3NyYy9sYXlvdXQtbmF2L2xheW91dC1uYXYuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2xheW91dC9zcmMvbGF5b3V0LW5hdi9sYXlvdXQtbmF2LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7OztJQ0tuQyxnQ0FBdUI7SUFBQSxZQUFVO0lBQUEsaUJBQVc7OztJQUFyQixjQUFVO0lBQVYsaUNBQVU7OztJQUNqQyw4QkFJWTs7O0lBRFYscUNBQWdCOzs7SUFFbEIsNEJBQTJCO0lBQUEsWUFBa0I7SUFBQSxpQkFBTzs7O0lBQXpCLGNBQWtCO0lBQWxCLHlDQUFrQjs7OztJQVovQywrQkFLQztJQUZDLCtLQUFTLDhCQUF1QixLQUFDO0lBU2pDLEFBTEEsQUFEQSxzRkFBdUIseUVBS3RCLGlFQUMwQjtJQUM3QixpQkFBTzs7O0lBWEwsc0RBQXNDO0lBSTNCLGNBQVU7SUFBVixrQ0FBVTtJQUVsQixjQUFtQjtJQUFuQixrREFBbUI7SUFJZixjQUFrQjtJQUFsQiwwQ0FBa0I7O0FESC9CLE1BQU0sT0FBTyxvQkFBb0I7SUFDdkIsT0FBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUVyRDs7OztPQUlHO0lBQ00sWUFBWSxDQUFVO0lBRS9COzs7O09BSUc7SUFDTSxJQUFJLENBQVU7SUFFdkI7Ozs7O09BS0c7SUFDTSxJQUFJLENBQVU7SUFFdkI7Ozs7O09BS0c7SUFDTSxLQUFLLENBQWlDO0lBRS9DOzs7O09BSUc7SUFDTSxlQUFlLENBQVU7SUFFbEM7O09BRUc7SUFDSCxJQUFJLGFBQWE7UUFDZixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQ2xELENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUMvQyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDcEQsQ0FBQztJQUNILENBQUM7OEdBbkRVLG9CQUFvQjs2REFBcEIsb0JBQW9COztZQ1gvQixBQURGLDhCQUFtQyxxQkFDc0I7WUFDckQsa0JBQW1EO1lBQ25ELHVFQUtDO1lBU0QscUJBQXVEO1lBQ3pELGlCQUFjO1lBQ2QsOEJBQWlEO1lBQy9DLHFCQUF5QjtZQUMzQixpQkFBTTtZQUNOLHFCQUFtRDtZQUNyRCxpQkFBTTs7WUF0Qm1DLGNBQWU7WUFBZixpQ0FBZTtZQUdqRCxlQUFrQztZQUFsQywrREFBa0M7NEJETTdCLFlBQVksV0FBRSxVQUFVLEVBQUUsT0FBTzs7aUZBRWhDLG9CQUFvQjtjQU5oQyxTQUFTOzJCQUNFLGVBQWUsV0FHaEIsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLE9BQU8sQ0FBQztnQkFVbkMsWUFBWTtrQkFBcEIsS0FBSztZQU9HLElBQUk7a0JBQVosS0FBSztZQVFHLElBQUk7a0JBQVosS0FBSztZQVFHLEtBQUs7a0JBQWIsS0FBSztZQU9HLGVBQWU7a0JBQXZCLEtBQUs7O2tGQXRDSyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRUb29sYmFyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZC1sYXlvdXQtbmF2JyxcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LW5hdi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vbGF5b3V0LW5hdi5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFRvb2xiYXIsIE1hdEljb25dLFxufSlcbmV4cG9ydCBjbGFzcyBUZExheW91dE5hdkNvbXBvbmVudCB7XG4gIHByaXZhdGUgX3JvdXRlciA9IGluamVjdChSb3V0ZXIsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG5cbiAgLyoqXG4gICAqIHRvb2xiYXJUaXRsZT86IHN0cmluZ1xuICAgKlxuICAgKiBUaXRsZSBzZXQgaW4gdG9vbGJhci5cbiAgICovXG4gIEBJbnB1dCgpIHRvb2xiYXJUaXRsZT86IHN0cmluZztcblxuICAvKipcbiAgICogaWNvbj86IHN0cmluZ1xuICAgKlxuICAgKiBpY29uIG5hbWUgdG8gYmUgZGlzcGxheWVkIGJlZm9yZSB0aGUgdGl0bGVcbiAgICovXG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIGxvZ28/OiBzdHJpbmdcbiAgICpcbiAgICogbG9nbyBpY29uIG5hbWUgdG8gYmUgZGlzcGxheWVkIGJlZm9yZSB0aGUgdGl0bGUuXG4gICAqIElmIFtpY29uXSBpcyBzZXQsIHRoZW4gdGhpcyB3aWxsIG5vdCBiZSBzaG93bi5cbiAgICovXG4gIEBJbnB1dCgpIGxvZ28/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIGNvbG9yPzogJ2FjY2VudCcgfCAncHJpbWFyeScgfCAnd2FybidcbiAgICpcbiAgICogdG9vbGJhciBjb2xvciBvcHRpb246IHByaW1hcnkgfCBhY2NlbnQgfCB3YXJuLlxuICAgKiBJZiBbY29sb3JdIGlzIG5vdCBzZXQsIHByaW1hcnkgaXMgdXNlZC5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yPzogJ2FjY2VudCcgfCAncHJpbWFyeScgfCAnd2Fybic7XG5cbiAgLyoqXG4gICAqIG5hdmlnYXRpb25Sb3V0ZT86IHN0cmluZ1xuICAgKlxuICAgKiBvcHRpb24gdG8gc2V0IHRoZSBjb21iaW5lZCByb3V0ZSBmb3IgdGhlIGljb24sIGxvZ28sIGFuZCB0b29sYmFyVGl0bGUuXG4gICAqL1xuICBASW5wdXQoKSBuYXZpZ2F0aW9uUm91dGU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiByb3V0ZXIgd2FzIGluamVjdGVkLlxuICAgKi9cbiAgZ2V0IHJvdXRlckVuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5fcm91dGVyICYmICEhdGhpcy5uYXZpZ2F0aW9uUm91dGU7XG4gIH1cblxuICBoYW5kbGVOYXZpZ2F0aW9uQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucm91dGVyRW5hYmxlZCAmJiB0aGlzLm5hdmlnYXRpb25Sb3V0ZSkge1xuICAgICAgdGhpcy5fcm91dGVyPy5uYXZpZ2F0ZUJ5VXJsKHRoaXMubmF2aWdhdGlvblJvdXRlKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0ZC1sYXlvdXQtbmF2LXdyYXBwZXJcIj5cbiAgPG1hdC10b29sYmFyIGNsYXNzPVwidGQtbGF5b3V0LXRvb2xiYXJcIiBbY29sb3JdPVwiY29sb3JcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGQtbWVudS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxzcGFuXG4gICAgICAqbmdJZj1cImljb24gfHwgbG9nbyB8fCB0b29sYmFyVGl0bGVcIlxuICAgICAgW2NsYXNzLmN1cnNvci1wb2ludGVyXT1cInJvdXRlckVuYWJsZWRcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZU5hdmlnYXRpb25DbGljaygpXCJcbiAgICAgIGNsYXNzPVwidGQtbGF5b3V0LW5hdi10b29sYmFyLWNvbnRlbnRcIlxuICAgID5cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25cIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICAgIDxtYXQtaWNvblxuICAgICAgICAqbmdJZj1cImxvZ28gJiYgIWljb25cIlxuICAgICAgICBjbGFzcz1cIm1hdC1pY29uLWxvZ29cIlxuICAgICAgICBbc3ZnSWNvbl09XCJsb2dvXCJcbiAgICAgID48L21hdC1pY29uPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ0b29sYmFyVGl0bGVcIj57eyB0b29sYmFyVGl0bGUgfX08L3NwYW4+XG4gICAgPC9zcGFuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0ZC10b29sYmFyLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8L21hdC10b29sYmFyPlxuICA8ZGl2IGNsYXNzPVwidGQtbGF5b3V0LW5hdi1jb250ZW50XCIgY2RrU2Nyb2xsYWJsZT5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJ0ZC1sYXlvdXQtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=","import { Component, Input, ViewChild, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MatSidenav, MatSidenavContainer, } from '@angular/material/sidenav';\nimport { MatToolbar } from '@angular/material/toolbar';\nimport { MatIcon } from '@angular/material/icon';\nimport { CommonModule } from '@angular/common';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nconst _c0 = [[[\"\", \"td-menu-button\", \"\"]], [[\"\", \"td-sidenav-toolbar-content\", \"\"]], [[\"\", \"td-sidenav-content\", \"\"]], [[\"\", \"td-toolbar-content\", \"\"]], \"*\", [[\"td-layout-footer-inner\"]], [[\"td-layout-footer\"]]];\nconst _c1 = [\"[td-menu-button]\", \"[td-sidenav-toolbar-content]\", \"[td-sidenav-content]\", \"[td-toolbar-content]\", \"*\", \"td-layout-footer-inner\", \"td-layout-footer\"];\nfunction TdLayoutNavListComponent_span_6_mat_icon_1_Template(rf, ctx) { if (rf & 1) {\n    i0.ɵɵelementStart(0, \"mat-icon\");\n    i0.ɵɵtext(1);\n    i0.ɵɵelementEnd();\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext(2);\n    i0.ɵɵadvance();\n    i0.ɵɵtextInterpolate(ctx_r1.icon);\n} }\nfunction TdLayoutNavListComponent_span_6_mat_icon_2_Template(rf, ctx) { if (rf & 1) {\n    i0.ɵɵelement(0, \"mat-icon\", 11);\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext(2);\n    i0.ɵɵproperty(\"svgIcon\", ctx_r1.logo);\n} }\nfunction TdLayoutNavListComponent_span_6_span_3_Template(rf, ctx) { if (rf & 1) {\n    i0.ɵɵelementStart(0, \"span\");\n    i0.ɵɵtext(1);\n    i0.ɵɵelementEnd();\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext(2);\n    i0.ɵɵadvance();\n    i0.ɵɵtextInterpolate(ctx_r1.toolbarTitle);\n} }\nfunction TdLayoutNavListComponent_span_6_Template(rf, ctx) { if (rf & 1) {\n    const _r1 = i0.ɵɵgetCurrentView();\n    i0.ɵɵelementStart(0, \"span\", 8);\n    i0.ɵɵlistener(\"click\", function TdLayoutNavListComponent_span_6_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleNavigationClick()); });\n    i0.ɵɵtemplate(1, TdLayoutNavListComponent_span_6_mat_icon_1_Template, 2, 1, \"mat-icon\", 9)(2, TdLayoutNavListComponent_span_6_mat_icon_2_Template, 1, 1, \"mat-icon\", 10)(3, TdLayoutNavListComponent_span_6_span_3_Template, 2, 1, \"span\", 9);\n    i0.ɵɵelementEnd();\n} if (rf & 2) {\n    const ctx_r1 = i0.ɵɵnextContext();\n    i0.ɵɵclassProp(\"cursor-pointer\", ctx_r1.routerEnabled);\n    i0.ɵɵadvance();\n    i0.ɵɵproperty(\"ngIf\", ctx_r1.icon);\n    i0.ɵɵadvance();\n    i0.ɵɵproperty(\"ngIf\", ctx_r1.logo && !ctx_r1.icon);\n    i0.ɵɵadvance();\n    i0.ɵɵproperty(\"ngIf\", ctx_r1.toolbarTitle);\n} }\nexport class TdLayoutNavListComponent {\n    _router = inject(Router, { optional: true });\n    sidenav;\n    /**\n     * toolbarTitle?: string\n     *\n     * Title set in toolbar.\n     */\n    toolbarTitle;\n    /**\n     * icon?: string\n     * icon name to be displayed before the title\n     */\n    icon;\n    /**\n     * logo?: string\n     *\n     * logo icon name to be displayed before the title.\n     * If [icon] is set, then this will not be shown.\n     */\n    logo;\n    /**\n     * color?: 'accent' | 'primary' | 'warn'\n     *\n     * toolbar color option: primary | accent | warn.\n     * If [color] is not set, primary is used.\n     */\n    color;\n    /**\n     * mode?: 'side', 'push' or 'over'\n     *\n     * The mode or styling of the sidenav.\n     * Defaults to \"side\".\n     * See \"MatSidenav\" documentation for more info.\n     *\n     * https://github.com/angular/material2/tree/main/src/lib/sidenav\n     */\n    mode = 'side';\n    /**\n     * opened?: boolean\n     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.\n     * Defaults to \"true\".\n     *\n     * See \"MatSidenav\" documentation for more info.\n     *\n     * https://github.com/angular/material2/tree/main/src/lib/sidenav\n     */\n    opened = true;\n    /**\n     * sidenavWidth?: string\n     *\n     * Sets the \"width\" of the sidenav in either \"px\" or \"%\"\n     * Defaults to \"350px\".\n     *\n     * https://github.com/angular/material2/tree/main/src/lib/sidenav\