@vaadin/component-base 24.7.1 → 24.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.7.1",
+  "version": "24.7.3",
   "publishConfig": {
     "access": "public"
   },
@@ -38,10 +38,10 @@
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "~24.7.1",
-    "@vaadin/test-runner-commands": "~24.7.1",
+    "@vaadin/chai-plugins": "~24.7.3",
+    "@vaadin/test-runner-commands": "~24.7.3",
     "@vaadin/testing-helpers": "^1.1.0",
     "sinon": "^18.0.0"
   },
-  "gitHead": "73060418a5d326e96dc0d0fcaa2ee2d7330a4227"
+  "gitHead": "07e8e8a103cbba1906fb7332eaf1114b8e4d3907"
 }

package/src/define.js

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

package/src/i18n-mixin.js

@@ -90,6 +90,9 @@ export const I18nMixin = (defaultI18n, superClass) =>
      * @param {Object} value
      */
     set i18n(value) {
+      if (value === this.__customI18n) {
+        return;
+      }
       this.__customI18n = value;
       this.__effectiveI18n = deepMerge({}, defaultI18n, this.__customI18n);
     }

package/src/slot-styles-mixin.js

@@ -50,7 +50,7 @@ export const SlotStylesMixin = dedupingMixin(
        * @protected
        */
       get slotStyles() {
-        return {};
+        return [];
       }
 
       /** @protected */

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

@@ -178,6 +178,16 @@ export class IronListAdapter {
     }
   }
 
+  hostConnected() {
+    // Restore scroll position, which is reset when host is removed from DOM,
+    // since virtualizer doesn't re-render when adding it to the DOM again.
+    // If the scroll target isn't visible and its `offsetParent` is `null`, wait
+    // for the ResizeObserver to handle this case (hiding -> moving -> showing).
+    if (this.scrollTarget.offsetParent && this.scrollTarget.scrollTop !== this._scrollPosition) {
+      this.scrollTarget.scrollTop = this._scrollPosition;
+    }
+  }
+
   update(startIndex = 0, endIndex = this.size - 1) {
     const updatedElements = [];
     this.__getVisibleElements().forEach((el) => {

package/src/virtualizer.js

@@ -80,4 +80,13 @@ export class Virtualizer {
   flush() {
     this.__adapter.flush();
   }
+
+  /**
+   * Notifies the virtualizer about its host element connected to the DOM.
+   *
+   * @method hostConnected
+   */
+  hostConnected() {
+    this.__adapter.hostConnected();
+  }
 }