@deephaven/grid 1.27.5-alpha-nodehttp2-config3.276eddc.0 → 1.29.0

package/dist/GridA11yFallback.d.ts

@@ -0,0 +1,26 @@
+import { type GridRenderState } from './GridRendererTypes';
+/** Called with the state the grid just drew */
+export type GridDrawListener = (renderState: GridRenderState) => void;
+export type GridA11yFallbackProps = {
+    /** Listen for the grid drawing its canvas. Returns a function to stop listening */
+    registerDrawListener: (listener: GridDrawListener) => () => void;
+};
+/**
+ * The fallback content of the grid canvas. Never painted, but assistive
+ * technology and browser automation read it in place of the pixels.
+ *
+ * Everything here describes the most recent draw, so it only updates when the
+ * grid draws. Describing the contents walks every visible cell, which is far
+ * too expensive to do on every frame for a grid nobody is inspecting, so the
+ * snapshot is toggled on and off by a button and only tracks the viewport while
+ * it is on.
+ *
+ * The snapshot is a plain table rather than divs with ARIA roles, as fallback
+ * content is never laid out and native table semantics come with the column
+ * associations for free. It is a `table` and not a `grid` because `grid`
+ * promises the cell by cell keyboard navigation that only the canvas
+ * implements.
+ */
+export declare function GridA11yFallback({ registerDrawListener, }: GridA11yFallbackProps): JSX.Element;
+export default GridA11yFallback;
+//# sourceMappingURL=GridA11yFallback.d.ts.map

package/dist/GridA11yFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridA11yFallback.d.ts","sourceRoot":"","sources":["../src/GridA11yFallback.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAO3D,+CAA+C;AAC/C,MAAM,MAAM,gBAAgB,GAAG,CAAC,WAAW,EAAE,eAAe,KAAK,IAAI,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC,mFAAmF;IACnF,oBAAoB,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CAClE,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,oBAAoB,GACrB,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAoFrC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/GridA11yFallback.js

@@ -0,0 +1,115 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { createGridA11ySnapshot, formatGridA11yRect, GRID_A11Y_ATTRIBUTES } from "./GridA11yUtils.js";
+/** Called with the state the grid just drew */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The fallback content of the grid canvas. Never painted, but assistive
+ * technology and browser automation read it in place of the pixels.
+ *
+ * Everything here describes the most recent draw, so it only updates when the
+ * grid draws. Describing the contents walks every visible cell, which is far
+ * too expensive to do on every frame for a grid nobody is inspecting, so the
+ * snapshot is toggled on and off by a button and only tracks the viewport while
+ * it is on.
+ *
+ * The snapshot is a plain table rather than divs with ARIA roles, as fallback
+ * content is never laid out and native table semantics come with the column
+ * associations for free. It is a `table` and not a `grid` because `grid`
+ * promises the cell by cell keyboard navigation that only the canvas
+ * implements.
+ */
+export function GridA11yFallback(_ref) {
+  var registerDrawListener = _ref.registerDrawListener;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showSnapshot = _useState2[0],
+    setShowSnapshot = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    renderState = _useState4[0],
+    setRenderState = _useState4[1];
+
+  // Only follow the grid while the snapshot is shown, so a grid nobody is
+  // inspecting does no extra work per draw
+  useEffect(() => {
+    if (!showSnapshot) {
+      setRenderState(null);
+      return undefined;
+    }
+    return registerDrawListener(setRenderState);
+  }, [registerDrawListener, showSnapshot]);
+  var snapshot = useMemo(() => {
+    if (renderState == null) {
+      return null;
+    }
+    var model = renderState.model,
+      metrics = renderState.metrics,
+      selection = renderState.selection;
+    return createGridA11ySnapshot(model, metrics, selection);
+  }, [renderState]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("button", {
+      type: "button",
+      tabIndex: -1,
+      "aria-pressed": showSnapshot,
+      onClick: () => setShowSnapshot(prevShowSnapshot => !prevShowSnapshot),
+      [GRID_A11Y_ATTRIBUTES.describe]: '',
+      children: showSnapshot ? 'Hide the grid contents' : 'Describe the grid contents'
+    }), snapshot != null && /*#__PURE__*/_jsxs("div", {
+      [GRID_A11Y_ATTRIBUTES.snapshot]: '',
+      children: [/*#__PURE__*/_jsx("p", {
+        role: "status",
+        children: snapshot.description
+      }), /*#__PURE__*/_jsxs("table", {
+        "aria-rowcount": snapshot.rowCount + 1,
+        "aria-colcount": snapshot.columnCount,
+        children: [/*#__PURE__*/_jsx("thead", {
+          children: /*#__PURE__*/_jsx("tr", {
+            "aria-rowindex": 1,
+            children: snapshot.columns.map(_ref2 => {
+              var column = _ref2.column,
+                text = _ref2.text,
+                rect = _ref2.rect;
+              return /*#__PURE__*/_jsx("th", {
+                scope: "col",
+                "aria-colindex": column + 1,
+                [GRID_A11Y_ATTRIBUTES.column]: column,
+                [GRID_A11Y_ATTRIBUTES.header]: text,
+                [GRID_A11Y_ATTRIBUTES.rect]: formatGridA11yRect(rect),
+                children: text
+              }, column);
+            })
+          })
+        }), /*#__PURE__*/_jsx("tbody", {
+          children: snapshot.rows.map(_ref3 => {
+            var row = _ref3.row,
+              cells = _ref3.cells;
+            return /*#__PURE__*/_jsx("tr", {
+              "aria-rowindex": row + 2,
+              children: cells.map(_ref4 => {
+                var column = _ref4.column,
+                  text = _ref4.text,
+                  rect = _ref4.rect;
+                return /*#__PURE__*/_jsx("td", {
+                  "aria-colindex": column + 1,
+                  [GRID_A11Y_ATTRIBUTES.column]: column,
+                  [GRID_A11Y_ATTRIBUTES.row]: row,
+                  [GRID_A11Y_ATTRIBUTES.rect]: formatGridA11yRect(rect),
+                  children: text
+                }, column);
+              })
+            }, row);
+          })
+        })]
+      })]
+    })]
+  });
+}
+export default GridA11yFallback;
+//# sourceMappingURL=GridA11yFallback.js.map

package/dist/GridA11yFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridA11yFallback.js","names":["React","useEffect","useMemo","useState","createGridA11ySnapshot","formatGridA11yRect","GRID_A11Y_ATTRIBUTES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","GridA11yFallback","_ref","registerDrawListener","_useState","_useState2","_slicedToArray","showSnapshot","setShowSnapshot","_useState3","_useState4","renderState","setRenderState","undefined","snapshot","model","metrics","selection","children","type","tabIndex","onClick","prevShowSnapshot","describe","role","description","rowCount","columnCount","columns","map","_ref2","column","text","rect","scope","header","rows","_ref3","row","cells","_ref4"],"sources":["../src/GridA11yFallback.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { type GridRenderState } from './GridRendererTypes';\nimport {\n  createGridA11ySnapshot,\n  formatGridA11yRect,\n  GRID_A11Y_ATTRIBUTES,\n} from './GridA11yUtils';\n\n/** Called with the state the grid just drew */\nexport type GridDrawListener = (renderState: GridRenderState) => void;\n\nexport type GridA11yFallbackProps = {\n  /** Listen for the grid drawing its canvas. Returns a function to stop listening */\n  registerDrawListener: (listener: GridDrawListener) => () => void;\n};\n\n/**\n * The fallback content of the grid canvas. Never painted, but assistive\n * technology and browser automation read it in place of the pixels.\n *\n * Everything here describes the most recent draw, so it only updates when the\n * grid draws. Describing the contents walks every visible cell, which is far\n * too expensive to do on every frame for a grid nobody is inspecting, so the\n * snapshot is toggled on and off by a button and only tracks the viewport while\n * it is on.\n *\n * The snapshot is a plain table rather than divs with ARIA roles, as fallback\n * content is never laid out and native table semantics come with the column\n * associations for free. It is a `table` and not a `grid` because `grid`\n * promises the cell by cell keyboard navigation that only the canvas\n * implements.\n */\nexport function GridA11yFallback({\n  registerDrawListener,\n}: GridA11yFallbackProps): JSX.Element {\n  const [showSnapshot, setShowSnapshot] = useState(false);\n  const [renderState, setRenderState] = useState<GridRenderState | null>(null);\n\n  // Only follow the grid while the snapshot is shown, so a grid nobody is\n  // inspecting does no extra work per draw\n  useEffect(() => {\n    if (!showSnapshot) {\n      setRenderState(null);\n      return undefined;\n    }\n    return registerDrawListener(setRenderState);\n  }, [registerDrawListener, showSnapshot]);\n\n  const snapshot = useMemo(() => {\n    if (renderState == null) {\n      return null;\n    }\n    const { model, metrics, selection } = renderState;\n    return createGridA11ySnapshot(model, metrics, selection);\n  }, [renderState]);\n\n  return (\n    <>\n      {/* Kept out of the tab order so sighted keyboard users are not sent to an element they cannot see */}\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        aria-pressed={showSnapshot}\n        onClick={() => setShowSnapshot(prevShowSnapshot => !prevShowSnapshot)}\n        {...{ [GRID_A11Y_ATTRIBUTES.describe]: '' }}\n      >\n        {showSnapshot ? 'Hide the grid contents' : 'Describe the grid contents'}\n      </button>\n      {snapshot != null && (\n        <div {...{ [GRID_A11Y_ATTRIBUTES.snapshot]: '' }}>\n          <p role=\"status\">{snapshot.description}</p>\n          <table\n            aria-rowcount={snapshot.rowCount + 1}\n            aria-colcount={snapshot.columnCount}\n          >\n            <thead>\n              <tr aria-rowindex={1}>\n                {snapshot.columns.map(({ column, text, rect }) => (\n                  <th\n                    key={column}\n                    scope=\"col\"\n                    aria-colindex={column + 1}\n                    {...{\n                      [GRID_A11Y_ATTRIBUTES.column]: column,\n                      [GRID_A11Y_ATTRIBUTES.header]: text,\n                      [GRID_A11Y_ATTRIBUTES.rect]: formatGridA11yRect(rect),\n                    }}\n                  >\n                    {text}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {/* ARIA indexes are one based and count the header row */}\n              {snapshot.rows.map(({ row, cells }) => (\n                <tr key={row} aria-rowindex={row + 2}>\n                  {cells.map(({ column, text, rect }) => (\n                    <td\n                      key={column}\n                      aria-colindex={column + 1}\n                      {...{\n                        [GRID_A11Y_ATTRIBUTES.column]: column,\n                        [GRID_A11Y_ATTRIBUTES.row]: row,\n                        [GRID_A11Y_ATTRIBUTES.rect]: formatGridA11yRect(rect),\n                      }}\n                    >\n                      {text}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default GridA11yFallback;\n"],"mappings":"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","ignoreList":[]}

package/dist/GridA11yUtils.d.ts

@@ -0,0 +1,89 @@
+import type GridMetrics from './GridMetrics';
+import { type VisibleIndex } from './GridMetrics';
+import type GridModel from './GridModel';
+import type { Selection } from './Selection';
+/**
+ * Attributes on the accessibility snapshot that Grid renders into its canvas
+ * fallback content. External tooling locates grid contents through these, so
+ * treat them as a public contract.
+ */
+export declare const GRID_A11Y_ATTRIBUTES: {
+    /** On the button that generates a snapshot */
+    readonly describe: "data-grid-a11y-describe";
+    /** On the root of a generated snapshot */
+    readonly snapshot: "data-grid-a11y-snapshot";
+    /** Visible column index. On column headers and cells */
+    readonly column: "data-grid-column";
+    /** Visible row index. On cells */
+    readonly row: "data-grid-row";
+    /** Header text. On column headers */
+    readonly header: "data-grid-header";
+    /** Bounds as `x,y,width,height`, relative to the top left of the canvas, in CSS pixels */
+    readonly rect: "data-grid-rect";
+};
+/** The attribute names used by the accessibility snapshot */
+export type GridA11yAttributes = typeof GRID_A11Y_ATTRIBUTES;
+/** A rectangle relative to the top left of the grid canvas, in CSS pixels */
+export type GridA11yRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/** A column header in an accessibility snapshot */
+export type GridA11yColumnSnapshot = {
+    column: VisibleIndex;
+    text: string;
+    rect: GridA11yRect;
+};
+/** A cell in an accessibility snapshot */
+export type GridA11yCellSnapshot = {
+    column: VisibleIndex;
+    text: string;
+    rect: GridA11yRect;
+};
+/** A row of cells in an accessibility snapshot */
+export type GridA11yRowSnapshot = {
+    row: VisibleIndex;
+    cells: readonly GridA11yCellSnapshot[];
+};
+/**
+ * The grid viewport at a point in time. Generated on demand rather than on
+ * every frame, as walking the viewport is far too expensive to do while
+ * scrolling.
+ */
+export type GridA11ySnapshot = {
+    /** A sentence describing the grid size, selection, and viewport */
+    description: string;
+    /** The number of rows in the whole grid, not just the viewport */
+    rowCount: number;
+    /** The number of columns in the whole grid, not just the viewport */
+    columnCount: number;
+    columns: readonly GridA11yColumnSnapshot[];
+    rows: readonly GridA11yRowSnapshot[];
+};
+/**
+ * Format a rect for the `data-grid-rect` attribute.
+ * @param rect The rect to format
+ * @returns The rect as `x,y,width,height`
+ */
+export declare function formatGridA11yRect({ x, y, width, height, }: GridA11yRect): string;
+/**
+ * Get a brief description of the grid size and selection.
+ * Only reads values the grid already has on hand, so it is cheap enough to
+ * regenerate on every render.
+ * @param model The model being displayed
+ * @param selection The current selection, or `null` when none
+ * @returns A sentence describing the grid
+ */
+export declare function getGridA11ySummary(model: GridModel, selection?: Selection | null): string;
+/**
+ * Get the text and bounds of everything currently in the viewport.
+ * Iterates every visible cell, so only generate it on demand.
+ * @param model The model being displayed
+ * @param metrics Metrics of the last render
+ * @param selection The current selection, or `null` when none
+ * @returns The snapshot to render into the canvas fallback content
+ */
+export declare function createGridA11ySnapshot(model: GridModel, metrics: GridMetrics, selection?: Selection | null): GridA11ySnapshot;
+//# sourceMappingURL=GridA11yUtils.d.ts.map

package/dist/GridA11yUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridA11yUtils.d.ts","sourceRoot":"","sources":["../src/GridA11yUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;IAC/B,8CAA8C;;IAG9C,0CAA0C;;IAG1C,wDAAwD;;IAGxD,kCAAkC;;IAGlC,qCAAqC;;IAGrC,0FAA0F;;CAElF,CAAC;AAEX,6DAA6D;AAC7D,MAAM,MAAM,kBAAkB,GAAG,OAAO,oBAAoB,CAAC;AAE7D,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,mDAAmD;AACnD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,0CAA0C;AAC1C,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,kDAAkD;AAClD,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,YAAY,CAAC;IAClB,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;CACxC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IAEpB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;IAEjB,qEAAqE;IACrE,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC3C,IAAI,EAAE,SAAS,mBAAmB,EAAE,CAAC;CACtC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,GACP,EAAE,YAAY,GAAG,MAAM,CAEvB;AAiID;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,SAAS,EAChB,SAAS,GAAE,SAAS,GAAG,IAAW,GACjC,MAAM,CAMR;AA0CD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,GAAE,SAAS,GAAG,IAAW,GACjC,gBAAgB,CAkGlB"}

package/dist/GridA11yUtils.js

@@ -0,0 +1,321 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * Attributes on the accessibility snapshot that Grid renders into its canvas
+ * fallback content. External tooling locates grid contents through these, so
+ * treat them as a public contract.
+ */
+export var GRID_A11Y_ATTRIBUTES = {
+  /** On the button that generates a snapshot */
+  describe: 'data-grid-a11y-describe',
+  /** On the root of a generated snapshot */
+  snapshot: 'data-grid-a11y-snapshot',
+  /** Visible column index. On column headers and cells */
+  column: 'data-grid-column',
+  /** Visible row index. On cells */
+  row: 'data-grid-row',
+  /** Header text. On column headers */
+  header: 'data-grid-header',
+  /** Bounds as `x,y,width,height`, relative to the top left of the canvas, in CSS pixels */
+  rect: 'data-grid-rect'
+};
+
+/** The attribute names used by the accessibility snapshot */
+
+/** A rectangle relative to the top left of the grid canvas, in CSS pixels */
+
+/** A column header in an accessibility snapshot */
+
+/** A cell in an accessibility snapshot */
+
+/** A row of cells in an accessibility snapshot */
+
+/**
+ * The grid viewport at a point in time. Generated on demand rather than on
+ * every frame, as walking the viewport is far too expensive to do while
+ * scrolling.
+ */
+
+/**
+ * Format a rect for the `data-grid-rect` attribute.
+ * @param rect The rect to format
+ * @returns The rect as `x,y,width,height`
+ */
+export function formatGridA11yRect(_ref) {
+  var x = _ref.x,
+    y = _ref.y,
+    width = _ref.width,
+    height = _ref.height;
+  return "".concat(x, ",").concat(y, ",").concat(width, ",").concat(height);
+}
+
+/**
+ * The area an item may be painted in, relative to the top left of the grid
+ * content area.
+ */
+
+/**
+ * Clip a rect to the bounds it is painted in and move it onto the canvas.
+ * @param rect The rect, relative to the top left of the grid content area
+ * @param bounds The bounds the rect is painted in
+ * @param metrics Metrics of the last render
+ * @returns The visible part of the rect relative to the top left of the
+ * canvas, or null if none of it can be interacted with
+ */
+function clipGridA11yRect(_ref2, _ref3, metrics) {
+  var x = _ref2.x,
+    y = _ref2.y,
+    width = _ref2.width,
+    height = _ref2.height;
+  var left = _ref3.left,
+    top = _ref3.top,
+    right = _ref3.right,
+    bottom = _ref3.bottom;
+  var clippedX = Math.max(x, left);
+  var clippedY = Math.max(y, top);
+  var clippedWidth = Math.min(x + width, right) - clippedX;
+  var clippedHeight = Math.min(y + height, bottom) - clippedY;
+  if (clippedWidth <= 0 || clippedHeight <= 0) {
+    return null;
+  }
+  return {
+    x: metrics.gridX + clippedX,
+    y: metrics.gridY + clippedY,
+    width: clippedWidth,
+    height: clippedHeight
+  };
+}
+
+/**
+ * Get the bounds of a cell, relative to the top left of the canvas.
+ * @param metrics Metrics of the last render
+ * @param column Visible column index of the cell
+ * @param row Visible row index of the cell
+ * @param isFloatingColumn Whether the column is frozen to the left or right
+ * @param isFloatingRow Whether the row is frozen to the top or bottom
+ * @returns The bounds of the cell, or null if none of it is interactable
+ */
+function getCellRect(metrics, column, row, isFloatingColumn, isFloatingRow) {
+  var x = metrics.allColumnXs.get(column);
+  var y = metrics.allRowYs.get(row);
+  var width = metrics.allColumnWidths.get(column);
+  var height = metrics.allRowHeights.get(row);
+  if (x == null || y == null || width == null || height == null) {
+    return null;
+  }
+  var gridX = metrics.gridX,
+    gridY = metrics.gridY,
+    verticalBarWidth = metrics.verticalBarWidth,
+    horizontalBarHeight = metrics.horizontalBarHeight,
+    floatingLeftWidth = metrics.floatingLeftWidth,
+    floatingRightWidth = metrics.floatingRightWidth,
+    floatingTopHeight = metrics.floatingTopHeight,
+    floatingBottomHeight = metrics.floatingBottomHeight;
+
+  // Scrollable cells run under the headers, the frozen panes, and the scroll
+  // bars, all of which are painted over them and take the click instead
+  var right = metrics.width - gridX - verticalBarWidth;
+  var bottom = metrics.height - gridY - horizontalBarHeight;
+  return clipGridA11yRect({
+    x,
+    y,
+    width,
+    height
+  }, {
+    left: isFloatingColumn ? 0 : floatingLeftWidth,
+    top: isFloatingRow ? 0 : floatingTopHeight,
+    right: isFloatingColumn ? right : right - floatingRightWidth,
+    bottom: isFloatingRow ? bottom : bottom - floatingBottomHeight
+  }, metrics);
+}
+
+/**
+ * Get the bounds of a bottom level column header, relative to the top left of the canvas.
+ * @param metrics Metrics of the last render
+ * @param column Visible column index of the header
+ * @param isFloatingColumn Whether the column is frozen to the left or right
+ * @returns The bounds of the header, or null if none of it is interactable
+ */
+function getColumnHeaderRect(metrics, column, isFloatingColumn) {
+  var x = metrics.allColumnXs.get(column);
+  var width = metrics.allColumnWidths.get(column);
+  if (x == null || width == null) {
+    return null;
+  }
+  var gridX = metrics.gridX,
+    columnHeaderHeight = metrics.columnHeaderHeight,
+    floatingLeftWidth = metrics.floatingLeftWidth,
+    floatingRightWidth = metrics.floatingRightWidth;
+
+  // Headers sit above the grid content, so the scroll bars never cover them
+  var right = metrics.width - gridX;
+  return clipGridA11yRect(
+  // The bottom level header sits directly above the grid content
+  {
+    x,
+    y: -columnHeaderHeight,
+    width,
+    height: columnHeaderHeight
+  }, {
+    left: isFloatingColumn ? 0 : floatingLeftWidth,
+    top: -columnHeaderHeight,
+    right: isFloatingColumn ? right : right - floatingRightWidth,
+    bottom: 0
+  }, metrics);
+}
+
+/**
+ * Get a brief description of the grid size and selection.
+ * Only reads values the grid already has on hand, so it is cheap enough to
+ * regenerate on every render.
+ * @param model The model being displayed
+ * @param selection The current selection, or `null` when none
+ * @returns A sentence describing the grid
+ */
+export function getGridA11ySummary(model) {
+  var selection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var rowCount = model.rowCount,
+    columnCount = model.columnCount;
+  var size = "Grid with ".concat(rowCount, " rows and ").concat(columnCount, " columns.");
+  return selection != null && !selection.isEmpty() ? "".concat(size, " ").concat(selection.describe()) : size;
+}
+
+/**
+ * Describe which rows are on screen. Consecutive rows are collapsed into a
+ * range, so floating rows read as separate groups instead of being lumped in
+ * with the scrolled rows between them.
+ * @param rows The visible rows, in any order
+ * @returns A sentence fragment such as `Showing rows 1 to 20 and 100`
+ */
+function getVisibleRowsDescription(rows) {
+  var ranges = [];
+  [...rows].sort((a, b) => a - b).forEach(row => {
+    var lastRange = ranges.at(-1);
+    if (lastRange != null && row === lastRange[1] + 1) {
+      lastRange[1] = row;
+    } else {
+      ranges.push([row, row]);
+    }
+  });
+  if (ranges.length === 0) {
+    return 'Showing no rows';
+  }
+
+  // Row indexes are zero based, but the row numbers the user sees are not
+  var descriptions = ranges.map(_ref4 => {
+    var _ref5 = _slicedToArray(_ref4, 2),
+      start = _ref5[0],
+      end = _ref5[1];
+    return start === end ? "".concat(start + 1) : "".concat(start + 1, " to ").concat(end + 1);
+  });
+  var label = rows.length === 1 ? 'row' : 'rows';
+  if (descriptions.length === 1) {
+    return "Showing ".concat(label, " ").concat(descriptions[0]);
+  }
+  if (descriptions.length === 2) {
+    return "Showing ".concat(label, " ").concat(descriptions[0], " and ").concat(descriptions[1]);
+  }
+  return "Showing ".concat(label, " ").concat(descriptions.slice(0, -1).join(', '), ", and ").concat(descriptions.at(-1));
+}
+
+/**
+ * Get the text and bounds of everything currently in the viewport.
+ * Iterates every visible cell, so only generate it on demand.
+ * @param model The model being displayed
+ * @param metrics Metrics of the last render
+ * @param selection The current selection, or `null` when none
+ * @returns The snapshot to render into the canvas fallback content
+ */
+export function createGridA11ySnapshot(model, metrics) {
+  var selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var rowCount = model.rowCount,
+    columnCount = model.columnCount;
+  var columns = [];
+  var rows = [];
+  var isHiddenColumn = column => {
+    var _metrics$allColumnWid;
+    return ((_metrics$allColumnWid = metrics.allColumnWidths.get(column)) !== null && _metrics$allColumnWid !== void 0 ? _metrics$allColumnWid : 0) <= 0;
+  };
+  var isHiddenRow = row => {
+    var _metrics$allRowHeight;
+    return ((_metrics$allRowHeight = metrics.allRowHeights.get(row)) !== null && _metrics$allRowHeight !== void 0 ? _metrics$allRowHeight : 0) <= 0;
+  };
+  var floatingColumns = new Set(metrics.floatingColumns);
+  var floatingRows = new Set(metrics.floatingRows);
+
+  // Hidden columns and rows are collapsed to nothing on screen, so leave them
+  // out rather than describing something the user cannot see
+  // Floating columns/rows are pinned to the edges of the grid and can also
+  // appear in the visible ranges, so dedupe them and describe everything in
+  // the order it appears on screen
+  var snapshotColumns = [...new Set([...metrics.floatingColumns, ...metrics.visibleColumns])].filter(column => !isHiddenColumn(column)).sort((a, b) => {
+    var _metrics$allColumnXs$, _metrics$allColumnXs$2;
+    return ((_metrics$allColumnXs$ = metrics.allColumnXs.get(a)) !== null && _metrics$allColumnXs$ !== void 0 ? _metrics$allColumnXs$ : 0) - ((_metrics$allColumnXs$2 = metrics.allColumnXs.get(b)) !== null && _metrics$allColumnXs$2 !== void 0 ? _metrics$allColumnXs$2 : 0);
+  });
+  var snapshotRows = [...new Set([...metrics.floatingRows, ...metrics.visibleRows])].filter(row => !isHiddenRow(row)).sort((a, b) => {
+    var _metrics$allRowYs$get, _metrics$allRowYs$get2;
+    return ((_metrics$allRowYs$get = metrics.allRowYs.get(a)) !== null && _metrics$allRowYs$get !== void 0 ? _metrics$allRowYs$get : 0) - ((_metrics$allRowYs$get2 = metrics.allRowYs.get(b)) !== null && _metrics$allRowYs$get2 !== void 0 ? _metrics$allRowYs$get2 : 0);
+  });
+  snapshotColumns.forEach(column => {
+    var _model$textForColumnH;
+    var modelColumn = metrics.modelColumns.get(column);
+    var rect = getColumnHeaderRect(metrics, column, floatingColumns.has(column));
+    if (modelColumn == null || rect == null) {
+      return;
+    }
+    columns.push({
+      column,
+      text: (_model$textForColumnH = model.textForColumnHeader(modelColumn, 0)) !== null && _model$textForColumnH !== void 0 ? _model$textForColumnH : '',
+      rect
+    });
+  });
+  snapshotRows.forEach(row => {
+    var modelRow = metrics.modelRows.get(row);
+    if (modelRow == null) {
+      return;
+    }
+    var isFloatingRow = floatingRows.has(row);
+    var cells = [];
+    snapshotColumns.forEach(column => {
+      var modelColumn = metrics.modelColumns.get(column);
+      var rect = getCellRect(metrics, column, row, floatingColumns.has(column), isFloatingRow);
+      if (modelColumn == null || rect == null) {
+        return;
+      }
+      cells.push({
+        column,
+        text: model.textForCell(modelColumn, modelRow),
+        rect
+      });
+    });
+    // A row with nothing left after clipping is entirely covered by the frozen
+    // panes or the scroll bars
+    if (cells.length > 0) {
+      rows.push({
+        row,
+        cells
+      });
+    }
+  });
+  var headers = columns.map(_ref6 => {
+    var text = _ref6.text;
+    return text;
+  }).filter(text => text !== '');
+  var visibleRows = getVisibleRowsDescription(rows.map(_ref7 => {
+    var row = _ref7.row;
+    return row;
+  }));
+  var viewport = headers.length > 0 ? "".concat(visibleRows, ", columns ").concat(headers.join(', '), ".") : "".concat(visibleRows, ".");
+  return {
+    description: "".concat(getGridA11ySummary(model, selection), " ").concat(viewport),
+    rowCount,
+    columnCount,
+    columns,
+    rows
+  };
+}
+//# sourceMappingURL=GridA11yUtils.js.map

package/dist/GridA11yUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridA11yUtils.js","names":["GRID_A11Y_ATTRIBUTES","describe","snapshot","column","row","header","rect","formatGridA11yRect","_ref","x","y","width","height","concat","clipGridA11yRect","_ref2","_ref3","metrics","left","top","right","bottom","clippedX","Math","max","clippedY","clippedWidth","min","clippedHeight","gridX","gridY","getCellRect","isFloatingColumn","isFloatingRow","allColumnXs","get","allRowYs","allColumnWidths","allRowHeights","verticalBarWidth","horizontalBarHeight","floatingLeftWidth","floatingRightWidth","floatingTopHeight","floatingBottomHeight","getColumnHeaderRect","columnHeaderHeight","getGridA11ySummary","model","selection","arguments","length","undefined","rowCount","columnCount","size","isEmpty","getVisibleRowsDescription","rows","ranges","sort","a","b","forEach","lastRange","at","push","descriptions","map","_ref4","_ref5","_slicedToArray","start","end","label","slice","join","createGridA11ySnapshot","columns","isHiddenColumn","_metrics$allColumnWid","isHiddenRow","_metrics$allRowHeight","floatingColumns","Set","floatingRows","snapshotColumns","visibleColumns","filter","_metrics$allColumnXs$","_metrics$allColumnXs$2","snapshotRows","visibleRows","_metrics$allRowYs$get","_metrics$allRowYs$get2","_model$textForColumnH","modelColumn","modelColumns","has","text","textForColumnHeader","modelRow","modelRows","cells","textForCell","headers","_ref6","_ref7","viewport","description"],"sources":["../src/GridA11yUtils.ts"],"sourcesContent":["import type GridMetrics from './GridMetrics';\nimport { type VisibleIndex } from './GridMetrics';\nimport type GridModel from './GridModel';\nimport type { Selection } from './Selection';\n\n/**\n * Attributes on the accessibility snapshot that Grid renders into its canvas\n * fallback content. External tooling locates grid contents through these, so\n * treat them as a public contract.\n */\nexport const GRID_A11Y_ATTRIBUTES = {\n  /** On the button that generates a snapshot */\n  describe: 'data-grid-a11y-describe',\n\n  /** On the root of a generated snapshot */\n  snapshot: 'data-grid-a11y-snapshot',\n\n  /** Visible column index. On column headers and cells */\n  column: 'data-grid-column',\n\n  /** Visible row index. On cells */\n  row: 'data-grid-row',\n\n  /** Header text. On column headers */\n  header: 'data-grid-header',\n\n  /** Bounds as `x,y,width,height`, relative to the top left of the canvas, in CSS pixels */\n  rect: 'data-grid-rect',\n} as const;\n\n/** The attribute names used by the accessibility snapshot */\nexport type GridA11yAttributes = typeof GRID_A11Y_ATTRIBUTES;\n\n/** A rectangle relative to the top left of the grid canvas, in CSS pixels */\nexport type GridA11yRect = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\n/** A column header in an accessibility snapshot */\nexport type GridA11yColumnSnapshot = {\n  column: VisibleIndex;\n  text: string;\n  rect: GridA11yRect;\n};\n\n/** A cell in an accessibility snapshot */\nexport type GridA11yCellSnapshot = {\n  column: VisibleIndex;\n  text: string;\n  rect: GridA11yRect;\n};\n\n/** A row of cells in an accessibility snapshot */\nexport type GridA11yRowSnapshot = {\n  row: VisibleIndex;\n  cells: readonly GridA11yCellSnapshot[];\n};\n\n/**\n * The grid viewport at a point in time. Generated on demand rather than on\n * every frame, as walking the viewport is far too expensive to do while\n * scrolling.\n */\nexport type GridA11ySnapshot = {\n  /** A sentence describing the grid size, selection, and viewport */\n  description: string;\n\n  /** The number of rows in the whole grid, not just the viewport */\n  rowCount: number;\n\n  /** The number of columns in the whole grid, not just the viewport */\n  columnCount: number;\n\n  columns: readonly GridA11yColumnSnapshot[];\n  rows: readonly GridA11yRowSnapshot[];\n};\n\n/**\n * Format a rect for the `data-grid-rect` attribute.\n * @param rect The rect to format\n * @returns The rect as `x,y,width,height`\n */\nexport function formatGridA11yRect({\n  x,\n  y,\n  width,\n  height,\n}: GridA11yRect): string {\n  return `${x},${y},${width},${height}`;\n}\n\n/**\n * The area an item may be painted in, relative to the top left of the grid\n * content area.\n */\ntype GridA11yBounds = {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n};\n\n/**\n * Clip a rect to the bounds it is painted in and move it onto the canvas.\n * @param rect The rect, relative to the top left of the grid content area\n * @param bounds The bounds the rect is painted in\n * @param metrics Metrics of the last render\n * @returns The visible part of the rect relative to the top left of the\n * canvas, or null if none of it can be interacted with\n */\nfunction clipGridA11yRect(\n  { x, y, width, height }: GridA11yRect,\n  { left, top, right, bottom }: GridA11yBounds,\n  metrics: GridMetrics\n): GridA11yRect | null {\n  const clippedX = Math.max(x, left);\n  const clippedY = Math.max(y, top);\n  const clippedWidth = Math.min(x + width, right) - clippedX;\n  const clippedHeight = Math.min(y + height, bottom) - clippedY;\n  if (clippedWidth <= 0 || clippedHeight <= 0) {\n    return null;\n  }\n\n  return {\n    x: metrics.gridX + clippedX,\n    y: metrics.gridY + clippedY,\n    width: clippedWidth,\n    height: clippedHeight,\n  };\n}\n\n/**\n * Get the bounds of a cell, relative to the top left of the canvas.\n * @param metrics Metrics of the last render\n * @param column Visible column index of the cell\n * @param row Visible row index of the cell\n * @param isFloatingColumn Whether the column is frozen to the left or right\n * @param isFloatingRow Whether the row is frozen to the top or bottom\n * @returns The bounds of the cell, or null if none of it is interactable\n */\nfunction getCellRect(\n  metrics: GridMetrics,\n  column: VisibleIndex,\n  row: VisibleIndex,\n  isFloatingColumn: boolean,\n  isFloatingRow: boolean\n): GridA11yRect | null {\n  const x = metrics.allColumnXs.get(column);\n  const y = metrics.allRowYs.get(row);\n  const width = metrics.allColumnWidths.get(column);\n  const height = metrics.allRowHeights.get(row);\n  if (x == null || y == null || width == null || height == null) {\n    return null;\n  }\n\n  const {\n    gridX,\n    gridY,\n    verticalBarWidth,\n    horizontalBarHeight,\n    floatingLeftWidth,\n    floatingRightWidth,\n    floatingTopHeight,\n    floatingBottomHeight,\n  } = metrics;\n\n  // Scrollable cells run under the headers, the frozen panes, and the scroll\n  // bars, all of which are painted over them and take the click instead\n  const right = metrics.width - gridX - verticalBarWidth;\n  const bottom = metrics.height - gridY - horizontalBarHeight;\n  return clipGridA11yRect(\n    { x, y, width, height },\n    {\n      left: isFloatingColumn ? 0 : floatingLeftWidth,\n      top: isFloatingRow ? 0 : floatingTopHeight,\n      right: isFloatingColumn ? right : right - floatingRightWidth,\n      bottom: isFloatingRow ? bottom : bottom - floatingBottomHeight,\n    },\n    metrics\n  );\n}\n\n/**\n * Get the bounds of a bottom level column header, relative to the top left of the canvas.\n * @param metrics Metrics of the last render\n * @param column Visible column index of the header\n * @param isFloatingColumn Whether the column is frozen to the left or right\n * @returns The bounds of the header, or null if none of it is interactable\n */\nfunction getColumnHeaderRect(\n  metrics: GridMetrics,\n  column: VisibleIndex,\n  isFloatingColumn: boolean\n): GridA11yRect | null {\n  const x = metrics.allColumnXs.get(column);\n  const width = metrics.allColumnWidths.get(column);\n  if (x == null || width == null) {\n    return null;\n  }\n\n  const { gridX, columnHeaderHeight, floatingLeftWidth, floatingRightWidth } =\n    metrics;\n\n  // Headers sit above the grid content, so the scroll bars never cover them\n  const right = metrics.width - gridX;\n  return clipGridA11yRect(\n    // The bottom level header sits directly above the grid content\n    { x, y: -columnHeaderHeight, width, height: columnHeaderHeight },\n    {\n      left: isFloatingColumn ? 0 : floatingLeftWidth,\n      top: -columnHeaderHeight,\n      right: isFloatingColumn ? right : right - floatingRightWidth,\n      bottom: 0,\n    },\n    metrics\n  );\n}\n\n/**\n * Get a brief description of the grid size and selection.\n * Only reads values the grid already has on hand, so it is cheap enough to\n * regenerate on every render.\n * @param model The model being displayed\n * @param selection The current selection, or `null` when none\n * @returns A sentence describing the grid\n */\nexport function getGridA11ySummary(\n  model: GridModel,\n  selection: Selection | null = null\n): string {\n  const { rowCount, columnCount } = model;\n  const size = `Grid with ${rowCount} rows and ${columnCount} columns.`;\n  return selection != null && !selection.isEmpty()\n    ? `${size} ${selection.describe()}`\n    : size;\n}\n\n/**\n * Describe which rows are on screen. Consecutive rows are collapsed into a\n * range, so floating rows read as separate groups instead of being lumped in\n * with the scrolled rows between them.\n * @param rows The visible rows, in any order\n * @returns A sentence fragment such as `Showing rows 1 to 20 and 100`\n */\nfunction getVisibleRowsDescription(rows: readonly VisibleIndex[]): string {\n  const ranges: Array<[number, number]> = [];\n  [...rows]\n    .sort((a, b) => a - b)\n    .forEach(row => {\n      const lastRange = ranges.at(-1);\n      if (lastRange != null && row === lastRange[1] + 1) {\n        lastRange[1] = row;\n      } else {\n        ranges.push([row, row]);\n      }\n    });\n\n  if (ranges.length === 0) {\n    return 'Showing no rows';\n  }\n\n  // Row indexes are zero based, but the row numbers the user sees are not\n  const descriptions = ranges.map(([start, end]) =>\n    start === end ? `${start + 1}` : `${start + 1} to ${end + 1}`\n  );\n  const label = rows.length === 1 ? 'row' : 'rows';\n  if (descriptions.length === 1) {\n    return `Showing ${label} ${descriptions[0]}`;\n  }\n  if (descriptions.length === 2) {\n    return `Showing ${label} ${descriptions[0]} and ${descriptions[1]}`;\n  }\n  return `Showing ${label} ${descriptions\n    .slice(0, -1)\n    .join(', ')}, and ${descriptions.at(-1)}`;\n}\n\n/**\n * Get the text and bounds of everything currently in the viewport.\n * Iterates every visible cell, so only generate it on demand.\n * @param model The model being displayed\n * @param metrics Metrics of the last render\n * @param selection The current selection, or `null` when none\n * @returns The snapshot to render into the canvas fallback content\n */\nexport function createGridA11ySnapshot(\n  model: GridModel,\n  metrics: GridMetrics,\n  selection: Selection | null = null\n): GridA11ySnapshot {\n  const { rowCount, columnCount } = model;\n  const columns: GridA11yColumnSnapshot[] = [];\n  const rows: GridA11yRowSnapshot[] = [];\n\n  const isHiddenColumn = (column: VisibleIndex): boolean =>\n    (metrics.allColumnWidths.get(column) ?? 0) <= 0;\n  const isHiddenRow = (row: VisibleIndex): boolean =>\n    (metrics.allRowHeights.get(row) ?? 0) <= 0;\n\n  const floatingColumns = new Set(metrics.floatingColumns);\n  const floatingRows = new Set(metrics.floatingRows);\n\n  // Hidden columns and rows are collapsed to nothing on screen, so leave them\n  // out rather than describing something the user cannot see\n  // Floating columns/rows are pinned to the edges of the grid and can also\n  // appear in the visible ranges, so dedupe them and describe everything in\n  // the order it appears on screen\n  const snapshotColumns = [\n    ...new Set([...metrics.floatingColumns, ...metrics.visibleColumns]),\n  ]\n    .filter(column => !isHiddenColumn(column))\n    .sort(\n      (a, b) =>\n        (metrics.allColumnXs.get(a) ?? 0) - (metrics.allColumnXs.get(b) ?? 0)\n    );\n\n  const snapshotRows = [\n    ...new Set([...metrics.floatingRows, ...metrics.visibleRows]),\n  ]\n    .filter(row => !isHiddenRow(row))\n    .sort(\n      (a, b) => (metrics.allRowYs.get(a) ?? 0) - (metrics.allRowYs.get(b) ?? 0)\n    );\n\n  snapshotColumns.forEach(column => {\n    const modelColumn = metrics.modelColumns.get(column);\n    const rect = getColumnHeaderRect(\n      metrics,\n      column,\n      floatingColumns.has(column)\n    );\n    if (modelColumn == null || rect == null) {\n      return;\n    }\n    columns.push({\n      column,\n      text: model.textForColumnHeader(modelColumn, 0) ?? '',\n      rect,\n    });\n  });\n\n  snapshotRows.forEach(row => {\n    const modelRow = metrics.modelRows.get(row);\n    if (modelRow == null) {\n      return;\n    }\n    const isFloatingRow = floatingRows.has(row);\n    const cells: GridA11yCellSnapshot[] = [];\n    snapshotColumns.forEach(column => {\n      const modelColumn = metrics.modelColumns.get(column);\n      const rect = getCellRect(\n        metrics,\n        column,\n        row,\n        floatingColumns.has(column),\n        isFloatingRow\n      );\n      if (modelColumn == null || rect == null) {\n        return;\n      }\n      cells.push({\n        column,\n        text: model.textForCell(modelColumn, modelRow),\n        rect,\n      });\n    });\n    // A row with nothing left after clipping is entirely covered by the frozen\n    // panes or the scroll bars\n    if (cells.length > 0) {\n      rows.push({ row, cells });\n    }\n  });\n\n  const headers = columns.map(({ text }) => text).filter(text => text !== '');\n  const visibleRows = getVisibleRowsDescription(rows.map(({ row }) => row));\n  const viewport =\n    headers.length > 0\n      ? `${visibleRows}, columns ${headers.join(', ')}.`\n      : `${visibleRows}.`;\n\n  return {\n    description: `${getGridA11ySummary(model, selection)} ${viewport}`,\n    rowCount,\n    columnCount,\n    columns,\n    rows,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/GridRenderer.d.ts

@@ -133,6 +133,15 @@ export declare class GridRenderer {
         maxY?: Coordinate;
     }): void;
     drawActiveCell(context: CanvasRenderingContext2D, state: GridRenderState, column: VisibleIndex, row: VisibleIndex): void;
+    /**
+     * Draws an outline around the in-flight ctrl+click / ctrl+shift+click drag
+     * rectangle. Uses `selection.cursor` (mouse-down anchor) and
+     * `selection.selectionEnd` (current drag position) for the bounds. For row
+     * selection themes only the top and bottom horizontal strokes are drawn
+     * (row-boundary preview); for column selection only left/right; for cell
+     * selection all four sides.
+     */
+    drawGestureDragOutline(context: CanvasRenderingContext2D, state: GridRenderState): void;
     /**
      * Draws a rounded rectangle using the current state of the canvas.
      *