@social-mail/social-mail-client 1.2.117 → 1.2.118

package/dist/admin/AdminAppIndex.pack.js

@@ -39047,7 +39047,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/co
       const onClick = e => {
         const editor = AtomControl.from(e.target);
         const element = editor.buildXNode(factory());
-        editor.insertElement(element);
+        editor.insertElement(element, void 0, true);
       };
       const onDragStart = e => {
         const editor = AtomControl.from(e.target);
@@ -39799,6 +39799,14 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
 
         & > img {
             align-self: center;
+            border-radius: ${stylerVars.sizeLarge}
+        }
+
+        & > section {
+            & > h4[styler-element=accent] {
+                padding: ${stylerVars.sizeLarge};
+                border-radius: ${stylerVars.sizeLarge};
+            }
         }
 
         & > *:empty:before {
@@ -39833,6 +39841,7 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
 
         & > img {
             align-self: center;
+            border-radius: ${stylerVars.sizeLarge}
         }
 
         & > * {
@@ -39840,6 +39849,13 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
             flex: 1 1 100%;
         }
 
+        & > section {
+            & > h4[styler-element=accent] {
+                padding: ${stylerVars.sizeLarge};
+                border-radius: ${stylerVars.sizeLarge};
+            }
+        }
+
         & > *:empty:before {
             background-color: #ddd;
             color: #000;
@@ -39911,8 +39927,16 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
 
         & > img {
             align-self: center;
+            border-radius: ${stylerVars.sizeLarge}
         }
 
+        & > section {
+            & > h4[styler-element=accent] {
+                padding: ${stylerVars.sizeLarge};
+                border-radius: ${stylerVars.sizeLarge};
+            }
+        }
+        
         & > *:empty:before {
             background-color: #ddd;
             color: #000;
@@ -41959,7 +41983,9 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
           "styler-layout": "right-image-box"
         }, XNode.create("img", {
           src: defaultImageSrc
-        }), XNode.create("section", null, XNode.create("h4", null, "Header"), XNode.create("div", null, XNode.create("p", null, "Content here..."))))
+        }), XNode.create("section", null, XNode.create("h4", {
+          "styler-element": "accent"
+        }, "Header"), XNode.create("div", null, XNode.create("p", null, "Content here..."))))
       }));
       _export("ImageBox", ImageBox = Block({
         className: "material-symbols-outlined",
@@ -41969,7 +41995,9 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
           "styler-layout": "image-box"
         }, XNode.create("img", {
           src: defaultImageSrc
-        }), XNode.create("section", null, XNode.create("h4", null, "Header"), XNode.create("div", null, XNode.create("p", null, "Content here..."))))
+        }), XNode.create("section", null, XNode.create("h4", {
+          "styler-element": "accent"
+        }, "Header"), XNode.create("div", null, XNode.create("p", null, "Content here..."))))
       }));
     }
   };
@@ -42672,6 +42700,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               title: "Duplicate",
               "data-click-event": "copy-element",
               class: "fas fa-copy"
+            }), XNode.create("i", {
+              title: "Move Up",
+              "data-click-event": "move-up-element",
+              class: "fa-duotone fa-angles-up"
+            }), XNode.create("i", {
+              title: "Move Down",
+              "data-click-event": "move-down-element",
+              class: "fa-duotone fa-angles-down"
             }), XNode.create("i", {
               title: "Delete",
               "data-click-event": "delete-element",
@@ -42745,6 +42781,26 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           current.insertAdjacentElement("afterend", copy);
           this.commit();
         }
+        moveUpElement() {
+          const current = this.selection.element;
+          const prevSibling = current.previousElementSibling;
+          if (!prevSibling) {
+            return;
+          }
+          current.remove();
+          prevSibling.insertAdjacentElement("beforebegin", current);
+          this.commit();
+        }
+        moveDownElement() {
+          const current = this.selection.element;
+          const nextSibling = current.nextElementSibling;
+          if (!nextSibling) {
+            return;
+          }
+          current.remove();
+          nextSibling.insertAdjacentElement("afterend", current);
+          this.commit();
+        }
         changeImage() {
           return __awaiter(this, void 0, void 0, function* () {
             return this.insertImage(prompt("Image Src", ""));
@@ -42789,7 +42845,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             this.commit();
           });
         }
-        insertElement(e, parent = this.selection.element) {
+        insertElement(e, parent = this.selection.element, preferMain = false) {
+          if (preferMain) {
+            while (parent.parentElement !== this.htmlDocument.body) {
+              parent = parent.parentElement;
+            }
+          }
           parent.appendChild(e);
           if (!e.id) {
             e.id = "sm-" + Date.now().toString();
@@ -42909,6 +42970,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
         onEvent: "copy-element",
         blockMultipleExecution: false
       }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "copyElement", null);
+      __decorate([Action({
+        onEvent: "move-up-element",
+        blockMultipleExecution: false
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "moveUpElement", null);
+      __decorate([Action({
+        onEvent: "move-down-element",
+        blockMultipleExecution: false
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "moveDownElement", null);
       __decorate([Action({
         onEvent: "change-image"
       }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], HtmlPageEditor.prototype, "changeImage", null);