@social-mail/social-mail-client 1.2.18 → 1.2.19

package/dist/web/AppIndex.pack.js

@@ -31997,26 +31997,20 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/EditorToolbar");
 
-System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "./EditorToolbar", "../commands/EditorCommand"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "./EditorToolbar"], function (_export, _context) {
   "use strict";
 
-  var Bind, XNode, EditorToolbar, EditorCommand;
+  var Bind, XNode, EditorToolbar;
   function UndoRedoToolbar() {
     return XNode.create(EditorToolbar, {
       "data-element": "undo"
     }, XNode.create("i", {
-      "event-click": EditorCommand.onClick(editor => {
-        editor.redoList.insert(editor.redoList.length, editor.htmlDocument.documentElement.innerHTML);
-        editor.htmlDocument.documentElement.innerHTML = editor.undoList.removeAt(editor.undoList.length - 1);
-      }),
+      "data-click-event": "undo",
       title: "Undo",
       "data-disabled": Bind.oneWay(editor => editor.undoList.length === 0),
       class: "fas fa-undo"
     }), XNode.create("i", {
-      "event-click": EditorCommand.onClick(editor => {
-        editor.undoList.insert(editor.undoList.length, editor.htmlDocument.documentElement.innerHTML);
-        editor.htmlDocument.documentElement.innerHTML = editor.redoList.removeAt(editor.redoList.length - 1);
-      }),
+      "data-click-event": "redo",
       title: "Redo",
       "data-disabled": Bind.oneWay(editor => editor.redoList.length === 0),
       class: "fas fa-redo"
@@ -32030,8 +32024,6 @@ System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XN
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_EditorToolbar) {
       EditorToolbar = _EditorToolbar.default;
-    }, function (_commandsEditorCommand) {
-      EditorCommand = _commandsEditorCommand.EditorCommand;
     }],
     execute: function () {}
   };
@@ -32170,6 +32162,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       "data-layout": "vertical-flex-stretch-items"
     }, ...nodes) : nodes[0];
     return XNode.create(Expander, Object.assign({
+      "data-element": "expander-property-editor",
       isExpanded: isExpanded
     }, a), label && XNode.create("label", null, label), child);
   }
@@ -32248,25 +32241,53 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       styled.css`
 
     display: grid;
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+    justify-items: stretch;
+    align-items: center;
     column-gap: 5px;
+    max-width: 200px;
+    & > * {
+        width: 100%;
+    }
     & > label {
         grid-row: 1;
         grid-column: 1;
     }
 
     & > [data-element=editor] {
-        grid-row: 1;
-        grid-column: 2;
+        grid-row: 2;
+        grid-column: 1;
     }
 
     & > [data-element=custom] {
-        grid-row: 2;
-        grid-column: 1 / span 2;
+        grid-row: 3;
+        grid-column: 1;
+    }
+
+    & select {
+        outline: none;
+        border: none;
+        background-color: #e7e7e775;
+        border-radius: 9999px;
+        padding-left: 10px;
+        padding-right: 10px;
     }
 
     `.installGlobal("[data-element=property-editor]");
+      styled.css`
+    
+        & select {
+            outline: none;
+            border: none;
+            background-color: #e7e7e775;
+            border-radius: 9999px;
+            padding-left: 10px;
+            padding-right: 10px;
+        }
+
+
+    `.installGlobal("[data-element=expander-property-editor]");
     }
   };
 });
@@ -32364,15 +32385,15 @@ System.register(["@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core
         primarySurfaceText: "gray",
         secondaryBackground: "#00808050",
         secondaryColor: "gray",
-        secondaryAccent: "blue",
+        secondaryAccent: "#318984a8",
         secondaryAccentText: "white",
-        secondarySurface: "#00A0A080",
+        secondarySurface: "#FFFFFFA0",
         secondarySurfaceText: "gray",
-        tertiaryBackground: "#7b4fc596",
+        tertiaryBackground: "#cfa55c87",
         tertiaryColor: "gray",
-        tertiaryAccent: "blue",
+        tertiaryAccent: "#e17b42cf",
         tertiaryAccentText: "white",
-        tertiarySurface: "#0000A080",
+        tertiarySurface: "#FFFFFFA0",
         tertiarySurfaceText: "gray"
       }));
       _export("sizeVarList", sizeVarList = [stylerVars.sizeTiny, stylerVars.sizeSmall, stylerVars.sizeSmaller, stylerVars.sizeDefault, stylerVars.sizeLarger, stylerVars.sizeLarge, stylerVars.relSizeXS, stylerVars.relSizeSmall, stylerVars.relSizeMedium, stylerVars.relSizeLarge, stylerVars.relSizeXL, stylerVars.relSize2XL, stylerVars.relSize3XL, stylerVars.relSize4XL, stylerVars.relSize5XL, stylerVars.relSize6XL, stylerVars.relSize7XL, stylerVars.relSizeFull, stylerVars.relSizeProse]);
@@ -34848,6 +34869,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             grid-column: 3;
             border-left: solid 1px lightgray;
             border-radius: 0;
+            overflow: auto;
         }
 
         & > [data-element=editor] {
@@ -34997,6 +35019,30 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             }, {
               capture: true
             });
+            this.htmlDocument.addEventListener("keydown", e => {
+              if (e.ctrlKey || e.metaKey) {
+                switch (e.key) {
+                  case "s":
+                    this.contentEditor.dispatchEvent(new CustomEvent("savePage", {
+                      bubbles: true
+                    }));
+                    e.preventDefault();
+                    break;
+                  case "z":
+                    this.contentEditor.dispatchEvent(new CustomEvent("undo", {
+                      bubbles: true
+                    }));
+                    e.preventDefault();
+                    break;
+                  case "y":
+                    this.contentEditor.dispatchEvent(new CustomEvent("redo", {
+                      bubbles: true
+                    }));
+                    e.preventDefault();
+                    break;
+                }
+              }
+            });
             InstallDragDropHelper(this);
             this.htmlDocument.close();
             setTimeout(() => {
@@ -35154,6 +35200,20 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             return this.insertImage(prompt("Image Src", ""));
           });
         }
+        onKeyUp(d, ke) {
+          if (ke.ctrlKey) {
+            switch (ke.key) {
+              case "z":
+                ke.preventDefault();
+                this.undo();
+                break;
+              case "y":
+                ke.preventDefault();
+                this.redo();
+                break;
+            }
+          }
+        }
         insertImage(src, style) {
           return __awaiter(this, void 0, void 0, function* () {
             let img;
@@ -35237,6 +35297,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             this.hover.update();
           }, 100);
         }
+        undo() {
+          this.redoList.insert(this.redoList.length, this.htmlDocument.documentElement.innerHTML);
+          this.htmlDocument.documentElement.innerHTML = this.undoList.removeAt(this.undoList.length - 1);
+        }
+        redo() {
+          this.undoList.insert(this.undoList.length, this.htmlDocument.documentElement.innerHTML);
+          this.htmlDocument.documentElement.innerHTML = this.redoList.removeAt(this.redoList.length - 1);
+        }
         setStylerSheet() {
           return __awaiter(this, void 0, void 0, function* () {
             const document = this.htmlDocument;
@@ -35275,6 +35343,15 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       __decorate([Action({
         onEvent: "change-image"
       }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], HtmlPageEditor.prototype, "changeImage", null);
+      __decorate([Action({
+        onEvent: "keyup"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, KeyboardEvent]), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "onKeyUp", null);
+      __decorate([Action({
+        onEvent: "undo"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "undo", null);
+      __decorate([Action({
+        onEvent: "redo"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "redo", null);
     }
   };
 });