docs mainly signals

docs_src/components/examples/signals/computations-abort.js

@@ -0,0 +1,16 @@
+import { S } from "deka-dom-el/signals";
+const signal= S(0);
+// computation pattern
+const double= S(()=> 2*signal());
+
+const ac= new AbortController();
+S.on(signal, v=> console.log("signal", v), { signal: ac.signal });
+S.on(double, v=> console.log("double", v), { signal: ac.signal });
+
+signal(signal()+1);
+const interval= 5000;
+const id= setInterval(()=> signal(signal()+1), interval);
+ac.signal.addEventListener("abort",
+	()=> setTimeout(()=> clearInterval(id), 2*interval));
+
+setTimeout(()=> ac.abort(), 3*interval)

docs_src/components/examples/signals/intro.js

@@ -0,0 +1,8 @@
+import { S } from "deka-dom-el/signals";
+// α — `signal` represents a reactive value
+const signal= S(0);
+// β — just reacts on signal changes
+S.on(signal, console.log);
+// γ — just updates the value
+signal(signal()+1);
+setInterval(()=> signal(signal()+1), 5000);

docs_src/components/pageUtils.html.js

@@ -24,7 +24,7 @@ import { el } from "../../index.js";
 export function h3({ textContent, id }){
 	if(!id) id= "h-"+textContent.toLowerCase().replaceAll(/\s/g, "-").replaceAll(/[^a-z-]/g, "");
 	return el("h3", { id }).append(
-		el("a", { textContent: "§", href: "#"+id, tabIndex: -1 }),
+		el("a", { textContent: "#", href: "#"+id, tabIndex: -1 }),
 		" ", textContent
 	);
 }