diff --git a/dist/dde-with-signals.js b/dist/dde-with-signals.js
index 7e4636d..f7641d0 100644
--- a/dist/dde-with-signals.js
+++ b/dist/dde-with-signals.js
@@ -20,7 +20,7 @@
 	function m(e) {
 		return typeof e > "u";
 	}
-	function _(e) {
+	function N(e) {
 		let t = typeof e;
 		return t !== "object" ? t : e === null ? "null" : Object.prototype.toString.call(e);
 	}
@@ -54,62 +54,62 @@
 		};
 	}
 	function ce(e, t, ...n) {
-		let r = x(this), o;
-		switch ((Object(t) !== t || r.isSignal(t)) && (t = { textContent: t }), !0) {
+		let r = this, o = x(this), c;
+		switch ((Object(t) !== t || o.isSignal(t)) && (t = { textContent: t }), !0) {
 			case typeof e == "function": {
-				o = e(t || void 0, (p) => p ? (n.unshift(p), void 0) : o);
+				c = e(t || void 0, (s) => s ? (n.unshift(s), void 0) : c);
 				break;
 			}
 			case e === "#text":
-				o = S(document.createTextNode(""), t);
+				c = S.call(r, document.createTextNode(""), t);
 				break;
 			case e === "<>":
-				o = S(document.createDocumentFragment(), t);
+				c = S.call(r, document.createDocumentFragment(), t);
 				break;
 			case w !== "html":
-				o = S(document.createElementNS(w, e), t);
+				c = S.call(r, document.createElementNS(w, e), t);
 				break;
-			case !o:
-				o = S(document.createElement(e), t);
+			case !c:
+				c = S.call(r, document.createElement(e), t);
 		}
-		return n.forEach((i) => i(o)), o;
+		return n.forEach((p) => p(c)), c;
 	}
 	var { setDeleteAttr: j } = P;
 	function S(e, ...t) {
 		let n = this, r = x(this);
 		if (!t.length)
 			return e;
-		let i = (e instanceof SVGElement ? I : H).bind(null, e, "Attribute");
-		return Object.entries(Object.assign({}, ...t)).forEach(function p([f, a]) {
-			a = r.processReactiveAttribute(e, f, a, p);
-			let [b] = f;
+		let c = (e instanceof SVGElement ? I : H).bind(null, e, "Attribute");
+		return Object.entries(Object.assign({}, ...t)).forEach(function p([s, a]) {
+			a = r.processReactiveAttribute(e, s, a, p);
+			let [b] = s;
 			if (b === "=")
-				return i(f.slice(1), a);
+				return c(s.slice(1), a);
 			if (b === ".")
-				return F(e, f.slice(1), a);
-			if (/(aria|data)([A-Z])/.test(f))
-				return f = f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), i(f, a);
-			switch (f === "className" && (f = "class"), f) {
+				return F(e, s.slice(1), a);
+			if (/(aria|data)([A-Z])/.test(s))
+				return s = s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c(s, a);
+			switch (s === "className" && (s = "class"), s) {
 				case "xlink:href":
-					return i(f, a, "http://www.w3.org/1999/xlink");
+					return c(s, a, "http://www.w3.org/1999/xlink");
 				case "textContent":
-					return j(e, f, a);
+					return j(e, s, a);
 				case "style":
 					if (typeof a != "object")
 						break;
 				case "dataset":
-					return D(r, a, F.bind(null, e[f]));
+					return _(r, a, F.bind(null, e[s]));
 				case "ariaset":
-					return D(r, a, (v, c) => i("aria-" + v, c));
+					return _(r, a, (v, i) => c("aria-" + v, i));
 				case "classList":
 					return B.call(n, e, a);
 			}
-			return G(e, f) ? j(e, f, a) : i(f, a);
+			return G(e, s) ? j(e, s, a) : c(s, a);
 		}), e;
 	}
 	function B(e, t) {
 		let n = x(this);
-		return D(
+		return _(
 			n,
 			t,
 			(r, o) => e.classList.toggle(r, o === -1 ? void 0 : !!o)
@@ -130,10 +130,10 @@
 		let n = Object.getOwnPropertyDescriptor(e, t);
 		return n || M(e, t);
 	}
-	function D(e, t, n) {
+	function _(e, t, n) {
 		if (!(typeof t != "object" || t === null))
-			return Object.entries(t).forEach(function([o, i]) {
-				o && (i = e.processReactiveAttribute(t, o, i, (p) => n(...p)), n(o, i));
+			return Object.entries(t).forEach(function([o, c]) {
+				o && (c = e.processReactiveAttribute(t, o, c, (p) => n(...p)), n(o, c));
 			});
 	}
 	function z(e) {
@@ -172,77 +172,77 @@
 		};
 	};
 	function J() {
-		let e = /* @__PURE__ */ new Map(), t = !1, n = new MutationObserver(function(c) {
-			for (let s of c)
-				if (s.type === "childList") {
-					if (b(s.addedNodes, !0)) {
+		let e = /* @__PURE__ */ new Map(), t = !1, n = new MutationObserver(function(i) {
+			for (let f of i)
+				if (f.type === "childList") {
+					if (b(f.addedNodes, !0)) {
 						p();
 						continue;
 					}
-					v(s.removedNodes, !0) && p();
+					v(f.removedNodes, !0) && p();
 				}
 		});
 		return {
-			onConnected(c, s) {
-				i(), o(c).connected.push(s);
+			onConnected(i, f) {
+				c(), o(i).connected.push(f);
 			},
-			offConnected(c, s) {
-				if (!e.has(c))
+			offConnected(i, f) {
+				if (!e.has(i))
 					return;
-				let u = e.get(c), l = u.connected;
-				l.splice(l.indexOf(s), 1), r(c, u);
+				let u = e.get(i), l = u.connected;
+				l.splice(l.indexOf(f), 1), r(i, u);
 			},
-			onDisconnected(c, s) {
-				i(), o(c).disconnected.push(s);
+			onDisconnected(i, f) {
+				c(), o(i).disconnected.push(f);
 			},
-			offDisconnected(c, s) {
-				if (!e.has(c))
+			offDisconnected(i, f) {
+				if (!e.has(i))
 					return;
-				let u = e.get(c), l = u.disconnected;
-				l.splice(l.indexOf(s), 1), r(c, u);
+				let u = e.get(i), l = u.disconnected;
+				l.splice(l.indexOf(f), 1), r(i, u);
 			}
 		};
-		function r(c, s) {
-			s.connected.length || s.disconnected.length || (e.delete(c), p());
+		function r(i, f) {
+			f.connected.length || f.disconnected.length || (e.delete(i), p());
 		}
-		function o(c) {
-			if (e.has(c))
-				return e.get(c);
-			let s = { connected: [], disconnected: [] };
-			return e.set(c, s), s;
+		function o(i) {
+			if (e.has(i))
+				return e.get(i);
+			let f = { connected: [], disconnected: [] };
+			return e.set(i, f), f;
 		}
-		function i() {
+		function c() {
 			t || (t = !0, n.observe(document.body, { childList: !0, subtree: !0 }));
 		}
 		function p() {
 			!t || e.size || (t = !1, n.disconnect());
 		}
-		function f() {
-			return new Promise(function(c) {
-				(requestIdleCallback || requestAnimationFrame)(c);
+		function s() {
+			return new Promise(function(i) {
+				(requestIdleCallback || requestAnimationFrame)(i);
 			});
 		}
-		async function a(c) {
-			e.size > 30 && await f();
-			let s = [];
-			if (!(c instanceof Node))
-				return s;
+		async function a(i) {
+			e.size > 30 && await s();
+			let f = [];
+			if (!(i instanceof Node))
+				return f;
 			for (let u of e.keys())
-				u === c || !(u instanceof Node) || c.contains(u) && s.push(u);
-			return s;
+				u === i || !(u instanceof Node) || i.contains(u) && f.push(u);
+			return f;
 		}
-		function b(c, s) {
-			for (let u of c) {
-				if (s && a(u).then(b), !e.has(u))
+		function b(i, f) {
+			for (let u of i) {
+				if (f && a(u).then(b), !e.has(u))
 					continue;
 				let l = e.get(u);
 				return l.connected.forEach((A) => A(u)), l.connected.length = 0, l.disconnected.length || e.delete(u), !0;
 			}
 			return !1;
 		}
-		function v(c, s) {
-			for (let u of c) {
-				if (s && a(u).then(v), !e.has(u))
+		function v(i, f) {
+			for (let u of i) {
+				if (f && a(u).then(v), !e.has(u))
 					continue;
 				let l = e.get(u);
 				return l.disconnected.forEach((A) => A(u)), l.connected.length = 0, l.disconnected.length = 0, e.delete(u), !0;
@@ -283,14 +283,14 @@
 			throw new Error(`'${e}' has no action with name '${t}'!`);
 		if (o[t].apply(r, n), r.skip)
 			return Reflect.deleteProperty(r, "skip");
-		r.listeners.forEach((i) => i(r.value));
+		r.listeners.forEach((c) => c(r.value));
 	};
 	g.on = function e(t, n, r = {}) {
 		let { signal: o } = r;
 		if (!(o && o.aborted)) {
 			if (Array.isArray(t))
-				return t.forEach((i) => e(i, n, r));
-			N(t, n), o && o.addEventListener("abort", () => q(t, n));
+				return t.forEach((c) => e(c, n, r));
+			D(t, n), o && o.addEventListener("abort", () => q(t, n));
 		}
 	};
 	g.symbols = {
@@ -307,30 +307,30 @@
 			r.listeners.forEach((o) => {
 				if (r.listeners.delete(o), !h.has(o))
 					return;
-				let i = h.get(o);
-				i.delete(n), !(i.size > 1) && (g.clear(...i), h.delete(o));
+				let c = h.get(o);
+				c.delete(n), !(c.size > 1) && (g.clear(...c), h.delete(o));
 			});
 		}
 	};
 	g.el = function(e, t) {
 		let n = document.createComment("<#reactive>"), r = document.createComment("</#reactive>"), o = document.createDocumentFragment();
 		o.append(n, r);
-		let i = (p) => {
+		let c = (p) => {
 			if (!n.parentNode || !r.parentNode)
-				return q(e, i);
-			let f = t(p);
-			Array.isArray(f) || (f = [f]);
+				return q(e, c);
+			let s = t(p);
+			Array.isArray(s) || (s = [s]);
 			let a = n;
 			for (; (a = n.nextSibling) !== r; )
 				a.remove();
-			n.after(...f);
+			n.after(...s);
 		};
-		return N(e, i), i(e()), o;
+		return D(e, c), c(e()), o;
 	};
 	var $ = {
 		isSignal: y,
 		processReactiveAttribute(e, t, n, r) {
-			return y(n) ? (N(n, (o) => r([t, o])), n()) : n;
+			return y(n) ? (D(n, (o) => r([t, o])), n()) : n;
 		}
 	};
 	function U(e, t) {
@@ -343,7 +343,7 @@
 		}
 	});
 	function Z(e, t, n) {
-		return _(n) !== "[object Object]" && (n = {}), e[d] = {
+		return N(n) !== "[object Object]" && (n = {}), e[d] = {
 			value: t,
 			actions: n,
 			listeners: /* @__PURE__ */ new Set()
@@ -372,7 +372,7 @@
 		if (n.value !== t)
 			return n.value = t, n.listeners.forEach((r) => r(t)), t;
 	}
-	function N(e, t) {
+	function D(e, t) {
 		if (e[d])
 			return e[d].listeners.add(t);
 	}
diff --git a/dist/dde.js b/dist/dde.js
index 784ceb6..331df48 100644
--- a/dist/dde.js
+++ b/dist/dde.js
@@ -50,57 +50,57 @@
 		};
 	}
 	function I(e, t, ...n) {
-		let r = v(this), c;
-		switch ((Object(t) !== t || r.isSignal(t)) && (t = { textContent: t }), !0) {
+		let r = this, u = v(this), i;
+		switch ((Object(t) !== t || u.isSignal(t)) && (t = { textContent: t }), !0) {
 			case typeof e == "function": {
-				c = e(t || void 0, (l) => l ? (n.unshift(l), void 0) : c);
+				i = e(t || void 0, (f) => f ? (n.unshift(f), void 0) : i);
 				break;
 			}
 			case e === "#text":
-				c = m(document.createTextNode(""), t);
+				i = m.call(r, document.createTextNode(""), t);
 				break;
 			case e === "<>":
-				c = m(document.createDocumentFragment(), t);
+				i = m.call(r, document.createDocumentFragment(), t);
 				break;
 			case x !== "html":
-				c = m(document.createElementNS(x, e), t);
+				i = m.call(r, document.createElementNS(x, e), t);
 				break;
-			case !c:
-				c = m(document.createElement(e), t);
+			case !i:
+				i = m.call(r, document.createElement(e), t);
 		}
-		return n.forEach((d) => d(c)), c;
+		return n.forEach((l) => l(i)), i;
 	}
 	var { setDeleteAttr: C } = R;
 	function m(e, ...t) {
 		let n = this, r = v(this);
 		if (!t.length)
 			return e;
-		let d = (e instanceof SVGElement ? M : F).bind(null, e, "Attribute");
-		return Object.entries(Object.assign({}, ...t)).forEach(function l([f, u]) {
-			u = r.processReactiveAttribute(e, f, u, l);
+		let i = (e instanceof SVGElement ? M : F).bind(null, e, "Attribute");
+		return Object.entries(Object.assign({}, ...t)).forEach(function l([f, d]) {
+			d = r.processReactiveAttribute(e, f, d, l);
 			let [h] = f;
 			if (h === "=")
-				return d(f.slice(1), u);
+				return i(f.slice(1), d);
 			if (h === ".")
-				return D(e, f.slice(1), u);
+				return D(e, f.slice(1), d);
 			if (/(aria|data)([A-Z])/.test(f))
-				return f = f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), d(f, u);
+				return f = f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), i(f, d);
 			switch (f === "className" && (f = "class"), f) {
 				case "xlink:href":
-					return d(f, u, "http://www.w3.org/1999/xlink");
+					return i(f, d, "http://www.w3.org/1999/xlink");
 				case "textContent":
-					return C(e, f, u);
+					return C(e, f, d);
 				case "style":
-					if (typeof u != "object")
+					if (typeof d != "object")
 						break;
 				case "dataset":
-					return O(r, u, D.bind(null, e[f]));
+					return O(r, d, D.bind(null, e[f]));
 				case "ariaset":
-					return O(r, u, (E, o) => d("aria-" + E, o));
+					return O(r, d, (E, o) => i("aria-" + E, o));
 				case "classList":
-					return _.call(n, e, u);
+					return _.call(n, e, d);
 			}
-			return j(e, f) ? C(e, f, u) : d(f, u);
+			return j(e, f) ? C(e, f, d) : i(f, d);
 		}), e;
 	}
 	function _(e, t) {
@@ -108,7 +108,7 @@
 		return O(
 			n,
 			t,
-			(r, c) => e.classList.toggle(r, c === -1 ? void 0 : !!c)
+			(r, u) => e.classList.toggle(r, u === -1 ? void 0 : !!u)
 		), e;
 	}
 	function Z(e) {
@@ -128,8 +128,8 @@
 	}
 	function O(e, t, n) {
 		if (!(typeof t != "object" || t === null))
-			return Object.entries(t).forEach(function([c, d]) {
-				c && (d = e.processReactiveAttribute(t, c, d, (l) => n(...l)), n(c, d));
+			return Object.entries(t).forEach(function([u, i]) {
+				u && (i = e.processReactiveAttribute(t, u, i, (l) => n(...l)), n(u, i));
 			});
 	}
 	function S(e) {
@@ -138,8 +138,8 @@
 	function F(e, t, n, r) {
 		return e[(p(r) ? "remove" : "set") + t](n, S(r));
 	}
-	function M(e, t, n, r, c = null) {
-		return e[(p(r) ? "remove" : "set") + t + "NS"](c, n, S(r));
+	function M(e, t, n, r, u = null) {
+		return e[(p(r) ? "remove" : "set") + t + "NS"](u, n, S(r));
 	}
 	function D(e, t, n) {
 		if (Reflect.set(e, t, n), !!p(n))
@@ -152,8 +152,8 @@
 		return e.dispatchEvent(r);
 	}
 	function N(e, t, n) {
-		return function(c) {
-			return c.addEventListener(e, t, n), c;
+		return function(u) {
+			return u.addEventListener(e, t, n), u;
 		};
 	}
 	var b = T();
@@ -169,45 +169,45 @@
 	};
 	function T() {
 		let e = /* @__PURE__ */ new Map(), t = !1, n = new MutationObserver(function(o) {
-			for (let s of o)
-				if (s.type === "childList") {
-					if (h(s.addedNodes, !0)) {
+			for (let c of o)
+				if (c.type === "childList") {
+					if (h(c.addedNodes, !0)) {
 						l();
 						continue;
 					}
-					E(s.removedNodes, !0) && l();
+					E(c.removedNodes, !0) && l();
 				}
 		});
 		return {
-			onConnected(o, s) {
-				d(), c(o).connected.push(s);
+			onConnected(o, c) {
+				i(), u(o).connected.push(c);
 			},
-			offConnected(o, s) {
+			offConnected(o, c) {
 				if (!e.has(o))
 					return;
-				let i = e.get(o), a = i.connected;
-				a.splice(a.indexOf(s), 1), r(o, i);
+				let s = e.get(o), a = s.connected;
+				a.splice(a.indexOf(c), 1), r(o, s);
 			},
-			onDisconnected(o, s) {
-				d(), c(o).disconnected.push(s);
+			onDisconnected(o, c) {
+				i(), u(o).disconnected.push(c);
 			},
-			offDisconnected(o, s) {
+			offDisconnected(o, c) {
 				if (!e.has(o))
 					return;
-				let i = e.get(o), a = i.disconnected;
-				a.splice(a.indexOf(s), 1), r(o, i);
+				let s = e.get(o), a = s.disconnected;
+				a.splice(a.indexOf(c), 1), r(o, s);
 			}
 		};
-		function r(o, s) {
-			s.connected.length || s.disconnected.length || (e.delete(o), l());
+		function r(o, c) {
+			c.connected.length || c.disconnected.length || (e.delete(o), l());
 		}
-		function c(o) {
+		function u(o) {
 			if (e.has(o))
 				return e.get(o);
-			let s = { connected: [], disconnected: [] };
-			return e.set(o, s), s;
+			let c = { connected: [], disconnected: [] };
+			return e.set(o, c), c;
 		}
-		function d() {
+		function i() {
 			t || (t = !0, n.observe(document.body, { childList: !0, subtree: !0 }));
 		}
 		function l() {
@@ -218,30 +218,30 @@
 				(requestIdleCallback || requestAnimationFrame)(o);
 			});
 		}
-		async function u(o) {
+		async function d(o) {
 			e.size > 30 && await f();
-			let s = [];
+			let c = [];
 			if (!(o instanceof Node))
-				return s;
-			for (let i of e.keys())
-				i === o || !(i instanceof Node) || o.contains(i) && s.push(i);
-			return s;
+				return c;
+			for (let s of e.keys())
+				s === o || !(s instanceof Node) || o.contains(s) && c.push(s);
+			return c;
 		}
-		function h(o, s) {
-			for (let i of o) {
-				if (s && u(i).then(h), !e.has(i))
+		function h(o, c) {
+			for (let s of o) {
+				if (c && d(s).then(h), !e.has(s))
 					continue;
-				let a = e.get(i);
-				return a.connected.forEach((A) => A(i)), a.connected.length = 0, a.disconnected.length || e.delete(i), !0;
+				let a = e.get(s);
+				return a.connected.forEach((A) => A(s)), a.connected.length = 0, a.disconnected.length || e.delete(s), !0;
 			}
 			return !1;
 		}
-		function E(o, s) {
-			for (let i of o) {
-				if (s && u(i).then(E), !e.has(i))
+		function E(o, c) {
+			for (let s of o) {
+				if (c && d(s).then(E), !e.has(s))
 					continue;
-				let a = e.get(i);
-				return a.disconnected.forEach((A) => A(i)), a.connected.length = 0, a.disconnected.length = 0, e.delete(i), !0;
+				let a = e.get(s);
+				return a.disconnected.forEach((A) => A(s)), a.connected.length = 0, a.disconnected.length = 0, e.delete(s), !0;
 			}
 			return !1;
 		}
diff --git a/dist/esm-with-signals.js b/dist/esm-with-signals.js
index 6df6e24..ddaa65c 100644
--- a/dist/esm-with-signals.js
+++ b/dist/esm-with-signals.js
@@ -18,7 +18,7 @@ function x(e) {
 function m(e) {
 	return typeof e > "u";
 }
-function _(e) {
+function N(e) {
 	let t = typeof e;
 	return t !== "object" ? t : e === null ? "null" : Object.prototype.toString.call(e);
 }
@@ -52,62 +52,62 @@ function oe(e) {
 	};
 }
 function ce(e, t, ...n) {
-	let r = x(this), o;
-	switch ((Object(t) !== t || r.isSignal(t)) && (t = { textContent: t }), !0) {
+	let r = this, o = x(this), c;
+	switch ((Object(t) !== t || o.isSignal(t)) && (t = { textContent: t }), !0) {
 		case typeof e == "function": {
-			o = e(t || void 0, (p) => p ? (n.unshift(p), void 0) : o);
+			c = e(t || void 0, (s) => s ? (n.unshift(s), void 0) : c);
 			break;
 		}
 		case e === "#text":
-			o = S(document.createTextNode(""), t);
+			c = S.call(r, document.createTextNode(""), t);
 			break;
 		case e === "<>":
-			o = S(document.createDocumentFragment(), t);
+			c = S.call(r, document.createDocumentFragment(), t);
 			break;
 		case w !== "html":
-			o = S(document.createElementNS(w, e), t);
+			c = S.call(r, document.createElementNS(w, e), t);
 			break;
-		case !o:
-			o = S(document.createElement(e), t);
+		case !c:
+			c = S.call(r, document.createElement(e), t);
 	}
-	return n.forEach((i) => i(o)), o;
+	return n.forEach((p) => p(c)), c;
 }
 var { setDeleteAttr: j } = P;
 function S(e, ...t) {
 	let n = this, r = x(this);
 	if (!t.length)
 		return e;
-	let i = (e instanceof SVGElement ? I : H).bind(null, e, "Attribute");
-	return Object.entries(Object.assign({}, ...t)).forEach(function p([f, a]) {
-		a = r.processReactiveAttribute(e, f, a, p);
-		let [b] = f;
+	let c = (e instanceof SVGElement ? I : H).bind(null, e, "Attribute");
+	return Object.entries(Object.assign({}, ...t)).forEach(function p([s, a]) {
+		a = r.processReactiveAttribute(e, s, a, p);
+		let [b] = s;
 		if (b === "=")
-			return i(f.slice(1), a);
+			return c(s.slice(1), a);
 		if (b === ".")
-			return F(e, f.slice(1), a);
-		if (/(aria|data)([A-Z])/.test(f))
-			return f = f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), i(f, a);
-		switch (f === "className" && (f = "class"), f) {
+			return F(e, s.slice(1), a);
+		if (/(aria|data)([A-Z])/.test(s))
+			return s = s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c(s, a);
+		switch (s === "className" && (s = "class"), s) {
 			case "xlink:href":
-				return i(f, a, "http://www.w3.org/1999/xlink");
+				return c(s, a, "http://www.w3.org/1999/xlink");
 			case "textContent":
-				return j(e, f, a);
+				return j(e, s, a);
 			case "style":
 				if (typeof a != "object")
 					break;
 			case "dataset":
-				return D(r, a, F.bind(null, e[f]));
+				return _(r, a, F.bind(null, e[s]));
 			case "ariaset":
-				return D(r, a, (v, c) => i("aria-" + v, c));
+				return _(r, a, (v, i) => c("aria-" + v, i));
 			case "classList":
 				return B.call(n, e, a);
 		}
-		return G(e, f) ? j(e, f, a) : i(f, a);
+		return G(e, s) ? j(e, s, a) : c(s, a);
 	}), e;
 }
 function B(e, t) {
 	let n = x(this);
-	return D(
+	return _(
 		n,
 		t,
 		(r, o) => e.classList.toggle(r, o === -1 ? void 0 : !!o)
@@ -128,10 +128,10 @@ function M(e, t) {
 	let n = Object.getOwnPropertyDescriptor(e, t);
 	return n || M(e, t);
 }
-function D(e, t, n) {
+function _(e, t, n) {
 	if (!(typeof t != "object" || t === null))
-		return Object.entries(t).forEach(function([o, i]) {
-			o && (i = e.processReactiveAttribute(t, o, i, (p) => n(...p)), n(o, i));
+		return Object.entries(t).forEach(function([o, c]) {
+			o && (c = e.processReactiveAttribute(t, o, c, (p) => n(...p)), n(o, c));
 		});
 }
 function z(e) {
@@ -170,77 +170,77 @@ T.disconnected = function(e, t) {
 	};
 };
 function J() {
-	let e = /* @__PURE__ */ new Map(), t = !1, n = new MutationObserver(function(c) {
-		for (let s of c)
-			if (s.type === "childList") {
-				if (b(s.addedNodes, !0)) {
+	let e = /* @__PURE__ */ new Map(), t = !1, n = new MutationObserver(function(i) {
+		for (let f of i)
+			if (f.type === "childList") {
+				if (b(f.addedNodes, !0)) {
 					p();
 					continue;
 				}
-				v(s.removedNodes, !0) && p();
+				v(f.removedNodes, !0) && p();
 			}
 	});
 	return {
-		onConnected(c, s) {
-			i(), o(c).connected.push(s);
+		onConnected(i, f) {
+			c(), o(i).connected.push(f);
 		},
-		offConnected(c, s) {
-			if (!e.has(c))
+		offConnected(i, f) {
+			if (!e.has(i))
 				return;
-			let u = e.get(c), l = u.connected;
-			l.splice(l.indexOf(s), 1), r(c, u);
+			let u = e.get(i), l = u.connected;
+			l.splice(l.indexOf(f), 1), r(i, u);
 		},
-		onDisconnected(c, s) {
-			i(), o(c).disconnected.push(s);
+		onDisconnected(i, f) {
+			c(), o(i).disconnected.push(f);
 		},
-		offDisconnected(c, s) {
-			if (!e.has(c))
+		offDisconnected(i, f) {
+			if (!e.has(i))
 				return;
-			let u = e.get(c), l = u.disconnected;
-			l.splice(l.indexOf(s), 1), r(c, u);
+			let u = e.get(i), l = u.disconnected;
+			l.splice(l.indexOf(f), 1), r(i, u);
 		}
 	};
-	function r(c, s) {
-		s.connected.length || s.disconnected.length || (e.delete(c), p());
+	function r(i, f) {
+		f.connected.length || f.disconnected.length || (e.delete(i), p());
 	}
-	function o(c) {
-		if (e.has(c))
-			return e.get(c);
-		let s = { connected: [], disconnected: [] };
-		return e.set(c, s), s;
+	function o(i) {
+		if (e.has(i))
+			return e.get(i);
+		let f = { connected: [], disconnected: [] };
+		return e.set(i, f), f;
 	}
-	function i() {
+	function c() {
 		t || (t = !0, n.observe(document.body, { childList: !0, subtree: !0 }));
 	}
 	function p() {
 		!t || e.size || (t = !1, n.disconnect());
 	}
-	function f() {
-		return new Promise(function(c) {
-			(requestIdleCallback || requestAnimationFrame)(c);
+	function s() {
+		return new Promise(function(i) {
+			(requestIdleCallback || requestAnimationFrame)(i);
 		});
 	}
-	async function a(c) {
-		e.size > 30 && await f();
-		let s = [];
-		if (!(c instanceof Node))
-			return s;
+	async function a(i) {
+		e.size > 30 && await s();
+		let f = [];
+		if (!(i instanceof Node))
+			return f;
 		for (let u of e.keys())
-			u === c || !(u instanceof Node) || c.contains(u) && s.push(u);
-		return s;
+			u === i || !(u instanceof Node) || i.contains(u) && f.push(u);
+		return f;
 	}
-	function b(c, s) {
-		for (let u of c) {
-			if (s && a(u).then(b), !e.has(u))
+	function b(i, f) {
+		for (let u of i) {
+			if (f && a(u).then(b), !e.has(u))
 				continue;
 			let l = e.get(u);
 			return l.connected.forEach((A) => A(u)), l.connected.length = 0, l.disconnected.length || e.delete(u), !0;
 		}
 		return !1;
 	}
-	function v(c, s) {
-		for (let u of c) {
-			if (s && a(u).then(v), !e.has(u))
+	function v(i, f) {
+		for (let u of i) {
+			if (f && a(u).then(v), !e.has(u))
 				continue;
 			let l = e.get(u);
 			return l.disconnected.forEach((A) => A(u)), l.connected.length = 0, l.disconnected.length = 0, e.delete(u), !0;
@@ -281,14 +281,14 @@ g.action = function(e, t, ...n) {
 		throw new Error(`'${e}' has no action with name '${t}'!`);
 	if (o[t].apply(r, n), r.skip)
 		return Reflect.deleteProperty(r, "skip");
-	r.listeners.forEach((i) => i(r.value));
+	r.listeners.forEach((c) => c(r.value));
 };
 g.on = function e(t, n, r = {}) {
 	let { signal: o } = r;
 	if (!(o && o.aborted)) {
 		if (Array.isArray(t))
-			return t.forEach((i) => e(i, n, r));
-		N(t, n), o && o.addEventListener("abort", () => q(t, n));
+			return t.forEach((c) => e(c, n, r));
+		D(t, n), o && o.addEventListener("abort", () => q(t, n));
 	}
 };
 g.symbols = {
@@ -305,30 +305,30 @@ g.clear = function(...e) {
 		r.listeners.forEach((o) => {
 			if (r.listeners.delete(o), !h.has(o))
 				return;
-			let i = h.get(o);
-			i.delete(n), !(i.size > 1) && (g.clear(...i), h.delete(o));
+			let c = h.get(o);
+			c.delete(n), !(c.size > 1) && (g.clear(...c), h.delete(o));
 		});
 	}
 };
 g.el = function(e, t) {
 	let n = document.createComment("<#reactive>"), r = document.createComment("</#reactive>"), o = document.createDocumentFragment();
 	o.append(n, r);
-	let i = (p) => {
+	let c = (p) => {
 		if (!n.parentNode || !r.parentNode)
-			return q(e, i);
-		let f = t(p);
-		Array.isArray(f) || (f = [f]);
+			return q(e, c);
+		let s = t(p);
+		Array.isArray(s) || (s = [s]);
 		let a = n;
 		for (; (a = n.nextSibling) !== r; )
 			a.remove();
-		n.after(...f);
+		n.after(...s);
 	};
-	return N(e, i), i(e()), o;
+	return D(e, c), c(e()), o;
 };
 var $ = {
 	isSignal: y,
 	processReactiveAttribute(e, t, n, r) {
-		return y(n) ? (N(n, (o) => r([t, o])), n()) : n;
+		return y(n) ? (D(n, (o) => r([t, o])), n()) : n;
 	}
 };
 function U(e, t) {
@@ -341,7 +341,7 @@ var V = Object.assign(/* @__PURE__ */ Object.create(null), {
 	}
 });
 function Z(e, t, n) {
-	return _(n) !== "[object Object]" && (n = {}), e[d] = {
+	return N(n) !== "[object Object]" && (n = {}), e[d] = {
 		value: t,
 		actions: n,
 		listeners: /* @__PURE__ */ new Set()
@@ -370,7 +370,7 @@ function X(e, t) {
 	if (n.value !== t)
 		return n.value = t, n.listeners.forEach((r) => r(t)), t;
 }
-function N(e, t) {
+function D(e, t) {
 	if (e[d])
 		return e[d].listeners.add(t);
 }
diff --git a/dist/esm.js b/dist/esm.js
index 271a60e..1c2fcaf 100644
--- a/dist/esm.js
+++ b/dist/esm.js
@@ -48,57 +48,57 @@ function H(e) {
 	};
 }
 function I(e, t, ...n) {
-	let r = v(this), c;
-	switch ((Object(t) !== t || r.isSignal(t)) && (t = { textContent: t }), !0) {
+	let r = this, u = v(this), i;
+	switch ((Object(t) !== t || u.isSignal(t)) && (t = { textContent: t }), !0) {
 		case typeof e == "function": {
-			c = e(t || void 0, (l) => l ? (n.unshift(l), void 0) : c);
+			i = e(t || void 0, (f) => f ? (n.unshift(f), void 0) : i);
 			break;
 		}
 		case e === "#text":
-			c = m(document.createTextNode(""), t);
+			i = m.call(r, document.createTextNode(""), t);
 			break;
 		case e === "<>":
-			c = m(document.createDocumentFragment(), t);
+			i = m.call(r, document.createDocumentFragment(), t);
 			break;
 		case x !== "html":
-			c = m(document.createElementNS(x, e), t);
+			i = m.call(r, document.createElementNS(x, e), t);
 			break;
-		case !c:
-			c = m(document.createElement(e), t);
+		case !i:
+			i = m.call(r, document.createElement(e), t);
 	}
-	return n.forEach((d) => d(c)), c;
+	return n.forEach((l) => l(i)), i;
 }
 var { setDeleteAttr: C } = R;
 function m(e, ...t) {
 	let n = this, r = v(this);
 	if (!t.length)
 		return e;
-	let d = (e instanceof SVGElement ? M : F).bind(null, e, "Attribute");
-	return Object.entries(Object.assign({}, ...t)).forEach(function l([f, u]) {
-		u = r.processReactiveAttribute(e, f, u, l);
+	let i = (e instanceof SVGElement ? M : F).bind(null, e, "Attribute");
+	return Object.entries(Object.assign({}, ...t)).forEach(function l([f, d]) {
+		d = r.processReactiveAttribute(e, f, d, l);
 		let [h] = f;
 		if (h === "=")
-			return d(f.slice(1), u);
+			return i(f.slice(1), d);
 		if (h === ".")
-			return D(e, f.slice(1), u);
+			return D(e, f.slice(1), d);
 		if (/(aria|data)([A-Z])/.test(f))
-			return f = f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), d(f, u);
+			return f = f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), i(f, d);
 		switch (f === "className" && (f = "class"), f) {
 			case "xlink:href":
-				return d(f, u, "http://www.w3.org/1999/xlink");
+				return i(f, d, "http://www.w3.org/1999/xlink");
 			case "textContent":
-				return C(e, f, u);
+				return C(e, f, d);
 			case "style":
-				if (typeof u != "object")
+				if (typeof d != "object")
 					break;
 			case "dataset":
-				return O(r, u, D.bind(null, e[f]));
+				return O(r, d, D.bind(null, e[f]));
 			case "ariaset":
-				return O(r, u, (E, o) => d("aria-" + E, o));
+				return O(r, d, (E, o) => i("aria-" + E, o));
 			case "classList":
-				return _.call(n, e, u);
+				return _.call(n, e, d);
 		}
-		return j(e, f) ? C(e, f, u) : d(f, u);
+		return j(e, f) ? C(e, f, d) : i(f, d);
 	}), e;
 }
 function _(e, t) {
@@ -106,7 +106,7 @@ function _(e, t) {
 	return O(
 		n,
 		t,
-		(r, c) => e.classList.toggle(r, c === -1 ? void 0 : !!c)
+		(r, u) => e.classList.toggle(r, u === -1 ? void 0 : !!u)
 	), e;
 }
 function Z(e) {
@@ -126,8 +126,8 @@ function L(e, t) {
 }
 function O(e, t, n) {
 	if (!(typeof t != "object" || t === null))
-		return Object.entries(t).forEach(function([c, d]) {
-			c && (d = e.processReactiveAttribute(t, c, d, (l) => n(...l)), n(c, d));
+		return Object.entries(t).forEach(function([u, i]) {
+			u && (i = e.processReactiveAttribute(t, u, i, (l) => n(...l)), n(u, i));
 		});
 }
 function S(e) {
@@ -136,8 +136,8 @@ function S(e) {
 function F(e, t, n, r) {
 	return e[(p(r) ? "remove" : "set") + t](n, S(r));
 }
-function M(e, t, n, r, c = null) {
-	return e[(p(r) ? "remove" : "set") + t + "NS"](c, n, S(r));
+function M(e, t, n, r, u = null) {
+	return e[(p(r) ? "remove" : "set") + t + "NS"](u, n, S(r));
 }
 function D(e, t, n) {
 	if (Reflect.set(e, t, n), !!p(n))
@@ -150,8 +150,8 @@ function J(e, t, ...n) {
 	return e.dispatchEvent(r);
 }
 function N(e, t, n) {
-	return function(c) {
-		return c.addEventListener(e, t, n), c;
+	return function(u) {
+		return u.addEventListener(e, t, n), u;
 	};
 }
 var b = T();
@@ -167,45 +167,45 @@ N.disconnected = function(e, t) {
 };
 function T() {
 	let e = /* @__PURE__ */ new Map(), t = !1, n = new MutationObserver(function(o) {
-		for (let s of o)
-			if (s.type === "childList") {
-				if (h(s.addedNodes, !0)) {
+		for (let c of o)
+			if (c.type === "childList") {
+				if (h(c.addedNodes, !0)) {
 					l();
 					continue;
 				}
-				E(s.removedNodes, !0) && l();
+				E(c.removedNodes, !0) && l();
 			}
 	});
 	return {
-		onConnected(o, s) {
-			d(), c(o).connected.push(s);
+		onConnected(o, c) {
+			i(), u(o).connected.push(c);
 		},
-		offConnected(o, s) {
+		offConnected(o, c) {
 			if (!e.has(o))
 				return;
-			let i = e.get(o), a = i.connected;
-			a.splice(a.indexOf(s), 1), r(o, i);
+			let s = e.get(o), a = s.connected;
+			a.splice(a.indexOf(c), 1), r(o, s);
 		},
-		onDisconnected(o, s) {
-			d(), c(o).disconnected.push(s);
+		onDisconnected(o, c) {
+			i(), u(o).disconnected.push(c);
 		},
-		offDisconnected(o, s) {
+		offDisconnected(o, c) {
 			if (!e.has(o))
 				return;
-			let i = e.get(o), a = i.disconnected;
-			a.splice(a.indexOf(s), 1), r(o, i);
+			let s = e.get(o), a = s.disconnected;
+			a.splice(a.indexOf(c), 1), r(o, s);
 		}
 	};
-	function r(o, s) {
-		s.connected.length || s.disconnected.length || (e.delete(o), l());
+	function r(o, c) {
+		c.connected.length || c.disconnected.length || (e.delete(o), l());
 	}
-	function c(o) {
+	function u(o) {
 		if (e.has(o))
 			return e.get(o);
-		let s = { connected: [], disconnected: [] };
-		return e.set(o, s), s;
+		let c = { connected: [], disconnected: [] };
+		return e.set(o, c), c;
 	}
-	function d() {
+	function i() {
 		t || (t = !0, n.observe(document.body, { childList: !0, subtree: !0 }));
 	}
 	function l() {
@@ -216,30 +216,30 @@ function T() {
 			(requestIdleCallback || requestAnimationFrame)(o);
 		});
 	}
-	async function u(o) {
+	async function d(o) {
 		e.size > 30 && await f();
-		let s = [];
+		let c = [];
 		if (!(o instanceof Node))
-			return s;
-		for (let i of e.keys())
-			i === o || !(i instanceof Node) || o.contains(i) && s.push(i);
-		return s;
+			return c;
+		for (let s of e.keys())
+			s === o || !(s instanceof Node) || o.contains(s) && c.push(s);
+		return c;
 	}
-	function h(o, s) {
-		for (let i of o) {
-			if (s && u(i).then(h), !e.has(i))
+	function h(o, c) {
+		for (let s of o) {
+			if (c && d(s).then(h), !e.has(s))
 				continue;
-			let a = e.get(i);
-			return a.connected.forEach((A) => A(i)), a.connected.length = 0, a.disconnected.length || e.delete(i), !0;
+			let a = e.get(s);
+			return a.connected.forEach((A) => A(s)), a.connected.length = 0, a.disconnected.length || e.delete(s), !0;
 		}
 		return !1;
 	}
-	function E(o, s) {
-		for (let i of o) {
-			if (s && u(i).then(E), !e.has(i))
+	function E(o, c) {
+		for (let s of o) {
+			if (c && d(s).then(E), !e.has(s))
 				continue;
-			let a = e.get(i);
-			return a.disconnected.forEach((A) => A(i)), a.connected.length = 0, a.disconnected.length = 0, e.delete(i), !0;
+			let a = e.get(s);
+			return a.disconnected.forEach((A) => A(s)), a.connected.length = 0, a.disconnected.length = 0, e.delete(s), !0;
 		}
 		return !1;
 	}
diff --git a/src/dom.js b/src/dom.js
index 1f9ebec..6edf909 100644
--- a/src/dom.js
+++ b/src/dom.js
@@ -14,6 +14,7 @@ export function namespace(namespace){
 	};
 }
 export function createElement(tag, attributes, ...connect){
+	const _this= this;
 	const s= signals(this);
 	let el;
 	//TODO Array.isArray(tag) ⇒ set key (cache els)
@@ -25,10 +26,10 @@ export function createElement(tag, attributes, ...connect){
 			el= tag(attributes || undefined, ref);
 			break;
 		}
-		case tag==="#text":           el= assign(document.createTextNode(""), attributes); break;
-		case tag==="<>":              el= assign(document.createDocumentFragment(), attributes); break;
-		case namespace_curr!=="html": el= assign(document.createElementNS(namespace_curr, tag), attributes); break;
-		case !el:                     el= assign(document.createElement(tag), attributes);
+		case tag==="#text":           el= assign.call(_this, document.createTextNode(""), attributes); break;
+		case tag==="<>":              el= assign.call(_this, document.createDocumentFragment(), attributes); break;
+		case namespace_curr!=="html": el= assign.call(_this, document.createElementNS(namespace_curr, tag), attributes); break;
+		case !el:                     el= assign.call(_this, document.createElement(tag), attributes);
 	}
 	connect.forEach(c=> c(el));
 	return el;