@ngutil/aria 0.0.19 → 0.0.24

package/esm2022/focus/focus-state.directive.mjs

@@ -0,0 +1,36 @@
+import { computed, Directive, effect, ElementRef, inject } from "@angular/core";
+import { takeUntilDestroyed, toSignal } from "@angular/core/rxjs-interop";
+import { shareReplay } from "rxjs";
+import { FocusService } from "./focus.service";
+import * as i0 from "@angular/core";
+export class FocusState {
+    #focus;
+    #el;
+    #event;
+    constructor() {
+        this.#focus = inject(FocusService);
+        this.#el = inject(ElementRef);
+        this.#event = this.#focus.watch(this.#el.nativeElement).pipe(takeUntilDestroyed(), shareReplay(1));
+        this.event = toSignal(this.#event, { rejectErrors: true, manualCleanup: true });
+        this.origin = computed(() => this.event()?.origin);
+        this.within = computed(() => {
+            const event = this.event();
+            return event ? (event.element !== this.#el.nativeElement ? event.origin : null) : null;
+        });
+        // TODO: miért kell ez?, ha nincs itt akkor nem frissül
+        effect(() => this.origin(), { allowSignalWrites: false });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: FocusState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.6", type: FocusState, isStandalone: true, host: { properties: { "attr.focus": "origin()", "attr.focusWithin": "within()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: FocusState, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    host: {
+                        "[attr.focus]": "origin()",
+                        "[attr.focusWithin]": "within()"
+                    }
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXMtc3RhdGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYXJpYS9zcmMvZm9jdXMvZm9jdXMtc3RhdGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQy9FLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUV6RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBRWxDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTs7QUFTOUMsTUFBTSxPQUFPLFVBQVU7SUFDVixNQUFNLENBQXVCO0lBQzdCLEdBQUcsQ0FBOEM7SUFFakQsTUFBTSxDQUF1RjtJQVV0RztRQWJTLFdBQU0sR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUE7UUFDN0IsUUFBRyxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUE7UUFFakQsV0FBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDN0YsVUFBSyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtRQUUxRSxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQTtRQUU3QyxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUM1QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUE7WUFDMUIsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtRQUMxRixDQUFDLENBQUMsQ0FBQTtRQUdFLHVEQUF1RDtRQUN2RCxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtJQUM3RCxDQUFDOzhHQWpCUSxVQUFVO2tHQUFWLFVBQVU7OzJGQUFWLFVBQVU7a0JBUHRCLFNBQVM7bUJBQUM7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixjQUFjLEVBQUUsVUFBVTt3QkFDMUIsb0JBQW9CLEVBQUUsVUFBVTtxQkFDbkM7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb21wdXRlZCwgRGlyZWN0aXZlLCBlZmZlY3QsIEVsZW1lbnRSZWYsIGluamVjdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCwgdG9TaWduYWwgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3BcIlxuXG5pbXBvcnQgeyBzaGFyZVJlcGxheSB9IGZyb20gXCJyeGpzXCJcblxuaW1wb3J0IHsgRm9jdXNTZXJ2aWNlIH0gZnJvbSBcIi4vZm9jdXMuc2VydmljZVwiXG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdDoge1xuICAgICAgICBcIlthdHRyLmZvY3VzXVwiOiBcIm9yaWdpbigpXCIsXG4gICAgICAgIFwiW2F0dHIuZm9jdXNXaXRoaW5dXCI6IFwid2l0aGluKClcIlxuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgRm9jdXNTdGF0ZSB7XG4gICAgcmVhZG9ubHkgI2ZvY3VzID0gaW5qZWN0KEZvY3VzU2VydmljZSlcbiAgICByZWFkb25seSAjZWwgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpXG5cbiAgICByZWFkb25seSAjZXZlbnQgPSB0aGlzLiNmb2N1cy53YXRjaCh0aGlzLiNlbC5uYXRpdmVFbGVtZW50KS5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpLCBzaGFyZVJlcGxheSgxKSlcbiAgICByZWFkb25seSBldmVudCA9IHRvU2lnbmFsKHRoaXMuI2V2ZW50LCB7IHJlamVjdEVycm9yczogdHJ1ZSwgbWFudWFsQ2xlYW51cDogdHJ1ZSB9KVxuXG4gICAgcmVhZG9ubHkgb3JpZ2luID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5ldmVudCgpPy5vcmlnaW4pXG5cbiAgICByZWFkb25seSB3aXRoaW4gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGV2ZW50ID0gdGhpcy5ldmVudCgpXG4gICAgICAgIHJldHVybiBldmVudCA/IChldmVudC5lbGVtZW50ICE9PSB0aGlzLiNlbC5uYXRpdmVFbGVtZW50ID8gZXZlbnQub3JpZ2luIDogbnVsbCkgOiBudWxsXG4gICAgfSlcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICAvLyBUT0RPOiBtacOpcnQga2VsbCBlej8sIGhhIG5pbmNzIGl0dCBha2tvciBuZW0gZnJpc3PDvGxcbiAgICAgICAgZWZmZWN0KCgpID0+IHRoaXMub3JpZ2luKCksIHsgYWxsb3dTaWduYWxXcml0ZXM6IGZhbHNlIH0pXG4gICAgfVxufVxuIl19

package/esm2022/focus/focus.service.mjs

@@ -1,28 +1,25 @@
 import { DOCUMENT } from "@angular/common";
 import { inject, Inject, Injectable, NgZone } from "@angular/core";
-import { combineLatest, filter, map, merge, shareReplay, startWith, Subject } from "rxjs";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { combineLatest, filter, fromEvent, map, shareReplay, startWith } from "rxjs";
 import { focusable, isFocusable } from "tabbable";
-import { Destructible } from "@ngutil/common";
 import { ActivityService } from "../activity";
 import * as i0 from "@angular/core";
 const EVENT_OPTIONS = {
     capture: true,
     passive: true
 };
-export class FocusService extends Destructible {
+export class FocusService {
     #activity = inject(ActivityService);
-    #focus = new Subject();
-    #blur = new Subject();
     constructor(document, zone) {
-        super();
-        zone.runOutsideAngular(() => {
-            const blur = this.#blur.pipe(startWith(null), shareReplay(1));
-            const focus = this.#focus.pipe(shareReplay(1));
-            const events = combineLatest({
+        this.events = zone.runOutsideAngular(() => {
+            const focus = fromEvent(document, "focus", EVENT_OPTIONS).pipe(map(e => e.target));
+            const blur = fromEvent(document, "blur", EVENT_OPTIONS).pipe(startWith(null), map(e => e?.target || null));
+            return combineLatest({
                 activity: this.#activity.events,
                 focus: focus,
                 blur: blur
-            }).pipe(map(({ activity, focus, blur }) => {
+            }).pipe(takeUntilDestroyed(), map(({ activity, focus, blur }) => {
                 // console.log({ activity, focus, blur })
                 // If focus in with alt+tab
                 if (blur === document && activity.origin === "keyboard") {
@@ -47,27 +44,18 @@ export class FocusService extends Destructible {
                     return { origin: "program", element: focus };
                 }
             }), filter(v => !!v), shareReplay(1));
-            this.events = merge(blur.pipe(map(element => {
-                return { origin: null, element };
-            })), events).pipe(shareReplay(1));
-            document.addEventListener("focus", this.#onFocus, EVENT_OPTIONS);
-            document.addEventListener("blur", this.#onBlur, EVENT_OPTIONS);
-            this.d.any(() => {
-                document.removeEventListener("focus", this.#onFocus, EVENT_OPTIONS);
-                document.removeEventListener("blur", this.#onBlur, EVENT_OPTIONS);
-            });
         });
     }
-    #onFocus = (event) => {
-        this.#focus.next(event.target);
-    };
-    #onBlur = (event) => {
-        this.#blur.next(event.target);
-    };
     watch(node) {
-        return this.events.pipe(filter(event => event.element && (event.element === node || node.contains(event.element))), shareReplay(1));
+        return this.events.pipe(map(event => {
+            if (event.element &&
+                (event.element === node || (typeof node.contains === "function" && node.contains(event.element)))) {
+                return event;
+            }
+            return { element: node, origin: null };
+        }));
     }
-    focus(node, _origon) {
+    focus(node, _origin) {
         // TODO: focus origin
         node.focus();
     }
@@ -96,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImpor
 function isActivityElement(activityEl, focused) {
     return activityEl != null && focused != null && (activityEl === focused || focused.contains(activityEl));
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FyaWEvc3JjL2ZvY3VzL2ZvY3VzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBYyxXQUFXLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQTtBQUVyRyxPQUFPLEVBQUUsU0FBUyxFQUF5QixXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFFeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBRTdDLE9BQU8sRUFBa0IsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFBOztBQUU3RCxNQUFNLGFBQWEsR0FBNEI7SUFDM0MsT0FBTyxFQUFFLElBQUk7SUFDYixPQUFPLEVBQUUsSUFBSTtDQUNoQixDQUFBO0FBaUJELE1BQU0sT0FBTyxZQUFhLFNBQVEsWUFBWTtJQUMxQyxTQUFTLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFBO0lBQ25DLE1BQU0sR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFBO0lBQzVCLEtBQUssR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFBO0lBRzNCLFlBQThCLFFBQWtCLEVBQWtCLElBQVk7UUFDMUUsS0FBSyxFQUFFLENBQUE7UUFFUCxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO1lBQ3hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFD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QUFVLEVBQUUsTUFBTSxFQUFFOzswQkFPakIsTUFBTTsyQkFBQyxRQUFROzswQkFBdUIsTUFBTTsyQkFBQyxNQUFNOztBQWlHcEUsU0FBUyxpQkFBaUIsQ0FBQyxVQUF3QixFQUFFLE9BQXFCO0lBQ3RFLE9BQU8sVUFBVSxJQUFJLElBQUksSUFBSSxPQUFPLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLE9BQU8sSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7QUFDNUcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiXG5pbXBvcnQgeyBpbmplY3QsIEluamVjdCwgSW5qZWN0YWJsZSwgTmdab25lIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIlxuXG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBmaWx0ZXIsIG1hcCwgbWVyZ2UsIE9ic2VydmFibGUsIHNoYXJlUmVwbGF5LCBzdGFydFdpdGgsIFN1YmplY3QgfSBmcm9tIFwicnhqc1wiXG5cbmltcG9ydCB7IGZvY3VzYWJsZSwgdHlwZSBGb2N1c2FibGVFbGVtZW50LCBpc0ZvY3VzYWJsZSB9IGZyb20gXCJ0YWJiYWJsZVwiXG5cbmltcG9ydCB7IERlc3RydWN0aWJsZSB9IGZyb20gXCJAbmd1dGlsL2NvbW1vblwiXG5cbmltcG9ydCB7IEFjdGl2aXR5T3JpZ2luLCBBY3Rpdml0eVNlcnZpY2UgfSBmcm9tIFwiLi4vYWN0aXZpdHlcIlxuXG5jb25zdCBFVkVOVF9PUFRJT05TOiBBZGRFdmVudExpc3RlbmVyT3B0aW9ucyA9IHtcbiAgICBjYXB0dXJlOiB0cnVlLFxuICAgIHBhc3NpdmU6IHRydWVcbn1cblxuZXhwb3J0IHR5cGUgRm9jdXNPcmlnaW4gPSBBY3Rpdml0eU9yaWdpbiB8IG51bGxcbi8vIGV4cG9ydCB0eXBlIEZvY3VzVGFyZ2V0ID0gbnVsbCB8IFwic2VsZlwiIHwgXCJjaGlsZFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9jdXNDaGFuZ2VzIHtcbiAgICBvcmlnaW46IEZvY3VzT3JpZ2luXG4gICAgZWxlbWVudDogSFRNTEVsZW1lbnRcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGb2N1c2FibGVFdmVudCB7XG4gICAgb3JpZ2luOiBGb2N1c09yaWdpblxuICAgIGV4YWN0OiBib29sZWFuXG4gICAgbm9kZTogTm9kZVxufVxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46IFwicm9vdFwiIH0pXG5leHBvcnQgY2xhc3MgRm9jdXNTZXJ2aWNlIGV4dGVuZHMgRGVzdHJ1Y3RpYmxlIHtcbiAgICAjYWN0aXZpdHkgPSBpbmplY3QoQWN0aXZpdHlTZXJ2aWNlKVxuICAgICNmb2N1cyA9IG5ldyBTdWJqZWN0PE5vZGU+KClcbiAgICAjYmx1ciA9IG5ldyBTdWJqZWN0PE5vZGU+KClcbiAgICBldmVudHMhOiBPYnNlcnZhYmxlPEZvY3VzQ2hhbmdlcz5cblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoRE9DVU1FTlQpIGRvY3VtZW50OiBEb2N1bWVudCwgQEluamVjdChOZ1pvbmUpIHpvbmU6IE5nWm9uZSkge1xuICAgICAgICBzdXBlcigpXG5cbiAgICAgICAgem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBibHVyID0gdGhpcy4jYmx1ci5waXBlKHN0YXJ0V2l0aChudWxsKSwgc2hhcmVSZXBsYXkoMSkpXG4gICAgICAgICAgICBjb25zdCBmb2N1cyA9IHRoaXMuI2ZvY3VzLnBpcGUoc2hhcmVSZXBsYXkoMSkpXG5cbiAgICAgICAgICAgIGNvbnN0IGV2ZW50cyA9IGNvbWJpbmVMYXRlc3Qoe1xuICAgICAgICAgICAgICAgIGFjdGl2aXR5OiB0aGlzLiNhY3Rpdml0eS5ldmVudHMsXG4gICAgICAgICAgICAgICAgZm9jdXM6IGZvY3VzLFxuICAgICAgICAgICAgICAgIGJsdXI6IGJsdXJcbiAgICAgICAgICAgIH0pLnBpcGUoXG4gICAgICAgICAgICAgICAgbWFwKCh7IGFjdGl2aXR5LCBmb2N1cywgYmx1ciB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKHsgYWN0aXZpdHksIGZvY3VzLCBibHVyIH0pXG5cbiAgICAgICAgICAgICAgICAgICAgLy8gSWYgZm9jdXMgaW4gd2l0aCBhbHQrdGFiXG4gICAgICAgICAgICAgICAgICAgIGlmIChibHVyID09PSBkb2N1bWVudCAmJiBhY3Rpdml0eS5vcmlnaW4gPT09IFwia2V5Ym9hcmRcIikge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgb3JpZ2luOiBcInByb2dyYW1cIiwgZWxlbWVudDogZm9jdXMgfVxuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKGZvY3VzID09PSBkb2N1bWVudCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgb3JpZ2luOiBcInByb2dyYW1cIiwgZWxlbWVudDogZm9jdXMgfVxuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgLy8gSWYgcHJlc3MgdGFiIGJ1dHRvbiwgZmlyc3QgZmlyZSB0aGUgZXZlbnQgaW4gdGhlIGN1cnJlbnRseSBmb2N1c2VkIGVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgaWYgKGZvY3VzID09PSBibHVyKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgLy8gV2hlbiBwcmVzcyB0YWIsIHRoZSBhY3Rpdml0eSBpcyBvbiB0aGUgY3VycmVudCBmdWNlc2QgZWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgLy8gc28gd2hlbiBibHVyIGlzIGNoYW5nZWQgdG8gaXQsIHRoZSBmb2N1cyBjaGFuZ2UgaXMgY29tcGxldGVkXG4gICAgICAgICAgICAgICAgICAgIGlmIChhY3Rpdml0eS5vcmlnaW4gPT09IFwia2V5Ym9hcmRcIiAmJiBpc0FjdGl2aXR5RWxlbWVudChhY3Rpdml0eS5ub2RlLCBibHVyKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgb3JpZ2luOiBcImtleWJvYXJkXCIsIGVsZW1lbnQ6IGZvY3VzIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgIGlmIChpc0FjdGl2aXR5RWxlbWVudChhY3Rpdml0eS5ub2RlLCBmb2N1cykpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB7IG9yaWdpbjogYWN0aXZpdHkub3JpZ2luLCBlbGVtZW50OiBmb2N1cyB9XG4gICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4geyBvcmlnaW46IFwicHJvZ3JhbVwiLCBlbGVtZW50OiBmb2N1cyB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBmaWx0ZXIodiA9PiAhIXYpLFxuICAgICAgICAgICAgICAgIHNoYXJlUmVwbGF5KDEpXG4gICAgICAgICAgICApIGFzIGFueVxuXG4gICAgICAgICAgICB0aGlzLmV2ZW50cyA9IG1lcmdlKFxuICAgICAgICAgICAgICAgIGJsdXIucGlwZShcbiAgICAgICAgICAgICAgICAgICAgbWFwKGVsZW1lbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgb3JpZ2luOiBudWxsLCBlbGVtZW50IH1cbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGV2ZW50c1xuICAgICAgICAgICAgKS5waXBlKHNoYXJlUmVwbGF5KDEpKSBhcyBhbnlcblxuICAgICAgICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImZvY3VzXCIsIHRoaXMuI29uRm9jdXMsIEVWRU5UX09QVElPTlMpXG4gICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiYmx1clwiLCB0aGlzLiNvbkJsdXIsIEVWRU5UX09QVElPTlMpXG5cbiAgICAgICAgICAgIHRoaXMuZC5hbnkoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCB0aGlzLiNvbkZvY3VzLCBFVkVOVF9PUFRJT05TKVxuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJibHVyXCIsIHRoaXMuI29uQmx1ciwgRVZFTlRfT1BUSU9OUylcbiAgICAgICAgICAgIH0pXG4gICAgICAgIH0pXG4gICAgfVxuXG4gICAgI29uRm9jdXMgPSAoZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy4jZm9jdXMubmV4dChldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICB9XG5cbiAgICAjb25CbHVyID0gKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICAgIHRoaXMuI2JsdXIubmV4dChldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICB9XG5cbiAgICB3YXRjaChub2RlOiBOb2RlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmV2ZW50cy5waXBlKFxuICAgICAgICAgICAgZmlsdGVyKGV2ZW50ID0+IGV2ZW50LmVsZW1lbnQgJiYgKGV2ZW50LmVsZW1lbnQgPT09IG5vZGUgfHwgbm9kZS5jb250YWlucyhldmVudC5lbGVtZW50KSkpLFxuICAgICAgICAgICAgc2hhcmVSZXBsYXkoMSlcbiAgICAgICAgKVxuICAgIH1cblxuICAgIGZvY3VzKG5vZGU6IEhUTUxFbGVtZW50LCBfb3JpZ29uOiBGb2N1c09yaWdpbiB8IG51bGwpIHtcbiAgICAgICAgLy8gVE9ETzogZm9jdXMgb3JpZ2luXG4gICAgICAgIG5vZGUuZm9jdXMoKVxuICAgIH1cblxuICAgIHF1ZXJ5Rm9jdXNhYmxlKGluc2lkZTogSFRNTEVsZW1lbnQpOiBGb2N1c2FibGVFbGVtZW50W10ge1xuICAgICAgICByZXR1cm4gZm9jdXNhYmxlKGluc2lkZSwgeyBpbmNsdWRlQ29udGFpbmVyOiBmYWxzZSB9KVxuICAgIH1cblxuICAgIGdldEZpcnN0Rm9jdXNhYmxlKGluc2lkZTogSFRNTEVsZW1lbnQpOiBGb2N1c2FibGVFbGVtZW50IHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucXVlcnlGb2N1c2FibGUoaW5zaWRlKVswXVxuICAgIH1cblxuICAgIGlzRm9jdXNhYmxlKG5vZGU6IEVsZW1lbnQpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIGlzRm9jdXNhYmxlKG5vZGUpXG4gICAgfVxufVxuXG5mdW5jdGlvbiBpc0FjdGl2aXR5RWxlbWVudChhY3Rpdml0eUVsPzogTm9kZSB8IG51bGwsIGZvY3VzZWQ/OiBOb2RlIHwgbnVsbCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBhY3Rpdml0eUVsICE9IG51bGwgJiYgZm9jdXNlZCAhPSBudWxsICYmIChhY3Rpdml0eUVsID09PSBmb2N1c2VkIHx8IGZvY3VzZWQuY29udGFpbnMoYWN0aXZpdHlFbCkpXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FyaWEvc3JjL2ZvY3VzL2ZvY3VzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBYyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBRWhHLE9BQU8sRUFBRSxTQUFTLEVBQXlCLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQTtBQUV4RSxPQUFPLEVBQWtCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQTs7QUFFN0QsTUFBTSxhQUFhLEdBQTRCO0lBQzNDLE9BQU8sRUFBRSxJQUFJO0lBQ2IsT0FBTyxFQUFFLElBQUk7Q0FDaEIsQ0FBQTtBQWdCRCxNQUFNLE9BQU8sWUFBWTtJQUNaLFNBQVMsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUE7SUFHNUMsWUFBOEIsUUFBa0IsRUFBa0IsSUFBWTtRQUMxRSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFjLENBQUMsQ0FBQyxDQUFBO1lBQzFGLE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFF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RSxDQUFDLENBQUE7SUFDekQsQ0FBQztJQUVELGlCQUFpQixDQUFDLE1BQW1CO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0lBRUQsV0FBVyxDQUFDLElBQWE7UUFDckIsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDNUIsQ0FBQzs4R0FsRlEsWUFBWSxrQkFJRCxRQUFRLGFBQThCLE1BQU07a0hBSnZELFlBQVksY0FEQyxNQUFNOzsyRkFDbkIsWUFBWTtrQkFEeEIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7OzBCQUtqQixNQUFNOzJCQUFDLFFBQVE7OzBCQUF1QixNQUFNOzJCQUFDLE1BQU07O0FBaUZwRSxTQUFTLGlCQUFpQixDQUFDLFVBQXdCLEVBQUUsT0FBcUI7SUFDdEUsT0FBTyxVQUFVLElBQUksSUFBSSxJQUFJLE9BQU8sSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssT0FBTyxJQUFJLE9BQU8sQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtBQUM1RyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCJcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0LCBJbmplY3RhYmxlLCBOZ1pvbmUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3BcIlxuXG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBmaWx0ZXIsIGZyb21FdmVudCwgbWFwLCBPYnNlcnZhYmxlLCBzaGFyZVJlcGxheSwgc3RhcnRXaXRoIH0gZnJvbSBcInJ4anNcIlxuXG5pbXBvcnQgeyBmb2N1c2FibGUsIHR5cGUgRm9jdXNhYmxlRWxlbWVudCwgaXNGb2N1c2FibGUgfSBmcm9tIFwidGFiYmFibGVcIlxuXG5pbXBvcnQgeyBBY3Rpdml0eU9yaWdpbiwgQWN0aXZpdHlTZXJ2aWNlIH0gZnJvbSBcIi4uL2FjdGl2aXR5XCJcblxuY29uc3QgRVZFTlRfT1BUSU9OUzogQWRkRXZlbnRMaXN0ZW5lck9wdGlvbnMgPSB7XG4gICAgY2FwdHVyZTogdHJ1ZSxcbiAgICBwYXNzaXZlOiB0cnVlXG59XG5cbmV4cG9ydCB0eXBlIEZvY3VzT3JpZ2luID0gQWN0aXZpdHlPcmlnaW4gfCBudWxsXG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9jdXNDaGFuZ2VzIHtcbiAgICBvcmlnaW46IEZvY3VzT3JpZ2luXG4gICAgZWxlbWVudDogSFRNTEVsZW1lbnRcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGb2N1c2FibGVFdmVudCB7XG4gICAgb3JpZ2luOiBGb2N1c09yaWdpblxuICAgIGV4YWN0OiBib29sZWFuXG4gICAgbm9kZTogTm9kZVxufVxuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46IFwicm9vdFwiIH0pXG5leHBvcnQgY2xhc3MgRm9jdXNTZXJ2aWNlIHtcbiAgICByZWFkb25seSAjYWN0aXZpdHkgPSBpbmplY3QoQWN0aXZpdHlTZXJ2aWNlKVxuICAgIHJlYWRvbmx5IGV2ZW50czogT2JzZXJ2YWJsZTxGb2N1c0NoYW5nZXM+XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KERPQ1VNRU5UKSBkb2N1bWVudDogRG9jdW1lbnQsIEBJbmplY3QoTmdab25lKSB6b25lOiBOZ1pvbmUpIHtcbiAgICAgICAgdGhpcy5ldmVudHMgPSB6b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGZvY3VzID0gZnJvbUV2ZW50KGRvY3VtZW50LCBcImZvY3VzXCIsIEVWRU5UX09QVElPTlMpLnBpcGUobWFwKGUgPT4gZS50YXJnZXQgYXMgTm9kZSkpXG4gICAgICAgICAgICBjb25zdCBibHVyID0gZnJvbUV2ZW50KGRvY3VtZW50LCBcImJsdXJcIiwgRVZFTlRfT1BUSU9OUykucGlwZShcbiAgICAgICAgICAgICAgICBzdGFydFdpdGgobnVsbCksXG4gICAgICAgICAgICAgICAgbWFwKGUgPT4gKGU/LnRhcmdldCBhcyBOb2RlKSB8fCBudWxsKVxuICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICByZXR1cm4gY29tYmluZUxhdGVzdCh7XG4gICAgICAgICAgICAgICAgYWN0aXZpdHk6IHRoaXMuI2FjdGl2aXR5LmV2ZW50cyxcbiAgICAgICAgICAgICAgICBmb2N1czogZm9jdXMsXG4gICAgICAgICAgICAgICAgYmx1cjogYmx1clxuICAgICAgICAgICAgfSkucGlwZShcbiAgICAgICAgICAgICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICAgICAgICAgICAgICBtYXAoKHsgYWN0aXZpdHksIGZvY3VzLCBibHVyIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gY29uc29sZS5sb2coeyBhY3Rpdml0eSwgZm9jdXMsIGJsdXIgfSlcblxuICAgICAgICAgICAgICAgICAgICAvLyBJZiBmb2N1cyBpbiB3aXRoIGFsdCt0YWJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGJsdXIgPT09IGRvY3VtZW50ICYmIGFjdGl2aXR5Lm9yaWdpbiA9PT0gXCJrZXlib2FyZFwiKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4geyBvcmlnaW46IFwicHJvZ3JhbVwiLCBlbGVtZW50OiBmb2N1cyB9XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICBpZiAoZm9jdXMgPT09IGRvY3VtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4geyBvcmlnaW46IFwicHJvZ3JhbVwiLCBlbGVtZW50OiBmb2N1cyB9XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAvLyBJZiBwcmVzcyB0YWIgYnV0dG9uLCBmaXJzdCBmaXJlIHRoZSBldmVudCBpbiB0aGUgY3VycmVudGx5IGZvY3VzZWQgZWxlbWVudFxuICAgICAgICAgICAgICAgICAgICBpZiAoZm9jdXMgPT09IGJsdXIpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAvLyBXaGVuIHByZXNzIHRhYiwgdGhlIGFjdGl2aXR5IGlzIG9uIHRoZSBjdXJyZW50IGZ1Y2VzZCBlbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICAvLyBzbyB3aGVuIGJsdXIgaXMgY2hhbmdlZCB0byBpdCwgdGhlIGZvY3VzIGNoYW5nZSBpcyBjb21wbGV0ZWRcbiAgICAgICAgICAgICAgICAgICAgaWYgKGFjdGl2aXR5Lm9yaWdpbiA9PT0gXCJrZXlib2FyZFwiICYmIGlzQWN0aXZpdHlFbGVtZW50KGFjdGl2aXR5Lm5vZGUsIGJsdXIpKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4geyBvcmlnaW46IFwia2V5Ym9hcmRcIiwgZWxlbWVudDogZm9jdXMgfVxuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgaWYgKGlzQWN0aXZpdHlFbGVtZW50KGFjdGl2aXR5Lm5vZGUsIGZvY3VzKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgb3JpZ2luOiBhY3Rpdml0eS5vcmlnaW4sIGVsZW1lbnQ6IGZvY3VzIH1cbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB7IG9yaWdpbjogXCJwcm9ncmFtXCIsIGVsZW1lbnQ6IGZvY3VzIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGZpbHRlcih2ID0+ICEhdiksXG4gICAgICAgICAgICAgICAgc2hhcmVSZXBsYXkoMSlcbiAgICAgICAgICAgICkgYXMgYW55XG4gICAgICAgIH0pXG4gICAgfVxuXG4gICAgd2F0Y2gobm9kZTogTm9kZSkge1xuICAgICAgICByZXR1cm4gdGhpcy5ldmVudHMucGlwZShcbiAgICAgICAgICAgIG1hcChldmVudCA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgICBldmVudC5lbGVtZW50ICYmXG4gICAgICAgICAgICAgICAgICAgIChldmVudC5lbGVtZW50ID09PSBub2RlIHx8ICh0eXBlb2Ygbm9kZS5jb250YWlucyA9PT0gXCJmdW5jdGlvblwiICYmIG5vZGUuY29udGFpbnMoZXZlbnQuZWxlbWVudCkpKVxuICAgICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZXZlbnRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIHsgZWxlbWVudDogbm9kZSwgb3JpZ2luOiBudWxsIH1cbiAgICAgICAgICAgIH0pXG4gICAgICAgIClcbiAgICB9XG5cbiAgICBmb2N1cyhub2RlOiBIVE1MRWxlbWVudCwgX29yaWdpbjogRm9jdXNPcmlnaW4gfCBudWxsKSB7XG4gICAgICAgIC8vIFRPRE86IGZvY3VzIG9yaWdpblxuICAgICAgICBub2RlLmZvY3VzKClcbiAgICB9XG5cbiAgICBxdWVyeUZvY3VzYWJsZShpbnNpZGU6IEhUTUxFbGVtZW50KTogRm9jdXNhYmxlRWxlbWVudFtdIHtcbiAgICAgICAgcmV0dXJuIGZvY3VzYWJsZShpbnNpZGUsIHsgaW5jbHVkZUNvbnRhaW5lcjogZmFsc2UgfSlcbiAgICB9XG5cbiAgICBnZXRGaXJzdEZvY3VzYWJsZShpbnNpZGU6IEhUTUxFbGVtZW50KTogRm9jdXNhYmxlRWxlbWVudCB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLnF1ZXJ5Rm9jdXNhYmxlKGluc2lkZSlbMF1cbiAgICB9XG5cbiAgICBpc0ZvY3VzYWJsZShub2RlOiBFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBpc0ZvY3VzYWJsZShub2RlKVxuICAgIH1cbn1cblxuZnVuY3Rpb24gaXNBY3Rpdml0eUVsZW1lbnQoYWN0aXZpdHlFbD86IE5vZGUgfCBudWxsLCBmb2N1c2VkPzogTm9kZSB8IG51bGwpOiBib29sZWFuIHtcbiAgICByZXR1cm4gYWN0aXZpdHlFbCAhPSBudWxsICYmIGZvY3VzZWQgIT0gbnVsbCAmJiAoYWN0aXZpdHlFbCA9PT0gZm9jdXNlZCB8fCBmb2N1c2VkLmNvbnRhaW5zKGFjdGl2aXR5RWwpKVxufVxuIl19

package/esm2022/focus/focusable.directive.mjs

@@ -1,53 +1,50 @@
-import { Directive, ElementRef, inject, NgZone } from "@angular/core";
-import { map, shareReplay } from "rxjs";
-import { Destructible, FastDOM } from "@ngutil/common";
-import { FocusService } from "./focus.service";
+import { Attribute, computed, Directive, effect, inject, input } from "@angular/core";
+import { DisabledState } from "@ngutil/common";
+import { FocusState } from "./focus-state.directive";
 import * as i0 from "@angular/core";
-// TODO: set [attr.focused]="[mouse | keyboard | program] [exact | child]"
-export class Focusable extends Destructible {
-    #service = inject(FocusService);
-    #elRef = inject((ElementRef));
-    #el = this.#elRef.nativeElement;
-    constructor(zone) {
-        super();
-        zone.runOutsideAngular(() => {
-            const events = this.#service.watch(this.#el);
-            this.events = events.pipe(map(event => {
-                const self = this.#el;
-                let exact = null;
-                let focused = event.element;
-                while (focused) {
-                    if (focused === self) {
-                        if (exact === null) {
-                            exact = true;
-                        }
-                        break;
-                    }
-                    else {
-                        const attr = focused.getAttribute("focused");
-                        if (attr && attr.length > 0) {
-                            exact = false;
-                            break;
-                        }
-                        focused = focused.parentElement;
-                    }
-                }
-                return { origin: event.origin, exact, node: event.element };
-            }), shareReplay(1));
-            this.origin = this.events.pipe(map(event => event.origin), shareReplay(1));
-            this.exact = this.events.pipe(map(event => event.exact), shareReplay(1));
-            this.d.sub(this.events).subscribe(event => {
-                FastDOM.setAttributes(this.#el, {
-                    focused: event.origin ? `${event.origin} ${event.exact ? "exact" : "child"}` : null
-                });
-            });
+import * as i1 from "./focus-state.directive";
+// TODO: what happens when disabled is changed
+export class Focusable {
+    #disabled;
+    #tabindex;
+    constructor(tabindex) {
+        this.#disabled = inject(DisabledState, { optional: true, self: true });
+        this.focusable = input(true, { alias: "nuFocusable" });
+        this.tabindex = computed(() => {
+            const focusable = this.focusable();
+            if (focusable === false || this.#disabled?.isDisabled()) {
+                return -1;
+            }
+            if (typeof focusable === "number") {
+                return focusable;
+            }
+            if (focusable === true && this.#tabindex != null && !isNaN(this.#tabindex)) {
+                return this.#tabindex;
+            }
+            return 0;
         });
+        if (tabindex != null) {
+            this.#tabindex = Number(tabindex);
+        }
+        // TODO: miért kell ez?, ha nincs itt akkor nem frissül
+        effect(() => this.tabindex(), { allowSignalWrites: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: Focusable, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.6", type: Focusable, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: Focusable, deps: [{ token: "tabindex", attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.6", type: Focusable, isStandalone: true, selector: "[nuFocusable]", inputs: { focusable: { classPropertyName: "focusable", publicName: "nuFocusable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "tabindex()" } }, exportAs: ["nuFocusable"], hostDirectives: [{ directive: i1.FocusState }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: Focusable, decorators: [{
             type: Directive,
-            args: [{ standalone: true }]
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXNhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FyaWEvc3JjL2ZvY3VzL2ZvY3VzYWJsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUVyRSxPQUFPLEVBQUUsR0FBRyxFQUFjLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQTtBQUVuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBRXRELE9BQU8sRUFBeUMsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7O0FBRXJGLDBFQUEwRTtBQUUxRSxNQUFNLE9BQU8sU0FBVSxTQUFRLFlBQVk7SUFDdkMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUMvQixNQUFNLEdBQUcsTUFBTSxDQUFDLENBQUEsVUFBZ0IsQ0FBQSxDQUFDLENBQUE7SUFDakMsR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFBO0lBTy9CLFlBQVksSUFBWTtRQUNwQixLQUFLLEVBQUUsQ0FBQTtRQUVQLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDeEIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUUzQztZQUFDLElBQStDLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQ2xFLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDUixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFBO2dCQUNyQixJQUFJLEtBQUssR0FBbUIsSUFBSSxDQUFBO2dCQUNoQyxJQUFJLE9BQU8sR0FBdUIsS0FBSyxDQUFDLE9BQU8sQ0FBQTtnQkFFL0MsT0FBTyxPQUFPLEVBQUUsQ0FBQztvQkFDYixJQUFJLE9BQU8sS0FBSyxJQUFJLEVBQUUsQ0FBQzt3QkFDbkIsSUFBSSxLQUFLLEtBQUssSUFBSSxFQUFFLENBQUM7NEJBQ2pCLEtBQUssR0FBRyxJQUFJLENBQUE7d0JBQ2hCLENBQUM7d0JBQ0QsTUFBSztvQkFDVCxDQUFDO3lCQUFNLENBQUM7d0JBQ0osTUFBTSxJQUFJLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQTt3QkFDNUMsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQzs0QkFDMUIsS0FBSyxHQUFHLEtBQUssQ0FBQTs0QkFDYixNQUFLO3dCQUNULENBQUM7d0JBRUQsT0FBTyxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUE7b0JBQ25DLENBQUM7Z0JBQ0wsQ0FBQztnQkFDRCxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFvQixDQUFBO1lBQ2pGLENBQUMsQ0FBQyxFQUNGLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDakIsQ0FDQTtZQUFDLElBQTRDLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNwRSxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQzFCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDakIsQ0FDQTtZQUFDLElBQXVDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUM5RCxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQ3pCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDakIsQ0FBQTtZQUVELElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3RDLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtvQkFDNUIsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJO2lCQUN0RixDQUFDLENBQUE7WUFDTixDQUFDLENBQUMsQ0FBQTtRQUNOLENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQzs4R0F6RFEsU0FBUztrR0FBVCxTQUFTOzsyRkFBVCxTQUFTO2tCQURyQixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0LCBOZ1pvbmUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5cbmltcG9ydCB7IG1hcCwgT2JzZXJ2YWJsZSwgc2hhcmVSZXBsYXkgfSBmcm9tIFwicnhqc1wiXG5cbmltcG9ydCB7IERlc3RydWN0aWJsZSwgRmFzdERPTSB9IGZyb20gXCJAbmd1dGlsL2NvbW1vblwiXG5cbmltcG9ydCB7IHR5cGUgRm9jdXNhYmxlRXZlbnQsIHR5cGUgRm9jdXNPcmlnaW4sIEZvY3VzU2VydmljZSB9IGZyb20gXCIuL2ZvY3VzLnNlcnZpY2VcIlxuXG4vLyBUT0RPOiBzZXQgW2F0dHIuZm9jdXNlZF09XCJbbW91c2UgfCBrZXlib2FyZCB8IHByb2dyYW1dIFtleGFjdCB8IGNoaWxkXVwiXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIEZvY3VzYWJsZSBleHRlbmRzIERlc3RydWN0aWJsZSB7XG4gICAgI3NlcnZpY2UgPSBpbmplY3QoRm9jdXNTZXJ2aWNlKVxuICAgICNlbFJlZiA9IGluamVjdChFbGVtZW50UmVmPE5vZGU+KVxuICAgICNlbCA9IHRoaXMuI2VsUmVmLm5hdGl2ZUVsZW1lbnRcblxuICAgIHJlYWRvbmx5IGV2ZW50cyE6IE9ic2VydmFibGU8Rm9jdXNhYmxlRXZlbnQ+XG4gICAgcmVhZG9ubHkgb3JpZ2luITogT2JzZXJ2YWJsZTxGb2N1c09yaWdpbj5cbiAgICAvLyByZWFkb25seSBvcmlnaW4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEZvY3VzT3JpZ2luPihudWxsKVxuICAgIHJlYWRvbmx5IGV4YWN0ITogT2JzZXJ2YWJsZTxib29sZWFuPlxuXG4gICAgY29uc3RydWN0b3Ioem9uZTogTmdab25lKSB7XG4gICAgICAgIHN1cGVyKClcblxuICAgICAgICB6b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGV2ZW50cyA9IHRoaXMuI3NlcnZpY2Uud2F0Y2godGhpcy4jZWwpXG5cbiAgICAgICAgICAgIDsodGhpcyBhcyB7IGV2ZW50czogT2JzZXJ2YWJsZTxGb2N1c2FibGVFdmVudD4gfSkuZXZlbnRzID0gZXZlbnRzLnBpcGUoXG4gICAgICAgICAgICAgICAgbWFwKGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2VsZiA9IHRoaXMuI2VsXG4gICAgICAgICAgICAgICAgICAgIGxldCBleGFjdDogYm9vbGVhbiB8IG51bGwgPSBudWxsXG4gICAgICAgICAgICAgICAgICAgIGxldCBmb2N1c2VkOiBIVE1MRWxlbWVudCB8IG51bGwgPSBldmVudC5lbGVtZW50XG5cbiAgICAgICAgICAgICAgICAgICAgd2hpbGUgKGZvY3VzZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChmb2N1c2VkID09PSBzZWxmKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGV4YWN0ID09PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGV4YWN0ID0gdHJ1ZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBicmVha1xuICAgICAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBhdHRyID0gZm9jdXNlZC5nZXRBdHRyaWJ1dGUoXCJmb2N1c2VkXCIpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGF0dHIgJiYgYXR0ci5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGV4YWN0ID0gZmFsc2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb2N1c2VkID0gZm9jdXNlZC5wYXJlbnRFbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgb3JpZ2luOiBldmVudC5vcmlnaW4sIGV4YWN0LCBub2RlOiBldmVudC5lbGVtZW50IH0gYXMgRm9jdXNhYmxlRXZlbnRcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBzaGFyZVJlcGxheSgxKVxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgOyh0aGlzIGFzIHsgb3JpZ2luOiBPYnNlcnZhYmxlPEZvY3VzT3JpZ2luPiB9KS5vcmlnaW4gPSB0aGlzLmV2ZW50cy5waXBlKFxuICAgICAgICAgICAgICAgIG1hcChldmVudCA9PiBldmVudC5vcmlnaW4pLFxuICAgICAgICAgICAgICAgIHNoYXJlUmVwbGF5KDEpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICA7KHRoaXMgYXMgeyBleGFjdDogT2JzZXJ2YWJsZTxib29sZWFuPiB9KS5leGFjdCA9IHRoaXMuZXZlbnRzLnBpcGUoXG4gICAgICAgICAgICAgICAgbWFwKGV2ZW50ID0+IGV2ZW50LmV4YWN0KSxcbiAgICAgICAgICAgICAgICBzaGFyZVJlcGxheSgxKVxuICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICB0aGlzLmQuc3ViKHRoaXMuZXZlbnRzKS5zdWJzY3JpYmUoZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgIEZhc3RET00uc2V0QXR0cmlidXRlcyh0aGlzLiNlbCwge1xuICAgICAgICAgICAgICAgICAgICBmb2N1c2VkOiBldmVudC5vcmlnaW4gPyBgJHtldmVudC5vcmlnaW59ICR7ZXZlbnQuZXhhY3QgPyBcImV4YWN0XCIgOiBcImNoaWxkXCJ9YCA6IG51bGxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgfSlcbiAgICAgICAgfSlcbiAgICB9XG59XG4iXX0=
+            args: [{
+                    standalone: true,
+                    selector: "[nuFocusable]",
+                    exportAs: "nuFocusable",
+                    host: {
+                        "[attr.tabindex]": "tabindex()"
+                    },
+                    hostDirectives: [FocusState]
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ["tabindex"]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXNhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FyaWEvc3JjL2ZvY3VzL2ZvY3VzYWJsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRXJGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUU5QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUE7OztBQUVwRCw4Q0FBOEM7QUFXOUMsTUFBTSxPQUFPLFNBQVM7SUFDVCxTQUFTLENBQXdEO0lBSWpFLFNBQVMsQ0FBUztJQW1CM0IsWUFBbUMsUUFBMEI7UUF2QnBELGNBQVMsR0FBRyxNQUFNLENBQUMsYUFBYSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtRQUVqRSxjQUFTLEdBQUcsS0FBSyxDQUFtQixJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQTtRQUduRSxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUM5QixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUE7WUFFbEMsSUFBSSxTQUFTLEtBQUssS0FBSyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLEVBQUUsQ0FBQztnQkFDdEQsT0FBTyxDQUFDLENBQUMsQ0FBQTtZQUNiLENBQUM7WUFFRCxJQUFJLE9BQU8sU0FBUyxLQUFLLFFBQVEsRUFBRSxDQUFDO2dCQUNoQyxPQUFPLFNBQVMsQ0FBQTtZQUNwQixDQUFDO1lBRUQsSUFBSSxTQUFTLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO2dCQUN6RSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUE7WUFDekIsQ0FBQztZQUVELE9BQU8sQ0FBQyxDQUFBO1FBQ1osQ0FBQyxDQUFDLENBQUE7UUFHRSxJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUNyQyxDQUFDO1FBRUQsdURBQXVEO1FBQ3ZELE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0lBQy9ELENBQUM7OEdBL0JRLFNBQVMsa0JBd0JLLFVBQVU7a0dBeEJ4QixTQUFTOzsyRkFBVCxTQUFTO2tCQVRyQixTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsZUFBZTtvQkFDekIsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLElBQUksRUFBRTt3QkFDRixpQkFBaUIsRUFBRSxZQUFZO3FCQUNsQztvQkFDRCxjQUFjLEVBQUUsQ0FBQyxVQUFVLENBQUM7aUJBQy9COzswQkF5QmdCLFNBQVM7MkJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEF0dHJpYnV0ZSwgY29tcHV0ZWQsIERpcmVjdGl2ZSwgZWZmZWN0LCBpbmplY3QsIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIlxuXG5pbXBvcnQgeyBEaXNhYmxlZFN0YXRlIH0gZnJvbSBcIkBuZ3V0aWwvY29tbW9uXCJcblxuaW1wb3J0IHsgRm9jdXNTdGF0ZSB9IGZyb20gXCIuL2ZvY3VzLXN0YXRlLmRpcmVjdGl2ZVwiXG5cbi8vIFRPRE86IHdoYXQgaGFwcGVucyB3aGVuIGRpc2FibGVkIGlzIGNoYW5nZWRcblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogXCJbbnVGb2N1c2FibGVdXCIsXG4gICAgZXhwb3J0QXM6IFwibnVGb2N1c2FibGVcIixcbiAgICBob3N0OiB7XG4gICAgICAgIFwiW2F0dHIudGFiaW5kZXhdXCI6IFwidGFiaW5kZXgoKVwiXG4gICAgfSxcbiAgICBob3N0RGlyZWN0aXZlczogW0ZvY3VzU3RhdGVdXG59KVxuZXhwb3J0IGNsYXNzIEZvY3VzYWJsZSB7XG4gICAgcmVhZG9ubHkgI2Rpc2FibGVkID0gaW5qZWN0KERpc2FibGVkU3RhdGUsIHsgb3B0aW9uYWw6IHRydWUsIHNlbGY6IHRydWUgfSlcblxuICAgIHJlYWRvbmx5IGZvY3VzYWJsZSA9IGlucHV0PGJvb2xlYW4gfCBudW1iZXI+KHRydWUsIHsgYWxpYXM6IFwibnVGb2N1c2FibGVcIiB9KVxuXG4gICAgcmVhZG9ubHkgI3RhYmluZGV4PzogbnVtYmVyXG4gICAgcmVhZG9ubHkgdGFiaW5kZXggPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvY3VzYWJsZSA9IHRoaXMuZm9jdXNhYmxlKClcblxuICAgICAgICBpZiAoZm9jdXNhYmxlID09PSBmYWxzZSB8fCB0aGlzLiNkaXNhYmxlZD8uaXNEaXNhYmxlZCgpKSB7XG4gICAgICAgICAgICByZXR1cm4gLTFcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0eXBlb2YgZm9jdXNhYmxlID09PSBcIm51bWJlclwiKSB7XG4gICAgICAgICAgICByZXR1cm4gZm9jdXNhYmxlXG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZm9jdXNhYmxlID09PSB0cnVlICYmIHRoaXMuI3RhYmluZGV4ICE9IG51bGwgJiYgIWlzTmFOKHRoaXMuI3RhYmluZGV4KSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuI3RhYmluZGV4XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gMFxuICAgIH0pXG5cbiAgICBjb25zdHJ1Y3RvcihAQXR0cmlidXRlKFwidGFiaW5kZXhcIikgdGFiaW5kZXg/OiBzdHJpbmcgfCBudW1iZXIpIHtcbiAgICAgICAgaWYgKHRhYmluZGV4ICE9IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuI3RhYmluZGV4ID0gTnVtYmVyKHRhYmluZGV4KVxuICAgICAgICB9XG5cbiAgICAgICAgLy8gVE9ETzogbWnDqXJ0IGtlbGwgZXo/LCBoYSBuaW5jcyBpdHQgYWtrb3IgbmVtIGZyaXNzw7xsXG4gICAgICAgIGVmZmVjdCgoKSA9PiB0aGlzLnRhYmluZGV4KCksIHsgYWxsb3dTaWduYWxXcml0ZXM6IGZhbHNlIH0pXG4gICAgfVxufVxuIl19

package/esm2022/focus/index.mjs

@@ -1,4 +1,5 @@
 export * from "./focus.service";
 export * from "./focus-trap.directive";
 export * from "./focusable.directive";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hcmlhL3NyYy9mb2N1cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFBO0FBQy9CLGNBQWMsd0JBQXdCLENBQUE7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL2ZvY3VzLnNlcnZpY2VcIlxuZXhwb3J0ICogZnJvbSBcIi4vZm9jdXMtdHJhcC5kaXJlY3RpdmVcIlxuZXhwb3J0ICogZnJvbSBcIi4vZm9jdXNhYmxlLmRpcmVjdGl2ZVwiXG4iXX0=
+export * from "./focus-state.directive";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hcmlhL3NyYy9mb2N1cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFBO0FBQy9CLGNBQWMsd0JBQXdCLENBQUE7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQTtBQUNyQyxjQUFjLHlCQUF5QixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vZm9jdXMuc2VydmljZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9mb2N1cy10cmFwLmRpcmVjdGl2ZVwiXG5leHBvcnQgKiBmcm9tIFwiLi9mb2N1c2FibGUuZGlyZWN0aXZlXCJcbmV4cG9ydCAqIGZyb20gXCIuL2ZvY3VzLXN0YXRlLmRpcmVjdGl2ZVwiXG4iXX0=

package/esm2022/index.mjs

@@ -1,3 +1,3 @@
 export { ActivityService } from "./activity";
-export { FocusService, FocusTrap, Focusable } from "./focus";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9hcmlhL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlDLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMzRSxPQUFPLEVBQWUsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWdDLE1BQU0sU0FBUyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQWN0aXZpdHlFdmVudCwgQWN0aXZpdHlPcmlnaW4sIEFjdGl2aXR5U2VydmljZSB9IGZyb20gXCIuL2FjdGl2aXR5XCJcbmV4cG9ydCB7IEZvY3VzT3JpZ2luLCBGb2N1c1NlcnZpY2UsIEZvY3VzVHJhcCwgRm9jdXNhYmxlLCBGb2N1c2FibGVFdmVudCwgRm9jdXNDaGFuZ2VzIH0gZnJvbSBcIi4vZm9jdXNcIlxuIl19
+export { FocusService, FocusTrap, Focusable, FocusState } from "./focus";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9hcmlhL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlDLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMzRSxPQUFPLEVBQWUsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFnQyxNQUFNLFNBQVMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEFjdGl2aXR5RXZlbnQsIEFjdGl2aXR5T3JpZ2luLCBBY3Rpdml0eVNlcnZpY2UgfSBmcm9tIFwiLi9hY3Rpdml0eVwiXG5leHBvcnQgeyBGb2N1c09yaWdpbiwgRm9jdXNTZXJ2aWNlLCBGb2N1c1RyYXAsIEZvY3VzYWJsZSwgRm9jdXNTdGF0ZSwgRm9jdXNhYmxlRXZlbnQsIEZvY3VzQ2hhbmdlcyB9IGZyb20gXCIuL2ZvY3VzXCJcbiJdfQ==

package/fesm2022/ngutil-aria.mjs

@@ -1,8 +1,9 @@
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { NgZone, Injectable, Inject, inject, ElementRef, Directive } from '@angular/core';
-import { Subject, distinctUntilChanged, shareReplay, filter, startWith, combineLatest, map, merge, BehaviorSubject } from 'rxjs';
-import { Destructible, FastDOM } from '@ngutil/common';
+import { NgZone, Injectable, Inject, inject, ElementRef, computed, effect, Directive, input, Attribute } from '@angular/core';
+import { Subject, distinctUntilChanged, shareReplay, filter, fromEvent, map, startWith, combineLatest, BehaviorSubject } from 'rxjs';
+import { Destructible, DisabledState } from '@ngutil/common';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { focusable, isFocusable } from 'tabbable';
 
 const EVENT_OPTIONS$1 = {
@@ -77,20 +78,17 @@ const EVENT_OPTIONS = {
     capture: true,
     passive: true
 };
-class FocusService extends Destructible {
+class FocusService {
     #activity = inject(ActivityService);
-    #focus = new Subject();
-    #blur = new Subject();
     constructor(document, zone) {
-        super();
-        zone.runOutsideAngular(() => {
-            const blur = this.#blur.pipe(startWith(null), shareReplay(1));
-            const focus = this.#focus.pipe(shareReplay(1));
-            const events = combineLatest({
+        this.events = zone.runOutsideAngular(() => {
+            const focus = fromEvent(document, "focus", EVENT_OPTIONS).pipe(map(e => e.target));
+            const blur = fromEvent(document, "blur", EVENT_OPTIONS).pipe(startWith(null), map(e => e?.target || null));
+            return combineLatest({
                 activity: this.#activity.events,
                 focus: focus,
                 blur: blur
-            }).pipe(map(({ activity, focus, blur }) => {
+            }).pipe(takeUntilDestroyed(), map(({ activity, focus, blur }) => {
                 // console.log({ activity, focus, blur })
                 // If focus in with alt+tab
                 if (blur === document && activity.origin === "keyboard") {
@@ -115,27 +113,18 @@ class FocusService extends Destructible {
                     return { origin: "program", element: focus };
                 }
             }), filter(v => !!v), shareReplay(1));
-            this.events = merge(blur.pipe(map(element => {
-                return { origin: null, element };
-            })), events).pipe(shareReplay(1));
-            document.addEventListener("focus", this.#onFocus, EVENT_OPTIONS);
-            document.addEventListener("blur", this.#onBlur, EVENT_OPTIONS);
-            this.d.any(() => {
-                document.removeEventListener("focus", this.#onFocus, EVENT_OPTIONS);
-                document.removeEventListener("blur", this.#onBlur, EVENT_OPTIONS);
-            });
         });
     }
-    #onFocus = (event) => {
-        this.#focus.next(event.target);
-    };
-    #onBlur = (event) => {
-        this.#blur.next(event.target);
-    };
     watch(node) {
-        return this.events.pipe(filter(event => event.element && (event.element === node || node.contains(event.element))), shareReplay(1));
+        return this.events.pipe(map(event => {
+            if (event.element &&
+                (event.element === node || (typeof node.contains === "function" && node.contains(event.element)))) {
+                return event;
+            }
+            return { element: node, origin: null };
+        }));
     }
-    focus(node, _origon) {
+    focus(node, _origin) {
         // TODO: focus origin
         node.focus();
     }
@@ -186,57 +175,85 @@ class FocusTrap extends Destructible {
     }
 }
 
-// TODO: set [attr.focused]="[mouse | keyboard | program] [exact | child]"
-class Focusable extends Destructible {
-    #service = inject(FocusService);
-    #elRef = inject((ElementRef));
-    #el = this.#elRef.nativeElement;
-    constructor(zone) {
-        super();
-        zone.runOutsideAngular(() => {
-            const events = this.#service.watch(this.#el);
-            this.events = events.pipe(map(event => {
-                const self = this.#el;
-                let exact = null;
-                let focused = event.element;
-                while (focused) {
-                    if (focused === self) {
-                        if (exact === null) {
-                            exact = true;
-                        }
-                        break;
-                    }
-                    else {
-                        const attr = focused.getAttribute("focused");
-                        if (attr && attr.length > 0) {
-                            exact = false;
-                            break;
-                        }
-                        focused = focused.parentElement;
+class FocusState {
+    #focus;
+    #el;
+    #event;
+    constructor() {
+        this.#focus = inject(FocusService);
+        this.#el = inject(ElementRef);
+        this.#event = this.#focus.watch(this.#el.nativeElement).pipe(takeUntilDestroyed(), shareReplay(1));
+        this.event = toSignal(this.#event, { rejectErrors: true, manualCleanup: true });
+        this.origin = computed(() => this.event()?.origin);
+        this.within = computed(() => {
+            const event = this.event();
+            return event ? (event.element !== this.#el.nativeElement ? event.origin : null) : null;
+        });
+        // TODO: miért kell ez?, ha nincs itt akkor nem frissül
+        effect(() => this.origin(), { allowSignalWrites: false });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: FocusState, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.6", type: FocusState, isStandalone: true, host: { properties: { "attr.focus": "origin()", "attr.focusWithin": "within()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: FocusState, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    host: {
+                        "[attr.focus]": "origin()",
+                        "[attr.focusWithin]": "within()"
                     }
-                }
-                return { origin: event.origin, exact, node: event.element };
-            }), shareReplay(1));
-            this.origin = this.events.pipe(map(event => event.origin), shareReplay(1));
-            this.exact = this.events.pipe(map(event => event.exact), shareReplay(1));
-            this.d.sub(this.events).subscribe(event => {
-                FastDOM.setAttributes(this.#el, {
-                    focused: event.origin ? `${event.origin} ${event.exact ? "exact" : "child"}` : null
-                });
-            });
+                }]
+        }], ctorParameters: () => [] });
+
+// TODO: what happens when disabled is changed
+class Focusable {
+    #disabled;
+    #tabindex;
+    constructor(tabindex) {
+        this.#disabled = inject(DisabledState, { optional: true, self: true });
+        this.focusable = input(true, { alias: "nuFocusable" });
+        this.tabindex = computed(() => {
+            const focusable = this.focusable();
+            if (focusable === false || this.#disabled?.isDisabled()) {
+                return -1;
+            }
+            if (typeof focusable === "number") {
+                return focusable;
+            }
+            if (focusable === true && this.#tabindex != null && !isNaN(this.#tabindex)) {
+                return this.#tabindex;
+            }
+            return 0;
         });
+        if (tabindex != null) {
+            this.#tabindex = Number(tabindex);
+        }
+        // TODO: miért kell ez?, ha nincs itt akkor nem frissül
+        effect(() => this.tabindex(), { allowSignalWrites: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: Focusable, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.6", type: Focusable, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: Focusable, deps: [{ token: "tabindex", attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.6", type: Focusable, isStandalone: true, selector: "[nuFocusable]", inputs: { focusable: { classPropertyName: "focusable", publicName: "nuFocusable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "tabindex()" } }, exportAs: ["nuFocusable"], hostDirectives: [{ directive: FocusState }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: Focusable, decorators: [{
             type: Directive,
-            args: [{ standalone: true }]
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
+            args: [{
+                    standalone: true,
+                    selector: "[nuFocusable]",
+                    exportAs: "nuFocusable",
+                    host: {
+                        "[attr.tabindex]": "tabindex()"
+                    },
+                    hostDirectives: [FocusState]
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ["tabindex"]
+                }] }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityService, FocusService, FocusTrap, Focusable };
+export { ActivityService, FocusService, FocusState, FocusTrap, Focusable };
 //# sourceMappingURL=ngutil-aria.mjs.map

package/fesm2022/ngutil-aria.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngutil-aria.mjs","sources":["../../../../packages/aria/src/activity/activity.service.ts","../../../../packages/aria/src/focus/focus.service.ts","../../../../packages/aria/src/focus/focus-trap.directive.ts","../../../../packages/aria/src/focus/focusable.directive.ts","../../../../packages/aria/src/ngutil-aria.ts"],"sourcesContent":["import { DOCUMENT } from \"@angular/common\"\nimport { Inject, Injectable, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, filter, Observable, shareReplay, Subject } from \"rxjs\"\n\nimport { Destructible } from \"@ngutil/common\"\n\n// TODO: detect program activity\nexport type ActivityOrigin = \"mouse\" | \"keyboard\" | \"touch\" | \"program\"\n\nexport interface ActivityEvent {\n    origin: ActivityOrigin\n    node?: Node\n}\n\nconst EVENT_OPTIONS: AddEventListenerOptions = {\n    capture: true,\n    passive: true\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class ActivityService extends Destructible {\n    #activity!: Subject<ActivityEvent>\n\n    readonly events!: Observable<ActivityEvent>\n\n    constructor(@Inject(DOCUMENT) document: Document, @Inject(NgZone) zone: NgZone) {\n        super()\n\n        zone.runOutsideAngular(() => {\n            this.#activity = new Subject()\n            ;(this as { events: Observable<ActivityEvent> }).events = this.#activity.pipe(\n                distinctUntilChanged((prev, curr): boolean => {\n                    if (prev && curr) {\n                        return prev.origin === curr.origin && prev.node === curr.node\n                    } else {\n                        return false\n                    }\n                }),\n                shareReplay(1)\n            )\n\n            document.addEventListener(\"keydown\", this.#onKeydown, EVENT_OPTIONS)\n            document.addEventListener(\"mousedown\", this.#onMouseDown, EVENT_OPTIONS)\n            document.addEventListener(\"mousemove\", this.#onMouseMove, EVENT_OPTIONS)\n            document.addEventListener(\"touchstart\", this.#onTouchStart, EVENT_OPTIONS)\n\n            this.d.any(() => {\n                document.removeEventListener(\"keydown\", this.#onKeydown, EVENT_OPTIONS)\n                document.removeEventListener(\"mousedown\", this.#onMouseDown, EVENT_OPTIONS)\n                document.removeEventListener(\"mousemove\", this.#onMouseMove, EVENT_OPTIONS)\n                document.removeEventListener(\"touchstart\", this.#onTouchStart, EVENT_OPTIONS)\n            })\n        })\n    }\n\n    watchActivity(node?: HTMLElement) {\n        if (node) {\n            return this.events.pipe(\n                filter(\n                    event =>\n                        event.node != null &&\n                        (event.node === node || (event.node instanceof HTMLElement && event.node.contains(node)))\n                ),\n                shareReplay(1)\n            )\n        } else {\n            return this.events\n        }\n    }\n\n    watchInactvity(timeout: number) {\n        throw Error(\"Not implemnted yet\")\n    }\n\n    #onKeydown = (event: KeyboardEvent) => {\n        this.#activity.next({ origin: \"keyboard\", node: event.target as any })\n    }\n\n    #onMouseDown = (event: MouseEvent) => {\n        this.#activity.next({ origin: \"mouse\", node: event.target as any })\n    }\n\n    #onMouseMove = (event: MouseEvent) => {\n        // this.#activity.next({ origin: \"mouse\" })\n    }\n\n    #onTouchStart = (event: TouchEvent) => {\n        this.#activity.next({ origin: \"touch\", node: event.target as any })\n    }\n}\n","import { DOCUMENT } from \"@angular/common\"\nimport { inject, Inject, Injectable, NgZone } from \"@angular/core\"\n\nimport { combineLatest, filter, map, merge, Observable, shareReplay, startWith, Subject } from \"rxjs\"\n\nimport { focusable, type FocusableElement, isFocusable } from \"tabbable\"\n\nimport { Destructible } from \"@ngutil/common\"\n\nimport { ActivityOrigin, ActivityService } from \"../activity\"\n\nconst EVENT_OPTIONS: AddEventListenerOptions = {\n    capture: true,\n    passive: true\n}\n\nexport type FocusOrigin = ActivityOrigin | null\n// export type FocusTarget = null | \"self\" | \"child\"\n\nexport interface FocusChanges {\n    origin: FocusOrigin\n    element: HTMLElement\n}\n\nexport interface FocusableEvent {\n    origin: FocusOrigin\n    exact: boolean\n    node: Node\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class FocusService extends Destructible {\n    #activity = inject(ActivityService)\n    #focus = new Subject<Node>()\n    #blur = new Subject<Node>()\n    events!: Observable<FocusChanges>\n\n    constructor(@Inject(DOCUMENT) document: Document, @Inject(NgZone) zone: NgZone) {\n        super()\n\n        zone.runOutsideAngular(() => {\n            const blur = this.#blur.pipe(startWith(null), shareReplay(1))\n            const focus = this.#focus.pipe(shareReplay(1))\n\n            const events = combineLatest({\n                activity: this.#activity.events,\n                focus: focus,\n                blur: blur\n            }).pipe(\n                map(({ activity, focus, blur }) => {\n                    // console.log({ activity, focus, blur })\n\n                    // If focus in with alt+tab\n                    if (blur === document && activity.origin === \"keyboard\") {\n                        return { origin: \"program\", element: focus }\n                    }\n\n                    if (focus === document) {\n                        return { origin: \"program\", element: focus }\n                    }\n\n                    // If press tab button, first fire the event in the currently focused element\n                    if (focus === blur) {\n                        return null\n                    }\n\n                    // When press tab, the activity is on the current fucesd element,\n                    // so when blur is changed to it, the focus change is completed\n                    if (activity.origin === \"keyboard\" && isActivityElement(activity.node, blur)) {\n                        return { origin: \"keyboard\", element: focus }\n                    }\n\n                    if (isActivityElement(activity.node, focus)) {\n                        return { origin: activity.origin, element: focus }\n                    } else {\n                        return { origin: \"program\", element: focus }\n                    }\n                }),\n                filter(v => !!v),\n                shareReplay(1)\n            ) as any\n\n            this.events = merge(\n                blur.pipe(\n                    map(element => {\n                        return { origin: null, element }\n                    })\n                ),\n                events\n            ).pipe(shareReplay(1)) as any\n\n            document.addEventListener(\"focus\", this.#onFocus, EVENT_OPTIONS)\n            document.addEventListener(\"blur\", this.#onBlur, EVENT_OPTIONS)\n\n            this.d.any(() => {\n                document.removeEventListener(\"focus\", this.#onFocus, EVENT_OPTIONS)\n                document.removeEventListener(\"blur\", this.#onBlur, EVENT_OPTIONS)\n            })\n        })\n    }\n\n    #onFocus = (event: FocusEvent) => {\n        this.#focus.next(event.target as Node)\n    }\n\n    #onBlur = (event: FocusEvent) => {\n        this.#blur.next(event.target as Node)\n    }\n\n    watch(node: Node) {\n        return this.events.pipe(\n            filter(event => event.element && (event.element === node || node.contains(event.element))),\n            shareReplay(1)\n        )\n    }\n\n    focus(node: HTMLElement, _origon: FocusOrigin | null) {\n        // TODO: focus origin\n        node.focus()\n    }\n\n    queryFocusable(inside: HTMLElement): FocusableElement[] {\n        return focusable(inside, { includeContainer: false })\n    }\n\n    getFirstFocusable(inside: HTMLElement): FocusableElement | undefined {\n        return this.queryFocusable(inside)[0]\n    }\n\n    isFocusable(node: Element): boolean {\n        return isFocusable(node)\n    }\n}\n\nfunction isActivityElement(activityEl?: Node | null, focused?: Node | null): boolean {\n    return activityEl != null && focused != null && (activityEl === focused || focused.contains(activityEl))\n}\n","import { ElementRef, inject } from \"@angular/core\"\n\nimport { BehaviorSubject } from \"rxjs\"\n\nimport { Destructible } from \"@ngutil/common\"\n\nimport { FocusService } from \"./focus.service\"\n\n// TODO: implement\nexport class FocusTrap extends Destructible {\n    #manager = inject(FocusService)\n    #el = inject(ElementRef<HTMLElement>)\n\n    get enabled() {\n        return this.#enabled.value\n    }\n    set enabled(val: boolean) {\n        if (this.#enabled.value !== val) {\n            this.#enabled.next(val)\n        }\n    }\n    #enabled = new BehaviorSubject<boolean>(true)\n\n    enable() {\n        this.enabled = true\n    }\n\n    disable() {\n        this.enabled = false\n    }\n}\n","import { Directive, ElementRef, inject, NgZone } from \"@angular/core\"\n\nimport { map, Observable, shareReplay } from \"rxjs\"\n\nimport { Destructible, FastDOM } from \"@ngutil/common\"\n\nimport { type FocusableEvent, type FocusOrigin, FocusService } from \"./focus.service\"\n\n// TODO: set [attr.focused]=\"[mouse | keyboard | program] [exact | child]\"\n@Directive({ standalone: true })\nexport class Focusable extends Destructible {\n    #service = inject(FocusService)\n    #elRef = inject(ElementRef<Node>)\n    #el = this.#elRef.nativeElement\n\n    readonly events!: Observable<FocusableEvent>\n    readonly origin!: Observable<FocusOrigin>\n    // readonly origin = new BehaviorSubject<FocusOrigin>(null)\n    readonly exact!: Observable<boolean>\n\n    constructor(zone: NgZone) {\n        super()\n\n        zone.runOutsideAngular(() => {\n            const events = this.#service.watch(this.#el)\n\n            ;(this as { events: Observable<FocusableEvent> }).events = events.pipe(\n                map(event => {\n                    const self = this.#el\n                    let exact: boolean | null = null\n                    let focused: HTMLElement | null = event.element\n\n                    while (focused) {\n                        if (focused === self) {\n                            if (exact === null) {\n                                exact = true\n                            }\n                            break\n                        } else {\n                            const attr = focused.getAttribute(\"focused\")\n                            if (attr && attr.length > 0) {\n                                exact = false\n                                break\n                            }\n\n                            focused = focused.parentElement\n                        }\n                    }\n                    return { origin: event.origin, exact, node: event.element } as FocusableEvent\n                }),\n                shareReplay(1)\n            )\n            ;(this as { origin: Observable<FocusOrigin> }).origin = this.events.pipe(\n                map(event => event.origin),\n                shareReplay(1)\n            )\n            ;(this as { exact: Observable<boolean> }).exact = this.events.pipe(\n                map(event => event.exact),\n                shareReplay(1)\n            )\n\n            this.d.sub(this.events).subscribe(event => {\n                FastDOM.setAttributes(this.#el, {\n                    focused: event.origin ? `${event.origin} ${event.exact ? \"exact\" : \"child\"}` : null\n                })\n            })\n        })\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EVENT_OPTIONS"],"mappings":"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"}
+{"version":3,"file":"ngutil-aria.mjs","sources":["../../../../packages/aria/src/activity/activity.service.ts","../../../../packages/aria/src/focus/focus.service.ts","../../../../packages/aria/src/focus/focus-trap.directive.ts","../../../../packages/aria/src/focus/focus-state.directive.ts","../../../../packages/aria/src/focus/focusable.directive.ts","../../../../packages/aria/src/ngutil-aria.ts"],"sourcesContent":["import { DOCUMENT } from \"@angular/common\"\nimport { Inject, Injectable, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, filter, Observable, shareReplay, Subject } from \"rxjs\"\n\nimport { Destructible } from \"@ngutil/common\"\n\n// TODO: detect program activity\nexport type ActivityOrigin = \"mouse\" | \"keyboard\" | \"touch\" | \"program\"\n\nexport interface ActivityEvent {\n    origin: ActivityOrigin\n    node?: Node\n}\n\nconst EVENT_OPTIONS: AddEventListenerOptions = {\n    capture: true,\n    passive: true\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class ActivityService extends Destructible {\n    #activity!: Subject<ActivityEvent>\n\n    readonly events!: Observable<ActivityEvent>\n\n    constructor(@Inject(DOCUMENT) document: Document, @Inject(NgZone) zone: NgZone) {\n        super()\n\n        zone.runOutsideAngular(() => {\n            this.#activity = new Subject()\n            ;(this as { events: Observable<ActivityEvent> }).events = this.#activity.pipe(\n                distinctUntilChanged((prev, curr): boolean => {\n                    if (prev && curr) {\n                        return prev.origin === curr.origin && prev.node === curr.node\n                    } else {\n                        return false\n                    }\n                }),\n                shareReplay(1)\n            )\n\n            document.addEventListener(\"keydown\", this.#onKeydown, EVENT_OPTIONS)\n            document.addEventListener(\"mousedown\", this.#onMouseDown, EVENT_OPTIONS)\n            document.addEventListener(\"mousemove\", this.#onMouseMove, EVENT_OPTIONS)\n            document.addEventListener(\"touchstart\", this.#onTouchStart, EVENT_OPTIONS)\n\n            this.d.any(() => {\n                document.removeEventListener(\"keydown\", this.#onKeydown, EVENT_OPTIONS)\n                document.removeEventListener(\"mousedown\", this.#onMouseDown, EVENT_OPTIONS)\n                document.removeEventListener(\"mousemove\", this.#onMouseMove, EVENT_OPTIONS)\n                document.removeEventListener(\"touchstart\", this.#onTouchStart, EVENT_OPTIONS)\n            })\n        })\n    }\n\n    watchActivity(node?: HTMLElement) {\n        if (node) {\n            return this.events.pipe(\n                filter(\n                    event =>\n                        event.node != null &&\n                        (event.node === node || (event.node instanceof HTMLElement && event.node.contains(node)))\n                ),\n                shareReplay(1)\n            )\n        } else {\n            return this.events\n        }\n    }\n\n    watchInactvity(timeout: number) {\n        throw Error(\"Not implemnted yet\")\n    }\n\n    #onKeydown = (event: KeyboardEvent) => {\n        this.#activity.next({ origin: \"keyboard\", node: event.target as any })\n    }\n\n    #onMouseDown = (event: MouseEvent) => {\n        this.#activity.next({ origin: \"mouse\", node: event.target as any })\n    }\n\n    #onMouseMove = (event: MouseEvent) => {\n        // this.#activity.next({ origin: \"mouse\" })\n    }\n\n    #onTouchStart = (event: TouchEvent) => {\n        this.#activity.next({ origin: \"touch\", node: event.target as any })\n    }\n}\n","import { DOCUMENT } from \"@angular/common\"\nimport { inject, Inject, Injectable, NgZone } from \"@angular/core\"\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\"\n\nimport { combineLatest, filter, fromEvent, map, Observable, shareReplay, startWith } from \"rxjs\"\n\nimport { focusable, type FocusableElement, isFocusable } from \"tabbable\"\n\nimport { ActivityOrigin, ActivityService } from \"../activity\"\n\nconst EVENT_OPTIONS: AddEventListenerOptions = {\n    capture: true,\n    passive: true\n}\n\nexport type FocusOrigin = ActivityOrigin | null\n\nexport interface FocusChanges {\n    origin: FocusOrigin\n    element: HTMLElement\n}\n\nexport interface FocusableEvent {\n    origin: FocusOrigin\n    exact: boolean\n    node: Node\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class FocusService {\n    readonly #activity = inject(ActivityService)\n    readonly events: Observable<FocusChanges>\n\n    constructor(@Inject(DOCUMENT) document: Document, @Inject(NgZone) zone: NgZone) {\n        this.events = zone.runOutsideAngular(() => {\n            const focus = fromEvent(document, \"focus\", EVENT_OPTIONS).pipe(map(e => e.target as Node))\n            const blur = fromEvent(document, \"blur\", EVENT_OPTIONS).pipe(\n                startWith(null),\n                map(e => (e?.target as Node) || null)\n            )\n\n            return combineLatest({\n                activity: this.#activity.events,\n                focus: focus,\n                blur: blur\n            }).pipe(\n                takeUntilDestroyed(),\n                map(({ activity, focus, blur }) => {\n                    // console.log({ activity, focus, blur })\n\n                    // If focus in with alt+tab\n                    if (blur === document && activity.origin === \"keyboard\") {\n                        return { origin: \"program\", element: focus }\n                    }\n\n                    if (focus === document) {\n                        return { origin: \"program\", element: focus }\n                    }\n\n                    // If press tab button, first fire the event in the currently focused element\n                    if (focus === blur) {\n                        return null\n                    }\n\n                    // When press tab, the activity is on the current fucesd element,\n                    // so when blur is changed to it, the focus change is completed\n                    if (activity.origin === \"keyboard\" && isActivityElement(activity.node, blur)) {\n                        return { origin: \"keyboard\", element: focus }\n                    }\n\n                    if (isActivityElement(activity.node, focus)) {\n                        return { origin: activity.origin, element: focus }\n                    } else {\n                        return { origin: \"program\", element: focus }\n                    }\n                }),\n                filter(v => !!v),\n                shareReplay(1)\n            ) as any\n        })\n    }\n\n    watch(node: Node) {\n        return this.events.pipe(\n            map(event => {\n                if (\n                    event.element &&\n                    (event.element === node || (typeof node.contains === \"function\" && node.contains(event.element)))\n                ) {\n                    return event\n                }\n                return { element: node, origin: null }\n            })\n        )\n    }\n\n    focus(node: HTMLElement, _origin: FocusOrigin | null) {\n        // TODO: focus origin\n        node.focus()\n    }\n\n    queryFocusable(inside: HTMLElement): FocusableElement[] {\n        return focusable(inside, { includeContainer: false })\n    }\n\n    getFirstFocusable(inside: HTMLElement): FocusableElement | undefined {\n        return this.queryFocusable(inside)[0]\n    }\n\n    isFocusable(node: Element): boolean {\n        return isFocusable(node)\n    }\n}\n\nfunction isActivityElement(activityEl?: Node | null, focused?: Node | null): boolean {\n    return activityEl != null && focused != null && (activityEl === focused || focused.contains(activityEl))\n}\n","import { ElementRef, inject } from \"@angular/core\"\n\nimport { BehaviorSubject } from \"rxjs\"\n\nimport { Destructible } from \"@ngutil/common\"\n\nimport { FocusService } from \"./focus.service\"\n\n// TODO: implement\nexport class FocusTrap extends Destructible {\n    #manager = inject(FocusService)\n    #el = inject(ElementRef<HTMLElement>)\n\n    get enabled() {\n        return this.#enabled.value\n    }\n    set enabled(val: boolean) {\n        if (this.#enabled.value !== val) {\n            this.#enabled.next(val)\n        }\n    }\n    #enabled = new BehaviorSubject<boolean>(true)\n\n    enable() {\n        this.enabled = true\n    }\n\n    disable() {\n        this.enabled = false\n    }\n}\n","import { computed, Directive, effect, ElementRef, inject } from \"@angular/core\"\nimport { takeUntilDestroyed, toSignal } from \"@angular/core/rxjs-interop\"\n\nimport { shareReplay } from \"rxjs\"\n\nimport { FocusService } from \"./focus.service\"\n\n@Directive({\n    standalone: true,\n    host: {\n        \"[attr.focus]\": \"origin()\",\n        \"[attr.focusWithin]\": \"within()\"\n    }\n})\nexport class FocusState {\n    readonly #focus = inject(FocusService)\n    readonly #el = inject<ElementRef<HTMLElement>>(ElementRef)\n\n    readonly #event = this.#focus.watch(this.#el.nativeElement).pipe(takeUntilDestroyed(), shareReplay(1))\n    readonly event = toSignal(this.#event, { rejectErrors: true, manualCleanup: true })\n\n    readonly origin = computed(() => this.event()?.origin)\n\n    readonly within = computed(() => {\n        const event = this.event()\n        return event ? (event.element !== this.#el.nativeElement ? event.origin : null) : null\n    })\n\n    constructor() {\n        // TODO: miért kell ez?, ha nincs itt akkor nem frissül\n        effect(() => this.origin(), { allowSignalWrites: false })\n    }\n}\n","import { Attribute, computed, Directive, effect, inject, input } from \"@angular/core\"\n\nimport { DisabledState } from \"@ngutil/common\"\n\nimport { FocusState } from \"./focus-state.directive\"\n\n// TODO: what happens when disabled is changed\n\n@Directive({\n    standalone: true,\n    selector: \"[nuFocusable]\",\n    exportAs: \"nuFocusable\",\n    host: {\n        \"[attr.tabindex]\": \"tabindex()\"\n    },\n    hostDirectives: [FocusState]\n})\nexport class Focusable {\n    readonly #disabled = inject(DisabledState, { optional: true, self: true })\n\n    readonly focusable = input<boolean | number>(true, { alias: \"nuFocusable\" })\n\n    readonly #tabindex?: number\n    readonly tabindex = computed(() => {\n        const focusable = this.focusable()\n\n        if (focusable === false || this.#disabled?.isDisabled()) {\n            return -1\n        }\n\n        if (typeof focusable === \"number\") {\n            return focusable\n        }\n\n        if (focusable === true && this.#tabindex != null && !isNaN(this.#tabindex)) {\n            return this.#tabindex\n        }\n\n        return 0\n    })\n\n    constructor(@Attribute(\"tabindex\") tabindex?: string | number) {\n        if (tabindex != null) {\n            this.#tabindex = Number(tabindex)\n        }\n\n        // TODO: miért kell ez?, ha nincs itt akkor nem frissül\n        effect(() => this.tabindex(), { allowSignalWrites: false })\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EVENT_OPTIONS","i1.FocusState"],"mappings":"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"}

package/focus/focus-state.directive.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class FocusState {
+    #private;
+    readonly event: import("@angular/core").Signal<import("./focus.service").FocusChanges | {
+        element: Node;
+        origin: null;
+    } | undefined>;
+    readonly origin: import("@angular/core").Signal<import("./focus.service").FocusOrigin | undefined>;
+    readonly within: import("@angular/core").Signal<import("./focus.service").FocusOrigin>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusState, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusState, never, never, {}, {}, never, never, true, never>;
+}

package/focus/focus.service.d.ts

@@ -1,7 +1,6 @@
 import { NgZone } from "@angular/core";
 import { Observable } from "rxjs";
 import { type FocusableElement } from "tabbable";
-import { Destructible } from "@ngutil/common";
 import { ActivityOrigin } from "../activity";
 import * as i0 from "@angular/core";
 export type FocusOrigin = ActivityOrigin | null;
@@ -14,12 +13,15 @@ export interface FocusableEvent {
     exact: boolean;
     node: Node;
 }
-export declare class FocusService extends Destructible {
+export declare class FocusService {
     #private;
-    events: Observable<FocusChanges>;
+    readonly events: Observable<FocusChanges>;
     constructor(document: Document, zone: NgZone);
-    watch(node: Node): Observable<FocusChanges>;
-    focus(node: HTMLElement, _origon: FocusOrigin | null): void;
+    watch(node: Node): Observable<FocusChanges | {
+        element: Node;
+        origin: null;
+    }>;
+    focus(node: HTMLElement, _origin: FocusOrigin | null): void;
     queryFocusable(inside: HTMLElement): FocusableElement[];
     getFirstFocusable(inside: HTMLElement): FocusableElement | undefined;
     isFocusable(node: Element): boolean;

package/focus/focusable.directive.d.ts

@@ -1,14 +1,10 @@
-import { NgZone } from "@angular/core";
-import { Observable } from "rxjs";
-import { Destructible } from "@ngutil/common";
-import { type FocusableEvent, type FocusOrigin } from "./focus.service";
 import * as i0 from "@angular/core";
-export declare class Focusable extends Destructible {
+import * as i1 from "./focus-state.directive";
+export declare class Focusable {
     #private;
-    readonly events: Observable<FocusableEvent>;
-    readonly origin: Observable<FocusOrigin>;
-    readonly exact: Observable<boolean>;
-    constructor(zone: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<Focusable, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Focusable, never, never, {}, {}, never, never, true, never>;
+    readonly focusable: import("@angular/core").InputSignal<number | boolean>;
+    readonly tabindex: import("@angular/core").Signal<number>;
+    constructor(tabindex?: string | number);
+    static ɵfac: i0.ɵɵFactoryDeclaration<Focusable, [{ attribute: "tabindex"; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Focusable, "[nuFocusable]", ["nuFocusable"], { "focusable": { "alias": "nuFocusable"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.FocusState; inputs: {}; outputs: {}; }]>;
 }

package/focus/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./focus.service";
 export * from "./focus-trap.directive";
 export * from "./focusable.directive";
+export * from "./focus-state.directive";

package/index.d.ts

@@ -1,2 +1,2 @@
 export { ActivityEvent, ActivityOrigin, ActivityService } from "./activity";
-export { FocusOrigin, FocusService, FocusTrap, Focusable, FocusableEvent, FocusChanges } from "./focus";
+export { FocusOrigin, FocusService, FocusTrap, Focusable, FocusState, FocusableEvent, FocusChanges } from "./focus";

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@ngutil/aria",
-  "version": "0.0.19",
+  "version": "0.0.24",
   "peerDependencies": {
     "@angular/common": "^17.3.6",
     "@angular/core": "^17.3.6",
-    "@ngutil/common": "0.0.18",
     "rxjs": "^7.8.1",
-    "tabbable": "^6.2.0"
+    "tabbable": "^6.2.0",
+    "@ngutil/common": "0.0.24"
   },
   "publishConfig": {
     "access": "public",