fix: mixin events

src/Manager.js

@@ -1,3 +1,4 @@
+import { window } from '@chialab/dna';
 import { Context } from './Context.js';
 import { ESC_KEY, TAB_KEY } from './keys.js';
 

src/mixin.js

@@ -3,30 +3,28 @@ import { windowManager } from './Manager.js';
 
 /**
  * Enable focus trap context for components.
- * @param {import('@chialab/dna').ComponentConstructor<HTMLElement>} superClass The base component class.
+ * @template {import('@chialab/dna').ComponentConstructor<HTMLElement>} T
+ * @param {T} superClass The base component class.
  * @param {import('./Context.js').ContextOptions} [options] Focus trap options.
  * @return An extended constructor.
  */
 export const focusTrapMixin = (superClass, options) => class FocusTrapElement extends superClass {
-    static get listeners() {
-        return {
-            'focusenter'() {
-                this.onFocusEnter();
-            },
-            'focusexit'() {
-                this.onFocusExit();
-            },
-        };
-    }
-
     /**
-     * The keyboard navigation context.
-     * @readonly
+     * @inheritdoc
      */
-    context = new Context(this, {
-        dismiss: this.onFocusDismiss.bind(this),
-        ...options,
-    });
+    constructor(...args) {
+        super(...args);
+        /**
+         * The keyboard navigation context.
+         * @readonly
+         */
+        this.context = new Context(this, {
+            dismiss: this.onFocusDismiss.bind(this),
+            ...options,
+        });
+        this.addEventListener('focusenter', this.onFocusEnter);
+        this.addEventListener('focusexit', this.onFocusExit);
+    }
 
     /**
      * @inheritdoc