sprae 10.9.3 → 10.10.0

package/dist/sprae.umd.js

@@ -1,702 +0,0 @@
-(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();
-    }
-  }(this, () => {
-var exports = {};
-var module = { exports };(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();
-    }
-  }(this, () => {
-var exports = {};
-var module = { exports };
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// sprae.js
-var sprae_exports = {};
-__export(sprae_exports, {
-  default: () => sprae_default
-});
-module.exports = __toCommonJS(sprae_exports);
-
-// signal.js
-var signal;
-var effect;
-var untracked;
-var batch;
-var computed;
-function use(s) {
-  signal = s.signal;
-  effect = s.effect;
-  computed = s.computed;
-  batch = s.batch || ((fn) => fn());
-  untracked = s.untracked || batch;
-}
-
-// store.js
-var _signals = Symbol("signals");
-var _change = Symbol("length");
-function store(values, parent) {
-  if (!values)
-    return values;
-  if (values[_signals])
-    return values;
-  if (Array.isArray(values))
-    return list(values);
-  if (values.constructor !== Object)
-    return values;
-  let signals = { ...parent?.[_signals] }, _len = signal(Object.values(values).length);
-  const state = new Proxy(signals, {
-    get: (_, key) => key === _change ? _len : key === _signals ? signals : signals[key]?.valueOf(),
-    set: (_, key, v, s) => (s = signals[key], set(signals, key, v), s ?? ++_len.value, 1),
-    deleteProperty: (_, key) => (signals[key] && (del(signals, key), _len.value--), 1),
-    ownKeys() {
-      _len.value;
-      return Reflect.ownKeys(signals);
-    }
-  });
-  for (let key in values) {
-    const desc = Object.getOwnPropertyDescriptor(values, key);
-    if (desc?.get) {
-      (signals[key] = computed(desc.get.bind(state)))._set = desc.set?.bind(state);
-    } else {
-      signals[key] = void 0;
-      set(signals, key, values[key]);
-    }
-  }
-  return state;
-}
-var mut = { push: 1, pop: 1, shift: 1, unshift: 1, splice: 1 };
-function list(values) {
-  let lastProp;
-  if (values[_signals])
-    return values;
-  let _len = signal(values.length), signals = Array(values.length).fill();
-  const state = new Proxy(signals, {
-    get(_, key) {
-      if (typeof key === "symbol")
-        return key === _change ? _len : key === _signals ? signals : signals[key];
-      if (key === "length")
-        return mut[lastProp] ? _len.peek() : _len.value;
-      lastProp = key;
-      if (signals[key])
-        return signals[key].valueOf();
-      if (key < signals.length)
-        return (signals[key] = signal(store(values[key]))).value;
-    },
-    set(_, key, v) {
-      if (key === "length") {
-        for (let i = v, l = signals.length; i < l; i++)
-          delete state[i];
-        _len.value = signals.length = v;
-        return true;
-      }
-      set(signals, key, v);
-      if (key >= _len.peek())
-        _len.value = signals.length = Number(key) + 1;
-      return true;
-    },
-    deleteProperty: (_, key) => (signals[key] && del(signals, key), 1)
-  });
-  return state;
-}
-function set(signals, key, v) {
-  let s = signals[key];
-  if (key[0] === "_")
-    signals[key] = v;
-  else if (!s) {
-    signals[key] = s = v?.peek ? v : signal(store(v));
-  } else if (v === s.peek())
-    ;
-  else if (s._set)
-    s._set(v);
-  else if (Array.isArray(v) && Array.isArray(s.peek())) {
-    const cur = s.peek();
-    if (cur[_change])
-      untracked(() => {
-        batch(() => {
-          let i = 0, l = v.length;
-          for (; i < l; i++)
-            cur[i] = v[i];
-          cur.length = l;
-        });
-      });
-    else {
-      s.value = v;
-    }
-  } else {
-    s.value = store(v);
-  }
-}
-function del(signals, key) {
-  const s = signals[key], del2 = s[Symbol.dispose];
-  if (del2)
-    delete s[Symbol.dispose];
-  delete signals[key];
-  del2?.();
-}
-
-// core.js
-var _dispose = Symbol.dispose || (Symbol.dispose = Symbol("dispose"));
-var directive = {};
-var memo = /* @__PURE__ */ new WeakMap();
-function sprae(el, values) {
-  if (!el?.childNodes)
-    return;
-  if (memo.has(el)) {
-    return Object.assign(memo.get(el), values);
-  }
-  const state = store(values || {}), disposes = [];
-  init(el);
-  if (!memo.has(el))
-    memo.set(el, state);
-  el[_dispose] = () => {
-    while (disposes.length)
-      disposes.pop()();
-    memo.delete(el);
-  };
-  return state;
-  function init(el2, parent = el2.parentNode) {
-    if (!el2.childNodes)
-      return;
-    for (let i = 0; i < el2.attributes?.length; ) {
-      let attr2 = el2.attributes[i];
-      if (attr2.name[0] === ":") {
-        el2.removeAttribute(attr2.name);
-        let names = attr2.name.slice(1).split(":");
-        for (let name of names) {
-          let dir = directive[name] || directive.default;
-          let evaluate = (dir.parse || parse)(attr2.value);
-          let dispose = dir(el2, evaluate, state, name);
-          if (dispose)
-            disposes.push(dispose);
-        }
-        if (memo.has(el2))
-          return el2[_dispose] && disposes.push(el2[_dispose]);
-        if (el2.parentNode !== parent)
-          return;
-      } else
-        i++;
-    }
-    for (let child of [...el2.childNodes])
-      init(child, el2);
-  }
-  ;
-}
-var evalMemo = {};
-var parse = (expr, dir, fn) => {
-  if (fn = evalMemo[expr = expr.trim()])
-    return fn;
-  try {
-    fn = compile(expr);
-  } catch (e) {
-    err(e, dir, expr);
-  }
-  return evalMemo[expr] = fn;
-};
-var err = (e, dir, expr = "") => {
-  throw Object.assign(e, { message: `\u2234 ${e.message}
-
-${dir}${expr ? `="${expr}"
-
-` : ""}`, expr });
-};
-var compile;
-sprae.use = (s) => {
-  s.signal && use(s);
-  s.compile && (compile = s.compile);
-};
-var 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 {
-    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);
-    }
-  };
-};
-
-// node_modules/ulive/dist/ulive.es.js
-var ulive_es_exports = {};
-__export(ulive_es_exports, {
-  batch: () => batch2,
-  computed: () => computed2,
-  effect: () => effect2,
-  signal: () => signal2,
-  untracked: () => untracked2
-});
-var current;
-var batched;
-var signal2 = (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)
-      batched ? batched.add(sub) : sub();
-  },
-  peek() {
-    return v;
-  }
-}, s.toJSON = s.then = s.toString = s.valueOf = () => s.value, s);
-var effect2 = (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);
-});
-var computed2 = (fn, s = signal2(), c, e) => (c = {
-  get value() {
-    e || (e = effect2(() => s.value = fn()));
-    return s.value;
-  },
-  peek: s.peek
-}, c.toJSON = c.then = c.toString = c.valueOf = () => c.value, c);
-var batch2 = (fn) => {
-  let fxs = batched;
-  if (!fxs)
-    batched = /* @__PURE__ */ new Set();
-  try {
-    fn();
-  } finally {
-    if (!fxs) {
-      fxs = batched;
-      batched = null;
-      for (const fx of fxs)
-        fx();
-    }
-  }
-};
-var untracked2 = (fn, prev, v) => (prev = current, current = null, v = fn(), current = prev, v);
-
-// directive/if.js
-var _prevIf = Symbol("if");
-directive.if = (el, evaluate, state) => {
-  let next = el.nextElementSibling, holder = document.createTextNode(""), curEl, ifEl, elseEl;
-  el.replaceWith(holder);
-  ifEl = el.content ? frag(el) : el;
-  memo.set(ifEl, null);
-  if (next?.hasAttribute(":else")) {
-    next.removeAttribute(":else");
-    if (!next.hasAttribute(":if"))
-      next.remove(), elseEl = next.content ? frag(next) : next, memo.set(elseEl, null);
-  }
-  return effect(() => {
-    const newEl = evaluate(state) ? ifEl : el[_prevIf] ? null : elseEl;
-    if (next)
-      next[_prevIf] = newEl === ifEl;
-    if (curEl != newEl) {
-      curEl?.remove();
-      if (curEl = newEl) {
-        holder.before(curEl.content || curEl);
-        memo.get(curEl) === null && memo.delete(curEl);
-        sprae(curEl, state);
-      }
-    }
-  });
-};
-
-// directive/each.js
-directive.each = (tpl, [itemVar, idxVar, evaluate], state) => {
-  const holder = document.createTextNode("");
-  tpl.replaceWith(holder);
-  let cur, keys2, prevl = 0;
-  const items = computed(() => {
-    keys2 = null;
-    let items2 = evaluate(state);
-    if (typeof items2 === "number")
-      items2 = Array.from({ length: items2 }, (_, i) => i + 1);
-    if (items2?.constructor === Object)
-      keys2 = Object.keys(items2), items2 = Object.values(items2);
-    return items2 || [];
-  });
-  const update = () => {
-    untracked(() => {
-      var _a, _b;
-      let i = 0, newItems = items.value, 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 {
-          for (; i < prevl; i++) {
-            cur[i] = newItems[i];
-          }
-        }
-        for (; i < newl; i++) {
-          cur[i] = newItems[i];
-          let idx = i, scope = store({
-            [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);
-          sprae(el, scope);
-          ((_b = cur[_a = _signals] || (cur[_a] = []))[i] || (_b[i] = {}))[Symbol.dispose] = () => {
-            el[Symbol.dispose](), el.remove();
-          };
-        }
-      }
-      prevl = newl;
-    });
-  };
-  let planned = 0;
-  return effect(() => {
-    items.value[_change]?.value;
-    if (!planned) {
-      update();
-      queueMicrotask(() => (planned && update(), planned = 0));
-    } else
-      planned++;
-  });
-};
-directive.each.parse = (expr) => {
-  let [leftSide, itemsExpr] = expr.split(/\s+in\s+/);
-  let [itemVar, idxVar = "$"] = leftSide.split(/\s*,\s*/);
-  return [itemVar, idxVar, parse(itemsExpr)];
-};
-
-// directive/ref.js
-directive.ref = (el, expr, state) => {
-  state[expr] = el;
-};
-directive.ref.parse = (expr) => expr;
-
-// directive/with.js
-directive.with = (el, evaluate, rootState) => {
-  let state;
-  return effect(() => {
-    let values = evaluate(rootState);
-    sprae(el, state ? values : state = store(values, rootState));
-  });
-};
-
-// directive/html.js
-directive.html = (el, evaluate, state) => {
-  let tpl = evaluate(state);
-  if (!tpl)
-    return;
-  let content = (tpl.content || tpl).cloneNode(true);
-  el.replaceChildren(content);
-  sprae(el, state);
-};
-
-// directive/text.js
-directive.text = (el, evaluate, state) => {
-  if (el.content)
-    el.replaceWith(el = frag(el).childNodes[0]);
-  return effect(() => {
-    let value = evaluate(state);
-    el.textContent = value == null ? "" : value;
-  });
-};
-
-// directive/class.js
-directive.class = (el, evaluate, state) => {
-  let cur = /* @__PURE__ */ new Set();
-  return effect(() => {
-    let v = evaluate(state);
-    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
-directive.style = (el, evaluate, state) => {
-  let initStyle = el.getAttribute("style");
-  return effect(() => {
-    let v = evaluate(state);
-    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
-directive.default = (target, evaluate, state, name) => {
-  if (!name.startsWith("on"))
-    return effect(() => {
-      let value = evaluate(state);
-      if (name)
-        attr(target, name, value);
-      else
-        for (let key in value)
-          attr(target, dashcase(key), value[key]);
-    });
-  const ctxs = name.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 effect(() => addListener(evaluate(state), ctxs[0]));
-  let startFn, nextFn, off, idx = 0;
-  const nextListener = (fn) => {
-    off = addListener((e) => (off(), nextFn = fn?.(e), (idx = ++idx % ctxs.length) ? nextListener(nextFn) : startFn && nextListener(startFn)), ctxs[idx]);
-  };
-  return effect(() => (startFn = evaluate(state), !off && nextListener(startFn), () => startFn = null));
-  function addListener(fn, { evt, target: target2, test, defer, stop, prevent, immediate, ...opts }) {
-    if (defer)
-      fn = defer(fn);
-    const cb = (e) => {
-      try {
-        test(e) && (stop && (immediate ? e.stopImmediatePropagation() : e.stopPropagation()), prevent && e.preventDefault(), fn?.(e));
-      } catch (error) {
-        err(error, `:on${evt}`, fn);
-      }
-    };
-    target2.addEventListener(evt, cb, opts);
-    return () => target2.removeEventListener(evt, cb, opts);
-  }
-  ;
-};
-var mods = {
-  prevent(ctx) {
-    ctx.prevent = true;
-  },
-  stop(ctx) {
-    ctx.stop = true;
-  },
-  immediate(ctx) {
-    ctx.immediate = 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;
-  },
-  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: (_, ...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),
-  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
-};
-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",
-  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)
-};
-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 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 dashcase = (str) => {
-  return str.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g, (match) => "-" + match.toLowerCase());
-};
-
-// directive/value.js
-directive.value = (el, [getValue, setValue], state) => {
-  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) => (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 === "select-one" ? (value) => {
-    for (let option in el.options)
-      option.removeAttribute("selected");
-    el.value = value;
-    el.selectedOptions[0]?.setAttribute("selected", "");
-  } : (value) => el.value = value;
-  const handleChange = el.type === "checkbox" ? (e) => setValue(state, el.checked) : (e) => setValue(state, el.value);
-  el.addEventListener("input", handleChange);
-  el.addEventListener("change", handleChange);
-  return effect(() => update(getValue(state)));
-};
-directive.value.parse = (expr) => {
-  let evaluate = [parse(expr)];
-  try {
-    evaluate.push(parse(`${expr}=arguments[1];`));
-  } catch (e) {
-  }
-  return evaluate;
-};
-
-// directive/fx.js
-directive.fx = (el, evaluate, state) => {
-  return effect(() => evaluate(state));
-};
-
-// sprae.js
-sprae.use(ulive_es_exports);
-sprae.use({ compile: (expr) => sprae.constructor(`with (arguments[0]) { return ${expr} };`) });
-var sprae_default = sprae;
-if (document?.currentScript?.hasAttribute('init')) sprae(document.documentElement)if (typeof module.exports == "object" && typeof exports == "object") {
-  var __cp = (to, from, except, desc) => {
-    if ((from && typeof from === "object") || typeof from === "function") {
-      for (let key of Object.getOwnPropertyNames(from)) {
-        if (!Object.prototype.hasOwnProperty.call(to, key) && key !== except)
-        Object.defineProperty(to, key, {
-          get: () => from[key],
-          enumerable: !(desc = Object.getOwnPropertyDescriptor(from, key)) || desc.enumerable,
-        });
-      }
-    }
-    return to;
-  };
-  module.exports = __cp(module.exports, exports);
-}
-return module.exports;
-}))if (typeof module.exports == "object" && typeof exports == "object") {
-  var __cp = (to, from, except, desc) => {
-    if ((from && typeof from === "object") || typeof from === "function") {
-      for (let key of Object.getOwnPropertyNames(from)) {
-        if (!Object.prototype.hasOwnProperty.call(to, key) && key !== except)
-        Object.defineProperty(to, key, {
-          get: () => from[key],
-          enumerable: !(desc = Object.getOwnPropertyDescriptor(from, key)) || desc.enumerable,
-        });
-      }
-    }
-    return to;
-  };
-  module.exports = __cp(module.exports, exports);
-}
-return module.exports;
-}))