@covalent/flavored-markdown 6.3.0-beta.4 → 6.4.0

package/{esm2020 → esm2022}/lib/flavored-markdown.module.mjs

@@ -13,18 +13,18 @@ import { TdFlavoredMarkdownComponent, TdFlavoredMarkdownContainerDirective, TdFl
 import { TdFlavoredMarkdownLoaderComponent } from './flavored-markdown-loader/flavored-markdown-loader.component';
 import * as i0 from "@angular/core";
 export class CovalentFlavoredMarkdownModule {
+    static ɵfac = function CovalentFlavoredMarkdownModule_Factory(t) { return new (t || CovalentFlavoredMarkdownModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentFlavoredMarkdownModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            MatCheckboxModule,
+            MatListModule,
+            MatProgressBarModule,
+            CovalentHighlightModule,
+            CovalentMarkdownModule,
+            MatButtonModule,
+            MatTableModule,
+            MatSortModule] });
 }
-CovalentFlavoredMarkdownModule.ɵfac = function CovalentFlavoredMarkdownModule_Factory(t) { return new (t || CovalentFlavoredMarkdownModule)(); };
-CovalentFlavoredMarkdownModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentFlavoredMarkdownModule });
-CovalentFlavoredMarkdownModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        MatCheckboxModule,
-        MatListModule,
-        MatProgressBarModule,
-        CovalentHighlightModule,
-        CovalentMarkdownModule,
-        MatButtonModule,
-        MatTableModule,
-        MatSortModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentFlavoredMarkdownModule, [{
         type: NgModule,
         args: [{
@@ -64,4 +64,4 @@ CovalentFlavoredMarkdownModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imp
         MatButtonModule,
         MatTableModule,
         MatSortModule], exports: [TdFlavoredMarkdownComponent, TdFlavoredMarkdownLoaderComponent] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdm9yZWQtbWFya2Rvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9tYXJrZG93bi1mbGF2b3JlZC9zcmMvbGliL2ZsYXZvcmVkLW1hcmtkb3duLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFOUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEUsT0FBTyxFQUNMLDJCQUEyQixFQUMzQixvQ0FBb0MsRUFDcEMsaUNBQWlDLEVBQ2pDLGdDQUFnQyxHQUNqQyxNQUFNLCtCQUErQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLCtEQUErRCxDQUFDOztBQXdCbEgsTUFBTSxPQUFPLDhCQUE4Qjs7NEdBQTlCLDhCQUE4QjtnRkFBOUIsOEJBQThCO29GQXBCdkMsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixhQUFhO1FBQ2Isb0JBQW9CO1FBQ3BCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIsZUFBZTtRQUNmLGNBQWM7UUFDZCxhQUFhO3VGQVlKLDhCQUE4QjtjQXRCMUMsUUFBUTtlQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGlCQUFpQjtvQkFDakIsYUFBYTtvQkFDYixvQkFBb0I7b0JBQ3BCLHVCQUF1QjtvQkFDdkIsc0JBQXNCO29CQUN0QixlQUFlO29CQUNmLGNBQWM7b0JBQ2QsYUFBYTtpQkFDZDtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osdUJBQXVCO29CQUN2QiwyQkFBMkI7b0JBQzNCLG9DQUFvQztvQkFDcEMsaUNBQWlDO29CQUNqQyxpQ0FBaUM7b0JBQ2pDLGdDQUFnQztpQkFDakM7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLEVBQUUsaUNBQWlDLENBQUM7YUFDMUU7O3dGQUNZLDhCQUE4QixtQkFUdkMsdUJBQXVCO1FBQ3ZCLDJCQUEyQjtRQUMzQixvQ0FBb0M7UUFDcEMsaUNBQWlDO1FBQ2pDLGlDQUFpQztRQUNqQyxnQ0FBZ0MsYUFoQmhDLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsYUFBYTtRQUNiLG9CQUFvQjtRQUNwQix1QkFBdUI7UUFDdkIsc0JBQXNCO1FBQ3RCLGVBQWU7UUFDZixjQUFjO1FBQ2QsYUFBYSxhQVVMLDJCQUEyQixFQUFFLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1iYXInO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgTWF0U29ydE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NvcnQnO1xuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XG5pbXBvcnQgeyBNYXRMaXN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGlzdCc7XG5pbXBvcnQgeyBDb3ZhbGVudEhpZ2hsaWdodE1vZHVsZSB9IGZyb20gJ0Bjb3ZhbGVudC9oaWdobGlnaHQnO1xuXG5pbXBvcnQgeyBDb3ZhbGVudE1hcmtkb3duTW9kdWxlIH0gZnJvbSAnQGNvdmFsZW50L21hcmtkb3duJztcbmltcG9ydCB7IFRkRmxhdm9yZWRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9jZm0tbGlzdC9jZm0tbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgVGRGbGF2b3JlZE1hcmtkb3duQ29tcG9uZW50LFxuICBUZEZsYXZvcmVkTWFya2Rvd25Db250YWluZXJEaXJlY3RpdmUsXG4gIFRkRmxhdm9yZWRNYXJrZG93bkJ1dHRvbkNvbXBvbmVudCxcbiAgVGRGbGF2b3JlZE1hcmtkb3duVGFibGVDb21wb25lbnQsXG59IGZyb20gJy4vZmxhdm9yZWQtbWFya2Rvd24uY29tcG9uZW50JztcbmltcG9ydCB7IFRkRmxhdm9yZWRNYXJrZG93bkxvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vZmxhdm9yZWQtbWFya2Rvd24tbG9hZGVyL2ZsYXZvcmVkLW1hcmtkb3duLWxvYWRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdENoZWNrYm94TW9kdWxlLFxuICAgIE1hdExpc3RNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUsXG4gICAgQ292YWxlbnRIaWdobGlnaHRNb2R1bGUsXG4gICAgQ292YWxlbnRNYXJrZG93bk1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gICAgTWF0U29ydE1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVGRGbGF2b3JlZExpc3RDb21wb25lbnQsXG4gICAgVGRGbGF2b3JlZE1hcmtkb3duQ29tcG9uZW50LFxuICAgIFRkRmxhdm9yZWRNYXJrZG93bkNvbnRhaW5lckRpcmVjdGl2ZSxcbiAgICBUZEZsYXZvcmVkTWFya2Rvd25Mb2FkZXJDb21wb25lbnQsXG4gICAgVGRGbGF2b3JlZE1hcmtkb3duQnV0dG9uQ29tcG9uZW50LFxuICAgIFRkRmxhdm9yZWRNYXJrZG93blRhYmxlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbVGRGbGF2b3JlZE1hcmtkb3duQ29tcG9uZW50LCBUZEZsYXZvcmVkTWFya2Rvd25Mb2FkZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBDb3ZhbGVudEZsYXZvcmVkTWFya2Rvd25Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdm9yZWQtbWFya2Rvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9tYXJrZG93bi1mbGF2b3JlZC9zcmMvbGliL2ZsYXZvcmVkLW1hcmtkb3duLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFOUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEUsT0FBTyxFQUNMLDJCQUEyQixFQUMzQixvQ0FBb0MsRUFDcEMsaUNBQWlDLEVBQ2pDLGdDQUFnQyxHQUNqQyxNQUFNLCtCQUErQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLCtEQUErRCxDQUFDOztBQXdCbEgsTUFBTSxPQUFPLDhCQUE4Qjt3RkFBOUIsOEJBQThCOzREQUE5Qiw4QkFBOEI7Z0VBcEJ2QyxZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGFBQWE7WUFDYixvQkFBb0I7WUFDcEIsdUJBQXVCO1lBQ3ZCLHNCQUFzQjtZQUN0QixlQUFlO1lBQ2YsY0FBYztZQUNkLGFBQWE7O3VGQVlKLDhCQUE4QjtjQXRCMUMsUUFBUTtlQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGlCQUFpQjtvQkFDakIsYUFBYTtvQkFDYixvQkFBb0I7b0JBQ3BCLHVCQUF1QjtvQkFDdkIsc0JBQXNCO29CQUN0QixlQUFlO29CQUNmLGNBQWM7b0JBQ2QsYUFBYTtpQkFDZDtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osdUJBQXVCO29CQUN2QiwyQkFBMkI7b0JBQzNCLG9DQUFvQztvQkFDcEMsaUNBQWlDO29CQUNqQyxpQ0FBaUM7b0JBQ2pDLGdDQUFnQztpQkFDakM7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLEVBQUUsaUNBQWlDLENBQUM7YUFDMUU7O3dGQUNZLDhCQUE4QixtQkFUdkMsdUJBQXVCO1FBQ3ZCLDJCQUEyQjtRQUMzQixvQ0FBb0M7UUFDcEMsaUNBQWlDO1FBQ2pDLGlDQUFpQztRQUNqQyxnQ0FBZ0MsYUFoQmhDLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsYUFBYTtRQUNiLG9CQUFvQjtRQUNwQix1QkFBdUI7UUFDdkIsc0JBQXNCO1FBQ3RCLGVBQWU7UUFDZixjQUFjO1FBQ2QsYUFBYSxhQVVMLDJCQUEyQixFQUFFLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1iYXInO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgTWF0U29ydE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NvcnQnO1xuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XG5pbXBvcnQgeyBNYXRMaXN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGlzdCc7XG5pbXBvcnQgeyBDb3ZhbGVudEhpZ2hsaWdodE1vZHVsZSB9IGZyb20gJ0Bjb3ZhbGVudC9oaWdobGlnaHQnO1xuXG5pbXBvcnQgeyBDb3ZhbGVudE1hcmtkb3duTW9kdWxlIH0gZnJvbSAnQGNvdmFsZW50L21hcmtkb3duJztcbmltcG9ydCB7IFRkRmxhdm9yZWRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9jZm0tbGlzdC9jZm0tbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgVGRGbGF2b3JlZE1hcmtkb3duQ29tcG9uZW50LFxuICBUZEZsYXZvcmVkTWFya2Rvd25Db250YWluZXJEaXJlY3RpdmUsXG4gIFRkRmxhdm9yZWRNYXJrZG93bkJ1dHRvbkNvbXBvbmVudCxcbiAgVGRGbGF2b3JlZE1hcmtkb3duVGFibGVDb21wb25lbnQsXG59IGZyb20gJy4vZmxhdm9yZWQtbWFya2Rvd24uY29tcG9uZW50JztcbmltcG9ydCB7IFRkRmxhdm9yZWRNYXJrZG93bkxvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vZmxhdm9yZWQtbWFya2Rvd24tbG9hZGVyL2ZsYXZvcmVkLW1hcmtkb3duLWxvYWRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdENoZWNrYm94TW9kdWxlLFxuICAgIE1hdExpc3RNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NCYXJNb2R1bGUsXG4gICAgQ292YWxlbnRIaWdobGlnaHRNb2R1bGUsXG4gICAgQ292YWxlbnRNYXJrZG93bk1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gICAgTWF0U29ydE1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVGRGbGF2b3JlZExpc3RDb21wb25lbnQsXG4gICAgVGRGbGF2b3JlZE1hcmtkb3duQ29tcG9uZW50LFxuICAgIFRkRmxhdm9yZWRNYXJrZG93bkNvbnRhaW5lckRpcmVjdGl2ZSxcbiAgICBUZEZsYXZvcmVkTWFya2Rvd25Mb2FkZXJDb21wb25lbnQsXG4gICAgVGRGbGF2b3JlZE1hcmtkb3duQnV0dG9uQ29tcG9uZW50LFxuICAgIFRkRmxhdm9yZWRNYXJrZG93blRhYmxlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbVGRGbGF2b3JlZE1hcmtkb3duQ29tcG9uZW50LCBUZEZsYXZvcmVkTWFya2Rvd25Mb2FkZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBDb3ZhbGVudEZsYXZvcmVkTWFya2Rvd25Nb2R1bGUge31cbiJdfQ==

package/{fesm2020 → fesm2022}/covalent-flavored-markdown.mjs

@@ -50,20 +50,19 @@ function TdFlavoredListComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", !last_r2);
 } }
 class TdFlavoredListComponent {
-    constructor() {
-        this.dense = false;
-    }
+    lines;
+    dense = false;
+    static ɵfac = function TdFlavoredListComponent_Factory(t) { return new (t || TdFlavoredListComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredListComponent, selectors: [["td-cfm-list"]], inputs: { lines: "lines", dense: "dense" }, decls: 2, vars: 2, consts: [["ngFor", "", 3, "ngForOf"], ["matListItemTitle", ""], ["matListItemLine", "", 4, "ngFor", "ngForOf"], ["matListItemLine", "", 4, "ngIf"], ["matListItemLine", ""]], template: function TdFlavoredListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-list");
+            i0.ɵɵtemplate(1, TdFlavoredListComponent_ng_template_1_Template, 5, 3, "ng-template", 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵattribute("dense", ctx.dense ? true : null);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.lines);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.MatList, i2.MatListItem, i3.MatDivider, i2.MatListItemLine, i2.MatListItemTitle] });
 }
-TdFlavoredListComponent.ɵfac = function TdFlavoredListComponent_Factory(t) { return new (t || TdFlavoredListComponent)(); };
-TdFlavoredListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredListComponent, selectors: [["td-cfm-list"]], inputs: { lines: "lines", dense: "dense" }, decls: 2, vars: 2, consts: [["ngFor", "", 3, "ngForOf"], ["matListItemTitle", ""], ["matListItemLine", "", 4, "ngFor", "ngForOf"], ["matListItemLine", "", 4, "ngIf"], ["matListItemLine", ""]], template: function TdFlavoredListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-list");
-        i0.ɵɵtemplate(1, TdFlavoredListComponent_ng_template_1_Template, 5, 3, "ng-template", 0);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵattribute("dense", ctx.dense ? true : null);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.lines);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.MatList, i2.MatListItem, i3.MatDivider, i2.MatListItemLine, i2.MatListItemTitle] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFlavoredListComponent, [{
         type: Component,
         args: [{ selector: 'td-cfm-list', template: "<mat-list [attr.dense]=\"dense ? true : null\">\n  <ng-template let-line let-last=\"last\" ngFor [ngForOf]=\"lines\">\n    <mat-list-item>\n      <h4 matListItemTitle>\n        {{ line.line }}\n      </h4>\n      <p *ngFor=\"let subline of line.sublines\" matListItemLine>\n        {{ subline }}\n      </p>\n      <mat-divider *ngIf=\"!last\" matListItemLine></mat-divider>\n    </mat-list-item>\n  </ng-template>\n</mat-list>\n" }]
@@ -109,9 +108,11 @@ function TdFlavoredMarkdownTableComponent_mat_row_3_Template(rf, ctx) { if (rf &
 } }
 const _c0 = ["*"];
 class TdFlavoredMarkdownTableComponent {
-    constructor() {
-        this.columnDefs = [];
-    }
+    columnDefs = [];
+    data;
+    sort;
+    displayedColumns;
+    dataSource;
     ngOnInit() {
         this.displayedColumns = this.columnDefs.map((c) => c.name);
         this.dataSource = new MatTableDataSource(this.data);
@@ -119,28 +120,28 @@ class TdFlavoredMarkdownTableComponent {
     ngAfterViewInit() {
         this.dataSource.sort = this.sort;
     }
+    static ɵfac = function TdFlavoredMarkdownTableComponent_Factory(t) { return new (t || TdFlavoredMarkdownTableComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownTableComponent, selectors: [["ng-component"]], viewQuery: function TdFlavoredMarkdownTableComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(MatSort, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sort = _t.first);
+        } }, inputs: { columnDefs: "columnDefs", data: "data" }, decls: 4, vars: 4, consts: [["matSort", "", 3, "dataSource"], ["ngFor", "", 3, "ngForOf"], [4, "matHeaderRowDef"], [4, "matRowDef", "matRowDefColumns"], [3, "matColumnDef"], ["mat-sort-header", "", 4, "matHeaderCellDef"], [4, "matCellDef"], ["mat-sort-header", ""]], template: function TdFlavoredMarkdownTableComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-table", 0);
+            i0.ɵɵtemplate(1, TdFlavoredMarkdownTableComponent_ng_template_1_Template, 3, 1, "ng-template", 1);
+            i0.ɵɵtemplate(2, TdFlavoredMarkdownTableComponent_mat_header_row_2_Template, 1, 0, "mat-header-row", 2);
+            i0.ɵɵtemplate(3, TdFlavoredMarkdownTableComponent_mat_row_3_Template, 1, 0, "mat-row", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("dataSource", ctx.dataSource);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.columnDefs);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("matHeaderRowDef", ctx.displayedColumns);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
+        } }, dependencies: [i1.NgForOf, i1$1.TdMarkdownComponent, i3$1.MatTable, i3$1.MatHeaderCellDef, i3$1.MatHeaderRowDef, i3$1.MatColumnDef, i3$1.MatCellDef, i3$1.MatRowDef, i3$1.MatHeaderCell, i3$1.MatCell, i3$1.MatHeaderRow, i3$1.MatRow, i4.MatSort, i4.MatSortHeader], encapsulation: 2 });
 }
-TdFlavoredMarkdownTableComponent.ɵfac = function TdFlavoredMarkdownTableComponent_Factory(t) { return new (t || TdFlavoredMarkdownTableComponent)(); };
-TdFlavoredMarkdownTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownTableComponent, selectors: [["ng-component"]], viewQuery: function TdFlavoredMarkdownTableComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(MatSort, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sort = _t.first);
-    } }, inputs: { columnDefs: "columnDefs", data: "data" }, decls: 4, vars: 4, consts: [["matSort", "", 3, "dataSource"], ["ngFor", "", 3, "ngForOf"], [4, "matHeaderRowDef"], [4, "matRowDef", "matRowDefColumns"], [3, "matColumnDef"], ["mat-sort-header", "", 4, "matHeaderCellDef"], [4, "matCellDef"], ["mat-sort-header", ""]], template: function TdFlavoredMarkdownTableComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-table", 0);
-        i0.ɵɵtemplate(1, TdFlavoredMarkdownTableComponent_ng_template_1_Template, 3, 1, "ng-template", 1);
-        i0.ɵɵtemplate(2, TdFlavoredMarkdownTableComponent_mat_header_row_2_Template, 1, 0, "mat-header-row", 2);
-        i0.ɵɵtemplate(3, TdFlavoredMarkdownTableComponent_mat_row_3_Template, 1, 0, "mat-row", 3);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("dataSource", ctx.dataSource);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.columnDefs);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("matHeaderRowDef", ctx.displayedColumns);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("matRowDefColumns", ctx.displayedColumns);
-    } }, dependencies: [i1.NgForOf, i1$1.TdMarkdownComponent, i3$1.MatTable, i3$1.MatHeaderCellDef, i3$1.MatHeaderRowDef, i3$1.MatColumnDef, i3$1.MatCellDef, i3$1.MatRowDef, i3$1.MatHeaderCell, i3$1.MatCell, i3$1.MatHeaderRow, i3$1.MatRow, i4.MatSort, i4.MatSortHeader], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFlavoredMarkdownTableComponent, [{
         type: Component,
         args: [{
@@ -172,28 +173,26 @@ TdFlavoredMarkdownTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
             args: [MatSort]
         }] }); })();
 class TdFlavoredMarkdownButtonComponent {
-    constructor() {
-        this.display = 'inline-block';
-        this.text = '';
-        this.data = '';
-        this.clicked = new EventEmitter();
-    }
+    display = 'inline-block';
+    text = '';
+    data = '';
+    clicked = new EventEmitter();
     emitClick() {
         this.clicked.emit({ text: this.text, data: this.data });
     }
+    static ɵfac = function TdFlavoredMarkdownButtonComponent_Factory(t) { return new (t || TdFlavoredMarkdownButtonComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownButtonComponent, selectors: [["ng-component"]], hostVars: 2, hostBindings: function TdFlavoredMarkdownButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("display", ctx.display);
+        } }, inputs: { text: "text", data: "data" }, outputs: { clicked: "clicked" }, decls: 2, vars: 1, consts: [["mat-raised-button", "", 3, "click"]], template: function TdFlavoredMarkdownButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function TdFlavoredMarkdownButtonComponent_Template_button_click_0_listener() { return ctx.emitClick(); });
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", ctx.text, " ");
+        } }, dependencies: [i5.MatButton], encapsulation: 2 });
 }
-TdFlavoredMarkdownButtonComponent.ɵfac = function TdFlavoredMarkdownButtonComponent_Factory(t) { return new (t || TdFlavoredMarkdownButtonComponent)(); };
-TdFlavoredMarkdownButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownButtonComponent, selectors: [["ng-component"]], hostVars: 2, hostBindings: function TdFlavoredMarkdownButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵstyleProp("display", ctx.display);
-    } }, inputs: { text: "text", data: "data" }, outputs: { clicked: "clicked" }, decls: 2, vars: 1, consts: [["mat-raised-button", "", 3, "click"]], template: function TdFlavoredMarkdownButtonComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "button", 0);
-        i0.ɵɵlistener("click", function TdFlavoredMarkdownButtonComponent_Template_button_click_0_listener() { return ctx.emitClick(); });
-        i0.ɵɵtext(1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", ctx.text, " ");
-    } }, dependencies: [i5.MatButton], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFlavoredMarkdownButtonComponent, [{
         type: Component,
         args: [{
@@ -214,6 +213,8 @@ TdFlavoredMarkdownButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
             type: Output
         }] }); })();
 class TdFlavoredMarkdownContainerDirective {
+    viewContainerRef;
+    _renderer;
     constructor(viewContainerRef, _renderer) {
         this.viewContainerRef = viewContainerRef;
         this._renderer = _renderer;
@@ -222,9 +223,9 @@ class TdFlavoredMarkdownContainerDirective {
         this._renderer.setProperty(this.viewContainerRef.element.nativeElement, 'innerHTML', '');
         this.viewContainerRef.clear();
     }
+    static ɵfac = function TdFlavoredMarkdownContainerDirective_Factory(t) { return new (t || TdFlavoredMarkdownContainerDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdFlavoredMarkdownContainerDirective, selectors: [["", "tdFlavoredMarkdownContainer", ""]] });
 }
-TdFlavoredMarkdownContainerDirective.ɵfac = function TdFlavoredMarkdownContainerDirective_Factory(t) { return new (t || TdFlavoredMarkdownContainerDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
-TdFlavoredMarkdownContainerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdFlavoredMarkdownContainerDirective, selectors: [["", "tdFlavoredMarkdownContainer", ""]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFlavoredMarkdownContainerDirective, [{
         type: Directive,
         args: [{
@@ -232,6 +233,17 @@ TdFlavoredMarkdownContainerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirectiv
             }]
     }], function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, null); })();
 class TdFlavoredMarkdownComponent {
+    _componentFactoryResolver;
+    _renderer;
+    _changeDetectorRef;
+    _injector;
+    _elementRef;
+    _content;
+    _simpleLineBreaks = false;
+    _hostedUrl;
+    _anchor;
+    _components = {};
+    _viewInit = false;
     /**
      * content?: string
      *
@@ -269,45 +281,55 @@ class TdFlavoredMarkdownComponent {
     set anchor(anchor) {
         this._anchor = anchor;
     }
+    /**
+     * copyCodeToClipboard?: boolean
+     *
+     * Display copy button on code snippets to copy code to clipboard.
+     *
+     */
+    copyCodeToClipboard = false;
+    /**
+     * copyCodeTooltips?: ICopyCodeTooltips
+     *
+     * Tooltips for copy button to copy and upon copying.
+     */
+    copyCodeTooltips = {};
+    /**
+     * toggleRawCode?: boolean
+     *
+     * Display button to toggle raw code view
+     */
+    toggleRawCode = false;
+    /**
+     * rawToggleLabels?: IRawToggleLabels
+     *
+     * Labels for raw code toggle button
+     */
+    rawToggleLabels = {};
+    /**
+     * useCfmList?: boolean = false;
+     * Use CFM list component instead of vanilla markdown list. Used in covalent documentation app.
+     */
+    useCfmList = false;
+    /**
+     * contentReady?: function
+     * Event emitted after the markdown content rendering is finished.
+     */
+    contentReady = new EventEmitter();
+    /**
+     * buttonClicked?: ITdFlavoredMarkdownButtonClickEvent
+     * Event emitted when a button is clicked
+     * Is an object containing text and data of button
+     */
+    buttonClicked = new EventEmitter();
+    container;
+    _destroy$ = new Subject();
     constructor(_componentFactoryResolver, _renderer, _changeDetectorRef, _injector, _elementRef) {
         this._componentFactoryResolver = _componentFactoryResolver;
         this._renderer = _renderer;
         this._changeDetectorRef = _changeDetectorRef;
         this._injector = _injector;
         this._elementRef = _elementRef;
-        this._simpleLineBreaks = false;
-        this._components = {};
-        this._viewInit = false;
-        /**
-         * copyCodeToClipboard?: boolean
-         *
-         * Display copy button on code snippets to copy code to clipboard.
-         *
-         */
-        this.copyCodeToClipboard = false;
-        /**
-         * copyCodeTooltips?: ICopyCodeTooltips
-         *
-         * Tooltips for copy button to copy and upon copying.
-         */
-        this.copyCodeTooltips = {};
-        /**
-         * useCfmList?: boolean = false;
-         * Use CFM list component instead of vanilla markdown list. Used in covalent documentation app.
-         */
-        this.useCfmList = false;
-        /**
-         * contentReady?: function
-         * Event emitted after the markdown content rendering is finished.
-         */
-        this.contentReady = new EventEmitter();
-        /**
-         * buttonClicked?: ITdFlavoredMarkdownButtonClickEvent
-         * Event emitted when a button is clicked
-         * Is an object containing text and data of button
-         */
-        this.buttonClicked = new EventEmitter();
-        this._destroy$ = new Subject();
     }
     ngOnChanges(changes) {
         // only anchor changed
@@ -458,6 +480,8 @@ class TdFlavoredMarkdownComponent {
             }
             componentRef.instance.copyCodeToClipboard = this.copyCodeToClipboard;
             componentRef.instance.copyCodeTooltips = this.copyCodeTooltips;
+            componentRef.instance.toggleRawButton = this.toggleRawCode;
+            componentRef.instance.rawToggleLabels = this.rawToggleLabels;
             componentRef.instance.content = codeblock;
         });
     }
@@ -544,19 +568,19 @@ class TdFlavoredMarkdownComponent {
             componentRef.instance.lines = lines;
         });
     }
+    static ɵfac = function TdFlavoredMarkdownComponent_Factory(t) { return new (t || TdFlavoredMarkdownComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownComponent, selectors: [["td-flavored-markdown"]], viewQuery: function TdFlavoredMarkdownComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(TdFlavoredMarkdownContainerDirective, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+        } }, inputs: { content: "content", simpleLineBreaks: "simpleLineBreaks", hostedUrl: "hostedUrl", anchor: "anchor", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", toggleRawCode: "toggleRawCode", rawToggleLabels: "rawToggleLabels", useCfmList: "useCfmList" }, outputs: { contentReady: "contentReady", buttonClicked: "buttonClicked" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 2, vars: 0, consts: [["tdFlavoredMarkdownContainer", ""]], template: function TdFlavoredMarkdownComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } }, dependencies: [TdFlavoredMarkdownContainerDirective], styles: ["[_nghost-%COMP%]     td-markdown:first-of-type>div:first-of-type>h1:first-of-type, [_nghost-%COMP%]     td-markdown:first-of-type>div:first-of-type>h2:first-of-type{margin-top:0}[_nghost-%COMP%]     mat-checkbox{display:block}[_nghost-%COMP%]     td-highlight, [_nghost-%COMP%]     mat-table, [_nghost-%COMP%]     mat-checkbox:last-of-type{margin-bottom:16px}[_nghost-%COMP%]     :not(pre)>code{font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;padding-left:2px;padding-right:2px}[_nghost-%COMP%]     td-highlight{display:flex;flex-direction:row;justify-content:space-between}"], changeDetection: 0 });
 }
-TdFlavoredMarkdownComponent.ɵfac = function TdFlavoredMarkdownComponent_Factory(t) { return new (t || TdFlavoredMarkdownComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-TdFlavoredMarkdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownComponent, selectors: [["td-flavored-markdown"]], viewQuery: function TdFlavoredMarkdownComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(TdFlavoredMarkdownContainerDirective, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-    } }, inputs: { content: "content", simpleLineBreaks: "simpleLineBreaks", hostedUrl: "hostedUrl", anchor: "anchor", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", useCfmList: "useCfmList" }, outputs: { contentReady: "contentReady", buttonClicked: "buttonClicked" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 2, vars: 0, consts: [["tdFlavoredMarkdownContainer", ""]], template: function TdFlavoredMarkdownComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵprojection(1);
-        i0.ɵɵelementEnd();
-    } }, dependencies: [TdFlavoredMarkdownContainerDirective], styles: ["[_nghost-%COMP%]     td-markdown:first-of-type>div:first-of-type>h1:first-of-type, [_nghost-%COMP%]     td-markdown:first-of-type>div:first-of-type>h2:first-of-type{margin-top:0}[_nghost-%COMP%]     mat-checkbox{display:block}[_nghost-%COMP%]     td-highlight, [_nghost-%COMP%]     mat-table, [_nghost-%COMP%]     mat-checkbox:last-of-type{margin-bottom:16px}[_nghost-%COMP%]     :not(pre)>code{font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;padding-left:2px;padding-right:2px}[_nghost-%COMP%]     td-highlight{display:flex;flex-direction:row;justify-content:space-between}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFlavoredMarkdownComponent, [{
         type: Component,
         args: [{ selector: 'td-flavored-markdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div tdFlavoredMarkdownContainer>\n  <ng-content></ng-content>\n</div>\n", styles: [":host ::ng-deep td-markdown:first-of-type>div:first-of-type>h1:first-of-type,:host ::ng-deep td-markdown:first-of-type>div:first-of-type>h2:first-of-type{margin-top:0}:host ::ng-deep mat-checkbox{display:block}:host ::ng-deep td-highlight,:host ::ng-deep mat-table,:host ::ng-deep mat-checkbox:last-of-type{margin-bottom:16px}:host ::ng-deep :not(pre)>code{font-family:Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;padding-left:2px;padding-right:2px}:host ::ng-deep td-highlight{display:flex;flex-direction:row;justify-content:space-between}\n"] }]
@@ -572,6 +596,10 @@ TdFlavoredMarkdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             type: Input
         }], copyCodeTooltips: [{
             type: Input
+        }], toggleRawCode: [{
+            type: Input
+        }], rawToggleLabels: [{
+            type: Input
         }], useCfmList: [{
             type: Input
         }], contentReady: [{
@@ -601,39 +629,57 @@ function TdFlavoredMarkdownLoaderComponent_td_flavored_markdown_1_Template(rf, c
 } }
 // TODO: make a td-markdown-loader component
 class TdFlavoredMarkdownLoaderComponent {
+    _changeDetectorRef;
+    _markdownUrlLoaderService;
+    /**
+     * url: string
+     * The url of the markdown file.
+     */
+    url;
+    /**
+     * httpOptions: object
+     * HTTP options that can be part of the request.
+     */
+    httpOptions;
+    /**
+     * anchor: string
+     * Anchor to jump to.
+     */
+    anchor;
+    /**
+     * copyCodeToClipboard?: boolean
+     *
+     * Display copy button on code snippets to copy code to clipboard.
+     *
+     */
+    copyCodeToClipboard = false;
+    /**
+     * copyCodeTooltips?: ICopyCodeTooltips
+     *
+     * Tooltips for copy button to copy and upon copying.
+     */
+    copyCodeTooltips = {};
+    /**
+     * useCfmList?: boolean = false;
+     * Use CFM list component instead of vanilla markdown list. Used in covalent documentation app.
+     */
+    useCfmList = false;
+    /**
+     * contentReady: void
+     * Emitted when markdown rendering is finished.
+     */
+    contentReady = new EventEmitter();
+    /**
+     * loadFailed: Error
+     * Emitted when loading of markdown file fails.
+     */
+    loadFailed = new EventEmitter();
+    buttonClicked = new EventEmitter();
+    content;
+    loading = true;
     constructor(_changeDetectorRef, _markdownUrlLoaderService) {
         this._changeDetectorRef = _changeDetectorRef;
         this._markdownUrlLoaderService = _markdownUrlLoaderService;
-        /**
-         * copyCodeToClipboard?: boolean
-         *
-         * Display copy button on code snippets to copy code to clipboard.
-         *
-         */
-        this.copyCodeToClipboard = false;
-        /**
-         * copyCodeTooltips?: ICopyCodeTooltips
-         *
-         * Tooltips for copy button to copy and upon copying.
-         */
-        this.copyCodeTooltips = {};
-        /**
-         * useCfmList?: boolean = false;
-         * Use CFM list component instead of vanilla markdown list. Used in covalent documentation app.
-         */
-        this.useCfmList = false;
-        /**
-         * contentReady: void
-         * Emitted when markdown rendering is finished.
-         */
-        this.contentReady = new EventEmitter();
-        /**
-         * loadFailed: Error
-         * Emitted when loading of markdown file fails.
-         */
-        this.loadFailed = new EventEmitter();
-        this.buttonClicked = new EventEmitter();
-        this.loading = true;
     }
     ngOnChanges(changes) {
         if (changes['url'] || changes['httpOptions']) {
@@ -654,16 +700,16 @@ class TdFlavoredMarkdownLoaderComponent {
             this._changeDetectorRef.markForCheck();
         }
     }
+    static ɵfac = function TdFlavoredMarkdownLoaderComponent_Factory(t) { return new (t || TdFlavoredMarkdownLoaderComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.TdMarkdownLoaderService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownLoaderComponent, selectors: [["td-flavored-markdown-loader"]], inputs: { url: "url", httpOptions: "httpOptions", anchor: "anchor", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", useCfmList: "useCfmList" }, outputs: { contentReady: "contentReady", loadFailed: "loadFailed", buttonClicked: "buttonClicked" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["mode", "indeterminate", "color", "accent", "class", "sticky", 3, "ngClass", 4, "ngIf"], [3, "content", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "useCfmList", "contentReady", "buttonClicked", 4, "ngIf"], ["mode", "indeterminate", "color", "accent", 1, "sticky", 3, "ngClass"], [3, "content", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "useCfmList", "contentReady", "buttonClicked"]], template: function TdFlavoredMarkdownLoaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TdFlavoredMarkdownLoaderComponent_mat_progress_bar_0_Template, 1, 1, "mat-progress-bar", 0);
+            i0.ɵɵtemplate(1, TdFlavoredMarkdownLoaderComponent_td_flavored_markdown_1_Template, 1, 6, "td-flavored-markdown", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.loading);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !ctx.loading);
+        } }, dependencies: [i1.NgClass, i1.NgIf, i3$2.MatProgressBar, TdFlavoredMarkdownComponent], styles: ["[_nghost-%COMP%]{display:block}.sticky[_ngcontent-%COMP%]{position:absolute;top:0}.delay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_delay-animation;animation-duration:.6s}@keyframes _ngcontent-%COMP%_delay-animation{0%{opacity:0}99%{opacity:0}to{opacity:1}}"], changeDetection: 0 });
 }
-TdFlavoredMarkdownLoaderComponent.ɵfac = function TdFlavoredMarkdownLoaderComponent_Factory(t) { return new (t || TdFlavoredMarkdownLoaderComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.TdMarkdownLoaderService)); };
-TdFlavoredMarkdownLoaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TdFlavoredMarkdownLoaderComponent, selectors: [["td-flavored-markdown-loader"]], inputs: { url: "url", httpOptions: "httpOptions", anchor: "anchor", copyCodeToClipboard: "copyCodeToClipboard", copyCodeTooltips: "copyCodeTooltips", useCfmList: "useCfmList" }, outputs: { contentReady: "contentReady", loadFailed: "loadFailed", buttonClicked: "buttonClicked" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["mode", "indeterminate", "color", "accent", "class", "sticky", 3, "ngClass", 4, "ngIf"], [3, "content", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "useCfmList", "contentReady", "buttonClicked", 4, "ngIf"], ["mode", "indeterminate", "color", "accent", 1, "sticky", 3, "ngClass"], [3, "content", "hostedUrl", "anchor", "copyCodeToClipboard", "copyCodeTooltips", "useCfmList", "contentReady", "buttonClicked"]], template: function TdFlavoredMarkdownLoaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, TdFlavoredMarkdownLoaderComponent_mat_progress_bar_0_Template, 1, 1, "mat-progress-bar", 0);
-        i0.ɵɵtemplate(1, TdFlavoredMarkdownLoaderComponent_td_flavored_markdown_1_Template, 1, 6, "td-flavored-markdown", 1);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.loading);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.loading);
-    } }, dependencies: [i1.NgClass, i1.NgIf, i3$2.MatProgressBar, TdFlavoredMarkdownComponent], styles: ["[_nghost-%COMP%]{display:block}.sticky[_ngcontent-%COMP%]{position:absolute;top:0}.delay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_delay-animation;animation-duration:.6s}@keyframes _ngcontent-%COMP%_delay-animation{0%{opacity:0}99%{opacity:0}to{opacity:1}}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdFlavoredMarkdownLoaderComponent, [{
         type: Component,
         args: [{ selector: 'td-flavored-markdown-loader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-progress-bar\n  [ngClass]=\"'delay'\"\n  *ngIf=\"loading\"\n  mode=\"indeterminate\"\n  color=\"accent\"\n  class=\"sticky\"\n></mat-progress-bar>\n<td-flavored-markdown\n  *ngIf=\"!loading\"\n  [content]=\"content\"\n  [hostedUrl]=\"url ?? ''\"\n  [anchor]=\"anchor ?? ''\"\n  [copyCodeToClipboard]=\"copyCodeToClipboard\"\n  [copyCodeTooltips]=\"copyCodeTooltips\"\n  [useCfmList]=\"useCfmList\"\n  (contentReady)=\"contentReady.emit()\"\n  (buttonClicked)=\"buttonClicked.emit($event)\"\n></td-flavored-markdown>\n", styles: [":host{display:block}.sticky{position:absolute;top:0}.delay{animation:delay-animation;animation-duration:.6s}@keyframes delay-animation{0%{opacity:0}99%{opacity:0}to{opacity:1}}\n"] }]
@@ -688,18 +734,18 @@ TdFlavoredMarkdownLoaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
         }] }); })();
 
 class CovalentFlavoredMarkdownModule {
+    static ɵfac = function CovalentFlavoredMarkdownModule_Factory(t) { return new (t || CovalentFlavoredMarkdownModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentFlavoredMarkdownModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            MatCheckboxModule,
+            MatListModule,
+            MatProgressBarModule,
+            CovalentHighlightModule,
+            CovalentMarkdownModule,
+            MatButtonModule,
+            MatTableModule,
+            MatSortModule] });
 }
-CovalentFlavoredMarkdownModule.ɵfac = function CovalentFlavoredMarkdownModule_Factory(t) { return new (t || CovalentFlavoredMarkdownModule)(); };
-CovalentFlavoredMarkdownModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CovalentFlavoredMarkdownModule });
-CovalentFlavoredMarkdownModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        MatCheckboxModule,
-        MatListModule,
-        MatProgressBarModule,
-        CovalentHighlightModule,
-        CovalentMarkdownModule,
-        MatButtonModule,
-        MatTableModule,
-        MatSortModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentFlavoredMarkdownModule, [{
         type: NgModule,
         args: [{