@social-mail/social-mail-client 1.2.288 → 1.2.289

package/dist/admin/AdminAppIndex.pack.js

@@ -49285,6 +49285,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 max-width: 200px;
                 height: 200px;
                 object-fit: contain;
+                margin-top: 3ch;
             }
 
 
@@ -49308,6 +49309,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
           this.version = 1;
           this.size = 700;
           this.selectedFiles = [];
+          this.showSize = true;
         }
         init() {
           var _a;
@@ -49319,6 +49321,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.selectedFolder = this.parameters.folder;
             this.element.style.minWidth = "90%";
             this.element.style.minHeight = "90%";
+            this.showSize = /^(image|video)\//i.test(accept);
             const selected = this.parameters.selected;
             if ((selected === null || selected === void 0 ? void 0 : selected.tagName) === "IMG") {
               if (/^image\-grid$/i.test((_a = selected.parentElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
@@ -49378,30 +49381,44 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 accept,
                 cancelToken
               })),
-              itemRenderer: item => XNode.create("div", {
-                class: "media-file"
-              }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
-                class: "file-name",
-                title: item.name,
-                text: item.name
-              }), XNode.create("img", {
-                class: "file-preview",
-                src: apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)
-              }))
+              itemRenderer: item => {
+                if (/text\/html/i.test(item.contentType)) {
+                  return XNode.create("div", {
+                    class: "media-file"
+                  }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
+                    class: "file-name",
+                    title: item.name,
+                    text: item.name
+                  }), XNode.create("div", {
+                    class: "file-preview",
+                    text: "HTML File"
+                  }));
+                }
+                return XNode.create("div", {
+                  class: "media-file"
+                }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
+                  class: "file-name",
+                  title: item.name,
+                  text: item.name
+                }), XNode.create("img", {
+                  class: "file-preview",
+                  src: apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)
+                }));
+              }
             })));
             this.footerRenderer = () => XNode.create("div", {
               "style-display": Bind.oneWay(() => this.selectedFiles.length > 0),
               "data-layout": "row"
-            }, XNode.create(SelectAll, {
+            }, this.parameters.multiple && XNode.create(SelectAll, {
               items: Bind.oneWay(() => this.filesRepeater.items),
               selectedItems: this.selectedFiles
-            }), XNode.create("input", {
+            }), this.showSize && XNode.create("input", {
               type: "range",
               min: "100",
               max: "2000",
               step: "100",
               value: Bind.twoWaysImmediate(() => this.size)
-            }), XNode.create("span", {
+            }), this.showSize && XNode.create("span", {
               text: Bind.oneWay(() => `${this.size}px`)
             }), XNode.create(SaveIconTextButton, {
               "data-click-event": "select-file",