@hypen-space/web 0.4.36 → 0.4.37

package/dist/dom/element-data.js

@@ -1,145 +1,183 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/element-data.ts
+/**
+ * Type-Safe Element Data
+ *
+ * Provides strongly-typed access to Hypen-specific data attached to DOM elements.
+ * Eliminates `as any` casts throughout the codebase.
+ */
 import { getElementDisposables } from "@hypen-space/core/disposable";
-var elementDataMap = new WeakMap;
-function getHypenData(element) {
-  let data = elementDataMap.get(element);
-  if (!data) {
-    data = {};
-    elementDataMap.set(element, data);
-  }
-  return data;
-}
-function hasHypenData(element) {
-  return elementDataMap.has(element);
-}
-function clearHypenData(element) {
-  elementDataMap.delete(element);
-}
-function getEngine(element) {
-  return getHypenData(element).engine;
-}
-function setEngine(element, engine) {
-  getHypenData(element).engine = engine;
-}
-function findEngine(element) {
-  let current = element;
-  while (current) {
-    const engine = getEngine(current);
+// ============================================================================
+// Private Storage
+// ============================================================================
+/**
+ * WeakMap to store Hypen data without polluting the element
+ */
+const elementDataMap = new WeakMap();
+// ============================================================================
+// Core API
+// ============================================================================
+/**
+ * Get Hypen data for an element, creating if needed
+ */
+export function getHypenData(element) {
+    let data = elementDataMap.get(element);
+    if (!data) {
+        data = {};
+        elementDataMap.set(element, data);
+    }
+    return data;
+}
+/**
+ * Check if element has Hypen data
+ */
+export function hasHypenData(element) {
+    return elementDataMap.has(element);
+}
+/**
+ * Clear Hypen data from an element
+ */
+export function clearHypenData(element) {
+    elementDataMap.delete(element);
+}
+// ============================================================================
+// Engine Access
+// ============================================================================
+/**
+ * Get the engine attached to an element
+ */
+export function getEngine(element) {
+    return getHypenData(element).engine;
+}
+/**
+ * Set the engine on an element
+ */
+export function setEngine(element, engine) {
+    getHypenData(element).engine = engine;
+}
+/**
+ * Find engine by walking up the DOM tree
+ */
+export function findEngine(element) {
+    let current = element;
+    while (current) {
+        const engine = getEngine(current);
+        if (engine)
+            return engine;
+        current = current.parentElement;
+    }
+    return undefined;
+}
+// ============================================================================
+// Event Registration Tracking
+// ============================================================================
+/**
+ * Get registered events set for an element
+ */
+export function getRegisteredEvents(element) {
+    const data = getHypenData(element);
+    if (!data.registeredEvents) {
+        data.registeredEvents = new Set();
+    }
+    return data.registeredEvents;
+}
+/**
+ * Check if an event handler is registered
+ */
+export function isEventRegistered(element, eventKey) {
+    return getRegisteredEvents(element).has(eventKey);
+}
+/**
+ * Mark an event handler as registered
+ */
+export function registerEvent(element, eventKey) {
+    getRegisteredEvents(element).add(eventKey);
+}
+/**
+ * Unregister an event handler
+ */
+export function unregisterEvent(element, eventKey) {
+    getRegisteredEvents(element).delete(eventKey);
+}
+// ============================================================================
+// Keyboard Event Key Target
+// ============================================================================
+/**
+ * Get the target key for keyboard events
+ */
+export function getKeyTarget(element) {
+    return getHypenData(element).keyTarget;
+}
+/**
+ * Set the target key for keyboard events
+ */
+export function setKeyTarget(element, key) {
+    getHypenData(element).keyTarget = key;
+}
+// ============================================================================
+// Metadata
+// ============================================================================
+/**
+ * Get custom metadata value
+ */
+export function getMeta(element, key) {
+    return getHypenData(element).meta?.[key];
+}
+/**
+ * Set custom metadata value
+ */
+export function setMeta(element, key, value) {
+    const data = getHypenData(element);
+    if (!data.meta) {
+        data.meta = {};
+    }
+    data.meta[key] = value;
+}
+// ============================================================================
+// Cleanup
+// ============================================================================
+/**
+ * Dispose all resources attached to an element and clear data
+ * Call this when removing an element from the DOM
+ */
+export function disposeHypenElement(element) {
+    // Dispose any registered disposables
+    try {
+        const disposables = getElementDisposables(element);
+        disposables.dispose();
+    }
+    catch {
+        // Ignore if no disposables
+    }
+    // Clear Hypen data
+    clearHypenData(element);
+}
+// ============================================================================
+// Legacy Compatibility Layer
+// ============================================================================
+/**
+ * Symbol-based legacy accessor (for backwards compatibility)
+ * Use the typed functions above instead when possible
+ */
+const HYPEN_ENGINE_SYMBOL = Symbol.for("hypen.engine");
+const REGISTERED_EVENTS_SYMBOL = Symbol.for("hypen.registeredEvents");
+const KEY_TARGET_SYMBOL = Symbol.for("hypen.keyTarget");
+/**
+ * Legacy accessor for engine (backwards compatible with existing code)
+ */
+export function getLegacyEngine(element) {
+    // Try new storage first
+    const engine = getEngine(element);
     if (engine)
-      return engine;
-    current = current.parentElement;
-  }
-  return;
-}
-function getRegisteredEvents(element) {
-  const data = getHypenData(element);
-  if (!data.registeredEvents) {
-    data.registeredEvents = new Set;
-  }
-  return data.registeredEvents;
-}
-function isEventRegistered(element, eventKey) {
-  return getRegisteredEvents(element).has(eventKey);
-}
-function registerEvent(element, eventKey) {
-  getRegisteredEvents(element).add(eventKey);
-}
-function unregisterEvent(element, eventKey) {
-  getRegisteredEvents(element).delete(eventKey);
-}
-function getKeyTarget(element) {
-  return getHypenData(element).keyTarget;
-}
-function setKeyTarget(element, key) {
-  getHypenData(element).keyTarget = key;
-}
-function getMeta(element, key) {
-  return getHypenData(element).meta?.[key];
-}
-function setMeta(element, key, value) {
-  const data = getHypenData(element);
-  if (!data.meta) {
-    data.meta = {};
-  }
-  data.meta[key] = value;
-}
-function disposeHypenElement(element) {
-  try {
-    const disposables = getElementDisposables(element);
-    disposables.dispose();
-  } catch {}
-  clearHypenData(element);
-}
-var HYPEN_ENGINE_SYMBOL = Symbol.for("hypen.engine");
-var REGISTERED_EVENTS_SYMBOL = Symbol.for("hypen.registeredEvents");
-var KEY_TARGET_SYMBOL = Symbol.for("hypen.keyTarget");
-function getLegacyEngine(element) {
-  const engine = getEngine(element);
-  if (engine)
-    return engine;
-  return element[HYPEN_ENGINE_SYMBOL] ?? element.__hypenEngine;
-}
-function setLegacyEngine(element, engine) {
-  setEngine(element, engine);
-  element.__hypenEngine = engine;
-}
-export {
-  unregisterEvent,
-  setMeta,
-  setLegacyEngine,
-  setKeyTarget,
-  setEngine,
-  registerEvent,
-  isEventRegistered,
-  hasHypenData,
-  getRegisteredEvents,
-  getMeta,
-  getLegacyEngine,
-  getKeyTarget,
-  getHypenData,
-  getEngine,
-  findEngine,
-  disposeHypenElement,
-  clearHypenData
-};
-
-//# debugId=C4AD9BA640CB84F264756E2164756E21
+        return engine;
+    // Fall back to legacy storage
+    return element[HYPEN_ENGINE_SYMBOL] ??
+        element.__hypenEngine;
+}
+/**
+ * Legacy setter for engine (backwards compatible)
+ */
+export function setLegacyEngine(element, engine) {
+    // Set in both locations for compatibility
+    setEngine(element, engine);
+    element.__hypenEngine = engine;
+}
+//# sourceMappingURL=element-data.js.map

package/dist/dom/element-data.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/element-data.ts"],
-  "sourcesContent": [
-    "/**\n * Type-Safe Element Data\n *\n * Provides strongly-typed access to Hypen-specific data attached to DOM elements.\n * Eliminates `as any` casts throughout the codebase.\n */\n\nimport { type DisposableStack, getElementDisposables } from \"@hypen-space/core/disposable\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Engine interface for dispatching actions\n */\nexport interface IEngine {\n  dispatchAction(name: string, payload?: unknown): void;\n}\n\n/**\n * All Hypen-specific data attached to an element\n */\nexport interface HypenElementData {\n  /** Engine reference for action dispatch */\n  engine?: IEngine;\n  /** Target key for keyboard events (e.g., \"Enter\", \"Escape\") */\n  keyTarget?: string;\n  /** Set of registered event type:action pairs */\n  registeredEvents?: Set<string>;\n  /** Custom element metadata */\n  meta?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Private Storage\n// ============================================================================\n\n/**\n * WeakMap to store Hypen data without polluting the element\n */\nconst elementDataMap = new WeakMap<HTMLElement, HypenElementData>();\n\n// ============================================================================\n// Core API\n// ============================================================================\n\n/**\n * Get Hypen data for an element, creating if needed\n */\nexport function getHypenData(element: HTMLElement): HypenElementData {\n  let data = elementDataMap.get(element);\n  if (!data) {\n    data = {};\n    elementDataMap.set(element, data);\n  }\n  return data;\n}\n\n/**\n * Check if element has Hypen data\n */\nexport function hasHypenData(element: HTMLElement): boolean {\n  return elementDataMap.has(element);\n}\n\n/**\n * Clear Hypen data from an element\n */\nexport function clearHypenData(element: HTMLElement): void {\n  elementDataMap.delete(element);\n}\n\n// ============================================================================\n// Engine Access\n// ============================================================================\n\n/**\n * Get the engine attached to an element\n */\nexport function getEngine(element: HTMLElement): IEngine | undefined {\n  return getHypenData(element).engine;\n}\n\n/**\n * Set the engine on an element\n */\nexport function setEngine(element: HTMLElement, engine: IEngine): void {\n  getHypenData(element).engine = engine;\n}\n\n/**\n * Find engine by walking up the DOM tree\n */\nexport function findEngine(element: HTMLElement): IEngine | undefined {\n  let current: HTMLElement | null = element;\n  while (current) {\n    const engine = getEngine(current);\n    if (engine) return engine;\n    current = current.parentElement;\n  }\n  return undefined;\n}\n\n// ============================================================================\n// Event Registration Tracking\n// ============================================================================\n\n/**\n * Get registered events set for an element\n */\nexport function getRegisteredEvents(element: HTMLElement): Set<string> {\n  const data = getHypenData(element);\n  if (!data.registeredEvents) {\n    data.registeredEvents = new Set();\n  }\n  return data.registeredEvents;\n}\n\n/**\n * Check if an event handler is registered\n */\nexport function isEventRegistered(element: HTMLElement, eventKey: string): boolean {\n  return getRegisteredEvents(element).has(eventKey);\n}\n\n/**\n * Mark an event handler as registered\n */\nexport function registerEvent(element: HTMLElement, eventKey: string): void {\n  getRegisteredEvents(element).add(eventKey);\n}\n\n/**\n * Unregister an event handler\n */\nexport function unregisterEvent(element: HTMLElement, eventKey: string): void {\n  getRegisteredEvents(element).delete(eventKey);\n}\n\n// ============================================================================\n// Keyboard Event Key Target\n// ============================================================================\n\n/**\n * Get the target key for keyboard events\n */\nexport function getKeyTarget(element: HTMLElement): string | undefined {\n  return getHypenData(element).keyTarget;\n}\n\n/**\n * Set the target key for keyboard events\n */\nexport function setKeyTarget(element: HTMLElement, key: string): void {\n  getHypenData(element).keyTarget = key;\n}\n\n// ============================================================================\n// Metadata\n// ============================================================================\n\n/**\n * Get custom metadata value\n */\nexport function getMeta<T>(element: HTMLElement, key: string): T | undefined {\n  return getHypenData(element).meta?.[key] as T | undefined;\n}\n\n/**\n * Set custom metadata value\n */\nexport function setMeta<T>(element: HTMLElement, key: string, value: T): void {\n  const data = getHypenData(element);\n  if (!data.meta) {\n    data.meta = {};\n  }\n  data.meta[key] = value;\n}\n\n// ============================================================================\n// Cleanup\n// ============================================================================\n\n/**\n * Dispose all resources attached to an element and clear data\n * Call this when removing an element from the DOM\n */\nexport function disposeHypenElement(element: HTMLElement): void {\n  // Dispose any registered disposables\n  try {\n    const disposables = getElementDisposables(element);\n    disposables.dispose();\n  } catch {\n    // Ignore if no disposables\n  }\n\n  // Clear Hypen data\n  clearHypenData(element);\n}\n\n// ============================================================================\n// Legacy Compatibility Layer\n// ============================================================================\n\n/**\n * Symbol-based legacy accessor (for backwards compatibility)\n * Use the typed functions above instead when possible\n */\nconst HYPEN_ENGINE_SYMBOL = Symbol.for(\"hypen.engine\");\nconst REGISTERED_EVENTS_SYMBOL = Symbol.for(\"hypen.registeredEvents\");\nconst KEY_TARGET_SYMBOL = Symbol.for(\"hypen.keyTarget\");\n\n/**\n * Legacy accessor for engine (backwards compatible with existing code)\n */\nexport function getLegacyEngine(element: HTMLElement): IEngine | undefined {\n  // Try new storage first\n  const engine = getEngine(element);\n  if (engine) return engine;\n\n  // Fall back to legacy storage\n  return (element as any)[HYPEN_ENGINE_SYMBOL] ??\n    (element as any).__hypenEngine;\n}\n\n/**\n * Legacy setter for engine (backwards compatible)\n */\nexport function setLegacyEngine(element: HTMLElement, engine: IEngine): void {\n  // Set in both locations for compatibility\n  setEngine(element, engine);\n  (element as any).__hypenEngine = engine;\n}\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;AAkCA,IAAM,iBAAiB,IAAI;AASpB,SAAS,YAAY,CAAC,SAAwC;AAAA,EACnE,IAAI,OAAO,eAAe,IAAI,OAAO;AAAA,EACrC,IAAI,CAAC,MAAM;AAAA,IACT,OAAO,CAAC;AAAA,IACR,eAAe,IAAI,SAAS,IAAI;AAAA,EAClC;AAAA,EACA,OAAO;AAAA;AAMF,SAAS,YAAY,CAAC,SAA+B;AAAA,EAC1D,OAAO,eAAe,IAAI,OAAO;AAAA;AAM5B,SAAS,cAAc,CAAC,SAA4B;AAAA,EACzD,eAAe,OAAO,OAAO;AAAA;AAUxB,SAAS,SAAS,CAAC,SAA2C;AAAA,EACnE,OAAO,aAAa,OAAO,EAAE;AAAA;AAMxB,SAAS,SAAS,CAAC,SAAsB,QAAuB;AAAA,EACrE,aAAa,OAAO,EAAE,SAAS;AAAA;AAM1B,SAAS,UAAU,CAAC,SAA2C;AAAA,EACpE,IAAI,UAA8B;AAAA,EAClC,OAAO,SAAS;AAAA,IACd,MAAM,SAAS,UAAU,OAAO;AAAA,IAChC,IAAI;AAAA,MAAQ,OAAO;AAAA,IACnB,UAAU,QAAQ;AAAA,EACpB;AAAA,EACA;AAAA;AAUK,SAAS,mBAAmB,CAAC,SAAmC;AAAA,EACrE,MAAM,OAAO,aAAa,OAAO;AAAA,EACjC,IAAI,CAAC,KAAK,kBAAkB;AAAA,IAC1B,KAAK,mBAAmB,IAAI;AAAA,EAC9B;AAAA,EACA,OAAO,KAAK;AAAA;AAMP,SAAS,iBAAiB,CAAC,SAAsB,UAA2B;AAAA,EACjF,OAAO,oBAAoB,OAAO,EAAE,IAAI,QAAQ;AAAA;AAM3C,SAAS,aAAa,CAAC,SAAsB,UAAwB;AAAA,EAC1E,oBAAoB,OAAO,EAAE,IAAI,QAAQ;AAAA;AAMpC,SAAS,eAAe,CAAC,SAAsB,UAAwB;AAAA,EAC5E,oBAAoB,OAAO,EAAE,OAAO,QAAQ;AAAA;AAUvC,SAAS,YAAY,CAAC,SAA0C;AAAA,EACrE,OAAO,aAAa,OAAO,EAAE;AAAA;AAMxB,SAAS,YAAY,CAAC,SAAsB,KAAmB;AAAA,EACpE,aAAa,OAAO,EAAE,YAAY;AAAA;AAU7B,SAAS,OAAU,CAAC,SAAsB,KAA4B;AAAA,EAC3E,OAAO,aAAa,OAAO,EAAE,OAAO;AAAA;AAM/B,SAAS,OAAU,CAAC,SAAsB,KAAa,OAAgB;AAAA,EAC5E,MAAM,OAAO,aAAa,OAAO;AAAA,EACjC,IAAI,CAAC,KAAK,MAAM;AAAA,IACd,KAAK,OAAO,CAAC;AAAA,EACf;AAAA,EACA,KAAK,KAAK,OAAO;AAAA;AAWZ,SAAS,mBAAmB,CAAC,SAA4B;AAAA,EAE9D,IAAI;AAAA,IACF,MAAM,cAAc,sBAAsB,OAAO;AAAA,IACjD,YAAY,QAAQ;AAAA,IACpB,MAAM;AAAA,EAKR,eAAe,OAAO;AAAA;AAWxB,IAAM,sBAAsB,OAAO,IAAI,cAAc;AACrD,IAAM,2BAA2B,OAAO,IAAI,wBAAwB;AACpE,IAAM,oBAAoB,OAAO,IAAI,iBAAiB;AAK/C,SAAS,eAAe,CAAC,SAA2C;AAAA,EAEzE,MAAM,SAAS,UAAU,OAAO;AAAA,EAChC,IAAI;AAAA,IAAQ,OAAO;AAAA,EAGnB,OAAQ,QAAgB,wBACrB,QAAgB;AAAA;AAMd,SAAS,eAAe,CAAC,SAAsB,QAAuB;AAAA,EAE3E,UAAU,SAAS,MAAM;AAAA,EACxB,QAAgB,gBAAgB;AAAA;",
-  "debugId": "C4AD9BA640CB84F264756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"element-data.js","sourceRoot":"","sources":["../../src/dom/element-data.ts"],"names":[],"mappings":"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"}

package/dist/dom/events.js

@@ -1,150 +1,141 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/events.ts
+/**
+ * Event Management System
+ *
+ * Handles DOM event binding and action dispatching
+ */
 import { frameworkLoggers } from "@hypen-space/core/logger";
-var log = frameworkLoggers.events;
-
-class EventManager {
-  engine;
-  bindings = new Map;
-  constructor(engine) {
-    this.engine = engine;
-  }
-  attach(elementId, element, eventName, actionName) {
-    const domEventName = eventName === "onClick" ? "click" : eventName;
-    log.debug(`Attaching ${eventName} (DOM: ${domEventName}) to element ${elementId}, action: ${actionName}`);
-    const listener = (event) => {
-      log.debug(`Event fired: ${eventName} on ${elementId}, dispatching action: ${actionName}`);
-      log.debug(`Event object:`, event);
-      log.debug(`Element:`, element);
-      if (eventName === "submit" || eventName === "click" && element.tagName === "A") {
-        event.preventDefault();
-      }
-      const payload = this.extractEventData(event, element);
-      log.debug(`Event payload:`, payload);
-      log.debug(`Calling engine.dispatchAction(${actionName})`);
-      try {
-        this.engine.dispatchAction(actionName, payload);
-        log.debug(`dispatchAction succeeded`);
-      } catch (error) {
-        log.error(`dispatchAction failed:`, error);
-      }
-    };
-    let elementBindings = this.bindings.get(elementId);
-    if (!elementBindings) {
-      elementBindings = new Map;
-      this.bindings.set(elementId, elementBindings);
-    }
-    const existingListener = elementBindings.get(domEventName);
-    if (existingListener) {
-      element.removeEventListener(domEventName, existingListener);
+const log = frameworkLoggers.events;
+export class EventManager {
+    engine;
+    bindings = new Map();
+    constructor(engine) {
+        this.engine = engine;
     }
-    elementBindings.set(domEventName, listener);
-    element.addEventListener(domEventName, listener);
-    log.debug(`Listener attached to DOM for ${domEventName}`);
-    log.debug(`Element details:`, {
-      tagName: element.tagName,
-      id: element.id,
-      dataset: element.dataset,
-      textContent: element.textContent?.substring(0, 50)
-    });
-  }
-  detach(elementId, element, eventName) {
-    const domEventName = eventName === "onClick" ? "click" : eventName;
-    const elementBindings = this.bindings.get(elementId);
-    if (!elementBindings)
-      return;
-    const listener = elementBindings.get(domEventName);
-    if (listener) {
-      element.removeEventListener(domEventName, listener);
-      elementBindings.delete(domEventName);
-    }
-    if (elementBindings.size === 0) {
-      this.bindings.delete(elementId);
-    }
-  }
-  extractEventData(event, element) {
-    const data = {
-      type: event.type,
-      timestamp: Date.now()
-    };
-    if (event instanceof MouseEvent) {
-      data.clientX = event.clientX;
-      data.clientY = event.clientY;
-      data.button = event.button;
-    }
-    if (event instanceof KeyboardEvent) {
-      data.key = event.key;
-      data.code = event.code;
-      data.ctrlKey = event.ctrlKey;
-      data.shiftKey = event.shiftKey;
-      data.altKey = event.altKey;
-      data.metaKey = event.metaKey;
+    /**
+     * Attach an event listener to an element
+     */
+    attach(elementId, element, eventName, actionName) {
+        // Convert onClick to click for DOM events
+        const domEventName = eventName === "onClick" ? "click" : eventName;
+        log.debug(`Attaching ${eventName} (DOM: ${domEventName}) to element ${elementId}, action: ${actionName}`);
+        // Create event listener that dispatches action
+        const listener = (event) => {
+            log.debug(`Event fired: ${eventName} on ${elementId}, dispatching action: ${actionName}`);
+            log.debug(`Event object:`, event);
+            log.debug(`Element:`, element);
+            // Prevent default for certain events
+            if (eventName === "submit" || (eventName === "click" && element.tagName === "A")) {
+                event.preventDefault();
+            }
+            // Extract event data
+            const payload = this.extractEventData(event, element);
+            log.debug(`Event payload:`, payload);
+            // Dispatch action to engine
+            log.debug(`Calling engine.dispatchAction(${actionName})`);
+            try {
+                this.engine.dispatchAction(actionName, payload);
+                log.debug(`dispatchAction succeeded`);
+            }
+            catch (error) {
+                log.error(`dispatchAction failed:`, error);
+            }
+        };
+        // Store listener reference using `domEventName` so `detach()` uses the correct name
+        let elementBindings = this.bindings.get(elementId);
+        if (!elementBindings) {
+            elementBindings = new Map();
+            this.bindings.set(elementId, elementBindings);
+        }
+        // Remove any previously attached listener for this event before overwriting,
+        // otherwise the old DOM listener leaks and fires alongside the new one.
+        const existingListener = elementBindings.get(domEventName);
+        if (existingListener) {
+            element.removeEventListener(domEventName, existingListener);
+        }
+        elementBindings.set(domEventName, listener);
+        // Attach to DOM
+        element.addEventListener(domEventName, listener);
+        log.debug(`Listener attached to DOM for ${domEventName}`);
+        log.debug(`Element details:`, {
+            tagName: element.tagName,
+            id: element.id,
+            dataset: element.dataset,
+            textContent: element.textContent?.substring(0, 50)
+        });
     }
-    if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
-      data.value = element.value;
+    /**
+     * Detach an event listener from an element
+     */
+    detach(elementId, element, eventName) {
+        // Convert framework event name to DOM event name, matching `attach()`
+        const domEventName = eventName === "onClick" ? "click" : eventName;
+        const elementBindings = this.bindings.get(elementId);
+        if (!elementBindings)
+            return;
+        const listener = elementBindings.get(domEventName);
+        if (listener) {
+            element.removeEventListener(domEventName, listener);
+            elementBindings.delete(domEventName);
+        }
+        if (elementBindings.size === 0) {
+            this.bindings.delete(elementId);
+        }
     }
-    if (element instanceof HTMLSelectElement) {
-      data.value = element.value;
-      data.selectedIndex = element.selectedIndex;
+    /**
+     * Extract relevant data from an event
+     */
+    extractEventData(event, element) {
+        const data = {
+            type: event.type,
+            timestamp: Date.now(),
+        };
+        // Mouse events
+        if (event instanceof MouseEvent) {
+            data.clientX = event.clientX;
+            data.clientY = event.clientY;
+            data.button = event.button;
+        }
+        // Keyboard events
+        if (event instanceof KeyboardEvent) {
+            data.key = event.key;
+            data.code = event.code;
+            data.ctrlKey = event.ctrlKey;
+            data.shiftKey = event.shiftKey;
+            data.altKey = event.altKey;
+            data.metaKey = event.metaKey;
+        }
+        // Input events (for form elements)
+        if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+            data.value = element.value;
+        }
+        // Select events
+        if (element instanceof HTMLSelectElement) {
+            data.value = element.value;
+            data.selectedIndex = element.selectedIndex;
+        }
+        // Form events
+        if (event.type === "submit" && element instanceof HTMLFormElement) {
+            data.formData = new FormData(element);
+        }
+        return data;
     }
-    if (event.type === "submit" && element instanceof HTMLFormElement) {
-      data.formData = new FormData(element);
+    /**
+     * Clear all event bindings for an element
+     */
+    clearElement(elementId, element) {
+        const elementBindings = this.bindings.get(elementId);
+        if (!elementBindings)
+            return;
+        for (const [eventName, listener] of elementBindings) {
+            element.removeEventListener(eventName, listener);
+        }
+        this.bindings.delete(elementId);
     }
-    return data;
-  }
-  clearElement(elementId, element) {
-    const elementBindings = this.bindings.get(elementId);
-    if (!elementBindings)
-      return;
-    for (const [eventName, listener] of elementBindings) {
-      element.removeEventListener(eventName, listener);
+    /**
+     * Clear all event bindings
+     */
+    clearAll() {
+        this.bindings.clear();
     }
-    this.bindings.delete(elementId);
-  }
-  clearAll() {
-    this.bindings.clear();
-  }
 }
-export {
-  EventManager
-};
-
-//# debugId=0AF5B59AAE95400964756E2164756E21
+//# sourceMappingURL=events.js.map