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

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

@@ -53559,13 +53559,15 @@ System.register(["@web-atoms/core/dist/core/AtomBinder", "./EditingSymbols"], fu
           const {
             documentObserver
           } = this;
-          if (this.silent && (documentObserver === null || documentObserver === void 0 ? void 0 : documentObserver.length)) {
-            for (const x of records) {
-              if (x.target[isDragged]) {
-                continue;
-              }
-              for (const d of documentObserver) {
-                d(x);
+          if (this.silent) {
+            if (documentObserver === null || documentObserver === void 0 ? void 0 : documentObserver.length) {
+              for (const x of records) {
+                if (x.target[isDragged]) {
+                  continue;
+                }
+                for (const d of documentObserver) {
+                  d(x);
+                }
               }
             }
             return;
@@ -56597,7 +56599,7 @@ System.register([], function (_export, _context) {
 System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu", "../../properties/controls/PropertyEditor", "./SelectionUI.global.css", "../sizes", "./SnapGuides", "../EditingSymbols"], function (_export, _context) {
   "use strict";
 
-  var XNode, EditorPopupMenu, BindEditor, mobileScreenWidth, tabletScreenWidth, SnapGuides, isDragged, ps, beginDrag, setCapture, eventPointerDown, keyboardEditingSymbol, eventKeyDown, previousFocus, updateFocus, eventDoubleClick;
+  var XNode, EditorPopupMenu, BindEditor, mobileScreenWidth, tabletScreenWidth, SnapGuides, isDragged, ps, cssPath, beginDrag, setCapture, eventPointerDown, keyboardEditingSymbol, eventKeyDown, previousFocus, updateFocus, eventDoubleClick;
   function SelectionUI() {
     return XNode.create("selected-element", {
       "data-element": "selection",
@@ -56678,6 +56680,29 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
     }],
     execute: function () {
       ps = (v, max) => (v * 100 / (max || 1)).toFixed(2);
+      cssPath = el => {
+        const path = [];
+        while (el.nodeType === Node.ELEMENT_NODE) {
+          let selector = el.nodeName.toLowerCase();
+          if (el.id) {
+            selector += '#' + el.id;
+          } else {
+            let nth = 1;
+            let f = el.parentElement.firstElementChild;
+            while (f !== el) {
+              nth++;
+              f = f.nextElementSibling;
+            }
+            selector += ":nth-child(" + nth + ")";
+          }
+          path.unshift(selector);
+          if (el.tagName === "BODY") {
+            break;
+          }
+          el = el.parentNode;
+        }
+        return path.join(" > ");
+      };
       beginDrag = (direction, editor, element) => {
         const snaps = new SnapGuides(direction, editor, element);
         const prefix = editor.maxWidth === tabletScreenWidth ? "styler-tablet" : editor.maxWidth === mobileScreenWidth ? "styler-mobile" : "styler";
@@ -56708,6 +56733,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
         element[isDragged] = true;
         editor.hover.update(selectedElement.parentElement);
         let updateTimer = void 0;
+        const dndStyle = editor.dndStyle;
+        const elementSelector = cssPath(selectedElement);
         const move = ({
           dx,
           dy,
@@ -56736,14 +56763,18 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
           let r = fx(ri);
           r = snaps.snap(r);
           inset = `${ps(r.top, height)}% ${ps(r.right, width)}% ${ps(r.bottom, height)}% ${ps(r.left, width)}%`;
-          selectedElement.style.inset = inset;
+          let rules = `${elementSelector} {
+            inset: ${inset};
+        `;
           if (!r.move) {
             resized = true;
             newWidth = ps(elementWidth + dx, width) + "%";
-            selectedElement.style.width = newWidth;
+            rules += ` width: ${newWidth}; `;
             newHeight = ps(elementHeight + dy, height) + "%";
-            selectedElement.style.height = newHeight;
+            rules += ` height: ${newHeight}; `;
           }
+          rules += "}";
+          dndStyle.replaceSync(rules);
           if (!updateTimer) {
             updateTimer = setTimeout(() => {
               updateTimer = void 0;
@@ -56757,9 +56788,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
           element[isDragged] = void 0;
         };
         const commit = () => {
-          selectedElement.style.removeProperty("inset");
-          selectedElement.style.removeProperty("width");
-          selectedElement.style.removeProperty("height");
+          dndStyle.replaceSync("");
           selectedElement.setAttribute(insetAttribute, inset);
           if (resized) {
             selectedElement.setAttribute(widthAttribute, newWidth);
@@ -56837,8 +56866,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
           element.releasePointerCapture(e.pointerId);
           element.removeEventListener("pointermove", captureMove);
           element.removeEventListener("pointerup", release);
-          sc.resume();
           if (!sc.changed) {
+            sc.resume();
             const {
               selectedElement,
               selectedParent
@@ -57750,7 +57779,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             caret.insertRule(`* {
             caret-color: currentColor !important;
         }`);
-            this.htmlDocument.adoptedStyleSheets = ((_a = this.htmlDocument.adoptedStyleSheets) === null || _a === void 0 ? void 0 : _a.length) ? [...this.htmlDocument.adoptedStyleSheets, caret] : [caret];
+            const dndStyle = new this.htmlDocument.defaultView.CSSStyleSheet();
+            this.dndStyle = dndStyle;
+            this.htmlDocument.adoptedStyleSheets = ((_a = this.htmlDocument.adoptedStyleSheets) === null || _a === void 0 ? void 0 : _a.length) ? [...this.htmlDocument.adoptedStyleSheets, caret, dndStyle] : [caret, dndStyle];
             const clone = this.htmlDocument;
             let stylerCss = clone.querySelector(`link[rel="stylesheet"][styler-css="styler.css"]`);
             if (!stylerCss) {