sprae 11.6.0 → 12.0.1

package/dist/sprae.umd.js

@@ -1,646 +1,9 @@
 (function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("sprae", [], f);} else if ("object" == typeof exports) {exports["sprae"] = f();} else {g["sprae"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var _=Object.defineProperty;var Qt=Object.getOwnPropertyDescriptor;var Ut=Object.getOwnPropertyNames;var Yt=Object.prototype.hasOwnProperty;var m=(t,r)=>()=>(t&&(r=t(t=0)),r);var vt=(t,r)=>{for(var e in r)_(t,e,{get:r[e],enumerable:!0})},_t=(t,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of Ut(r))!Yt.call(t,o)&&o!==e&&_(t,o,{get:()=>r[o],enumerable:!(n=Qt(r,o))||n.enumerable});return t};var te=t=>_t(_({},"__esModule",{value:!0}),t);var X,l,Z,F,tt,w,T,J,rt,z,V,E,B,et,mt,ee,G,ot,yt,O,dt,re,j,b,ht,x,nt,C,bt,p,h=m(()=>{Q();Q();X=Symbol.dispose||(Symbol.dispose=Symbol("dispose")),l=Symbol("state"),Z=Symbol("on"),F=Symbol("off"),tt=Symbol("add"),w=":",z=t=>t(),V=z,E={},B={},et=null,mt=(t=document.body,r)=>{if(t[l])return Object.assign(t[l],r);r=L(r||{});let e=[],n=[],o,s=()=>!n&&(n=e.map(a=>a())),i=()=>(n?.map(a=>a()),n=null);t[Z]=s,t[F]=i,t[X]||(t[X]=()=>(t[F](),t[F]=t[Z]=t[X]=t[l]=t[tt]=null));let c=(a,f=a.attributes)=>{if(f)for(let d=0;d<f.length;){let{name:u,value:y}=f[d];if(u.startsWith(w)){if(a.removeAttribute(u),e.push(o=ee(a,u,y,r)),n.push(o()),l in a)return}else d++}for(let d of[...a.childNodes])d.nodeType==1&&c(d)};return t[tt]=c,c(t),t[l]===void 0&&(t[l]=r),r},ee=(t,r,e,n)=>{let o,s,i=r.slice(w.length).split("..").map((c,a,{length:f})=>c.split(w).reduce((d,u)=>{let[y,...g]=u.split("."),W=O(e,E[et=y]?.parse);if(y.startsWith("on")){let M=y.slice(2),pt=D=>b(W(n),D),R=dt(Object.assign(f==1?pt:D=>(o=(a?o:pt)(D),s(),s=i[(a+1)%f]()),{target:t,type:M}),g);return D=>(D=d?.(),R.target.addEventListener(M,R,R),()=>(D?.(),R.target.removeEventListener(M,R)))}let $=(E[y]||E["*"])(t,n,e,y);if(!g.length&&!d)return()=>$&&J(()=>W(n,$));let S,q=T(-1),A=-1,H=C(dt(()=>{++q.value||(S=J(()=>$&&(q.value==A?H():(A=q.value,W(n,$)))))},g));return M=>(M=d?.(),H(),{[y]:()=>(M?.(),S(),q.value=-1,A=S=null)}[y])},null));return()=>s=i[0]()},G=t=>(t.compile&&(yt=t.compile),t.prefix&&(w=t.prefix),t.signal&&(T=t.signal),t.effect&&(J=t.effect),t.computed&&(rt=t.computed),t.batch&&(z=t.batch),t.untracked&&(V=t.untracked)),ot=(t=document.body,r)=>{let e=L(r);return mt(t,e),new MutationObserver(o=>{for(let s of o)for(let i of s.addedNodes)if(i.nodeType===1&&i[l]===void 0){for(let c of i.attributes)if(c.name.startsWith(w)){t[tt](i);break}}}).observe(t,{childList:!0,subtree:!0}),e},O=(t,r,e)=>{if(e=O.cache[t])return e;let n=t.trim()||"undefined";r&&(n=r(n)),/^(if|let|const)\b/.test(n)||/;/.test(n)||(n=`return ${n}`),/\bawait\s/.test(n)&&(n=`return (async()=>{ ${n} })()`);try{e=yt(n),Object.defineProperty(e,"name",{value:`\u2234 ${t}`})}catch(o){console.error(`\u2234 ${o}
 
-// signal.js
-var current, signal, effect, computed, batch, untracked, use;
-var init_signal = __esm({
-  "signal.js"() {
-    signal = (v, s, obs = /* @__PURE__ */ new Set()) => (s = {
-      get value() {
-        current?.deps.push(obs.add(current));
-        return v;
-      },
-      set value(val) {
-        if (val === v) return;
-        v = val;
-        for (let sub of obs) sub();
-      },
-      peek() {
-        return v;
-      }
-    }, s.toJSON = s.then = s.toString = s.valueOf = () => s.value, s);
-    effect = (fn, teardown, fx, deps) => (fx = (prev) => {
-      teardown?.call?.();
-      prev = current, current = fx;
-      try {
-        teardown = fn();
-      } finally {
-        current = prev;
-      }
-    }, deps = fx.deps = [], fx(), (dep) => {
-      teardown?.call?.();
-      while (dep = deps.pop()) dep.delete(fx);
-    });
-    computed = (fn, s = signal(), c, e) => (c = {
-      get value() {
-        e || (e = effect(() => s.value = fn()));
-        return s.value;
-      },
-      peek: s.peek
-    }, c.toJSON = c.then = c.toString = c.valueOf = () => c.value, c);
-    batch = (fn) => fn();
-    untracked = batch;
-    use = (s) => (signal = s.signal, effect = s.effect, computed = s.computed, batch = s.batch || batch, untracked = s.untracked || untracked);
-  }
-});
-
-// store.js
-var store_exports = {};
-__export(store_exports, {
-  _change: () => _change,
-  _signals: () => _signals,
-  _stash: () => _stash,
-  default: () => store_default,
-  list: () => list,
-  setter: () => setter,
-  store: () => store
-});
-var _signals, _change, _stash, store, list, mut, set, setter, store_default;
-var init_store = __esm({
-  "store.js"() {
-    init_signal();
-    init_core();
-    _signals = Symbol("signals");
-    _change = Symbol("change");
-    _stash = "__";
-    store = (values, parent) => {
-      if (!values) return values;
-      if (values[_signals] || values[Symbol.toStringTag]) return values;
-      if (values.constructor !== Object) return Array.isArray(values) ? list(values) : values;
-      let signals = Object.create(parent?.[_signals] || {}), _len = signal(Object.keys(values).length), stash;
-      let state = new Proxy(signals, {
-        get: (_, k) => k === _change ? _len : k === _signals ? signals : k === _stash ? stash : k in signals ? signals[k]?.valueOf() : globalThis[k],
-        set: (_, k, v, s) => k === _stash ? (stash = v, 1) : (s = k in signals, set(signals, k, v), s || ++_len.value),
-        // bump length for new signal
-        deleteProperty: (_, k) => (signals[k] && (signals[k][Symbol.dispose]?.(), delete signals[k], _len.value--), 1),
-        // subscribe to length when object is spread
-        ownKeys: () => (_len.value, Reflect.ownKeys(signals)),
-        has: (_) => true
-        // sandbox prevents writing to global
-      }), descs = Object.getOwnPropertyDescriptors(values);
-      for (let k in values) {
-        if (descs[k]?.get)
-          (signals[k] = computed(descs[k].get.bind(state)))._set = descs[k].set?.bind(state);
-        else
-          signals[k] = null, set(signals, k, values[k]);
-      }
-      return state;
-    };
-    list = (values) => {
-      let lastProp, _len = signal(values.length), signals = Array(values.length).fill(), state = new Proxy(signals, {
-        get(_, k) {
-          if (typeof k === "symbol") return k === _change ? _len : k === _signals ? signals : signals[k];
-          if (k === "length") return mut.includes(lastProp) ? _len.peek() : _len.value;
-          lastProp = k;
-          return (signals[k] ?? (signals[k] = signal(store(values[k])))).valueOf();
-        },
-        set(_, k, v) {
-          if (k === "length") {
-            for (let i = v; i < signals.length; i++) delete state[i];
-            _len.value = signals.length = v;
-          } else {
-            set(signals, k, v);
-            if (k >= _len.peek()) _len.value = signals.length = +k + 1;
-          }
-          return 1;
-        },
-        deleteProperty: (_, k) => (signals[k]?.[Symbol.dispose]?.(), delete signals[k], 1)
-      });
-      return state;
-    };
-    mut = ["push", "pop", "shift", "unshift", "splice"];
-    set = (signals, k, v) => {
-      let s = signals[k], cur;
-      if (k[0] === "_") signals[k] = v;
-      else if (!s) signals[k] = s = v?.peek ? v : signal(store(v));
-      else if (v === (cur = s.peek())) ;
-      else if (s._set) s._set(v);
-      else if (Array.isArray(v) && Array.isArray(cur)) {
-        if (cur[_change]) batch(() => {
-          for (let i = 0; i < v.length; i++) cur[i] = v[i];
-          cur.length = v.length;
-        });
-        else s.value = v;
-      } else s.value = store(v);
-    };
-    setter = (expr, set2 = parse(`${expr}=${_stash}`)) => (state, value) => (state[_stash] = value, // save value to stash
-    set2(state));
-    store_default = store;
-  }
-});
-
-// core.js
-var _dispose, _state, _on, _off, directive, dir, sprae, parse, memo, err, compile, prefix, frag, core_default;
-var init_core = __esm({
-  "core.js"() {
-    init_signal();
-    init_store();
-    _dispose = Symbol.dispose || (Symbol.dispose = Symbol("dispose"));
-    _state = Symbol("state");
-    _on = Symbol("on");
-    _off = Symbol("off");
-    directive = {};
-    dir = (name, create, p = parse) => directive[name] = (el, expr, state, name2, update, evaluate) => (update = create(el, state, expr, name2), evaluate = p(expr, ":" + name2), () => update(evaluate(state)));
-    sprae = (el = document.body, values) => {
-      if (el[_state]) return Object.assign(el[_state], values);
-      let state = store(values || {}), offs = [], fx = [];
-      let init = (el2, attrs = el2.attributes) => {
-        if (attrs) for (let i = 0; i < attrs.length; ) {
-          let { name, value } = attrs[i], update, dir2;
-          if (name.startsWith(prefix)) {
-            el2.removeAttribute(name);
-            for (dir2 of name.slice(prefix.length).split(":")) {
-              update = (directive[dir2] || directive.default)(el2, value, state, dir2);
-              fx.push(update);
-              offs.push(effect(update));
-              if (el2[_state] === null) return;
-            }
-          } else i++;
-        }
-        for (let child of el2.childNodes) child.nodeType == 1 && init(child);
-      };
-      init(el);
-      if (!(_state in el)) {
-        el[_state] = state;
-        el[_off] = () => (offs.map((off) => off()), offs = []);
-        el[_on] = () => offs = fx.map((f) => effect(f));
-        el[_dispose] = () => (el[_off](), el[_off] = el[_on] = el[_dispose] = el[_state] = null);
-      }
-      return state;
-    };
-    sprae.use = (s) => (s.signal && use(s), s.compile && (compile = s.compile), s.prefix && (prefix = s.prefix));
-    parse = (expr, dir2, fn) => {
-      if (fn = memo[expr = expr.trim()]) return fn;
-      try {
-        fn = compile(expr);
-      } catch (e) {
-        err(e, dir2, expr);
-      }
-      return memo[expr] = (s) => {
-        try {
-          return fn(s);
-        } catch (e) {
-          err(e, dir2, expr);
-        }
-      };
-    };
-    memo = {};
-    err = (e, dir2 = "", expr = "") => {
-      throw Object.assign(e, { message: `\u2234 ${e.message}
-
-${dir2}${expr ? `="${expr}"
-
-` : ""}`, expr });
-    };
-    prefix = ":";
-    frag = (tpl) => {
-      if (!tpl.nodeType) return tpl;
-      let content = tpl.content.cloneNode(true), attributes = [...tpl.attributes], ref = document.createTextNode(""), childNodes = (content.append(ref), [...content.childNodes]);
-      return {
-        // get parentNode() { return childNodes[0].parentNode },
-        childNodes,
-        content,
-        remove: () => content.append(...childNodes),
-        replaceWith(el) {
-          if (el === ref) return;
-          ref.before(el);
-          content.append(...childNodes);
-        },
-        attributes,
-        removeAttribute(name) {
-          attributes.splice(attributes.findIndex((a) => a.name === name), 1);
-        }
-        // setAttributeNode() { }
-      };
-    };
-    core_default = sprae;
-  }
-});
-
-// directive/if.js
-var _prevIf;
-var init_if = __esm({
-  "directive/if.js"() {
-    init_core();
-    _prevIf = Symbol("if");
-    dir("if", (el, state) => {
-      let holder = document.createTextNode("");
-      let nextEl = el.nextElementSibling, curEl, ifEl, elseEl;
-      el.replaceWith(holder);
-      ifEl = el.content ? frag(el) : el;
-      ifEl[_state] = null;
-      if (nextEl?.hasAttribute(":else")) {
-        nextEl.removeAttribute(":else");
-        if (!nextEl.hasAttribute(":if")) nextEl.remove(), elseEl = nextEl.content ? frag(nextEl) : nextEl, elseEl[_state] = null;
-      } else nextEl = null;
-      return (value, newEl = el[_prevIf] ? null : value ? ifEl : elseEl) => {
-        if (nextEl) nextEl[_prevIf] = el[_prevIf] || newEl == ifEl;
-        if (curEl != newEl) {
-          if (curEl) curEl.remove(), curEl[_off]?.();
-          if (curEl = newEl) {
-            holder.before(curEl.content || curEl);
-            curEl[_state] === null ? (delete curEl[_state], core_default(curEl, state)) : curEl[_on]();
-          }
-        }
-      };
-    });
-  }
-});
-
-// directive/each.js
-var init_each = __esm({
-  "directive/each.js"() {
-    init_core();
-    init_store();
-    init_signal();
-    dir(
-      "each",
-      (tpl, state, expr) => {
-        let [itemVar, idxVar = "$"] = expr.split(/\bin\b/)[0].trim().split(/\s*,\s*/);
-        let holder = document.createTextNode("");
-        let cur, keys2, items, prevl = 0;
-        let update = () => {
-          var _a, _b;
-          let i = 0, newItems = items, newl = newItems.length;
-          if (cur && !cur[_change]) {
-            for (let s of cur[_signals] || []) s[Symbol.dispose]();
-            cur = null, prevl = 0;
-          }
-          if (newl < prevl) cur.length = newl;
-          else {
-            if (!cur) cur = newItems;
-            else while (i < prevl) cur[i] = newItems[i++];
-            for (; i < newl; i++) {
-              cur[i] = newItems[i];
-              let idx = i, scope = store_default({
-                [itemVar]: cur[_signals]?.[idx] || cur[idx],
-                [idxVar]: keys2 ? keys2[idx] : idx
-              }, state), el = tpl.content ? frag(tpl) : tpl.cloneNode(true);
-              holder.before(el.content || el);
-              core_default(el, scope);
-              let _prev = ((_b = cur[_a = _signals] || (cur[_a] = []))[i] || (_b[i] = {}))[Symbol.dispose];
-              cur[_signals][i][Symbol.dispose] = () => {
-                _prev?.(), el[Symbol.dispose]?.(), el.remove();
-              };
-            }
-          }
-          prevl = newl;
-        };
-        tpl.replaceWith(holder);
-        tpl[_state] = null;
-        return (value) => {
-          keys2 = null;
-          if (typeof value === "number") items = Array.from({ length: value }, (_, i) => i + 1);
-          else if (value?.constructor === Object) keys2 = Object.keys(value), items = Object.values(value);
-          else items = value || [];
-          let planned = 0;
-          return effect(() => {
-            items[_change]?.value;
-            if (!planned++) update(), queueMicrotask(() => (planned > 1 && update(), planned = 0));
-          });
-        };
-      },
-      // redefine evaluator to take second part of expression
-      (expr) => parse(expr.split(/\bin\b/)[1])
-    );
-  }
-});
-
-// directive/ref.js
-var init_ref = __esm({
-  "directive/ref.js"() {
-    init_core();
-    init_signal();
-    init_store();
-    dir("ref", (el, state, expr) => typeof parse(expr)(state) == "function" ? (v) => v.call(null, el) : (setter(expr)(state, el), (_) => _));
-  }
-});
-
-// directive/with.js
-var init_with = __esm({
-  "directive/with.js"() {
-    init_core();
-    init_signal();
-    init_store();
-    dir("with", (el, rootState, state) => (state = null, (values) => !state ? (
-      // NOTE: we force untracked because internal directives can eval outside of effects (like ref etc) that would cause unwanted subscribe
-      // FIXME: since this can be async effect, we should create & sprae it in advance.
-      untracked(() => core_default(el, state = store_default(values, rootState)))
-    ) : core_default(el, values)));
-  }
-});
-
-// directive/text.js
-var init_text = __esm({
-  "directive/text.js"() {
-    init_core();
-    dir("text", (el) => (
-      // <template :text="a"/> or previously initialized template
-      (el.content && el.replaceWith(el = frag(el).childNodes[0]), (value) => el.textContent = value == null ? "" : value)
-    ));
-  }
-});
-
-// directive/class.js
-var init_class = __esm({
-  "directive/class.js"() {
-    init_core();
-    dir(
-      "class",
-      (el, cur) => (cur = /* @__PURE__ */ new Set(), (v) => {
-        let clsx = /* @__PURE__ */ new Set();
-        if (v) {
-          if (typeof v === "string") v.split(" ").map((cls) => clsx.add(cls));
-          else if (Array.isArray(v)) v.map((v2) => v2 && clsx.add(v2));
-          else Object.entries(v).map(([k, v2]) => v2 && clsx.add(k));
-        }
-        for (let cls of cur) if (clsx.has(cls)) clsx.delete(cls);
-        else el.classList.remove(cls);
-        for (let cls of cur = clsx) el.classList.add(cls);
-      })
-    );
-  }
-});
-
-// directive/style.js
-var init_style = __esm({
-  "directive/style.js"() {
-    init_core();
-    dir(
-      "style",
-      (el, initStyle) => (initStyle = el.getAttribute("style"), (v) => {
-        if (typeof v === "string") el.setAttribute("style", initStyle + (initStyle.endsWith(";") ? "" : "; ") + v);
-        else {
-          if (initStyle) el.setAttribute("style", initStyle);
-          for (let k in v) k[0] == "-" ? el.style.setProperty(k, v[k]) : el.style[k] = v[k];
-        }
-      })
-    );
-  }
-});
-
-// directive/default.js
-var mods, keys, throttle, debounce, attr, dashcase;
-var init_default = __esm({
-  "directive/default.js"() {
-    init_core();
-    dir("default", (target, state, expr, name) => {
-      if (!name.startsWith("on"))
-        return name ? (value) => attr(target, name, value) : (value) => {
-          for (let key in value) attr(target, dashcase(key), value[key]);
-        };
-      let ctxs = name.split("..").map((e) => {
-        let ctx = { evt: "", target, test: () => true };
-        ctx.evt = (e.startsWith("on") ? e.slice(2) : e).replace(
-          /\.(\w+)?-?([-\w]+)?/g,
-          (_, mod, param = "") => (ctx.test = mods[mod]?.(ctx, ...param.split("-")) || ctx.test, "")
-        );
-        return ctx;
-      });
-      let addListener = (fn, { evt, target: target2, test, defer, stop, prevent, immediate, ...opts }, cb) => {
-        if (defer) fn = defer(fn);
-        cb = (e) => {
-          try {
-            test(e) && (stop && (immediate ? e.stopImmediatePropagation() : e.stopPropagation()), prevent && e.preventDefault(), fn?.call(state, e));
-          } catch (error) {
-            err(error, `:on${evt}`, fn);
-          }
-        };
-        target2.addEventListener(evt, cb, opts);
-        return () => target2.removeEventListener(evt, cb, opts);
-      };
-      if (ctxs.length == 1) return (v) => addListener(v, ctxs[0]);
-      let startFn, nextFn, off, idx = 0;
-      let nextListener = (fn) => {
-        off = addListener((e) => (off(), nextFn = fn?.(e), (idx = ++idx % ctxs.length) ? nextListener(nextFn) : startFn && nextListener(startFn)), ctxs[idx]);
-      };
-      return (value) => (startFn = value, !off && nextListener(startFn), () => startFn = null);
-    });
-    mods = {
-      // actions
-      prevent(ctx) {
-        ctx.prevent = true;
-      },
-      stop(ctx) {
-        ctx.stop = true;
-      },
-      immediate(ctx) {
-        ctx.immediate = true;
-      },
-      // options
-      once(ctx) {
-        ctx.once = true;
-      },
-      passive(ctx) {
-        ctx.passive = true;
-      },
-      capture(ctx) {
-        ctx.capture = true;
-      },
-      // target
-      window(ctx) {
-        ctx.target = window;
-      },
-      document(ctx) {
-        ctx.target = document;
-      },
-      parent(ctx) {
-        ctx.target = ctx.target.parentNode;
-      },
-      throttle(ctx, limit = 108) {
-        ctx.defer = (fn) => throttle(fn, limit);
-      },
-      debounce(ctx, wait = 108) {
-        ctx.defer = (fn) => debounce(fn, wait);
-      },
-      // test
-      outside: (ctx) => (e) => {
-        let target = ctx.target;
-        if (target.contains(e.target)) return false;
-        if (e.target.isConnected === false) return false;
-        if (target.offsetWidth < 1 && target.offsetHeight < 1) return false;
-        return true;
-      },
-      self: (ctx) => (e) => e.target === ctx.target,
-      // keyboard
-      ctrl: (_, ...param) => (e) => keys.ctrl(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
-      shift: (_, ...param) => (e) => keys.shift(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
-      alt: (_, ...param) => (e) => keys.alt(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
-      meta: (_, ...param) => (e) => keys.meta(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
-      // NOTE: we don't expose up/left/right/down as too verbose: can and better be handled/differentiated at once
-      arrow: () => keys.arrow,
-      enter: () => keys.enter,
-      esc: () => keys.esc,
-      tab: () => keys.tab,
-      space: () => keys.space,
-      delete: () => keys.delete,
-      digit: () => keys.digit,
-      letter: () => keys.letter,
-      char: () => keys.char
-    };
-    keys = {
-      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)
-    };
-    throttle = (fn, limit) => {
-      let pause, planned, block = (e) => {
-        pause = true;
-        setTimeout(() => {
-          pause = false;
-          if (planned) return planned = false, block(e), fn(e);
-        }, limit);
-      };
-      return (e) => {
-        if (pause) return planned = true;
-        block(e);
-        return fn(e);
-      };
-    };
-    debounce = (fn, wait) => {
-      let timeout;
-      return (e) => {
-        clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          timeout = null;
-          fn(e);
-        }, wait);
-      };
-    };
-    attr = (el, name, v) => {
-      if (v == null || v === false) el.removeAttribute(name);
-      else el.setAttribute(name, v === true ? "" : typeof v === "number" || typeof v === "string" ? v : "");
-    };
-    dashcase = (str) => {
-      return str.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, (match, i) => (i ? "-" : "") + match.toLowerCase());
-    };
-  }
-});
-
-// directive/value.js
-var init_value = __esm({
-  "directive/value.js"() {
-    init_core();
-    init_core();
-    init_signal();
-    init_store();
-    init_default();
-    dir("value", (el, state, expr) => {
-      const update = el.type === "text" || el.type === "" ? (value) => el.setAttribute("value", el.value = value == null ? "" : value) : el.tagName === "TEXTAREA" || el.type === "text" || el.type === "" ? (value, from, to) => (
-        // we retain selection in input
-        (from = el.selectionStart, to = el.selectionEnd, el.setAttribute("value", el.value = value == null ? "" : value), from && el.setSelectionRange(from, to))
-      ) : el.type === "checkbox" ? (value) => (el.checked = value, attr(el, "checked", value)) : el.type === "radio" ? (value) => el.value === value && (el.checked = value, attr(el, "checked", value)) : el.type === "select-one" ? (value) => {
-        for (let o of el.options)
-          o.value == value ? o.setAttribute("selected", "") : o.removeAttribute("selected");
-        el.value = value;
-      } : el.type === "select-multiple" ? (value) => {
-        for (let o of el.options) o.removeAttribute("selected");
-        for (let v of value) el.querySelector(`[value="${v}"]`).setAttribute("selected", "");
-      } : (value) => el.value = value;
-      try {
-        const set2 = setter(expr);
-        const handleChange = el.type === "checkbox" ? () => set2(state, el.checked) : el.type === "select-multiple" ? () => set2(state, [...el.selectedOptions].map((o) => o.value)) : () => set2(state, el.selectedIndex < 0 ? null : el.value);
-        el.oninput = el.onchange = handleChange;
-        if (el.type?.startsWith("select")) {
-          new MutationObserver(handleChange).observe(el, { childList: true, subtree: true, attributes: true });
-          core_default(el, state);
-        }
-        parse(expr)(state) ?? handleChange();
-      } catch {
-      }
-      return update;
-    });
-  }
-});
-
-// directive/fx.js
-var init_fx = __esm({
-  "directive/fx.js"() {
-    init_core();
-    dir("fx", (_) => (_2) => _2);
-  }
-});
-
-// directive/aria.js
-var init_aria = __esm({
-  "directive/aria.js"() {
-    init_core();
-    init_default();
-    dir("aria", (el) => (value) => {
-      for (let key in value) attr(el, "aria-" + dashcase(key), value[key] == null ? null : value[key] + "");
-    });
-  }
-});
-
-// directive/data.js
-var init_data = __esm({
-  "directive/data.js"() {
-    init_core();
-    dir("data", (el) => (value) => {
-      for (let key in value) el.dataset[key] = value[key];
-    });
-  }
-});
-
-// sprae.js
-var sprae_exports = {};
-__export(sprae_exports, {
-  default: () => sprae_default
-});
-var sprae_default;
-var init_sprae = __esm({
-  "sprae.js"() {
-    init_core();
-    init_if();
-    init_each();
-    init_ref();
-    init_with();
-    init_text();
-    init_class();
-    init_style();
-    init_value();
-    init_fx();
-    init_default();
-    init_aria();
-    init_data();
-    core_default.use({ compile: (expr) => core_default.constructor(`with (arguments[0]) { return ${expr} };`) });
-    sprae_default = core_default;
-  }
-});
+${w+et}="${t}"`)}return O.cache[t]=(o,s,i)=>{try{let c=e?.(o);return s?(c?.then?c.then(a=>i=s(a)):i=s(c),()=>b(i)):c}catch(c){console.error(`\u2234 ${c}
 
-// <stdin>
-var sprae2 = (init_sprae(), __toCommonJS(sprae_exports)).default;
-sprae2.store = (init_store(), __toCommonJS(store_exports)).default;
-module.exports = sprae2;
+${w+et}="${t}"`)}}};O.cache={};dt=(t,r)=>{for(;r.length;){let[e,...n]=r.pop().split("-");t=re(B[e]?.(t,...n)??t,t)}return t},re=(t,r)=>{if(t!=r)for(let e in r)t[e]??(t[e]=r[e]);return t},j=t=>{if(!t.nodeType)return t;let r=t.content.cloneNode(!0),e=[...t.attributes],n=document.createTextNode(""),o=(r.append(n),[...r.childNodes]);return{childNodes:o,content:r,remove:()=>r.append(...o),replaceWith(s){s!==n&&(n.before(s),r.append(...o))},attributes:e,removeAttribute(s){e.splice(e.findIndex(i=>i.name===s),1)}}},b=(t,r)=>typeof t=="function"?t(r):t,ht=t=>t.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(r,e)=>(e?"-":"")+r.toLowerCase()),x=(t,r,e)=>e==null||e===!1?t.removeAttribute(r):t.setAttribute(r,e===!0?"":e),nt=(t,r=[])=>t?typeof t=="string"?t:(Array.isArray(t)?t.map(nt):Object.entries(t).reduce((e,[n,o])=>o?[...e,n]:e,[])).join(" "):"",C=(t,r=queueMicrotask)=>{let e=0,n=o=>{e++||(t(o),r((s=e>1)=>(e=0,s&&n(o))))};return n},bt=(t,r=queueMicrotask,e=0)=>(n,o=++e)=>r(()=>o==e&&t(n)),p=mt});var P,k,st,K,oe,U,gt,L,Q=m(()=>{h();P=Symbol("signals"),k=Symbol("change"),st=Symbol("set"),K=(t,r=globalThis)=>{if(!t||t[Symbol.toStringTag]||t[P])return t;if(t.constructor!==Object)return Array.isArray(t)?oe(t):t;let e=Object.keys(t).length,n={},o=new Proxy(Object.assign(n,{[k]:T(e),[P]:n}),{get:(i,c)=>c in n?n[c]?n[c].valueOf():n[c]:r[c],set:(i,c,a,f)=>(c in n?gt(n,c,a):(U(n,c,a),n[k].value=++e),1),deleteProperty:(i,c)=>(c in n&&(c[0]!="_"&&n[c]?.[Symbol.dispose]?.(),delete n[c],n[k].value=--e),1),ownKeys:()=>(n[k].value,Reflect.ownKeys(n)),has:i=>1}),s=Object.getOwnPropertyDescriptors(t);for(let i in t)s[i]?.get?(n[i]=rt(s[i].get.bind(o)))[st]=s[i].set?.bind(o):U(n,i,t[i]);return o},oe=(t,r=globalThis)=>{let e=Array(t.length).fill(null),n=!1,o=c=>function(){return n=!0,c.apply(this,arguments)},s=T(t.length),i=new Proxy(Object.assign(e,{[k]:s,[P]:e,push:o(e.push),pop:o(e.pop),shift:o(e.shift),unshift:o(e.unshift),splice:o(e.splice)}),{get(c,a){return a==="length"?n?(n=!1,e.length):s.value:typeof a=="symbol"||isNaN(a)?e[a]?.valueOf()??r[a]:(e[a]??(e[a]=T(K(t[a])))).valueOf()},set(c,a,f){if(a==="length"){for(let d=f;d<e.length;d++)delete i[d];s.value=e.length=f}else a>=e.length?(U(e,a,f),i.length=+a+1):e[a]?gt(e,a,f):U(e,a,f);return 1},deleteProperty:(c,a)=>(e[a]?.[Symbol.dispose]?.(),delete e[a],1)});return i},U=(t,r,e)=>t[r]=r[0]=="_"||e?.peek?e:T(K(e)),gt=(t,r,e,n,o)=>r[0]==="_"?t[r]=e:e!==(o=(n=t[r]).peek())&&(n[st]?n[st](e):Array.isArray(e)&&Array.isArray(o)?k in o?V(()=>z(()=>{for(let s=0;s<e.length;s++)o[s]=e[s];o.length=e.length})):n.value=e:n.value=K(e)),L=K});var N,xt,I,Y,v,it,at,ct,St=m(()=>{xt=0,Y=(t,r,e=new Set,n=()=>r.value)=>r={get value(){return N?.deps.push(e.add(N)),t},set value(o){if(o!==t){t=o;for(let s of e)I?I.add(s):s()}},peek(){return t},toJSON:n,then:n,toString:n,valueOf:n},v=(t,r,e,n,o)=>(e=s=>{if(o=r,r=null,o?.call?.(),s=N,N=e,xt++>10)throw"Cycle detected";try{r=t()}finally{N=s,xt--}},n=e.deps=[],e(),s=>{for(r?.call?.();s=n.pop();)s.delete(e)}),it=(t,r=Y(),e,n,o=()=>e.value)=>e={get value(){return n||(n=v(()=>r.value=t())),r.value},peek:r.peek,toJSON:o,then:o,toString:o,valueOf:o},at=(t,r=!I)=>{I??(I=new Set);try{t()}finally{if(r){for(let e of I)e();I=null}}},ct=(t,r,e)=>(r=N,N=null,e=t(),N=r,e)});var At,Ot=m(()=>{h();At=(t,r,e,n,o)=>{var s;return t._holder?p(n=t,r):(t[s=l]??(t[s]=null),n=t.content?j(t):t,t.replaceWith(e=document.createTextNode("")),n._holder=e._holder=e,e._clauses=[n._clause=[n,!1]],e.update=C(()=>{let i=e._clauses.find(([,c])=>c);i!=o&&(o?.[0].remove(),o?.[0][F]?.(),(o=i)&&(e.before(o[0].content||o[0]),o[0][l]?o[0][Z]?.():(delete o[0][l],p(o[0],r))))})),i=>{n._clause[1]=i,n._holder.update()}}});var kt,jt=m(()=>{h();kt=(t,r,e,n,o=t)=>{for(e=t.content?j(t):t;o&&!(e._holder=o._holder);)o=o.previousSibling;return t.remove(),t[l]=null,e._holder._clauses.push(e._clause=[e,!0]),()=>{e._holder.update()}}});var Nt,$t=m(()=>{h();Nt=t=>(t.content&&t.replaceWith(t=j(t).childNodes[0]),r=>(r=b(r,t.textContent),t.textContent=r??""))});var wt,Tt=m(()=>{h();wt=(t,r,e)=>(r=new Set,n=>{e=new Set,n&&nt(b(n,t.className)).split(" ").map(o=>o&&e.add(o));for(let o of r)e.has(o)?e.delete(o):t.classList.remove(o);for(let o of r=e)t.classList.add(o)})});var Ct,Pt=m(()=>{h();Ct=(t,r)=>(r=t.getAttribute("style"),e=>{if(e=b(e,t.style),typeof e=="string")x(t,"style",r+"; "+e);else{r&&x(t,"style",r);for(let n in e)n[0]=="-"?t.style.setProperty(n,e[n]):n[0]>"A"&&(t.style[n]=e[n])}})});var Wt,qt=m(()=>{h();Wt=()=>t=>b(t)});var ne,Mt,Dt=m(()=>{h();ne=(t,r=O(`${t}=__`))=>(e,n)=>{e.__=n,r(e),delete e.__},Mt=(t,r,e,n)=>{try{let o=ne(e),s=t.type==="checkbox"?()=>o(r,t.checked):t.type==="select-multiple"?()=>o(r,[...t.selectedOptions].map(i=>i.value)):()=>o(r,t.selectedIndex<0?null:t.value);t.oninput=t.onchange=s,t.type?.startsWith("select")&&(new MutationObserver(s).observe(t,{childList:!0,subtree:!0,attributes:!0}),p(t,r)),O(e)(r)??s()}catch{}return t.type==="text"||t.type===""?o=>t.setAttribute("value",t.value=o??""):t.tagName==="TEXTAREA"||t.type==="text"||t.type===""?(o,s,i)=>(s=t.selectionStart,i=t.selectionEnd,t.setAttribute("value",t.value=o??""),s&&t.setSelectionRange(s,i)):t.type==="checkbox"?o=>(t.checked=o,x(t,"checked",o)):t.type==="radio"?o=>t.value===o&&(t.checked=o,x(t,"checked",o)):t.type==="select-one"?o=>{for(let s of t.options)s.value==o?s.setAttribute("selected",""):s.removeAttribute("selected");t.value=o}:t.type==="select-multiple"?o=>{for(let s of t.options)s.removeAttribute("selected");for(let s of o)t.querySelector(`[value="${s}"]`).setAttribute("selected","")}:o=>t.value=o}});var Et,Lt=m(()=>{h();Et=(t,r,e,n,o,s)=>typeof O(e)(r)=="function"?i=>i(t):(Object.defineProperty(r,e,{value:t,configurable:!0}),()=>{})});var Kt,It=m(()=>{h();Kt=(t,r,e)=>(t[l]=null,e=K({},r),n=>{let o=b(n,e);for(let s in o)e[s]=typeof o[s]=="function"?o[s].bind(e):o[s];return t[l]??(delete t[l],V(()=>p(t,e)))})});var Rt,Ft,Jt=m(()=>{h();Rt=(t,r,e)=>{let[n,o="$"]=e.split(/\bin\b/)[0].trim().replace(/\(|\)/g,"").split(/\s*,\s*/),s=document.createTextNode(""),i,c,a,f=0,d=C(()=>{var W,$;let u=0,y=a,g=y.length;if(i&&!i[k]){for(let S of i[P]||[])S[Symbol.dispose]();i=null,f=0}if(g<f)i.length=g;else{if(!i)i=y;else for(;u<f;)i[u]=y[u++];for(;u<g;u++){i[u]=y[u];let S=u,q=Object.create(r,{[n]:{get:()=>i[S]},[o]:{value:c?c[S]:S}}),A=t.content?j(t):t.cloneNode(!0);s.before(A.content||A),p(A,q);let H=(($=i[W=P]||(i[W]=[]))[u]||($[u]={}))[Symbol.dispose];i[P][u][Symbol.dispose]=()=>{H?.(),A[Symbol.dispose]?.(),A.remove()}}}f=g});return t.replaceWith(s),t[l]=null,u=>(c=null,typeof u=="number"?a=Array.from({length:u},(y,g)=>g+1):u?.constructor===Object?(c=Object.keys(u),a=Object.values(u)):a=u||[],J(()=>{a[k]?.value,d()}))};Rt.parse=t=>t.split(/\bin\b/)[1].trim();Ft=Rt});var Vt,Bt=m(()=>{h();Vt=(t,r,e,n)=>o=>x(t,n,b(o,t.getAttribute(n)))});var Ht,Xt=m(()=>{h();Ht=t=>r=>{for(let e in r)x(t,ht(e),r[e])}});var Zt={};vt(Zt,{batch:()=>at,computed:()=>it,default:()=>se,effect:()=>v,signal:()=>Y,sprae:()=>p,start:()=>ot,store:()=>L,untracked:()=>ct,use:()=>G});var ut,se,zt=m(()=>{Q();St();h();Ot();jt();$t();Tt();Pt();qt();Dt();Lt();It();Jt();Bt();Xt();Object.assign(E,{"*":Vt,"":Ht,class:wt,text:Nt,style:Ct,fx:Wt,value:Mt,ref:Et,scope:Kt,if:At,else:kt,each:Ft});Object.assign(B,{debounce:(t,r=250,e=r==="tick"?queueMicrotask:r==="raf"?requestAnimationFrame:r==="idle"?requestIdleCallback:o=>setTimeout(o,r),n=0)=>bt(t,e),throttle:(t,r=250,e=r==="tick"?queueMicrotask:r==="raf"?requestAnimationFrame:n=>setTimeout(n,r))=>C(t,e),once:(t,r,e)=>Object.assign(n=>!r&&(r=1,t(n)),{once:!0}),prevent:t=>r=>(r?.preventDefault(),t(r)),stop:t=>r=>(r?.stopPropagation(),t(r)),immediate:t=>r=>(r?.stopImmediatePropagation(),t(r)),passive:t=>(t.passive=!0,t),capture:t=>(t.capture=!0,t),window:t=>(t.target=window,t),document:t=>(t.target=document,t),parent:t=>(t.target=t.target.parentNode,t),self:t=>r=>r.target===t.target&&t(r),outside:t=>(r,e)=>(e=t.target,!e.contains(r.target)&&r.target.isConnected&&(e.offsetWidth||e.offsetHeight))});ut={ctrl:t=>t.ctrlKey||t.key==="Control"||t.key==="Ctrl",shift:t=>t.shiftKey||t.key==="Shift",alt:t=>t.altKey||t.key==="Alt",meta:t=>t.metaKey||t.key==="Meta"||t.key==="Command",arrow:t=>t.key.startsWith("Arrow"),enter:t=>t.key==="Enter",esc:t=>t.key.startsWith("Esc"),tab:t=>t.key==="Tab",space:t=>t.key==="\xA0"||t.key==="Space"||t.key===" ",delete:t=>t.key==="Delete"||t.key==="Backspace",digit:t=>/^\d$/.test(t.key),letter:t=>/^\p{L}$/gu.test(t.key),char:t=>/^\S$/.test(t.key)};for(let t in ut)B[t]=(r,...e)=>n=>ut[t](n)&&e.every(o=>ut[o]?.(n)??n.key===o)&&r(n);G({compile:t=>p.constructor(`with (arguments[0]) { ${t} }`),signal:Y,effect:v,computed:it,batch:at,untracked:ct});p.use=G;p.store=L;p.directive=E;p.modifier=B;p.start=ot;se=p});var ft=(zt(),te(Zt)).default;module.exports=ft;var Gt=document.currentScript.getAttribute("prefix")||document.currentScript.dataset.spraePrefix,lt=document.currentScript.getAttribute("start")||document.currentScript.dataset.spraeStart;Gt&&ft.use({prefix:Gt});lt!=null&&ft.start(lt?document.querySelector(lt):document.body);
 ;if (typeof module.exports == "object" && typeof exports == "object") {
   var __cp = (to, from, except, desc) => {
     if ((from && typeof from === "object") || typeof from === "function") {