@hyperfixi/behaviors 2.2.1 → 2.3.0

package/dist/resolver.browser.global.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/toggleable.schema.ts","../src/schemas/removable.schema.ts","../src/schemas/autodismiss.schema.ts","../src/schemas/clipboard.schema.ts","../src/schemas/draggable.schema.ts","../src/schemas/clickoutside.schema.ts","../src/schemas/scrollreveal.schema.ts","../src/schemas/tabs.schema.ts","../src/schemas/focustrap.schema.ts","../src/schemas/sortable.schema.ts","../src/schemas/resizable.schema.ts","../src/behavior-resolver.ts","../src/browser-resolver-bundle.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Toggleable Behavior Schema\n *\n * Toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n */\nexport const toggleableSchema: BehaviorSchema = {\n  name: 'Toggleable',\n  category: 'form',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Toggles a CSS class on click',\n  parameters: [\n    {\n      name: 'cls',\n      type: 'string',\n      optional: true,\n      default: 'active',\n      description: 'CSS class to toggle',\n    },\n    {\n      name: 'target',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element to toggle the class on',\n    },\n  ],\n  events: [\n    { name: 'toggleable:on', description: 'Fired when class is added' },\n    { name: 'toggleable:off', description: 'Fired when class is removed' },\n  ],\n  source: `\nbehavior Toggleable(cls, target)\n  init\n    if cls is undefined\n      set cls to \"active\"\n    end\n    if target is undefined\n      set target to me\n    end\n  end\n  on click\n    toggle .{cls} on target\n    js(target, cls)\n      var eventName = target.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';\n      target.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));\n    end\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Removable Behavior Schema\n *\n * Removes an element when a trigger is clicked.\n * Supports optional confirmation and transition effects.\n *\n * @since 1.2.0 — `trigger` parameter renamed to `triggerEl` to avoid\n * shadowing the hyperscript `trigger` command keyword. Users migrating\n * from v1.x should update: `install Removable(triggerEl: .close-btn)`.\n */\nexport const removableSchema: BehaviorSchema = {\n  name: 'Removable',\n  category: 'data',\n  tier: 'common',\n  version: '1.2.0',\n  description: 'Makes elements removable on click',\n  parameters: [\n    {\n      name: 'triggerEl',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element that triggers removal (e.g., a close button)',\n    },\n    {\n      name: 'confirmRemoval',\n      type: 'boolean',\n      optional: true,\n      default: false,\n      description: 'Show confirmation dialog before removal',\n    },\n    {\n      name: 'effect',\n      type: 'string',\n      optional: true,\n      default: 'none',\n      enum: ['fade', 'none'],\n      description: 'Transition effect: \"fade\" or \"none\"',\n    },\n  ],\n  events: [\n    { name: 'removable:before', description: 'Fired before removal (cancelable)' },\n    { name: 'removable:removed', description: 'Fired after removal' },\n  ],\n  source: `\nbehavior Removable(triggerEl, confirmRemoval, effect)\n  init\n    if triggerEl is undefined\n      set triggerEl to me\n    end\n  end\n  on click from triggerEl\n    if confirmRemoval\n      js(me)\n        if (!window.confirm(\"Are you sure?\")) return \"cancel\";\n      end\n      if it is \"cancel\"\n        halt\n      end\n    end\n    trigger removable:before\n    if effect is \"fade\"\n      transition opacity to 0 over 300ms\n    end\n    trigger removable:removed\n    remove me\n  end\nend\n`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * AutoDismiss Behavior Schema\n *\n * Auto-removes flash messages and toasts after a configurable delay.\n * Supports pause-on-hover and fade effect.\n */\nexport const autoDismissSchema: BehaviorSchema = {\n  name: 'AutoDismiss',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Auto-removes elements after a delay with optional pause-on-hover',\n  parameters: [\n    {\n      name: 'delay',\n      type: 'number',\n      optional: true,\n      default: 5000,\n      description: 'Time in ms before the element is removed',\n    },\n    {\n      name: 'pauseOnHover',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Pause the countdown when the mouse hovers over the element',\n    },\n    {\n      name: 'effect',\n      type: 'string',\n      optional: true,\n      default: 'none',\n      enum: ['fade', 'none'],\n      description: 'Transition effect before removal: \"fade\" or \"none\"',\n    },\n  ],\n  events: [\n    { name: 'autodismiss:start', description: 'Fired when the countdown timer starts' },\n    {\n      name: 'autodismiss:dismissed',\n      description: 'Fired before removal (cancelable via preventDefault)',\n    },\n    { name: 'autodismiss:paused', description: 'Fired when the timer is paused on hover' },\n    { name: 'autodismiss:resumed', description: 'Fired when the timer resumes on mouseleave' },\n  ],\n  source: `\nbehavior AutoDismiss(delay, pauseOnHover, effect)\n  init\n    if delay is undefined\n      set delay to 5000\n    end\n    if pauseOnHover is undefined\n      set pauseOnHover to true\n    end\n    if effect is undefined\n      set effect to \"none\"\n    end\n    js(me, delay, effect, pauseOnHover)\n      me.dispatchEvent(new CustomEvent('autodismiss:start', { bubbles: true }));\n      var remaining = delay;\n      var startedAt = Date.now();\n      var timerId = null;\n      function dismiss() {\n        var ev = new CustomEvent('autodismiss:dismissed', { bubbles: true, cancelable: true });\n        me.dispatchEvent(ev);\n        if (ev.defaultPrevented) return;\n        if (effect === 'fade') {\n          me.style.transition = 'opacity 300ms';\n          me.style.opacity = '0';\n          setTimeout(function() { me.remove(); }, 300);\n        } else {\n          me.remove();\n        }\n      }\n      function start() {\n        startedAt = Date.now();\n        timerId = setTimeout(dismiss, remaining);\n      }\n      start();\n      if (pauseOnHover) {\n        me.addEventListener('mouseenter', function() {\n          if (timerId != null) {\n            clearTimeout(timerId);\n            timerId = null;\n            remaining -= Date.now() - startedAt;\n            if (remaining < 0) remaining = 0;\n            me.dispatchEvent(new CustomEvent('autodismiss:paused', { bubbles: true }));\n          }\n        });\n        me.addEventListener('mouseleave', function() {\n          if (timerId == null && me.isConnected) {\n            me.dispatchEvent(new CustomEvent('autodismiss:resumed', { bubbles: true }));\n            start();\n          }\n        });\n      }\n    end\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Clipboard Behavior Schema\n *\n * Copies text to clipboard on click with visual feedback.\n * Uses the Clipboard API with execCommand fallback.\n */\nexport const clipboardSchema: BehaviorSchema = {\n  name: 'Clipboard',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Copies text to clipboard on click with visual feedback',\n  parameters: [\n    {\n      name: 'text',\n      type: 'string',\n      optional: true,\n      description: 'Literal text to copy (takes priority over source)',\n    },\n    {\n      name: 'source',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element whose textContent or value is copied',\n    },\n    {\n      name: 'feedback',\n      type: 'selector',\n      optional: true,\n      description: 'Element to show .copied feedback on (defaults to the installed element)',\n    },\n    {\n      name: 'feedbackDuration',\n      type: 'number',\n      optional: true,\n      default: 2000,\n      description: 'Duration in ms to show .copied class feedback',\n    },\n  ],\n  events: [\n    { name: 'clipboard:copied', description: 'Fired after text is copied successfully' },\n    { name: 'clipboard:error', description: 'Fired when clipboard write fails' },\n  ],\n  requirements: [\n    'navigator.clipboard.writeText() requires HTTPS or localhost',\n    'Falls back to document.execCommand(\"copy\") for older browsers',\n  ],\n  source: `\nbehavior Clipboard(text, source, feedback, feedbackDuration)\n  init\n    if feedbackDuration is undefined\n      set feedbackDuration to 2000\n    end\n    if source is undefined\n      set source to me\n    end\n  end\n  on click\n    if text is not undefined\n      set copyText to text\n    else\n      set copyText to source's textContent\n    end\n    js(me, copyText, feedback, feedbackDuration)\n      async function copyToClipboard(t) {\n        if (navigator.clipboard && navigator.clipboard.writeText) {\n          await navigator.clipboard.writeText(t);\n          return;\n        }\n        var ta = document.createElement('textarea');\n        ta.value = t;\n        ta.style.position = 'fixed';\n        ta.style.opacity = '0';\n        document.body.appendChild(ta);\n        ta.select();\n        try { document.execCommand('copy'); } finally { document.body.removeChild(ta); }\n      }\n      try {\n        await copyToClipboard(copyText);\n        var feedbackEl = feedback ? (typeof feedback === 'string' ? document.querySelector(feedback) : feedback) : me;\n        if (!feedbackEl) feedbackEl = me;\n        feedbackEl.classList.add('copied');\n        me.dispatchEvent(new CustomEvent('clipboard:copied', { bubbles: true, detail: { text: copyText } }));\n        setTimeout(function() { feedbackEl.classList.remove('copied'); }, feedbackDuration);\n      } catch(err) {\n        me.dispatchEvent(new CustomEvent('clipboard:error', { bubbles: true, detail: { error: err } }));\n      }\n    end\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Draggable Behavior Schema\n *\n * Makes elements draggable with pointer events.\n * Supports custom drag handles and lifecycle events.\n */\nexport const draggableSchema: BehaviorSchema = {\n  name: 'Draggable',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Makes elements draggable with pointer events',\n  parameters: [\n    {\n      name: 'dragHandle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the drag handle element',\n    },\n  ],\n  events: [\n    { name: 'draggable:start', description: 'Fired when drag begins' },\n    { name: 'draggable:move', description: 'Fired during each movement' },\n    { name: 'draggable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['position: absolute or position: fixed on the element'],\n  source: `\nbehavior Draggable(dragHandle)\n  init\n    if no dragHandle set dragHandle to me\n  end\n  on pointerdown(clientX, clientY) from dragHandle\n    halt the event\n    trigger draggable:start\n    measure x\n    set startX to it\n    measure y\n    set startY to it\n    set xoff to clientX - startX\n    set yoff to clientY - startY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or\n               pointerup(clientX, clientY) from document\n      add { left: \\${clientX - xoff}px; top: \\${clientY - yoff}px; }\n      trigger draggable:move\n    end\n    trigger draggable:end\n  end\nend\n`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * ClickOutside Behavior Schema\n *\n * Fires an event when the user clicks outside the element.\n * Uses pointerdown instead of click to avoid timing issues.\n */\nexport const clickOutsideSchema: BehaviorSchema = {\n  name: 'ClickOutside',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Fires an event when the user clicks outside the element',\n  parameters: [\n    {\n      name: 'active',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Whether the listener is active (can be toggled programmatically)',\n    },\n  ],\n  events: [\n    { name: 'clickoutside', description: 'Fired when a pointer press occurs outside the element' },\n    {\n      name: 'clickoutside:activate',\n      description: 'Listen for this event to programmatically activate detection',\n    },\n    {\n      name: 'clickoutside:deactivate',\n      description: 'Listen for this event to programmatically deactivate detection',\n    },\n  ],\n  requirements: ['Uses pointerdown instead of click to avoid timing issues with removed elements'],\n  source: `\nbehavior ClickOutside(active)\n  init\n    if active is undefined\n      set active to true\n    end\n  end\n  on pointerdown from document\n    js(me, active)\n      if (!me.isConnected) return;\n      if (active && !me.contains(event.target)) {\n        me.dispatchEvent(new CustomEvent('clickoutside', { bubbles: true }));\n      }\n    end\n  end\n  on clickoutside:activate\n    set active to true\n  end\n  on clickoutside:deactivate\n    set active to false\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * ScrollReveal Behavior Schema\n *\n * Adds a class or fires events when the element enters or exits the viewport.\n * Uses the IntersectionObserver web standard API.\n */\nexport const scrollRevealSchema: BehaviorSchema = {\n  name: 'ScrollReveal',\n  category: 'layout',\n  tier: 'common',\n  version: '1.0.0',\n  description: 'Adds a class when the element enters the viewport via IntersectionObserver',\n  parameters: [\n    {\n      name: 'cls',\n      type: 'string',\n      optional: true,\n      default: 'revealed',\n      description: 'CSS class added when element enters viewport',\n    },\n    {\n      name: 'threshold',\n      type: 'number',\n      optional: true,\n      default: 0.1,\n      description: 'Intersection ratio threshold (0-1) for triggering',\n    },\n    {\n      name: 'once',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'If true, disconnect observer after first intersection',\n    },\n  ],\n  events: [\n    { name: 'scrollreveal:enter', description: 'Fired when the element enters the viewport' },\n    { name: 'scrollreveal:exit', description: 'Fired when the element exits the viewport' },\n  ],\n  requirements: ['Uses IntersectionObserver API (supported in all modern browsers)'],\n  source: `\nbehavior ScrollReveal(cls, threshold, once)\n  init\n    if cls is undefined\n      set cls to \"revealed\"\n    end\n    if threshold is undefined\n      set threshold to 0.1\n    end\n    if once is undefined\n      set once to true\n    end\n    js(me, cls, threshold, once)\n      var obs = new IntersectionObserver(function(entries) {\n        for (var i = 0; i < entries.length; i++) {\n          if (entries[i].isIntersecting) {\n            me.classList.add(cls);\n            me.dispatchEvent(new CustomEvent('scrollreveal:enter', { bubbles: true }));\n            if (once) obs.disconnect();\n          } else if (!once) {\n            me.classList.remove(cls);\n            me.dispatchEvent(new CustomEvent('scrollreveal:exit', { bubbles: true }));\n          }\n        }\n      }, { threshold: threshold });\n      obs.observe(me);\n    end\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\nexport const tabsSchema: BehaviorSchema = {\n  name: 'Tabs',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description:\n    'WAI-ARIA compliant tabs with roving tabindex keyboard navigation. ' +\n    'Auto-wires role, aria-selected, aria-controls, and aria-labelledby attributes.',\n  parameters: [\n    {\n      name: 'orientation',\n      type: 'string',\n      optional: true,\n      default: 'horizontal',\n      enum: ['horizontal', 'vertical'],\n      description: 'Arrow key direction: horizontal (Left/Right) or vertical (Up/Down)',\n    },\n    {\n      name: 'activeTab',\n      type: 'number',\n      optional: true,\n      default: 0,\n      description: 'Initial active tab index (zero-based)',\n    },\n    {\n      name: 'wrap',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Wrap to first/last tab when navigating past the end',\n    },\n    {\n      name: 'activeClass',\n      type: 'string',\n      optional: true,\n      default: 'active',\n      description: 'CSS class applied to the active tab and its panel',\n    },\n  ],\n  events: [\n    {\n      name: 'tabs:change',\n      description: 'Fired before tab selection changes (cancelable via preventDefault)',\n    },\n    { name: 'tabs:changed', description: 'Fired after tab selection has changed' },\n  ],\n  requirements: [\n    'Sets role=\"tablist\" on the tab container',\n    'Sets role=\"tab\" on tab buttons and role=\"tabpanel\" on content panels',\n    'Manages aria-selected, aria-controls, aria-labelledby, and tabindex',\n    'Keyboard: Arrow keys navigate, Home/End jump to first/last, Tab exits tablist',\n  ],\n  source: `\nbehavior Tabs(orientation, activeTab, wrap, activeClass)\n  init\n    if orientation is undefined\n      set orientation to \"horizontal\"\n    end\n    if activeTab is undefined\n      set activeTab to 0\n    end\n    if wrap is undefined\n      set wrap to true\n    end\n    if activeClass is undefined\n      set activeClass to \"active\"\n    end\n    js(me, orientation, activeTab, wrap, activeClass)\n      var tabs = Array.from(me.querySelectorAll('[role=\"tab\"]'));\n      var panels = Array.from(me.querySelectorAll('[role=\"tabpanel\"]'));\n      if (tabs.length === 0 || panels.length === 0) return;\n      var tablist = me.querySelector('[role=\"tablist\"]') || tabs[0].parentElement;\n      if (tablist) tablist.setAttribute('aria-orientation', orientation);\n      var count = Math.min(tabs.length, panels.length);\n      var idN = 0;\n      for (var i = 0; i < count; i++) {\n        if (!tabs[i].id) tabs[i].id = 'tab-' + (++idN);\n        if (!panels[i].id) panels[i].id = 'tabpanel-' + idN;\n        tabs[i].setAttribute('aria-controls', panels[i].id);\n        panels[i].setAttribute('aria-labelledby', tabs[i].id);\n      }\n      var cur = Math.max(0, Math.min(activeTab, count - 1));\n      function activate(idx, prev) {\n        if (idx === prev || idx < 0 || idx >= count) return false;\n        var ev = new CustomEvent('tabs:change', { bubbles: true, cancelable: true, detail: { index: idx, previousIndex: prev } });\n        me.dispatchEvent(ev);\n        if (ev.defaultPrevented) return false;\n        if (prev >= 0 && prev < count) {\n          tabs[prev].setAttribute('aria-selected', 'false');\n          tabs[prev].setAttribute('tabindex', '-1');\n          tabs[prev].classList.remove(activeClass);\n          panels[prev].setAttribute('aria-hidden', 'true');\n          panels[prev].classList.remove(activeClass);\n        }\n        tabs[idx].setAttribute('aria-selected', 'true');\n        tabs[idx].setAttribute('tabindex', '0');\n        tabs[idx].classList.add(activeClass);\n        panels[idx].setAttribute('aria-hidden', 'false');\n        panels[idx].classList.add(activeClass);\n        cur = idx;\n        me.dispatchEvent(new CustomEvent('tabs:changed', { bubbles: true, detail: { index: idx } }));\n        return true;\n      }\n      for (var j = 0; j < count; j++) {\n        tabs[j].setAttribute('aria-selected', 'false');\n        tabs[j].setAttribute('tabindex', '-1');\n        panels[j].setAttribute('aria-hidden', 'true');\n        panels[j].classList.remove(activeClass);\n      }\n      tabs[cur].setAttribute('aria-selected', 'true');\n      tabs[cur].setAttribute('tabindex', '0');\n      tabs[cur].classList.add(activeClass);\n      panels[cur].setAttribute('aria-hidden', 'false');\n      panels[cur].classList.add(activeClass);\n      for (var k = 0; k < count; k++) {\n        (function(idx) {\n          tabs[idx].addEventListener('click', function() { if (activate(idx, cur)) tabs[idx].focus(); });\n        })(k);\n      }\n      (tablist || me).addEventListener('keydown', function(e) {\n        var nk = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n        var pk = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n        var next = null;\n        if (e.key === nk) { next = cur + 1; if (next >= count) next = wrap ? 0 : null; }\n        else if (e.key === pk) { next = cur - 1; if (next < 0) next = wrap ? count - 1 : null; }\n        else if (e.key === 'Home') next = 0;\n        else if (e.key === 'End') next = count - 1;\n        if (next !== null) { e.preventDefault(); if (activate(next, cur)) tabs[next].focus(); }\n      });\n    end\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * FocusTrap Behavior Schema\n *\n * Confines Tab navigation inside an element and restores focus on release.\n * Manages aria-modal for accessibility compliance.\n */\nexport const focusTrapSchema: BehaviorSchema = {\n  name: 'FocusTrap',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Confines Tab navigation inside an element with ARIA support',\n  parameters: [\n    {\n      name: 'active',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Whether the trap is active on install',\n    },\n    {\n      name: 'initialFocus',\n      type: 'selector',\n      optional: true,\n      description: 'Element to focus when the trap activates',\n    },\n    {\n      name: 'returnFocus',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Restore focus to the previously focused element on deactivation',\n    },\n  ],\n  events: [\n    { name: 'focustrap:activated', description: 'Fired when the trap is activated' },\n    { name: 'focustrap:deactivated', description: 'Fired when the trap is deactivated' },\n  ],\n  requirements: [\n    'Sets aria-modal=\"true\" on the element when active',\n    'Listens for focustrap:activate and focustrap:deactivate custom events for programmatic control',\n  ],\n  source: `\nbehavior FocusTrap(active, initialFocus, returnFocus)\n  init\n    if active is undefined\n      set active to true\n    end\n    if returnFocus is undefined\n      set returnFocus to true\n    end\n    js(me, active, initialFocus, returnFocus)\n      var FOCUSABLE = 'a[href],button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex=\"-1\"])';\n      var isActive = false;\n      var previouslyFocused = null;\n      function getFocusable() { return Array.from(me.querySelectorAll(FOCUSABLE)); }\n      function activate() {\n        if (isActive) return;\n        isActive = true;\n        previouslyFocused = document.activeElement;\n        me.setAttribute('aria-modal', 'true');\n        var initEl = initialFocus ? (typeof initialFocus === 'string' ? me.querySelector(initialFocus) : initialFocus) : null;\n        if (initEl) { initEl.focus(); } else { var f = getFocusable(); if (f.length) f[0].focus(); }\n        me.dispatchEvent(new CustomEvent('focustrap:activated', { bubbles: true }));\n      }\n      function deactivate() {\n        if (!isActive) return;\n        isActive = false;\n        me.removeAttribute('aria-modal');\n        if (returnFocus && previouslyFocused instanceof HTMLElement) previouslyFocused.focus();\n        previouslyFocused = null;\n        me.dispatchEvent(new CustomEvent('focustrap:deactivated', { bubbles: true }));\n      }\n      me.addEventListener('keydown', function(e) {\n        if (!isActive || e.key !== 'Tab') return;\n        var focusable = getFocusable();\n        if (focusable.length === 0) { e.preventDefault(); return; }\n        e.preventDefault();\n        var idx = focusable.indexOf(document.activeElement);\n        if (e.shiftKey) {\n          focusable[idx <= 0 ? focusable.length - 1 : idx - 1].focus();\n        } else {\n          focusable[idx >= focusable.length - 1 ? 0 : idx + 1].focus();\n        }\n      });\n      me.addEventListener('focustrap:activate', function() { activate(); });\n      me.addEventListener('focustrap:deactivate', function() { deactivate(); });\n      if (active) activate();\n    end\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Sortable Behavior Schema\n *\n * Drag-and-drop reordering of list items.\n * Apply to a container element; children become sortable.\n *\n * Note: This behavior fires lifecycle events but does NOT automatically\n * reorder DOM elements. Users must handle actual reordering in their\n * `sortable:move` event handlers.\n */\nexport const sortableSchema: BehaviorSchema = {\n  name: 'Sortable',\n  category: 'ui',\n  tier: 'common',\n  version: '1.0.0',\n  description: 'Makes child elements reorderable via drag-and-drop',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'none',\n      description: 'CSS selector for drag handles within items',\n    },\n    {\n      name: 'dragClass',\n      type: 'string',\n      optional: true,\n      default: 'sorting',\n      description: 'CSS class added to item during drag',\n    },\n  ],\n  events: [\n    { name: 'sortable:start', description: 'Fired when drag begins' },\n    {\n      name: 'sortable:move',\n      description: 'Fired during drag — handle this event to reorder DOM elements',\n    },\n    { name: 'sortable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['Users must handle DOM reordering in sortable:move event handlers'],\n  source: `\nbehavior Sortable(handle, dragClass)\n  init\n    if dragClass is undefined\n      set dragClass to \"sorting\"\n    end\n  end\n  on pointerdown(clientY) from me\n    js(me, handle, event)\n      var target = event.target;\n      var item = target.closest(\"li\");\n      if (!item || !me.contains(item)) return false;\n      if (handle && !target.closest(handle)) return false;\n      event.preventDefault();\n      event.stopPropagation();\n      return true;\n    end\n    if it is false\n      exit\n    end\n    add .{dragClass} to me\n    trigger sortable:start on me\n    repeat until event pointerup from document\n      wait for pointermove(clientY) from document\n      trigger sortable:move on me\n    end\n    remove .{dragClass} from me\n    trigger sortable:end on me\n  end\nend`.trim(),\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description: 'Makes elements resizable by dragging',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the resize handle (defaults to the element itself)',\n    },\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)\n  init\n    if handle is undefined\n      set handle to me\n    end\n    if minWidth is undefined\n      set minWidth to 50\n    end\n    if minHeight is undefined\n      set minHeight to 50\n    end\n    if maxWidth is undefined\n      set maxWidth to 9999\n    end\n    if maxHeight is undefined\n      set maxHeight to 9999\n    end\n  end\n  on pointerdown(clientX, clientY) from handle\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or pointerup from document\n      js(startWidth, startHeight, clientX, clientY, startX, startY, minWidth, maxWidth, minHeight, maxHeight, me)\n        var nw = Math.max(minWidth, Math.min(maxWidth, startWidth + (clientX - startX)));\n        var nh = Math.max(minHeight, Math.min(maxHeight, startHeight + (clientY - startY)));\n        me.style.width = nw + 'px';\n        me.style.height = nh + 'px';\n      end\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Resolver — Lazy compilation of hyperscript behaviors\n *\n * Provides a resolver function that compiles behavior source strings on demand.\n * When the runtime encounters `install X` and X isn't registered, it calls\n * the resolver. If the resolver has source for X, it compiles it, registers\n * the behavior, and installation proceeds normally.\n *\n * @example\n * ```typescript\n * import { createBehaviorResolver } from '@hyperfixi/behaviors/resolver';\n *\n * const resolve = createBehaviorResolver(window.hyperfixi, window._hyperscript.behaviors);\n * window._hyperscript.behaviors.resolve = resolve;\n *\n * // Now `install Toggleable` will compile the behavior on first use\n * ```\n */\n\nimport { toggleableSchema } from './schemas/toggleable.schema';\nimport { removableSchema } from './schemas/removable.schema';\nimport { autoDismissSchema } from './schemas/autodismiss.schema';\nimport { clipboardSchema } from './schemas/clipboard.schema';\nimport { draggableSchema } from './schemas/draggable.schema';\nimport { clickOutsideSchema } from './schemas/clickoutside.schema';\nimport { scrollRevealSchema } from './schemas/scrollreveal.schema';\nimport { tabsSchema } from './schemas/tabs.schema';\nimport { focusTrapSchema } from './schemas/focustrap.schema';\nimport { sortableSchema } from './schemas/sortable.schema';\nimport { resizableSchema } from './schemas/resizable.schema';\n\nexport const BEHAVIOR_SOURCES: Record<string, string> = {\n  Toggleable: toggleableSchema.source,\n  Removable: removableSchema.source,\n  AutoDismiss: autoDismissSchema.source,\n  Clipboard: clipboardSchema.source,\n  Draggable: draggableSchema.source,\n  ClickOutside: clickOutsideSchema.source,\n  ScrollReveal: scrollRevealSchema.source,\n  Tabs: tabsSchema.source,\n  FocusTrap: focusTrapSchema.source,\n  Sortable: sortableSchema.source,\n  Resizable: resizableSchema.source,\n};\n\ninterface CompileResult {\n  ok: boolean;\n  ast?: any;\n  errors?: unknown[];\n}\n\ninterface BehaviorAPI {\n  set(name: string, definition: any): void;\n}\n\ninterface HyperFixiAPI {\n  compileSync(code: string, options?: { traditional?: boolean }): CompileResult;\n}\n\n/**\n * Create a behavior resolver that compiles hyperscript source on demand.\n *\n * The returned function is meant to be assigned to `_hyperscript.behaviors.resolve`.\n * When called with a behavior name, it looks up the source, compiles it,\n * and registers the resulting AST in the behavior registry.\n *\n * @param hyperfixi - The hyperfixi API (needs compileSync)\n * @param behaviorAPI - The behavior registry API (needs set)\n * @returns Resolver function: (name: string) => boolean\n */\nexport function createBehaviorResolver(\n  hyperfixi: HyperFixiAPI,\n  behaviorAPI: BehaviorAPI\n): (name: string) => boolean {\n  return (name: string): boolean => {\n    const source = BEHAVIOR_SOURCES[name];\n    if (!source) return false;\n\n    const result = hyperfixi.compileSync(source, { traditional: true });\n    if (!result.ok || !result.ast) return false;\n\n    const ast = result.ast as any;\n    behaviorAPI.set(name, {\n      name: ast.name,\n      parameters: ast.parameters,\n      eventHandlers: ast.eventHandlers,\n      initBlock: ast.initBlock,\n    });\n    return true;\n  };\n}\n","/**\n * Browser Behavior Resolver Bundle\n *\n * Pre-registers all standard behavior definitions with the hyperfixi runtime.\n * Include after hyperfixi.js — all standard behaviors become available.\n *\n * Usage:\n *   <script src=\"hyperfixi.js\"></script>\n *   <script src=\"hyperfixi-behaviors.js\"></script>\n *   <!-- install Toggleable, Draggable, etc. just work -->\n */\n\nimport { BEHAVIOR_SOURCES } from './behavior-resolver';\n\nfunction init() {\n  const hf = (window as any).hyperfixi;\n  if (!hf?.compileSync || !hf?.execute) return;\n\n  // Compile and register each behavior definition with the runtime.\n  // This is equivalent to having them in a <script type=\"text/hyperscript\"> block.\n  for (const [name, source] of Object.entries(BEHAVIOR_SOURCES)) {\n    const result = hf.compileSync(source, { traditional: true });\n    if (result?.ok && result.ast) {\n      // execute() registers the behavior in the runtime's behaviorRegistry\n      hf.execute(result.ast).catch(() => {\n        // Async — errors handled silently\n      });\n    }\n  }\n\n  // Re-scan: the attribute processor may have already processed elements\n  // and failed (behaviors weren't registered). Reset and re-init.\n  const ap = hf.attributeProcessor;\n  if (ap) {\n    ap.reset();\n    ap.init();\n  }\n}\n\nif (typeof window !== 'undefined') {\n  init();\n}\n"],"mappings":"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","names":["toggleableSchema","removableSchema","autoDismissSchema","clipboardSchema","draggableSchema","clickOutsideSchema","scrollRevealSchema","tabsSchema","focusTrapSchema","sortableSchema","resizableSchema","BEHAVIOR_SOURCES","toggleableSchema","removableSchema","autoDismissSchema","clipboardSchema","draggableSchema","clickOutsideSchema","scrollRevealSchema","tabsSchema","focusTrapSchema","sortableSchema","resizableSchema","init","hf","name","source","BEHAVIOR_SOURCES","result","ap"]}

package/dist/schemas/index.cjs

@@ -120,27 +120,33 @@ var sortableSchema = {
   source: `
 behavior Sortable(handle, dragClass)
   init
-    if no dragClass set dragClass to "sorting"
+    if dragClass is undefined
+      set dragClass to "sorting"
+    end
   end
-  on pointerdown(target, clientY) from me
-    set item to closest <li/> in target
-    if no item exit
-    if handle
-      set handleEl to target.closest(handle)
-      if no handleEl exit
+  on pointerdown(clientY) from me
+    js(me, handle, event)
+      var target = event.target;
+      var item = target.closest("li");
+      if (!item || !me.contains(item)) return false;
+      if (handle && !target.closest(handle)) return false;
+      event.preventDefault();
+      event.stopPropagation();
+      return true;
     end
-    halt the event
-    add dragClass to item
+    if it is false
+      exit
+    end
+    add .{dragClass} to me
     trigger sortable:start on me
     repeat until event pointerup from document
       wait for pointermove(clientY) from document
       trigger sortable:move on me
     end
-    remove dragClass from item
+    remove .{dragClass} from me
     trigger sortable:end on me
   end
-end
-`.trim()
+end`.trim()
 };
 
 // src/schemas/resizable.schema.ts
@@ -195,11 +201,21 @@ var resizableSchema = {
   source: `
 behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
   init
-    if no handle set handle to me
-    if no minWidth set minWidth to 50
-    if no minHeight set minHeight to 50
-    if no maxWidth set maxWidth to 9999
-    if no maxHeight set maxHeight to 9999
+    if handle is undefined
+      set handle to me
+    end
+    if minWidth is undefined
+      set minWidth to 50
+    end
+    if minHeight is undefined
+      set minHeight to 50
+    end
+    if maxWidth is undefined
+      set maxWidth to 9999
+    end
+    if maxHeight is undefined
+      set maxHeight to 9999
+    end
   end
   on pointerdown(clientX, clientY) from handle
     halt the event
@@ -211,15 +227,13 @@ behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
     set startX to clientX
     set startY to clientY
     repeat until event pointerup from document
-      wait for pointermove(clientX, clientY) or
-               pointerup from document
-      set newWidth to startWidth + (clientX - startX)
-      set newHeight to startHeight + (clientY - startY)
-      if newWidth < minWidth set newWidth to minWidth
-      if newWidth > maxWidth set newWidth to maxWidth
-      if newHeight < minHeight set newHeight to minHeight
-      if newHeight > maxHeight set newHeight to maxHeight
-      add { width: \${newWidth}px; height: \${newHeight}px; }
+      wait for pointermove(clientX, clientY) or pointerup from document
+      js(startWidth, startHeight, clientX, clientY, startX, startY, minWidth, maxWidth, minHeight, maxHeight, me)
+        var nw = Math.max(minWidth, Math.min(maxWidth, startWidth + (clientX - startX)));
+        var nh = Math.max(minHeight, Math.min(maxHeight, startHeight + (clientY - startY)));
+        me.style.width = nw + 'px';
+        me.style.height = nh + 'px';
+      end
       trigger resizable:resize
     end
     trigger resizable:end
@@ -244,7 +258,7 @@ var removableSchema = {
       description: "Element that triggers removal (e.g., a close button)"
     },
     {
-      name: "confirm",
+      name: "confirmRemoval",
       type: "boolean",
       optional: true,
       default: false,
@@ -264,15 +278,18 @@ var removableSchema = {
     { name: "removable:removed", description: "Fired after removal" }
   ],
   source: `
-behavior Removable(triggerEl, confirm, effect)
+behavior Removable(triggerEl, confirmRemoval, effect)
   init
     if triggerEl is undefined
       set triggerEl to me
     end
   end
   on click from triggerEl
-    if confirm
-      if not window.confirm("Are you sure?")
+    if confirmRemoval
+      js(me)
+        if (!window.confirm("Are you sure?")) return "cancel";
+      end
+      if it is "cancel"
         halt
       end
     end
@@ -326,9 +343,12 @@ behavior Toggleable(cls, target)
   end
   on click
     toggle .{cls} on target
+    js(target, cls)
+      var eventName = target.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';
+      target.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
+    end
   end
-end
-`.trim()
+end`.trim()
 };
 
 // src/schemas/clipboard.schema.ts
@@ -374,27 +394,49 @@ var clipboardSchema = {
     "navigator.clipboard.writeText() requires HTTPS or localhost",
     'Falls back to document.execCommand("copy") for older browsers'
   ],
-  source: [
-    "behavior Clipboard(text, source, feedback, feedbackDuration)",
-    "  init",
-    "    if feedbackDuration is undefined set feedbackDuration to 2000",
-    "    if source is undefined set source to me",
-    "  end",
-    "  on click",
-    "    if text is not undefined",
-    "      set copyText to text",
-    "    else",
-    "      set copyText to source's value or source's textContent",
-    "    end",
-    "    js(copyText) navigator.clipboard.writeText(copyText) end",
-    "    set feedbackEl to feedback or me",
-    "    add .copied to feedbackEl",
-    "    wait feedbackDuration ms",
-    "    remove .copied from feedbackEl",
-    "    trigger clipboard:copied",
-    "  end",
-    "end"
-  ].join("\n")
+  source: `
+behavior Clipboard(text, source, feedback, feedbackDuration)
+  init
+    if feedbackDuration is undefined
+      set feedbackDuration to 2000
+    end
+    if source is undefined
+      set source to me
+    end
+  end
+  on click
+    if text is not undefined
+      set copyText to text
+    else
+      set copyText to source's textContent
+    end
+    js(me, copyText, feedback, feedbackDuration)
+      async function copyToClipboard(t) {
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          await navigator.clipboard.writeText(t);
+          return;
+        }
+        var ta = document.createElement('textarea');
+        ta.value = t;
+        ta.style.position = 'fixed';
+        ta.style.opacity = '0';
+        document.body.appendChild(ta);
+        ta.select();
+        try { document.execCommand('copy'); } finally { document.body.removeChild(ta); }
+      }
+      try {
+        await copyToClipboard(copyText);
+        var feedbackEl = feedback ? (typeof feedback === 'string' ? document.querySelector(feedback) : feedback) : me;
+        if (!feedbackEl) feedbackEl = me;
+        feedbackEl.classList.add('copied');
+        me.dispatchEvent(new CustomEvent('clipboard:copied', { bubbles: true, detail: { text: copyText } }));
+        setTimeout(function() { feedbackEl.classList.remove('copied'); }, feedbackDuration);
+      } catch(err) {
+        me.dispatchEvent(new CustomEvent('clipboard:error', { bubbles: true, detail: { error: err } }));
+      }
+    end
+  end
+end`.trim()
 };
 
 // src/schemas/autodismiss.schema.ts
@@ -437,24 +479,60 @@ var autoDismissSchema = {
     { name: "autodismiss:paused", description: "Fired when the timer is paused on hover" },
     { name: "autodismiss:resumed", description: "Fired when the timer resumes on mouseleave" }
   ],
-  source: [
-    "behavior AutoDismiss(delay, pauseOnHover, effect)",
-    "  init",
-    "    if delay is undefined set delay to 5000",
-    "    if pauseOnHover is undefined set pauseOnHover to true",
-    '    if effect is undefined set effect to "none"',
-    "  end",
-    "  on load",
-    "    trigger autodismiss:start",
-    "    wait delay ms",
-    "    trigger autodismiss:dismissed",
-    '    if effect is "fade"',
-    "      transition opacity to 0 over 300ms",
-    "    end",
-    "    remove me",
-    "  end",
-    "end"
-  ].join("\n")
+  source: `
+behavior AutoDismiss(delay, pauseOnHover, effect)
+  init
+    if delay is undefined
+      set delay to 5000
+    end
+    if pauseOnHover is undefined
+      set pauseOnHover to true
+    end
+    if effect is undefined
+      set effect to "none"
+    end
+    js(me, delay, effect, pauseOnHover)
+      me.dispatchEvent(new CustomEvent('autodismiss:start', { bubbles: true }));
+      var remaining = delay;
+      var startedAt = Date.now();
+      var timerId = null;
+      function dismiss() {
+        var ev = new CustomEvent('autodismiss:dismissed', { bubbles: true, cancelable: true });
+        me.dispatchEvent(ev);
+        if (ev.defaultPrevented) return;
+        if (effect === 'fade') {
+          me.style.transition = 'opacity 300ms';
+          me.style.opacity = '0';
+          setTimeout(function() { me.remove(); }, 300);
+        } else {
+          me.remove();
+        }
+      }
+      function start() {
+        startedAt = Date.now();
+        timerId = setTimeout(dismiss, remaining);
+      }
+      start();
+      if (pauseOnHover) {
+        me.addEventListener('mouseenter', function() {
+          if (timerId != null) {
+            clearTimeout(timerId);
+            timerId = null;
+            remaining -= Date.now() - startedAt;
+            if (remaining < 0) remaining = 0;
+            me.dispatchEvent(new CustomEvent('autodismiss:paused', { bubbles: true }));
+          }
+        });
+        me.addEventListener('mouseleave', function() {
+          if (timerId == null && me.isConnected) {
+            me.dispatchEvent(new CustomEvent('autodismiss:resumed', { bubbles: true }));
+            start();
+          }
+        });
+      }
+    end
+  end
+end`.trim()
 };
 
 // src/schemas/clickoutside.schema.ts
@@ -474,19 +552,38 @@ var clickOutsideSchema = {
     }
   ],
   events: [
-    { name: "clickoutside", description: "Fired when a pointer press occurs outside the element" }
+    { name: "clickoutside", description: "Fired when a pointer press occurs outside the element" },
+    {
+      name: "clickoutside:activate",
+      description: "Listen for this event to programmatically activate detection"
+    },
+    {
+      name: "clickoutside:deactivate",
+      description: "Listen for this event to programmatically deactivate detection"
+    }
   ],
   requirements: ["Uses pointerdown instead of click to avoid timing issues with removed elements"],
   source: `
 behavior ClickOutside(active)
   init
-    if active is undefined set active to true
+    if active is undefined
+      set active to true
+    end
   end
   on pointerdown from document
-    if active and not me.contains(event.target)
-      trigger clickoutside on me
+    js(me, active)
+      if (!me.isConnected) return;
+      if (active && !me.contains(event.target)) {
+        me.dispatchEvent(new CustomEvent('clickoutside', { bubbles: true }));
+      }
     end
   end
+  on clickoutside:activate
+    set active to true
+  end
+  on clickoutside:deactivate
+    set active to false
+  end
 end`.trim()
 };
 
@@ -530,10 +627,51 @@ var focusTrapSchema = {
   source: `
 behavior FocusTrap(active, initialFocus, returnFocus)
   init
-    if active is undefined set active to true
-    if returnFocus is undefined set returnFocus to true
+    if active is undefined
+      set active to true
+    end
+    if returnFocus is undefined
+      set returnFocus to true
+    end
+    js(me, active, initialFocus, returnFocus)
+      var FOCUSABLE = 'a[href],button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex="-1"])';
+      var isActive = false;
+      var previouslyFocused = null;
+      function getFocusable() { return Array.from(me.querySelectorAll(FOCUSABLE)); }
+      function activate() {
+        if (isActive) return;
+        isActive = true;
+        previouslyFocused = document.activeElement;
+        me.setAttribute('aria-modal', 'true');
+        var initEl = initialFocus ? (typeof initialFocus === 'string' ? me.querySelector(initialFocus) : initialFocus) : null;
+        if (initEl) { initEl.focus(); } else { var f = getFocusable(); if (f.length) f[0].focus(); }
+        me.dispatchEvent(new CustomEvent('focustrap:activated', { bubbles: true }));
+      }
+      function deactivate() {
+        if (!isActive) return;
+        isActive = false;
+        me.removeAttribute('aria-modal');
+        if (returnFocus && previouslyFocused instanceof HTMLElement) previouslyFocused.focus();
+        previouslyFocused = null;
+        me.dispatchEvent(new CustomEvent('focustrap:deactivated', { bubbles: true }));
+      }
+      me.addEventListener('keydown', function(e) {
+        if (!isActive || e.key !== 'Tab') return;
+        var focusable = getFocusable();
+        if (focusable.length === 0) { e.preventDefault(); return; }
+        e.preventDefault();
+        var idx = focusable.indexOf(document.activeElement);
+        if (e.shiftKey) {
+          focusable[idx <= 0 ? focusable.length - 1 : idx - 1].focus();
+        } else {
+          focusable[idx >= focusable.length - 1 ? 0 : idx + 1].focus();
+        }
+      });
+      me.addEventListener('focustrap:activate', function() { activate(); });
+      me.addEventListener('focustrap:deactivate', function() { deactivate(); });
+      if (active) activate();
+    end
   end
-  -- Imperative installer handles Tab key trapping and focus management
 end`.trim()
 };
 
@@ -565,13 +703,6 @@ var scrollRevealSchema = {
       optional: true,
       default: true,
       description: "If true, disconnect observer after first intersection"
-    },
-    {
-      name: "rootMargin",
-      type: "string",
-      optional: true,
-      default: "0px",
-      description: "CSS margin around the viewport for triggering earlier or later"
     }
   ],
   events: [
@@ -580,14 +711,33 @@ var scrollRevealSchema = {
   ],
   requirements: ["Uses IntersectionObserver API (supported in all modern browsers)"],
   source: `
-behavior ScrollReveal(cls, threshold, once, rootMargin)
+behavior ScrollReveal(cls, threshold, once)
   init
-    if cls is undefined set cls to "revealed"
-    if threshold is undefined set threshold to 0.1
-    if once is undefined set once to true
-    if rootMargin is undefined set rootMargin to "0px"
+    if cls is undefined
+      set cls to "revealed"
+    end
+    if threshold is undefined
+      set threshold to 0.1
+    end
+    if once is undefined
+      set once to true
+    end
+    js(me, cls, threshold, once)
+      var obs = new IntersectionObserver(function(entries) {
+        for (var i = 0; i < entries.length; i++) {
+          if (entries[i].isIntersecting) {
+            me.classList.add(cls);
+            me.dispatchEvent(new CustomEvent('scrollreveal:enter', { bubbles: true }));
+            if (once) obs.disconnect();
+          } else if (!once) {
+            me.classList.remove(cls);
+            me.dispatchEvent(new CustomEvent('scrollreveal:exit', { bubbles: true }));
+          }
+        }
+      }, { threshold: threshold });
+      obs.observe(me);
+    end
   end
-  -- Imperative installer handles IntersectionObserver setup
 end`.trim()
 };
 
@@ -642,17 +792,86 @@ var tabsSchema = {
     "Manages aria-selected, aria-controls, aria-labelledby, and tabindex",
     "Keyboard: Arrow keys navigate, Home/End jump to first/last, Tab exits tablist"
   ],
-  source: [
-    "behavior Tabs(orientation, activeTab, wrap, activeClass)",
-    "  init",
-    '    if orientation is undefined set orientation to "horizontal"',
-    "    if activeTab is undefined set activeTab to 0",
-    "    if wrap is undefined set wrap to true",
-    '    if activeClass is undefined set activeClass to "active"',
-    "  end",
-    "  -- Imperative installer handles ARIA wiring and keyboard navigation",
-    "end"
-  ].join("\n")
+  source: `
+behavior Tabs(orientation, activeTab, wrap, activeClass)
+  init
+    if orientation is undefined
+      set orientation to "horizontal"
+    end
+    if activeTab is undefined
+      set activeTab to 0
+    end
+    if wrap is undefined
+      set wrap to true
+    end
+    if activeClass is undefined
+      set activeClass to "active"
+    end
+    js(me, orientation, activeTab, wrap, activeClass)
+      var tabs = Array.from(me.querySelectorAll('[role="tab"]'));
+      var panels = Array.from(me.querySelectorAll('[role="tabpanel"]'));
+      if (tabs.length === 0 || panels.length === 0) return;
+      var tablist = me.querySelector('[role="tablist"]') || tabs[0].parentElement;
+      if (tablist) tablist.setAttribute('aria-orientation', orientation);
+      var count = Math.min(tabs.length, panels.length);
+      var idN = 0;
+      for (var i = 0; i < count; i++) {
+        if (!tabs[i].id) tabs[i].id = 'tab-' + (++idN);
+        if (!panels[i].id) panels[i].id = 'tabpanel-' + idN;
+        tabs[i].setAttribute('aria-controls', panels[i].id);
+        panels[i].setAttribute('aria-labelledby', tabs[i].id);
+      }
+      var cur = Math.max(0, Math.min(activeTab, count - 1));
+      function activate(idx, prev) {
+        if (idx === prev || idx < 0 || idx >= count) return false;
+        var ev = new CustomEvent('tabs:change', { bubbles: true, cancelable: true, detail: { index: idx, previousIndex: prev } });
+        me.dispatchEvent(ev);
+        if (ev.defaultPrevented) return false;
+        if (prev >= 0 && prev < count) {
+          tabs[prev].setAttribute('aria-selected', 'false');
+          tabs[prev].setAttribute('tabindex', '-1');
+          tabs[prev].classList.remove(activeClass);
+          panels[prev].setAttribute('aria-hidden', 'true');
+          panels[prev].classList.remove(activeClass);
+        }
+        tabs[idx].setAttribute('aria-selected', 'true');
+        tabs[idx].setAttribute('tabindex', '0');
+        tabs[idx].classList.add(activeClass);
+        panels[idx].setAttribute('aria-hidden', 'false');
+        panels[idx].classList.add(activeClass);
+        cur = idx;
+        me.dispatchEvent(new CustomEvent('tabs:changed', { bubbles: true, detail: { index: idx } }));
+        return true;
+      }
+      for (var j = 0; j < count; j++) {
+        tabs[j].setAttribute('aria-selected', 'false');
+        tabs[j].setAttribute('tabindex', '-1');
+        panels[j].setAttribute('aria-hidden', 'true');
+        panels[j].classList.remove(activeClass);
+      }
+      tabs[cur].setAttribute('aria-selected', 'true');
+      tabs[cur].setAttribute('tabindex', '0');
+      tabs[cur].classList.add(activeClass);
+      panels[cur].setAttribute('aria-hidden', 'false');
+      panels[cur].classList.add(activeClass);
+      for (var k = 0; k < count; k++) {
+        (function(idx) {
+          tabs[idx].addEventListener('click', function() { if (activate(idx, cur)) tabs[idx].focus(); });
+        })(k);
+      }
+      (tablist || me).addEventListener('keydown', function(e) {
+        var nk = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+        var pk = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+        var next = null;
+        if (e.key === nk) { next = cur + 1; if (next >= count) next = wrap ? 0 : null; }
+        else if (e.key === pk) { next = cur - 1; if (next < 0) next = wrap ? count - 1 : null; }
+        else if (e.key === 'Home') next = 0;
+        else if (e.key === 'End') next = count - 1;
+        if (next !== null) { e.preventDefault(); if (activate(next, cur)) tabs[next].focus(); }
+      });
+    end
+  end
+end`.trim()
 };
 
 // src/schemas/index.ts