@social-mail/social-mail-client 1.2.258 → 1.2.260

package/dist/web/AppIndex.pack.js

@@ -30034,10 +30034,10 @@ System.register(["@web-atoms/core/dist/core/XNode"], function (_export, _context
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/Loader");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl", "../../../../model/model", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "../../../../common/controls/audio/AudioRecorder", "../service/ConversationService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/InjectProperty", "../../../../common/events/CommonEvents", "../service/MailService", "@web-atoms/date-time/dist/DateTime", "@web-atoms/core/dist/core/sleep", "../../../../common/controls/html/InlineHtmlEditorWithToolbar", "@web-atoms/web-controls/dist/html-editor/AtomHtmlEditor", "@web-atoms/web-controls/dist/html-editor/commands/Align", "@web-atoms/web-controls/dist/html-editor/commands/Bold", "@web-atoms/web-controls/dist/html-editor/commands/Italic", "@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough", "@web-atoms/web-controls/dist/html-editor/commands/Underline", "@web-atoms/web-controls/dist/html-editor/commands/AddLink", "@web-atoms/web-controls/dist/html-editor/commands/Unlink", "@web-atoms/web-controls/dist/html-editor/commands/Separator", "./Insert", "@web-atoms/date-time/dist/TimeSpan", "./Attach", "@web-atoms/core/dist/core/types", "@web-atoms/email-dom/dist/DomToString", "../../../../common/controls/email-recipients/EmailLabel", "../../../../common/controls/Loader"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl", "../../../../model/model", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "../../../../common/controls/audio/AudioRecorder", "../service/ConversationService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/InjectProperty", "../../../../common/events/CommonEvents", "../service/MailService", "@web-atoms/date-time/dist/DateTime", "@web-atoms/core/dist/core/sleep", "../../../../common/controls/html/InlineHtmlEditorWithToolbar", "@web-atoms/web-controls/dist/html-editor/AtomHtmlEditor", "@web-atoms/web-controls/dist/html-editor/commands/Align", "@web-atoms/web-controls/dist/html-editor/commands/Bold", "@web-atoms/web-controls/dist/html-editor/commands/Italic", "@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough", "@web-atoms/web-controls/dist/html-editor/commands/Underline", "@web-atoms/web-controls/dist/html-editor/commands/AddLink", "@web-atoms/web-controls/dist/html-editor/commands/Unlink", "@web-atoms/web-controls/dist/html-editor/commands/Separator", "./Insert", "@web-atoms/date-time/dist/TimeSpan", "./Attach", "@web-atoms/core/dist/core/types", "@web-atoms/email-dom/dist/DomToString", "../../../../common/controls/email-recipients/EmailLabel", "../../../../common/controls/Loader", "@web-atoms/core/dist/web/core/AtomUI"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, XNode, styled, AtomControl, AppFile, Email, Bind, Action, AudioRecorder, ConversationService, AtomRepeater, InjectProperty, CommonEvents, MailService, DateTime, sleep, MailHtmlEditor, Toolbar, Align, Bold, Italic, StrikeThrough, Underline, AddLink, Unlink, Separator, Insert, TimeSpan, Attach, CancelToken, DomToString, EmailLabel, Loader, MiniComposeBox, css, defaultEmailBody;
+  var __awaiter, __decorate, __metadata, XNode, styled, AtomControl, AppFile, Email, Bind, Action, AudioRecorder, ConversationService, AtomRepeater, InjectProperty, CommonEvents, MailService, DateTime, sleep, MailHtmlEditor, Toolbar, Align, Bold, Italic, StrikeThrough, Underline, AddLink, Unlink, Separator, Insert, TimeSpan, Attach, CancelToken, DomToString, EmailLabel, Loader, descendentElementIterator, MiniComposeBox, css, defaultEmailBody;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -30107,6 +30107,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       EmailLabel = _commonControlsEmailRecipientsEmailLabel.default;
     }, function (_commonControlsLoader) {
       Loader = _commonControlsLoader.default;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      descendentElementIterator = _webAtomsCoreDistWebCoreAtomUI.descendentElementIterator;
     }],
     execute: function () {
       css = styled.css`
@@ -30180,14 +30182,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
           this.app.runAsync(() => this.init());
         }
         init() {
-          var _a, _b, _c, _d;
-          var _e;
+          var _a, _b, _c, _d, _e;
+          var _f;
           return __awaiter(this, void 0, void 0, function* () {
             this.renderer = XNode.create("div", null, XNode.create(Loader, null));
             yield sleep(100);
             (_a = this.draft) !== null && _a !== void 0 ? _a : this.draft = (_b = yield this.conversationService.getDraft(this.mailboxContact)) === null || _b === void 0 ? void 0 : _b.email;
             if (this.draft) {
-              (_c = (_e = this.draft).attachments) !== null && _c !== void 0 ? _c : _e.attachments = [];
+              (_c = (_f = this.draft).attachments) !== null && _c !== void 0 ? _c : _f.attachments = [];
             }
             this.typedMessage = ((_d = this.draft) === null || _d === void 0 ? void 0 : _d.htmlBody) ? this.draft.htmlBody : defaultEmailBody;
             this.renderer = XNode.create("div", null, XNode.create(MailHtmlEditor, {
@@ -30233,6 +30235,24 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
                 "data-color": "red"
               }))
             }));
+            yield sleep(100);
+            if (!this.draft.subject) {
+              (_e = this.editor.element.querySelector("input.subject")) === null || _e === void 0 ? void 0 : _e.focus();
+              return;
+            }
+            const editor = this.editor.element.querySelector(`[data-element="editor"]`);
+            for (const iterator of descendentElementIterator(editor)) {
+              if (iterator.isContentEditable) {
+                let start = iterator;
+                let next;
+                while ((next = start.firstElementChild) && next.tagName !== "BR") {
+                  start = next;
+                }
+                start.focus();
+                window.getSelection().setPosition(start.firstElementChild);
+                return;
+              }
+            }
           });
         }
         filesAvailable({
@@ -32816,10 +32836,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/engagements/EngagementDetails");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../common/controls/repeater/InfiniteRepeater", "./service/ConversationService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/basic/InlinePopupControl", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/PageNavigator", "./ComposeMailPage", "../../../services/socket/sockets", "@web-atoms/web-controls/dist/basic/LimitedText", "../../../common/date/DateFormats", "@web-atoms/web-controls/dist/basic/InlinePopup", "@web-atoms/web-controls/dist/basic/PopupButton", "../../../common/pages/logs/LogsPage", "../../../common/SocialMailApp", "./detail/MailDetailPage", "../../../common/controls/file-preview/FilePreview", "./mini-compose/MiniComposeBox", "@web-atoms/core/dist/web/core/AtomUI", "../../../common/events/CommonEvents", "@web-atoms/date-time/dist/DateTime", "../../../common/controls/emoji-picker/EmojiPicker", "../../../services/EntityService", "./engagements/EngagementDetails", "../../../common/apiPath", "../../../common/controls/buttons/IconButton", "@web-atoms/core/dist/core/sleep"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../common/controls/repeater/InfiniteRepeater", "./service/ConversationService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/basic/InlinePopupControl", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/PageNavigator", "./ComposeMailPage", "../../../services/socket/sockets", "@web-atoms/web-controls/dist/basic/LimitedText", "../../../common/date/DateFormats", "@web-atoms/web-controls/dist/basic/InlinePopup", "@web-atoms/web-controls/dist/basic/PopupButton", "../../../common/pages/logs/LogsPage", "../../../common/SocialMailApp", "./detail/MailDetailPage", "../../../common/controls/file-preview/FilePreview", "./mini-compose/MiniComposeBox", "@web-atoms/core/dist/web/core/AtomUI", "../../../common/events/CommonEvents", "@web-atoms/date-time/dist/DateTime", "../../../common/controls/emoji-picker/EmojiPicker", "../../../services/EntityService", "./engagements/EngagementDetails", "../../../common/apiPath", "../../../common/controls/buttons/IconButton"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, ContentPage, isMobileView, Email, EmailEngagement, EmailRecipient, MailboxContactEmail, XNode, AtomRepeater, InfiniteRepeater, ConversationService, renderMail, InjectProperty, InlinePopupControl, Bind, styled, Action, PageNavigator, ComposeMailPage, MailboxSocket, LimitedText, DateFormats, InlinePopup, MenuItem, PopupActionButton, LogsPage, SocialMailApp, MailDetailPage, FilePreview, MiniComposeBox, AncestorEnumerator, CommonEvents, DateTime, EmojiPicker, EntityService, EngagementDetails, apiPath, AddIconTextButton, DeleteIconTextButton, EditIconTextButton, sleep, ConversationPage, itemCss, css, id, fixLinks;
+  var __awaiter, __decorate, __metadata, ContentPage, isMobileView, Email, EmailEngagement, EmailRecipient, MailboxContactEmail, XNode, AtomRepeater, InfiniteRepeater, ConversationService, renderMail, InjectProperty, InlinePopupControl, Bind, styled, Action, PageNavigator, ComposeMailPage, MailboxSocket, LimitedText, DateFormats, InlinePopup, MenuItem, PopupActionButton, LogsPage, SocialMailApp, MailDetailPage, FilePreview, MiniComposeBox, AncestorEnumerator, CommonEvents, DateTime, EmojiPicker, EntityService, EngagementDetails, apiPath, AddIconTextButton, DeleteIconTextButton, EditIconTextButton, ConversationPage, itemCss, css, id, fixLinks;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -32896,8 +32916,6 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       AddIconTextButton = _commonControlsButtonsIconButton.AddIconTextButton;
       DeleteIconTextButton = _commonControlsButtonsIconButton.DeleteIconTextButton;
       EditIconTextButton = _commonControlsButtonsIconButton.EditIconTextButton;
-    }, function (_webAtomsCoreDistCoreSleep) {
-      sleep = _webAtomsCoreDistCoreSleep.default;
     }],
     execute: function () {
       itemCss = styled.css`
@@ -33163,23 +33181,13 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
           });
         }
         startCompose(thread = null, email = null) {
-          var _a;
-          return __awaiter(this, void 0, void 0, function* () {
-            this.footerRenderer = () => {
-              var _a;
-              return XNode.create(MiniComposeBox, {
-                mailboxContact: thread !== null && thread !== void 0 ? thread : this.parameters,
-                draft: (_a = thread === null || thread === void 0 ? void 0 : thread.email) !== null && _a !== void 0 ? _a : email
-              });
-            };
-            yield sleep(100);
-            const focusSubject = !(((_a = thread === null || thread === void 0 ? void 0 : thread.email) === null || _a === void 0 ? void 0 : _a.subject) || (email === null || email === void 0 ? void 0 : email.subject));
-            if (focusSubject) {
-              const subject = this.element.querySelector(`input.subject`);
-              subject.focus();
-              return;
-            }
-          });
+          this.footerRenderer = () => {
+            var _a;
+            return XNode.create(MiniComposeBox, {
+              mailboxContact: thread !== null && thread !== void 0 ? thread : this.parameters,
+              draft: (_a = thread === null || thread === void 0 ? void 0 : thread.email) !== null && _a !== void 0 ? _a : email
+            });
+          };
         }
         onClick(a, e) {
           var _a, _b, _c;
@@ -33449,7 +33457,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       __decorate([InjectProperty, __metadata("design:type", ConversationService)], ConversationPage.prototype, "conversationService", void 0);
       __decorate([Action({
         onEvent: "edit-draft"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, Object]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "startCompose", null);
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, Object]), __metadata("design:returntype", void 0)], ConversationPage.prototype, "startCompose", null);
       __decorate([Action({
         onEvent: "click"
       }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, PointerEvent]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "onClick", null);
@@ -35747,6 +35755,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
     }],
     execute: function () {
       css = styled.css`
+
 &[data-page-type=master-detail] {
     & > [data-page-element=content] {
         &[data-mode=desktop] {
@@ -35760,7 +35769,27 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
     }
 }
 
+    & .add-contact {
+        place-self: center;
+        grid-row: 3;
+    }
+
+    & .blocked-bar {
+        grid-row: 1;
+        place-self: center;
+        margin: 5px;
+        font-size: smaller;
+    }
+
+    & .threads-container {
+        display: grid;
+        grid-template-rows: auto 1fr auto;
+        overflow: hidden;
+        grid-template-columns: 1fr;
+    }
+
     & .threads {
+        grid-row: 2;
         display: flex;
         gap: 5px;
         flex-direction: column;
@@ -35886,21 +35915,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               }));
             }
             this.title = mailbox.emailAddress.emailAddress;
-            this.renderer = XNode.create("div", null, XNode.create(Resizable, null, XNode.create(AtomRepeater, Object.assign({
+            this.renderer = XNode.create("div", null, XNode.create(Resizable, null, XNode.create("div", {
+              class: "threads-container"
+            }, XNode.create(ToggleButtonBar, {
+              class: "blocked-bar",
+              items: types,
+              value: Bind.sourceTwoWays(this, x => x.source.showBlocked)
+            }), XNode.create(AtomRepeater, Object.assign({
               class: "threads",
-              header: true,
-              headerRenderer: () => XNode.create("div", {
-                "data-layout": "row",
-                "data-font-size": "smaller"
-              }, XNode.create(ToggleButtonBar, {
-                items: types,
-                value: Bind.sourceTwoWays(this, x => x.source.showBlocked)
-              }), XNode.create("button", {
-                "data-click-event": "add-new-contact",
-                "data-layout": "accent-icon-button"
-              }, XNode.create("i", {
-                class: "fas fa-plus"
-              }), "Add")),
               "data-list-selection": "default",
               "data-items-updated-event": "mails-available",
               "data-selection-updated-event": "mail-selected",
@@ -35942,7 +35964,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
                   title: `Unread ${item.unread} out of ${item.total}`
                 }));
               }
-            }))));
+            })), XNode.create("div", {
+              class: "add-contact"
+            }, XNode.create("button", {
+              "data-click-event": "add-new-contact",
+              "data-layout": "accent-icon-button"
+            }, XNode.create("i", {
+              class: "fas fa-plus"
+            }), "Contact")))));
             this.registerDisposable(yield this.resolve(MailboxSocket).join(this.currentMailbox.mailboxID.toString(), {
               newMail: (_, emailAddressID, emailID) => {
                 this.version++;