attaform 0.24.3 → 0.25.0

package/dist/shared/{attaform.C5qkSN6t.mjs → attaform.CqwcTExO.mjs}

@@ -1,5 +1,5 @@
 import { shallowReactive, getCurrentInstance, inject, effectScope, watch, warn, nextTick } from 'vue';
-import { i as isRegisterValue, a as isTransforming, S as SSR_COMPONENT_HOST_MODIFIER, R as REGISTER_OWNER_MARKER, V as V_REGISTER_MARKER } from './attaform.WvcckZMD.mjs';
+import { i as isRegisterValue, a as isTransforming, S as SSR_COMPONENT_HOST_MODIFIER, R as REGISTER_OWNER_MARKER, V as V_REGISTER_COMPILED_MODIFIER, b as V_REGISTER_MARKER } from './attaform.Vp2-CWZB.mjs';
 
 const __DEV__ = (typeof process !== "undefined" ? process.env.NODE_ENV : "production") !== "production";
 
@@ -338,6 +338,28 @@ function setupAria(el, rv, vnode) {
   });
   el[ariaScopeKey] = () => scope.stop();
 }
+function seedLocksFromDom(el) {
+  let locks = el[ariaLockKey];
+  if (locks === void 0) {
+    locks = /* @__PURE__ */ new Set();
+    el[ariaLockKey] = locks;
+  }
+  for (const attr of MANAGED_ARIA_ATTRS) {
+    if (el.hasAttribute(attr)) locks.add(attr);
+  }
+}
+function setupAriaLive(el, rv) {
+  if (rv.ariaEnabled !== true || rv.ariaDisplayState === void 0) return;
+  if (!INTERACTIVE_TAG_NAMES.has(el.tagName)) return;
+  seedLocksFromDom(el);
+  applyAria(el, rv, null);
+  const displayState = rv.ariaDisplayState;
+  const scope = effectScope(true);
+  scope.run(() => {
+    watch(displayState, () => applyAria(el, rv, null), { flush: "post" });
+  });
+  el[ariaScopeKey] = () => scope.stop();
+}
 function getSSRAriaProps(rv, vnode) {
   if (rv.ariaEnabled !== true || rv.ariaDisplayState === void 0) return void 0;
   const props = vnode?.props ?? null;
@@ -1178,13 +1200,100 @@ function getCheckboxValue(el, checked) {
   return key in el ? el[key] : checked;
 }
 const warnedUnsupportedElements = __DEV__ ? /* @__PURE__ */ new WeakSet() : null;
+const warnedRedundantBindings = __DEV__ ? /* @__PURE__ */ new Set() : null;
+const componentHostLatch = /* @__PURE__ */ new WeakMap();
+const hostFocusListeners = /* @__PURE__ */ new WeakMap();
+const hostHealObservers = /* @__PURE__ */ new WeakMap();
+const SELF_HEAL_MAX_MUTATION_BATCHES = 20;
+const HOST_CONTROL_SELECTOR = "input:not([type=hidden]), select, textarea";
+function isLatchableControl(el) {
+  return el.getAttribute("tabindex") !== "-1" && el.getAttribute("aria-hidden") !== "true";
+}
+function findHostControl(el) {
+  const descendants = Array.from(el.querySelectorAll(HOST_CONTROL_SELECTOR)).filter(
+    isLatchableControl
+  );
+  return descendants.length === 1 ? descendants[0] : null;
+}
+function latchHostControl(el, rv, control) {
+  rv.registerElement(control);
+  setupAriaLive(control, rv);
+  componentHostLatch.set(el, control);
+}
+function setupNoLatchHost(el, rv) {
+  rv.markHostConnected(true);
+  const focusin = (event) => {
+    const from = event.relatedTarget;
+    if (from instanceof Node && el.contains(from)) return;
+    rv.markFocused(true);
+  };
+  const focusout = (event) => {
+    const to = event.relatedTarget;
+    if (to instanceof Node && el.contains(to)) return;
+    rv.markFocused(false);
+  };
+  addTrackedListener(el, "focusin", focusin);
+  addTrackedListener(el, "focusout", focusout);
+  hostFocusListeners.set(el, { focusin, focusout });
+  componentHostLatch.set(el, null);
+}
+function trySupersedeHostLatch(el, rv) {
+  const control = findHostControl(el);
+  if (control === null) return false;
+  const focusListeners = hostFocusListeners.get(el);
+  if (focusListeners !== void 0) {
+    el.removeEventListener("focusin", focusListeners.focusin);
+    el.removeEventListener("focusout", focusListeners.focusout);
+    hostFocusListeners.delete(el);
+  }
+  latchHostControl(el, rv, control);
+  return true;
+}
+function scheduleHostSelfHeal(el, rv) {
+  void nextTick(() => {
+    if (componentHostLatch.get(el) !== null || !el.isConnected) return;
+    if (trySupersedeHostLatch(el, rv)) return;
+    observeForLateHostControl(el, rv);
+  });
+}
+function observeForLateHostControl(el, rv) {
+  let batches = 0;
+  const observer = new MutationObserver(() => {
+    const done = componentHostLatch.get(el) !== null || !el.isConnected || trySupersedeHostLatch(el, rv) || ++batches >= SELF_HEAL_MAX_MUTATION_BATCHES;
+    if (done) {
+      observer.disconnect();
+      hostHealObservers.delete(el);
+    }
+  });
+  observer.observe(el, { childList: true, subtree: true });
+  hostHealObservers.set(el, observer);
+}
+function activateComponentHost(el, rv) {
+  if (rv.hasRegisteredDescendant(el))
+    return;
+  el[REGISTER_OWNER_MARKER] = true;
+  if (!el.tagName.includes("-")) {
+    el.removeAttribute("registerValue");
+  }
+  const control = findHostControl(el);
+  if (control !== null) {
+    latchHostControl(el, rv, control);
+    return;
+  }
+  setupNoLatchHost(el, rv);
+  scheduleHostSelfHeal(el, rv);
+}
 const vRegisterDynamic = {
   created(el, binding, vnode) {
     callModelHook(el, binding, vnode, null, "created");
     if (isRegisterValue(binding.value)) setupAria(el, binding.value, vnode);
+    if (__DEV__) warnRedundantStateBinding(el, binding, vnode);
   },
   mounted(el, binding, vnode) {
     callModelHook(el, binding, vnode, null, "mounted");
+    if (binding.modifiers[SSR_COMPONENT_HOST_MODIFIER] === true && isRegisterValue(binding.value)) {
+      activateComponentHost(el, binding.value);
+    }
     if (__DEV__ && warnedUnsupportedElements !== null && !INTERACTIVE_TAG_NAMES.has(el.tagName) && !warnedUnsupportedElements.has(el)) {
       void nextTick(() => {
         if (warnedUnsupportedElements.has(el)) return;
@@ -1228,6 +1337,19 @@ const vRegisterDynamic = {
     teardownValueSync(el);
     if (!isRegisterValue(value)) return;
     value.deregisterElement(el);
+    if (componentHostLatch.has(el)) {
+      const healObserver = hostHealObservers.get(el);
+      if (healObserver !== void 0) {
+        healObserver.disconnect();
+        hostHealObservers.delete(el);
+      }
+      const latchedControl = componentHostLatch.get(el);
+      if (latchedControl != null) {
+        teardownAria(latchedControl);
+        value.deregisterElement(latchedControl);
+      } else value.markHostConnected(false);
+      componentHostLatch.delete(el);
+    }
     delete el.composing;
     delete el._assigning;
     delete el._syncFromStorage;
@@ -1249,7 +1371,7 @@ const vRegisterDynamic = {
     const isComponentHostModifier = modifiers?.[SSR_COMPONENT_HOST_MODIFIER] === true;
     const suppressHostAria = isComponentHostModifier || realVnode !== null && !isInteractiveElementVnode;
     const ariaProps = suppressHostAria ? void 0 : getSSRAriaProps(rv, realVnode);
-    const formStateProps = realVnode !== null ? getSSRFormStateProps(rv, realVnode) : void 0;
+    const formStateProps = realVnode !== null && !isComponentHostModifier ? getSSRFormStateProps(rv, realVnode) : void 0;
     if (ariaProps === void 0 && formStateProps === void 0) return void 0;
     return { ...ariaProps, ...formStateProps };
   }
@@ -1263,6 +1385,27 @@ function resolveDynamicModel(tagName, type) {
   if (type === "radio") return vRegisterRadio;
   return vRegisterText;
 }
+function warnRedundantStateBinding(el, binding, vnode) {
+  if (warnedRedundantBindings === null) return;
+  if (!INTERACTIVE_TAG_NAMES.has(el.tagName)) return;
+  if (binding.modifiers[V_REGISTER_COMPILED_MODIFIER] === true) return;
+  const props = vnode.props;
+  if (props == null) return;
+  const variant = resolveDynamicModel(el.tagName, props["type"]);
+  if (variant === vRegisterFile) return;
+  const hasVModel = "onUpdate:modelValue" in props;
+  const stateAttr = variant === vRegisterCheckbox || variant === vRegisterRadio ? "checked" : "value";
+  const hasStateAttr = stateAttr in props;
+  if (!hasVModel && !hasStateAttr) return;
+  const tag = el.tagName.toLowerCase();
+  const redundant = hasVModel ? "v-model" : `:${stateAttr}`;
+  const signature = `${tag}:${String(props["type"] ?? "")}:${redundant}`;
+  if (warnedRedundantBindings.has(signature)) return;
+  warnedRedundantBindings.add(signature);
+  warn(
+    `[attaform] \`${redundant}\` is redundant beside v-register on <${tag}>. v-register already drives this field's value, so keep v-register alone and drop \`${redundant}\`. (An identity \`:value\` on a radio or <option> is expected and stays silent.)`
+  );
+}
 function ssrCheckboxProps(rv, props) {
   const model = rv.innerRef.value;
   const optionValue = props?.["value"];
@@ -1450,4 +1593,4 @@ function pathsEqual(a, b) {
 }
 
 export { AttaformError as A, InvalidPathError as I, OutsideSetupError as O, ROOT_PATH as R, SubmitErrorHandlerError as S, __DEV__ as _, InvalidUseFormConfigError as a, ROOT_PATH_KEY as b, RegistryNotInstalledError as c, ReservedFormKeyError as d, assignKey as e, canonicalizePath as f, createAttaform as g, createRegistry as h, getRegistryFromApp as i, isPathPrefix as j, kAttaformRegistry as k, kAttaformWizardActiveStepResolver as l, pathKeyToDotted as m, pathsEqual as n, keyForSegments as o, parseDottedPath as p, INTERACTIVE_TAG_NAMES as q, coerceToPathKey as r, segmentsForPathKey as s, toError as t, useRegistry as u, vRegister as v, ensureAttaformInstalled as w, kFormContext as x, kFormInstanceId as y, kAttaformAncestorWizard as z };
-//# sourceMappingURL=attaform.C5qkSN6t.mjs.map
+//# sourceMappingURL=attaform.CqwcTExO.mjs.map