@vaadin/grid 25.1.0-beta1 → 25.1.0-beta3

package/custom-elements.json

@@ -204,24 +204,6 @@
       "kind": "javascript-module",
       "path": "src/vaadin-grid-active-item-mixin.js",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "isFocusable",
-          "parameters": [
-            {
-              "name": "target",
-              "type": {
-                "text": "!Element"
-              }
-            }
-          ],
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "privacy": "protected"
-        },
         {
           "kind": "mixin",
           "description": "",
@@ -264,14 +246,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "isFocusable",
-          "declaration": {
-            "name": "isFocusable",
-            "module": "src/vaadin-grid-active-item-mixin.js"
-          }
-        },
         {
           "kind": "js",
           "name": "ActiveItemMixin",
@@ -372,7 +346,8 @@
                 "text": "number"
               },
               "description": "Flex grow ratio for the column group as the sum of the ratios of its child columns.",
-              "attribute": "flex-grow"
+              "attribute": "flex-grow",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -520,7 +495,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -537,7 +512,8 @@
                 "text": "string"
               },
               "description": "Width of the column group as the sum of the widths of its child columns.",
-              "attribute": "width"
+              "attribute": "width",
+              "readonly": true
             }
           ],
           "attributes": [
@@ -673,7 +649,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -733,6 +709,7 @@
               },
               "description": "Flex grow ratio for the column group as the sum of the ratios of its child columns.",
               "attribute": "flex-grow",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "GridColumnGroupMixin",
                 "module": "src/vaadin-grid-column-group-mixin.js"
@@ -884,7 +861,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -902,6 +879,7 @@
               },
               "description": "Width of the column group as the sum of the widths of its child columns.",
               "attribute": "width",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "GridColumnGroupMixin",
                 "module": "src/vaadin-grid-column-group-mixin.js"
@@ -1061,7 +1039,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -1220,7 +1198,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align"
@@ -1311,7 +1289,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign"
@@ -1514,7 +1492,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -1691,7 +1669,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -2047,7 +2025,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -2260,7 +2238,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -2410,7 +2388,8 @@
                 "text": "boolean"
               },
               "description": "`true` while data is being requested from the data provider.",
-              "attribute": "loading"
+              "attribute": "loading",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -2549,7 +2528,7 @@
               "name": "dropMode",
               "privacy": "public",
               "type": {
-                "text": "GridDropMode | null | undefined"
+                "text": "string"
               },
               "description": "Defines the locations within the Grid row where an element can be dropped.\n\nPossible values are:\n- `between`: The drop event can happen between Grid rows.\n- `on-top`: The drop event can happen on top of Grid rows.\n- `on-top-or-between`: The drop event can happen either on top of or between Grid rows.\n- `on-grid`: The drop event will not happen on any specific row, it will show the drop target outline around the whole grid.",
               "attribute": "drop-mode"
@@ -2590,7 +2569,7 @@
             {
               "name": "drop-mode",
               "type": {
-                "text": "GridDropMode | null | undefined"
+                "text": "string"
               },
               "description": "Defines the locations within the Grid row where an element can be dropped.\n\nPossible values are:\n- `between`: The drop event can happen between Grid rows.\n- `on-top`: The drop event can happen on top of Grid rows.\n- `on-top-or-between`: The drop event can happen either on top of or between Grid rows.\n- `on-grid`: The drop event will not happen on any specific row, it will show the drop target outline around the whole grid.",
               "fieldName": "dropMode"
@@ -2973,7 +2952,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -3182,7 +3161,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -3840,16 +3819,7 @@
           "name": "KeyboardNavigationMixin",
           "members": [],
           "events": [],
-          "attributes": [
-            {
-              "name": "interacting",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates whether the grid is currently in interaction mode.\nIn interaction mode the user is currently interacting with a control,\nsuch as an input or a select, within a cell.\nIn interaction mode keyboard navigation between cells is disabled.\nInteraction mode also prevents the focus target cell of that section of\nthe grid from receiving focus, allowing the user to switch focus to\ncontrols in adjacent cells, rather than focussing the outer cell\nitself.",
-              "fieldName": "interacting"
-            }
-          ],
+          "attributes": [],
           "parameters": [
             {
               "name": "superClass"
@@ -3977,7 +3947,7 @@
               "name": "columnRendering",
               "privacy": "public",
               "type": {
-                "text": "!ColumnRendering"
+                "text": "string"
               },
               "description": "Allows you to choose between modes for rendering columns in the grid:\n\n\"eager\" (default): All columns are rendered upfront, regardless of their visibility within the viewport.\nThis mode should generally be preferred, as it avoids the limitations imposed by the \"lazy\" mode.\nUse this mode unless the grid has a large number of columns and performance outweighs the limitations\nin priority.\n\n\"lazy\": Optimizes the rendering of cells when there are multiple columns in the grid by virtualizing\nhorizontal scrolling. In this mode, body cells are rendered only when their corresponding columns are\ninside the visible viewport.\n\nUsing \"lazy\" rendering should be used only if you're dealing with a large number of columns and performance\nis your highest priority. For most use cases, the default \"eager\" mode is recommended due to the\nlimitations imposed by the \"lazy\" mode.\n\nWhen using the \"lazy\" mode, keep the following limitations in mind:\n\n- Row Height: When only a number of columns are visible at once, the height of a row can only be that of\nthe highest cell currently visible on that row. Make sure each cell on a single row has the same height\nas all other cells on that row. If row cells have different heights, users may experience jumpiness when\nscrolling the grid horizontally as lazily rendered cells with different heights are scrolled into view.\n\n- Auto-width Columns: For the columns that are initially outside the visible viewport but still use auto-width,\nonly the header content is taken into account when calculating the column width because the body cells\nof the columns outside the viewport are not initially rendered.\n\n- Screen Reader Compatibility: Screen readers may not be able to associate the focused cells with the correct\nheaders when only a subset of the body cells on a row is rendered.\n\n- Keyboard Navigation: Tabbing through focusable elements inside the grid body may not work as expected because\nsome of the columns that would include focusable elements in the body cells may be outside the visible viewport\nand thus not rendered.",
               "attribute": "column-rendering",
@@ -4079,7 +4049,7 @@
               "name": "dropMode",
               "privacy": "public",
               "type": {
-                "text": "GridDropMode | null | undefined"
+                "text": "string"
               },
               "description": "Defines the locations within the Grid row where an element can be dropped.\n\nPossible values are:\n- `between`: The drop event can happen between Grid rows.\n- `on-top`: The drop event can happen on top of Grid rows.\n- `on-top-or-between`: The drop event can happen either on top of or between Grid rows.\n- `on-grid`: The drop event will not happen on any specific row, it will show the drop target outline around the whole grid.",
               "attribute": "drop-mode",
@@ -4246,6 +4216,7 @@
               },
               "description": "`true` while data is being requested from the data provider.",
               "attribute": "loading",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "DataProviderMixin",
                 "module": "src/vaadin-grid-data-provider-mixin.js"
@@ -4515,7 +4486,7 @@
             {
               "name": "column-rendering",
               "type": {
-                "text": "!ColumnRendering"
+                "text": "string"
               },
               "description": "Allows you to choose between modes for rendering columns in the grid:\n\n\"eager\" (default): All columns are rendered upfront, regardless of their visibility within the viewport.\nThis mode should generally be preferred, as it avoids the limitations imposed by the \"lazy\" mode.\nUse this mode unless the grid has a large number of columns and performance outweighs the limitations\nin priority.\n\n\"lazy\": Optimizes the rendering of cells when there are multiple columns in the grid by virtualizing\nhorizontal scrolling. In this mode, body cells are rendered only when their corresponding columns are\ninside the visible viewport.\n\nUsing \"lazy\" rendering should be used only if you're dealing with a large number of columns and performance\nis your highest priority. For most use cases, the default \"eager\" mode is recommended due to the\nlimitations imposed by the \"lazy\" mode.\n\nWhen using the \"lazy\" mode, keep the following limitations in mind:\n\n- Row Height: When only a number of columns are visible at once, the height of a row can only be that of\nthe highest cell currently visible on that row. Make sure each cell on a single row has the same height\nas all other cells on that row. If row cells have different heights, users may experience jumpiness when\nscrolling the grid horizontally as lazily rendered cells with different heights are scrolled into view.\n\n- Auto-width Columns: For the columns that are initially outside the visible viewport but still use auto-width,\nonly the header content is taken into account when calculating the column width because the body cells\nof the columns outside the viewport are not initially rendered.\n\n- Screen Reader Compatibility: Screen readers may not be able to associate the focused cells with the correct\nheaders when only a subset of the body cells on a row is rendered.\n\n- Keyboard Navigation: Tabbing through focusable elements inside the grid body may not work as expected because\nsome of the columns that would include focusable elements in the body cells may be outside the visible viewport\nand thus not rendered.",
               "fieldName": "columnRendering",
@@ -4575,7 +4546,7 @@
             {
               "name": "drop-mode",
               "type": {
-                "text": "GridDropMode | null | undefined"
+                "text": "string"
               },
               "description": "Defines the locations within the Grid row where an element can be dropped.\n\nPossible values are:\n- `between`: The drop event can happen between Grid rows.\n- `on-top`: The drop event can happen on top of Grid rows.\n- `on-top-or-between`: The drop event can happen either on top of or between Grid rows.\n- `on-grid`: The drop event will not happen on any specific row, it will show the drop target outline around the whole grid.",
               "fieldName": "dropMode",
@@ -4584,22 +4555,6 @@
                 "module": "src/vaadin-grid-drag-and-drop-mixin.js"
               }
             },
-            {
-              "name": "interacting",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates whether the grid is currently in interaction mode.\nIn interaction mode the user is currently interacting with a control,\nsuch as an input or a select, within a cell.\nIn interaction mode keyboard navigation between cells is disabled.\nInteraction mode also prevents the focus target cell of that section of\nthe grid from receiving focus, allowing the user to switch focus to\ncontrols in adjacent cells, rather than focussing the outer cell\nitself.",
-              "fieldName": "interacting",
-              "inheritedFrom": {
-                "name": "KeyboardNavigationMixin",
-                "module": "src/vaadin-grid-keyboard-navigation-mixin.js"
-              }
-            },
-            {
-              "name": "is-attached",
-              "fieldName": "isAttached"
-            },
             {
               "name": "is-item-selectable",
               "type": {
@@ -4731,18 +4686,6 @@
                 "name": "DataProviderMixin",
                 "module": "src/vaadin-grid-data-provider-mixin.js"
               }
-            },
-            {
-              "name": "tabindex",
-              "type": {
-                "text": "number"
-              },
-              "description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
-              "fieldName": "tabindex",
-              "inheritedFrom": {
-                "name": "TabindexMixin",
-                "package": "@vaadin/a11y-base/src/tabindex-mixin.js"
-              }
             }
           ],
           "mixins": [
@@ -4999,7 +4942,7 @@
               "name": "columnRendering",
               "privacy": "public",
               "type": {
-                "text": "!ColumnRendering"
+                "text": "string"
               },
               "description": "Allows you to choose between modes for rendering columns in the grid:\n\n\"eager\" (default): All columns are rendered upfront, regardless of their visibility within the viewport.\nThis mode should generally be preferred, as it avoids the limitations imposed by the \"lazy\" mode.\nUse this mode unless the grid has a large number of columns and performance outweighs the limitations\nin priority.\n\n\"lazy\": Optimizes the rendering of cells when there are multiple columns in the grid by virtualizing\nhorizontal scrolling. In this mode, body cells are rendered only when their corresponding columns are\ninside the visible viewport.\n\nUsing \"lazy\" rendering should be used only if you're dealing with a large number of columns and performance\nis your highest priority. For most use cases, the default \"eager\" mode is recommended due to the\nlimitations imposed by the \"lazy\" mode.\n\nWhen using the \"lazy\" mode, keep the following limitations in mind:\n\n- Row Height: When only a number of columns are visible at once, the height of a row can only be that of\nthe highest cell currently visible on that row. Make sure each cell on a single row has the same height\nas all other cells on that row. If row cells have different heights, users may experience jumpiness when\nscrolling the grid horizontally as lazily rendered cells with different heights are scrolled into view.\n\n- Auto-width Columns: For the columns that are initially outside the visible viewport but still use auto-width,\nonly the header content is taken into account when calculating the column width because the body cells\nof the columns outside the viewport are not initially rendered.\n\n- Screen Reader Compatibility: Screen readers may not be able to associate the focused cells with the correct\nheaders when only a subset of the body cells on a row is rendered.\n\n- Keyboard Navigation: Tabbing through focusable elements inside the grid body may not work as expected because\nsome of the columns that would include focusable elements in the body cells may be outside the visible viewport\nand thus not rendered.",
               "attribute": "column-rendering"
@@ -5023,7 +4966,7 @@
             {
               "name": "column-rendering",
               "type": {
-                "text": "!ColumnRendering"
+                "text": "string"
               },
               "description": "Allows you to choose between modes for rendering columns in the grid:\n\n\"eager\" (default): All columns are rendered upfront, regardless of their visibility within the viewport.\nThis mode should generally be preferred, as it avoids the limitations imposed by the \"lazy\" mode.\nUse this mode unless the grid has a large number of columns and performance outweighs the limitations\nin priority.\n\n\"lazy\": Optimizes the rendering of cells when there are multiple columns in the grid by virtualizing\nhorizontal scrolling. In this mode, body cells are rendered only when their corresponding columns are\ninside the visible viewport.\n\nUsing \"lazy\" rendering should be used only if you're dealing with a large number of columns and performance\nis your highest priority. For most use cases, the default \"eager\" mode is recommended due to the\nlimitations imposed by the \"lazy\" mode.\n\nWhen using the \"lazy\" mode, keep the following limitations in mind:\n\n- Row Height: When only a number of columns are visible at once, the height of a row can only be that of\nthe highest cell currently visible on that row. Make sure each cell on a single row has the same height\nas all other cells on that row. If row cells have different heights, users may experience jumpiness when\nscrolling the grid horizontally as lazily rendered cells with different heights are scrolled into view.\n\n- Auto-width Columns: For the columns that are initially outside the visible viewport but still use auto-width,\nonly the header content is taken into account when calculating the column width because the body cells\nof the columns outside the viewport are not initially rendered.\n\n- Screen Reader Compatibility: Screen readers may not be able to associate the focused cells with the correct\nheaders when only a subset of the body cells on a row is rendered.\n\n- Keyboard Navigation: Tabbing through focusable elements inside the grid body may not work as expected because\nsome of the columns that would include focusable elements in the body cells may be outside the visible viewport\nand thus not rendered.",
               "fieldName": "columnRendering"
@@ -5630,7 +5573,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -5884,7 +5827,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -6019,7 +5962,7 @@
               "name": "direction",
               "privacy": "public",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "attribute": "direction"
@@ -6039,7 +5982,7 @@
             {
               "name": "direction",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "fieldName": "direction"
@@ -6099,7 +6042,7 @@
               "name": "direction",
               "privacy": "public",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "attribute": "direction",
@@ -6296,7 +6239,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -6357,7 +6300,7 @@
             {
               "name": "direction",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "fieldName": "direction",
@@ -6526,7 +6469,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -6673,7 +6616,7 @@
               "name": "direction",
               "privacy": "public",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "attribute": "direction"
@@ -6682,6 +6625,9 @@
               "kind": "field",
               "name": "path",
               "privacy": "public",
+              "type": {
+                "text": "string"
+              },
               "description": "JS Path of the property in the item used for sorting the data.",
               "attribute": "path"
             }
@@ -6698,13 +6644,16 @@
             {
               "name": "direction",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "fieldName": "direction"
             },
             {
               "name": "path",
+              "type": {
+                "text": "string"
+              },
               "description": "JS Path of the property in the item used for sorting the data.",
               "fieldName": "path"
             }
@@ -6741,7 +6690,7 @@
               "name": "direction",
               "privacy": "public",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "attribute": "direction",
@@ -6754,6 +6703,9 @@
               "kind": "field",
               "name": "path",
               "privacy": "public",
+              "type": {
+                "text": "string"
+              },
               "description": "JS Path of the property in the item used for sorting the data.",
               "attribute": "path",
               "inheritedFrom": {
@@ -6814,7 +6766,7 @@
             {
               "name": "direction",
               "type": {
-                "text": "GridSorterDirection | undefined"
+                "text": "string"
               },
               "description": "How to sort the data.\nPossible values are `asc` to use an ascending algorithm, `desc` to sort the data in\ndescending direction, or `null` for not sorting the data.",
               "fieldName": "direction",
@@ -6825,6 +6777,9 @@
             },
             {
               "name": "path",
+              "type": {
+                "text": "string"
+              },
               "description": "JS Path of the property in the item used for sorting the data.",
               "fieldName": "path",
               "inheritedFrom": {
@@ -7158,7 +7113,7 @@
               "name": "textAlign",
               "privacy": "public",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "attribute": "text-align",
@@ -7367,7 +7322,7 @@
             {
               "name": "text-align",
               "type": {
-                "text": "GridColumnTextAlign | null | undefined"
+                "text": "string"
               },
               "description": "Aligns the columns cell content horizontally.\nSupported values: \"start\", \"center\" and \"end\".",
               "fieldName": "textAlign",
@@ -7740,7 +7695,7 @@
               "name": "columnRendering",
               "privacy": "public",
               "type": {
-                "text": "!ColumnRendering"
+                "text": "string"
               },
               "description": "Allows you to choose between modes for rendering columns in the grid:\n\n\"eager\" (default): All columns are rendered upfront, regardless of their visibility within the viewport.\nThis mode should generally be preferred, as it avoids the limitations imposed by the \"lazy\" mode.\nUse this mode unless the grid has a large number of columns and performance outweighs the limitations\nin priority.\n\n\"lazy\": Optimizes the rendering of cells when there are multiple columns in the grid by virtualizing\nhorizontal scrolling. In this mode, body cells are rendered only when their corresponding columns are\ninside the visible viewport.\n\nUsing \"lazy\" rendering should be used only if you're dealing with a large number of columns and performance\nis your highest priority. For most use cases, the default \"eager\" mode is recommended due to the\nlimitations imposed by the \"lazy\" mode.\n\nWhen using the \"lazy\" mode, keep the following limitations in mind:\n\n- Row Height: When only a number of columns are visible at once, the height of a row can only be that of\nthe highest cell currently visible on that row. Make sure each cell on a single row has the same height\nas all other cells on that row. If row cells have different heights, users may experience jumpiness when\nscrolling the grid horizontally as lazily rendered cells with different heights are scrolled into view.\n\n- Auto-width Columns: For the columns that are initially outside the visible viewport but still use auto-width,\nonly the header content is taken into account when calculating the column width because the body cells\nof the columns outside the viewport are not initially rendered.\n\n- Screen Reader Compatibility: Screen readers may not be able to associate the focused cells with the correct\nheaders when only a subset of the body cells on a row is rendered.\n\n- Keyboard Navigation: Tabbing through focusable elements inside the grid body may not work as expected because\nsome of the columns that would include focusable elements in the body cells may be outside the visible viewport\nand thus not rendered.",
               "attribute": "column-rendering",
@@ -7842,7 +7797,7 @@
               "name": "dropMode",
               "privacy": "public",
               "type": {
-                "text": "GridDropMode | null | undefined"
+                "text": "string"
               },
               "description": "Defines the locations within the Grid row where an element can be dropped.\n\nPossible values are:\n- `between`: The drop event can happen between Grid rows.\n- `on-top`: The drop event can happen on top of Grid rows.\n- `on-top-or-between`: The drop event can happen either on top of or between Grid rows.\n- `on-grid`: The drop event will not happen on any specific row, it will show the drop target outline around the whole grid.",
               "attribute": "drop-mode",
@@ -8009,6 +7964,7 @@
               },
               "description": "`true` while data is being requested from the data provider.",
               "attribute": "loading",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "DataProviderMixin",
                 "module": "src/vaadin-grid-data-provider-mixin.js"
@@ -8426,7 +8382,7 @@
             {
               "name": "column-rendering",
               "type": {
-                "text": "!ColumnRendering"
+                "text": "string"
               },
               "description": "Allows you to choose between modes for rendering columns in the grid:\n\n\"eager\" (default): All columns are rendered upfront, regardless of their visibility within the viewport.\nThis mode should generally be preferred, as it avoids the limitations imposed by the \"lazy\" mode.\nUse this mode unless the grid has a large number of columns and performance outweighs the limitations\nin priority.\n\n\"lazy\": Optimizes the rendering of cells when there are multiple columns in the grid by virtualizing\nhorizontal scrolling. In this mode, body cells are rendered only when their corresponding columns are\ninside the visible viewport.\n\nUsing \"lazy\" rendering should be used only if you're dealing with a large number of columns and performance\nis your highest priority. For most use cases, the default \"eager\" mode is recommended due to the\nlimitations imposed by the \"lazy\" mode.\n\nWhen using the \"lazy\" mode, keep the following limitations in mind:\n\n- Row Height: When only a number of columns are visible at once, the height of a row can only be that of\nthe highest cell currently visible on that row. Make sure each cell on a single row has the same height\nas all other cells on that row. If row cells have different heights, users may experience jumpiness when\nscrolling the grid horizontally as lazily rendered cells with different heights are scrolled into view.\n\n- Auto-width Columns: For the columns that are initially outside the visible viewport but still use auto-width,\nonly the header content is taken into account when calculating the column width because the body cells\nof the columns outside the viewport are not initially rendered.\n\n- Screen Reader Compatibility: Screen readers may not be able to associate the focused cells with the correct\nheaders when only a subset of the body cells on a row is rendered.\n\n- Keyboard Navigation: Tabbing through focusable elements inside the grid body may not work as expected because\nsome of the columns that would include focusable elements in the body cells may be outside the visible viewport\nand thus not rendered.",
               "fieldName": "columnRendering",
@@ -8486,7 +8442,7 @@
             {
               "name": "drop-mode",
               "type": {
-                "text": "GridDropMode | null | undefined"
+                "text": "string"
               },
               "description": "Defines the locations within the Grid row where an element can be dropped.\n\nPossible values are:\n- `between`: The drop event can happen between Grid rows.\n- `on-top`: The drop event can happen on top of Grid rows.\n- `on-top-or-between`: The drop event can happen either on top of or between Grid rows.\n- `on-grid`: The drop event will not happen on any specific row, it will show the drop target outline around the whole grid.",
               "fieldName": "dropMode",
@@ -8495,26 +8451,6 @@
                 "module": "src/vaadin-grid-drag-and-drop-mixin.js"
               }
             },
-            {
-              "name": "interacting",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates whether the grid is currently in interaction mode.\nIn interaction mode the user is currently interacting with a control,\nsuch as an input or a select, within a cell.\nIn interaction mode keyboard navigation between cells is disabled.\nInteraction mode also prevents the focus target cell of that section of\nthe grid from receiving focus, allowing the user to switch focus to\ncontrols in adjacent cells, rather than focussing the outer cell\nitself.",
-              "fieldName": "interacting",
-              "inheritedFrom": {
-                "name": "KeyboardNavigationMixin",
-                "module": "src/vaadin-grid-keyboard-navigation-mixin.js"
-              }
-            },
-            {
-              "name": "is-attached",
-              "fieldName": "isAttached",
-              "inheritedFrom": {
-                "name": "GridMixin",
-                "module": "src/vaadin-grid-mixin.js"
-              }
-            },
             {
               "name": "is-item-selectable",
               "type": {
@@ -8646,18 +8582,6 @@
                 "name": "DataProviderMixin",
                 "module": "src/vaadin-grid-data-provider-mixin.js"
               }
-            },
-            {
-              "name": "tabindex",
-              "type": {
-                "text": "number"
-              },
-              "description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
-              "fieldName": "tabindex",
-              "inheritedFrom": {
-                "name": "TabindexMixin",
-                "package": "@vaadin/a11y-base/src/tabindex-mixin.js"
-              }
             }
           ]
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/grid",
-  "version": "25.1.0-beta1",
+  "version": "25.1.0-beta3",
   "publishConfig": {
     "access": "public"
   },
@@ -45,26 +45,26 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.1.0-beta1",
-    "@vaadin/checkbox": "25.1.0-beta1",
-    "@vaadin/component-base": "25.1.0-beta1",
-    "@vaadin/lit-renderer": "25.1.0-beta1",
-    "@vaadin/text-field": "25.1.0-beta1",
-    "@vaadin/vaadin-themable-mixin": "25.1.0-beta1",
+    "@vaadin/a11y-base": "25.1.0-beta3",
+    "@vaadin/checkbox": "25.1.0-beta3",
+    "@vaadin/component-base": "25.1.0-beta3",
+    "@vaadin/lit-renderer": "25.1.0-beta3",
+    "@vaadin/text-field": "25.1.0-beta3",
+    "@vaadin/vaadin-themable-mixin": "25.1.0-beta3",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.1.0-beta1",
-    "@vaadin/chai-plugins": "25.1.0-beta1",
-    "@vaadin/test-runner-commands": "25.1.0-beta1",
+    "@vaadin/aura": "25.1.0-beta3",
+    "@vaadin/chai-plugins": "25.1.0-beta3",
+    "@vaadin/test-runner-commands": "25.1.0-beta3",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.1.0-beta1",
-    "sinon": "^21.0.0"
+    "@vaadin/vaadin-lumo-styles": "25.1.0-beta3",
+    "sinon": "^21.0.2"
   },
   "customElements": "custom-elements.json",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "0ccf77c385fc6a92ac2a6344ce8804b94956226d"
+  "gitHead": "4251850231a42298fda23b83928da588831cdb5d"
 }