sprae 13.3.7 → 13.4.0

package/readme.md

@@ -1,8 +1,8 @@
-# [∴](https://dy.github.io/sprae) sprae [![tests](https://github.com/dy/sprae/actions/workflows/node.js.yml/badge.svg)](https://github.com/dy/sprae/actions/workflows/node.js.yml) ![size](https://img.shields.io/badge/size-~5kb-white) [![npm](https://img.shields.io/npm/v/sprae?color=white)](https://www.npmjs.com/package/sprae)
+# [∴](https://dy.github.io/sprae) sprae [![tests](https://github.com/dy/sprae/actions/workflows/node.js.yml/badge.svg)](https://github.com/dy/sprae/actions/workflows/node.js.yml) ![size](https://img.shields.io/badge/size-~8kb-white) [![npm](https://img.shields.io/npm/v/sprae?color=white)](https://www.npmjs.com/package/sprae)
 
-> Microhydration for HTML/JSX tree.
+> Reactive sprinkles for HTML/JSX.
 
-Open & minimal PE framework with signals-based reactivity.
+Open & minimal microhydration framework with signals-based reactivity.
 
 
 ## Usage
@@ -511,13 +511,13 @@ Works with [define-element](https://github.com/dy/define-element), Lit, or any C
 ## FAQ
 
 **What is sprae?**<br>
-~5kb script that adds reactivity to HTML via `:attribute="expression"`. No build step, no new syntax.
+~8kb script that adds reactivity to HTML via `:attribute="expression"`. No build step, no new syntax.
 
 **Learning curve?**<br>
 If you know HTML and JS, you know sprae. Just `:attribute="expression"`.
 
 **How does it compare to Alpine?**<br>
-3x lighter, pluggable signals, prop modifiers, event chains. Faster in [benchmarks](https://krausest.github.io/js-framework-benchmark/).
+~2× lighter and ~2× faster — [measured](https://dy.github.io/sprae/compare). Pluggable signals, built-in modifiers, event chains, full-JS [CSP build](https://dy.github.io/sprae/csp).
 
 **How does it compare to React/Vue?**<br>
 No build step, no virtual DOM. Can inject into [JSX](#jsx--nextjs) for server components without framework overhead.
@@ -526,7 +526,7 @@ No build step, no virtual DOM. Can inject into [JSX](#jsx--nextjs) for server co
 Signals are the emerging [standard](https://github.com/tc39/proposal-signals) for reactivity. Pluggable — first to support native signals when browsers ship.
 
 **Is new Function unsafe?**<br>
-No more than inline `onclick` handlers. For strict CSP, use the [safe evaluator](#csp-safe-evaluator).
+No more than inline `onclick` handlers. For strict CSP, use the [CSP build](https://dy.github.io/sprae/csp).
 
 **Components?**<br>
 Use [define-element](https://github.com/dy/define-element) for declarative web components, or any CE library. For simpler cases, [manage duplication](https://tailwindcss.com/docs/styling-with-utility-classes#managing-duplication) with templates/includes.
@@ -541,7 +541,7 @@ Any browser with [Proxy](https://caniuse.com/proxy) (all modern browsers, no IE)
 State is plain reactive objects — scales as far as your data model does. Use [store](#store) with computed getters and methods for complex apps.
 
 **Is it production-ready?**<br>
-It is used by a few SaaS systems and landing pages of big guys.
+3+ years, ~200 [npm versions](https://www.npmjs.com/package/sprae?activeTab=versions), 0 open issues, 0 dependencies, full test suite incl. the CSP build.
 
 **Is it backed by a company?**<br>
 Indie project. [Support it](https://github.com/sponsors/dy).

package/signal.js

@@ -11,27 +11,31 @@ let depth = 0
 /** @type {Set<import('./core.js').EffectFn> | null} */
 let batched;
 
+// class keeps instances light: prototype accessors share one shape, subscribers Set allocates lazily
+class Signal {
+  constructor(v) { this.v = v; this.o = null }
+  get value() {
+    if (current) current.deps.add((this.o ??= new Set).add(current))
+    return this.v
+  }
+  set value(val) {
+    if (val === this.v) return
+    this.v = val
+    if (this.o) for (let sub of this.o) batched ? batched.add(sub) : sub() // notify effects
+  }
+  peek() { return this.v }
+  valueOf() { return this.value }
+  toString() { return this.value }
+  toJSON() { return this.value }
+}
+
 /**
  * Creates a reactive signal.
  * @template T
  * @param {T} v - Initial value
  * @returns {import('./core.js').Signal<T>}
  */
-export const signal = (v, _s, _obs = new Set, _v = () => _s.value) => (
-  _s = {
-    get value() {
-      current?.deps.add(_obs.add(current));
-      return v
-    },
-    set value(val) {
-      if (val === v) return
-      v = val;
-      for (let sub of _obs) batched ? batched.add(sub) : sub(); // notify effects
-    },
-    peek() { return v },
-    toJSON: _v, toString: _v, valueOf: _v
-  }
-)
+export const signal = (v) => new Signal(v)
 
 /**
  * Creates a reactive effect that re-runs when dependencies change.
@@ -60,22 +64,22 @@ export const effect = (fn, _teardown, _fx, _deps) => (
   (dep) => { _teardown?.call?.(); _teardown = fn = _fx.fn = null; for (dep of _deps) dep.delete(_fx); _deps.clear() }
 )
 
+// a computed is a signal with a lazy producer effect keeping it current
+class Computed extends Signal {
+  constructor(fn) { super(); this.fn = fn; this.e = null }
+  get value() {
+    this.e ||= effect(() => super.value = this.fn())
+    return super.value
+  }
+}
+
 /**
  * Creates a computed signal derived from other signals.
  * @template T
  * @param {() => T} fn - Computation function
  * @returns {import('./core.js').Signal<T>}
  */
-export const computed = (fn, _s = signal(), _c, _e, _v = () => _c.value) => (
-  _c = {
-    get value() {
-      _e ||= effect(() => _s.value = fn());
-      return _s.value
-    },
-    peek: _s.peek,
-    toJSON: _v, toString: _v, valueOf: _v
-  }
-)
+export const computed = (fn) => new Computed(fn)
 
 /**
  * Batches multiple signal updates into a single notification.
@@ -95,4 +99,7 @@ export const batch = (fn, _first = !batched, _list) => {
  * @param {() => T} fn - Function to run untracked
  * @returns {T}
  */
-export const untracked = (fn, _prev, _v) => (_prev = current, current = null, _v = fn(), current = _prev, _v)
+export const untracked = (fn, _prev) => {
+  _prev = current, current = null
+  try { return fn() } finally { current = _prev }
+}

package/sprae.js

@@ -8,8 +8,7 @@ import { batch, computed, effect, signal, untracked } from './core.js';
 import * as signals from './signal.js';
 import sprae, { use, decorate, directive, modifier, parse, throttle, debounce, _off, _state, _on, _dispose, _add, start, isCE } from './core.js';
 
-import _if from "./directive/if.js";
-import _else from "./directive/else.js";
+import _if, { _else } from "./directive/if.js";
 import _text from "./directive/text.js";
 import _class from "./directive/class.js";
 import _style from "./directive/style.js";
@@ -65,8 +64,8 @@ Object.assign(directive, {
  * @param {Object} state - Reactive state object
  * @returns {() => (() => void) | void} Initializer function that returns a disposer
  */
-const dir = (target, name, expr, state) => {
-  let [dirName, ...mods] = name.split('.'), create = directive[dirName] || directive._
+const dir = (target, dirName, mods, expr, state) => {
+  let create = directive[dirName] || directive._
   let hasMods = mods.length > 0
 
   return () => {
@@ -75,7 +74,7 @@ const dir = (target, name, expr, state) => {
     if (hasMods) {
       // modifiers can retarget the update or schedule it, so they keep the trigger indirection
       change = signal(0)
-      trigger = decorate(Object.assign(() => change.value++, { target }), mods)
+      trigger = decorate(Object.assign(() => change.value++, { target }), mods.slice())
       el = trigger.target ?? target
     }
 
@@ -83,7 +82,7 @@ const dir = (target, name, expr, state) => {
 
     if (!update?.call) return update?.[_dispose]
 
-    let evaluate = update.eval ?? parse(expr).bind(el),
+    let evaluate = update.eval ?? parse(expr),
       _out, out = () => (typeof _out === 'function' && _out(), _out=null) // effect trigger and invoke may happen in the same tick, so it will be effect-within-effect call - we need to store output of evaluate to return from trigger effect
 
     // use element's own state for expression evaluation, unless it's a custom element
@@ -91,15 +90,24 @@ const dir = (target, name, expr, state) => {
     if (!isCE(el)) state = el[_state] ?? state
 
     let off = hasMods ? effect(() => {
-      change.value == count ? trigger() : (count = change.value, _out = evaluate(state, update))
+      change.value == count ? trigger() : (count = change.value, _out = evaluate.call(el, state, update))
       return out
-    }) : effect(() => (_out = evaluate(state, update), out))
+    }) : effect(() => (_out = evaluate.call(el, state, update), out))
     if (!(_state in el)) return off
     let _d = 0
     return () => { if (_d) return; _d = 1; off(); update[_off] ? update[_off]() : el[_dispose]?.() }
   }
 }
 
+// per-name parse memo: the same few attr names repeat across every :each row
+const recipes = {}
+const recipe = (name) => recipes[name] ??=
+  name.includes('..') ? 0 : // sequence marker
+  name.split(':').map(str => {
+    let [dirName, ...mods] = str.split('.')
+    return { str, dirName, mods, on: str.startsWith('on') }
+  })
+
 // Parses time string to ms: 100, 100ms, 1s, 1m
 const parseTime = (t) => !t ? 0 : typeof t === 'number' ? t :
   (([, n, u] = t.match(/^(\d+)(ms|s|m)?$/) || []) => (n = +n, u === 's' ? n * 1000 : u === 'm' ? n * 60000 : n))()
@@ -127,10 +135,6 @@ Object.assign(modifier, {
   throttle: (fn, a) => throttle(fn, scheduler(a)),
   /** Runs callback after delay. Supports: tick (default), raf, idle, N, Nms, Ns, Nm. */
   delay: (fn, a) => ((sched = scheduler(a)) => (e) => sched(() => fn(e)))(),
-  /** Shortcut for delay-tick (next microtask). */
-  tick: (fn) => (e) => queueMicrotask(() => fn(e)),
-  /** Shortcut for delay-raf (next animation frame). */
-  raf: (fn) => (e) => requestAnimationFrame(() => fn(e)),
 
   /** Calls handler only once. */
   once: (fn, _done, _fn) => (_fn = (e) => !_done && (_done = 1, fn(e)), _fn.once = true, _fn),
@@ -168,6 +172,9 @@ Object.assign(modifier, {
 })
 /** Alias for .away modifier */
 modifier.outside = modifier.away
+/** Shortcuts for .delay-tick / .delay-raf */
+modifier.tick = fn => modifier.delay(fn)
+modifier.raf = fn => modifier.delay(fn, 'raf')
 
 /**
  * Key testers for keyboard event modifiers.
@@ -231,15 +238,15 @@ use({
   },
   // these 2 exceptions might look inconsistent, but arguably that's the cleanest way to avoid coupling
   dir: (el, name, expr, state) => {
+    let segs = recipe(name)
     // sequences: handle own modifiers, return dispose
-    if (name.includes('..')) return () => _seq(el, state, expr, name)[_dispose]
-    return name.split(':').reduce((prev, str) => {
-      let dirName = str.split('.')[0]
+    if (!segs) return () => _seq(el, state, expr, name)[_dispose]
+    return segs.reduce((prev, seg) => {
       // events and observers handle own modifiers, return dispose
-      let obs = directive[dirName]
-      let start = str.startsWith('on') ? () => _event(el, state, expr, str)[_dispose]
-        : obs?.observer ? () => obs(el, state, expr, str)[_dispose]
-        : dir(el, str, expr, state)
+      let obs = directive[seg.dirName]
+      let start = seg.on ? () => _event(el, state, expr, seg.str)[_dispose]
+        : obs?.observer ? () => obs(el, state, expr, seg.str)[_dispose]
+        : dir(el, seg.dirName, seg.mods, expr, state)
       return !prev ? start : (p, s) => (p = prev(), s = start(), () => { p(); s() })
     }, null)
   },

package/store.js

@@ -11,6 +11,9 @@ export const _signals = Symbol('signals')
 /** Symbol for the change signal that tracks object keys or array length */
 export const _change = Symbol('change')
 
+/** Symbol for list index/content bumps (swap, splice, index writes) */
+export const _touch = Symbol('touch')
+
 /** Symbol for stashed setter on computed values */
 export const _set = Symbol('set')
 
@@ -150,21 +153,31 @@ const list = (values, parent = globalThis) => {
     isMut = false,
 
     // since array mutator methods read .length internally only once, we disable it on the moment of call, allowing rest of operations to be reactive
-    mut = fn => function () { isMut = true; return fn.apply(this, arguments); },
+    // batch: a single splice/push writes many index signals — notify subscribers once, not per index
+    mut = fn => function () { isMut = true; let r; batch(() => r = fn.apply(this, arguments)); return r },
 
     length = signal(values.length),
 
+    // _touch bumps notify keyed :each of index/content changes (swap, splice) in O(1)
+    // instead of forcing :each to subscribe to all N index signals
+    touch = signal(0),
+    bump = () => { touch.value++ },
+
+    // capture native array mutators before they're shadowed on signals[]
+    asplice = signals.splice,
+
     // proxy passes prop access to signals
     state = new Proxy(
       Object.assign(signals, {
         [_change]: length,
+        [_touch]: touch,
         [_signals]: signals,
-        // patch mutators
+        // patch mutators — `this` must be the list proxy so set traps fire reactively
         push: mut(signals.push),
         pop: mut(signals.pop),
         shift: mut(signals.shift),
         unshift: mut(signals.unshift),
-        splice: mut(signals.splice),
+        splice: mut(function () { let r = asplice.apply(this, arguments); bump(); return r }),
       }),
       {
         get(_, k) {
@@ -186,8 +199,8 @@ const list = (values, parent = globalThis) => {
 
           // .length
           if (k === 'length') {
-            // force cleaning up tail
-            for (let i = v; i < signals.length; i++) delete state[i]
+            // clean up tail directly — proxy delete per index is pure trap overhead
+            for (let i = v; i < signals.length; i++) signals[i]?.[Symbol.dispose]?.()
             // .length = N directly
             length.value = signals.length = v;
           }
@@ -195,8 +208,12 @@ const list = (values, parent = globalThis) => {
           // force changing length, if eg. a=[]; a[1]=1 - need to come after setting the item
           else if (k >= signals.length) create(signals, k, v, shallow), state.length = +k + 1
 
-          // existing signal
-          else signals[k] ? set(signals, k, v, shallow) : create(signals, k, v, shallow)
+          // existing signal — bump for :each index tracking (swap)
+          else if (signals[k]) {
+            let s = signals[k], prev = s.peek?.() ?? s.valueOf()
+            set(signals, k, v, shallow)
+            if ((s.peek?.() ?? s.valueOf()) !== prev) bump()
+          } else create(signals, k, v, shallow)
 
           return 1
         },
@@ -222,10 +239,19 @@ const create = (signals, k, v, wrap = store) => (signals[k] = (k[0] == '_' || v?
 const shallow = (v) => {
   if (!v || typeof v !== 'object' || v.constructor !== Object) return v
   if (v[_change]) return v // already reactive (store or shallow proxy)
-  let ver = signal(0)
+  // per-key version signals: writing one key notifies only its readers, not the whole item
+  let sigs = {}, ver // ver tracks key set (adds/deletes), created on demand
   return new Proxy(v, {
-    get: (t, k) => k === _signals ? t : k === _change ? ver : (ver.value, t[k]),
-    set: (t, k, val) => { let prev = t[k]; t[k] = val; if (prev !== val) ver.value++; return 1 },
+    get: (t, k) => k === _signals ? t : k === _change ? (ver ??= signal(0)) : typeof k === 'symbol' ? t[k] : ((sigs[k] ??= signal(0)).value, t[k]),
+    set: (t, k, val) => {
+      if (t[k] !== val) {
+        let fresh = !(k in t)
+        t[k] = val
+        sigs[k] && sigs[k].value++
+        if (fresh && ver) ver.value++
+      }
+      return 1
+    },
     has: () => true
   })
 }

package/types/core.d.ts

@@ -86,7 +86,7 @@ export function frag(tpl: HTMLTemplateElement | FragmentLike): FragmentLike;
 export function dashcase(str: string): string;
 export function attr(el: any, name: any, v: any): any;
 export function clsx(c: string | string[] | Record<string, boolean> | null | undefined): string;
-export function throttle<T_1 extends Function>(fn: T_1, ms?: number | Function): T_1;
+export function throttle(fn: any, ms: any): (e: any) => void;
 export function debounce<T_1 extends Function>(fn: T_1, ms?: number | Function, immediate?: boolean): T_1;
 export * from "./store.js";
 export default sprae;
@@ -202,32 +202,16 @@ export type FragmentLike = {
      */
     removeAttribute: (name: string) => void;
 };
-/**
- * @callback DirectiveHandler
- * @param {Element} el - Target element
- * @param {Object} state - Reactive state object
- * @param {string} expr - Expression string
- * @param {string} [name] - Directive name with modifiers
- * @returns {((value: any) => void | (() => void)) | { [Symbol.dispose]: () => void } | void}
- */
-/**
- * @callback ModifierHandler
- * @param {Function} fn - Function to modify
- * @param {...string} args - Modifier arguments (from dash-separated values)
- * @returns {Function}
- */
-/**
- * @typedef {Object} SpraeState
- * @property {Record<string, Signal>} [_signals] - Internal signals map
- */
 /**
  * Applies directives to an HTML element and manages its reactive state.
  *
  * @param {Element} [el=document.body] - The target HTML element to apply directives to.
  * @param {Object} [state] - Initial state values to populate the element's reactive state.
+ * @param {Element} [master] - Internal: clone source (eg. :each template) — first clone records
+ *   its directive scan on the master, later clones replay it without touching attributes.
  * @returns {SpraeState & Object} The reactive state object associated with the element.
  */
-declare function sprae(root?: HTMLElement, state?: any): SpraeState & any;
+declare function sprae(root?: HTMLElement, state?: any, master?: Element): SpraeState & any;
 declare namespace sprae {
     let version: any;
 }

package/types/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../core.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../core.js"],"names":[],"mappings":"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"}

package/types/directive/each.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"each.d.ts","sourceRoot":"","sources":["../../directive/each.js"],"names":[],"mappings":"AAuBe;;;;EAqHd;;qBA5I6F,YAAY"}
+{"version":3,"file":"each.d.ts","sourceRoot":"","sources":["../../directive/each.js"],"names":[],"mappings":"AAiBe;;;;EAuJd;;qBAxKgH,YAAY"}

package/types/directive/if.d.ts

@@ -1,3 +1,4 @@
 declare function _default(el: Element | HTMLTemplateElement, state: any): (value: any) => void;
 export default _default;
+export function _else(el: Element | HTMLTemplateElement): () => void;
 //# sourceMappingURL=if.d.ts.map

package/types/directive/if.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"if.d.ts","sourceRoot":"","sources":["../../directive/if.js"],"names":[],"mappings":"AASe,8BAJJ,OAAO,GAAG,mBAAmB,eAE3B,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CA+ChC"}
+{"version":3,"file":"if.d.ts","sourceRoot":"","sources":["../../directive/if.js"],"names":[],"mappings":"AASe,8BAJJ,OAAO,GAAG,mBAAmB,eAE3B,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CA+ChC;;AAQM,0BAHI,OAAO,GAAG,mBAAmB,GAC3B,MAAM,IAAI,CAiBtB"}

package/types/signal.d.ts

@@ -1,6 +1,6 @@
-export function signal<T>(v: T, _s: any, _obs?: Set<any>, _v?: () => any): import("./core.js").Signal<T>;
+export function signal<T>(v: T): import("./core.js").Signal<T>;
 export function effect(fn: () => void | (() => void), _teardown: any, _fx: any, _deps: any): () => void;
-export function computed<T>(fn: () => T, _s: import("./core.js").Signal<any>, _c: any, _e: any, _v?: () => any): import("./core.js").Signal<T>;
+export function computed<T>(fn: () => T): import("./core.js").Signal<T>;
 export function batch<T>(fn: () => T, _first: boolean, _list: any): T;
-export function untracked<T>(fn: () => T, _prev: any, _v: any): T;
+export function untracked<T>(fn: () => T, _prev: any): T;
 //# sourceMappingURL=signal.d.ts.map

package/types/signal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signal.d.ts","sourceRoot":"","sources":["../signal.js"],"names":[],"mappings":"AAmBO,uBAJM,CAAC,KACH,CAAC,6CACC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAgBzC;AAOM,2BAHI,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,yCACvB,MAAM,IAAI,CAsBtB;AAQM,yBAJM,CAAC,MACH,MAAM,CAAC,0EACL,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAWzC;AAQM,sBAJM,CAAC,MACH,MAAM,CAAC,gCACL,CAAC,CAMb;AAQM,0BAJM,CAAC,MACH,MAAM,CAAC,wBACL,CAAC,CAE+F"}
+{"version":3,"file":"signal.d.ts","sourceRoot":"","sources":["../signal.js"],"names":[],"mappings":"AAqCO,uBAJM,CAAC,KACH,CAAC,GACC,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAEA;AAOnC,2BAHI,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,yCACvB,MAAM,IAAI,CAsBtB;AAiBM,yBAJM,CAAC,MACH,MAAM,CAAC,GACL,OAAO,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAEM;AAQzC,sBAJM,CAAC,MACH,MAAM,CAAC,gCACL,CAAC,CAMb;AAQM,0BAJM,CAAC,MACH,MAAM,CAAC,eACL,CAAC,CAKb"}

package/types/sprae.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprae.d.ts","sourceRoot":"","sources":["../sprae.js"],"names":[],"mappings":";kBAQqI,WAAW;kBAH9H,YAAY;uBAC6B,WAAW;uBAAX,WAAW;yBAAX,WAAW;sBAAX,WAAW;0BAAX,WAAW;sBAE+D,WAAW;oBAAX,WAAW;yBAAX,WAAW;yBAAX,WAAW;AA2PhI,4BAFL,OAAO,OAEsC"}
+{"version":3,"file":"sprae.d.ts","sourceRoot":"","sources":["../sprae.js"],"names":[],"mappings":";kBAQqI,WAAW;kBAH9H,YAAY;uBAC6B,WAAW;uBAAX,WAAW;yBAAX,WAAW;sBAAX,WAAW;0BAAX,WAAW;sBAE+D,WAAW;oBAAX,WAAW;yBAAX,WAAW;yBAAX,WAAW;AAkQhI,4BAFL,OAAO,OAEsC"}

package/types/store.d.ts

@@ -2,6 +2,8 @@
 export const _signals: unique symbol;
 /** Symbol for the change signal that tracks object keys or array length */
 export const _change: unique symbol;
+/** Symbol for list index/content bumps (swap, splice, index writes) */
+export const _touch: unique symbol;
 /** Symbol for stashed setter on computed values */
 export const _set: unique symbol;
 export function store<T extends unknown>(values: T, parent?: any): ReactiveStore<T>;

package/types/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../store.js"],"names":[],"mappings":"AAOA,oDAAoD;AACpD,qCAAyC;AAEzC,2EAA2E;AAC3E,oCAAuC;AAEvC,mDAAmD;AACnD,iCAAiC;AA6B1B,sBAVe,CAAC,0BACZ,CAAC,iBAEC,aAAa,CAAC,CAAC,CAAC,CAkG5B;;;;;0BA9GY,CAAC,IACD,CAAC,GAAG;IAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,WAAW,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;CAAE"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../store.js"],"names":[],"mappings":"AAOA,oDAAoD;AACpD,qCAAyC;AAEzC,2EAA2E;AAC3E,oCAAuC;AAEvC,uEAAuE;AACvE,mCAAqC;AAErC,mDAAmD;AACnD,iCAAiC;AA6B1B,sBAVe,CAAC,0BACZ,CAAC,iBAEC,aAAa,CAAC,CAAC,CAAC,CAkG5B;;;;;0BA9GY,CAAC,IACD,CAAC,GAAG;IAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,WAAW,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;CAAE"}

package/directive/else.js

@@ -1,24 +0,0 @@
-import { _on, _off, _state, frag } from '../core.js';
-
-/**
- * Else directive - conditional branch following :if.
- * Can be used as `:else` or `:else :if="condition"`.
- * @param {Element | HTMLTemplateElement} el - Element with directive
- * @returns {() => void} Update function
- */
-export default (el) => {
-  let _el, _prev = el
-
-  _el = el.content ? frag(el) : el
-  _el[_state] ??= null  // mark _el (frag) as needing sprae
-
-  // find holder
-  while (_prev && !(_el._holder = _prev._holder)) _prev = _prev.previousSibling
-
-  el.remove()
-  el[_state] = null // mark as fake-spraed to stop further init, to lazy-sprae when branch matches
-
-  _el._holder._clauses.push(_el._clause = [_el, true])
-
-  return _el._holder.update
-}

package/types/directive/else.d.ts

@@ -1,3 +0,0 @@
-declare function _default(el: Element | HTMLTemplateElement): () => void;
-export default _default;
-//# sourceMappingURL=else.d.ts.map

package/types/directive/else.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"else.d.ts","sourceRoot":"","sources":["../../directive/else.js"],"names":[],"mappings":"AAQe,8BAHJ,OAAO,GAAG,mBAAmB,GAC3B,MAAM,IAAI,CAiBtB"}