@ukiahinsure/a2ui-react-adapter 0.1.23 → 0.1.24

package/dist/index.js

@@ -2184,6 +2184,12 @@ function currentQuestionElement(root) {
   }
   return container !== null && container !== root && root.contains(container) ? container : action;
 }
+var RENDERER_CONTROL_SELECTOR = "input:not([data-a2ui-loop-edit-input]), select, textarea";
+function addsRendererControl(record) {
+  return [...record.addedNodes].some(
+    (node) => node instanceof Element && (node.matches(RENDERER_CONTROL_SELECTOR) || node.querySelector(RENDERER_CONTROL_SELECTOR) !== null)
+  );
+}
 function textOf(element) {
   return (element.textContent ?? "").replace(/\s+/g, "");
 }
@@ -3478,6 +3484,30 @@ function enhanceTabs(root, tabs, navigation, viewedSectionId, frameId, onPanelCh
     });
     panel.setAttribute("aria-labelledby", selected.id);
     onPanelChange();
+    watchPanelRender();
+  };
+  let panelObserver;
+  let panelObserverTimer;
+  const stopWatchingPanel = () => {
+    panelObserver?.disconnect();
+    panelObserver = void 0;
+    if (panelObserverTimer !== void 0) {
+      globalThis.clearTimeout(panelObserverTimer);
+      panelObserverTimer = void 0;
+    }
+  };
+  const watchPanelRender = () => {
+    stopWatchingPanel();
+    if (typeof MutationObserver === "undefined") {
+      return;
+    }
+    panelObserver = new MutationObserver((records) => {
+      if (records.some(addsRendererControl)) {
+        onPanelChange();
+      }
+    });
+    panelObserver.observe(panel, { childList: true, subtree: true });
+    panelObserverTimer = globalThis.setTimeout(stopWatchingPanel, 3e3);
   };
   buttons.forEach((button, index) => {
     button.dataset.a2uiTab = statuses[index];
@@ -3520,6 +3550,7 @@ function enhanceTabs(root, tabs, navigation, viewedSectionId, frameId, onPanelCh
   synchronizingRenderer = false;
   activate(selectedIndex);
   return () => {
+    stopWatchingPanel();
     for (const remove of listeners) {
       remove();
     }