@hyperfixi/behaviors 3.2.0 → 4.0.0

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

@@ -1 +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      // Wrapped in an async IIFE: hyperscript's js() block has no top-level await.\n      (async function() {\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      })();\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:\n    'Makes elements draggable with pointer events (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\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, event)\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:\n    'Makes child elements reorderable via drag-and-drop (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\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(dragClass)\n  init\n    if dragClass is undefined\n      set dragClass to \"sorting\"\n    end\n  end\n  on pointerdown(clientY) from me\n    set item to the target.closest(\"li\")\n    if item is null\n      exit\n    end\n    halt the event\n    add .{dragClass} to item\n    trigger sortable:start on me\n    repeat until event pointerup from document\n      wait for pointermove(clientY) or pointerup(clientY) from document\n      trigger sortable:move on me\n    end\n    remove .{dragClass} from item\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:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\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(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\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(clientX, clientY) from document\n      set newWidth to startWidth + clientX - startX\n      set newHeight to startHeight + clientY - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\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 source of Object.values(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","source","BEHAVIOR_SOURCES","result","ap"]}
+{"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/schemas/types.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: 'targetEl',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description:\n        \"Element to toggle the class on (not `target`: that is hyperscript's name for the event target)\",\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, targetEl)\n  init\n    if cls is undefined set element's cls to \"active\" end\n    if targetEl is undefined set element's targetEl to me end\n  end\n  on click\n    toggle .{cls} on targetEl\n    js(targetEl, cls)\n      var eventName = targetEl.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';\n      targetEl.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  on click from (triggerEl or me)\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`.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 set element's delay to 5000 end\n    if pauseOnHover is undefined set element's pauseOnHover to true end\n    if effect is undefined set element's effect to \"none\" 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 set element's feedbackDuration to 2000 end\n    if source is undefined set element's source to me 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      // Wrapped in an async IIFE: hyperscript's js() block has no top-level await.\n      (async function() {\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      })();\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:\n    'Makes elements draggable with pointer events (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\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  on pointerdown(clientX, clientY) from (dragHandle or me)\n    halt the event\n    trigger draggable:start\n    set xoff to clientX - my offsetLeft\n    set yoff to clientY - my offsetTop\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`.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 set element's active to true end\n  end\n  on pointerdown from document\n    js(me, active, event)\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 element's active to true\n  end\n  on clickoutside:deactivate\n    set element's 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 set element's cls to \"revealed\" end\n    if threshold is undefined set element's threshold to 0.1 end\n    if once is undefined set element's once to true 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 set element's orientation to \"horizontal\" end\n    if activeTab is undefined set element's activeTab to 0 end\n    if wrap is undefined set element's wrap to true end\n    if activeClass is undefined set element's activeClass to \"active\" 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 set element's active to true end\n    if returnFocus is undefined set element's returnFocus to true 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:\n    'Makes child elements reorderable via drag-and-drop (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\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(dragClass)\n  on pointerdown(clientY) from me\n    set item to the target.closest(\"li\")\n    if item is null\n      exit\n    end\n    halt the event\n    set cls to dragClass or \"sorting\"\n    add .{cls} to item\n    trigger sortable:start on me\n    repeat until event pointerup from document\n      wait for pointermove(clientY) or pointerup(clientY) from document\n      trigger sortable:move on me\n    end\n    remove .{cls} from item\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:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\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(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\n    halt the event\n    trigger resizable:start\n    set startWidth to my offsetWidth\n    set startHeight to my offsetHeight\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(clientX, clientY) from document\n      set newWidth to (startWidth + clientX) - startX\n      set newHeight to (startHeight + clientY) - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend`.trim(),\n};\n","/**\n * The behavior sources, by name, and the function that defines them on a host.\n *\n * Every consumer — the npm `register*()` functions, the browser bundle\n * (`resolver.browser.global.js`) and `@hyperfixi/patterns-reference` — reads the same\n * `source` string from each schema in `src/schemas/`. A host defines a behavior from its\n * source exactly as it would from a page's `<script type=\"text/hyperscript\">`.\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';\nimport type { HyperscriptHost } from './schemas/types';\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\n/**\n * Define the named behaviors (every one by default) on a host. A source that does not\n * parse is reported and skipped, so one bad behavior does not take the others with it.\n *\n * @returns the names that were defined\n */\nexport function defineBehaviors(\n  host: HyperscriptHost,\n  names: readonly string[] = Object.keys(BEHAVIOR_SOURCES)\n): string[] {\n  const defined: string[] = [];\n  for (const name of names) {\n    const source = BEHAVIOR_SOURCES[name];\n    if (!source) continue;\n    try {\n      host.evaluate(source);\n      defined.push(name);\n    } catch (e) {\n      console.error(`[behaviors] ${name} did not parse: ${(e as Error).message}`);\n    }\n  }\n  return defined;\n}\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface: a behavior's source, its schema, and the function that\n * defines it on a hyperscript host.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (host?: HyperscriptHost) => Promise<void>;\n}\n\n/**\n * A hyperscript host, in upstream `_hyperscript`'s shape: `@hyperfixi/engine` (the\n * `hyperfixi-hs.js` bundle, `window.hyperfixi` / `window._hyperscript`) or upstream itself.\n * `evaluate(source)` of a `behavior … end` program defines the behavior; `processNode`\n * initialises the scripted elements under a node.\n */\nexport interface HyperscriptHost {\n  evaluate: (source: string) => unknown;\n  processNode?: (node: Node) => void;\n}\n\n/** The window globals a host installs itself as. */\nexport interface HyperscriptWindow {\n  hyperfixi?: HyperscriptHost;\n  _hyperscript?: HyperscriptHost;\n}\n\n/** The host on `window`: `hyperfixi` (the engine's bundle) or `_hyperscript` (upstream's name). */\nexport function resolveRuntime(): HyperscriptHost | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as HyperscriptWindow;\n  const host = win.hyperfixi ?? win._hyperscript;\n  return host && typeof host.evaluate === 'function' ? host : null;\n}\n\n/**\n * Define a behavior on a host from its schema's source, as a page's\n * `<script type=\"text/hyperscript\">` would. Throws when there is no host or the source\n * does not parse.\n */\nexport function defineBehavior(schema: BehaviorSchema, host?: HyperscriptHost): void {\n  const hf = host ?? resolveRuntime();\n  if (!hf) {\n    throw new Error(\n      `No hyperscript host found: load @hyperfixi/engine (hyperfixi-hs.js) before defining ${schema.name}.`\n    );\n  }\n  try {\n    hf.evaluate(schema.source);\n  } catch (e) {\n    throw new Error(`Failed to define ${schema.name} behavior: ${(e as Error).message}`);\n  }\n}\n","/**\n * The behaviors browser bundle: `resolver.browser.global.js`.\n *\n * Defines every standard behavior on the hyperscript host, so `install Toggleable`,\n * `install Draggable`, … just work. Include it after the host's script:\n *\n *   <script src=\"hyperfixi-hs.js\"></script>\n *   <script src=\"resolver.browser.global.js\"></script>\n *\n * The host is `@hyperfixi/engine` (`window.hyperfixi`, also `window._hyperscript`) or\n * upstream `_hyperscript` itself: each source is defined with `evaluate`, as a page's\n * `<script type=\"text/hyperscript\">` would be. Loaded before the document is ready, this runs\n * before the host reads the page, so every `install` finds its behavior; loaded later, the\n * document is processed again so the installs can succeed now.\n */\n\nimport { defineBehaviors } from './behavior-resolver';\nimport { resolveRuntime } from './schemas/types';\n\nfunction init(): void {\n  const host = resolveRuntime();\n  if (!host) {\n    console.error('[behaviors] no hyperscript host: load hyperfixi-hs.js before this bundle');\n    return;\n  }\n  defineBehaviors(host);\n  if (document.readyState !== 'loading') host.processNode?.(document.body);\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","defineBehaviors","host","names","defined","name","source","e","resolveRuntime","win","host","init","host","resolveRuntime","defineBehaviors"]}

package/dist/schemas/index.cjs

@@ -61,18 +61,11 @@ var draggableSchema = {
   requirements: ["position: absolute or position: fixed on the element"],
   source: `
 behavior Draggable(dragHandle)
-  init
-    if no dragHandle set dragHandle to me
-  end
-  on pointerdown(clientX, clientY) from dragHandle
+  on pointerdown(clientX, clientY) from (dragHandle or me)
     halt the event
     trigger draggable:start
-    measure x
-    set startX to it
-    measure y
-    set startY to it
-    set xoff to clientX - startX
-    set yoff to clientY - startY
+    set xoff to clientX - my offsetLeft
+    set yoff to clientY - my offsetTop
     repeat until event pointerup from document
       wait for pointermove(clientX, clientY) or
                pointerup(clientX, clientY) from document
@@ -81,8 +74,7 @@ behavior Draggable(dragHandle)
     end
     trigger draggable:end
   end
-end
-`.trim()
+end`.trim()
 };
 
 // src/schemas/sortable.schema.ts
@@ -112,24 +104,20 @@ var sortableSchema = {
   requirements: ["Users must handle DOM reordering in sortable:move event handlers"],
   source: `
 behavior Sortable(dragClass)
-  init
-    if dragClass is undefined
-      set dragClass to "sorting"
-    end
-  end
   on pointerdown(clientY) from me
     set item to the target.closest("li")
     if item is null
       exit
     end
     halt the event
-    add .{dragClass} to item
+    set cls to dragClass or "sorting"
+    add .{cls} to item
     trigger sortable:start on me
     repeat until event pointerup from document
       wait for pointermove(clientY) or pointerup(clientY) from document
       trigger sortable:move on me
     end
-    remove .{dragClass} from item
+    remove .{cls} from item
     trigger sortable:end on me
   end
 end`.trim()
@@ -182,16 +170,14 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
   on pointerdown(clientX, clientY) from me
     halt the event
     trigger resizable:start
-    measure width
-    set startWidth to it
-    measure height
-    set startHeight to it
+    set startWidth to my offsetWidth
+    set startHeight to my offsetHeight
     set startX to clientX
     set startY to clientY
     repeat until event pointerup from document
       wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document
-      set newWidth to startWidth + clientX - startX
-      set newHeight to startHeight + clientY - startY
+      set newWidth to (startWidth + clientX) - startX
+      set newHeight to (startHeight + clientY) - startY
       if newWidth < minWidth then set newWidth to minWidth end
       if newWidth > maxWidth then set newWidth to maxWidth end
       if newHeight < minHeight then set newHeight to minHeight end
@@ -202,8 +188,7 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
     end
     trigger resizable:end
   end
-end
-`.trim()
+end`.trim()
 };
 
 // src/schemas/removable.schema.ts
@@ -243,12 +228,7 @@ var removableSchema = {
   ],
   source: `
 behavior Removable(triggerEl, confirmRemoval, effect)
-  init
-    if triggerEl is undefined
-      set triggerEl to me
-    end
-  end
-  on click from triggerEl
+  on click from (triggerEl or me)
     if confirmRemoval
       js(me)
         if (!window.confirm("Are you sure?")) return "cancel";
@@ -264,8 +244,7 @@ behavior Removable(triggerEl, confirmRemoval, effect)
     trigger removable:removed
     remove me
   end
-end
-`.trim()
+end`.trim()
 };
 
 // src/schemas/toggleable.schema.ts
@@ -284,11 +263,11 @@ var toggleableSchema = {
       description: "CSS class to toggle"
     },
     {
-      name: "target",
+      name: "targetEl",
       type: "selector",
       optional: true,
       default: "me",
-      description: "Element to toggle the class on"
+      description: "Element to toggle the class on (not `target`: that is hyperscript's name for the event target)"
     }
   ],
   events: [
@@ -296,20 +275,16 @@ var toggleableSchema = {
     { name: "toggleable:off", description: "Fired when class is removed" }
   ],
   source: `
-behavior Toggleable(cls, target)
+behavior Toggleable(cls, targetEl)
   init
-    if cls is undefined
-      set cls to "active"
-    end
-    if target is undefined
-      set target to me
-    end
+    if cls is undefined set element's cls to "active" end
+    if targetEl is undefined set element's targetEl to me end
   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 }));
+    toggle .{cls} on targetEl
+    js(targetEl, cls)
+      var eventName = targetEl.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';
+      targetEl.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
     end
   end
 end`.trim()
@@ -361,12 +336,8 @@ var clipboardSchema = {
   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
+    if feedbackDuration is undefined set element's feedbackDuration to 2000 end
+    if source is undefined set element's source to me end
   end
   on click
     if text is not undefined
@@ -449,15 +420,9 @@ var autoDismissSchema = {
   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
+    if delay is undefined set element's delay to 5000 end
+    if pauseOnHover is undefined set element's pauseOnHover to true end
+    if effect is undefined set element's effect to "none" end
     js(me, delay, effect, pauseOnHover)
       me.dispatchEvent(new CustomEvent('autodismiss:start', { bubbles: true }));
       var remaining = delay;
@@ -533,9 +498,7 @@ var clickOutsideSchema = {
   source: `
 behavior ClickOutside(active)
   init
-    if active is undefined
-      set active to true
-    end
+    if active is undefined set element's active to true end
   end
   on pointerdown from document
     js(me, active, event)
@@ -546,10 +509,10 @@ behavior ClickOutside(active)
     end
   end
   on clickoutside:activate
-    set active to true
+    set element's active to true
   end
   on clickoutside:deactivate
-    set active to false
+    set element's active to false
   end
 end`.trim()
 };
@@ -594,12 +557,8 @@ var focusTrapSchema = {
   source: `
 behavior FocusTrap(active, initialFocus, returnFocus)
   init
-    if active is undefined
-      set active to true
-    end
-    if returnFocus is undefined
-      set returnFocus to true
-    end
+    if active is undefined set element's active to true end
+    if returnFocus is undefined set element's 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;
@@ -680,15 +639,9 @@ var scrollRevealSchema = {
   source: `
 behavior ScrollReveal(cls, threshold, once)
   init
-    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
+    if cls is undefined set element's cls to "revealed" end
+    if threshold is undefined set element's threshold to 0.1 end
+    if once is undefined set element's once to true end
     js(me, cls, threshold, once)
       var obs = new IntersectionObserver(function(entries) {
         for (var i = 0; i < entries.length; i++) {
@@ -762,18 +715,10 @@ var tabsSchema = {
   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
+    if orientation is undefined set element's orientation to "horizontal" end
+    if activeTab is undefined set element's activeTab to 0 end
+    if wrap is undefined set element's wrap to true end
+    if activeClass is undefined set element's 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"]'));