@vaadin/grid 25.2.0-alpha1 → 25.2.0-alpha10

package/custom-elements.json

@@ -4016,6 +4016,20 @@
                 "module": "src/vaadin-grid-row-details-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "dragFilter",
@@ -4519,6 +4533,18 @@
                 "module": "src/vaadin-grid-data-provider-mixin.js"
               }
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "name": "drag-filter",
               "type": {
@@ -7764,6 +7790,20 @@
                 "module": "src/vaadin-grid-row-details-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "dragFilter",
@@ -8213,7 +8253,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when a cell is focused with click or keyboard navigation.",
+              "description": "Fired when a cell is focused with click or keyboard navigation. Use the `context` property to read event details.",
               "name": "cell-focus"
             },
             {
@@ -8415,6 +8455,18 @@
                 "module": "src/vaadin-grid-data-provider-mixin.js"
               }
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the user cannot interact with this element.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "package": "@vaadin/a11y-base/src/disabled-mixin.js"
+              }
+            },
             {
               "name": "drag-filter",
               "type": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/grid",
-  "version": "25.2.0-alpha1",
+  "version": "25.2.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -45,20 +45,20 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.2.0-alpha1",
-    "@vaadin/checkbox": "25.2.0-alpha1",
-    "@vaadin/component-base": "25.2.0-alpha1",
-    "@vaadin/lit-renderer": "25.2.0-alpha1",
-    "@vaadin/text-field": "25.2.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha1",
+    "@vaadin/a11y-base": "25.2.0-alpha10",
+    "@vaadin/checkbox": "25.2.0-alpha10",
+    "@vaadin/component-base": "25.2.0-alpha10",
+    "@vaadin/lit-renderer": "25.2.0-alpha10",
+    "@vaadin/text-field": "25.2.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.2.0-alpha1",
-    "@vaadin/chai-plugins": "25.2.0-alpha1",
-    "@vaadin/test-runner-commands": "25.2.0-alpha1",
+    "@vaadin/aura": "25.2.0-alpha10",
+    "@vaadin/chai-plugins": "25.2.0-alpha10",
+    "@vaadin/test-runner-commands": "25.2.0-alpha10",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha1",
+    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
     "sinon": "^21.0.2"
   },
   "customElements": "custom-elements.json",
@@ -66,5 +66,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "866f813f89655a351cbd25328eba1fcb317e267d"
+  "gitHead": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
 }

package/src/vaadin-grid-a11y-mixin.js

@@ -54,7 +54,7 @@ export const A11yMixin = (superClass) =>
 
       // If no header and footer rows while the empty state is active, count as one column
       // Otherwise, use the number of body columns, if present
-      const columnsCount = emptyState ? 1 : (rowsCount && bodyColumns && bodyColumns.length) || 0;
+      const columnsCount = emptyState ? 1 : (rowsCount && bodyColumns?.length) || 0;
       this.$.table.setAttribute('aria-colcount', columnsCount);
 
       this.__a11yUpdateHeaderRows();
@@ -164,7 +164,7 @@ export const A11yMixin = (superClass) =>
         while (cellContent && cellContent.localName !== 'vaadin-grid-cell-content') {
           cellContent = cellContent.parentNode;
         }
-        if (cellContent && cellContent.assignedSlot) {
+        if (cellContent?.assignedSlot) {
           const cell = cellContent.assignedSlot.parentNode;
           cell.setAttribute(
             'aria-sort',

package/src/vaadin-grid-active-item-mixin.js

@@ -116,16 +116,4 @@ export const ActiveItemMixin = (superClass) =>
     _isFocusable(target) {
       return isFocusable(target);
     }
-
-    /**
-     * Fired when the `activeItem` property changes.
-     *
-     * @event active-item-changed
-     */
-
-    /**
-     * Fired when the cell is activated with click or keyboard.
-     *
-     * @event cell-activate
-     */
   };

package/src/vaadin-grid-column-auto-width-mixin.js

@@ -145,8 +145,7 @@ export const ColumnAutoWidthMixin = (superClass) =>
         }
       });
 
-      this.__hasHadRenderedRowsForColumnWidthCalculation =
-        this.__hasHadRenderedRowsForColumnWidthCalculation || this._getRenderedRows().length > 0;
+      this.__hasHadRenderedRowsForColumnWidthCalculation ||= this._getRenderedRows().length > 0;
 
       this.__intrinsicWidthCache = new Map();
       // Cache the viewport rows to avoid unnecessary reflows while measuring the column widths

package/src/vaadin-grid-column-group.d.ts

@@ -36,7 +36,9 @@ export * from './vaadin-grid-column-group-mixin.js';
  * column2.renderer = (root, column, model) => { ... };
  * ```
  */
-declare class GridColumnGroup extends HTMLElement {}
+declare class GridColumnGroup extends HTMLElement {
+  hidden: boolean;
+}
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 interface GridColumnGroup<TItem = GridDefaultItem> extends GridColumnGroupMixin<TItem, GridColumnGroup<TItem>> {}

package/src/vaadin-grid-column-mixin.js

@@ -29,7 +29,7 @@ export const ColumnBaseMixin = (superClass) =>
             }
 
             const parent = this.parentNode;
-            if (parent && parent.localName === 'vaadin-grid-column-group') {
+            if (parent?.localName === 'vaadin-grid-column-group') {
               return parent.resizable || false;
             }
             return false;
@@ -563,7 +563,7 @@ export const ColumnBaseMixin = (superClass) =>
 
     /** @protected */
     _runRenderer(renderer, cell, model) {
-      const isVisibleBodyCell = model && model.item && !cell.parentElement.hidden;
+      const isVisibleBodyCell = model?.item && !cell.parentElement.hidden;
       const shouldRender = isVisibleBodyCell || renderer === this._headerRenderer || renderer === this._footerRenderer;
       if (!shouldRender) {
         return;

package/src/vaadin-grid-column-reordering-mixin.js

@@ -147,8 +147,8 @@ export const ColumnReorderingMixin = (superClass) =>
       }
 
       // Cancel reordering if there are draggable nodes on the event path following this element
-      const path = e.composedPath && e.composedPath();
-      if (path && path.slice(0, Math.max(0, path.indexOf(this))).some((node) => node.draggable)) {
+      const path = e.composedPath?.();
+      if (path?.slice(0, Math.max(0, path.indexOf(this))).some((node) => node.draggable)) {
         return;
       }
 
@@ -271,7 +271,7 @@ export const ColumnReorderingMixin = (superClass) =>
         }
         // Check if element is the cell of a focus button mode column
         const { parentElement } = element;
-        if (parentElement && parentElement._focusButton === element) {
+        if (parentElement?._focusButton === element) {
           return parentElement;
         }
       }
@@ -337,6 +337,36 @@ export const ColumnReorderingMixin = (superClass) =>
       updateColumnOrders(columnTree[0], this._orderBaseScope, 0);
     }
 
+    /**
+     * Resets the visual column order so that cells in every row reflect the
+     * current DOM order of `<vaadin-grid-column>` elements.
+     *
+     * Intended to be called by Vaadin Flow's `GridColumnOrderHelper` (via
+     * `executeJs`) to realign cell order with the column DOM order after an
+     * earlier drag reorder, even when the column DOM order itself has not
+     * changed (in which case the `_columnTree` observer does not fire and
+     * `_renderColumnTree` does not re-render the rows).
+     *
+     * @private
+     */
+    _resetColumnOrder() {
+      if (this._columnTree === undefined) {
+        return;
+      }
+
+      // Each `_columnTree[level]` array is already in DOM order. If every
+      // level's `_order` values are monotonically non-decreasing along that
+      // array, cells are already in sync with DOM order and no work is needed.
+      const alreadyInDomOrder = this._columnTree.every((level) =>
+        level.every((column, i) => i === 0 || column._order >= level[i - 1]._order),
+      );
+      if (alreadyInDomOrder) {
+        return;
+      }
+
+      this._columnTree = this._getColumnTree();
+    }
+
     /**
      * @param {!GridColumn} column
      * @param {string} status
@@ -451,12 +481,4 @@ export const ColumnReorderingMixin = (superClass) =>
         return targetCell._column;
       }
     }
-
-    /**
-     * Fired when the columns in the grid are reordered.
-     *
-     * @event column-reorder
-     * @param {Object} detail
-     * @param {Object} detail.columns the columns in the new order
-     */
   };

package/src/vaadin-grid-column-resizing-mixin.js

@@ -126,12 +126,4 @@ export const ColumnResizingMixin = (superClass) =>
         this._resizeHandler();
       }
     }
-
-    /**
-     * Fired when a column in the grid is resized by the user.
-     *
-     * @event column-resize
-     * @param {Object} detail
-     * @param {Object} detail.resizedColumn the column that was resized
-     */
   };

package/src/vaadin-grid-column.d.ts

@@ -22,9 +22,12 @@ export type GridHeaderFooterRenderer<TItem = GridDefaultItem> = GridMixinHeaderF
  * See [`<vaadin-grid>`](#/elements/vaadin-grid) documentation for instructions on how
  * to configure the `<vaadin-grid-column>`.
  */
-declare class GridColumn<TItem = GridDefaultItem> extends HTMLElement {}
+declare class GridColumn<TItem = GridDefaultItem> extends HTMLElement {
+  hidden: boolean;
+}
 
-interface GridColumn<TItem = GridDefaultItem> extends GridColumnMixin<TItem, GridColumn<TItem>>, HTMLElement {}
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+interface GridColumn<TItem = GridDefaultItem> extends GridColumnMixin<TItem, GridColumn<TItem>> {}
 
 declare global {
   interface HTMLElementTagNameMap {

package/src/vaadin-grid-data-provider-mixin.js

@@ -397,22 +397,6 @@ export const DataProviderMixin = (superClass) =>
       return this.getItemId(item1) === this.getItemId(item2);
     }
 
-    /**
-     * @param {!GridItem} item
-     * @param {!Array<!GridItem>} array
-     * @return {number}
-     * @protected
-     */
-    _getItemIndexInArray(item, array) {
-      let result = -1;
-      array.forEach((i, idx) => {
-        if (this._itemsEqual(i, item)) {
-          result = idx;
-        }
-      });
-      return result;
-    }
-
     /**
      * Scroll to a specific row index in the virtual list. Note that the row index is
      * not always the same for any particular item. For example, sorting or filtering
@@ -454,16 +438,4 @@ export const DataProviderMixin = (superClass) =>
         this.scrollToIndex(...indexes);
       }
     }
-
-    /**
-     * Fired when the `expandedItems` property changes.
-     *
-     * @event expanded-items-changed
-     */
-
-    /**
-     * Fired when the `loading` property changes.
-     *
-     * @event loading-changed
-     */
   };

package/src/vaadin-grid-drag-and-drop-mixin.js

@@ -286,7 +286,7 @@ export const DragAndDropMixin = (superClass) =>
           }
         }
 
-        if (row && row.hasAttribute('drop-disabled')) {
+        if (row?.hasAttribute('drop-disabled')) {
           this._dropLocation = undefined;
           return;
         }
@@ -497,44 +497,4 @@ export const DragAndDropMixin = (superClass) =>
         'drop-disabled': !!dropDisabled,
       });
     }
-
-    /**
-     * Fired when starting to drag grid rows.
-     *
-     * @event grid-dragstart
-     * @param {Object} originalEvent The native dragstart event
-     * @param {Object} detail
-     * @param {Object} detail.draggedItems the items in the visible viewport that are dragged
-     * @param {Function} detail.setDraggedItemsCount Overrides the default number shown in the drag image on multi row drag.
-     * Parameter is of type number.
-     * @param {Function} detail.setDragData Sets dataTransfer data for the drag operation.
-     * Note that "text" is the only data type supported by all the browsers the grid currently supports (including IE11).
-     * The function takes two parameters:
-     * - type:string The type of the data
-     * - data:string The data
-     */
-
-    /**
-     * Fired when the dragging of the rows ends.
-     *
-     * @event grid-dragend
-     * @param {Object} originalEvent The native dragend event
-     */
-
-    /**
-     * Fired when a drop occurs on top of the grid.
-     *
-     * @event grid-drop
-     * @param {Object} originalEvent The native drop event
-     * @param {Object} detail
-     * @param {Object} detail.dropTargetItem The item of the grid row on which the drop occurred.
-     * @param {string} detail.dropLocation The position at which the drop event took place relative to a row.
-     * Depending on the dropMode value, the drop location can be one of the following
-     * - `on-top`: when the drop occurred on top of the row
-     * - `above`: when the drop occurred above the row
-     * - `below`: when the drop occurred below the row
-     * - `empty`: when the drop occurred over the grid, not relative to any specific row
-     * @param {string} detail.dragData An array of items with the payload as a string representation as the
-     * `data` property and the type of the data as `type` property.
-     */
   };

package/src/vaadin-grid-dynamic-columns-mixin.js

@@ -112,7 +112,7 @@ export const DynamicColumnsMixin = (superClass) =>
       this._observer = new ColumnObserver(this, (_addedColumns, removedColumns) => {
         const allRemovedCells = removedColumns.flatMap((c) => c._allCells);
         const filterNotConnected = (element) =>
-          allRemovedCells.filter((cell) => cell && cell._content.contains(element)).length;
+          allRemovedCells.filter((cell) => cell?._content.contains(element)).length;
 
         this.__removeSorters(this._sorters.filter(filterNotConnected));
         this.__removeFilters(this._filters.filter(filterNotConnected));

package/src/vaadin-grid-event-context-mixin.js

@@ -49,7 +49,7 @@ export const EventContextMixin = (superClass) =>
       }
 
       if (context.section === 'body' || context.section === 'details') {
-        Object.assign(context, this.__getRowModel(cell.parentElement));
+        Object.assign(context, this.__getRowModel(cell.__parentRow));
       }
 
       return context;

package/src/vaadin-grid-filter-column.d.ts

@@ -22,7 +22,9 @@ export * from './vaadin-grid-filter-column-mixin.js';
  *    ...
  * ```
  */
-declare class GridFilterColumn<TItem = GridDefaultItem> extends HTMLElement {}
+declare class GridFilterColumn<TItem = GridDefaultItem> extends HTMLElement {
+  hidden: boolean;
+}
 
 interface GridFilterColumn<TItem = GridDefaultItem>
   extends GridFilterColumnMixinClass, GridColumnMixin<TItem, GridColumn<TItem>>, GridColumn<TItem> {}

package/src/vaadin-grid-helpers.js

@@ -221,7 +221,7 @@ export class ColumnObserver {
   __onMutation() {
     // Detect if this is the initial call
     const initialCall = !this.__currentColumns;
-    this.__currentColumns = this.__currentColumns || [];
+    this.__currentColumns ||= [];
 
     // Detect added and removed columns or if the columns order has changed
     const columns = ColumnObserver.getColumns(this.__host);

package/src/vaadin-grid-keyboard-navigation-mixin.js

@@ -103,7 +103,7 @@ export const KeyboardNavigationMixin = (superClass) =>
       ['_itemsFocusable', '_footerFocusable', '_headerFocusable'].forEach((prop) => {
         const focusable = this[prop];
         if (value) {
-          const parent = focusable && focusable.parentElement;
+          const parent = focusable?.parentElement;
           if (isCell(focusable)) {
             // Cell itself focusable (default)
             this[prop] = parent;
@@ -1097,12 +1097,4 @@ export const KeyboardNavigationMixin = (superClass) =>
       }
       return null;
     }
-
-    /**
-     * Fired when a cell is focused with click or keyboard navigation.
-     *
-     * Use context property of @see {@link GridCellFocusEvent} to get detail information about the event.
-     *
-     * @event cell-focus
-     */
   };

package/src/vaadin-grid-mixin.js

@@ -417,7 +417,7 @@ export const GridMixin = (superClass) =>
       const slot = document.createElement('slot');
       slot.setAttribute('name', slotName);
 
-      if (column && column._focusButtonMode) {
+      if (column?._focusButtonMode) {
         const div = document.createElement('div');
         div.setAttribute('role', 'button');
         div.setAttribute('tabindex', '-1');
@@ -536,6 +536,7 @@ export const GridMixin = (superClass) =>
                 contentsFragment.appendChild(detailsCell._content);
               }
               this._configureDetailsCell(detailsCell);
+              detailsCell.__parentRow = row;
               row.appendChild(detailsCell);
               // Cache the details cell reference
               row.__detailsCell = detailsCell;
@@ -870,7 +871,7 @@ export const GridMixin = (superClass) =>
     _showTooltip(event) {
       // Check if there is a slotted vaadin-tooltip element.
       const tooltip = this._tooltipController.node;
-      if (tooltip && tooltip.isConnected) {
+      if (tooltip?.isConnected) {
         const target = event.target;
 
         if (!this.__isCellFullyVisible(target)) {
@@ -881,7 +882,7 @@ export const GridMixin = (superClass) =>
         this._tooltipController.setContext(this.getEventContext(event));
 
         // Trigger opening using the corresponding delay.
-        tooltip._stateController.open({
+        this._tooltipController.open({
           focus: event.type === 'focusin',
           hover: event.type === 'mouseenter',
         });
@@ -917,10 +918,7 @@ export const GridMixin = (superClass) =>
 
     /** @protected */
     _hideTooltip(immediate) {
-      const tooltip = this._tooltipController && this._tooltipController.node;
-      if (tooltip) {
-        tooltip._stateController.close(immediate);
-      }
+      this._tooltipController.close(immediate);
     }
 
     /**

package/src/vaadin-grid-row-details-mixin.js

@@ -3,7 +3,7 @@
  * Copyright (c) 2016 - 2026 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { iterateChildren, updatePart } from './vaadin-grid-helpers.js';
+import { updatePart } from './vaadin-grid-helpers.js';
 
 /**
  * @polymerMixin
@@ -50,6 +50,15 @@ export const RowDetailsMixin = (superClass) =>
         _detailsCells: {
           type: Array,
         },
+
+        /**
+         * Set of opened details item ids
+         * @private
+         */
+        __detailsOpenedKeys: {
+          type: Object,
+          computed: '__computeDetailsOpenedKeys(itemIdPath, detailsOpenedItems)',
+        },
       };
     }
 
@@ -79,10 +88,15 @@ export const RowDetailsMixin = (superClass) =>
 
       if (this._columnTree) {
         // Only update the rows if the column tree has already been initialized
-        iterateChildren(this.$.items, (row) => {
+        this._getRenderedRows().forEach((row) => {
           if (!row.querySelector('[part~=details-cell]')) {
             this.__initRow(row, this._columnTree[this._columnTree.length - 1]);
             this.__updateRow(row);
+            return;
+          }
+
+          if (row.hasAttribute('details-opened')) {
+            this.__updateRow(row);
           }
         });
       }
@@ -90,15 +104,8 @@ export const RowDetailsMixin = (superClass) =>
 
     /** @private */
     _detailsOpenedItemsChanged(_detailsOpenedItems, rowDetailsRenderer) {
-      iterateChildren(this.$.items, (row) => {
-        // Re-renders the row to possibly close the previously opened details.
-        if (row.hasAttribute('details-opened')) {
-          this.__updateRow(row);
-          return;
-        }
-
-        // Re-renders the row to open the details when a row details renderer is provided.
-        if (rowDetailsRenderer && this._isDetailsOpened(row._item)) {
+      this._getRenderedRows().forEach((row) => {
+        if (row.hasAttribute('details-opened') !== !!(rowDetailsRenderer && this._isDetailsOpened(row._item))) {
           this.__updateRow(row);
         }
       });
@@ -165,7 +172,7 @@ export const RowDetailsMixin = (superClass) =>
 
     /** @protected */
     _updateDetailsCellHeights() {
-      iterateChildren(this.$.items, (row) => {
+      this._getRenderedRows().forEach((row) => {
         this._updateDetailsCellHeight(row);
       });
     }
@@ -176,7 +183,17 @@ export const RowDetailsMixin = (superClass) =>
      * @protected
      */
     _isDetailsOpened(item) {
-      return this.detailsOpenedItems && this._getItemIndexInArray(item, this.detailsOpenedItems) !== -1;
+      return this.__detailsOpenedKeys && this.__detailsOpenedKeys.has(this.getItemId(item));
+    }
+
+    /** @private */
+    __computeDetailsOpenedKeys(_itemIdPath, detailsOpenedItems) {
+      const items = detailsOpenedItems || [];
+      const keys = new Set();
+      items.forEach((item) => {
+        keys.add(this.getItemId(item));
+      });
+      return keys;
     }
 
     /**

package/src/vaadin-grid-selection-column.d.ts

@@ -37,7 +37,9 @@ export * from './vaadin-grid-selection-column-mixin.js';
  *
  * @fires {CustomEvent} select-all-changed - Fired when the `selectAll` property changes.
  */
-declare class GridSelectionColumn<TItem = GridDefaultItem> extends HTMLElement {}
+declare class GridSelectionColumn<TItem = GridDefaultItem> extends HTMLElement {
+  hidden: boolean;
+}
 
 interface GridSelectionColumn<TItem = GridDefaultItem>
   extends GridSelectionColumnMixinClass<TItem>, GridColumnMixin<TItem, GridColumn<TItem>>, GridColumn<TItem> {

package/src/vaadin-grid-selection-mixin.js

@@ -111,7 +111,14 @@ export const SelectionMixin = (superClass) =>
 
     /** @private */
     __selectedItemsChanged() {
-      this.requestContentUpdate();
+      this._getRenderedRows().forEach((row) => {
+        if (
+          row.hasAttribute('selected') !== this._isSelected(row._item) ||
+          row.hasAttribute('nonselectable') !== !this.__isItemSelectable(row._item)
+        ) {
+          this.__updateRow(row);
+        }
+      });
     }
 
     /** @private */
@@ -124,20 +131,4 @@ export const SelectionMixin = (superClass) =>
 
       return selectedKeys;
     }
-
-    /**
-     * Fired when the `selectedItems` property changes.
-     *
-     * @event selected-items-changed
-     */
-
-    /**
-     * Fired when the user selects or deselects an item through the selection column.
-     *
-     * @event item-toggle
-     * @param {Object} detail
-     * @param {GridItem} detail.item the item that was selected or deselected
-     * @param {boolean} detail.selected true if the item was selected
-     * @param {boolean} detail.shiftKey true if the shift key was pressed
-     */
   };

package/src/vaadin-grid-sort-column.d.ts

@@ -24,7 +24,9 @@ export * from './vaadin-grid-sort-column-mixin.js';
  *
  * @fires {CustomEvent} direction-changed - Fired when the `direction` property changes.
  */
-declare class GridSortColumn<TItem = GridDefaultItem> extends HTMLElement {}
+declare class GridSortColumn<TItem = GridDefaultItem> extends HTMLElement {
+  hidden: boolean;
+}
 
 interface GridSortColumn<TItem = GridDefaultItem>
   extends GridSortColumnMixinClass, GridColumnMixin<TItem, GridColumn<TItem>>, GridColumn<TItem> {