ng-primitives 0.91.2 → 0.93.0

package/fesm2022/ng-primitives-focus-trap.mjs

@@ -1,31 +1,11 @@
-import { FocusMonitor, InteractivityChecker } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { inject, Injector, ElementRef, NgZone, input, booleanAttribute, afterNextRender, HostListener, Directive } from '@angular/core';
+import { inject, Injector, NgZone, signal, afterNextRender, input, booleanAttribute, Directive } from '@angular/core';
+import { FocusMonitor, InteractivityChecker } from '@angular/cdk/a11y';
+import { injectElementRef } from 'ng-primitives/internal';
 import { NgpOverlay } from 'ng-primitives/portal';
+import { createPrimitive, attrBinding, dataBinding, onDestroy, listener } from 'ng-primitives/state';
 import { safeTakeUntilDestroyed } from 'ng-primitives/utils';
-import { createStateToken, createStateProvider, createStateInjector, createState } from 'ng-primitives/state';
-
-/**
- * The state token  for the FocusTrap primitive.
- */
-const NgpFocusTrapStateToken = createStateToken('FocusTrap');
-/**
- * Provides the FocusTrap state.
- */
-const provideFocusTrapState = createStateProvider(NgpFocusTrapStateToken);
-/**
- * Injects the FocusTrap state.
- */
-const injectFocusTrapState = createStateInjector(NgpFocusTrapStateToken);
-/**
- * The FocusTrap state registration function.
- */
-const focusTrapState = createState(NgpFocusTrapStateToken);
 
-/**
- * This implementation is based on the Radix UI FocusScope:
- * https://github.com/radix-ui/primitives/blob/main/packages/react/focus-scope/src/FocusScope.tsx#L306
- */
 class FocusTrap {
     constructor() {
         /**
@@ -81,149 +61,111 @@ class FocusTrapStack {
 }
 // create a global stack of focus traps
 const focusTrapStack = new FocusTrapStack();
-/**
- * The `NgpFocusTrap` directive traps focus within the host element.
- */
-class NgpFocusTrap {
-    constructor() {
-        /**
-         * Access any parent overlay.
-         */
-        this.overlay = inject(NgpOverlay, { optional: true });
-        /**
-         * Create a new focus trap.
-         */
-        this.focusTrap = new FocusTrap();
-        /**
-         * Access the injector.
-         */
-        this.injector = inject(Injector);
-        /**
-         * Access the focus monitor.
-         */
-        this.focusMonitor = inject(FocusMonitor);
-        /**
-         * Access the interactivity checker.
-         */
-        this.interactivityChecker = inject(InteractivityChecker);
-        /**
-         * Get the focus trap container element.
-         */
-        this.elementRef = inject(ElementRef);
-        /**
-         * Access NgZone to run the focus trap events outside of Angular's zone.
-         */
-        this.ngZone = inject(NgZone);
-        /**
-         * Store the mutation observer.
-         */
-        this.mutationObserver = null;
-        /**
-         * Store the last focused element.
-         */
-        this.lastFocusedElement = null;
-        /**
-         * Whether the focus trap is disabled.
-         */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpFocusTrapDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpFocusTrapDisabled',
-                transform: booleanAttribute,
-            }]));
-        /**
-         * The focus trap state.
-         */
-        this.state = focusTrapState(this);
-        // if this is used within an overlay we must disable the focus trap as soon as the overlay is closing
-        this.overlay?.closing
-            .pipe(safeTakeUntilDestroyed())
-            .subscribe(() => this.focusTrap.deactivate());
-    }
-    ngOnInit() {
-        focusTrapStack.add(this.focusTrap);
-        this.mutationObserver = new MutationObserver(this.handleMutations.bind(this));
-        // setup event listeners
-        this.ngZone.runOutsideAngular(() => {
-            this.mutationObserver.observe(this.elementRef.nativeElement, {
+const [NgpFocusTrapStateToken, ngpFocusTrap, injectFocusTrapState, provideFocusTrapState] = createPrimitive('NgpFocusTrap', ({ disabled = signal(false) }) => {
+    const element = injectElementRef();
+    const overlay = inject(NgpOverlay, { optional: true });
+    const injector = inject(Injector);
+    const focusMonitor = inject(FocusMonitor);
+    const interactivityChecker = inject(InteractivityChecker);
+    const ngZone = inject(NgZone);
+    // Create a new focus trap
+    const focusTrap = new FocusTrap();
+    // Store the mutation observer
+    let mutationObserver = null;
+    // Store the last focused element
+    let lastFocusedElement = null;
+    // Host bindings
+    attrBinding(element, 'tabindex', '-1');
+    dataBinding(element, 'data-focus-trap', () => (disabled() ? null : ''));
+    // Setup the focus trap
+    function setupFocusTrap() {
+        focusTrapStack.add(focusTrap);
+        mutationObserver = new MutationObserver(handleMutations);
+        // Setup event listeners
+        ngZone.runOutsideAngular(() => {
+            mutationObserver.observe(element.nativeElement, {
                 childList: true,
                 subtree: true,
             });
-            document.addEventListener('focusin', this.handleFocusIn.bind(this));
-            document.addEventListener('focusout', this.handleFocusOut.bind(this));
+            document.addEventListener('focusin', handleFocusIn);
+            document.addEventListener('focusout', handleFocusOut);
         });
         const previouslyFocusedElement = document.activeElement;
-        const hasFocusedCandidate = this.elementRef.nativeElement.contains(previouslyFocusedElement);
+        const hasFocusedCandidate = element.nativeElement.contains(previouslyFocusedElement);
         if (!hasFocusedCandidate) {
             // we do this to ensure the content is rendered before we try to find the first focusable element
             // and focus it
             afterNextRender({
                 write: () => {
-                    this.focusFirst();
+                    focusFirst();
                     // if the focus didn't change, focus the container
                     if (document.activeElement === previouslyFocusedElement) {
-                        this.focus(this.elementRef.nativeElement);
+                        focus(element.nativeElement);
                     }
                 },
-            }, { injector: this.injector });
+            }, { injector });
         }
     }
-    ngOnDestroy() {
-        focusTrapStack.remove(this.focusTrap);
-        this.mutationObserver?.disconnect();
-        this.mutationObserver = null;
-        this.focusTrap.deactivate();
+    function teardownFocusTrap() {
+        focusTrapStack.remove(focusTrap);
+        mutationObserver?.disconnect();
+        mutationObserver = null;
+        focusTrap.deactivate();
+        // Remove event listeners
+        document.removeEventListener('focusin', handleFocusIn);
+        document.removeEventListener('focusout', handleFocusOut);
     }
-    handleFocusIn(event) {
-        if (!this.focusTrap.active || this.state.disabled()) {
+    function handleFocusIn(event) {
+        if (!focusTrap.active || disabled?.()) {
             return;
         }
         const target = event.target;
-        if (this.elementRef.nativeElement.contains(target)) {
-            this.lastFocusedElement = target;
+        if (element.nativeElement.contains(target)) {
+            lastFocusedElement = target;
         }
         else {
-            this.focus(this.lastFocusedElement);
+            focus(lastFocusedElement);
         }
     }
     /**
      * Handles the `focusout` event.
      */
-    handleFocusOut(event) {
-        if (!this.focusTrap.active || this.state.disabled() || event.relatedTarget === null) {
+    function handleFocusOut(event) {
+        if (!focusTrap.active || disabled?.() || event.relatedTarget === null) {
             return;
         }
         const relatedTarget = event.relatedTarget;
-        if (!this.elementRef.nativeElement.contains(relatedTarget)) {
-            this.focus(this.lastFocusedElement);
+        if (!element.nativeElement.contains(relatedTarget)) {
+            focus(lastFocusedElement);
         }
     }
     /**
      * If the focused element gets removed from the DOM, browsers move focus back to the document.body.
      * We move focus to the container to keep focus trapped correctly.
      */
-    handleMutations(mutations) {
+    function handleMutations(mutations) {
         const focusedElement = document.activeElement;
         if (focusedElement !== document.body) {
             return;
         }
         for (const mutation of mutations) {
             if (mutation.removedNodes.length > 0) {
-                this.focus(this.elementRef.nativeElement);
+                focus(element.nativeElement);
             }
         }
     }
     /**
      * Handles the `keydown` event.
      */
-    handleKeyDown(event) {
-        if (!this.focusTrap.active || this.state.disabled()) {
+    function handleKeyDown(event) {
+        if (!focusTrap.active || disabled?.()) {
             return;
         }
         const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;
         const focusedElement = document.activeElement;
         if (isTabKey && focusedElement) {
             const container = event.currentTarget;
-            const [first, last] = this.getTabbableEdges(container);
+            const [first, last] = getTabbableEdges(container);
             const hasTabbableElementsInside = first && last;
             // we can only wrap focus if we have tabbable edges
             if (!hasTabbableElementsInside) {
@@ -234,11 +176,11 @@ class NgpFocusTrap {
             else {
                 if (!event.shiftKey && focusedElement === last) {
                     event.preventDefault();
-                    this.focus(first);
+                    focus(first);
                 }
                 else if (event.shiftKey && focusedElement === first) {
                     event.preventDefault();
-                    this.focus(last);
+                    focus(last);
                 }
             }
         }
@@ -246,19 +188,19 @@ class NgpFocusTrap {
     /**
      * Returns the first and last tabbable elements inside a container.
      */
-    getTabbableEdges(container) {
-        const candidates = this.getTabbableCandidates(container);
-        const first = this.findVisible(candidates);
-        const last = this.findVisible(candidates.reverse());
+    function getTabbableEdges(container) {
+        const candidates = getTabbableCandidates(container);
+        const first = findVisible(candidates);
+        const last = findVisible(candidates.reverse());
         return [first, last];
     }
     /**
      * Returns a list of potential focusable elements inside a container.
      */
-    getTabbableCandidates(container) {
+    function getTabbableCandidates(container) {
         const nodes = [];
         const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
-            acceptNode: (node) => this.interactivityChecker.isFocusable(node)
+            acceptNode: (node) => interactivityChecker.isFocusable(node)
                 ? NodeFilter.FILTER_ACCEPT
                 : NodeFilter.FILTER_SKIP,
         });
@@ -270,30 +212,64 @@ class NgpFocusTrap {
     /**
      * Returns the first visible element in a list..
      */
-    findVisible(elements) {
-        return elements.find(element => this.interactivityChecker.isVisible(element)) ?? null;
+    function findVisible(elements) {
+        return elements.find(element => interactivityChecker.isVisible(element)) ?? null;
     }
-    focus(element) {
+    function focus(element) {
         if (!element) {
             return;
         }
         // Its not great that we are relying on an internal API here, but we need to in order to
         // try and best determine the focus origin when it is programmatically closed by the user.
-        this.focusMonitor.focusVia(element, this.focusMonitor._lastFocusOrigin, {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        focusMonitor.focusVia(element, focusMonitor._lastFocusOrigin, {
             preventScroll: true,
         });
     }
-    focusFirst() {
+    function focusFirst() {
         const previouslyFocusedElement = document.activeElement;
-        for (const candidate of this.getTabbableCandidates(this.elementRef.nativeElement)) {
-            this.focus(candidate);
+        for (const candidate of getTabbableCandidates(element.nativeElement)) {
+            focus(candidate);
             if (document.activeElement !== previouslyFocusedElement) {
                 return;
             }
         }
     }
+    // Setup the focus trap
+    setupFocusTrap();
+    // Teardown the focus trap on destroy
+    onDestroy(teardownFocusTrap);
+    // Listen to keydown events
+    listener(element, 'keydown', handleKeyDown);
+    // if this is used within an overlay we must disable the focus trap as soon as the overlay is closing
+    overlay?.closing.pipe(safeTakeUntilDestroyed()).subscribe(() => focusTrap.deactivate());
+    return {};
+});
+
+/**
+ * This implementation is based on the Radix UI FocusScope:
+ * https://github.com/radix-ui/primitives/blob/main/packages/react/focus-scope/src/FocusScope.tsx#L306
+ */
+/**
+ * The `NgpFocusTrap` directive traps focus within the host element.
+ */
+class NgpFocusTrap {
+    /**
+     * The focus trap state.
+     */
+    constructor() {
+        /**
+         * Whether the focus trap is disabled.
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpFocusTrapDisabled',
+                transform: booleanAttribute }] : [{
+                alias: 'ngpFocusTrapDisabled',
+                transform: booleanAttribute,
+            }]));
+        ngpFocusTrap({ disabled: this.disabled });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocusTrap, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpFocusTrap, isStandalone: true, selector: "[ngpFocusTrap]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpFocusTrapDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "attr.tabindex": "-1", "attr.data-focus-trap": "!disabled() ? \"\" : null" } }, providers: [provideFocusTrapState()], exportAs: ["ngpFocusTrap"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpFocusTrap, isStandalone: true, selector: "[ngpFocusTrap]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpFocusTrapDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideFocusTrapState()], exportAs: ["ngpFocusTrap"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocusTrap, decorators: [{
             type: Directive,
@@ -301,19 +277,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     selector: '[ngpFocusTrap]',
                     exportAs: 'ngpFocusTrap',
                     providers: [provideFocusTrapState()],
-                    host: {
-                        '[attr.tabindex]': '-1',
-                        '[attr.data-focus-trap]': '!disabled() ? "" : null',
-                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFocusTrapDisabled", required: false }] }], handleKeyDown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpFocusTrapDisabled", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgpFocusTrap, injectFocusTrapState, provideFocusTrapState };
+export { NgpFocusTrap, injectFocusTrapState, ngpFocusTrap, provideFocusTrapState };
 //# sourceMappingURL=ng-primitives-focus-trap.mjs.map

package/fesm2022/ng-primitives-focus-trap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-focus-trap.mjs","sources":["../../../../packages/ng-primitives/focus-trap/src/focus-trap/focus-trap-state.ts","../../../../packages/ng-primitives/focus-trap/src/focus-trap/focus-trap.ts","../../../../packages/ng-primitives/focus-trap/src/ng-primitives-focus-trap.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFocusTrap } from './focus-trap';\n\n/**\n * The state token  for the FocusTrap primitive.\n */\nexport const NgpFocusTrapStateToken = createStateToken<NgpFocusTrap>('FocusTrap');\n\n/**\n * Provides the FocusTrap state.\n */\nexport const provideFocusTrapState = createStateProvider(NgpFocusTrapStateToken);\n\n/**\n * Injects the FocusTrap state.\n */\nexport const injectFocusTrapState = createStateInjector<NgpFocusTrap>(NgpFocusTrapStateToken);\n\n/**\n * The FocusTrap state registration function.\n */\nexport const focusTrapState = createState(NgpFocusTrapStateToken);\n","import { FocusMonitor, InteractivityChecker } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n} from '@angular/core';\nimport { NgpOverlay } from 'ng-primitives/portal';\nimport { safeTakeUntilDestroyed } from 'ng-primitives/utils';\nimport { focusTrapState, provideFocusTrapState } from './focus-trap-state';\n\n/**\n * This implementation is based on the Radix UI FocusScope:\n * https://github.com/radix-ui/primitives/blob/main/packages/react/focus-scope/src/FocusScope.tsx#L306\n */\n\nclass FocusTrap {\n  /**\n   * Whether the focus trap is active.\n   */\n  active: boolean = false;\n\n  /**\n   * Activates the focus trap.\n   */\n  activate(): void {\n    this.active = true;\n  }\n\n  /**\n   * Deactivates the focus trap.\n   */\n  deactivate(): void {\n    this.active = false;\n  }\n}\n\nclass FocusTrapStack {\n  /**\n   * The stack of focus traps.\n   */\n  private readonly stack: FocusTrap[] = [];\n\n  /**\n   * Adds a focus trap to the stack.\n   */\n  add(focusTrap: FocusTrap): void {\n    // deactivate the previous focus trap\n    this.stack.forEach(t => t.deactivate());\n\n    // add the new focus trap and activate it\n    this.stack.push(focusTrap);\n    focusTrap.activate();\n  }\n\n  /**\n   * Removes a focus trap from the stack.\n   */\n  remove(focusTrap: FocusTrap): void {\n    // remove the focus trap\n    const index = this.stack.indexOf(focusTrap);\n\n    if (index >= 0) {\n      this.stack.splice(index, 1);\n    }\n\n    // activate the previous focus trap\n    const previous = this.stack[this.stack.length - 1];\n\n    if (previous) {\n      previous.activate();\n    }\n  }\n}\n\n// create a global stack of focus traps\nconst focusTrapStack = new FocusTrapStack();\n\n/**\n * The `NgpFocusTrap` directive traps focus within the host element.\n */\n@Directive({\n  selector: '[ngpFocusTrap]',\n  exportAs: 'ngpFocusTrap',\n  providers: [provideFocusTrapState()],\n  host: {\n    '[attr.tabindex]': '-1',\n    '[attr.data-focus-trap]': '!disabled() ? \"\" : null',\n  },\n})\nexport class NgpFocusTrap implements OnInit, OnDestroy {\n  /**\n   * Access any parent overlay.\n   */\n  private readonly overlay = inject(NgpOverlay, { optional: true });\n\n  /**\n   * Create a new focus trap.\n   */\n  private readonly focusTrap = new FocusTrap();\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the focus monitor.\n   */\n  private readonly focusMonitor = inject(FocusMonitor);\n\n  /**\n   * Access the interactivity checker.\n   */\n  private readonly interactivityChecker = inject(InteractivityChecker);\n\n  /**\n   * Get the focus trap container element.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access NgZone to run the focus trap events outside of Angular's zone.\n   */\n  private readonly ngZone = inject(NgZone);\n\n  /**\n   * Store the mutation observer.\n   */\n  private mutationObserver: MutationObserver | null = null;\n\n  /**\n   * Store the last focused element.\n   */\n  private lastFocusedElement: HTMLElement | null = null;\n\n  /**\n   * Whether the focus trap is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFocusTrapDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The focus trap state.\n   */\n  protected readonly state = focusTrapState<NgpFocusTrap>(this);\n\n  constructor() {\n    // if this is used within an overlay we must disable the focus trap as soon as the overlay is closing\n    this.overlay?.closing\n      .pipe(safeTakeUntilDestroyed())\n      .subscribe(() => this.focusTrap.deactivate());\n  }\n\n  ngOnInit(): void {\n    focusTrapStack.add(this.focusTrap);\n\n    this.mutationObserver = new MutationObserver(this.handleMutations.bind(this));\n\n    // setup event listeners\n    this.ngZone.runOutsideAngular(() => {\n      this.mutationObserver!.observe(this.elementRef.nativeElement, {\n        childList: true,\n        subtree: true,\n      });\n      document.addEventListener('focusin', this.handleFocusIn.bind(this));\n      document.addEventListener('focusout', this.handleFocusOut.bind(this));\n    });\n\n    const previouslyFocusedElement = document.activeElement as HTMLElement | null;\n    const hasFocusedCandidate = this.elementRef.nativeElement.contains(previouslyFocusedElement);\n\n    if (!hasFocusedCandidate) {\n      // we do this to ensure the content is rendered before we try to find the first focusable element\n      // and focus it\n      afterNextRender(\n        {\n          write: () => {\n            this.focusFirst();\n\n            // if the focus didn't change, focus the container\n            if (document.activeElement === previouslyFocusedElement) {\n              this.focus(this.elementRef.nativeElement);\n            }\n          },\n        },\n        { injector: this.injector },\n      );\n    }\n  }\n\n  ngOnDestroy(): void {\n    focusTrapStack.remove(this.focusTrap);\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = null;\n    this.focusTrap.deactivate();\n  }\n\n  private handleFocusIn(event: FocusEvent): void {\n    if (!this.focusTrap.active || this.state.disabled()) {\n      return;\n    }\n\n    const target = event.target as HTMLElement | null;\n\n    if (this.elementRef.nativeElement.contains(target)) {\n      this.lastFocusedElement = target;\n    } else {\n      this.focus(this.lastFocusedElement);\n    }\n  }\n\n  /**\n   * Handles the `focusout` event.\n   */\n  private handleFocusOut(event: FocusEvent) {\n    if (!this.focusTrap.active || this.state.disabled() || event.relatedTarget === null) {\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget as HTMLElement;\n\n    if (!this.elementRef.nativeElement.contains(relatedTarget)) {\n      this.focus(this.lastFocusedElement);\n    }\n  }\n\n  /**\n   * If the focused element gets removed from the DOM, browsers move focus back to the document.body.\n   * We move focus to the container to keep focus trapped correctly.\n   */\n  private handleMutations(mutations: MutationRecord[]): void {\n    const focusedElement = document.activeElement as HTMLElement | null;\n\n    if (focusedElement !== document.body) {\n      return;\n    }\n\n    for (const mutation of mutations) {\n      if (mutation.removedNodes.length > 0) {\n        this.focus(this.elementRef.nativeElement);\n      }\n    }\n  }\n\n  /**\n   * Handles the `keydown` event.\n   */\n  @HostListener('keydown', ['$event'])\n  protected handleKeyDown(event: KeyboardEvent): void {\n    if (!this.focusTrap.active || this.state.disabled()) {\n      return;\n    }\n\n    const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;\n    const focusedElement = document.activeElement as HTMLElement | null;\n\n    if (isTabKey && focusedElement) {\n      const container = event.currentTarget as HTMLElement;\n      const [first, last] = this.getTabbableEdges(container);\n      const hasTabbableElementsInside = first && last;\n\n      // we can only wrap focus if we have tabbable edges\n      if (!hasTabbableElementsInside) {\n        if (focusedElement === container) {\n          event.preventDefault();\n        }\n      } else {\n        if (!event.shiftKey && focusedElement === last) {\n          event.preventDefault();\n          this.focus(first);\n        } else if (event.shiftKey && focusedElement === first) {\n          event.preventDefault();\n          this.focus(last);\n        }\n      }\n    }\n  }\n\n  /**\n   * Returns the first and last tabbable elements inside a container.\n   */\n  private getTabbableEdges(container: HTMLElement) {\n    const candidates = this.getTabbableCandidates(container);\n    const first = this.findVisible(candidates);\n    const last = this.findVisible(candidates.reverse());\n    return [first, last] as const;\n  }\n\n  /**\n   * Returns a list of potential focusable elements inside a container.\n   */\n  private getTabbableCandidates(container: HTMLElement) {\n    const nodes: HTMLElement[] = [];\n    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n      acceptNode: (node: HTMLElement) =>\n        this.interactivityChecker.isFocusable(node)\n          ? NodeFilter.FILTER_ACCEPT\n          : NodeFilter.FILTER_SKIP,\n    });\n    while (walker.nextNode()) {\n      nodes.push(walker.currentNode as HTMLElement);\n    }\n    return nodes;\n  }\n\n  /**\n   * Returns the first visible element in a list..\n   */\n  private findVisible(elements: HTMLElement[]) {\n    return elements.find(element => this.interactivityChecker.isVisible(element)) ?? null;\n  }\n\n  private focus(element: HTMLElement | null): void {\n    if (!element) {\n      return;\n    }\n    // Its not great that we are relying on an internal API here, but we need to in order to\n    // try and best determine the focus origin when it is programmatically closed by the user.\n    this.focusMonitor.focusVia(element, (this.focusMonitor as any)._lastFocusOrigin, {\n      preventScroll: true,\n    });\n  }\n\n  private focusFirst(): void {\n    const previouslyFocusedElement = document.activeElement;\n\n    for (const candidate of this.getTabbableCandidates(this.elementRef.nativeElement)) {\n      this.focus(candidate);\n\n      if (document.activeElement !== previouslyFocusedElement) {\n        return;\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-focus-trap.mjs","sources":["../../../../packages/ng-primitives/focus-trap/src/focus-trap/focus-trap-state.ts","../../../../packages/ng-primitives/focus-trap/src/focus-trap/focus-trap.ts","../../../../packages/ng-primitives/focus-trap/src/ng-primitives-focus-trap.ts"],"sourcesContent":["import { FocusMonitor, InteractivityChecker } from '@angular/cdk/a11y';\nimport { afterNextRender, inject, Injector, NgZone, signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { NgpOverlay } from 'ng-primitives/portal';\nimport {\n  attrBinding,\n  createPrimitive,\n  dataBinding,\n  listener,\n  onDestroy,\n} from 'ng-primitives/state';\nimport { safeTakeUntilDestroyed } from 'ng-primitives/utils';\n\nclass FocusTrap {\n  /**\n   * Whether the focus trap is active.\n   */\n  active: boolean = false;\n\n  /**\n   * Activates the focus trap.\n   */\n  activate(): void {\n    this.active = true;\n  }\n\n  /**\n   * Deactivates the focus trap.\n   */\n  deactivate(): void {\n    this.active = false;\n  }\n}\n\nclass FocusTrapStack {\n  /**\n   * The stack of focus traps.\n   */\n  private readonly stack: FocusTrap[] = [];\n\n  /**\n   * Adds a focus trap to the stack.\n   */\n  add(focusTrap: FocusTrap): void {\n    // deactivate the previous focus trap\n    this.stack.forEach(t => t.deactivate());\n\n    // add the new focus trap and activate it\n    this.stack.push(focusTrap);\n    focusTrap.activate();\n  }\n\n  /**\n   * Removes a focus trap from the stack.\n   */\n  remove(focusTrap: FocusTrap): void {\n    // remove the focus trap\n    const index = this.stack.indexOf(focusTrap);\n\n    if (index >= 0) {\n      this.stack.splice(index, 1);\n    }\n\n    // activate the previous focus trap\n    const previous = this.stack[this.stack.length - 1];\n\n    if (previous) {\n      previous.activate();\n    }\n  }\n}\n\n// create a global stack of focus traps\nconst focusTrapStack = new FocusTrapStack();\n\n/**\n * The state for the FocusTrap primitive.\n */\nexport interface NgpFocusTrapState {\n  // No public API\n}\n\n/**\n * The props for the FocusTrap primitive.\n */\nexport interface NgpFocusTrapProps {\n  /**\n   * Whether the focus trap is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n}\n\nexport const [NgpFocusTrapStateToken, ngpFocusTrap, injectFocusTrapState, provideFocusTrapState] =\n  createPrimitive('NgpFocusTrap', ({ disabled = signal(false) }: NgpFocusTrapProps) => {\n    const element = injectElementRef();\n    const overlay = inject(NgpOverlay, { optional: true });\n    const injector = inject(Injector);\n    const focusMonitor = inject(FocusMonitor);\n    const interactivityChecker = inject(InteractivityChecker);\n    const ngZone = inject(NgZone);\n\n    // Create a new focus trap\n    const focusTrap = new FocusTrap();\n\n    // Store the mutation observer\n    let mutationObserver: MutationObserver | null = null;\n\n    // Store the last focused element\n    let lastFocusedElement: HTMLElement | null = null;\n\n    // Host bindings\n    attrBinding(element, 'tabindex', '-1');\n    dataBinding(element, 'data-focus-trap', () => (disabled() ? null : ''));\n\n    // Setup the focus trap\n    function setupFocusTrap(): void {\n      focusTrapStack.add(focusTrap);\n\n      mutationObserver = new MutationObserver(handleMutations);\n\n      // Setup event listeners\n      ngZone.runOutsideAngular(() => {\n        mutationObserver!.observe(element.nativeElement, {\n          childList: true,\n          subtree: true,\n        });\n        document.addEventListener('focusin', handleFocusIn);\n        document.addEventListener('focusout', handleFocusOut);\n      });\n\n      const previouslyFocusedElement = document.activeElement as HTMLElement | null;\n      const hasFocusedCandidate = element.nativeElement.contains(previouslyFocusedElement);\n\n      if (!hasFocusedCandidate) {\n        // we do this to ensure the content is rendered before we try to find the first focusable element\n        // and focus it\n        afterNextRender(\n          {\n            write: () => {\n              focusFirst();\n\n              // if the focus didn't change, focus the container\n              if (document.activeElement === previouslyFocusedElement) {\n                focus(element.nativeElement);\n              }\n            },\n          },\n          { injector },\n        );\n      }\n    }\n\n    function teardownFocusTrap(): void {\n      focusTrapStack.remove(focusTrap);\n      mutationObserver?.disconnect();\n      mutationObserver = null;\n      focusTrap.deactivate();\n\n      // Remove event listeners\n      document.removeEventListener('focusin', handleFocusIn);\n      document.removeEventListener('focusout', handleFocusOut);\n    }\n\n    function handleFocusIn(event: FocusEvent): void {\n      if (!focusTrap.active || disabled?.()) {\n        return;\n      }\n\n      const target = event.target as HTMLElement | null;\n\n      if (element.nativeElement.contains(target)) {\n        lastFocusedElement = target;\n      } else {\n        focus(lastFocusedElement);\n      }\n    }\n\n    /**\n     * Handles the `focusout` event.\n     */\n    function handleFocusOut(event: FocusEvent) {\n      if (!focusTrap.active || disabled?.() || event.relatedTarget === null) {\n        return;\n      }\n\n      const relatedTarget = event.relatedTarget as HTMLElement;\n\n      if (!element.nativeElement.contains(relatedTarget)) {\n        focus(lastFocusedElement);\n      }\n    }\n\n    /**\n     * If the focused element gets removed from the DOM, browsers move focus back to the document.body.\n     * We move focus to the container to keep focus trapped correctly.\n     */\n    function handleMutations(mutations: MutationRecord[]): void {\n      const focusedElement = document.activeElement as HTMLElement | null;\n\n      if (focusedElement !== document.body) {\n        return;\n      }\n\n      for (const mutation of mutations) {\n        if (mutation.removedNodes.length > 0) {\n          focus(element.nativeElement);\n        }\n      }\n    }\n\n    /**\n     * Handles the `keydown` event.\n     */\n    function handleKeyDown(event: KeyboardEvent): void {\n      if (!focusTrap.active || disabled?.()) {\n        return;\n      }\n\n      const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;\n      const focusedElement = document.activeElement as HTMLElement | null;\n\n      if (isTabKey && focusedElement) {\n        const container = event.currentTarget as HTMLElement;\n        const [first, last] = getTabbableEdges(container);\n        const hasTabbableElementsInside = first && last;\n\n        // we can only wrap focus if we have tabbable edges\n        if (!hasTabbableElementsInside) {\n          if (focusedElement === container) {\n            event.preventDefault();\n          }\n        } else {\n          if (!event.shiftKey && focusedElement === last) {\n            event.preventDefault();\n            focus(first);\n          } else if (event.shiftKey && focusedElement === first) {\n            event.preventDefault();\n            focus(last);\n          }\n        }\n      }\n    }\n\n    /**\n     * Returns the first and last tabbable elements inside a container.\n     */\n    function getTabbableEdges(container: HTMLElement) {\n      const candidates = getTabbableCandidates(container);\n      const first = findVisible(candidates);\n      const last = findVisible(candidates.reverse());\n      return [first, last] as const;\n    }\n\n    /**\n     * Returns a list of potential focusable elements inside a container.\n     */\n    function getTabbableCandidates(container: HTMLElement) {\n      const nodes: HTMLElement[] = [];\n      const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n        acceptNode: (node: HTMLElement) =>\n          interactivityChecker.isFocusable(node)\n            ? NodeFilter.FILTER_ACCEPT\n            : NodeFilter.FILTER_SKIP,\n      });\n      while (walker.nextNode()) {\n        nodes.push(walker.currentNode as HTMLElement);\n      }\n      return nodes;\n    }\n\n    /**\n     * Returns the first visible element in a list..\n     */\n    function findVisible(elements: HTMLElement[]) {\n      return elements.find(element => interactivityChecker.isVisible(element)) ?? null;\n    }\n\n    function focus(element: HTMLElement | null): void {\n      if (!element) {\n        return;\n      }\n      // Its not great that we are relying on an internal API here, but we need to in order to\n      // try and best determine the focus origin when it is programmatically closed by the user.\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      focusMonitor.focusVia(element, (focusMonitor as any)._lastFocusOrigin, {\n        preventScroll: true,\n      });\n    }\n\n    function focusFirst(): void {\n      const previouslyFocusedElement = document.activeElement;\n\n      for (const candidate of getTabbableCandidates(element.nativeElement)) {\n        focus(candidate);\n\n        if (document.activeElement !== previouslyFocusedElement) {\n          return;\n        }\n      }\n    }\n\n    // Setup the focus trap\n    setupFocusTrap();\n\n    // Teardown the focus trap on destroy\n    onDestroy(teardownFocusTrap);\n\n    // Listen to keydown events\n    listener(element, 'keydown', handleKeyDown);\n\n    // if this is used within an overlay we must disable the focus trap as soon as the overlay is closing\n    overlay?.closing.pipe(safeTakeUntilDestroyed()).subscribe(() => focusTrap.deactivate());\n\n    return {};\n  });\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input } from '@angular/core';\nimport { ngpFocusTrap, provideFocusTrapState } from './focus-trap-state';\n\n/**\n * This implementation is based on the Radix UI FocusScope:\n * https://github.com/radix-ui/primitives/blob/main/packages/react/focus-scope/src/FocusScope.tsx#L306\n */\n\n/**\n * The `NgpFocusTrap` directive traps focus within the host element.\n */\n@Directive({\n  selector: '[ngpFocusTrap]',\n  exportAs: 'ngpFocusTrap',\n  providers: [provideFocusTrapState()],\n})\nexport class NgpFocusTrap {\n  /**\n   * Whether the focus trap is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFocusTrapDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The focus trap state.\n   */\n  constructor() {\n    ngpFocusTrap({ disabled: this.disabled });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}