@kgdiff/viewer 0.4.0 → 0.6.0

package/dist/ui/change-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-list.js","sourceRoot":"","sources":["../../src/ui/change-list.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAkB,MAAM,cAAc,CAAC;AAE9D,uFAAuF;AACvF,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,SAAS,UAAU,CAAC,IAAc;IAChC,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;AACzD,CAAC;AAED,MAAM,OAAO,UAAU;IACrB,wCAAwC;IAC/B,IAAI,CAAc;IAClB,IAAI,CAAc;IAClB,MAAM,CAAc;IAC7B,gEAAgE;IACvD,MAAM,GAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACrD,MAAM,CAAc;IACpB,MAAM,CAAc;IACpB,SAAS,CAAc;IACvB,aAAa,CAAc;IAC3B,YAAY,CAAc;IAC1B,UAAU,CAAc;IACjC,QAAQ,GAAa,EAAE,CAAC;IACxB,SAAS,GAAG,IAAI,GAAG,EAAuB,CAAC;IAC3C,aAAa,GAAG,KAAK,CAAC;IAEb,IAAI,CAAY;IAEzB,YAAY,GAAc;QACxB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,CAAC,CAChB,KAAK,EACL,EAAE,KAAK,EAAE,UAAU,EAAE,EACrB,IAAI,CAAC,aAAa,EAClB,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CACtE,CAAC;QACF,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACtF,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC;QAC1E,IAAI,CAAC,IAAI,GAAG,CAAC,CACX,KAAK,EACL;YACE,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,GAAG;YACb,iBAAiB,EAAE,kBAAkB;YACrC,mBAAmB,EAAE,sBAAsB;SAC5C,EACD,IAAI,CAAC,UAAU,CAChB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QACjE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;YAC3C,MAAM,GAAG,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAClD,IAAI,GAAG;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACjF,GAAG,CAAC,MAAM,CACR,MAAM,EACN,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAC9C,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CACxB,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,MAA0B;QAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/E,IAAI,GAAG,EAAE,CAAC;YACR,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;YAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YACzC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;YACvD,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC;QAC9B,CAAC;QACD,IAAI,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,IAAI,CAAC,WAAW,EAAE,CAAC;QACrD,IAAI,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;QACD,IAAI,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;QACD,IAAI,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE,IAAI,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC;IAED;;;;OAIG;IACH,UAAU;QACR,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QAC3D,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS;YAAE,OAAO;QAC3C,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC7B,IAAI,SAAS;YAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;;YACpC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;QACjD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;QACnC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,KAAK,KAAK,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,KAAK,GAAG,CAAC,IAAI,IAAI,KAAK,KAAK,CAAC;QAC7C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,OAAO,CACL,IAAI,CAAC,aAAa,EAClB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAC9E,CAAC;QACF,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAChF,CAAC;IAED,4EAA4E;IAE5E,WAAW;QACT,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,OAAO,CACL,IAAI,CAAC,MAAM,EACX,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CACtB,EAAE,CAAC,IAAI,KAAK,QAAQ;YAClB,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE;gBACR,EAAE,EAAE,YAAY,EAAE,CAAC,KAAK,EAAE;gBAC1B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG;aAC3D,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;QACF,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YAAE,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxC,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,CAAa,CAAC,CAAC;QACxC,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;QAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,YAAY;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACzE,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAClD,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;YAClE,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;gBAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC3B,EAAE,CAAC,WAAW,CACZ,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EACzB,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAC1B,CACF,CAAC;gBACJ,CAAC;YACH,CAAC;YACD,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,CAAC,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QAC5D,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;QACxD,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,YAAY,EAAE,EACvB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,EAC1C,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC,EACnF,QAAQ;YACN,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,KAAK;gBACZ,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC;gBAClC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC;aACjC,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,cAAc,CAAC,GAAG,EAAE;YAClB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,+EAA+E;IAC/E,QAAQ,CAAC,CAAS;QAChB,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC9B,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC;YACf,MAAM,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAK,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAY,GAAG,QAAQ,IAAI,CAAC;gBAAE,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;;gBAC5D,EAAE,GAAG,GAAG,CAAC;QAChB,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,YAAY;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC;QACxD,MAAM,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,QAAQ,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAC;QACjC,KAAK,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,IAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAY,GAAG,KAAK,EAAE,CAAC,EAAE;YAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChG,KAAK,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnB,EAAE,CAAC,MAAM,EAAE,CAAC;gBACZ,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC;QACD,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;gBAAE,SAAS;YACpC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAW,CAAC,CAAC;YAC9E,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAED,WAAW,CAAC,IAAc,EAAE,CAAS;QACnC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,EAC9D,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAChD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CACpD,CAAC;QACJ,CAAC;QACD,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAc,CAAC;QACpD,MAAM,QAAQ,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvC,2FAA2F;QAC3F,4CAA4C;QAC5C,MAAM,EAAE,GAAG,CAAC,CACV,MAAM,EACN;YACE,KAAK,EAAE,IAAI;YACX,aAAa,EAAE,MAAM;YACrB,cAAc,EAAE,MAAM,CAAC,QAAQ,CAAC;YAChC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;YACvD,WAAW,EAAE,IAAI,CAAC,EAAE;SACrB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAC5C,CAAC;QACF,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,GAAG,GAAG,CAAC,CACX,KAAK,EACL;YACE,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,QAAQ;YACd,EAAE,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE;YACzB,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YAC/B,aAAa,EAAE,IAAI,CAAC,MAAM;YAC1B,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC;YACjC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC;YACrD,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAC3C,eAAe,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;YACjC,kBAAkB,EAAE,YAAY,IAAI,CAAC,KAAK,EAAE;YAC5C,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI;SACzB,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EACpF,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,KAAK,EAAE,EAChB,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAClE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CACjD,EACD,EAAE,CACH,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,CAAC;IACb,CAAC;IAED,SAAS,CAAC,GAAgB,EAAE,IAAe,EAAE,QAAiB;QAC5D,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAI,QAAQ;YAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;QAChD,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,uEAAuE;IACvE,YAAY;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC;YACzC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,SAAS;YAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACvC,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,IAAI;gBAAE,SAAS;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;YAC5D,IAAI,CAAC,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5C,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAgB,CAAC;YAClD,IAAI,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;YACpE,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC;QACD,MAAM,GAAG,GAAG,CAAC,CAAC,YAAY,CAAC;QAC3B,IAAI,CACF,IAAI,CAAC,IAAI,EACT,uBAAuB,EACvB,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAC1D,CAAC;IACJ,CAAC;IAED,eAAe;QACb,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAW,CAAC;QACxC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAChC,kEAAkE;QAClE,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC;QAC7C,mEAAmE;QACnE,MAAM,KAAK,GACT,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,IAAI,KAAK,QAAQ;YACvC,CAAC,CAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAY;YACrC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;QACtB,IAAI,CAAC,GAAG,GAAG,GAAG,WAAW;YAAE,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;aAC/D,IAAI,CAAC,GAAG,QAAQ,GAAG,GAAG,GAAG,MAAM;YAAE,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,MAAM,GAAG,CAAC,CAAC;QACtF,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,aAAa,CAAC,GAAW;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9C,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;QACjB,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,QAAQ;gBAAE,SAAS;YAC1C,IAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAY,IAAI,GAAG;gBAAE,OAAO,GAAG,CAAC,CAAC;iBAChD,CAAC;gBACJ,IAAI,GAAG,CAAC,CAAC;gBACT,MAAM;YACR,CAAC;QACH,CAAC;QACD,IAAI,OAAO,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;YAC1B,OAAO;QACT,CAAC;QACD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAA0C,CAAC;QACrE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7D,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACtC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC;YAChC,OAAO,CACL,IAAI,CAAC,MAAM,EACX,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,OAAO,EAAE,EAClB,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAChD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CACpD,CACF,CAAC;QACJ,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAY,GAAG,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9F,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,IAAI,KAAK,CAAC;IACxD,CAAC;IAED,YAAY,CAAC,CAAa;QACxB,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAC;QACnC,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAuB,CAAC;QACvD,IAAI,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAClC,OAAO;QACT,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAuB,CAAC;QACzD,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;CACF"}

package/dist/ui/context.d.ts

@@ -1,14 +1,18 @@
 /**
- * What UI components share: the controller, the current translator and element-level actions
- * (attribute-reflected preferences, sidebar, popovers).
+ * What UI components share: the session (`controller`), the layout's actions, the translator
+ * and the root's focus targets.
  */
 import type { AttrValue, HunkKind, Locale } from '@kgdiff/core';
 import type { ChangeFamily, PaletteName, SceneHunk } from '@kgdiff/scene';
-import type { ViewerController } from '../controller.js';
 import type { Translator } from '../i18n.js';
-import type { ThemePreference, ViewerMode } from '../index.js';
-export interface UiContext {
-    readonly controller: ViewerController;
+import type { PanelRegion, PanelState, ThemePreference, ViewerMode } from '../index.js';
+import type { Keymap } from '../keyboard.js';
+import type { DiffSession } from '../session.js';
+/**
+ * What the layout does for the regions (preferences it reflects as attributes, the panels and
+ * popovers it owns).
+ */
+export interface UiActions {
     readonly tr: () => Translator;
     setMode(mode: ViewerMode): void;
     /** Toggle the `changes` scope (explains itself when it is locked). */
@@ -18,11 +22,34 @@ export interface UiContext {
     setLocale(locale: Locale): void;
     toggleSidebar(open?: boolean): void;
     sidebarOpen(): boolean;
+    /**
+     * Whether the layout has a sidebar to toggle now (`<kgdiff-viewer>`, unless its four regions
+     * are hidden); absent where there is none (a composed root).
+     */
+    hasSidebar?(): boolean;
     toggleMenu(open?: boolean): void;
     openHelp(): void;
+    /** Show and focus the search (`/`). */
     focusSearch(): void;
-    /** Root of the shadow tree (for focus management). */
+    /** The user opened or folded a region from inside it (the legend's head). */
+    setPanel?(region: PanelRegion, state: PanelState): void;
+}
+/** Elements of a region that others move focus to, through the root. */
+export type FocusTarget = 'search' | 'list' | 'help';
+/** What a region gets from the root it is bound to: the session, the actions, focus moves. */
+export interface UiContext extends UiActions {
+    readonly controller: DiffSession;
+    /** Root of the region's shadow tree (for focus management). */
     readonly root: ShadowRoot;
+    /**
+     * Register `focus` as the root's `name` target, available while `available` says so (default:
+     * always); returns the function that unregisters it.
+     */
+    target(name: FocusTarget, focus: () => void, available?: () => boolean): () => void;
+    /** Focus the root's available `name` target registered last; false when there is none. */
+    focus(name: FocusTarget): boolean;
+    /** The root's `keymap` now (the keys bound over the default map), or null. */
+    keymap(): Keymap | null;
 }
 /** One-character glyph of a hunk (docs/interaction.md §Change list): `+ − ~ ⇄ ⊕ ⑂`. */
 export declare function hunkGlyph(kind: HunkKind, family: ChangeFamily): string;

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC;IACtC,QAAQ,CAAC,EAAE,EAAE,MAAM,UAAU,CAAC;IAC9B,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,sEAAsE;IACtE,WAAW,IAAI,IAAI,CAAC;IACpB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACpC,WAAW,IAAI,OAAO,CAAC;IACvB,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,QAAQ,IAAI,IAAI,CAAC;IACjB,WAAW,IAAI,IAAI,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;CAC3B;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAiBtE;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAEnD;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAOhE;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,IAAI,CAQvE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,UAAU,CAAC;IAC9B,OAAO,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,sEAAsE;IACtE,WAAW,IAAI,IAAI,CAAC;IACpB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAChD,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACpC,WAAW,IAAI,OAAO,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,IAAI,OAAO,CAAC;IACvB,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,QAAQ,IAAI,IAAI,CAAC;IACjB,uCAAuC;IACvC,WAAW,IAAI,IAAI,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACzD;AAED,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAErD,8FAA8F;AAC9F,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC;IACjC,+DAA+D;IAC/D,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC;IACpF,0FAA0F;IAC1F,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC;IAClC,8EAA8E;IAC9E,MAAM,IAAI,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAiBtE;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAEnD;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAOhE;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,EAAE,GAAG,IAAI,CAQvE"}

package/dist/ui/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AA4BA,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,IAAc,EAAE,MAAoB;IAC5D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK;YACR,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,WAAW;YACd,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1E;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAY;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;AACrC,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAClF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1F,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,CAAC,IAAI,KAA6B,EAAE,CAAC;QAC9C,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QACrD,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/ui/context.ts"],"names":[],"mappings":"AAyDA,uFAAuF;AACvF,MAAM,UAAU,SAAS,CAAC,IAAc,EAAE,MAAoB;IAC5D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK;YACR,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,WAAW;YACd,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1E;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAY;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;AACrC,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAClF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1F,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,SAAS,CAAC,KAA4B;IACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,CAAC,IAAI,KAA6B,EAAE,CAAC;QAC9C,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QACrD,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/ui/filters.d.ts

@@ -0,0 +1,9 @@
+import type { Topic } from '../session.js';
+import type { UiContext } from './context.js';
+export declare class Filters {
+    #private;
+    readonly el: HTMLElement;
+    constructor(ctx: UiContext);
+    update(topics: ReadonlySet<Topic>): void;
+}
+//# sourceMappingURL=filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/ui/filters.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,qBAAa,OAAO;;IAClB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAMzB,YAAY,GAAG,EAAE,SAAS,EA4BzB;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAIvC;CAyBF"}

package/dist/ui/filters.js

@@ -0,0 +1,68 @@
+/**
+ * The family filters (RFC 0001 §3, `<kgdiff-filters>` from phase 2): one chip per family the
+ * diff has, with its count and the legend's swatch, toggling the session's family filter, and
+ * "show all" while a filter is on.
+ */
+import { attr, h, setText } from '../dom.js';
+import { familyCounts } from '../list-model.js';
+import { FAMILIES } from '../styles.js';
+import { swatch } from './swatch.js';
+export class Filters {
+    el;
+    #chips = new Map();
+    #showAll;
+    #ctx;
+    constructor(ctx) {
+        this.#ctx = ctx;
+        const c = ctx.controller;
+        this.el = h('div', { class: 'filters', role: 'group' });
+        for (const f of FAMILIES) {
+            const chip = h('button', {
+                type: 'button',
+                class: 'fchip',
+                'data-family': f,
+                'aria-pressed': 'false',
+                onclick: () => c.toggleFamily(f),
+            }, swatch(f), h('span', { class: 'lbl' }), h('span', { class: 'n' }));
+            this.#chips.set(f, chip);
+            this.el.appendChild(chip);
+        }
+        this.#showAll = h('button', {
+            type: 'button',
+            class: 'link-btn',
+            hidden: true,
+            onclick: () => c.setFamilies([]),
+        });
+        this.el.appendChild(this.#showAll);
+    }
+    update(topics) {
+        const all = topics.has('status') || topics.has('data') || topics.has('locale');
+        if (all)
+            this.#renderChips();
+        if (all || topics.has('filters'))
+            this.#renderState();
+    }
+    #renderChips() {
+        const tr = this.#ctx.tr();
+        const scene = this.#ctx.controller.scene;
+        const counts = scene ? familyCounts(scene) : null;
+        attr(this.el, 'aria-label', tr.t('sidebar.filters'));
+        setText(this.#showAll, tr.t('sidebar.clearFilters'));
+        this.el.hidden = !scene || scene.hunks.length === 0;
+        for (const [f, chip] of this.#chips) {
+            const n = counts ? counts[f] : 0;
+            setText(chip.querySelector('.lbl'), tr.t(`family.${f}`));
+            setText(chip.querySelector('.n'), tr.num(n));
+            chip.hidden = n === 0;
+            attr(chip, 'title', tr.t(`familyHint.${f}`));
+        }
+    }
+    #renderState() {
+        const fams = this.#ctx.controller.families;
+        for (const [f, chip] of this.#chips) {
+            attr(chip, 'aria-pressed', String(fams.has(f)));
+        }
+        this.#showAll.hidden = fams.size === 0;
+    }
+}
+//# sourceMappingURL=filters.js.map

package/dist/ui/filters.js.map

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

package/dist/ui/header.d.ts

@@ -1,19 +1,57 @@
 /**
- * The canvas HUD: the title (brand and compared versions) floating top-left, the actions
- * (appearance menu, help, sidebar toggle) floating top-right. Both stay up while loading and on
- * errors. How the diff is viewed is chosen in the dock at the bottom (`dock.ts`).
+ * The canvas HUD: the title (`Title`, `<kgdiff-title>`: brand and compared versions) floating
+ * top-left, the actions (`Actions`, `<kgdiff-actions>`: appearance menu, help, sidebar toggle)
+ * floating top-right. Both stay up while loading and on errors. How the diff is viewed is
+ * chosen in the dock at the bottom (`dock.ts`).
  */
 import type { Topic } from '../controller.js';
+import type { PanelState } from '../index.js';
 import type { UiContext } from './context.js';
+/** The title card: the brand, then the compared names and versions. */
+export declare class Title {
+    #private;
+    readonly el: HTMLElement;
+    constructor(ctx: UiContext);
+    update(topics: ReadonlySet<Topic>): void;
+}
+/**
+ * The actions: the appearance menu's button (the menu itself is placed next to the card with
+ * `attachMenu`: a backdrop filter would clip its blur to the card), help, and, in the default
+ * layout, the sidebar toggle.
+ */
+export declare class Actions {
+    #private;
+    /** The card and, once attached, the menu next to it. */
+    readonly el: HTMLElement;
+    readonly menuButton: HTMLButtonElement;
+    readonly sidebarButton: HTMLButtonElement | null;
+    /** `sidebar`: with the sidebar toggle (the default layout's). */
+    constructor(ctx: UiContext, sidebar?: boolean);
+    /** Place the appearance menu under the actions. */
+    attachMenu(menu: HTMLElement): void;
+    update(topics: ReadonlySet<Topic>): void;
+    setMenuState(open: boolean): void;
+    /** Whether the sidebar is open (the toggle's pressed state). */
+    setSidebarState(open: boolean): void;
+}
+/** The default layout's HUD: the title and the actions over the canvas. */
 export declare class Header {
     #private;
     readonly el: HTMLElement;
+    readonly title: Title;
+    readonly actions: Actions;
     readonly menuButton: HTMLButtonElement;
+    readonly sidebarButton: HTMLButtonElement;
     constructor(ctx: UiContext);
     /** Place the appearance menu under the actions. */
     attachMenu(menu: HTMLElement): void;
     update(topics: ReadonlySet<Topic>): void;
     setSidebarState(open: boolean): void;
+    /**
+     * Follow the panel states of the title and the actions (not shown unless open); the sidebar
+     * button goes when the sidebar has nothing to show. Focus in the actions moves to `outside`.
+     */
+    setPanels(title: PanelState, actions: PanelState, sidebar: boolean, outside: () => HTMLElement | null): void;
     setMenuState(open: boolean): void;
 }
 //# sourceMappingURL=header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/ui/header.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAa9C,qBAAa,MAAM;;IACjB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAUvC,YAAY,GAAG,EAAE,SAAS,EAqCzB;IAED,mDAAmD;IACnD,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAElC;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CASvC;IAED,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;IAED,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEhC;CAsDF"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/ui/header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAa9C,uEAAuE;AACvE,qBAAa,KAAK;;IAChB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAKzB,YAAY,GAAG,EAAE,SAAS,EAgBzB;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAIvC;CAsDF;AAED;;;;GAIG;AACH,qBAAa,OAAO;;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IACvC,QAAQ,CAAC,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAKjD,iEAAiE;IACjE,YAAY,GAAG,EAAE,SAAS,EAAE,OAAO,UAAO,EAgBzC;IAED,mDAAmD;IACnD,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAElC;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAOvC;IAED,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEhC;IAED,gEAAgE;IAChE,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;CACF;AAED,2EAA2E;AAC3E,qBAAa,MAAM;;IACjB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,iBAAiB,CAAC;IACvC,QAAQ,CAAC,aAAa,EAAE,iBAAiB,CAAC;IAG1C,YAAY,GAAG,EAAE,SAAS,EAOzB;IAED,mDAAmD;IACnD,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAElC;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAGvC;IAED,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;IAED;;;OAGG;IACH,SAAS,CACP,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,WAAW,GAAG,IAAI,GAChC,IAAI,CAQN;IAED,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEhC;CACF"}

package/dist/ui/header.js

@@ -1,61 +1,32 @@
-import { attr, h, iconButton, relabel, replace } from '../dom.js';
+import { attr, h, iconButton, moveFocusOut, relabel, replace } from '../dom.js';
 /** The kgdiff mark: a soft accent diamond holding a node. */
 function brandMark() {
     const tpl = document.createElement('template');
     tpl.innerHTML =
         '<svg class="brand-mark" viewBox="0 0 20 20" aria-hidden="true" focusable="false">' +
             '<rect x="4.1" y="4.1" width="11.8" height="11.8" rx="3.2" transform="rotate(45 10 10)" ' +
-            'fill="var(--kg-accent-soft)" stroke="var(--kg-accent)" stroke-width="1.5"/>' +
-            '<circle cx="10" cy="10" r="2.4" fill="var(--kg-accent)"/></svg>';
+            'fill="var(--kgdiff-accent-soft)" stroke="var(--kgdiff-accent)" stroke-width="1.5"/>' +
+            '<circle cx="10" cy="10" r="2.4" fill="var(--kgdiff-accent)"/></svg>';
     return tpl.content.firstElementChild;
 }
-export class Header {
+/** The title card: the brand, then the compared names and versions. */
+export class Title {
     el;
-    menuButton;
     #brand;
     #versions;
-    #actions;
-    #end;
-    #helpButton;
-    #sidebarButton;
     #ctx;
     constructor(ctx) {
         this.#ctx = ctx;
         this.#brand = h('div', { class: 'brand' }, brandMark(), h('span', { class: 'brand-name', text: 'kgdiff' }));
         this.#versions = h('div', { class: 'versions' });
-        this.menuButton = iconButton('contrast', '', () => ctx.toggleMenu(), {
-            'aria-haspopup': 'menu',
-            'aria-expanded': 'false',
-        });
-        this.#helpButton = iconButton('help', '', () => ctx.openHelp());
-        this.#sidebarButton = iconButton('sidebar', '', () => ctx.toggleSidebar());
-        this.#actions = h('div', { class: 'hud-actions card', role: 'group' }, this.menuButton, this.#helpButton, this.#sidebarButton);
-        // The menu is a sibling of the actions card, not inside it: a backdrop filter would clip
-        // the menu's own blur to the card.
-        this.#end = h('div', { class: 'hud-end' }, this.#actions);
-        this.el = h('header', { class: 'hud' }, h('div', { class: 'hud-title card' }, this.#brand, h('span', { class: 'header-sep', 'aria-hidden': 'true' }), this.#versions), this.#end);
-    }
-    /** Place the appearance menu under the actions. */
-    attachMenu(menu) {
-        this.#end.appendChild(menu);
+        this.el = h('div', { class: 'hud-title card' }, this.#brand, h('span', { class: 'header-sep', 'aria-hidden': 'true' }), this.#versions);
     }
     update(topics) {
         if (!(topics.has('locale') || topics.has('data') || topics.has('status')))
             return;
-        const tr = this.#ctx.tr();
-        attr(this.#brand, 'title', `kgdiff — ${tr.t('brand.tagline')}`);
-        attr(this.#actions, 'aria-label', tr.t('header.actions'));
-        relabel(this.menuButton, tr.t('action.settings'));
-        relabel(this.#helpButton, `${tr.t('action.help')} (?)`);
-        relabel(this.#sidebarButton, `${tr.t('action.sidebar')} (\\)`);
+        attr(this.#brand, 'title', `kgdiff — ${this.#ctx.tr().t('brand.tagline')}`);
         this.#renderVersions();
     }
-    setSidebarState(open) {
-        attr(this.#sidebarButton, 'aria-pressed', String(open));
-    }
-    setMenuState(open) {
-        attr(this.menuButton, 'aria-expanded', String(open));
-    }
     #renderVersions() {
         const data = this.#ctx.controller.data;
         if (!data) {
@@ -83,4 +54,98 @@ export class Header {
         replace(this.#versions, h('span', { class: 'side' }, h('span', { class: 'name', title: names.before, text: names.before }), tag(versions.before)), arrow(), h('span', { class: 'side' }, h('span', { class: 'name', title: names.after, text: names.after }), tag(versions.after)));
     }
 }
+/**
+ * The actions: the appearance menu's button (the menu itself is placed next to the card with
+ * `attachMenu`: a backdrop filter would clip its blur to the card), help, and, in the default
+ * layout, the sidebar toggle.
+ */
+export class Actions {
+    /** The card and, once attached, the menu next to it. */
+    el;
+    menuButton;
+    sidebarButton;
+    #card;
+    #helpButton;
+    #ctx;
+    /** `sidebar`: with the sidebar toggle (the default layout's). */
+    constructor(ctx, sidebar = true) {
+        this.#ctx = ctx;
+        this.menuButton = iconButton('contrast', '', () => ctx.toggleMenu(), {
+            'aria-haspopup': 'menu',
+            'aria-expanded': 'false',
+        });
+        this.#helpButton = iconButton('help', '', () => ctx.openHelp());
+        this.sidebarButton = sidebar ? iconButton('sidebar', '', () => ctx.toggleSidebar()) : null;
+        this.#card = h('div', { class: 'hud-actions card', role: 'group' }, this.menuButton, this.#helpButton, this.sidebarButton);
+        this.el = h('div', { class: 'hud-end' }, this.#card);
+    }
+    /** Place the appearance menu under the actions. */
+    attachMenu(menu) {
+        this.el.appendChild(menu);
+    }
+    update(topics) {
+        if (!(topics.has('locale') || topics.has('data') || topics.has('status')))
+            return;
+        const tr = this.#ctx.tr();
+        attr(this.#card, 'aria-label', tr.t('header.actions'));
+        relabel(this.menuButton, tr.t('action.settings'));
+        relabel(this.#helpButton, `${tr.t('action.help')} (?)`);
+        if (this.sidebarButton)
+            relabel(this.sidebarButton, `${tr.t('action.sidebar')} (\\)`);
+    }
+    setMenuState(open) {
+        attr(this.menuButton, 'aria-expanded', String(open));
+    }
+    /** Whether the sidebar is open (the toggle's pressed state). */
+    setSidebarState(open) {
+        if (this.sidebarButton)
+            attr(this.sidebarButton, 'aria-pressed', String(open));
+    }
+}
+/** The default layout's HUD: the title and the actions over the canvas. */
+export class Header {
+    el;
+    title;
+    actions;
+    menuButton;
+    sidebarButton;
+    #ctx;
+    constructor(ctx) {
+        this.#ctx = ctx;
+        this.title = new Title(ctx);
+        this.actions = new Actions(ctx);
+        this.menuButton = this.actions.menuButton;
+        this.sidebarButton = this.actions.sidebarButton;
+        this.el = h('header', { class: 'hud' }, this.title.el, this.actions.el);
+    }
+    /** Place the appearance menu under the actions. */
+    attachMenu(menu) {
+        this.actions.attachMenu(menu);
+    }
+    update(topics) {
+        this.title.update(topics);
+        this.actions.update(topics);
+    }
+    setSidebarState(open) {
+        this.actions.setSidebarState(open);
+    }
+    /**
+     * Follow the panel states of the title and the actions (not shown unless open); the sidebar
+     * button goes when the sidebar has nothing to show. Focus in the actions moves to `outside`.
+     */
+    setPanels(title, actions, sidebar, outside) {
+        attr(this.title.el, 'data-panel', title);
+        const end = this.actions.el;
+        if (actions !== 'open')
+            moveFocusOut(this.#ctx.root, end, outside);
+        attr(end, 'data-panel', actions);
+        end.inert = actions !== 'open';
+        if (!sidebar)
+            moveFocusOut(this.#ctx.root, this.sidebarButton, outside);
+        this.sidebarButton.hidden = !sidebar;
+    }
+    setMenuState(open) {
+        this.actions.setMenuState(open);
+    }
+}
 //# sourceMappingURL=header.js.map

package/dist/ui/header.js.map

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

package/dist/ui/legend.d.ts

@@ -0,0 +1,15 @@
+import type { Topic } from '../topics.js';
+import type { UiContext } from './context.js';
+export declare class Legend {
+    #private;
+    /** The card (a toggle head and the rows). */
+    readonly card: HTMLElement;
+    /** The one-line legend. */
+    readonly mini: HTMLElement;
+    /** `toggled`: the user opened or folded the card from its head. */
+    constructor(ctx: UiContext, toggled?: (open: boolean) => void);
+    get open(): boolean;
+    setOpen(open: boolean): void;
+    update(topics: ReadonlySet<Topic>): void;
+}
+//# sourceMappingURL=legend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/ui/legend.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,qBAAa,MAAM;;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,2BAA2B;IAC3B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAO3B,mEAAmE;IACnE,YAAY,GAAG,EAAE,SAAS,EAAE,OAAO,GAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAsB,EAyB7E;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAI3B;IAED,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAKvC;CA4CF"}

package/dist/ui/legend.js

@@ -0,0 +1,68 @@
+import { attr, h, icon, replace, setText } from '../dom.js';
+import { FAMILIES } from '../styles.js';
+import { swatch } from './swatch.js';
+export class Legend {
+    /** The card (a toggle head and the rows). */
+    card;
+    /** The one-line legend. */
+    mini;
+    #head;
+    #body;
+    #open = false;
+    #ctx;
+    /** `toggled`: the user opened or folded the card from its head. */
+    constructor(ctx, toggled = () => undefined) {
+        this.#ctx = ctx;
+        this.#head = h('button', {
+            type: 'button',
+            class: 'legend-head',
+            'aria-expanded': 'false',
+            onclick: () => {
+                this.setOpen(!this.#open);
+                toggled(this.#open);
+            },
+        }, h('span', { class: 'lbl' }), icon('chevron-down'));
+        this.#body = h('div', { class: 'legend-body', id: 'kg-legend' });
+        attr(this.#head, 'aria-controls', 'kg-legend');
+        this.card = h('div', { class: 'legend card float bottom-left', 'data-open': 'false' }, this.#head, this.#body);
+        this.mini = h('div', { class: 'mini-legend float bottom-left', role: 'list' });
+    }
+    get open() {
+        return this.#open;
+    }
+    setOpen(open) {
+        this.#open = open;
+        attr(this.card, 'data-open', String(open));
+        attr(this.#head, 'aria-expanded', String(open));
+    }
+    update(topics) {
+        if (!(topics.has('status') || topics.has('data') || topics.has('locale')))
+            return;
+        const tr = this.#ctx.tr();
+        this.#renderCard(tr);
+        this.#renderMini(tr);
+    }
+    #renderCard(tr) {
+        setText(this.#head.querySelector('.lbl'), tr.t('legend.title'));
+        attr(this.#head, 'aria-label', tr.t('legend.toggle'));
+        const fams = [...FAMILIES, 'neutral'];
+        replace(this.#body, fams.map((f) => h('div', { class: 'legend-row', 'data-family': f, title: tr.t(`familyHint.${f}`) }, swatch(f), h('span', { class: 'name', text: tr.t(`family.${f}`) }))));
+    }
+    /** One line: the families this diff has, then the unchanged context. */
+    #renderMini(tr) {
+        const scene = this.#ctx.controller.scene;
+        const present = new Set(scene?.hunks.map((x) => x.family));
+        if (scene?.nodes.some((n) => n.status === 'unchanged'))
+            present.add('neutral');
+        attr(this.mini, 'aria-label', tr.t('legend.title'));
+        replace(this.mini, [...FAMILIES, 'neutral']
+            .filter((f) => present.has(f))
+            .map((f) => h('span', {
+            class: 'mini-item',
+            role: 'listitem',
+            'data-family': f,
+            title: tr.t(`familyHint.${f}`),
+        }, h('span', { class: 'dot', 'aria-hidden': 'true' }), tr.t(`family.${f}`))));
+    }
+}
+//# sourceMappingURL=legend.js.map

package/dist/ui/legend.js.map

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

package/dist/ui/popovers.d.ts

@@ -1,3 +1,4 @@
+import { type ShortcutName } from '../keyboard.js';
 import type { UiContext } from './context.js';
 export declare class Menu {
     #private;
@@ -11,7 +12,8 @@ export declare class Menu {
 export declare class HelpDialog {
     #private;
     readonly el: HTMLElement;
-    constructor(ctx: UiContext);
+    /** `omit`: shortcuts that do nothing in this layout (`sidebar` without a sidebar). */
+    constructor(ctx: UiContext, omit?: readonly ShortcutName[]);
     get open(): boolean;
     show(): void;
     hide(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"popovers.d.ts","sourceRoot":"","sources":["../../src/ui/popovers.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,qBAAa,IAAI;;IACf,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAKzB,YAAY,GAAG,EAAE,SAAS,EAIzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAKrC;IAED,IAAI,CAAC,YAAY,UAAO,GAAG,IAAI,CAI9B;IAED,MAAM,IAAI,IAAI,CAgCb;CA6DF;AA8BD,qBAAa,UAAU;;IACrB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAIzB,YAAY,GAAG,EAAE,SAAS,EAiBzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,IAAI,CAKX;IAED,IAAI,IAAI,IAAI,CAIX;IAED,MAAM,IAAI,IAAI,CAsCb;CACF"}
+{"version":3,"file":"popovers.d.ts","sourceRoot":"","sources":["../../src/ui/popovers.ts"],"names":[],"mappings":"AASA,OAAO,EAAe,KAAK,YAAY,EAAgB,MAAM,gBAAgB,CAAC;AAE9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,qBAAa,IAAI;;IACf,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAKzB,YAAY,GAAG,EAAE,SAAS,EAIzB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAKrC;IAED,IAAI,CAAC,YAAY,UAAO,GAAG,IAAI,CAI9B;IAED,MAAM,IAAI,IAAI,CAiCb;CA6DF;AAmED,qBAAa,UAAU;;IACrB,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAKzB,sFAAsF;IACtF,YAAY,GAAG,EAAE,SAAS,EAAE,IAAI,GAAE,SAAS,YAAY,EAAO,EAkB7D;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,IAAI,CAKX;IAED,IAAI,IAAI,IAAI,CAIX;IAED,MAAM,IAAI,IAAI,CAuCb;CACF"}