@hot-page/fun 0.0.2 → 0.0.3

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,6 +1,6 @@
 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"), A = Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), T = E.createTreeWalker(E, 129);
+\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;
@@ -8,12 +8,12 @@ function we(e, t) {
 const Ie = (e, t) => {
   const r = e.length - 1, s = [];
   let o, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = O;
-  for (let h = 0; h < r; h++) {
-    const u = e[h];
-    let i, l, c = -1, p = 0;
-    for (; p < u.length && (a.lastIndex = p, l = a.exec(u), l !== null); ) p = a.lastIndex, a === O ? l[1] === "!--" ? a = ne : l[1] !== void 0 ? a = ue : l[2] !== void 0 ? (me.test(l[2]) && (o = RegExp("</" + l[2], "g")), a = x) : l[3] !== void 0 && (a = x) : a === x ? l[0] === ">" ? (a = o ?? O, c = -1) : l[1] === void 0 ? c = -2 : (c = a.lastIndex - l[2].length, i = l[1], a = l[3] === void 0 ? x : l[3] === '"' ? ae : ce) : a === ae || a === ce ? a = x : a === ne || a === ue ? a = O : (a = x, o = void 0);
-    const v = a === x && e[h + 1].startsWith("/>") ? " " : "";
-    n += a === O ? u + Se : c >= 0 ? (s.push(i), u.slice(0, c) + pe + u.slice(c) + N + v) : u + N + (c === -2 ? h : v);
+  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];
 };
@@ -22,22 +22,22 @@ class P {
     let o;
     this.parts = [];
     let n = 0, a = 0;
-    const h = t.length - 1, u = this.parts, [i, l] = Ie(t, r);
+    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 && u.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 p = l[a++], v = o.getAttribute(c).split(N), g = /([.?@])?(.*)/.exec(p);
-          u.push({ type: 1, index: n, name: g[2], strings: v, ctor: g[1] === "." ? Me : g[1] === "?" ? We : g[1] === "@" ? He : j }), 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(N), p = c.length - 1;
           if (p > 0) {
             o.textContent = q ? q.emptyScript : "";
-            for (let v = 0; v < p; v++) o.append(c[v], W()), T.nextNode(), u.push({ type: 2, index: ++n });
+            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());
           }
         }
@@ -73,11 +73,11 @@ class Oe {
   u(t) {
     const { el: { content: r }, parts: s } = this._$AD, o = (t?.creationScope ?? E).importNode(r, !0);
     T.currentNode = o;
-    let n = T.nextNode(), a = 0, h = 0, u = s[0];
+    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[++h];
+        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 !== u?.index && (n = T.nextNode(), a++);
     }
@@ -93,7 +93,7 @@ class k {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, r, s, o) {
-    this.type = 2, this._$AH = A, 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 k {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = b(this, t, r), H(t) ? t === A || t == null || t === "" ? (this._$AH !== A && this._$AR(), this._$AH = A) : 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);
+    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,7 +116,7 @@ class k {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== A && H(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 = P.createElement(we(s.h, s.h[0]), this.options)), s);
@@ -155,21 +155,21 @@ class j {
     return this._$AM._$AU;
   }
   constructor(t, r, s, o, n) {
-    this.type = 1, this._$AH = A, 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 = A;
+    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 n = this.strings;
     let a = !1;
     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;
+      const l = t;
       let u, i;
-      for (t = n[0], u = 0; u < n.length - 1; u++) i = b(this, h[s + u], r, u), i === R && (i = this._$AH[u]), a ||= !H(i) || i !== this._$AH[u], i === A ? t = A : t !== A && (t += (i ?? "") + n[u + 1]), this._$AH[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 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
 class Me extends j {
@@ -177,7 +177,7 @@ class Me extends j {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === A ? void 0 : t;
+    this.element[this.name] = t === $ ? void 0 : t;
   }
 }
 class We extends j {
@@ -185,7 +185,7 @@ class We extends j {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== A);
+    this.element.toggleAttribute(this.name, !!t && t !== $);
   }
 }
 class He extends j {
@@ -193,8 +193,8 @@ class He extends j {
     super(t, r, s, o, n), this.type = 5;
   }
   _$AI(t, r = this) {
-    if ((t = b(this, t, r, 0) ?? A) === R) return;
-    const s = this._$AH, o = t === A && s !== A || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== A && (s === A || o);
+    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) {
@@ -234,14 +234,14 @@ var ke = Object.defineProperty, Le = (e, t, r) => t in e ? ke(e, t, { enumerable
 function $e(e, t) {
   return Object.is(e, t);
 }
-let $ = null, M = !1, D = 1;
+let w = null, M = !1, D = 1;
 const U = /* @__PURE__ */ Symbol("SIGNAL");
 function S(e) {
-  const t = $;
-  return $ = e, t;
+  const t = w;
+  return w = e, t;
 }
 function De() {
-  return $;
+  return w;
 }
 function qe() {
   return M;
@@ -271,15 +271,15 @@ function B(e) {
     throw new Error(
       typeof ngDevMode < "u" && ngDevMode ? "Assertion error: signal read during notification phase" : ""
     );
-  if ($ === null)
+  if (w === null)
     return;
-  $.consumerOnSignalRead(e);
-  const t = $.nextProducerIndex++;
-  if (I($), t < $.producerNode.length && $.producerNode[t] !== e && Q($)) {
-    const r = $.producerNode[t];
-    G(r, $.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]);
   }
-  $.producerNode[t] !== e && ($.producerNode[t] = e, $.producerIndexOfThis[t] = Q($) ? ge(e, $, t) : 0), $.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() {
   D++;
@@ -306,7 +306,7 @@ function _e(e) {
   }
 }
 function je() {
-  return $?.consumerAllowSignalWrites !== !1;
+  return w?.consumerAllowSignalWrites !== !1;
 }
 function Be(e) {
   var t;
@@ -437,7 +437,7 @@ const rt = {
 function st(e) {
   e.version++, Ue(), _e(e);
 }
-const _ = Symbol("node");
+const A = Symbol("node");
 var C;
 ((e) => {
   var t, r, s, o;
@@ -445,7 +445,7 @@ var C;
     constructor(u, i = {}) {
       V(this, r), F(this, t);
       const c = Xe(u)[U];
-      if (this[_] = c, c.wrapper = this, i) {
+      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];
       }
@@ -453,25 +453,25 @@ var C;
     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(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 i = this[_];
+      const i = this[A];
       tt(i, u);
     }
   }
-  t = _, r = /* @__PURE__ */ new WeakSet(), e.isState = (h) => typeof h == "object" && K(r, h), e.State = n;
+  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(u, i) {
       V(this, o), F(this, s);
       const c = Fe(u)[U];
-      if (c.consumerAllowSignalWrites = !0, this[_] = c, c.wrapper = this, i) {
+      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];
       }
@@ -479,87 +479,87 @@ var C;
     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" && K(o, h), e.Computed = a, ((h) => {
-    var u, i, l, c;
-    function p(m) {
-      let f, d = 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 {
-        d = S(null), f = m();
+        d = S(null), m = v();
       } finally {
         S(d);
       }
-      return f;
+      return m;
     }
-    h.untrack = p;
-    function v(m) {
-      var f;
-      if (!(0, e.isComputed)(m) && !(0, e.isWatcher)(m))
+    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 ((f = m[_].producerNode) == null ? void 0 : f.map((d) => d.wrapper)) ?? [];
+      return ((m = v[A].producerNode) == null ? void 0 : m.map((d) => d.wrapper)) ?? [];
     }
-    h.introspectSources = v;
-    function g(m) {
-      var f;
-      if (!(0, e.isComputed)(m) && !(0, e.isState)(m))
+    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 ((f = m[_].liveConsumerNode) == null ? void 0 : f.map((d) => d.wrapper)) ?? [];
+      return ((m = v[A].liveConsumerNode) == null ? void 0 : m.map((d) => d.wrapper)) ?? [];
     }
-    h.introspectSinks = g;
-    function w(m) {
-      if (!(0, e.isComputed)(m) && !(0, e.isState)(m))
+    l.introspectSinks = y;
+    function _(v) {
+      if (!(0, e.isComputed)(v) && !(0, e.isState)(v))
         throw new TypeError("Called hasSinks without a Signal argument");
-      const f = m[_].liveConsumerNode;
-      return f ? f.length > 0 : !1;
+      const m = v[A].liveConsumerNode;
+      return m ? m.length > 0 : !1;
     }
-    h.hasSinks = w;
-    function Z(m) {
-      if (!(0, e.isComputed)(m) && !(0, e.isWatcher)(m))
+    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 f = m[_].producerNode;
-      return f ? f.length > 0 : !1;
+      const m = v[A].producerNode;
+      return m ? m.length > 0 : !1;
     }
-    h.hasSources = 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(f) {
-        V(this, i), V(this, l), F(this, u);
+      constructor(m) {
+        V(this, i), V(this, h), F(this, u);
         let d = Object.create(re);
-        d.wrapper = this, d.consumerMarkedDirty = f, d.consumerIsAlwaysLive = !0, d.consumerAllowSignalWrites = !1, d.producerNode = [], this[_] = d;
+        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(...f) {
+      watch(...m) {
         if (!(0, e.isWatcher)(this))
           throw new TypeError("Called unwatch without Watcher receiver");
-        de(this, l, c).call(this, f);
-        const d = this[_];
+        de(this, h, c).call(this, m);
+        const d = this[A];
         d.dirty = !1;
-        const y = S(d);
-        for (const L of f)
-          B(L[_]);
-        S(y);
+        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(...f) {
+      unwatch(...m) {
         if (!(0, e.isWatcher)(this))
           throw new TypeError("Called unwatch without Watcher receiver");
-        de(this, l, c).call(this, f);
-        const d = this[_];
+        de(this, h, c).call(this, m);
+        const d = this[A];
         I(d);
-        for (let y = d.producerNode.length - 1; y >= 0; y--)
-          if (f.includes(d.producerNode[y].wrapper)) {
-            G(d.producerNode[y], d.producerIndexOfThis[y]);
+        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[y] = d.producerNode[L], d.producerIndexOfThis[y] = d.producerIndexOfThis[L], d.producerNode.length--, d.producerIndexOfThis.length--, d.nextProducerIndex--, y < d.producerNode.length) {
-              const Ee = d.producerIndexOfThis[y], oe = d.producerNode[y];
-              se(oe), oe.liveConsumerIndexOfThis[Ee] = y;
+            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,19 +568,19 @@ var C;
       getPending() {
         if (!(0, e.isWatcher)(this))
           throw new TypeError("Called getPending without Watcher receiver");
-        return this[_].producerNode.filter((d) => d.dirty).map((d) => d.wrapper);
+        return this[A].producerNode.filter((d) => d.dirty).map((d) => d.wrapper);
       }
     }
-    u = _, i = /* @__PURE__ */ new WeakSet(), l = /* @__PURE__ */ new WeakSet(), c = function(m) {
-      for (const f of m)
-        if (!(0, e.isComputed)(f) && !(0, e.isState)(f))
+    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 = (m) => K(i, m), h.Watcher = xe;
+    }, e.isWatcher = (v) => K(i, v), l.Watcher = xe;
     function Te() {
-      var m;
-      return (m = De()) == null ? void 0 : m.wrapper;
+      var v;
+      return (v = De()) == null ? void 0 : v.wrapper;
     }
-    h.currentComputed = Te, h.watched = Symbol("watched"), h.unwatched = Symbol("unwatched");
+    l.currentComputed = Te, l.watched = Symbol("watched"), l.unwatched = Symbol("unwatched");
   })(e.subtle || (e.subtle = {}));
 })(C || (C = {}));
 const ot = /* @__PURE__ */ new Set(["internals", "effect", "styleProps"]);
@@ -607,24 +607,25 @@ function Ne(e) {
     useShadow: o = !0,
     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`);
+  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 (${h}) { ${a} }`), document.adoptedStyleSheets = [
+  a !== void 0 && (u = new CSSStyleSheet(), o ? u.replaceSync(a) : (u.replaceSync(`@scope (${l}) { ${a} }`), document.adoptedStyleSheets = [
     ...document.adoptedStyleSheets,
     u
-  ])), customElements.define(h, class extends HTMLElement {
+  ])), customElements.define(l, class extends HTMLElement {
     #e;
     #t;
-    #r = [];
-    #s = /* @__PURE__ */ new Map();
+    #r;
+    #s = [];
+    #o = /* @__PURE__ */ new Map();
     static get observedAttributes() {
       return s;
     }
@@ -638,96 +639,103 @@ function Ne(e) {
       ]);
       const i = {
         internals: this.attachInternals(),
-        effect: (p) => this.#r.push({ fn: p }),
+        effect: (p) => this.#s.push({ fn: p }),
         styleProps: (p) => {
-          Object.keys(p).forEach((v) => {
-            const g = p[v], w = it(v);
-            g === null ? this.style.removeProperty(w) : this.style.setProperty(w, String(g));
+          Object.keys(p).forEach((f) => {
+            const y = p[f], _ = it(f);
+            y === null ? this.style.removeProperty(_) : this.style.setProperty(_, String(y));
           });
         }
       };
       s.forEach((p) => {
-        const v = new C.State(this.getAttribute(p), {
-          equals: (w, Z) => w === Z
+        const f = new C.State(this.getAttribute(p), {
+          equals: (_, Z) => _ === Z
         });
-        this.#s.set(p, v), i[p] = v, Object.defineProperty(this, p, {
+        this.#o.set(p, f), i[p] = f, Object.defineProperty(this, p, {
           get() {
-            return v.get();
+            return f.get();
           },
-          set(w) {
-            if (w !== null && typeof w != "string")
-              throw new TypeError(`Attribute "${p}" only accepts strings or null, got ${typeof w}.`);
-            v.set(w);
+          set(_) {
+            if (_ !== null && typeof _ != "string")
+              throw new TypeError(`Attribute "${p}" only accepts strings or null, got ${typeof _}.`);
+            f.set(_);
           },
           enumerable: !0,
           configurable: !0
         });
-        const g = new C.subtle.Watcher(() => {
+        const y = new C.subtle.Watcher(() => {
           queueMicrotask(() => {
-            const w = v.get();
-            w === null ? this.removeAttribute(p) : this.setAttribute(p, w), g.watch();
+            const _ = f.get();
+            _ === null ? this.removeAttribute(p) : this.setAttribute(p, _), y.watch();
           });
         });
-        g.watch(v);
+        y.watch(f);
       });
-      const l = t.call(this, i), c = o ? this.shadowRoot : this;
-      if (typeof l == "function") {
-        this.#e = new C.Computed(() => l());
-        const p = this.#e, v = () => {
-          const w = p.get();
-          typeof w == "string" ? c.innerHTML = w : w != null && he(w, 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 g = !1;
+        let p = !1;
         this.#t = new C.subtle.Watcher(() => {
-          g || (g = !0, queueMicrotask(() => {
-            g = !1;
+          p || (p = !0, queueMicrotask(() => {
+            p = !1;
             try {
-              v();
-            } catch (w) {
+              this.#r();
+            } catch (f) {
               console.error(
-                `Error in render function for <${r}> fun element: `,
-                w
+                `Error in render function for <${l}> fun element: `,
+                f
               );
             }
             this.#t.watch();
           }));
-        }), this.#t.watch(this.#e), v();
-      } else l === void 0 || (typeof l == "string" ? c.innerHTML = l : typeof l == "object" && "_$litType$" in l ? he(l, c) : console.error(
-        `Setup function for <${r}> returned an unexpected value. Expected a render function, a template (html\`...\`), a string, or nothing. Got: ${typeof l}`
-      ));
+        });
+      } 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 && this.#e && this.#t.watch(this.#e), this.#r.forEach((i) => {
+      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 (l) {
+              } catch (h) {
                 console.error(
-                  `Error in effect for <${h}> fun element: `,
-                  l
+                  `Error in effect for <${l}> fun element: `,
+                  h
                 );
               }
               i.watcher.watch(i.computed);
             });
           }), i.cleanup = i.computed.get(), i.watcher.watch(i.computed);
-        } catch (l) {
+        } catch (h) {
           console.error(
-            `Error in effect for <${h}> fun element: `,
-            l
+            `Error in effect for <${l}> fun element: `,
+            h
           );
         }
       });
     }
     disconnectedCallback() {
-      this.#t && this.#e && this.#t.unwatch(this.#e), this.#r.forEach((i) => {
+      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(i, l, c) {
-      this.#s.get(i)?.set(c);
+    attributeChangedCallback(i, h, c) {
+      this.#o.get(i)?.set(c);
     }
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hot-page/fun",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Simple define helper for functional web components",
   "repository": {
     "type": "git",

package/src/index.ts

@@ -163,6 +163,7 @@ export function define<Attrs extends string = never>(options: DefineOptions<Attr
   customElements.define(elementName, class extends HTMLElement {
     #template: Signal.Computed<ReturnType<typeof html>> | undefined
     #watcher: any
+    #renderTemplate: (() => void) | undefined
     #effects: EffectEntry[] = []
     #attributeSignals: Map<string, Signal.State<string | null>> = new Map()
 
@@ -246,12 +247,11 @@ export function define<Attrs extends string = never>(options: DefineOptions<Attr
       if (typeof setupResult === 'function') {
         this.#template = new Signal.Computed(() => setupResult())
 
-        const template = this.#template
-        const renderTemplate = () => {
-          const result = template.get()
+        this.#renderTemplate = () => {
+          const result = this.#template!.get()
           if (typeof result === 'string') {
             target.innerHTML = result
-          } else if (result !== undefined && result !== null) {
+          } else {
             render(result, target)
           }
         }
@@ -263,10 +263,10 @@ export function define<Attrs extends string = never>(options: DefineOptions<Attr
           queueMicrotask(() => {
             renderPending = false
             try {
-              renderTemplate()
+              this.#renderTemplate!()
             } catch (error) {
               console.error(
-                `Error in render function for <${tagName}> fun element: `,
+                `Error in render function for <${elementName}> fun element: `,
                 error,
               )
             }
@@ -274,17 +274,15 @@ export function define<Attrs extends string = never>(options: DefineOptions<Attr
           })
         })
 
-        this.#watcher.watch(this.#template)
-
-        renderTemplate()
-      } else if (setupResult === undefined) {
       } else if (typeof setupResult === 'string') {
         target.innerHTML = setupResult
       } else if (typeof setupResult === 'object' && '_$litType$' in (setupResult as object)) {
         render(setupResult, target)
+      } else if (setupResult === undefined) {
+        return
       } else {
         console.error(
-          `Setup function for <${tagName}> returned an unexpected value. ` +
+          `Setup function for <${elementName}> returned an unexpected value. ` +
           `Expected a render function, a template (html\`...\`), a string, or nothing. ` +
           `Got: ${typeof setupResult}`
         )
@@ -294,6 +292,7 @@ export function define<Attrs extends string = never>(options: DefineOptions<Attr
     connectedCallback() {
       if (this.#watcher && this.#template) {
         this.#watcher.watch(this.#template)
+        this.#renderTemplate?.()
       }
 
       this.#effects.forEach(entry => {