@social-mail/social-mail-client 1.2.41 → 1.2.43

package/dist/web/AppIndex.pack.js

@@ -18689,6 +18689,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
     execute: function () {
       styled.css`
 
+    display: grid;
+    grid-template-rows: auto 1fr;
+
     & > [data-element=editor] {
 
         padding: var(--spacing, 5px);
@@ -18696,6 +18699,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         border-radius: var(--spacing, 5px);
         margin: var(--spacing, 5px);
 
+        overflow: auto;
+
         & > * {
             outline: none;
         }
@@ -25823,6 +25828,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
     grid-template-columns: auto 1fr auto;
     grid-template-rows: auto 1fr auto;
     border-top: solid 1px lightgray;
+    max-height: 50vh;
 
     & > [data-element=add] {
         grid-row: 1 / span 2;
@@ -27203,7 +27209,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
           }
           const watcher = children.watch((target, event, index, child) => {
             var _a;
-            if (event === "add" || event === "set") {
+            if (event === "add") {
+              this.createElement(child, item, index);
+              return;
+            }
+            if (event === "set") {
+              const childElement = this.map.get(child);
+              childElement === null || childElement === void 0 ? void 0 : childElement.dispose();
               this.createElement(child, item, index);
               return;
             }
@@ -32250,6 +32262,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./TreeView", "@web
             }
             file.name = newName;
             yield this.cloudFileService.save(file);
+            const e = this.map.get(file);
+            const {
+              parentItem: {
+                children
+              }
+            } = e;
+            children.set(children.indexOf(file), file);
           });
         }
         loadFolder(folder, accept, cancelToken) {
@@ -32279,6 +32298,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./TreeView", "@web
       _export("FileTreeView", FileTreeView = class FileTreeView extends FolderTreeView {
         constructor(app, e) {
           super(app, e);
+          this.menuActions = null;
           this.canSelect = item => !item.isFolder;
           this.labelRenderer = x => XNode.create("span", {
             text: x.name,
@@ -32287,34 +32307,38 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./TreeView", "@web
           });
           this.actionRenderer = item => XNode.create(InlinePopupButton, {
             "data-layout": "icon-button",
-            icon: "fa-solid fa-ellipsis-vertical"
-          }, XNode.create("div", {
-            "data-layout": "vertical-flex",
-            "style-width": "200px"
-          }, item.isFolder && XNode.create(MenuItem, {
-            "data-click-event": "new-folder",
-            icon: "fas fa-plus",
-            label: "New Folder"
-          }), item.isFolder && XNode.create(MenuItem, Object.assign({
-            "data-click-event": "none",
-            icon: "fas fa-upload",
-            label: "Upload File",
-            "data-extra": JSON.stringify({
-              parentID: item.appFileID
-            })
-          }, UploadEvent.AttachUploadAction({
-            multiple: true,
-            folder: true,
-            accept: "*/*"
-          }))), this.root !== item && XNode.create(MenuItem, {
-            "data-click-event": "rename-file",
-            icon: "fa-duotone fa-i-cursor",
-            label: "Rename"
-          }), this.root !== item && XNode.create(MenuItem, {
-            "data-click-event": "delete-file",
-            icon: "fas fa-trash-can",
-            label: "Delete"
-          })));
+            icon: "fa-solid fa-ellipsis-vertical",
+            popup: () => {
+              var _a, _b;
+              return XNode.create("div", {
+                "data-layout": "vertical-flex",
+                "style-width": "200px"
+              }, item.isFolder && XNode.create(MenuItem, {
+                "data-click-event": "new-folder",
+                icon: "fas fa-plus",
+                label: "New Folder"
+              }), item.isFolder && XNode.create(MenuItem, Object.assign({
+                "data-click-event": "none",
+                icon: "fas fa-upload",
+                label: "Upload File",
+                "data-extra": JSON.stringify({
+                  parentID: item.appFileID
+                })
+              }, UploadEvent.AttachUploadAction({
+                multiple: true,
+                folder: true,
+                accept: "*/*"
+              }))), ...((_b = (_a = this.menuActions) === null || _a === void 0 ? void 0 : _a.call(this, item)) !== null && _b !== void 0 ? _b : []), this.root !== item && XNode.create(MenuItem, {
+                "data-click-event": "rename-file",
+                icon: "fa-duotone fa-i-cursor",
+                label: "Rename"
+              }), this.root !== item && XNode.create(MenuItem, {
+                "data-click-event": "delete-file",
+                icon: "fas fa-trash-can",
+                label: "Delete"
+              }));
+            }
+          });
         }
         loadFolder(folder, accept, cancelToken) {
           return __awaiter(this, void 0, void 0, function* () {
@@ -36662,6 +36686,11 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               accept: "text/html",
               presenter: Bind.presenter(c => this.folderTree = c),
               selectedItem: Bind.twoWaysImmediate(() => this.selectedFile),
+              menuActions: x => !x.isFolder ? /\.(htm|html)$/i.test(x.name) ? [XNode.create(MenuItem, {
+                icon: "fas fa-copy",
+                "data-click-event": "duplicate-html",
+                label: "Duplicate Page"
+              })] : [] : void 0,
               "event-selected-item-changing": ce => {
                 if (this.pageContent) {
                   if (confirm("Page is modified but not saved, your changes will be lost")) {
@@ -36752,6 +36781,22 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             this.pageContent = "";
           });
         }
+        duplicateHtml(file) {
+          return __awaiter(this, void 0, void 0, function* () {
+            let {
+              name
+            } = file;
+            name = name.replace(/(\.[^\.]+)$/, ext => " Copy" + ext);
+            file = yield this.cloudFileService.save(Object.assign(Object.assign({}, file), {
+              appFileID: void 0,
+              children: void 0,
+              parent: void 0,
+              name
+            }));
+            this.root.children.add(file);
+            this.selectedFile = file;
+          });
+        }
         hide() {
           this.pageContent = this.htmlEditor.htmlPage;
           super.hide();
@@ -36788,6 +36833,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       __decorate([Action({
         onEvent: "save-page"
       }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "savePage", null);
+      __decorate([Action({
+        onEvent: "duplicate-html"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "duplicateHtml", null);
     }
   };
 });