@vaadin/component-base 24.7.0-alpha8 → 24.7.0-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.7.0-alpha8",
+  "version": "24.7.0-beta1",
   "publishConfig": {
     "access": "public"
   },
@@ -38,10 +38,10 @@
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.7.0-alpha8",
-    "@vaadin/test-runner-commands": "24.7.0-alpha8",
+    "@vaadin/chai-plugins": "24.7.0-beta1",
+    "@vaadin/test-runner-commands": "24.7.0-beta1",
     "@vaadin/testing-helpers": "^1.1.0",
     "sinon": "^18.0.0"
   },
-  "gitHead": "d015035192480fcc8cc9df5d00a950f177b83c32"
+  "gitHead": "4043c518ef9b915cde612d2907ddc9bd10e5af17"
 }

package/src/define.js

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

package/src/gestures.js

@@ -583,7 +583,6 @@ register({
       return;
     }
     const t = _findOriginalTarget(e);
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const self = this;
     const movefn = (e) => {
       if (!hasLeftMouseButton(e)) {
@@ -694,7 +693,6 @@ register({
       return;
     }
     const t = _findOriginalTarget(e);
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const self = this;
     const movefn = (e) => {
       const x = e.clientX,

package/src/i18n-mixin.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright (c) 2025 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import type { Constructor } from '@open-wc/dedupe-mixin';
+
+/**
+ * Recursively makes all properties of an i18n object optional.
+ *
+ * For internal use only.
+ */
+export type PartialI18n<T> = T extends object
+  ? {
+      [P in keyof T]?: PartialI18n<T[P]>;
+    }
+  : T;
+
+/**
+ * A mixin that allows to set partial I18N properties.
+ */
+export declare function I18nMixin<I, T extends Constructor<HTMLElement>>(
+  defaultI18n: I,
+  superclass: T,
+): Constructor<I18nMixinClass<I>> & T;
+
+export declare class I18nMixinClass<I> {
+  /**
+   * The object used to localize this component. To change the default
+   * localization, replace this with an object that provides all properties, or
+   * just the individual properties you want to change.
+   */
+  i18n: I;
+}

package/src/i18n-mixin.js

@@ -0,0 +1,86 @@
+/**
+ * @license
+ * Copyright (c) 2025 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+function deepMerge(target, ...sources) {
+  const isArray = (item) => Array.isArray(item);
+  const isObject = (item) => item && typeof item === 'object' && !isArray(item);
+  const merge = (target, source) => {
+    if (isObject(source) && isObject(target)) {
+      Object.keys(source).forEach((key) => {
+        const sourceValue = source[key];
+        if (isObject(sourceValue)) {
+          if (!target[key]) {
+            target[key] = {};
+          }
+          merge(target[key], sourceValue);
+        } else if (isArray(sourceValue)) {
+          target[key] = [...sourceValue];
+        } else if (sourceValue !== undefined && sourceValue !== null) {
+          target[key] = sourceValue;
+        }
+      });
+    }
+  };
+
+  sources.forEach((source) => {
+    merge(target, source);
+  });
+
+  return target;
+}
+
+/**
+ * A mixin that allows to set partial I18N properties.
+ *
+ * @polymerMixin
+ */
+export const I18nMixin = (defaultI18n, superClass) =>
+  class I18nMixinClass extends superClass {
+    static get properties() {
+      return {
+        /** @private */
+        __effectiveI18n: {
+          type: Object,
+          sync: true,
+        },
+      };
+    }
+
+    constructor() {
+      super();
+
+      this.i18n = deepMerge({}, defaultI18n);
+    }
+
+    /**
+     * The object used to localize this component. To change the default
+     * localization, replace this with an object that provides all properties, or
+     * just the individual properties you want to change.
+     *
+     * Should be overridden by subclasses to provide a custom JSDoc with the
+     * default I18N properties.
+     *
+     * @returns {Object}
+     */
+    get i18n() {
+      return this.__customI18n;
+    }
+
+    /**
+     * The object used to localize this component. To change the default
+     * localization, replace this with an object that provides all properties, or
+     * just the individual properties you want to change.
+     *
+     * Should be overridden by subclasses to provide a custom JSDoc with the
+     * default I18N properties.
+     *
+     * @param {Object} value
+     */
+    set i18n(value) {
+      this.__customI18n = value;
+      this.__effectiveI18n = deepMerge({}, defaultI18n, this.__customI18n);
+    }
+  };

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

@@ -3,8 +3,6 @@
  * Copyright (c) 2021 - 2025 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-/* eslint-disable @typescript-eslint/member-ordering */
-// https://github.com/vaadin/eslint-config-vaadin/issues/33
 import { animationFrame, microTask, timeOut } from './async.js';
 import { isSafari } from './browser-utils.js';
 import { Debouncer, flush } from './debounce.js';
@@ -52,6 +50,20 @@ export class IronListAdapter {
     this.__resizeObserver.observe(this.scrollTarget);
     this.scrollTarget.addEventListener('scroll', () => this._scrollHandler());
 
+    const attachObserver = new ResizeObserver(([{ contentRect }]) => {
+      const isHidden = contentRect.width === 0 && contentRect.height === 0;
+      if (!isHidden && this.__scrollTargetHidden && this.scrollTarget.scrollTop !== this._scrollPosition) {
+        // When removing element from DOM, its scroll position is lost and
+        // virtualizer doesn't re-render when adding it to the DOM again.
+        // Restore scroll position when the scroll target becomes visible,
+        // which is the case e.g. when virtualizer is used inside a dialog.
+        this.scrollTarget.scrollTop = this._scrollPosition;
+      }
+
+      this.__scrollTargetHidden = isHidden;
+    });
+    attachObserver.observe(this.scrollTarget);
+
     this._scrollLineHeight = this._getScrollLineHeight();
     this.scrollTarget.addEventListener('wheel', (e) => this.__onWheel(e));