@covalent/markdown-navigator 9.1.3 → 10.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,31 +1,216 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { EventEmitter, SecurityContext, Component, ChangeDetectionStrategy, Input, Output, ViewChild, HostListener, Injectable, Inject, Directive, NgModule } from '@angular/core';
3
3
  import * as i4 from '@angular/common';
4
- import { DOCUMENT, CommonModule } from '@angular/common';
4
+ import { CommonModule, DOCUMENT } from '@angular/common';
5
5
  import * as i1 from '@covalent/markdown';
6
- import { removeLeadingHash, isAnchorLink } from '@covalent/markdown';
6
+ import { removeLeadingHash, TdMarkdownLoaderService, isAnchorLink } from '@covalent/markdown';
7
+ import { TdFlavoredMarkdownComponent, TdFlavoredMarkdownLoaderComponent } from '@covalent/flavored-markdown';
7
8
  import * as i2 from '@angular/platform-browser';
8
9
  import * as i3 from '@angular/common/http';
9
10
  import { firstValueFrom } from 'rxjs';
11
+ import { MatButtonModule } from '@angular/material/button';
10
12
  import * as i5 from '@angular/material/tooltip';
11
13
  import { MatTooltipModule } from '@angular/material/tooltip';
12
14
  import * as i6 from '@angular/material/list';
13
15
  import { MatListModule } from '@angular/material/list';
14
- import * as i7 from '@angular/material/divider';
15
16
  import * as i8 from '@angular/material/icon';
16
17
  import { MatIconModule } from '@angular/material/icon';
17
18
  import * as i9 from '@angular/material/progress-bar';
18
19
  import { MatProgressBarModule } from '@angular/material/progress-bar';
19
- import * as i10 from '@covalent/core/breadcrumbs';
20
- import { CovalentBreadcrumbsModule } from '@covalent/core/breadcrumbs';
21
- import * as i11 from '@covalent/flavored-markdown';
22
- import { CovalentFlavoredMarkdownModule } from '@covalent/flavored-markdown';
23
- import * as i12 from '@covalent/core/message';
24
- import { CovalentMessageModule } from '@covalent/core/message';
20
+ import { TdMessageComponent } from '@covalent/core/message';
21
+ import { TdBreadcrumbsComponent } from '@covalent/core/breadcrumbs';
22
+ import * as i7 from '@angular/material/divider';
25
23
  import * as i1$1 from '@covalent/core/dialogs';
26
- import { ResizableDraggableDialog, CovalentDialogsModule } from '@covalent/core/dialogs';
27
- import { MatButtonModule } from '@angular/material/button';
24
+ import { TdWindowDialogComponent, ResizableDraggableDialog, TdDialogService } from '@covalent/core/dialogs';
28
25
 
26
+ const _c0 = ["markdownWrapper"];
27
+ const _c1 = () => ({});
28
+ function TdMarkdownNavigatorComponent_ng_container_0_mat_progress_bar_1_Template(rf, ctx) { if (rf & 1) {
29
+ i0.ɵɵelement(0, "mat-progress-bar", 10);
30
+ } }
31
+ function TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
32
+ const _r3 = i0.ɵɵgetCurrentView();
33
+ i0.ɵɵelementContainerStart(0);
34
+ i0.ɵɵelementStart(1, "a", 15);
35
+ i0.ɵɵlistener("click", function TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_ng_container_1_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r3); const index_r4 = i0.ɵɵnextContext().index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.goBack(ctx_r1.historyStack.length - index_r4)); });
36
+ i0.ɵɵtext(2);
37
+ i0.ɵɵelementEnd();
38
+ i0.ɵɵelementContainerEnd();
39
+ } if (rf & 2) {
40
+ const stack_r5 = i0.ɵɵnextContext().$implicit;
41
+ i0.ɵɵadvance();
42
+ i0.ɵɵattribute("data-test", "back-button");
43
+ i0.ɵɵadvance();
44
+ i0.ɵɵtextInterpolate(stack_r5.title);
45
+ } }
46
+ function TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
47
+ i0.ɵɵelementStart(0, "mat-icon", 16);
48
+ i0.ɵɵtext(1, "chevron_right");
49
+ i0.ɵɵelementEnd();
50
+ } }
51
+ function TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_Template(rf, ctx) { if (rf & 1) {
52
+ i0.ɵɵelementContainerStart(0);
53
+ i0.ɵɵtemplate(1, TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_ng_container_1_Template, 3, 2, "ng-container", 14)(2, TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_ng_template_2_Template, 2, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
54
+ i0.ɵɵelementContainerEnd();
55
+ } if (rf & 2) {
56
+ const isLast_r6 = ctx.last;
57
+ const lastBreadCrumb_r7 = i0.ɵɵreference(3);
58
+ i0.ɵɵadvance();
59
+ i0.ɵɵproperty("ngIf", !isLast_r6)("ngIfElse", lastBreadCrumb_r7);
60
+ } }
61
+ function TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
62
+ const _r1 = i0.ɵɵgetCurrentView();
63
+ i0.ɵɵelementContainerStart(0);
64
+ i0.ɵɵelementStart(1, "td-breadcrumbs")(2, "a", 11);
65
+ i0.ɵɵlistener("click", function TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.reset()); });
66
+ i0.ɵɵtext(3, "Home");
67
+ i0.ɵɵelementEnd();
68
+ i0.ɵɵtemplate(4, TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_ng_container_4_Template, 4, 2, "ng-container", 12);
69
+ i0.ɵɵelementEnd();
70
+ i0.ɵɵelementStart(5, "div", 13);
71
+ i0.ɵɵtext(6);
72
+ i0.ɵɵelementEnd();
73
+ i0.ɵɵelement(7, "mat-divider");
74
+ i0.ɵɵelementContainerEnd();
75
+ } if (rf & 2) {
76
+ let tmp_2_0;
77
+ const ctx_r1 = i0.ɵɵnextContext(2);
78
+ i0.ɵɵadvance(2);
79
+ i0.ɵɵproperty("matTooltip", (tmp_2_0 = ctx_r1.goHomeLabel) !== null && tmp_2_0 !== undefined ? tmp_2_0 : "");
80
+ i0.ɵɵattribute("data-test", "home-button");
81
+ i0.ɵɵadvance(2);
82
+ i0.ɵɵproperty("ngForOf", ctx_r1.historyStack);
83
+ i0.ɵɵadvance();
84
+ i0.ɵɵattribute("data-test", "title");
85
+ i0.ɵɵadvance();
86
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.currentItemTitle, " ");
87
+ i0.ɵɵadvance();
88
+ i0.ɵɵstyleProp("position", "relative");
89
+ } }
90
+ function TdMarkdownNavigatorComponent_ng_container_0_div_4_td_message_2_Template(rf, ctx) { if (rf & 1) {
91
+ i0.ɵɵelement(0, "td-message", 20);
92
+ } if (rf & 2) {
93
+ const ctx_r1 = i0.ɵɵnextContext(3);
94
+ i0.ɵɵproperty("sublabel", ctx_r1.markdownLoaderError);
95
+ i0.ɵɵattribute("data-test", "markdown-loader-error");
96
+ } }
97
+ function TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_loader_3_Template(rf, ctx) { if (rf & 1) {
98
+ const _r8 = i0.ɵɵgetCurrentView();
99
+ i0.ɵɵelementStart(0, "td-flavored-markdown-loader", 21);
100
+ i0.ɵɵlistener("loadFailed", function TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_loader_3_Template_td_flavored_markdown_loader_loadFailed_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleMarkdownLoaderError($event)); })("buttonClicked", function TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_loader_3_Template_td_flavored_markdown_loader_buttonClicked_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.buttonClicked.emit($event)); });
101
+ i0.ɵɵelementEnd();
102
+ } if (rf & 2) {
103
+ let tmp_4_0;
104
+ let tmp_5_0;
105
+ let tmp_6_0;
106
+ const ctx_r1 = i0.ɵɵnextContext(3);
107
+ i0.ɵɵproperty("url", (tmp_4_0 = ctx_r1.url) !== null && tmp_4_0 !== undefined ? tmp_4_0 : "")("httpOptions", (tmp_5_0 = ctx_r1.httpOptions) !== null && tmp_5_0 !== undefined ? tmp_5_0 : i0.ɵɵpureFunction0(5, _c1))("anchor", (tmp_6_0 = ctx_r1.anchor) !== null && tmp_6_0 !== undefined ? tmp_6_0 : "")("copyCodeToClipboard", ctx_r1.copyCodeToClipboard)("copyCodeTooltips", ctx_r1.copyCodeTooltips);
108
+ } }
109
+ function TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_4_Template(rf, ctx) { if (rf & 1) {
110
+ const _r9 = i0.ɵɵgetCurrentView();
111
+ i0.ɵɵelementStart(0, "td-flavored-markdown", 22);
112
+ i0.ɵɵlistener("buttonClicked", function TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_4_Template_td_flavored_markdown_buttonClicked_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.buttonClicked.emit($event)); });
113
+ i0.ɵɵelementEnd();
114
+ } if (rf & 2) {
115
+ let tmp_4_0;
116
+ let tmp_5_0;
117
+ let tmp_6_0;
118
+ const ctx_r1 = i0.ɵɵnextContext(3);
119
+ i0.ɵɵproperty("content", (tmp_4_0 = ctx_r1.markdownString) !== null && tmp_4_0 !== undefined ? tmp_4_0 : "")("hostedUrl", (tmp_5_0 = ctx_r1.url) !== null && tmp_5_0 !== undefined ? tmp_5_0 : "")("anchor", (tmp_6_0 = ctx_r1.anchor) !== null && tmp_6_0 !== undefined ? tmp_6_0 : "")("copyCodeToClipboard", ctx_r1.copyCodeToClipboard)("copyCodeTooltips", ctx_r1.copyCodeTooltips);
120
+ } }
121
+ function TdMarkdownNavigatorComponent_ng_container_0_div_4_Template(rf, ctx) { if (rf & 1) {
122
+ i0.ɵɵelementStart(0, "div", 17, 1);
123
+ i0.ɵɵtemplate(2, TdMarkdownNavigatorComponent_ng_container_0_div_4_td_message_2_Template, 1, 2, "td-message", 7)(3, TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_loader_3_Template, 1, 6, "td-flavored-markdown-loader", 18)(4, TdMarkdownNavigatorComponent_ng_container_0_div_4_td_flavored_markdown_4_Template, 1, 5, "td-flavored-markdown", 19);
124
+ i0.ɵɵelementEnd();
125
+ } if (rf & 2) {
126
+ const ctx_r1 = i0.ɵɵnextContext(2);
127
+ i0.ɵɵadvance(2);
128
+ i0.ɵɵproperty("ngIf", ctx_r1.markdownLoaderError);
129
+ i0.ɵɵadvance();
130
+ i0.ɵɵproperty("ngIf", ctx_r1.showTdMarkdownLoader);
131
+ i0.ɵɵadvance();
132
+ i0.ɵɵproperty("ngIf", ctx_r1.showTdMarkdown);
133
+ } }
134
+ function TdMarkdownNavigatorComponent_ng_container_0_td_message_5_Template(rf, ctx) { if (rf & 1) {
135
+ i0.ɵɵelement(0, "td-message", 20);
136
+ } if (rf & 2) {
137
+ const ctx_r1 = i0.ɵɵnextContext(2);
138
+ i0.ɵɵproperty("sublabel", ctx_r1.childrenUrlError);
139
+ i0.ɵɵattribute("data-test", "children-url-error");
140
+ } }
141
+ function TdMarkdownNavigatorComponent_ng_container_0_div_6_button_2_Template(rf, ctx) { if (rf & 1) {
142
+ const _r10 = i0.ɵɵgetCurrentView();
143
+ i0.ɵɵelementStart(0, "button", 25);
144
+ i0.ɵɵlistener("click", function TdMarkdownNavigatorComponent_ng_container_0_div_6_button_2_Template_button_click_0_listener() { const item_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleItemSelected(item_r11)); });
145
+ i0.ɵɵelementStart(1, "mat-icon", 26);
146
+ i0.ɵɵtext(2);
147
+ i0.ɵɵelementEnd();
148
+ i0.ɵɵelementStart(3, "span", 27);
149
+ i0.ɵɵtext(4);
150
+ i0.ɵɵelementEnd();
151
+ i0.ɵɵelementStart(5, "span", 28);
152
+ i0.ɵɵtext(6);
153
+ i0.ɵɵelementEnd();
154
+ i0.ɵɵelement(7, "mat-divider");
155
+ i0.ɵɵelementEnd();
156
+ } if (rf & 2) {
157
+ const item_r11 = ctx.$implicit;
158
+ const index_r12 = ctx.index;
159
+ const ctx_r1 = i0.ɵɵnextContext(3);
160
+ i0.ɵɵproperty("id", "td-markdown-navigator-list-item-" + (item_r11.id ? item_r11.id : index_r12))("matTooltip", ctx_r1.getTitle(item_r11));
161
+ i0.ɵɵadvance(2);
162
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.getIcon(item_r11), " ");
163
+ i0.ɵɵadvance(2);
164
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.getTitle(item_r11), " ");
165
+ i0.ɵɵadvance(2);
166
+ i0.ɵɵtextInterpolate(item_r11.description);
167
+ } }
168
+ function TdMarkdownNavigatorComponent_ng_container_0_div_6_Template(rf, ctx) { if (rf & 1) {
169
+ i0.ɵɵelementStart(0, "div", 23)(1, "mat-action-list");
170
+ i0.ɵɵtemplate(2, TdMarkdownNavigatorComponent_ng_container_0_div_6_button_2_Template, 8, 5, "button", 24);
171
+ i0.ɵɵelementEnd()();
172
+ } if (rf & 2) {
173
+ const ctx_r1 = i0.ɵɵnextContext(2);
174
+ i0.ɵɵadvance(2);
175
+ i0.ɵɵproperty("ngForOf", ctx_r1.currentMenuItems);
176
+ } }
177
+ function TdMarkdownNavigatorComponent_ng_container_0_ng_container_7_Template(rf, ctx) { if (rf & 1) {
178
+ i0.ɵɵelementContainer(0);
179
+ } }
180
+ function TdMarkdownNavigatorComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
181
+ i0.ɵɵelementContainerStart(0);
182
+ i0.ɵɵtemplate(1, TdMarkdownNavigatorComponent_ng_container_0_mat_progress_bar_1_Template, 1, 0, "mat-progress-bar", 4)(2, TdMarkdownNavigatorComponent_ng_container_0_ng_container_2_Template, 8, 7, "ng-container", 2);
183
+ i0.ɵɵelementStart(3, "div", 5);
184
+ i0.ɵɵtemplate(4, TdMarkdownNavigatorComponent_ng_container_0_div_4_Template, 5, 3, "div", 6)(5, TdMarkdownNavigatorComponent_ng_container_0_td_message_5_Template, 1, 2, "td-message", 7)(6, TdMarkdownNavigatorComponent_ng_container_0_div_6_Template, 3, 1, "div", 8)(7, TdMarkdownNavigatorComponent_ng_container_0_ng_container_7_Template, 1, 0, "ng-container", 9);
185
+ i0.ɵɵelementEnd();
186
+ i0.ɵɵelementContainerEnd();
187
+ } if (rf & 2) {
188
+ const ctx_r1 = i0.ɵɵnextContext();
189
+ i0.ɵɵadvance();
190
+ i0.ɵɵproperty("ngIf", ctx_r1.loading);
191
+ i0.ɵɵadvance();
192
+ i0.ɵɵproperty("ngIf", ctx_r1.showHeader);
193
+ i0.ɵɵadvance(2);
194
+ i0.ɵɵproperty("ngIf", ctx_r1.showTdMarkdownLoader || ctx_r1.showTdMarkdown);
195
+ i0.ɵɵadvance();
196
+ i0.ɵɵproperty("ngIf", ctx_r1.childrenUrlError);
197
+ i0.ɵɵadvance();
198
+ i0.ɵɵproperty("ngIf", ctx_r1.showMenu);
199
+ i0.ɵɵadvance();
200
+ i0.ɵɵproperty("ngComponentOutlet", ctx_r1.footerComponent);
201
+ } }
202
+ function TdMarkdownNavigatorComponent_div_1_Template(rf, ctx) { if (rf & 1) {
203
+ i0.ɵɵelementStart(0, "div", 29)(1, "mat-icon", 30);
204
+ i0.ɵɵtext(2, "subject");
205
+ i0.ɵɵelementEnd();
206
+ i0.ɵɵelementStart(3, "h2");
207
+ i0.ɵɵtext(4);
208
+ i0.ɵɵelementEnd()();
209
+ } if (rf & 2) {
210
+ const ctx_r1 = i0.ɵɵnextContext();
211
+ i0.ɵɵadvance(4);
212
+ i0.ɵɵtextInterpolate(ctx_r1.emptyStateLabel);
213
+ } }
29
214
  const DEFAULT_MARKDOWN_NAVIGATOR_LABELS = {
30
215
  goHome: 'Go home',
31
216
  goBack: 'Go back',
@@ -382,37 +567,66 @@ class TdMarkdownNavigatorComponent {
382
567
  }
383
568
  this._changeDetectorRef.markForCheck();
384
569
  }
385
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorComponent, deps: [{ token: i1.TdMarkdownLoaderService }, { token: i0.ChangeDetectorRef }, { token: i2.DomSanitizer }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
386
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdMarkdownNavigatorComponent, selector: "td-markdown-navigator", inputs: { items: "items", labels: "labels", startAt: "startAt", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", footer: "footer", compareWith: "compareWith" }, outputs: { buttonClicked: "buttonClicked", itemSelected: "itemSelected" }, host: { listeners: { "click": "clickListener($event)" } }, viewQueries: [{ propertyName: "markdownWrapper", first: true, predicate: ["markdownWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!showEmptyState\">\n <mat-progress-bar\n *ngIf=\"loading\"\n mode=\"indeterminate\"\n color=\"accent\"\n ></mat-progress-bar>\n <ng-container *ngIf=\"showHeader\">\n <td-breadcrumbs>\n <a\n td-breadcrumb\n [matTooltip]=\"goHomeLabel ?? ''\"\n (click)=\"reset()\"\n [attr.data-test]=\"'home-button'\"\n >Home</a\n >\n <ng-container\n *ngFor=\"let stack of historyStack; last as isLast; index as index\"\n >\n <ng-container *ngIf=\"!isLast; else lastBreadCrumb\">\n <a\n td-breadcrumb\n (click)=\"goBack(historyStack.length - index)\"\n [attr.data-test]=\"'back-button'\"\n >{{ stack.title }}</a\n >\n </ng-container>\n <ng-template #lastBreadCrumb>\n <mat-icon class=\"breadcrumb-end-icon\">chevron_right</mat-icon>\n </ng-template>\n </ng-container>\n </td-breadcrumbs>\n <div class=\"breadcrumb-current-title\" [attr.data-test]=\"'title'\">\n {{ currentItemTitle }}\n </div>\n\n <mat-divider [style.position]=\"'relative'\"></mat-divider>\n </ng-container>\n\n <div class=\"scroll-area\" id=\"td-markdown-navigator-content\">\n <div\n *ngIf=\"showTdMarkdownLoader || showTdMarkdown\"\n class=\"markdown-wrapper\"\n #markdownWrapper\n >\n <td-message\n *ngIf=\"markdownLoaderError\"\n [sublabel]=\"markdownLoaderError\"\n color=\"warn\"\n icon=\"error\"\n [attr.data-test]=\"'markdown-loader-error'\"\n ></td-message>\n <td-flavored-markdown-loader\n *ngIf=\"showTdMarkdownLoader\"\n [url]=\"url ?? ''\"\n [httpOptions]=\"httpOptions ?? {}\"\n [anchor]=\"anchor ?? ''\"\n [copyCodeToClipboard]=\"copyCodeToClipboard\"\n [copyCodeTooltips]=\"copyCodeTooltips\"\n (loadFailed)=\"handleMarkdownLoaderError($event)\"\n (buttonClicked)=\"buttonClicked.emit($event)\"\n ></td-flavored-markdown-loader>\n <td-flavored-markdown\n *ngIf=\"showTdMarkdown\"\n [content]=\"markdownString ?? ''\"\n [hostedUrl]=\"url ?? ''\"\n [anchor]=\"anchor ?? ''\"\n [copyCodeToClipboard]=\"copyCodeToClipboard\"\n [copyCodeTooltips]=\"copyCodeTooltips\"\n (buttonClicked)=\"buttonClicked.emit($event)\"\n ></td-flavored-markdown>\n </div>\n\n <td-message\n *ngIf=\"childrenUrlError\"\n [sublabel]=\"childrenUrlError\"\n color=\"warn\"\n icon=\"error\"\n [attr.data-test]=\"'children-url-error'\"\n ></td-message>\n <div *ngIf=\"showMenu\" class=\"td-markdown-list\">\n <mat-action-list>\n <button\n *ngFor=\"let item of currentMenuItems; index as index\"\n [id]=\"\n 'td-markdown-navigator-list-item-' + (item.id ? item.id : index)\n \"\n (click)=\"handleItemSelected(item)\"\n mat-list-item\n [matTooltip]=\"getTitle(item)\"\n matTooltipPosition=\"before\"\n matTooltipShowDelay=\"500\"\n >\n <mat-icon matListItemIcon>\n {{ getIcon(item) }}\n </mat-icon>\n <span matListItemTitle class=\"truncate\">\n {{ getTitle(item) }}\n </span>\n <span matListItemLine class=\"truncate\">{{ item.description }}</span>\n <mat-divider></mat-divider>\n </button>\n </mat-action-list>\n </div>\n\n <ng-container *ngComponentOutlet=\"footerComponent\"></ng-container>\n </div>\n</ng-container>\n\n<div\n *ngIf=\"showEmptyState\"\n layout=\"column\"\n layout-align=\"center center\"\n class=\"empty-state\"\n>\n <mat-icon matListItemAvatar>subject</mat-icon>\n <h2>{{ emptyStateLabel }}</h2>\n</div>\n", styles: [":host{position:relative;height:inherit;height:100%;box-sizing:border-box;display:flex;flex-direction:column}:host .breadcrumb-current-title{margin-bottom:16px;padding-left:16px}:host .breadcrumb-end-icon{margin-left:8px;font-size:16px;width:16px;height:16px}:host .scroll-area{min-height:1px;overflow-y:auto;flex:1;box-sizing:border-box}:host .markdown-wrapper{padding:16px 16px 0}:host .td-markdown-list>.mat-list{padding-top:0}:host td-breadcrumbs{padding:8px 8px 0 16px}:host td-flavored-markdown-loader ::ng-deep .mat-progress-bar{top:0;left:0;right:0;position:absolute}:host .title{display:inline-block;vertical-align:middle;margin:8px 0;padding-left:16px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:32px}.empty-state mat-icon{font-size:4em}\n"], dependencies: [{ kind: "directive", type: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i6.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i6.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i6.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i10.TdBreadcrumbsComponent, selector: "td-breadcrumbs", inputs: ["separatorIcon"] }, { kind: "component", type: i10.TdBreadcrumbComponent, selector: "td-breadcrumb, a[td-breadcrumb]" }, { kind: "component", type: i11.TdFlavoredMarkdownComponent, selector: "td-flavored-markdown", inputs: ["content", "simpleLineBreaks", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "toggleRawCode", "rawToggleLabels", "useCfmList", "fileLinkExtensions"], outputs: ["fileLinkClicked", "contentReady", "buttonClicked"] }, { kind: "component", type: i11.TdFlavoredMarkdownLoaderComponent, selector: "td-flavored-markdown-loader", inputs: ["url", "httpOptions", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "useCfmList"], outputs: ["contentReady", "loadFailed", "buttonClicked"] }, { kind: "component", type: i12.TdMessageComponent, selector: "td-message", inputs: ["label", "sublabel", "icon", "color", "opened"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
570
+ static ɵfac = function TdMarkdownNavigatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdMarkdownNavigatorComponent)(i0.ɵɵdirectiveInject(i1.TdMarkdownLoaderService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.DomSanitizer), i0.ɵɵdirectiveInject(i3.HttpClient)); };
571
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdMarkdownNavigatorComponent, selectors: [["td-markdown-navigator"]], viewQuery: function TdMarkdownNavigatorComponent_Query(rf, ctx) { if (rf & 1) {
572
+ i0.ɵɵviewQuery(_c0, 5);
573
+ } if (rf & 2) {
574
+ let _t;
575
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.markdownWrapper = _t.first);
576
+ } }, hostBindings: function TdMarkdownNavigatorComponent_HostBindings(rf, ctx) { if (rf & 1) {
577
+ i0.ɵɵlistener("click", function TdMarkdownNavigatorComponent_click_HostBindingHandler($event) { return ctx.clickListener($event); });
578
+ } }, inputs: { items: "items", labels: "labels", startAt: "startAt", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", footer: "footer", compareWith: "compareWith" }, outputs: { buttonClicked: "buttonClicked", itemSelected: "itemSelected" }, features: [i0.ɵɵProvidersFeature([TdMarkdownLoaderService]), i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["lastBreadCrumb", ""], ["markdownWrapper", ""], [4, "ngIf"], ["layout", "column", "layout-align", "center center", "class", "empty-state", 4, "ngIf"], ["mode", "indeterminate", "color", "accent", 4, "ngIf"], ["id", "td-markdown-navigator-content", 1, "scroll-area"], ["class", "markdown-wrapper", 4, "ngIf"], ["color", "warn", "icon", "error", 3, "sublabel", 4, "ngIf"], ["class", "td-markdown-list", 4, "ngIf"], [4, "ngComponentOutlet"], ["mode", "indeterminate", "color", "accent"], ["td-breadcrumb", "", 3, "click", "matTooltip"], [4, "ngFor", "ngForOf"], [1, "breadcrumb-current-title"], [4, "ngIf", "ngIfElse"], ["td-breadcrumb", "", 3, "click"], [1, "breadcrumb-end-icon"], [1, "markdown-wrapper"], [3, "url", "httpOptions", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "loadFailed", "buttonClicked", 4, "ngIf"], [3, "content", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "buttonClicked", 4, "ngIf"], ["color", "warn", "icon", "error", 3, "sublabel"], [3, "loadFailed", "buttonClicked", "url", "httpOptions", "anchor", "copyCodeToClipboard", "copyCodeTooltips"], [3, "buttonClicked", "content", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips"], [1, "td-markdown-list"], ["mat-list-item", "", "matTooltipPosition", "before", "matTooltipShowDelay", "500", 3, "id", "matTooltip", "click", 4, "ngFor", "ngForOf"], ["mat-list-item", "", "matTooltipPosition", "before", "matTooltipShowDelay", "500", 3, "click", "id", "matTooltip"], ["matListItemIcon", ""], ["matListItemTitle", "", 1, "truncate"], ["matListItemLine", "", 1, "truncate"], ["layout", "column", "layout-align", "center center", 1, "empty-state"], ["matListItemAvatar", ""]], template: function TdMarkdownNavigatorComponent_Template(rf, ctx) { if (rf & 1) {
579
+ i0.ɵɵtemplate(0, TdMarkdownNavigatorComponent_ng_container_0_Template, 8, 6, "ng-container", 2)(1, TdMarkdownNavigatorComponent_div_1_Template, 5, 1, "div", 3);
580
+ } if (rf & 2) {
581
+ i0.ɵɵproperty("ngIf", !ctx.showEmptyState);
582
+ i0.ɵɵadvance();
583
+ i0.ɵɵproperty("ngIf", ctx.showEmptyState);
584
+ } }, dependencies: [CommonModule, i4.NgComponentOutlet, i4.NgForOf, i4.NgIf, MatButtonModule,
585
+ MatTooltipModule, i5.MatTooltip, MatListModule, i6.MatActionList, i6.MatListItem, i6.MatListItemAvatar, i6.MatListItemIcon, i7.MatDivider, i6.MatListItemLine, i6.MatListItemTitle, MatIconModule, i8.MatIcon, MatProgressBarModule, i9.MatProgressBar, TdFlavoredMarkdownComponent,
586
+ TdFlavoredMarkdownLoaderComponent,
587
+ TdMessageComponent,
588
+ TdBreadcrumbsComponent], styles: ["[_nghost-%COMP%]{position:relative;height:inherit;height:100%;box-sizing:border-box;display:flex;flex-direction:column}[_nghost-%COMP%] .breadcrumb-current-title[_ngcontent-%COMP%]{margin-bottom:16px;padding-left:16px}[_nghost-%COMP%] .breadcrumb-end-icon[_ngcontent-%COMP%]{margin-left:8px;font-size:16px;width:16px;height:16px}[_nghost-%COMP%] .scroll-area[_ngcontent-%COMP%]{min-height:1px;overflow-y:auto;flex:1;box-sizing:border-box}[_nghost-%COMP%] .markdown-wrapper[_ngcontent-%COMP%]{padding:16px 16px 0}[_nghost-%COMP%] .td-markdown-list[_ngcontent-%COMP%] > .mat-list[_ngcontent-%COMP%]{padding-top:0}[_nghost-%COMP%] td-breadcrumbs[_ngcontent-%COMP%]{padding:8px 8px 0 16px}[_nghost-%COMP%] td-flavored-markdown-loader[_ngcontent-%COMP%] .mat-progress-bar{top:0;left:0;right:0;position:absolute}[_nghost-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;vertical-align:middle;margin:8px 0;padding-left:16px}.truncate[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state[_ngcontent-%COMP%]{padding:32px}.empty-state[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:4em}"], changeDetection: 0 });
387
589
  }
388
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorComponent, decorators: [{
389
- type: Component,
390
- args: [{ selector: 'td-markdown-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!showEmptyState\">\n <mat-progress-bar\n *ngIf=\"loading\"\n mode=\"indeterminate\"\n color=\"accent\"\n ></mat-progress-bar>\n <ng-container *ngIf=\"showHeader\">\n <td-breadcrumbs>\n <a\n td-breadcrumb\n [matTooltip]=\"goHomeLabel ?? ''\"\n (click)=\"reset()\"\n [attr.data-test]=\"'home-button'\"\n >Home</a\n >\n <ng-container\n *ngFor=\"let stack of historyStack; last as isLast; index as index\"\n >\n <ng-container *ngIf=\"!isLast; else lastBreadCrumb\">\n <a\n td-breadcrumb\n (click)=\"goBack(historyStack.length - index)\"\n [attr.data-test]=\"'back-button'\"\n >{{ stack.title }}</a\n >\n </ng-container>\n <ng-template #lastBreadCrumb>\n <mat-icon class=\"breadcrumb-end-icon\">chevron_right</mat-icon>\n </ng-template>\n </ng-container>\n </td-breadcrumbs>\n <div class=\"breadcrumb-current-title\" [attr.data-test]=\"'title'\">\n {{ currentItemTitle }}\n </div>\n\n <mat-divider [style.position]=\"'relative'\"></mat-divider>\n </ng-container>\n\n <div class=\"scroll-area\" id=\"td-markdown-navigator-content\">\n <div\n *ngIf=\"showTdMarkdownLoader || showTdMarkdown\"\n class=\"markdown-wrapper\"\n #markdownWrapper\n >\n <td-message\n *ngIf=\"markdownLoaderError\"\n [sublabel]=\"markdownLoaderError\"\n color=\"warn\"\n icon=\"error\"\n [attr.data-test]=\"'markdown-loader-error'\"\n ></td-message>\n <td-flavored-markdown-loader\n *ngIf=\"showTdMarkdownLoader\"\n [url]=\"url ?? ''\"\n [httpOptions]=\"httpOptions ?? {}\"\n [anchor]=\"anchor ?? ''\"\n [copyCodeToClipboard]=\"copyCodeToClipboard\"\n [copyCodeTooltips]=\"copyCodeTooltips\"\n (loadFailed)=\"handleMarkdownLoaderError($event)\"\n (buttonClicked)=\"buttonClicked.emit($event)\"\n ></td-flavored-markdown-loader>\n <td-flavored-markdown\n *ngIf=\"showTdMarkdown\"\n [content]=\"markdownString ?? ''\"\n [hostedUrl]=\"url ?? ''\"\n [anchor]=\"anchor ?? ''\"\n [copyCodeToClipboard]=\"copyCodeToClipboard\"\n [copyCodeTooltips]=\"copyCodeTooltips\"\n (buttonClicked)=\"buttonClicked.emit($event)\"\n ></td-flavored-markdown>\n </div>\n\n <td-message\n *ngIf=\"childrenUrlError\"\n [sublabel]=\"childrenUrlError\"\n color=\"warn\"\n icon=\"error\"\n [attr.data-test]=\"'children-url-error'\"\n ></td-message>\n <div *ngIf=\"showMenu\" class=\"td-markdown-list\">\n <mat-action-list>\n <button\n *ngFor=\"let item of currentMenuItems; index as index\"\n [id]=\"\n 'td-markdown-navigator-list-item-' + (item.id ? item.id : index)\n \"\n (click)=\"handleItemSelected(item)\"\n mat-list-item\n [matTooltip]=\"getTitle(item)\"\n matTooltipPosition=\"before\"\n matTooltipShowDelay=\"500\"\n >\n <mat-icon matListItemIcon>\n {{ getIcon(item) }}\n </mat-icon>\n <span matListItemTitle class=\"truncate\">\n {{ getTitle(item) }}\n </span>\n <span matListItemLine class=\"truncate\">{{ item.description }}</span>\n <mat-divider></mat-divider>\n </button>\n </mat-action-list>\n </div>\n\n <ng-container *ngComponentOutlet=\"footerComponent\"></ng-container>\n </div>\n</ng-container>\n\n<div\n *ngIf=\"showEmptyState\"\n layout=\"column\"\n layout-align=\"center center\"\n class=\"empty-state\"\n>\n <mat-icon matListItemAvatar>subject</mat-icon>\n <h2>{{ emptyStateLabel }}</h2>\n</div>\n", styles: [":host{position:relative;height:inherit;height:100%;box-sizing:border-box;display:flex;flex-direction:column}:host .breadcrumb-current-title{margin-bottom:16px;padding-left:16px}:host .breadcrumb-end-icon{margin-left:8px;font-size:16px;width:16px;height:16px}:host .scroll-area{min-height:1px;overflow-y:auto;flex:1;box-sizing:border-box}:host .markdown-wrapper{padding:16px 16px 0}:host .td-markdown-list>.mat-list{padding-top:0}:host td-breadcrumbs{padding:8px 8px 0 16px}:host td-flavored-markdown-loader ::ng-deep .mat-progress-bar{top:0;left:0;right:0;position:absolute}:host .title{display:inline-block;vertical-align:middle;margin:8px 0;padding-left:16px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:32px}.empty-state mat-icon{font-size:4em}\n"] }]
391
- }], ctorParameters: () => [{ type: i1.TdMarkdownLoaderService }, { type: i0.ChangeDetectorRef }, { type: i2.DomSanitizer }, { type: i3.HttpClient }], propDecorators: { items: [{
392
- type: Input
393
- }], labels: [{
394
- type: Input
395
- }], startAt: [{
396
- type: Input
397
- }], copyCodeToClipboard: [{
398
- type: Input
399
- }], copyCodeTooltips: [{
400
- type: Input
401
- }], footer: [{
402
- type: Input
403
- }], compareWith: [{
404
- type: Input
405
- }], buttonClicked: [{
406
- type: Output
407
- }], itemSelected: [{
408
- type: Output
409
- }], markdownWrapper: [{
410
- type: ViewChild,
411
- args: ['markdownWrapper']
412
- }], clickListener: [{
413
- type: HostListener,
414
- args: ['click', ['$event']]
415
- }] } });
590
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdMarkdownNavigatorComponent, [{
591
+ type: Component,
592
+ args: [{ selector: 'td-markdown-navigator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
593
+ CommonModule,
594
+ MatButtonModule,
595
+ MatTooltipModule,
596
+ MatListModule,
597
+ MatIconModule,
598
+ MatProgressBarModule,
599
+ TdFlavoredMarkdownComponent,
600
+ TdFlavoredMarkdownLoaderComponent,
601
+ TdMessageComponent,
602
+ TdBreadcrumbsComponent,
603
+ ], providers: [TdMarkdownLoaderService], template: "<ng-container *ngIf=\"!showEmptyState\">\n <mat-progress-bar\n *ngIf=\"loading\"\n mode=\"indeterminate\"\n color=\"accent\"\n ></mat-progress-bar>\n <ng-container *ngIf=\"showHeader\">\n <td-breadcrumbs>\n <a\n td-breadcrumb\n [matTooltip]=\"goHomeLabel ?? ''\"\n (click)=\"reset()\"\n [attr.data-test]=\"'home-button'\"\n >Home</a\n >\n <ng-container\n *ngFor=\"let stack of historyStack; last as isLast; index as index\"\n >\n <ng-container *ngIf=\"!isLast; else lastBreadCrumb\">\n <a\n td-breadcrumb\n (click)=\"goBack(historyStack.length - index)\"\n [attr.data-test]=\"'back-button'\"\n >{{ stack.title }}</a\n >\n </ng-container>\n <ng-template #lastBreadCrumb>\n <mat-icon class=\"breadcrumb-end-icon\">chevron_right</mat-icon>\n </ng-template>\n </ng-container>\n </td-breadcrumbs>\n <div class=\"breadcrumb-current-title\" [attr.data-test]=\"'title'\">\n {{ currentItemTitle }}\n </div>\n\n <mat-divider [style.position]=\"'relative'\"></mat-divider>\n </ng-container>\n\n <div class=\"scroll-area\" id=\"td-markdown-navigator-content\">\n <div\n *ngIf=\"showTdMarkdownLoader || showTdMarkdown\"\n class=\"markdown-wrapper\"\n #markdownWrapper\n >\n <td-message\n *ngIf=\"markdownLoaderError\"\n [sublabel]=\"markdownLoaderError\"\n color=\"warn\"\n icon=\"error\"\n [attr.data-test]=\"'markdown-loader-error'\"\n ></td-message>\n <td-flavored-markdown-loader\n *ngIf=\"showTdMarkdownLoader\"\n [url]=\"url ?? ''\"\n [httpOptions]=\"httpOptions ?? {}\"\n [anchor]=\"anchor ?? ''\"\n [copyCodeToClipboard]=\"copyCodeToClipboard\"\n [copyCodeTooltips]=\"copyCodeTooltips\"\n (loadFailed)=\"handleMarkdownLoaderError($event)\"\n (buttonClicked)=\"buttonClicked.emit($event)\"\n ></td-flavored-markdown-loader>\n <td-flavored-markdown\n *ngIf=\"showTdMarkdown\"\n [content]=\"markdownString ?? ''\"\n [hostedUrl]=\"url ?? ''\"\n [anchor]=\"anchor ?? ''\"\n [copyCodeToClipboard]=\"copyCodeToClipboard\"\n [copyCodeTooltips]=\"copyCodeTooltips\"\n (buttonClicked)=\"buttonClicked.emit($event)\"\n ></td-flavored-markdown>\n </div>\n\n <td-message\n *ngIf=\"childrenUrlError\"\n [sublabel]=\"childrenUrlError\"\n color=\"warn\"\n icon=\"error\"\n [attr.data-test]=\"'children-url-error'\"\n ></td-message>\n <div *ngIf=\"showMenu\" class=\"td-markdown-list\">\n <mat-action-list>\n <button\n *ngFor=\"let item of currentMenuItems; index as index\"\n [id]=\"\n 'td-markdown-navigator-list-item-' + (item.id ? item.id : index)\n \"\n (click)=\"handleItemSelected(item)\"\n mat-list-item\n [matTooltip]=\"getTitle(item)\"\n matTooltipPosition=\"before\"\n matTooltipShowDelay=\"500\"\n >\n <mat-icon matListItemIcon>\n {{ getIcon(item) }}\n </mat-icon>\n <span matListItemTitle class=\"truncate\">\n {{ getTitle(item) }}\n </span>\n <span matListItemLine class=\"truncate\">{{ item.description }}</span>\n <mat-divider></mat-divider>\n </button>\n </mat-action-list>\n </div>\n\n <ng-container *ngComponentOutlet=\"footerComponent\"></ng-container>\n </div>\n</ng-container>\n\n<div\n *ngIf=\"showEmptyState\"\n layout=\"column\"\n layout-align=\"center center\"\n class=\"empty-state\"\n>\n <mat-icon matListItemAvatar>subject</mat-icon>\n <h2>{{ emptyStateLabel }}</h2>\n</div>\n", styles: [":host{position:relative;height:inherit;height:100%;box-sizing:border-box;display:flex;flex-direction:column}:host .breadcrumb-current-title{margin-bottom:16px;padding-left:16px}:host .breadcrumb-end-icon{margin-left:8px;font-size:16px;width:16px;height:16px}:host .scroll-area{min-height:1px;overflow-y:auto;flex:1;box-sizing:border-box}:host .markdown-wrapper{padding:16px 16px 0}:host .td-markdown-list>.mat-list{padding-top:0}:host td-breadcrumbs{padding:8px 8px 0 16px}:host td-flavored-markdown-loader ::ng-deep .mat-progress-bar{top:0;left:0;right:0;position:absolute}:host .title{display:inline-block;vertical-align:middle;margin:8px 0;padding-left:16px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:32px}.empty-state mat-icon{font-size:4em}\n"] }]
604
+ }], () => [{ type: i1.TdMarkdownLoaderService }, { type: i0.ChangeDetectorRef }, { type: i2.DomSanitizer }, { type: i3.HttpClient }], { items: [{
605
+ type: Input
606
+ }], labels: [{
607
+ type: Input
608
+ }], startAt: [{
609
+ type: Input
610
+ }], copyCodeToClipboard: [{
611
+ type: Input
612
+ }], copyCodeTooltips: [{
613
+ type: Input
614
+ }], footer: [{
615
+ type: Input
616
+ }], compareWith: [{
617
+ type: Input
618
+ }], buttonClicked: [{
619
+ type: Output
620
+ }], itemSelected: [{
621
+ type: Output
622
+ }], markdownWrapper: [{
623
+ type: ViewChild,
624
+ args: ['markdownWrapper']
625
+ }], clickListener: [{
626
+ type: HostListener,
627
+ args: ['click', ['$event']]
628
+ }] }); })();
629
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdMarkdownNavigatorComponent, { className: "TdMarkdownNavigatorComponent", filePath: "markdown-navigator.component.ts", lineNumber: 87 }); })();
416
630
  function getTitleFromUrl(url) {
417
631
  if (url) {
418
632
  const temp = new URL(url);
@@ -496,39 +710,51 @@ class TdMarkdownNavigatorWindowComponent {
496
710
  toggleDockedState() {
497
711
  this.dockToggled.emit(this.docked);
498
712
  }
499
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
500
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TdMarkdownNavigatorWindowComponent, selector: "td-markdown-navigator-window", inputs: { items: "items", labels: "labels", toolbarColor: "toolbarColor", startAt: "startAt", compareWith: "compareWith", docked: "docked", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", footer: "footer" }, outputs: { closed: "closed", dockToggled: "dockToggled", buttonClicked: "buttonClicked", itemSelected: "itemSelected" }, ngImport: i0, 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 (itemSelected)=\"itemSelected.emit($event)\"\n ></td-markdown-navigator>\n</td-window-dialog>\n", styles: [":host{height:100%;display:flex;flex-direction:column}td-markdown-navigator{height:calc(100% - 56px)}\n"], dependencies: [{ kind: "component", type: i1$1.TdWindowDialogComponent, selector: "td-window-dialog", inputs: ["toolbarColor", "docked", "title", "toggleDockedStateLabel", "closeLabel"], outputs: ["dockToggled", "closed"] }, { kind: "component", type: TdMarkdownNavigatorComponent, selector: "td-markdown-navigator", inputs: ["items", "labels", "startAt", "copyCodeToClipboard", "copyCodeTooltips", "footer", "compareWith"], outputs: ["buttonClicked", "itemSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
713
+ static ɵfac = function TdMarkdownNavigatorWindowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdMarkdownNavigatorWindowComponent)(); };
714
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdMarkdownNavigatorWindowComponent, selectors: [["td-markdown-navigator-window"]], inputs: { items: "items", labels: "labels", toolbarColor: "toolbarColor", startAt: "startAt", compareWith: "compareWith", docked: "docked", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", footer: "footer" }, outputs: { closed: "closed", dockToggled: "dockToggled", buttonClicked: "buttonClicked", itemSelected: "itemSelected" }, decls: 2, vars: 14, consts: [[3, "dockToggled", "closed", "toolbarColor", "docked", "title", "toggleDockedStateLabel", "closeLabel"], [3, "buttonClicked", "itemSelected", "items", "labels", "startAt", "compareWith", "footer", "copyCodeToClipboard", "copyCodeTooltips"]], template: function TdMarkdownNavigatorWindowComponent_Template(rf, ctx) { if (rf & 1) {
715
+ i0.ɵɵelementStart(0, "td-window-dialog", 0);
716
+ i0.ɵɵlistener("dockToggled", function TdMarkdownNavigatorWindowComponent_Template_td_window_dialog_dockToggled_0_listener() { return ctx.toggleDockedState(); })("closed", function TdMarkdownNavigatorWindowComponent_Template_td_window_dialog_closed_0_listener() { return ctx.closed.emit(); });
717
+ i0.ɵɵelementStart(1, "td-markdown-navigator", 1);
718
+ i0.ɵɵlistener("buttonClicked", function TdMarkdownNavigatorWindowComponent_Template_td_markdown_navigator_buttonClicked_1_listener($event) { return ctx.buttonClicked.emit($event); })("itemSelected", function TdMarkdownNavigatorWindowComponent_Template_td_markdown_navigator_itemSelected_1_listener($event) { return ctx.itemSelected.emit($event); });
719
+ i0.ɵɵelementEnd()();
720
+ } if (rf & 2) {
721
+ i0.ɵɵproperty("toolbarColor", ctx.toolbarColor)("docked", ctx.docked)("title", ctx.titleLabel)("toggleDockedStateLabel", ctx.toggleDockedStateLabel)("closeLabel", ctx.closeLabel);
722
+ i0.ɵɵadvance();
723
+ i0.ɵɵstyleProp("display", ctx.docked ? "none" : "inherit");
724
+ i0.ɵɵproperty("items", ctx.items)("labels", ctx.markdownNavigatorLabels)("startAt", ctx.startAt)("compareWith", ctx.compareWith)("footer", ctx.footer)("copyCodeToClipboard", ctx.copyCodeToClipboard)("copyCodeTooltips", ctx.copyCodeTooltips);
725
+ } }, dependencies: [TdWindowDialogComponent, TdMarkdownNavigatorComponent], styles: ["[_nghost-%COMP%]{height:100%;display:flex;flex-direction:column}td-markdown-navigator[_ngcontent-%COMP%]{height:calc(100% - 56px)}"], changeDetection: 0 });
501
726
  }
502
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowComponent, decorators: [{
503
- type: Component,
504
- args: [{ selector: 'td-markdown-navigator-window', changeDetection: ChangeDetectionStrategy.OnPush, 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 (itemSelected)=\"itemSelected.emit($event)\"\n ></td-markdown-navigator>\n</td-window-dialog>\n", styles: [":host{height:100%;display:flex;flex-direction:column}td-markdown-navigator{height:calc(100% - 56px)}\n"] }]
505
- }], propDecorators: { items: [{
506
- type: Input
507
- }], labels: [{
508
- type: Input
509
- }], toolbarColor: [{
510
- type: Input
511
- }], startAt: [{
512
- type: Input
513
- }], compareWith: [{
514
- type: Input
515
- }], docked: [{
516
- type: Input
517
- }], copyCodeToClipboard: [{
518
- type: Input
519
- }], copyCodeTooltips: [{
520
- type: Input
521
- }], footer: [{
522
- type: Input
523
- }], closed: [{
524
- type: Output
525
- }], dockToggled: [{
526
- type: Output
527
- }], buttonClicked: [{
528
- type: Output
529
- }], itemSelected: [{
530
- type: Output
531
- }] } });
727
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdMarkdownNavigatorWindowComponent, [{
728
+ type: Component,
729
+ args: [{ selector: 'td-markdown-navigator-window', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TdWindowDialogComponent, TdMarkdownNavigatorComponent], 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 (itemSelected)=\"itemSelected.emit($event)\"\n ></td-markdown-navigator>\n</td-window-dialog>\n", styles: [":host{height:100%;display:flex;flex-direction:column}td-markdown-navigator{height:calc(100% - 56px)}\n"] }]
730
+ }], null, { items: [{
731
+ type: Input
732
+ }], labels: [{
733
+ type: Input
734
+ }], toolbarColor: [{
735
+ type: Input
736
+ }], startAt: [{
737
+ type: Input
738
+ }], compareWith: [{
739
+ type: Input
740
+ }], docked: [{
741
+ type: Input
742
+ }], copyCodeToClipboard: [{
743
+ type: Input
744
+ }], copyCodeTooltips: [{
745
+ type: Input
746
+ }], footer: [{
747
+ type: Input
748
+ }], closed: [{
749
+ type: Output
750
+ }], dockToggled: [{
751
+ type: Output
752
+ }], buttonClicked: [{
753
+ type: Output
754
+ }], itemSelected: [{
755
+ type: Output
756
+ }] }); })();
757
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TdMarkdownNavigatorWindowComponent, { className: "TdMarkdownNavigatorWindowComponent", filePath: "markdown-navigator-window/markdown-navigator-window.component.ts", lineNumber: 42 }); })();
532
758
 
533
759
  const CDK_OVERLAY_CUSTOM_CLASS = 'td-window-dialog';
534
760
  const DEFAULT_POSITION = { bottom: '0px', right: '0px' };
@@ -616,15 +842,15 @@ class TdMarkdownNavigatorWindowService {
616
842
  this.markdownNavigatorWindowDialogsOpen--;
617
843
  });
618
844
  }
619
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowService, deps: [{ token: i1$1.TdDialogService }, { token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
620
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowService });
845
+ static ɵfac = function TdMarkdownNavigatorWindowService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdMarkdownNavigatorWindowService)(i0.ɵɵinject(i1$1.TdDialogService), i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(i0.RendererFactory2)); };
846
+ static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TdMarkdownNavigatorWindowService, factory: TdMarkdownNavigatorWindowService.ɵfac });
621
847
  }
622
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowService, decorators: [{
623
- type: Injectable
624
- }], ctorParameters: () => [{ type: i1$1.TdDialogService }, { type: undefined, decorators: [{
625
- type: Inject,
626
- args: [DOCUMENT]
627
- }] }, { type: i0.RendererFactory2 }] });
848
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdMarkdownNavigatorWindowService, [{
849
+ type: Injectable
850
+ }], () => [{ type: i1$1.TdDialogService }, { type: undefined, decorators: [{
851
+ type: Inject,
852
+ args: [DOCUMENT]
853
+ }] }, { type: i0.RendererFactory2 }], null); })();
628
854
 
629
855
  class TdMarkdownNavigatorWindowDirective {
630
856
  _markdownNavigatorWindowService;
@@ -638,82 +864,60 @@ class TdMarkdownNavigatorWindowDirective {
638
864
  this._markdownNavigatorWindowService.open(this.config);
639
865
  }
640
866
  }
641
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowDirective, deps: [{ token: TdMarkdownNavigatorWindowService }], target: i0.ɵɵFactoryTarget.Directive });
642
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: TdMarkdownNavigatorWindowDirective, selector: "[tdMarkdownNavigatorWindow]", inputs: { config: ["tdMarkdownNavigatorWindow", "config"], disabled: "disabled" }, host: { listeners: { "click": "click()" } }, ngImport: i0 });
867
+ static ɵfac = function TdMarkdownNavigatorWindowDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdMarkdownNavigatorWindowDirective)(i0.ɵɵdirectiveInject(TdMarkdownNavigatorWindowService)); };
868
+ static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdMarkdownNavigatorWindowDirective, selectors: [["", "tdMarkdownNavigatorWindow", ""]], hostBindings: function TdMarkdownNavigatorWindowDirective_HostBindings(rf, ctx) { if (rf & 1) {
869
+ i0.ɵɵlistener("click", function TdMarkdownNavigatorWindowDirective_click_HostBindingHandler() { return ctx.click(); });
870
+ } }, inputs: { config: [0, "tdMarkdownNavigatorWindow", "config"], disabled: "disabled" } });
643
871
  }
644
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TdMarkdownNavigatorWindowDirective, decorators: [{
645
- type: Directive,
646
- args: [{
647
- selector: '[tdMarkdownNavigatorWindow]',
648
- }]
649
- }], ctorParameters: () => [{ type: TdMarkdownNavigatorWindowService }], propDecorators: { config: [{
650
- type: Input,
651
- args: ['tdMarkdownNavigatorWindow']
652
- }], disabled: [{
653
- type: Input
654
- }], click: [{
655
- type: HostListener,
656
- args: ['click']
657
- }] } });
872
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdMarkdownNavigatorWindowDirective, [{
873
+ type: Directive,
874
+ args: [{
875
+ selector: '[tdMarkdownNavigatorWindow]',
876
+ }]
877
+ }], () => [{ type: TdMarkdownNavigatorWindowService }], { config: [{
878
+ type: Input,
879
+ args: ['tdMarkdownNavigatorWindow']
880
+ }], disabled: [{
881
+ type: Input
882
+ }], click: [{
883
+ type: HostListener,
884
+ args: ['click']
885
+ }] }); })();
658
886
 
887
+ /**
888
+ * @deprecated This module is deprecated and will be removed in future versions.
889
+ * Please migrate to using standalone components as soon as possible.
890
+ */
659
891
  class CovalentMarkdownNavigatorModule {
660
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentMarkdownNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
661
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: CovalentMarkdownNavigatorModule, declarations: [TdMarkdownNavigatorComponent,
662
- TdMarkdownNavigatorWindowComponent,
663
- TdMarkdownNavigatorWindowDirective], imports: [CommonModule,
664
- // material
665
- MatButtonModule,
666
- MatTooltipModule,
667
- MatListModule,
668
- MatIconModule,
669
- MatProgressBarModule,
670
- CovalentBreadcrumbsModule,
671
- CovalentDialogsModule,
672
- CovalentFlavoredMarkdownModule,
673
- CovalentMessageModule], exports: [TdMarkdownNavigatorComponent,
674
- TdMarkdownNavigatorWindowComponent,
675
- TdMarkdownNavigatorWindowDirective] });
676
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentMarkdownNavigatorModule, providers: [TdMarkdownNavigatorWindowService], imports: [CommonModule,
677
- // material
678
- MatButtonModule,
679
- MatTooltipModule,
680
- MatListModule,
681
- MatIconModule,
682
- MatProgressBarModule,
683
- CovalentBreadcrumbsModule,
684
- CovalentDialogsModule,
685
- CovalentFlavoredMarkdownModule,
686
- CovalentMessageModule] });
892
+ static ɵfac = function CovalentMarkdownNavigatorModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentMarkdownNavigatorModule)(); };
893
+ static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentMarkdownNavigatorModule });
894
+ static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [TdMarkdownNavigatorWindowService, TdDialogService], imports: [CommonModule,
895
+ TdMarkdownNavigatorComponent,
896
+ TdMarkdownNavigatorWindowComponent] });
687
897
  }
688
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CovalentMarkdownNavigatorModule, decorators: [{
689
- type: NgModule,
690
- args: [{
691
- imports: [
692
- CommonModule,
693
- // material
694
- MatButtonModule,
695
- MatTooltipModule,
696
- MatListModule,
697
- MatIconModule,
698
- MatProgressBarModule,
699
- CovalentBreadcrumbsModule,
700
- CovalentDialogsModule,
701
- CovalentFlavoredMarkdownModule,
702
- CovalentMessageModule,
703
- ],
704
- declarations: [
705
- TdMarkdownNavigatorComponent,
706
- TdMarkdownNavigatorWindowComponent,
707
- TdMarkdownNavigatorWindowDirective,
708
- ],
709
- exports: [
710
- TdMarkdownNavigatorComponent,
711
- TdMarkdownNavigatorWindowComponent,
712
- TdMarkdownNavigatorWindowDirective,
713
- ],
714
- providers: [TdMarkdownNavigatorWindowService],
715
- }]
716
- }] });
898
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentMarkdownNavigatorModule, [{
899
+ type: NgModule,
900
+ args: [{
901
+ imports: [
902
+ CommonModule,
903
+ TdMarkdownNavigatorComponent,
904
+ TdMarkdownNavigatorWindowComponent,
905
+ TdMarkdownNavigatorWindowDirective,
906
+ ],
907
+ exports: [
908
+ TdMarkdownNavigatorComponent,
909
+ TdMarkdownNavigatorWindowComponent,
910
+ TdMarkdownNavigatorWindowDirective,
911
+ ],
912
+ providers: [TdMarkdownNavigatorWindowService, TdDialogService],
913
+ }]
914
+ }], null, null); })();
915
+ (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentMarkdownNavigatorModule, { imports: [CommonModule,
916
+ TdMarkdownNavigatorComponent,
917
+ TdMarkdownNavigatorWindowComponent,
918
+ TdMarkdownNavigatorWindowDirective], exports: [TdMarkdownNavigatorComponent,
919
+ TdMarkdownNavigatorWindowComponent,
920
+ TdMarkdownNavigatorWindowDirective] }); })();
717
921
 
718
922
  /**
719
923
  * Generated bundle index. Do not edit.