attaform 0.24.2 → 0.24.4

package/dist/shared/{attaform.Bos7wVZw.cjs → attaform.Buedl_UL.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const vue = require('vue');
-const paths = require('./attaform.B7UdTs_o.cjs');
+const paths = require('./attaform.CAVK56f8.cjs');
 const registerProtocol = require('./attaform.CjdepGnw.cjs');
 
 function safeAssign(target, key, value) {
@@ -941,6 +941,15 @@ function buildContainerFieldStateBase(state, segments, key, formInstanceId) {
     if (since !== void 0 && (transformingSince === null || since < transformingSince))
       transformingSince = since;
   }
+  const ownRecord = state.fields.get(key);
+  if (ownRecord !== void 0) {
+    if (ownRecord.focused === true) focused = true;
+    if (ownRecord.blurred === true) blurred = true;
+    if (ownRecord.touched === true) touched = true;
+    if (ownRecord.interacted === true) interacted = true;
+    if (ownRecord.blurredAfterInteraction === true) blurredAfterInteraction = true;
+    if (ownRecord.connected === true) connected = true;
+  }
   const ownTransformError = state.transformErrors.get(key) ?? null;
   const gated = asyncPending && !state.firstValidationDone.value;
   const valid = !gated && errors.length === 0 && !validating;
@@ -2286,6 +2295,7 @@ function coerceValue(value, accepted, elementAccepted, index) {
   return coerceScalar(value, accepted, index);
 }
 
+const warnedMultiRootHosts = /* @__PURE__ */ new Set();
 const EMPTY_TRANSFORMS = Object.freeze([]);
 const attaformListenersSymbol = Symbol.for("attaform:focus-listeners");
 function attachFocusListeners(state, segments, element, instanceMeta) {
@@ -2390,6 +2400,24 @@ function buildRegister(state, formInstanceId, instanceConfig) {
       setValueWithInternalPath: (value, meta) => {
         return state.setValueAtPath(segments, value, withInstanceMeta(meta));
       },
+      setValueFromHost: (value) => {
+        state.markInteracted(segments);
+        const accepted = state.setValueAtPath(segments, value, withInstanceMeta(void 0));
+        if (paths.__DEV__) {
+          const dedupeKey = `${formInstanceId}:${pathKey}`;
+          const isWired = () => (state.elements.get(pathKey)?.elements.size ?? 0) > 0 || state.getFieldRecord(segments)?.connected === true;
+          if (!warnedMultiRootHosts.has(dedupeKey) && !isWired()) {
+            warnedMultiRootHosts.add(dedupeKey);
+            void vue.nextTick(() => {
+              if (isWired()) return;
+              vue.warn(
+                `[attaform] v-register received a value update from a component it never attached to. Vue drops a runtime directive on a component with more than one root node (a fragment / multi-root template), so v-register's value binding works but its field state (connected, focus, aria, scroll-to-error) does not. Give the component a single element root, or wrap it so v-register lands on one element.`
+              );
+            });
+          }
+        }
+        return accepted;
+      },
       // Called by the `vRegisterHint` compile-time transform's wrapping
       // IIFE on every server-side render of `<element v-register="…">`.
       // Without it, every SSR'd FieldState serialises `connected: false`
@@ -2401,6 +2429,24 @@ function buildRegister(state, formInstanceId, instanceConfig) {
       markConnectedOptimistically: () => {
         state.markConnectedOptimistically(segments);
       },
+      markHostConnected: (connected) => {
+        state.markHostConnected(segments, connected);
+      },
+      markFocused: (focused) => {
+        state.markFocused(
+          segments,
+          focused,
+          instanceMeta !== void 0 ? { instance: instanceMeta } : void 0
+        );
+      },
+      hasRegisteredDescendant: (hostElement) => {
+        const record = state.elements.get(pathKey);
+        if (record === void 0) return false;
+        for (const element of record.elements) {
+          if (hostElement.contains(element)) return true;
+        }
+        return false;
+      },
       // --- Async transform lifecycle (internal; the directive's
       // deferred orchestrator is the only legitimate consumer). Thin
       // path-bound delegates to the store's per-path token / counter
@@ -4974,6 +5020,21 @@ function createFormStore(options) {
       blurred: current?.blurred ?? true
     });
   }
+  function markHostConnected(path, connected) {
+    const { key } = paths.canonicalizePath(path);
+    const current = fields.get(key);
+    if (connected) {
+      if (current?.connected === true) return;
+      touchFieldRecord(key, path, {
+        connected: true,
+        focused: current?.focused ?? false,
+        blurred: current?.blurred ?? true
+      });
+    } else {
+      if (current?.connected !== true) return;
+      touchFieldRecord(key, path, { connected: false, focused: null, blurred: null });
+    }
+  }
   function markFocused(path, focused, meta) {
     const { key } = paths.canonicalizePath(path);
     const current = fields.get(key);
@@ -5383,6 +5444,7 @@ function createFormStore(options) {
     markInteracted,
     touchAtPath,
     markConnectedOptimistically,
+    markHostConnected,
     isPristineAtPath,
     isPristineAtPathByKey,
     hasStructuralChangeUnder,
@@ -5981,6 +6043,8 @@ function useRegister() {
       }
     }
     if ("value" in rawAttrs) delete rawAttrs["value"];
+    if ("modelValue" in rawAttrs) delete rawAttrs["modelValue"];
+    if ("onUpdate:modelValue" in rawAttrs) delete rawAttrs["onUpdate:modelValue"];
   };
   refreshAndStripBridgeAttrs();
   vue.onBeforeMount(refreshAndStripBridgeAttrs);
@@ -7122,4 +7186,4 @@ exports.unset = unset;
 exports.useAbstractForm = useAbstractForm;
 exports.useRegister = useRegister;
 exports.useWizard = useWizard;
-//# sourceMappingURL=attaform.Bos7wVZw.cjs.map
+//# sourceMappingURL=attaform.Buedl_UL.cjs.map