@social-mail/social-mail-client 1.2.231 → 1.2.233

package/dist/web/AppIndex.pack.js

@@ -19449,7 +19449,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
             const all = yield this.entityService.query(UserPushSubscription).where({
               ids,
               userID
-            }, p => x => x.userID === p.userID && Sql.in(x.mailboxID, p.ids) && x.emailAddressID === null).toArray();
+            }, p => x => x.userID === p.userID && x.mailboxID in p.ids && x.emailAddressID === null).toArray();
             const map = new Map(all.map(x => [x.mailboxID, x]));
             for (const iterator of items) {
               iterator.notify = (_b = (_a = map.get(iterator.mailboxID)) === null || _a === void 0 ? void 0 : _a.notify) !== null && _b !== void 0 ? _b : false;
@@ -44187,41 +44187,45 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             }
           }
         }
-        insertImage(_a) {
-          var {
-              src,
-              style
-            } = _a,
-            a = __rest(_a, ["src", "style"]);
+        insertImage(...images) {
+          var _a;
           return __awaiter(this, void 0, void 0, function* () {
-            let img;
-            if (this.selection.isImage) {
-              img = this.selection.element;
-            } else {
-              img = this.htmlDocument.createElement("img");
-              this.selection.element.appendChild(img);
-              this.selection.element.appendChild(document.createTextNode("\n"));
-            }
-            img.src = src;
-            img.onload = () => {
-              this.selection.update();
-              img.onload = null;
-            };
-            if (style) {
-              for (const key in style) {
-                if (Object.prototype.hasOwnProperty.call(style, key)) {
-                  const element = style[key];
-                  img.style[key] = element;
+            let img = ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.isImage) ? this.selection.element : null;
+            const container = img ? img.parentElement : this.selection.element;
+            for (let _b of images) {
+              const {
+                  src,
+                  style
+                } = _b,
+                a = __rest(_b, ["src", "style"]);
+              if (!img) {
+                img = this.htmlDocument.createElement("img");
+                container.appendChild(img);
+                container.appendChild(document.createTextNode("\n"));
+              }
+              img.src = src;
+              const i = img;
+              img.onload = () => {
+                this.selection.update();
+                i.onload = null;
+              };
+              if (style) {
+                for (const key in style) {
+                  if (Object.prototype.hasOwnProperty.call(style, key)) {
+                    const element = style[key];
+                    img.style[key] = element;
+                  }
                 }
               }
-            }
-            if (a) {
-              for (const key in a) {
-                if (Object.prototype.hasOwnProperty.call(a, key)) {
-                  const element = a[key];
-                  img.setAttribute(key, element);
+              if (a) {
+                for (const key in a) {
+                  if (Object.prototype.hasOwnProperty.call(a, key)) {
+                    const element = a[key];
+                    img.setAttribute(key, element);
+                  }
                 }
               }
+              img = null;
             }
             this.commit();
           });
@@ -44644,7 +44648,7 @@ System.register(["tslib", "@web-atoms/core/dist/style/styled", "@web-atoms/core/
 System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/tree/FileTreeView", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "../service/CloudFileService", "@web-atoms/core/dist/style/styled", "../../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/UploadEvent", "../../../../common/controls/buttons/IconButton", "../../../../common/apiPath"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, UploadEvent, SaveIconTextButton, apiPath, ChooseMediaPage, css;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, SelectAll, SelectorCheckBox, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, UploadEvent, SaveIconTextButton, apiPath, ChooseMediaPage, css;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -44659,6 +44663,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       FolderTreeView = _commonControlsTreeFileTreeView.FolderTreeView;
     }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
       AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+      SelectAll = _webAtomsWebControlsDistBasicAtomRepeater.SelectAll;
+      SelectorCheckBox = _webAtomsWebControlsDistBasicAtomRepeater.SelectorCheckBox;
     }, function (_webAtomsCoreDistCoreBind) {
       Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistCoreInjectProperty) {
@@ -44702,11 +44708,39 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         }
 
         & .media-file {
-            display: inline-block;
-            max-height: 300px;
+            display: inline-grid;
+            max-height: 350px;
             border: solid 5px transparent;
             overflow: hidden;
             cursor: pointer;
+            grid-template-columns: auto 1fr;
+            grid-template-rows: auto 1fr;
+            position: relative;
+
+            & > [data-selector=checkbox] {
+                grid-row: 1;
+                grid-column: 1;
+            }
+
+            & > .file-name {
+                grid-row: 1;
+                grid-column: 2;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                position: absolute;
+                left: 0;
+                top: 5px;
+                width: 100%;
+            }
+
+            & > .file-preview {
+                grid-row: 2;
+                grid-column: 1 / span 2;
+            }
+
+
+
             &:hover {
                 border-color: lightblue;
             }
@@ -44725,7 +44759,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
           this.search = "";
           this.version = 1;
           this.size = 700;
-          this.selectedFile = null;
+          this.selectedFiles = [];
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -44772,8 +44806,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 });
               })
             })), XNode.create(AtomRepeater, {
+              presenter: Bind.presenter(c => this.filesRepeater = c),
               selectOnClick: true,
-              selectedItem: Bind.twoWaysImmediate(() => this.selectedFile),
+              selectedItems: this.selectedFiles,
+              allowMultipleSelection: this.parameters.multiple,
               header: true,
               headerRenderer: item => XNode.create("div", {
                 "data-position": "sticky-top",
@@ -44789,14 +44825,22 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               })),
               itemRenderer: item => XNode.create("div", {
                 class: "media-file"
-              }, XNode.create("img", {
+              }, 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.selectedFile !== null),
+              "style-display": Bind.oneWay(() => this.selectedFiles.length > 0),
               "data-layout": "row"
-            }, XNode.create("input", {
+            }, XNode.create(SelectAll, {
+              items: Bind.oneWay(() => this.filesRepeater.items),
+              selectedItems: this.selectedFiles
+            }), XNode.create("input", {
               type: "range",
               min: "100",
               max: "2000",
@@ -44812,12 +44856,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         }
         selectFile() {
           return __awaiter(this, void 0, void 0, function* () {
-            const file = this.selectedFile;
             const size = this.size;
-            return {
+            return this.selectedFiles.map(file => ({
               file,
               size
-            };
+            }));
           });
         }
         onFilesUploaded() {
@@ -45008,19 +45051,23 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
         }
         changeImage() {
           return __awaiter(this, void 0, void 0, function* () {
-            const {
-              file,
-              size
-            } = yield PageNavigator.pushPageForResult(ChooseMediaPage, {
+            const files = yield PageNavigator.pushPageForResult(ChooseMediaPage, {
               folder: this.folder,
-              accept: "image/*"
+              accept: "image/*",
+              multiple: true
             });
-            const src = imageUrl(this.folder, file, size);
-            const srcset = srcSetUrl(this.folder, file);
-            yield this.insertImage({
-              src,
-              srcset
+            const images = files.map(({
+              file,
+              size
+            }) => {
+              const src = imageUrl(this.folder, file, size);
+              const srcset = srcSetUrl(this.folder, file);
+              return {
+                src,
+                "data-src-set": srcset
+              };
             });
+            yield this.insertImage(...images);
           });
         }
         openVariables() {