@ohhwells/bridge 0.1.108-next.286 → 0.1.108-next.288

package/dist/index.cjs

@@ -8367,6 +8367,7 @@ var FIELD_TYPES = [
 var FIELD_ATTR = "data-ohw-form-field";
 var FIELD_TYPE_ATTR = "data-ohw-field-type";
 var PLACEHOLDER_EDIT_ATTR = "data-ohw-placeholder-edit";
+var seedFieldByForm = /* @__PURE__ */ new WeakMap();
 function fieldsKey(formKey) {
   return `${formKey}-fields`;
 }
@@ -8452,7 +8453,11 @@ function markFormFields(form) {
     ensureFieldLabel(wrapper, key);
     syncRequiredMark(wrapper);
   });
-  return listFieldWrappers(form);
+  const wrappers = listFieldWrappers(form);
+  if (wrappers.length > 0 && !seedFieldByForm.has(form)) {
+    seedFieldByForm.set(form, wrappers[0].cloneNode(true));
+  }
+  return wrappers;
 }
 function readFieldsFromDom(form) {
   return listFieldWrappers(form).map((wrapper) => {
@@ -8594,12 +8599,27 @@ function insertField(form, type) {
     wrapper = source.cloneNode(true);
     source.after(wrapper);
   } else {
-    wrapper = document.createElement("div");
-    const label2 = document.createElement("label");
-    const input2 = document.createElement("input");
-    wrapper.append(label2, input2);
+    const seed = seedFieldByForm.get(form);
+    if (seed) {
+      wrapper = seed.cloneNode(true);
+    } else {
+      wrapper = document.createElement("div");
+      const input2 = document.createElement("input");
+      input2.style.width = "100%";
+      input2.style.boxSizing = "border-box";
+      input2.style.padding = "12px";
+      input2.style.border = "1px solid color-mix(in srgb, currentColor 35%, transparent)";
+      input2.style.borderRadius = "8px";
+      input2.style.background = "#fff";
+      input2.style.fontFamily = "inherit";
+      input2.style.fontSize = "inherit";
+      input2.style.color = "inherit";
+      wrapper.append(input2);
+    }
     const submit = form.querySelector('button, input[type="submit"]');
-    if (submit) submit.before(wrapper);
+    let anchor = submit;
+    while (anchor && anchor.parentElement !== form) anchor = anchor.parentElement;
+    if (anchor) anchor.before(wrapper);
     else form.appendChild(wrapper);
   }
   wrapper.setAttribute(FIELD_ATTR, key);
@@ -19699,8 +19719,10 @@ function OhhwellsBridge() {
          crushed its fields together (OHH-490). Not media (image/bg-image/video/icon/map)
          either: those can be their own flex containers centering fallback content (a
          placeholder label, a mascot emoji) \u2014 forcing block broke that centering while the
-         image was unset (OHH-758-ish). */
-      [data-ohw-editable]:not([data-ohw-editable="form"]):not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"]):not([data-ohw-editable="icon"]):not([data-ohw-editable="map"]) {
+         image was unset (OHH-758-ish). Not inside a container that declares its editables
+         inline (data-ohw-inline-editables): a row of inline links \u2014 a footer's legal line \u2014
+         keeps its line; blockified labels put each link on its own row in the editor only. */
+      [data-ohw-editable]:not([data-ohw-editable="form"]):not([data-ohw-editable="image"]):not([data-ohw-editable="bg-image"]):not([data-ohw-editable="video"]):not([data-ohw-editable="icon"]):not([data-ohw-editable="map"]):not([data-ohw-inline-editables] *) {
         display: block;
       }
       /* The block-force above is an author rule, so it beats the browser's own
@@ -21426,6 +21448,7 @@ function OhhwellsBridge() {
             applyMapQuery(el, val);
           } else if (el.dataset.ohwEditable === "icon") {
             applyIconMarkup(el, val);
+          } else if (el.dataset.ohwEditable === "form") {
           } else if (isIconMarkupValue(val)) {
           } else {
             el.innerHTML = val;
@@ -21435,6 +21458,9 @@ function OhhwellsBridge() {
       }
       applyLogoFromContent(content);
       applyLogoSizes(content);
+      document.querySelectorAll('[data-ohw-editable="form"]').forEach((form) => {
+        reconcileFieldsFromContent(form, content);
+      });
       if (sectionsJson) {
         initSectionsFromContent({ __ohw_sections: sectionsJson }, true);
         sectionsLoadedRef.current = true;