@kgdiff/viewer 0.4.0 → 0.6.0

package/dist/ui/popovers.js

@@ -1,5 +1,6 @@
 import { getTheme } from '@kgdiff/scene';
 import { attr, h, icon, iconButton, replaceKeepingFocus } from '../dom.js';
+import { shortcutKeys } from '../keyboard.js';
 import { FAMILIES } from '../styles.js';
 export class Menu {
     el;
@@ -29,6 +30,7 @@ export class Menu {
     render() {
         const tr = this.#ctx.tr();
         const c = this.#ctx.controller;
+        attr(this.el, 'aria-label', tr.t('action.settings'));
         const t = (key) => () => tr.t(key);
         const swatches = (p) => {
             const family = getTheme(c.themeName, p).family;
@@ -93,38 +95,74 @@ export class Menu {
         items[next]?.focus();
     }
 }
-/** Shortcut rows; labels reuse the controls' own names where they exist. */
+/**
+ * Shortcut rows, by the shortcuts they list; labels reuse the controls' own names where they
+ * exist. A row of several labels names one shortcut each.
+ */
 const SHORTCUTS = [
     [
-        [['1'], ['2'], ['3']],
+        ['overlay', 'swipe', 'replay'],
         ['mode.overlay', 'mode.swipe', 'mode.replay'],
     ],
-    [[['4']], 'mode.changes'],
-    [[['j'], ['↓']], 'detail.next'],
-    [[['k'], ['↑']], 'detail.prev'],
-    [[['Home'], ['End']], 'help.homeEnd'],
-    [[['Enter']], 'help.enter'],
-    [[['Esc']], 'help.esc'],
-    [[['Space']], 'help.space'],
-    [[['←'], ['→']], 'help.arrows'],
-    [[['f']], 'action.fit'],
+    [['scope'], 'mode.changes'],
+    [['next'], 'detail.next'],
+    [['prev'], 'detail.prev'],
+    [['first', 'last'], 'help.homeEnd'],
+    [['fly'], 'help.enter'],
+    [['escape'], 'help.esc'],
+    [['play-pause'], 'help.space'],
+    [['left', 'right'], 'help.arrows'],
+    [['fit'], 'action.fit'],
     [
-        [['+'], ['−']],
+        ['zoom-in', 'zoom-out'],
         ['action.zoomIn', 'action.zoomOut'],
     ],
-    [[['/']], 'sidebar.search'],
-    [[['x']], 'review.mark'],
-    [[['\\']], 'action.sidebar'],
-    [[['t']], 'help.theme'],
-    [[['e']], 'help.expand'],
-    [[['?']], 'action.help'],
+    [['search'], 'sidebar.search'],
+    [['review'], 'review.mark'],
+    [['sidebar'], 'action.sidebar'],
+    [['theme'], 'help.theme'],
+    [['expand'], 'help.expand'],
+    [['help'], 'action.help'],
 ];
+/** How a key shows in the dialog. */
+const KEY_LABELS = {
+    ArrowDown: '↓',
+    ArrowUp: '↑',
+    ArrowLeft: '←',
+    ArrowRight: '→',
+    ' ': 'Space',
+    Escape: 'Esc',
+    '-': '−',
+};
+/** The dialog's rows for the keys bound now: a shortcut with no key is left out. */
+function shortcutRows(keymap, omit) {
+    const bound = shortcutKeys(keymap);
+    const keysOf = (name) => omit.has(name) ? [] : (bound.get(name) ?? []).map((k) => KEY_LABELS[k] ?? k);
+    const rows = [];
+    for (const [names, label] of SHORTCUTS) {
+        const keys = names.map(keysOf);
+        if (typeof label !== 'string' && keys.some((k) => k.length !== 1)) {
+            // Not one key each: a row per shortcut.
+            names.forEach((_, i) => {
+                const k = keys[i] ?? [];
+                if (k.length > 0)
+                    rows.push({ keys: k, label: label[i] });
+            });
+        }
+        else if (keys.flat().length > 0)
+            rows.push({ keys: keys.flat(), label });
+    }
+    return rows;
+}
 export class HelpDialog {
     el;
     #returnFocus = null;
     #ctx;
-    constructor(ctx) {
+    #omit;
+    /** `omit`: shortcuts that do nothing in this layout (`sidebar` without a sidebar). */
+    constructor(ctx, omit = []) {
         this.#ctx = ctx;
+        this.#omit = new Set(omit);
         this.el = h('div', { class: 'overlay-scrim', hidden: true });
         this.el.addEventListener('click', (e) => {
             if (e.target === this.el)
@@ -160,13 +198,14 @@ export class HelpDialog {
     }
     render() {
         const tr = this.#ctx.tr();
-        const keys = (combos) => h('span', { class: 'ks' }, combos.map((combo, i) => [
+        const keys = (list) => h('span', { class: 'ks' }, list.map((k, i) => [
             i > 0 ? h('span', { 'aria-hidden': 'true', text: '/' }) : null,
-            combo.map((k) => h('kbd', { text: k })),
+            h('kbd', { text: k }),
         ]));
-        const rows = SHORTCUTS.map(([combos, label]) => {
+        // The keys bound now, after the root's `keymap`.
+        const rows = shortcutRows(this.#ctx.keymap(), this.#omit).map(({ keys: list, label }) => {
             const text = typeof label === 'string' ? tr.t(label) : label.map((k) => tr.t(k)).join(' / ');
-            return h('div', { class: 'key-row' }, h('span', { text }), keys(combos));
+            return h('div', { class: 'key-row' }, h('span', { text }), keys(list));
         });
         replaceKeepingFocus(this.#ctx.root, this.el, null, h('div', {
             class: 'dialog card',

package/dist/ui/popovers.js.map

@@ -1 +1 @@
-{"version":3,"file":"popovers.js","sourceRoot":"","sources":["../../src/ui/popovers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"popovers.js","sourceRoot":"","sources":["../../src/ui/popovers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAoB,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAI3E,OAAO,EAAkC,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,OAAO,IAAI;IACN,EAAE,CAAc;IACzB,YAAY,GAAuB,IAAI,CAAC;IAE/B,IAAI,CAAY;IAEzB,YAAY,GAAc;QACxB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACvF,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,IAAI;QACN,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,MAA0B;QAC7B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,uBAAuB,CAAwB,EAAE,KAAK,EAAE,CAAC;IAClF,CAAC;IAED,IAAI,CAAC,YAAY,GAAG,IAAI;QACtB,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM;YAAE,OAAO;QAC3B,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;QACtB,IAAI,YAAY;YAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;IAC/C,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,GAAG,CAAC,GAAe,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,CAAC,CAAc,EAAY,EAAE;YAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YAC/C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC,CAAC;QACF,MAAM,MAAM,GAAgC;YAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;YAC1D,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;YACxD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;SACxD,CAAC;QACF,MAAM,QAAQ,GAA4B;YACxC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE;YAC9E,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAAE;SACxF,CAAC;QACF,MAAM,OAAO,GAAuB;YAClC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE;YACvC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE;SACxC,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACrD,mBAAmB,CACjB,IAAI,CAAC,IAAI,CAAC,IAAI,EACd,IAAI,CAAC,EAAE,EACP,IAAI,CAAC,EAAE,EACP,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAC/D,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAChC,EACD,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EACtF,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CACrF,CAAC;IACJ,CAAC;IAED,MAAM,CACJ,KAAa,EACb,KAA6B,EAC7B,OAAU,EACV,MAA0B;QAE1B,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAC3D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EACrE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACjB,CAAC,CACC,QAAQ,EACR;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,eAAe;YACrB,gBAAgB,EAAE,IAAI,CAAC,KAAK;YAC5B,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;YAC9C,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACb,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,uBAAuB,CAAwB,EAAE,KAAK,EAAE,CAAC;YAClF,CAAC;SACF,EACD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,IAAI,CAAC,MAAM;YACT,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,EACtC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,CAAC,CAAC,CAC7D;YACH,CAAC,CAAC,IAAI,EACR,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EACjC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAC5B,CACF,CACF,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,CAAgB;QACrB,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAc,YAAY,CAAC,CAAC,CAAC;QACvE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAA4B,CAAC,CAAC;QACrE,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC;QACd,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;YAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;aACpD,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;YAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;aACtE,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM;YAAE,IAAI,GAAG,CAAC,CAAC;aAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;YAAE,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;aAC7C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;YAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;;YAAM,OAAO;QACd,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACvB,CAAC;CACF;AAID;;;GAGG;AACH,MAAM,SAAS,GAA2D;IACxE;QACE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;QAC9B,CAAC,cAAc,EAAE,YAAY,EAAE,aAAa,CAAC;KAC9C;IACD,CAAC,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC;IAC3B,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IACzB,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IACzB,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC;IACnC,CAAC,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IACvB,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACxB,CAAC,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC9B,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC;IAClC,CAAC,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IACvB;QACE,CAAC,SAAS,EAAE,UAAU,CAAC;QACvB,CAAC,eAAe,EAAE,gBAAgB,CAAC;KACpC;IACD,CAAC,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC9B,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAC3B,CAAC,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC/B,CAAC,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IACzB,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAC3B,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,qCAAqC;AACrC,MAAM,UAAU,GAAqC;IACnD,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,GAAG;IACd,UAAU,EAAE,GAAG;IACf,GAAG,EAAE,OAAO;IACZ,MAAM,EAAE,KAAK;IACb,GAAG,EAAE,GAAG;CACT,CAAC;AAEF,oFAAoF;AACpF,SAAS,YAAY,CACnB,MAAqB,EACrB,IAA+B;IAE/B,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,CAAC,IAAkB,EAAY,EAAE,CAC9C,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/E,MAAM,IAAI,GAAuC,EAAE,CAAC;IACpD,KAAK,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,SAAS,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC/B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YAClE,wCAAwC;YACxC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACrB,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;gBACxB,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;oBAAE,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAe,EAAE,CAAC,CAAC;YAC1E,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,OAAO,UAAU;IACZ,EAAE,CAAc;IACzB,YAAY,GAAmB,IAAI,CAAC;IAC3B,IAAI,CAAY;IAChB,KAAK,CAA4B;IAE1C,sFAAsF;IACtF,YAAY,GAAc,EAAE,IAAI,GAA4B,EAAE;QAC5D,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE;gBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACxC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBAC3B,+DAA+D;gBAC/D,CAAC,CAAC,cAAc,EAAE,CAAC;gBAClB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAwB,EAAE,KAAK,EAAE,CAAC;YACtE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI;QACN,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;IACzB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QACjD,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAwB,EAAE,KAAK,EAAE,CAAC;IACtE,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM;YAAE,OAAO;QAC3B,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,YAAmC,EAAE,KAAK,EAAE,EAAE,CAAC;IACvD,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,CAAC,IAAuB,EAAe,EAAE,CACpD,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,IAAI,EAAE,EACf,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACjB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;YAC9D,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;SACtB,CAAC,CACH,CAAC;QACJ,iDAAiD;QACjD,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;YACtF,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7F,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QACH,mBAAmB,CACjB,IAAI,CAAC,IAAI,CAAC,IAAI,EACd,IAAI,CAAC,EAAE,EACP,IAAI,EACJ,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,MAAM;YACpB,iBAAiB,EAAE,eAAe;SACnC,EACD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,aAAa,EAAE,EACxB,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,EAC1D,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;YACzD,gBAAgB,EAAE,OAAO;SAC1B,CAAC,CACH,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC,CACtE,CACF,CAAC;IACJ,CAAC;CACF"}

package/dist/ui/search.d.ts

@@ -0,0 +1,13 @@
+import type { Topic } from '../session.js';
+import type { UiContext } from './context.js';
+export declare class Search {
+    #private;
+    /** The search box. */
+    readonly box: HTMLElement;
+    /** The results listbox. */
+    readonly results: HTMLElement;
+    readonly input: HTMLInputElement;
+    constructor(ctx: UiContext);
+    update(topics: ReadonlySet<Topic>): void;
+}
+//# sourceMappingURL=search.d.ts.map

package/dist/ui/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,qBAAa,MAAM;;IACjB,sBAAsB;IACtB,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC;IAC1B,2BAA2B;IAC3B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IASjC,YAAY,GAAG,EAAE,SAAS,EAqCzB;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAWvC;CAwIF"}

package/dist/ui/search.js

@@ -0,0 +1,192 @@
+/**
+ * Node search (RFC 0001 §3, `<kgdiff-search>` from phase 2): a combobox and the results list it
+ * owns. ID references (`aria-controls`, `aria-activedescendant`) do not cross shadow roots, so
+ * input and results stay in one component; the layout decides where the results show (the
+ * default layout puts them in the change list's place). The query and its hits live in the
+ * session, so the change list steps aside without either knowing the other. Registers itself
+ * as the root's `search` focus target (`/`).
+ */
+import { attr, h, icon, isOpen, replace } from '../dom.js';
+export class Search {
+    /** The search box. */
+    box;
+    /** The results listbox. */
+    results;
+    input;
+    #kbd;
+    #clear;
+    #activeHit = 0;
+    /** The query the results were rendered for (a new one starts at its first hit). */
+    #rendered = '';
+    #ctx;
+    constructor(ctx) {
+        this.#ctx = ctx;
+        this.input = h('input', {
+            type: 'search',
+            autocomplete: 'off',
+            spellcheck: 'false',
+            role: 'combobox',
+            'aria-autocomplete': 'list',
+            'aria-expanded': 'false',
+            'aria-controls': 'kg-results',
+            enterkeyhint: 'go',
+        });
+        this.#kbd = h('kbd', { 'aria-hidden': 'true', text: '/' });
+        this.#clear = h('button', { type: 'button', class: 'clear', hidden: true, onclick: () => this.#setQuery('', true) }, icon('close'));
+        this.input.addEventListener('input', () => this.#setQuery(this.input.value));
+        this.input.addEventListener('keydown', (e) => this.#onKey(e));
+        this.input.addEventListener('focus', () => this.#renderChrome());
+        this.input.addEventListener('blur', () => this.#renderChrome());
+        this.results = h('div', {
+            class: 'results list scroll',
+            id: 'kg-results',
+            role: 'listbox',
+            hidden: true,
+        });
+        this.box = h('div', { class: 'search' }, icon('search'), this.input, this.#kbd, this.#clear);
+        ctx.target('search', () => {
+            this.input.focus();
+            this.input.select();
+        }, () => isOpen(this.input));
+    }
+    update(topics) {
+        const all = topics.has('status') || topics.has('data') || topics.has('locale');
+        if (all) {
+            const tr = this.#ctx.tr();
+            this.input.placeholder = tr.t('sidebar.searchPlaceholder');
+            attr(this.input, 'aria-label', tr.t('sidebar.search'));
+            attr(this.#clear, 'aria-label', tr.t('sidebar.searchClear'));
+            attr(this.results, 'aria-label', tr.t('sidebar.searchResults'));
+            this.input.disabled = this.#ctx.controller.status !== 'ready';
+        }
+        if (all || topics.has('search'))
+            this.#render();
+    }
+    #setQuery(query, focus = false) {
+        this.#ctx.controller.setQuery(query);
+        if (focus)
+            this.input.focus();
+    }
+    #render() {
+        const query = this.#ctx.controller.query;
+        if (this.input.value !== query)
+            this.input.value = query;
+        if (query !== this.#rendered)
+            this.#activeHit = 0;
+        this.#rendered = query;
+        const searching = query.trim() !== '';
+        this.results.hidden = !searching;
+        attr(this.input, 'aria-expanded', String(searching));
+        this.#renderChrome();
+        if (searching)
+            this.#renderResults();
+        else
+            replace(this.results);
+    }
+    #renderChrome() {
+        const query = this.#ctx.controller.query;
+        const focused = this.#ctx.root.activeElement === this.input;
+        this.#kbd.hidden = query !== '' || focused;
+        this.#clear.hidden = query === '';
+    }
+    #renderResults() {
+        const tr = this.#ctx.tr();
+        const c = this.#ctx.controller;
+        const q = c.query.trim();
+        const hits = c.hits;
+        if (hits.length === 0) {
+            replace(this.results, h('div', { class: 'list-empty' }, icon('search'), h('span', { text: tr.t('sidebar.noResults', { q }) })));
+            attr(this.input, 'aria-activedescendant', null);
+            return;
+        }
+        const scene = c.scene;
+        const rows = hits.map((hit, i) => {
+            const sceneIndex = scene?.nodeIndex.get(hit.node.id);
+            const sn = sceneIndex !== undefined ? scene?.nodes[sceneIndex] : undefined;
+            const family = sn?.family ??
+                (hit.node.status === 'added'
+                    ? 'added'
+                    : hit.node.status === 'removed'
+                        ? 'removed'
+                        : hit.node.status === 'modified'
+                            ? 'content'
+                            : 'neutral');
+            const sub = hit.field === 'label' ? hit.node.id : hit.matched;
+            return h('button', {
+                type: 'button',
+                class: 'result',
+                role: 'option',
+                id: `kg-hit-${i}`,
+                tabindex: '-1',
+                'data-family': family,
+                'aria-selected': String(i === this.#activeHit),
+                onclick: () => this.#choose(i),
+                onpointermove: () => this.#setActiveHit(i),
+            }, h('span', { class: 'sdot', 'aria-hidden': 'true' }), h('span', { class: 'txt' }, h('span', { class: 'title' }, highlight(hit.node.label, hit.field === 'label' ? q : '')), h('span', { class: 'sub' }, highlight(sub, hit.field === 'label' ? '' : q))), h('span', { class: 'status', text: tr.t(`status.${hit.node.status}`) }));
+        });
+        replace(this.results, h('div', {
+            class: 'results-head',
+            text: tr.plural('sidebar.results', hits.length),
+        }), rows);
+        attr(this.input, 'aria-activedescendant', `kg-hit-${this.#activeHit}`);
+    }
+    #setActiveHit(i) {
+        if (i === this.#activeHit || i < 0 || i >= this.#ctx.controller.hits.length)
+            return;
+        this.#activeHit = i;
+        for (const el of this.results.querySelectorAll('.result')) {
+            attr(el, 'aria-selected', String(el.id === `kg-hit-${i}`));
+        }
+        attr(this.input, 'aria-activedescendant', `kg-hit-${i}`);
+        this.results.querySelector(`#kg-hit-${i}`)?.scrollIntoView?.({ block: 'nearest' });
+    }
+    /** Choose a hit: its node is revealed and selected, and focus moves to the change list. */
+    #choose(i) {
+        const hit = this.#ctx.controller.hits[i];
+        if (!hit)
+            return;
+        this.#setQuery('');
+        this.#ctx.controller.revealNode(hit.node.id);
+        this.#ctx.focus('list');
+    }
+    #onKey(e) {
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                this.#setActiveHit(Math.min(this.#ctx.controller.hits.length - 1, this.#activeHit + 1));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                this.#setActiveHit(Math.max(0, this.#activeHit - 1));
+                break;
+            case 'Enter':
+                e.preventDefault();
+                this.#choose(this.#activeHit);
+                break;
+            case 'Escape':
+                e.preventDefault();
+                e.stopPropagation();
+                if (this.#ctx.controller.query)
+                    this.#setQuery('');
+                else
+                    this.#ctx.focus('list');
+                break;
+            default:
+                return;
+        }
+    }
+}
+/** The label with the first occurrence of `q` (case-insensitive) marked. */
+function highlight(text, q) {
+    if (!q)
+        return [text];
+    const at = text.toLowerCase().indexOf(q.toLowerCase());
+    if (at < 0)
+        return [text];
+    return [
+        text.slice(0, at),
+        h('mark', { text: text.slice(at, at + q.length) }),
+        text.slice(at + q.length),
+    ];
+}
+//# sourceMappingURL=search.js.map

package/dist/ui/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":"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"}

package/dist/ui/sidebar.d.ts

@@ -1,25 +1,40 @@
-import type { Topic } from '../controller.js';
-import { type UiContext } from './context.js';
-import { Detail } from './detail.js';
-/** Row slot and group-header heights (px); rows are 52 px tall inside a 56 px slot. */
-export declare const ROW_SLOT = 56;
-export declare const HEADER_SLOT = 32;
+import type { PanelRegion, PanelState, PanelStates } from '../index.js';
+import type { Topic } from '../session.js';
+import type { ChangeList } from './change-list.js';
+import type { UiContext } from './context.js';
+import type { Detail } from './detail.js';
+import type { Filters } from './filters.js';
+import type { Search } from './search.js';
+export { HEADER_SLOT, ROW_SLOT } from './change-list.js';
+/** The sidebar's default width and the range it can be dragged in, px. */
+export declare const SIDEBAR_WIDTH = 360;
+export declare const SIDEBAR_MIN = 280;
+/** What the sidebar asks of the layout that owns it. */
+export interface SidebarHost {
+    /** The user opened or folded one of the sidebar's regions. */
+    setPanel(region: PanelRegion, state: PanelState): void;
+    /** The user resized the sidebar or moved the split (reported once the drag or key press ended). */
+    resized(width: number, detailShare: number | null): void;
+    /** Where focus goes when the whole sidebar folds while it has focus. */
+    focusOutside(): HTMLElement | null;
+}
 export declare class Sidebar {
     #private;
     readonly el: HTMLElement;
-    readonly detail: Detail;
-    readonly searchInput: HTMLInputElement;
-    readonly list: HTMLElement;
-    constructor(ctx: UiContext);
-    setOpen(open: boolean): void;
+    constructor(ctx: UiContext, host: SidebarHost, list: ChangeList, search: Search, filters: Filters, detail: Detail);
+    get width(): number;
+    get detailShare(): number | null;
+    /** Follow the panel states of the four regions (the sidebar folds when none is open). */
+    setPanels(states: PanelStates): void;
+    /**
+     * Apply sizes (after a drag, or `instant`: remembered ones, which must not animate in on
+     * load); the width is clamped when the layout is known.
+     */
+    setSizes(width: number, detailShare: number | null, instant?: boolean): void;
     update(topics: ReadonlySet<Topic>): void;
-    /** Move keyboard focus into the list (after choosing a search result). */
-    focusList(): void;
-    focusSearch(): void;
-    /** Esc inside the sidebar: clear the search first. Returns whether it handled the key. */
-    escape(): boolean;
-    renderWindow(): void;
     /** Refresh the separator values (layout changes). */
     syncSheet(): void;
+    /** The layout changed size: keep the width within what fits, refresh the separators. */
+    layout(compact: boolean): void;
 }
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/ui/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/ui/sidebar.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK9C,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,uFAAuF;AACvF,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,WAAW,KAAK,CAAC;AAQ9B,qBAAa,OAAO;;IAClB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAMxB,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC;IAMvC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAgB3B,YAAY,GAAG,EAAE,SAAS,EAsHzB;IAED,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAG3B;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CA6BvC;IAED,0EAA0E;IAC1E,SAAS,IAAI,IAAI,CAEhB;IAED,WAAW,IAAI,IAAI,CAGlB;IAED,0FAA0F;IAC1F,MAAM,IAAI,OAAO,CAMhB;IAwID,YAAY,IAAI,IAAI,CAqBnB;IA6TD,qDAAqD;IACrD,SAAS,IAAI,IAAI,CAGhB;CAkCF"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/ui/sidebar.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEzD,0EAA0E;AAC1E,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,WAAW,MAAM,CAAC;AAY/B,wDAAwD;AACxD,MAAM,WAAW,WAAW;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACvD,mGAAmG;IACnG,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzD,wEAAwE;IACxE,YAAY,IAAI,WAAW,GAAG,IAAI,CAAC;CACpC;AAED,qBAAa,OAAO;;IAClB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAwBzB,YACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAyFf;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,WAAW,IAAI,MAAM,GAAG,IAAI,CAE/B;IAED,yFAAyF;IACzF,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CA4BnC;IAED;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,UAAQ,GAAG,IAAI,CAiBzE;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAQvC;IAgMD,qDAAqD;IACrD,SAAS,IAAI,IAAI,CAGhB;IAED,wFAAwF;IACxF,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAG7B;CAkCF"}