+
+
+
+
+ ${digitChar}
+
+
+
+ ${[8,4,2,1].map((w, idx) => {
+ const on = nibbleBits[idx] === 1;
+ return `
+
+
+
+
+
+
+ `;
+ }).join("")}
+ ${w}
+ ${placeValue}
+ `;
+ outDigitsRow.appendChild(col);
+ }
+}
+
+function openDialog(mode: DialogMode): void {
+ stopRandom();
+ dialogMode = mode;
+
+ dialogError.textContent = "";
+ dialogInput.value = "";
+
+ if (mode === "hex") {
+ dialogTitle.textContent = "Custom Hexadecimal";
+ dialogHint.textContent = `Enter 1–${digits} hex digit(s) (0–9, A–F).`;
+ dialogInput.placeholder = "A1";
+ dialogInput.inputMode = "text";
+ } else if (mode === "den") {
+ dialogTitle.textContent = "Custom Denary";
+ dialogHint.textContent = `Enter a whole number from 0 to ${maxForDigits(digits)}.`;
+ dialogInput.placeholder = "42";
+ dialogInput.inputMode = "numeric";
+ } else {
+ dialogTitle.textContent = "Custom Binary";
+ dialogHint.textContent = `Enter up to ${digits * 4} bit(s) using 0 and 1.`;
+ dialogInput.placeholder = "00101010";
+ dialogInput.inputMode = "text";
+ }
+
+ dialog.showModal();
+ window.setTimeout(() => dialogInput.focus(), 0);
+}
+
+function closeDialog(): void {
+ dialogMode = null;
+ dialogError.textContent = "";
+ if (dialog.open) dialog.close();
+}
+
+function applyDialog(): void {
+ const raw = (dialogInput.value || "").trim();
+ if (!dialogMode) return closeDialog();
+ if (raw.length === 0) return closeDialog();
+
+ const max = maxForDigits(digits);
+ const bits = digits * 4;
+
+ if (dialogMode === "hex") {
+ const v = raw.toUpperCase();
+ if (!/^[0-9A-F]+$/.test(v)) { dialogError.textContent = "Hex must use 0–9 and A–F only."; return; }
+ if (v.length > digits) { dialogError.textContent = `Max length is ${digits} hex digit(s).`; return; }
+ value = clamp(parseInt(v, 16), 0, max);
+ render();
+ return closeDialog();
+ }
+
+ if (dialogMode === "den") {
+ if (!/^\d+$/.test(raw)) { dialogError.textContent = "Denary must be whole numbers only."; return; }
+ const n = Number(raw);
+ if (!Number.isFinite(n)) { dialogError.textContent = "Invalid number."; return; }
+ value = clamp(n, 0, max);
+ render();
+ return closeDialog();
+ }
+
+ // bin
+ if (!/^[01]+$/.test(raw)) { dialogError.textContent = "Binary must use 0 and 1 only."; return; }
+ if (raw.length > bits) { dialogError.textContent = `Max length is ${bits} bit(s).`; return; }
+ value = clamp(parseInt(raw, 2), 0, max);
+ render();
+ return closeDialog();
+}
+
+function applyDigitDelta(i: number, delta: number): void {
+ stopRandom();
+ const hexArr = padHex(value, digits).split("");
+ let v = parseInt(hexArr[i], 16);
+ v = (v + delta) % 16;
+ if (v < 0) v += 16;
+ hexArr[i] = v.toString(16).toUpperCase();
+ value = clamp(parseInt(hexArr.join(""), 16), 0, maxForDigits(digits));
+ render();
+}
+
+// dialog cancel / backdrop
+dialog.addEventListener("cancel", (e) => { e.preventDefault(); closeDialog(); });
+dialog.addEventListener("click", (e) => {
+ const card = dialog.querySelector(".hex-dialog-card");
+ if (card && !card.contains(e.target as Node)) closeDialog();
+});
+dialogInput.addEventListener("keydown", (e) => {
+ if (e.key === "Enter") applyDialog();
+ if (e.key === "Escape") closeDialog();
+});
+
+// main click handler
+root.addEventListener("click", (e) => {
+ const btn = (e.target as HTMLElement).closest
-
-
- 
- Computing:Box
-
-
-
-
-
- Computing:Box
-
-
-
-
+
+ 
+ COMPUTING:BOX
+
+
+
+
+
+ COMPUTING:BOX
+
+
+
+