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

package/fesm2022/ng-doc-ui-kit-directives-dropdown-origin.mjs

@@ -8,15 +8,15 @@ class NgDocDropdownOriginDirective extends CdkOverlayOrigin {
         super(...arguments);
         this.origin = this.elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocDropdownOriginDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocDropdownOriginDirective, isStandalone: true, selector: "[ngDocDropdownOrigin]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDropdownOriginDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NgDocDropdownOriginDirective, isStandalone: true, selector: "[ngDocDropdownOrigin]", providers: [
             {
                 provide: NgDocOverlayHost,
                 useExisting: NgDocDropdownOriginDirective,
             },
         ], exportAs: ["ngDocDropdownOrigin"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocDropdownOriginDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDropdownOriginDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocDropdownOrigin]',
@@ -27,7 +27,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                             useExisting: NgDocDropdownOriginDirective,
                         },
                     ],
-                    standalone: true,
                 }]
         }] });
 

package/fesm2022/ng-doc-ui-kit-directives-dropdown-origin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-origin.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-origin/dropdown-origin.directive.ts","../../../../libs/ui-kit/directives/dropdown-origin/ng-doc-ui-kit-directives-dropdown-origin.ts"],"sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { Directive, ElementRef } from '@angular/core';\nimport { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';\n\n@Directive({\n  selector: '[ngDocDropdownOrigin]',\n  exportAs: 'ngDocDropdownOrigin',\n  providers: [\n    {\n      provide: NgDocOverlayHost,\n      useExisting: NgDocDropdownOriginDirective,\n    },\n  ],\n  standalone: true,\n})\nexport class NgDocDropdownOriginDirective extends CdkOverlayOrigin implements NgDocOverlayHost {\n  origin: ElementRef<HTMLElement> = this.elementRef;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAeM,MAAO,4BAA6B,SAAQ,gBAAgB,CAAA;AAXlE,IAAA,WAAA,GAAA;;AAYE,QAAA,IAAA,CAAA,MAAM,GAA4B,IAAI,CAAC,UAAU;AAClD,IAAA;8GAFY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAR5B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,gBAAgB;AACzB,gBAAA,WAAW,EAAE,4BAA4B;AAC1C,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAGU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAXxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,gBAAgB;AACzB,4BAAA,WAAW,EAAA,4BAA8B;AAC1C,yBAAA;AACF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACdD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-origin.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-origin/dropdown-origin.directive.ts","../../../../libs/ui-kit/directives/dropdown-origin/ng-doc-ui-kit-directives-dropdown-origin.ts"],"sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { Directive, ElementRef } from '@angular/core';\nimport { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';\n\n@Directive({\n  selector: '[ngDocDropdownOrigin]',\n  exportAs: 'ngDocDropdownOrigin',\n  providers: [\n    {\n      provide: NgDocOverlayHost,\n      useExisting: NgDocDropdownOriginDirective,\n    },\n  ],\n})\nexport class NgDocDropdownOriginDirective extends CdkOverlayOrigin implements NgDocOverlayHost {\n  origin: ElementRef<HTMLElement> = this.elementRef;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAcM,MAAO,4BAA6B,SAAQ,gBAAgB,CAAA;AAVlE,IAAA,WAAA,GAAA;;AAWE,QAAA,IAAA,CAAA,MAAM,GAA4B,IAAI,CAAC,UAAU;AAClD,IAAA;8GAFY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAP5B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,gBAAgB;AACzB,gBAAA,WAAW,EAAE,4BAA4B;AAC1C,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAEU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAVxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,gBAAgB;AACzB,4BAAA,WAAW,EAAA,4BAA8B;AAC1C,yBAAA;AACF,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs

@@ -1,48 +1,51 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, NgZone, DestroyRef, Input, Directive } from '@angular/core';
+import { inject, ElementRef, NgZone, DestroyRef, input, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { asArray } from '@ng-doc/core/helpers/as-array';
 import { toElement } from '@ng-doc/ui-kit/helpers';
-import { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';
 import { merge, fromEvent } from 'rxjs';
 
+/**
+ * Re-dispatches the given events of the host on another element, for example the events of an
+ * overlay on its origin.
+ */
 class NgDocEventSwitcherDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.ngZone = inject(NgZone);
-        this.switchTo = null;
-        this.events = [];
         this.destroyRef = inject(DestroyRef);
+        /** The element that receives the events. */
+        this.switchTo = input(null, { ...(ngDevMode ? { debugName: "switchTo" } : /* istanbul ignore next */ {}), alias: 'ngDocEventSwitcher' });
+        /** The names of the events to re-dispatch. They are read once, when the directive starts. */
+        this.events = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
-        merge(...asArray(this.events).map((eventName) => fromEvent(this.elementRef.nativeElement, eventName)))
-            .pipe(ngDocZoneDetach(this.ngZone), takeUntilDestroyed(this.destroyRef))
+        // The copies are dispatched outside the Angular zone: the listeners of the target decide
+        // whether they need change detection, as they would for a native event.
+        this.ngZone.runOutsideAngular(() => merge(...asArray(this.events()).map((eventName) => fromEvent(this.elementRef.nativeElement, eventName)))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((event) => {
-            if (this.switchTo && !event.defaultPrevented && event.bubbles) {
+            const switchTo = this.switchTo();
+            if (switchTo && !event.defaultPrevented && event.bubbles) {
                 event.stopPropagation();
-                this.makeEvent(event, toElement(this.switchTo));
+                this.makeEvent(event, toElement(switchTo));
             }
-        });
+        }));
     }
     makeEvent(from, target) {
         const eventConstructor = from.constructor;
         target.dispatchEvent(new eventConstructor(from.type, from));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocEventSwitcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocEventSwitcherDirective, isStandalone: true, selector: "[ngDocEventSwitcher]", inputs: { switchTo: ["ngDocEventSwitcher", "switchTo"], events: "events" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocEventSwitcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NgDocEventSwitcherDirective, isStandalone: true, selector: "[ngDocEventSwitcher]", inputs: { switchTo: { classPropertyName: "switchTo", publicName: "ngDocEventSwitcher", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocEventSwitcherDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocEventSwitcherDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocEventSwitcher]',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [], propDecorators: { switchTo: [{
-                type: Input,
-                args: ['ngDocEventSwitcher']
-            }], events: [{
-                type: Input
-            }] } });
+        }], propDecorators: { switchTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocEventSwitcher", required: false }] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-directives-event-switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-event-switcher.mjs","sources":["../../../../libs/ui-kit/directives/event-switcher/event-switcher.directive.ts","../../../../libs/ui-kit/directives/event-switcher/ng-doc-ui-kit-directives-event-switcher.ts"],"sourcesContent":["import { DestroyRef, Directive, ElementRef, inject, Input, NgZone, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { Constructor } from '@ng-doc/core/types';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';\nimport { BaseElement } from '@ng-doc/ui-kit/types';\nimport { fromEvent, merge } from 'rxjs';\n\n@Directive({\n  selector: '[ngDocEventSwitcher]',\n  standalone: true,\n})\nexport class NgDocEventSwitcherDirective implements OnInit {\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private ngZone = inject(NgZone);\n\n  @Input('ngDocEventSwitcher')\n  switchTo: BaseElement<HTMLElement> | null = null;\n\n  @Input()\n  events: string | string[] = [];\n\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {}\n\n  ngOnInit(): void {\n    merge(\n      ...asArray(this.events).map((eventName: string) =>\n        fromEvent(this.elementRef.nativeElement, eventName),\n      ),\n    )\n      .pipe(ngDocZoneDetach(this.ngZone), takeUntilDestroyed(this.destroyRef))\n      .subscribe((event: Event) => {\n        if (this.switchTo && !event.defaultPrevented && event.bubbles) {\n          event.stopPropagation();\n          this.makeEvent(event, toElement(this.switchTo));\n        }\n      });\n  }\n\n  private makeEvent(from: Event, target: Element): void {\n    const eventConstructor: Constructor<Event> = from.constructor as Constructor<Event>;\n    target.dispatchEvent(new eventConstructor(from.type, from));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAaa,2BAA2B,CAAA;AAYtC,IAAA,WAAA,GAAA;AAXQ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAG/B,IAAA,CAAA,QAAQ,GAAoC,IAAI;QAGhD,IAAA,CAAA,MAAM,GAAsB,EAAE;AAEb,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEjC;IAEf,QAAQ,GAAA;QACN,KAAK,CACH,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAiB,KAC5C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CACpD;AAEA,aAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACtE,aAAA,SAAS,CAAC,CAAC,KAAY,KAAI;AAC1B,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,OAAO,EAAE;gBAC7D,KAAK,CAAC,eAAe,EAAE;AACvB,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjD;AACF,QAAA,CAAC,CAAC;IACN;IAEQ,SAAS,CAAC,IAAW,EAAE,MAAe,EAAA;AAC5C,QAAA,MAAM,gBAAgB,GAAuB,IAAI,CAAC,WAAiC;AACnF,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7D;8GAhCW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAKE,KAAK;uBAAC,oBAAoB;;sBAG1B;;;ACpBH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-event-switcher.mjs","sources":["../../../../libs/ui-kit/directives/event-switcher/event-switcher.directive.ts","../../../../libs/ui-kit/directives/event-switcher/ng-doc-ui-kit-directives-event-switcher.ts"],"sourcesContent":["import { DestroyRef, Directive, ElementRef, inject, input, NgZone, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { Constructor } from '@ng-doc/core/types';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { BaseElement } from '@ng-doc/ui-kit/types';\nimport { fromEvent, merge } from 'rxjs';\n\n/**\n * Re-dispatches the given events of the host on another element, for example the events of an\n * overlay on its origin.\n */\n@Directive({\n  selector: '[ngDocEventSwitcher]',\n})\nexport class NgDocEventSwitcherDirective implements OnInit {\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private ngZone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** The element that receives the events. */\n  readonly switchTo = input<BaseElement<HTMLElement> | null>(null, {\n    alias: 'ngDocEventSwitcher',\n  });\n\n  /** The names of the events to re-dispatch. They are read once, when the directive starts. */\n  readonly events = input<string | string[]>([]);\n\n  ngOnInit(): void {\n    // The copies are dispatched outside the Angular zone: the listeners of the target decide\n    // whether they need change detection, as they would for a native event.\n    this.ngZone.runOutsideAngular(() =>\n      merge(\n        ...asArray(this.events()).map((eventName: string) =>\n          fromEvent(this.elementRef.nativeElement, eventName),\n        ),\n      )\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe((event: Event) => {\n          const switchTo: BaseElement<HTMLElement> | null = this.switchTo();\n\n          if (switchTo && !event.defaultPrevented && event.bubbles) {\n            event.stopPropagation();\n            this.makeEvent(event, toElement(switchTo));\n          }\n        }),\n    );\n  }\n\n  private makeEvent(from: Event, target: Element): void {\n    const eventConstructor: Constructor<Event> = from.constructor as Constructor<Event>;\n    target.dispatchEvent(new eventConstructor(from.type, from));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAQA;;;AAGG;MAIU,2BAA2B,CAAA;AAHxC,IAAA,WAAA,GAAA;AAIU,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACd,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;QAGvC,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkC,IAAI,gFAC7D,KAAK,EAAE,oBAAoB,EAAA,CAC3B;;QAGO,IAAA,CAAA,MAAM,GAAG,KAAK,CAAoB,EAAE;mFAAC;AA2B/C,IAAA;IAzBC,QAAQ,GAAA;;;AAGN,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAC5B,KAAK,CACH,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,SAAiB,KAC9C,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CACpD;AAEA,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACxC,aAAA,SAAS,CAAC,CAAC,KAAY,KAAI;AAC1B,YAAA,MAAM,QAAQ,GAAoC,IAAI,CAAC,QAAQ,EAAE;YAEjE,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACxD,KAAK,CAAC,eAAe,EAAE;gBACvB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC5C;QACF,CAAC,CAAC,CACL;IACH;IAEQ,SAAS,CAAC,IAAW,EAAE,MAAe,EAAA;AAC5C,QAAA,MAAM,gBAAgB,GAAuB,IAAI,CAAC,WAAiC;AACnF,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7D;8GArCW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AACjC,iBAAA;;;ACdD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs

@@ -1,49 +1,54 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, HostBinding, Output, Directive } from '@angular/core';
+import { inject, ElementRef, NgZone, output, signal, DestroyRef, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FOCUS_EVENT, BLUR_EVENT } from '@ng-doc/ui-kit/constants';
 import { toElement } from '@ng-doc/ui-kit/helpers';
-import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
 import { merge, fromEvent } from 'rxjs';
 import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
 
+/** Tracks whether focus is inside the host element. */
 class NgDocFocusCatcherDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.ngZone = inject(NgZone);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.focusEvent = new EventEmitter();
-        this.blurEvent = new EventEmitter();
-        this.focused = false;
-        NgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))
-            .pipe(ngDocZoneOptimize(this.ngZone), takeUntilDestroyed())
-            .subscribe((event) => {
-            this.focused = event.type === FOCUS_EVENT;
-            this.focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);
-            this.changeDetectorRef.markForCheck();
-        });
+        /** Emits when focus moves into the host. */
+        this.focusEvent = output();
+        /** Emits when focus leaves the host. */
+        this.blurEvent = output();
+        this.focusedState = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focusedState" }] : /* istanbul ignore next */ []));
+        const destroyRef = inject(DestroyRef);
+        // Focus events are frequent: they are observed outside the Angular zone, and only a change of
+        // the focus state re-enters it. The state is a signal, so a zoneless application renders it
+        // too.
+        this.ngZone.runOutsideAngular(() => NgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))
+            .pipe(takeUntilDestroyed(destroyRef))
+            .subscribe((event) => this.ngZone.run(() => {
+            const focused = event.type === FOCUS_EVENT;
+            this.focusedState.set(focused);
+            focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);
+        })));
+    }
+    /** Whether focus is inside the host. */
+    get focused() {
+        return this.focusedState();
     }
     static observeFocus(element) {
         return merge(fromEvent(element, FOCUS_EVENT), fromEvent(element, BLUR_EVENT)).pipe(debounceTime(0), distinctUntilChanged((a, b) => a.type === b.type));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocFocusCatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocFocusCatcherDirective, isStandalone: true, selector: "[ngDocFocusCatcher]", outputs: { focusEvent: "focusEvent", blurEvent: "blurEvent" }, host: { properties: { "attr.data-ng-doc-focused": "this.focused" } }, exportAs: ["ngDocFocusCatcher"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFocusCatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NgDocFocusCatcherDirective, isStandalone: true, selector: "[ngDocFocusCatcher]", outputs: { focusEvent: "focusEvent", blurEvent: "blurEvent" }, host: { properties: { "attr.data-ng-doc-focused": "focusedState()" } }, exportAs: ["ngDocFocusCatcher"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocFocusCatcherDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFocusCatcherDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocFocusCatcher]',
                     exportAs: 'ngDocFocusCatcher',
-                    standalone: true,
+                    host: {
+                        '[attr.data-ng-doc-focused]': 'focusedState()',
+                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { focusEvent: [{
-                type: Output
-            }], blurEvent: [{
-                type: Output
-            }], focused: [{
-                type: HostBinding,
-                args: ['attr.data-ng-doc-focused']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { focusEvent: [{ type: i0.Output, args: ["focusEvent"] }], blurEvent: [{ type: i0.Output, args: ["blurEvent"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-directives-focus-catcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-focus-catcher.mjs","sources":["../../../../libs/ui-kit/directives/focus-catcher/focus-catcher.directive.ts","../../../../libs/ui-kit/directives/focus-catcher/ng-doc-ui-kit-directives-focus-catcher.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  NgZone,\n  Output,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { BLUR_EVENT, FOCUS_EVENT } from '@ng-doc/ui-kit/constants';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { fromEvent, merge, Observable } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\n@Directive({\n  selector: '[ngDocFocusCatcher]',\n  exportAs: 'ngDocFocusCatcher',\n  standalone: true,\n})\nexport class NgDocFocusCatcherDirective {\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private ngZone = inject(NgZone);\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  @Output()\n  focusEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n  @Output()\n  blurEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n  @HostBinding('attr.data-ng-doc-focused')\n  focused: boolean = false;\n\n  constructor() {\n    NgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))\n      .pipe(ngDocZoneOptimize(this.ngZone), takeUntilDestroyed())\n      .subscribe((event: FocusEvent) => {\n        this.focused = event.type === FOCUS_EVENT;\n        this.focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);\n        this.changeDetectorRef.markForCheck();\n      });\n  }\n\n  static observeFocus(element: HTMLElement): Observable<FocusEvent> {\n    return merge(\n      fromEvent<FocusEvent>(element, FOCUS_EVENT),\n      fromEvent<FocusEvent>(element, BLUR_EVENT),\n    ).pipe(\n      debounceTime(0),\n      distinctUntilChanged((a: FocusEvent, b: FocusEvent) => a.type === b.type),\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAsBa,0BAA0B,CAAA;AAcrC,IAAA,WAAA,GAAA;AAbQ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAGrD,QAAA,IAAA,CAAA,UAAU,GAAwB,IAAI,YAAY,EAAS;AAG3D,QAAA,IAAA,CAAA,SAAS,GAAwB,IAAI,YAAY,EAAS;QAG1D,IAAA,CAAA,OAAO,GAAY,KAAK;QAGtB,0BAA0B,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;aAC/D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE;AACzD,aAAA,SAAS,CAAC,CAAC,KAAiB,KAAI;YAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACvE,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;AACvC,QAAA,CAAC,CAAC;IACN;IAEA,OAAO,YAAY,CAAC,OAAoB,EAAA;AACtC,QAAA,OAAO,KAAK,CACV,SAAS,CAAa,OAAO,EAAE,WAAW,CAAC,EAC3C,SAAS,CAAa,OAAO,EAAE,UAAU,CAAC,CAC3C,CAAC,IAAI,CACJ,YAAY,CAAC,CAAC,CAAC,EACf,oBAAoB,CAAC,CAAC,CAAa,EAAE,CAAa,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAC1E;IACH;8GAhCW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAME;;sBAGA;;sBAGA,WAAW;uBAAC,0BAA0B;;;ACjCzC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-focus-catcher.mjs","sources":["../../../../libs/ui-kit/directives/focus-catcher/focus-catcher.directive.ts","../../../../libs/ui-kit/directives/focus-catcher/ng-doc-ui-kit-directives-focus-catcher.ts"],"sourcesContent":["import { DestroyRef, Directive, ElementRef, inject, NgZone, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { BLUR_EVENT, FOCUS_EVENT } from '@ng-doc/ui-kit/constants';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { fromEvent, merge, Observable } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\n/** Tracks whether focus is inside the host element. */\n@Directive({\n  selector: '[ngDocFocusCatcher]',\n  exportAs: 'ngDocFocusCatcher',\n  host: {\n    '[attr.data-ng-doc-focused]': 'focusedState()',\n  },\n})\nexport class NgDocFocusCatcherDirective {\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private ngZone = inject(NgZone);\n\n  /** Emits when focus moves into the host. */\n  readonly focusEvent = output<Event>();\n\n  /** Emits when focus leaves the host. */\n  readonly blurEvent = output<Event>();\n\n  protected readonly focusedState = signal<boolean>(false);\n\n  constructor() {\n    const destroyRef: DestroyRef = inject(DestroyRef);\n\n    // Focus events are frequent: they are observed outside the Angular zone, and only a change of\n    // the focus state re-enters it. The state is a signal, so a zoneless application renders it\n    // too.\n    this.ngZone.runOutsideAngular(() =>\n      NgDocFocusCatcherDirective.observeFocus(toElement(this.elementRef))\n        .pipe(takeUntilDestroyed(destroyRef))\n        .subscribe((event: FocusEvent) =>\n          this.ngZone.run(() => {\n            const focused: boolean = event.type === FOCUS_EVENT;\n\n            this.focusedState.set(focused);\n            focused ? this.focusEvent.emit(event) : this.blurEvent.emit(event);\n          }),\n        ),\n    );\n  }\n\n  /** Whether focus is inside the host. */\n  get focused(): boolean {\n    return this.focusedState();\n  }\n\n  static observeFocus(element: HTMLElement): Observable<FocusEvent> {\n    return merge(\n      fromEvent<FocusEvent>(element, FOCUS_EVENT),\n      fromEvent<FocusEvent>(element, BLUR_EVENT),\n    ).pipe(\n      debounceTime(0),\n      distinctUntilChanged((a: FocusEvent, b: FocusEvent) => a.type === b.type),\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAOA;MAQa,0BAA0B,CAAA;AAYrC,IAAA,WAAA,GAAA;AAXQ,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;;QAGtB,IAAA,CAAA,UAAU,GAAG,MAAM,EAAS;;QAG5B,IAAA,CAAA,SAAS,GAAG,MAAM,EAAS;QAEjB,IAAA,CAAA,YAAY,GAAG,MAAM,CAAU,KAAK;yFAAC;AAGtD,QAAA,MAAM,UAAU,GAAe,MAAM,CAAC,UAAU,CAAC;;;;AAKjD,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAC5B,0BAA0B,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;AAC/D,aAAA,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;AACnC,aAAA,SAAS,CAAC,CAAC,KAAiB,KAC3B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,YAAA,MAAM,OAAO,GAAY,KAAK,CAAC,IAAI,KAAK,WAAW;AAEnD,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;YAC9B,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;QACpE,CAAC,CAAC,CACH,CACJ;IACH;;AAGA,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE;IAC5B;IAEA,OAAO,YAAY,CAAC,OAAoB,EAAA;AACtC,QAAA,OAAO,KAAK,CACV,SAAS,CAAa,OAAO,EAAE,WAAW,CAAC,EAC3C,SAAS,CAAa,OAAO,EAAE,UAAU,CAAC,CAC3C,CAAC,IAAI,CACJ,YAAY,CAAC,CAAC,CAAC,EACf,oBAAoB,CAAC,CAAC,CAAa,EAAE,CAAa,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAC1E;IACH;8GA7CW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACJ,wBAAA,4BAA4B,EAAE,gBAAgB;AAC/C,qBAAA;AACF,iBAAA;;;ACdD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-focusable.mjs

@@ -1,30 +1,27 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive } from '@angular/core';
+import { input, Directive } from '@angular/core';
 
+/**
+ * Puts the host into the tab order (`tabindex="0"`) or takes it out (`tabindex="-1"`).
+ */
 class NgDocFocusableDirective {
     constructor() {
-        this.focusable = true;
-    }
-    get tabIndex() {
-        return this.focusable ? 0 : -1;
+        /** Whether the host can be focused with the keyboard. */
+        this.focusable = input(true, { ...(ngDevMode ? { debugName: "focusable" } : /* istanbul ignore next */ {}), alias: 'ngDocFocusable' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocFocusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocFocusableDirective, isStandalone: true, selector: "[ngDocFocusable]", inputs: { focusable: ["ngDocFocusable", "focusable"] }, host: { properties: { "attr.tabIndex": "this.tabIndex" } }, exportAs: ["ngDocFocusable"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFocusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NgDocFocusableDirective, isStandalone: true, selector: "[ngDocFocusable]", inputs: { focusable: { classPropertyName: "focusable", publicName: "ngDocFocusable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabIndex": "focusable() ? 0 : -1" } }, exportAs: ["ngDocFocusable"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocFocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocFocusable]',
                     exportAs: 'ngDocFocusable',
-                    standalone: true,
+                    host: {
+                        '[attr.tabIndex]': 'focusable() ? 0 : -1',
+                    },
                 }]
-        }], propDecorators: { focusable: [{
-                type: Input,
-                args: ['ngDocFocusable']
-            }], tabIndex: [{
-                type: HostBinding,
-                args: ['attr.tabIndex']
-            }] } });
+        }], propDecorators: { focusable: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocFocusable", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-directives-focusable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-focusable.mjs","sources":["../../../../libs/ui-kit/directives/focusable/focusable.directive.ts","../../../../libs/ui-kit/directives/focusable/ng-doc-ui-kit-directives-focusable.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\n\n@Directive({\n\tselector: '[ngDocFocusable]',\n\texportAs: 'ngDocFocusable',\n\tstandalone: true,\n})\nexport class NgDocFocusableDirective {\n\t@Input('ngDocFocusable')\n\tfocusable: boolean = true;\n\n\t@HostBinding('attr.tabIndex')\n\tget tabIndex(): number {\n\t\treturn this.focusable ? 0 : -1;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,uBAAuB,CAAA;AALpC,IAAA,WAAA,GAAA;QAOC,IAAA,CAAA,SAAS,GAAY,IAAI;AAMzB,IAAA;AAJA,IAAA,IACI,QAAQ,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B;8GAPY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,gBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA;;sBAEC,KAAK;uBAAC,gBAAgB;;sBAGtB,WAAW;uBAAC,eAAe;;;ACX7B;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-focusable.mjs","sources":["../../../../libs/ui-kit/directives/focusable/focusable.directive.ts","../../../../libs/ui-kit/directives/focusable/ng-doc-ui-kit-directives-focusable.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\n/**\n * Puts the host into the tab order (`tabindex=\"0\"`) or takes it out (`tabindex=\"-1\"`).\n */\n@Directive({\n  selector: '[ngDocFocusable]',\n  exportAs: 'ngDocFocusable',\n  host: {\n    '[attr.tabIndex]': 'focusable() ? 0 : -1',\n  },\n})\nexport class NgDocFocusableDirective {\n  /** Whether the host can be focused with the keyboard. */\n  readonly focusable = input<boolean>(true, { alias: 'ngDocFocusable' });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;AAEG;MAQU,uBAAuB,CAAA;AAPpC,IAAA,WAAA,GAAA;;QASW,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,IAAI,iFAAI,KAAK,EAAE,gBAAgB,EAAA,CAAG;AACvE,IAAA;8GAHY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,sBAAsB;AAC1C,qBAAA;AACF,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-fullscreen.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { inject, DOCUMENT, ElementRef, signal, NgZone, DestroyRef, afterNextRender, Directive } from '@angular/core';
+
+/**
+ * Shows its host element fullscreen with the browser Fullscreen API.
+ *
+ * `supported()` stays `false` on the server and in browsers that do not allow fullscreen
+ * (`document.fullscreenEnabled`), so a control that uses the directive can hide itself there.
+ * `active()` follows the browser's fullscreen state, including an exit with Esc, and the host
+ * gets `data-ng-doc-fullscreen="true"` while it is fullscreen.
+ * @example
+ * <div ngDocFullscreen #stage="ngDocFullscreen">
+ *   <button (click)="stage.toggle()">{{ stage.active() ? 'Exit fullscreen' : 'Fullscreen' }}</button>
+ * </div>
+ */
+class NgDocFullscreenDirective {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.host = inject(ElementRef).nativeElement;
+        this.supportedState = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "supportedState" }] : /* istanbul ignore next */ []));
+        this.activeState = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeState" }] : /* istanbul ignore next */ []));
+        /** Whether the browser can show the host fullscreen. Always `false` on the server. */
+        this.supported = this.supportedState.asReadonly();
+        /** Whether the host is shown fullscreen. */
+        this.active = this.activeState.asReadonly();
+        const ngZone = inject(NgZone);
+        const destroyRef = inject(DestroyRef);
+        // The Fullscreen API exists only in the browser, and the first render must match the
+        // server-rendered markup, so support is detected after it.
+        afterNextRender(() => {
+            const sync = () => this.activeState.set(this.document.fullscreenElement === this.host);
+            this.supportedState.set(!!this.document.fullscreenEnabled && typeof this.host.requestFullscreen === 'function');
+            sync();
+            // The signal it writes schedules the render, so the listener needs no zone.
+            ngZone.runOutsideAngular(() => this.document.addEventListener('fullscreenchange', sync));
+            destroyRef.onDestroy(() => this.document.removeEventListener('fullscreenchange', sync));
+        });
+    }
+    /**
+     * Shows the host fullscreen. Does nothing where fullscreen is not supported, and a request the
+     * browser refuses leaves the page as it is.
+     */
+    async enter() {
+        if (!this.supported() || this.active())
+            return;
+        try {
+            await this.host.requestFullscreen();
+        }
+        catch {
+            // The browser refused (no user gesture, a permissions policy, or the element left the
+            // document); `fullscreenchange` does not fire, so the state is still right.
+        }
+    }
+    /** Leaves fullscreen when the host is the fullscreen element. */
+    async exit() {
+        if (this.document.fullscreenElement !== this.host)
+            return;
+        try {
+            await this.document.exitFullscreen();
+        }
+        catch {
+            // Fullscreen has already ended (for example with Esc).
+        }
+    }
+    /** Enters fullscreen, or leaves it when the host is already fullscreen. */
+    toggle() {
+        return this.active() ? this.exit() : this.enter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFullscreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NgDocFullscreenDirective, isStandalone: true, selector: "[ngDocFullscreen]", host: { properties: { "attr.data-ng-doc-fullscreen": "active()" } }, exportAs: ["ngDocFullscreen"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFullscreenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngDocFullscreen]',
+                    exportAs: 'ngDocFullscreen',
+                    host: {
+                        '[attr.data-ng-doc-fullscreen]': 'active()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocFullscreenDirective };
+//# sourceMappingURL=ng-doc-ui-kit-directives-fullscreen.mjs.map

package/fesm2022/ng-doc-ui-kit-directives-fullscreen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-directives-fullscreen.mjs","sources":["../../../../libs/ui-kit/directives/fullscreen/fullscreen.directive.ts","../../../../libs/ui-kit/directives/fullscreen/ng-doc-ui-kit-directives-fullscreen.ts"],"sourcesContent":["import {\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  inject,\n  NgZone,\n  Signal,\n  signal,\n} from '@angular/core';\n\n/**\n * Shows its host element fullscreen with the browser Fullscreen API.\n *\n * `supported()` stays `false` on the server and in browsers that do not allow fullscreen\n * (`document.fullscreenEnabled`), so a control that uses the directive can hide itself there.\n * `active()` follows the browser's fullscreen state, including an exit with Esc, and the host\n * gets `data-ng-doc-fullscreen=\"true\"` while it is fullscreen.\n * @example\n * <div ngDocFullscreen #stage=\"ngDocFullscreen\">\n *   <button (click)=\"stage.toggle()\">{{ stage.active() ? 'Exit fullscreen' : 'Fullscreen' }}</button>\n * </div>\n */\n@Directive({\n  selector: '[ngDocFullscreen]',\n  exportAs: 'ngDocFullscreen',\n  host: {\n    '[attr.data-ng-doc-fullscreen]': 'active()',\n  },\n})\nexport class NgDocFullscreenDirective {\n  private readonly document = inject(DOCUMENT);\n  private readonly host: HTMLElement = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly supportedState = signal<boolean>(false);\n  private readonly activeState = signal<boolean>(false);\n\n  /** Whether the browser can show the host fullscreen. Always `false` on the server. */\n  readonly supported: Signal<boolean> = this.supportedState.asReadonly();\n\n  /** Whether the host is shown fullscreen. */\n  readonly active: Signal<boolean> = this.activeState.asReadonly();\n\n  constructor() {\n    const ngZone = inject(NgZone);\n    const destroyRef = inject(DestroyRef);\n\n    // The Fullscreen API exists only in the browser, and the first render must match the\n    // server-rendered markup, so support is detected after it.\n    afterNextRender(() => {\n      const sync = (): void => this.activeState.set(this.document.fullscreenElement === this.host);\n\n      this.supportedState.set(\n        !!this.document.fullscreenEnabled && typeof this.host.requestFullscreen === 'function',\n      );\n      sync();\n      // The signal it writes schedules the render, so the listener needs no zone.\n      ngZone.runOutsideAngular(() => this.document.addEventListener('fullscreenchange', sync));\n      destroyRef.onDestroy(() => this.document.removeEventListener('fullscreenchange', sync));\n    });\n  }\n\n  /**\n   * Shows the host fullscreen. Does nothing where fullscreen is not supported, and a request the\n   * browser refuses leaves the page as it is.\n   */\n  async enter(): Promise<void> {\n    if (!this.supported() || this.active()) return;\n\n    try {\n      await this.host.requestFullscreen();\n    } catch {\n      // The browser refused (no user gesture, a permissions policy, or the element left the\n      // document); `fullscreenchange` does not fire, so the state is still right.\n    }\n  }\n\n  /** Leaves fullscreen when the host is the fullscreen element. */\n  async exit(): Promise<void> {\n    if (this.document.fullscreenElement !== this.host) return;\n\n    try {\n      await this.document.exitFullscreen();\n    } catch {\n      // Fullscreen has already ended (for example with Esc).\n    }\n  }\n\n  /** Enters fullscreen, or leaves it when the host is already fullscreen. */\n  toggle(): Promise<void> {\n    return this.active() ? this.exit() : this.enter();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAYA;;;;;;;;;;;AAWG;MAQU,wBAAwB,CAAA;AAYnC,IAAA,WAAA,GAAA;AAXiB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,QAAA,IAAA,CAAA,IAAI,GAAgB,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;QAC7E,IAAA,CAAA,cAAc,GAAG,MAAM,CAAU,KAAK;2FAAC;QACvC,IAAA,CAAA,WAAW,GAAG,MAAM,CAAU,KAAK;wFAAC;;AAG5C,QAAA,IAAA,CAAA,SAAS,GAAoB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;AAG7D,QAAA,IAAA,CAAA,MAAM,GAAoB,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;AAG9D,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;;QAIrC,eAAe,CAAC,MAAK;YACnB,MAAM,IAAI,GAAG,MAAY,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,KAAK,IAAI,CAAC,IAAI,CAAC;YAE5F,IAAI,CAAC,cAAc,CAAC,GAAG,CACrB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,KAAK,UAAU,CACvF;AACD,YAAA,IAAI,EAAE;;AAEN,YAAA,MAAM,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;AACxF,YAAA,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;AACzF,QAAA,CAAC,CAAC;IACJ;AAEA;;;AAGG;AACH,IAAA,MAAM,KAAK,GAAA;QACT,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE;AAExC,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;QACrC;AAAE,QAAA,MAAM;;;QAGR;IACF;;AAGA,IAAA,MAAM,IAAI,GAAA;QACR,IAAI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,KAAK,IAAI,CAAC,IAAI;YAAE;AAEnD,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE;QACtC;AAAE,QAAA,MAAM;;QAER;IACF;;IAGA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;IACnD;8GA5DW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,6BAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACJ,wBAAA,+BAA+B,EAAE,UAAU;AAC5C,qBAAA;AACF,iBAAA;;;AC9BD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs

@@ -1,47 +1,53 @@
 import * as i0 from '@angular/core';
-import { inject, NgZone, EventEmitter, DestroyRef, afterNextRender, Output, Input, Directive } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { isKeyboardEvent } from '@ng-doc/core/helpers/is-keyboard-event';
+import { input, output, inject, DOCUMENT, NgZone, DestroyRef, afterNextRender, untracked, Directive } from '@angular/core';
 import { objectKeys } from '@ng-doc/core/helpers/object-keys';
-import { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';
-import { fromEvent } from 'rxjs';
-import { filter } from 'rxjs/operators';
 
+/** Elements where a key types text instead of running a hotkey. */
+const TEXT_ENTRY = 'input, textarea, select, [contenteditable]:not([contenteditable="false"])';
+/**
+ * Emits when a key that matches the given keyboard event properties is released anywhere in the
+ * document, except while the reader types in a field.
+ * @example
+ * <button [ngDocHotkey]="{ key: 'k', ctrlKey: true }" (ngDocHotkey)="open()">Open</button>
+ */
 class NgDocHotkeyDirective {
     constructor() {
-        this.ngZone = inject(NgZone);
-        this.callback = new EventEmitter();
+        /** The keyboard event properties to match, for example the key and the modifier keys. */
+        this.hotkey = input(undefined, { ...(ngDevMode ? { debugName: "hotkey" } : /* istanbul ignore next */ {}), alias: 'ngDocHotkey' });
+        /** Emits when the hotkey is released. */
+        this.callback = output({ alias: 'ngDocHotkey' });
+        const document = inject(DOCUMENT);
+        const ngZone = inject(NgZone);
         const destroyRef = inject(DestroyRef);
         afterNextRender(() => {
-            fromEvent(document, 'keyup')
-                .pipe(filter(isKeyboardEvent), filter((event) => objectKeys(this.hotkey ?? {}).every((key) => this.hotkey && this.hotkey[key] === event[key])), filter((event) => {
-                if (event.target instanceof HTMLElement) {
-                    return !['input', 'textarea', 'select'].includes(event.target.tagName.toLowerCase());
+            const listener = (event) => {
+                if (!this.matches(event)) {
+                    return;
                 }
-                return true;
-            }), ngDocZoneOptimize(this.ngZone), takeUntilDestroyed(destroyRef))
-                .subscribe((event) => {
                 event.preventDefault();
-                this.callback.emit();
-            });
+                // The listener runs outside the zone, so zone.js applications get change detection only
+                // when the hotkey matches.
+                ngZone.run(() => this.callback.emit());
+            };
+            ngZone.runOutsideAngular(() => document.addEventListener('keyup', listener));
+            destroyRef.onDestroy(() => document.removeEventListener('keyup', listener));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocHotkeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocHotkeyDirective, isStandalone: true, selector: "[ngDocHotkey]", inputs: { hotkey: ["ngDocHotkey", "hotkey"] }, outputs: { callback: "ngDocHotkey" }, ngImport: i0 }); }
+    matches(event) {
+        const hotkey = untracked(this.hotkey) ?? {};
+        const target = event.composedPath?.()[0] ?? event.target;
+        return (objectKeys(hotkey).every((key) => hotkey[key] === event[key]) &&
+            !(target instanceof Element && target.closest(TEXT_ENTRY)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocHotkeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: NgDocHotkeyDirective, isStandalone: true, selector: "[ngDocHotkey]", inputs: { hotkey: { classPropertyName: "hotkey", publicName: "ngDocHotkey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "ngDocHotkey" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocHotkeyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocHotkeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocHotkey]',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [], propDecorators: { hotkey: [{
-                type: Input,
-                args: ['ngDocHotkey']
-            }], callback: [{
-                type: Output,
-                args: ['ngDocHotkey']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { hotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngDocHotkey", required: false }] }], callback: [{ type: i0.Output, args: ["ngDocHotkey"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-directives-hotkey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-hotkey.mjs","sources":["../../../../libs/ui-kit/directives/hotkey/hotkey.directive.ts","../../../../libs/ui-kit/directives/hotkey/ng-doc-ui-kit-directives-hotkey.ts"],"sourcesContent":["import {\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  EventEmitter,\n  inject,\n  Input,\n  NgZone,\n  Output,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { isKeyboardEvent } from '@ng-doc/core/helpers/is-keyboard-event';\nimport { objectKeys } from '@ng-doc/core/helpers/object-keys';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport { fromEvent } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\n@Directive({\n  selector: '[ngDocHotkey]',\n  standalone: true,\n})\nexport class NgDocHotkeyDirective {\n  private readonly ngZone = inject(NgZone);\n\n  @Input('ngDocHotkey')\n  hotkey?: Partial<KeyboardEvent>;\n\n  @Output('ngDocHotkey')\n  callback: EventEmitter<void> = new EventEmitter<void>();\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n\n    afterNextRender(() => {\n      fromEvent(document, 'keyup')\n        .pipe(\n          filter(isKeyboardEvent),\n          filter((event: KeyboardEvent) =>\n            objectKeys(this.hotkey ?? {}).every(\n              (key: keyof KeyboardEvent) => this.hotkey && this.hotkey[key] === event[key],\n            ),\n          ),\n          filter((event: KeyboardEvent) => {\n            if (event.target instanceof HTMLElement) {\n              return !['input', 'textarea', 'select'].includes(event.target.tagName.toLowerCase());\n            }\n            return true;\n          }),\n          ngDocZoneOptimize(this.ngZone),\n          takeUntilDestroyed(destroyRef),\n        )\n        .subscribe((event: KeyboardEvent) => {\n          event.preventDefault();\n          this.callback.emit();\n        });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAqBa,oBAAoB,CAAA;AAS/B,IAAA,WAAA,GAAA;AARiB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAMxC,QAAA,IAAA,CAAA,QAAQ,GAAuB,IAAI,YAAY,EAAQ;AAGrD,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAErC,eAAe,CAAC,MAAK;AACnB,YAAA,SAAS,CAAC,QAAQ,EAAE,OAAO;iBACxB,IAAI,CACH,MAAM,CAAC,eAAe,CAAC,EACvB,MAAM,CAAC,CAAC,KAAoB,KAC1B,UAAU,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,KAAK,CACjC,CAAC,GAAwB,KAAK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAC7E,CACF,EACD,MAAM,CAAC,CAAC,KAAoB,KAAI;AAC9B,gBAAA,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;oBACvC,OAAO,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACtF;AACA,gBAAA,OAAO,IAAI;AACb,YAAA,CAAC,CAAC,EACF,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9B,kBAAkB,CAAC,UAAU,CAAC;AAE/B,iBAAA,SAAS,CAAC,CAAC,KAAoB,KAAI;gBAClC,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACtB,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;IACJ;8GAnCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAIE,KAAK;uBAAC,aAAa;;sBAGnB,MAAM;uBAAC,aAAa;;;AC3BvB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-hotkey.mjs","sources":["../../../../libs/ui-kit/directives/hotkey/hotkey.directive.ts","../../../../libs/ui-kit/directives/hotkey/ng-doc-ui-kit-directives-hotkey.ts"],"sourcesContent":["import {\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  inject,\n  input,\n  NgZone,\n  output,\n  untracked,\n} from '@angular/core';\nimport { objectKeys } from '@ng-doc/core/helpers/object-keys';\n\n/** Elements where a key types text instead of running a hotkey. */\nconst TEXT_ENTRY = 'input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])';\n\n/**\n * Emits when a key that matches the given keyboard event properties is released anywhere in the\n * document, except while the reader types in a field.\n * @example\n * <button [ngDocHotkey]=\"{ key: 'k', ctrlKey: true }\" (ngDocHotkey)=\"open()\">Open</button>\n */\n@Directive({\n  selector: '[ngDocHotkey]',\n})\nexport class NgDocHotkeyDirective {\n  /** The keyboard event properties to match, for example the key and the modifier keys. */\n  readonly hotkey = input<Partial<KeyboardEvent>>(undefined, { alias: 'ngDocHotkey' });\n\n  /** Emits when the hotkey is released. */\n  readonly callback = output<void>({ alias: 'ngDocHotkey' });\n\n  constructor() {\n    const document = inject(DOCUMENT);\n    const ngZone = inject(NgZone);\n    const destroyRef = inject(DestroyRef);\n\n    afterNextRender(() => {\n      const listener = (event: KeyboardEvent) => {\n        if (!this.matches(event)) {\n          return;\n        }\n\n        event.preventDefault();\n        // The listener runs outside the zone, so zone.js applications get change detection only\n        // when the hotkey matches.\n        ngZone.run(() => this.callback.emit());\n      };\n\n      ngZone.runOutsideAngular(() => document.addEventListener('keyup', listener));\n      destroyRef.onDestroy(() => document.removeEventListener('keyup', listener));\n    });\n  }\n\n  private matches(event: KeyboardEvent): boolean {\n    const hotkey = untracked(this.hotkey) ?? {};\n    const target = event.composedPath?.()[0] ?? event.target;\n\n    return (\n      objectKeys(hotkey).every((key: keyof KeyboardEvent) => hotkey[key] === event[key]) &&\n      !(target instanceof Element && target.closest(TEXT_ENTRY))\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAaA;AACA,MAAM,UAAU,GAAG,2EAA2E;AAE9F;;;;;AAKG;MAIU,oBAAoB,CAAA;AAO/B,IAAA,WAAA,GAAA;;QALS,IAAA,CAAA,MAAM,GAAG,KAAK,CAAyB,SAAS,8EAAI,KAAK,EAAE,aAAa,EAAA,CAAG;;QAG3E,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAGxD,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACjC,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC7B,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAErC,eAAe,CAAC,MAAK;AACnB,YAAA,MAAM,QAAQ,GAAG,CAAC,KAAoB,KAAI;gBACxC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB;gBACF;gBAEA,KAAK,CAAC,cAAc,EAAE;;;AAGtB,gBAAA,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACxC,YAAA,CAAC;AAED,YAAA,MAAM,CAAC,iBAAiB,CAAC,MAAM,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC5E,YAAA,UAAU,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC7E,QAAA,CAAC,CAAC;IACJ;AAEQ,IAAA,OAAO,CAAC,KAAoB,EAAA;QAClC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAC3C,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM;QAExD,QACE,UAAU,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,GAAwB,KAAK,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC;AAClF,YAAA,EAAE,MAAM,YAAY,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE9D;8GArCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;ACxBD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { forwardRef, HostListener, Directive } from '@angular/core';
+import { forwardRef, Directive } from '@angular/core';
 import { isPresent } from '@ng-doc/core/helpers/is-present';
 import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
 import { toElement } from '@ng-doc/ui-kit/helpers';
 
+/** Directive turns a native input into a control whose model is a number */
 class NgDocInputNumberDirective extends NgDocBaseInput {
     constructor() {
         super({
@@ -18,27 +19,24 @@ class NgDocInputNumberDirective extends NgDocBaseInput {
     inputEvent() {
         this.updateModel(Number(this.elementRef.nativeElement.value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocInputNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: NgDocInputNumberDirective, isStandalone: true, selector: "input[ngDocInputNumber]", host: { listeners: { "blur": "blurEvent()", "input": "inputEvent()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocInputNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: NgDocInputNumberDirective, isStandalone: true, selector: "input[ngDocInputNumber]", host: { listeners: { "blur": "blurEvent()", "input": "inputEvent()" } }, providers: [
             { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: NgDocInputNumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocInputNumberDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[ngDocInputNumber]`,
                     providers: [
                         { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },
                     ],
-                    standalone: true,
+                    host: {
+                        '(blur)': 'blurEvent()',
+                        '(input)': 'inputEvent()',
+                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { blurEvent: [{
-                type: HostListener,
-                args: ['blur']
-            }], inputEvent: [{
-                type: HostListener,
-                args: ['input']
-            }] } });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-directives-input-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-input-number.mjs","sources":["../../../../libs/ui-kit/directives/input-number/input-number.directive.ts","../../../../libs/ui-kit/directives/input-number/ng-doc-ui-kit-directives-input-number.ts"],"sourcesContent":["import { Directive, forwardRef, HostListener } from '@angular/core';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\n\n@Directive({\n  selector: `input[ngDocInputNumber]`,\n  providers: [\n    { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },\n  ],\n  standalone: true,\n})\nexport class NgDocInputNumberDirective extends NgDocBaseInput<number> {\n  constructor() {\n    super({\n      onIncomingUpdate: (value) => {\n        toElement(this.elementRef).value = isPresent(value) ? String(Number(value)) : '';\n      },\n    });\n  }\n\n  @HostListener('blur')\n  blurEvent(): void {\n    this.touch();\n  }\n\n  @HostListener('input')\n  inputEvent(): void {\n    this.updateModel(Number(this.elementRef.nativeElement.value));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYM,MAAO,yBAA0B,SAAQ,cAAsB,CAAA;AACnE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;AACJ,YAAA,gBAAgB,EAAE,CAAC,KAAK,KAAI;gBAC1B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YAClF,CAAC;AACF,SAAA,CAAC;IACJ;IAGA,SAAS,GAAA;QACP,IAAI,CAAC,KAAK,EAAE;IACd;IAGA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/D;8GAjBW,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,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EALzB;AACT,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC,EAAE;AACtF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAGU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA,uBAAA,CAAyB;AACnC,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,yBAA0B,CAAC,EAAE;AACtF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAUE,YAAY;uBAAC,MAAM;;sBAKnB,YAAY;uBAAC,OAAO;;;AC1BvB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-input-number.mjs","sources":["../../../../libs/ui-kit/directives/input-number/input-number.directive.ts","../../../../libs/ui-kit/directives/input-number/ng-doc-ui-kit-directives-input-number.ts"],"sourcesContent":["import { Directive, forwardRef } from '@angular/core';\nimport { isPresent } from '@ng-doc/core/helpers/is-present';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\n\n/** Directive turns a native input into a control whose model is a number */\n@Directive({\n  selector: `input[ngDocInputNumber]`,\n  providers: [\n    { provide: NgDocBaseInput, useExisting: forwardRef(() => NgDocInputNumberDirective) },\n  ],\n  host: {\n    '(blur)': 'blurEvent()',\n    '(input)': 'inputEvent()',\n  },\n})\nexport class NgDocInputNumberDirective extends NgDocBaseInput<number> {\n  constructor() {\n    super({\n      onIncomingUpdate: (value) => {\n        toElement(this.elementRef).value = isPresent(value) ? String(Number(value)) : '';\n      },\n    });\n  }\n\n  protected blurEvent(): void {\n    this.touch();\n  }\n\n  protected inputEvent(): void {\n    this.updateModel(Number(this.elementRef.nativeElement.value));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAKA;AAWM,MAAO,yBAA0B,SAAQ,cAAsB,CAAA;AACnE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;AACJ,YAAA,gBAAgB,EAAE,CAAC,KAAK,KAAI;gBAC1B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YAClF,CAAC;AACF,SAAA,CAAC;IACJ;IAEU,SAAS,GAAA;QACjB,IAAI,CAAC,KAAK,EAAE;IACd;IAEU,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/D;8GAfW,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,yBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EARzB;AACT,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC,EAAE;AACtF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAMU,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA,uBAAA,CAAyB;AACnC,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,yBAA0B,CAAC,EAAE;AACtF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,QAAQ,EAAE,aAAa;AACvB,wBAAA,SAAS,EAAE,cAAc;AAC1B,qBAAA;AACF,iBAAA;;;ACfD;;AAEG;;;;"}