(()=>{"use strict";const e=window.ReactDOM,t=window.React,n=window.ReactJSXRuntime,r=()=>{const[e,r]=(0,t.useState)({});return(0,t.useEffect)((()=>{const e=document.querySelector("#_bppivimages_");if(!e)return;const t=new MutationObserver((()=>{(()=>{const t=e.querySelectorAll("input, select"),n={};t.forEach((e=>{const t=e.name,r="number"===e.type?parseFloat(e.value)||0:e.value;n[t]=r})),r(n)})()}));return t.observe(e,{attributes:!0,childList:!0,subtree:!0}),()=>{t.disconnect()}}),[]),(0,t.useEffect)((()=>{}),[e]),(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{children:"Field Observer"}),(0,n.jsx)("pre",{children:JSON.stringify(e,null,2)})]})};function s(){return(0,n.jsx)(n.Fragment,{children:"View"})}document.addEventListener("DOMContentLoaded",(function(){setTimeout((()=>{const t=document.querySelector(".bppivimages_preview");t&&(0,e.createRoot)(t).render((0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s,{}),(0,n.jsx)(r,{})]}))}),50)}))})();