@ohhwells/bridge 0.1.61-next.172 → 0.1.62-next.174

package/dist/index.cjs

@@ -380,6 +380,19 @@ var SECTION_ATTRS = {
   spacing: "data-ohw-style-spacing"
 };
 var NODE_WROTE_ATTR = "data-ohw-style-node";
+var NODE_PROPS = ["color", "font-size", "background"];
+function saveInline(el, prop) {
+  const attr = `data-ohw-style-prev-${prop}`;
+  if (!el.hasAttribute(attr)) el.setAttribute(attr, el.style.getPropertyValue(prop));
+}
+function restoreInline(el, prop) {
+  const attr = `data-ohw-style-prev-${prop}`;
+  if (!el.hasAttribute(attr)) return;
+  const prev = el.getAttribute(attr) ?? "";
+  if (prev) el.style.setProperty(prop, prev);
+  else el.style.removeProperty(prop);
+  el.removeAttribute(attr);
+}
 function ensureStyleSheet() {
   let el = document.getElementById(STYLE_SHEET_ID);
   if (!el) {
@@ -395,17 +408,14 @@ function clearSectionAttrs(root) {
     for (const el of Array.from(root.querySelectorAll(`[${attr}]`))) el.removeAttribute(attr);
   }
   for (const el of Array.from(root.querySelectorAll("[data-ohw-style-bgcolor]"))) {
-    ;
-    el.style.removeProperty("background");
+    restoreInline(el, "background");
     el.removeAttribute("data-ohw-style-bgcolor");
   }
 }
 function clearNodeProps(root) {
   for (const el of Array.from(root.querySelectorAll(`[${NODE_WROTE_ATTR}]`))) {
     const h = el;
-    h.style.removeProperty("color");
-    h.style.removeProperty("font-size");
-    h.style.removeProperty("background");
+    for (const prop of NODE_PROPS) restoreInline(h, prop);
     h.removeAttribute(NODE_WROTE_ATTR);
   }
 }
@@ -429,6 +439,7 @@ function applyStylesToDom(store) {
         section.setAttribute(attr, String(value).replace(":", "-"));
       }
       if (override.sectionBackgroundColor !== void 0) {
+        saveInline(section, "background");
         section.style.setProperty("background", override.sectionBackgroundColor, "important");
         section.setAttribute("data-ohw-style-bgcolor", "");
       }
@@ -438,19 +449,23 @@ function applyStylesToDom(store) {
     const nodes = document.querySelectorAll(`[data-ohw-key="${CSS.escape(key)}"]`);
     for (const el of Array.from(nodes)) {
       if (override.color !== void 0) {
+        saveInline(el, "color");
         el.style.setProperty("color", override.color, "important");
         el.setAttribute(NODE_WROTE_ATTR, "");
       }
       if (override.fontSize !== void 0) {
+        saveInline(el, "font-size");
         el.style.setProperty("font-size", `${override.fontSize}px`, "important");
         el.setAttribute(NODE_WROTE_ATTR, "");
       }
       if (override.buttonBackground !== void 0 || override.buttonText !== void 0) {
         const surface = buttonSurfaceOf(el);
         if (override.buttonBackground !== void 0) {
+          saveInline(surface, "background");
           surface.style.setProperty("background", override.buttonBackground, "important");
         }
         if (override.buttonText !== void 0) {
+          saveInline(surface, "color");
           surface.style.setProperty("color", override.buttonText, "important");
         }
         surface.setAttribute(NODE_WROTE_ATTR, "");
@@ -18536,7 +18551,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.61",
+        bridgeVersion: "0.1.62",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections