@social-mail/social-mail-client 1.9.69 → 1.9.70

package/dist/site-editor-app/SiteEditorApp.pack.js

@@ -57562,6 +57562,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
         }
         setSelection(element, commit = true) {
           var _a;
+          if (element.tagName === "HTML") {
+            element = element.querySelector("body > *:nth-child(1)");
+          }
           const old = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.element;
           if (old === null || old === void 0 ? void 0 : old.draggable) {
             old.removeAttribute("draggable");
@@ -57791,105 +57794,104 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               clone.head.appendChild(stylerCss);
             }
             this.undoRedo = new UndoRedo(this.htmlDocument, this);
-            setTimeout(() => {
-              if (clone.querySelector(`[styler-layout="component"]`)) {
-                let componentScript = clone.querySelector("[styler-component-script]");
-                if (!componentScript) {
-                  componentScript = this.htmlDocument.createElement("script");
-                  componentScript.setAttribute("styler-component-script", "component-script");
-                  const head = clone.querySelector("head");
-                  head.appendChild(componentScript);
-                  const scripts = clone.querySelectorAll("script[src]");
-                  for (let index = 0; index < scripts.length; index++) {
-                    const script = scripts[index];
-                    const srcScript = script.getAttribute("src");
-                    if (srcScript.includes("@social-mail/social-mail-client/") || srcScript.includes("/component.js")) {
-                      script.remove();
-                      break;
-                    }
+            yield sleep(10);
+            if (clone.querySelector(`[styler-layout="component"]`)) {
+              let componentScript = clone.querySelector("[styler-component-script]");
+              if (!componentScript) {
+                componentScript = this.htmlDocument.createElement("script");
+                componentScript.setAttribute("styler-component-script", "component-script");
+                const head = clone.querySelector("head");
+                head.appendChild(componentScript);
+                const scripts = clone.querySelectorAll("script[src]");
+                for (let index = 0; index < scripts.length; index++) {
+                  const script = scripts[index];
+                  const srcScript = script.getAttribute("src");
+                  if (srcScript.includes("@social-mail/social-mail-client/") || srcScript.includes("/component.js")) {
+                    script.remove();
+                    break;
                   }
                 }
-                const src = socialMailComponentPath;
-                if (componentScript.getAttribute("src") !== src) {
-                  componentScript.setAttribute("src", src);
-                }
-              }
-              let wc = clone.querySelector("script[web-components]");
-              if (!wc) {
-                wc = this.htmlDocument.createElement("script");
-                wc.setAttribute("web-components", "social");
-                wc.setAttribute("async", "true");
-                wc.setAttribute("defer", "true");
-                clone.head.appendChild(doc.createTextNode("\n"));
-                clone.head.appendChild(wc);
-                clone.head.appendChild(doc.createTextNode("\n"));
-              }
-              const wcs = `${WebComponents.path}/dist/main.js`;
-              if (wc.getAttribute("src") !== wcs) {
-                wc.setAttribute("src", wcs);
-              }
-              const sc = "//cdn.jsdelivr.net/npm/@social-mail/social-mail-client@latest/styler-lite/styler.css";
-              const oldStylerCss = stylerCss.getAttribute("href");
-              if (oldStylerCss !== sc) {
-                stylerCss.setAttribute("href", sc);
-              }
-              for (const node of descendentElementIterator(clone.documentElement)) {
-                const style = node.style;
-                if (style) {
-                  for (const attributeName of node.getAttributeNames()) {
-                    let av = node.getAttribute(attributeName);
-                    if (av === "null") {
-                      node.removeAttribute(attributeName);
-                      continue;
-                    }
-                    if (attributeName.includes("-desktop-")) {
-                      const a = attributeName.replace("-desktop-", "-");
-                      node.removeAttribute(attributeName);
-                      node.setAttribute(a, av);
-                      continue;
-                    }
-                    const s = editorSuggestions[attributeName];
-                    if (s) {
-                      const cv = s.find(x => x.label === av);
-                      if (cv && cv.value !== av) {
-                        av = cv.value;
-                        node.setAttribute(attributeName, av);
-                      }
-                    }
-                    if (attributeName.startsWith("styler-all-child")) {
-                      node.removeAttribute(attributeName);
-                      node.setAttribute(attributeName.replace("styler-all-", "styler-"), av);
-                    }
+              }
+              const src = socialMailComponentPath;
+              if (componentScript.getAttribute("src") !== src) {
+                componentScript.setAttribute("src", src);
+              }
+            }
+            let wc = clone.querySelector("script[web-components]");
+            if (!wc) {
+              wc = this.htmlDocument.createElement("script");
+              wc.setAttribute("web-components", "social");
+              wc.setAttribute("async", "true");
+              wc.setAttribute("defer", "true");
+              clone.head.appendChild(doc.createTextNode("\n"));
+              clone.head.appendChild(wc);
+              clone.head.appendChild(doc.createTextNode("\n"));
+            }
+            const wcs = `${WebComponents.path}/dist/main.js`;
+            if (wc.getAttribute("src") !== wcs) {
+              wc.setAttribute("src", wcs);
+            }
+            const sc = "//cdn.jsdelivr.net/npm/@social-mail/social-mail-client@latest/styler-lite/styler.css";
+            const oldStylerCss = stylerCss.getAttribute("href");
+            if (oldStylerCss !== sc) {
+              stylerCss.setAttribute("href", sc);
+            }
+            for (const node of descendentElementIterator(clone.documentElement)) {
+              const style = node.style;
+              if (style) {
+                for (const attributeName of node.getAttributeNames()) {
+                  let av = node.getAttribute(attributeName);
+                  if (av === "null") {
+                    node.removeAttribute(attributeName);
+                    continue;
                   }
-                  const remove = [];
-                  for (let index = 0; index < style.length; index++) {
-                    const styleName = style[index];
-                    if (styleName.startsWith("--styler-")) {
-                      const stylerName = styleName.substring(2);
-                      if (node.getAttribute(stylerName) !== "custom") {
-                        remove.push(styleName);
-                      }
+                  if (attributeName.includes("-desktop-")) {
+                    const a = attributeName.replace("-desktop-", "-");
+                    node.removeAttribute(attributeName);
+                    node.setAttribute(a, av);
+                    continue;
+                  }
+                  const s = editorSuggestions[attributeName];
+                  if (s) {
+                    const cv = s.find(x => x.label === av);
+                    if (cv && cv.value !== av) {
+                      av = cv.value;
+                      node.setAttribute(attributeName, av);
                     }
                   }
-                  for (const n of remove) {
-                    style.removeProperty(n);
+                  if (attributeName.startsWith("styler-all-child")) {
+                    node.removeAttribute(attributeName);
+                    node.setAttribute(attributeName.replace("styler-all-", "styler-"), av);
                   }
                 }
-              }
-              if (!clone.querySelector(`meta[charset]`)) {
-                clone.head.appendChild(doc.createTextNode("\n\t"));
-                clone.head.appendChild(ElementBuilder.create("meta", clone).attr("charset", "utf-8").element);
-                clone.head.appendChild(doc.createTextNode("\n"));
-              }
-              setTimeout(() => {
-                this.undoRedo.pause();
-                stylerCss.setAttribute("original-href", sc);
-                stylerCss.setAttribute("href", UMD.resolvePath("@social-mail/social-mail-client/styler-lite/styler.css"));
-                if (!clone.body.hasAttribute("styler-expansion-enabled")) {
-                  clone.body.setAttribute("styler-expansion-enabled", "true");
+                const remove = [];
+                for (let index = 0; index < style.length; index++) {
+                  const styleName = style[index];
+                  if (styleName.startsWith("--styler-")) {
+                    const stylerName = styleName.substring(2);
+                    if (node.getAttribute(stylerName) !== "custom") {
+                      remove.push(styleName);
+                    }
+                  }
                 }
-              }, 5);
-            }, 10);
+                for (const n of remove) {
+                  style.removeProperty(n);
+                }
+              }
+            }
+            if (!clone.querySelector(`meta[charset]`)) {
+              clone.head.appendChild(doc.createTextNode("\n\t"));
+              clone.head.appendChild(ElementBuilder.create("meta", clone).attr("charset", "utf-8").element);
+              clone.head.appendChild(doc.createTextNode("\n"));
+            }
+            yield sleep(5);
+            this.undoRedo.pause();
+            stylerCss.setAttribute("original-href", sc);
+            stylerCss.setAttribute("href", UMD.resolvePath("@social-mail/social-mail-client/styler-lite/styler.css"));
+            if (!clone.body.hasAttribute("styler-expansion-enabled")) {
+              clone.body.setAttribute("styler-expansion-enabled", "true");
+            }
+            this.setSelection(this.htmlDocument.querySelector("body > *:nth-child(1)"));
           });
         }
         updateEditable(doc) {