@dxos/lit-grid 0.7.1 → 0.7.2-main.f1adc9f

package/dist/types/src/testing/playwright/playwright.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright.config.js","sourceRoot":"","sources":["../../../../../src/testing/playwright/playwright.config.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,eAAe,YAAY,CAAC;IAC1B,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAClD,GAAG,SAAS,CAAC,SAAS,CAAC;IACvB,SAAS,EAAE;QACT,OAAO,EAAE,kCAAkC;QAC3C,IAAI,EAAE,IAAI;QACV,mBAAmB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;KACrC;CACF,CAAC,CAAC"}

package/dist/types/src/types.d.ts

@@ -1,5 +1,7 @@
 import { type DxGrid } from './dx-grid';
-export type DxGridCellIndex = `${string},${string}`;
+export declare const separator: ",";
+export type DxGridPlaneCellIndex = `${string}${typeof separator}${string}`;
+export type DxGridCellIndex = `${DxGridPlane}${typeof separator}${string}${typeof separator}${string}`;
 export type DxGridAxis = 'row' | 'col';
 export type DxGridFrozenColsPlane = `frozenCols${'Start' | 'End'}`;
 export type DxGridFrozenRowsPlane = `frozenRows${'Start' | 'End'}`;
@@ -20,7 +22,7 @@ export type DxGridAnnotatedPanEvent = (WheelEvent | PointerEvent) & {
     overscrollBlock: number;
     gridId: string;
 }>;
-export type DxGridPlaneCells = Record<DxGridCellIndex, DxGridCellValue>;
+export type DxGridPlaneCells = Record<DxGridPlaneCellIndex, DxGridCellValue>;
 export type DxGridCells = {
     grid: DxGridPlaneCells;
 } & Partial<Record<DxGridFixedPlane | DxGridFrozenPlane, DxGridPlaneCells>>;
@@ -108,7 +110,7 @@ export declare class DxAxisResizeInternal extends Event {
 }
 export type DxEditRequestProps = Pick<DxEditRequest, 'cellIndex' | 'cellBox' | 'initialContent'>;
 export declare class DxEditRequest extends Event {
-    readonly cellIndex: DxGridCellIndex;
+    readonly cellIndex: DxGridPlaneCellIndex;
     readonly cellBox: Record<'insetInlineStart' | 'insetBlockStart' | 'inlineSize' | 'blockSize', number>;
     readonly initialContent?: string;
     constructor(props: DxEditRequestProps);

package/dist/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAGxC,eAAO,MAAM,SAAS,KAAe,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG,GAAG,MAAM,GAAG,OAAO,SAAS,GAAG,MAAM,EAAE,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,GAAG,WAAW,GAAG,OAAO,SAAS,GAAG,MAAM,GAAG,OAAO,SAAS,GAAG,MAAM,EAAE,CAAC;AAEvG,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,aAAa,OAAO,GAAG,KAAK,EAAE,CAAC;AACnE,MAAM,MAAM,qBAAqB,GAAG,aAAa,OAAO,GAAG,KAAK,EAAE,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAC9E,MAAM,MAAM,gBAAgB,GAAG,QAAQ,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,EAAE,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AACxE,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAErH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAC1E,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,IAAI,CAAC;AAE3D,MAAM,MAAM,uBAAuB,GAAG,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC;IAC7G,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEL,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;AAC7E,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAAG,OAAO,CAC5D,MAAM,CAAC,gBAAgB,GAAG,iBAAiB,EAAE,gBAAgB,CAAC,CAC/D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAC;AAEvF,MAAM,MAAM,aAAa,GACrB,IAAI,GACJ;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,KAAK,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACzD;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAE3B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AACxF,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,CAAC;AAE7G,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE3F,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,IAAI,CACF,MAAM,EACJ,QAAQ,GACR,YAAY,GACZ,eAAe,GACf,MAAM,GACN,SAAS,GACT,cAAc,GACd,MAAM,GACN,cAAc,GACd,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,YAAY,CACf,CACF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,qBAAa,YAAa,SAAQ,KAAK;IACrC,SAAgB,IAAI,EAAE,UAAU,CAAC;IACjC,SAAgB,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAClD,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;gBACjB,KAAK,EAAE,iBAAiB;CAOrC;AAED,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,IAAI,EAAE,UAAU,CAAC;IACjC,SAAgB,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAClD,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;gBAClC,KAAK,EAAE,yBAAyB;CAS7C;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,SAAS,GAAG,gBAAgB,CAAC,CAAC;AAEjG,qBAAa,aAAc,SAAQ,KAAK;IACtC,SAAgB,SAAS,EAAE,oBAAoB,CAAC;IAChD,SAAgB,OAAO,EAAE,MAAM,CAAC,kBAAkB,GAAG,iBAAiB,GAAG,YAAY,GAAG,WAAW,EAAE,MAAM,CAAC,CAAC;IAC7G,SAAgB,cAAc,CAAC,EAAE,MAAM,CAAC;gBAC5B,KAAK,EAAE,kBAAkB;CAMtC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,mBAAmB,CAAC;IAAC,GAAG,EAAE,mBAAmB,CAAA;CAAE,CAAC;AACxF,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,cAAc,CAAC;IAAC,GAAG,EAAE,cAAc,CAAA;CAAE,CAAC;AAEzE,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;gBACnB,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW;CASxC"}

package/dist/types/src/types.js

@@ -1,7 +1,8 @@
 //
 // Copyright 2024 DXOS.org
 //
-import { toCellIndex } from './util';
+import { toPlaneCellIndex } from './util';
+export const separator = ',';
 export class DxAxisResize extends Event {
     constructor(props) {
         super('dx-axis-resize');
@@ -33,8 +34,8 @@ export class DxEditRequest extends Event {
 export class DxGridCellsSelect extends Event {
     constructor({ start, end }) {
         super('dx-grid-cells-select');
-        this.start = toCellIndex(start);
-        this.end = toCellIndex(end);
+        this.start = toPlaneCellIndex(start);
+        this.end = toPlaneCellIndex(end);
         this.minCol = Math.min(start.col, end.col);
         this.maxCol = Math.max(start.col, end.col);
         this.minRow = Math.min(start.row, end.row);

package/dist/types/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAiHrC,MAAM,OAAO,YAAa,SAAQ,KAAK;IAKrC,YAAY,KAAwB;QAClC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACzB,CAAC;CACF;AAED,MAAM,OAAO,oBAAqB,SAAQ,KAAK;IAO7C,YAAY,KAAgC;QAC1C,KAAK,CAAC,yBAAyB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACpE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,CAAC;CACF;AAID,MAAM,OAAO,aAAc,SAAQ,KAAK;IAItC,YAAY,KAAyB;QACnC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;CACF;AAKD,MAAM,OAAO,iBAAkB,SAAQ,KAAK;IAO1C,YAAY,EAAE,KAAK,EAAE,GAAG,EAAe;QACrC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7C,CAAC;CACF"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAGF,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAY,CAAC;AAkHtC,MAAM,OAAO,YAAa,SAAQ,KAAK;IAKrC,YAAY,KAAwB;QAClC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACzB,CAAC;CACF;AAED,MAAM,OAAO,oBAAqB,SAAQ,KAAK;IAO7C,YAAY,KAAgC;QAC1C,KAAK,CAAC,yBAAyB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACpE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,CAAC;CACF;AAID,MAAM,OAAO,aAAc,SAAQ,KAAK;IAItC,YAAY,KAAyB;QACnC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;CACF;AAKD,MAAM,OAAO,iBAAkB,SAAQ,KAAK;IAO1C,YAAY,EAAE,KAAK,EAAE,GAAG,EAAe;QACrC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,GAAG,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7C,CAAC;CACF"}

package/dist/types/src/util.d.ts

@@ -1,8 +1,5 @@
-import { type DxGridCellIndex, type DxGridPosition, type DxGridPointer, type DxGridSelectionProps, type DxGridPositionNullable, type DxGridPlane, type DxGridFrozenRowsPlane, type DxGridFrozenColsPlane, type DxGridFrozenPlane, type DxGridAxis } from './types';
-/**
- * Separator for serializing cell position vectors
- */
-export declare const separator = ",";
+import { type DxGridPlaneCellIndex, type DxGridCellIndex, type DxGridPosition, type DxGridPointer, type DxGridSelectionProps, type DxGridPositionNullable, type DxGridPlane, type DxGridFrozenRowsPlane, type DxGridFrozenColsPlane, type DxGridFrozenPlane, type DxGridAxis, type DxGridPlanePosition } from './types';
+export declare const toPlaneCellIndex: (cellCoords: Partial<DxGridPosition> & DxGridPlanePosition) => DxGridPlaneCellIndex;
 export declare const toCellIndex: (cellCoords: DxGridPosition) => DxGridCellIndex;
 export declare const colToA1Notation: (col: number) => string;
 export declare const rowToA1Notation: (row: number) => string;

package/dist/types/src/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,UAAU,EAChB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,WAAW,eAAgB,cAAc,KAAG,eACP,CAAC;AAMnD,eAAO,MAAM,eAAe,QAAS,MAAM,KAAG,MAK7C,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,KAAG,MAE7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,IAAI,CAAC;AAErB;;GAEG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAKjC,eAAO,MAAM,UAAU,KAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,eAAO,MAAM,UAAU,KAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,OAAO,CAAC;AAE/B,eAAO,MAAM,YAAY,YAAa,aAAa,oBAAoB,YAAY,YAMlF,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAoB,cAAc,gBAAgB,cAAc,KAAG,oBAQ7F,CAAC;AAEF,eAAO,MAAM,YAAY,QAClB,MAAM,OACN,MAAM,SACJ,WAAW,aACP,oBAAoB,KAC9B,OAQF,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,WAAW,GAAG,IAAI,KAAG;IAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;CAG/G,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,WAAW,GAAG,IAAI,aAAa,WAAW,GAAG,IAAI,KAAG,sBAiBvF,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,WAAW,GAAG,IAAI,KAAG,WAAW,GAAG,IAExE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,WAAW,KAAG,MAAM,GAAG,qBAa7D,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,WAAW,KAAG,MAAM,GAAG,qBAa7D,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,UAAU,aAAa,WAAW,KAAG,MAAM,GAAG,iBAmBtF,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,sBAAsB,KAAK,sBAAsB,mBAO9D,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,mBAAmB,EAEzB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,gBAAgB,eAAgB,OAAO,CAAC,cAAc,CAAC,GAAG,mBAAmB,KAAG,oBAC3C,CAAC;AAEnD,eAAO,MAAM,WAAW,eAAgB,cAAc,KAAG,eACwB,CAAC;AAMlF,eAAO,MAAM,eAAe,QAAS,MAAM,KAAG,MAK7C,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,KAAG,MAE7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,IAAI,CAAC;AAErB;;GAEG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAKjC,eAAO,MAAM,UAAU,KAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,eAAO,MAAM,UAAU,KAAiB,CAAC;AACzC,eAAO,MAAM,UAAU,OAAO,CAAC;AAE/B,eAAO,MAAM,YAAY,YAAa,aAAa,oBAAoB,YAAY,YAMlF,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAoB,cAAc,gBAAgB,cAAc,KAAG,oBAQ7F,CAAC;AAEF,eAAO,MAAM,YAAY,QAClB,MAAM,OACN,MAAM,SACJ,WAAW,aACP,oBAAoB,KAC9B,OAQF,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,WAAW,GAAG,IAAI,KAAG;IAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;CAG/G,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,WAAW,GAAG,IAAI,aAAa,WAAW,GAAG,IAAI,KAAG,sBAiBvF,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,WAAW,GAAG,IAAI,KAAG,WAAW,GAAG,IAExE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,WAAW,KAAG,MAAM,GAAG,qBAa7D,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,WAAW,KAAG,MAAM,GAAG,qBAa7D,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,UAAU,aAAa,WAAW,KAAG,MAAM,GAAG,iBAmBtF,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,sBAAsB,KAAK,sBAAsB,mBAO9D,CAAC"}

package/dist/types/src/util.js

@@ -2,11 +2,9 @@
 // Copyright 2024 DXOS.org
 //
 import { defaultSizeRow } from './defs';
-/**
- * Separator for serializing cell position vectors
- */
-export const separator = ',';
-export const toCellIndex = (cellCoords) => `${cellCoords.col}${separator}${cellCoords.row}`;
+import { separator, } from './types';
+export const toPlaneCellIndex = (cellCoords) => `${cellCoords.col}${separator}${cellCoords.row}`;
+export const toCellIndex = (cellCoords) => `${cellCoords.plane}${separator}${cellCoords.col}${separator}${cellCoords.row}`;
 //
 // A1 notation is the fallback for numbering columns and rows.
 //

package/dist/types/src/util.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/lit-grid",
-  "version": "0.7.1",
+  "version": "0.7.2-main.f1adc9f",
   "description": "A grid Web Component using Lit",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,12 +10,25 @@
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
-      "import": "./dist/src/index.js"
+      "browser": "./dist/src/index.js",
+      "node": "./dist/src/index.js"
     },
-    "./dx-grid.pcss": "./src/dx-grid.pcss"
+    "./dx-grid.pcss": "./src/dx-grid.pcss",
+    "./testing": {
+      "types": "./dist/types/src/testing/index.d.ts",
+      "browser": "./dist/src/testing/index.js",
+      "node": "./dist/src/testing/index.js"
+    }
   },
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "testing": [
+        "dist/types/src/testing/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "src",
     "dist"
@@ -23,5 +36,8 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "lit": "^3.2.0"
+  },
+  "devDependencies": {
+    "@dxos/test-utils": "0.7.2-main.f1adc9f"
   }
 }

package/src/dx-grid.lit-stories.ts

@@ -9,7 +9,7 @@ import './dx-grid-multiselect-cell.ts';
 
 import { html, nothing } from 'lit';
 
-import { defaultSizeCol, defaultSizeRow } from './defs.js';
+import { defaultSizeRow } from './defs.js';
 import { type DxGridFrozenPlane, type DxGridPlaneCells, type DxGridProps } from './types';
 import { colToA1Notation, rowToA1Notation } from './util';
 
@@ -98,7 +98,10 @@ Basic.args = {
   } satisfies DxGridProps['frozen']),
 };
 
-export const Frozen = (props: DxGridProps) => {
+/**
+ * This story is for testing, please make changes in concert with changes to `dx-grid.spec.ts`.
+ */
+export const Spec = (props: DxGridProps) => {
   return html`<div class="dark" style="position:fixed;inset:0;">
     <dx-grid
       initialCells=${props.initialCells ?? nothing}
@@ -110,31 +113,30 @@ export const Frozen = (props: DxGridProps) => {
   </div>`;
 };
 
-Frozen.args = {
+Spec.args = {
   initialCells: JSON.stringify({
     grid: {},
-    ...initialLabels,
   } satisfies DxGridProps['initialCells']),
   columnDefault: JSON.stringify({
     grid: {
-      size: defaultSizeCol,
+      size: 31,
     },
     frozenColsStart: {
-      size: defaultSizeCol,
+      size: 15,
     },
     frozenColsEnd: {
-      size: defaultSizeCol,
+      size: 23,
     },
   } satisfies DxGridProps['columnDefault']),
   rowDefault: JSON.stringify({
     grid: {
-      size: defaultSizeRow,
+      size: 31,
     },
     frozenRowsStart: {
-      size: defaultSizeRow,
+      size: 15,
     },
     frozenRowsEnd: {
-      size: defaultSizeRow,
+      size: 23,
     },
   } satisfies DxGridProps['rowDefault']),
   columns: JSON.stringify({ grid: {} } satisfies DxGridProps['columns']),
@@ -142,8 +144,8 @@ Frozen.args = {
   frozen: JSON.stringify({
     frozenColsStart: 2,
     frozenRowsStart: 2,
-    frozenColsEnd: 2,
-    frozenRowsEnd: 2,
+    frozenColsEnd: 1,
+    frozenRowsEnd: 1,
   } satisfies DxGridProps['frozen']),
 };
 

package/src/dx-grid.pcss

@@ -5,8 +5,6 @@ dx-grid {
   display: contents;
   --dx-grid-gap: 1px;
   --dx-plane-gap: 1px;
-  touch-action: none;
-  user-select: none;
 }
 
 .dx-grid {
@@ -21,6 +19,9 @@ dx-grid {
   max-inline-size: 100dvw;
   max-block-size: 100dvh;
 
+  touch-action: none;
+  user-select: none;
+
   background: var(--dx-grid-lines, var(--dx-gridLine));
 }
 

package/src/dx-grid.ts

@@ -14,7 +14,7 @@ import './dx-grid-axis-resize-handle';
 import {
   type DxGridAxisMetaProps,
   type DxGridAxisSizes,
-  type DxGridCellIndex,
+  type DxGridPlaneCellIndex,
   type DxGridCellValue,
   DxAxisResize,
   type DxAxisResizeInternal,
@@ -38,10 +38,10 @@ import {
   type DxGridSelectionProps,
   type DxGridAnnotatedPanEvent,
   type DxGridRange,
+  separator,
 } from './types';
 import {
-  separator,
-  toCellIndex,
+  toPlaneCellIndex,
   gap,
   resizeTolerance,
   sizeColMin,
@@ -247,6 +247,12 @@ export class DxGrid extends LitElement {
   @state()
   private intrinsicBlockSize: number = Infinity;
 
+  @state()
+  private totalIntrinsicInlineSize: number = Infinity;
+
+  @state()
+  private totalIntrinsicBlockSize: number = Infinity;
+
   //
   // Primary pointer and keyboard handlers
   //
@@ -258,7 +264,7 @@ export class DxGrid extends LitElement {
       queueMicrotask(() =>
         this.dispatchEvent(
           new DxEditRequest({
-            cellIndex: toCellIndex(this.focusedCell),
+            cellIndex: toPlaneCellIndex(this.focusedCell),
             cellBox: this.focusedCellBox(),
             initialContent,
           }),
@@ -497,7 +503,7 @@ export class DxGrid extends LitElement {
   }
 
   private cell(c: number | string, r: number | string, plane: DxGridPlane): DxGridCellValue | undefined {
-    const index: DxGridCellIndex = `${c}${separator}${r}`;
+    const index: DxGridPlaneCellIndex = `${c}${separator}${r}`;
     return this.cells?.[plane]?.[index] ?? this.initialCells?.[plane]?.[index];
   }
 
@@ -831,9 +837,11 @@ export class DxGrid extends LitElement {
 
   private handleFocus(event: FocusEvent) {
     const cellCoords = closestCell(event.target);
-    if (cellCoords) {
+    if (cellCoords || targetIsPlane(event.target)) {
       this.focusActive = true;
-      this.setFocusedCell(cellCoords);
+      if (cellCoords) {
+        this.setFocusedCell(cellCoords);
+      }
     }
   }
 
@@ -1268,6 +1276,12 @@ export class DxGrid extends LitElement {
           'grid-template-rows': `${this.templatefrozenRowsStart ? 'min-content ' : ''}minmax(0, ${
             Number.isFinite(this.limitRows) ? `${Math.max(0, this.intrinsicBlockSize)}px` : '1fr'
           })${this.templatefrozenRowsEnd ? ' min-content' : ''}`,
+          '--dx-grid-content-inline-size': Number.isFinite(this.limitColumns)
+            ? `${Math.max(0, this.totalIntrinsicInlineSize)}px`
+            : 'max-content',
+          '--dx-grid-content-block-size': Number.isFinite(this.limitRows)
+            ? `${Math.max(0, this.totalIntrinsicBlockSize)}px`
+            : 'max-content',
         })}
         data-grid=${this.gridId}
         data-grid-mode=${this.mode}
@@ -1324,6 +1338,17 @@ export class DxGrid extends LitElement {
       ? [...Array(this.limitColumns)].reduce((acc, _, c0) => acc + this.colSize(c0, 'grid'), 0) +
         gap * (this.limitColumns - 1)
       : Infinity;
+    this.totalIntrinsicInlineSize =
+      this.intrinsicInlineSize +
+      (Number.isFinite(this.frozen.frozenColsStart)
+        ? [...Array(this.frozen.frozenColsStart)].reduce(
+            (acc, _, c0) => acc + gap + this.colSize(c0, 'frozenColsStart'),
+            0,
+          )
+        : 0) +
+      (Number.isFinite(this.frozen.frozenColsEnd)
+        ? [...Array(this.frozen.frozenColsEnd)].reduce((acc, _, c0) => acc + gap + this.colSize(c0, 'frozenColsEnd'), 0)
+        : 0);
   }
 
   private updateIntrinsicBlockSize() {
@@ -1331,6 +1356,17 @@ export class DxGrid extends LitElement {
       ? [...Array(this.limitRows)].reduce((acc, _, r0) => acc + this.rowSize(r0, 'grid'), 0) +
         gap * (this.limitRows - 1)
       : Infinity;
+    this.totalIntrinsicBlockSize =
+      this.intrinsicBlockSize +
+      (Number.isFinite(this.frozen.frozenRowsStart)
+        ? [...Array(this.frozen.frozenRowsStart)].reduce(
+            (acc, _, r0) => acc + gap + this.rowSize(r0, 'frozenRowsStart'),
+            0,
+          )
+        : 0) +
+      (Number.isFinite(this.frozen.frozenRowsEnd)
+        ? [...Array(this.frozen.frozenRowsEnd)].reduce((acc, _, r0) => acc + gap + this.rowSize(r0, 'frozenRowsEnd'), 0)
+        : 0);
   }
 
   private updateIntrinsicSizes() {

package/src/testing/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+export { DxGridManager } from './playwright/dx-grid-manager';

package/src/testing/playwright/dx-grid-manager.ts

@@ -0,0 +1,110 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { expect, type Locator, type Page } from '@playwright/test';
+
+import type { DxGridPlanePosition } from '../../types';
+
+/**
+ * Test helper for managing dx-grid interactions and assertions in Playwright tests.
+ * Provides utilities for cell selection, grid navigation, virtualization checks and event handling.
+ */
+export class DxGridManager {
+  constructor(page: Page, grid: Locator = page.locator('dx-grid')) {
+    this.grid = grid;
+    this.page = page;
+  }
+
+  grid: Locator;
+  page: Page;
+
+  async ready() {
+    return this.grid.locator('.dx-grid').waitFor({ state: 'visible' });
+  }
+
+  planes() {
+    return this.grid.locator('.dx-grid [data-dx-grid-plane]');
+  }
+
+  cellsWithinPlane(plane: string) {
+    return this.grid.locator(`.dx-grid [data-dx-grid-plane="${plane}"]`).getByRole('gridcell');
+  }
+
+  cell(col: number, row: number, plane: string) {
+    return this.grid.locator(
+      `.dx-grid [data-dx-grid-plane="${plane}"] [aria-colindex="${col}"][aria-rowindex="${row}"]`,
+    );
+  }
+
+  mode() {
+    return this.grid.locator('.dx-grid').getAttribute('data-grid-mode');
+  }
+
+  panByWheel(deltaX: number, deltaY: number) {
+    return this.grid.locator('.dx-grid [data-dx-grid-plane="grid"]').dispatchEvent('wheel', { deltaX, deltaY });
+  }
+
+  async forCellsInRange(
+    start: DxGridPlanePosition,
+    end: DxGridPlanePosition,
+    iterator: (col: number, row: number) => Promise<void>,
+  ) {
+    const nCols = 1 + end.col - start.col;
+    const nRows = 1 + end.row - start.row;
+
+    await Promise.all(
+      [...Array(nCols)].map(async (_, c0) => {
+        return Promise.all(
+          [...Array(nRows)].map(async (_, r0) => {
+            return iterator(start.col + c0, start.row + r0);
+          }),
+        );
+      }),
+    );
+  }
+
+  async expectSelectionResult(start: DxGridPlanePosition, end: DxGridPlanePosition) {
+    return this.forCellsInRange(start, end, (col, row) =>
+      expect(this.cell(col, row, 'grid')).toHaveAttribute('aria-selected', 'true'),
+    );
+  }
+
+  async expectVirtualizationResult(cols: number, rows: number, minColIndex = 0, minRowIndex = 0) {
+    await this.cell(minColIndex, minRowIndex, 'grid').waitFor({ state: 'visible' });
+    // Top planes
+    await expect(this.cellsWithinPlane('fixedStartStart')).toHaveCount(4);
+    await expect(this.cellsWithinPlane('frozenRowsStart')).toHaveCount(2 * cols);
+    await expect(this.cellsWithinPlane('fixedStartEnd')).toHaveCount(2);
+    // Center planes
+    await expect(this.cellsWithinPlane('frozenColsStart')).toHaveCount(2 * rows);
+    await expect(this.cellsWithinPlane('grid')).toHaveCount(rows * cols);
+    await expect(this.cellsWithinPlane('frozenColsEnd')).toHaveCount(rows);
+    // Bottom planes
+    await expect(this.cellsWithinPlane('fixedEndStart')).toHaveCount(2);
+    await expect(this.cellsWithinPlane('frozenRowsEnd')).toHaveCount(cols);
+    await expect(this.cellsWithinPlane('fixedEndEnd')).toHaveCount(1);
+  }
+
+  async expectFocus(locator: Locator) {
+    return expect(await locator.evaluate((node) => document.activeElement === node)).toBeTruthy();
+  }
+
+  listenForSelect() {
+    return this.grid.evaluate(() => {
+      document.querySelector('dx-grid')!.addEventListener('dx-grid-cells-select', (event) => {
+        (window as any).DX_GRID_EVENT = event;
+      });
+    });
+  }
+
+  async waitForDxEvent<E>(): Promise<E> {
+    const event = await this.page.waitForFunction(() => {
+      return (window as any).DX_GRID_EVENT;
+    });
+    await this.grid.evaluate(() => {
+      return ((window as any).DX_GRID_EVENT = undefined);
+    });
+    return event.jsonValue();
+  }
+}

package/src/testing/playwright/dx-grid.spec.ts

@@ -0,0 +1,118 @@
+//
+// Copyright 2021 DXOS.org
+//
+
+import { expect, test, type Page } from '@playwright/test';
+
+import { setupPage, storybookUrl } from '@dxos/test-utils/playwright';
+
+import { DxGridManager } from './dx-grid-manager';
+import { type DxGridCellsSelect } from '../../types';
+import { toPlaneCellIndex } from '../../util';
+
+const gridPlaneCellSize = 31;
+const gap = 1;
+const nCols = 9;
+const nRows = 7;
+
+test.describe('dx-grid', () => {
+  let page: Page;
+  let grid: DxGridManager;
+
+  test.beforeEach(async ({ browser }) => {
+    const setup = await setupPage(browser, {
+      url: storybookUrl('dx-grid--spec'),
+      viewportSize: {
+        width: (gridPlaneCellSize + gap) * (nCols + 1.5),
+        height: (gridPlaneCellSize + gap) * (nRows + 1.5),
+      }, // 336 x 272
+    });
+    page = setup.page;
+    grid = new DxGridManager(page);
+    await grid.ready();
+  });
+
+  test.afterEach(async () => {
+    await page.close();
+  });
+
+  test('virtualization & panning', async () => {
+    // There are nine planes in the spec story.
+    await expect(grid.planes()).toHaveCount(9);
+
+    // Each plane starts with the correct number of cells within it on initial render.
+    await grid.expectVirtualizationResult(nCols, nRows);
+
+    // Now pan by wheel to the center point of the cell one right and one down from the origin cell of the grid plane.
+    await grid.panByWheel(gridPlaneCellSize * 1.5 + gap, gridPlaneCellSize * 1.5 + gap);
+
+    // Confirm that the grid plane is showing only the cells that would be visible.
+    await grid.expectVirtualizationResult(nCols + 1, nRows + 1, 1, 1);
+  });
+
+  test('mouse access', async () => {
+    await grid.listenForSelect();
+
+    // Find and click on the cell at 0,0.
+    const cell00 = await grid.cell(0, 0, 'grid');
+    await cell00.click();
+
+    // It should now have focus
+    await grid.expectFocus(cell00);
+
+    // Shift-click on the cell at 1,1 and wait for the selection change custom event.
+    await grid.cell(1, 1, 'grid').click({ modifiers: ['Shift'] });
+    const select = await grid.waitForDxEvent<DxGridCellsSelect>();
+
+    // Expect the event to have the right information.
+    expect(select).toHaveProperty('start', toPlaneCellIndex({ col: 0, row: 0 }));
+    expect(select).toHaveProperty('end', toPlaneCellIndex({ col: 1, row: 1 }));
+
+    // The cell at 0,0 should still have focus despite the shift+click.
+    await grid.expectFocus(cell00);
+
+    // All the cells between 0,0 and 1,1 must have `aria-selected=true`.
+    await grid.expectSelectionResult({ col: 0, row: 0 }, { col: 1, row: 1 });
+
+    // Clicking on another cell should move focus and change selection to match that one cell.
+    const cell22 = await grid.cell(2, 2, 'grid');
+    await cell22.click();
+    const finalSelect = await grid.waitForDxEvent<DxGridCellsSelect>();
+
+    expect(finalSelect).toHaveProperty('start', toPlaneCellIndex({ col: 2, row: 2 }));
+    expect(finalSelect).toHaveProperty('end', toPlaneCellIndex({ col: 2, row: 2 }));
+
+    await grid.expectFocus(cell22);
+
+    await grid.expectSelectionResult({ col: 2, row: 2 }, { col: 2, row: 2 });
+  });
+
+  test('keyboard access', async () => {
+    // Tabbing to the first plane and enter to the first cell there.
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+    await grid.expectFocus(grid.cell(0, 0, 'fixedStartStart'));
+
+    // Escape to the planes and arrow over to the grid plane, then enter to the first cell there.
+    await page.keyboard.press('Escape');
+    await page.keyboard.press('ArrowRight');
+    await page.keyboard.press('ArrowDown');
+    await page.keyboard.press('Enter');
+    await grid.expectFocus(grid.cell(0, 0, 'grid'));
+
+    // Select a range by holding shift.
+    await page.keyboard.down('Shift');
+    await page.keyboard.press('ArrowRight');
+    await page.keyboard.press('ArrowRight');
+    await page.keyboard.press('ArrowDown');
+    await page.keyboard.press('ArrowDown');
+    await page.keyboard.up('Shift');
+    await grid.expectFocus(grid.cell(0, 0, 'grid'));
+    await grid.expectSelectionResult({ col: 0, row: 0 }, { col: 2, row: 2 });
+
+    // Arrowing from there cancels selection.
+    await page.keyboard.press('ArrowRight');
+    await page.keyboard.press('ArrowDown');
+    await grid.expectFocus(grid.cell(1, 1, 'grid'));
+  });
+});

package/src/testing/playwright/playwright.config.ts

@@ -0,0 +1,18 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { nxE2EPreset } from '@nx/playwright/preset';
+import { defineConfig } from '@playwright/test';
+
+import { e2ePreset } from '@dxos/test-utils/playwright';
+
+export default defineConfig({
+  ...nxE2EPreset(__filename, { testDir: __dirname }),
+  ...e2ePreset(__dirname),
+  webServer: {
+    command: 'pnpm -w nx storybook lit-stories',
+    port: 9009,
+    reuseExistingServer: !process.env.CI,
+  },
+});