@threadlabs/looma 0.37.3 → 0.37.4

package/components/ui-form-field/ui-form-field.js

@@ -74,7 +74,13 @@ export function connect(host) {
   };
   const observer = new MutationObserver(schedule);
   observer.observe(element, { childList: true, subtree: true, attributes: true, attributeFilter: ["aria-describedby", "slot", "id", "role"] });
-  const stop = host.effect(schedule);
+  // Track props before deferred rewiring, even when no control is mounted yet.
+  const stop = host.effect(() => {
+    void host.props.disabled.value;
+    void host.props.required.value;
+    void host.props.invalid.value;
+    schedule();
+  });
   wire();
   return () => {
     stop();

package/docs/catalog.json

@@ -448,7 +448,7 @@
   ],
   "schemaVersion": 1,
   "package": "@threadlabs/looma",
-  "version": "0.37.3",
+  "version": "0.37.4",
   "groups": [
     {
       "id": "layout",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.37.3",
+  "version": "0.37.4",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/vue/editor/index.js

@@ -5733,7 +5733,12 @@ function connect$9(host) {
 			"role"
 		]
 	});
-	const stop = host.effect(schedule);
+	const stop = host.effect(() => {
+		host.props.disabled.value;
+		host.props.required.value;
+		host.props.invalid.value;
+		schedule();
+	});
 	wire();
 	return () => {
 		stop();