@vaadin/component-base 25.1.0-alpha8 → 25.1.0-alpha9

package/custom-elements.json

@@ -93,8 +93,31 @@
           "kind": "mixin",
           "description": "A mixin that allows to set partial I18N properties.",
           "name": "I18nMixin",
-          "members": [],
-          "attributes": [],
+          "members": [
+            {
+              "kind": "field",
+              "name": "i18n",
+              "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
+              "return": {
+                "type": {
+                  "text": "Object"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "Object"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "i18n"
+            }
+          ],
           "parameters": [
             {
               "name": "defaultI18n"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "25.1.0-alpha8",
+  "version": "25.1.0-alpha9",
   "publishConfig": {
     "access": "public"
   },
@@ -38,11 +38,11 @@
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.1.0-alpha8",
-    "@vaadin/test-runner-commands": "25.1.0-alpha8",
+    "@vaadin/chai-plugins": "25.1.0-alpha9",
+    "@vaadin/test-runner-commands": "25.1.0-alpha9",
     "@vaadin/testing-helpers": "^2.0.0",
     "sinon": "^21.0.0"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "810590c9c7682a9326c9352df795b5ea4891a71f"
+  "gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
 }

package/src/define.js

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

package/src/i18n-mixin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2026 - 2026 Vaadin Ltd.
+ * Copyright (c) 2025 - 2026 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';

package/src/i18n-mixin.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2026 - 2026 Vaadin Ltd.
+ * Copyright (c) 2025 - 2026 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 
@@ -41,16 +41,6 @@ export const I18nMixin = (defaultI18n, superClass) =>
   class I18nMixinClass extends superClass {
     static get properties() {
       return {
-        /** @private */
-        // Technically declaring a Polymer property is not needed, as we have a
-        // getter/setter for it below. However, the React components currently
-        // rely on the Polymer property declaration to detect which properties
-        // are available on a custom element, so we add a dummy declaration for
-        // it.
-        i18n: {
-          type: Object,
-        },
-
         /** @private */
         __effectiveI18n: {
           type: Object,
@@ -59,12 +49,28 @@ export const I18nMixin = (defaultI18n, superClass) =>
       };
     }
 
+    static get observedAttributes() {
+      return [...super.observedAttributes, 'i18n'];
+    }
+
     constructor() {
       super();
 
       this.i18n = deepMerge({}, defaultI18n);
     }
 
+    /** @protected */
+    attributeChangedCallback(name, oldValue, newValue) {
+      super.attributeChangedCallback(name, oldValue, newValue);
+      if (name === 'i18n') {
+        try {
+          this.i18n = JSON.parse(newValue);
+        } catch (_) {
+          // Invalid JSON, ignore
+        }
+      }
+    }
+
     /**
      * The object used to localize this component. To change the default
      * localization, replace this with an object that provides all properties, or

package/src/styles/add-global-styles.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2026 - 2026 Vaadin Ltd.
+ * Copyright (c) 2025 - 2026 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 

package/src/styles/loader-styles.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2026 - 2026 Vaadin Ltd.
+ * Copyright (c) 2025 - 2026 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import './style-props.js';