@adia-ai/web-components 0.7.13 → 0.7.14

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog — @adia-ai/web-components
 
+## [0.7.14] — 2026-06-08
+
+### Fixed
+- **`input-ui`/`textarea-ui` `.value` property binding set before upgrade is no longer dropped.** A `.value=${x}` (or any reactive property) assigned during template stamp *before* the element upgrades landed as a pre-upgrade own data-property that `installProps`' `Object.defineProperty` clobbered with the signal default — so the field rendered blank while `value="${x}"` (attribute) worked, and `<select-ui>` was unaffected (inconsistent). `installProps` now captures + reifies the pre-upgrade value (WHATWG upgrade-a-property pattern), fixing it for `value` and every UIElement property. (color-app FEEDBACK-99; covered by `core/element.test.js`.)
+
 ## [0.7.13] — 2026-06-06
 
 ### Fixed

package/core/element.js

@@ -34,6 +34,19 @@ function installProps(el, props) {
   for (const [key, cfg] of Object.entries(props)) {
     const attr = cfg.attribute ?? key.toLowerCase();
     const type = cfg.type ?? String;
+    // Lazy property upgrade: a property assigned on the instance BEFORE it
+    // upgraded (a template engine sets `.prop=${v}` during stamp — possibly
+    // before the element is defined; see the property-binding path in
+    // template.js which sets `el[name] = v` regardless of upgrade state)
+    // lives as an own data-property. The defineProperty below would clobber it
+    // with the signal default. Capture it and reify it into the signal so the
+    // value survives upgrade (WHATWG upgrade-a-property pattern). Fixes
+    // input-ui/textarea-ui `.value=${x}`. (A reflect:true prop set pre-upgrade
+    // reifies its value but won't update its attribute until the next set —
+    // setAttribute is a no-op in the upgrade constructor; a rare, fine corner.)
+    const hasPre = Object.prototype.hasOwnProperty.call(el, key);
+    const preValue = hasPre ? el[key] : undefined;
+    if (hasPre) delete el[key];
     const sig = signal(cfg.default ?? undefined);
     el[SIG].set(key, sig);
     Object.defineProperty(el, key, {
@@ -47,6 +60,7 @@ function installProps(el, props) {
       },
       configurable: true,
     });
+    if (hasPre) sig.value = preValue;
   }
 }
 

package/core/element.test.js

@@ -63,6 +63,23 @@ describe('UIElement — properties', () => {
     expect(el.label).toBe('hi');
   });
 
+  // FEEDBACK-99 (color-app, 2026-06-07): a property assigned on the instance
+  // BEFORE upgrade — template engines set `.prop=${v}` during stamp, possibly
+  // before the element is defined (see template.js property-binding path) —
+  // must survive upgrade, not be clobbered by the signal default. WHATWG
+  // "upgrade a property" pattern, here in installProps. Fixes input-ui `.value`.
+  it('reifies a property set on the instance before upgrade (lazy upgrade)', () => {
+    const tag = `test-el-${++registrationCounter}`;
+    const el = document.createElement(tag);   // undefined tag → un-upgraded
+    document.body.appendChild(el);
+    el.value = 'pre-upgrade';                  // own data-property, no accessor yet
+    class El extends UIElement {
+      static properties = { value: { type: String, default: '' } };
+    }
+    customElements.define(tag, El);            // upgrade → installProps runs
+    expect(el.value).toBe('pre-upgrade');      // reified, not clobbered to ''
+  });
+
   it('reflects Boolean properties to HTML attributes when reflect: true', () => {
     class El extends UIElement {
       static properties = { disabled: { type: Boolean, default: false, reflect: true } };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.7.13",
+  "version": "0.7.14",
   "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
   "type": "module",
   "types": "./index.d.ts",