sprae 12.2.5 → 12.3.1

package/core.js

@@ -6,7 +6,6 @@ export const _dispose = (Symbol.dispose ||= Symbol("dispose")),
   _off = Symbol('off'),
   _add = Symbol('init');
 
-
 export let prefix = ':', signal, effect, computed, batch = (fn) => fn(), untracked = batch;
 
 export let directive = {}, modifier = {}
@@ -41,7 +40,7 @@ const sprae = (el = document.body, state) => {
   el[_dispose] ||= () => (el[_off](), el[_off] = el[_on] = el[_dispose] = el[_add] = el[_state] = null)
 
   const add = el[_add] = (el) => {
-    let _attrs = el.attributes, fn;
+    let _attrs = el.attributes, start;
 
     // we iterate live collection (subsprae can init args)
     if (_attrs) for (let i = 0; i < _attrs.length;) {
@@ -50,8 +49,10 @@ const sprae = (el = document.body, state) => {
       if (name.startsWith(prefix)) {
         el.removeAttribute(name)
 
+        currentDir = name;
+
         // directive initializer can be redefined
-        if (fn = initDirective(el, name, value, state)) fx.push(fn), offs.push(fn())
+        fx.push(start = dir(el, name.slice(prefix.length), value, state)), offs.push(start())
 
         // stop after subsprae like :each, :if, :scope etc.
         if (_state in el) return
@@ -73,120 +74,8 @@ const sprae = (el = document.body, state) => {
   return state;
 }
 
-
-/**
- * Initializes directive (defined by sprae build), returns "on" function that enables it
- * Multiprop sequences initializer, eg. :a:b..c:d
- * @type {(el: HTMLElement, name:string, value:string, state:Object) => Function}
- * */
-const initDirective = (el, dirName, expr, state) => {
-  let cur, // current step callback
-    off // current step disposal
-
-  let steps = dirName.slice(prefix.length).split('..').map((step, i, { length }) => (
-    // multiple attributes like :id:for=""
-    step.split(prefix).reduce((prev, str) => {
-      let [name, ...mods] = str.split('.');
-      let evaluate = parse(expr, directive[currentDir = name]?.parse).bind(el)
-
-      // a hack, but events have no signal-effects and can be sequenced
-      // FIXME: events are molded into core, but should be an optional directive
-      if (name.startsWith('on')) {
-        let type = name.slice(2),
-          fn = applyMods(
-            sx(
-              // single event vs chain
-              length == 1 ?  e => evaluate(state, (fn) => call(fn, e)) :
-                (e => (cur = (!i ?  e => call(evaluate(state), e) : cur)(e), off(), off = steps[(i + 1) % length]())),
-              { target: el }
-            ),
-            mods);
-
-        return (_poff) => (_poff = prev?.(), fn.target.addEventListener(type, fn, fn), () => (_poff?.(), fn.target.removeEventListener(type, fn)))
-      }
-
-      let fn, dispose, change, count;
-
-      if (mods.length) {
-        change = signal(-1), // signal authorized to trigger effect: 0 = init; >0 = trigger
-        count = -1 // called effect count
-
-        // effect applier - first time it applies the effect, next times effect is triggered by change signal
-        fn = applyMods(sx(throttle(() => {
-            if (++change.value) return // all calls except for the first one are handled by effect
-            dispose = effect(() => update && (
-              change.value == count ? fn() : // plan update: separate tick (via throttle) makes sure planner effect call is finished before eval call
-                (count = change.value, evaluate(state, update)) // if changed more than effect called - call it
-            ));
-          }), {target: el}), mods)
-      }
-      else {
-        fn = sx(() => dispose = effect(() =>  evaluate(state, update)), {target: el })
-      }
-
-      // props have no sequences and can be sync
-      // it's nice to see directive as taking some part of current context and returning new or updated context
-      let update = (directive[name] || directive['*'])(fn.target, state, expr, name)
-
-      // some directives are effect-less
-      if (!update) return
-
-      // take over state if directive created it (mainly :scope)
-      if (el[_state]) state = el[_state]
-
-      return (_poff) => (
-        _poff = prev?.(),
-        // console.log('ON', name),
-        fn(),
-        () => (
-          // console.log('OFF', name, el),
-          _poff?.(), dispose?.(), change && (change.value = -1, count = dispose = null)
-        )
-      )
-    }, null)
-  ));
-
-  // off can be changed on the go
-  return () => (off = steps[0]?.())
-}
-
-
-/**
- * Configure sprae
- */
-export const use = (s) => (
-  s.compile && (compile = s.compile),
-  s.prefix && (prefix = s.prefix),
-  s.signal && (signal = s.signal),
-  s.effect && (effect = s.effect),
-  s.computed && (computed = s.computed),
-  s.batch && (batch = s.batch),
-  s.untracked && (untracked = s.untracked)
-)
-
-
-/**
- * Lifecycle hanger: spraes automatically any new nodes
- */
-export const start = (root = document.body, values) => {
-  const state = store(values)
-  sprae(root, state);
-  const mo = new MutationObserver(mutations => {
-    for (const m of mutations) {
-      for (const el of m.addedNodes) {
-        // el can be spraed or removed by subsprae (like within :each/:if)
-        if (el.nodeType === 1 && el[_state] === undefined && root.contains(el)) {
-          // even if element has no spraeable attrs, some of its children can have
-          root[_add](el)
-        }
-      }
-      // for (const el of m.removedNodes) el[Symbol.dispose]?.()
-    }
-  });
-  mo.observe(root, { childList: true, subtree: true });
-  return state
-}
-
+// directive initializer
+export let dir
 
 /**
  * Compiles an expression into an evaluator function.
@@ -200,14 +89,14 @@ export let compile
  * @param {string} expr The expression to parse and compile into a function.
  * @returns {Function} The compiled evaluator function for the expression.
  */
-export const parse = (expr, prepare, _fn) => {
-  if (_fn = cache[expr]) return _fn
+export const parse = (expr) => {
+  let fn  = cache[expr=expr.trim()]
+  if (fn) return fn
 
-  let _expr = expr.trim() || 'undefined'
-  if (prepare) _expr = prepare(_expr)
+  let _expr = expr || 'undefined'
 
   // if, const, let - no return
-  if (/^(if|let|const)\b/.test(_expr) || /;(?![^{]*})/.test(_expr)) ;
+  if (/^(if|let|const)\b/.test(_expr) || /;(?![^{]*})/.test(_expr));
   else _expr = `return ${_expr}`
 
   // async expression
@@ -215,37 +104,54 @@ export const parse = (expr, prepare, _fn) => {
 
   // static time errors
   try {
-    _fn = compile(_expr)
-    Object.defineProperty(_fn, "name", {value: `∴ ${expr}`})
-  } catch (e) { console.error(`∴ ${e}\n\n${prefix + currentDir}="${expr}"`) }
+    fn = compile(_expr)
+    // Object.defineProperty(fn, "name", { value: `∴ ${expr}` })
+  } catch (e) { console.error(`∴ ${e}\n\n${currentDir}="${expr}"`) }
 
   // run time errors
   return cache[expr] = function (state, cb, _out) {
     try {
-      let result = _fn?.call(this, state)
-      // if cb is given (to handle asyncs) - call it with result and return function that returns last cb result - needed for effect cleanup
-      if (cb) return result?.then ? result.then(v => _out = cb(v)) : _out = cb(result), () => call(_out)
+      let result = fn?.call(this, state)
+      // if cb is given (to handle async/await exprs, usually directive update) - call it with result and return a cleanup function
+      if (cb) return result?.then ? (result.then(v => _out = cb(v)), () => _out && call(_out)) : cb(result)
       else return result
     } catch (e) {
-      console.error(`∴ ${e}\n\n${prefix + currentDir}="${expr}"`)
+      console.error(`∴ ${e}\n\n${currentDir}="${expr}"`)
     }
   }
 }
 const cache = {};
 
 
-// apply modifiers to context (from the end due to nature of wrapping ctx.call)
-const applyMods = (fn, mods) => {
+
+/**
+ * Configure sprae
+ */
+export const use = (s) => (
+  s.compile && (compile = s.compile),
+  s.prefix && (prefix = s.prefix),
+  s.signal && (signal = s.signal),
+  s.effect && (effect = s.effect),
+  s.computed && (computed = s.computed),
+  s.batch && (batch = s.batch),
+  s.untracked && (untracked = s.untracked),
+  s.dir && (dir = s.dir)
+)
+
+// modifier applier
+export const decorate = (fn, mods) => {
   while (mods.length) {
-    let [name, ...params] = mods.pop().split('-')
-    fn = sx(modifier[name]?.(fn, ...params) ?? fn, fn)
+    let [name, ...params] = mods.pop().split('-'), mod = modifier[name], wrapFn
+    if (mod) {
+      if ((wrapFn = mod(fn, ...params)) !== fn) {
+        for (let k in fn) wrapFn[k] ??= fn[k];
+        fn = wrapFn
+      }
+    }
   }
   return fn
 }
 
-// soft-extend missing props and ignoring signals
-const sx = (a, b) => { if (a != b) for (let k in b) (a[k] ??= b[k]); return a }
-
 // instantiated <template> fragment holder, like persisting fragment but with minimal API surface
 export const frag = (tpl) => {
   if (!tpl.nodeType) return tpl // existing tpl
@@ -289,16 +195,17 @@ export const clsx = (c, _out = []) => !c ? '' : typeof c === 'string' ? c : (
 
 // throttle function to (once per tick or other custom scheduler)
 export const throttle = (fn, schedule = queueMicrotask) => {
-  let _planned = 0;
+  let _planned = 0, arg;
   const throttled = (e) => {
-    if (!_planned++) fn(e), schedule((_dirty = _planned > 1) => (
-      _planned = 0, _dirty && throttled(e)
+    arg = e
+    if (!_planned++) fn(arg), schedule((_dirty = _planned > 1) => (
+      _planned = 0, _dirty && throttled(arg)
     ));
   }
   return throttled;
 }
 
-export const debounce = (fn, schedule = queueMicrotask, _count = 0) => (arg, _planned=++_count) => schedule(() => (_planned == _count && fn(arg)))
+export const debounce = (fn, schedule = queueMicrotask, _count = 0) => (arg, _planned = ++_count) => schedule(() => (_planned == _count && fn(arg)))
 
 export * from './store.js';
 

package/directive/_.js

@@ -0,0 +1,3 @@
+import { attr, call } from "../core.js";
+
+export default (el, st, ex, name) => v => attr(el, name, v && call(v, el.getAttribute(name)))

package/directive/class.js

@@ -1,11 +1,15 @@
-import { clsx, call } from "../core.js";
+import { clsx, call, decorate } from "../core.js";
 
-export default (el, _cur, _new) => (
-  _cur = new Set,
-  (v) => {
+export default (el, st, ex, name) => {
+  let _cur = new Set, _new
+
+  // redefine target, if modifiers have one
+  name.includes('.') && (el = decorate({target:el}, name.split('.').slice(1)).target ?? el)
+
+  return (v) => {
     _new = new Set
     if (v) clsx(call(v, el.className)).split(' ').map(c => c && _new.add(c))
     for (let c of _cur) if (_new.has(c)) _new.delete(c); else el.classList.remove(c);
     for (let c of _cur = _new) el.classList.add(c)
   }
-)
+}

package/directive/each.js

@@ -1,7 +1,9 @@
-import sprae, { store, _state, effect, _change, _signals, frag, throttle } from "../core.js";
+import sprae, { store, parse, _state, effect, _change, _signals, frag, throttle, debounce } from "../core.js";
 
-const each = (tpl, state, expr) => {
-  let [itemVar, idxVar = "$"] = expr.split(/\bin\b/)[0].trim().replace(/\(|\)/g, '').split(/\s*,\s*/);
+export default (tpl, state, expr) => {
+  const [lhs, rhs] = expr.split(/\bin\b/)
+
+  let [itemVar, idxVar = "$"] = lhs.trim().replace(/\(|\)/g, '').split(/\s*,\s*/);
 
   // we need :if to be able to replace holder instead of tpl for :if :each case
   let holder = document.createTextNode("");
@@ -19,6 +21,7 @@ const each = (tpl, state, expr) => {
       cur = null, prevl = 0
     }
 
+
     // delete
     if (newl < prevl) cur.length = newl
 
@@ -65,7 +68,7 @@ const each = (tpl, state, expr) => {
   tpl.replaceWith(holder);
   tpl[_state] = null // mark as fake-spraed, to preserve :-attribs for template
 
-  return value => {
+  return Object.assign(value => {
     // resolve new items
     keys = null
     if (typeof value === "number") items = Array.from({ length: value }, (_, i) => i + 1)
@@ -74,16 +77,11 @@ const each = (tpl, state, expr) => {
 
     // whenever list changes, we rebind internal change effect
     return effect(() => {
-      // subscribe to items change (.length) - we do it every time (not just in update) since preact unsubscribes unused signals
+      // subscribe to items change (.length) - we do it every time (not just in update) since preact signals unsubscribes unused signals
       items[_change]?.value
 
       // make first render immediately, debounce subsequent renders
       update()
     })
-  }
+  }, {eval:parse(rhs)})
 }
-
-// :each directive skips v, k
-each.parse = (str) => str.split(/\bin\b/)[1].trim()
-
-export default each

package/directive/else.js

@@ -2,9 +2,9 @@ import { _on, _off, _state, frag } from '../core.js';
 
 
 // NOTE: we can reach :else counterpart whereas prev :else :if is on hold
-export default (el, state, _el, _, _prev=el) => {
+export default (el) => {
+  let _el, _prev = el
 
-  // console.log(':else init', el)
   _el = el.content ? frag(el) : el
 
   // find holder

package/directive/event.js

@@ -0,0 +1,17 @@
+import { call, parse, decorate } from "../core.js"
+
+export default (el, state, expr, name) => {
+  // wrap inline cb into function
+  // if (!/^(?:[\w$]+|\([^()]*\))\s*=>/.test(expr) && !/^function\b/.test(expr)) expr = `()=>{${expr}}`;
+
+  const [type, ...mods] = name.slice(2).split('.'),
+    evaluate = parse(expr).bind(el),
+    trigger = decorate(Object.assign(e => evaluate(state, (fn) => fn && call(fn, e)), { target: el }), mods);
+
+  trigger.target.addEventListener(type, trigger, trigger)
+  return {
+    [Symbol.dispose]() {
+      trigger.target.removeEventListener(type, trigger)
+    }
+  }
+}

package/directive/if.js

@@ -2,9 +2,10 @@
 import sprae, { throttle, _on, _off, _state, frag } from '../core.js';
 
 // :if="a"
-export default (el, state, _holder, _el, _match) => {
+export default (el, state) => {
+  let _holder, _el, _match
+
   // new element :if
-  // console.log(':if init', el)
   if (!el._holder) {
     // mark el as fake-spraed to delay init, since we sprae rest when branch matches, both :if and :else :if
     el[_state] ??= null
@@ -19,10 +20,8 @@ export default (el, state, _holder, _el, _match) => {
 
     _holder.update = throttle(() => {
       let match = _holder._clauses.find(([, s]) => s)
-      // console.group(':if update clauses', ..._holder._clauses)
 
       if (match != _match) {
-        // console.log(':if match', match)
         _match?.[0].remove()
         _match?.[0][_off]?.()
         if (_match = match) {
@@ -31,7 +30,6 @@ export default (el, state, _holder, _el, _match) => {
           !_match[0][_state] ? (delete _match[0][_state], sprae(_match[0], state)) : _match[0][_on]?.()
         }
       }
-      // console.groupEnd()
     })
   }
   // :else :if needs to be spraed all over to have clean list of offable effects
@@ -40,7 +38,6 @@ export default (el, state, _holder, _el, _match) => {
   // :else may have children to init which is called after :if
   // or preact can schedule :else after :if, so we ensure order of call by next tick
   return value => {
-    // console.log(':if update', _el, value)
     _el._clause[1] = value
     _el._holder.update()
   }

package/directive/ref.js

@@ -1,11 +1,12 @@
 import { parse } from "../core.js"
 // import { setter } from "./value.js"
 
-export default (el, state, expr, name, _prev, _set) => {
-  // FIXME: we call eval twice here - once to check if it's fn, second for update (from core)
-  if (typeof parse(expr)(state) == 'function') return v => (v(el))
+export default (el, state, expr) => {
+  let fn = parse(expr)(state)
+
+  if (typeof fn == 'function') return {[Symbol.dispose]:fn(el)}
 
   // NOTE: we have to set element statically (outside of effect) to avoid parasitic sub - multiple els with same :ref can cause recursion (eg. :each :ref="x")
-  // (setter(expr)(state, el))
-  Object.defineProperty(state, expr, { value: el, configurable: true })
+  // FIXME: do via (setter(expr)(state, el))
+  else Object.defineProperty(state, expr, { value: el, configurable: true })
 }

package/directive/scope.js

@@ -3,27 +3,27 @@ import sprae, { store, call, untracked, _state, _signals, signal } from '../core
 export default (el, rootState) => {
   // 0 run pre-creates state to provide scope for the first effect - it can write vars in it, so we should already have it
   // el[_state] even replaces own :scope effect state
-  let subscope = el[_state] = store({}, rootState), init = false;
+  let state = el[_state] = store({}, rootState), init = false;
 
   // 1st run spraes subtree with values from scope - it can be postponed by modifiers (we isolate reads from parent effect)
   // 2nd+ runs update subscope
   return values => {
-    values = call(values, subscope);
+    values = call(values, state);
 
     // we bind to subscope to alleviate friction using scope method directly
     // also returned props should force-create signals in subscope, not overwriting parent
-    if (values !== subscope) {
+    if (values !== state) {
       for (let k in values) {
         // _add forces new prop, instead of checking parent
-        let v = typeof values[k] === 'function' ? values[k].bind(subscope) : values[k]
+        let v = typeof values[k] === 'function' ? values[k].bind(state) : values[k]
         // update
-        if (k in subscope[_signals]) subscope[k] = v
+        if (k in state[_signals]) state[k] = v
         // create
-        else (subscope[_signals][k] = (k[0] == '_' || v?.peek) ? v : signal(store(v)))
+        else (state[_signals][k] = (k[0] == '_' || v?.peek) ? v : signal(store(v)))
       }
     }
 
     // Object.assign(subscope, call(values, subscope))
-    return !init && (init = true, delete el[_state], untracked(() => sprae(el, subscope)))
+    return !init && (init = true, delete el[_state], untracked(() => sprae(el, state)))
   }
 }

package/directive/sequence.js

@@ -0,0 +1,35 @@
+// events directive with enabled aliases and sequences like :onclick.ctrl.once..keyup.enter
+import { _dispose, call, parse, decorate } from "../core.js"
+
+export default (el, state, expr, names) => {
+  let cur, // current step callback
+    off // current step disposal
+
+  let steps = names.split('..').map((step, i, { length }) => step.split(':').reduce(
+    (prev, str) => {
+      const [name, ...mods] = str.slice(2).split('.')
+
+      const evaluate = parse(expr).bind(el)
+
+      const trigger = decorate(Object.assign(
+        e => (!i ? evaluate(state, (fn) => cur = fn && call(fn, e)) : (cur = cur(e)), off(), off = steps[(i + 1) % length]()),
+        { target: el }
+      ), mods)
+
+
+      return (_poff) => (
+        _poff = prev?.(),
+        trigger.target.addEventListener(name, trigger, trigger),
+        () => (_poff?.(), trigger.target.removeEventListener(name, trigger))
+      )
+    }, null)
+  )
+
+  off = steps[0]()
+
+  return {
+    [Symbol.dispose]() {
+      off?.()
+    }
+  }
+}

package/directive/style.js

@@ -1,9 +1,14 @@
-import { call, attr } from "../core.js";
+import { call, attr, decorate } from "../core.js";
 
-export default (el, _static) => (
-  _static = el.getAttribute("style"),
-  v => {
-    v = call(v, el.style)
+export default (el, st, ex, name) => {
+  let _static;
+
+  // redefine target, if modifiers have one
+  if (name.includes('.')) el = decorate({target:el}, name.split('.').slice(1)).target ?? el;
+
+  return v => {
+    if (!_static) { _static = el.getAttribute("style") }
+    if (v) v = call(v, el.style)
     if (typeof v === "string") attr(el, "style", _static + '; ' + v);
     else {
       if (_static) attr(el, "style", _static);
@@ -11,4 +16,4 @@ export default (el, _static) => (
       for (let k in v) k[0] == '-' ? el.style.setProperty(k, v[k]) : k[0] > 'A' && (el.style[k] = v[k])
     }
   }
-)
+}

package/directive/text.js

@@ -3,5 +3,5 @@ import { frag, call } from "../core.js"
 export default el => (
   // <template :text="a"/> or previously initialized template
   el.content && el.replaceWith(el = frag(el).childNodes[0]),
-  v => (v = call(v, el.textContent), el.textContent = v == null ? "" : v)
+  v => (v = v && call(v, el.textContent), el.textContent = v == null ? "" : v)
 )

package/directive/value.js

@@ -7,7 +7,7 @@ export const setter = (expr, _set = parse(`${expr}=__`)) => (target, value) => {
   target.__ = value; _set(target), delete target.__
 }
 
-export default (el, state, expr, name) => {
+export default (el, state, expr) => {
   // bind back to value, but some values can be not bindable, eg. `:value="7"`
   try {
     const set = setter(expr)

package/dist/sprae.js

@@ -1,5 +1,5 @@
-var F=Symbol.dispose||(Symbol.dispose=Symbol("dispose")),l=Symbol("state"),X=Symbol("on"),I=Symbol("off"),Q=Symbol("init"),E=":",A,R,Y,Z=e=>e(),V=Z,W={},J={},U=null,ae=(e=document.body,r)=>{if(e[l])return Object.assign(e[l],r);r=B(r||{});let t=[],o=[];e[X]=()=>!o&&(o=t.map(i=>i())),e[I]=()=>(o?.map(i=>i()),o=null),e[F]||(e[F]=()=>(e[I](),e[I]=e[X]=e[F]=e[Q]=e[l]=null));let n=e[Q]=i=>{let s=i.attributes,a;if(s)for(let c=0;c<s.length;){let{name:f,value:y}=s[c];if(f.startsWith(E)){if(i.removeAttribute(f),(a=Ce(i,f,y,r))&&(t.push(a),o.push(a())),l in i)return}else c++}for(let c of[...i.childNodes])c.nodeType==1&&n(c)};return n(e),e[l]===void 0&&(e[l]=r),r},Ce=(e,r,t,o)=>{let n,i,s=r.slice(E.length).split("..").map((a,c,{length:f})=>a.split(E).reduce((y,u)=>{let[m,...h]=u.split("."),$=L(t,W[U=m]?.parse).bind(e);if(m.startsWith("on")){let K=m.slice(2),q=se(H(f==1?P=>$(o,G=>d(G,P)):P=>(n=(c?n:G=>d($(o),G))(P),i(),i=s[(c+1)%f]()),{target:e}),h);return P=>(P=y?.(),q.target.addEventListener(K,q,q),()=>(P?.(),q.target.removeEventListener(K,q)))}let w,g,N,b;h.length?(N=A(-1),b=-1,w=se(H(T(()=>{++N.value||(g=R(()=>C&&(N.value==b?w():(b=N.value,$(o,C)))))}),{target:e}),h)):w=H(()=>g=R(()=>$(o,C)),{target:e});let C=(W[m]||W["*"])(w.target,o,t,m);if(C)return e[l]&&(o=e[l]),K=>(K=y?.(),w(),()=>(K?.(),g?.(),N&&(N.value=-1,b=g=null)))},null));return()=>i=s[0]?.()},v=e=>(e.compile&&(ue=e.compile),e.prefix&&(E=e.prefix),e.signal&&(A=e.signal),e.effect&&(R=e.effect),e.computed&&(Y=e.computed),e.batch&&(Z=e.batch),e.untracked&&(V=e.untracked)),ce=(e=document.body,r)=>{let t=B(r);return ae(e,t),new MutationObserver(n=>{for(let i of n)for(let s of i.addedNodes)s.nodeType===1&&s[l]===void 0&&e.contains(s)&&e[Q](s)}).observe(e,{childList:!0,subtree:!0}),t},ue,L=(e,r,t)=>{if(t=ie[e])return t;let o=e.trim()||"undefined";r&&(o=r(o)),/^(if|let|const)\b/.test(o)||/;(?![^{]*})/.test(o)||(o=`return ${o}`),/\bawait\s/.test(o)&&(o=`return (async()=>{ ${o} })()`);try{t=ue(o),Object.defineProperty(t,"name",{value:`\u2234 ${e}`})}catch(n){console.error(`\u2234 ${n}
+var ke=Object.defineProperty;var Ne=(e,r)=>{for(var t in r)ke(e,t,{get:r[t],enumerable:!0})};var D=Symbol.dispose||(Symbol.dispose=Symbol("dispose")),p=Symbol("state"),V=Symbol("on"),M=Symbol("off"),F=Symbol("init"),X=":",h,P,J,W=e=>e(),v=W,I={},K={},Z=null,De=(e=document.body,r)=>{if(e[p])return Object.assign(e[p],r);r=R(r||{});let t=[],o=[];e[V]=()=>!o&&(o=t.map(i=>i())),e[M]=()=>(o?.map(i=>i()),o=null),e[D]||(e[D]=()=>(e[M](),e[M]=e[V]=e[D]=e[F]=e[p]=null));let s=e[F]=i=>{let n=i.attributes,a;if(n)for(let l=0;l<n.length;){let{name:c,value:m}=n[l];if(c.startsWith(X)){if(i.removeAttribute(c),Z=c,t.push(a=te(i,c.slice(X.length),m,r)),o.push(a()),p in i)return}else l++}for(let l of[...i.childNodes])l.nodeType==1&&s(l)};return s(e),e[p]===void 0&&(e[p]=r),r},te,re,g=e=>{let r=ee[e=e.trim()];if(r)return r;let t=e||"undefined";/^(if|let|const)\b/.test(t)||/;(?![^{]*})/.test(t)||(t=`return ${t}`),/\bawait\s/.test(t)&&(t=`return (async()=>{ ${t} })()`);try{r=re(t)}catch(o){console.error(`\u2234 ${o}
 
-${E+U}="${e}"`)}return ie[e]=function(n,i,s){try{let a=t?.call(this,n);return i?(a?.then?a.then(c=>s=i(c)):s=i(a),()=>d(s)):a}catch(a){console.error(`\u2234 ${a}
+${Z}="${e}"`)}return ee[e]=function(o,s,i){try{let n=r?.call(this,o);return s?n?.then?(n.then(a=>i=s(a)),()=>i&&f(i)):s(n):n}catch(n){console.error(`\u2234 ${n}
 
-${E+U}="${e}"`)}}},ie={},se=(e,r)=>{for(;r.length;){let[t,...o]=r.pop().split("-");e=H(J[t]?.(e,...o)??e,e)}return e},H=(e,r)=>{if(e!=r)for(let t in r)e[t]??(e[t]=r[t]);return e},k=e=>{if(!e.nodeType)return e;let r=e.content.cloneNode(!0),t=[...e.attributes],o=document.createTextNode(""),n=(r.append(o),[...r.childNodes]);return{childNodes:n,content:r,remove:()=>r.append(...n),replaceWith(i){i!==o&&(o.before(i),r.append(...n))},attributes:t,removeAttribute(i){t.splice(t.findIndex(s=>s.name===i),1)}}},d=(e,r)=>typeof e=="function"?e(r):e,le=e=>e.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(r,t)=>(t?"-":"")+r.toLowerCase()),x=(e,r,t)=>t==null||t===!1?e.removeAttribute(r):e.setAttribute(r,t===!0?"":t),_=(e,r=[])=>e?typeof e=="string"?e:(Array.isArray(e)?e.map(_):Object.entries(e).reduce((t,[o,n])=>n?[...t,o]:t,[])).join(" "):"",T=(e,r=queueMicrotask)=>{let t=0,o=n=>{t++||(e(n),r((i=t>1)=>(t=0,i&&o(n))))};return o},fe=(e,r=queueMicrotask,t=0)=>(o,n=++t)=>r(()=>n==t&&e(o)),p=ae;var S=Symbol("signals"),O=Symbol("change"),te=Symbol("set"),ee=!0,D=(e,r)=>{if(!e||e[Symbol.toStringTag]||e[S])return e;if(e.constructor!==Object)return Array.isArray(e)?Pe(e):e;let t=Object.keys(e).length,o={},n=new Proxy(Object.assign(o,{[O]:A(t),[S]:o}),{get:(s,a)=>a in o?o[a]?o[a].valueOf():o[a]:r?r[a]:globalThis[a],set:(s,a,c,f)=>a in o?(pe(o,a,c),1):(ee=!1,r&&a in r?r[a]=c:(z(o,a,c),o[O].value=++t),ee=!0,1),deleteProperty:(s,a)=>(a in o&&(a[0]!="_"&&o[a]?.[Symbol.dispose]?.(),delete o[a],o[O].value=--t),1),ownKeys:()=>(o[O].value,Reflect.ownKeys(o)),has:(s,a)=>a in o?!0:r?a in r:ee}),i=Object.getOwnPropertyDescriptors(e);for(let s in e)i[s]?.get?(o[s]=Y(i[s].get.bind(n)))[te]=i[s].set?.bind(n):z(o,s,e[s]);return n},Pe=(e,r=globalThis)=>{let t=Array(e.length).fill(null),o=!1,n=a=>function(){return o=!0,a.apply(this,arguments)},i=A(e.length),s=new Proxy(Object.assign(t,{[O]:i,[S]:t,push:n(t.push),pop:n(t.pop),shift:n(t.shift),unshift:n(t.unshift),splice:n(t.splice)}),{get(a,c){return c==="length"?o?(o=!1,t.length):i.value:typeof c=="symbol"||isNaN(c)?t[c]?.valueOf()??r[c]:(t[c]??(t[c]=A(D(e[c])))).valueOf()},set(a,c,f){if(c==="length"){for(let y=f;y<t.length;y++)delete s[y];i.value=t.length=f}else c>=t.length?(z(t,c,f),s.length=+c+1):t[c]?pe(t,c,f):z(t,c,f);return 1},deleteProperty:(a,c)=>(t[c]?.[Symbol.dispose]?.(),delete t[c],1)});return s},z=(e,r,t)=>e[r]=r[0]=="_"||t?.peek?t:A(D(t)),pe=(e,r,t,o,n)=>r[0]==="_"?e[r]=t:t!==(n=(o=e[r]).peek())&&(o[te]?o[te](t):Array.isArray(t)&&Array.isArray(n)?O in n?V(()=>Z(()=>{for(let i=0;i<t.length;i++)n[i]=t[i];n.length=t.length})):o.value=t:o.value=D(t)),B=D;var j,de=0,M,re=(e,r,t=new Set,o=()=>r.value)=>r={get value(){return j?.deps.push(t.add(j)),e},set value(n){if(n!==e){e=n;for(let i of t)M?M.add(i):i()}},peek(){return e},toJSON:o,then:o,toString:o,valueOf:o},oe=(e,r,t,o,n)=>(t=i=>{if(n=r,r=null,n?.call?.(),i=j,j=t,de++>10)throw"Cycle detected";try{r=e()}finally{j=i,de--}},o=t.deps=[],t(),i=>{for(r?.call?.();i=o.pop();)i.delete(t)}),me=(e,r=re(),t,o,n=()=>t.value)=>t={get value(){return o||(o=oe(()=>r.value=e())),r.value},peek:r.peek,toJSON:n,then:n,toString:n,valueOf:n},ye=(e,r=!M)=>{M??(M=new Set);try{e()}finally{if(r){for(let t of M)t();M=null}}},he=(e,r,t)=>(r=j,j=null,t=e(),j=r,t);var ge=(e,r,t,o,n)=>{var i;return e._holder?p(o=e,r):(e[i=l]??(e[i]=null),o=e.content?k(e):e,e.replaceWith(t=document.createTextNode("")),o._holder=t._holder=t,t._clauses=[o._clause=[o,!1]],t.update=T(()=>{let s=t._clauses.find(([,a])=>a);s!=n&&(n?.[0].remove(),n?.[0][I]?.(),(n=s)&&(t.before(n[0].content||n[0]),n[0][l]?n[0][X]?.():(delete n[0][l],p(n[0],r))))})),s=>{o._clause[1]=s,o._holder.update()}};var be=(e,r,t,o,n=e)=>{for(t=e.content?k(e):e;n&&!(t._holder=n._holder);)n=n.previousSibling;return e.remove(),e[l]=null,t._holder._clauses.push(t._clause=[t,!0]),t._holder.update};var xe=e=>(e.content&&e.replaceWith(e=k(e).childNodes[0]),r=>(r=d(r,e.textContent),e.textContent=r??""));var Se=(e,r,t)=>(r=new Set,o=>{t=new Set,o&&_(d(o,e.className)).split(" ").map(n=>n&&t.add(n));for(let n of r)t.has(n)?t.delete(n):e.classList.remove(n);for(let n of r=t)e.classList.add(n)});var Ae=(e,r)=>(r=e.getAttribute("style"),t=>{if(t=d(t,e.style),typeof t=="string")x(e,"style",r+"; "+t);else{r&&x(e,"style",r);for(let o in t)o[0]=="-"?e.style.setProperty(o,t[o]):o[0]>"A"&&(e.style[o]=t[o])}});var Oe=()=>d;var We=(e,r=L(`${e}=__`))=>(t,o)=>{t.__=o,r(t),delete t.__},we=(e,r,t,o)=>{try{let n=We(t),i=e.type==="checkbox"?()=>n(r,e.checked):e.type==="select-multiple"?()=>n(r,[...e.selectedOptions].map(s=>s.value)):()=>n(r,e.selectedIndex<0?null:isNaN(e.valueAsNumber)?e.value:e.valueAsNumber);e.oninput=e.onchange=i,e.type?.startsWith("select")&&(new MutationObserver(i).observe(e,{childList:!0,subtree:!0,attributes:!0}),p(e,r)),L(t)(r)??i()}catch{}return e.type==="text"||e.type===""||e.tagName==="TEXTAREA"?(n,i,s)=>(i=e.selectionStart,s=e.selectionEnd,e.setAttribute("value",e.value=n??""),i&&e.setSelectionRange(i,s)):e.type==="checkbox"?n=>(e.checked=n,x(e,"checked",n)):e.type==="radio"?n=>e.value===n&&(e.checked=n,x(e,"checked",n)):e.type==="select-one"?n=>{for(let i of e.options)i.value==n?i.setAttribute("selected",""):i.removeAttribute("selected");e.value=n}:e.type==="select-multiple"?n=>{for(let i of e.options)i.removeAttribute("selected");for(let i of n)e.querySelector(`[value="${i}"]`).setAttribute("selected","")}:n=>e.value=n};var Ne=(e,r,t,o,n,i)=>{if(typeof L(t)(r)=="function")return s=>s(e);Object.defineProperty(r,t,{value:e,configurable:!0})};var ke=(e,r)=>{let t=e[l]=D({},r),o=!1;return n=>{if(n=d(n,t),n!==t)for(let i in n){let s=typeof n[i]=="function"?n[i].bind(t):n[i];i in t[S]?t[i]=s:t[S][i]=i[0]=="_"||s?.peek?s:A(D(s))}return!o&&(o=!0,delete e[l],V(()=>p(e,t)))}};var je=(e,r,t)=>{let[o,n="$"]=t.split(/\bin\b/)[0].trim().replace(/\(|\)/g,"").split(/\s*,\s*/),i=document.createTextNode(""),s,a,c,f=0,y=T(()=>{var $,w;let u=0,m=c,h=m.length;if(s&&!s[O]){for(let g of s[S]||[])g[Symbol.dispose]();s=null,f=0}if(h<f)s.length=h;else{if(!s)s=m;else for(;u<f;)s[u]=m[u++];for(;u<h;u++){s[u]=m[u];let g=u,N=Object.create(r,{[o]:{get:()=>s[g]},[n]:{value:a?a[g]:g}}),b=e.content?k(e):e.cloneNode(!0);i.before(b.content||b),p(b,N);let C=((w=s[$=S]||(s[$]=[]))[u]||(w[u]={}))[Symbol.dispose];s[S][u][Symbol.dispose]=()=>{C?.(),b[Symbol.dispose]?.(),b.remove()}}}f=h});return e.replaceWith(i),e[l]=null,u=>(a=null,typeof u=="number"?c=Array.from({length:u},(m,h)=>h+1):u?.constructor===Object?(a=Object.keys(u),c=Object.values(u)):c=u||[],R(()=>{c[O]?.value,y()}))};je.parse=e=>e.split(/\bin\b/)[1].trim();var $e=je;var Te=(e,r,t,o)=>n=>x(e,o,d(n,e.getAttribute(o)));var De=e=>r=>{for(let t in r)x(e,le(t),r[t])};Object.assign(W,{"*":Te,"":De,class:Se,text:xe,style:Ae,fx:Oe,value:we,ref:Ne,scope:ke,if:ge,else:be,each:$e});Object.assign(J,{debounce:(e,r=250)=>fe(e,(r||(r=0),t=>setTimeout(t,r))),throttle:(e,r=250)=>T(e,(r||(r=0),t=>setTimeout(t,r))),tick:e=>r=>queueMicrotask(()=>e(r)),raf:e=>r=>requestAnimationFrame(()=>e(r)),once:(e,r,t)=>Object.assign(o=>!r&&(r=1,e(o)),{once:!0}),window:e=>(e.target=e.target.ownerDocument.defaultView,e),document:e=>(e.target=e.target.ownerDocument,e),root:e=>(e.target=e.target.ownerDocument.documentElement,e),body:e=>(e.target=e.target.ownerDocument.body,e),parent:e=>(e.target=e.target.parentNode,e),self:e=>r=>r.target===e.target&&e(r),outside:e=>(r,t)=>(t=e.target,!t.contains(r.target)&&r.target.isConnected&&(t.offsetWidth||t.offsetHeight)),prevent:e=>r=>(r?.preventDefault(),e(r)),stop:e=>r=>(r?.stopPropagation(),e(r)),immediate:e=>r=>(r?.stopImmediatePropagation(),e(r)),passive:e=>(e.passive=!0,e),capture:e=>(e.capture=!0,e)});var ne={ctrl:e=>e.ctrlKey||e.key==="Control"||e.key==="Ctrl",shift:e=>e.shiftKey||e.key==="Shift",alt:e=>e.altKey||e.key==="Alt",meta:e=>e.metaKey||e.key==="Meta"||e.key==="Command",arrow:e=>e.key.startsWith("Arrow"),enter:e=>e.key==="Enter",esc:e=>e.key.startsWith("Esc"),tab:e=>e.key==="Tab",space:e=>e.key==="\xA0"||e.key==="Space"||e.key===" ",delete:e=>e.key==="Delete"||e.key==="Backspace",digit:e=>/^\d$/.test(e.key),letter:e=>/^\p{L}$/gu.test(e.key),char:e=>/^\S$/.test(e.key)};for(let e in ne)J[e]=(r,...t)=>o=>ne[e](o)&&t.every(n=>ne[n]?.(o)??o.key===n)&&r(o);v({compile:e=>p.constructor(`with (arguments[0]) { ${e} }`),signal:re,effect:oe,computed:me,batch:ye,untracked:he});p.use=v;p.store=B;p.directive=W;p.modifier=J;p.start=ce;p.version="12.2.4";var Lt=p;export{ye as batch,me as computed,Lt as default,oe as effect,re as signal,p as sprae,ce as start,B as store,he as untracked,v as use};
+${Z}="${e}"`)}}},ee={},z=e=>(e.compile&&(re=e.compile),e.prefix&&(X=e.prefix),e.signal&&(h=e.signal),e.effect&&(P=e.effect),e.computed&&(J=e.computed),e.batch&&(W=e.batch),e.untracked&&(v=e.untracked),e.dir&&(te=e.dir)),b=(e,r)=>{for(;r.length;){let[t,...o]=r.pop().split("-"),s=K[t],i;if(s&&(i=s(e,...o))!==e){for(let n in e)i[n]??(i[n]=e[n]);e=i}}return e},w=e=>{if(!e.nodeType)return e;let r=e.content.cloneNode(!0),t=[...e.attributes],o=document.createTextNode(""),s=(r.append(o),[...r.childNodes]);return{childNodes:s,content:r,remove:()=>r.append(...s),replaceWith(i){i!==o&&(o.before(i),r.append(...s))},attributes:t,removeAttribute(i){t.splice(t.findIndex(n=>n.name===i),1)}}},f=(e,r)=>typeof e=="function"?e(r):e,oe=e=>e.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(r,t)=>(t?"-":"")+r.toLowerCase()),x=(e,r,t)=>t==null||t===!1?e.removeAttribute(r):e.setAttribute(r,t===!0?"":t),G=(e,r=[])=>e?typeof e=="string"?e:(Array.isArray(e)?e.map(G):Object.entries(e).reduce((t,[o,s])=>s?[...t,o]:t,[])).join(" "):"",T=(e,r=queueMicrotask)=>{let t=0,o,s=i=>{o=i,t++||(e(o),r((n=t>1)=>(t=0,n&&s(o))))};return s},se=(e,r=queueMicrotask,t=0)=>(o,s=++t)=>r(()=>s==t&&e(o)),d=De;var _=Symbol("signals"),j=Symbol("change"),U=Symbol("set"),Q=!0,$=(e,r)=>{if(!e||e[Symbol.toStringTag]||e[_])return e;if(e.constructor!==Object)return Array.isArray(e)?Te(e):e;let t=Object.keys(e).length,o={},s=new Proxy(Object.assign(o,{[j]:h(t),[_]:o}),{get:(n,a)=>a in o?o[a]?o[a].valueOf():o[a]:r?r[a]:globalThis[a],set:(n,a,l,c)=>a in o?(ie(o,a,l),1):(Q=!1,r&&a in r?r[a]=l:(B(o,a,l),o[j].value=++t),Q=!0,1),deleteProperty:(n,a)=>(a in o&&(a[0]!="_"&&o[a]?.[Symbol.dispose]?.(),delete o[a],o[j].value=--t),1),ownKeys:()=>(o[j].value,Reflect.ownKeys(o)),has:(n,a)=>a in o?!0:r?a in r:Q}),i=Object.getOwnPropertyDescriptors(e);for(let n in e)i[n]?.get?(o[n]=J(i[n].get.bind(s)))[U]=i[n].set?.bind(s):B(o,n,e[n]);return s},Te=(e,r=globalThis)=>{let t=Array(e.length).fill(null),o=!1,s=a=>function(){return o=!0,a.apply(this,arguments)},i=h(e.length),n=new Proxy(Object.assign(t,{[j]:i,[_]:t,push:s(t.push),pop:s(t.pop),shift:s(t.shift),unshift:s(t.unshift),splice:s(t.splice)}),{get(a,l){return l==="length"?o?(o=!1,t.length):i.value:typeof l=="symbol"||isNaN(l)?t[l]?.valueOf()??r[l]:(t[l]??(t[l]=h($(e[l])))).valueOf()},set(a,l,c){if(l==="length"){for(let m=c;m<t.length;m++)delete n[m];i.value=t.length=c}else l>=t.length?(B(t,l,c),n.length=+l+1):t[l]?ie(t,l,c):B(t,l,c);return 1},deleteProperty:(a,l)=>(t[l]?.[Symbol.dispose]?.(),delete t[l],1)});return n},B=(e,r,t)=>e[r]=r[0]=="_"||t?.peek?t:h($(t)),ie=(e,r,t,o,s)=>r[0]==="_"?e[r]=t:t!==(s=(o=e[r]).peek())&&(o[U]?o[U](t):Array.isArray(t)&&Array.isArray(s)?j in s?v(()=>W(()=>{for(let i=0;i<t.length;i++)s[i]=t[i];s.length=t.length})):o.value=t:o.value=$(t)),R=$;var Y={};Ne(Y,{batch:()=>ve,computed:()=>$e,effect:()=>le,signal:()=>ae,untracked:()=>Ce});var k,ne=0,C,ae=(e,r,t=new Set,o=()=>r.value)=>r={get value(){return k?.deps.add(t.add(k)),e},set value(s){if(s!==e){e=s;for(let i of t)C?C.add(i):i()}},peek(){return e},toJSON:o,toString:o,valueOf:o},le=(e,r,t,o)=>(t=s=>{let i=r;if(r=null,i?.call?.(),s=k,k=t,ne++>10)throw"Cycle detected";try{r=e()}finally{k=s,ne--}},t.fn=e,o=t.deps=new Set,t(),s=>{r?.call?.();for(s of o)s.delete(t);o.clear()}),$e=(e,r=ae(),t,o,s=()=>t.value)=>t={get value(){return o||(o=le(()=>r.value=e())),r.value},peek:r.peek,toJSON:s,toString:s,valueOf:s},ve=(e,r=!C,t)=>{C??(C=new Set);try{e()}finally{if(r){[C,t]=[null,C];for(let o of t)o()}}},Ce=(e,r,t)=>(r=k,k=null,t=e(),k=r,t);var ce={name:"sprae",description:"DOM microhydration",version:"12.3.0",main:"./sprae.js",module:"./sprae.js","umd:main":"dist/sprae.umd.js",unpkg:"dist/sprae.umd.js",types:"dist/sprae.d.ts",type:"module",files:["core.js","sprae.js","store.js","signal.js","micro.js","directive","dist"],devDependencies:{"@preact/signals":"^2.0.4","@preact/signals-core":"^1.8.0","@webreflection/signal":"^2.1.2","es-module-shims":"^1.10.0",esbuild:"^0.23.0","esbuild-plugin-umd-wrapper":"^2.0.3","esbuild-plugin-version-injector":"^1.2.1",hyperf:"^1.7.0",jsdom:"^27.0.0",requestidlecallback:"^0.3.0","signal-polyfill":"^0.1.1",subscript:"^9.1.0",tst:"^8.0.2",ulive:"^1.0.7",usignal:"^0.9.0","wait-please":"^3.1.0"},scripts:{test:"node -r ./test/register.cjs test/test.js",build:"node .esbuild.js"},repository:{type:"git",url:"git+https://github.com/dy/sprae.git"},keywords:["hydration","progressive","progressive enhancement","signals","directives","preact-signals","reactive","template-parts","petit-vue","alpinejs","templating"],author:"Dmitry Iv <df.creative@gmail.com>",license:"MIT",bugs:{url:"https://github.com/dy/sprae/issues"},homepage:"https://github.com/dy/sprae#readme"};var ue=(e,r)=>{var i;let t,o,s;return e._holder?d(o=e,r):(e[i=p]??(e[i]=null),o=e.content?w(e):e,e.replaceWith(t=document.createTextNode("")),o._holder=t._holder=t,t._clauses=[o._clause=[o,!1]],t.update=T(()=>{let n=t._clauses.find(([,a])=>a);n!=s&&(s?.[0].remove(),s?.[0][M]?.(),(s=n)&&(t.before(s[0].content||s[0]),s[0][p]?s[0][V]?.():(delete s[0][p],d(s[0],r))))})),n=>{o._clause[1]=n,o._holder.update()}};var pe=e=>{let r,t=e;for(r=e.content?w(e):e;t&&!(r._holder=t._holder);)t=t.previousSibling;return e.remove(),e[p]=null,r._holder._clauses.push(r._clause=[r,!0]),r._holder.update};var de=e=>(e.content&&e.replaceWith(e=w(e).childNodes[0]),r=>(r=r&&f(r,e.textContent),e.textContent=r??""));var fe=(e,r,t,o)=>{let s=new Set,i;return o.includes(".")&&(e=b({target:e},o.split(".").slice(1)).target??e),n=>{i=new Set,n&&G(f(n,e.className)).split(" ").map(a=>a&&i.add(a));for(let a of s)i.has(a)?i.delete(a):e.classList.remove(a);for(let a of s=i)e.classList.add(a)}};var me=(e,r,t,o)=>{let s;return o.includes(".")&&(e=b({target:e},o.split(".").slice(1)).target??e),i=>{if(s||(s=e.getAttribute("style")),i&&(i=f(i,e.style)),typeof i=="string")x(e,"style",s+"; "+i);else{s&&x(e,"style",s);for(let n in i)n[0]=="-"?e.style.setProperty(n,i[n]):n[0]>"A"&&(e.style[n]=i[n])}}};var ge=()=>f;var qe=(e,r=g(`${e}=__`))=>(t,o)=>{t.__=o,r(t),delete t.__},ye=(e,r,t)=>{try{let o=qe(t),s=e.type==="checkbox"?()=>o(r,e.checked):e.type==="select-multiple"?()=>o(r,[...e.selectedOptions].map(i=>i.value)):()=>o(r,e.selectedIndex<0?null:isNaN(e.valueAsNumber)?e.value:e.valueAsNumber);e.oninput=e.onchange=s,e.type?.startsWith("select")&&(new MutationObserver(s).observe(e,{childList:!0,subtree:!0,attributes:!0}),d(e,r)),g(t)(r)??s()}catch{}return e.type==="text"||e.type===""||e.tagName==="TEXTAREA"?(o,s,i)=>(s=e.selectionStart,i=e.selectionEnd,e.setAttribute("value",e.value=o??""),s&&e.setSelectionRange(s,i)):e.type==="checkbox"?o=>(e.checked=o,x(e,"checked",o)):e.type==="radio"?o=>e.value===o&&(e.checked=o,x(e,"checked",o)):e.type==="select-one"?o=>{for(let s of e.options)s.value==o?s.setAttribute("selected",""):s.removeAttribute("selected");e.value=o}:e.type==="select-multiple"?o=>{for(let s of e.options)s.removeAttribute("selected");for(let s of o)e.querySelector(`[value="${s}"]`).setAttribute("selected","")}:o=>e.value=o};var he=(e,r,t)=>{let o=g(t)(r);if(typeof o=="function")return{[Symbol.dispose]:o(e)};Object.defineProperty(r,t,{value:e,configurable:!0})};var be=(e,r)=>{let t=e[p]=$({},r),o=!1;return s=>{if(s=f(s,t),s!==t)for(let i in s){let n=typeof s[i]=="function"?s[i].bind(t):s[i];i in t[_]?t[i]=n:t[_][i]=i[0]=="_"||n?.peek?n:h($(n))}return!o&&(o=!0,delete e[p],v(()=>d(e,t)))}};var xe=(e,r,t)=>{let[o,s]=t.split(/\bin\b/),[i,n="$"]=o.trim().replace(/\(|\)/g,"").split(/\s*,\s*/),a=document.createTextNode(""),l,c,m,A=0,S=T(()=>{var O,E;let u=0,N=m,y=N.length;if(l&&!l[j]){for(let q of l[_]||[])q[Symbol.dispose]();l=null,A=0}if(y<A)l.length=y;else{if(!l)l=N;else for(;u<A;)l[u]=N[u++];for(;u<y;u++){l[u]=N[u];let q=u,Oe=Object.create(r,{[i]:{get:()=>l[q]},[n]:{value:c?c[q]:q}}),L=e.content?w(e):e.cloneNode(!0);a.before(L.content||L),d(L,Oe);let we=((E=l[O=_]||(l[O]=[]))[u]||(E[u]={}))[Symbol.dispose];l[_][u][Symbol.dispose]=()=>{we?.(),L[Symbol.dispose]?.(),L.remove()}}}A=y});return e.replaceWith(a),e[p]=null,Object.assign(u=>(c=null,typeof u=="number"?m=Array.from({length:u},(N,y)=>y+1):u?.constructor===Object?(c=Object.keys(u),m=Object.values(u)):m=u||[],P(()=>{m[j]?.value,S()})),{eval:g(s)})};var _e=(e,r,t,o)=>s=>x(e,o,s&&f(s,e.getAttribute(o)));var Se=e=>r=>{for(let t in r)x(e,oe(t),r[t])};var je=(e,r,t,o)=>{let[s,...i]=o.slice(2).split("."),n=g(t).bind(e),a=b(Object.assign(l=>n(r,c=>c&&f(c,l)),{target:e}),i);return a.target.addEventListener(s,a,a),{[Symbol.dispose](){a.target.removeEventListener(s,a)}}};var Ae=(e,r,t,o)=>{let s,i,n=o.split("..").map((a,l,{length:c})=>a.split(":").reduce((m,A)=>{let[S,...u]=A.slice(2).split("."),N=g(t).bind(e),y=b(Object.assign(O=>(l?s=s(O):N(r,E=>s=E&&f(E,O)),i(),i=n[(l+1)%c]()),{target:e}),u);return O=>(O=m?.(),y.target.addEventListener(S,y,y),()=>(O?.(),y.target.removeEventListener(S,y)))},null));return i=n[0](),{[Symbol.dispose](){i?.()}}};Object.assign(I,{_:(e,r,t,o)=>(o.startsWith("on")?je:_e)(e,r,t,o),"":Se,class:fe,text:de,style:me,fx:ge,value:ye,ref:he,scope:be,if:ue,else:pe,each:xe});var Le=(e,r,t,o)=>{let[s,...i]=r.split("."),n=I[s]||I._;return()=>{let a=n(e,o,t,r);if(!a?.call)return a?.[D];let l=b(Object.assign(T(()=>c.value++),{target:e}),i),c=h(0),m=0,A=a.eval??g(t).bind(e),S,u=()=>(S&&f(S),S=null);return o=e[p]??o,P(()=>(c.value==m?l():(m=c.value,S=A(o,a)),u))}};Object.assign(K,{debounce:(e,r)=>se(e,(r||(r=0),r?r==="raf"?requestAnimationFrame:t=>setTimeout(t,r):void 0)),throttle:(e,r)=>T(e,(r||(r=0),r?r==="raf"?requestAnimationFrame:t=>setTimeout(t,r):void 0)),delay:(e,r)=>r?t=>setTimeout(()=>e(t),r):t=>queueMicrotask(()=>e(t)),tick:e=>(console.warn("Deprecated"),r=>queueMicrotask(()=>e(r))),raf:e=>(console.warn("Deprecated"),r=>requestAnimationFrame(()=>e(r))),once:(e,r,t)=>(t=o=>!r&&(r=1,e(o)),t.once=!0,t),window:e=>(e.target=e.target.ownerDocument.defaultView,e),document:e=>(e.target=e.target.ownerDocument,e),root:e=>(e.target=e.target.ownerDocument.documentElement,e),body:e=>(e.target=e.target.ownerDocument.body,e),parent:e=>(e.target=e.target.parentNode,e),self:e=>r=>r.target===e.target&&e(r),outside:e=>(r,t)=>(t=e.target,!t.contains(r.target)&&r.target.isConnected&&(t.offsetWidth||t.offsetHeight)),prevent:e=>r=>(r?.preventDefault(),e(r)),stop:(e,r)=>t=>(r?.[0]==="i"?t?.stopImmediatePropagation():t?.stopPropagation(),e(t)),immediate:e=>(console.warn("Deprecated"),r=>(r?.stopImmediatePropagation(),e(r))),passive:e=>(e.passive=!0,e),capture:e=>(e.capture=!0,e)});var H={ctrl:e=>e.ctrlKey||e.key==="Control"||e.key==="Ctrl",shift:e=>e.shiftKey||e.key==="Shift",alt:e=>e.altKey||e.key==="Alt",meta:e=>e.metaKey||e.key==="Meta",cmd:e=>e.metaKey||e.key==="Command",arrow:e=>e.key.startsWith("Arrow"),enter:e=>e.key==="Enter",esc:e=>e.key.startsWith("Esc"),tab:e=>e.key==="Tab",space:e=>e.key==="\xA0"||e.key==="Space"||e.key===" ",delete:e=>e.key==="Delete"||e.key==="Backspace",digit:e=>/^\d$/.test(e.key),letter:e=>/^\p{L}$/gu.test(e.key),char:e=>/^\S$/.test(e.key)};for(let e in H)K[e]=(r,t,o)=>s=>H[e](s)&&(!t||H[t]?.(s))&&(!o||H[o]?.(s))&&r(s);z({compile:e=>d.constructor(`with (arguments[0]) { ${e} }`),dir:(e,r,t,o)=>r.includes("..")?()=>Ae(e,o,t,r)[D]:r.split(":").reduce((s,i)=>{let n=Le(e,i,t,o);return s?(a,l)=>(a=s(),l=n(),()=>{a(),l()}):n},null),...Y});d.use=z;d.store=R;d.directive=I;d.modifier=K;d.version=ce.version;var Bt=d.start=(e=document.body,r)=>{let t=R(r);return d(e,t),new MutationObserver(s=>{for(let i of s)for(let n of i.addedNodes)n.nodeType===1&&n[p]===void 0&&e.contains(n)&&e[F](n)}).observe(e,{childList:!0,subtree:!0}),t};d.version="12.3.0";var Ht=d;export{W as batch,J as computed,Ht as default,P as effect,h as signal,d as sprae,Bt as start,R as store,v as untracked,z as use};