@hot-page/fun 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,52 +1,52 @@
-const te = globalThis, U = te.trustedTypes, ne = U ? U.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, fe = "?" + C, Se = `<${fe}>`, E = document, P = () => E.createComment(""), R = (e) => e === null || typeof e != "object" && typeof e != "function", re = Array.isArray, Ee = (e) => re(e) || typeof e?.[Symbol.iterator] == "function", G = `[ 	
-\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ue = /-->/g, ce = />/g, x = RegExp(`>|${G}(?:([^\\s"'>=/]+)(${G}*=${G}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ae = /'/g, le = /"/g, me = /^(?:script|style|textarea|title)$/i, ve = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), nt = ve(1), ut = ve(2), H = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), he = /* @__PURE__ */ new WeakMap(), T = E.createTreeWalker(E, 129);
-function Ae(e, t) {
-  if (!re(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ne !== void 0 ? ne.createHTML(t) : t;
+const ee = globalThis, q = ee.trustedTypes, ie = q ? q.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", N = `lit$${Math.random().toFixed(9).slice(2)}$`, fe = "?" + N, Se = `<${fe}>`, E = document, W = () => E.createComment(""), H = (e) => e === null || typeof e != "object" && typeof e != "function", te = Array.isArray, be = (e) => te(e) || typeof e?.[Symbol.iterator] == "function", z = `[ 	
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ne = /-->/g, ue = />/g, x = RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ce = /'/g, ae = /"/g, me = /^(?:script|style|textarea|title)$/i, ve = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), nt = ve(1), ut = ve(2), R = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), T = E.createTreeWalker(E, 129);
+function we(e, t) {
+  if (!te(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ie !== void 0 ? ie.createHTML(t) : t;
 }
 const Ie = (e, t) => {
   const r = e.length - 1, s = [];
-  let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = W;
-  for (let h = 0; h < r; h++) {
-    const n = e[h];
-    let u, d, c = -1, v = 0;
-    for (; v < n.length && (a.lastIndex = v, d = a.exec(n), d !== null); ) v = a.lastIndex, a === W ? d[1] === "!--" ? a = ue : d[1] !== void 0 ? a = ce : d[2] !== void 0 ? (me.test(d[2]) && (o = RegExp("</" + d[2], "g")), a = x) : d[3] !== void 0 && (a = x) : a === x ? d[0] === ">" ? (a = o ?? W, c = -1) : d[1] === void 0 ? c = -2 : (c = a.lastIndex - d[2].length, u = d[1], a = d[3] === void 0 ? x : d[3] === '"' ? le : ae) : a === le || a === ae ? a = x : a === ue || a === ce ? a = W : (a = x, o = void 0);
-    const m = a === x && e[h + 1].startsWith("/>") ? " " : "";
-    i += a === W ? n + Se : c >= 0 ? (s.push(u), n.slice(0, c) + pe + n.slice(c) + C + m) : n + C + (c === -2 ? h : m);
-  }
-  return [Ae(e, i + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  let o, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = O;
+  for (let l = 0; l < r; l++) {
+    const u = e[l];
+    let i, h, c = -1, p = 0;
+    for (; p < u.length && (a.lastIndex = p, h = a.exec(u), h !== null); ) p = a.lastIndex, a === O ? h[1] === "!--" ? a = ne : h[1] !== void 0 ? a = ue : h[2] !== void 0 ? (me.test(h[2]) && (o = RegExp("</" + h[2], "g")), a = x) : h[3] !== void 0 && (a = x) : a === x ? h[0] === ">" ? (a = o ?? O, c = -1) : h[1] === void 0 ? c = -2 : (c = a.lastIndex - h[2].length, i = h[1], a = h[3] === void 0 ? x : h[3] === '"' ? ae : ce) : a === ae || a === ce ? a = x : a === ne || a === ue ? a = O : (a = x, o = void 0);
+    const f = a === x && e[l + 1].startsWith("/>") ? " " : "";
+    n += a === O ? u + Se : c >= 0 ? (s.push(i), u.slice(0, c) + pe + u.slice(c) + N + f) : u + N + (c === -2 ? l : f);
+  }
+  return [we(e, n + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class k {
+class P {
   constructor({ strings: t, _$litType$: r }, s) {
     let o;
     this.parts = [];
-    let i = 0, a = 0;
-    const h = t.length - 1, n = this.parts, [u, d] = Ie(t, r);
-    if (this.el = k.createElement(u, s), T.currentNode = this.el.content, r === 2 || r === 3) {
+    let n = 0, a = 0;
+    const l = t.length - 1, u = this.parts, [i, h] = Ie(t, r);
+    if (this.el = P.createElement(i, s), T.currentNode = this.el.content, r === 2 || r === 3) {
       const c = this.el.content.firstChild;
       c.replaceWith(...c.childNodes);
     }
-    for (; (o = T.nextNode()) !== null && n.length < h; ) {
+    for (; (o = T.nextNode()) !== null && u.length < l; ) {
       if (o.nodeType === 1) {
         if (o.hasAttributes()) for (const c of o.getAttributeNames()) if (c.endsWith(pe)) {
-          const v = d[a++], m = o.getAttribute(c).split(C), _ = /([.?@])?(.*)/.exec(v);
-          n.push({ type: 1, index: i, name: _[2], strings: m, ctor: _[1] === "." ? Oe : _[1] === "?" ? We : _[1] === "@" ? Me : B }), o.removeAttribute(c);
-        } else c.startsWith(C) && (n.push({ type: 6, index: i }), o.removeAttribute(c));
+          const p = h[a++], f = o.getAttribute(c).split(N), y = /([.?@])?(.*)/.exec(p);
+          u.push({ type: 1, index: n, name: y[2], strings: f, ctor: y[1] === "." ? Me : y[1] === "?" ? We : y[1] === "@" ? He : j }), o.removeAttribute(c);
+        } else c.startsWith(N) && (u.push({ type: 6, index: n }), o.removeAttribute(c));
         if (me.test(o.tagName)) {
-          const c = o.textContent.split(C), v = c.length - 1;
-          if (v > 0) {
-            o.textContent = U ? U.emptyScript : "";
-            for (let m = 0; m < v; m++) o.append(c[m], P()), T.nextNode(), n.push({ type: 2, index: ++i });
-            o.append(c[v], P());
+          const c = o.textContent.split(N), p = c.length - 1;
+          if (p > 0) {
+            o.textContent = q ? q.emptyScript : "";
+            for (let f = 0; f < p; f++) o.append(c[f], W()), T.nextNode(), u.push({ type: 2, index: ++n });
+            o.append(c[p], W());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === fe) n.push({ type: 2, index: i });
+      } else if (o.nodeType === 8) if (o.data === fe) u.push({ type: 2, index: n });
       else {
         let c = -1;
-        for (; (c = o.data.indexOf(C, c + 1)) !== -1; ) n.push({ type: 7, index: i }), c += C.length - 1;
+        for (; (c = o.data.indexOf(N, c + 1)) !== -1; ) u.push({ type: 7, index: n }), c += N.length - 1;
       }
-      i++;
+      n++;
     }
   }
   static createElement(t, r) {
@@ -55,12 +55,12 @@ class k {
   }
 }
 function b(e, t, r = e, s) {
-  if (t === H) return t;
+  if (t === R) return t;
   let o = s !== void 0 ? r._$Co?.[s] : r._$Cl;
-  const i = R(t) ? void 0 : t._$litDirective$;
-  return o?.constructor !== i && (o?._$AO?.(!1), i === void 0 ? o = void 0 : (o = new i(e), o._$AT(e, r, s)), s !== void 0 ? (r._$Co ??= [])[s] = o : r._$Cl = o), o !== void 0 && (t = b(e, o._$AS(e, t.values), o, s)), t;
+  const n = H(t) ? void 0 : t._$litDirective$;
+  return o?.constructor !== n && (o?._$AO?.(!1), n === void 0 ? o = void 0 : (o = new n(e), o._$AT(e, r, s)), s !== void 0 ? (r._$Co ??= [])[s] = o : r._$Cl = o), o !== void 0 && (t = b(e, o._$AS(e, t.values), o, s)), t;
 }
-class be {
+class Oe {
   constructor(t, r) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
   }
@@ -73,13 +73,13 @@ class be {
   u(t) {
     const { el: { content: r }, parts: s } = this._$AD, o = (t?.creationScope ?? E).importNode(r, !0);
     T.currentNode = o;
-    let i = T.nextNode(), a = 0, h = 0, n = s[0];
-    for (; n !== void 0; ) {
-      if (a === n.index) {
-        let u;
-        n.type === 2 ? u = new L(i, i.nextSibling, this, t) : n.type === 1 ? u = new n.ctor(i, n.name, n.strings, this, t) : n.type === 6 && (u = new Pe(i, this, t)), this._$AV.push(u), n = s[++h];
+    let n = T.nextNode(), a = 0, l = 0, u = s[0];
+    for (; u !== void 0; ) {
+      if (a === u.index) {
+        let i;
+        u.type === 2 ? i = new k(n, n.nextSibling, this, t) : u.type === 1 ? i = new u.ctor(n, u.name, u.strings, this, t) : u.type === 6 && (i = new Re(n, this, t)), this._$AV.push(i), u = s[++l];
       }
-      a !== n?.index && (i = T.nextNode(), a++);
+      a !== u?.index && (n = T.nextNode(), a++);
     }
     return T.currentNode = E, o;
   }
@@ -88,12 +88,12 @@ class be {
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, r), r += s.strings.length - 2) : s._$AI(t[r])), r++;
   }
 }
-class L {
+class k {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, r, s, o) {
-    this.type = 2, this._$AH = w, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = s, this.options = o, this._$Cv = o?.isConnected ?? !0;
+    this.type = 2, this._$AH = $, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = s, this.options = o, this._$Cv = o?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -107,7 +107,7 @@ class L {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = b(this, t, r), R(t) ? t === w || t == null || t === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ee(t) ? this.k(t) : this._(t);
+    t = b(this, t, r), H(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== R && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : be(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -116,25 +116,25 @@ class L {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== w && R(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
+    this._$AH !== $ && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: r, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = k.createElement(Ae(s.h, s.h[0]), this.options)), s);
+    const { values: r, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = P.createElement(we(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === o) this._$AH.p(r);
     else {
-      const i = new be(o, this), a = i.u(this.options);
-      i.p(r), this.T(a), this._$AH = i;
+      const n = new Oe(o, this), a = n.u(this.options);
+      n.p(r), this.T(a), this._$AH = n;
     }
   }
   _$AC(t) {
-    let r = he.get(t.strings);
-    return r === void 0 && he.set(t.strings, r = new k(t)), r;
+    let r = le.get(t.strings);
+    return r === void 0 && le.set(t.strings, r = new P(t)), r;
   }
   k(t) {
-    re(this._$AH) || (this._$AH = [], this._$AR());
+    te(this._$AH) || (this._$AH = [], this._$AR());
     const r = this._$AH;
     let s, o = 0;
-    for (const i of t) o === r.length ? r.push(s = new L(this.O(P()), this.O(P()), this, this.options)) : s = r[o], s._$AI(i), o++;
+    for (const n of t) o === r.length ? r.push(s = new k(this.O(W()), this.O(W()), this, this.options)) : s = r[o], s._$AI(n), o++;
     o < r.length && (this._$AR(s && s._$AB.nextSibling, o), r.length = o);
   }
   _$AR(t = this._$AA.nextSibling, r) {
@@ -147,61 +147,61 @@ class L {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class B {
+class j {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, r, s, o, i) {
-    this.type = 1, this._$AH = w, this._$AN = void 0, this.element = t, this.name = r, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = w;
+  constructor(t, r, s, o, n) {
+    this.type = 1, this._$AH = $, this._$AN = void 0, this.element = t, this.name = r, this._$AM = o, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = $;
   }
   _$AI(t, r = this, s, o) {
-    const i = this.strings;
+    const n = this.strings;
     let a = !1;
-    if (i === void 0) t = b(this, t, r, 0), a = !R(t) || t !== this._$AH && t !== H, a && (this._$AH = t);
+    if (n === void 0) t = b(this, t, r, 0), a = !H(t) || t !== this._$AH && t !== R, a && (this._$AH = t);
     else {
-      const h = t;
-      let n, u;
-      for (t = i[0], n = 0; n < i.length - 1; n++) u = b(this, h[s + n], r, n), u === H && (u = this._$AH[n]), a ||= !R(u) || u !== this._$AH[n], u === w ? t = w : t !== w && (t += (u ?? "") + i[n + 1]), this._$AH[n] = u;
+      const l = t;
+      let u, i;
+      for (t = n[0], u = 0; u < n.length - 1; u++) i = b(this, l[s + u], r, u), i === R && (i = this._$AH[u]), a ||= !H(i) || i !== this._$AH[u], i === $ ? t = $ : t !== $ && (t += (i ?? "") + n[u + 1]), this._$AH[u] = i;
     }
     a && !o && this.j(t);
   }
   j(t) {
-    t === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Oe extends B {
+class Me extends j {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === w ? void 0 : t;
+    this.element[this.name] = t === $ ? void 0 : t;
   }
 }
-class We extends B {
+class We extends j {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== w);
+    this.element.toggleAttribute(this.name, !!t && t !== $);
   }
 }
-class Me extends B {
-  constructor(t, r, s, o, i) {
-    super(t, r, s, o, i), this.type = 5;
+class He extends j {
+  constructor(t, r, s, o, n) {
+    super(t, r, s, o, n), this.type = 5;
   }
   _$AI(t, r = this) {
-    if ((t = b(this, t, r, 0) ?? w) === H) return;
-    const s = this._$AH, o = t === w && s !== w || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== w && (s === w || o);
-    o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = b(this, t, r, 0) ?? $) === R) return;
+    const s = this._$AH, o = t === $ && s !== $ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== $ && (s === $ || o);
+    o && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Pe {
+class Re {
   constructor(t, r, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = s;
   }
@@ -212,41 +212,41 @@ class Pe {
     b(this, t);
   }
 }
-const Re = te.litHtmlPolyfillSupport;
-Re?.(k, L), (te.litHtmlVersions ??= []).push("3.3.1");
-const He = (e, t, r) => {
+const Pe = ee.litHtmlPolyfillSupport;
+Pe?.(P, k), (ee.litHtmlVersions ??= []).push("3.3.1");
+const he = (e, t, r) => {
   const s = t;
   let o = s._$litPart$;
-  return o === void 0 && (s._$litPart$ = o = new L(t.insertBefore(P(), null), null, void 0, {})), o._$AI(e), o;
+  return o === void 0 && (s._$litPart$ = o = new k(t.insertBefore(W(), null), null, void 0, {})), o._$AI(e), o;
 };
-var ke = Object.defineProperty, Le = (e, t, r) => t in e ? ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, K = (e, t, r) => (Le(e, typeof t != "symbol" ? t + "" : t, r), r), Ve = (e, t, r) => {
+var ke = Object.defineProperty, Le = (e, t, r) => t in e ? ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, F = (e, t, r) => (Le(e, typeof t != "symbol" ? t + "" : t, r), r), Ve = (e, t, r) => {
   if (!t.has(e))
     throw TypeError("Cannot " + r);
-}, Y = (e, t) => {
+}, K = (e, t) => {
   if (Object(t) !== t)
     throw TypeError('Cannot use the "in" operator on this value');
   return e.has(t);
-}, D = (e, t, r) => {
+}, V = (e, t, r) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, r);
 }, de = (e, t, r) => (Ve(e, t, "access private method"), r);
-function we(e, t) {
+function $e(e, t) {
   return Object.is(e, t);
 }
-let A = null, M = !1, q = 1;
-const j = /* @__PURE__ */ Symbol("SIGNAL");
-function I(e) {
-  const t = A;
-  return A = e, t;
+let w = null, M = !1, D = 1;
+const U = /* @__PURE__ */ Symbol("SIGNAL");
+function S(e) {
+  const t = w;
+  return w = e, t;
 }
 function De() {
-  return A;
+  return w;
 }
 function qe() {
   return M;
 }
-const se = {
+const re = {
   version: 0,
   lastCleanEpoch: 0,
   dirty: !1,
@@ -266,31 +266,31 @@ const se = {
   consumerOnSignalRead: () => {
   }
 };
-function F(e) {
+function B(e) {
   if (M)
     throw new Error(
       typeof ngDevMode < "u" && ngDevMode ? "Assertion error: signal read during notification phase" : ""
     );
-  if (A === null)
+  if (w === null)
     return;
-  A.consumerOnSignalRead(e);
-  const t = A.nextProducerIndex++;
-  if (O(A), t < A.producerNode.length && A.producerNode[t] !== e && X(A)) {
-    const r = A.producerNode[t];
-    Z(r, A.producerIndexOfThis[t]);
+  w.consumerOnSignalRead(e);
+  const t = w.nextProducerIndex++;
+  if (I(w), t < w.producerNode.length && w.producerNode[t] !== e && Q(w)) {
+    const r = w.producerNode[t];
+    G(r, w.producerIndexOfThis[t]);
   }
-  A.producerNode[t] !== e && (A.producerNode[t] = e, A.producerIndexOfThis[t] = X(A) ? ge(e, A, t) : 0), A.producerLastReadVersion[t] = e.version;
+  w.producerNode[t] !== e && (w.producerNode[t] = e, w.producerIndexOfThis[t] = Q(w) ? ge(e, w, t) : 0), w.producerLastReadVersion[t] = e.version;
 }
 function Ue() {
-  q++;
+  D++;
 }
-function $e(e) {
-  if (!(!e.dirty && e.lastCleanEpoch === q)) {
+function Ae(e) {
+  if (!(!e.dirty && e.lastCleanEpoch === D)) {
     if (!e.producerMustRecompute(e) && !ze(e)) {
-      e.dirty = !1, e.lastCleanEpoch = q;
+      e.dirty = !1, e.lastCleanEpoch = D;
       return;
     }
-    e.producerRecomputeValue(e), e.dirty = !1, e.lastCleanEpoch = q;
+    e.producerRecomputeValue(e), e.dirty = !1, e.lastCleanEpoch = D;
   }
 }
 function _e(e) {
@@ -306,100 +306,100 @@ function _e(e) {
   }
 }
 function je() {
-  return A?.consumerAllowSignalWrites !== !1;
+  return w?.consumerAllowSignalWrites !== !1;
 }
 function Be(e) {
   var t;
   e.dirty = !0, _e(e), (t = e.consumerMarkedDirty) == null || t.call(e.wrapper ?? e);
 }
-function Fe(e) {
-  return e && (e.nextProducerIndex = 0), I(e);
+function Ge(e) {
+  return e && (e.nextProducerIndex = 0), S(e);
 }
 function Ze(e, t) {
-  if (I(t), !(!e || e.producerNode === void 0 || e.producerIndexOfThis === void 0 || e.producerLastReadVersion === void 0)) {
-    if (X(e))
+  if (S(t), !(!e || e.producerNode === void 0 || e.producerIndexOfThis === void 0 || e.producerLastReadVersion === void 0)) {
+    if (Q(e))
       for (let r = e.nextProducerIndex; r < e.producerNode.length; r++)
-        Z(e.producerNode[r], e.producerIndexOfThis[r]);
+        G(e.producerNode[r], e.producerIndexOfThis[r]);
     for (; e.producerNode.length > e.nextProducerIndex; )
       e.producerNode.pop(), e.producerLastReadVersion.pop(), e.producerIndexOfThis.pop();
   }
 }
 function ze(e) {
-  O(e);
+  I(e);
   for (let t = 0; t < e.producerNode.length; t++) {
     const r = e.producerNode[t], s = e.producerLastReadVersion[t];
-    if (s !== r.version || ($e(r), s !== r.version))
+    if (s !== r.version || (Ae(r), s !== r.version))
       return !0;
   }
   return !1;
 }
 function ge(e, t, r) {
   var s;
-  if (oe(e), O(e), e.liveConsumerNode.length === 0) {
+  if (se(e), I(e), e.liveConsumerNode.length === 0) {
     (s = e.watched) == null || s.call(e.wrapper);
     for (let o = 0; o < e.producerNode.length; o++)
       e.producerIndexOfThis[o] = ge(e.producerNode[o], e, o);
   }
   return e.liveConsumerIndexOfThis.push(r), e.liveConsumerNode.push(t) - 1;
 }
-function Z(e, t) {
+function G(e, t) {
   var r;
-  if (oe(e), O(e), typeof ngDevMode < "u" && ngDevMode && t >= e.liveConsumerNode.length)
+  if (se(e), I(e), typeof ngDevMode < "u" && ngDevMode && t >= e.liveConsumerNode.length)
     throw new Error(
       `Assertion error: active consumer index ${t} is out of bounds of ${e.liveConsumerNode.length} consumers)`
     );
   if (e.liveConsumerNode.length === 1) {
     (r = e.unwatched) == null || r.call(e.wrapper);
     for (let o = 0; o < e.producerNode.length; o++)
-      Z(e.producerNode[o], e.producerIndexOfThis[o]);
+      G(e.producerNode[o], e.producerIndexOfThis[o]);
   }
   const s = e.liveConsumerNode.length - 1;
   if (e.liveConsumerNode[t] = e.liveConsumerNode[s], e.liveConsumerIndexOfThis[t] = e.liveConsumerIndexOfThis[s], e.liveConsumerNode.length--, e.liveConsumerIndexOfThis.length--, t < e.liveConsumerNode.length) {
-    const o = e.liveConsumerIndexOfThis[t], i = e.liveConsumerNode[t];
-    O(i), i.producerIndexOfThis[o] = t;
+    const o = e.liveConsumerIndexOfThis[t], n = e.liveConsumerNode[t];
+    I(n), n.producerIndexOfThis[o] = t;
   }
 }
-function X(e) {
+function Q(e) {
   var t;
   return e.consumerIsAlwaysLive || (((t = e?.liveConsumerNode) == null ? void 0 : t.length) ?? 0) > 0;
 }
-function O(e) {
+function I(e) {
   e.producerNode ?? (e.producerNode = []), e.producerIndexOfThis ?? (e.producerIndexOfThis = []), e.producerLastReadVersion ?? (e.producerLastReadVersion = []);
 }
-function oe(e) {
+function se(e) {
   e.liveConsumerNode ?? (e.liveConsumerNode = []), e.liveConsumerIndexOfThis ?? (e.liveConsumerIndexOfThis = []);
 }
 function ye(e) {
-  if ($e(e), F(e), e.value === ee)
+  if (Ae(e), B(e), e.value === X)
     throw e.error;
   return e.value;
 }
-function Ge(e) {
+function Fe(e) {
   const t = Object.create(Ke);
   t.computation = e;
   const r = () => ye(t);
-  return r[j] = t, r;
+  return r[U] = t, r;
 }
-const J = /* @__PURE__ */ Symbol("UNSET"), Q = /* @__PURE__ */ Symbol("COMPUTING"), ee = /* @__PURE__ */ Symbol("ERRORED"), Ke = {
-  ...se,
-  value: J,
+const Y = /* @__PURE__ */ Symbol("UNSET"), J = /* @__PURE__ */ Symbol("COMPUTING"), X = /* @__PURE__ */ Symbol("ERRORED"), Ke = {
+  ...re,
+  value: Y,
   dirty: !0,
   error: null,
-  equal: we,
+  equal: $e,
   producerMustRecompute(e) {
-    return e.value === J || e.value === Q;
+    return e.value === Y || e.value === J;
   },
   producerRecomputeValue(e) {
-    if (e.value === Q)
+    if (e.value === J)
       throw new Error("Detected cycle in computations.");
     const t = e.value;
-    e.value = Q;
-    const r = Fe(e);
+    e.value = J;
+    const r = Ge(e);
     let s, o = !1;
     try {
-      s = e.computation.call(e.wrapper), o = t !== J && t !== ee && e.equal.call(e.wrapper, t, s);
-    } catch (i) {
-      s = ee, e.error = i;
+      s = e.computation.call(e.wrapper), o = t !== Y && t !== X && e.equal.call(e.wrapper, t, s);
+    } catch (n) {
+      s = X, e.error = n;
     } finally {
       Ze(e, r);
     }
@@ -420,146 +420,146 @@ function Qe() {
 function Xe(e) {
   const t = Object.create(rt);
   t.value = e;
-  const r = () => (F(t), t.value);
-  return r[j] = t, r;
+  const r = () => (B(t), t.value);
+  return r[U] = t, r;
 }
 function et() {
-  return F(this), this.value;
+  return B(this), this.value;
 }
 function tt(e, t) {
   je() || Qe(), e.equal.call(e.wrapper, e.value, t) || (e.value = t, st(e));
 }
 const rt = {
-  ...se,
-  equal: we,
+  ...re,
+  equal: $e,
   value: void 0
 };
 function st(e) {
   e.version++, Ue(), _e(e);
 }
-const $ = Symbol("node");
-var S;
+const A = Symbol("node");
+var C;
 ((e) => {
   var t, r, s, o;
-  class i {
-    constructor(n, u = {}) {
-      D(this, r), K(this, t);
-      const c = Xe(n)[j];
-      if (this[$] = c, c.wrapper = this, u) {
-        const v = u.equals;
-        v && (c.equal = v), c.watched = u[e.subtle.watched], c.unwatched = u[e.subtle.unwatched];
+  class n {
+    constructor(u, i = {}) {
+      V(this, r), F(this, t);
+      const c = Xe(u)[U];
+      if (this[A] = c, c.wrapper = this, i) {
+        const p = i.equals;
+        p && (c.equal = p), c.watched = i[e.subtle.watched], c.unwatched = i[e.subtle.unwatched];
       }
     }
     get() {
       if (!(0, e.isState)(this))
         throw new TypeError("Wrong receiver type for Signal.State.prototype.get");
-      return et.call(this[$]);
+      return et.call(this[A]);
     }
-    set(n) {
+    set(u) {
       if (!(0, e.isState)(this))
         throw new TypeError("Wrong receiver type for Signal.State.prototype.set");
       if (qe())
         throw new Error("Writes to signals not permitted during Watcher callback");
-      const u = this[$];
-      tt(u, n);
+      const i = this[A];
+      tt(i, u);
     }
   }
-  t = $, r = /* @__PURE__ */ new WeakSet(), e.isState = (h) => typeof h == "object" && Y(r, h), e.State = i;
+  t = A, r = /* @__PURE__ */ new WeakSet(), e.isState = (l) => typeof l == "object" && K(r, l), e.State = n;
   class a {
     // Create a Signal which evaluates to the value returned by the callback.
     // Callback is called with this signal as the parameter.
-    constructor(n, u) {
-      D(this, o), K(this, s);
-      const c = Ge(n)[j];
-      if (c.consumerAllowSignalWrites = !0, this[$] = c, c.wrapper = this, u) {
-        const v = u.equals;
-        v && (c.equal = v), c.watched = u[e.subtle.watched], c.unwatched = u[e.subtle.unwatched];
+    constructor(u, i) {
+      V(this, o), F(this, s);
+      const c = Fe(u)[U];
+      if (c.consumerAllowSignalWrites = !0, this[A] = c, c.wrapper = this, i) {
+        const p = i.equals;
+        p && (c.equal = p), c.watched = i[e.subtle.watched], c.unwatched = i[e.subtle.unwatched];
       }
     }
     get() {
       if (!(0, e.isComputed)(this))
         throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");
-      return ye(this[$]);
+      return ye(this[A]);
     }
   }
-  s = $, o = /* @__PURE__ */ new WeakSet(), e.isComputed = (h) => typeof h == "object" && Y(o, h), e.Computed = a, ((h) => {
-    var n, u, d, c;
-    function v(f) {
-      let p, l = null;
+  s = A, o = /* @__PURE__ */ new WeakSet(), e.isComputed = (l) => typeof l == "object" && K(o, l), e.Computed = a, ((l) => {
+    var u, i, h, c;
+    function p(v) {
+      let m, d = null;
       try {
-        l = I(null), p = f();
+        d = S(null), m = v();
       } finally {
-        I(l);
+        S(d);
       }
-      return p;
+      return m;
     }
-    h.untrack = v;
-    function m(f) {
-      var p;
-      if (!(0, e.isComputed)(f) && !(0, e.isWatcher)(f))
+    l.untrack = p;
+    function f(v) {
+      var m;
+      if (!(0, e.isComputed)(v) && !(0, e.isWatcher)(v))
         throw new TypeError("Called introspectSources without a Computed or Watcher argument");
-      return ((p = f[$].producerNode) == null ? void 0 : p.map((l) => l.wrapper)) ?? [];
+      return ((m = v[A].producerNode) == null ? void 0 : m.map((d) => d.wrapper)) ?? [];
     }
-    h.introspectSources = m;
-    function _(f) {
-      var p;
-      if (!(0, e.isComputed)(f) && !(0, e.isState)(f))
+    l.introspectSources = f;
+    function y(v) {
+      var m;
+      if (!(0, e.isComputed)(v) && !(0, e.isState)(v))
         throw new TypeError("Called introspectSinks without a Signal argument");
-      return ((p = f[$].liveConsumerNode) == null ? void 0 : p.map((l) => l.wrapper)) ?? [];
+      return ((m = v[A].liveConsumerNode) == null ? void 0 : m.map((d) => d.wrapper)) ?? [];
     }
-    h.introspectSinks = _;
-    function N(f) {
-      if (!(0, e.isComputed)(f) && !(0, e.isState)(f))
+    l.introspectSinks = y;
+    function _(v) {
+      if (!(0, e.isComputed)(v) && !(0, e.isState)(v))
         throw new TypeError("Called hasSinks without a Signal argument");
-      const p = f[$].liveConsumerNode;
-      return p ? p.length > 0 : !1;
+      const m = v[A].liveConsumerNode;
+      return m ? m.length > 0 : !1;
     }
-    h.hasSinks = N;
-    function g(f) {
-      if (!(0, e.isComputed)(f) && !(0, e.isWatcher)(f))
+    l.hasSinks = _;
+    function Z(v) {
+      if (!(0, e.isComputed)(v) && !(0, e.isWatcher)(v))
         throw new TypeError("Called hasSources without a Computed or Watcher argument");
-      const p = f[$].producerNode;
-      return p ? p.length > 0 : !1;
+      const m = v[A].producerNode;
+      return m ? m.length > 0 : !1;
     }
-    h.hasSources = g;
-    class z {
+    l.hasSources = Z;
+    class xe {
       // When a (recursive) source of Watcher is written to, call this callback,
       // if it hasn't already been called since the last `watch` call.
       // No signals may be read or written during the notify.
-      constructor(p) {
-        D(this, u), D(this, d), K(this, n);
-        let l = Object.create(se);
-        l.wrapper = this, l.consumerMarkedDirty = p, l.consumerIsAlwaysLive = !0, l.consumerAllowSignalWrites = !1, l.producerNode = [], this[$] = l;
+      constructor(m) {
+        V(this, i), V(this, h), F(this, u);
+        let d = Object.create(re);
+        d.wrapper = this, d.consumerMarkedDirty = m, d.consumerIsAlwaysLive = !0, d.consumerAllowSignalWrites = !1, d.producerNode = [], this[A] = d;
       }
       // Add these signals to the Watcher's set, and set the watcher to run its
       // notify callback next time any signal in the set (or one of its dependencies) changes.
       // Can be called with no arguments just to reset the "notified" state, so that
       // the notify callback will be invoked again.
-      watch(...p) {
+      watch(...m) {
         if (!(0, e.isWatcher)(this))
           throw new TypeError("Called unwatch without Watcher receiver");
-        de(this, d, c).call(this, p);
-        const l = this[$];
-        l.dirty = !1;
-        const y = I(l);
-        for (const V of p)
-          F(V[$]);
-        I(y);
+        de(this, h, c).call(this, m);
+        const d = this[A];
+        d.dirty = !1;
+        const g = S(d);
+        for (const L of m)
+          B(L[A]);
+        S(g);
       }
       // Remove these signals from the watched set (e.g., for an effect which is disposed)
-      unwatch(...p) {
+      unwatch(...m) {
         if (!(0, e.isWatcher)(this))
           throw new TypeError("Called unwatch without Watcher receiver");
-        de(this, d, c).call(this, p);
-        const l = this[$];
-        O(l);
-        for (let y = l.producerNode.length - 1; y >= 0; y--)
-          if (p.includes(l.producerNode[y].wrapper)) {
-            Z(l.producerNode[y], l.producerIndexOfThis[y]);
-            const V = l.producerNode.length - 1;
-            if (l.producerNode[y] = l.producerNode[V], l.producerIndexOfThis[y] = l.producerIndexOfThis[V], l.producerNode.length--, l.producerIndexOfThis.length--, l.nextProducerIndex--, y < l.producerNode.length) {
-              const Te = l.producerIndexOfThis[y], ie = l.producerNode[y];
-              oe(ie), ie.liveConsumerIndexOfThis[Te] = y;
+        de(this, h, c).call(this, m);
+        const d = this[A];
+        I(d);
+        for (let g = d.producerNode.length - 1; g >= 0; g--)
+          if (m.includes(d.producerNode[g].wrapper)) {
+            G(d.producerNode[g], d.producerIndexOfThis[g]);
+            const L = d.producerNode.length - 1;
+            if (d.producerNode[g] = d.producerNode[L], d.producerIndexOfThis[g] = d.producerIndexOfThis[L], d.producerNode.length--, d.producerIndexOfThis.length--, d.nextProducerIndex--, g < d.producerNode.length) {
+              const Ee = d.producerIndexOfThis[g], oe = d.producerNode[g];
+              se(oe), oe.liveConsumerIndexOfThis[Ee] = g;
             }
           }
       }
@@ -568,134 +568,179 @@ var S;
       getPending() {
         if (!(0, e.isWatcher)(this))
           throw new TypeError("Called getPending without Watcher receiver");
-        return this[$].producerNode.filter((l) => l.dirty).map((l) => l.wrapper);
+        return this[A].producerNode.filter((d) => d.dirty).map((d) => d.wrapper);
       }
     }
-    n = $, u = /* @__PURE__ */ new WeakSet(), d = /* @__PURE__ */ new WeakSet(), c = function(f) {
-      for (const p of f)
-        if (!(0, e.isComputed)(p) && !(0, e.isState)(p))
+    u = A, i = /* @__PURE__ */ new WeakSet(), h = /* @__PURE__ */ new WeakSet(), c = function(v) {
+      for (const m of v)
+        if (!(0, e.isComputed)(m) && !(0, e.isState)(m))
           throw new TypeError("Called watch/unwatch without a Computed or State argument");
-    }, e.isWatcher = (f) => Y(u, f), h.Watcher = z;
-    function xe() {
-      var f;
-      return (f = De()) == null ? void 0 : f.wrapper;
+    }, e.isWatcher = (v) => K(i, v), l.Watcher = xe;
+    function Te() {
+      var v;
+      return (v = De()) == null ? void 0 : v.wrapper;
     }
-    h.currentComputed = xe, h.watched = Symbol("watched"), h.unwatched = Symbol("unwatched");
+    l.currentComputed = Te, l.watched = Symbol("watched"), l.unwatched = Symbol("unwatched");
   })(e.subtle || (e.subtle = {}));
-})(S || (S = {}));
+})(C || (C = {}));
 const ot = /* @__PURE__ */ new Set(["internals", "effect", "styleProps"]);
 function it(e) {
   return `--${e.replaceAll(/([a-z0-9])([A-Z])/g, "$1-$2").replaceAll(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase()}`;
 }
 function ct(e, t, r) {
-  const { setup: s, attributes: o, styles: i } = Ce(e, t, r);
-  Ne({ setup: s, attributes: o, styles: i, useShadow: !1 });
+  const { setup: s, attributes: o, styles: n } = Ce(e, t, r);
+  Ne({ setup: s, attributes: o, styles: n, useShadow: !1 });
 }
 function at(e, t, r) {
-  const { setup: s, attributes: o, styles: i } = Ce(e, t, r);
-  Ne({ setup: s, attributes: o, styles: i, useShadow: !0 });
+  const { setup: s, attributes: o, styles: n } = Ce(e, t, r);
+  Ne({ setup: s, attributes: o, styles: n, useShadow: !0 });
 }
 function Ce(e, t, r) {
   return typeof e == "function" ? { setup: e } : typeof e == "string" ? { styles: e, setup: t } : typeof t == "function" ? { attributes: e, setup: t } : { attributes: e, styles: t, setup: r };
 }
-const lt = (e) => new S.State(e);
+const lt = (e) => new C.State(e), ht = (e) => new C.Computed(e);
 function Ne(e) {
   const {
     setup: t,
     tagName: r,
     attributes: s = [],
     useShadow: o = !0,
-    formAssociated: i = !1,
+    formAssociated: n = !1,
     styles: a
-  } = e, h = r ?? t.name.replaceAll(/([a-z0-9])([A-Z])/g, "$1-$2").replaceAll(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
-  if (!h.includes("-"))
+  } = e, l = r ?? t.name.replaceAll(/([a-z0-9])([A-Z])/g, "$1-$2").replaceAll(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+  if (!l.includes("-"))
     throw new Error(`Function ${t.name} must include at least one capital letter to be converted to a valid custom element name`);
-  if (customElements.get(h))
-    throw new Error(`Custom element with name ${h} already defined`);
-  for (const u of s)
-    if (ot.has(u))
-      throw new Error(`Attribute name "${u}" conflicts with a reserved context property.`);
-  let n;
-  a !== void 0 && (n = new CSSStyleSheet(), o ? n.replaceSync(a) : (n.replaceSync(`@scope (${h}) { ${a} }`), document.adoptedStyleSheets = [
+  if (customElements.get(l))
+    throw new Error(`Custom element with name ${l} already defined`);
+  s.forEach((i) => {
+    if (ot.has(i))
+      throw new Error(`Attribute name "${i}" conflicts with a reserved context property.`);
+  });
+  let u;
+  a !== void 0 && (u = new CSSStyleSheet(), o ? u.replaceSync(a) : (u.replaceSync(`@scope (${l}) { ${a} }`), document.adoptedStyleSheets = [
     ...document.adoptedStyleSheets,
-    n
-  ])), customElements.define(h, class extends HTMLElement {
+    u
+  ])), customElements.define(l, class extends HTMLElement {
     #e;
     #t;
+    #r;
     #s = [];
-    #r = [];
     #o = /* @__PURE__ */ new Map();
     static get observedAttributes() {
       return s;
     }
     static get formAssociated() {
-      return i;
+      return n;
     }
     constructor() {
-      super(), o && this.attachShadow({ mode: "open" }), n && this.shadowRoot && (this.shadowRoot.adoptedStyleSheets = [
+      super(), o && this.attachShadow({ mode: "open" }), u && this.shadowRoot && (this.shadowRoot.adoptedStyleSheets = [
         ...this.shadowRoot.adoptedStyleSheets,
-        n
+        u
       ]);
-      const u = {
+      const i = {
         internals: this.attachInternals(),
-        effect: (m) => {
-          this.#s.push(m);
-        },
-        styleProps: (m) => {
-          for (const _ in m) {
-            const N = m[_], g = it(_);
-            N === null ? this.style.removeProperty(g) : this.style.setProperty(g, String(N));
-          }
+        effect: (p) => this.#s.push({ fn: p }),
+        styleProps: (p) => {
+          Object.keys(p).forEach((f) => {
+            const y = p[f], _ = it(f);
+            y === null ? this.style.removeProperty(_) : this.style.setProperty(_, String(y));
+          });
         }
       };
-      s.forEach((m) => {
-        const _ = new S.State(this.getAttribute(m), {
-          equals: (g, z) => g === z
+      s.forEach((p) => {
+        const f = new C.State(this.getAttribute(p), {
+          equals: (_, Z) => _ === Z
         });
-        this.#o.set(m, _), u[m] = _, Object.defineProperty(this, m, {
+        this.#o.set(p, f), i[p] = f, Object.defineProperty(this, p, {
           get() {
-            return _.get();
+            return f.get();
           },
-          set(g) {
-            if (g !== null && typeof g != "string")
-              throw new TypeError(`Attribute "${m}" only accepts strings or null, got ${typeof g}.`);
-            _.set(g);
+          set(_) {
+            if (_ !== null && typeof _ != "string")
+              throw new TypeError(`Attribute "${p}" only accepts strings or null, got ${typeof _}.`);
+            f.set(_);
           },
           enumerable: !0,
           configurable: !0
         });
-        const N = new S.subtle.Watcher(() => {
+        const y = new C.subtle.Watcher(() => {
           queueMicrotask(() => {
-            const g = _.get();
-            g === null ? this.removeAttribute(m) : this.setAttribute(m, g), N.watch();
+            const _ = f.get();
+            _ === null ? this.removeAttribute(p) : this.setAttribute(p, _), y.watch();
           });
         });
-        N.watch(_);
+        y.watch(f);
       });
-      const d = t.call(this, u);
-      this.#e = new S.Computed(() => d());
-      const c = () => He(this.#e.get(), o ? this.shadowRoot : this);
-      let v = !1;
-      this.#t = new S.subtle.Watcher(() => {
-        v || (v = !0, queueMicrotask(() => {
-          v = !1, c(), this.#t.watch();
-        }));
-      }), this.#t.watch(this.#e), c();
+      const h = t.call(this, i), c = o ? this.shadowRoot : this;
+      if (typeof h == "function") {
+        this.#e = new C.Computed(() => h()), this.#r = () => {
+          const f = this.#e.get();
+          typeof f == "string" ? c.innerHTML = f : he(f, c);
+        };
+        let p = !1;
+        this.#t = new C.subtle.Watcher(() => {
+          p || (p = !0, queueMicrotask(() => {
+            p = !1;
+            try {
+              this.#r();
+            } catch (f) {
+              console.error(
+                `Error in render function for <${l}> fun element: `,
+                f
+              );
+            }
+            this.#t.watch();
+          }));
+        });
+      } else if (typeof h == "string")
+        c.innerHTML = h;
+      else if (typeof h == "object" && "_$litType$" in h)
+        he(h, c);
+      else {
+        if (h === void 0)
+          return;
+        console.error(
+          `Setup function for <${l}> returned an unexpected value. Expected a render function, a template (html\`...\`), a string, or nothing. Got: ${typeof h}`
+        );
+      }
     }
     connectedCallback() {
-      this.#t.watch(this.#e), this.#r = this.#s.map((u) => u()).filter(
-        (u) => typeof u == "function"
-      );
+      this.#t && this.#e && (this.#t.watch(this.#e), this.#r?.()), this.#s.forEach((i) => {
+        try {
+          i.computed = new C.Computed(() => i.fn()), i.watcher = new C.subtle.Watcher(() => {
+            queueMicrotask(() => {
+              typeof i.cleanup == "function" && i.cleanup(), i.computed = new C.Computed(() => i.fn());
+              try {
+                i.cleanup = i.computed.get();
+              } catch (h) {
+                console.error(
+                  `Error in effect for <${l}> fun element: `,
+                  h
+                );
+              }
+              i.watcher.watch(i.computed);
+            });
+          }), i.cleanup = i.computed.get(), i.watcher.watch(i.computed);
+        } catch (h) {
+          console.error(
+            `Error in effect for <${l}> fun element: `,
+            h
+          );
+        }
+      });
     }
     disconnectedCallback() {
-      this.#t.unwatch(this.#e), this.#r.forEach((u) => u()), this.#r = [];
+      this.#t && this.#e && this.#t.unwatch(this.#e), this.#s.forEach((i) => {
+        i.watcher.unwatch(i.computed), typeof i.cleanup == "function" && i.cleanup(), i.cleanup = void 0;
+      });
     }
-    attributeChangedCallback(u, d, c) {
-      this.#o.get(u)?.set(c);
+    attributeChangedCallback(i, h, c) {
+      this.#o.get(i)?.set(c);
     }
   });
 }
 export {
+  ht as computed,
   Ne as define,
   nt as html,
   ct as lightElement,