@darkchest/wck 0.0.3 → 0.0.5

package/example/dist/index.es.min.js

@@ -0,0 +1,1357 @@
+var ie = Object.defineProperty, se = (t, e, o) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, L = (t, e, o) => (se(t, typeof e != "symbol" ? e + "" : e, o), o);
+function re(t, e) {
+  const o = /* @__PURE__ */ Object.create(null), n = t.split(",");
+  for (let i = 0; i < n.length; i++) o[n[i]] = !0;
+  return (i) => !!o[i];
+}
+function jt(t) {
+  if (b(t)) {
+    const e = {};
+    for (let o = 0; o < t.length; o++) {
+      const n = t[o], i = N(n) ? ae(n) : jt(n);
+      if (i) for (const s in i) e[s] = i[s];
+    }
+    return e;
+  } else if (N(t) || S(t)) return t;
+}
+const le = /;(?![^(]*\))/g, ce = /:(.+)/;
+function ae(t) {
+  const e = {};
+  return t.split(le).forEach((o) => {
+    if (o) {
+      const n = o.split(ce);
+      n.length > 1 && (e[n[0].trim()] = n[1].trim());
+    }
+  }), e;
+}
+function Pt(t) {
+  let e = "";
+  if (N(t)) e = t;
+  else if (b(t)) for (let o = 0; o < t.length; o++) {
+    const n = Pt(t[o]);
+    n && (e += n + " ");
+  }
+  else if (S(t)) for (const o in t) t[o] && (e += o + " ");
+  return e.trim();
+}
+function de(t, e) {
+  if (t.length !== e.length) return !1;
+  let o = !0;
+  for (let n = 0; o && n < t.length; n++) o = R(t[n], e[n]);
+  return o;
+}
+function R(t, e) {
+  if (t === e) return !0;
+  let o = gt(t), n = gt(e);
+  if (o || n) return o && n ? t.getTime() === e.getTime() : !1;
+  if (o = b(t), n = b(e), o || n) return o && n ? de(t, e) : !1;
+  if (o = S(t), n = S(e), o || n) {
+    if (!o || !n) return !1;
+    const i = Object.keys(t).length, s = Object.keys(e).length;
+    if (i !== s) return !1;
+    for (const r in t) {
+      const l = t.hasOwnProperty(r), a = e.hasOwnProperty(r);
+      if (l && !a || !l && a || !R(t[r], e[r])) return !1;
+    }
+  }
+  return String(t) === String(e);
+}
+function G(t, e) {
+  return t.findIndex((o) => R(o, e));
+}
+const pe = Object.assign, ue = (t, e) => {
+  const o = t.indexOf(e);
+  o > -1 && t.splice(o, 1);
+}, fe = Object.prototype.hasOwnProperty, ct = (t, e) => fe.call(t, e), b = Array.isArray, U = (t) => It(t) === "[object Map]", gt = (t) => t instanceof Date, N = (t) => typeof t == "string", at = (t) => typeof t == "symbol", S = (t) => t !== null && typeof t == "object", he = Object.prototype.toString, It = (t) => he.call(t), ge = (t) => It(t).slice(8, -1), dt = (t) => N(t) && t !== "NaN" && t[0] !== "-" && "" + parseInt(t, 10) === t, Rt = (t) => {
+  const e = /* @__PURE__ */ Object.create(null);
+  return (o) => e[o] || (e[o] = t(o));
+}, me = /-(\w)/g, be = Rt((t) => t.replace(me, (e, o) => o ? o.toUpperCase() : "")), ve = /\B([A-Z])/g, Nt = Rt((t) => t.replace(ve, "-$1").toLowerCase()), xe = (t, e) => !Object.is(t, e), mt = (t) => {
+  const e = parseFloat(t);
+  return isNaN(e) ? t : e;
+};
+let ye;
+function Dt(t, e) {
+  e = e || ye, e && e.active && e.effects.push(t);
+}
+const Mt = (t) => {
+  const e = new Set(t);
+  return e.w = 0, e.n = 0, e;
+}, zt = (t) => (t.w & C) > 0, Bt = (t) => (t.n & C) > 0, _e = ({ deps: t }) => {
+  if (t.length) for (let e = 0; e < t.length; e++) t[e].w |= C;
+}, we = (t) => {
+  const { deps: e } = t;
+  if (e.length) {
+    let o = 0;
+    for (let n = 0; n < e.length; n++) {
+      const i = e[n];
+      zt(i) && !Bt(i) ? i.delete(t) : e[o++] = i, i.w &= ~C, i.n &= ~C;
+    }
+    e.length = o;
+  }
+}, X = /* @__PURE__ */ new WeakMap();
+let z = 0, C = 1;
+const tt = 30, M = [];
+let j;
+const W = /* @__PURE__ */ Symbol(""), bt = /* @__PURE__ */ Symbol("");
+class ke {
+  constructor(e, o = null, n) {
+    this.fn = e, this.scheduler = o, this.active = !0, this.deps = [], Dt(this, n);
+  }
+  run() {
+    if (!this.active) return this.fn();
+    if (!M.includes(this)) try {
+      return M.push(j = this), Se(), C = 1 << ++z, z <= tt ? _e(this) : vt(this), this.fn();
+    } finally {
+      z <= tt && we(this), C = 1 << --z, Ht(), M.pop();
+      const e = M.length;
+      j = e > 0 ? M[e - 1] : void 0;
+    }
+  }
+  stop() {
+    this.active && (vt(this), this.onStop && this.onStop(), this.active = !1);
+  }
+}
+function vt(t) {
+  const { deps: e } = t;
+  if (e.length) {
+    for (let o = 0; o < e.length; o++) e[o].delete(t);
+    e.length = 0;
+  }
+}
+function Te(t, e) {
+  t.effect && (t = t.effect.fn);
+  const o = new ke(t);
+  e && (pe(o, e), e.scope && Dt(o, e.scope)), (!e || !e.lazy) && o.run();
+  const n = o.run.bind(o);
+  return n.effect = o, n;
+}
+function $e(t) {
+  t.effect.stop();
+}
+let D = !0;
+const pt = [];
+function Ee() {
+  pt.push(D), D = !1;
+}
+function Se() {
+  pt.push(D), D = !0;
+}
+function Ht() {
+  const t = pt.pop();
+  D = t === void 0 ? !0 : t;
+}
+function K(t, e, o) {
+  if (!Ce()) return;
+  let n = X.get(t);
+  n || X.set(t, n = /* @__PURE__ */ new Map());
+  let i = n.get(o);
+  i || n.set(o, i = Mt()), Oe(i);
+}
+function Ce() {
+  return D && j !== void 0;
+}
+function Oe(t, e) {
+  let o = !1;
+  z <= tt ? Bt(t) || (t.n |= C, o = !zt(t)) : o = !t.has(j), o && (t.add(j), j.deps.push(t));
+}
+function et(t, e, o, n, i, s) {
+  const r = X.get(t);
+  if (!r) return;
+  let l = [];
+  if (e === "clear") l = [...r.values()];
+  else if (o === "length" && b(t)) r.forEach((a, c) => {
+    (c === "length" || c >= n) && l.push(a);
+  });
+  else switch (o !== void 0 && l.push(r.get(o)), e) {
+    case "add":
+      b(t) ? dt(o) && l.push(r.get("length")) : (l.push(r.get(W)), U(t) && l.push(r.get(bt)));
+      break;
+    case "delete":
+      b(t) || (l.push(r.get(W)), U(t) && l.push(r.get(bt)));
+      break;
+    case "set":
+      U(t) && l.push(r.get(W));
+      break;
+  }
+  if (l.length === 1) l[0] && xt(l[0]);
+  else {
+    const a = [];
+    for (const c of l) c && a.push(...c);
+    xt(Mt(a));
+  }
+}
+function xt(t, e) {
+  for (const o of b(t) ? t : [...t]) (o !== j || o.allowRecurse) && (o.scheduler ? o.scheduler() : o.run());
+}
+const Ae = re("__proto__,__v_isRef,__isVue"), Vt = new Set(Object.getOwnPropertyNames(Symbol).map((t) => Symbol[t]).filter(at)), Le = Wt(), je = Wt(!0), yt = Pe();
+function Pe() {
+  const t = {};
+  return ["includes", "indexOf", "lastIndexOf"].forEach((e) => {
+    t[e] = function(...o) {
+      const n = P(this);
+      for (let s = 0, r = this.length; s < r; s++) K(n, "get", s + "");
+      const i = n[e](...o);
+      return i === -1 || i === !1 ? n[e](...o.map(P)) : i;
+    };
+  }), ["push", "pop", "shift", "unshift", "splice"].forEach((e) => {
+    t[e] = function(...o) {
+      Ee();
+      const n = P(this)[e].apply(this, o);
+      return Ht(), n;
+    };
+  }), t;
+}
+function Wt(t = !1, e = !1) {
+  return function(o, n, i) {
+    if (n === "__v_isReactive") return !t;
+    if (n === "__v_isReadonly") return t;
+    if (n === "__v_raw" && i === (t ? e ? Ve : Kt : e ? He : Ft).get(o)) return o;
+    const s = b(o);
+    if (!t && s && ct(yt, n)) return Reflect.get(yt, n, i);
+    const r = Reflect.get(o, n, i);
+    return (at(n) ? Vt.has(n) : Ae(n)) || (t || K(o, "get", n), e) ? r : ot(r) ? !s || !dt(n) ? r.value : r : S(r) ? t ? Ke(r) : H(r) : r;
+  };
+}
+const Ie = Re();
+function Re(t = !1) {
+  return function(e, o, n, i) {
+    let s = e[o];
+    if (!t && !Je(n) && (n = P(n), s = P(s), !b(e) && ot(s) && !ot(n))) return s.value = n, !0;
+    const r = b(e) && dt(o) ? Number(o) < e.length : ct(e, o), l = Reflect.set(e, o, n, i);
+    return e === P(i) && (r ? xe(n, s) && et(e, "set", o, n) : et(e, "add", o, n)), l;
+  };
+}
+function Ne(t, e) {
+  const o = ct(t, e);
+  t[e];
+  const n = Reflect.deleteProperty(t, e);
+  return n && o && et(t, "delete", e, void 0), n;
+}
+function De(t, e) {
+  const o = Reflect.has(t, e);
+  return (!at(e) || !Vt.has(e)) && K(t, "has", e), o;
+}
+function Me(t) {
+  return K(t, "iterate", b(t) ? "length" : W), Reflect.ownKeys(t);
+}
+const ze = { get: Le, set: Ie, deleteProperty: Ne, has: De, ownKeys: Me }, Be = { get: je, set(t, e) {
+  return !0;
+}, deleteProperty(t, e) {
+  return !0;
+} }, Ft = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), Kt = /* @__PURE__ */ new WeakMap(), Ve = /* @__PURE__ */ new WeakMap();
+function We(t) {
+  switch (t) {
+    case "Object":
+    case "Array":
+      return 1;
+    case "Map":
+    case "Set":
+    case "WeakMap":
+    case "WeakSet":
+      return 2;
+    default:
+      return 0;
+  }
+}
+function Fe(t) {
+  return t.__v_skip || !Object.isExtensible(t) ? 0 : We(ge(t));
+}
+function H(t) {
+  return t && t.__v_isReadonly ? t : Jt(t, !1, ze, null, Ft);
+}
+function Ke(t) {
+  return Jt(t, !0, Be, null, Kt);
+}
+function Jt(t, e, o, n, i) {
+  if (!S(t) || t.__v_raw && !(e && t.__v_isReactive)) return t;
+  const s = i.get(t);
+  if (s) return s;
+  const r = Fe(t);
+  if (r === 0) return t;
+  const l = new Proxy(t, r === 2 ? n : o);
+  return i.set(t, l), l;
+}
+function Je(t) {
+  return !!(t && t.__v_isReadonly);
+}
+function P(t) {
+  const e = t && t.__v_raw;
+  return e ? P(e) : t;
+}
+function ot(t) {
+  return !!(t && t.__v_isRef === !0);
+}
+Promise.resolve();
+let nt = !1;
+const F = [], qe = Promise.resolve(), J = (t) => qe.then(t), _t = (t) => {
+  F.includes(t) || F.push(t), nt || (nt = !0, J(Ze));
+}, Ze = () => {
+  for (const t of F) t();
+  F.length = 0, nt = !1;
+}, Ge = /^(spellcheck|draggable|form|list|type)$/, it = ({ el: t, get: e, effect: o, arg: n, modifiers: i }) => {
+  let s;
+  n === "class" && (t._class = t.className), o(() => {
+    let r = e();
+    if (n) i?.camel && (n = be(n)), Y(t, n, r, s);
+    else {
+      for (const l in r) Y(t, l, r[l], s && s[l]);
+      for (const l in s) (!r || !(l in r)) && Y(t, l, null);
+    }
+    s = r;
+  });
+}, Y = (t, e, o, n) => {
+  if (e === "class") t.setAttribute("class", Pt(t._class ? [t._class, o] : o) || "");
+  else if (e === "style") {
+    o = jt(o);
+    const { style: i } = t;
+    if (!o) t.removeAttribute("style");
+    else if (N(o)) o !== n && (i.cssText = o);
+    else {
+      for (const s in o) st(i, s, o[s]);
+      if (n && !N(n)) for (const s in n) o[s] == null && st(i, s, "");
+    }
+  } else !(t instanceof SVGElement) && e in t && !Ge.test(e) ? (t[e] = o, e === "value" && (t._value = o)) : e === "true-value" ? t._trueValue = o : e === "false-value" ? t._falseValue = o : o != null ? t.setAttribute(e, o) : t.removeAttribute(e);
+}, wt = /\s*!important$/, st = (t, e, o) => {
+  b(o) ? o.forEach((n) => st(t, e, n)) : e.startsWith("--") ? t.setProperty(e, o) : wt.test(o) ? t.setProperty(Nt(e), o.replace(wt, ""), "important") : t[e] = o;
+}, E = (t, e) => {
+  const o = t.getAttribute(e);
+  return o != null && t.removeAttribute(e), o;
+}, $ = (t, e, o, n) => {
+  t.addEventListener(e, o, n);
+}, Ue = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/, Ye = ["ctrl", "shift", "alt", "meta"], Qe = { stop: (t) => t.stopPropagation(), prevent: (t) => t.preventDefault(), self: (t) => t.target !== t.currentTarget, ctrl: (t) => !t.ctrlKey, shift: (t) => !t.shiftKey, alt: (t) => !t.altKey, meta: (t) => !t.metaKey, left: (t) => "button" in t && t.button !== 0, middle: (t) => "button" in t && t.button !== 1, right: (t) => "button" in t && t.button !== 2, exact: (t, e) => Ye.some((o) => t[`${o}Key`] && !e[o]) }, qt = ({ el: t, get: e, exp: o, arg: n, modifiers: i }) => {
+  if (!n) return;
+  let s = Ue.test(o) ? e(`(e => ${o}(e))`) : e(`($event => { ${o} })`);
+  if (n === "vue:mounted") {
+    J(s);
+    return;
+  } else if (n === "vue:unmounted") return () => s();
+  if (i) {
+    n === "click" && (i.right && (n = "contextmenu"), i.middle && (n = "mouseup"));
+    const r = s;
+    s = (l) => {
+      if (!("key" in l && !(Nt(l.key) in i))) {
+        for (const a in i) {
+          const c = Qe[a];
+          if (c && c(l, i)) return;
+        }
+        return r(l);
+      }
+    };
+  }
+  $(t, n, s, i);
+}, Xe = ({ el: t, get: e, effect: o }) => {
+  const n = t.style.display;
+  o(() => {
+    t.style.display = e() ? n : "none";
+  });
+}, Zt = ({ el: t, get: e, effect: o }) => {
+  o(() => {
+    t.textContent = Gt(e());
+  });
+}, Gt = (t) => t == null ? "" : S(t) ? JSON.stringify(t, null, 2) : String(t), to = ({ el: t, get: e, effect: o }) => {
+  o(() => {
+    t.innerHTML = e();
+  });
+}, eo = ({ el: t, exp: e, get: o, effect: n, modifiers: i }) => {
+  const s = t.type, r = o(`(val) => { ${e} = val }`), { trim: l, number: a = s === "number" } = i || {};
+  if (t.tagName === "SELECT") {
+    const c = t;
+    $(t, "change", () => {
+      const d = Array.prototype.filter.call(c.options, (p) => p.selected).map((p) => a ? mt(T(p)) : T(p));
+      r(c.multiple ? d : d[0]);
+    }), n(() => {
+      const d = o(), p = c.multiple;
+      for (let u = 0, x = c.options.length; u < x; u++) {
+        const v = c.options[u], y = T(v);
+        if (p) b(d) ? v.selected = G(d, y) > -1 : v.selected = d.has(y);
+        else if (R(T(v), d)) {
+          c.selectedIndex !== u && (c.selectedIndex = u);
+          return;
+        }
+      }
+      !p && c.selectedIndex !== -1 && (c.selectedIndex = -1);
+    });
+  } else if (s === "checkbox") {
+    $(t, "change", () => {
+      const d = o(), p = t.checked;
+      if (b(d)) {
+        const u = T(t), x = G(d, u), v = x !== -1;
+        if (p && !v) r(d.concat(u));
+        else if (!p && v) {
+          const y = [...d];
+          y.splice(x, 1), r(y);
+        }
+      } else r(kt(t, p));
+    });
+    let c;
+    n(() => {
+      const d = o();
+      b(d) ? t.checked = G(d, T(t)) > -1 : d !== c && (t.checked = R(d, kt(t, !0))), c = d;
+    });
+  } else if (s === "radio") {
+    $(t, "change", () => {
+      r(T(t));
+    });
+    let c;
+    n(() => {
+      const d = o();
+      d !== c && (t.checked = R(d, T(t)));
+    });
+  } else {
+    const c = (d) => l ? d.trim() : a ? mt(d) : d;
+    $(t, "compositionstart", oo), $(t, "compositionend", no), $(t, i?.lazy ? "change" : "input", () => {
+      t.composing || r(c(t.value));
+    }), l && $(t, "change", () => {
+      t.value = t.value.trim();
+    }), n(() => {
+      if (t.composing) return;
+      const d = t.value, p = o();
+      document.activeElement === t && c(d) === p || d !== p && (t.value = p);
+    });
+  }
+}, T = (t) => "_value" in t ? t._value : t.value, kt = (t, e) => {
+  const o = e ? "_trueValue" : "_falseValue";
+  return o in t ? t[o] : e;
+}, oo = (t) => {
+  t.target.composing = !0;
+}, no = (t) => {
+  const e = t.target;
+  e.composing && (e.composing = !1, io(e, "input"));
+}, io = (t, e) => {
+  const o = document.createEvent("HTMLEvents");
+  o.initEvent(e, !0, !0), t.dispatchEvent(o);
+}, Tt = /* @__PURE__ */ Object.create(null), B = (t, e, o) => Ut(t, `return(${e})`, o), Ut = (t, e, o) => {
+  const n = Tt[e] || (Tt[e] = so(e));
+  try {
+    return n(t, o);
+  } catch (i) {
+    console.error(i);
+  }
+}, so = (t) => {
+  try {
+    return new Function("$data", "$el", `with($data){${t}}`);
+  } catch (e) {
+    return console.error(`${e.message} in expression: ${t}`), () => {
+    };
+  }
+}, ro = ({ el: t, ctx: e, exp: o, effect: n }) => {
+  J(() => n(() => Ut(e.scope, o, t)));
+}, lo = { bind: it, on: qt, show: Xe, text: Zt, html: to, model: eo, effect: ro }, co = (t, e, o) => {
+  const n = t.parentElement, i = new Comment("v-if");
+  n.insertBefore(i, t);
+  const s = [{ exp: e, el: t }];
+  let r, l;
+  for (; (r = t.nextElementSibling) && (l = null, E(r, "v-else") === "" || (l = E(r, "v-else-if"))); ) n.removeChild(r), s.push({ exp: l, el: r });
+  const a = t.nextSibling;
+  n.removeChild(t);
+  let c, d = -1;
+  const p = () => {
+    c && (n.insertBefore(i, c.el), c.remove(), c = void 0);
+  };
+  return o.effect(() => {
+    for (let u = 0; u < s.length; u++) {
+      const { exp: x, el: v } = s[u];
+      if (!x || B(o.scope, x)) {
+        u !== d && (p(), c = new ut(v, o), c.insert(n, i), n.removeChild(i), d = u);
+        return;
+      }
+    }
+    d = -1, p();
+  }), a;
+}, ao = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/, $t = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/, po = /^\(|\)$/g, uo = /^[{[]\s*((?:[\w_$]+\s*,?\s*)+)[\]}]$/, fo = (t, e, o) => {
+  const n = e.match(ao);
+  if (!n) return;
+  const i = t.nextSibling, s = t.parentElement, r = new Text("");
+  s.insertBefore(r, t), s.removeChild(t);
+  const l = n[2].trim();
+  let a = n[1].trim().replace(po, "").trim(), c, d = !1, p, u, x = "key", v = t.getAttribute(x) || t.getAttribute(x = ":key") || t.getAttribute(x = "v-bind:key");
+  v && (t.removeAttribute(x), x === "key" && (v = JSON.stringify(v)));
+  let y;
+  (y = a.match($t)) && (a = a.replace($t, "").trim(), p = y[1].trim(), y[2] && (u = y[2].trim())), (y = a.match(uo)) && (c = y[1].split(",").map((g) => g.trim()), d = a[0] === "[");
+  let ft = !1, O, V, q;
+  const ne = (g) => {
+    const _ = /* @__PURE__ */ new Map(), f = [];
+    if (b(g)) for (let h = 0; h < g.length; h++) f.push(Z(_, g[h], h));
+    else if (typeof g == "number") for (let h = 0; h < g; h++) f.push(Z(_, h + 1, h));
+    else if (S(g)) {
+      let h = 0;
+      for (const m in g) f.push(Z(_, g[m], h++, m));
+    }
+    return [f, _];
+  }, Z = (g, _, f, h) => {
+    const m = {};
+    c ? c.forEach((A, k) => m[A] = _[d ? k : A]) : m[a] = _, h ? (p && (m[p] = h), u && (m[u] = f)) : p && (m[p] = f);
+    const I = te(o, m), w = v ? B(I.scope, v) : f;
+    return g.set(w, f), I.key = w, I;
+  }, ht = (g, _) => {
+    const f = new ut(t, g);
+    return f.key = g.key, f.insert(s, _), f;
+  };
+  return o.effect(() => {
+    const g = B(o.scope, l), _ = q;
+    if ([V, q] = ne(g), !ft) O = V.map((f) => ht(f, r)), ft = !0;
+    else {
+      for (let w = 0; w < O.length; w++) q.has(O[w].key) || O[w].remove();
+      const f = [];
+      let h = V.length, m, I;
+      for (; h--; ) {
+        const w = V[h], A = _.get(w.key);
+        let k;
+        A == null ? k = ht(w, m ? m.el : r) : (k = O[A], Object.assign(k.ctx.scope, w.scope), A !== h && (O[A + 1] !== m || I === m) && (I = k, k.insert(s, m ? m.el : r))), f.unshift(m = k);
+      }
+      O = f;
+    }
+  }), i;
+}, Yt = ({ el: t, ctx: { scope: { $refs: e } }, get: o, effect: n }) => {
+  let i;
+  return n(() => {
+    const s = o();
+    e[s] = t, i && s !== i && delete e[i], i = s;
+  }), () => {
+    i && delete e[i];
+  };
+}, ho = /^(?:v-|:|@)/, go = /\.([\w-]+)/g;
+let rt = !1;
+const Qt = (t, e) => {
+  const o = t.nodeType;
+  if (o === 1) {
+    const n = t;
+    if (n.hasAttribute("v-pre")) return;
+    E(n, "v-cloak");
+    let i;
+    if (i = E(n, "v-if")) return co(n, i, e);
+    if (i = E(n, "v-for")) return fo(n, i, e);
+    if ((i = E(n, "v-scope")) || i === "") {
+      const l = i ? B(e.scope, i) : {};
+      e = te(e, l), l.$template && mo(n, l.$template);
+    }
+    const s = E(n, "v-once") != null;
+    s && (rt = !0), (i = E(n, "ref")) && lt(n, Yt, `"${i}"`, e), Et(n, e);
+    const r = [];
+    for (const { name: l, value: a } of [...n.attributes]) ho.test(l) && l !== "v-cloak" && (l === "v-model" ? r.unshift([l, a]) : l[0] === "@" || /^v-on\b/.test(l) ? r.push([l, a]) : St(n, l, a, e));
+    for (const [l, a] of r) St(n, l, a, e);
+    s && (rt = !1);
+  } else if (o === 3) {
+    const n = t.data;
+    if (n.includes(e.delimiters[0])) {
+      let i = [], s = 0, r;
+      for (; r = e.delimitersRE.exec(n); ) {
+        const l = n.slice(s, r.index);
+        l && i.push(JSON.stringify(l)), i.push(`$s(${r[1]})`), s = r.index + r[0].length;
+      }
+      s < n.length && i.push(JSON.stringify(n.slice(s))), lt(t, Zt, i.join("+"), e);
+    }
+  } else o === 11 && Et(t, e);
+}, Et = (t, e) => {
+  let o = t.firstChild;
+  for (; o; ) o = Qt(o, e) || o.nextSibling;
+}, St = (t, e, o, n) => {
+  let i, s, r;
+  if (e = e.replace(go, (l, a) => ((r || (r = {}))[a] = !0, "")), e[0] === ":") i = it, s = e.slice(1);
+  else if (e[0] === "@") i = qt, s = e.slice(1);
+  else {
+    const l = e.indexOf(":"), a = l > 0 ? e.slice(2, l) : e.slice(2);
+    i = lo[a] || n.dirs[a], s = l > 0 ? e.slice(l + 1) : void 0;
+  }
+  i && (i === it && s === "ref" && (i = Yt), lt(t, i, o, n, s, r), t.removeAttribute(e));
+}, lt = (t, e, o, n, i, s) => {
+  const r = e({ el: t, get: (l = o) => B(n.scope, l, t), effect: n.effect, ctx: n, exp: o, arg: i, modifiers: s });
+  r && n.cleanups.push(r);
+}, mo = (t, e) => {
+  if (e[0] === "#") {
+    const o = document.querySelector(e);
+    t.appendChild(o.content.cloneNode(!0));
+    return;
+  }
+  t.innerHTML = e;
+}, Xt = (t) => {
+  const e = { delimiters: ["{{", "}}"], delimitersRE: /\{\{([^]+?)\}\}/g, ...t, scope: t ? t.scope : H({}), dirs: t ? t.dirs : {}, effects: [], blocks: [], cleanups: [], effect: (o) => {
+    if (rt) return _t(o), o;
+    const n = Te(o, { scheduler: () => _t(n) });
+    return e.effects.push(n), n;
+  } };
+  return e;
+}, te = (t, e = {}) => {
+  const o = t.scope, n = Object.create(o);
+  Object.defineProperties(n, Object.getOwnPropertyDescriptors(e)), n.$refs = Object.create(o.$refs);
+  const i = H(new Proxy(n, { set(s, r, l, a) {
+    return a === i && !s.hasOwnProperty(r) ? Reflect.set(o, r, l) : Reflect.set(s, r, l, a);
+  } }));
+  return ee(i), { ...t, scope: i };
+}, ee = (t) => {
+  for (const e of Object.keys(t)) typeof t[e] == "function" && (t[e] = t[e].bind(t));
+};
+class ut {
+  constructor(e, o, n = !1) {
+    L(this, "template"), L(this, "ctx"), L(this, "key"), L(this, "parentCtx"), L(this, "isFragment"), L(this, "start"), L(this, "end"), this.isFragment = e instanceof HTMLTemplateElement, n ? this.template = e : this.isFragment ? this.template = e.content.cloneNode(!0) : this.template = e.cloneNode(!0), n ? this.ctx = o : (this.parentCtx = o, o.blocks.push(this), this.ctx = Xt(o)), Qt(this.template, this.ctx);
+  }
+  get el() {
+    return this.start || this.template;
+  }
+  insert(e, o = null) {
+    if (this.isFragment) if (this.start) {
+      let n = this.start, i;
+      for (; n && (i = n.nextSibling, e.insertBefore(n, o), n !== this.end); ) n = i;
+    } else this.start = new Text(""), this.end = new Text(""), e.insertBefore(this.end, o), e.insertBefore(this.start, this.end), e.insertBefore(this.template, this.end);
+    else e.insertBefore(this.template, o);
+  }
+  remove() {
+    if (this.parentCtx && ue(this.parentCtx.blocks, this), this.start) {
+      const e = this.start.parentNode;
+      let o = this.start, n;
+      for (; o && (n = o.nextSibling, e.removeChild(o), o !== this.end); ) o = n;
+    } else this.template.parentNode.removeChild(this.template);
+    this.teardown();
+  }
+  teardown() {
+    this.ctx.blocks.forEach((e) => {
+      e.teardown();
+    }), this.ctx.effects.forEach($e), this.ctx.cleanups.forEach((e) => e());
+  }
+}
+const Ct = (t) => t.replace(/[-.*+?^${}()|[\]\/\\]/g, "\\$&"), oe = (t) => {
+  const e = Xt();
+  if (t && (e.scope = H(t), ee(e.scope), t.$delimiters)) {
+    const [n, i] = e.delimiters = t.$delimiters;
+    e.delimitersRE = new RegExp(Ct(n) + "([^]+?)" + Ct(i), "g");
+  }
+  e.scope.$s = Gt, e.scope.$nextTick = J, e.scope.$refs = /* @__PURE__ */ Object.create(null);
+  let o;
+  return { directive(n, i) {
+    return i ? (e.dirs[n] = i, this) : e.dirs[n];
+  }, mount(n) {
+    if (typeof n == "string" && (n = document.querySelector(n), !n)) return;
+    n = n || document.documentElement;
+    let i;
+    return n.hasAttribute("v-scope") ? i = [n] : i = [...n.querySelectorAll("[v-scope]")].filter((s) => !s.matches("[v-scope] [v-scope]")), i.length || (i = [n]), o = i.map((s) => new ut(s, e, !0)), this;
+  }, unmount() {
+    o.forEach((n) => n.teardown());
+  } };
+}, Ot = document.currentScript;
+Ot && Ot.hasAttribute("init") && oe().mount();
+const At = function(t) {
+  return !t || !t.tagName ? !1 : [
+    // 检查1：是否是自定义元素标签（包含短横线）
+    () => t.tagName.includes("-"),
+    // 检查2：是否有 shadowRoot
+    () => !!t.shadowRoot,
+    // 检查3：检查是否注册为自定义元素
+    () => {
+      try {
+        return customElements.get(t.tagName.toLowerCase()) !== void 0;
+      } catch {
+        return !1;
+      }
+    },
+    // 检查4：检查是否有常见的 Web Component 特征
+    () => ["__isDarkchest", "__componentId"].some((n) => n in t)
+  ].some((o) => o());
+}, Q = "[@DARKCHEST/LIT]", Lt = {
+  log: (...t) => console.log(`${Q} `, ...t),
+  warn: (...t) => console.warn(`${Q} `, ...t),
+  error: (...t) => console.error(`${Q} `, ...t)
+};
+class bo extends HTMLElement {
+  static observedAttributes = ["initialtodos", "apptitle", "enablelocalstorage", "initial-todos", "app-title", "enable-local-storage"];
+  constructor() {
+    super(), this._isDarkchest = !0, this._componentId = Math.random().toString(36).substring(2), this._types = { initialTodos: { type: ["Array", "Object"], attr: "initialTodos" }, initialtodos: { type: ["Array", "Object"], attr: "initialTodos" }, "initial-todos": { type: ["Array", "Object"], attr: "initialTodos" }, appTitle: { type: ["String"], attr: "appTitle" }, apptitle: { type: ["String"], attr: "appTitle" }, "app-title": { type: ["String"], attr: "appTitle" }, enableLocalStorage: { type: ["Boolean"], attr: "enableLocalStorage" }, enablelocalstorage: { type: ["Boolean"], attr: "enableLocalStorage" }, "enable-local-storage": { type: ["Boolean"], attr: "enableLocalStorage" } }, this._watchers = {}, this._listeners = [], this._el = null, this._parent = null, this._children = [], this._eventPrefix = "@", this.attachShadow({ mode: "open" });
+    const e = document.createElement("style");
+    e.textContent = `
+      *, *::before, *::after {
+        padding: 0;
+        margin: 0;
+        box-sizing: border-box;
+      }
+      #app {
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.todo-container {
+  background: white;
+  border-radius: 10px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  padding: 30px;
+}
+
+header {
+  text-align: center;
+  margin-bottom: 30px;
+  border-bottom: 1px solid #eee;
+  padding-bottom: 20px;
+}
+
+.app-title {
+  color: #42b983;
+  font-size: 2.5rem;
+  margin-bottom: 10px;
+}
+
+.app-description {
+  color: #7f8c8d;
+  font-size: 1rem;
+}
+
+.add-todo {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+
+.todo-input {
+  flex: 1;
+  padding: 12px 15px;
+  border: 2px solid #e0e0e0;
+  border-radius: 6px;
+  font-size: 16px;
+  transition: border-color 0.3s;
+}
+
+.todo-input:focus {
+  border-color: #42b983;
+  outline: none;
+}
+
+.add-btn, .clear-btn {
+  padding: 12px 20px;
+  border: none;
+  border-radius: 6px;
+  font-weight: bold;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.add-btn {
+  background-color: #42b983;
+  color: white;
+}
+
+.add-btn:hover {
+  background-color: #3aa876;
+}
+
+.clear-btn {
+  background-color: #f0f0f0;
+  color: #333;
+}
+
+.clear-btn:hover {
+  background-color: #e0e0e0;
+}
+
+.filter-controls {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 25px;
+}
+
+.filter-btn {
+  flex: 1;
+  padding: 10px;
+  background-color: #f8f9fa;
+  border: 1px solid #dee2e6;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.filter-btn.active {
+  background-color: #42b983;
+  color: white;
+  border-color: #42b983;
+}
+
+.filter-btn:hover:not(.active) {
+  background-color: #e9ecef;
+}
+
+.todo-list {
+  margin-bottom: 25px;
+}
+
+.empty-state {
+  text-align: center;
+  padding: 40px 20px;
+  color: #95a5a6;
+  font-style: italic;
+}
+
+.todo-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15px;
+  border-bottom: 1px solid #f0f0f0;
+  transition: all 0.3s;
+  border-radius: 6px;
+  margin-bottom: 8px;
+  background-color: #f9f9f9;
+}
+
+.todo-item:hover {
+  background-color: #f0f0f0;
+  transform: translateY(-2px);
+}
+
+.todo-item.completed {
+  opacity: 0.8;
+  background-color: #f0f9f0;
+}
+
+.todo-content {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  flex: 1;
+}
+
+.todo-checkbox {
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+}
+
+.todo-text {
+  flex: 1;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.todo-item.completed .todo-text span:first-child {
+  text-decoration: line-through;
+  color: #95a5a6;
+}
+
+.todo-date {
+  font-size: 0.8rem;
+  color: #95a5a6;
+}
+
+.todo-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.edit-btn, .delete-btn {
+  padding: 6px 12px;
+  border: none;
+  border-radius: 4px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.edit-btn {
+  background-color: #f0f0f0;
+  color: #333;
+}
+
+.edit-btn:hover {
+  background-color: #e0e0e0;
+}
+
+.delete-btn {
+  background-color: #ff6b6b;
+  color: white;
+}
+
+.delete-btn:hover {
+  background-color: #ff5252;
+}
+
+.stats {
+  margin-top: 25px;
+  padding-top: 20px;
+  border-top: 1px solid #eee;
+  color: #7f8c8d;
+}
+
+.completion-rate {
+  color: #42b983;
+  font-weight: bold;
+}
+
+.progress-container {
+  height: 10px;
+  background-color: #f0f0f0;
+  border-radius: 5px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+
+.progress-bar {
+  height: 100%;
+  background-color: #42b983;
+  border-radius: 5px;
+  transition: width 0.5s ease;
+}
+
+footer {
+  margin-top: 30px;
+  padding-top: 20px;
+  border-top: 1px solid #eee;
+  text-align: center;
+  color: #95a5a6;
+  font-size: 0.9rem;
+}
+
+.footer-text {
+  margin: 5px 0;
+}
+
+/* 编辑模态框样式 */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.modal {
+  background-color: white;
+  padding: 30px;
+  border-radius: 10px;
+  width: 90%;
+  max-width: 500px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+
+.modal h3 {
+  margin-top: 0;
+  margin-bottom: 20px;
+  color: #2c3e50;
+}
+
+.edit-input {
+  width: 100%;
+  padding: 12px 15px;
+  border: 2px solid #42b983;
+  border-radius: 6px;
+  font-size: 16px;
+  margin-bottom: 20px;
+}
+
+.modal-actions {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+}
+
+.save-btn, .cancel-btn {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 6px;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+.save-btn {
+  background-color: #42b983;
+  color: white;
+}
+
+.save-btn:hover {
+  background-color: #3aa876;
+}
+
+.cancel-btn {
+  background-color: #f0f0f0;
+  color: #333;
+}
+
+.cancel-btn:hover {
+  background-color: #e0e0e0;
+}
+    `;
+    const o = document.createElement("div");
+    o.innerHTML = `<div :data-watch-todos="$todos" :data-watch-filter="$filter">
+  <div id="app">
+    <div class="todo-container">
+      <!-- Header Slot -->
+      <header>
+        <slot name="header">
+          <h1 class="app-title">{{ appTitle }}</h1>
+          <p class="app-description">使用 Vue2 实现的 Todo List 应用</p>
+        </slot>
+      </header>
+
+      <!-- Add Todo Form -->
+      <div class="add-todo">
+        <input
+          type="text"
+          v-model="newTodo"
+          placeholder="请输入待办事项..."
+          @keyup.enter="addTodo"
+          class="todo-input"
+        />
+        <button @click="addTodo" class="add-btn">添加</button>
+        <button @click="clearCompleted" class="clear-btn">清除已完成</button>
+      </div>
+
+      <!-- Filter Controls -->
+      <div class="filter-controls">
+        <button 
+          @click="filter = 'all'"
+          :class="{ active: filter === 'all' }"
+          class="filter-btn"
+        >
+          全部 ({{ totalTodos }})
+        </button>
+        <button 
+          @click="filter = 'active'"
+          :class="{ active: filter === 'active' }"
+          class="filter-btn"
+        >
+          未完成 ({{ activeTodosCount }})
+        </button>
+        <button 
+          @click="filter = 'completed'"
+          :class="{ active: filter === 'completed' }"
+          class="filter-btn"
+        >
+          已完成 ({{ completedTodosCount }})
+        </button>
+      </div>
+
+      <!-- Todo List -->
+      <div class="todo-list">
+        <div v-if="filteredTodos.length === 0" class="empty-state">
+          <p v-if="todos.length === 0">暂无待办事项，请添加一个吧！</p>
+          <p v-else>没有{{ filter === 'active' ? '未完成' : '已完成' }}的事项</p>
+        </div>
+        
+        <div 
+          v-for="todo in filteredTodos" 
+          :key="todo.id"
+          class="todo-item"
+          :class="{ completed: todo.completed }"
+        >
+          <div class="todo-content">
+            <input 
+              type="checkbox" 
+              v-model="todo.completed"
+              class="todo-checkbox"
+              :id="'todo-' + todo.id"
+            />
+            <label :for="'todo-' + todo.id" class="todo-text">
+              <span>{{ todo.text }}</span>
+              <span class="todo-date">{{ formatDate(todo.createdAt) }}</span>
+            </label>
+          </div>
+          <div class="todo-actions">
+            <button @click="editTodo(todo)" class="edit-btn">编辑</button>
+            <button @click="deleteTodo(todo.id)" class="delete-btn">删除</button>
+          </div>
+        </div>
+      </div>
+
+      <!-- Stats -->
+      <div class="stats">
+        <p v-if="todos.length > 0">
+          已完成 {{ completedTodosCount }} / 总共 {{ totalTodos }} 个待办事项
+          <span v-if="hasCompletedTodos" class="completion-rate">
+            (完成率: {{ completionRate }}%)
+          </span>
+        </p>
+        
+        <!-- Progress Bar Slot -->
+        <slot name="progress">
+          <div class="progress-container">
+            <div class="progress-bar" :style="{ width: completionRate + '%' }"></div>
+          </div>
+        </slot>
+      </div>
+
+      <!-- Footer Slot -->
+      <footer>
+        <slot name="footer">
+          <p class="footer-text">双击事项可标记为完成/未完成</p>
+          <p class="footer-text">使用 Vue2 实现 - 包含 Props, Data, Methods, Slots, Watch, Computed, 生命周期</p>
+        </slot>
+      </footer>
+    </div>
+
+    <!-- Edit Modal -->
+    <div v-if="editingTodo" class="modal-overlay" @click="cancelEdit">
+      <div class="modal" @click.stop>
+        <h3>编辑待办事项</h3>
+        <input 
+          type="text" 
+          v-model="editingTodo.text" 
+          @keyup.enter="saveEdit"
+          class="edit-input"
+        />
+        <div class="modal-actions">
+          <button @click="saveEdit" class="save-btn">保存</button>
+          <button @click="cancelEdit" class="cancel-btn">取消</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>`, this._el = o.firstElementChild, this.shadowRoot.appendChild(e), this.shadowRoot.appendChild(this._el), this.app = null;
+  }
+  connectedCallback() {
+    const e = this;
+    this.app = H({
+      initialTodos: function() {
+        return [];
+      },
+      appTitle: "我的待办清单",
+      enableLocalStorage: !0,
+      newTodo: "",
+      todos: [],
+      filter: "all",
+      editingTodo: null,
+      lastTodoId: 0,
+      get filteredTodos() {
+        switch (this.filter) {
+          case "active":
+            return this.todos.filter((n) => !n.completed);
+          case "completed":
+            return this.todos.filter((n) => n.completed);
+          default:
+            return this.todos;
+        }
+      },
+      get activeTodosCount() {
+        return this.todos.filter((n) => !n.completed).length;
+      },
+      get completedTodosCount() {
+        return this.todos.filter((n) => n.completed).length;
+      },
+      get totalTodos() {
+        return this.todos.length;
+      },
+      get completionRate() {
+        return this.totalTodos === 0 ? 0 : Math.round(this.completedTodosCount / this.totalTodos * 100);
+      },
+      get hasCompletedTodos() {
+        return this.completedTodosCount > 0;
+      },
+      $todos_handler(n, i) {
+        e._watchers.$todos = n, i?.split?.(",")?.shift?.()?.trim?.(), this.enableLocalStorage && localStorage.setItem("vue-todos", JSON.stringify(n)), this.$emit("todos-updated", n);
+      },
+      get $todos() {
+        const n = this.todos;
+        return e._watchers.$todos !== n && this.$todos_handler(n, e._watchers.$todos), n;
+      },
+      $filter_handler(n, i) {
+        e._watchers.$filter = n, i?.split?.(",")?.shift?.()?.trim?.(), console.log("过滤器已更改为: " + n);
+      },
+      get $filter() {
+        const n = this.filter;
+        return e._watchers.$filter !== n && this.$filter_handler(n, e._watchers.$filter), n;
+      },
+      addTodo() {
+        this.newTodo.trim() !== "" && (this.todos.push({
+          id: ++this.lastTodoId,
+          text: this.newTodo.trim(),
+          completed: !1,
+          createdAt: /* @__PURE__ */ new Date()
+        }), this.newTodo = "", console.log("已添加新的待办事项"));
+      },
+      deleteTodo(n) {
+        const i = this.todos.findIndex((s) => s.id === n);
+        i !== -1 && (this.todos.splice(i, 1), console.log("已删除待办事项 ID: " + n));
+      },
+      editTodo(n) {
+        this.editingTodo = {
+          ...n
+        };
+      },
+      saveEdit() {
+        if (this.editingTodo && this.editingTodo.text.trim() !== "") {
+          const n = this.todos.findIndex((i) => i.id === this.editingTodo.id);
+          n !== -1 && (this.$set(this.todos, n, {
+            ...this.editingTodo
+          }), console.log("已更新待办事项 ID: " + this.editingTodo.id));
+        }
+        this.editingTodo = null;
+      },
+      cancelEdit() {
+        this.editingTodo = null;
+      },
+      clearCompleted() {
+        const n = this.todos.length;
+        this.todos = this.todos.filter((s) => !s.completed);
+        const i = n - this.todos.length;
+        console.log("已清除 " + i + " 个已完成事项");
+      },
+      formatDate(n) {
+        return new Date(n).toLocaleDateString("zh-CN", {
+          month: "short",
+          day: "numeric",
+          hour: "2-digit",
+          minute: "2-digit"
+        });
+      },
+      $lifecycle_mounted() {
+        console.log("TodoApp 组件已挂载到 DOM"), this.$nextTick(() => {
+          document.querySelectorAll(".todo-item").forEach((i) => {
+            i.addEventListener("dblclick", () => {
+              const s = parseInt(i.dataset.id), r = this.todos.findIndex((l) => l.id === s);
+              r !== -1 && (this.todos[r].completed = !this.todos[r].completed, console.log("双击切换待办事项状态 ID: " + s));
+            });
+          });
+        });
+      },
+      $lifecycle_unmounted() {
+        console.log("TodoApp 组件已销毁");
+      },
+      get $el() {
+        return e.$el;
+      },
+      get $parent() {
+        return e.$parent;
+      },
+      get $children() {
+        return e.$children;
+      },
+      get $root() {
+        return e.$root;
+      },
+      $emit(n, i) {
+        e.dispatchEvent(new CustomEvent(e._eventPrefix + n, { detail: i }));
+      }
+    }), this.$app = oe(this.app).mount(this._el);
+    let o = this.parentElement;
+    for (; o && !At(o); )
+      o = o.parentElement;
+    o && (this._parent = o, o._children.push(this)), this.dispatchEvent(new CustomEvent("mounted")), this.app?.$lifecycle_mounted?.(), (function() {
+      const n = /* @__PURE__ */ (function() {
+        return {
+          newTodo: "",
+          todos: [],
+          filter: "all",
+          editingTodo: null,
+          lastTodoId: 0
+        };
+      })();
+      Object.keys(n).forEach((i) => {
+        (e?.constructor?.observedAttributes ?? []).indexOf?.(i) >= 0 ? Lt.info("当前属性 " + i + " 已定义为 prop 属性, 无法初始化.") : e.app[i] = n[i];
+      });
+    })();
+  }
+  attributeChangedCallback(e, o, n) {
+    if (!this.app) {
+      var i = this;
+      setTimeout(function() {
+        i.attributeChangedCallback(e, o, n);
+      }, 10);
+      return;
+    }
+    if ((this?.constructor?.observedAttributes ?? []).indexOf?.(e) >= 0) {
+      const s = this._types[e];
+      s && (this.app[s.attr] = this._typeChcker(n, s.type));
+    }
+  }
+  disconnectedCallback() {
+    this._children && (this._children.forEach((e) => e.disconnectedCallback()), this._children = []), this._parent && (this._parent._children = this._parent._children.filter((e) => e !== this), this._parent = null), Object.keys(this._listeners).forEach((e) => this.off(e)), this._listeners = {}, this.dispatchEvent(new CustomEvent("unmounted")), this.app?.$lifecycle_unmounted?.(), this.app = null, this.$app.unmount(), this.$app = null, this._el = null;
+  }
+  get __isDarkchest() {
+    return this._isDarkchest;
+  }
+  get __componentId() {
+    return this._componentId;
+  }
+  get $el() {
+    return this._el || null;
+  }
+  get $parent() {
+    return this._parent || null;
+  }
+  get $children() {
+    return this._children || [];
+  }
+  get $root() {
+    let e = this;
+    for (; e.$parent && At(e.$parent); )
+      e = e.$parent;
+    return e;
+  }
+  _typeChcker(e, o) {
+    return e;
+  }
+  prop(e, o) {
+    if ((this?.constructor?.observedAttributes ?? []).indexOf?.(e) >= 0) {
+      if (o === void 0) return this.getAttribute(e);
+      this.setAttribute(e, o);
+    } else
+      Lt.info(`未定义的prop [${e}]`);
+  }
+  get initialTodos() {
+    return this?.app?.initialTodos;
+  }
+  set initialTodos(e) {
+    this.app.initialTodos = this?._typeChcker?.(e, "Array", "Object");
+  }
+  get appTitle() {
+    return this?.app?.appTitle;
+  }
+  set appTitle(e) {
+    this.app.appTitle = this?._typeChcker?.(e, "String");
+  }
+  get enableLocalStorage() {
+    return this?.app?.enableLocalStorage;
+  }
+  set enableLocalStorage(e) {
+    this.app.enableLocalStorage = this?._typeChcker?.(e, "Boolean");
+  }
+  on(e, o, n) {
+    const i = this._eventPrefix + e;
+    return this._listeners[i] = o, this.addEventListener(i, o, n), this;
+  }
+  off(e, o) {
+    if (e) {
+      const n = this._eventPrefix + e;
+      if (o)
+        this.removeEventListener(n, o), delete this._listeners[n];
+      else {
+        const i = this._listeners[n];
+        i && (this.removeEventListener(n, i), delete this._listeners[n]);
+      }
+    }
+    return this;
+  }
+  once(e, o, n) {
+    const i = this._eventPrefix + e, s = (...r) => {
+      this.removeEventListener(i, s), o(...r);
+    };
+    return this.addEventListener(i, s, n), this;
+  }
+  addTodo() {
+    return this.app.addTodo();
+  }
+  deleteTodo(e) {
+    return this.app.deleteTodo(e);
+  }
+  editTodo(e) {
+    return this.app.editTodo(e);
+  }
+  saveEdit() {
+    return this.app.saveEdit();
+  }
+  cancelEdit() {
+    return this.app.cancelEdit();
+  }
+  clearCompleted() {
+    return this.app.clearCompleted();
+  }
+  formatDate(e) {
+    return this.app.formatDate(e);
+  }
+}
+customElements.define("todo-list", bo);