npm - @ng-doc/ui-kit - Versions diffs - 22.0.0-beta.1 → 22.0.0 - Mend

@ng-doc/ui-kit 22.0.0-beta.1 → 22.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (210) hide show

package/fesm2022/ng-doc-ui-kit-components-magnifier.mjs CHANGED Viewed

@@ -1,39 +1,47 @@
 import * as i0 from '@angular/core';
-import { signal, inject, DOCUMENT, ElementRef, NgZone, DestroyRef, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, computed, inject, DOCUMENT, ElementRef, DestroyRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent } from 'rxjs';
 import { switchMap, filter, takeUntil, tap } from 'rxjs/operators';
 /**
- *
- * @param event
+ * Narrows an event to a mouse event.
+ * @param event - The event to check.
  */
 function isMouseEvent(event) {
     return event instanceof MouseEvent;
 }
 /**
- *
- * @param event
+ * Narrows an event to a wheel event.
+ * @param event - The event to check.
  */
 function isWheelEvent(event) {
     return event instanceof WheelEvent;
 }
+/**
+ * Lets the user pan its content by dragging and zoom it with the mouse wheel. Use
+ * `ng-doc-magnifier-controller` for buttons that do the same.
+ */
 class NgDocMagnifierComponent {
     constructor() {
-        this.x = signal(0, ...(ngDevMode ? [{ debugName: "x" }] : []));
-        this.y = signal(0, ...(ngDevMode ? [{ debugName: "y" }] : []));
-        this.scale = signal(1, ...(ngDevMode ? [{ debugName: "scale" }] : []));
-        this.drag = signal(false, ...(ngDevMode ? [{ debugName: "drag" }] : []));
-        this.document = inject(DOCUMENT);
-        this.element = inject(ElementRef).nativeElement;
-        this.ngZone = inject(NgZone);
-        this.destroyRef = inject(DestroyRef);
+        this.x = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
+        this.y = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []));
+        this.scale = signal(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
         this.transform = computed(() => {
             const scale = this.scale();
             const x = this.x();
             const y = this.y();
             return `matrix(${scale}, 0, 0, ${scale}, ${x * scale}, ${y * scale})`;
-        }, ...(ngDevMode ? [{ debugName: "transform" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "transform" }] : /* istanbul ignore next */ []));
+        this.drag = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "drag" }] : /* istanbul ignore next */ []));
+        this.document = inject(DOCUMENT);
+        this.element = inject(ElementRef).nativeElement;
+        this.destroyRef = inject(DestroyRef);
     }
     ngOnInit() {
         fromEvent(this.element, 'mousedown')
@@ -53,29 +61,42 @@ class NgDocMagnifierComponent {
             this.scale.update((scale) => Math.max(scale * (1 + event.deltaY / 1000), 1));
         });
     }
+    /**
+     * Moves the content horizontally.
+     * @param x - Distance in screen pixels.
+     */
     incrementX(x) {
         this.x.update((current) => current + x / this.scale());
     }
+    /**
+     * Moves the content vertically.
+     * @param y - Distance in screen pixels.
+     */
     incrementY(y) {
         this.y.update((current) => current + y / this.scale());
     }
+    /**
+     * Zooms in (positive `diff`) or out (negative `diff`); the scale never goes below 1.
+     * @param diff - Zoom step, where 1000 doubles the scale.
+     */
     zoom(diff) {
         this.scale.update((scale) => Math.max(scale * (1 + diff / 1000), 1));
     }
+    /** Resets the position and the scale. */
     reset() {
         this.x.set(0);
         this.y.set(0);
         this.scale.set(1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocMagnifierComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocMagnifierComponent, isStandalone: true, selector: "ng-doc-magnifier", host: { properties: { "attr.data-drag": "drag()" } }, ngImport: i0, template: "<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;overflow:hidden;cursor:default}:host[data-drag=true]{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocMagnifierComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NgDocMagnifierComponent, isStandalone: true, selector: "ng-doc-magnifier", host: { properties: { "attr.data-drag": "drag()" } }, ngImport: i0, template: "<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;overflow:hidden;cursor:default}:host[data-drag=true]{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocMagnifierComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocMagnifierComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-magnifier', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-drag]': 'drag()',
                     }, template: "<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;overflow:hidden;cursor:default}:host[data-drag=true]{cursor:move}\n"] }]
-        }], ctorParameters: () => [] });
+        }] });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-components-magnifier.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-magnifier.mjs","sources":["../../../../libs/ui-kit/components/magnifier/magnifier.component.ts","../../../../libs/ui-kit/components/magnifier/magnifier.component.html","../../../../libs/ui-kit/components/magnifier/ng-doc-ui-kit-components-magnifier.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n DOCUMENT,\n ElementRef,\n inject,\n ~~NgZone~~,\n ~~OnInit~~,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent } from 'rxjs';\nimport { filter, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n/*\n \n * @param event\n /\nfunction isMouseEvent(event: Event): event is MouseEvent {\n return event instanceof MouseEvent;\n}\n\n/\n \n * @param event\n /\nfunction isWheelEvent(event: Event): event is WheelEvent {\n return event instanceof WheelEvent;\n}\n\n@Component({\n selector: 'ng-doc-magnifier',\n imports: [],\n templateUrl: './magnifier.component.html',\n styleUrl: './magnifier.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-drag]': 'drag()',\n },\n})\nexport class NgDocMagnifierComponent implements OnInit {\n protected readonly x = signal<number>(0);\n protected readonly y = signal<number>(0);\n protected readonly scale = signal<number>(1);\n protected readonly transform~~;\n protected~~ ~~readonly drag = signal~~<~~boolean~~>~~(false);\n\n protected~~ ~~readonly document~~ = inject(DOCUMENT);\n protected readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n protected readonly ngZone = inject(NgZone);\n protected readonly destroyRef = inject(DestroyRef);\n\n constructor() {\n this.transform = computed(() => {\n const scale = this.scale();\n const x = this.x();\n const y = this.y();\n return `matrix(${scale}, 0, 0, ${scale}, ${x scale}, ${y * scale})`;\n });\n }\n\n ngOnInit(): void {\n fromEvent(this.element, 'mousedown')\n .pipe(\n switchMap((event: Event) => {\n event.preventDefault();\n this.drag.set(true);\n\n return fromEvent(this.document, 'mousemove').pipe(\n filter(isMouseEvent),\n takeUntil(fromEvent(this.document, 'mouseup')),\n tap({ complete: () => this.drag.set(false) }),\n );\n }),\n takeUntilDestroyed(this.destroyRef),\n )\n .subscribe((event: MouseEvent) => {\n this.x.update((x) => x + event.movementX / this.scale());\n this.y.update((y) => y + event.movementY / this.scale());\n });\n\n fromEvent(this.element, 'wheel')\n .pipe(filter(isWheelEvent), takeUntilDestroyed(this.destroyRef))\n .subscribe((event: WheelEvent) => {\n event.preventDefault();\n\n this.scale.update((scale) => Math.max(scale * (1 + event.deltaY / 1000), 1));\n });\n }\n\n incrementX(x: number): void {\n this.x.update((current) => current + x / this.scale());\n }\n\n incrementY(y: number): void {\n this.y.update((current) => current + y / this.scale());\n }\n\n zoom(diff: number): void {\n this.scale.update((scale) => Math.max(scale * (1 + diff / 1000), 1));\n }\n\n reset(): void {\n this.x.set(0);\n this.y.set(0);\n this.scale.set(1);\n }\n}\n","<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n <ng-content></ng-content>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAgBA;;;AAGG;AACH,SAAS,YAAY,CAAC,KAAY,EAAA;IAChC,OAAO,KAAK,YAAY,UAAU;AACpC;AAEA;;;AAGG;AACH,SAAS,YAAY,CAAC,KAAY,EAAA;IAChC,OAAO,KAAK,YAAY,UAAU;AACpC;~~MAYa~~,uBAAuB,CAAA;~~AAYlC~~,IAAA,WAAA,GAAA;~~AAXmB~~,~~QAAA,~~IAAA,CAAA,CAAC,GAAG,MAAM,CAAS,CAAC~~,6CAAC~~;~~AACrB~~,~~QAAA,~~IAAA,CAAA,CAAC,GAAG,MAAM,CAAS,CAAC~~,6CAAC~~;~~AACrB~~,~~QAAA,~~IAAA,CAAA,KAAK,GAAG,MAAM,CAAS,CAAC~~,iDAAC~~;~~AAEzB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAU,KAAK,gDAAC~~;~~AAE7B~~,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;AACnE,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAGhD,QAAA,IAAI,CAAC,SAAS,~~GAAG~~,QAAQ,CAAC,MAAK;~~AAC7B~~,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE;AAClB,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE;AAClB,YAAA,OAAO,CAAA,OAAA,EAAU,KAAK,CAAA,QAAA,EAAW,KAAK,CAAA,EAAA,EAAK,CAAC,GAAG,KAAK,CAAA,EAAA,EAAK,CAAC,GAAG,KAAK,GAAG;~~AACvE~~,QAAA,CAAC,~~qDAAC~~;~~IACJ~~;~~IAEA~~,QAAQ,GAAA;AACN,QAAA,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW;AAChC,aAAA,IAAI,CACH,SAAS,CAAC,CAAC,KAAY,KAAI;YACzB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;YAEnB,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,IAAI,CAC/C,MAAM,CAAC,YAAY,CAAC,EACpB,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAC9C,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9C;QACH,CAAC,CAAC,EACF,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AAEpC,aAAA,SAAS,CAAC,CAAC,KAAiB,KAAI;YAC/B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YACxD,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAC1D,QAAA,CAAC,CAAC;AAEJ,QAAA,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO;AAC5B,aAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AAC9D,aAAA,SAAS,CAAC,CAAC,KAAiB,KAAI;YAC/B,KAAK,CAAC,cAAc,EAAE;AAEtB,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9E,QAAA,CAAC,CAAC;IACN;AAEA,IAAA,UAAU,CAAC,CAAS,EAAA;AAClB,QAAA,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IACxD;AAEA,IAAA,UAAU,CAAC,CAAS,EAAA;AAClB,QAAA,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IACxD;AAEA,IAAA,IAAI,CAAC,IAAY,EAAA;QACf,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IACtE~~;IAEA~~,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACb,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACb,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACnB;~~8GAlEW~~,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,~~kIC1CpC~~,qHAGA,EAAA,MAAA,EAAA,CAAA,yFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;~~2FDuCa~~,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,WACnB,EAAE,EAAA,eAAA,EAGM,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,kBAAkB,EAAE,QAAQ;AAC7B,qBAAA,EAAA,QAAA,EAAA,qHAAA,EAAA,MAAA,EAAA,CAAA,yFAAA,CAAA,EAAA;;;~~AExCH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-magnifier.mjs","sources":["../../../../libs/ui-kit/components/magnifier/magnifier.component.ts","../../../../libs/ui-kit/components/magnifier/magnifier.component.html","../../../../libs/ui-kit/components/magnifier/ng-doc-ui-kit-components-magnifier.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n DOCUMENT,\n ElementRef,\n inject,\n OnInit,\n Signal,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent } from 'rxjs';\nimport { filter, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n/*\n Narrows an event to a mouse event.\n * @param event - The event to check.\n /\nfunction isMouseEvent(event: Event): event is MouseEvent {\n return event instanceof MouseEvent;\n}\n\n/\n Narrows an event to a wheel event.\n * @param event - The event to check.\n /\nfunction isWheelEvent(event: Event): event is WheelEvent {\n return event instanceof WheelEvent;\n}\n\n/\n Lets the user pan its content by dragging and zoom it with the mouse wheel. Use\n * `ng-doc-magnifier-controller` for buttons that do the same.\n /\n@Component({\n selector: 'ng-doc-magnifier',\n imports: [],\n templateUrl: './magnifier.component.html',\n styleUrl: './magnifier.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-drag]': 'drag()',\n },\n})\nexport class NgDocMagnifierComponent implements OnInit {\n protected readonly x = signal<number>(0);\n protected readonly y = signal<number>(0);\n protected readonly scale = signal<number>(1);\n protected readonly transform: Signal<string> = computed(() => {\n const scale = this.scale();\n const x = this.x();\n const y = this.y();\n return `matrix(${scale}, 0, 0, ${scale}, ${x scale}, ${y * scale})`;\n });\n protected readonly drag = signal<boolean>(false);\n\n protected readonly document = inject(DOCUMENT);\n protected readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n protected readonly destroyRef = inject(DestroyRef);\n\n ngOnInit(): void {\n fromEvent(this.element, 'mousedown')\n .pipe(\n switchMap((event: Event) => {\n event.preventDefault();\n this.drag.set(true);\n\n return fromEvent(this.document, 'mousemove').pipe(\n filter(isMouseEvent),\n takeUntil(fromEvent(this.document, 'mouseup')),\n tap({ complete: () => this.drag.set(false) }),\n );\n }),\n takeUntilDestroyed(this.destroyRef),\n )\n .subscribe((event: MouseEvent) => {\n this.x.update((x) => x + event.movementX / this.scale());\n this.y.update((y) => y + event.movementY / this.scale());\n });\n\n fromEvent(this.element, 'wheel')\n .pipe(filter(isWheelEvent), takeUntilDestroyed(this.destroyRef))\n .subscribe((event: WheelEvent) => {\n event.preventDefault();\n\n this.scale.update((scale) => Math.max(scale * (1 + event.deltaY / 1000), 1));\n });\n }\n\n /*\n Moves the content horizontally.\n * @param x - Distance in screen pixels.\n /\n incrementX(x: number): void {\n this.x.update((current) => current + x / this.scale());\n }\n\n /\n Moves the content vertically.\n * @param y - Distance in screen pixels.\n /\n incrementY(y: number): void {\n this.y.update((current) => current + y / this.scale());\n }\n\n /\n Zooms in (positive `diff`) or out (negative `diff`); the scale never goes below 1.\n * @param diff - Zoom step, where 1000 doubles the scale.\n /\n zoom(diff: number): void {\n this.scale.update((scale) => Math.max(scale (1 + diff / 1000), 1));\n }\n\n /** Resets the position and the scale. /\n reset(): void {\n this.x.set(0);\n this.y.set(0);\n this.scale.set(1);\n }\n}\n","<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n <ng-content></ng-content>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-components-option-group.mjs CHANGED Viewed

@@ -1,46 +1,41 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, ChangeDetectorRef, QueryList, DestroyRef, ContentChildren, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Directive, contentChildren, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';
 import { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';
-import { startWith } from 'rxjs/operators';
+/**
+ * Marks the header content of an option group.
+ */
 class NgDocOptionGroupHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NgDocOptionGroupHeaderDirective, isStandalone: true, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NgDocOptionGroupHeaderDirective, isStandalone: true, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocOptionGroupHeader]',
-                    standalone: true,
                 }]
         }] });
+/**
+ * Group of options with a header. The header is hidden while the group has no options.
+ */
 class NgDocOptionGroupComponent {
     constructor() {
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.options = new QueryList();
-        this.hasHeader = false;
-        this.destroyRef = inject(DestroyRef);
-    }
-    ngAfterContentInit() {
-        this.options.changes
-            .pipe(startWith(this.options), takeUntilDestroyed(this.destroyRef))
-            .subscribe((options) => {
-            this.hasHeader = !!options.length;
-            this.changeDetectorRef.markForCheck();
-        });
+        /** Options of the group. */
+        this.options = contentChildren(NgDocOptionComponent, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), descendants: true });
+        /** Whether the header is shown. */
+        this.hasHeader = computed(() => this.options().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasHeader" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgDocOptionGroupComponent, isStandalone: true, selector: "ng-doc-option-group", queries: [{ propertyName: "options", predicate: NgDocOptionComponent, descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-option-group-wrapper\">\n  @if (hasHeader) {\n    <div class=\"ng-doc-option-group-header\" ng-doc-text>\n      <ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n    </div>\n  }\n  <div class=\"ng-doc-option-group\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocOptionGroupComponent, isStandalone: true, selector: "ng-doc-option-group", queries: [{ propertyName: "options", predicate: NgDocOptionComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ng-doc-option-group-wrapper\">\n  @if (hasHeader()) {\n    <div class=\"ng-doc-option-group-header\" ng-doc-text>\n      <ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n    </div>\n  }\n  <div class=\"ng-doc-option-group\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOptionGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOptionGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-option-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocTextComponent], template: "<div class=\"ng-doc-option-group-wrapper\">\n  @if (hasHeader) {\n    <div class=\"ng-doc-option-group-header\" ng-doc-text>\n      <ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n    </div>\n  }\n  <div class=\"ng-doc-option-group\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
-                type: ContentChildren,
-                args: [NgDocOptionComponent, { descendants: true }]
-            }] } });
+            args: [{ selector: 'ng-doc-option-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocTextComponent], template: "<div class=\"ng-doc-option-group-wrapper\">\n  @if (hasHeader()) {\n    <div class=\"ng-doc-option-group-header\" ng-doc-text>\n      <ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n    </div>\n  }\n  <div class=\"ng-doc-option-group\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
+        }], propDecorators: { options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgDocOptionComponent), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-components-option-group.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-option-group.mjs","sources":["../../../../libs/ui-kit/components/option-group/option-group.component.ts","../../../../libs/ui-kit/components/option-group/option-group.component.html","../../../../libs/ui-kit/components/option-group/ng-doc-ui-kit-components-option-group.ts"],"sourcesContent":["import {\n ~~AfterContentInit,\n~~ ChangeDetectionStrategy,\n ~~ChangeDetectorRef,\n~~ Component,\n ~~ContentChildren~~,\n ~~DestroyRef~~,\n Directive,\n ~~inject~~,\n ~~QueryList,\n~~} from '@angular/core';\nimport { ~~takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {~~ NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\~~nimport~~ { ~~startWith~~ } ~~from~~ ~~'rxjs/operators';\~~n\n@Directive({\n selector: '[ngDocOptionGroupHeader]',\n ~~standalone: true,\n~~})\nexport class NgDocOptionGroupHeaderDirective {}\n\n@Component({\n selector: 'ng-doc-option-group',\n templateUrl: './option-group.component.html',\n styleUrls: ['./option-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgDocTextComponent],\n})\nexport class NgDocOptionGroupComponent<T> ~~implements AfterContentInit~~ {\n ~~private~~ ~~changeDetectorRef~~ = ~~inject(ChangeDetectorRef);\n\n @ContentChildren(NgDocOptionComponent,~~ { ~~descendants: true })\~~n options: ~~QueryList<NgDocOptionComponent<T>>~~ = ~~new QueryList~~<NgDocOptionComponent<T>>(~~);\~~n ~~hasHeader~~: ~~boolean = false~~;\n\n ~~private~~ ~~readonly~~ ~~destroyRef~~ = ~~inject(DestroyRef);\~~n\n ~~constructor()~~ ~~{}\n\n ngAfterContentInit()~~: ~~void~~ ~~{\n this.options.changes\n .pipe(startWith(this.options),~~ ~~takeUntilDestroyed~~(~~this.destroyRef))\n .subscribe~~(~~(options: QueryList<NgDocOptionComponent<T>>~~) => ~~{\n~~ this.~~hasHeader = !!~~options.length~~;\n this.changeDetectorRef.markForCheck(~~);\n }~~);\n }~~\n~~}\n~~","<div class=\"ng-doc-option-group-wrapper\">\n @if (hasHeader) {\n <div class=\"ng-doc-option-group-header\" ng-doc-text>\n <ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n </div>\n }\n <div class=\"ng-doc-option-group\">\n <ng-content></ng-content>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;MAoBa~~,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;~~kBAJ3C~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;~~AACpC~~,~~oBAAA,UAAU,EAAE,IAAI;AACjB,~~iBAAA;;~~MAUY~~,yBAAyB,CAAA;~~AASpC~~,IAAA,WAAA,GAAA~~;AARQ~~,~~QAAA,~~IAAA,CAAA,~~iBAAiB~~,GAAG,~~MAAM~~,~~CAAC~~,~~iBAAiB~~,~~CAAC;AAGrD~~,~~QAAA~~,~~IAAA,CAAA,OAAO,GAAuC,~~IAAI,~~SAAS~~,~~EAA2B;QACtF~~,~~IAAA,CAAA,SAAS,GAAY,KAAK;AAET,~~QAAA,IAAA,CAAA,~~UAAU~~,~~GAAG~~,~~MAAM~~,CAAC,~~UAAU~~,~~CAAC;IAEjC;IAEf,kBAAkB,GAAA;QAChB,~~IAAI,CAAC,OAAO,~~CAAC;AACV,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,~~EAAE,~~kBAAkB,~~CAAC,~~IAAI~~,~~CAAC,UAAU,CAAC;AACjE,aAAA,SAAS,CAAC,CAAC,OAA2C,KAAI;YACzD,IAAI,CAAC,SAAS,~~GAAG,CAAC~~,CAAC,OAAO,CAAC,MAAM~~;~~AACjC,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE~~;~~AACvC~~,~~QAAA,CAAC,CAAC~~;~~IACN;8GAlBW~~,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,~~EAGnB~~,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EChCvC~~,~~8SAUA~~,ifDiBY,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEjB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,mBAGd,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,~~8SAAA~~,EAAA,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA~~;;sBAK5B,eAAe~~;~~AAAC~~,~~gBAAA~~,IAAA,EAAA,CAAA,oBAAoB,~~EAAE~~,~~EAAE~~,WAAW,EAAE,IAAI,~~EAAE;;;AEhC9D~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-option-group.mjs","sources":["../../../../libs/ui-kit/components/option-group/option-group.component.ts","../../../../libs/ui-kit/components/option-group/option-group.component.html","../../../../libs/ui-kit/components/option-group/ng-doc-ui-kit-components-option-group.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n Signal,\n} from '@angular/core';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\n\n/*\n Marks the header content of an option group.\n /\n@Directive({\n selector: '[ngDocOptionGroupHeader]',\n})\nexport class NgDocOptionGroupHeaderDirective {}\n\n/\n Group of options with a header. The header is hidden while the group has no options.\n /\n@Component({\n selector: 'ng-doc-option-group',\n templateUrl: './option-group.component.html',\n styleUrls: ['./option-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgDocTextComponent],\n})\nexport class NgDocOptionGroupComponent<T> {\n /* Options of the group. /\n readonly options = contentChildren<NgDocOptionComponent<T>>(NgDocOptionComponent, {\n descendants: true,\n });\n\n /* Whether the header is shown. /\n readonly hasHeader: Signal<boolean> = computed(() => this.options().length > 0);\n}\n","<div class=\"ng-doc-option-group-wrapper\">\n @if (hasHeader()) {\n <div class=\"ng-doc-option-group-header\" ng-doc-text>\n <ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n </div>\n }\n <div class=\"ng-doc-option-group\">\n <ng-content></ng-content>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;AAWA;;AAEG;MAIU,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAH3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACrC,iBAAA;;AAGD;;AAEG;MAQU,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;;QASW,IAAA,CAAA,OAAO,GAAG,eAAe,CAA0B,oBAAoB,+EAC9E,WAAW,EAAE,IAAI,EAAA,CACjB;;AAGO,QAAA,IAAA,CAAA,SAAS,GAAoB,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,GAAG,CAAC;sFAAC;AAChF,IAAA;8GARY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAEwB,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BlF,gTAUA,ifDiBY,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEjB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,mBAGd,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,gTAAA,EAAA,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA;AAI+B,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,oBAAoB,CAAA,EAAA,EAAA,GAAE;AAChF,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEjCH;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-option.mjs CHANGED Viewed

@@ -1,63 +1,69 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, HostListener, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, ElementRef, signal, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';
 import { NgDocListComponent } from '@ng-doc/ui-kit/components/list';
 import { DIStateControl, DICompareHost, injectHostControl } from 'di-controls';
+/**
+ * Option of a list. Clicking it, or pressing Enter while it is active, checks it in its host
+ * control; an option that contains a link follows the link instead.
+ */
 class NgDocOptionComponent extends DIStateControl {
     constructor() {
         super({
             host: injectHostControl({ optional: true }),
             compareHost: inject(DICompareHost, { optional: true }),
         });
-        this.hovered = false;
         this.elementRef = inject(ElementRef);
+        /** Whether the option is the active item of the list's keyboard navigation. */
+        this.hovered = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
         this.list = inject(NgDocListComponent, {
             optional: true,
         });
         this.list?.registerItem(this);
     }
-    clickEvent() {
-        this.check();
-    }
+    /** Selects the option as if the user did: follows its link, or checks it. */
     selectByUser() {
         const anchor = this.elementRef.nativeElement.querySelector('a');
-        anchor ? anchor.click() : this.check();
+        if (anchor) {
+            anchor.click();
+        }
+        else {
+            this.check();
+        }
     }
+    /** Marks the option as the active item. */
     setActiveStyles() {
-        this.hovered = true;
-        this.changeDetectorRef.markForCheck();
+        this.hovered.set(true);
     }
+    /** Clears the active-item mark. */
     setInactiveStyles() {
-        this.hovered = false;
-        this.changeDetectorRef.markForCheck();
+        this.hovered.set(false);
     }
     ngOnDestroy() {
         this.list?.unregisterItem(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocOptionComponent, isStandalone: true, selector: "ng-doc-option", host: { listeners: { "click": "clickEvent()" }, properties: { "attr.data-ng-doc-hover": "this.hovered" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: NgDocOptionComponent, isStandalone: true, selector: "ng-doc-option", host: { listeners: { "click": "check()" }, properties: { "attr.data-ng-doc-hover": "hovered()" } }, providers: [
             {
                 provide: NgDocListItem,
                 useExisting: NgDocOptionComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background:var(--ng-doc-hover-background);cursor:pointer}:host[data-checked=true]{background-color:rgba(var(--ng-doc-primary-rgb),.2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background:var(--ng-doc-hover-background);cursor:pointer}:host[data-checked=true]{background-color:color-mix(in srgb,var(--ng-doc-primary) 20%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-option', template: '<ng-content></ng-content>', providers: [
                         {
                             provide: NgDocListItem,
                             useExisting: NgDocOptionComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background:var(--ng-doc-hover-background);cursor:pointer}:host[data-checked=true]{background-color:rgba(var(--ng-doc-primary-rgb),.2)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { hovered: [{
-                type: HostBinding,
-                args: ['attr.data-ng-doc-hover']
-            }], clickEvent: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-ng-doc-hover]': 'hovered()',
+                        '(click)': 'check()',
+                    }, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background:var(--ng-doc-hover-background);cursor:pointer}:host[data-checked=true]{background-color:color-mix(in srgb,var(--ng-doc-primary) 20%,transparent)}\n"] }]
+        }], ctorParameters: () => [] });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-components-option.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-option.mjs","sources":["../../../../libs/ui-kit/components/option/option.component.ts","../../../../libs/ui-kit/components/option/ng-doc-ui-kit-components-option.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n ~~HostBinding~~,\n ~~HostListener~~,\n ~~inject~~,\n ~~OnDestroy,\n~~} from '@angular/core';\nimport { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n selector: 'ng-doc-option',\n template: '<ng-content></ng-content>',\n styleUrls: ['./option.component.scss'],\n providers: [\n {\n provide: NgDocListItem,\n useExisting: NgDocOptionComponent,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n ~~standalone~~: ~~true~~,\n})\nexport class NgDocOptionComponent<T> extends DIStateControl<T> implements NgDocListItem, OnDestroy {\n ~~@HostBinding('attr.data-ng-doc-hover')\n protected~~ ~~hovered~~: ~~boolean~~ = ~~false~~;\n\n ~~override~~ readonly ~~elementRef:~~ ~~ElementRef<HTMLElement>~~ = ~~inject~~(~~ElementRef~~);\n protected readonly list: NgDocListComponent \| null = inject(NgDocListComponent, {\n optional: true,\n });\n\n constructor() {\n super({\n host: injectHostControl({ optional: true }),\n compareHost: inject(DICompareHost, { optional: true }),\n });\n\n this.list?.registerItem(this);\n }\n\n ~~@HostListener('click')\n clickEvent()~~: ~~void~~ ~~{\n this~~.~~check();\~~n ~~}\n\n~~ selectByUser(): void {\n const anchor: HTMLAnchorElement \| null = this.elementRef.nativeElement.querySelector('a');\n\n anchor ? anchor.click() : this.check();\n }\n\n setActiveStyles(): void {\n this.hovered ~~= true;\n this~~.~~changeDetectorRef.markForCheck~~();\n }\n\n setInactiveStyles(): void {\n this.hovered ~~= false;\n this~~.~~changeDetectorRef.markForCheck~~();\n }\n\n ngOnDestroy(): void {\n this.list?.unregisterItem(this);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;~~AA0BM~~,MAAO,oBAAwB,SAAQ,cAAiB,CAAA;AAS5D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;YACJ,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvD,SAAA,CAAC;~~QAXM~~,IAAA,CAAA,~~OAAO~~,~~GAAY~~,~~KAAK;AAEhB~~,~~QAAA~~,IAAA,CAAA,~~UAAU~~,~~GAA4B~~,MAAM,CAAC,~~UAAU,CAAC~~;~~AACvD~~,QAAA,IAAA,CAAA,IAAI,GAA8B,MAAM,CAAC,kBAAkB,EAAE;AAC9E,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC;AAQA,QAAA,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IAC/B;IAGA,~~UAAU,GAAA;QACR,IAAI,CAAC,KAAK,EAAE;IACd;IAEA,~~YAAY,GAAA;AACV,QAAA,MAAM,MAAM,GAA6B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC;~~AAEzF~~,~~QAAA~~,MAAM,~~GAAG~~,MAAM,CAAC,KAAK,EAAE,~~GAAG,~~IAAI,CAAC,KAAK,EAAE;~~IACxC~~;~~IAEA~~,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,GAAG,~~IAAI;AACnB~~,~~QAAA,~~IAAI,CAAC~~,iBAAiB,CAAC,YAAY,EAAE~~;~~IACvC;IAEA~~,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,~~KAAK;AACpB,QAAA,IAAI,~~CAAC,~~iBAAiB~~,CAAC~~,YAAY,EAAE~~;~~IACvC~~;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IACjC;8GAzCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,~~cAAA~~,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,~~cAAA~~,EAAA,EAAA,EAAA,SAAA,~~EATpB~~;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,oBAAoB;AAClC,aAAA;AACF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~wiBAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;~~2FAW1B~~,oBAAoB,EAAA,UAAA,EAAA,CAAA;~~kBAbhC~~,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,2BAA2B,EAAA,SAAA,EAE1B;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAA,oBAAsB;AAClC,yBAAA;~~AACF~~,~~qBAAA,~~EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,~~UAAA~~,~~EACnC~~,~~IAAI~~,EAAA,MAAA,EAAA,CAAA,~~wiBAAA~~,CAAA,EAAA~~;;sBAGf,WAAW;uBAAC,wBAAwB;;sBAiBpC,YAAY;uBAAC,OAAO~~;;;~~AC5CvB~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-option.mjs","sources":["../../../../libs/ui-kit/components/option/option.component.ts","../../../../libs/ui-kit/components/option/ng-doc-ui-kit-components-option.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n inject,\n OnDestroy,\n signal,\n} from '@angular/core';\nimport { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n/*\n Option of a list. Clicking it, or pressing Enter while it is active, checks it in its host\n * control; an option that contains a link follows the link instead.\n /\n@Component({\n selector: 'ng-doc-option',\n template: '<ng-content></ng-content>',\n styleUrls: ['./option.component.scss'],\n providers: [\n {\n provide: NgDocListItem,\n useExisting: NgDocOptionComponent,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-ng-doc-hover]': 'hovered()',\n '(click)': 'check()',\n },\n})\nexport class NgDocOptionComponent<T> extends DIStateControl<T> implements NgDocListItem, OnDestroy {\n override readonly elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n /* Whether the option is the active item of the list's keyboard navigation. /\n protected readonly hovered = signal(false);\n protected readonly list: NgDocListComponent \| null = inject(NgDocListComponent, {\n optional: true,\n });\n\n constructor() {\n super({\n host: injectHostControl({ optional: true }),\n compareHost: inject(DICompareHost, { optional: true }),\n });\n\n this.list?.registerItem(this);\n }\n\n /* Selects the option as if the user did: follows its link, or checks it. /\n selectByUser(): void {\n const anchor: HTMLAnchorElement \| null = this.elementRef.nativeElement.querySelector('a');\n\n if (anchor) {\n anchor.click();\n } else {\n this.check();\n }\n }\n\n /* Marks the option as the active item. /\n setActiveStyles(): void {\n this.hovered.set(true);\n }\n\n /* Clears the active-item mark. /\n setInactiveStyles(): void {\n this.hovered.set(false);\n }\n\n ngOnDestroy(): void {\n this.list?.unregisterItem(this);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAYA;;;AAGG;AAiBG,MAAO,oBAAwB,SAAQ,cAAiB,CAAA;AAS5D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;YACJ,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvD,SAAA,CAAC;AAZc,QAAA,IAAA,CAAA,UAAU,GAA4B,MAAM,CAAC,UAAU,CAAC;;QAGvD,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,KAAK;oFAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAA8B,MAAM,CAAC,kBAAkB,EAAE;AAC9E,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC;AAQA,QAAA,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IAC/B;;IAGA,YAAY,GAAA;AACV,QAAA,MAAM,MAAM,GAA6B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC;QAEzF,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,KAAK,EAAE;QAChB;aAAO;YACL,IAAI,CAAC,KAAK,EAAE;QACd;IACF;;IAGA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACxB;;IAGA,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IACzB;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IACjC;8GAzCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EAZpB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,oBAAoB;AAClC,aAAA;AACF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8jBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAc1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,2BAA2B,EAAA,SAAA,EAE1B;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAA,oBAAsB;AAClC,yBAAA;qBACF,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,0BAA0B,EAAE,WAAW;AACvC,wBAAA,SAAS,EAAE,SAAS;AACrB,qBAAA,EAAA,MAAA,EAAA,CAAA,8jBAAA,CAAA,EAAA;;;AC9BH;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-overlay-container.mjs CHANGED Viewed

@@ -1,70 +1,89 @@
 import { FlexibleConnectedPositionStrategy } from '@angular/cdk/overlay';
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, DOCUMENT, ChangeDetectorRef, NgZone, PLATFORM_ID, HostBinding, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, ElementRef, DOCUMENT, ChangeDetectorRef, PLATFORM_ID, DestroyRef, input, viewChild, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgDocFocusControlComponent } from '@ng-doc/ui-kit/components/focus-control';
 import { NgDocOverlayPointerComponent } from '@ng-doc/ui-kit/components/overlay-pointer';
 import { NgDocEventSwitcherDirective } from '@ng-doc/ui-kit/directives/event-switcher';
 import { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';
 import { toElement } from '@ng-doc/ui-kit/helpers';
-import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
 import { NgDocOverlayUtils, NgDocFocusUtils } from '@ng-doc/ui-kit/utils';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 import { Subject } from 'rxjs';
 import { distinctUntilChanged } from 'rxjs/operators';
+/** The default overlay container: renders the content with the pointer and the open animation. */
 class NgDocOverlayContainerComponent {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.documentRef = inject(DOCUMENT);
         this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.ngZone = inject(NgZone);
         this.platformId = inject(PLATFORM_ID);
-        this.content = '';
-        this.relativePosition = null;
+        this.destroyRef = inject(DestroyRef);
+        /** What the overlay renders: a string, a template or a component. */
+        this.content = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        /** The configuration the overlay was opened with. */
+        this.config = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+        this.contentContainer = viewChild('contentContainer', { ...(ngDevMode ? { debugName: "contentContainer" } : /* istanbul ignore next */ {}), read: ElementRef });
+        this.focusCatcher = viewChild(NgDocFocusCatcherDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focusCatcher" }] : /* istanbul ignore next */ []));
+        this.outlet = viewChild(PolymorpheusOutlet, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outlet" }] : /* istanbul ignore next */ []));
+        this.currentPosition = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentPosition" }] : /* istanbul ignore next */ []));
+        /** The side of the origin the overlay is on, once the position strategy has placed it. */
+        this.relativePosition = computed(() => {
+            const position = this.currentPosition();
+            return position ? NgDocOverlayUtils.getRelativePosition(position) : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "relativePosition" }] : /* istanbul ignore next */ []));
+        this.overlayAlign = computed(() => {
+            const position = this.currentPosition();
+            return position
+                ? NgDocOverlayUtils.getPositionAlign(NgDocOverlayUtils.toConnectedPosition(position))
+                : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "overlayAlign" }] : /* istanbul ignore next */ []));
+        this.contactBorder = computed(() => !!this.config()?.contactBorder, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contactBorder" }] : /* istanbul ignore next */ []));
         this.animationEvent$ = new Subject();
         this.isOpened = true;
     }
     ngOnInit() {
-        if (this.config?.positionStrategy instanceof FlexibleConnectedPositionStrategy) {
-            this.config.positionStrategy.positionChanges
-                .pipe(distinctUntilChanged((a, b) => a.connectionPair === b.connectionPair), ngDocZoneOptimize(this.ngZone))
-                .subscribe((change) => {
-                this.currentPosition = NgDocOverlayUtils.getOverlayPosition(change.connectionPair);
-                this.relativePosition = NgDocOverlayUtils.getRelativePosition(this.currentPosition);
-                this.changeDetectorRef.markForCheck();
-            });
+        const positionStrategy = this.config()?.positionStrategy;
+        if (positionStrategy instanceof FlexibleConnectedPositionStrategy) {
+            // The strategy may report a position outside the Angular zone; writing a signal schedules
+            // change detection with and without zone.js.
+            positionStrategy.positionChanges
+                .pipe(distinctUntilChanged((a, b) => a.connectionPair === b.connectionPair), takeUntilDestroyed(this.destroyRef))
+                .subscribe((change) => this.currentPosition.set(NgDocOverlayUtils.getOverlayPosition(change.connectionPair)));
         }
     }
     ngAfterViewInit() {
-        const [keyframes, options] = this.config?.openAnimation || [];
+        const [keyframes, options] = this.config()?.openAnimation || [];
         this.runAnimation(keyframes ?? [], options);
     }
-    get contactBorder() {
-        return !!this.config?.contactBorder;
-    }
     get isFocused() {
-        return !!this.focusCatcher?.focused;
+        return !!this.focusCatcher()?.focused;
     }
     get animationEvent() {
         return this.animationEvent$.asObservable();
     }
-    get overlayAlign() {
-        return this.currentPosition
-            ? NgDocOverlayUtils.getPositionAlign(NgDocOverlayUtils.toConnectedPosition(this.currentPosition))
-            : null;
-    }
     close() {
         if (this.isOpened) {
-            const [keyframes, options] = this.config?.closeAnimation || [];
+            const [keyframes, options] = this.config()?.closeAnimation || [];
             this.runAnimation(keyframes ?? [], options, true);
             this.isOpened = false;
             this.changeDetectorRef.markForCheck();
         }
     }
     focus() {
-        if (this.contentContainer) {
-            NgDocFocusUtils.focusClosestElement(toElement(this.contentContainer), toElement(this.contentContainer));
+        const contentContainer = this.contentContainer();
+        if (contentContainer) {
+            NgDocFocusUtils.focusClosestElement(toElement(contentContainer), toElement(contentContainer));
         }
     }
     markForCheck() {
@@ -81,14 +100,15 @@ class NgDocOverlayContainerComponent {
             .finished.then(() => this.animationEvent$.next(close ? 'afterClose' : 'afterOpen'));
     }
     ngOnDestroy() {
-        if (this.isFocused && this.config && this.config.viewContainerRef) {
-            NgDocFocusUtils.focusClosestElement(this.config.viewContainerRef.element.nativeElement, this.documentRef.body, false);
+        const config = this.config();
+        if (this.isFocused && config && config.viewContainerRef) {
+            NgDocFocusUtils.focusClosestElement(config.viewContainerRef.element.nativeElement, this.documentRef.body, false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOverlayContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocOverlayContainerComponent, isStandalone: true, selector: "ng-doc-overlay-container", inputs: { content: "content", config: "config" }, host: { properties: { "attr.data-ng-doc-overlay-position": "this.relativePosition", "attr.data-ng-doc-overlay-with-contact-border": "this.contactBorder" } }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true }, { propertyName: "outlet", first: true, predicate: PolymorpheusOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-overlay-pointer\n\t[overlayPosition]=\"relativePosition\"\n\t[overlayAlign]=\"overlayAlign\"\n\t[withPointer]=\"!!config?.withPointer\"\n\t[ngDocEventSwitcher]=\"config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t[events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n\t<ng-doc-focus-control\n\t\t[focusHost]=\"this.config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t\tngDocFocusCatcher>\n\t\t<div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n\t\t\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n\t\t</div>\n\t</ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"], dependencies: [{ kind: "component", type: NgDocOverlayPointerComponent, selector: "ng-doc-overlay-pointer", inputs: ["overlayPosition", "overlayAlign", "withPointer"] }, { kind: "directive", type: NgDocEventSwitcherDirective, selector: "[ngDocEventSwitcher]", inputs: ["ngDocEventSwitcher", "events"] }, { kind: "component", type: NgDocFocusControlComponent, selector: "ng-doc-focus-control", inputs: ["focusHost"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOverlayContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: NgDocOverlayContainerComponent, isStandalone: true, selector: "ng-doc-overlay-container", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-overlay-position": "relativePosition()", "attr.data-ng-doc-overlay-with-contact-border": "contactBorder()" } }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true, isSignal: true }, { propertyName: "outlet", first: true, predicate: PolymorpheusOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-doc-overlay-pointer\n  [overlayPosition]=\"relativePosition()\"\n  [overlayAlign]=\"overlayAlign()\"\n  [withPointer]=\"!!config()?.withPointer\"\n  [ngDocEventSwitcher]=\"config()?.viewContainerRef?.element?.nativeElement ?? null\"\n  [events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n  <ng-doc-focus-control\n    [focusHost]=\"config()?.viewContainerRef?.element?.nativeElement ?? null\"\n    ngDocFocusCatcher>\n    <div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n      <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n    </div>\n  </ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"], dependencies: [{ kind: "component", type: NgDocOverlayPointerComponent, selector: "ng-doc-overlay-pointer", inputs: ["overlayPosition", "overlayAlign", "withPointer"] }, { kind: "directive", type: NgDocEventSwitcherDirective, selector: "[ngDocEventSwitcher]", inputs: ["ngDocEventSwitcher", "events"] }, { kind: "component", type: NgDocFocusControlComponent, selector: "ng-doc-focus-control", inputs: ["focusHost"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocOverlayContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocOverlayContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-overlay-container', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgDocOverlayPointerComponent,
@@ -96,27 +116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         NgDocFocusControlComponent,
                         NgDocFocusCatcherDirective,
                         PolymorpheusOutlet,
-                    ], template: "<ng-doc-overlay-pointer\n\t[overlayPosition]=\"relativePosition\"\n\t[overlayAlign]=\"overlayAlign\"\n\t[withPointer]=\"!!config?.withPointer\"\n\t[ngDocEventSwitcher]=\"config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t[events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n\t<ng-doc-focus-control\n\t\t[focusHost]=\"this.config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t\tngDocFocusCatcher>\n\t\t<div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n\t\t\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n\t\t</div>\n\t</ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { content: [{
-                type: Input
-            }], config: [{
-                type: Input
-            }], contentContainer: [{
-                type: ViewChild,
-                args: ['contentContainer', { read: ElementRef, static: true }]
-            }], focusCatcher: [{
-                type: ViewChild,
-                args: [NgDocFocusCatcherDirective]
-            }], outlet: [{
-                type: ViewChild,
-                args: [PolymorpheusOutlet, { static: true }]
-            }], relativePosition: [{
-                type: HostBinding,
-                args: ['attr.data-ng-doc-overlay-position']
-            }], contactBorder: [{
-                type: HostBinding,
-                args: ['attr.data-ng-doc-overlay-with-contact-border']
-            }] } });
+                    ], host: {
+                        '[attr.data-ng-doc-overlay-position]': 'relativePosition()',
+                        '[attr.data-ng-doc-overlay-with-contact-border]': 'contactBorder()',
+                    }, template: "<ng-doc-overlay-pointer\n  [overlayPosition]=\"relativePosition()\"\n  [overlayAlign]=\"overlayAlign()\"\n  [withPointer]=\"!!config()?.withPointer\"\n  [ngDocEventSwitcher]=\"config()?.viewContainerRef?.element?.nativeElement ?? null\"\n  [events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n  <ng-doc-focus-control\n    [focusHost]=\"config()?.viewContainerRef?.element?.nativeElement ?? null\"\n    ngDocFocusCatcher>\n    <div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n      <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n    </div>\n  </ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"] }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], contentContainer: [{ type: i0.ViewChild, args: ['contentContainer', { ...{ read: ElementRef }, isSignal: true }] }], focusCatcher: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgDocFocusCatcherDirective), { isSignal: true }] }], outlet: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PolymorpheusOutlet), { isSignal: true }] }] } });
 /**
  * Generated bundle index. Do not edit.