@social-mail/social-mail-client 1.2.2 → 1.2.3

package/dist/web/AppIndex.pack.js

@@ -21173,10 +21173,10 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
 
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/UploadEvent");
 
-System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/core/dist/di/Inject", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/services/PopupWindow", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/services/PopupService"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/core/dist/di/Inject", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/services/PopupWindow", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/entity/dist/models/TaskManager"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, App, CancelToken, DISingleton, Inject, StringHelper, styled, PopupWindow, InjectProperty, XNode, AtomRepeater, Bind, PopupService, FileUploadWindow, acceptDocumentAndMedia, LocalFileService;
+  var __awaiter, __decorate, __metadata, App, CancelToken, DISingleton, Inject, StringHelper, styled, PopupWindow, InjectProperty, XNode, AtomRepeater, Bind, PopupService, TaskManager, FileUploadWindow, acceptDocumentAndMedia, LocalFileService;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -21206,22 +21206,17 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
       Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistWebServicesPopupService) {
       PopupService = _webAtomsCoreDistWebServicesPopupService.default;
+    }, function (_webAtomsEntityDistModelsTaskManager) {
+      TaskManager = _webAtomsEntityDistModelsTaskManager.default;
     }],
     execute: function () {
       _export("acceptDocumentAndMedia", acceptDocumentAndMedia = ".doc, .docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, video/*, application/pdf, .pdf, .txt, audio/*, image/*, .csv, text/csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, text/plain, text/html");
       styled.css`
         display: inline-grid;
         grid-template-rows: auto auto;
-        grid-template-columns: auto 1fr auto;
-
-        & > [data-element=preview] {
-            grid-row: 1 / span 2;
-            grid-column: 1;
-        }
 
         & > [data-element=file-name] {
             grid-row: 1;
-            grid-column: 2;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
@@ -21229,17 +21224,13 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
 
         & > [data-element=progress] {
             grid-row: 2;
-            grid-column: 2 / span 2;
             width: 100%;
         }
 
-        & > [data-element=delete] {
-            grid-row: 1;
-            grid-column: 3;
-        }
     `.installGlobal("[data-attachment-file]");
-      LocalFileService = class LocalFileService {
+      LocalFileService = class LocalFileService extends TaskManager {
         constructor() {
+          super();
           document.body.addEventListener("uploadRequested", ce => {
             const {
               target,
@@ -21350,15 +21341,31 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
           });
         }
         upload(files, extra, ct) {
-          return __awaiter(this, void 0, void 0, function* () {
-            return files.map(file => {
-              const uploadFile = {
-                name: file.name
-              };
-              uploadFile.promise = this.uploadFile(file, extra, ct, n => uploadFile.progress = n);
-              return uploadFile;
-            });
-          });
+          const {
+            parentID
+          } = extra;
+          const tasks = [];
+          const upload = {
+            total: 0,
+            tasks,
+            progress: 0
+          };
+          for (const file of files) {
+            upload.total += file.size;
+            const uploadFile = {
+              name: file.name,
+              progress: 0
+            };
+            uploadFile.promise = this.run(() => __awaiter(this, void 0, void 0, function* () {
+              uploadFile.progress = 0.01;
+              const r = yield this.uploadFile(file, extra, ct, n => uploadFile.progress = n);
+              upload.progress += r.file.size;
+              setTimeout(() => tasks.remove(uploadFile), 500);
+              return r;
+            }));
+            tasks.push(uploadFile);
+          }
+          return upload;
         }
       };
       __decorate([Inject, __metadata("design:type", App)], LocalFileService.prototype, "app", void 0);
@@ -21382,8 +21389,21 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
             }), null, {
               capture: true
             });
-            this.files = yield this.localFileService.upload(this.parameters.files, this.parameters.extra, this.cancelToken);
-            this.render(XNode.create("div", null, XNode.create(AtomRepeater, {
+            const task = this.localFileService.upload(this.parameters.files, this.parameters.extra, this.cancelToken);
+            this.files = task.tasks;
+            this.footerRenderer = () => XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create("progress", {
+              min: 0,
+              max: task.total,
+              value: Bind.source(task, x => x.source.progress)
+            }));
+            this.render(XNode.create("div", {
+              "data-overflow": "auto",
+              "style-max-height": "500px",
+              "style-max-width": "400px"
+            }, XNode.create(AtomRepeater, {
+              "data-layout": "vertical-flex-stretch-items",
               items: this.files,
               itemRenderer: file => XNode.create("div", {
                 "data-attachment-file": "file"
@@ -21391,8 +21411,9 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
                 "data-element": "file-name",
                 text: file.name
               }), XNode.create("progress", {
+                "style-display": Bind.source(file, x => x.source.progress > 0),
                 min: 0,
-                max: 100,
+                max: 1,
                 value: Bind.source(file, x => x.source.progress)
               }))
             })));