@ng-doc/app 16.7.2 → 16.8.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-app-processors-page-processor.mjs","sources":["../../../../libs/app/processors/page-processor/page-processor.directive.ts","../../../../libs/app/processors/page-processor/ng-doc-app-processors-page-processor.ts"],"sourcesContent":["import {ComponentRef, Directive, ElementRef, inject, Injector, OnInit, ViewContainerRef} from '@angular/core';\nimport {NgDocPageProcessor, NgDocProcessorOptions} from '@ng-doc/app/interfaces';\nimport {NG_DOC_PAGE_CUSTOM_PROCESSOR, NG_DOC_PAGE_PROCESSOR} from '@ng-doc/app/tokens';\nimport {asArray, objectKeys} from '@ng-doc/core';\n\n/**\n * Base processor class to create a processor directive that will be used to replace\n * html nodes with an Angular component.\n */\n@Directive({\n\tselector: '[ngDocPageProcessor]',\n\tstandalone: true,\n})\nexport class NgDocPageProcessorDirective implements OnInit {\n\tprocessors: Array<NgDocPageProcessor<unknown>> =\n\t\tinject<Array<NgDocPageProcessor<unknown>>>(NG_DOC_PAGE_PROCESSOR, {optional: true}) ?? [];\n\tcustomProcessors: Array<NgDocPageProcessor<unknown>> =\n\t\tinject<Array<NgDocPageProcessor<unknown>>>(NG_DOC_PAGE_CUSTOM_PROCESSOR, {optional: true}) ?? [];\n\tinjector: Injector = inject(Injector);\n\n\tconstructor(\n\t\tprotected readonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected readonly viewContainerRef: ViewContainerRef,\n\t) {}\n\n\tngOnInit(): void {\n\t\tasArray(this.processors, this.customProcessors).forEach(this.process.bind(this));\n\t}\n\n\tprivate process<T>(processor: NgDocPageProcessor<T>): void {\n\t\tthis.elementRef.nativeElement.querySelectorAll(processor.selector).forEach((elementNode: Element) => {\n\t\t\t// check if element node has a parent node because it can be removed by another processor\n\t\t\tif (elementNode.parentNode) {\n\t\t\t\tconst replaceElement: Element = (processor.nodeToReplace && processor.nodeToReplace(elementNode)) ?? elementNode;\n\t\t\t\tconst options: NgDocProcessorOptions<T> = processor.extractOptions(\n\t\t\t\t\telementNode,\n\t\t\t\t\tthis.elementRef.nativeElement,\n\t\t\t\t);\n\n\t\t\t\t// create component\n\t\t\t\tconst componentRef: ComponentRef<T> = this.viewContainerRef.createComponent(processor.component, {\n\t\t\t\t\tprojectableNodes: options.content,\n\t\t\t\t\tinjector: this.injector,\n\t\t\t\t});\n\n\t\t\t\t// set component options\n\t\t\t\tif (options.inputs) {\n\t\t\t\t\tobjectKeys(options.inputs).forEach((key: keyof T) => options.inputs && componentRef.setInput(key as string, options.inputs[key]));\n\t\t\t\t}\n\n\t\t\t\t// replace element node with component node\n\t\t\t\treplaceElement.parentNode?.replaceChild(componentRef.location.nativeElement, replaceElement);\n\n\t\t\t\tcomponentRef.changeDetectorRef.markForCheck();\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":";;;;;AAKA;;;AAGG;AACH,MAIa,2BAA2B,CAAA;IAOvC,WACoB,CAAA,UAAmC,EACnC,gBAAkC,EAAA;QADlC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;AARtD,QAAA,IAAA,CAAA,UAAU,GACT,MAAM,CAAqC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI,EAAE,CAAC;AAC3F,QAAA,IAAA,CAAA,gBAAgB,GACf,MAAM,CAAqC,4BAA4B,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI,EAAE,CAAC;AAClG,QAAA,IAAA,CAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC,CAAC;KAKlC;IAEJ,QAAQ,GAAA;QACP,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KACjF;AAEO,IAAA,OAAO,CAAI,SAAgC,EAAA;AAClD,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,WAAoB,KAAI;;YAEnG,IAAI,WAAW,CAAC,UAAU,EAAE;AAC3B,gBAAA,MAAM,cAAc,GAAY,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,WAAW,CAAC;AACjH,gBAAA,MAAM,OAAO,GAA6B,SAAS,CAAC,cAAc,CACjE,WAAW,EACX,IAAI,CAAC,UAAU,CAAC,aAAa,CAC7B,CAAC;;gBAGF,MAAM,YAAY,GAAoB,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,SAAS,CAAC,SAAS,EAAE;oBAChG,gBAAgB,EAAE,OAAO,CAAC,OAAO;oBACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,iBAAA,CAAC,CAAC;;gBAGH,IAAI,OAAO,CAAC,MAAM,EAAE;AACnB,oBAAA,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAY,KAAK,OAAO,CAAC,MAAM,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAa,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAClI,iBAAA;;AAGD,gBAAA,cAAc,CAAC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAE7F,gBAAA,YAAY,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;AAC9C,aAAA;AACF,SAAC,CAAC,CAAC;KACH;8GA3CW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

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

@@ -0,0 +1,183 @@
+import { NgDocBlockquoteComponent, NgDocIconComponent, NgDocTooltipDirective } 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 { NgDocPlaygroundComponent } from '@ng-doc/app/components/playground';
+import { isPresent } from '@ng-doc/core';
+import { NgDocTabsComponent } from '@ng-doc/app/components/tabs';
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+
+const blockquoteProcessor = {
+    component: NgDocBlockquoteComponent,
+    selector: 'ng-doc-blockquote',
+    extractOptions: (element) => ({
+        content: [Array.from(element.childNodes)],
+        inputs: {
+            type: element.getAttribute('type') || 'default',
+        },
+    }),
+};
+
+const codeProcessor = {
+    component: NgDocCodeComponent,
+    selector: 'pre code',
+    nodeToReplace: (element) => element.closest('pre') ?? element,
+    extractOptions: (element) => ({
+        inputs: {
+            copyButton: element.getAttribute('copyButton') !== 'false',
+            name: element.getAttribute('name') || undefined,
+            lineNumbers: element.getAttribute('lineNumbers') !== 'false',
+        },
+        content: [[element.closest('pre') ?? element]],
+    }),
+};
+
+const demoProcessor = {
+    component: NgDocDemoComponent,
+    selector: 'ng-doc-demo',
+    extractOptions: (element) => ({
+        inputs: {
+            componentName: element.getAttribute('componentName') || undefined,
+            options: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},
+        },
+    }),
+};
+
+const demoPaneProcessor = {
+    component: NgDocDemoPaneComponent,
+    selector: 'ng-doc-demo-pane',
+    extractOptions: (element) => ({
+        inputs: {
+            componentName: element.getAttribute('componentName') || undefined,
+            options: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},
+        },
+    }),
+};
+
+const iconProcessor = {
+    component: NgDocIconComponent,
+    selector: 'ng-doc-icon',
+    extractOptions: (element) => ({
+        inputs: {
+            icon: element.getAttribute('icon') ?? '',
+            size: Number(element.getAttribute('size')) ?? 16,
+        },
+    }),
+};
+
+const linkProcessor = {
+    component: NgDocPageLinkComponent,
+    selector: 'a',
+    extractOptions: (element) => ({
+        inputs: {
+            href: element.getAttribute('href') ?? '',
+            classes: element.getAttribute('class') ?? '',
+        },
+        content: [Array.from(element.childNodes)],
+    }),
+};
+
+const playgroundProcessor = {
+    component: NgDocPlaygroundComponent,
+    selector: 'ng-doc-playground',
+    extractOptions: (element) => ({
+        inputs: {
+            id: element.getAttribute('id') || undefined,
+            properties: JSON.parse(element.querySelector('#data')?.textContent?.replace(/\n/g, '\\n') ?? '') || undefined,
+            pipeName: element.querySelector('#pipeName')?.textContent || undefined,
+            selectors: (element.querySelector('#selectors')?.textContent || '')
+                .split(',')
+                .map((selector) => selector.trim())
+                .filter(isPresent),
+            options: JSON.parse(element.querySelector('#options')?.textContent ?? '') || {},
+        },
+    }),
+};
+
+const tabsProcessor = {
+    component: NgDocTabsComponent,
+    selector: 'ng-doc-tab',
+    nodeToReplace: (element) => {
+        const anchor = document.createElement('div');
+        return element.parentNode?.insertBefore(anchor, element) ?? element;
+    },
+    extractOptions: (element, root) => {
+        const group = element.getAttribute('group') ?? '';
+        const tabs = Array.from(root.querySelectorAll(`ng-doc-tab[group="${group}"]`));
+        const mappedTabs = tabs.map((tab) => ({
+            title: tab.getAttribute('name') ?? '',
+            content: tab,
+            active: tab.hasAttribute('active'),
+        }));
+        tabs.forEach((tab) => tab.remove());
+        return {
+            inputs: {
+                tabs: mappedTabs,
+            },
+        };
+    },
+};
+
+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: "16.0.0", ngImport: i0, type: NgDocTooltipWrapperComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.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: "16.0.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: function () { return [{ 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 };
+//# sourceMappingURL=ng-doc-app-processors-processors.mjs.map

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

@@ -0,0 +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\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: JSON.parse(element.querySelector('#data')?.textContent?.replace(/\\n/g, '\\\\n') ?? '') || undefined,\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 {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) => {\n\t\tconst anchor: Element = document.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\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>\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 = this.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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"}

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

@@ -1,15 +1,27 @@
-export * from '@ng-doc/app/processors/blockquote-processor';
-export * from '@ng-doc/app/processors/code-processor';
-export * from '@ng-doc/app/processors/demo-pane-processor';
-export * from '@ng-doc/app/processors/demo-processor';
-export * from '@ng-doc/app/processors/html-processor';
-export * from '@ng-doc/app/processors/icon-processor';
-export * from '@ng-doc/app/processors/link-processor';
-export * from '@ng-doc/app/processors/playground-processor';
-export * from '@ng-doc/app/processors/tabs-processor';
-export * from '@ng-doc/app/processors/tooltip-processor';
+import { blockquoteProcessor, iconProcessor, tooltipProcessor, linkProcessor, codeProcessor, demoProcessor, demoPaneProcessor, playgroundProcessor, tabsProcessor } from '@ng-doc/app/processors/processors';
+export * from '@ng-doc/app/processors/processors';
+import { providePageProcessor } from '@ng-doc/app/tokens';
+export * from '@ng-doc/app/processors/page-processor';
+
+const NG_DOC_DEFAULT_PAGE_PROCESSORS = [
+    /**
+     * The order of the directives is important.
+     * The higher the directive is in the list, the earlier it will be run.
+     */
+    providePageProcessor(blockquoteProcessor, true),
+    providePageProcessor(iconProcessor, true),
+    providePageProcessor(tooltipProcessor, true),
+    providePageProcessor(linkProcessor, true),
+    providePageProcessor(codeProcessor, true),
+    providePageProcessor(demoProcessor, true),
+    providePageProcessor(demoPaneProcessor, true),
+    providePageProcessor(playgroundProcessor, true),
+    providePageProcessor(tabsProcessor, true),
+];
 
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { NG_DOC_DEFAULT_PAGE_PROCESSORS };
 //# sourceMappingURL=ng-doc-app-processors.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-processors.mjs","sources":["../../../../libs/app/processors/ng-doc-app-processors.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-processors.mjs","sources":["../../../../libs/app/processors/default-processors.ts","../../../../libs/app/processors/ng-doc-app-processors.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {\n\tblockquoteProcessor,\n\tcodeProcessor,\n\tdemoPaneProcessor,\n\tdemoProcessor, iconProcessor,\n\tlinkProcessor,\n\tplaygroundProcessor, tabsProcessor,\n\ttooltipProcessor\n} from '@ng-doc/app/processors/processors';\nimport {providePageProcessor} from '@ng-doc/app/tokens';\n\nexport const NG_DOC_DEFAULT_PAGE_PROCESSORS: Provider[] = [\n\t/**\n\t * The order of the directives is important.\n\t * The higher the directive is in the list, the earlier it will be run.\n\t */\n\tprovidePageProcessor(blockquoteProcessor, true),\n\tprovidePageProcessor(iconProcessor, true),\n\tprovidePageProcessor(tooltipProcessor, true),\n\tprovidePageProcessor(linkProcessor, true),\n\tprovidePageProcessor(codeProcessor, true),\n\tprovidePageProcessor(demoProcessor, true),\n\tprovidePageProcessor(demoPaneProcessor, true),\n\tprovidePageProcessor(playgroundProcessor, true),\n\tprovidePageProcessor(tabsProcessor, true),\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYa,MAAA,8BAA8B,GAAe;AACzD;;;AAGG;AACH,IAAA,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,CAAC;AAC/C,IAAA,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC;AACzC,IAAA,oBAAoB,CAAC,gBAAgB,EAAE,IAAI,CAAC;AAC5C,IAAA,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC;AACzC,IAAA,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC;AACzC,IAAA,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC;AACzC,IAAA,oBAAoB,CAAC,iBAAiB,EAAE,IAAI,CAAC;AAC7C,IAAA,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,CAAC;AAC/C,IAAA,oBAAoB,CAAC,aAAa,EAAE,IAAI,CAAC;;;ACzB1C;;AAEG;;;;"}

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

@@ -4,6 +4,22 @@ const NG_DOC_API_LIST_TOKEN = new InjectionToken('API_LIST_TOKEN');
 
 const NG_DOC_CONTEXT = new InjectionToken('NG_DOC_CONTEXT');
 
+const NG_DOC_PAGE_PROCESSOR = new InjectionToken('NG_DOC_PAGE_PROCESSOR');
+const NG_DOC_PAGE_CUSTOM_PROCESSOR = new InjectionToken('NG_DOC_PAGE_CUSTOM_PROCESSOR');
+/**
+ * Provide a processor to replace html nodes with an Angular component.
+ *
+ * @param processor - Processor to provide.
+ * @param override - Whether to override existing processors.
+ */
+function providePageProcessor(processor, override) {
+    return {
+        provide: override ? NG_DOC_PAGE_PROCESSOR : NG_DOC_PAGE_CUSTOM_PROCESSOR,
+        useValue: processor,
+        multi: true,
+    };
+}
+
 /**
  * Token that can be used to provide custom theme.
  * You must compile your theme to CSS and add it to `assets` so that NgDoc can load it dynamically.
@@ -37,5 +53,5 @@ const NG_DOC_TYPE_CONTROL = new InjectionToken('NG_DOC_TYPE_CONTROL');
  * Generated bundle index. Do not edit.
  */
 
-export { NG_DOC_API_LIST_TOKEN, NG_DOC_CONTEXT, NG_DOC_DEFAULT_THEME_ID, NG_DOC_THEME, NG_DOC_TYPE_CONTROL };
+export { NG_DOC_API_LIST_TOKEN, NG_DOC_CONTEXT, NG_DOC_DEFAULT_THEME_ID, NG_DOC_PAGE_CUSTOM_PROCESSOR, NG_DOC_PAGE_PROCESSOR, NG_DOC_THEME, NG_DOC_TYPE_CONTROL, providePageProcessor };
 //# sourceMappingURL=ng-doc-app-tokens.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-tokens.mjs","sources":["../../../../libs/app/tokens/api-list.ts","../../../../libs/app/tokens/context.ts","../../../../libs/app/tokens/theme.ts","../../../../libs/app/tokens/type-control.ts","../../../../libs/app/tokens/ng-doc-app-tokens.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {NgDocApiList} from '@ng-doc/core/interfaces';\n\nexport const NG_DOC_API_LIST_TOKEN: InjectionToken<NgDocApiList[]> = new InjectionToken<NgDocApiList[]>(\n\t'API_LIST_TOKEN',\n);\n","import {InjectionToken} from '@angular/core';\nimport {NgDocContext} from '@ng-doc/app/interfaces';\n\nexport const NG_DOC_CONTEXT: InjectionToken<NgDocContext> = new InjectionToken<NgDocContext>('NG_DOC_CONTEXT');\n","import {InjectionToken} from '@angular/core';\nimport {NgDocTheme} from '@ng-doc/app/interfaces';\n\n/**\n * Token that can be used to provide custom theme.\n * You must compile your theme to CSS and add it to `assets` so that NgDoc can load it dynamically.\n *\n * You always should provide custom themes in root of your application with `multi: true` parameter.\n *\n * For example\n * ```typescript\n * @NgModule({\n * \tdeclarations: [AppComponent],\n * \timports: [],\n * \tproviders: [\n * \t    {provide: NG_DOC_THEME, useValue: {id: 'CustomTheme', path: '/assets/themes/custom.css'}, multi: true}\n * \t],\n * \tbootstrap: [AppComponent],\n * })\n * export class AppModule {}\n * ```\n */\nexport const NG_DOC_THEME: InjectionToken<NgDocTheme> = new InjectionToken<NgDocTheme>(`NG_DOC_THEME`);\n\n/**\n * Default theme for application if user didn't change it manually.\n *\n * You can provide this token in the root of you application, to set theme by default.\n */\nexport const NG_DOC_DEFAULT_THEME_ID: InjectionToken<string> = new InjectionToken<string>(`NG_DOC_DEFAULT_THEME`);\n","import {InjectionToken} from '@angular/core';\nimport {NgDocTypeControl} from '@ng-doc/app/interfaces';\n\nexport const NG_DOC_TYPE_CONTROL: InjectionToken<NgDocTypeControl> = new InjectionToken<NgDocTypeControl>(\n\t'NG_DOC_TYPE_CONTROL',\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;MAGa,qBAAqB,GAAmC,IAAI,cAAc,CACtF,gBAAgB;;MCDJ,cAAc,GAAiC,IAAI,cAAc,CAAe,gBAAgB;;ACA7G;;;;;;;;;;;;;;;;;;AAkBG;MACU,YAAY,GAA+B,IAAI,cAAc,CAAa,CAAc,YAAA,CAAA,EAAE;AAEvG;;;;AAIG;MACU,uBAAuB,GAA2B,IAAI,cAAc,CAAS,CAAsB,oBAAA,CAAA;;MC1BnG,mBAAmB,GAAqC,IAAI,cAAc,CACtF,qBAAqB;;ACJtB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-tokens.mjs","sources":["../../../../libs/app/tokens/api-list.ts","../../../../libs/app/tokens/context.ts","../../../../libs/app/tokens/page-processor.ts","../../../../libs/app/tokens/theme.ts","../../../../libs/app/tokens/type-control.ts","../../../../libs/app/tokens/ng-doc-app-tokens.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {NgDocApiList} from '@ng-doc/core/interfaces';\n\nexport const NG_DOC_API_LIST_TOKEN: InjectionToken<NgDocApiList[]> = new InjectionToken<NgDocApiList[]>(\n\t'API_LIST_TOKEN',\n);\n","import {InjectionToken} from '@angular/core';\nimport {NgDocContext} from '@ng-doc/app/interfaces';\n\nexport const NG_DOC_CONTEXT: InjectionToken<NgDocContext> = new InjectionToken<NgDocContext>('NG_DOC_CONTEXT');\n","import {InjectionToken, Provider} from '@angular/core';\nimport {NgDocPageProcessor} from '@ng-doc/app/interfaces';\n\nexport const NG_DOC_PAGE_PROCESSOR: InjectionToken<NgDocPageProcessor<unknown>> = new InjectionToken<NgDocPageProcessor<unknown>>('NG_DOC_PAGE_PROCESSOR');\nexport const NG_DOC_PAGE_CUSTOM_PROCESSOR: InjectionToken<NgDocPageProcessor<unknown>> = new InjectionToken<NgDocPageProcessor<unknown>>('NG_DOC_PAGE_CUSTOM_PROCESSOR');\n\n/**\n * Provide a processor to replace html nodes with an Angular component.\n *\n * @param processor - Processor to provide.\n * @param override - Whether to override existing processors.\n */\nexport function providePageProcessor<T>(processor: NgDocPageProcessor<T>, override?: boolean): Provider {\n\treturn {\n\t\tprovide: override ? NG_DOC_PAGE_PROCESSOR : NG_DOC_PAGE_CUSTOM_PROCESSOR,\n\t\tuseValue: processor,\n\t\tmulti: true,\n\t};\n}\n","import {InjectionToken} from '@angular/core';\nimport {NgDocTheme} from '@ng-doc/app/interfaces';\n\n/**\n * Token that can be used to provide custom theme.\n * You must compile your theme to CSS and add it to `assets` so that NgDoc can load it dynamically.\n *\n * You always should provide custom themes in root of your application with `multi: true` parameter.\n *\n * For example\n * ```typescript\n * @NgModule({\n * \tdeclarations: [AppComponent],\n * \timports: [],\n * \tproviders: [\n * \t    {provide: NG_DOC_THEME, useValue: {id: 'CustomTheme', path: '/assets/themes/custom.css'}, multi: true}\n * \t],\n * \tbootstrap: [AppComponent],\n * })\n * export class AppModule {}\n * ```\n */\nexport const NG_DOC_THEME: InjectionToken<NgDocTheme> = new InjectionToken<NgDocTheme>(`NG_DOC_THEME`);\n\n/**\n * Default theme for application if user didn't change it manually.\n *\n * You can provide this token in the root of you application, to set theme by default.\n */\nexport const NG_DOC_DEFAULT_THEME_ID: InjectionToken<string> = new InjectionToken<string>(`NG_DOC_DEFAULT_THEME`);\n","import {InjectionToken} from '@angular/core';\nimport {NgDocTypeControl} from '@ng-doc/app/interfaces';\n\nexport const NG_DOC_TYPE_CONTROL: InjectionToken<NgDocTypeControl> = new InjectionToken<NgDocTypeControl>(\n\t'NG_DOC_TYPE_CONTROL',\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;MAGa,qBAAqB,GAAmC,IAAI,cAAc,CACtF,gBAAgB;;MCDJ,cAAc,GAAiC,IAAI,cAAc,CAAe,gBAAgB;;MCAhG,qBAAqB,GAAgD,IAAI,cAAc,CAA8B,uBAAuB,EAAE;MAC9I,4BAA4B,GAAgD,IAAI,cAAc,CAA8B,8BAA8B,EAAE;AAEzK;;;;;AAKG;AACa,SAAA,oBAAoB,CAAI,SAAgC,EAAE,QAAkB,EAAA;IAC3F,OAAO;QACN,OAAO,EAAE,QAAQ,GAAG,qBAAqB,GAAG,4BAA4B;AACxE,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE,IAAI;KACX,CAAC;AACH;;ACfA;;;;;;;;;;;;;;;;;;AAkBG;MACU,YAAY,GAA+B,IAAI,cAAc,CAAa,CAAc,YAAA,CAAA,EAAE;AAEvG;;;;AAIG;MACU,uBAAuB,GAA2B,IAAI,cAAc,CAAS,CAAsB,oBAAA,CAAA;;MC1BnG,mBAAmB,GAAqC,IAAI,cAAc,CACtF,qBAAqB;;ACJtB;;AAEG;;;;"}

package/interfaces/index.d.ts

@@ -2,6 +2,7 @@ export * from './application-config';
 export * from './context';
 export * from './demo-assets';
 export * from './navigation';
+export * from './page-processor';
 export * from './processor-options';
 export * from './provided-type-control';
 export * from './search-result';

package/interfaces/page-processor.d.ts

@@ -0,0 +1,28 @@
+import { Type } from '@angular/core';
+import { NgDocProcessorOptions } from './processor-options';
+/**
+ * Interface to create a processor that will be used to replace html nodes with an Angular component.
+ */
+export interface NgDocPageProcessor<T> {
+    /**
+     * Target component to replace html nodes with.
+     */
+    component: Type<T>;
+    /**
+     * Selector to find html nodes to replace.
+     */
+    selector: string;
+    /**
+     * Extract options for Angular component from html node.
+     *
+     * @param element - Html node to extract options from.
+     * @param root - Root html node.
+     */
+    extractOptions: (element: Element, root: HTMLElement) => NgDocProcessorOptions<T>;
+    /**
+     * Can be used to find a node to replace instead of the node that was found by selector.
+     *
+     * @param element - Html node to replace.
+     */
+    nodeToReplace?: (element: Element) => Element;
+}

package/interfaces/processor-options.d.ts

@@ -1,5 +1,4 @@
-export interface NgDocProcessorOptions<T> {
-    anchor?: Element;
+export interface NgDocProcessorOptions<T, K extends keyof T = keyof T> {
     content?: Node[][];
-    inputs: Partial<T>;
+    inputs?: Partial<Record<K, T[K]>>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-doc/app",
-  "version": "16.7.2",
+  "version": "16.8.1",
   "peerDependencies": {
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0",
@@ -12,8 +12,8 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@ng-doc/core": "16.7.2",
-    "@ng-doc/ui-kit": "16.7.2",
+    "@ng-doc/core": "16.8.1",
+    "@ng-doc/ui-kit": "16.8.1",
     "@orama/plugin-match-highlight": "1.0.2",
     "@orama/stemmers": "1.0.2",
     "highlight.js": "11.5.1"
@@ -279,65 +279,17 @@
       "esm": "./esm2022/pipes/sanitize-html/ng-doc-app-pipes-sanitize-html.mjs",
       "default": "./fesm2022/ng-doc-app-pipes-sanitize-html.mjs"
     },
-    "./processors/blockquote-processor": {
-      "types": "./processors/blockquote-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/blockquote-processor/ng-doc-app-processors-blockquote-processor.mjs",
-      "esm": "./esm2022/processors/blockquote-processor/ng-doc-app-processors-blockquote-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-blockquote-processor.mjs"
-    },
-    "./processors/code-processor": {
-      "types": "./processors/code-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/code-processor/ng-doc-app-processors-code-processor.mjs",
-      "esm": "./esm2022/processors/code-processor/ng-doc-app-processors-code-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-code-processor.mjs"
-    },
-    "./processors/demo-pane-processor": {
-      "types": "./processors/demo-pane-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/demo-pane-processor/ng-doc-app-processors-demo-pane-processor.mjs",
-      "esm": "./esm2022/processors/demo-pane-processor/ng-doc-app-processors-demo-pane-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-demo-pane-processor.mjs"
-    },
-    "./processors/demo-processor": {
-      "types": "./processors/demo-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/demo-processor/ng-doc-app-processors-demo-processor.mjs",
-      "esm": "./esm2022/processors/demo-processor/ng-doc-app-processors-demo-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-demo-processor.mjs"
-    },
-    "./processors/html-processor": {
-      "types": "./processors/html-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/html-processor/ng-doc-app-processors-html-processor.mjs",
-      "esm": "./esm2022/processors/html-processor/ng-doc-app-processors-html-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-html-processor.mjs"
-    },
-    "./processors/icon-processor": {
-      "types": "./processors/icon-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/icon-processor/ng-doc-app-processors-icon-processor.mjs",
-      "esm": "./esm2022/processors/icon-processor/ng-doc-app-processors-icon-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-icon-processor.mjs"
-    },
-    "./processors/link-processor": {
-      "types": "./processors/link-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/link-processor/ng-doc-app-processors-link-processor.mjs",
-      "esm": "./esm2022/processors/link-processor/ng-doc-app-processors-link-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-link-processor.mjs"
-    },
-    "./processors/playground-processor": {
-      "types": "./processors/playground-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/playground-processor/ng-doc-app-processors-playground-processor.mjs",
-      "esm": "./esm2022/processors/playground-processor/ng-doc-app-processors-playground-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-playground-processor.mjs"
-    },
-    "./processors/tabs-processor": {
-      "types": "./processors/tabs-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/tabs-processor/ng-doc-app-processors-tabs-processor.mjs",
-      "esm": "./esm2022/processors/tabs-processor/ng-doc-app-processors-tabs-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-tabs-processor.mjs"
-    },
-    "./processors/tooltip-processor": {
-      "types": "./processors/tooltip-processor/index.d.ts",
-      "esm2022": "./esm2022/processors/tooltip-processor/ng-doc-app-processors-tooltip-processor.mjs",
-      "esm": "./esm2022/processors/tooltip-processor/ng-doc-app-processors-tooltip-processor.mjs",
-      "default": "./fesm2022/ng-doc-app-processors-tooltip-processor.mjs"
+    "./processors/page-processor": {
+      "types": "./processors/page-processor/index.d.ts",
+      "esm2022": "./esm2022/processors/page-processor/ng-doc-app-processors-page-processor.mjs",
+      "esm": "./esm2022/processors/page-processor/ng-doc-app-processors-page-processor.mjs",
+      "default": "./fesm2022/ng-doc-app-processors-page-processor.mjs"
+    },
+    "./processors/processors": {
+      "types": "./processors/processors/index.d.ts",
+      "esm2022": "./esm2022/processors/processors/ng-doc-app-processors-processors.mjs",
+      "esm": "./esm2022/processors/processors/ng-doc-app-processors-processors.mjs",
+      "default": "./fesm2022/ng-doc-app-processors-processors.mjs"
     },
     "./services/sidebar": {
       "types": "./services/sidebar/index.d.ts",

package/processors/default-processors.d.ts

@@ -0,0 +1,2 @@
+import { Provider } from '@angular/core';
+export declare const NG_DOC_DEFAULT_PAGE_PROCESSORS: Provider[];

package/processors/index.d.ts

@@ -1,10 +1,3 @@
-export * from '@ng-doc/app/processors/blockquote-processor';
-export * from '@ng-doc/app/processors/code-processor';
-export * from '@ng-doc/app/processors/demo-pane-processor';
-export * from '@ng-doc/app/processors/demo-processor';
-export * from '@ng-doc/app/processors/html-processor';
-export * from '@ng-doc/app/processors/icon-processor';
-export * from '@ng-doc/app/processors/link-processor';
-export * from '@ng-doc/app/processors/playground-processor';
-export * from '@ng-doc/app/processors/tabs-processor';
-export * from '@ng-doc/app/processors/tooltip-processor';
+export * from './default-processors';
+export * from '@ng-doc/app/processors/page-processor';
+export * from '@ng-doc/app/processors/processors';

package/processors/page-processor/index.d.ts

@@ -0,0 +1 @@
+export * from './page-processor.directive';

package/processors/page-processor/page-processor.directive.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, Injector, OnInit, ViewContainerRef } from '@angular/core';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Base processor class to create a processor directive that will be used to replace
+ * html nodes with an Angular component.
+ */
+export declare class NgDocPageProcessorDirective implements OnInit {
+    protected readonly elementRef: ElementRef<HTMLElement>;
+    protected readonly viewContainerRef: ViewContainerRef;
+    processors: Array<NgDocPageProcessor<unknown>>;
+    customProcessors: Array<NgDocPageProcessor<unknown>>;
+    injector: Injector;
+    constructor(elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    private process;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocPageProcessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgDocPageProcessorDirective, "[ngDocPageProcessor]", never, {}, {}, never, never, true, never>;
+}

package/processors/processors/blockquote.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+import { NgDocBlockquoteComponent } from '@ng-doc/ui-kit';
+export declare const blockquoteProcessor: NgDocPageProcessor<NgDocBlockquoteComponent>;

package/processors/processors/code.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocCodeComponent } from '@ng-doc/app/components/code';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const codeProcessor: NgDocPageProcessor<NgDocCodeComponent>;

package/processors/processors/demo-pane.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocDemoPaneComponent } from '@ng-doc/app/components/demo-pane';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const demoPaneProcessor: NgDocPageProcessor<NgDocDemoPaneComponent>;

package/processors/processors/demo.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocDemoComponent } from '@ng-doc/app/components/demo';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const demoProcessor: NgDocPageProcessor<NgDocDemoComponent>;

package/processors/processors/icon.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+import { NgDocIconComponent } from '@ng-doc/ui-kit';
+export declare const iconProcessor: NgDocPageProcessor<NgDocIconComponent>;

package/processors/processors/index.d.ts

@@ -0,0 +1,9 @@
+export * from './blockquote.processor';
+export * from './code.processor';
+export * from './demo.processor';
+export * from './demo-pane.processor';
+export * from './icon.processor';
+export * from './link.processor';
+export * from './playground.processor';
+export * from './tabs.processor';
+export * from './tooltip.processor';

package/processors/processors/link.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocPageLinkComponent } from '@ng-doc/app/components/page-link';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const linkProcessor: NgDocPageProcessor<NgDocPageLinkComponent>;

package/processors/processors/playground.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocPlaygroundComponent } from '@ng-doc/app/components/playground';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const playgroundProcessor: NgDocPageProcessor<NgDocPlaygroundComponent>;

package/processors/processors/tabs.processor.d.ts

@@ -0,0 +1,3 @@
+import { NgDocTabsComponent } from '@ng-doc/app/components/tabs';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const tabsProcessor: NgDocPageProcessor<NgDocTabsComponent>;

package/processors/{tooltip-processor/tooltip-wrapper.component.d.ts → processors/tooltip.processor.d.ts}

@@ -1,6 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
 import * as i0 from "@angular/core";
-export declare class NgDocTooltipWrapperComponent implements AfterViewInit {
+declare class NgDocTooltipWrapperComponent implements AfterViewInit {
     private readonly changeDetectorRef;
     content?: string;
     protected tooltipElement: HTMLElement | null;
@@ -10,3 +11,5 @@ export declare class NgDocTooltipWrapperComponent implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgDocTooltipWrapperComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgDocTooltipWrapperComponent, "ng-doc-tooltip-wrapper", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
+export declare const tooltipProcessor: NgDocPageProcessor<NgDocTooltipWrapperComponent>;
+export {};

package/tokens/index.d.ts

@@ -1,4 +1,5 @@
 export * from './api-list';
 export * from './context';
+export * from './page-processor';
 export * from './theme';
 export * from './type-control';

package/tokens/page-processor.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+export declare const NG_DOC_PAGE_PROCESSOR: InjectionToken<NgDocPageProcessor<unknown>>;
+export declare const NG_DOC_PAGE_CUSTOM_PROCESSOR: InjectionToken<NgDocPageProcessor<unknown>>;
+/**
+ * Provide a processor to replace html nodes with an Angular component.
+ *
+ * @param processor - Processor to provide.
+ * @param override - Whether to override existing processors.
+ */
+export declare function providePageProcessor<T>(processor: NgDocPageProcessor<T>, override?: boolean): Provider;