@ng-doc/app 16.6.6 → 16.7.1

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-processors-code-processor.mjs","sources":["../../../../libs/app/processors/code-processor/code-processor.directive.ts","../../../../libs/app/processors/code-processor/ng-doc-app-processors-code-processor.ts"],"sourcesContent":["import {Directive, ElementRef, ViewContainerRef} from '@angular/core';\nimport {NgDocCodeComponent} from '@ng-doc/app/components/code';\nimport {NgDocProcessorOptions} from '@ng-doc/app/interfaces';\nimport {NgDocHtmlProcessor} from '@ng-doc/app/processors/html-processor';\n\n@Directive({\n\tselector: '[ngDocCodeProcessor]',\n\tstandalone: true,\n})\nexport class NgDocCodeProcessorDirective extends NgDocHtmlProcessor<NgDocCodeComponent> {\n\tconstructor(\n\t\tprotected override readonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected override readonly viewContainerRef: ViewContainerRef,\n\t) {\n\t\tsuper(elementRef, viewContainerRef, `pre code`, NgDocCodeComponent);\n\t}\n\n\tprotected override replaceElement(element: Element): Element {\n\t\treturn element.closest('pre') ?? element;\n\t}\n\n\tprotected override extractComponentOptions(element: Element): NgDocProcessorOptions<NgDocCodeComponent> {\n\t\treturn {\n\t\t\tinputs: {\n\t\t\t\tcopyButton: element.getAttribute('copyButton') !== 'false',\n\t\t\t\tfileName: element.getAttribute('fileName') || undefined,\n\t\t\t\tlineNumbers: element.getAttribute('lineNumbers') !== 'false',\n\t\t\t},\n\t\t\tcontent: [[element.closest('pre') ?? element]],\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAIa,2BAA4B,SAAQ,kBAAsC,CAAA;IACtF,WAC6B,CAAA,UAAmC,EACnC,gBAAkC,EAAA;QAE9D,KAAK,CAAC,UAAU,EAAE,gBAAgB,EAAE,CAAU,QAAA,CAAA,EAAE,kBAAkB,CAAC,CAAC;QAHxC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;KAG9D;AAEkB,IAAA,cAAc,CAAC,OAAgB,EAAA;QACjD,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC;KACzC;AAEkB,IAAA,uBAAuB,CAAC,OAAgB,EAAA;QAC1D,OAAO;AACN,YAAA,MAAM,EAAE;gBACP,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,OAAO;gBAC1D,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,SAAS;gBACvD,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,OAAO;AAC5D,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC;SAC9C,CAAC;KACF;8GArBW,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,eAAA,EAAA,IAAA,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;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-processors-code-processor.mjs","sources":["../../../../libs/app/processors/code-processor/code-processor.directive.ts","../../../../libs/app/processors/code-processor/ng-doc-app-processors-code-processor.ts"],"sourcesContent":["import {Directive, ElementRef, ViewContainerRef} from '@angular/core';\nimport {NgDocCodeComponent} from '@ng-doc/app/components/code';\nimport {NgDocProcessorOptions} from '@ng-doc/app/interfaces';\nimport {NgDocHtmlProcessor} from '@ng-doc/app/processors/html-processor';\n\n@Directive({\n\tselector: '[ngDocCodeProcessor]',\n\tstandalone: true,\n})\nexport class NgDocCodeProcessorDirective extends NgDocHtmlProcessor<NgDocCodeComponent> {\n\tconstructor(\n\t\tprotected override readonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected override readonly viewContainerRef: ViewContainerRef,\n\t) {\n\t\tsuper(elementRef, viewContainerRef, `pre code`, NgDocCodeComponent);\n\t}\n\n\tprotected override replaceElement(element: Element): Element {\n\t\treturn element.closest('pre') ?? element;\n\t}\n\n\tprotected override extractComponentOptions(element: Element): NgDocProcessorOptions<NgDocCodeComponent> {\n\t\treturn {\n\t\t\tinputs: {\n\t\t\t\tcopyButton: element.getAttribute('copyButton') !== 'false',\n\t\t\t\tname: element.getAttribute('name') || undefined,\n\t\t\t\tlineNumbers: element.getAttribute('lineNumbers') !== 'false',\n\t\t\t},\n\t\t\tcontent: [[element.closest('pre') ?? element]],\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAIa,2BAA4B,SAAQ,kBAAsC,CAAA;IACtF,WAC6B,CAAA,UAAmC,EACnC,gBAAkC,EAAA;QAE9D,KAAK,CAAC,UAAU,EAAE,gBAAgB,EAAE,CAAU,QAAA,CAAA,EAAE,kBAAkB,CAAC,CAAC;QAHxC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;KAG9D;AAEkB,IAAA,cAAc,CAAC,OAAgB,EAAA;QACjD,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC;KACzC;AAEkB,IAAA,uBAAuB,CAAC,OAAgB,EAAA;QAC1D,OAAO;AACN,YAAA,MAAM,EAAE;gBACP,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,OAAO;gBAC1D,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS;gBAC/C,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,OAAO;AAC5D,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC;SAC9C,CAAC;KACF;8GArBW,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,eAAA,EAAA,IAAA,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;;;ACRD;;AAEG;;;;"}

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

@@ -15,18 +15,21 @@ class NgDocHtmlProcessor {
     }
     ngOnInit() {
         this.elementRef.nativeElement.querySelectorAll(this.selector).forEach((elementNode) => {
-            const options = this.extractComponentOptions(elementNode);
-            // create component
-            const componentRef = this.viewContainerRef.createComponent(this.component, {
-                projectableNodes: options.content,
-                injector: this.injector,
-            });
-            // set component options
-            Object.assign(componentRef.instance, options.inputs);
-            // replace element node with component node
-            const replaceElement = this.replaceElement(elementNode);
-            replaceElement.parentNode?.replaceChild(componentRef.location.nativeElement, replaceElement);
-            componentRef.changeDetectorRef.markForCheck();
+            // check if element node has a parent node because it can be removed by another processor
+            if (elementNode.parentNode) {
+                const replaceElement = this.replaceElement(elementNode);
+                const options = this.extractComponentOptions(elementNode, this.elementRef.nativeElement);
+                // create component
+                const componentRef = this.viewContainerRef.createComponent(this.component, {
+                    projectableNodes: options.content,
+                    injector: this.injector,
+                });
+                // set component options
+                Object.assign(componentRef.instance, options.inputs);
+                // replace element node with component node
+                replaceElement.parentNode?.replaceChild(componentRef.location.nativeElement, replaceElement);
+                componentRef.changeDetectorRef.markForCheck();
+            }
         });
     }
     replaceElement(element) {

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-processors-html-processor.mjs","sources":["../../../../libs/app/processors/html-processor/html-processor.directive.ts","../../../../libs/app/processors/html-processor/ng-doc-app-processors-html-processor.ts"],"sourcesContent":["import {ComponentRef, Directive, ElementRef, inject, Injector, OnInit, Type, ViewContainerRef} from '@angular/core';\nimport {NgDocProcessorOptions} from '@ng-doc/app/interfaces';\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()\nexport abstract class NgDocHtmlProcessor<T> implements OnInit {\n\tinjector: Injector = inject(Injector);\n\n\tprotected constructor(\n\t\tprotected readonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected readonly viewContainerRef: ViewContainerRef,\n\t\tprotected readonly selector: string,\n\t\tprotected readonly component: Type<T>,\n\t) {}\n\n\tngOnInit(): void {\n\t\tthis.elementRef.nativeElement.querySelectorAll(this.selector).forEach((elementNode: Element) => {\n\t\t\tconst options: NgDocProcessorOptions<T> = this.extractComponentOptions(elementNode);\n\n\t\t\t// create component\n\t\t\tconst componentRef: ComponentRef<T> = this.viewContainerRef.createComponent(this.component, {\n\t\t\t\tprojectableNodes: options.content,\n\t\t\t\tinjector: this.injector,\n\t\t\t});\n\n\t\t\t// set component options\n\t\t\tObject.assign(componentRef.instance as object, options.inputs);\n\n\t\t\t// replace element node with component node\n\t\t\tconst replaceElement: Element = this.replaceElement(elementNode);\n\t\t\treplaceElement.parentNode?.replaceChild(componentRef.location.nativeElement, replaceElement);\n\n\t\t\tcomponentRef.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tprotected replaceElement(element: Element): Element {\n\t\treturn element;\n\t}\n\n\tprotected abstract extractComponentOptions(element: Element): NgDocProcessorOptions<T>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;;AAGG;AACH,MACsB,kBAAkB,CAAA;AAGvC,IAAA,WAAA,CACoB,UAAmC,EACnC,gBAAkC,EAClC,QAAgB,EAChB,SAAkB,EAAA;QAHlB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QAClC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAQ;QAChB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAS;AANtC,QAAA,IAAA,CAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC,CAAC;KAOlC;IAEJ,QAAQ,GAAA;AACP,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,WAAoB,KAAI;YAC9F,MAAM,OAAO,GAA6B,IAAI,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;;YAGpF,MAAM,YAAY,GAAoB,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC3F,gBAAgB,EAAE,OAAO,CAAC,OAAO;gBACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,aAAA,CAAC,CAAC;;YAGH,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,QAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;;YAG/D,MAAM,cAAc,GAAY,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AACjE,YAAA,cAAc,CAAC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAE7F,YAAA,YAAY,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;AAC/C,SAAC,CAAC,CAAC;KACH;AAES,IAAA,cAAc,CAAC,OAAgB,EAAA;AACxC,QAAA,OAAO,OAAO,CAAC;KACf;8GAjCoB,kBAAkB,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;;;ACPV;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-processors-html-processor.mjs","sources":["../../../../libs/app/processors/html-processor/html-processor.directive.ts","../../../../libs/app/processors/html-processor/ng-doc-app-processors-html-processor.ts"],"sourcesContent":["import {ComponentRef, Directive, ElementRef, inject, Injector, OnInit, Type, ViewContainerRef} from '@angular/core';\nimport {NgDocProcessorOptions} from '@ng-doc/app/interfaces';\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()\nexport abstract class NgDocHtmlProcessor<T> implements OnInit {\n\tinjector: Injector = inject(Injector);\n\n\tprotected constructor(\n\t\tprotected readonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected readonly viewContainerRef: ViewContainerRef,\n\t\tprotected readonly selector: string,\n\t\tprotected readonly component: Type<T>,\n\t) {}\n\n\tngOnInit(): void {\n\t\tthis.elementRef.nativeElement.querySelectorAll(this.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 = this.replaceElement(elementNode);\n\t\t\t\tconst options: NgDocProcessorOptions<T> = this.extractComponentOptions(elementNode, this.elementRef.nativeElement);\n\n\t\t\t\t// create component\n\t\t\t\tconst componentRef: ComponentRef<T> = this.viewContainerRef.createComponent(this.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\tObject.assign(componentRef.instance as object, options.inputs);\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\tprotected replaceElement(element: Element): Element {\n\t\treturn element;\n\t}\n\n\tprotected abstract extractComponentOptions(element: Element, root: HTMLElement): NgDocProcessorOptions<T>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;;AAGG;AACH,MACsB,kBAAkB,CAAA;AAGvC,IAAA,WAAA,CACoB,UAAmC,EACnC,gBAAkC,EAClC,QAAgB,EAChB,SAAkB,EAAA;QAHlB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QAClC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAQ;QAChB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAS;AANtC,QAAA,IAAA,CAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC,CAAC;KAOlC;IAEJ,QAAQ,GAAA;AACP,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,WAAoB,KAAI;;YAE9F,IAAI,WAAW,CAAC,UAAU,EAAE;gBAC3B,MAAM,cAAc,GAAY,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AACjE,gBAAA,MAAM,OAAO,GAA6B,IAAI,CAAC,uBAAuB,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;;gBAGnH,MAAM,YAAY,GAAoB,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE;oBAC3F,gBAAgB,EAAE,OAAO,CAAC,OAAO;oBACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,iBAAA,CAAC,CAAC;;gBAGH,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,QAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;;AAG/D,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;AAES,IAAA,cAAc,CAAC,OAAgB,EAAA;AACxC,QAAA,OAAO,OAAO,CAAC;KACf;8GApCoB,kBAAkB,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;;;ACPV;;AAEG;;;;"}

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

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+import { NgDocTabsComponent } from '@ng-doc/app/components/tabs';
+import { NgDocHtmlProcessor } from '@ng-doc/app/processors/html-processor';
+
+class NgDocTabsProcessorDirective extends NgDocHtmlProcessor {
+    constructor(elementRef, viewContainerRef) {
+        super(elementRef, viewContainerRef, `ng-doc-tab`, NgDocTabsComponent);
+        this.elementRef = elementRef;
+        this.viewContainerRef = viewContainerRef;
+    }
+    extractComponentOptions(element, root) {
+        const group = element.getAttribute('group') ?? '';
+        const tabs = Array.from(root.querySelectorAll(`ng-doc-tab[group="${group}"]`));
+        const mappedTabs = tabs.map((tab) => this.mapTabs(tab));
+        tabs.forEach((tab) => tab.remove());
+        return {
+            inputs: {
+                tabs: mappedTabs,
+            },
+        };
+    }
+    replaceElement(element) {
+        const anchor = document.createElement('div');
+        return element.parentNode?.insertBefore(anchor, element) ?? element;
+    }
+    mapTabs(element) {
+        return {
+            title: element.getAttribute('name') ?? '',
+            content: element,
+            active: element.hasAttribute('active'),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabsProcessorDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabsProcessorDirective, isStandalone: true, selector: "[ngDocTabsProcessor]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabsProcessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocTabsProcessor]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocTabsProcessorDirective };
+//# sourceMappingURL=ng-doc-app-processors-tabs-processor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-app-processors-tabs-processor.mjs","sources":["../../../../libs/app/processors/tabs-processor/tabs-processor.directive.ts","../../../../libs/app/processors/tabs-processor/ng-doc-app-processors-tabs-processor.ts"],"sourcesContent":["import {Directive, ElementRef, ViewContainerRef} from '@angular/core';\nimport {NgDocTabsComponent} from '@ng-doc/app/components/tabs';\nimport {NgDocProcessorOptions, NgDocTab} from '@ng-doc/app/interfaces';\nimport {NgDocHtmlProcessor} from '@ng-doc/app/processors/html-processor';\n\n@Directive({\n\tselector: '[ngDocTabsProcessor]',\n\tstandalone: true,\n})\nexport class NgDocTabsProcessorDirective extends NgDocHtmlProcessor<NgDocTabsComponent> {\n\tconstructor(\n\t\tprotected override readonly elementRef: ElementRef<HTMLElement>,\n\t\tprotected override readonly viewContainerRef: ViewContainerRef,\n\t) {\n\t\tsuper(elementRef, viewContainerRef, `ng-doc-tab`, NgDocTabsComponent);\n\t}\n\n\tprotected override extractComponentOptions(element: Element, root: HTMLElement): NgDocProcessorOptions<NgDocTabsComponent> {\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) => this.mapTabs(tab));\n\n\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\tprotected override replaceElement(element: Element): Element {\n\t\tconst anchor: Element = document.createElement('div');\n\n\t\treturn element.parentNode?.insertBefore(anchor, element) ?? element;\n\t}\n\n\tprivate mapTabs(element: Element): NgDocTab {\n\t\treturn {\n\t\t\ttitle: element.getAttribute('name') ?? '',\n\t\t\tcontent: element,\n\t\t\tactive: element.hasAttribute('active'),\n\t\t};\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAIa,2BAA4B,SAAQ,kBAAsC,CAAA;IACtF,WAC6B,CAAA,UAAmC,EACnC,gBAAkC,EAAA;QAE9D,KAAK,CAAC,UAAU,EAAE,gBAAgB,EAAE,CAAY,UAAA,CAAA,EAAE,kBAAkB,CAAC,CAAC;QAH1C,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;KAG9D;IAEkB,uBAAuB,CAAC,OAAgB,EAAE,IAAiB,EAAA;QAC7E,MAAM,KAAK,GAAkB,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;AACjE,QAAA,MAAM,IAAI,GAAc,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAqB,kBAAA,EAAA,KAAK,CAAI,EAAA,CAAA,CAAC,CAAC,CAAC;AAC1F,QAAA,MAAM,UAAU,GAAe,IAAI,CAAC,GAAG,CAAC,CAAC,GAAY,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AAI7E,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAY,KAAK,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAE7C,OAAO;AACN,YAAA,MAAM,EAAE;AACP,gBAAA,IAAI,EAAE,UAAU;AAChB,aAAA;SACD,CAAC;KACF;AAEkB,IAAA,cAAc,CAAC,OAAgB,EAAA;QACjD,MAAM,MAAM,GAAY,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEtD,QAAA,OAAO,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,OAAO,CAAC;KACpE;AAEO,IAAA,OAAO,CAAC,OAAgB,EAAA;QAC/B,OAAO;YACN,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE;AACzC,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC;SACtC,CAAC;KACF;8GApCW,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,eAAA,EAAA,IAAA,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;;;ACRD;;AAEG;;;;"}

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

@@ -6,6 +6,7 @@ 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';
 
 /**

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/ng-doc-app-processors.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;AAEG"}

package/interfaces/index.d.ts

@@ -5,6 +5,7 @@ export * from './navigation';
 export * from './processor-options';
 export * from './provided-type-control';
 export * from './search-result';
+export * from './tab';
 export * from './theme';
 export * from './toc-item';
 export * from './type-control';

package/interfaces/processor-options.d.ts

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

package/interfaces/tab.d.ts

@@ -0,0 +1,5 @@
+export interface NgDocTab {
+    title: string;
+    content: Element;
+    active?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-doc/app",
-  "version": "16.6.6",
+  "version": "16.7.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.6.6",
-    "@ng-doc/ui-kit": "16.6.6",
+    "@ng-doc/core": "16.7.1",
+    "@ng-doc/ui-kit": "16.7.1",
     "@orama/plugin-match-highlight": "1.0.2",
     "@orama/stemmers": "1.0.2",
     "highlight.js": "11.5.1"
@@ -225,6 +225,12 @@
       "esm": "./esm2022/components/sidebar/ng-doc-app-components-sidebar.mjs",
       "default": "./fesm2022/ng-doc-app-components-sidebar.mjs"
     },
+    "./components/tabs": {
+      "types": "./components/tabs/index.d.ts",
+      "esm2022": "./esm2022/components/tabs/ng-doc-app-components-tabs.mjs",
+      "esm": "./esm2022/components/tabs/ng-doc-app-components-tabs.mjs",
+      "default": "./fesm2022/ng-doc-app-components-tabs.mjs"
+    },
     "./components/theme-toggle": {
       "types": "./components/theme-toggle/index.d.ts",
       "esm2022": "./esm2022/components/theme-toggle/ng-doc-app-components-theme-toggle.mjs",
@@ -321,6 +327,12 @@
       "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",

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

@@ -14,7 +14,7 @@ export declare abstract class NgDocHtmlProcessor<T> implements OnInit {
     protected constructor(elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef, selector: string, component: Type<T>);
     ngOnInit(): void;
     protected replaceElement(element: Element): Element;
-    protected abstract extractComponentOptions(element: Element): NgDocProcessorOptions<T>;
+    protected abstract extractComponentOptions(element: Element, root: HTMLElement): NgDocProcessorOptions<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgDocHtmlProcessor<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgDocHtmlProcessor<any>, never, never, {}, {}, never, never, false, never>;
 }

package/processors/index.d.ts

@@ -6,4 +6,5 @@ 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';

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

@@ -0,0 +1 @@
+export * from "./tabs-processor.directive";

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

@@ -0,0 +1,15 @@
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import { NgDocTabsComponent } from '@ng-doc/app/components/tabs';
+import { NgDocProcessorOptions } from '@ng-doc/app/interfaces';
+import { NgDocHtmlProcessor } from '@ng-doc/app/processors/html-processor';
+import * as i0 from "@angular/core";
+export declare class NgDocTabsProcessorDirective extends NgDocHtmlProcessor<NgDocTabsComponent> {
+    protected readonly elementRef: ElementRef<HTMLElement>;
+    protected readonly viewContainerRef: ViewContainerRef;
+    constructor(elementRef: ElementRef<HTMLElement>, viewContainerRef: ViewContainerRef);
+    protected extractComponentOptions(element: Element, root: HTMLElement): NgDocProcessorOptions<NgDocTabsComponent>;
+    protected replaceElement(element: Element): Element;
+    private mapTabs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocTabsProcessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgDocTabsProcessorDirective, "[ngDocTabsProcessor]", never, {}, {}, never, never, true, never>;
+}

package/styles/global.css

@@ -308,6 +308,10 @@ mark.ng-doc-mark {
   --ng-doc-dot-background: var(--ng-doc-primary);
   /* Sidenav */
   --ng-doc-sidenav-width: 300px;
+  /* Tabs */
+  --ng-doc-tabs-margin: calc(var(--ng-doc-base-gutter) * 4) 0px;
+  --ng-doc-tabs-border: 1px solid var(--ng-doc-base-2);
+  --ng-doc-tabs-border-radius: var(--ng-doc-base-gutter) ;
 }
 
 .ng-doc-tooltip {

package/styles/main.css

@@ -308,6 +308,10 @@ mark.ng-doc-mark {
   --ng-doc-dot-background: var(--ng-doc-primary);
   /* Sidenav */
   --ng-doc-sidenav-width: 300px;
+  /* Tabs */
+  --ng-doc-tabs-margin: calc(var(--ng-doc-base-gutter) * 4) 0px;
+  --ng-doc-tabs-border: 1px solid var(--ng-doc-base-2);
+  --ng-doc-tabs-border-radius: var(--ng-doc-base-gutter) ;
 }
 
 .ng-doc-tooltip {