@hyperfixi/behaviors 3.3.0 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/behaviors/tabs.ts","../src/schemas/tabs.schema.ts","../src/schemas/types.ts"],"sourcesContent":["/**\n * Tabs Behavior\n *\n * WAI-ARIA compliant tabs with roving tabindex keyboard navigation.\n * Auto-wires role, aria-selected, aria-controls, and aria-labelledby. The ARIA\n * wiring / keyboard-navigation logic lives in the schema's hyperscript `source`\n * (an `init`-block `js()` body).\n *\n * Compiled from its hyperscript `source` — the single source of truth shared with\n * the CDN resolver bundle and patterns-reference. This collapses Tabs onto the one\n * runtime path (no more imperative-installer fork between CDN and npm);\n * see docs-internal/BEHAVIORS_CONSOLIDATION_PLAN.md §3d.\n */\n\nimport { tabsSchema } from '../schemas/tabs.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\nexport const tabsSource = tabsSchema.source;\nexport const tabsMetadata = tabsSchema;\n\n/**\n * Register the Tabs behavior with LokaScript by compiling its\n * hyperscript source and executing the resulting behavior definition.\n */\nexport async function registerTabs(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(tabsSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Tabs behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerTabs().catch(console.error);\n}\n\nexport default {\n  source: tabsSchema.source,\n  metadata: tabsSchema,\n  register: registerTabs,\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","/**\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.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":"scAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,eAAAC,ICEO,IAAMC,EAA6B,CACxC,KAAM,OACN,SAAU,KACV,KAAM,OACN,QAAS,QACT,YACE,mJAEF,WAAY,CACV,CACE,KAAM,cACN,KAAM,SACN,SAAU,GACV,QAAS,aACT,KAAM,CAAC,aAAc,UAAU,EAC/B,YAAa,oEACf,EACA,CACE,KAAM,YACN,KAAM,SACN,SAAU,GACV,QAAS,EACT,YAAa,uCACf,EACA,CACE,KAAM,OACN,KAAM,UACN,SAAU,GACV,QAAS,GACT,YAAa,qDACf,EACA,CACE,KAAM,cACN,KAAM,SACN,SAAU,GACV,QAAS,SACT,YAAa,mDACf,CACF,EACA,OAAQ,CACN,CACE,KAAM,cACN,YAAa,oEACf,EACA,CAAE,KAAM,eAAgB,YAAa,uCAAwC,CAC/E,EACA,aAAc,CACZ,2CACA,uEACA,sEACA,+EACF,EACA,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA+EL,KAAK,CACV,ECpBO,SAASC,GAA4C,CAC1D,GAAI,OAAO,OAAW,IAAa,OAAO,KAC1C,IAAMC,EAAM,OACZ,OAAOA,EAAI,YAAcA,EAAI,WAAa,IAC5C,CFpGO,IAAMC,EAAaC,EAAW,OACxBC,EAAeD,EAM5B,eAAsBE,EAAaC,EAA+C,CAChF,IAAMC,EAAKD,GAAaE,EAAe,EAEvC,GAAI,CAACD,EACH,MAAM,IAAI,MACR,yFACF,EAGF,IAAME,EAASF,EAAG,YAAYJ,EAAW,OAAQ,CAAE,YAAa,EAAK,CAAC,EAEtE,GAAI,CAACM,EAAO,GACV,MAAM,IAAI,MAAM,oCAAoC,KAAK,UAAUA,EAAO,MAAM,CAAC,EAAE,EAGrF,IAAMC,EAAMH,EAAG,cAAgBA,EAAG,cAAc,EAAI,CAAE,OAAQ,IAAI,IAAO,QAAS,IAAI,GAAM,EAC5F,MAAMA,EAAG,QAAQE,EAAO,IAAKC,CAAG,CAClC,CAGIF,EAAe,GACjBH,EAAa,EAAE,MAAM,QAAQ,KAAK,EAGpC,IAAOM,EAAQ,CACb,OAAQR,EAAW,OACnB,SAAUA,EACV,SAAUE,CACZ","names":["tabs_exports","__export","tabs_default","registerTabs","tabsMetadata","tabsSource","tabsSchema","resolveRuntime","win","tabsSource","tabsSchema","tabsMetadata","registerTabs","hyperfixi","hf","resolveRuntime","result","ctx","tabs_default"]}
+{"version":3,"sources":["../src/behaviors/tabs.ts","../src/schemas/tabs.schema.ts","../src/schemas/types.ts"],"sourcesContent":["/**\n * Tabs Behavior\n *\n * WAI-ARIA compliant tabs with roving tabindex keyboard navigation.\n * Auto-wires role, aria-selected, aria-controls, and aria-labelledby. The ARIA\n * wiring / keyboard-navigation logic lives in the schema's hyperscript `source`\n * (an `init`-block `js()` body).\n *\n * Defined from its hyperscript `source` — the single source of truth shared with\n * the browser bundle and patterns-reference. This collapses Tabs onto the one\n * runtime path (no more imperative-installer fork between CDN and npm);\n * see docs-internal/BEHAVIORS_CONSOLIDATION_PLAN.md §3d.\n */\n\nimport { tabsSchema } from '../schemas/tabs.schema';\nimport { defineBehavior, resolveRuntime } from '../schemas/types';\nimport type { HyperscriptHost } from '../schemas/types';\n\nexport const tabsSource = tabsSchema.source;\nexport const tabsMetadata = tabsSchema;\n\n/**\n * Define the Tabs behavior on a hyperscript host (`window.hyperfixi` when none is given)\n * from its source, as a `<script type=\"text/hyperscript\">` would.\n */\nexport async function registerTabs(host?: HyperscriptHost): Promise<void> {\n  defineBehavior(tabsSchema, host);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerTabs().catch(console.error);\n}\n\nexport default {\n  source: tabsSchema.source,\n  metadata: tabsSchema,\n  register: registerTabs,\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","/**\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"],"mappings":"scAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,eAAAC,ICEO,IAAMC,EAA6B,CACxC,KAAM,OACN,SAAU,KACV,KAAM,OACN,QAAS,QACT,YACE,mJAEF,WAAY,CACV,CACE,KAAM,cACN,KAAM,SACN,SAAU,GACV,QAAS,aACT,KAAM,CAAC,aAAc,UAAU,EAC/B,YAAa,oEACf,EACA,CACE,KAAM,YACN,KAAM,SACN,SAAU,GACV,QAAS,EACT,YAAa,uCACf,EACA,CACE,KAAM,OACN,KAAM,UACN,SAAU,GACV,QAAS,GACT,YAAa,qDACf,EACA,CACE,KAAM,cACN,KAAM,SACN,SAAU,GACV,QAAS,SACT,YAAa,mDACf,CACF,EACA,OAAQ,CACN,CACE,KAAM,cACN,YAAa,oEACf,EACA,CAAE,KAAM,eAAgB,YAAa,uCAAwC,CAC/E,EACA,aAAc,CACZ,2CACA,uEACA,sEACA,+EACF,EACA,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAuEL,KAAK,CACV,ECzBO,SAASC,GAAyC,CACvD,GAAI,OAAO,OAAW,IAAa,OAAO,KAC1C,IAAMC,EAAM,OACNC,EAAOD,EAAI,WAAaA,EAAI,aAClC,OAAOC,GAAQ,OAAOA,EAAK,UAAa,WAAaA,EAAO,IAC9D,CAOO,SAASC,EAAeC,EAAwBF,EAA8B,CACnF,IAAMG,EAAKH,GAAQF,EAAe,EAClC,GAAI,CAACK,EACH,MAAM,IAAI,MACR,uFAAuFD,EAAO,IAAI,GACpG,EAEF,GAAI,CACFC,EAAG,SAASD,EAAO,MAAM,CAC3B,OAASE,EAAG,CACV,MAAM,IAAI,MAAM,oBAAoBF,EAAO,IAAI,cAAeE,EAAY,OAAO,EAAE,CACrF,CACF,CF3GO,IAAMC,EAAaC,EAAW,OACxBC,EAAeD,EAM5B,eAAsBE,EAAaC,EAAuC,CACxEC,EAAeJ,EAAYG,CAAI,CACjC,CAGIE,EAAe,GACjBH,EAAa,EAAE,MAAM,QAAQ,KAAK,EAGpC,IAAOI,EAAQ,CACb,OAAQN,EAAW,OACnB,SAAUA,EACV,SAAUE,CACZ","names":["tabs_exports","__export","tabs_default","registerTabs","tabsMetadata","tabsSource","tabsSchema","resolveRuntime","win","host","defineBehavior","schema","hf","e","tabsSource","tabsSchema","tabsMetadata","registerTabs","host","defineBehavior","resolveRuntime","tabs_default"]}

package/dist/toggleable.browser.global.js

@@ -1,19 +1,15 @@
-"use strict";var HyperFixiBehaviors=(()=>{var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var o in e)i(t,o,{get:e[o],enumerable:!0})},u=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of g(e))!p.call(t,n)&&n!==o&&i(t,n,{get:()=>e[n],enumerable:!(a=l(e,n))||a.enumerable});return t};var d=t=>u(i({},"__esModule",{value:!0}),t);var b={};m(b,{default:()=>v,registerToggleable:()=>c,toggleableMetadata:()=>h,toggleableSource:()=>f});var r={name:"Toggleable",category:"form",tier:"core",version:"1.0.0",description:"Toggles a CSS class on click",parameters:[{name:"cls",type:"string",optional:!0,default:"active",description:"CSS class to toggle"},{name:"target",type:"selector",optional:!0,default:"me",description:"Element to toggle the class on"}],events:[{name:"toggleable:on",description:"Fired when class is added"},{name:"toggleable:off",description:"Fired when class is removed"}],source:`
-behavior Toggleable(cls, target)
+"use strict";var HyperFixiBehaviors=(()=>{var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of g(t))!m.call(e,i)&&i!==r&&a(e,i,{get:()=>t[i],enumerable:!(n=p(t,i))||n.enumerable});return e};var f=e=>h(a({},"__esModule",{value:!0}),e);var b={};d(b,{default:()=>y,registerToggleable:()=>c,toggleableMetadata:()=>v,toggleableSource:()=>u});var o={name:"Toggleable",category:"form",tier:"core",version:"1.0.0",description:"Toggles a CSS class on click",parameters:[{name:"cls",type:"string",optional:!0,default:"active",description:"CSS class to toggle"},{name:"targetEl",type:"selector",optional:!0,default:"me",description:"Element to toggle the class on (not `target`: that is hyperscript's name for the event target)"}],events:[{name:"toggleable:on",description:"Fired when class is added"},{name:"toggleable:off",description:"Fired when class is removed"}],source:`
+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()};function s(){if(typeof window>"u")return null;let t=window;return t.lokascript||t.hyperfixi||null}var f=r.source,h=r;async function c(t){let e=t||s();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let o=e.compileSync(r.source,{traditional:!0});if(!o.ok)throw new Error(`Failed to compile Toggleable behavior: ${JSON.stringify(o.errors)}`);let a=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(o.ast,a)}s()&&c().catch(console.error);var v={source:r.source,metadata:r,register:c};return d(b);})();
+end`.trim()};function s(){if(typeof window>"u")return null;let e=window,t=e.hyperfixi??e._hyperscript;return t&&typeof t.evaluate=="function"?t:null}function l(e,t){let r=t??s();if(!r)throw new Error(`No hyperscript host found: load @hyperfixi/engine (hyperfixi-hs.js) before defining ${e.name}.`);try{r.evaluate(e.source)}catch(n){throw new Error(`Failed to define ${e.name} behavior: ${n.message}`)}}var u=o.source,v=o;async function c(e){l(o,e)}s()&&c().catch(console.error);var y={source:o.source,metadata:o,register:c};return f(b);})();
 //# sourceMappingURL=toggleable.browser.global.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/behaviors/toggleable.ts","../src/schemas/toggleable.schema.ts","../src/schemas/types.ts"],"sourcesContent":["/**\n * Toggleable Behavior\n *\n * A behavior that toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n *\n * Compiled from its hyperscript `source` (the single source of truth shared with\n * the CDN resolver bundle and patterns-reference). The `.{cls}` dynamic class\n * selector resolves the behavior's `cls` parameter at runtime — see\n * `packages/core/src/commands/behaviors/__tests__/template-interpolation.test.ts`.\n *\n * @example\n * ```html\n * <button _=\"install Toggleable\">Toggle</button>\n *\n * <button _=\"install Toggleable(cls: expanded, target: #menu)\">Menu</button>\n * ```\n */\n\nimport { toggleableSchema } from '../schemas/toggleable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const toggleableSource = toggleableSchema.source;\nexport const toggleableMetadata = toggleableSchema;\n\n/**\n * Register the Toggleable behavior with LokaScript by compiling its\n * hyperscript source and executing the resulting behavior definition.\n */\nexport async function registerToggleable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(toggleableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Toggleable behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerToggleable().catch(console.error);\n}\n\nexport default {\n  source: toggleableSchema.source,\n  metadata: toggleableSchema,\n  register: registerToggleable,\n};\n","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","/**\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.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":"scAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,qBAAAC,ICQO,IAAMC,EAAmC,CAC9C,KAAM,aACN,SAAU,OACV,KAAM,OACN,QAAS,QACT,YAAa,+BACb,WAAY,CACV,CACE,KAAM,MACN,KAAM,SACN,SAAU,GACV,QAAS,SACT,YAAa,qBACf,EACA,CACE,KAAM,SACN,KAAM,WACN,SAAU,GACV,QAAS,KACT,YAAa,gCACf,CACF,EACA,OAAQ,CACN,CAAE,KAAM,gBAAiB,YAAa,2BAA4B,EAClE,CAAE,KAAM,iBAAkB,YAAa,6BAA8B,CACvE,EACA,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAiBL,KAAK,CACV,EC8DO,SAASC,GAA4C,CAC1D,GAAI,OAAO,OAAW,IAAa,OAAO,KAC1C,IAAMC,EAAM,OACZ,OAAOA,EAAI,YAAcA,EAAI,WAAa,IAC5C,CF9FO,IAAMC,EAAmBC,EAAiB,OACpCC,EAAqBD,EAMlC,eAAsBE,EAAmBC,EAA+C,CACtF,IAAMC,EAAKD,GAAaE,EAAe,EAEvC,GAAI,CAACD,EACH,MAAM,IAAI,MACR,yFACF,EAGF,IAAME,EAASF,EAAG,YAAYJ,EAAiB,OAAQ,CAAE,YAAa,EAAK,CAAC,EAE5E,GAAI,CAACM,EAAO,GACV,MAAM,IAAI,MAAM,0CAA0C,KAAK,UAAUA,EAAO,MAAM,CAAC,EAAE,EAG3F,IAAMC,EAAMH,EAAG,cAAgBA,EAAG,cAAc,EAAI,CAAE,OAAQ,IAAI,IAAO,QAAS,IAAI,GAAM,EAC5F,MAAMA,EAAG,QAAQE,EAAO,IAAKC,CAAG,CAClC,CAGIF,EAAe,GACjBH,EAAmB,EAAE,MAAM,QAAQ,KAAK,EAG1C,IAAOM,EAAQ,CACb,OAAQR,EAAiB,OACzB,SAAUA,EACV,SAAUE,CACZ","names":["toggleable_exports","__export","toggleable_default","registerToggleable","toggleableMetadata","toggleableSource","toggleableSchema","resolveRuntime","win","toggleableSource","toggleableSchema","toggleableMetadata","registerToggleable","hyperfixi","hf","resolveRuntime","result","ctx","toggleable_default"]}
+{"version":3,"sources":["../src/behaviors/toggleable.ts","../src/schemas/toggleable.schema.ts","../src/schemas/types.ts"],"sourcesContent":["/**\n * Toggleable Behavior\n *\n * A behavior that toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n *\n * Defined from its hyperscript `source` (the single source of truth shared with\n * the browser bundle and patterns-reference). The `.{cls}` dynamic class\n * selector resolves the behavior's `cls` parameter at runtime.\n *\n * @example\n * ```html\n * <button _=\"install Toggleable\">Toggle</button>\n *\n * <button _=\"install Toggleable(cls: 'expanded', targetEl: #menu)\">Menu</button>\n * ```\n */\n\nimport { toggleableSchema } from '../schemas/toggleable.schema';\nimport { defineBehavior, resolveRuntime } from '../schemas/types';\nimport type { HyperscriptHost } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const toggleableSource = toggleableSchema.source;\nexport const toggleableMetadata = toggleableSchema;\n\n/**\n * Define the Toggleable behavior on a hyperscript host (`window.hyperfixi` when none is given)\n * from its source, as a `<script type=\"text/hyperscript\">` would.\n */\nexport async function registerToggleable(host?: HyperscriptHost): Promise<void> {\n  defineBehavior(toggleableSchema, host);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerToggleable().catch(console.error);\n}\n\nexport default {\n  source: toggleableSchema.source,\n  metadata: toggleableSchema,\n  register: registerToggleable,\n};\n","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","/**\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"],"mappings":"scAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,qBAAAC,ICQO,IAAMC,EAAmC,CAC9C,KAAM,aACN,SAAU,OACV,KAAM,OACN,QAAS,QACT,YAAa,+BACb,WAAY,CACV,CACE,KAAM,MACN,KAAM,SACN,SAAU,GACV,QAAS,SACT,YAAa,qBACf,EACA,CACE,KAAM,WACN,KAAM,WACN,SAAU,GACV,QAAS,KACT,YACE,gGACJ,CACF,EACA,OAAQ,CACN,CAAE,KAAM,gBAAiB,YAAa,2BAA4B,EAClE,CAAE,KAAM,iBAAkB,YAAa,6BAA8B,CACvE,EACA,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAaL,KAAK,CACV,ECoDO,SAASC,GAAyC,CACvD,GAAI,OAAO,OAAW,IAAa,OAAO,KAC1C,IAAMC,EAAM,OACNC,EAAOD,EAAI,WAAaA,EAAI,aAClC,OAAOC,GAAQ,OAAOA,EAAK,UAAa,WAAaA,EAAO,IAC9D,CAOO,SAASC,EAAeC,EAAwBF,EAA8B,CACnF,IAAMG,EAAKH,GAAQF,EAAe,EAClC,GAAI,CAACK,EACH,MAAM,IAAI,MACR,uFAAuFD,EAAO,IAAI,GACpG,EAEF,GAAI,CACFC,EAAG,SAASD,EAAO,MAAM,CAC3B,OAASE,EAAG,CACV,MAAM,IAAI,MAAM,oBAAoBF,EAAO,IAAI,cAAeE,EAAY,OAAO,EAAE,CACrF,CACF,CFtGO,IAAMC,EAAmBC,EAAiB,OACpCC,EAAqBD,EAMlC,eAAsBE,EAAmBC,EAAuC,CAC9EC,EAAeJ,EAAkBG,CAAI,CACvC,CAGIE,EAAe,GACjBH,EAAmB,EAAE,MAAM,QAAQ,KAAK,EAG1C,IAAOI,EAAQ,CACb,OAAQN,EAAiB,OACzB,SAAUA,EACV,SAAUE,CACZ","names":["toggleable_exports","__export","toggleable_default","registerToggleable","toggleableMetadata","toggleableSource","toggleableSchema","resolveRuntime","win","host","defineBehavior","schema","hf","e","toggleableSource","toggleableSchema","toggleableMetadata","registerToggleable","host","defineBehavior","resolveRuntime","toggleable_default"]}

package/dist/{types-DCCtVQS5.d.cts → types-CbA4L8XJ.d.cts}

@@ -66,35 +66,28 @@ interface BehaviorSchema {
     requirements?: string[];
 }
 /**
- * Runtime behavior module interface.
- * This is what gets registered with the hyperfixi runtime.
+ * Runtime behavior module interface: a behavior's source, its schema, and the function that
+ * defines it on a hyperscript host.
  */
 interface BehaviorModule {
     source: string;
     metadata: BehaviorSchema;
-    register: (hyperfixi?: LokaScriptInstance) => Promise<void>;
+    register: (host?: HyperscriptHost) => Promise<void>;
 }
 /**
- * Minimal LokaScript instance interface for behavior registration.
+ * A hyperscript host, in upstream `_hyperscript`'s shape: `@hyperfixi/engine` (the
+ * `hyperfixi-hs.js` bundle, `window.hyperfixi` / `window._hyperscript`) or upstream itself.
+ * `evaluate(source)` of a `behavior … end` program defines the behavior; `processNode`
+ * initialises the scripted elements under a node.
  */
-interface LokaScriptInstance {
-    compileSync: (code: string, options?: {
-        traditional?: boolean;
-        language?: string;
-    }) => {
-        ok: boolean;
-        ast?: unknown;
-        errors?: Array<{
-            message: string;
-            line?: number;
-            column?: number;
-        }>;
-    };
-    execute: (ast: unknown, ctx: unknown) => Promise<unknown>;
-    createContext?: () => {
-        locals: Map<string, unknown>;
-        globals: Map<string, unknown>;
-    };
+interface HyperscriptHost {
+    evaluate: (source: string) => unknown;
+    processNode?: (node: Node) => void;
+}
+/** The window globals a host installs itself as. */
+interface HyperscriptWindow {
+    hyperfixi?: HyperscriptHost;
+    _hyperscript?: HyperscriptHost;
 }
 
-export type { BehaviorSchema as B, EventSchema as E, LokaScriptInstance as L, ParameterSchema as P, BehaviorModule as a, BehaviorCategory as b, BehaviorTier as c };
+export type { BehaviorSchema as B, EventSchema as E, HyperscriptHost as H, ParameterSchema as P, BehaviorModule as a, BehaviorCategory as b, BehaviorTier as c, HyperscriptWindow as d };

package/dist/{types-DCCtVQS5.d.ts → types-CbA4L8XJ.d.ts}

@@ -66,35 +66,28 @@ interface BehaviorSchema {
     requirements?: string[];
 }
 /**
- * Runtime behavior module interface.
- * This is what gets registered with the hyperfixi runtime.
+ * Runtime behavior module interface: a behavior's source, its schema, and the function that
+ * defines it on a hyperscript host.
  */
 interface BehaviorModule {
     source: string;
     metadata: BehaviorSchema;
-    register: (hyperfixi?: LokaScriptInstance) => Promise<void>;
+    register: (host?: HyperscriptHost) => Promise<void>;
 }
 /**
- * Minimal LokaScript instance interface for behavior registration.
+ * A hyperscript host, in upstream `_hyperscript`'s shape: `@hyperfixi/engine` (the
+ * `hyperfixi-hs.js` bundle, `window.hyperfixi` / `window._hyperscript`) or upstream itself.
+ * `evaluate(source)` of a `behavior … end` program defines the behavior; `processNode`
+ * initialises the scripted elements under a node.
  */
-interface LokaScriptInstance {
-    compileSync: (code: string, options?: {
-        traditional?: boolean;
-        language?: string;
-    }) => {
-        ok: boolean;
-        ast?: unknown;
-        errors?: Array<{
-            message: string;
-            line?: number;
-            column?: number;
-        }>;
-    };
-    execute: (ast: unknown, ctx: unknown) => Promise<unknown>;
-    createContext?: () => {
-        locals: Map<string, unknown>;
-        globals: Map<string, unknown>;
-    };
+interface HyperscriptHost {
+    evaluate: (source: string) => unknown;
+    processNode?: (node: Node) => void;
+}
+/** The window globals a host installs itself as. */
+interface HyperscriptWindow {
+    hyperfixi?: HyperscriptHost;
+    _hyperscript?: HyperscriptHost;
 }
 
-export type { BehaviorSchema as B, EventSchema as E, LokaScriptInstance as L, ParameterSchema as P, BehaviorModule as a, BehaviorCategory as b, BehaviorTier as c };
+export type { BehaviorSchema as B, EventSchema as E, HyperscriptHost as H, ParameterSchema as P, BehaviorModule as a, BehaviorCategory as b, BehaviorTier as c, HyperscriptWindow as d };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hyperfixi/behaviors",
-  "version": "3.3.0",
-  "description": "Reusable hyperscript behaviors for LokaScript",
+  "version": "4.0.0",
+  "description": "Reusable hyperscript behaviors for @hyperfixi/engine (hyperfixi-hs.js) and upstream _hyperscript",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -108,16 +108,16 @@
     "build:watch": "tsup --watch",
     "pretypecheck": "npm run generate",
     "typecheck": "tsc --noEmit",
-    "pretest": "npm run generate",
+    "pretest": "npm run generate && bash ../../scripts/ensure-fresh.sh engine",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:check": "VITEST_QUIET=1 bash ../../scripts/vitest-run.sh --reporter=dot"
   },
   "peerDependencies": {
-    "@hyperfixi/core": "^3.3.0"
+    "@hyperfixi/engine": "^4.0.0"
   },
   "devDependencies": {
-    "@hyperfixi/core": "^3.3.0",
+    "@hyperfixi/engine": "^4.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
     "vitest": "^5.0.2"

package/src/behavior-resolver.ts

@@ -1,20 +1,10 @@
 /**
- * Behavior Resolver — Lazy compilation of hyperscript behaviors
+ * The behavior sources, by name, and the function that defines them on a host.
  *
- * Provides a resolver function that compiles behavior source strings on demand.
- * When the runtime encounters `install X` and X isn't registered, it calls
- * the resolver. If the resolver has source for X, it compiles it, registers
- * the behavior, and installation proceeds normally.
- *
- * @example
- * ```typescript
- * import { createBehaviorResolver } from '@hyperfixi/behaviors/resolver';
- *
- * const resolve = createBehaviorResolver(window.hyperfixi, window._hyperscript.behaviors);
- * window._hyperscript.behaviors.resolve = resolve;
- *
- * // Now `install Toggleable` will compile the behavior on first use
- * ```
+ * Every consumer — the npm `register*()` functions, the browser bundle
+ * (`resolver.browser.global.js`) and `@hyperfixi/patterns-reference` — reads the same
+ * `source` string from each schema in `src/schemas/`. A host defines a behavior from its
+ * source exactly as it would from a page's `<script type="text/hyperscript">`.
  */
 
 import { toggleableSchema } from './schemas/toggleable.schema';
@@ -28,6 +18,7 @@ import { tabsSchema } from './schemas/tabs.schema';
 import { focusTrapSchema } from './schemas/focustrap.schema';
 import { sortableSchema } from './schemas/sortable.schema';
 import { resizableSchema } from './schemas/resizable.schema';
+import type { HyperscriptHost } from './schemas/types';
 
 export const BEHAVIOR_SOURCES: Record<string, string> = {
   Toggleable: toggleableSchema.source,
@@ -43,49 +34,26 @@ export const BEHAVIOR_SOURCES: Record<string, string> = {
   Resizable: resizableSchema.source,
 };
 
-interface CompileResult {
-  ok: boolean;
-  ast?: any;
-  errors?: unknown[];
-}
-
-interface BehaviorAPI {
-  set(name: string, definition: any): void;
-}
-
-interface HyperFixiAPI {
-  compileSync(code: string, options?: { traditional?: boolean }): CompileResult;
-}
-
 /**
- * Create a behavior resolver that compiles hyperscript source on demand.
+ * Define the named behaviors (every one by default) on a host. A source that does not
+ * parse is reported and skipped, so one bad behavior does not take the others with it.
  *
- * The returned function is meant to be assigned to `_hyperscript.behaviors.resolve`.
- * When called with a behavior name, it looks up the source, compiles it,
- * and registers the resulting AST in the behavior registry.
- *
- * @param hyperfixi - The hyperfixi API (needs compileSync)
- * @param behaviorAPI - The behavior registry API (needs set)
- * @returns Resolver function: (name: string) => boolean
+ * @returns the names that were defined
  */
-export function createBehaviorResolver(
-  hyperfixi: HyperFixiAPI,
-  behaviorAPI: BehaviorAPI
-): (name: string) => boolean {
-  return (name: string): boolean => {
+export function defineBehaviors(
+  host: HyperscriptHost,
+  names: readonly string[] = Object.keys(BEHAVIOR_SOURCES)
+): string[] {
+  const defined: string[] = [];
+  for (const name of names) {
     const source = BEHAVIOR_SOURCES[name];
-    if (!source) return false;
-
-    const result = hyperfixi.compileSync(source, { traditional: true });
-    if (!result.ok || !result.ast) return false;
-
-    const ast = result.ast as any;
-    behaviorAPI.set(name, {
-      name: ast.name,
-      parameters: ast.parameters,
-      eventHandlers: ast.eventHandlers,
-      initBlock: ast.initBlock,
-    });
-    return true;
-  };
+    if (!source) continue;
+    try {
+      host.evaluate(source);
+      defined.push(name);
+    } catch (e) {
+      console.error(`[behaviors] ${name} did not parse: ${(e as Error).message}`);
+    }
+  }
+  return defined;
 }

package/src/behaviors/autodismiss.test.ts

@@ -2,36 +2,28 @@ import { describe, it, expect, vi } from 'vitest';
 
 describe('AutoDismiss behavior', () => {
   describe('registerAutoDismiss', () => {
-    it('should compile its hyperscript source and execute', async () => {
+    it('defines the behavior on the host from its hyperscript source', async () => {
       const { registerAutoDismiss, autoDismissSource } = await import('./autodismiss');
-      const mock = {
-        compileSync: vi.fn().mockReturnValue({ ok: true, ast: { type: 'behavior' } }),
-        execute: vi.fn().mockResolvedValue(undefined),
-        createContext: vi.fn().mockReturnValue({ locals: new Map(), globals: new Map() }),
-      };
+      const host = { evaluate: vi.fn() };
 
-      await registerAutoDismiss(mock);
+      await registerAutoDismiss(host);
 
-      expect(mock.compileSync).toHaveBeenCalledWith(autoDismissSource, { traditional: true });
-      expect(mock.execute).toHaveBeenCalledWith(
-        { type: 'behavior' },
-        expect.objectContaining({ locals: expect.any(Map), globals: expect.any(Map) })
-      );
+      expect(host.evaluate).toHaveBeenCalledWith(autoDismissSource);
     });
 
-    it('should throw on compile failure', async () => {
+    it('should throw when the host rejects the source', async () => {
       const { registerAutoDismiss } = await import('./autodismiss');
-      const mock = {
-        compileSync: vi.fn().mockReturnValue({ ok: false, errors: [{ message: 'boom' }] }),
-        execute: vi.fn(),
-        createContext: vi.fn().mockReturnValue({ locals: new Map(), globals: new Map() }),
+      const host = {
+        evaluate: vi.fn(() => {
+          throw new Error('boom');
+        }),
       };
-      await expect(registerAutoDismiss(mock)).rejects.toThrowError(/Failed to compile AutoDismiss/);
+      await expect(registerAutoDismiss(host)).rejects.toThrowError(/Failed to define AutoDismiss/);
     });
 
-    it('should throw when no runtime available', async () => {
+    it('should throw when no host is available', async () => {
       const { registerAutoDismiss } = await import('./autodismiss');
-      await expect(registerAutoDismiss(undefined)).rejects.toThrowError(/LokaScript not found/);
+      await expect(registerAutoDismiss(undefined)).rejects.toThrowError(/No hyperscript host/);
     });
   });
 

package/src/behaviors/autodismiss.ts

@@ -5,39 +5,24 @@
  * Supports pause-on-hover and fade effect using standard setTimeout/clearTimeout
  * (in its hyperscript `source`'s js() body).
  *
- * Compiled from its hyperscript `source` (the single source of truth shared with
- * the CDN resolver bundle and patterns-reference).
+ * Defined from its hyperscript `source` (the single source of truth shared with
+ * the browser bundle and patterns-reference).
  */
 
 import { autoDismissSchema } from '../schemas/autodismiss.schema';
-import type { LokaScriptInstance } from '../schemas/types';
-import { resolveRuntime } from '../schemas/types';
+import { defineBehavior, resolveRuntime } from '../schemas/types';
+import type { HyperscriptHost } from '../schemas/types';
 
 // Re-export schema-derived values
 export const autoDismissSource = autoDismissSchema.source;
 export const autoDismissMetadata = autoDismissSchema;
 
 /**
- * Register the AutoDismiss behavior with LokaScript by compiling its
- * hyperscript source and executing the resulting behavior definition.
+ * Define the AutoDismiss behavior on a hyperscript host (`window.hyperfixi` when none is given)
+ * from its source, as a `<script type="text/hyperscript">` would.
  */
-export async function registerAutoDismiss(hyperfixi?: LokaScriptInstance): Promise<void> {
-  const hf = hyperfixi || resolveRuntime();
-
-  if (!hf) {
-    throw new Error(
-      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'
-    );
-  }
-
-  const result = hf.compileSync(autoDismissSchema.source, { traditional: true });
-
-  if (!result.ok) {
-    throw new Error(`Failed to compile AutoDismiss behavior: ${JSON.stringify(result.errors)}`);
-  }
-
-  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };
-  await hf.execute(result.ast, ctx);
+export async function registerAutoDismiss(host?: HyperscriptHost): Promise<void> {
+  defineBehavior(autoDismissSchema, host);
 }
 
 // Auto-register when loaded as a script tag

package/src/behaviors/clickoutside.test.ts

@@ -2,38 +2,30 @@ import { describe, it, expect, vi } from 'vitest';
 
 describe('ClickOutside behavior', () => {
   describe('registerClickOutside', () => {
-    it('should compile its hyperscript source and execute', async () => {
+    it('defines the behavior on the host from its hyperscript source', async () => {
       const { registerClickOutside, clickOutsideSource } = await import('./clickoutside');
-      const mock = {
-        compileSync: vi.fn().mockReturnValue({ ok: true, ast: { type: 'behavior' } }),
-        execute: vi.fn().mockResolvedValue(undefined),
-        createContext: vi.fn().mockReturnValue({ locals: new Map(), globals: new Map() }),
-      };
+      const host = { evaluate: vi.fn() };
 
-      await registerClickOutside(mock);
+      await registerClickOutside(host);
 
-      expect(mock.compileSync).toHaveBeenCalledWith(clickOutsideSource, { traditional: true });
-      expect(mock.execute).toHaveBeenCalledWith(
-        { type: 'behavior' },
-        expect.objectContaining({ locals: expect.any(Map), globals: expect.any(Map) })
-      );
+      expect(host.evaluate).toHaveBeenCalledWith(clickOutsideSource);
     });
 
-    it('should throw on compile failure', async () => {
+    it('should throw when the host rejects the source', async () => {
       const { registerClickOutside } = await import('./clickoutside');
-      const mock = {
-        compileSync: vi.fn().mockReturnValue({ ok: false, errors: [{ message: 'boom' }] }),
-        execute: vi.fn(),
-        createContext: vi.fn().mockReturnValue({ locals: new Map(), globals: new Map() }),
+      const host = {
+        evaluate: vi.fn(() => {
+          throw new Error('boom');
+        }),
       };
-      await expect(registerClickOutside(mock)).rejects.toThrowError(
-        /Failed to compile ClickOutside/
+      await expect(registerClickOutside(host)).rejects.toThrowError(
+        /Failed to define ClickOutside/
       );
     });
 
-    it('should throw when no runtime available', async () => {
+    it('should throw when no host is available', async () => {
       const { registerClickOutside } = await import('./clickoutside');
-      await expect(registerClickOutside(undefined)).rejects.toThrowError(/LokaScript not found/);
+      await expect(registerClickOutside(undefined)).rejects.toThrowError(/No hyperscript host/);
     });
   });
 

package/src/behaviors/clickoutside.ts

@@ -4,39 +4,24 @@
  * Fires a clickoutside event when the user clicks outside the element.
  * Uses pointerdown instead of click to avoid timing issues.
  *
- * Compiled from its hyperscript `source` (the single source of truth shared with
- * the CDN resolver bundle and patterns-reference).
+ * Defined from its hyperscript `source` (the single source of truth shared with
+ * the browser bundle and patterns-reference).
  */
 
 import { clickOutsideSchema } from '../schemas/clickoutside.schema';
-import type { LokaScriptInstance } from '../schemas/types';
-import { resolveRuntime } from '../schemas/types';
+import { defineBehavior, resolveRuntime } from '../schemas/types';
+import type { HyperscriptHost } from '../schemas/types';
 
 // Re-export schema-derived values
 export const clickOutsideSource = clickOutsideSchema.source;
 export const clickOutsideMetadata = clickOutsideSchema;
 
 /**
- * Register the ClickOutside behavior with LokaScript by compiling its
- * hyperscript source and executing the resulting behavior definition.
+ * Define the ClickOutside behavior on a hyperscript host (`window.hyperfixi` when none is given)
+ * from its source, as a `<script type="text/hyperscript">` would.
  */
-export async function registerClickOutside(hyperfixi?: LokaScriptInstance): Promise<void> {
-  const hf = hyperfixi || resolveRuntime();
-
-  if (!hf) {
-    throw new Error(
-      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'
-    );
-  }
-
-  const result = hf.compileSync(clickOutsideSchema.source, { traditional: true });
-
-  if (!result.ok) {
-    throw new Error(`Failed to compile ClickOutside behavior: ${JSON.stringify(result.errors)}`);
-  }
-
-  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };
-  await hf.execute(result.ast, ctx);
+export async function registerClickOutside(host?: HyperscriptHost): Promise<void> {
+  defineBehavior(clickOutsideSchema, host);
 }
 
 // Auto-register when loaded as a script tag