attaform 0.27.3 → 0.27.5

package/dist/shared/{attaform.ij2W7VTw.cjs → attaform.Cg1rUfcF.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const vue = require('vue');
-const devtoolsShared = require('./attaform.BBaMFa-k.cjs');
+const devtoolsShared = require('./attaform.Biytrv0-.cjs');
 const registerProtocol = require('./attaform.yUrz7C2z.cjs');
 
 function safeAssign(target, key, value) {
@@ -2509,8 +2509,8 @@ function buildRegister(state, formInstanceId, instanceConfig) {
       markConnectedOptimistically: () => {
         state.markConnectedOptimistically(segments);
       },
-      markHostConnected: (connected) => {
-        state.markHostConnected(segments, connected);
+      markHostConnected: (connected, hostEl) => {
+        state.markHostConnected(segments, connected, hostEl, formInstanceId);
       },
       markFocused: (focused) => {
         state.markFocused(
@@ -4068,6 +4068,25 @@ function mergeObjectKeys(target, source, path, schema) {
 }
 
 const isContainer = (value) => Array.isArray(value) || isPlainRecord(value);
+const HOST_FOCUS_TARGET_SELECTOR = [
+  'input:not([type="hidden"])',
+  "select",
+  "textarea",
+  "button",
+  "a[href]",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]'
+].join(", ");
+function resolveHostFocusTarget(hostRoot) {
+  const candidates = hostRoot.querySelectorAll(HOST_FOCUS_TARGET_SELECTOR);
+  for (const el of candidates) {
+    if (!el.isConnected) continue;
+    if (el.offsetParent === null) continue;
+    if (el.matches(":disabled")) continue;
+    return el;
+  }
+  return hostRoot;
+}
 function isHydratedFieldRecord(value) {
   if (typeof value !== "object" || value === null) return false;
   const r = value;
@@ -4253,6 +4272,7 @@ function createFormStore(options) {
   const fields = vue.reactive(/* @__PURE__ */ new Map());
   const elements = vue.reactive(/* @__PURE__ */ new Map());
   const elementToFormInstance = /* @__PURE__ */ new WeakMap();
+  const hostTargets = /* @__PURE__ */ new Map();
   let sortedRegistrationsCache = null;
   const schemaErrors = vue.reactive(/* @__PURE__ */ new Map());
   const userErrors = vue.reactive(/* @__PURE__ */ new Map());
@@ -5125,6 +5145,7 @@ function createFormStore(options) {
       record.elements.add(raw);
     }
     elementToFormInstance.set(element, formInstanceId);
+    hostTargets.delete(key);
     sortedRegistrationsCache = null;
     const current = fields.get(key);
     touchFieldRecord(key, path, {
@@ -5162,10 +5183,14 @@ function createFormStore(options) {
       blurred: current?.blurred ?? true
     });
   }
-  function markHostConnected(path, connected) {
+  function markHostConnected(path, connected, hostEl, formInstanceId) {
     const { key } = devtoolsShared.canonicalizePath(path);
     const current = fields.get(key);
     if (connected) {
+      if (!elements.has(key)) {
+        hostTargets.set(key, { path, hostRoot: hostEl, formInstanceId });
+        sortedRegistrationsCache = null;
+      }
       if (current?.connected === true) return;
       touchFieldRecord(key, path, {
         connected: true,
@@ -5173,6 +5198,7 @@ function createFormStore(options) {
         blurred: current?.blurred ?? true
       });
     } else {
+      if (hostTargets.delete(key)) sortedRegistrationsCache = null;
       if (current?.connected !== true) return;
       touchFieldRecord(key, path, { connected: false, focused: null, blurred: null });
     }
@@ -5507,18 +5533,35 @@ function createFormStore(options) {
   function getFirstErrorElement(formInstanceId) {
     sortedRegistrationsCache ?? (sortedRegistrationsCache = rebuildSortedRegistrations());
     for (const entry of sortedRegistrationsCache) {
-      if (elementToFormInstance.get(entry.element) !== formInstanceId) continue;
+      if (entry.formInstanceId !== formInstanceId) continue;
       if (!entry.element.isConnected) continue;
       if (entry.element.offsetParent === null) continue;
       if (getErrorsForPath(entry.path).length === 0) continue;
-      return { path: entry.path, element: entry.element };
+      const element = entry.host ? resolveHostFocusTarget(entry.element) : entry.element;
+      return { path: entry.path, element };
     }
     return null;
   }
   function rebuildSortedRegistrations() {
     const flat = [];
     for (const [, record] of elements) {
-      for (const el of record.elements) flat.push({ path: record.path, element: el });
+      for (const el of record.elements) {
+        flat.push({
+          path: record.path,
+          element: el,
+          host: false,
+          formInstanceId: elementToFormInstance.get(el) ?? ""
+        });
+      }
+    }
+    for (const [key, target] of hostTargets) {
+      if (elements.has(key)) continue;
+      flat.push({
+        path: target.path,
+        element: target.hostRoot,
+        host: true,
+        formInstanceId: target.formInstanceId
+      });
     }
     flat.sort(
       (a, b) => a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1
@@ -6689,24 +6732,6 @@ function useWizard(options) {
     (slot) => isGateMarker(slot) || isLazyMarker(slot) || typeof slot === "function"
   );
   const clearedGates = vue.reactive(/* @__PURE__ */ new Set());
-  const seededSampled = /* @__PURE__ */ new Set();
-  function isGateVerdictSettled(key) {
-    const store = registry.forms.get(key);
-    if (store === void 0) return false;
-    return store.defaultsResolved.value === true && store.firstValidationDone.value === true && store.activeValidations.value === 0;
-  }
-  function isGateFormValid(key) {
-    const form = formsRecord.value[key] ?? formsAccumulator.get(key);
-    if (form === void 0) return false;
-    return asStatusSource(form).meta?.valid ?? false;
-  }
-  function sampleSeededGate(key) {
-    if (seededSampled.has(key)) return;
-    if (noopForms.has(key)) return;
-    if (!isGateVerdictSettled(key)) return;
-    seededSampled.add(key);
-    if (isGateFormValid(key)) clearedGates.add(key);
-  }
   const gateSubs = /* @__PURE__ */ new Map();
   function reconcileGates() {
     const gateKeys = /* @__PURE__ */ new Set();
@@ -6723,7 +6748,6 @@ function useWizard(options) {
           );
         }
       }
-      sampleSeededGate(key);
     }
     for (const [key, unsub] of gateSubs) {
       if (!gateKeys.has(key)) {
@@ -6781,8 +6805,7 @@ function useWizard(options) {
         for (const step of compiledSteps.value) {
           if (!step.isGate) continue;
           const store = registry.forms.get(step.key);
-          const settled = store !== void 0 && isGateVerdictSettled(step.key);
-          parts.push(`${step.key}:${store !== void 0 ? 1 : 0}:${settled ? 1 : 0}`);
+          parts.push(`${step.key}:${store !== void 0 ? 1 : 0}`);
         }
         return parts.join("|");
       },
@@ -6815,20 +6838,30 @@ function useWizard(options) {
       });
     }
   }
+  function applyGateSeed(map) {
+    if (map === void 0 || !mightGate) return;
+    const gates = gatePositions.value;
+    for (const key of Object.keys(map)) {
+      if (map[key]?.gate === "cleared" && gates.includes(key)) clearedGates.add(key);
+    }
+  }
   const seedRef = vue.ref(void 0);
   const seedInput = options.defaultStatuses;
   if (seedInput !== void 0) {
     const resolved = resolveTrichotomy(seedInput);
     if (resolved.kind === "sync") {
       seedRef.value = resolved.value;
+      applyGateSeed(resolved.value);
     } else {
       const eager = resolved.factory();
       if (eager instanceof Promise) {
         void eager.then((value) => {
           seedRef.value = value;
+          applyGateSeed(value);
         });
       } else {
         seedRef.value = eager;
+        applyGateSeed(eager);
       }
     }
   }
@@ -6860,7 +6893,7 @@ function useWizard(options) {
         return locked || gate !== null ? { ...NOOP_VALID_STATUS, locked, gate } : NOOP_VALID_STATUS;
       }
       const seed = seedRef.value?.[form.key];
-      if (seed !== void 0) return { ...seed, locked, gate };
+      if (seed !== void 0) return { ...PENDING_STATUS, ...seed, locked, gate };
       return locked || gate !== null ? { ...PENDING_STATUS, locked, gate } : PENDING_STATUS;
     });
     statusCache.set(form.key, computedStatus);
@@ -7352,14 +7385,16 @@ function useWizard(options) {
     submitError.value = null;
     if (mightGate) {
       clearedGates.clear();
-      seededSampled.clear();
     }
     lazyEpoch.value += 1;
     for (const step of compiledSteps.value) {
       const full = asSubmissionSource(step.form);
       if (typeof full.reset === "function") full.reset();
     }
-    if (mightGate) reconcileGates();
+    if (mightGate) {
+      reconcileGates();
+      applyGateSeed(seedRef.value);
+    }
     const firstStep = compiledSteps.value[0];
     if (firstStep !== void 0) {
       const landing = commitActiveKey(firstStep.key);
@@ -7370,6 +7405,29 @@ function useWizard(options) {
       }
     }
   }
+  async function relock(key, commit) {
+    if (!mightGate || !gatePositions.value.includes(key)) {
+      if (devtoolsShared.__DEV__) {
+        console.warn(
+          `[attaform] useWizard.relock(${JSON.stringify(key)}): no gate at that key; nothing to re-lock.`
+        );
+      }
+      return false;
+    }
+    try {
+      await commit();
+    } catch (err) {
+      if (devtoolsShared.__DEV__) {
+        console.warn(
+          `[attaform] useWizard.relock(${JSON.stringify(key)}): commit threw, so the gate was not re-sealed.`,
+          err
+        );
+      }
+      return false;
+    }
+    clearedGates.delete(key);
+    return true;
+  }
   if (mightGate) {
     vue.watchEffect(() => {
       const key = activeKey.value;
@@ -7395,6 +7453,7 @@ function useWizard(options) {
     tryNext,
     handleSubmit,
     reset,
+    relock,
     get currentStep() {
       return currentStep.value;
     },
@@ -7597,4 +7656,4 @@ exports.unset = unset;
 exports.useAbstractForm = useAbstractForm;
 exports.useRegister = useRegister;
 exports.useWizard = useWizard;
-//# sourceMappingURL=attaform.ij2W7VTw.cjs.map
+//# sourceMappingURL=attaform.Cg1rUfcF.cjs.map