@dxos/lit-grid 0.6.14-staging.8758a12 → 0.6.14-staging.934c9de

package/dist/src/dx-grid-axis-resize-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dx-grid-axis-resize-handle.d.ts","sourceRoot":"","sources":["../../src/dx-grid-axis-resize-handle.ts"],"names":[],"mappings":"AAQA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAwB,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAExF,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,IAAI,EAAE,UAAU,CAAS;IAGzB,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAU;IAG3C,KAAK,EAAE,MAAM,CAAQ;IAGrB,IAAI,EAAE,MAAM,CAAO;IAEnB,OAAO,CAAC,aAAa,CAAe;IAE3B,MAAM;IAWf,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,KAAK;IA2BJ,oBAAoB;IAKpB,gBAAgB;CAG1B"}
+{"version":3,"file":"dx-grid-axis-resize-handle.d.ts","sourceRoot":"","sources":["../../src/dx-grid-axis-resize-handle.ts"],"names":[],"mappings":"AAQA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAwB,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAExF,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,IAAI,EAAE,UAAU,CAAS;IAGzB,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAU;IAG3C,KAAK,EAAE,MAAM,CAAQ;IAGrB,IAAI,EAAE,MAAM,CAAO;IAEnB,OAAO,CAAC,aAAa,CAAe;IAE3B,MAAM;IAMf,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,KAAK;IA2BJ,oBAAoB;IAKpB,gBAAgB;CAG1B"}

package/dist/src/dx-grid-axis-resize-handle.js

@@ -25,12 +25,7 @@ let DxGridAxisResizeHandle = class DxGridAxisResizeHandle extends LitElement {
         this.cleanup = null;
     }
     render() {
-        return html `<button
-      class="dx-grid__resize-handle"
-      data-dx-grid-axis=${this.axis}
-      data-dx-grid-action="resize"
-      ${ref(this.mount)}
-    >
+        return html `<button class="dx-grid__resize-handle" data-dx-grid-axis=${this.axis} ${ref(this.mount)}>
       <span class="sr-only">Resize</span>
     </button>`;
     }

package/dist/src/dx-grid-axis-resize-handle.js.map

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

package/dist/src/dx-grid.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 import './dx-grid-axis-resize-handle';
-import { type DxGridAxisMetaProps, type DxGridAxisMeta, type DxGridCells, type DxGridFrozenAxes, type DxGridFrozenColsPlane, type DxGridFrozenRowsPlane, type DxGridMode, type DxGridPlane, type DxGridPlaneCells, type DxGridPlaneRange, type DxGridPlaneRecord, type DxGridPosition, type DxGridRange } from './types';
+import { type DxGridAxisMetaProps, type DxGridAxisMeta, type DxGridCells, type DxGridFrozenAxes, type DxGridFrozenColsPlane, type DxGridFrozenRowsPlane, type DxGridMode, type DxGridPlane, type DxGridPlaneCells, type DxGridPlaneRange, type DxGridPlaneRecord, type DxGridPosition, type DxGridPositionNullable } from './types';
+export declare const closestCell: (target: EventTarget | null, actionEl?: HTMLElement | null) => DxGridPositionNullable;
 export declare class DxGrid extends LitElement {
     constructor();
     gridId: string;
@@ -13,11 +14,11 @@ export declare class DxGrid extends LitElement {
     limitColumns: number;
     limitRows: number;
     frozen: DxGridFrozenAxes;
-    overscroll: 'inline' | 'block' | 'trap' | undefined;
+    overscroll: 'inline' | 'block' | undefined;
     activeRefs: string;
     /**
-     * When this function is defined, it is used first to try to get a value for a cell,
-     * and otherwise will fall back to `cells`.
+     * When this function is defined, it is used first to try to get a value for a cell, and otherwise will fall back
+     * to `cells`.
      */
     getCells: ((nextRange: DxGridPlaneRange, plane: DxGridPlane) => DxGridPlaneCells) | null;
     private cells;
@@ -25,8 +26,8 @@ export declare class DxGrid extends LitElement {
     private posBlock;
     private sizeInline;
     private sizeBlock;
-    private visColMinStart;
-    private visRowMinStart;
+    private overscanInlineStart;
+    private overscanBlockStart;
     private binInlineMin;
     private binInlineMax;
     private binBlockMin;
@@ -74,7 +75,6 @@ export declare class DxGrid extends LitElement {
     private cellActive;
     private setFocusedCell;
     private setSelectionEnd;
-    setSelection(range: DxGridRange): void;
     private focusedCellBox;
     private observer;
     private gridRef;
@@ -102,12 +102,11 @@ export declare class DxGrid extends LitElement {
     private focusedCellRowOutOfVis;
     private focusedCellColOutOfVis;
     private focusedCellOutOfVis;
-    private clampCol;
-    private clampRow;
+    private focusPlaneElement;
     /**
      * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.
      */
-    refocus(increment?: 'col' | 'row' | undefined, delta?: 1 | -1 | 0): void;
+    refocus(increment?: 'col' | 'row', delta?: 1 | -1 | 0): void;
     private clampPosInline;
     private clampPosBlock;
     /**
@@ -120,7 +119,6 @@ export declare class DxGrid extends LitElement {
     set scrollTop(nextValue: number);
     private axisResizeable;
     private handleAxisResizeInternal;
-    private renderPresentationLayer;
     private renderFixed;
     private renderFrozenRows;
     private renderFrozenColumns;
@@ -142,6 +140,6 @@ export declare class DxGrid extends LitElement {
     disconnectedCallback(): void;
     createRenderRoot(): this;
 }
-export { rowToA1Notation, colToA1Notation, closestAction, closestCell } from './util';
+export { rowToA1Notation, colToA1Notation } from './util';
 export declare const commentedClassName = "dx-grid__cell--commented";
 //# sourceMappingURL=dx-grid.d.ts.map

package/dist/src/dx-grid.d.ts.map

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

package/dist/src/dx-grid.js

@@ -15,7 +15,138 @@ import { unsafeStatic, html as staticHtml } from 'lit/static-html.js';
 // eslint-disable-next-line unused-imports/no-unused-imports
 import './dx-grid-axis-resize-handle';
 import { DxAxisResize, DxEditRequest, DxGridCellsSelect, } from './types';
-import { separator, toCellIndex, gap, resizeTolerance, defaultSizeCol, defaultSizeRow, sizeColMin, sizeColMax, sizeRowMin, sizeRowMax, shouldSelect, selectionProps, cellSelected, closestAction, closestCell, targetIsPlane, resolveRowPlane, resolveColPlane, resolveFrozenPlane, isSameCell, } from './util';
+import { separator, toCellIndex } from './util';
+/**
+ * The size in pixels of the gap between cells
+ */
+const gap = 1;
+/**
+ * ResizeObserver notices even subpixel changes, only respond to changes of at least 1px.
+ */
+const resizeTolerance = 1;
+/**
+ * The amount of pixels the primary pointer has to move after PointerDown to engage in selection.
+ */
+const selectTolerance = 4;
+//
+// `defaultSize`, the final fallbacks
+//
+const defaultSizeRow = 32;
+const defaultSizeCol = 180;
+//
+// `size`, when suffixed with ‘row’ or ‘col’, are limits on size applied when resizing
+//
+const sizeColMin = 32;
+const sizeColMax = 1024;
+const sizeRowMin = 32;
+const sizeRowMax = 1024;
+const shouldSelect = (pointer, { pageX, pageY }) => {
+    if ((pointer === null || pointer === void 0 ? void 0 : pointer.state) === 'maybeSelecting') {
+        return Math.hypot(Math.abs(pointer.pageX - pageX), Math.abs(pointer.pageY - pageY)) >= selectTolerance;
+    }
+    else {
+        return false;
+    }
+};
+const selectionProps = (selectionStart, selectionEnd) => {
+    const colMin = Math.min(selectionStart.col, selectionEnd.col);
+    const colMax = Math.max(selectionStart.col, selectionEnd.col);
+    const rowMin = Math.min(selectionStart.row, selectionEnd.row);
+    const rowMax = Math.max(selectionStart.row, selectionEnd.row);
+    const plane = selectionStart.plane;
+    const visible = colMin !== colMax || rowMin !== rowMax;
+    return { colMin, colMax, rowMin, rowMax, plane, visible };
+};
+const cellSelected = (col, row, plane, selection) => {
+    return (plane === selection.plane &&
+        col >= selection.colMin &&
+        col <= selection.colMax &&
+        row >= selection.rowMin &&
+        row <= selection.rowMax);
+};
+const closestAction = (target) => {
+    var _a, _b;
+    const actionEl = (_a = target === null || target === void 0 ? void 0 : target.closest('[data-dx-grid-action]')) !== null && _a !== void 0 ? _a : null;
+    return { actionEl, action: (_b = actionEl === null || actionEl === void 0 ? void 0 : actionEl.getAttribute('data-dx-grid-action')) !== null && _b !== void 0 ? _b : null };
+};
+export const closestCell = (target, actionEl) => {
+    var _a, _b, _c, _d;
+    let cellElement = actionEl;
+    if (!cellElement) {
+        const { action, actionEl } = closestAction(target);
+        if (action === 'cell') {
+            cellElement = actionEl;
+        }
+    }
+    if (cellElement) {
+        const col = parseInt((_a = cellElement.getAttribute('aria-colindex')) !== null && _a !== void 0 ? _a : 'never');
+        const row = parseInt((_b = cellElement.getAttribute('aria-rowindex')) !== null && _b !== void 0 ? _b : 'never');
+        const plane = ((_d = (_c = cellElement.closest('[data-dx-grid-plane]')) === null || _c === void 0 ? void 0 : _c.getAttribute('data-dx-grid-plane')) !== null && _d !== void 0 ? _d : 'grid');
+        return { plane, col, row };
+    }
+    else {
+        return null;
+    }
+};
+const targetIsPlane = (target) => {
+    var _a;
+    return (_a = target === null || target === void 0 ? void 0 : target.getAttribute('data-dx-grid-plane')) !== null && _a !== void 0 ? _a : null;
+};
+const resolveRowPlane = (plane) => {
+    switch (plane) {
+        case 'fixedStartStart':
+        case 'fixedStartEnd':
+        case 'frozenRowsStart':
+            return 'frozenRowsStart';
+        case 'fixedEndStart':
+        case 'fixedEndEnd':
+        case 'frozenRowsEnd':
+            return 'frozenRowsEnd';
+        default:
+            return 'grid';
+    }
+};
+const resolveColPlane = (plane) => {
+    switch (plane) {
+        case 'fixedStartStart':
+        case 'fixedEndStart':
+        case 'frozenColsStart':
+            return 'frozenColsStart';
+        case 'fixedStartEnd':
+        case 'fixedEndEnd':
+        case 'frozenColsEnd':
+            return 'frozenColsEnd';
+        default:
+            return 'grid';
+    }
+};
+const resolveFrozenPlane = (axis, cellPlane) => {
+    switch (cellPlane) {
+        case 'fixedStartStart':
+            return axis === 'col' ? 'frozenColsStart' : 'frozenRowsStart';
+        case 'fixedStartEnd':
+            return axis === 'col' ? 'frozenColsEnd' : 'frozenRowsStart';
+        case 'fixedEndStart':
+            return axis === 'col' ? 'frozenColsStart' : 'frozenRowsEnd';
+        case 'fixedEndEnd':
+            return axis === 'col' ? 'frozenColsEnd' : 'frozenRowsEnd';
+        case 'frozenColsStart':
+        case 'frozenColsEnd':
+            return axis === 'col' ? cellPlane : 'grid';
+        case 'frozenRowsStart':
+        case 'frozenRowsEnd':
+            return axis === 'row' ? cellPlane : 'grid';
+        default:
+            return cellPlane;
+    }
+};
+const isSameCell = (a, b) => a &&
+    b &&
+    a.plane === b.plane &&
+    Number.isFinite(a.col) &&
+    Number.isFinite(a.row) &&
+    a.col === b.col &&
+    a.row === b.row;
 let DxGrid = class DxGrid extends LitElement {
     constructor() {
         var _a;
@@ -37,8 +168,8 @@ let DxGrid = class DxGrid extends LitElement {
         this.overscroll = undefined;
         this.activeRefs = '';
         /**
-         * When this function is defined, it is used first to try to get a value for a cell,
-         * and otherwise will fall back to `cells`.
+         * When this function is defined, it is used first to try to get a value for a cell, and otherwise will fall back
+         * to `cells`.
          */
         this.getCells = null;
         this.cells = { grid: {} };
@@ -55,8 +186,8 @@ let DxGrid = class DxGrid extends LitElement {
         //
         // `overscan` is the amount in pixels to offset the grid content due to the number of overscanned columns or rows.
         //
-        this.visColMinStart = 0;
-        this.visRowMinStart = 0;
+        this.overscanInlineStart = 0;
+        this.overscanBlockStart = 0;
         //
         // `bin`, not short for anything, is the range in pixels within which virtualization does not need to reassess.
         //
@@ -100,10 +231,9 @@ let DxGrid = class DxGrid extends LitElement {
             if (event.isPrimary) {
                 const { action, actionEl } = closestAction(event.target);
                 if (action && action === 'cell') {
-                    if (event.shiftKey && this.mode === 'browse') {
+                    if (event.shiftKey) {
                         // Prevent focus moving so the pointerup handler can move selectionEnd.
                         event.preventDefault();
-                        this.pointer = { state: 'selecting' };
                     }
                     else {
                         const cellCoords = closestCell(event.target, actionEl);
@@ -119,8 +249,10 @@ let DxGrid = class DxGrid extends LitElement {
                             // Prevent focus moving when editing while selection is possible
                             event.preventDefault();
                         }
-                        else if (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {
-                            this.dispatchEditRequest();
+                        else {
+                            if (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {
+                                this.dispatchEditRequest();
+                            }
                         }
                     }
                 }
@@ -179,14 +311,10 @@ let DxGrid = class DxGrid extends LitElement {
             }
         };
         this.handleTopLevelWheel = (event) => {
-            var _a;
-            if (event.gridId === ((_a = this.gridId) !== null && _a !== void 0 ? _a : 'never')) {
-                if (this.overscroll === 'trap' ||
-                    (this.overscroll === 'inline' && event.overscrollInline === 0) ||
-                    (this.overscroll === 'block' && event.overscrollBlock === 0)) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
+            if ((Number.isFinite(event.overscrollInline) && this.overscroll === 'inline' && event.overscrollInline === 0) ||
+                (Number.isFinite(event.overscrollBlock) && this.overscroll === 'block' && event.overscrollBlock === 0)) {
+                event.preventDefault();
+                event.stopPropagation();
             }
         };
         this.handleWheel = (event) => {
@@ -200,7 +328,6 @@ let DxGrid = class DxGrid extends LitElement {
                     nextPosInline <= 0 ? nextPosInline : nextPosInline > maxPosInline ? nextPosInline - maxPosInline : 0;
                 event.overscrollBlock =
                     nextPosBlock <= 0 ? nextPosBlock : nextPosBlock > maxPosBlock ? nextPosBlock - maxPosBlock : 0;
-                event.gridId = this.gridId;
             }
         };
         // Wheel, top-level and element-level
@@ -274,8 +401,12 @@ let DxGrid = class DxGrid extends LitElement {
         const current = event.shiftKey ? this.selectionEnd : this.focusedCell;
         const deltaCol = event.key === 'ArrowLeft' ? -1 : event.key === 'ArrowRight' ? 1 : 0;
         const deltaRow = event.key === 'ArrowUp' ? -1 : event.key === 'ArrowDown' ? 1 : 0;
-        const nextCol = this.clampCol(current, deltaCol);
-        const nextRow = this.clampRow(current, deltaRow);
+        const colPlane = resolveColPlane(current.plane);
+        const colMax = (colPlane === 'grid' ? this.limitColumns : this.frozen[colPlane]) - 1;
+        const nextCol = Math.max(0, Math.min(colMax, current.col + deltaCol));
+        const rowPlane = resolveRowPlane(current.plane);
+        const rowMax = (rowPlane === 'grid' ? this.limitRows : this.frozen[rowPlane]) - 1;
+        const nextRow = Math.max(0, Math.min(rowMax, current.row + deltaRow));
         if (event.shiftKey) {
             this.setSelectionEnd({ ...this.selectionEnd, col: nextCol, row: nextRow });
         }
@@ -388,7 +519,7 @@ let DxGrid = class DxGrid extends LitElement {
         return (_c = (_b = (_a = this.cells) === null || _a === void 0 ? void 0 : _a[plane]) === null || _b === void 0 ? void 0 : _b[index]) !== null && _c !== void 0 ? _c : (_e = (_d = this.initialCells) === null || _d === void 0 ? void 0 : _d[plane]) === null || _e === void 0 ? void 0 : _e[index];
     }
     cellActive(c, r, plane) {
-        return this.focusedCell.plane === plane && this.focusedCell.col === c && this.focusedCell.row === r;
+        return (this.focusActive && this.focusedCell.plane === plane && this.focusedCell.col === c && this.focusedCell.row === r);
     }
     setFocusedCell(nextCoords) {
         if (this.focusedCell.plane !== nextCoords.plane ||
@@ -401,7 +532,6 @@ let DxGrid = class DxGrid extends LitElement {
             this.dispatchSelectionChange();
         }
     }
-    // Internal utility for setting selection end.
     setSelectionEnd(nextCoords) {
         if (this.selectionEnd.plane !== nextCoords.plane ||
             this.selectionEnd.col !== nextCoords.col ||
@@ -410,14 +540,6 @@ let DxGrid = class DxGrid extends LitElement {
             this.dispatchSelectionChange();
         }
     }
-    // Selection setter for consumers
-    setSelection(range) {
-        if (this.mode !== 'edit') {
-            this.selectionStart = range.start;
-            this.selectionEnd = range.end;
-            this.dispatchSelectionChange();
-        }
-    }
     focusedCellBox() {
         const cellElement = this.focusedCellElement();
         const cellSize = {
@@ -467,24 +589,24 @@ let DxGrid = class DxGrid extends LitElement {
             pxCursor += this.colSize(axisCursor, 'grid') + gap;
         }
         this.visColMin = axisCursor;
-        this.visColMinStart = pxCursor - this.colSize(axisCursor, 'grid') - gap;
-        const visColMinEnd = pxCursor;
+        this.overscanInlineStart = pxCursor - this.colSize(axisCursor, 'grid') - gap;
+        const bifurcateStart = pxCursor;
         while (pxCursor < this.posInline + this.sizeInline) {
             axisCursor += 1;
             pxCursor += this.colSize(axisCursor, 'grid') + gap;
         }
-        this.visColMax = Math.min(this.limitColumns, axisCursor + 1);
-        const visColMaxStart = pxCursor - this.colSize(axisCursor, 'grid') - gap;
-        const visColMaxEnd = pxCursor;
-        const bifurcateStart = visColMaxStart - this.sizeInline;
-        const bifurcateEnd = visColMaxEnd - this.sizeInline;
-        const bounds = [this.visColMinStart, visColMinEnd, bifurcateStart, bifurcateEnd].sort((a, b) => a - b);
-        let boundsCursor = 1;
-        while (bounds[boundsCursor] < this.posInline && boundsCursor < 3) {
-            boundsCursor += 1;
+        const bifurcateEnd = pxCursor - this.sizeInline;
+        const bifurcateMin = Math.min(bifurcateStart, bifurcateEnd);
+        const bifurcateMax = Math.max(bifurcateStart, bifurcateEnd);
+        if (this.posInline < bifurcateMin) {
+            this.binInlineMin = this.overscanInlineStart;
+            this.binInlineMax = bifurcateMin + gap;
+        }
+        else {
+            this.binInlineMin = bifurcateMin;
+            this.binInlineMax = bifurcateMax;
         }
-        this.binInlineMin = bounds[boundsCursor - 1];
-        this.binInlineMax = bounds[boundsCursor];
+        this.visColMax = Math.min(this.limitColumns, axisCursor + 1);
         this.templateGridColumns = [...Array(this.visColMax - this.visColMin)]
             .map((_, c0) => `${this.colSize(this.visColMin + c0, 'grid')}px`)
             .join(' ');
@@ -505,24 +627,24 @@ let DxGrid = class DxGrid extends LitElement {
             pxCursor += this.rowSize(axisCursor, 'grid') + gap;
         }
         this.visRowMin = axisCursor;
-        this.visRowMinStart = pxCursor - this.rowSize(axisCursor, 'grid') - gap;
-        const visRowMinEnd = pxCursor;
+        this.overscanBlockStart = pxCursor - this.rowSize(axisCursor, 'grid') - gap;
+        const bifurcateStart = pxCursor;
         while (pxCursor < this.posBlock + this.sizeBlock) {
             axisCursor += 1;
             pxCursor += this.rowSize(axisCursor, 'grid') + gap;
         }
-        this.visRowMax = Math.min(this.limitRows, axisCursor + 1);
-        const visRowMaxStart = pxCursor - this.rowSize(axisCursor, 'grid') - gap;
-        const visRowMaxEnd = pxCursor;
-        const bifurcateStart = visRowMaxStart - this.sizeBlock;
-        const bifurcateEnd = visRowMaxEnd - this.sizeBlock;
-        const bounds = [this.visRowMinStart, visRowMinEnd, bifurcateStart, bifurcateEnd].sort((a, b) => a - b);
-        let boundsCursor = 1;
-        while (bounds[boundsCursor] < this.posBlock && boundsCursor < 3) {
-            boundsCursor += 1;
+        const bifurcateEnd = pxCursor - this.sizeBlock;
+        const bifurcateMin = Math.min(bifurcateStart, bifurcateEnd);
+        const bifurcateMax = Math.max(bifurcateStart, bifurcateEnd);
+        if (this.posBlock < bifurcateMin) {
+            this.binBlockMin = this.overscanBlockStart;
+            this.binBlockMax = bifurcateMin + gap;
         }
-        this.binBlockMin = bounds[boundsCursor - 1];
-        this.binBlockMax = bounds[boundsCursor];
+        else {
+            this.binInlineMin = bifurcateMin;
+            this.binInlineMax = bifurcateMax;
+        }
+        this.visRowMax = Math.min(this.limitRows, axisCursor + 1);
         this.templateGridRows = [...Array(this.visRowMax - this.visRowMin)]
             .map((_, r0) => `${this.rowSize(this.visRowMin + r0, 'grid')}px`)
             .join(' ');
@@ -593,7 +715,7 @@ let DxGrid = class DxGrid extends LitElement {
     }
     handleFocus(event) {
         const cellCoords = closestCell(event.target);
-        if (cellCoords) {
+        if (cellCoords && !this.cellReadonly(cellCoords.col, cellCoords.row, cellCoords.plane)) {
             this.focusActive = true;
             this.setFocusedCell(cellCoords);
         }
@@ -650,28 +772,19 @@ let DxGrid = class DxGrid extends LitElement {
                 return { col: 0, row: 0 };
         }
     }
-    clampCol(coords, deltaCol = 0) {
-        const colPlane = resolveColPlane(coords.plane);
-        const colMax = (colPlane === 'grid' ? this.limitColumns : this.frozen[colPlane]) - 1;
-        return Math.max(0, Math.min(colMax, coords.col + deltaCol));
-    }
-    clampRow(coords, deltaRow = 0) {
-        const rowPlane = resolveRowPlane(coords.plane);
-        const rowMax = (rowPlane === 'grid' ? this.limitRows : this.frozen[rowPlane]) - 1;
-        return Math.max(0, Math.min(rowMax, coords.row + deltaRow));
-    }
+    focusPlaneElement() { }
     /**
      * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.
      */
-    refocus(increment = undefined, delta = 1) {
+    refocus(increment, delta = 1) {
         if (increment) {
             switch (increment) {
                 case 'col': {
-                    this.focusedCell.col = this.clampCol(this.focusedCell, delta);
+                    this.focusedCell.col += delta;
                     break;
                 }
                 case 'row': {
-                    this.focusedCell.row = this.clampRow(this.focusedCell, delta);
+                    this.focusedCell.row += delta;
                     break;
                 }
             }
@@ -782,44 +895,6 @@ let DxGrid = class DxGrid extends LitElement {
     //
     // Render and other lifecycle methods
     //
-    // TODO(thure): This is for rendering presentational objects superimposed onto the canonical grid (e.g. DnD drop line for #8108).
-    renderPresentationLayer(offsetInline, offsetBlock) {
-        var _a, _b, _c, _d, _e, _f;
-        const visibleCols = this.visColMax - this.visColMin;
-        const visibleRows = this.visRowMax - this.visRowMin;
-        return html `<div
-      role="none"
-      class="dx-grid-layer--presentation"
-      style=${styleMap({
-            gridTemplateColumns: [
-                ...[...Array((_a = this.frozen.frozenColsStart) !== null && _a !== void 0 ? _a : 0)].map((_, c0) => `${this.colSize(c0, 'frozenColsStart')}px`),
-                ...[...Array(visibleCols)].map((_, c0) => c0 === visibleCols - 1
-                    ? '1fr'
-                    : `${this.colSize(this.visColMin + c0, 'grid') + (c0 === 0 ? offsetInline : 0)}px`),
-                ...[...Array((_b = this.frozen.frozenColsEnd) !== null && _b !== void 0 ? _b : 0)].map((_, c0) => `${this.colSize(c0, 'frozenColsEnd')}px`),
-            ].join(' '),
-            gridTemplateRows: [
-                ...[...Array((_c = this.frozen.frozenRowsStart) !== null && _c !== void 0 ? _c : 0)].map((_, r0) => `${this.rowSize(r0, 'frozenRowsStart')}px`),
-                ...[...Array(visibleRows)].map((_, r0) => r0 === visibleRows - 1
-                    ? '1fr'
-                    : `${this.rowSize(this.visRowMin + r0, 'grid') + (r0 === 0 ? offsetBlock : 0)}px`),
-                ...[...Array((_d = this.frozen.frozenRowsEnd) !== null && _d !== void 0 ? _d : 0)].map((_, r0) => `${this.rowSize(r0, 'frozenRowsEnd')}px`),
-            ].join(' '),
-        })}
-    >
-      ${
-        /* TODO(thure): These are debug cells, remove when rendering actual overlay content. */ [
-            ...Array(((_e = this.frozen.frozenRowsStart) !== null && _e !== void 0 ? _e : 0) + visibleRows + ((_f = this.frozen.frozenRowsEnd) !== null && _f !== void 0 ? _f : 0)),
-        ].map((_, r0) => {
-            var _a, _b;
-            return [...Array(((_a = this.frozen.frozenColsStart) !== null && _a !== void 0 ? _a : 0) + visibleCols + ((_b = this.frozen.frozenColsEnd) !== null && _b !== void 0 ? _b : 0))].map((_, c0) => html `<div
-                role="none"
-                class="dx-grid-layer--presentation__cell"
-                style="grid-column:${c0 + 1};grid-row:${r0 + 1}"
-              ></div>`);
-        })}
-    </div>`;
-    }
     renderFixed(plane, selection) {
         const colPlane = resolveColPlane(plane);
         const rowPlane = resolveRowPlane(plane);
@@ -924,6 +999,7 @@ let DxGrid = class DxGrid extends LitElement {
         return html `<div
       role="gridcell"
       tabindex="0"
+      ?inert=${col < 0 || row < 0}
       aria-selected=${selected ? 'true' : nothing}
       aria-readonly=${readonly ? 'true' : nothing}
       class=${(_a = cell === null || cell === void 0 ? void 0 : cell.className) !== null && _a !== void 0 ? _a : nothing}
@@ -951,16 +1027,14 @@ let DxGrid = class DxGrid extends LitElement {
     render() {
         const visibleCols = this.visColMax - this.visColMin;
         const visibleRows = this.visRowMax - this.visRowMin;
-        const offsetInline = this.visColMinStart - this.posInline + gap;
-        const offsetBlock = this.visRowMinStart - this.posBlock + gap;
+        const offsetInline = this.overscanInlineStart - this.posInline + gap;
+        const offsetBlock = this.overscanBlockStart - this.posBlock + gap;
         const selection = selectionProps(this.selectionStart, this.selectionEnd);
         return html `<style>
         ${this.activeRefs
             .split(' ')
             .filter((value) => value)
-            .map(
-        // TODO(burdon): Consistent camelCase?
-        (activeRef) => `[data-refs~="${activeRef}"] { background: var(--dx-grid-commented-active, var(--dx-gridCommentedActive)) !important; }`)
+            .map((activeRef) => `[data-refs~="${activeRef}"] { background: var(--dx-grid-commented-active, var(--dx-gridCommentedActive)) !important; }`)
             .join('\n')}
       </style>
       <div
@@ -1053,20 +1127,6 @@ let DxGrid = class DxGrid extends LitElement {
         this.updateIntrinsicSizes();
     }
     willUpdate(changedProperties) {
-        if (changedProperties.has('rowDefault') || changedProperties.has('rows') || changedProperties.has('limitRows')) {
-            this.computeRowSizes();
-            this.updateIntrinsicBlockSize();
-            this.updatePosBlock();
-            this.updateVisBlock();
-        }
-        if (changedProperties.has('columnDefault') ||
-            changedProperties.has('columns') ||
-            changedProperties.has('limitColumns')) {
-            this.computeColSizes();
-            this.updateIntrinsicInlineSize();
-            this.updatePosInline();
-            this.updateVisInline();
-        }
         if (this.getCells &&
             (changedProperties.has('initialCells') ||
                 changedProperties.has('visColMin') ||
@@ -1079,6 +1139,26 @@ let DxGrid = class DxGrid extends LitElement {
                 changedProperties.has('limitRows'))) {
             this.updateCells(true);
         }
+        if (changedProperties.has('rowDefault') || changedProperties.has('rows') || changedProperties.has('limitRows')) {
+            this.updateIntrinsicBlockSize();
+            this.updatePosBlock();
+            this.updateVisBlock();
+        }
+        if (changedProperties.has('colDefault') ||
+            changedProperties.has('columns') ||
+            changedProperties.has('limitColumns')) {
+            this.updateIntrinsicInlineSize();
+            this.updatePosInline();
+            this.updateVisInline();
+        }
+        if (changedProperties.has('columns')) {
+            this.computeColSizes();
+            this.updateIntrinsicInlineSize();
+        }
+        if (changedProperties.has('rows')) {
+            this.computeRowSizes();
+            this.updateIntrinsicBlockSize();
+        }
     }
     updated(changedProperties) {
         // Update the focused element if there is a change in bounds (otherwise Lit keeps focus on the relative element).
@@ -1163,10 +1243,10 @@ __decorate([
 ], DxGrid.prototype, "sizeBlock", void 0);
 __decorate([
     state()
-], DxGrid.prototype, "visColMinStart", void 0);
+], DxGrid.prototype, "overscanInlineStart", void 0);
 __decorate([
     state()
-], DxGrid.prototype, "visRowMinStart", void 0);
+], DxGrid.prototype, "overscanBlockStart", void 0);
 __decorate([
     state()
 ], DxGrid.prototype, "binInlineMin", void 0);
@@ -1243,6 +1323,6 @@ DxGrid = __decorate([
     customElement('dx-grid')
 ], DxGrid);
 export { DxGrid };
-export { rowToA1Notation, colToA1Notation, closestAction, closestCell } from './util';
+export { rowToA1Notation, colToA1Notation } from './util';
 export const commentedClassName = 'dx-grid__cell--commented';
 //# sourceMappingURL=dx-grid.js.map