@hypen-space/web 0.4.3 → 0.4.5

package/dist/dom/applicators/events.js

@@ -408,10 +408,61 @@ var eventHandlers = {
   onFocus: createEventHandler("focus", { extractPayload: focusPayload }),
   onBlur: createEventHandler("blur", { extractPayload: focusPayload }),
   onMouseEnter: createEventHandler("mouseenter", { extractPayload: mousePayload }),
-  onMouseLeave: createEventHandler("mouseleave", { extractPayload: mousePayload })
+  onMouseLeave: createEventHandler("mouseleave", { extractPayload: mousePayload }),
+  bind: (element, value) => {
+    const bindPath = typeof value === "string" ? value : null;
+    if (!bindPath)
+      return;
+    const disposables = getElementDisposables2(element);
+    const eventKey = `bind:${bindPath}`;
+    if (getRegisteredEvents(element).has(eventKey))
+      return;
+    registerEvent(element, eventKey);
+    const hypenType = element.dataset?.hypenType;
+    if (hypenType === "checkbox" || hypenType === "switch") {
+      const input = element.querySelector('input[type="checkbox"]');
+      if (!input)
+        return;
+      const listener = () => {
+        const engine = getEngine(element);
+        if (engine) {
+          engine.dispatchAction("__hypen_bind", {
+            path: bindPath,
+            value: input.checked
+          });
+        }
+      };
+      disposables.add(disposableListener(input, "change", listener, { passive: true }));
+    } else if (element instanceof HTMLSelectElement) {
+      const listener = () => {
+        const engine = getEngine(element);
+        if (engine) {
+          engine.dispatchAction("__hypen_bind", {
+            path: bindPath,
+            value: element.value
+          });
+        }
+      };
+      disposables.add(disposableListener(element, "change", listener, { passive: true }));
+    } else if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+      const listener = () => {
+        const engine = getEngine(element);
+        if (engine) {
+          engine.dispatchAction("__hypen_bind", {
+            path: bindPath,
+            value: element.value
+          });
+        }
+      };
+      disposables.add(disposableListener(element, "input", listener, { passive: true }));
+    } else {
+      return;
+    }
+    disposables.addCallback(() => unregisterEvent(element, eventKey));
+  }
 };
 export {
   eventHandlers
 };
 
-//# debugId=684AD1847595670564756E2164756E21
+//# debugId=3BD8188DB9D4067264756E2164756E21

package/dist/dom/applicators/events.js.map

@@ -3,9 +3,9 @@
   "sources": ["../src/dom/element-data.ts", "../src/dom/applicators/events.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",
-    "/**\n * Event Applicators\n *\n * Handles event applicators like onClick, onPress, etc.\n * Uses a factory pattern to reduce boilerplate and ensure consistency.\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\nimport {\n  getElementDisposables,\n  disposableListener,\n  disposableTimeout,\n  type Disposable,\n} from \"@hypen-space/core/disposable\";\nimport { frameworkLoggers } from \"@hypen-space/core/logger\";\nimport {\n  type IEngine,\n  getEngine,\n  getRegisteredEvents,\n  registerEvent,\n  unregisterEvent,\n  getKeyTarget,\n  setKeyTarget,\n} from \"../element-data.js\";\n\nconst log = frameworkLoggers.events;\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface EventHandlerOptions {\n  /** Custom payload extractor for this event type */\n  extractPayload?: (event: Event, element: HTMLElement) => Record<string, unknown>;\n  /** Throttle events to max one per N milliseconds */\n  throttleMs?: number;\n  /** Prevent default behavior */\n  preventDefault?: boolean;\n  /** Use passive listener (for scroll, touch) */\n  passive?: boolean;\n  /** Key to listen for (keyboard events) */\n  key?: string;\n}\n\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Convert Map or nested objects to plain objects\n */\nfunction toPlainObject(value: unknown): unknown {\n  if (value instanceof Map) {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of value.entries()) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => toPlainObject(item));\n  }\n\n  if (value && typeof value === \"object\") {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of Object.entries(value)) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  return value;\n}\n\n/**\n * Extract action name and custom payload from an applicator value\n */\nfunction extractActionDetails(value: unknown): {\n  actionName: string | null;\n  payload: Record<string, unknown>;\n} {\n  // String format: \"@actions.doSomething\" or \"@doSomething\"\n  if (typeof value === \"string\") {\n    if (!value.startsWith(\"@\")) {\n      return { actionName: null, payload: {} };\n    }\n\n    let actionName = value.substring(1);\n    if (actionName.startsWith(\"actions.\")) {\n      actionName = actionName.substring(8);\n    }\n    return { actionName, payload: {} };\n  }\n\n  // Object format: { \"0\": \"@actions.doSomething\", \"customKey\": \"value\" }\n  if (value && typeof value === \"object\") {\n    const plain = toPlainObject(value) as Record<string, unknown>;\n    const payload: Record<string, unknown> = {};\n    let actionName: string | null = null;\n\n    if (plain && typeof plain === \"object\") {\n      const actionValue = plain[\"0\"];\n      if (typeof actionValue === \"string\" && actionValue.startsWith(\"@\")) {\n        actionName = actionValue.substring(1);\n        if (actionName.startsWith(\"actions.\")) {\n          actionName = actionName.substring(8);\n        }\n      }\n\n      for (const [key, val] of Object.entries(plain)) {\n        if (key !== \"0\") {\n          // If the key is numeric (like \"1\", \"2\") and the value is an object,\n          // merge the object's keys into the payload directly.\n          // This handles: .onClick(\"@actions.foo\", { id: \"123\" })\n          // where the second positional arg becomes \"1\": { id: \"123\" }\n          if (/^\\d+$/.test(key) && val && typeof val === \"object\" && !Array.isArray(val)) {\n            for (const [innerKey, innerVal] of Object.entries(val)) {\n              payload[innerKey] = innerVal;\n            }\n          } else {\n            payload[key] = val;\n          }\n        }\n      }\n    }\n\n    return { actionName, payload };\n  }\n\n  return { actionName: null, payload: {} };\n}\n\n/**\n * Extract relevant data from a DOM event\n */\nfunction extractEventData(event: Event, element: HTMLElement): Record<string, unknown> {\n  const data: Record<string, unknown> = {\n    type: event.type,\n    timestamp: Date.now(),\n  };\n\n  // Mouse events\n  if (event instanceof MouseEvent) {\n    data.clientX = event.clientX;\n    data.clientY = event.clientY;\n    data.button = event.button;\n  }\n\n  // Keyboard events\n  if (event instanceof KeyboardEvent) {\n    data.key = event.key;\n    data.code = event.code;\n    data.ctrlKey = event.ctrlKey;\n    data.shiftKey = event.shiftKey;\n    data.altKey = event.altKey;\n    data.metaKey = event.metaKey;\n  }\n\n  // Input element values\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    data.value = element.value;\n  }\n\n  // Select element values\n  if (element instanceof HTMLSelectElement) {\n    data.value = element.value;\n    data.selectedIndex = element.selectedIndex;\n  }\n\n  // Form data\n  if (event.type === \"submit\" && element instanceof HTMLFormElement) {\n    data.formData = new FormData(element);\n  }\n\n  return data;\n}\n\n\n/**\n * Capitalize first letter of a string\n */\nfunction capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// ============================================================================\n// Event Handler Factory\n// ============================================================================\n\n\n/**\n * Create an event handler applicator with common boilerplate\n */\nfunction createEventHandler(\n  eventType: string,\n  options: EventHandlerOptions = {}\n): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`${eventType} requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    // Track that we've registered this event type\n    // The disposable stack handles cleanup automatically\n    const eventKey = `${eventType}:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      // Already registered - skip to avoid duplicates\n      // This can happen during re-renders\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Create throttle state if needed\n    let throttleTimer: Disposable | null = null;\n\n    // Create the event listener\n    const listener = (event: Event) => {\n      // Handle throttling\n      if (options.throttleMs && throttleTimer) {\n        return;\n      }\n\n      if (options.throttleMs) {\n        throttleTimer = disposableTimeout(() => {\n          throttleTimer = null;\n        }, options.throttleMs);\n      }\n\n      // Handle preventDefault\n      if (options.preventDefault) {\n        event.preventDefault();\n      }\n\n      // Build payload\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : options.extractPayload\n            ? options.extractPayload(event, element)\n            : extractEventData(event, element);\n\n      // Dispatch to engine\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    // Register the listener using disposable pattern\n    disposables.add(\n      disposableListener(element, eventType, listener, {\n        passive: options.passive,\n      })\n    );\n\n    // Clean up registered events tracking on dispose\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      if (throttleTimer) {\n        throttleTimer.dispose();\n      }\n    });\n  };\n}\n\n/**\n * Create a keyboard event handler that filters by key\n */\nfunction createKeyHandler(defaultKey: string = \"Enter\"): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onKey requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `keydown:${actionName}:${defaultKey}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Get target key from element data or use default\n    const targetKey = getKeyTarget(element) || defaultKey;\n    const keyToMatch = targetKey.toLowerCase() === \"return\" ? \"Enter\" : targetKey;\n\n    const listener = (event: Event) => {\n      const keyEvent = event as KeyboardEvent;\n      if (keyEvent.key !== keyToMatch) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : {\n              type: event.type,\n              timestamp: Date.now(),\n              key: keyEvent.key,\n              code: keyEvent.code,\n              value: target.value,\n              input: target.value,\n              ctrlKey: keyEvent.ctrlKey,\n              shiftKey: keyEvent.shiftKey,\n              altKey: keyEvent.altKey,\n              metaKey: keyEvent.metaKey,\n            };\n\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    disposables.add(disposableListener(element, \"keydown\", listener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n    });\n  };\n}\n\n/**\n * Create a long-click/long-press handler\n */\nfunction createLongClickHandler(thresholdMs: number = 500): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onLongClick requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `longclick:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    let longClickTimer: Disposable | null = null;\n\n    const downListener = (event: Event) => {\n      const pointerEvent = event as PointerEvent;\n\n      longClickTimer = disposableTimeout(() => {\n        const payload =\n          Object.keys(customPayload).length > 0\n            ? { ...customPayload }\n            : {\n                type: \"longclick\",\n                timestamp: Date.now(),\n                clientX: pointerEvent.clientX,\n                clientY: pointerEvent.clientY,\n              };\n\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        }\n\n        longClickTimer = null;\n      }, thresholdMs);\n    };\n\n    const cancelListener = () => {\n      if (longClickTimer) {\n        longClickTimer.dispose();\n        longClickTimer = null;\n      }\n    };\n\n    disposables.add(disposableListener(element, \"pointerdown\", downListener));\n    disposables.add(disposableListener(element, \"pointerup\", cancelListener));\n    disposables.add(disposableListener(element, \"pointerleave\", cancelListener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      cancelListener();\n    });\n  };\n}\n\n// ============================================================================\n// Payload Extractors\n// ============================================================================\n\nconst inputPayload = (event: Event, element: HTMLElement): Record<string, unknown> => {\n  const target = element as HTMLInputElement | HTMLTextAreaElement;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    value: target.value,\n    input: target.value,\n  };\n};\n\nconst scrollPayload = (_event: Event, element: HTMLElement): Record<string, unknown> => {\n  const scrollTop = element.scrollTop;\n  const scrollHeight = element.scrollHeight;\n  const clientHeight = element.clientHeight;\n  const scrollPercentage =\n    scrollHeight - clientHeight > 0\n      ? (scrollTop / (scrollHeight - clientHeight)) * 100\n      : 0;\n\n  const nearBottom =\n    scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;\n\n  return {\n    type: \"scroll\",\n    timestamp: Date.now(),\n    scrollTop,\n    scrollLeft: element.scrollLeft,\n    scrollHeight,\n    scrollWidth: element.scrollWidth,\n    clientHeight,\n    clientWidth: element.clientWidth,\n    scrollPercentage: Math.round(scrollPercentage),\n    nearBottom,\n    atBottom: scrollHeight - scrollTop === clientHeight,\n    atTop: scrollTop === 0,\n  };\n};\n\nconst focusPayload = (event: Event, element: HTMLElement): Record<string, unknown> => ({\n  type: event.type,\n  timestamp: Date.now(),\n  value: (element as HTMLInputElement).value ?? undefined,\n});\n\nconst mousePayload = (event: Event, _element: HTMLElement): Record<string, unknown> => {\n  const mouseEvent = event as MouseEvent;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    clientX: mouseEvent.clientX,\n    clientY: mouseEvent.clientY,\n  };\n};\n\n// ============================================================================\n// Event Handlers Export\n// ============================================================================\n\nexport const eventHandlers: Record<string, ApplicatorHandler> = {\n  // Basic click/press\n  onClick: createEventHandler(\"click\"),\n  onPress: createEventHandler(\"click\"), // Alias for mobile-style naming\n\n  // Form events\n  onChange: createEventHandler(\"change\"),\n  onSubmit: createEventHandler(\"submit\", { preventDefault: true }),\n  onInput: createEventHandler(\"input\", { extractPayload: inputPayload }),\n\n  // Keyboard events\n  onKey: createKeyHandler(\"Enter\"),\n  \"onKey.key\": (element: HTMLElement, value: unknown) => {\n    // Store the target key for the action handler to use\n    setKeyTarget(element, String(value));\n  },\n  \"onKey.action\": createKeyHandler(\"Enter\"),\n\n  // Scroll (throttled)\n  onScroll: createEventHandler(\"scroll\", {\n    throttleMs: 100,\n    passive: true,\n    extractPayload: scrollPayload,\n  }),\n\n  // Long click/press\n  onLongClick: createLongClickHandler(500),\n  onLongPress: createLongClickHandler(500), // Alias for mobile-style naming\n\n  // Focus events\n  onFocus: createEventHandler(\"focus\", { extractPayload: focusPayload }),\n  onBlur: createEventHandler(\"blur\", { extractPayload: focusPayload }),\n\n  // Mouse hover events\n  onMouseEnter: createEventHandler(\"mouseenter\", { extractPayload: mousePayload }),\n  onMouseLeave: createEventHandler(\"mouseleave\", { extractPayload: mousePayload }),\n};\n"
+    "/**\n * Event Applicators\n *\n * Handles event applicators like onClick, onPress, etc.\n * Uses a factory pattern to reduce boilerplate and ensure consistency.\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\nimport {\n  getElementDisposables,\n  disposableListener,\n  disposableTimeout,\n  type Disposable,\n} from \"@hypen-space/core/disposable\";\nimport { frameworkLoggers } from \"@hypen-space/core/logger\";\nimport {\n  type IEngine,\n  getEngine,\n  getRegisteredEvents,\n  registerEvent,\n  unregisterEvent,\n  getKeyTarget,\n  setKeyTarget,\n} from \"../element-data.js\";\n\nconst log = frameworkLoggers.events;\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface EventHandlerOptions {\n  /** Custom payload extractor for this event type */\n  extractPayload?: (event: Event, element: HTMLElement) => Record<string, unknown>;\n  /** Throttle events to max one per N milliseconds */\n  throttleMs?: number;\n  /** Prevent default behavior */\n  preventDefault?: boolean;\n  /** Use passive listener (for scroll, touch) */\n  passive?: boolean;\n  /** Key to listen for (keyboard events) */\n  key?: string;\n}\n\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Convert Map or nested objects to plain objects\n */\nfunction toPlainObject(value: unknown): unknown {\n  if (value instanceof Map) {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of value.entries()) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => toPlainObject(item));\n  }\n\n  if (value && typeof value === \"object\") {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of Object.entries(value)) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  return value;\n}\n\n/**\n * Extract action name and custom payload from an applicator value\n */\nfunction extractActionDetails(value: unknown): {\n  actionName: string | null;\n  payload: Record<string, unknown>;\n} {\n  // String format: \"@actions.doSomething\" or \"@doSomething\"\n  if (typeof value === \"string\") {\n    if (!value.startsWith(\"@\")) {\n      return { actionName: null, payload: {} };\n    }\n\n    let actionName = value.substring(1);\n    if (actionName.startsWith(\"actions.\")) {\n      actionName = actionName.substring(8);\n    }\n    return { actionName, payload: {} };\n  }\n\n  // Object format: { \"0\": \"@actions.doSomething\", \"customKey\": \"value\" }\n  if (value && typeof value === \"object\") {\n    const plain = toPlainObject(value) as Record<string, unknown>;\n    const payload: Record<string, unknown> = {};\n    let actionName: string | null = null;\n\n    if (plain && typeof plain === \"object\") {\n      const actionValue = plain[\"0\"];\n      if (typeof actionValue === \"string\" && actionValue.startsWith(\"@\")) {\n        actionName = actionValue.substring(1);\n        if (actionName.startsWith(\"actions.\")) {\n          actionName = actionName.substring(8);\n        }\n      }\n\n      for (const [key, val] of Object.entries(plain)) {\n        if (key !== \"0\") {\n          // If the key is numeric (like \"1\", \"2\") and the value is an object,\n          // merge the object's keys into the payload directly.\n          // This handles: .onClick(\"@actions.foo\", { id: \"123\" })\n          // where the second positional arg becomes \"1\": { id: \"123\" }\n          if (/^\\d+$/.test(key) && val && typeof val === \"object\" && !Array.isArray(val)) {\n            for (const [innerKey, innerVal] of Object.entries(val)) {\n              payload[innerKey] = innerVal;\n            }\n          } else {\n            payload[key] = val;\n          }\n        }\n      }\n    }\n\n    return { actionName, payload };\n  }\n\n  return { actionName: null, payload: {} };\n}\n\n/**\n * Extract relevant data from a DOM event\n */\nfunction extractEventData(event: Event, element: HTMLElement): Record<string, unknown> {\n  const data: Record<string, unknown> = {\n    type: event.type,\n    timestamp: Date.now(),\n  };\n\n  // Mouse events\n  if (event instanceof MouseEvent) {\n    data.clientX = event.clientX;\n    data.clientY = event.clientY;\n    data.button = event.button;\n  }\n\n  // Keyboard events\n  if (event instanceof KeyboardEvent) {\n    data.key = event.key;\n    data.code = event.code;\n    data.ctrlKey = event.ctrlKey;\n    data.shiftKey = event.shiftKey;\n    data.altKey = event.altKey;\n    data.metaKey = event.metaKey;\n  }\n\n  // Input element values\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    data.value = element.value;\n  }\n\n  // Select element values\n  if (element instanceof HTMLSelectElement) {\n    data.value = element.value;\n    data.selectedIndex = element.selectedIndex;\n  }\n\n  // Form data\n  if (event.type === \"submit\" && element instanceof HTMLFormElement) {\n    data.formData = new FormData(element);\n  }\n\n  return data;\n}\n\n\n/**\n * Capitalize first letter of a string\n */\nfunction capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// ============================================================================\n// Event Handler Factory\n// ============================================================================\n\n\n/**\n * Create an event handler applicator with common boilerplate\n */\nfunction createEventHandler(\n  eventType: string,\n  options: EventHandlerOptions = {}\n): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`${eventType} requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    // Track that we've registered this event type\n    // The disposable stack handles cleanup automatically\n    const eventKey = `${eventType}:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      // Already registered - skip to avoid duplicates\n      // This can happen during re-renders\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Create throttle state if needed\n    let throttleTimer: Disposable | null = null;\n\n    // Create the event listener\n    const listener = (event: Event) => {\n      // Handle throttling\n      if (options.throttleMs && throttleTimer) {\n        return;\n      }\n\n      if (options.throttleMs) {\n        throttleTimer = disposableTimeout(() => {\n          throttleTimer = null;\n        }, options.throttleMs);\n      }\n\n      // Handle preventDefault\n      if (options.preventDefault) {\n        event.preventDefault();\n      }\n\n      // Build payload\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : options.extractPayload\n            ? options.extractPayload(event, element)\n            : extractEventData(event, element);\n\n      // Dispatch to engine\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    // Register the listener using disposable pattern\n    disposables.add(\n      disposableListener(element, eventType, listener, {\n        passive: options.passive,\n      })\n    );\n\n    // Clean up registered events tracking on dispose\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      if (throttleTimer) {\n        throttleTimer.dispose();\n      }\n    });\n  };\n}\n\n/**\n * Create a keyboard event handler that filters by key\n */\nfunction createKeyHandler(defaultKey: string = \"Enter\"): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onKey requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `keydown:${actionName}:${defaultKey}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Get target key from element data or use default\n    const targetKey = getKeyTarget(element) || defaultKey;\n    const keyToMatch = targetKey.toLowerCase() === \"return\" ? \"Enter\" : targetKey;\n\n    const listener = (event: Event) => {\n      const keyEvent = event as KeyboardEvent;\n      if (keyEvent.key !== keyToMatch) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : {\n              type: event.type,\n              timestamp: Date.now(),\n              key: keyEvent.key,\n              code: keyEvent.code,\n              value: target.value,\n              input: target.value,\n              ctrlKey: keyEvent.ctrlKey,\n              shiftKey: keyEvent.shiftKey,\n              altKey: keyEvent.altKey,\n              metaKey: keyEvent.metaKey,\n            };\n\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    disposables.add(disposableListener(element, \"keydown\", listener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n    });\n  };\n}\n\n/**\n * Create a long-click/long-press handler\n */\nfunction createLongClickHandler(thresholdMs: number = 500): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onLongClick requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `longclick:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    let longClickTimer: Disposable | null = null;\n\n    const downListener = (event: Event) => {\n      const pointerEvent = event as PointerEvent;\n\n      longClickTimer = disposableTimeout(() => {\n        const payload =\n          Object.keys(customPayload).length > 0\n            ? { ...customPayload }\n            : {\n                type: \"longclick\",\n                timestamp: Date.now(),\n                clientX: pointerEvent.clientX,\n                clientY: pointerEvent.clientY,\n              };\n\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        }\n\n        longClickTimer = null;\n      }, thresholdMs);\n    };\n\n    const cancelListener = () => {\n      if (longClickTimer) {\n        longClickTimer.dispose();\n        longClickTimer = null;\n      }\n    };\n\n    disposables.add(disposableListener(element, \"pointerdown\", downListener));\n    disposables.add(disposableListener(element, \"pointerup\", cancelListener));\n    disposables.add(disposableListener(element, \"pointerleave\", cancelListener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      cancelListener();\n    });\n  };\n}\n\n// ============================================================================\n// Payload Extractors\n// ============================================================================\n\nconst inputPayload = (event: Event, element: HTMLElement): Record<string, unknown> => {\n  const target = element as HTMLInputElement | HTMLTextAreaElement;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    value: target.value,\n    input: target.value,\n  };\n};\n\nconst scrollPayload = (_event: Event, element: HTMLElement): Record<string, unknown> => {\n  const scrollTop = element.scrollTop;\n  const scrollHeight = element.scrollHeight;\n  const clientHeight = element.clientHeight;\n  const scrollPercentage =\n    scrollHeight - clientHeight > 0\n      ? (scrollTop / (scrollHeight - clientHeight)) * 100\n      : 0;\n\n  const nearBottom =\n    scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;\n\n  return {\n    type: \"scroll\",\n    timestamp: Date.now(),\n    scrollTop,\n    scrollLeft: element.scrollLeft,\n    scrollHeight,\n    scrollWidth: element.scrollWidth,\n    clientHeight,\n    clientWidth: element.clientWidth,\n    scrollPercentage: Math.round(scrollPercentage),\n    nearBottom,\n    atBottom: scrollHeight - scrollTop === clientHeight,\n    atTop: scrollTop === 0,\n  };\n};\n\nconst focusPayload = (event: Event, element: HTMLElement): Record<string, unknown> => ({\n  type: event.type,\n  timestamp: Date.now(),\n  value: (element as HTMLInputElement).value ?? undefined,\n});\n\nconst mousePayload = (event: Event, _element: HTMLElement): Record<string, unknown> => {\n  const mouseEvent = event as MouseEvent;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    clientX: mouseEvent.clientX,\n    clientY: mouseEvent.clientY,\n  };\n};\n\n// ============================================================================\n// Event Handlers Export\n// ============================================================================\n\nexport const eventHandlers: Record<string, ApplicatorHandler> = {\n  // Basic click/press\n  onClick: createEventHandler(\"click\"),\n  onPress: createEventHandler(\"click\"), // Alias for mobile-style naming\n\n  // Form events\n  onChange: createEventHandler(\"change\"),\n  onSubmit: createEventHandler(\"submit\", { preventDefault: true }),\n  onInput: createEventHandler(\"input\", { extractPayload: inputPayload }),\n\n  // Keyboard events\n  onKey: createKeyHandler(\"Enter\"),\n  \"onKey.key\": (element: HTMLElement, value: unknown) => {\n    // Store the target key for the action handler to use\n    setKeyTarget(element, String(value));\n  },\n  \"onKey.action\": createKeyHandler(\"Enter\"),\n\n  // Scroll (throttled)\n  onScroll: createEventHandler(\"scroll\", {\n    throttleMs: 100,\n    passive: true,\n    extractPayload: scrollPayload,\n  }),\n\n  // Long click/press\n  onLongClick: createLongClickHandler(500),\n  onLongPress: createLongClickHandler(500), // Alias for mobile-style naming\n\n  // Focus events\n  onFocus: createEventHandler(\"focus\", { extractPayload: focusPayload }),\n  onBlur: createEventHandler(\"blur\", { extractPayload: focusPayload }),\n\n  // Mouse hover events\n  onMouseEnter: createEventHandler(\"mouseenter\", { extractPayload: mousePayload }),\n  onMouseLeave: createEventHandler(\"mouseleave\", { extractPayload: mousePayload }),\n\n  // Two-way binding for .bind(@state.x)\n  bind: ((element: HTMLElement, value: unknown) => {\n    const bindPath = typeof value === \"string\" ? value : null;\n    if (!bindPath) return;\n\n    const disposables = getElementDisposables(element);\n    const eventKey = `bind:${bindPath}`;\n    if (getRegisteredEvents(element).has(eventKey)) return;\n    registerEvent(element, eventKey);\n\n    // Determine the target element, event type, and value extractor based on component type\n    const hypenType = element.dataset?.hypenType;\n\n    if (hypenType === \"checkbox\" || hypenType === \"switch\") {\n      // Checkbox/Switch: wrapper <label> containing <input type=\"checkbox\">\n      const input = element.querySelector('input[type=\"checkbox\"]') as HTMLInputElement | null;\n      if (!input) return;\n\n      const listener = () => {\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(\"__hypen_bind\", {\n            path: bindPath,\n            value: input.checked,\n          });\n        }\n      };\n\n      disposables.add(\n        disposableListener(input, \"change\", listener, { passive: true })\n      );\n    } else if (element instanceof HTMLSelectElement) {\n      // Select: listen to change event, read .value\n      const listener = () => {\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(\"__hypen_bind\", {\n            path: bindPath,\n            value: element.value,\n          });\n        }\n      };\n\n      disposables.add(\n        disposableListener(element, \"change\", listener, { passive: true })\n      );\n    } else if (\n      element instanceof HTMLInputElement ||\n      element instanceof HTMLTextAreaElement\n    ) {\n      // Input/Textarea: listen to input event, read .value\n      const listener = () => {\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(\"__hypen_bind\", {\n            path: bindPath,\n            value: element.value,\n          });\n        }\n      };\n\n      disposables.add(\n        disposableListener(element, \"input\", listener, { passive: true })\n      );\n    } else {\n      return;\n    }\n\n    disposables.addCallback(() => unregisterEvent(element, eventKey));\n  }) as ApplicatorHandler,\n};\n"
   ],
-  "mappings": "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",
-  "debugId": "684AD1847595670564756E2164756E21",
+  "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;;;AChOnC;AAAA,2BACE;AAAA;AAAA;AAAA;AAKF;AAWA,IAAM,MAAM,iBAAiB;AA2B7B,SAAS,aAAa,CAAC,OAAyB;AAAA,EAC9C,IAAI,iBAAiB,KAAK;AAAA,IACxB,MAAM,MAA+B,CAAC;AAAA,IACtC,YAAY,KAAK,QAAQ,MAAM,QAAQ,GAAG;AAAA,MACxC,IAAI,OAAO,cAAc,GAAG;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,EACT;AAAA,EAEA,IAAI,MAAM,QAAQ,KAAK,GAAG;AAAA,IACxB,OAAO,MAAM,IAAI,CAAC,SAAS,cAAc,IAAI,CAAC;AAAA,EAChD;AAAA,EAEA,IAAI,SAAS,OAAO,UAAU,UAAU;AAAA,IACtC,MAAM,MAA+B,CAAC;AAAA,IACtC,YAAY,KAAK,QAAQ,OAAO,QAAQ,KAAK,GAAG;AAAA,MAC9C,IAAI,OAAO,cAAc,GAAG;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA;AAMT,SAAS,oBAAoB,CAAC,OAG5B;AAAA,EAEA,IAAI,OAAO,UAAU,UAAU;AAAA,IAC7B,IAAI,CAAC,MAAM,WAAW,GAAG,GAAG;AAAA,MAC1B,OAAO,EAAE,YAAY,MAAM,SAAS,CAAC,EAAE;AAAA,IACzC;AAAA,IAEA,IAAI,aAAa,MAAM,UAAU,CAAC;AAAA,IAClC,IAAI,WAAW,WAAW,UAAU,GAAG;AAAA,MACrC,aAAa,WAAW,UAAU,CAAC;AAAA,IACrC;AAAA,IACA,OAAO,EAAE,YAAY,SAAS,CAAC,EAAE;AAAA,EACnC;AAAA,EAGA,IAAI,SAAS,OAAO,UAAU,UAAU;AAAA,IACtC,MAAM,QAAQ,cAAc,KAAK;AAAA,IACjC,MAAM,UAAmC,CAAC;AAAA,IAC1C,IAAI,aAA4B;AAAA,IAEhC,IAAI,SAAS,OAAO,UAAU,UAAU;AAAA,MACtC,MAAM,cAAc,MAAM;AAAA,MAC1B,IAAI,OAAO,gBAAgB,YAAY,YAAY,WAAW,GAAG,GAAG;AAAA,QAClE,aAAa,YAAY,UAAU,CAAC;AAAA,QACpC,IAAI,WAAW,WAAW,UAAU,GAAG;AAAA,UACrC,aAAa,WAAW,UAAU,CAAC;AAAA,QACrC;AAAA,MACF;AAAA,MAEA,YAAY,KAAK,QAAQ,OAAO,QAAQ,KAAK,GAAG;AAAA,QAC9C,IAAI,QAAQ,KAAK;AAAA,UAKf,IAAI,QAAQ,KAAK,GAAG,KAAK,OAAO,OAAO,QAAQ,YAAY,CAAC,MAAM,QAAQ,GAAG,GAAG;AAAA,YAC9E,YAAY,UAAU,aAAa,OAAO,QAAQ,GAAG,GAAG;AAAA,cACtD,QAAQ,YAAY;AAAA,YACtB;AAAA,UACF,EAAO;AAAA,YACL,QAAQ,OAAO;AAAA;AAAA,QAEnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,OAAO,EAAE,YAAY,QAAQ;AAAA,EAC/B;AAAA,EAEA,OAAO,EAAE,YAAY,MAAM,SAAS,CAAC,EAAE;AAAA;AAMzC,SAAS,gBAAgB,CAAC,OAAc,SAA+C;AAAA,EACrF,MAAM,OAAgC;AAAA,IACpC,MAAM,MAAM;AAAA,IACZ,WAAW,KAAK,IAAI;AAAA,EACtB;AAAA,EAGA,IAAI,iBAAiB,YAAY;AAAA,IAC/B,KAAK,UAAU,MAAM;AAAA,IACrB,KAAK,UAAU,MAAM;AAAA,IACrB,KAAK,SAAS,MAAM;AAAA,EACtB;AAAA,EAGA,IAAI,iBAAiB,eAAe;AAAA,IAClC,KAAK,MAAM,MAAM;AAAA,IACjB,KAAK,OAAO,MAAM;AAAA,IAClB,KAAK,UAAU,MAAM;AAAA,IACrB,KAAK,WAAW,MAAM;AAAA,IACtB,KAAK,SAAS,MAAM;AAAA,IACpB,KAAK,UAAU,MAAM;AAAA,EACvB;AAAA,EAGA,IAAI,mBAAmB,oBAAoB,mBAAmB,qBAAqB;AAAA,IACjF,KAAK,QAAQ,QAAQ;AAAA,EACvB;AAAA,EAGA,IAAI,mBAAmB,mBAAmB;AAAA,IACxC,KAAK,QAAQ,QAAQ;AAAA,IACrB,KAAK,gBAAgB,QAAQ;AAAA,EAC/B;AAAA,EAGA,IAAI,MAAM,SAAS,YAAY,mBAAmB,iBAAiB;AAAA,IACjE,KAAK,WAAW,IAAI,SAAS,OAAO;AAAA,EACtC;AAAA,EAEA,OAAO;AAAA;AAmBT,SAAS,kBAAkB,CACzB,WACA,UAA+B,CAAC,GACb;AAAA,EACnB,OAAO,CAAC,SAAsB,UAAmB;AAAA,IAC/C,QAAQ,YAAY,SAAS,kBAAkB,qBAAqB,KAAK;AAAA,IAEzE,IAAI,CAAC,YAAY;AAAA,MACf,IAAI,KAAK,GAAG,gEAAgE,KAAK;AAAA,MACjF;AAAA,IACF;AAAA,IAEA,MAAM,cAAc,uBAAsB,OAAO;AAAA,IAIjD,MAAM,WAAW,GAAG,aAAa;AAAA,IACjC,IAAI,oBAAoB,OAAO,EAAE,IAAI,QAAQ,GAAG;AAAA,MAG9C;AAAA,IACF;AAAA,IACA,cAAc,SAAS,QAAQ;AAAA,IAG/B,IAAI,gBAAmC;AAAA,IAGvC,MAAM,WAAW,CAAC,UAAiB;AAAA,MAEjC,IAAI,QAAQ,cAAc,eAAe;AAAA,QACvC;AAAA,MACF;AAAA,MAEA,IAAI,QAAQ,YAAY;AAAA,QACtB,gBAAgB,kBAAkB,MAAM;AAAA,UACtC,gBAAgB;AAAA,WACf,QAAQ,UAAU;AAAA,MACvB;AAAA,MAGA,IAAI,QAAQ,gBAAgB;AAAA,QAC1B,MAAM,eAAe;AAAA,MACvB;AAAA,MAGA,MAAM,UACJ,OAAO,KAAK,aAAa,EAAE,SAAS,IAChC,KAAK,cAAc,IACnB,QAAQ,iBACN,QAAQ,eAAe,OAAO,OAAO,IACrC,iBAAiB,OAAO,OAAO;AAAA,MAGvC,MAAM,SAAS,UAAU,OAAO;AAAA,MAChC,IAAI,QAAQ;AAAA,QACV,OAAO,eAAe,YAAY,OAAO;AAAA,MAC3C;AAAA;AAAA,IAIF,YAAY,IACV,mBAAmB,SAAS,WAAW,UAAU;AAAA,MAC/C,SAAS,QAAQ;AAAA,IACnB,CAAC,CACH;AAAA,IAGA,YAAY,YAAY,MAAM;AAAA,MAC5B,gBAAgB,SAAS,QAAQ;AAAA,MACjC,IAAI,eAAe;AAAA,QACjB,cAAc,QAAQ;AAAA,MACxB;AAAA,KACD;AAAA;AAAA;AAOL,SAAS,gBAAgB,CAAC,aAAqB,SAA4B;AAAA,EACzE,OAAO,CAAC,SAAsB,UAAmB;AAAA,IAC/C,QAAQ,YAAY,SAAS,kBAAkB,qBAAqB,KAAK;AAAA,IAEzE,IAAI,CAAC,YAAY;AAAA,MACf,IAAI,KAAK,4DAA4D,KAAK;AAAA,MAC1E;AAAA,IACF;AAAA,IAEA,MAAM,cAAc,uBAAsB,OAAO;AAAA,IAEjD,MAAM,WAAW,WAAW,cAAc;AAAA,IAC1C,IAAI,oBAAoB,OAAO,EAAE,IAAI,QAAQ,GAAG;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,cAAc,SAAS,QAAQ;AAAA,IAG/B,MAAM,YAAY,aAAa,OAAO,KAAK;AAAA,IAC3C,MAAM,aAAa,UAAU,YAAY,MAAM,WAAW,UAAU;AAAA,IAEpE,MAAM,WAAW,CAAC,UAAiB;AAAA,MACjC,MAAM,WAAW;AAAA,MACjB,IAAI,SAAS,QAAQ,YAAY;AAAA,QAC/B;AAAA,MACF;AAAA,MAEA,MAAM,eAAe;AAAA,MAErB,MAAM,SAAS,MAAM;AAAA,MACrB,MAAM,UACJ,OAAO,KAAK,aAAa,EAAE,SAAS,IAChC,KAAK,cAAc,IACnB;AAAA,QACE,MAAM,MAAM;AAAA,QACZ,WAAW,KAAK,IAAI;AAAA,QACpB,KAAK,SAAS;AAAA,QACd,MAAM,SAAS;AAAA,QACf,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,SAAS,SAAS;AAAA,QAClB,UAAU,SAAS;AAAA,QACnB,QAAQ,SAAS;AAAA,QACjB,SAAS,SAAS;AAAA,MACpB;AAAA,MAEN,MAAM,SAAS,UAAU,OAAO;AAAA,MAChC,IAAI,QAAQ;AAAA,QACV,OAAO,eAAe,YAAY,OAAO;AAAA,MAC3C;AAAA;AAAA,IAGF,YAAY,IAAI,mBAAmB,SAAS,WAAW,QAAQ,CAAC;AAAA,IAChE,YAAY,YAAY,MAAM;AAAA,MAC5B,gBAAgB,SAAS,QAAQ;AAAA,KAClC;AAAA;AAAA;AAOL,SAAS,sBAAsB,CAAC,cAAsB,KAAwB;AAAA,EAC5E,OAAO,CAAC,SAAsB,UAAmB;AAAA,IAC/C,QAAQ,YAAY,SAAS,kBAAkB,qBAAqB,KAAK;AAAA,IAEzE,IAAI,CAAC,YAAY;AAAA,MACf,IAAI,KAAK,kEAAkE,KAAK;AAAA,MAChF;AAAA,IACF;AAAA,IAEA,MAAM,cAAc,uBAAsB,OAAO;AAAA,IAEjD,MAAM,WAAW,aAAa;AAAA,IAC9B,IAAI,oBAAoB,OAAO,EAAE,IAAI,QAAQ,GAAG;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,cAAc,SAAS,QAAQ;AAAA,IAE/B,IAAI,iBAAoC;AAAA,IAExC,MAAM,eAAe,CAAC,UAAiB;AAAA,MACrC,MAAM,eAAe;AAAA,MAErB,iBAAiB,kBAAkB,MAAM;AAAA,QACvC,MAAM,UACJ,OAAO,KAAK,aAAa,EAAE,SAAS,IAChC,KAAK,cAAc,IACnB;AAAA,UACE,MAAM;AAAA,UACN,WAAW,KAAK,IAAI;AAAA,UACpB,SAAS,aAAa;AAAA,UACtB,SAAS,aAAa;AAAA,QACxB;AAAA,QAEN,MAAM,SAAS,UAAU,OAAO;AAAA,QAChC,IAAI,QAAQ;AAAA,UACV,OAAO,eAAe,YAAY,OAAO;AAAA,QAC3C;AAAA,QAEA,iBAAiB;AAAA,SAChB,WAAW;AAAA;AAAA,IAGhB,MAAM,iBAAiB,MAAM;AAAA,MAC3B,IAAI,gBAAgB;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,iBAAiB;AAAA,MACnB;AAAA;AAAA,IAGF,YAAY,IAAI,mBAAmB,SAAS,eAAe,YAAY,CAAC;AAAA,IACxE,YAAY,IAAI,mBAAmB,SAAS,aAAa,cAAc,CAAC;AAAA,IACxE,YAAY,IAAI,mBAAmB,SAAS,gBAAgB,cAAc,CAAC;AAAA,IAC3E,YAAY,YAAY,MAAM;AAAA,MAC5B,gBAAgB,SAAS,QAAQ;AAAA,MACjC,eAAe;AAAA,KAChB;AAAA;AAAA;AAQL,IAAM,eAAe,CAAC,OAAc,YAAkD;AAAA,EACpF,MAAM,SAAS;AAAA,EACf,OAAO;AAAA,IACL,MAAM,MAAM;AAAA,IACZ,WAAW,KAAK,IAAI;AAAA,IACpB,OAAO,OAAO;AAAA,IACd,OAAO,OAAO;AAAA,EAChB;AAAA;AAGF,IAAM,gBAAgB,CAAC,QAAe,YAAkD;AAAA,EACtF,MAAM,YAAY,QAAQ;AAAA,EAC1B,MAAM,eAAe,QAAQ;AAAA,EAC7B,MAAM,eAAe,QAAQ;AAAA,EAC7B,MAAM,mBACJ,eAAe,eAAe,IACzB,aAAa,eAAe,gBAAiB,MAC9C;AAAA,EAEN,MAAM,aACJ,eAAe,YAAY,eAAe,OAAO,mBAAmB;AAAA,EAEtE,OAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW,KAAK,IAAI;AAAA,IACpB;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA,aAAa,QAAQ;AAAA,IACrB;AAAA,IACA,aAAa,QAAQ;AAAA,IACrB,kBAAkB,KAAK,MAAM,gBAAgB;AAAA,IAC7C;AAAA,IACA,UAAU,eAAe,cAAc;AAAA,IACvC,OAAO,cAAc;AAAA,EACvB;AAAA;AAGF,IAAM,eAAe,CAAC,OAAc,aAAmD;AAAA,EACrF,MAAM,MAAM;AAAA,EACZ,WAAW,KAAK,IAAI;AAAA,EACpB,OAAQ,QAA6B,SAAS;AAChD;AAEA,IAAM,eAAe,CAAC,OAAc,aAAmD;AAAA,EACrF,MAAM,aAAa;AAAA,EACnB,OAAO;AAAA,IACL,MAAM,MAAM;AAAA,IACZ,WAAW,KAAK,IAAI;AAAA,IACpB,SAAS,WAAW;AAAA,IACpB,SAAS,WAAW;AAAA,EACtB;AAAA;AAOK,IAAM,gBAAmD;AAAA,EAE9D,SAAS,mBAAmB,OAAO;AAAA,EACnC,SAAS,mBAAmB,OAAO;AAAA,EAGnC,UAAU,mBAAmB,QAAQ;AAAA,EACrC,UAAU,mBAAmB,UAAU,EAAE,gBAAgB,KAAK,CAAC;AAAA,EAC/D,SAAS,mBAAmB,SAAS,EAAE,gBAAgB,aAAa,CAAC;AAAA,EAGrE,OAAO,iBAAiB,OAAO;AAAA,EAC/B,aAAa,CAAC,SAAsB,UAAmB;AAAA,IAErD,aAAa,SAAS,OAAO,KAAK,CAAC;AAAA;AAAA,EAErC,gBAAgB,iBAAiB,OAAO;AAAA,EAGxC,UAAU,mBAAmB,UAAU;AAAA,IACrC,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB,CAAC;AAAA,EAGD,aAAa,uBAAuB,GAAG;AAAA,EACvC,aAAa,uBAAuB,GAAG;AAAA,EAGvC,SAAS,mBAAmB,SAAS,EAAE,gBAAgB,aAAa,CAAC;AAAA,EACrE,QAAQ,mBAAmB,QAAQ,EAAE,gBAAgB,aAAa,CAAC;AAAA,EAGnE,cAAc,mBAAmB,cAAc,EAAE,gBAAgB,aAAa,CAAC;AAAA,EAC/E,cAAc,mBAAmB,cAAc,EAAE,gBAAgB,aAAa,CAAC;AAAA,EAG/E,MAAO,CAAC,SAAsB,UAAmB;AAAA,IAC/C,MAAM,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,IACrD,IAAI,CAAC;AAAA,MAAU;AAAA,IAEf,MAAM,cAAc,uBAAsB,OAAO;AAAA,IACjD,MAAM,WAAW,QAAQ;AAAA,IACzB,IAAI,oBAAoB,OAAO,EAAE,IAAI,QAAQ;AAAA,MAAG;AAAA,IAChD,cAAc,SAAS,QAAQ;AAAA,IAG/B,MAAM,YAAY,QAAQ,SAAS;AAAA,IAEnC,IAAI,cAAc,cAAc,cAAc,UAAU;AAAA,MAEtD,MAAM,QAAQ,QAAQ,cAAc,wBAAwB;AAAA,MAC5D,IAAI,CAAC;AAAA,QAAO;AAAA,MAEZ,MAAM,WAAW,MAAM;AAAA,QACrB,MAAM,SAAS,UAAU,OAAO;AAAA,QAChC,IAAI,QAAQ;AAAA,UACV,OAAO,eAAe,gBAAgB;AAAA,YACpC,MAAM;AAAA,YACN,OAAO,MAAM;AAAA,UACf,CAAC;AAAA,QACH;AAAA;AAAA,MAGF,YAAY,IACV,mBAAmB,OAAO,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC,CACjE;AAAA,IACF,EAAO,SAAI,mBAAmB,mBAAmB;AAAA,MAE/C,MAAM,WAAW,MAAM;AAAA,QACrB,MAAM,SAAS,UAAU,OAAO;AAAA,QAChC,IAAI,QAAQ;AAAA,UACV,OAAO,eAAe,gBAAgB;AAAA,YACpC,MAAM;AAAA,YACN,OAAO,QAAQ;AAAA,UACjB,CAAC;AAAA,QACH;AAAA;AAAA,MAGF,YAAY,IACV,mBAAmB,SAAS,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC,CACnE;AAAA,IACF,EAAO,SACL,mBAAmB,oBACnB,mBAAmB,qBACnB;AAAA,MAEA,MAAM,WAAW,MAAM;AAAA,QACrB,MAAM,SAAS,UAAU,OAAO;AAAA,QAChC,IAAI,QAAQ;AAAA,UACV,OAAO,eAAe,gBAAgB;AAAA,YACpC,MAAM;AAAA,YACN,OAAO,QAAQ;AAAA,UACjB,CAAC;AAAA,QACH;AAAA;AAAA,MAGF,YAAY,IACV,mBAAmB,SAAS,SAAS,UAAU,EAAE,SAAS,KAAK,CAAC,CAClE;AAAA,IACF,EAAO;AAAA,MACL;AAAA;AAAA,IAGF,YAAY,YAAY,MAAM,gBAAgB,SAAS,QAAQ,CAAC;AAAA;AAEpE;",
+  "debugId": "3BD8188DB9D4067264756E2164756E21",
   "names": []
 }

package/dist/dom/applicators/index.js

@@ -964,7 +964,58 @@ var eventHandlers = {
   onFocus: createEventHandler("focus", { extractPayload: focusPayload }),
   onBlur: createEventHandler("blur", { extractPayload: focusPayload }),
   onMouseEnter: createEventHandler("mouseenter", { extractPayload: mousePayload }),
-  onMouseLeave: createEventHandler("mouseleave", { extractPayload: mousePayload })
+  onMouseLeave: createEventHandler("mouseleave", { extractPayload: mousePayload }),
+  bind: (element, value) => {
+    const bindPath = typeof value === "string" ? value : null;
+    if (!bindPath)
+      return;
+    const disposables = getElementDisposables2(element);
+    const eventKey = `bind:${bindPath}`;
+    if (getRegisteredEvents(element).has(eventKey))
+      return;
+    registerEvent(element, eventKey);
+    const hypenType = element.dataset?.hypenType;
+    if (hypenType === "checkbox" || hypenType === "switch") {
+      const input = element.querySelector('input[type="checkbox"]');
+      if (!input)
+        return;
+      const listener = () => {
+        const engine = getEngine(element);
+        if (engine) {
+          engine.dispatchAction("__hypen_bind", {
+            path: bindPath,
+            value: input.checked
+          });
+        }
+      };
+      disposables.add(disposableListener(input, "change", listener, { passive: true }));
+    } else if (element instanceof HTMLSelectElement) {
+      const listener = () => {
+        const engine = getEngine(element);
+        if (engine) {
+          engine.dispatchAction("__hypen_bind", {
+            path: bindPath,
+            value: element.value
+          });
+        }
+      };
+      disposables.add(disposableListener(element, "change", listener, { passive: true }));
+    } else if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+      const listener = () => {
+        const engine = getEngine(element);
+        if (engine) {
+          engine.dispatchAction("__hypen_bind", {
+            path: bindPath,
+            value: element.value
+          });
+        }
+      };
+      disposables.add(disposableListener(element, "input", listener, { passive: true }));
+    } else {
+      return;
+    }
+    disposables.addCallback(() => unregisterEvent(element, eventKey));
+  }
 };
 
 // src/dom/applicators/typography.ts
@@ -1720,4 +1771,4 @@ export {
   ApplicatorRegistry
 };
 
-//# debugId=87DF02EDAD4E5DFA64756E2164756E21
+//# debugId=B1069C8F1F11835264756E2164756E21