@vaadin/grid - npm Package Compare versions

Comparing version 24.4.0-alpha1 to 24.4.0-alpha10

package.json

 {
   "name": "@vaadin/grid",
-  "version": "24.4.0-alpha1",
+  "version": "24.4.0-alpha10",
   "publishConfig": {
@@ -49,10 +49,11 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.4.0-alpha1",
-    "@vaadin/checkbox": "24.4.0-alpha1",
-    "@vaadin/component-base": "24.4.0-alpha1",
-    "@vaadin/lit-renderer": "24.4.0-alpha1",
-    "@vaadin/text-field": "24.4.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha1",
-    "@vaadin/vaadin-material-styles": "24.4.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha1"
+    "@vaadin/a11y-base": "24.4.0-alpha10",
+    "@vaadin/checkbox": "24.4.0-alpha10",
+    "@vaadin/component-base": "24.4.0-alpha10",
+    "@vaadin/lit-renderer": "24.4.0-alpha10",
+    "@vaadin/text-field": "24.4.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha10",
+    "@vaadin/vaadin-material-styles": "24.4.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha10",
+    "lit": "^3.0.0"
   },
@@ -62,3 +63,2 @@ "devDependencies": {
     "@vaadin/testing-helpers": "^0.6.0",
-    "lit": "^3.0.0",
     "sinon": "^13.0.2"
@@ -70,3 +70,3 @@ },
   ],
-  "gitHead": "3e2ed41c99d618ff7def2734fd863c21c85775a3"
+  "gitHead": "c563c01d6ac5157f5a5885c8f6048d1cf4c727b4"
 }

src/all-imports.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/lit-all-imports.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/lit/column-renderer-directives.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/lit/column-renderer-directives.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/lit/renderer-directives.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/lit/renderer-directives.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-a11y-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-active-item-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-array-data-provider-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -28,3 +28,3 @@ */
     static get observers() {
-      return ['__dataProviderOrItemsChanged(dataProvider, items, isAttached, _filters, _sorters, items.*)'];
+      return ['__dataProviderOrItemsChanged(dataProvider, items, isAttached, items.*)'];
     }
@@ -41,2 +41,14 @@
 
+    /**
+     * @override
+     * @protected
+     */
+    _onDataProviderPageReceived() {
+      super._onDataProviderPageReceived();
+
+      if (this._arrayDataProvider) {
+        this.size = this._flatSize;
+      }
+    }
+
     /** @private */
@@ -64,3 +76,2 @@ __dataProviderOrItemsChanged(dataProvider, items, isAttached) {
           this.clearCache();
-          this.size = this._flatSize;
         } else {
@@ -67,0 +78,0 @@ // The items array was replaced

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-column-group.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-column-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -601,4 +601,10 @@ */
     _runRenderer(renderer, cell, model) {
+      const isVisibleBodyCell = model && model.item && !cell.parentElement.hidden;
+      const shouldRender = isVisibleBodyCell || renderer === this._headerRenderer || renderer === this._footerRenderer;
+      if (!shouldRender) {
+        return;
+      }
+
       const args = [cell._content, this];
-      if (model && model.item) {
+      if (isVisibleBodyCell) {
         args.push(model);
@@ -638,5 +644,3 @@ }
 
-        if (model.item || renderer === this._headerRenderer || renderer === this._footerRenderer) {
-          this._runRenderer(renderer, cell, model);
-        }
+        this._runRenderer(renderer, cell, model);
       });
@@ -643,0 +647,0 @@ }

src/vaadin-grid-column-reordering-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-column.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-data-provider-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-drag-and-drop-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-event-context-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-filter-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-filter-element-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-filter-element-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-filter-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-filter.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-filter.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-helpers.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -112,2 +112,7 @@ */
 
+    /** @private */
+    get _visibleItemsCount() {
+      return this._lastVisibleIndex - this._firstVisibleIndex - 1;
+    }
+
     /** @protected */
@@ -308,4 +313,5 @@ ready() {
 
-      const visibleItemsCount = this._lastVisibleIndex - this._firstVisibleIndex - 1;
       const isRTL = this.__isRTL;
+      const activeRow = e.composedPath().find((el) => this.__isRow(el));
+      const activeCell = e.composedPath().find((el) => this.__isCell(el));
 
@@ -355,6 +361,13 @@ // Handle keyboard interaction as defined in:
         case 'PageDown':
-          dy = visibleItemsCount;
+          // Check if the active group is body
+          if (this.$.items.contains(activeRow)) {
+            const currentRowIndex = this.__getIndexInGroup(activeRow, this._focusedItemIndex);
+            // Scroll the current row to the top...
+            this._scrollToFlatIndex(currentRowIndex);
+          }
+          // ...only then measure the visible items count
+          dy = this._visibleItemsCount;
           break;
         case 'PageUp':
-          dy = -visibleItemsCount;
+          dy = -this._visibleItemsCount;
           break;
@@ -365,5 +378,2 @@ default:
 
-      const activeRow = e.composedPath().find((el) => this.__isRow(el));
-      const activeCell = e.composedPath().find((el) => this.__isCell(el));
-
       if ((this.__rowFocusMode && !activeRow) || (!this.__rowFocusMode && !activeCell)) {
@@ -370,0 +380,0 @@ // When using a screen reader, it's possible that neither a cell nor a row is focused.

src/vaadin-grid-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -435,2 +435,8 @@ */
         });
+
+      if (autoWidth) {
+        this.$.scroller.setAttribute('measuring-auto-width', '');
+      } else {
+        this.$.scroller.removeAttribute('measuring-auto-width');
+      }
     }
@@ -482,3 +488,12 @@
       const cols = this._getColumns().filter((col) => !col.hidden && col.autoWidth);
-      this._recalculateColumnWidths(cols);
+
+      const undefinedCols = cols.filter((col) => !customElements.get(col.localName));
+      if (undefinedCols.length) {
+        // Some of the columns are not defined yet, wait for them to be defined before measuring
+        Promise.all(undefinedCols.map((col) => customElements.whenDefined(col.localName))).then(() => {
+          this._recalculateColumnWidths(cols);
+        });
+      } else {
+        this._recalculateColumnWidths(cols);
+      }
     }
@@ -664,7 +679,9 @@
             row.__cells.push(cell);
-            if (!column._bodyContentHidden) {
+
+            const isSizerRow = row === this.$.sizer;
+            if (!column._bodyContentHidden || isSizerRow) {
               row.appendChild(cell);
             }
 
-            if (row === this.$.sizer) {
+            if (isSizerRow) {
               column._sizerCell = cell;
@@ -671,0 +688,0 @@ }

src/vaadin-grid-row-details-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-scroll-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -46,2 +46,4 @@ */
    * and thus not rendered.
+   *
+   * @attr {eager|lazy} column-rendering
    */
@@ -48,0 +50,0 @@ columnRendering: ColumnRendering;

src/vaadin-grid-scroll-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-selection-column-base-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -22,4 +22,2 @@ */
  * provided by this mixin.
- *
- * @polymerMixin
  */
@@ -26,0 +24,0 @@ export declare class GridSelectionColumnBaseMixinClass<TItem> {

src/vaadin-grid-selection-column-base-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -10,2 +10,3 @@ */
  * @polymerMixin
+ * @mixes GridSelectionColumnBaseMixin
  */
@@ -12,0 +13,0 @@ export const GridSelectionColumnMixin = (superClass) =>

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-selection-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-selection-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-selection-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-sort-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-sort-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-sort-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -107,3 +107,3 @@ */
 
-      this._sorters = this._sorters.filter((sorter) => sortersToRemove.indexOf(sorter) < 0);
+      this._sorters = this._sorters.filter((sorter) => !sortersToRemove.includes(sorter));
       this.__applySorters();
@@ -127,21 +127,4 @@ }
     /** @private */
-    __appendSorter(sorter) {
-      if (!sorter.direction) {
-        this._removeArrayItem(this._sorters, sorter);
-      } else if (!this._sorters.includes(sorter)) {
-        this._sorters.push(sorter);
-      }
-    }
-
-    /** @private */
-    __prependSorter(sorter) {
-      this._removeArrayItem(this._sorters, sorter);
-      if (sorter.direction) {
-        this._sorters.unshift(sorter);
-      }
-    }
-
-    /** @private */
     __updateSorter(sorter, shiftClick, fromSorterClick) {
-      if (!sorter.direction && this._sorters.indexOf(sorter) === -1) {
+      if (!sorter.direction && !this._sorters.includes(sorter)) {
         return;
@@ -152,2 +135,3 @@ }
 
+      const restSorters = this._sorters.filter((s) => s !== sorter);
       if (
@@ -158,10 +142,9 @@ (this.multiSort && (!this.multiSortOnShiftClick || !fromSorterClick)) ||
         if (this.multiSortPriority === 'append') {
-          this.__appendSorter(sorter);
+          this._sorters = [...restSorters, sorter];
         } else {
-          this.__prependSorter(sorter);
+          this._sorters = [sorter, ...restSorters];
         }
       } else if (sorter.direction || this.multiSortOnShiftClick) {
-        const otherSorters = this._sorters.filter((s) => s !== sorter);
         this._sorters = sorter.direction ? [sorter] : [];
-        otherSorters.forEach((sorter) => {
+        restSorters.forEach((sorter) => {
           sorter._order = null;
@@ -211,10 +194,2 @@ sorter.direction = null;
     }
-
-    /** @private */
-    _removeArrayItem(array, item) {
-      const index = array.indexOf(item);
-      if (index > -1) {
-        array.splice(index, 1);
-      }
-    }
   };

src/vaadin-grid-sorter-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-sorter-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-sorter.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-sorter.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-styles.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -155,2 +155,8 @@ */
 
+  /* Switch the focusButtonMode wrapping element to "position: static" temporarily
+     when measuring real width of the cells in the auto-width columns. */
+  [measuring-auto-width] [part~='cell'] > [tabindex] {
+    position: static;
+  }
+
   [part~='details-cell'] {
@@ -157,0 +163,0 @@ position: absolute;

src/vaadin-grid-styling-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -13,3 +13,3 @@ */
 /**
- * @deprecated Use `GridPartCellGenerator` type and `cellPartNameGenerator` API instead.
+ * @deprecated Use `GridCellPartNameGenerator` type and `cellPartNameGenerator` API instead.
  */
@@ -16,0 +16,0 @@ export type GridCellClassNameGenerator<TItem> = GridCellPartNameGenerator<TItem>;

src/vaadin-grid-styling-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-tree-column-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

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

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-tree-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-tree-toggle-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-tree-toggle-mixin.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-tree-toggle.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid-tree-toggle.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid.d.ts

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-grid.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-lit-grid-column-group.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -16,3 +16,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -19,0 +19,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -16,3 +16,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -19,0 +19,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-filter-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -16,3 +16,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -19,0 +19,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-filter.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -18,3 +18,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -21,0 +21,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-selection-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -16,3 +16,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -19,0 +19,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-sort-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -16,3 +16,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -19,0 +19,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-sorter.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -18,3 +18,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -21,0 +21,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-tree-column.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -16,3 +16,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -19,0 +19,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid-tree-toggle.js

 /**
  * @license
- * Copyright (c) 2016 - 2023 Vaadin Ltd.
+ * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -18,3 +18,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -21,0 +21,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-grid.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -21,3 +21,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -24,0 +24,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

theme/lumo/vaadin-grid-styles.js

@@ -7,3 +7,2 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-import '@vaadin/checkbox/theme/lumo/vaadin-checkbox-styles.js';
 import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
@@ -217,2 +216,7 @@
 
+    /* Hide header row top border if previous row is hidden */
+    [part~='row'][hidden] + [part~='row'] [part~='header-cell'] {
+      border-top: 0;
+    }
+
     [part~='row']:last-child [part~='header-cell'] {
@@ -219,0 +223,0 @@ border-bottom: var(--_lumo-grid-border-width) solid transparent;

theme/lumo/vaadin-lit-grid-filter.js

@@ -1,3 +0,2 @@
-import '@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js';
-import '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';
+import '@vaadin/text-field/theme/lumo/vaadin-lit-text-field.js';
 import '../../src/vaadin-lit-grid-filter.js';

theme/lumo/vaadin-lit-grid-selection-column.js

@@ -1,2 +0,2 @@
-import '@vaadin/checkbox/theme/lumo/vaadin-checkbox-styles.js';
+import '@vaadin/checkbox/theme/lumo/vaadin-lit-checkbox.js';
 import '../../src/vaadin-lit-grid-selection-column.js';

theme/material/vaadin-lit-grid-filter.js

@@ -1,3 +0,2 @@
-import '@vaadin/text-field/theme/material/vaadin-text-field-styles.js';
-import '@vaadin/input-container/theme/material/vaadin-input-container-styles.js';
+import '@vaadin/text-field/theme/material/vaadin-lit-text-field.js';
 import '../../src/vaadin-lit-grid-filter.js';

theme/material/vaadin-lit-grid-selection-column.js

@@ -1,2 +0,2 @@
-import '@vaadin/checkbox/theme/material/vaadin-checkbox-styles.js';
+import '@vaadin/checkbox/theme/material/vaadin-lit-checkbox.js';
 import '../../src/vaadin-lit-grid-selection-column.js';

vaadin-grid.d.ts

 export * from './src/vaadin-grid.js';
-export * from './src/vaadin-grid-column.js';

vaadin-grid.js

 import './theme/lumo/vaadin-grid.js';
 
-export * from './src/vaadin-grid-column.js';
 export * from './src/vaadin-grid.js';

vaadin-lit-grid.d.ts

 export * from './src/vaadin-grid.js';
-export * from './src/vaadin-grid-column.js';

vaadin-lit-grid.js

 import './theme/lumo/vaadin-lit-grid.js';
 
-export * from './src/vaadin-lit-grid-column.js';
 export * from './src/vaadin-lit-grid.js';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

668222

increased by1.46%

Dev dependency count

3

decreased by-25%

Number of package files

237

increased by26.74%

Lines of code

16078

increased by1.51%

Worsened metrics

Dependency count

11

increased by10%

Dependency changes

• + Addedlit@^3.0.0

• + Added@vaadin/a11y-base@24.4.0-alpha10(transitive)

• + Added@vaadin/checkbox@24.4.0-alpha10(transitive)

• + Added@vaadin/component-base@24.4.0-alpha10(transitive)

• + Added@vaadin/field-base@24.4.0-alpha10(transitive)

• + Added@vaadin/icon@24.4.0-alpha10(transitive)

• + Added@vaadin/input-container@24.4.0-alpha10(transitive)

• + Added@vaadin/lit-renderer@24.4.0-alpha10(transitive)

• + Added@vaadin/text-field@24.4.0-alpha10(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.4.0-alpha10(transitive)

• + Added@vaadin/vaadin-material-styles@24.4.0-alpha10(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.4.0-alpha10(transitive)

• - Removed@vaadin/a11y-base@24.4.0-alpha1(transitive)

• - Removed@vaadin/checkbox@24.4.0-alpha1(transitive)

• - Removed@vaadin/component-base@24.4.0-alpha1(transitive)

• - Removed@vaadin/field-base@24.4.0-alpha1(transitive)

• - Removed@vaadin/icon@24.4.0-alpha1(transitive)

• - Removed@vaadin/input-container@24.4.0-alpha1(transitive)

• - Removed@vaadin/lit-renderer@24.4.0-alpha1(transitive)

• - Removed@vaadin/text-field@24.4.0-alpha1(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.4.0-alpha1(transitive)

• - Removed@vaadin/vaadin-material-styles@24.4.0-alpha1(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.4.0-alpha1(transitive)

• Updated@vaadin/a11y-base@24.4.0-alpha10

• Updated@vaadin/checkbox@24.4.0-alpha10

• Updated@vaadin/component-base@24.4.0-alpha10

• Updated@vaadin/lit-renderer@24.4.0-alpha10

• Updated@vaadin/text-field@24.4.0-alpha10

• Updated@vaadin/vaadin-lumo-styles@24.4.0-alpha10

• Updated@vaadin/vaadin-material-styles@24.4.0-alpha10

• Updated@vaadin/vaadin-themable-mixin@24.4.0-alpha10