@ng-doc/app 22.0.0-beta.2 → 22.1.0

package/fesm2022/ng-doc-app-pipes-decode-uri-component.mjs

@@ -1,6 +1,9 @@
 import * as i0 from '@angular/core';
 import { Pipe } from '@angular/core';
 
+/**
+ * Decodes a URI component, and returns the value unchanged when it is not a valid encoding.
+ */
 class NgDocDecodeUriComponentPipe {
     transform(value) {
         try {
@@ -10,14 +13,13 @@ class NgDocDecodeUriComponentPipe {
             return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocDecodeUriComponentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: NgDocDecodeUriComponentPipe, isStandalone: true, name: "decodeUriComponent" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDecodeUriComponentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: NgDocDecodeUriComponentPipe, isStandalone: true, name: "decodeUriComponent" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocDecodeUriComponentPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDecodeUriComponentPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'decodeUriComponent',
-                    standalone: true,
                 }]
         }] });
 

package/fesm2022/ng-doc-app-pipes-decode-uri-component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-pipes-decode-uri-component.mjs","sources":["../../../../libs/app/pipes/decode-uri-component/decode-uri-component.pipe.ts","../../../../libs/app/pipes/decode-uri-component/ng-doc-app-pipes-decode-uri-component.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'decodeUriComponent',\n  standalone: true,\n})\nexport class NgDocDecodeUriComponentPipe implements PipeTransform {\n  transform(value: string): string {\n    try {\n      return decodeURIComponent(value);\n    } catch {\n      return value;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,2BAA2B,CAAA;AACtC,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI;AACF,YAAA,OAAO,kBAAkB,CAAC,KAAK,CAAC;QAClC;AAAE,QAAA,MAAM;AACN,YAAA,OAAO,KAAK;QACd;IACF;8GAPW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,oBAAoB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-pipes-decode-uri-component.mjs","sources":["../../../../libs/app/pipes/decode-uri-component/decode-uri-component.pipe.ts","../../../../libs/app/pipes/decode-uri-component/ng-doc-app-pipes-decode-uri-component.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * Decodes a URI component, and returns the value unchanged when it is not a valid encoding.\n */\n@Pipe({\n  name: 'decodeUriComponent',\n})\nexport class NgDocDecodeUriComponentPipe implements PipeTransform {\n  transform(value: string): string {\n    try {\n      return decodeURIComponent(value);\n    } catch {\n      return value;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;AAEG;MAIU,2BAA2B,CAAA;AACtC,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI;AACF,YAAA,OAAO,kBAAkB,CAAC,KAAK,CAAC;QAClC;AAAE,QAAA,MAAM;AACN,YAAA,OAAO,KAAK;QACd;IACF;8GAPW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,oBAAoB;AAC3B,iBAAA;;;ACPD;;AAEG;;;;"}

package/fesm2022/ng-doc-app-pipes-extract-value.mjs

@@ -2,18 +2,20 @@ import * as i0 from '@angular/core';
 import { Pipe } from '@angular/core';
 import { extractValue } from '@ng-doc/core/helpers/extract-value';
 
+/**
+ * Parses the string form of a value (for example a default value of a playground property).
+ */
 class NgDocExtractValuePipe {
     transform(value) {
         return extractValue(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocExtractValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: NgDocExtractValuePipe, isStandalone: true, name: "ngDocExtractValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocExtractValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: NgDocExtractValuePipe, isStandalone: true, name: "ngDocExtractValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocExtractValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocExtractValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'ngDocExtractValue',
-                    standalone: true,
                 }]
         }] });
 

package/fesm2022/ng-doc-app-pipes-extract-value.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-pipes-extract-value.mjs","sources":["../../../../libs/app/pipes/extract-value/extract-value.pipe.ts","../../../../libs/app/pipes/extract-value/ng-doc-app-pipes-extract-value.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { extractValue } from '@ng-doc/core/helpers/extract-value';\nimport { NgDocExtractedValue } from '@ng-doc/core/types/extracted-value';\n\n@Pipe({\n\tname: 'ngDocExtractValue',\n\tstandalone: true,\n})\nexport class NgDocExtractValuePipe implements PipeTransform {\n\ttransform(value: string): NgDocExtractedValue {\n\t\treturn extractValue(value);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,qBAAqB,CAAA;AACjC,IAAA,SAAS,CAAC,KAAa,EAAA;AACtB,QAAA,OAAO,YAAY,CAAC,KAAK,CAAC;IAC3B;8GAHY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACL,oBAAA,IAAI,EAAE,mBAAmB;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-pipes-extract-value.mjs","sources":["../../../../libs/app/pipes/extract-value/extract-value.pipe.ts","../../../../libs/app/pipes/extract-value/ng-doc-app-pipes-extract-value.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { extractValue } from '@ng-doc/core/helpers/extract-value';\nimport { NgDocExtractedValue } from '@ng-doc/core/types/extracted-value';\n\n/**\n * Parses the string form of a value (for example a default value of a playground property).\n */\n@Pipe({\n  name: 'ngDocExtractValue',\n})\nexport class NgDocExtractValuePipe implements PipeTransform {\n  transform(value: string): NgDocExtractedValue {\n    return extractValue(value);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;;AAEG;MAIU,qBAAqB,CAAA;AAChC,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,OAAO,YAAY,CAAC,KAAK,CAAC;IAC5B;8GAHW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mBAAmB;AAC1B,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ng-doc-app-pipes-filter-by-text.mjs

@@ -1,18 +1,21 @@
 import * as i0 from '@angular/core';
 import { Pipe } from '@angular/core';
 
+/**
+ * Keeps the items that match a search term. By default an item matches when its string form
+ * equals the term.
+ */
 class NgDocFilterByTextPipe {
     transform(items, searchTerm, matcher = (item, s) => String(item) === s) {
         return items?.filter((item) => matcher(item, searchTerm)) ?? [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocFilterByTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: NgDocFilterByTextPipe, isStandalone: true, name: "ngDocFilterByText" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFilterByTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: NgDocFilterByTextPipe, isStandalone: true, name: "ngDocFilterByText" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocFilterByTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFilterByTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'ngDocFilterByText',
-                    standalone: true,
                 }]
         }] });
 

package/fesm2022/ng-doc-app-pipes-filter-by-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-pipes-filter-by-text.mjs","sources":["../../../../libs/app/pipes/filter-by-text/filter-by-text.pipe.ts","../../../../libs/app/pipes/filter-by-text/ng-doc-app-pipes-filter-by-text.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n\tname: 'ngDocFilterByText',\n\tstandalone: true,\n})\nexport class NgDocFilterByTextPipe<T> implements PipeTransform {\n\ttransform(\n\t\titems: readonly T[],\n\t\tsearchTerm: string,\n\t\tmatcher: (item: T, searchTerm: string) => boolean = (item: T, s: string) => String(item) === s,\n\t): readonly T[] {\n\t\treturn items?.filter((item: T) => matcher(item, searchTerm)) ?? [];\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,qBAAqB,CAAA;AACjC,IAAA,SAAS,CACR,KAAmB,EACnB,UAAkB,EAClB,OAAA,GAAoD,CAAC,IAAO,EAAE,CAAS,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA;AAE9F,QAAA,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,IAAO,KAAK,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,IAAI,EAAE;IACnE;8GAPY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACL,oBAAA,IAAI,EAAE,mBAAmB;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-pipes-filter-by-text.mjs","sources":["../../../../libs/app/pipes/filter-by-text/filter-by-text.pipe.ts","../../../../libs/app/pipes/filter-by-text/ng-doc-app-pipes-filter-by-text.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n/**\n * Keeps the items that match a search term. By default an item matches when its string form\n * equals the term.\n */\n@Pipe({\n  name: 'ngDocFilterByText',\n})\nexport class NgDocFilterByTextPipe<T> implements PipeTransform {\n  transform(\n    items: readonly T[],\n    searchTerm: string,\n    matcher: (item: T, searchTerm: string) => boolean = (item: T, s: string) => String(item) === s,\n  ): readonly T[] {\n    return items?.filter((item: T) => matcher(item, searchTerm)) ?? [];\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;AAGG;MAIU,qBAAqB,CAAA;AAChC,IAAA,SAAS,CACP,KAAmB,EACnB,UAAkB,EAClB,OAAA,GAAoD,CAAC,IAAO,EAAE,CAAS,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA;AAE9F,QAAA,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,IAAO,KAAK,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,IAAI,EAAE;IACpE;8GAPW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mBAAmB;AAC1B,iBAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ng-doc-app-pipes-sanitize-html.mjs

@@ -2,6 +2,10 @@ import * as i0 from '@angular/core';
 import { inject, Pipe } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 
+/**
+ * Marks HTML as trusted, so it can be bound to `innerHTML` without sanitization. Use it only for
+ * HTML that NgDoc generated.
+ */
 class NgDocSanitizeHtmlPipe {
     constructor() {
         this.sanitizer = inject(DomSanitizer);
@@ -9,16 +13,15 @@ class NgDocSanitizeHtmlPipe {
     transform(value) {
         return this.sanitizer.bypassSecurityTrustHtml(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSanitizeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: NgDocSanitizeHtmlPipe, isStandalone: true, name: "ngDocSanitizeHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSanitizeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: NgDocSanitizeHtmlPipe, isStandalone: true, name: "ngDocSanitizeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocSanitizeHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSanitizeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'ngDocSanitizeHtml',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-app-pipes-sanitize-html.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-pipes-sanitize-html.mjs","sources":["../../../../libs/app/pipes/sanitize-html/sanitize-html.pipe.ts","../../../../libs/app/pipes/sanitize-html/ng-doc-app-pipes-sanitize-html.ts"],"sourcesContent":["import { inject, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Pipe({\n  name: 'ngDocSanitizeHtml',\n  standalone: true,\n})\nexport class NgDocSanitizeHtmlPipe implements PipeTransform {\n  private readonly sanitizer = inject(DomSanitizer);\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n\n  constructor() {}\n\n  transform(value: string): SafeHtml {\n    return this.sanitizer.bypassSecurityTrustHtml(value);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,qBAAqB,CAAA;AAMhC,IAAA,WAAA,GAAA;AALiB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;IAKlC;AAEf,IAAA,SAAS,CAAC,KAAa,EAAA;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC;IACtD;8GAVW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mBAAmB;AACzB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-pipes-sanitize-html.mjs","sources":["../../../../libs/app/pipes/sanitize-html/sanitize-html.pipe.ts","../../../../libs/app/pipes/sanitize-html/ng-doc-app-pipes-sanitize-html.ts"],"sourcesContent":["import { inject, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n/**\n * Marks HTML as trusted, so it can be bound to `innerHTML` without sanitization. Use it only for\n * HTML that NgDoc generated.\n */\n@Pipe({\n  name: 'ngDocSanitizeHtml',\n})\nexport class NgDocSanitizeHtmlPipe implements PipeTransform {\n  private readonly sanitizer = inject(DomSanitizer);\n\n  transform(value: string): SafeHtml {\n    return this.sanitizer.bypassSecurityTrustHtml(value);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;MAIU,qBAAqB,CAAA;AAHlC,IAAA,WAAA,GAAA;AAImB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AAKlD,IAAA;AAHC,IAAA,SAAS,CAAC,KAAa,EAAA;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC;IACtD;8GALW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mBAAmB;AAC1B,iBAAA;;;ACTD;;AAEG;;;;"}

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

@@ -1,17 +1,45 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, ElementRef, ViewContainerRef, ApplicationRef, Injector, Renderer2, Output, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, output, inject, ElementRef, ViewContainerRef, ApplicationRef, Injector, Renderer2, ErrorHandler, effect, untracked, DestroyRef, SecurityContext, ChangeDetectionStrategy, Component } from '@angular/core';
+import { outputFromObservable } from '@angular/core/rxjs-interop';
+import { DomSanitizer } from '@angular/platform-browser';
 import { NG_DOC_PAGE_PROCESSOR, NG_DOC_PAGE_CUSTOM_PROCESSOR } from '@ng-doc/app/tokens';
 import { asArray } from '@ng-doc/core/helpers/as-array';
 import { objectKeys } from '@ng-doc/core/helpers/object-keys';
+import { Subject } from 'rxjs';
 
 /**
- * Base processor class to create a processor directive that will be used to replace
- * html nodes with an Angular component.
+ * Renders HTML into its host element and replaces the nodes that the page processors
+ * (`NG_DOC_PAGE_PROCESSOR`, `NG_DOC_PAGE_CUSTOM_PROCESSOR`) select with Angular components.
+ *
+ * Each change of the HTML or of `contentVersion` destroys the components of the previous pass
+ * and schedules a new pass for the next microtask, after the HTML is in the DOM. A pass that a
+ * newer change superseded, or that ends after the component is destroyed, emits nothing.
  */
 class NgDocPageProcessorComponent {
     constructor() {
-        this.html = '';
-        this.afterRender = new EventEmitter();
+        /** The HTML to render and process. */
+        this.html = input('', { ...(ngDevMode ? { debugName: "html" } : /* istanbul ignore next */ {}), alias: 'ngDocPageProcessor' });
+        /** Version of the HTML. A new version processes the HTML again, even when it is unchanged. */
+        this.contentVersion = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contentVersion" }] : /* istanbul ignore next */ []));
+        /**
+         * Emits the version of a pass after its components are created and before they render, in the
+         * same task, so that a listener can reveal the content they will measure.
+         * @internal
+         */
+        this.beforeRender = output();
+        /** Emits after a pass has created its components and rendered them. */
+        this.afterRender = output();
+        /** Emits the version of each pass that completed. */
+        this.contentProcessed = output();
+        this.processingErrors = new Subject();
+        /**
+         * Emits the version and the error of a pass that a processor failed. Without a listener, the
+         * error goes to the `ErrorHandler` instead.
+         */
+        // Built from a subject so the component can tell whether anything listens, which an
+        // `output()` does not expose.
+        this.processingError = outputFromObservable(this.processingErrors);
         this.processors = inject(NG_DOC_PAGE_PROCESSOR, { optional: true }) ?? [];
         this.customProcessors = inject(NG_DOC_PAGE_CUSTOM_PROCESSOR, { optional: true }) ??
             [];
@@ -20,15 +48,56 @@ class NgDocPageProcessorComponent {
         this.applicationRef = inject(ApplicationRef);
         this.injector = inject(Injector);
         this.renderer = inject(Renderer2);
+        this.errorHandler = inject(ErrorHandler);
+        this.sanitizer = inject(DomSanitizer);
+        this.scheduledVersion = 0;
+        this.destroyed = false;
+        effect(() => {
+            const html = this.html();
+            const version = this.contentVersion();
+            untracked(() => this.schedule(html, version));
+        });
+        inject(DestroyRef).onDestroy(() => {
+            this.destroyed = true;
+            this.scheduledVersion++;
+            this.viewContainerRef.clear();
+        });
     }
-    ngOnChanges({ html }) {
-        if (html) {
-            Promise.resolve().then(() => {
+    schedule(html, version) {
+        const scheduled = ++this.scheduledVersion;
+        const unchanged = this.scheduledHtml !== undefined && this.scheduledHtml.value === html;
+        this.scheduledHtml = { value: html };
+        // Clearing destroys the components of the previous pass, and with them the nodes they
+        // replaced in the HTML.
+        this.viewContainerRef.clear();
+        if (unchanged) {
+            // A new version of the same HTML (a retry): the host binding does not write an unchanged
+            // value again, so restore the HTML here, sanitized the way the binding sanitizes it.
+            this.renderer.setProperty(this.elementRef.nativeElement, 'innerHTML', this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '');
+        }
+        // A changed HTML is written by the host binding later in this change detection pass, so the
+        // processors run once it is done.
+        void Promise.resolve().then(() => {
+            if (this.destroyed || scheduled !== this.scheduledVersion)
+                return;
+            try {
                 asArray(this.processors, this.customProcessors).forEach(this.process.bind(this));
+                if (this.destroyed || scheduled !== this.scheduledVersion)
+                    return;
+                this.beforeRender.emit(version);
                 this.applicationRef.tick();
                 this.afterRender.emit();
-            });
-        }
+                this.contentProcessed.emit(version);
+            }
+            catch (error) {
+                if (!this.destroyed && scheduled === this.scheduledVersion) {
+                    if (this.processingErrors.observed)
+                        this.processingErrors.next({ version, error });
+                    else
+                        this.errorHandler.handleError(error);
+                }
+            }
+        });
     }
     process(processor) {
         Array.from(this.elementRef.nativeElement.querySelectorAll(processor.selector)).forEach((elementNode) => {
@@ -52,26 +121,20 @@ class NgDocPageProcessorComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocPageProcessorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: NgDocPageProcessorComponent, isStandalone: true, selector: "[ngDocPageProcessor]", inputs: { html: ["ngDocPageProcessor", "html"] }, outputs: { afterRender: "afterRender" }, host: { properties: { "innerHTML": "this.html" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocPageProcessorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NgDocPageProcessorComponent, isStandalone: true, selector: "[ngDocPageProcessor]", inputs: { html: { classPropertyName: "html", publicName: "ngDocPageProcessor", isSignal: true, isRequired: false, transformFunction: null }, contentVersion: { classPropertyName: "contentVersion", publicName: "contentVersion", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeRender: "beforeRender", afterRender: "afterRender", contentProcessed: "contentProcessed", processingError: "processingError" }, host: { properties: { "innerHTML": "html()" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocPageProcessorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocPageProcessorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[ngDocPageProcessor]',
-                    standalone: true,
                     template: '<ng-content></ng-content>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[innerHTML]': 'html()',
+                    },
                 }]
-        }], propDecorators: { html: [{
-                type: Input,
-                args: [{ required: true, alias: 'ngDocPageProcessor' }]
-            }, {
-                type: HostBinding,
-                args: ['innerHTML']
-            }], afterRender: [{
-                type: Output
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { html: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocPageProcessor", required: false }] }], contentVersion: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentVersion", required: false }] }], beforeRender: [{ type: i0.Output, args: ["beforeRender"] }], afterRender: [{ type: i0.Output, args: ["afterRender"] }], contentProcessed: [{ type: i0.Output, args: ["contentProcessed"] }], processingError: [{ type: i0.Output, args: ["processingError"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-processors-page-processor.mjs","sources":["../../../../libs/app/processors/page-processor/page-processor.component.ts","../../../../libs/app/processors/page-processor/ng-doc-app-processors-page-processor.ts"],"sourcesContent":["import {\n  ApplicationRef,\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Injector,\n  Input,\n  OnChanges,\n  Output,\n  Renderer2,\n  SimpleChanges,\n  ViewContainerRef,\n} from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\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 } from '@ng-doc/core/helpers/as-array';\nimport { objectKeys } from '@ng-doc/core/helpers/object-keys';\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@Component({\n  selector: '[ngDocPageProcessor]',\n  standalone: true,\n  template: '<ng-content></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocPageProcessorComponent implements OnChanges {\n  @Input({ required: true, alias: 'ngDocPageProcessor' })\n  @HostBinding('innerHTML')\n  html: SafeHtml = '';\n\n  @Output()\n  afterRender: EventEmitter<void> = new EventEmitter<void>();\n\n  processors: Array<NgDocPageProcessor<unknown>> =\n    inject<Array<NgDocPageProcessor<unknown>>>(NG_DOC_PAGE_PROCESSOR, { optional: true }) ?? [];\n  customProcessors: Array<NgDocPageProcessor<unknown>> =\n    inject<Array<NgDocPageProcessor<unknown>>>(NG_DOC_PAGE_CUSTOM_PROCESSOR, { optional: true }) ??\n    [];\n\n  protected readonly elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  protected readonly viewContainerRef: ViewContainerRef = inject(ViewContainerRef);\n  protected readonly applicationRef = inject(ApplicationRef);\n  protected readonly injector: Injector = inject(Injector);\n  protected readonly renderer: Renderer2 = inject(Renderer2);\n\n  ngOnChanges({ html }: SimpleChanges): void {\n    if (html) {\n      Promise.resolve().then(() => {\n        asArray(this.processors, this.customProcessors).forEach(this.process.bind(this));\n        this.applicationRef.tick();\n        this.afterRender.emit();\n      });\n    }\n  }\n\n  private process<T>(processor: NgDocPageProcessor<T>): void {\n    Array.from(this.elementRef.nativeElement.querySelectorAll(processor.selector)).forEach(\n      (elementNode: Element) => {\n        // check if element node has a parent node because it can be removed by another processor\n        if (elementNode.parentNode) {\n          const replaceElement: Element =\n            (processor.nodeToReplace && processor.nodeToReplace(elementNode, this.injector)) ??\n            elementNode;\n          const options: NgDocProcessorOptions<T> = processor.extractOptions(\n            elementNode,\n            this.elementRef.nativeElement,\n          );\n\n          // create component\n          const componentRef: ComponentRef<T> = this.viewContainerRef.createComponent(\n            processor.component,\n            {\n              projectableNodes: options.content,\n              injector: this.injector,\n            },\n          );\n\n          // set component options\n          if (options.inputs) {\n            objectKeys(options.inputs).forEach(\n              (key: keyof T) =>\n                options.inputs && componentRef.setInput(key as string, options.inputs[key]),\n            );\n          }\n\n          // replace element node with component node\n          replaceElement.parentNode?.replaceChild(\n            componentRef.location.nativeElement,\n            replaceElement,\n          );\n\n          componentRef.changeDetectorRef.markForCheck();\n        }\n      },\n    );\n  }\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-page-processor.mjs","sources":["../../../../libs/app/processors/page-processor/page-processor.component.ts","../../../../libs/app/processors/page-processor/ng-doc-app-processors-page-processor.ts"],"sourcesContent":["import {\n  ApplicationRef,\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  effect,\n  ElementRef,\n  ErrorHandler,\n  inject,\n  Injector,\n  input,\n  output,\n  OutputRef,\n  Renderer2,\n  SecurityContext,\n  untracked,\n  ViewContainerRef,\n} from '@angular/core';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport type { NgDocContentRenderFailure } from '@ng-doc/app/classes/content-controller';\nimport type { NgDocPageProcessor, NgDocProcessorOptions } from '@ng-doc/app/interfaces';\nimport { NG_DOC_PAGE_CUSTOM_PROCESSOR, NG_DOC_PAGE_PROCESSOR } from '@ng-doc/app/tokens';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { objectKeys } from '@ng-doc/core/helpers/object-keys';\nimport { Subject } from 'rxjs';\n\n/**\n * Renders HTML into its host element and replaces the nodes that the page processors\n * (`NG_DOC_PAGE_PROCESSOR`, `NG_DOC_PAGE_CUSTOM_PROCESSOR`) select with Angular components.\n *\n * Each change of the HTML or of `contentVersion` destroys the components of the previous pass\n * and schedules a new pass for the next microtask, after the HTML is in the DOM. A pass that a\n * newer change superseded, or that ends after the component is destroyed, emits nothing.\n */\n@Component({\n  selector: '[ngDocPageProcessor]',\n  template: '<ng-content></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[innerHTML]': 'html()',\n  },\n})\nexport class NgDocPageProcessorComponent {\n  /** The HTML to render and process. */\n  readonly html = input<SafeHtml>('', { alias: 'ngDocPageProcessor' });\n\n  /** Version of the HTML. A new version processes the HTML again, even when it is unchanged. */\n  readonly contentVersion = input(0);\n\n  /**\n   * Emits the version of a pass after its components are created and before they render, in the\n   * same task, so that a listener can reveal the content they will measure.\n   * @internal\n   */\n  readonly beforeRender = output<number>();\n\n  /** Emits after a pass has created its components and rendered them. */\n  readonly afterRender = output<void>();\n\n  /** Emits the version of each pass that completed. */\n  readonly contentProcessed = output<number>();\n\n  private readonly processingErrors = new Subject<NgDocContentRenderFailure>();\n\n  /**\n   * Emits the version and the error of a pass that a processor failed. Without a listener, the\n   * error goes to the `ErrorHandler` instead.\n   */\n  // Built from a subject so the component can tell whether anything listens, which an\n  // `output()` does not expose.\n  readonly processingError: OutputRef<NgDocContentRenderFailure> = outputFromObservable(\n    this.processingErrors,\n  );\n\n  processors: Array<NgDocPageProcessor<unknown>> =\n    inject<Array<NgDocPageProcessor<unknown>>>(NG_DOC_PAGE_PROCESSOR, { optional: true }) ?? [];\n  customProcessors: Array<NgDocPageProcessor<unknown>> =\n    inject<Array<NgDocPageProcessor<unknown>>>(NG_DOC_PAGE_CUSTOM_PROCESSOR, { optional: true }) ??\n    [];\n\n  protected readonly elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  protected readonly viewContainerRef: ViewContainerRef = inject(ViewContainerRef);\n  protected readonly applicationRef = inject(ApplicationRef);\n  protected readonly injector: Injector = inject(Injector);\n  protected readonly renderer: Renderer2 = inject(Renderer2);\n  protected readonly errorHandler = inject(ErrorHandler);\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private scheduledVersion = 0;\n  private scheduledHtml?: { readonly value: SafeHtml };\n  private destroyed = false;\n\n  constructor() {\n    effect(() => {\n      const html = this.html();\n      const version = this.contentVersion();\n\n      untracked(() => this.schedule(html, version));\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      this.destroyed = true;\n      this.scheduledVersion++;\n      this.viewContainerRef.clear();\n    });\n  }\n\n  private schedule(html: SafeHtml, version: number): void {\n    const scheduled = ++this.scheduledVersion;\n    const unchanged = this.scheduledHtml !== undefined && this.scheduledHtml.value === html;\n    this.scheduledHtml = { value: html };\n    // Clearing destroys the components of the previous pass, and with them the nodes they\n    // replaced in the HTML.\n    this.viewContainerRef.clear();\n    if (unchanged) {\n      // A new version of the same HTML (a retry): the host binding does not write an unchanged\n      // value again, so restore the HTML here, sanitized the way the binding sanitizes it.\n      this.renderer.setProperty(\n        this.elementRef.nativeElement,\n        'innerHTML',\n        this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '',\n      );\n    }\n    // A changed HTML is written by the host binding later in this change detection pass, so the\n    // processors run once it is done.\n    void Promise.resolve().then(() => {\n      if (this.destroyed || scheduled !== this.scheduledVersion) return;\n      try {\n        asArray(this.processors, this.customProcessors).forEach(this.process.bind(this));\n        if (this.destroyed || scheduled !== this.scheduledVersion) return;\n        this.beforeRender.emit(version);\n        this.applicationRef.tick();\n        this.afterRender.emit();\n        this.contentProcessed.emit(version);\n      } catch (error) {\n        if (!this.destroyed && scheduled === this.scheduledVersion) {\n          if (this.processingErrors.observed) this.processingErrors.next({ version, error });\n          else this.errorHandler.handleError(error);\n        }\n      }\n    });\n  }\n\n  private process<T>(processor: NgDocPageProcessor<T>): void {\n    Array.from(this.elementRef.nativeElement.querySelectorAll(processor.selector)).forEach(\n      (elementNode: Element) => {\n        // check if element node has a parent node because it can be removed by another processor\n        if (elementNode.parentNode) {\n          const replaceElement: Element =\n            (processor.nodeToReplace && processor.nodeToReplace(elementNode, this.injector)) ??\n            elementNode;\n          const options: NgDocProcessorOptions<T> = processor.extractOptions(\n            elementNode,\n            this.elementRef.nativeElement,\n          );\n\n          // create component\n          const componentRef: ComponentRef<T> = this.viewContainerRef.createComponent(\n            processor.component,\n            {\n              projectableNodes: options.content,\n              injector: this.injector,\n            },\n          );\n\n          // set component options\n          if (options.inputs) {\n            objectKeys(options.inputs).forEach(\n              (key: keyof T) =>\n                options.inputs && componentRef.setInput(key as string, options.inputs[key]),\n            );\n          }\n\n          // replace element node with component node\n          replaceElement.parentNode?.replaceChild(\n            componentRef.location.nativeElement,\n            replaceElement,\n          );\n\n          componentRef.changeDetectorRef.markForCheck();\n        }\n      },\n    );\n  }\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-processors-tooltip.mjs

@@ -1,49 +1,50 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ElementRef, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, signal, viewChild, ElementRef, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocTooltipDirective } from '@ng-doc/ui-kit';
 
 class NgDocTooltipWrapperComponent {
     constructor() {
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.tooltipElement = null;
+        this.content = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
+        this.tooltipElement = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tooltipElement" }] : /* istanbul ignore next */ []));
+        this.contentProjection = viewChild.required('contentProjection', { ...(ngDevMode ? { debugName: "contentProjection" } : /* istanbul ignore next */ {}), read: ElementRef });
+        // The tooltip points at the projected element, which is only in the DOM after the first
+        // render. On the server nothing opens a tooltip, so the wrapper is origin enough there.
+        afterNextRender(() => {
+            const element = this.contentProjection().nativeElement.querySelector('[ngDocTooltip]');
+            this.tooltipElement.set(element instanceof HTMLElement ? element : 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: "22.0.6", ngImport: i0, type: NgDocTooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocTooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: NgDocTooltipWrapperComponent, isStandalone: true, selector: "ng-doc-tooltip-wrapper", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentProjection", first: true, predicate: ["contentProjection"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
     <div
       class="content-projection"
-      [ngDocTooltip]="content ?? ''"
-      [displayOrigin]="tooltipElement ?? contentProjection"
-      [pointerOrigin]="tooltipElement ?? contentProjection"
+      [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: "22.0.6", ngImport: i0, type: NgDocTooltipWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", 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"
+      [ngDocTooltip]="content() ?? ''"
+      [displayOrigin]="tooltipElement() ?? contentProjection"
+      [pointerOrigin]="tooltipElement() ?? contentProjection"
       #contentProjection>
       <ng-content></ng-content>
     </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocTooltipDirective], styles: [".content-projection{display:unset}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { content: [{
-                type: Input
-            }], contentProjection: [{
-                type: ViewChild,
-                args: ['contentProjection', { read: ElementRef, static: true }]
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], contentProjection: [{ type: i0.ViewChild, args: ['contentProjection', { ...{ read: ElementRef }, isSignal: true }] }] } });
+/**
+ * Wraps an element with an `ngDocTooltip` attribute in a component that shows the attribute's
+ * value as a tooltip.
+ */
 const tooltipProcessor = {
     component: NgDocTooltipWrapperComponent,
     selector: '[ngDocTooltip]',

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-processors-processors-tooltip.mjs","sources":["../../../../libs/app/processors/processors/tooltip/tooltip.processor.ts","../../../../libs/app/processors/processors/tooltip/ng-doc-app-processors-processors-tooltip.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocTooltipDirective } from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-tooltip-wrapper',\n  template: `\n    <div\n      class=\"content-projection\"\n      [ngDocTooltip]=\"content ?? ''\"\n      [displayOrigin]=\"tooltipElement ?? contentProjection\"\n      [pointerOrigin]=\"tooltipElement ?? contentProjection\"\n      #contentProjection>\n      <ng-content></ng-content>\n    </div>\n  `,\n  styles: [\n    `\n      .content-projection {\n        display: unset;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocTooltipDirective],\n})\nclass NgDocTooltipWrapperComponent implements AfterViewInit {\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n  @Input()\n  content?: string;\n\n  protected tooltipElement: HTMLElement | null = null;\n\n  @ViewChild('contentProjection', { read: ElementRef, static: true })\n  private contentProjection?: ElementRef<HTMLElement>;\n\n  constructor() {}\n\n  ngAfterViewInit(): void {\n    if (this.contentProjection) {\n      const element: Element | null =\n        this.contentProjection.nativeElement.querySelector('[ngDocTooltip]');\n\n      this.tooltipElement = element instanceof HTMLElement ? element : null;\n\n      this.changeDetectorRef.detectChanges();\n    }\n  }\n}\n\nexport const tooltipProcessor: NgDocPageProcessor<NgDocTooltipWrapperComponent> = {\n  component: NgDocTooltipWrapperComponent,\n  selector: '[ngDocTooltip]',\n  extractOptions: (element: Element) => ({\n    inputs: {\n      content: element.getAttribute('ngDocTooltip') ?? '',\n    },\n    content: [[element.cloneNode(true)]],\n  }),\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAaA,MAsBM,4BAA4B,CAAA;AAWhC,IAAA,WAAA,GAAA;AAViB,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAKpD,IAAA,CAAA,cAAc,GAAuB,IAAI;IAKpC;IAEf,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,MAAM,OAAO,GACX,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,aAAa,CAAC,gBAAgB,CAAC;AAEtE,YAAA,IAAI,CAAC,cAAc,GAAG,OAAO,YAAY,WAAW,GAAG,OAAO,GAAG,IAAI;AAErE,YAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE;QACxC;IACF;8GAtBI,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAQQ,UAAU,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5BxC;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EASS,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,OAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAE3B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAtBjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,QAAA,EACxB;;;;;;;;;AAST,EAAA,CAAA,EAAA,eAAA,EAQgB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,qBAAqB,CAAC,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA;;sBAK/B;;sBAKA,SAAS;uBAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;;AAiB7D,MAAM,gBAAgB,GAAqD;AAChF,IAAA,SAAS,EAAE,4BAA4B;AACvC,IAAA,QAAQ,EAAE,gBAAgB;AAC1B,IAAA,cAAc,EAAE,CAAC,OAAgB,MAAM;AACrC,QAAA,MAAM,EAAE;YACN,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,EAAE;AACpD,SAAA;QACD,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;KACrC,CAAC;;;ACpEJ;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-app-processors-processors-tooltip.mjs","sources":["../../../../libs/app/processors/processors/tooltip/tooltip.processor.ts","../../../../libs/app/processors/processors/tooltip/ng-doc-app-processors-processors-tooltip.ts"],"sourcesContent":["import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NgDocPageProcessor } from '@ng-doc/app/interfaces';\nimport { NgDocTooltipDirective } from '@ng-doc/ui-kit';\n\n@Component({\n  selector: 'ng-doc-tooltip-wrapper',\n  template: `\n    <div\n      class=\"content-projection\"\n      [ngDocTooltip]=\"content() ?? ''\"\n      [displayOrigin]=\"tooltipElement() ?? contentProjection\"\n      [pointerOrigin]=\"tooltipElement() ?? contentProjection\"\n      #contentProjection>\n      <ng-content></ng-content>\n    </div>\n  `,\n  styles: [\n    `\n      .content-projection {\n        display: unset;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocTooltipDirective],\n})\nclass NgDocTooltipWrapperComponent {\n  readonly content = input<string>();\n\n  protected readonly tooltipElement = signal<HTMLElement | null>(null);\n\n  private readonly contentProjection = viewChild.required<string, ElementRef<HTMLElement>>(\n    'contentProjection',\n    { read: ElementRef },\n  );\n\n  constructor() {\n    // The tooltip points at the projected element, which is only in the DOM after the first\n    // render. On the server nothing opens a tooltip, so the wrapper is origin enough there.\n    afterNextRender(() => {\n      const element = this.contentProjection().nativeElement.querySelector('[ngDocTooltip]');\n\n      this.tooltipElement.set(element instanceof HTMLElement ? element : null);\n    });\n  }\n}\n\n/**\n * Wraps an element with an `ngDocTooltip` attribute in a component that shows the attribute's\n * value as a tooltip.\n */\nexport const tooltipProcessor: NgDocPageProcessor<NgDocTooltipWrapperComponent> = {\n  component: NgDocTooltipWrapperComponent,\n  selector: '[ngDocTooltip]',\n  extractOptions: (element: Element) => ({\n    inputs: {\n      content: element.getAttribute('ngDocTooltip') ?? '',\n    },\n    content: [[element.cloneNode(true)]],\n  }),\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-processors.mjs

@@ -5,6 +5,7 @@ import { NgDocDemoPaneComponent } from '@ng-doc/app/components/demo-pane';
 import { NgDocHeadingAnchorComponent } from '@ng-doc/app/components/heading-anchor';
 import { Renderer2 } from '@angular/core';
 import { NgDocImageViewerComponent } from '@ng-doc/app/components/image-viewer';
+import { NgDocMembersComponent } from '@ng-doc/app/components/members';
 import { NgDocMermaidViewerComponent } from '@ng-doc/app/components/mermaid-viewer';
 import { NgDocPlaygroundComponent } from '@ng-doc/app/components/playground';
 import { isPresent } from '@ng-doc/core/helpers/is-present';
@@ -20,6 +21,7 @@ const blockquoteProcessor = {
         inputs: {
             type: element.getAttribute('type') || 'default',
             icon: element.getAttribute('icon') ?? undefined,
+            label: element.getAttribute('label') ?? undefined,
         },
     }),
 };
@@ -98,6 +100,15 @@ const imageProcessor = {
     }),
 };
 
+/** Adds the member filter to the members table of an API page (`<ng-doc-members>`). */
+const membersProcessor = {
+    component: NgDocMembersComponent,
+    selector: 'ng-doc-members',
+    extractOptions: (element) => ({
+        content: [Array.from(element.childNodes)],
+    }),
+};
+
 const mermaidProcessor = {
     component: NgDocMermaidViewerComponent,
     selector: 'pre.mermaid',
@@ -126,6 +137,11 @@ const playgroundProcessor = {
     }),
 };
 
+/**
+ * Turns the `<ng-doc-tab group="…" name="…">` elements of a page into tabs: every tab of a group
+ * becomes one `NgDocTabsComponent`, where the first tab of the group was. Code groups are made of
+ * them, and Markdown can wrap any content in them.
+ */
 const tabsProcessor = {
     component: NgDocTabsComponent,
     selector: 'ng-doc-tab',
@@ -136,17 +152,33 @@ const tabsProcessor = {
     },
     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,
-            icon: tab.getAttribute('icon') || undefined,
-            active: tab.hasAttribute('active'),
-        }));
-        tabs.forEach((tab) => tab.remove());
+        const tabs = Array.from(root.querySelectorAll('ng-doc-tab')).filter((tab) => (tab.getAttribute('group') ?? '') === group);
+        if (!tabs.includes(element)) {
+            tabs.unshift(element);
+        }
+        // The tabs stay on the page until the component first renders (`NgDocTabsComponent`), so
+        // the processors after this one, the page's own included, still reach their content. The
+        // page processor skips elements that have left the page, so the other tabs of the group are
+        // swapped for copies that hold their content: otherwise each would get tabs of its own.
+        const contents = tabs.map((tab) => {
+            if (tab === element || !tab.parentNode) {
+                return tab;
+            }
+            const copy = tab.cloneNode(false);
+            while (tab.firstChild) {
+                copy.appendChild(tab.firstChild);
+            }
+            tab.parentNode.replaceChild(copy, tab);
+            return copy;
+        });
         return {
             inputs: {
-                tabs: mappedTabs,
+                tabs: tabs.map((tab, index) => ({
+                    title: tab.getAttribute('name') ?? '',
+                    content: contents[index],
+                    icon: tab.getAttribute('icon') || undefined,
+                    active: tab.hasAttribute('active'),
+                })),
             },
         };
     },
@@ -156,5 +188,5 @@ const tabsProcessor = {
  * Generated bundle index. Do not edit.
  */
 
-export { blockquoteProcessor, codeProcessor, demoPaneProcessor, demoProcessor, headingAnchorProcessor, iconProcessor, imageProcessor, mermaidProcessor, playgroundProcessor, tabsProcessor };
+export { blockquoteProcessor, codeProcessor, demoPaneProcessor, demoProcessor, headingAnchorProcessor, iconProcessor, imageProcessor, membersProcessor, mermaidProcessor, playgroundProcessor, tabsProcessor };
 //# sourceMappingURL=ng-doc-app-processors-processors.mjs.map