30:T89c,viewof keyboard = { let {w, pad:wpad} = layout; const pad = wpad / 2; const r = (w - 2 * wpad - 9 * pad) / 20; const dh = 2 * (r + pad) * Math.sin(Math.PI / 3); const h = Math.ceil(3 * dh) + wpad; const ENTER = "\u23ce", BACKSPACE = "\u232b", HINT = "\u2047"; const rows = ["QWERTYUIOP", "ASDFGHJKL", `${ENTER}ZXCVBNM${BACKSPACE}`]; if("hints" in params && params.hints === true) rows[2] += HINT; const g = viewof game.value; const keyPress = (e) => { const node=e.target.parentNode; const key=node.getAttribute("data"); if(key === ENTER) { if(container.value.length != 5) return; const guess = container.value.join(""); g.addGuess(guess); container.value = []; container.dispatchEvent(new Event("input", {bubble:true})); viewof hints.value = []; viewof hints.dispatchEvent(new Event("input", {bubble: true})); } else if(key === BACKSPACE) { if(container.value.length > 0) container.value.pop(); } else if(key === HINT) { const h = g.getHints(container.value); viewof hints.value = h; viewof hints.dispatchEvent(new Event("input", {bubble: true})); return; } else { if(container.value.length < 5) container.value.push(key); } container.dispatchEvent(new Event("input", {bubble:true})); }; const container = html`