sprae 3.0.1 → 4.0.0

package/sprae.auto.js

@@ -0,0 +1,617 @@
+(() => {
+  // src/state.js
+  var currentFx;
+  var batch = /* @__PURE__ */ new Set();
+  var pendingUpdate;
+  var targetFxs = /* @__PURE__ */ new WeakMap();
+  var targetProxy = /* @__PURE__ */ new WeakMap();
+  var proxyTarget = /* @__PURE__ */ new WeakMap();
+  var _parent = Symbol("parent");
+  var sandbox = {
+    Array,
+    Object,
+    Number,
+    String,
+    Boolean,
+    Date,
+    console
+  };
+  var handler = {
+    has() {
+      return true;
+    },
+    get(target, prop) {
+      if (typeof prop === "symbol")
+        return target[prop];
+      if (!(prop in target))
+        return target[_parent]?.[prop];
+      if (Array.isArray(target) && prop in Array.prototype)
+        return target[prop];
+      let value = target[prop];
+      if (currentFx) {
+        let propFxs = targetFxs.get(target);
+        if (!propFxs)
+          targetFxs.set(target, propFxs = {});
+        if (!propFxs[prop])
+          propFxs[prop] = [currentFx];
+        else if (!propFxs[prop].includes(currentFx))
+          propFxs[prop].push(currentFx);
+      }
+      if (value && value.constructor === Object || Array.isArray(value)) {
+        let proxy = targetProxy.get(value);
+        if (!proxy)
+          targetProxy.set(value, proxy = new Proxy(value, handler));
+        return proxy;
+      }
+      return value;
+    },
+    set(target, prop, value) {
+      if (!(prop in target) && (target[_parent] && prop in target[_parent]))
+        return target[_parent][prop] = value;
+      if (Array.isArray(target) && prop in Array.prototype)
+        return target[prop] = value;
+      const prev = target[prop];
+      if (Object.is(prev, value))
+        return true;
+      target[prop] = value;
+      let propFxs = targetFxs.get(target)?.[prop];
+      if (propFxs)
+        for (let fx2 of propFxs)
+          batch.add(fx2);
+      planUpdate();
+      return true;
+    },
+    deleteProperty(target, prop) {
+      target[prop] = void 0;
+      delete target[prop];
+      return true;
+    }
+  };
+  var state = (obj, parent) => {
+    if (targetProxy.has(obj))
+      return targetProxy.get(obj);
+    if (proxyTarget.has(obj))
+      return obj;
+    let proxy = new Proxy(obj, handler);
+    targetProxy.set(obj, proxy);
+    proxyTarget.set(proxy, obj);
+    obj[_parent] = parent ? state(parent) : sandbox;
+    return proxy;
+  };
+  var fx = (fn) => {
+    const call = () => {
+      let prev = currentFx;
+      currentFx = call;
+      fn();
+      currentFx = prev;
+    };
+    call();
+    return call;
+  };
+  var planUpdate = () => {
+    if (!pendingUpdate) {
+      pendingUpdate = true;
+      queueMicrotask(() => {
+        for (let fx2 of batch)
+          fx2.call();
+        batch.clear();
+        pendingUpdate = false;
+      });
+    }
+  };
+
+  // src/domdiff.js
+  function domdiff_default(parent, a, b, before) {
+    const aIdx = /* @__PURE__ */ new Map();
+    const bIdx = /* @__PURE__ */ new Map();
+    let i;
+    let j;
+    for (i = 0; i < a.length; i++) {
+      aIdx.set(a[i], i);
+    }
+    for (i = 0; i < b.length; i++) {
+      bIdx.set(b[i], i);
+    }
+    for (i = j = 0; i !== a.length || j !== b.length; ) {
+      var aElm = a[i], bElm = b[j];
+      if (aElm === null) {
+        i++;
+      } else if (b.length <= j) {
+        parent.removeChild(a[i]);
+        i++;
+      } else if (a.length <= i) {
+        parent.insertBefore(bElm, a[i] || before);
+        j++;
+      } else if (aElm === bElm) {
+        i++;
+        j++;
+      } else {
+        var curElmInNew = bIdx.get(aElm);
+        var wantedElmInOld = aIdx.get(bElm);
+        if (curElmInNew === void 0) {
+          parent.removeChild(a[i]);
+          i++;
+        } else if (wantedElmInOld === void 0) {
+          parent.insertBefore(
+            bElm,
+            a[i] || before
+          );
+          j++;
+        } else {
+          parent.insertBefore(
+            a[wantedElmInOld],
+            a[i] || before
+          );
+          a[wantedElmInOld] = null;
+          if (wantedElmInOld > i + 1)
+            i++;
+          j++;
+        }
+      }
+    }
+    return b;
+  }
+
+  // src/weakish-map.js
+  var refs = /* @__PURE__ */ new WeakMap();
+  var set = (value) => {
+    const ref = new WeakRef(value);
+    refs.set(value, ref);
+    return ref;
+  };
+  var get = (value) => refs.get(value) || set(value);
+  var WeakishMap = class extends Map {
+    #registry = new FinalizationRegistry((key) => super.delete(key));
+    get size() {
+      return [...this].length;
+    }
+    constructor(entries = []) {
+      super();
+      for (const [key, value] of entries)
+        this.set(key, value);
+    }
+    get(key) {
+      return super.get(key)?.deref();
+    }
+    set(key, value) {
+      let ref = super.get(key);
+      if (ref)
+        this.#registry.unregister(ref);
+      ref = get(value);
+      this.#registry.register(value, key, ref);
+      return super.set(key, ref);
+    }
+  };
+
+  // src/directives.js
+  var primary = {};
+  var secondary = {};
+  primary["if"] = (el, expr) => {
+    let holder = document.createTextNode(""), clauses = [parseExpr(el, expr, ":if")], els = [el], cur = el;
+    while (cur = el.nextElementSibling) {
+      if (cur.hasAttribute(":else")) {
+        cur.removeAttribute(":else");
+        if (expr = cur.getAttribute(":if")) {
+          cur.removeAttribute(":if"), cur.remove();
+          els.push(cur);
+          clauses.push(parseExpr(el, expr, ":else :if"));
+        } else {
+          cur.remove();
+          els.push(cur);
+          clauses.push(() => 1);
+        }
+      } else
+        break;
+    }
+    el.replaceWith(cur = holder);
+    return (state2) => {
+      let i = clauses.findIndex((f) => f(state2));
+      if (els[i] != cur) {
+        ;
+        (cur[_each] || cur).replaceWith(cur = els[i] || holder);
+        sprae(cur, state2);
+      }
+    };
+  };
+  primary["scope"] = (el, expr, rootState) => {
+    let evaluate = parseExpr(el, expr, "scope");
+    const localState = evaluate(rootState);
+    let state2 = state(localState, rootState);
+    sprae(el, state2);
+  };
+  var _each = Symbol(":each");
+  primary["each"] = (tpl, expr) => {
+    let each = parseForExpression(expr);
+    if (!each)
+      return exprError(new Error(), tpl, expr);
+    const holder = tpl[_each] = document.createTextNode("");
+    tpl.replaceWith(holder);
+    const evaluate = parseExpr(tpl, each[2], ":each");
+    const keyExpr = tpl.getAttribute(":key");
+    const itemKey = keyExpr ? parseExpr(null, keyExpr) : null;
+    tpl.removeAttribute(":key");
+    const refExpr = tpl.getAttribute(":ref");
+    const scopes = new WeakishMap();
+    const itemEls = new WeakishMap();
+    let curEls = [];
+    return (state2) => {
+      let list = evaluate(state2);
+      if (!list)
+        list = [];
+      else if (typeof list === "number")
+        list = Array.from({ length: list }, (_, i) => [i, i + 1]);
+      else if (Array.isArray(list))
+        list = list.map((item, i) => [i + 1, item]);
+      else if (typeof list === "object")
+        list = Object.entries(list);
+      else
+        exprError(Error("Bad list value"), tpl, expr, ":each", list);
+      let newEls = [], elScopes = [];
+      for (let [idx, item] of list) {
+        let el, scope, key = itemKey?.({ [each[0]]: item, [each[1]]: idx });
+        if (key == null)
+          el = tpl.cloneNode(true);
+        else
+          (el = itemEls.get(key)) || itemEls.set(key, el = tpl.cloneNode(true));
+        newEls.push(el);
+        if (key == null || !(scope = scopes.get(key))) {
+          scope = state({ [each[0]]: item, [refExpr || ""]: null, [each[1]]: idx }, state2);
+          if (key != null)
+            scopes.set(key, scope);
+        } else
+          scope[each[0]] = item;
+        elScopes.push(scope);
+      }
+      domdiff_default(holder.parentNode, curEls, newEls, holder);
+      curEls = newEls;
+      for (let i = 0; i < newEls.length; i++) {
+        sprae(newEls[i], elScopes[i]);
+      }
+    };
+  };
+  function parseForExpression(expression) {
+    let forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
+    let stripParensRE = /^\s*\(|\)\s*$/g;
+    let forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
+    let inMatch = expression.match(forAliasRE);
+    if (!inMatch)
+      return;
+    let items = inMatch[2].trim();
+    let item = inMatch[1].replace(stripParensRE, "").trim();
+    let iteratorMatch = item.match(forIteratorRE);
+    if (iteratorMatch)
+      return [
+        item.replace(forIteratorRE, "").trim(),
+        iteratorMatch[1].trim(),
+        items
+      ];
+    return [item, "", items];
+  }
+  secondary["ref"] = (el, expr, state2) => {
+    state2[expr] = el;
+  };
+  secondary["id"] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":id");
+    const update = (v) => el.id = v || v === 0 ? v : "";
+    return (state2) => update(evaluate(state2));
+  };
+  secondary["class"] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":class");
+    let initClassName = el.className;
+    return (state2) => {
+      let v = evaluate(state2);
+      let className = typeof v === "string" ? v : (Array.isArray(v) ? v : Object.entries(v).map(([k, v2]) => v2 ? k : "")).filter(Boolean).join(" ");
+      el.className = [initClassName, className].filter(Boolean).join(" ");
+    };
+  };
+  secondary["style"] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":style");
+    let initStyle = el.getAttribute("style") || "";
+    if (!initStyle.endsWith(";"))
+      initStyle += "; ";
+    return (state2) => {
+      let v = evaluate(state2);
+      if (typeof v === "string")
+        el.setAttribute("style", initStyle + v);
+      else {
+        el.setAttribute("style", initStyle);
+        for (let k in v)
+          el.style.setProperty(k, v[k]);
+      }
+    };
+  };
+  secondary["text"] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":text");
+    return (state2) => {
+      let value = evaluate(state2);
+      el.textContent = value == null ? "" : value;
+    };
+  };
+  secondary[""] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":");
+    if (evaluate)
+      return (state2) => {
+        let value = evaluate(state2);
+        for (let key in value)
+          attr(el, dashcase(key), value[key]);
+      };
+  };
+  secondary["value"] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":value");
+    let from, to;
+    let 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 = el.selectionStart, to = el.selectionEnd, el.setAttribute("value", el.value = value == null ? "" : value), from && el.setSelectionRange(from, to)) : el.type === "checkbox" ? (value) => (el.value = value ? "on" : "", attr(el, "checked", value)) : el.type === "select-one" ? (value) => {
+      for (let option in el.options)
+        option.removeAttribute("selected");
+      el.value = value;
+      el.selectedOptions[0]?.setAttribute("selected", "");
+    } : (value) => el.value = value;
+    return (state2) => update(evaluate(state2));
+  };
+  secondary["on"] = (el, expr) => {
+    let evaluate = parseExpr(el, expr, ":on");
+    return (state2) => {
+      let listeners = evaluate(state2);
+      let offs = [];
+      for (let evt in listeners)
+        offs.push(on(el, evt, listeners[evt]));
+      return () => {
+        for (let off of offs)
+          off();
+      };
+    };
+  };
+  var directives_default = (el, expr, state2, name) => {
+    let evt = name.startsWith("on") && name.slice(2);
+    let evaluate = parseExpr(el, expr, ":" + name);
+    if (!evaluate)
+      return;
+    if (evt)
+      return (state3) => {
+        let value = evaluate(state3) || (() => {
+        });
+        return on(el, evt, value);
+      };
+    return (state3) => attr(el, name, evaluate(state3));
+  };
+  var on = (target, evt, origFn) => {
+    if (!origFn)
+      return;
+    let ctxs = evt.split("..").map((e) => {
+      let ctx = { evt: "", target, test: () => true };
+      ctx.evt = (e.startsWith("on") ? e.slice(2) : e).replace(
+        /\.(\w+)?-?([-\w]+)?/g,
+        (match, mod, param = "") => (ctx.test = mods[mod]?.(ctx, ...param.split("-")) || ctx.test, "")
+      );
+      return ctx;
+    });
+    if (ctxs.length == 1)
+      return addListenerWithMods(origFn, ctxs[0]);
+    const onFn = (fn, cur = 0) => {
+      let off;
+      let curListener = (e) => {
+        if (cur)
+          off();
+        let nextFn = fn.call(target, e);
+        if (typeof nextFn !== "function")
+          nextFn = () => {
+          };
+        if (cur + 1 < ctxs.length)
+          onFn(nextFn, !cur ? 1 : cur + 1);
+      };
+      return off = addListenerWithMods(curListener, ctxs[cur]);
+    };
+    let rootOff = onFn(origFn);
+    return () => rootOff();
+    function addListenerWithMods(fn, { evt: evt2, target: target2, test, defer, stop, prevent, ...opts }) {
+      if (defer)
+        fn = defer(fn);
+      let cb = (e) => test(e) && (stop && e.stopPropagation(), prevent && e.preventDefault(), fn.call(target2, e));
+      target2.addEventListener(evt2, cb, opts);
+      return () => target2.removeEventListener(evt2, cb, opts);
+    }
+    ;
+  };
+  var mods = {
+    prevent(ctx) {
+      ctx.prevent = true;
+    },
+    stop(ctx) {
+      ctx.stop = true;
+    },
+    once(ctx) {
+      ctx.once = true;
+    },
+    passive(ctx) {
+      ctx.passive = true;
+    },
+    capture(ctx) {
+      ctx.capture = true;
+    },
+    window(ctx) {
+      ctx.target = window;
+    },
+    document(ctx) {
+      ctx.target = document;
+    },
+    toggle(ctx) {
+      ctx.defer = (fn, out) => (e) => out ? (out.call?.(ctx.target, e), out = null) : out = fn();
+    },
+    throttle(ctx, limit) {
+      ctx.defer = (fn) => throttle(fn, limit ? Number(limit) || 0 : 108);
+    },
+    debounce(ctx, wait) {
+      ctx.defer = (fn) => debounce(fn, wait ? Number(wait) || 0 : 108);
+    },
+    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,
+    ctrl: (ctx, ...param) => (e) => keys.ctrl(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
+    shift: (ctx, ...param) => (e) => keys.shift(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
+    alt: (ctx, ...param) => (e) => keys.alt(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
+    meta: (ctx, ...param) => (e) => keys.meta(e) && param.every((p) => keys[p] ? keys[p](e) : e.key === p),
+    arrow: (ctx) => keys.arrow,
+    enter: (ctx) => keys.enter,
+    escape: (ctx) => keys.escape,
+    tab: (ctx) => keys.tab,
+    space: (ctx) => keys.space,
+    backspace: (ctx) => keys.backspace,
+    delete: (ctx) => keys.delete,
+    digit: (ctx) => keys.digit,
+    letter: (ctx) => keys.letter,
+    character: (ctx) => keys.character
+  };
+  var 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",
+    escape: (e) => e.key.startsWith("Esc"),
+    tab: (e) => e.key === "Tab",
+    space: (e) => e.key === "\xA0" || e.key === "Space" || e.key === " ",
+    backspace: (e) => e.key === "Backspace",
+    delete: (e) => e.key === "Delete",
+    digit: (e) => /^\d$/.test(e.key),
+    letter: (e) => /^[a-zA-Z]$/.test(e.key),
+    character: (e) => /^\S$/.test(e.key)
+  };
+  var 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);
+    };
+  };
+  var debounce = (fn, wait) => {
+    let timeout;
+    return (e) => {
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        timeout = null;
+        fn(e);
+      }, wait);
+    };
+  };
+  var 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 : "");
+  };
+  var evaluatorMemo = {};
+  function parseExpr(el, expression, dir) {
+    let evaluate = evaluatorMemo[expression];
+    if (!evaluate) {
+      let rightSideSafeExpression = /^[\n\s]*if.*\(.*\)/.test(expression) || /\b(let|const)\s/.test(expression) && !dir.startsWith(":on") ? `(() => {${expression}})()` : expression;
+      try {
+        evaluate = evaluatorMemo[expression] = new Function(`__scope`, `with (__scope) { return ${rightSideSafeExpression.trim()} };`);
+      } catch (e) {
+        return exprError(e, el, expression, dir);
+      }
+    }
+    return (state2) => {
+      let result;
+      try {
+        result = evaluate.call(el, state2);
+      } catch (e) {
+        return exprError(e, el, expression, dir);
+      }
+      return result;
+    };
+  }
+  function exprError(error, element, expression, dir) {
+    Object.assign(error, { element, expression });
+    console.warn(`\u2234 ${error.message}
+
+${dir}=${expression ? `"${expression}"
+
+` : ""}`, element);
+    queueMicrotask(() => {
+      throw error;
+    }, 0);
+  }
+  function dashcase(str) {
+    return str.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, (match) => "-" + match.toLowerCase());
+  }
+
+  // src/core.js
+  sprae.globals = sandbox;
+  var memo = /* @__PURE__ */ new WeakMap();
+  function sprae(container, values) {
+    if (!container.children)
+      return;
+    if (memo.has(container))
+      return Object.assign(memo.get(container), values);
+    const state2 = state(values || {});
+    const updates = [];
+    const init = (el, parent = el.parentNode) => {
+      for (let name in primary) {
+        let attrName = ":" + name;
+        if (el.hasAttribute?.(attrName)) {
+          let expr = el.getAttribute(attrName);
+          el.removeAttribute(attrName);
+          updates.push(primary[name](el, expr, state2, name));
+          if (memo.has(el) || el.parentNode !== parent)
+            return false;
+        }
+      }
+      if (el.attributes) {
+        for (let i = 0; i < el.attributes.length; ) {
+          let attr2 = el.attributes[i];
+          if (attr2.name[0] !== ":") {
+            i++;
+            continue;
+          }
+          el.removeAttribute(attr2.name);
+          let expr = attr2.value;
+          let attrNames = attr2.name.slice(1).split(":");
+          for (let attrName of attrNames) {
+            let dir = secondary[attrName] || directives_default;
+            updates.push(dir(el, expr, state2, attrName));
+            if (memo.has(el) || el.parentNode !== parent)
+              return false;
+          }
+        }
+      }
+      for (let i = 0, child; child = el.children[i]; i++) {
+        if (init(child, el) === false)
+          i--;
+      }
+    };
+    init(container);
+    for (let update of updates)
+      if (update) {
+        let teardown;
+        fx(() => {
+          if (typeof teardown === "function")
+            teardown();
+          teardown = update(state2);
+        });
+      }
+    memo.set(container, state2);
+    return state2;
+  }
+
+  // src/index.js
+  var src_default = sprae;
+  if (document.currentScript)
+    sprae(document.documentElement);
+})();

package/sprae.auto.min.js

@@ -0,0 +1 @@
+(()=>{var e,t,r=new Set,n=new WeakMap,l=new WeakMap,s=new WeakMap,i=Symbol("parent"),a={Array:Array,Object:Object,Number:Number,String:String,Boolean:Boolean,Date:Date,console:console},o={has:()=>!0,get(t,r){if("symbol"==typeof r)return t[r];if(!(r in t))return t[i]?.[r];if(Array.isArray(t)&&r in Array.prototype)return t[r];let s=t[r];if(e){let l=n.get(t);l||n.set(t,l={}),l[r]?l[r].includes(e)||l[r].push(e):l[r]=[e]}if(s&&s.constructor===Object||Array.isArray(s)){let e=l.get(s);return e||l.set(s,e=new Proxy(s,o)),e}return s},set(e,t,l){if(!(t in e)&&e[i]&&t in e[i])return e[i][t]=l;if(Array.isArray(e)&&t in Array.prototype)return e[t]=l;const s=e[t];if(Object.is(s,l))return!0;e[t]=l;let a=n.get(e)?.[t];if(a)for(let e of a)r.add(e);return f(),!0},deleteProperty:(e,t)=>(e[t]=void 0,delete e[t],!0)},u=(e,t)=>{if(l.has(e))return l.get(e);if(s.has(e))return e;let r=new Proxy(e,o);return l.set(e,r),s.set(r,e),e[i]=t?u(t):a,r},c=t=>{const r=()=>{let n=e;e=r,t(),e=n};return r(),r},f=()=>{t||(t=!0,queueMicrotask((()=>{for(let e of r)e.call();r.clear(),t=!1})))},p=new WeakMap,y=class extends Map{#e=new FinalizationRegistry((e=>super.delete(e)));get size(){return[...this].length}constructor(e=[]){super();for(const[t,r]of e)this.set(t,r)}get(e){return super.get(e)?.deref()}set(e,t){let r=super.get(e);return r&&this.#e.unregister(r),r=(e=>p.get(e)||(e=>{const t=new WeakRef(e);return p.set(e,t),t})(e))(t),this.#e.register(t,e,r),super.set(e,r)}},g={},h={};g.if=(e,t)=>{let r=document.createTextNode(""),n=[x(e,t,":if")],l=[e],s=e;for(;(s=e.nextElementSibling)&&s.hasAttribute(":else");)s.removeAttribute(":else"),(t=s.getAttribute(":if"))?(s.removeAttribute(":if"),s.remove(),l.push(s),n.push(x(e,t,":else :if"))):(s.remove(),l.push(s),n.push((()=>1)));return e.replaceWith(s=r),e=>{let t=n.findIndex((t=>t(e)));l[t]!=s&&((s[d]||s).replaceWith(s=l[t]||r),j(s,e))}},g.scope=(e,t,r)=>{const n=x(e,t,"scope")(r);j(e,u(n,r))};var d=Symbol(":each");g.each=(e,t)=>{let r=function(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=e.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!r)return;let n=r[2].trim(),l=r[1].replace(/^\s*\(|\)\s*$/g,"").trim(),s=l.match(t);return s?[l.replace(t,"").trim(),s[1].trim(),n]:[l,"",n]}(t);if(!r)return S(new Error,e,t);const n=e[d]=document.createTextNode("");e.replaceWith(n);const l=x(e,r[2],":each"),s=e.getAttribute(":key"),i=s?x(null,s):null;e.removeAttribute(":key");const a=e.getAttribute(":ref"),o=new y,c=new y;let f=[];return s=>{let p=l(s);p?"number"==typeof p?p=Array.from({length:p},((e,t)=>[t,t+1])):Array.isArray(p)?p=p.map(((e,t)=>[t+1,e])):"object"==typeof p?p=Object.entries(p):S(Error("Bad list value"),e,t,":each"):p=[];let y=[],g=[];for(let[t,n]of p){let l,f,p=i?.({[r[0]]:n,[r[1]]:t});null==p?l=e.cloneNode(!0):(l=c.get(p))||c.set(p,l=e.cloneNode(!0)),y.push(l),null!=p&&(f=o.get(p))?f[r[0]]=n:(f=u({[r[0]]:n,[a||""]:null,[r[1]]:t},s),null!=p&&o.set(p,f)),g.push(f)}!function(e,t,r,n){const l=new Map,s=new Map;let i,a;for(i=0;i<t.length;i++)l.set(t[i],i);for(i=0;i<r.length;i++)s.set(r[i],i);for(i=a=0;i!==t.length||a!==r.length;){var o=t[i],u=r[a];if(null===o)i++;else if(r.length<=a)e.removeChild(t[i]),i++;else if(t.length<=i)e.insertBefore(u,t[i]||n),a++;else if(o===u)i++,a++;else{var c=s.get(o),f=l.get(u);void 0===c?(e.removeChild(t[i]),i++):void 0===f?(e.insertBefore(u,t[i]||n),a++):(e.insertBefore(t[f],t[i]||n),t[f]=null,f>i+1&&i++,a++)}}}(n.parentNode,f,y,n),f=y;for(let e=0;e<y.length;e++)j(y[e],g[e])}},h.ref=(e,t,r)=>{r[t]=e},h.id=(e,t)=>{let r=x(e,t,":id");return t=>{return n=r(t),e.id=n||0===n?n:"";var n}},h.class=(e,t)=>{let r=x(e,t,":class"),n=e.className;return t=>{let l=r(t),s="string"==typeof l?l:(Array.isArray(l)?l:Object.entries(l).map((([e,t])=>t?e:""))).filter(Boolean).join(" ");e.className=[n,s].filter(Boolean).join(" ")}},h.style=(e,t)=>{let r=x(e,t,":style"),n=e.getAttribute("style")||"";return n.endsWith(";")||(n+="; "),t=>{let l=r(t);if("string"==typeof l)e.setAttribute("style",n+l);else{e.setAttribute("style",n);for(let t in l)e.style.setProperty(t,l[t])}}},h.text=(e,t)=>{let r=x(e,t,":text");return t=>{let n=r(t);e.textContent=null==n?"":n}},h[""]=(e,t)=>{let r=x(e,t,":");if(r)return t=>{let n=r(t);for(let t in n)W(e,t.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(e=>"-"+e.toLowerCase())),n[t])}},h.value=(e,t)=>{let r,n,l=x(e,t,":value"),s="text"===e.type||""===e.type?t=>e.setAttribute("value",e.value=null==t?"":t):"TEXTAREA"===e.tagName||"text"===e.type||""===e.type?t=>(r=e.selectionStart,n=e.selectionEnd,e.setAttribute("value",e.value=null==t?"":t),r&&e.setSelectionRange(r,n)):"checkbox"===e.type?t=>(e.value=t?"on":"",W(e,"checked",t)):"select-one"===e.type?t=>{for(let t in e.options)t.removeAttribute("selected");e.value=t,e.selectedOptions[0]?.setAttribute("selected","")}:t=>e.value=t;return e=>s(l(e))},h.on=(e,t)=>{let r=x(e,t,":on");return t=>{let n=r(t),l=[];for(let t in n)l.push(b(e,t,n[t]));return()=>{for(let e of l)e()}}};var m=(e,t,r,n)=>{let l=n.startsWith("on")&&n.slice(2),s=x(e,t,":"+n);if(s)return l?t=>{let r=s(t)||(()=>{});return b(e,l,r)}:t=>W(e,n,s(t))},b=(e,t,r)=>{if(!r)return;let n=t.split("..").map((t=>{let r={evt:"",target:e,test:()=>!0};return r.evt=(t.startsWith("on")?t.slice(2):t).replace(/\.(\w+)?-?([-\w]+)?/g,((e,t,n="")=>(r.test=v[t]?.(r,...n.split("-"))||r.test,""))),r}));if(1==n.length)return i(r,n[0]);const l=(t,r=0)=>{let s;return s=i((i=>{r&&s();let a=t.call(e,i);"function"!=typeof a&&(a=()=>{}),r+1<n.length&&l(a,r?r+1:1)}),n[r])};let s=l(r);return()=>s();function i(e,{evt:t,target:r,test:n,defer:l,stop:s,prevent:i,...a}){l&&(e=l(e));let o=t=>n(t)&&(s&&t.stopPropagation(),i&&t.preventDefault(),e.call(r,t));return r.addEventListener(t,o,a),()=>r.removeEventListener(t,o,a)}},v={prevent(e){e.prevent=!0},stop(e){e.stop=!0},once(e){e.once=!0},passive(e){e.passive=!0},capture(e){e.capture=!0},window(e){e.target=window},document(e){e.target=document},toggle(e){e.defer=(t,r)=>n=>r?(r.call?.(e.target,n),r=null):r=t()},throttle(e,t){e.defer=e=>k(e,t?Number(t)||0:108)},debounce(e,t){e.defer=e=>w(e,t?Number(t)||0:108)},outside:e=>t=>{let r=e.target;return!(r.contains(t.target)||!1===t.target.isConnected||r.offsetWidth<1&&r.offsetHeight<1)},self:e=>t=>t.target===e.target,ctrl:(e,...t)=>e=>A.ctrl(e)&&t.every((t=>A[t]?A[t](e):e.key===t)),shift:(e,...t)=>e=>A.shift(e)&&t.every((t=>A[t]?A[t](e):e.key===t)),alt:(e,...t)=>e=>A.alt(e)&&t.every((t=>A[t]?A[t](e):e.key===t)),meta:(e,...t)=>e=>A.meta(e)&&t.every((t=>A[t]?A[t](e):e.key===t)),arrow:e=>A.arrow,enter:e=>A.enter,escape:e=>A.escape,tab:e=>A.tab,space:e=>A.space,backspace:e=>A.backspace,delete:e=>A.delete,digit:e=>A.digit,letter:e=>A.letter,character:e=>A.character},A={ctrl:e=>e.ctrlKey||"Control"===e.key||"Ctrl"===e.key,shift:e=>e.shiftKey||"Shift"===e.key,alt:e=>e.altKey||"Alt"===e.key,meta:e=>e.metaKey||"Meta"===e.key||"Command"===e.key,arrow:e=>e.key.startsWith("Arrow"),enter:e=>"Enter"===e.key,escape:e=>e.key.startsWith("Esc"),tab:e=>"Tab"===e.key,space:e=>" "===e.key||"Space"===e.key||" "===e.key,backspace:e=>"Backspace"===e.key,delete:e=>"Delete"===e.key,digit:e=>/^\d$/.test(e.key),letter:e=>/^[a-zA-Z]$/.test(e.key),character:e=>/^\S$/.test(e.key)},k=(e,t)=>{let r,n,l=s=>{r=!0,setTimeout((()=>{if(r=!1,n)return n=!1,l(s),e(s)}),t)};return t=>r?n=!0:(l(t),e(t))},w=(e,t)=>{let r;return n=>{clearTimeout(r),r=setTimeout((()=>{r=null,e(n)}),t)}},W=(e,t,r)=>{null==r||!1===r?e.removeAttribute(t):e.setAttribute(t,!0===r?"":"number"==typeof r||"string"==typeof r?r:"")},N={};function x(e,t,r){let n=N[t];if(!n){let l=/^[\n\s]*if.*\(.*\)/.test(t)||/\b(let|const)\s/.test(t)&&!r.startsWith(":on")?`(() => {${t}})()`:t;try{n=N[t]=new Function("__scope",`with (__scope) { return ${l.trim()} };`)}catch(n){return S(n,e,t,r)}}return l=>{let s;try{s=n.call(e,l)}catch(n){return S(n,e,t,r)}return s}}function S(e,t,r,n){Object.assign(e,{element:t,expression:r}),console.warn(`∴ ${e.message}\n\n${n}=${r?`"${r}"\n\n`:""}`,t),queueMicrotask((()=>{throw e}),0)}j.globals=a;var E=new WeakMap;function j(e,t){if(!e.children)return;if(E.has(e))return Object.assign(E.get(e),t);const r=u(t||{}),n=[],l=(e,t=e.parentNode)=>{for(let l in g){let s=":"+l;if(e.hasAttribute?.(s)){let i=e.getAttribute(s);if(e.removeAttribute(s),n.push(g[l](e,i,r,l)),E.has(e)||e.parentNode!==t)return!1}}if(e.attributes)for(let l=0;l<e.attributes.length;){let s=e.attributes[l];if(":"!==s.name[0]){l++;continue}e.removeAttribute(s.name);let i=s.value,a=s.name.slice(1).split(":");for(let l of a){let s=h[l]||m;if(n.push(s(e,i,r,l)),E.has(e)||e.parentNode!==t)return!1}}for(let t,r=0;t=e.children[r];r++)!1===l(t,e)&&r--};l(e);for(let e of n)if(e){let t;c((()=>{"function"==typeof t&&t(),t=e(r)}))}return E.set(e,r),r}document.currentScript&&j(document.documentElement)})();