@dxos/lit-grid 0.8.4-main.fd6878d → 0.8.4-staging.ac66bdf99f

package/dist/src/defs.d.ts

@@ -1,3 +1,4 @@
 export declare const defaultColSize = 180;
 export declare const defaultRowSize = 30;
+export declare const focusUnfurlDefault = true;
 //# sourceMappingURL=defs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/defs.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,cAAc,KAAK,CAAC"}
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/defs.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,kBAAkB,OAAO,CAAC"}

package/dist/src/defs.js

@@ -3,4 +3,5 @@
 //
 export const defaultColSize = 180;
 export const defaultRowSize = 30;
+export const focusUnfurlDefault = true;
 //# sourceMappingURL=defs.js.map

package/dist/src/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../src/defs.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC"}
+{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../src/defs.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC"}

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

@@ -1,11 +1,11 @@
-import { LitElement } from 'lit';
 import './dx-grid-axis-resize-handle';
-import { type DxGridAxisMeta, type DxGridAxisMetaProps, 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 { LitElement } from 'lit';
+import { type DxGridAxisMeta, type DxGridAxisMetaProps, type DxGridCells, type DxGridFocusIndicatorVariant, type DxGridFrozenAxes, type DxGridFrozenColsPlane, type DxGridFrozenRowsPlane, type DxGridMode, type DxGridOverscroll, type DxGridPlane, type DxGridPlaneCells, type DxGridPlaneRange, type DxGridPlaneRecord, type DxGridPosition, type DxGridRange } from './types';
 export declare class DxGrid extends LitElement {
     constructor();
     gridId: string;
-    rowDefault: DxGridPlaneRecord<DxGridFrozenRowsPlane, DxGridAxisMetaProps>;
-    columnDefault: DxGridPlaneRecord<DxGridFrozenColsPlane, DxGridAxisMetaProps>;
+    rowDefault: Partial<DxGridPlaneRecord<DxGridFrozenRowsPlane, Partial<DxGridAxisMetaProps>>>;
+    columnDefault: Partial<DxGridPlaneRecord<DxGridFrozenColsPlane, Partial<DxGridAxisMetaProps>>>;
     rows: DxGridAxisMeta;
     columns: DxGridAxisMeta;
     initialCells: DxGridCells;
@@ -13,8 +13,9 @@ export declare class DxGrid extends LitElement {
     limitColumns: number;
     limitRows: number;
     frozen: DxGridFrozenAxes;
-    overscroll: 'inline' | 'block' | 'trap' | undefined;
+    overscroll: DxGridOverscroll;
     activeRefs: string;
+    focusIndicatorVariant: DxGridFocusIndicatorVariant;
     /**
      * 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`.
@@ -41,6 +42,8 @@ export declare class DxGrid extends LitElement {
     private templateGridRows;
     private templatefrozenRowsStart;
     private templatefrozenRowsEnd;
+    private frozenColsSize;
+    private frozenRowsSize;
     private pointer;
     private colSizes;
     private rowSizes;
@@ -80,7 +83,6 @@ export declare class DxGrid extends LitElement {
     private focusedCellBox;
     private observer;
     private gridRef;
-    private viewportRef;
     private maybeUpdateVisInline;
     private maybeUpdateVisBlock;
     private maxPosInline;
@@ -123,7 +125,7 @@ export declare class DxGrid extends LitElement {
      */
     private blockOffset;
     /**
-     * Updates `pos` so that a cell in focus is fully within the viewport
+     * Updates `pos` so that a cell in focus is fully within the viewport.
      */
     snapPosToFocusedCell(): void;
     scrollToCoord({ coords }: {
@@ -137,12 +139,15 @@ export declare class DxGrid extends LitElement {
     get scrollTop(): number;
     set scrollTop(nextValue: number);
     private axisResizeable;
+    private clampAxisSize;
     private handleAxisResizeInternal;
     private renderPresentationLayer;
     private renderFixed;
     private renderFrozenRows;
     private renderFrozenColumns;
+    private renderMainGrid;
     private cellReadonly;
+    private cellFocusUnfurl;
     /**
      * Determines if the cell's text content should be selectable based on its readonly value.
      * @returns true if the cells text content is selectable, false otherwise.

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":"AAIA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAOhD,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,mBAAmB,EAGxB,KAAK,WAAW,EAGhB,KAAK,2BAA2B,EAChC,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAE1B,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAEhB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EAEtB,KAAK,cAAc,EACnB,KAAK,WAAW,EAGjB,MAAM,SAAS,CAAC;AAsBjB,qBACa,MAAO,SAAQ,UAAU;;IAmBpC,MAAM,EAAE,MAAM,CAAqB;IAGnC,UAAU,EAAE,OAAO,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAEzF;IAGF,aAAa,EAAE,OAAO,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAE5F;IAGF,IAAI,EAAE,cAAc,CAAgB;IAGpC,OAAO,EAAE,cAAc,CAAgB;IAGvC,YAAY,EAAE,WAAW,CAAgB;IAGzC,IAAI,EAAE,UAAU,CAAY;IAG5B,YAAY,EAAE,MAAM,CAAY;IAGhC,SAAS,EAAE,MAAM,CAAY;IAG7B,MAAM,EAAE,gBAAgB,CAAM;IAG9B,UAAU,EAAE,gBAAgB,CAAa;IAGzC,UAAU,SAAM;IAGhB,qBAAqB,EAAE,2BAA2B,CAAW;IAE7D;;;OAGG;IACH,QAAQ,EAAE,CAAC,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,KAAK,gBAAgB,CAAC,GAAG,IAAI,CAAQ;IAGhG,OAAO,CAAC,KAAK,CAA6B;IAO1C,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,QAAQ,CAAK;IAOrB,OAAO,CAAC,UAAU,CAAK;IAGvB,OAAO,CAAC,SAAS,CAAK;IAOtB,OAAO,CAAC,cAAc,CAAK;IAG3B,OAAO,CAAC,cAAc,CAAK;IAO3B,OAAO,CAAC,YAAY,CAAK;IAGzB,OAAO,CAAC,YAAY,CAAkB;IAGtC,OAAO,CAAC,WAAW,CAAK;IAGxB,OAAO,CAAC,WAAW,CAAkB;IAQrC,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,SAAS,CAAK;IAOtB,OAAO,CAAC,mBAAmB,CAAO;IAGlC,OAAO,CAAC,uBAAuB,CAAM;IAGrC,OAAO,CAAC,qBAAqB,CAAM;IAGnC,OAAO,CAAC,gBAAgB,CAAO;IAG/B,OAAO,CAAC,uBAAuB,CAAM;IAGrC,OAAO,CAAC,qBAAqB,CAAM;IAOnC,OAAO,CAAC,cAAc,CAAK;IAG3B,OAAO,CAAC,cAAc,CAAK;IAO3B,OAAO,CAAC,OAAO,CAAuB;IAGtC,OAAO,CAAC,QAAQ,CAAiC;IAGjD,OAAO,CAAC,QAAQ,CAAiC;IAGjD,OAAO,CAAC,WAAW,CAAkB;IAGrC,OAAO,CAAC,WAAW,CAAqD;IAGxE,OAAO,CAAC,cAAc,CAAqD;IAG3E,OAAO,CAAC,YAAY,CAAqD;IAOzE,OAAO,CAAC,mBAAmB,CAAoB;IAG/C,OAAO,CAAC,kBAAkB,CAAoB;IAG9C,OAAO,CAAC,wBAAwB,CAAoB;IAGpD,OAAO,CAAC,uBAAuB,CAAoB;IAMnD,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,uBAAuB;IAS/B,OAAO,CAAC,iBAAiB,CA+BvB;IAEF,OAAO,CAAC,eAAe,CASrB;IAEF,OAAO,CAAC,iBAAiB,CAoBvB;IAEF;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAyBjC;;OAEG;IACH,OAAO,CAAC,kCAAkC;IAe1C,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,aAAa;IAsErB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,IAAI;IAKZ,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,eAAe;IAavB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAQtC,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,QAAQ,CAeb;IAEH,OAAO,CAAC,OAAO,CAAoC;IAEnD,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,mBAAmB,CAuBzB;IAEF,OAAO,CAAC,WAAW,CAcjB;IAEF,OAAO,CAAC,eAAe;IA0DvB,OAAO,CAAC,cAAc;IA0DtB,OAAO,CAAC,SAAS;IAKV,WAAW,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAkEhD,QAAQ,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,UAAO,GAAG,IAAI;IAQnD,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,OAAO,CAAC,SAAS,GAAE,KAAK,GAAG,KAAK,GAAG,SAAqB,EAAE,KAAK,GAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAK,GAAG,IAAI;IA2BtF,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAIrB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAuB5B,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,cAAc,CAAA;KAAE,GAAG,IAAI;IAQ3D,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAIjC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAI9B,cAAc,IAAI,IAAI;IAQtB,IAAa,UAAU,IAIY,MAAM,CAFxC;IAED,IAAa,UAAU,CAAC,SAAS,EAAE,MAAM,EAGxC;IAED,IAAa,SAAS,IAIY,MAAM,CAFvC;IAED,IAAa,SAAS,CAAC,SAAS,EAAE,MAAM,EAGvC;IAMD,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IAyBrB,OAAO,CAAC,wBAAwB;IA8BhC,OAAO,CAAC,uBAAuB;IA4C/B,OAAO,CAAC,WAAW;IA2BnB,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,eAAe;IAiBvB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,gCAAgC;IAsCxC,OAAO,CAAC,UAAU;IAuCT,MAAM;IAwEf,OAAO,CAAC,yBAAyB;IASjC,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,eAAe;IAkBd,YAAY,IAAI,IAAI;IAUpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IA2CrD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAcpD,oBAAoB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO;IAS/F,oBAAoB,IAAI,IAAI;IAQ5B,gBAAgB,IAAI,IAAI;CAGlC;AAED,OAAO,EACL,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,gCAAgC,GACjC,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}

package/dist/src/dx-grid.js

@@ -7,13 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import './dx-grid-axis-resize-handle';
 import { LitElement, html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
-import { defaultColSize, defaultRowSize } from './defs';
-import './dx-grid-axis-resize-handle';
+import { defaultColSize, defaultRowSize, focusUnfurlDefault } from './defs';
 import { DxAxisResize, DxEditRequest, DxGridCellsSelect, separator, } from './types';
 import { cellSelected, closestAction, closestCell, gap, isReadonly, isSameCell, resizeTolerance, resolveColPlane, resolveFrozenPlane, resolveRowPlane, selectionProps, shouldSelect, sizeColMax, sizeColMin, sizeRowMax, sizeRowMin, targetIsPlane, toCellIndex, } from './util';
 let DxGrid = class DxGrid extends LitElement {
@@ -35,6 +35,7 @@ let DxGrid = class DxGrid extends LitElement {
         this.frozen = {};
         this.overscroll = undefined;
         this.activeRefs = '';
+        this.focusIndicatorVariant = 'sheet';
         /**
          * 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`.
@@ -81,6 +82,11 @@ let DxGrid = class DxGrid extends LitElement {
         this.templatefrozenRowsStart = '';
         this.templatefrozenRowsEnd = '';
         //
+        // `frozen…Size` is used to measure space available for the non-fixed planes
+        //
+        this.frozenColsSize = 0;
+        this.frozenRowsSize = 0;
+        //
         // Focus, selection, and resize states
         //
         this.pointer = null;
@@ -120,7 +126,7 @@ let DxGrid = class DxGrid extends LitElement {
                             this.dispatchSelectionChange();
                         }
                         if (this.mode === 'edit-select') {
-                            // Prevent focus moving when editing while selection is possible
+                            // Prevent focus moving when editing while selection is possible.
                             event.preventDefault();
                         }
                         else if (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {
@@ -162,24 +168,23 @@ let DxGrid = class DxGrid extends LitElement {
             }
         };
         //
-        // Resize & reposition handlers, observer, ref
+        // Resize & reposition handlers, observer, ref.
         //
         this.observer = new ResizeObserver((entries) => {
             const { inlineSize, blockSize } = entries?.[0]?.contentBoxSize?.[0] ?? {
                 inlineSize: 0,
                 blockSize: 0,
             };
-            if (Math.abs(inlineSize - this.sizeInline) > resizeTolerance ||
-                Math.abs(blockSize - this.sizeBlock) > resizeTolerance) {
+            if (Math.abs(inlineSize - this.frozenColsSize - this.sizeInline) > resizeTolerance ||
+                Math.abs(blockSize - this.frozenRowsSize - this.sizeBlock) > resizeTolerance) {
                 // console.info('[updating bounds]', 'resize', [inlineSize - this.sizeInline, blockSize - this.sizeBlock]);
-                this.sizeInline = inlineSize;
-                this.sizeBlock = blockSize;
+                this.sizeInline = inlineSize - this.frozenColsSize;
+                this.sizeBlock = blockSize - this.frozenRowsSize;
                 this.updateVis();
                 queueMicrotask(() => this.updatePos());
             }
         });
         this.gridRef = createRef();
-        this.viewportRef = createRef();
         this.maybeUpdateVisInline = () => {
             if (this.posInline < this.binInlineMin || this.posInline >= this.binInlineMax) {
                 this.updateVisInline();
@@ -223,12 +228,12 @@ let DxGrid = class DxGrid extends LitElement {
                 event.gridId = this.gridId;
             }
         };
-        // Wheel, top-level and element-level
+        // Wheel, top-level and element-level.
         document.defaultView?.addEventListener('wheel', this.handleTopLevelWheel, { passive: false });
         this.addEventListener('wheel', this.handleWheel);
-        // Custom event(s)
+        // Custom event(s).
         this.addEventListener('dx-axis-resize-internal', this.handleAxisResizeInternal);
-        // Standard events
+        // Standard events.
         this.addEventListener('pointerdown', this.handlePointerDown);
         this.addEventListener('pointermove', this.handlePointerMove);
         this.addEventListener('pointerup', this.handlePointerUp);
@@ -318,15 +323,13 @@ let DxGrid = class DxGrid extends LitElement {
         }
     }
     moveFocusIntoPlane(plane) {
-        if (this.focusedCell.plane !== plane) {
-            const colPlane = resolveColPlane(plane);
-            const rowPlane = resolveRowPlane(plane);
-            this.focusedCell = {
-                plane,
-                col: colPlane === 'grid' ? this.visColMin : 0,
-                row: rowPlane === 'grid' ? this.visRowMin : 0,
-            };
-        }
+        const colPlane = resolveColPlane(plane);
+        const rowPlane = resolveRowPlane(plane);
+        this.focusedCell = {
+            plane,
+            col: colPlane === 'grid' ? this.visColMin : 0,
+            row: rowPlane === 'grid' ? this.visRowMin : 0,
+        };
         this.focusedCellElement()?.focus({ preventScroll: true });
     }
     moveFocusToPlane() {
@@ -483,7 +486,7 @@ let DxGrid = class DxGrid extends LitElement {
         this.updatePosBlock(block, maxBlock);
     }
     updateVisInline() {
-        // todo: avoid starting from zero
+        // todo: avoid starting from zero.
         let axisCursor = 0;
         let pxCursor = this.colSize(axisCursor, 'grid');
         while (pxCursor < this.posInline) {
@@ -518,9 +521,14 @@ let DxGrid = class DxGrid extends LitElement {
         this.templatefrozenColsEnd = [...Array(this.frozen.frozenColsEnd ?? 0)]
             .map((_, c0) => `${this.colSize(c0, 'frozenColsEnd')}px`)
             .join(' ');
+        this.frozenColsSize =
+            [...Array(this.frozen.frozenColsStart ?? 0)].reduce((sum, _, c0) => sum + this.colSize(c0, 'frozenColsStart'), 0) +
+                gap * Math.max(0, this.frozen.frozenColsStart ?? 0 - 1) +
+                [...Array(this.frozen.frozenColsEnd ?? 0)].reduce((sum, _, c0) => sum + this.colSize(c0, 'frozenColsEnd'), 0) +
+                gap * Math.max(0, this.frozen.frozenColsEnd ?? 0 - 1);
     }
     updateVisBlock() {
-        // todo: avoid starting from zero
+        // todo: avoid starting from zero.
         let axisCursor = 0;
         let pxCursor = this.rowSize(axisCursor, 'grid');
         while (pxCursor < this.posBlock) {
@@ -555,6 +563,11 @@ let DxGrid = class DxGrid extends LitElement {
         this.templatefrozenRowsEnd = [...Array(this.frozen.frozenRowsEnd ?? 0)]
             .map((_, r0) => `${this.rowSize(r0, 'frozenRowsEnd')}px`)
             .join(' ');
+        this.frozenRowsSize =
+            [...Array(this.frozen.frozenRowsStart ?? 0)].reduce((sum, _, r0) => sum + this.rowSize(r0, 'frozenRowsStart'), 0) +
+                gap * Math.max(0, this.frozen.frozenRowsStart ?? 0 - 1) +
+                [...Array(this.frozen.frozenRowsEnd ?? 0)].reduce((sum, _, r0) => sum + this.rowSize(r0, 'frozenRowsEnd'), 0) +
+                gap * Math.max(0, this.frozen.frozenRowsEnd ?? 0 - 1);
     }
     updateVis() {
         this.updateVisInline();
@@ -736,7 +749,7 @@ let DxGrid = class DxGrid extends LitElement {
         }, 0);
     }
     /**
-     * Updates `pos` so that a cell in focus is fully within the viewport
+     * Updates `pos` so that a cell in focus is fully within the viewport.
      */
     snapPosToFocusedCell() {
         const outOfVis = this.focusedCellOutOfVis();
@@ -801,17 +814,33 @@ let DxGrid = class DxGrid extends LitElement {
             ? !!(this.columns[plane]?.[index]?.resizeable ?? this.columnDefault[plane]?.resizeable)
             : !!(this.rows[plane]?.[index]?.resizeable ?? this.rowDefault[plane]?.resizeable);
     }
+    clampAxisSize(plane, axis, index, requestedSize) {
+        const minSize = axis === 'col'
+            ? (this.columns[plane]?.[index]?.minSize ??
+                this.columnDefault[plane]?.minSize ??
+                sizeColMin)
+            : (this.rows[plane]?.[index]?.minSize ??
+                this.rowDefault[plane]?.minSize ??
+                sizeRowMin);
+        const maxSize = axis === 'col'
+            ? (this.columns[plane]?.[index]?.maxSize ??
+                this.columnDefault[plane]?.maxSize ??
+                sizeColMax)
+            : (this.rows[plane]?.[index]?.maxSize ??
+                this.rowDefault[plane]?.maxSize ??
+                sizeRowMax);
+        return Math.max(minSize, Math.min(maxSize, requestedSize));
+    }
     handleAxisResizeInternal(event) {
         event.stopPropagation();
         const { plane, axis, delta, size, index, state } = event;
+        const nextSize = this.clampAxisSize(plane, axis, index, size + delta);
         if (axis === 'col') {
-            const nextSize = Math.max(sizeColMin, Math.min(sizeColMax, size + delta));
             this.colSizes = { ...this.colSizes, [plane]: { ...this.colSizes[plane], [index]: nextSize } };
             this.updateVisInline();
             this.updateIntrinsicInlineSize();
         }
         else {
-            const nextSize = Math.max(sizeRowMin, Math.min(sizeRowMax, size + delta));
             this.rowSizes = { ...this.colSizes, [plane]: { ...this.rowSizes[plane], [index]: nextSize } };
             this.updateVisBlock();
             this.updateIntrinsicBlockSize();
@@ -826,7 +855,7 @@ let DxGrid = class DxGrid extends LitElement {
         }
     }
     //
-    // Render and other lifecycle methods
+    // 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) {
@@ -891,7 +920,7 @@ let DxGrid = class DxGrid extends LitElement {
     renderFrozenRows(plane, visibleCols, offsetInline, selection) {
         const rowPlane = resolveRowPlane(plane);
         const rows = this.frozen[rowPlane];
-        return (rows ?? 0) > 0
+        return (rows ?? 0) > 0 && this.limitColumns > 0
             ? html `<div
           role="none"
           class="dx-grid__plane--frozen-row"
@@ -919,7 +948,7 @@ let DxGrid = class DxGrid extends LitElement {
     renderFrozenColumns(plane, visibleRows, offsetBlock, selection) {
         const colPlane = resolveColPlane(plane);
         const cols = this.frozen[colPlane];
-        return (cols ?? 0) > 0
+        return (cols ?? 0) > 0 && this.limitRows > 0
             ? html `<div
           role="none"
           class="dx-grid__plane--frozen-col"
@@ -944,6 +973,33 @@ let DxGrid = class DxGrid extends LitElement {
         </div>`
             : null;
     }
+    renderMainGrid(visibleCols, visibleRows, offsetInline, offsetBlock, selection) {
+        return this.limitRows > 0 && this.limitColumns > 0
+            ? html `<div
+          role="grid"
+          class="dx-grid__plane--grid"
+          tabindex="0"
+          data-dx-grid-plane="grid"
+          data-dx-grid-plane-row="1"
+          data-dx-grid-plane-col="1"
+        >
+          <div
+            role="none"
+            class="dx-grid__plane--grid__content"
+            style="transform:translate3d(${offsetInline}px,${offsetBlock}px,0);grid-template-columns:${this
+                .templateGridColumns};grid-template-rows:${this.templateGridRows};"
+          >
+            ${[...Array(visibleRows)].map((_, r0) => {
+                return [...Array(visibleCols)].map((_, c0) => {
+                    const c = c0 + this.visColMin;
+                    const r = r0 + this.visRowMin;
+                    return this.renderCell(c, r, 'grid', cellSelected(c, r, 'grid', selection), c0, r0);
+                });
+            })}
+          </div>
+        </div>`
+            : null;
+    }
     cellReadonly(col, row, plane) {
         const colPlane = resolveColPlane(plane);
         const rowPlane = resolveRowPlane(plane);
@@ -957,6 +1013,19 @@ let DxGrid = class DxGrid extends LitElement {
         const rowReadOnly = this.rows?.[rowPlane]?.[row]?.readonly ?? this.rowDefault?.[rowPlane]?.readonly;
         return isReadonly(colReadOnly) || isReadonly(rowReadOnly);
     }
+    cellFocusUnfurl(col, row, plane) {
+        const colPlane = resolveColPlane(plane);
+        const rowPlane = resolveRowPlane(plane);
+        // Check cell-specific setting first.
+        const cellUnfurl = this.cell(col, row, plane)?.focusUnfurl;
+        if (cellUnfurl !== undefined) {
+            return cellUnfurl;
+        }
+        // Check column/row defaults.
+        const colUnfurl = this.columns?.[colPlane]?.[col]?.focusUnfurl ?? this.columnDefault?.[colPlane]?.focusUnfurl;
+        const rowUnfurl = this.rows?.[rowPlane]?.[row]?.focusUnfurl ?? this.rowDefault?.[rowPlane]?.focusUnfurl;
+        return colUnfurl ?? rowUnfurl ?? focusUnfurlDefault;
+    }
     /**
      * Determines if the cell's text content should be selectable based on its readonly value.
      * @returns true if the cells text content is selectable, false otherwise.
@@ -1004,6 +1073,7 @@ let DxGrid = class DxGrid extends LitElement {
         const cell = this.cell(col, row, plane);
         const active = this.cellActive(col, row, plane);
         const readonly = this.cellReadonly(col, row, plane);
+        const focusUnfurl = this.cellFocusUnfurl(col, row, plane);
         const textSelectable = this.cellTextSelectable(col, row, plane);
         const resizeIndex = cell?.resizeHandle ? (cell.resizeHandle === 'col' ? col : row) : undefined;
         const resizePlane = cell?.resizeHandle ? resolveFrozenPlane(cell.resizeHandle, plane) : undefined;
@@ -1015,11 +1085,13 @@ let DxGrid = class DxGrid extends LitElement {
       aria-readonly=${readonly ? 'true' : nothing}
       class=${cell?.className ?? nothing}
       data-refs=${cell?.dataRefs ?? nothing}
+      data-focus-unfurl=${focusUnfurl ? nothing : 'false'}
       ?data-dx-active=${active}
       data-text-selectable=${textSelectable ? 'true' : 'false'}
       data-dx-grid-action="cell"
       aria-colindex=${col}
       aria-rowindex=${row}
+      data-testid=${`${plane}.${col}.${row}`}
       style="grid-column:${visCol + 1};grid-row:${visRow + 1}"
     >
       <div role="none" class="dx-grid__cell__content">${cell?.value}${accessory}</div>
@@ -1045,17 +1117,30 @@ let DxGrid = class DxGrid extends LitElement {
         ${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(--color-grid-comment-active) !important; }`)
             .join('\n')}
       </style>
       <div
         role="none"
         class="dx-grid"
+        data-arrow-keys="all"
         style=${styleMap({
-            'grid-template-columns': `${this.templatefrozenColsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitColumns) ? `${Math.max(0, this.intrinsicInlineSize)}px` : '1fr'})${this.templatefrozenColsEnd ? ' min-content' : ''}`,
-            'grid-template-rows': `${this.templatefrozenRowsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitRows) ? `${Math.max(0, this.intrinsicBlockSize)}px` : '1fr'})${this.templatefrozenRowsEnd ? ' min-content' : ''}`,
+            'grid-template-columns': [
+                this.templatefrozenColsStart ? 'min-content' : false,
+                this.limitColumns > 0 &&
+                    `minmax(0, ${Number.isFinite(this.limitColumns) ? `${Math.max(0, this.intrinsicInlineSize)}px` : '1fr'})`,
+                this.templatefrozenColsEnd ? 'min-content' : false,
+            ]
+                .filter(Boolean)
+                .join(' '),
+            'grid-template-rows': [
+                this.templatefrozenRowsStart ? 'min-content' : false,
+                this.limitRows > 0 &&
+                    `minmax(0, ${Number.isFinite(this.limitRows) ? `${Math.max(0, this.intrinsicBlockSize)}px` : '1fr'})`,
+                this.templatefrozenRowsEnd ? ' min-content' : false,
+            ]
+                .filter(Boolean)
+                .join(' '),
             '--dx-grid-content-inline-size': Number.isFinite(this.limitColumns)
                 ? `${Math.max(0, this.totalIntrinsicInlineSize)}px`
                 : 'max-content',
@@ -1065,64 +1150,30 @@ let DxGrid = class DxGrid extends LitElement {
         })}
         data-grid=${this.gridId}
         data-grid-mode=${this.mode}
+        data-grid-focus-indicator-variant=${this.focusIndicatorVariant}
         ?data-grid-select=${selection.visible}
         ${ref(this.gridRef)}
       >
         ${this.renderFixed('fixedStartStart', selection)}${this.renderFrozenRows('frozenRowsStart', visibleCols, offsetInline, selection)}${this.renderFixed('fixedStartEnd', selection)}${this.renderFrozenColumns('frozenColsStart', visibleRows, offsetBlock, selection)}
-        <div
-          role="grid"
-          class="dx-grid__plane--grid"
-          tabindex="0"
-          data-dx-grid-plane="grid"
-          data-dx-grid-plane-row="1"
-          data-dx-grid-plane-col="1"
-          ${ref(this.viewportRef)}
-        >
-          <div
-            role="none"
-            class="dx-grid__plane--grid__content"
-            style="transform:translate3d(${offsetInline}px,${offsetBlock}px,0);grid-template-columns:${this
-            .templateGridColumns};grid-template-rows:${this.templateGridRows};"
-          >
-            ${[...Array(visibleRows)].map((_, r0) => {
-            return [...Array(visibleCols)].map((_, c0) => {
-                const c = c0 + this.visColMin;
-                const r = r0 + this.visRowMin;
-                return this.renderCell(c, r, 'grid', cellSelected(c, r, 'grid', selection), c0, r0);
-            });
-        })}
-          </div>
-        </div>
+        ${this.renderMainGrid(visibleCols, visibleRows, offsetInline, offsetBlock, selection)}
         ${this.renderFrozenColumns('frozenColsEnd', visibleRows, offsetBlock, selection)}${this.renderFixed('fixedEndStart', selection)}${this.renderFrozenRows('frozenRowsEnd', visibleCols, offsetInline, selection)}${this.renderFixed('fixedEndEnd', selection)}
       </div>`;
     }
     updateIntrinsicInlineSize() {
         this.intrinsicInlineSize = Number.isFinite(this.limitColumns)
             ? [...Array(this.limitColumns)].reduce((acc, _, c0) => acc + this.colSize(c0, 'grid'), 0) +
-                gap * (this.limitColumns - 1)
+                gap * Math.max(0, 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);
+            this.limitColumns > 0 ? this.intrinsicInlineSize + this.frozenColsSize : this.frozenColsSize - gap;
     }
     updateIntrinsicBlockSize() {
         this.intrinsicBlockSize = Number.isFinite(this.limitRows)
             ? [...Array(this.limitRows)].reduce((acc, _, r0) => acc + this.rowSize(r0, 'grid'), 0) +
-                gap * (this.limitRows - 1)
+                gap * Math.max(0, 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);
+            this.limitRows > 0 ? this.intrinsicBlockSize + this.frozenRowsSize : this.frozenRowsSize - gap;
     }
     updateIntrinsicSizes() {
         this.updateIntrinsicInlineSize();
@@ -1154,7 +1205,7 @@ let DxGrid = class DxGrid extends LitElement {
         if (this.getCells) {
             this.updateCells(true);
         }
-        this.observer.observe(this.viewportRef.value);
+        this.observer.observe(this.gridRef.value);
         this.computeColSizes();
         this.computeRowSizes();
         this.updateIntrinsicSizes();
@@ -1215,8 +1266,8 @@ let DxGrid = class DxGrid extends LitElement {
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        if (this.viewportRef.value) {
-            this.observer.unobserve(this.viewportRef.value);
+        if (this.gridRef.value) {
+            this.observer.unobserve(this.gridRef.value);
         }
         document.defaultView?.removeEventListener('wheel', this.handleTopLevelWheel);
     }
@@ -1260,6 +1311,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], DxGrid.prototype, "activeRefs", void 0);
+__decorate([
+    property({ type: String })
+], DxGrid.prototype, "focusIndicatorVariant", void 0);
 __decorate([
     state()
 ], DxGrid.prototype, "cells", void 0);
@@ -1323,6 +1377,12 @@ __decorate([
 __decorate([
     state()
 ], DxGrid.prototype, "templatefrozenRowsEnd", void 0);
+__decorate([
+    state()
+], DxGrid.prototype, "frozenColsSize", void 0);
+__decorate([
+    state()
+], DxGrid.prototype, "frozenRowsSize", void 0);
 __decorate([
     state()
 ], DxGrid.prototype, "pointer", void 0);