@vaadin/component-base 25.0.0-alpha3 → 25.0.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "25.0.0-alpha3",
+  "version": "25.0.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -38,10 +38,10 @@
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-alpha3",
-    "@vaadin/test-runner-commands": "25.0.0-alpha3",
+    "@vaadin/chai-plugins": "25.0.0-alpha5",
+    "@vaadin/test-runner-commands": "25.0.0-alpha5",
     "@vaadin/testing-helpers": "^2.0.0",
     "sinon": "^18.0.0"
   },
-  "gitHead": "8367dd20a47f53ca5589ad349a8e286ec2673055"
+  "gitHead": "7dc87bb2a3cae81ed53259fa10b58f990d50c6fd"
 }

package/src/browser-utils.js

@@ -33,6 +33,3 @@ export const isTouch = (() => {
     return false;
   }
 })();
-
-export const supportsAdoptingStyleSheets =
-  window.ShadowRoot && 'adoptedStyleSheets' in Document.prototype && 'replace' in CSSStyleSheet.prototype;

package/src/data-provider-controller/cache.d.ts

@@ -58,14 +58,6 @@ export class Cache<TItem> {
    */
   get flatSize(): number;
 
-  /**
-   * The total number of items, including items from expanded sub-caches.
-   *
-   * @protected
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  get effectiveSize(): number;
-
   constructor(
     context: CacheContext<TItem>,
     pageSize: number,
@@ -113,34 +105,4 @@ export class Cache<TItem> {
    * of an item in the `items` array.
    */
   getFlatIndex(index: number): number;
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  getItemForIndex(index: number): TItem | undefined;
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  getCacheAndIndex(index: number): { cache: Cache<TItem>; scaledIndex: number };
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  updateSize(): void;
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  ensureSubCacheForScaledIndex(scaledIndex: number): void;
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  get grid(): HTMLElement;
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  get itemCaches(): object;
 }

package/src/data-provider-controller/cache.js

@@ -3,7 +3,6 @@
  * Copyright (c) 2021 - 2025 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { getFlatIndexContext } from './helpers.js';
 
 /**
  * A class that stores items with their associated sub-caches.
@@ -124,19 +123,6 @@ export class Cache {
     return this.__flatSize;
   }
 
-  /**
-   * The total number of items, including items from expanded sub-caches.
-   *
-   * @protected
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  get effectiveSize() {
-    console.warn(
-      '<vaadin-grid> The `effectiveSize` property of ItemCache is deprecated and will be removed in Vaadin 25.',
-    );
-    return this.flatSize;
-  }
-
   /**
    * The number of items.
    *
@@ -261,66 +247,4 @@ export class Cache {
       return clampedIndex > index ? prev + subCache.flatSize : prev;
     }, clampedIndex);
   }
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  getItemForIndex(index) {
-    console.warn(
-      '<vaadin-grid> The `getItemForIndex` method of ItemCache is deprecated and will be removed in Vaadin 25.',
-    );
-    const { item } = getFlatIndexContext(this, index);
-    return item;
-  }
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  getCacheAndIndex(index) {
-    console.warn(
-      '<vaadin-grid> The `getCacheAndIndex` method of ItemCache is deprecated and will be removed in Vaadin 25.',
-    );
-    const { cache, index: scaledIndex } = getFlatIndexContext(this, index);
-    return { cache, scaledIndex };
-  }
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  updateSize() {
-    console.warn('<vaadin-grid> The `updateSize` method of ItemCache is deprecated and will be removed in Vaadin 25.');
-    this.recalculateFlatSize();
-  }
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  ensureSubCacheForScaledIndex(scaledIndex) {
-    console.warn(
-      '<vaadin-grid> The `ensureSubCacheForScaledIndex` method of ItemCache is deprecated and will be removed in Vaadin 25.',
-    );
-
-    if (!this.getSubCache(scaledIndex)) {
-      const subCache = this.createSubCache(scaledIndex);
-      this.context.__controller.__loadCachePage(subCache, 0);
-    }
-  }
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  get grid() {
-    console.warn('<vaadin-grid> The `grid` property of ItemCache is deprecated and will be removed in Vaadin 25.');
-    return this.context.__controller.host;
-  }
-
-  /**
-   * @deprecated since 24.3 and will be removed in Vaadin 25.
-   */
-  get itemCaches() {
-    console.warn(
-      '<vaadin-grid> The `itemCaches` property of ItemCache is deprecated and will be removed in Vaadin 25.',
-    );
-    return this.__subCacheByIndex;
-  }
 }

package/src/data-provider-controller/data-provider-controller.js

@@ -100,8 +100,6 @@ export class DataProviderController extends EventTarget {
     return {
       isExpanded: this.isExpanded,
       placeholder: this.placeholder,
-      // The controller instance is needed to ensure deprecated cache methods work.
-      __controller: this,
     };
   }
 

package/src/define.js

@@ -13,7 +13,7 @@ function dashToCamelCase(dash) {
 
 const experimentalMap = {};
 
-export function defineCustomElement(CustomElement, version = '25.0.0-alpha3') {
+export function defineCustomElement(CustomElement, version = '25.0.0-alpha5') {
   Object.defineProperty(CustomElement, 'version', {
     get() {
       return version;

package/src/gestures.js

@@ -58,7 +58,6 @@ function isMouseEvent(name) {
   return MOUSE_EVENTS.indexOf(name) > -1;
 }
 
-/* eslint no-empty: ["error", { "allowEmptyCatch": true }] */
 // check for passive event listeners
 let supportsPassive = false;
 (function () {

package/src/iron-list-core.js

@@ -347,7 +347,6 @@ export const ironList = {
       ith = this._physicalEnd;
       offsetContent = bottom - scrollBottom;
     }
-    // eslint-disable-next-line no-constant-condition
     while (true) {
       physicalItemHeight = this._getPhysicalSizeIncrement(ith);
       offsetContent -= physicalItemHeight;

package/src/virtualizer-iron-list-adapter.js

@@ -599,6 +599,24 @@ export class IronListAdapter {
     }
   }
 
+  /** @override */
+  _resizeHandler() {
+    super._resizeHandler();
+
+    // Fixes an issue where the new items are not created on scroll target resize when the scroll position is around the end.
+    // See https://github.com/vaadin/flow-components/issues/7307
+    const lastIndexVisible = this.adjustedLastVisibleIndex === this.size - 1;
+    const emptySpace = this._physicalTop - this._scrollPosition;
+    if (lastIndexVisible && emptySpace > 0) {
+      const idxAdjustment = Math.ceil(emptySpace / this._physicalAverage);
+      this._virtualStart = Math.max(0, this._virtualStart - idxAdjustment);
+      this._physicalStart = Math.max(0, this._physicalStart - idxAdjustment);
+      // Scroll to end for smoother resize
+      super.scrollToIndex(this._virtualCount - 1);
+      this.scrollTarget.scrollTop = this.scrollTarget.scrollHeight - this.scrollTarget.clientHeight;
+    }
+  }
+
   /**
    * Work around an iron-list issue with invalid item positioning.
    * See https://github.com/vaadin/flow-components/issues/4306

package/src/virtualizer.js

@@ -1,3 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import { IronListAdapter } from './virtualizer-iron-list-adapter.js';
 
 export class Virtualizer {