attaform 0.24.3 → 0.24.4

package/dist/shared/{attaform.DQcdvxKZ.cjs → attaform.CAVK56f8.cjs}

@@ -340,6 +340,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 = vue.effectScope(true);
+  scope.run(() => {
+    vue.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;
@@ -1180,6 +1202,88 @@ function getCheckboxValue(el, checked) {
   return key in el ? el[key] : checked;
 }
 const warnedUnsupportedElements = __DEV__ ? /* @__PURE__ */ new WeakSet() : 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 vue.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[registerProtocol.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");
@@ -1187,6 +1291,9 @@ const vRegisterDynamic = {
   },
   mounted(el, binding, vnode) {
     callModelHook(el, binding, vnode, null, "mounted");
+    if (binding.modifiers[registerProtocol.SSR_COMPONENT_HOST_MODIFIER] === true && registerProtocol.isRegisterValue(binding.value)) {
+      activateComponentHost(el, binding.value);
+    }
     if (__DEV__ && warnedUnsupportedElements !== null && !INTERACTIVE_TAG_NAMES.has(el.tagName) && !warnedUnsupportedElements.has(el)) {
       void vue.nextTick(() => {
         if (warnedUnsupportedElements.has(el)) return;
@@ -1230,6 +1337,19 @@ const vRegisterDynamic = {
     teardownValueSync(el);
     if (!registerProtocol.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;
@@ -1251,7 +1371,7 @@ const vRegisterDynamic = {
     const isComponentHostModifier = modifiers?.[registerProtocol.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 };
   }
@@ -1483,4 +1603,4 @@ exports.segmentsForPathKey = segmentsForPathKey;
 exports.toError = toError;
 exports.useRegistry = useRegistry;
 exports.vRegister = vRegister;
-//# sourceMappingURL=attaform.DQcdvxKZ.cjs.map
+//# sourceMappingURL=attaform.CAVK56f8.cjs.map