src/prf_lyt.js
// every geometry ("mechanical layout") has a css class specifying the precise key arrangement
every geometry ("mechanical layout") has a css class specifying the precise key arrangement
every geometry ( " mechanical layout " ) has a css class specifying the precise key arrangement
function updGlyphs() { 
    const lc = q.lc.value;
    const l = layouts[lc];
    const m = model[lc];
    if (!l) return;
    q.kbd.className = `lyt_geom_${geom[lc] || geom._}`;
    for (let i = 1; i < NK; i++) {
      const g0 = l[0][i];
      const g1 = m[0][i];
      const g2 = l[1][i];
      const g3 = m[1][i];
      if (g[i][0]) g[i][0].textContent = g0;
      if (g[i][1]) { g[i][1].value = g1; g[i][1].title = tip(g1); }
      if (g[i][2]) g[i][2].textContent = g2;
      if (g[i][3]) { g[i][3].value = g3; g[i][3].title = tip(g3); }
    }
  }
function updGlyphs ( ) { const lc = q . lc . value ; const l = layouts [ lc ] ; const m = model [ lc ] ; if ( ! l ) return ; q . kbd . className = ` ${ geom [ lc ] || geom . _ } ` ; for ( let i = 1 ; i < NK ; i ++ ) { const g0 = l [ 0 ] [ i ] ; const g1 = m [ 0 ] [ i ] ; const g2 = l [ 1 ] [ i ] ; const g3 = m [ 1 ] [ i ] ; if ( g [ i ] [ 0 ] ) g [ i ] [ 0 ] . textContent = g0 ; if ( g [ i ] [ 1 ] ) { g [ i ] [ 1 ] . value = g1 ; g [ i ] [ 1 ] . title = tip ( g1 ) ; } if ( g [ i ] [ 2 ] ) g [ i ] [ 2 ] . textContent = g2 ; if ( g [ i ] [ 3 ] ) { g [ i ] [ 3 ] . value = g3 ; g [ i ] [ 3 ] . title = tip ( g3 ) ; } } }
every geometry ("mechanical layout") has a css class specifying the precise key arrangement
every geometry ( " mechanical layout " ) has a css class specifying the precise key arrangement
// apply model values to the DOM