@ng-doc/app 17.6.16 → 18.0.0-beta.2

package/fesm2022/ng-doc-app-processors-processors.mjs

@@ -1,13 +1,16 @@
-import { NgDocBlockquoteComponent, NgDocIconComponent, NgDocTooltipDirective } from '@ng-doc/ui-kit';
+import { NgDocBlockquoteComponent, NgDocIconComponent } from '@ng-doc/ui-kit';
 import { NgDocCodeComponent } from '@ng-doc/app/components/code';
 import { NgDocDemoComponent } from '@ng-doc/app/components/demo';
 import { NgDocDemoPaneComponent } from '@ng-doc/app/components/demo-pane';
-import { NgDocPageLinkComponent } from '@ng-doc/app/components/page-link';
+import { NgDocHeadingAnchorComponent } from '@ng-doc/app/components/heading-anchor';
+import { Renderer2 } from '@angular/core';
+import { NgDocImageViewerComponent } from '@ng-doc/app/components/image-viewer';
+import { NgDocMermaidViewerComponent } from '@ng-doc/app/components/mermaid-viewer';
 import { NgDocPlaygroundComponent } from '@ng-doc/app/components/playground';
-import { isPresent } from '@ng-doc/core';
-import * as i0 from '@angular/core';
-import { Renderer2, ElementRef, Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+import { isPresent } from '@ng-doc/core/helpers/is-present';
 import { NgDocTabsComponent } from '@ng-doc/app/components/tabs';
+export * from '@ng-doc/app/processors/processors/link';
+export * from '@ng-doc/app/processors/processors/tooltip';
 
 const blockquoteProcessor = {
     component: NgDocBlockquoteComponent,
@@ -16,6 +19,7 @@ const blockquoteProcessor = {
         content: [Array.from(element.childNodes)],
         inputs: {
             type: element.getAttribute('type') || 'default',
+            icon: element.getAttribute('icon') ?? undefined,
         },
     }),
 };
@@ -26,10 +30,8 @@ const codeProcessor = {
     nodeToReplace: (element) => element.closest('pre') ?? element,
     extractOptions: (element) => ({
         inputs: {
-            copyButton: element.getAttribute('copyButton') !== 'false',
-            name: element.getAttribute('name') || undefined,
-            icon: element.getAttribute('icon') || undefined,
-            lineNumbers: element.getAttribute('lineNumbers') !== 'false',
+            name: element.parentElement?.getAttribute('name') || undefined,
+            icon: element.parentElement?.getAttribute('icon') || undefined,
         },
         content: [[element.closest('pre') ?? element]],
     }),
@@ -41,7 +43,7 @@ const demoProcessor = {
     extractOptions: (element) => ({
         inputs: {
             componentName: element.getAttribute('componentName') || undefined,
-            options: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},
+            options: JSON.parse(element.querySelector('#options')?.textContent ?? '{}'),
         },
     }),
 };
@@ -57,6 +59,17 @@ const demoPaneProcessor = {
     }),
 };
 
+const headingAnchorProcessor = {
+    component: NgDocHeadingAnchorComponent,
+    selector: 'ng-doc-heading-anchor',
+    extractOptions: (element) => ({
+        inputs: {
+            classes: element.getAttribute('class')?.split(' ') || [],
+            anchor: element.getAttribute('anchor') || '',
+        },
+    }),
+};
+
 const iconProcessor = {
     component: NgDocIconComponent,
     selector: 'ng-doc-icon',
@@ -68,15 +81,30 @@ const iconProcessor = {
     }),
 };
 
-const linkProcessor = {
-    component: NgDocPageLinkComponent,
-    selector: 'a',
+const imageProcessor = {
+    component: NgDocImageViewerComponent,
+    selector: 'img:not([zoom="false"])',
+    nodeToReplace: (element, injector) => {
+        const renderer = injector.get(Renderer2);
+        const anchor = renderer.createElement('div');
+        return element.parentNode?.insertBefore(anchor, element) ?? element;
+    },
     extractOptions: (element) => ({
         inputs: {
-            href: element.getAttribute('href') ?? '',
-            classes: element.getAttribute('class') ?? '',
+            src: element.getAttribute('src') ?? '',
+            alt: element.getAttribute('alt') ?? '',
+        },
+        content: [[element]],
+    }),
+};
+
+const mermaidProcessor = {
+    component: NgDocMermaidViewerComponent,
+    selector: 'pre.mermaid',
+    extractOptions: (element) => ({
+        inputs: {
+            graph: element.textContent ?? '',
         },
-        content: [Array.from(element.childNodes)],
     }),
 };
 
@@ -124,62 +152,9 @@ const tabsProcessor = {
     },
 };
 
-class NgDocTooltipWrapperComponent {
-    constructor(changeDetectorRef) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.tooltipElement = null;
-    }
-    ngAfterViewInit() {
-        if (this.contentProjection) {
-            const element = this.contentProjection.nativeElement.querySelector('[ngDocTooltip]');
-            this.tooltipElement = element instanceof HTMLElement ? element : null;
-            this.changeDetectorRef.detectChanges();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTooltipWrapperComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocTooltipWrapperComponent, isStandalone: true, selector: "ng-doc-tooltip-wrapper", inputs: { content: "content" }, viewQueries: [{ propertyName: "contentProjection", first: true, predicate: ["contentProjection"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `
-		<div
-			class="content-projection"
-			[ngDocTooltip]="content ?? ''"
-			[displayOrigin]="tooltipElement ?? contentProjection"
-			[pointerOrigin]="tooltipElement ?? contentProjection"
-			#contentProjection>
-			<ng-content></ng-content>
-		</div>
-	`, isInline: true, styles: [".content-projection{display:unset}\n"], dependencies: [{ kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocTooltipWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-doc-tooltip-wrapper', template: `
-		<div
-			class="content-projection"
-			[ngDocTooltip]="content ?? ''"
-			[displayOrigin]="tooltipElement ?? contentProjection"
-			[pointerOrigin]="tooltipElement ?? contentProjection"
-			#contentProjection>
-			<ng-content></ng-content>
-		</div>
-	`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocTooltipDirective], styles: [".content-projection{display:unset}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { content: [{
-                type: Input
-            }], contentProjection: [{
-                type: ViewChild,
-                args: ['contentProjection', { read: ElementRef, static: true }]
-            }] } });
-const tooltipProcessor = {
-    component: NgDocTooltipWrapperComponent,
-    selector: '[ngDocTooltip]',
-    extractOptions: (element) => ({
-        inputs: {
-            content: element.getAttribute('ngDocTooltip') ?? '',
-        },
-        content: [[element.cloneNode(true)]],
-    }),
-};
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { blockquoteProcessor, codeProcessor, demoPaneProcessor, demoProcessor, iconProcessor, linkProcessor, playgroundProcessor, tabsProcessor, tooltipProcessor };
+export { blockquoteProcessor, codeProcessor, demoPaneProcessor, demoProcessor, headingAnchorProcessor, iconProcessor, imageProcessor, mermaidProcessor, playgroundProcessor, tabsProcessor };
 //# sourceMappingURL=ng-doc-app-processors-processors.mjs.map

package/fesm2022/ng-doc-app-processors-processors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-processors-processors.mjs","sources":["../../../../libs/app/processors/processors/blockquote.processor.ts","../../../../libs/app/processors/processors/code.processor.ts","../../../../libs/app/processors/processors/demo.processor.ts","../../../../libs/app/processors/processors/demo-pane.processor.ts","../../../../libs/app/processors/processors/icon.processor.ts","../../../../libs/app/processors/processors/link.processor.ts","../../../../libs/app/processors/processors/playground.processor.ts","../../../../libs/app/processors/processors/tabs.processor.ts","../../../../libs/app/processors/processors/tooltip.processor.ts","../../../../libs/app/processors/processors/ng-doc-app-processors-processors.ts"],"sourcesContent":["import { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocBlockquoteComponent, NgDocBlockquoteType } from '@ng-doc/ui-kit';\n\nexport const blockquoteProcessor: NgDocPageProcessor<NgDocBlockquoteComponent> = {\n\tcomponent: NgDocBlockquoteComponent,\n\tselector: 'ng-doc-blockquote',\n\textractOptions: (element: Element) => ({\n\t\tcontent: [Array.from(element.childNodes)],\n\t\tinputs: {\n\t\t\ttype: (element.getAttribute('type') as NgDocBlockquoteType) || 'default',\n\t\t},\n\t}),\n};\n","import { NgDocCodeComponent } from '@ng-doc/app/components/code';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const codeProcessor: NgDocPageProcessor<NgDocCodeComponent> = {\n\tcomponent: NgDocCodeComponent,\n\tselector: 'pre code',\n\tnodeToReplace: (element: Element) => element.closest('pre') ?? element,\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\tcopyButton: element.getAttribute('copyButton') !== 'false',\n\t\t\tname: element.getAttribute('name') || undefined,\n\t\t\ticon: element.getAttribute('icon') || undefined,\n\t\t\tlineNumbers: element.getAttribute('lineNumbers') !== 'false',\n\t\t},\n\t\tcontent: [[element.closest('pre') ?? element]],\n\t}),\n};\n","import { NgDocDemoComponent } from '@ng-doc/app/components/demo';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const demoProcessor: NgDocPageProcessor<NgDocDemoComponent> = {\n\tcomponent: NgDocDemoComponent,\n\tselector: 'ng-doc-demo',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\tcomponentName: element.getAttribute('componentName') || undefined,\n\t\t\toptions: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},\n\t\t},\n\t}),\n};\n","import { NgDocDemoPaneComponent } from '@ng-doc/app/components/demo-pane';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const demoPaneProcessor: NgDocPageProcessor<NgDocDemoPaneComponent> = {\n\tcomponent: NgDocDemoPaneComponent,\n\tselector: 'ng-doc-demo-pane',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\tcomponentName: element.getAttribute('componentName') || undefined,\n\t\t\toptions: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},\n\t\t},\n\t}),\n};\n","import { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocIconComponent, NgDocIconSize } from '@ng-doc/ui-kit';\n\nexport const iconProcessor: NgDocPageProcessor<NgDocIconComponent> = {\n\tcomponent: NgDocIconComponent,\n\tselector: 'ng-doc-icon',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\ticon: element.getAttribute('icon') ?? '',\n\t\t\tsize: (Number(element.getAttribute('size')) as NgDocIconSize) || 16,\n\t\t},\n\t}),\n};\n","import { NgDocPageLinkComponent } from '@ng-doc/app/components/page-link';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const linkProcessor: NgDocPageProcessor<NgDocPageLinkComponent> = {\n\tcomponent: NgDocPageLinkComponent,\n\tselector: 'a',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\thref: element.getAttribute('href') ?? '',\n\t\t\tclasses: element.getAttribute('class') ?? '',\n\t\t},\n\t\tcontent: [Array.from(element.childNodes)],\n\t}),\n};\n","import { NgDocPlaygroundComponent } from '@ng-doc/app/components/playground';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { isPresent } from '@ng-doc/core';\n\nexport const playgroundProcessor: NgDocPageProcessor<NgDocPlaygroundComponent> = {\n\tcomponent: NgDocPlaygroundComponent,\n\tselector: 'ng-doc-playground',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\tid: element.getAttribute('id') || undefined,\n\t\t\tproperties:\n\t\t\t\tJSON.parse(element.querySelector('#data')?.textContent?.replace(/\\n/g, '\\\\n') ?? '') ||\n\t\t\t\tundefined,\n\t\t\tpipeName: element.querySelector('#pipeName')?.textContent || undefined,\n\t\t\tselectors: (element.querySelector('#selectors')?.textContent || '')\n\t\t\t\t.split(',')\n\t\t\t\t.map((selector: string) => selector.trim())\n\t\t\t\t.filter(isPresent),\n\t\t\toptions: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},\n\t\t},\n\t}),\n};\n","import { Injector, Renderer2 } from '@angular/core';\nimport { NgDocTabsComponent } from '@ng-doc/app/components/tabs';\nimport { NgDocPageProcessor, NgDocTab } from '@ng-doc/app/interfaces';\n\nexport const tabsProcessor: NgDocPageProcessor<NgDocTabsComponent> = {\n\tcomponent: NgDocTabsComponent,\n\tselector: 'ng-doc-tab',\n\tnodeToReplace: (element: Element, injector: Injector) => {\n\t\tconst renderer: Renderer2 = injector.get(Renderer2);\n\t\tconst anchor: Element = renderer.createElement('div');\n\n\t\treturn element.parentNode?.insertBefore(anchor, element) ?? element;\n\t},\n\textractOptions: (element: Element, root: Element) => {\n\t\tconst group: string | null = element.getAttribute('group') ?? '';\n\t\tconst tabs: Element[] = Array.from(root.querySelectorAll(`ng-doc-tab[group=\"${group}\"]`));\n\t\tconst mappedTabs: NgDocTab[] = tabs.map((tab: Element) => ({\n\t\t\ttitle: tab.getAttribute('name') ?? '',\n\t\t\tcontent: tab,\n\t\t\ticon: tab.getAttribute('icon') || undefined,\n\t\t\tactive: tab.hasAttribute('active'),\n\t\t}));\n\n\t\ttabs.forEach((tab: Element) => tab.remove());\n\n\t\treturn {\n\t\t\tinputs: {\n\t\t\t\ttabs: mappedTabs,\n\t\t\t},\n\t\t};\n\t},\n};\n","import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tInput,\n\tViewChild,\n} from '@angular/core';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocTooltipDirective } from '@ng-doc/ui-kit';\n\n@Component({\n\tselector: 'ng-doc-tooltip-wrapper',\n\ttemplate: `\n\t\t<div\n\t\t\tclass=\"content-projection\"\n\t\t\t[ngDocTooltip]=\"content ?? ''\"\n\t\t\t[displayOrigin]=\"tooltipElement ?? contentProjection\"\n\t\t\t[pointerOrigin]=\"tooltipElement ?? contentProjection\"\n\t\t\t#contentProjection>\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t`,\n\tstyles: [\n\t\t`\n\t\t\t.content-projection {\n\t\t\t\tdisplay: unset;\n\t\t\t}\n\t\t`,\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocTooltipDirective],\n})\nclass NgDocTooltipWrapperComponent implements AfterViewInit {\n\t@Input()\n\tcontent?: string;\n\n\tprotected tooltipElement: HTMLElement | null = null;\n\n\t@ViewChild('contentProjection', { read: ElementRef, static: true })\n\tprivate contentProjection?: ElementRef<HTMLElement>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterViewInit(): void {\n\t\tif (this.contentProjection) {\n\t\t\tconst element: Element | null =\n\t\t\t\tthis.contentProjection.nativeElement.querySelector('[ngDocTooltip]');\n\n\t\t\tthis.tooltipElement = element instanceof HTMLElement ? element : null;\n\n\t\t\tthis.changeDetectorRef.detectChanges();\n\t\t}\n\t}\n}\n\nexport const tooltipProcessor: NgDocPageProcessor<NgDocTooltipWrapperComponent> = {\n\tcomponent: NgDocTooltipWrapperComponent,\n\tselector: '[ngDocTooltip]',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\tcontent: element.getAttribute('ngDocTooltip') ?? '',\n\t\t},\n\t\tcontent: [[element.cloneNode(true)]],\n\t}),\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-app-processors-processors.mjs","sources":["../../../../libs/app/processors/processors/blockquote.processor.ts","../../../../libs/app/processors/processors/code.processor.ts","../../../../libs/app/processors/processors/demo.processor.ts","../../../../libs/app/processors/processors/demo-pane.processor.ts","../../../../libs/app/processors/processors/heading-anchor.processor.ts","../../../../libs/app/processors/processors/icon.processor.ts","../../../../libs/app/processors/processors/image.processor.ts","../../../../libs/app/processors/processors/mermaid.processor.ts","../../../../libs/app/processors/processors/playground.processor.ts","../../../../libs/app/processors/processors/tabs.processor.ts","../../../../libs/app/processors/processors/ng-doc-app-processors-processors.ts"],"sourcesContent":["import { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocBlockquoteComponent, NgDocBlockquoteType } from '@ng-doc/ui-kit';\n\nexport const blockquoteProcessor: NgDocPageProcessor<NgDocBlockquoteComponent> = {\n  component: NgDocBlockquoteComponent,\n  selector: 'ng-doc-blockquote',\n  extractOptions: (element: Element) => ({\n    content: [Array.from(element.childNodes)],\n    inputs: {\n      type: (element.getAttribute('type') as NgDocBlockquoteType) || 'default',\n      icon: element.getAttribute('icon') ?? undefined,\n    },\n  }),\n};\n","import { NgDocCodeComponent } from '@ng-doc/app/components/code';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const codeProcessor: NgDocPageProcessor<NgDocCodeComponent> = {\n  component: NgDocCodeComponent,\n  selector: 'pre code',\n  nodeToReplace: (element: Element) => element.closest('pre') ?? element,\n  extractOptions: (element: Element) => ({\n    inputs: {\n      name: element.parentElement?.getAttribute('name') || undefined,\n      icon: element.parentElement?.getAttribute('icon') || undefined,\n    },\n    content: [[element.closest('pre') ?? element]],\n  }),\n};\n","import { NgDocDemoComponent } from '@ng-doc/app/components/demo';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const demoProcessor: NgDocPageProcessor<NgDocDemoComponent> = {\n  component: NgDocDemoComponent,\n  selector: 'ng-doc-demo',\n  extractOptions: (element: Element) => ({\n    inputs: {\n      componentName: element.getAttribute('componentName') || undefined,\n      options: JSON.parse(element.querySelector('#options')?.textContent ?? '{}'),\n    },\n  }),\n};\n","import { NgDocDemoPaneComponent } from '@ng-doc/app/components/demo-pane';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const demoPaneProcessor: NgDocPageProcessor<NgDocDemoPaneComponent> = {\n\tcomponent: NgDocDemoPaneComponent,\n\tselector: 'ng-doc-demo-pane',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\tcomponentName: element.getAttribute('componentName') || undefined,\n\t\t\toptions: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},\n\t\t},\n\t}),\n};\n","import { NgDocHeadingAnchorComponent } from '@ng-doc/app/components/heading-anchor';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const headingAnchorProcessor: NgDocPageProcessor<NgDocHeadingAnchorComponent> = {\n  component: NgDocHeadingAnchorComponent,\n  selector: 'ng-doc-heading-anchor',\n  extractOptions: (element: Element) => ({\n    inputs: {\n      classes: element.getAttribute('class')?.split(' ') || [],\n      anchor: element.getAttribute('anchor') || '',\n    },\n  }),\n};\n","import { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocIconComponent, NgDocIconSize } from '@ng-doc/ui-kit';\n\nexport const iconProcessor: NgDocPageProcessor<NgDocIconComponent> = {\n\tcomponent: NgDocIconComponent,\n\tselector: 'ng-doc-icon',\n\textractOptions: (element: Element) => ({\n\t\tinputs: {\n\t\t\ticon: element.getAttribute('icon') ?? '',\n\t\t\tsize: (Number(element.getAttribute('size')) as NgDocIconSize) || 16,\n\t\t},\n\t}),\n};\n","import { Injector, Renderer2 } from '@angular/core';\nimport { NgDocImageViewerComponent } from '@ng-doc/app/components/image-viewer';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const imageProcessor: NgDocPageProcessor<NgDocImageViewerComponent> = {\n  component: NgDocImageViewerComponent,\n  selector: 'img:not([zoom=\"false\"])',\n  nodeToReplace: (element: Element, injector: Injector) => {\n    const renderer: Renderer2 = injector.get(Renderer2);\n    const anchor: Element = renderer.createElement('div');\n\n    return element.parentNode?.insertBefore(anchor, element) ?? element;\n  },\n  extractOptions: (element: Element) => ({\n    inputs: {\n      src: element.getAttribute('src') ?? '',\n      alt: element.getAttribute('alt') ?? '',\n    },\n    content: [[element]],\n  }),\n};\n","import { NgDocMermaidViewerComponent } from '@ng-doc/app/components/mermaid-viewer';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\n\nexport const mermaidProcessor: NgDocPageProcessor<NgDocMermaidViewerComponent> = {\n  component: NgDocMermaidViewerComponent,\n  selector: 'pre.mermaid',\n  extractOptions: (element: Element) => ({\n    inputs: {\n      graph: element.textContent ?? '',\n    },\n  }),\n};\n","import { NgDocPlaygroundComponent } from '@ng-doc/app/components/playground';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\n\nexport const playgroundProcessor: NgDocPageProcessor<NgDocPlaygroundComponent> = {\n  component: NgDocPlaygroundComponent,\n  selector: 'ng-doc-playground',\n  extractOptions: (element: Element) => ({\n    inputs: {\n      id: element.getAttribute('id') || undefined,\n      properties:\n        JSON.parse(element.querySelector('#data')?.textContent?.replace(/\\n/g, '\\\\n') ?? '') ||\n        undefined,\n      pipeName: element.querySelector('#pipeName')?.textContent || undefined,\n      selectors: (element.querySelector('#selectors')?.textContent || '')\n        .split(',')\n        .map((selector: string) => selector.trim())\n        .filter(isPresent),\n      options: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},\n    },\n  }),\n};\n","import { Injector, Renderer2 } from '@angular/core';\nimport { NgDocTabsComponent } from '@ng-doc/app/components/tabs';\nimport { NgDocPageProcessor, NgDocTab } from '@ng-doc/app/interfaces';\n\nexport const tabsProcessor: NgDocPageProcessor<NgDocTabsComponent> = {\n\tcomponent: NgDocTabsComponent,\n\tselector: 'ng-doc-tab',\n\tnodeToReplace: (element: Element, injector: Injector) => {\n\t\tconst renderer: Renderer2 = injector.get(Renderer2);\n\t\tconst anchor: Element = renderer.createElement('div');\n\n\t\treturn element.parentNode?.insertBefore(anchor, element) ?? element;\n\t},\n\textractOptions: (element: Element, root: Element) => {\n\t\tconst group: string | null = element.getAttribute('group') ?? '';\n\t\tconst tabs: Element[] = Array.from(root.querySelectorAll(`ng-doc-tab[group=\"${group}\"]`));\n\t\tconst mappedTabs: NgDocTab[] = tabs.map((tab: Element) => ({\n\t\t\ttitle: tab.getAttribute('name') ?? '',\n\t\t\tcontent: tab,\n\t\t\ticon: tab.getAttribute('icon') || undefined,\n\t\t\tactive: tab.hasAttribute('active'),\n\t\t}));\n\n\t\ttabs.forEach((tab: Element) => tab.remove());\n\n\t\treturn {\n\t\t\tinputs: {\n\t\t\t\ttabs: mappedTabs,\n\t\t\t},\n\t\t};\n\t},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-providers-mermaid.mjs

@@ -0,0 +1,23 @@
+import { NG_DOC_MERMAID } from '@ng-doc/app/tokens';
+import mermaid from 'mermaid';
+
+/**
+ * Provides Mermaid instance.
+ * @param config
+ */
+function provideMermaid(config) {
+    return {
+        provide: NG_DOC_MERMAID,
+        useFactory: () => {
+            mermaid.initialize({ ...config, startOnLoad: false });
+            return mermaid;
+        },
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { provideMermaid };
+//# sourceMappingURL=ng-doc-app-providers-mermaid.mjs.map

package/fesm2022/ng-doc-app-providers-mermaid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-app-providers-mermaid.mjs","sources":["../../../../libs/app/providers/mermaid/provide-mermaid.ts","../../../../libs/app/providers/mermaid/ng-doc-app-providers-mermaid.ts"],"sourcesContent":["import { Provider } from '@angular/core';\nimport { NG_DOC_MERMAID } from '@ng-doc/app/tokens';\nimport mermaid, { MermaidConfig } from 'mermaid';\n\n/**\n * Provides Mermaid instance.\n * @param config\n */\nexport function provideMermaid(config?: MermaidConfig): Provider {\n  return {\n    provide: NG_DOC_MERMAID,\n    useFactory: () => {\n      mermaid.initialize({ ...config, startOnLoad: false });\n\n      return mermaid;\n    },\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAIA;;;AAGG;AACG,SAAU,cAAc,CAAC,MAAsB,EAAA;IACnD,OAAO;AACL,QAAA,OAAO,EAAE,cAAc;QACvB,UAAU,EAAE,MAAK;AACf,YAAA,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;AAEtD,YAAA,OAAO,OAAO,CAAC;SAChB;KACF,CAAC;AACJ;;ACjBA;;AAEG;;;;"}

package/fesm2022/ng-doc-app-providers-ng-doc-app.mjs

@@ -1,9 +1,6 @@
 import { ViewportScroller } from '@angular/common';
-import { APP_INITIALIZER, Optional } from '@angular/core';
-import { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';
-import { NgDocThemeService, NgDocStoreService } from '@ng-doc/app/services';
-import { NG_DOC_THEME, NG_DOC_DEFAULT_THEME_ID } from '@ng-doc/app/tokens';
-import { asArray, isBrowser } from '@ng-doc/core';
+import { APP_INITIALIZER, inject } from '@angular/core';
+import { NgDocHighlighterService } from '@ng-doc/app/services/highlighter';
 import { provideNgDocUiKitConfig } from '@ng-doc/ui-kit';
 
 /**
@@ -12,42 +9,22 @@ import { provideNgDocUiKitConfig } from '@ng-doc/ui-kit';
  */
 function provideNgDocApp(config) {
     return [
-        /* --- Themes --- */
-        { provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true },
-        ...asArray(config?.themes).map((theme) => ({
-            provide: NG_DOC_THEME,
-            useValue: theme,
-            multi: true,
-        })),
-        ...asArray(config?.defaultThemeId).map((themeId) => ({
-            provide: NG_DOC_DEFAULT_THEME_ID,
-            useValue: themeId,
-        })),
-        /* --- Theme Initializer--- */
+        /* --- Viewport Scroller --- */
         {
             provide: APP_INITIALIZER,
-            useFactory: (themeService, store, defaultThemeId) => {
-                return async () => {
-                    const savedThemeId = isBrowser ? store.get(NG_DOC_STORE_THEME_KEY) : null;
-                    if ((defaultThemeId === 'auto' && !savedThemeId) ||
-                        savedThemeId === NgDocThemeService.autoThemeId) {
-                        return themeService.enableAutoTheme(undefined, NG_DOC_NIGHT_THEME);
-                    }
-                    else if (isBrowser) {
-                        return themeService.set(savedThemeId ?? defaultThemeId, false);
-                    }
-                };
-            },
             multi: true,
-            deps: [NgDocThemeService, NgDocStoreService, [new Optional(), NG_DOC_DEFAULT_THEME_ID]],
+            deps: [ViewportScroller],
+            useFactory: (viewportScroller) => {
+                return () => viewportScroller.setOffset([0, 120]);
+            },
         },
-        /* --- Viewport Scroller --- */
+        /* --- Shiki --- */
         {
             provide: APP_INITIALIZER,
             multi: true,
-            deps: [ViewportScroller],
-            useFactory: (viewportScroller) => {
-                return () => viewportScroller.setOffset([0, 64]);
+            useFactory: () => {
+                const highlighter = inject(NgDocHighlighterService);
+                return () => highlighter.initialize(config?.shiki);
             },
         },
         /* --- UiKit --- */

package/fesm2022/ng-doc-app-providers-ng-doc-app.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-providers-ng-doc-app.mjs","sources":["../../../../libs/app/providers/ng-doc-app/provide-ng-doc-app.ts","../../../../libs/app/providers/ng-doc-app/ng-doc-app-providers-ng-doc-app.ts"],"sourcesContent":["import { ViewportScroller } from '@angular/common';\nimport { APP_INITIALIZER, Optional, Provider } from '@angular/core';\nimport { NG_DOC_NIGHT_THEME, NG_DOC_STORE_THEME_KEY } from '@ng-doc/app/constants';\nimport { NgDocTheme } from '@ng-doc/app/interfaces';\nimport { NgDocStoreService, NgDocThemeService } from '@ng-doc/app/services';\nimport { NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME } from '@ng-doc/app/tokens';\nimport { asArray, isBrowser } from '@ng-doc/core';\nimport { NgDocUiConfig, provideNgDocUiKitConfig } from '@ng-doc/ui-kit';\n\n/**\n * NgDoc application config.\n */\nexport interface NgDocApplicationConfig {\n\t/**\n\t * List of themes that will be registered in the application and can be used via `NgDocThemeService`.\n\t */\n\tthemes?: NgDocTheme[];\n\n\t/**\n\t * Default theme id.\n\t * You can use `auto` to automatically select the theme based on the user's operating system settings.\n\t */\n\tdefaultThemeId?: string | 'auto';\n\n\t/**\n\t * UI Kit configuration.\n\t */\n\tuiKit?: NgDocUiConfig;\n}\n\n/**\n * Provides the NgDoc application configuration.\n * @param config - The optional application configuration.\n */\nexport function provideNgDocApp(config?: NgDocApplicationConfig): Provider[] {\n\treturn [\n\t\t/* --- Themes --- */\n\t\t{ provide: NG_DOC_THEME, useValue: NG_DOC_NIGHT_THEME, multi: true },\n\t\t...asArray(config?.themes).map((theme: NgDocTheme) => ({\n\t\t\tprovide: NG_DOC_THEME,\n\t\t\tuseValue: theme,\n\t\t\tmulti: true,\n\t\t})),\n\t\t...asArray(config?.defaultThemeId).map((themeId: string) => ({\n\t\t\tprovide: NG_DOC_DEFAULT_THEME_ID,\n\t\t\tuseValue: themeId,\n\t\t})),\n\n\t\t/* --- Theme Initializer--- */\n\t\t{\n\t\t\tprovide: APP_INITIALIZER,\n\t\t\tuseFactory: (\n\t\t\t\tthemeService: NgDocThemeService,\n\t\t\t\tstore: NgDocStoreService,\n\t\t\t\tdefaultThemeId: string | 'auto',\n\t\t\t) => {\n\t\t\t\treturn async () => {\n\t\t\t\t\tconst savedThemeId: string | null = isBrowser ? store.get(NG_DOC_STORE_THEME_KEY) : null;\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t(defaultThemeId === 'auto' && !savedThemeId) ||\n\t\t\t\t\t\tsavedThemeId === NgDocThemeService.autoThemeId\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn themeService.enableAutoTheme(undefined, NG_DOC_NIGHT_THEME);\n\t\t\t\t\t} else if (isBrowser) {\n\t\t\t\t\t\treturn themeService.set(savedThemeId ?? defaultThemeId, false);\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t},\n\t\t\tmulti: true,\n\t\t\tdeps: [NgDocThemeService, NgDocStoreService, [new Optional(), NG_DOC_DEFAULT_THEME_ID]],\n\t\t},\n\n\t\t/* --- Viewport Scroller --- */\n\t\t{\n\t\t\tprovide: APP_INITIALIZER,\n\t\t\tmulti: true,\n\t\t\tdeps: [ViewportScroller],\n\t\t\tuseFactory: (viewportScroller: ViewportScroller) => {\n\t\t\t\treturn () => viewportScroller.setOffset([0, 64]);\n\t\t\t},\n\t\t},\n\n\t\t/* --- UiKit --- */\n\t\t...provideNgDocUiKitConfig(config?.uiKit),\n\t];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AA8BA;;;AAGG;AACG,SAAU,eAAe,CAAC,MAA+B,EAAA;IAC9D,OAAO;;QAEN,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAE;AACpE,QAAA,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAiB,MAAM;AACtD,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,IAAI;AACX,SAAA,CAAC,CAAC;AACH,QAAA,GAAG,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAe,MAAM;AAC5D,YAAA,OAAO,EAAE,uBAAuB;AAChC,YAAA,QAAQ,EAAE,OAAO;AACjB,SAAA,CAAC,CAAC;;AAGH,QAAA;AACC,YAAA,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,CACX,YAA+B,EAC/B,KAAwB,EACxB,cAA+B,KAC5B;gBACH,OAAO,YAAW;AACjB,oBAAA,MAAM,YAAY,GAAkB,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC;AAEzF,oBAAA,IACC,CAAC,cAAc,KAAK,MAAM,IAAI,CAAC,YAAY;AAC3C,wBAAA,YAAY,KAAK,iBAAiB,CAAC,WAAW,EAC7C;wBACD,OAAO,YAAY,CAAC,eAAe,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;qBACnE;yBAAM,IAAI,SAAS,EAAE;wBACrB,OAAO,YAAY,CAAC,GAAG,CAAC,YAAY,IAAI,cAAc,EAAE,KAAK,CAAC,CAAC;qBAC/D;AACF,iBAAC,CAAC;aACF;AACD,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,IAAI,QAAQ,EAAE,EAAE,uBAAuB,CAAC,CAAC;AACvF,SAAA;;AAGD,QAAA;AACC,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,CAAC,gBAAgB,CAAC;AACxB,YAAA,UAAU,EAAE,CAAC,gBAAkC,KAAI;AAClD,gBAAA,OAAO,MAAM,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;aACjD;AACD,SAAA;;AAGD,QAAA,GAAG,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC;KACzC,CAAC;AACH;;ACtFA;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-providers-ng-doc-app.mjs","sources":["../../../../libs/app/providers/ng-doc-app/provide-ng-doc-app.ts","../../../../libs/app/providers/ng-doc-app/ng-doc-app-providers-ng-doc-app.ts"],"sourcesContent":["import { ViewportScroller } from '@angular/common';\nimport { APP_INITIALIZER, inject, Provider } from '@angular/core';\nimport { NgDocHighlighterConfig, NgDocHighlighterService } from '@ng-doc/app/services/highlighter';\nimport { NgDocUiConfig, provideNgDocUiKitConfig } from '@ng-doc/ui-kit';\n\n/**\n * NgDoc application config.\n */\nexport interface NgDocApplicationConfig {\n  /**\n   * UI Kit configuration.\n   */\n  uiKit?: NgDocUiConfig;\n  /**\n   * Shiki theme.\n   */\n  shiki?: NgDocHighlighterConfig;\n}\n\n/**\n * Provides the NgDoc application configuration.\n * @param config - The optional application configuration.\n */\nexport function provideNgDocApp(config?: NgDocApplicationConfig): Provider[] {\n  return [\n    /* --- Viewport Scroller --- */\n    {\n      provide: APP_INITIALIZER,\n      multi: true,\n      deps: [ViewportScroller],\n      useFactory: (viewportScroller: ViewportScroller) => {\n        return () => viewportScroller.setOffset([0, 120]);\n      },\n    },\n\n    /* --- Shiki --- */\n    {\n      provide: APP_INITIALIZER,\n      multi: true,\n      useFactory: () => {\n        const highlighter = inject(NgDocHighlighterService);\n\n        return () => highlighter.initialize(config?.shiki);\n      },\n    },\n\n    /* --- UiKit --- */\n    ...provideNgDocUiKitConfig(config?.uiKit),\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAmBA;;;AAGG;AACG,SAAU,eAAe,CAAC,MAA+B,EAAA;IAC7D,OAAO;;AAEL,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,CAAC,gBAAgB,CAAC;AACxB,YAAA,UAAU,EAAE,CAAC,gBAAkC,KAAI;AACjD,gBAAA,OAAO,MAAM,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;aACnD;AACF,SAAA;;AAGD,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,MAAK;AACf,gBAAA,MAAM,WAAW,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;gBAEpD,OAAO,MAAM,WAAW,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;aACpD;AACF,SAAA;;AAGD,QAAA,GAAG,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1C,CAAC;AACJ;;ACjDA;;AAEG;;;;"}

package/fesm2022/ng-doc-app-providers-playground-demo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-providers-playground-demo.mjs","sources":["../../../../libs/app/providers/playground-demo/provide-playground-demo.ts","../../../../libs/app/providers/playground-demo/ng-doc-app-providers-playground-demo.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\nimport { Constructor } from '@ng-doc/core';\n\nconst tokenStore: Map<string, InjectionToken<unknown>> = new Map<string, InjectionToken<unknown>>();\n\n/**\n *\n * @param type\n * @param control\n * @param options\n * @param playgroundId\n * @param selector\n * @param component\n */\nexport function providePlaygroundDemo(\n\tplaygroundId: string,\n\tcomponent: Constructor<unknown>,\n): Provider {\n\tconst token: InjectionToken<unknown> =\n\t\ttokenStore.get(playgroundId) ??\n\t\tnew InjectionToken<unknown>(`NG_DOC_PLAYGROUND_DEMO_${playgroundId}`);\n\n\ttokenStore.set(playgroundId, token);\n\n\treturn {\n\t\tprovide: token,\n\t\tuseValue: component,\n\t\tmulti: true,\n\t};\n}\n\n/**\n * Returns the token for the given playground id.\n * @param playgroundId\n */\nexport function getPlaygroundDemoToken<T>(playgroundId: string): InjectionToken<T[]> | undefined {\n\treturn tokenStore.get(playgroundId) as InjectionToken<T[]> | undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAGA,MAAM,UAAU,GAAyC,IAAI,GAAG,EAAmC,CAAC;AAEpG;;;;;;;;AAQG;AACa,SAAA,qBAAqB,CACpC,YAAoB,EACpB,SAA+B,EAAA;AAE/B,IAAA,MAAM,KAAK,GACV,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC;AAC5B,QAAA,IAAI,cAAc,CAAU,CAAA,uBAAA,EAA0B,YAAY,CAAA,CAAE,CAAC,CAAC;AAEvE,IAAA,UAAU,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAEpC,OAAO;AACN,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE,IAAI;KACX,CAAC;AACH,CAAC;AAED;;;AAGG;AACG,SAAU,sBAAsB,CAAI,YAAoB,EAAA;AAC7D,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,YAAY,CAAoC,CAAC;AACxE;;ACrCA;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-providers-playground-demo.mjs","sources":["../../../../libs/app/providers/playground-demo/provide-playground-demo.ts","../../../../libs/app/providers/playground-demo/ng-doc-app-providers-playground-demo.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\nimport { Constructor } from '@ng-doc/core/types';\n\nconst tokenStore: Map<string, InjectionToken<unknown>> = new Map<string, InjectionToken<unknown>>();\n\n/**\n *\n * @param type\n * @param control\n * @param options\n * @param playgroundId\n * @param selector\n * @param component\n */\nexport function providePlaygroundDemo(\n  playgroundId: string,\n  component: Constructor<unknown>,\n): Provider {\n  const token: InjectionToken<unknown> =\n    tokenStore.get(playgroundId) ??\n    new InjectionToken<unknown>(`NG_DOC_PLAYGROUND_DEMO_${playgroundId}`);\n\n  tokenStore.set(playgroundId, token);\n\n  return {\n    provide: token,\n    useValue: component,\n    multi: true,\n  };\n}\n\n/**\n * Returns the token for the given playground id.\n * @param playgroundId\n */\nexport function getPlaygroundDemoToken<T>(playgroundId: string): InjectionToken<T[]> | undefined {\n  return tokenStore.get(playgroundId) as InjectionToken<T[]> | undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAGA,MAAM,UAAU,GAAyC,IAAI,GAAG,EAAmC,CAAC;AAEpG;;;;;;;;AAQG;AACa,SAAA,qBAAqB,CACnC,YAAoB,EACpB,SAA+B,EAAA;AAE/B,IAAA,MAAM,KAAK,GACT,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC;AAC5B,QAAA,IAAI,cAAc,CAAU,CAAA,uBAAA,EAA0B,YAAY,CAAA,CAAE,CAAC,CAAC;AAExE,IAAA,UAAU,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAEpC,OAAO;AACL,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE,IAAI;KACZ,CAAC;AACJ,CAAC;AAED;;;AAGG;AACG,SAAU,sBAAsB,CAAI,YAAoB,EAAA;AAC5D,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,YAAY,CAAoC,CAAC;AACzE;;ACrCA;;AAEG;;;;"}

package/fesm2022/ng-doc-app-providers-search-engine.mjs

@@ -11,7 +11,7 @@ import { NgDocSearchEngine } from '@ng-doc/app/classes/search-engine';
 function provideSearchEngine(engine, ...args) {
     return {
         provide: NgDocSearchEngine,
-        useValue: new engine(...args),
+        useFactory: () => new engine(...args),
     };
 }
 

package/fesm2022/ng-doc-app-providers-search-engine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-providers-search-engine.mjs","sources":["../../../../libs/app/providers/search-engine/provide-search-engine.ts","../../../../libs/app/providers/search-engine/ng-doc-app-providers-search-engine.ts"],"sourcesContent":["import { Provider } from '@angular/core';\nimport { NgDocSearchEngine } from '@ng-doc/app/classes/search-engine';\nimport { Constructor } from '@ng-doc/core';\n\n/**\n * Provides the `NgDocSearchEngine` to enable search in the documentation.\n *\n * You can create and provide your own `NgDocSearchEngine` if you want to handle the search yourself.\n * @param engine - The search engine class.\n * @param args - The arguments for the search engine class.\n * @returns The provider for the search engine.\n */\nexport function provideSearchEngine<E extends Constructor<NgDocSearchEngine>>(\n\tengine: E,\n\t...args: ConstructorParameters<E>\n): Provider {\n\treturn {\n\t\tprovide: NgDocSearchEngine,\n\t\tuseValue: new engine(...args),\n\t};\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAIA;;;;;;;AAOG;SACa,mBAAmB,CAClC,MAAS,EACT,GAAG,IAA8B,EAAA;IAEjC,OAAO;AACN,QAAA,OAAO,EAAE,iBAAiB;AAC1B,QAAA,QAAQ,EAAE,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC;KAC7B,CAAC;AACH;;ACpBA;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-providers-search-engine.mjs","sources":["../../../../libs/app/providers/search-engine/provide-search-engine.ts","../../../../libs/app/providers/search-engine/ng-doc-app-providers-search-engine.ts"],"sourcesContent":["import { Provider } from '@angular/core';\nimport { NgDocSearchEngine } from '@ng-doc/app/classes/search-engine';\nimport { Constructor } from '@ng-doc/core/types';\n\n/**\n * Provides the `NgDocSearchEngine` to enable search in the documentation.\n *\n * You can create and provide your own `NgDocSearchEngine` if you want to handle the search yourself.\n * @param engine - The search engine class.\n * @param args - The arguments for the search engine class.\n * @returns The provider for the search engine.\n */\nexport function provideSearchEngine<E extends Constructor<NgDocSearchEngine>>(\n  engine: E,\n  ...args: ConstructorParameters<E>\n): Provider {\n  return {\n    provide: NgDocSearchEngine,\n    useFactory: () => new engine(...args),\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAIA;;;;;;;AAOG;SACa,mBAAmB,CACjC,MAAS,EACT,GAAG,IAA8B,EAAA;IAEjC,OAAO;AACL,QAAA,OAAO,EAAE,iBAAiB;QAC1B,UAAU,EAAE,MAAM,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC;KACtC,CAAC;AACJ;;ACpBA;;AAEG;;;;"}

package/fesm2022/ng-doc-app-providers-type-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-providers-type-control.mjs","sources":["../../../../libs/app/providers/type-control/provide-type-control.ts","../../../../libs/app/providers/type-control/ng-doc-app-providers-type-control.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\nimport {\n\tNgDocProvidedTypeControl,\n\tNgDocTypeControl,\n\tNgDocTypeControlProviderOptions,\n} from '@ng-doc/app/interfaces';\nimport { Constructor } from '@ng-doc/core';\n\nconst tokenStore: Map<string, InjectionToken<NgDocProvidedTypeControl>> = new Map<\n\tstring,\n\tInjectionToken<NgDocProvidedTypeControl>\n>();\n\n/**\n *\n * @param type\n * @param control\n * @param options\n */\nexport function provideTypeControl(\n\ttype: string,\n\tcontrol: Constructor<NgDocTypeControl>,\n\toptions?: NgDocTypeControlProviderOptions,\n): Provider {\n\tconst token: InjectionToken<NgDocProvidedTypeControl> =\n\t\tnew InjectionToken<NgDocProvidedTypeControl>(`NG_DOC_TYPE_CONTROL_${type}`, {\n\t\t\tprovidedIn: 'root',\n\t\t\tfactory: () => {\n\t\t\t\treturn {\n\t\t\t\t\tcontrol,\n\t\t\t\t\toptions,\n\t\t\t\t};\n\t\t\t},\n\t\t});\n\ttokenStore.set(type, token);\n\n\treturn {\n\t\tprovide: 'nothing',\n\t\tuseValue: null,\n\t};\n}\n\n/**\n * Returns token for type control based on provided type\n * @param type - type for searched control (e.g. `string`)\n */\nexport function getTokenForType(\n\ttype: string,\n): InjectionToken<NgDocProvidedTypeControl> | undefined {\n\treturn tokenStore.get(type);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAQA,MAAM,UAAU,GAA0D,IAAI,GAAG,EAG9E,CAAC;AAEJ;;;;;AAKG;SACa,kBAAkB,CACjC,IAAY,EACZ,OAAsC,EACtC,OAAyC,EAAA;IAEzC,MAAM,KAAK,GACV,IAAI,cAAc,CAA2B,CAAuB,oBAAA,EAAA,IAAI,EAAE,EAAE;AAC3E,QAAA,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAK;YACb,OAAO;gBACN,OAAO;gBACP,OAAO;aACP,CAAC;SACF;AACD,KAAA,CAAC,CAAC;AACJ,IAAA,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE5B,OAAO;AACN,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,QAAQ,EAAE,IAAI;KACd,CAAC;AACH,CAAC;AAED;;;AAGG;AACG,SAAU,eAAe,CAC9B,IAAY,EAAA;AAEZ,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7B;;AClDA;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-providers-type-control.mjs","sources":["../../../../libs/app/providers/type-control/provide-type-control.ts","../../../../libs/app/providers/type-control/ng-doc-app-providers-type-control.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\nimport {\n  NgDocProvidedTypeControl,\n  NgDocTypeControl,\n  NgDocTypeControlProviderOptions,\n} from '@ng-doc/app/interfaces';\nimport { Constructor } from '@ng-doc/core/types';\n\nconst tokenStore: Map<string, InjectionToken<NgDocProvidedTypeControl>> = new Map<\n  string,\n  InjectionToken<NgDocProvidedTypeControl>\n>();\n\n/**\n *\n * @param type\n * @param control\n * @param options\n */\nexport function provideTypeControl(\n  type: string,\n  control: Constructor<NgDocTypeControl>,\n  options?: NgDocTypeControlProviderOptions,\n): Provider {\n  const token: InjectionToken<NgDocProvidedTypeControl> =\n    new InjectionToken<NgDocProvidedTypeControl>(`NG_DOC_TYPE_CONTROL_${type}`, {\n      providedIn: 'root',\n      factory: () => {\n        return {\n          control,\n          options,\n        };\n      },\n    });\n  tokenStore.set(type, token);\n\n  return {\n    provide: 'nothing',\n    useValue: null,\n  };\n}\n\n/**\n * Returns token for type control based on provided type\n * @param type - type for searched control (e.g. `string`)\n */\nexport function getTokenForType(\n  type: string,\n): InjectionToken<NgDocProvidedTypeControl> | undefined {\n  return tokenStore.get(type);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAQA,MAAM,UAAU,GAA0D,IAAI,GAAG,EAG9E,CAAC;AAEJ;;;;;AAKG;SACa,kBAAkB,CAChC,IAAY,EACZ,OAAsC,EACtC,OAAyC,EAAA;IAEzC,MAAM,KAAK,GACT,IAAI,cAAc,CAA2B,CAAuB,oBAAA,EAAA,IAAI,EAAE,EAAE;AAC1E,QAAA,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAK;YACZ,OAAO;gBACL,OAAO;gBACP,OAAO;aACR,CAAC;SACH;AACF,KAAA,CAAC,CAAC;AACL,IAAA,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE5B,OAAO;AACL,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,QAAQ,EAAE,IAAI;KACf,CAAC;AACJ,CAAC;AAED;;;AAGG;AACG,SAAU,eAAe,CAC7B,IAAY,EAAA;AAEZ,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC9B;;AClDA;;AAEG;;;;"}

package/fesm2022/ng-doc-app-providers.mjs

@@ -1,3 +1,4 @@
+export * from '@ng-doc/app/providers/mermaid';
 export * from '@ng-doc/app/providers/ng-doc-app';
 export * from '@ng-doc/app/providers/page-skeleton';
 export * from '@ng-doc/app/providers/playground-demo';

package/fesm2022/ng-doc-app-providers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-providers.mjs","sources":["../../../../libs/app/providers/ng-doc-app-providers.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;AAEG"}
+{"version":3,"file":"ng-doc-app-providers.mjs","sources":["../../../../libs/app/providers/ng-doc-app-providers.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}

package/fesm2022/ng-doc-app-services-highlighter.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { NG_DOC_SHIKI_THEME } from '@ng-doc/app/tokens';
+import { createHighlighterCore } from 'shiki/core';
+import getWasm from 'shiki/wasm';
+
+class NgDocHighlighterService {
+    constructor() {
+        this.theme = inject(NG_DOC_SHIKI_THEME);
+    }
+    async initialize(config) {
+        this.highlighter = (await createHighlighterCore({
+            themes: [
+                import('shiki/themes/github-light.mjs'),
+                import('shiki/themes/ayu-dark.mjs'),
+                ...(config?.themes ?? []),
+            ],
+            langs: [import('shiki/langs/angular-html.mjs')],
+            loadWasm: getWasm,
+        }));
+    }
+    highlight(code) {
+        return this.highlighter.codeToHtml(code, {
+            lang: 'angular-html',
+            themes: {
+                light: this.theme.light || 'github-light',
+                dark: this.theme.dark || 'ayu-dark',
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocHighlighterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocHighlighterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocHighlighterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocHighlighterService };
+//# sourceMappingURL=ng-doc-app-services-highlighter.mjs.map

package/fesm2022/ng-doc-app-services-highlighter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-app-services-highlighter.mjs","sources":["../../../../libs/app/services/highlighter/highlighter.service.ts","../../../../libs/app/services/highlighter/ng-doc-app-services-highlighter.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { NG_DOC_SHIKI_THEME } from '@ng-doc/app/tokens';\nimport { HighlighterGeneric } from '@shikijs/core/types';\nimport { ThemeInput } from 'shiki';\nimport { createHighlighterCore } from 'shiki/core';\nimport getWasm from 'shiki/wasm';\n\nexport interface NgDocHighlighterConfig {\n  /**\n   * Themes sources.\n   */\n  themes?: ThemeInput[];\n  /**\n   * Theme that will be used for rendering the code blocks.\n   */\n  theme?: {\n    light: string;\n    dark: string;\n  };\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgDocHighlighterService {\n  highlighter?: HighlighterGeneric<string, string>;\n\n  protected readonly theme = inject(NG_DOC_SHIKI_THEME);\n\n  async initialize(config?: NgDocHighlighterConfig): Promise<void> {\n    this.highlighter = (await createHighlighterCore({\n      themes: [\n        import('shiki/themes/github-light.mjs'),\n        import('shiki/themes/ayu-dark.mjs'),\n        ...(config?.themes ?? []),\n      ],\n      langs: [import('shiki/langs/angular-html.mjs')],\n      loadWasm: getWasm,\n    })) as HighlighterGeneric<string, string>;\n  }\n\n  highlight(code: string): string {\n    return this.highlighter!.codeToHtml(code, {\n      lang: 'angular-html',\n      themes: {\n        light: this.theme.light || 'github-light',\n        dark: this.theme.dark || 'ayu-dark',\n      },\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAwBa,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAMqB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAuBvD,KAAA;IArBC,MAAM,UAAU,CAAC,MAA+B,EAAA;AAC9C,QAAA,IAAI,CAAC,WAAW,IAAI,MAAM,qBAAqB,CAAC;AAC9C,YAAA,MAAM,EAAE;gBACN,OAAO,+BAA+B,CAAC;gBACvC,OAAO,2BAA2B,CAAC;AACnC,gBAAA,IAAI,MAAM,EAAE,MAAM,IAAI,EAAE,CAAC;AAC1B,aAAA;AACD,YAAA,KAAK,EAAE,CAAC,OAAO,8BAA8B,CAAC,CAAC;AAC/C,YAAA,QAAQ,EAAE,OAAO;AAClB,SAAA,CAAC,CAAuC,CAAC;KAC3C;AAED,IAAA,SAAS,CAAC,IAAY,EAAA;AACpB,QAAA,OAAO,IAAI,CAAC,WAAY,CAAC,UAAU,CAAC,IAAI,EAAE;AACxC,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,MAAM,EAAE;AACN,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,cAAc;AACzC,gBAAA,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,UAAU;AACpC,aAAA;AACF,SAAA,CAAC,CAAC;KACJ;8GAzBU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFtB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2022/ng-doc-app-services-sidebar.mjs

@@ -1,51 +1,42 @@
 import { __decorate, __metadata } from 'tslib';
-import * as i1 from '@angular/cdk/layout';
-import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Inject } from '@angular/core';
-import * as i2 from '@angular/router';
-import { NavigationEnd, Router } from '@angular/router';
-import * as i3 from '@ng-doc/ui-kit/services/scroll';
+import { inject, Injectable } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Router, NavigationEnd } from '@angular/router';
+import { ngDocZoneOptimize } from '@ng-doc/ui-kit';
 import { NgDocScrollService } from '@ng-doc/ui-kit/services/scroll';
-import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import { BehaviorSubject, combineLatest } from 'rxjs';
-import { pluck, distinctUntilChanged, filter, debounceTime } from 'rxjs/operators';
+import { WINDOW } from '@ng-web-apis/common';
+import { UntilDestroy } from '@ngneat/until-destroy';
+import { BehaviorSubject, fromEvent, share } from 'rxjs';
+import { startWith, filter } from 'rxjs/operators';
 
 /**
  * Service for sidebar, it can be used to hide/show sidebar or to check if sidebar is collapsable.
  */
 let NgDocSidebarService = class NgDocSidebarService {
-    constructor(document, breakpointObserver, router, scroll) {
-        this.document = document;
-        this.breakpointObserver = breakpointObserver;
-        this.router = router;
-        this.scroll = scroll;
-        this.breakpoints = [Breakpoints.XSmall, Breakpoints.Small];
-        this.expanded = new BehaviorSubject(true);
-        this.observer = this.breakpointObserver
-            .observe(this.breakpoints)
-            .pipe(pluck('matches'), distinctUntilChanged(), untilDestroyed(this));
-        combineLatest([this.router.events, this.isMobileMode()])
-            .pipe(filter(([event, isMobileMode]) => event instanceof NavigationEnd && this.expanded.value && isMobileMode), debounceTime(10))
+    constructor() {
+        this.expanded = new BehaviorSubject(false);
+        this.document = inject(DOCUMENT);
+        this.window = inject(WINDOW);
+        this.router = inject(Router);
+        this.scroll = inject(NgDocScrollService);
+        const windowResize = fromEvent(this.window, 'resize').pipe(takeUntilDestroyed(), startWith(null), share());
+        windowResize
+            .pipe(filter(() => this.expanded.value && this.isMobile), ngDocZoneOptimize(), takeUntilDestroyed())
+            .subscribe(() => this.hide());
+        windowResize
+            .pipe(filter(() => !this.expanded.value && !this.isMobile), ngDocZoneOptimize(), takeUntilDestroyed())
+            .subscribe(() => this.show());
+        windowResize
+            .pipe(filter(() => this.expanded.value && !this.isMobile), ngDocZoneOptimize(), takeUntilDestroyed())
+            .subscribe(() => this.scroll.unblock());
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd && this.expanded.value && this.isMobile), takeUntilDestroyed())
             .subscribe(() => this.hide());
-        this.isMobileMode()
-            .pipe(untilDestroyed(this))
-            .subscribe((isMobileMode) => {
-            if (isMobileMode) {
-                this.hide();
-            }
-            else {
-                this.show();
-                this.scroll.unblock();
-            }
-        });
     }
-    /**
-     * Indicates if sidebar is collapsable, based on the screen size.
-     */
-    isMobileMode() {
-        return this.observer;
+    get isMobile() {
+        return this.window.innerWidth < 1024;
     }
     /**
      * Indicates if sidebar is visible, based on the show/hide methods.
@@ -59,7 +50,7 @@ let NgDocSidebarService = class NgDocSidebarService {
     show() {
         if (!this.expanded.value) {
             this.expanded.next(true);
-            this.scroll.block();
+            this.isMobile && this.scroll.block();
         }
     }
     /**
@@ -68,7 +59,7 @@ let NgDocSidebarService = class NgDocSidebarService {
     hide() {
         if (this.expanded.value) {
             this.expanded.next(false);
-            this.scroll.unblock();
+            this.isMobile && this.scroll.unblock();
         }
     }
     /**
@@ -77,25 +68,19 @@ let NgDocSidebarService = class NgDocSidebarService {
     toggle() {
         this.expanded.value ? this.hide() : this.show();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSidebarService, deps: [{ token: DOCUMENT }, { token: i1.BreakpointObserver }, { token: i2.Router }, { token: i3.NgDocScrollService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSidebarService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSidebarService, providedIn: 'root' }); }
 };
 NgDocSidebarService = __decorate([
     UntilDestroy(),
-    __metadata("design:paramtypes", [Document,
-        BreakpointObserver,
-        Router,
-        NgDocScrollService])
+    __metadata("design:paramtypes", [])
 ], NgDocSidebarService);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocSidebarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocSidebarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i1.BreakpointObserver }, { type: i2.Router }, { type: i3.NgDocScrollService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.