@threadlabs/looma 0.37.2 → 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.2",
+  "version": "0.37.4",
   "groups": [
     {
       "id": "layout",

package/editor/chunks/extensions.js

@@ -11492,10 +11492,7 @@ function getDefaultEditorExtensions(options = {}) {
 		LoomaSmartPaste,
 		codeBlockNodeView ? codeBlock.extend({ addNodeView: () => codeBlockNodeView }) : codeBlock,
 		Typography,
-		Placeholder.configure({
-			placeholder: ({ node }) => node.type.name === "paragraph" ? placeholder : "",
-			emptyNodeClass: "is-editor-empty"
-		}),
+		Placeholder.configure({ placeholder: ({ node }) => node.type.name === "paragraph" ? placeholder : "" }),
 		...mention ? [mention] : [],
 		LoomaTableKit,
 		LoomaListBehavior,

package/editor/extensions/preset.d.ts

@@ -15,7 +15,7 @@ export type LoomaCodeLanguages = NonNullable<Parameters<typeof createLowlight>[0
 export interface DefaultEditorExtensionsOptions {
     /** Replaceable display data; updating it must use setReferenceDisplay, never setContent. */
     references?: LoomaReferenceMap;
-    /** Placeholder shown only for empty paragraphs, not every empty node type. */
+    /** Writing prompt displayed in an empty paragraph only while the document is empty. */
     placeholder?: string;
     /** Passed to Tiptap Link; defaults false to keep editing clicks in the editor. */
     linkOpenOnClick?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.37.2",
+  "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();