npm - @social-mail/social-mail-client - Versions diffs - 1.0.44 → 1.0.46 - Mend

@social-mail/social-mail-client 1.0.44 → 1.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/web/AppIndex.pack.js CHANGED Viewed

@@ -1864,7 +1864,7 @@ const UMD = new UMDClass();
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","reflect-metadata","@web-atoms/web-controls","@web-atoms/date-time","@web-atoms/entity","@web-atoms/email-dom","@web-atoms/data-styles"],
-            ["@social-mail/social-mail-client/dist/web/AppIndex","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomBridge","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/web-controls/dist/PageNavigator","@web-atoms/web-controls/dist/desktop-app/DesktopApp","@social-mail/social-mail-client/dist/web/commands/AppCommands","@social-mail/social-mail-client/dist/web/page/home/HomePage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@web-atoms/core/dist/di/DITransient","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/Sql","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@web-atoms/web-controls/dist/basic/Form","@social-mail/social-mail-client/dist/common/controls/form/RequiredFormField","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/SocialMailApp","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailsPage","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/styles/drop-down-style","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/web/page/mails/ConversationPage","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@social-mail/social-mail-client/dist/web/page/mails/ComposeMailPage","@social-mail/social-mail-client/dist/common/controls/html/InlineHtmlEditorWithToolbar","@web-atoms/web-controls/dist/html-editor/InlineHtmlEditor","@web-atoms/data-styles/data-styles","@web-atoms/web-controls/dist/html-editor/commands/AddImage","@web-atoms/web-controls/dist/html-editor/commands/CommandButton","@web-atoms/web-controls/dist/html-editor/commands/HtmlCommands","@web-atoms/web-controls/dist/html-editor/commands/Toolbar","@web-atoms/web-controls/dist/html-editor/commands/Bold","@web-atoms/web-controls/dist/html-editor/commands/Command","@web-atoms/web-controls/dist/html-editor/commands/Italic","@web-atoms/web-controls/dist/html-editor/commands/Underline","@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough","@web-atoms/web-controls/dist/html-editor/commands/Align","@web-atoms/web-controls/dist/basic/PopupButton","@web-atoms/web-controls/dist/basic/styles/popup-button-style","@web-atoms/web-controls/dist/html-editor/commands/HorizontalRule","@web-atoms/web-controls/dist/html-editor/commands/Separator","@web-atoms/web-controls/dist/html-editor/commands/Headings","@web-atoms/web-controls/dist/html-editor/commands/ChangeColor","@web-atoms/web-controls/dist/html-editor/commands/ChangeFont","@web-atoms/web-controls/dist/html-editor/commands/ChangeFontSize","@web-atoms/web-controls/dist/html-editor/commands/NumberedList","@web-atoms/web-controls/dist/html-editor/commands/UnorderedList","@web-atoms/web-controls/dist/html-editor/commands/IndentLess","@web-atoms/web-controls/dist/html-editor/commands/IndentMore","@web-atoms/web-controls/dist/html-editor/commands/AddLink","@web-atoms/core/dist/web/controls/AtomToggleButtonBar","@web-atoms/core/dist/web/styles/AtomToggleButtonBarStyle","@web-atoms/core/dist/web/styles/AtomListBoxStyle","@web-atoms/core/dist/web/controls/AtomListBox","@web-atoms/core/dist/web/controls/AtomItemsControl","@web-atoms/core/dist/core/AtomEnumerator","@web-atoms/core/dist/core/AtomList","@web-atoms/web-controls/dist/html-editor/commands/Unlink","@web-atoms/web-controls/dist/html-editor/commands/RemoveFormat","@web-atoms/web-controls/dist/html-editor/commands/Source","@web-atoms/web-controls/dist/basic/UploadEvent","@social-mail/social-mail-client/dist/services/files/LocalFileService","@web-atoms/web-controls/dist/basic/AtomChips","@web-atoms/web-controls/dist/basic/Chip","@web-atoms/web-controls/dist/basic/styles/chip-style","@web-atoms/web-controls/dist/basic/styles/chips-style","@web-atoms/web-controls/dist/basic/styles/item-suggestion-style","@web-atoms/web-controls/dist/basic/TitleEditor","@web-atoms/web-controls/dist/basic/styles/title-editor-style","@social-mail/social-mail-client/dist/services/socket/sockets","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/style/GlobalStyle","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@social-mail/social-mail-client/dist/services/UserService","@social-mail/social-mail-client/dist/common/pages/user/LoginPage","@social-mail/social-mail-client/dist/common/controls/password/PasswordStrength","@social-mail/social-mail-client/dist/common/validators/Validators","@social-mail/social-mail-client/dist/web/drawer/AppDrawer","@social-mail/social-mail-client/dist/common/controls/menu/MenuItem","@social-mail/social-mail-client/dist/common/controls/ModuleInfo","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+            ["@social-mail/social-mail-client/dist/web/AppIndex","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomBridge","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/web-controls/dist/PageNavigator","@web-atoms/web-controls/dist/desktop-app/DesktopApp","@social-mail/social-mail-client/dist/web/commands/AppCommands","@social-mail/social-mail-client/dist/web/page/home/HomePage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@web-atoms/core/dist/di/DITransient","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/Sql","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@web-atoms/web-controls/dist/basic/Form","@social-mail/social-mail-client/dist/common/controls/form/RequiredFormField","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/SocialMailApp","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailsPage","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/styles/drop-down-style","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/web/page/mails/ConversationPage","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@social-mail/social-mail-client/dist/web/page/mails/ComposeMailPage","@social-mail/social-mail-client/dist/common/controls/html/InlineHtmlEditorWithToolbar","@web-atoms/web-controls/dist/html-editor/InlineHtmlEditor","@web-atoms/data-styles/data-styles","@web-atoms/web-controls/dist/html-editor/commands/AddImage","@web-atoms/web-controls/dist/html-editor/commands/CommandButton","@web-atoms/web-controls/dist/html-editor/commands/HtmlCommands","@web-atoms/web-controls/dist/html-editor/commands/Toolbar","@web-atoms/web-controls/dist/html-editor/commands/Bold","@web-atoms/web-controls/dist/html-editor/commands/Command","@web-atoms/web-controls/dist/html-editor/commands/Italic","@web-atoms/web-controls/dist/html-editor/commands/Underline","@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough","@web-atoms/web-controls/dist/html-editor/commands/Align","@web-atoms/web-controls/dist/basic/PopupButton","@web-atoms/web-controls/dist/basic/styles/popup-button-style","@web-atoms/web-controls/dist/html-editor/commands/HorizontalRule","@web-atoms/web-controls/dist/html-editor/commands/Separator","@web-atoms/web-controls/dist/html-editor/commands/Headings","@web-atoms/web-controls/dist/html-editor/commands/ChangeColor","@web-atoms/web-controls/dist/html-editor/commands/ChangeFont","@web-atoms/web-controls/dist/html-editor/commands/ChangeFontSize","@web-atoms/web-controls/dist/html-editor/commands/NumberedList","@web-atoms/web-controls/dist/html-editor/commands/UnorderedList","@web-atoms/web-controls/dist/html-editor/commands/IndentLess","@web-atoms/web-controls/dist/html-editor/commands/IndentMore","@web-atoms/web-controls/dist/html-editor/commands/AddLink","@web-atoms/core/dist/web/controls/AtomToggleButtonBar","@web-atoms/core/dist/web/styles/AtomToggleButtonBarStyle","@web-atoms/core/dist/web/styles/AtomListBoxStyle","@web-atoms/core/dist/web/controls/AtomListBox","@web-atoms/core/dist/web/controls/AtomItemsControl","@web-atoms/core/dist/core/AtomEnumerator","@web-atoms/core/dist/core/AtomList","@web-atoms/web-controls/dist/html-editor/commands/Unlink","@web-atoms/web-controls/dist/html-editor/commands/RemoveFormat","@web-atoms/web-controls/dist/html-editor/commands/Source","@web-atoms/web-controls/dist/basic/UploadEvent","@social-mail/social-mail-client/dist/services/files/LocalFileService","@web-atoms/web-controls/dist/basic/TitleEditor","@web-atoms/web-controls/dist/basic/styles/title-editor-style","@social-mail/social-mail-client/dist/common/controls/email-recipients/EmailRecipientChips","@web-atoms/web-controls/dist/basic/AtomChips","@web-atoms/web-controls/dist/basic/Chip","@web-atoms/web-controls/dist/basic/styles/chip-style","@web-atoms/web-controls/dist/basic/styles/chips-style","@web-atoms/web-controls/dist/basic/styles/item-suggestion-style","@social-mail/social-mail-client/dist/services/email-addresses/EmailAddressService","@social-mail/social-mail-client/dist/common/cache/CacheTTL","@social-mail/social-mail-client/dist/services/socket/sockets","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/web/page/files/FilesPage","@social-mail/social-mail-client/dist/web/page/files/service/CloudFileService","@social-mail/social-mail-client/dist/web/page/files/FolderPage","@social-mail/social-mail-client/dist/common/controls/tree/TreeView","@social-mail/social-mail-client/dist/style/GlobalStyle","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@social-mail/social-mail-client/dist/services/UserService","@social-mail/social-mail-client/dist/common/pages/user/LoginPage","@social-mail/social-mail-client/dist/common/controls/password/PasswordStrength","@social-mail/social-mail-client/dist/common/validators/Validators","@social-mail/social-mail-client/dist/web/drawer/AppDrawer","@social-mail/social-mail-client/dist/common/controls/menu/MenuItem","@social-mail/social-mail-client/dist/common/controls/ModuleInfo","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
 System.register([], function (_export, _context) {
   "use strict";
@@ -10486,7 +10486,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/types", "@web-atoms/core/di
 System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "../PageNavigator", "@web-atoms/core/dist/core/StringHelper", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/AtomDisposableList", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/core/dist/core/Command", "@web-atoms/core/dist/core/Route"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, AtomLoader, sleep, XNode, NavigationService, AtomControl, PopupService, PopupWindow, PageNavigator, StringHelper, styled, BindableProperty, AtomDisposableList, Bind, CancelToken, ChildEnumerator, displayRouteSymbol, Route, Drawer, BasePage, ContentPage, TabbedPage, MobileApp, PopupWindowEx, PopupWindowPage, _a, isMobileView, isPopupPage, root;
+  var __awaiter, __decorate, __metadata, AtomLoader, sleep, XNode, NavigationService, AtomControl, PopupService, PopupWindow, PageNavigator, StringHelper, styled, BindableProperty, AtomDisposableList, Bind, CancelToken, ChildEnumerator, displayRouteSymbol, Route, Drawer, BasePage, ContentPage, TabbedPage, MobileApp, PopupWindowEx, PopupWindowPage, _a, historyBackCalled, isMobileView, isPopupPage, root;
   function PullToRefresh() {
     return XNode.create("div", null, XNode.create("i", {
       class: "pull-icon fa-solid fa-down"
@@ -10811,6 +10811,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
         }
       });
       delete Drawer.prototype.init;
+      historyBackCalled = false;
       _export("BasePage", BasePage = class BasePage extends AtomControl {
         constructor() {
           super(...arguments);
@@ -10841,6 +10842,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
           history.pushState(state, "", url);
           const eventRegistration = e => {
             var _b;
+            if (historyBackCalled) {
+              return;
+            }
             if (((_b = e.state) === null || _b === void 0 ? void 0 : _b.url) === last) {
               this.cancel();
             }
@@ -10851,7 +10855,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomLoader", "@web-atoms/co
               var _b;
               window.removeEventListener("popstate", eventRegistration);
               if (((_b = history.state) === null || _b === void 0 ? void 0 : _b.url) === state.url) {
+                historyBackCalled = true;
                 history.back();
+                setTimeout(() => historyBackCalled = false, 500);
               }
             }
           };
@@ -15169,7 +15175,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/ent
 System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/services/BaseEntityService"], function (_export, _context) {
   "use strict";
-  var DateTime, Model, AppRole, AppFileContentDispositionArray, AppFile, AppFileTag, FileContent, Configuration, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, Mailbox, MailboxEmail, MailboxThread, MailboxThreadEmail, User, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, LoginSession, Tag;
+  var DateTime, Model, AppRole, AppFileContentDispositionArray, AppFile, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, Mailbox, MailboxEmail, MailboxThread, MailboxThreadEmail, User, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, LoginSession, Tag;
   return {
     setters: [function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
@@ -15189,11 +15195,28 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
       }]);
       _export("AppFile", AppFile = new Model("AppFile", ["appFileID"], {
         isFolder: false,
-        folder: "",
         name: "",
         fileSize: 0,
         contentType: ""
       }));
+      _export("AppFileVersion", AppFileVersion = new Model("AppFileVersion", ["versionID"], {
+        fileID: 0,
+        fileContentID: 0,
+        name: "",
+        dateCreated: new DateTime()
+      }));
+      _export("AppFileAccessTypeArray", AppFileAccessTypeArray = [{
+        "label": "read",
+        "value": "read"
+      }, {
+        "label": "write",
+        "value": "write"
+      }]);
+      _export("AppFileAccess", AppFileAccess = new Model("AppFileAccess", ["fileID", "userID", "type"], {
+        fileID: 0,
+        userID: 0,
+        type: "read"
+      }));
       _export("AppFileTag", AppFileTag = new Model("AppFileTag", ["appFileID", "tagID"], {
         appFileID: 0,
         tagID: 0
@@ -17514,7 +17537,9 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
               emailAddressID
             }, p => x => x.mailboxID === p.mailboxID && x.emailAddressID === p.emailAddressID);
             if (search) {
-              search = `%${search}%`;
+              if (!/\%/.test(search)) {
+                search = `%${search}%`;
+              }
               q = q.where({
                 search
               }, p => x => Sql.text.iLike(x.email.subject, p.search) || Sql.text.iLike(x.email.textBody, p.search));
@@ -20320,6 +20345,7 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
         name: "upload-command"
       });
       window.addEventListener(uploadCommand.eventName, ce => {
+        var _a;
         if (ce.defaultPrevented) {
           return;
         }
@@ -20331,7 +20357,7 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
           }
         }
         const multiple = element.getAttribute("data-multiple") === "true";
-        const extra = element.extra;
+        const extra = (_a = element.extra) !== null && _a !== void 0 ? _a : element.getAttribute("data-extra");
         const upload = element.getAttribute("data-upload") === "true";
         const uploadEvent = StringHelper.fromHyphenToCamel(element.getAttribute("data-upload-event"));
         const chain = [];
@@ -20561,7 +20587,7 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
             return detail.files;
           });
         }
-        upload(files) {
+        upload(files, extra) {
           return __awaiter(this, void 0, void 0, function* () {
             return files.map(file => {
               const uploadFile = {
@@ -20598,7 +20624,21 @@ System.register(["tslib", "@web-atoms/core/dist/App", "@web-atoms/core/dist/core
                     resolve(r);
                   }
                 });
-                xhr.open("POST", "/api/upload", true);
+                let postUrl = "/api/upload";
+                if (extra) {
+                  if (typeof extra === "string") {
+                    extra = JSON.parse(extra);
+                  }
+                  const s = new URLSearchParams();
+                  for (const key in extra) {
+                    if (Object.prototype.hasOwnProperty.call(extra, key)) {
+                      const element = extra[key];
+                      s.append(key, element);
+                    }
+                  }
+                  postUrl += "?" + s.toString();
+                }
+                xhr.open("POST", postUrl, true);
                 xhr.send(body);
               });
               return uploadFile;
@@ -20627,7 +20667,7 @@ 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.files = yield this.localFileService.upload(this.parameters.files, this.parameters.extra);
             this.render(XNode.create("div", null, XNode.create(AtomRepeater, {
               items: this.files,
               itemRenderer: file => XNode.create("div", {
@@ -20854,6 +20894,192 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/html/InlineHtmlEditorWithToolbar");
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+    display: inline-grid;
+    grid-template-rows: 1fr auto;
+    grid-template-columns: 1fr 40px;
+    column-gap: 5px;
+    & > input {
+        grid-row: 1 / span 2;
+        grid-column: 1;
+    }
+    & > i {
+        grid-row: 1;
+        grid-column: 2;
+        font-size: smaller;
+        padding-left: 5px;
+        padding-right: 5px;
+        align-self: stretch;
+        justify-self: stretch;
+        text-align: center;
+    }
+    & > span {
+        grid-row: 2;
+        grid-column: 2;
+        font-size: xx-small;
+        align-self: stretch;
+        justify-self: stretch;
+        text-align: center;
+    }
+    `.installGlobal("[data-title-editor=title-editor]");
+    }
+  };
+});
+//# sourceMappingURL=title-editor-style.js.map
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/title-editor-style");
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/title-editor-style"], function (_export, _context) {
+  "use strict";
+  var __rest, XNode, paste, formatText, capitalizeText, toText, changeCase;
+  function TitleEditor(_a) {
+    var {
+        value,
+        type,
+        placeholder,
+        capitalize = "on",
+        capitalizationTitle = "Capitalization"
+      } = _a,
+      a = __rest(_a, ["value", "type", "placeholder", "capitalize", "capitalizationTitle"]);
+    return XNode.create("div", Object.assign({
+      "data-title-editor": "title-editor"
+    }, a), XNode.create("input", {
+      autocapitalize: capitalize,
+      type: type,
+      placeholder: placeholder,
+      value: value,
+      "event-input": capitalizeText,
+      "event-paste": paste
+    }), XNode.create("i", {
+      "data-element": "icon",
+      class: "fas fa-font-case",
+      "event-click": changeCase,
+      title: capitalizationTitle
+    }), XNode.create("span", {
+      "data-element": "text",
+      text: toText(capitalize),
+      "event-click": changeCase,
+      title: capitalizationTitle
+    }));
+  }
+  _export("default", TitleEditor);
+  return {
+    setters: [function (_tslib) {
+      __rest = _tslib.__rest;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_stylesTitleEditorStyle) {}],
+    execute: function () {
+      paste = e => {
+        const input = e.target;
+        const capitalize = input.autocapitalize;
+        if (!capitalize || capitalize === "off" || capitalize === "none") {
+          return;
+        }
+        setTimeout(() => {
+          const start = input.selectionStart;
+          const end = input.selectionEnd;
+          formatText(input, capitalize);
+          input.setSelectionRange(start, end);
+        }, 1);
+      };
+      formatText = (input, capitalize, all = true) => {
+        let value = input.value;
+        if (!value) {
+          return;
+        }
+        switch (capitalize) {
+          case "on":
+          case "sentences":
+            if (value.length === 1) {
+              value = value.toLocaleUpperCase();
+            }
+            break;
+          case "words":
+            if (all) {
+              value = value.replace(/(\S+)/g, s => s.substring(0, 1).toLocaleUpperCase() + s.substring(1));
+            } else {
+              value = value.replace(/(\S+)$/g, s => s.substring(0, 1).toLocaleUpperCase() + s.substring(1));
+            }
+            break;
+          case "characters":
+            value = value.toLocaleUpperCase();
+            break;
+        }
+        input.value = value;
+      };
+      capitalizeText = /android|iPhone|iOS/i.test(navigator.userAgent) ? () => undefined : e => {
+        const input = e.target;
+        const capitalize = input.autocapitalize;
+        if (!capitalize || capitalize === "off" || capitalize === "none") {
+          return;
+        }
+        const start = input.selectionStart;
+        const end = input.selectionEnd;
+        formatText(input, capitalize, false);
+        input.setSelectionRange(start, end);
+      };
+      toText = capitalize => {
+        switch (capitalize) {
+          case "off":
+          case "none":
+            return "Caps Off";
+          case "characters":
+            return "All Caps";
+          case "on":
+          case "sentences":
+            return "Sentence";
+          case "words":
+            return "Title Case";
+        }
+        return "";
+      };
+      changeCase = e => {
+        let element = e.target;
+        if (element.tagName === "SPAN") {
+          element = element.previousElementSibling;
+        }
+        const input = element.previousElementSibling;
+        const span = element.nextElementSibling;
+        let capitalize = input.autocapitalize;
+        switch (capitalize) {
+          case "sentences":
+            capitalize = "words";
+            break;
+          case "words":
+            capitalize = "characters";
+            break;
+          case "characters":
+            capitalize = "off";
+            break;
+          default:
+            capitalize = "sentences";
+            break;
+        }
+        span.textContent = toText(capitalize);
+        input.autocapitalize = capitalize;
+      };
+    }
+  };
+});
+//# sourceMappingURL=TitleEditor.js.map
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/TitleEditor");
 System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
@@ -21284,13 +21510,17 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           this.bindEvent(this.element, "removeChip", e => e.defaultPrevented || this.removeItem(e.detail));
           this.bindEvent(this.element, "undoRemoveChip", e => e.defaultPrevented || this.undoRemoveItem(e.detail));
           this.bindEvent(this.searchInput, "blur", () => {
-            if (this.onBlurItemToChip && this.search) {
-              const item = this.onBlurItemToChip(this.search);
-              if (item) {
-                this.items.add(item);
-                this.searchInput.value = "";
+            const search = this.search;
+            setTimeout(() => {
+              if (this.onBlurItemToChip && search) {
+                const item = this.onBlurItemToChip(search);
+                if (item) {
+                  this.items.add(item);
+                  this.searchInput.value = "";
+                  this.search = "";
+                }
               }
-            }
+            }, 50);
           });
         }
         setFocus(hasFocus) {
@@ -21478,196 +21708,200 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/AtomChips");
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register([], function (_export, _context) {
   "use strict";
-  var styled;
+  var CacheTTL;
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
+    setters: [],
     execute: function () {
-      styled.css`
-    display: inline-grid;
-    grid-template-rows: 1fr auto;
-    grid-template-columns: 1fr 40px;
-    column-gap: 5px;
-    & > input {
-        grid-row: 1 / span 2;
-        grid-column: 1;
-    }
-    & > i {
-        grid-row: 1;
-        grid-column: 2;
-        font-size: smaller;
-        padding-left: 5px;
-        padding-right: 5px;
-        align-self: stretch;
-        justify-self: stretch;
-        text-align: center;
-    }
-    & > span {
-        grid-row: 2;
-        grid-column: 2;
-        font-size: xx-small;
-        align-self: stretch;
-        justify-self: stretch;
-        text-align: center;
-    }
-    `.installGlobal("[data-title-editor=title-editor]");
+      _export("CacheTTL", CacheTTL = {
+        seconds: {
+          oneHour: 60 * 60,
+          oneDay: 60 * 60 * 24,
+          oneMonth: 60 * 60 * 24 * 30
+        }
+      });
     }
   };
 });
-//# sourceMappingURL=title-editor-style.js.map
+//# sourceMappingURL=CacheTTL.js.map
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/title-editor-style");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/cache/CacheTTL");
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./styles/title-editor-style"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/di/Inject", "../EntityService", "../../common/Sql", "../../model/model", "../../common/cache/CacheTTL", "@web-atoms/core/dist/di/DISingleton"], function (_export, _context) {
   "use strict";
-  var __rest, XNode, paste, formatText, capitalizeText, toText, changeCase;
-  function TitleEditor(_a) {
-    var {
-        value,
-        type,
-        placeholder,
-        capitalize = "on",
-        capitalizationTitle = "Capitalization"
-      } = _a,
-      a = __rest(_a, ["value", "type", "placeholder", "capitalize", "capitalizationTitle"]);
-    return XNode.create("div", Object.assign({
-      "data-title-editor": "title-editor"
-    }, a), XNode.create("input", {
-      autocapitalize: capitalize,
-      type: type,
-      placeholder: placeholder,
-      value: value,
-      "event-input": capitalizeText,
-      "event-paste": paste
-    }), XNode.create("i", {
-      "data-element": "icon",
-      class: "fas fa-font-case",
-      "event-click": changeCase,
-      title: capitalizationTitle
-    }), XNode.create("span", {
-      "data-element": "text",
-      text: toText(capitalize),
-      "event-click": changeCase,
-      title: capitalizationTitle
-    }));
-  }
-  _export("default", TitleEditor);
+  var __awaiter, __decorate, __metadata, Inject, EntityService, Sql, EmailAddress, CacheTTL, DISingleton, cacheVersion, cacheSeconds, hideActivityIndicator, EmailAddressService;
   return {
     setters: [function (_tslib) {
-      __rest = _tslib.__rest;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_stylesTitleEditorStyle) {}],
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistDiInject) {
+      Inject = _webAtomsCoreDistDiInject.Inject;
+    }, function (_EntityService) {
+      EntityService = _EntityService.default;
+    }, function (_commonSql) {
+      Sql = _commonSql.Sql;
+    }, function (_modelModel) {
+      EmailAddress = _modelModel.EmailAddress;
+    }, function (_commonCacheCacheTTL) {
+      CacheTTL = _commonCacheCacheTTL.CacheTTL;
+    }, function (_webAtomsCoreDistDiDISingleton) {
+      DISingleton = _webAtomsCoreDistDiDISingleton.default;
+    }],
     execute: function () {
-      paste = e => {
-        const input = e.target;
-        const capitalize = input.autocapitalize;
-        if (!capitalize || capitalize === "off" || capitalize === "none") {
-          return;
-        }
-        setTimeout(() => {
-          const start = input.selectionStart;
-          const end = input.selectionEnd;
-          formatText(input, capitalize);
-          input.setSelectionRange(start, end);
-        }, 1);
-      };
-      formatText = (input, capitalize, all = true) => {
-        let value = input.value;
-        if (!value) {
-          return;
+      cacheVersion = "1";
+      cacheSeconds = CacheTTL.seconds.oneDay;
+      hideActivityIndicator = true;
+      EmailAddressService = class EmailAddressService {
+        getName(ea) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const f = yield this.entityService.query(EmailAddress).where({
+              ea
+            }, p => x => x.emailAddress === p.ea).firstOrDefault({
+              cacheSeconds,
+              cacheVersion,
+              hideActivityIndicator
+            });
+            return f === null || f === void 0 ? void 0 : f.name;
+          });
         }
-        switch (capitalize) {
-          case "on":
-          case "sentences":
-            if (value.length === 1) {
-              value = value.toLocaleUpperCase();
+        search(search, cancelToken) {
+          return __awaiter(this, void 0, void 0, function* () {
+            if (!search) {
+              return [];
             }
-            break;
-          case "words":
-            if (all) {
-              value = value.replace(/(\S+)/g, s => s.substring(0, 1).toLocaleUpperCase() + s.substring(1));
-            } else {
-              value = value.replace(/(\S+)$/g, s => s.substring(0, 1).toLocaleUpperCase() + s.substring(1));
+            if (!/\%$/.test(search)) {
+              search = search + "%";
             }
-            break;
-          case "characters":
-            value = value.toLocaleUpperCase();
-            break;
-        }
-        input.value = value;
-      };
-      capitalizeText = /android|iPhone|iOS/i.test(navigator.userAgent) ? () => undefined : e => {
-        const input = e.target;
-        const capitalize = input.autocapitalize;
-        if (!capitalize || capitalize === "off" || capitalize === "none") {
-          return;
-        }
-        const start = input.selectionStart;
-        const end = input.selectionEnd;
-        formatText(input, capitalize, false);
-        input.setSelectionRange(start, end);
-      };
-      toText = capitalize => {
-        switch (capitalize) {
-          case "off":
-          case "none":
-            return "Caps Off";
-          case "characters":
-            return "All Caps";
-          case "on":
-          case "sentences":
-            return "Sentence";
-          case "words":
-            return "Title Case";
+            const list = yield this.entityService.query(EmailAddress).where({
+              search
+            }, p => x => Sql.text.like(x.emailAddress, p.search)).orderByDescending(x => x.emailAddressID).toPagedList({
+              start: 0,
+              size: 10,
+              count: false,
+              cacheSeconds,
+              cacheVersion,
+              cancelToken,
+              hideActivityIndicator
+            });
+            return list.items;
+          });
         }
-        return "";
       };
-      changeCase = e => {
-        let element = e.target;
-        if (element.tagName === "SPAN") {
-          element = element.previousElementSibling;
+      __decorate([Inject, __metadata("design:type", EntityService)], EmailAddressService.prototype, "entityService", void 0);
+      EmailAddressService = __decorate([DISingleton()], EmailAddressService);
+      _export("default", EmailAddressService);
+    }
+  };
+});
+//# sourceMappingURL=EmailAddressService.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/email-addresses/EmailAddressService");
+System.register(["tslib", "@web-atoms/web-controls/dist/basic/AtomChips", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "../../../services/email-addresses/EmailAddressService"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, AtomChips, Chip, EmailRecipient, XNode, Bind, InjectProperty, EmailAddressService, EmailRecipientChips;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsWebControlsDistBasicAtomChips) {
+      AtomChips = _webAtomsWebControlsDistBasicAtomChips.default;
+      Chip = _webAtomsWebControlsDistBasicAtomChips.Chip;
+    }, function (_modelModel) {
+      EmailRecipient = _modelModel.EmailRecipient;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_servicesEmailAddressesEmailAddressService) {
+      EmailAddressService = _servicesEmailAddressesEmailAddressService.default;
+    }],
+    execute: function () {
+      _export("default", EmailRecipientChips = class EmailRecipientChips extends AtomChips {
+        preCreate() {
+          super.preCreate();
+          this.search = "";
+          this.suggestions = [];
+          this.itemToChip = (item, text) => {
+            if (typeof item === "string") {
+              return this.createRecipient(item);
+            }
+            const {
+              name,
+              emailAddress,
+              emailAddressID
+            } = item;
+            return EmailRecipient.create({
+              emailAddressID,
+              name,
+              emailAddressText: emailAddress
+            });
+          };
+          this.itemRenderer = item => XNode.create(Chip, {
+            title: item.name ? item.emailAddressText : void 0,
+            label: item.name || item.emailAddressText
+          });
+          this.suggestionRenderer = item => XNode.create("div", {
+            "data-layout": "vertical-flex-stretch-items"
+          }, item.name && item.name !== item.emailAddress && XNode.create("div", {
+            text: item.name
+          }), XNode.create("div", {
+            text: item.emailAddress
+          }));
+          this.onKeyPressedItemToChip = (key, search) => {
+            if (key === "Enter" || key === "Comma") {
+              return this.createRecipient(search);
+            }
+          };
+          this.onBlurItemToChip = search => this.createRecipient(search);
+          this.render(XNode.create("div", {
+            suggestions: Bind.oneWayAsync((c, e, ct) => this.addressService.search(this.search, ct))
+          }));
         }
-        const input = element.previousElementSibling;
-        const span = element.nextElementSibling;
-        let capitalize = input.autocapitalize;
-        switch (capitalize) {
-          case "sentences":
-            capitalize = "words";
-            break;
-          case "words":
-            capitalize = "characters";
-            break;
-          case "characters":
-            capitalize = "off";
-            break;
-          default:
-            capitalize = "sentences";
-            break;
+        createRecipient(search) {
+          search = search === null || search === void 0 ? void 0 : search.trim();
+          if (!search) {
+            return;
+          }
+          if (!/\@/.test(search)) {
+            return;
+          }
+          const er = EmailRecipient.create({
+            emailAddressText: search
+          });
+          if (!er.name && er.emailAddressText) {
+            this.app.runAsync(() => __awaiter(this, void 0, void 0, function* () {
+              const n = yield this.addressService.getName(er.emailAddressText);
+              if (n) {
+                er.name = n;
+                this.refreshItem(er);
+              }
+            }));
+          }
+          return er;
         }
-        span.textContent = toText(capitalize);
-        input.autocapitalize = capitalize;
-      };
+      });
+      __decorate([InjectProperty, __metadata("design:type", EmailAddressService)], EmailRecipientChips.prototype, "addressService", void 0);
     }
   };
 });
-//# sourceMappingURL=TitleEditor.js.map
+//# sourceMappingURL=EmailRecipientChips.js.map
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/TitleEditor");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/email-recipients/EmailRecipientChips");
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../common/controls/html/InlineHtmlEditorWithToolbar", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../model/model", "@web-atoms/web-controls/dist/basic/AtomChips", "@web-atoms/core/dist/view-model/Action", "./service/MailService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/date-time/dist/DateTime", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/TitleEditor"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../common/controls/html/InlineHtmlEditorWithToolbar", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../model/model", "@web-atoms/core/dist/view-model/Action", "./service/MailService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/date-time/dist/DateTime", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/TitleEditor", "../../../common/controls/email-recipients/EmailRecipientChips"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, PopupWindowPage, InlineHtmlEditorWithToolbar, XNode, Bind, Form, FormField, HorizontalFormField, AppFile, Email, EmailRecipient, AtomChips, Chip, Action, MailService, InjectProperty, DateTime, AtomRepeater, TitleEditor, ComposeMailPage;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, InlineHtmlEditorWithToolbar, XNode, Bind, Form, FormField, HorizontalFormField, AppFile, Email, EmailRecipient, Action, MailService, InjectProperty, DateTime, AtomRepeater, TitleEditor, EmailRecipientChips, ComposeMailPage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -21691,9 +21925,6 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       AppFile = _modelModel.AppFile;
       Email = _modelModel.Email;
       EmailRecipient = _modelModel.EmailRecipient;
-    }, function (_webAtomsWebControlsDistBasicAtomChips) {
-      AtomChips = _webAtomsWebControlsDistBasicAtomChips.default;
-      Chip = _webAtomsWebControlsDistBasicAtomChips.Chip;
     }, function (_webAtomsCoreDistViewModelAction) {
       Action = _webAtomsCoreDistViewModelAction.default;
     }, function (_serviceMailService) {
@@ -21706,6 +21937,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
     }, function (_webAtomsWebControlsDistBasicTitleEditor) {
       TitleEditor = _webAtomsWebControlsDistBasicTitleEditor.default;
+    }, function (_commonControlsEmailRecipientsEmailRecipientChips) {
+      EmailRecipientChips = _commonControlsEmailRecipientsEmailRecipientChips.default;
     }],
     execute: function () {
       _export("default", ComposeMailPage = class ComposeMailPage extends PopupWindowPage {
@@ -21732,21 +21965,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             }
             this.renderer = XNode.create("div", null, XNode.create(Form, null, XNode.create(HorizontalFormField, {
               label: "To:"
-            }, XNode.create(AtomChips, {
-              itemToChip: text => EmailRecipient.create({
-                emailAddressText: text
-              }),
-              items: this.model.recipients,
-              itemRenderer: item => XNode.create(Chip, {
-                label: item.name ? item.emailAddressText : void 0,
-                text: item.name || item.emailAddressText
-              }),
-              onKeyPressedItemToChip: (key, search) => key === "Enter" || key === "Comma" ? EmailRecipient.create({
-                emailAddressText: search.trim()
-              }) : void 0,
-              onBlurItemToChip: search => EmailRecipient.create({
-                emailAddressText: search.trim()
-              })
+            }, XNode.create(EmailRecipientChips, {
+              items: this.model.recipients
             })), XNode.create(FormField, {
               label: ""
             }, XNode.create(TitleEditor, {
@@ -22055,10 +22275,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/LimitedText");
-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/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"], 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/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"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, ContentPage, Email, EmailRecipient, XNode, AtomRepeater, InfiniteRepeater, ConversationService, renderMail, InjectProperty, styled, Action, PageNavigator, ComposeMailPage, MailboxSocket, LimitedText, ConversationPage, css, id, fixLinks;
+  var __awaiter, __decorate, __metadata, ContentPage, Email, EmailRecipient, XNode, AtomRepeater, InfiniteRepeater, ConversationService, renderMail, InjectProperty, Bind, styled, Action, PageNavigator, ComposeMailPage, MailboxSocket, LimitedText, ConversationPage, css, id, fixLinks;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -22081,6 +22301,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       renderMail = _serviceConversationService.renderMail;
     }, function (_webAtomsCoreDistCoreInjectProperty) {
       InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsCoreDistViewModelAction) {
@@ -22130,6 +22352,18 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
           var _a;
           return __awaiter(this, void 0, void 0, function* () {
             const mb = this.parameters;
+            this.titleRenderer = () => {
+              var _a;
+              return XNode.create("div", {
+                "data-layout": "row"
+              }, XNode.create("input", {
+                value: Bind.twoWaysImmediate(() => this.search),
+                type: "search",
+                placeholder: "Search"
+              }), XNode.create("span", {
+                text: mb.lastEmail.senderID === mb.mailboxID ? (_a = mb.emailAddress) === null || _a === void 0 ? void 0 : _a.emailAddress : mb.lastEmail.senderName
+              }));
+            };
             this.title = mb.lastEmail.senderID === mb.mailboxID ? (_a = mb.emailAddress) === null || _a === void 0 ? void 0 : _a.emailAddress : mb.lastEmail.senderName;
             this.registerDisposable(yield this.resolve(MailboxSocket).join(mb.mailboxID.toString(), {
               newMail: () => {
@@ -22181,11 +22415,14 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             })));
           });
         }
-        replyEmail(email) {
+        replyEmail({
+          email
+        }) {
           var _a, _b;
           return __awaiter(this, void 0, void 0, function* () {
             const parse = JSON.parse(email.headers);
             const emailAddressText = (_b = (_a = parse === null || parse === void 0 ? void 0 : parse.replyTo) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : this.parameters.emailAddress.emailAddress;
+            const name = email.senderName;
             const parentID = email.emailID;
             const child = Email.create({
               senderID: this.parameters.mailboxID,
@@ -22193,6 +22430,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               parentID,
               received: false,
               recipients: [EmailRecipient.create({
+                name,
                 emailAddressText
               })],
               htmlBody: `<div contentEditable="true"><p><br/><br/><br/><br/><br/></p></div>`
@@ -22530,49 +22768,705 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage");
-System.register(["@web-atoms/core/dist/core/Command", "../../common/commands/CommonCommands"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "@web-atoms/date-time/dist/DateTime", "../../../../common/Sql"], function (_export, _context) {
   "use strict";
-  var Command, CommonCommands, AppCommands;
-  _export("default", void 0);
+  var __awaiter, __decorate, __metadata, DISingleton, Inject, EntityService, AppFile, DateTime, Sql, hideActivityIndicator, CloudFileService;
   return {
-    setters: [function (_webAtomsCoreDistCoreCommand) {
-      Command = _webAtomsCoreDistCoreCommand.default;
-    }, function (_commonCommandsCommonCommands) {
-      CommonCommands = _commonCommandsCommonCommands.default;
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistDiDISingleton) {
+      DISingleton = _webAtomsCoreDistDiDISingleton.default;
+    }, function (_webAtomsCoreDistDiInject) {
+      Inject = _webAtomsCoreDistDiInject.Inject;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_modelModel) {
+      AppFile = _modelModel.AppFile;
+    }, function (_webAtomsDateTimeDistDateTime) {
+      DateTime = _webAtomsDateTimeDistDateTime.default;
+    }, function (_commonSql) {
+      Sql = _commonSql.Sql;
     }],
     execute: function () {
-      _export("default", AppCommands = class AppCommands extends CommonCommands {});
-      AppCommands.openHome = Command.create({
-        route: "/",
-        routeOrder: 200,
-        openPage: () => _context.import("../page/home/HomePage")
-      });
-      AppCommands.openMailboxList = Command.create({
-        route: "/mailboxes",
-        routeOrder: 100,
-        openPage: () => _context.import("../../common/pages/mailboxes/MailboxListPage")
-      });
-      AppCommands.openMails = Command.create({
-        route: "/mails",
-        routeOrder: 100,
-        openPage: () => _context.import("../page/mails/MailsPage")
-      });
-    }
-  };
-});
-//# sourceMappingURL=AppCommands.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/commands/AppCommands");
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-  var styled;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }],
+      hideActivityIndicator = true;
+      CloudFileService = class CloudFileService {
+        rootFolders() {
+          return __awaiter(this, void 0, void 0, function* () {
+            return this.entityService.query(AppFile).where(x => x.isFolder === true && x.parentID === null).include(x => x.creator).toArray();
+          });
+        }
+        createFolder({
+          name,
+          parentID
+        }) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const dateCreated = DateTime.utcNow;
+            return this.entityService.save(AppFile.create({
+              name,
+              parentID,
+              isFolder: true,
+              contentType: "folder",
+              dateCreated,
+              dateUpdated: dateCreated
+            }));
+          });
+        }
+        expand(folder) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const parentID = folder.appFileID;
+            const files = yield this.entityService.query(AppFile).where({
+              parentID
+            }, p => x => x.parentID === p.parentID && x.isFolder === true).toArray({
+              hideActivityIndicator
+            });
+            const {
+              children
+            } = folder;
+            for (const iterator of files) {
+              if (children.some(c => c.appFileID === iterator.appFileID)) {
+                continue;
+              }
+              children.add(iterator);
+            }
+          });
+        }
+        files({
+          search = "",
+          folder,
+          cancelToken
+        }) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const parentID = folder.appFileID;
+            let q = this.entityService.query(AppFile).where({
+              parentID
+            }, p => x => x.parentID === p.parentID);
+            if (search) {
+              if (!/\%/.test(search)) {
+                search = search + "%";
+              }
+              q = q.where({
+                search
+              }, p => x => Sql.text.like(x.name, p.search));
+            }
+            const files = yield q.orderByDescending(x => x.isFolder).thenBy(x => x.name).toArray({
+              cancelToken
+            });
+            return files;
+          });
+        }
+      };
+      __decorate([Inject, __metadata("design:type", EntityService)], CloudFileService.prototype, "entityService", void 0);
+      CloudFileService = __decorate([DISingleton()], CloudFileService);
+      _export("default", CloudFileService);
+    }
+  };
+});
+//# sourceMappingURL=CloudFileService.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/service/CloudFileService");
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/core/AtomUI"], function (_export, _context) {
+  "use strict";
+  var __decorate, __metadata, XNode, AtomControl, BindableProperty, styled, AncestorEnumerator, TreeView, expandSymbol;
+  function findTreeElement(element) {
+    if (element.matches("[data-layout=tree-view-item]")) {
+      return element;
+    }
+    return AncestorEnumerator.findSelector(element, "[data-layout=tree-view-item]");
+  }
+  _export({
+    findTreeElement: findTreeElement,
+    default: void 0
+  });
+  return {
+    setters: [function (_tslib) {
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      AncestorEnumerator = _webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator;
+    }],
+    execute: function () {
+      expandSymbol = Symbol("expand");
+      styled.css`
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+        & [data-layout=tree-view-item] {
+            display: grid;
+            grid-template-columns: auto 1fr auto;
+            grid-template-rows: auto auto;
+            align-items: center;
+            &[data-selected] {
+                & > [data-element=label] {
+                    background-color: Highlight;
+                    color: HighlightText;
+                }
+            }
+            & > [data-element=action] {
+                grid-row: 1;
+                grid-column: 2;
+            }
+            & > [data-element=label] {
+                grid-row: 1;
+                grid-column: 2;
+                padding: 2px;
+                padding-left: 5px;
+                padding-right: 5px;
+            }
+            & > [data-element=expand-collapse] {
+                grid-row: 1;
+                grid-column: 1;
+                padding-right: 5px;
+                &::before {
+                    content: "\\2b";
+                }
+            }
+            & > [data-element=children] {
+                display: none;
+                padding: 5px;
+                grid-row: 2;
+                grid-column: 2;
+            }
+            &[data-expanded] {
+                & > [data-element=expand-collapse] {
+                    &::before {
+                        content: "\\f068";
+                    }
+                }
+                & > [data-element=children] {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 5px;
+                }
+            }
+        }
+    `.installGlobal("[data-layout=tree-view]");
+      ;
+      _export("default", TreeView = class TreeView extends AtomControl {
+        constructor() {
+          super(...arguments);
+          this.map = new WeakMap();
+        }
+        onPropertyChanging(name, oldValue, newValue) {
+          if (name === "selectedItem") {
+            if (oldValue) {
+              const selectedElement = this.map.get(oldValue);
+              if (selectedElement) {
+                selectedElement.removeAttribute("data-selected");
+              }
+            }
+            if (newValue) {
+              this.selectItem(newValue);
+            }
+          }
+        }
+        selectItem(newValue) {
+          if (!this.childrenProperty) {
+            return;
+          }
+          const element = this.map.get(newValue);
+          if (!element) {
+            console.error(`Item not in the tree`);
+            return;
+          }
+          element.setAttribute("data-selected", "true");
+        }
+        onPropertyChanged(name) {
+          switch (name) {
+            case "root":
+            case "childrenProperty":
+            case "labelRenderer":
+            case "collapseIconRenderer":
+            case "actionRenderer":
+              const rootElement = this.element.firstElementChild;
+              rootElement === null || rootElement === void 0 ? void 0 : rootElement.dispose();
+              if (this.root && this.childrenProperty && this.labelRenderer && this.collapseIconRenderer) {
+                this.element.innerHTML = "";
+                this.createElement(this.element, this.root, -1);
+                this.expand(this.root);
+                if (this.selectedItem) {
+                  this.selectItem(this.selectedItem);
+                }
+              }
+              break;
+            case "selectedItem":
+              if (this.selectedItem) {
+                this.selectItem(this.selectedItem);
+              }
+              break;
+          }
+        }
+        expand(item) {
+          const element = this.map.get(item);
+          if (element) {
+            this.expandElement(element);
+          }
+        }
+        preCreate() {
+          this.root = null;
+          this.selectedItem = null;
+          this.childrenProperty = null;
+          this.actionRenderer = null;
+          this.element.setAttribute("data-layout", "tree-view");
+          this.labelRenderer = item => {
+            var _a, _b;
+            return XNode.create("span", {
+              text: (_b = (_a = item.label) !== null && _a !== void 0 ? _a : item.name) !== null && _b !== void 0 ? _b : item
+            });
+          };
+          this.collapseIconRenderer = item => XNode.create("i", {
+            "data-click-event": "expand-collapse-item",
+            class: "fas"
+          });
+          this.runAfterInit(() => {
+            if (this.root && !this.element.firstElementChild) {
+              if (this.childrenProperty) {
+                this.createElement(this.element, this.root);
+                this.expand(this.root);
+              }
+              if (this.selectedItem) {
+                this.selectItem(this.selectedItem);
+              }
+            }
+          });
+          this.bindEvent(this.element, "selectItem", ce => {
+            const element = findTreeElement(ce.target);
+            if (element === null || element === void 0 ? void 0 : element.dataItem) {
+              this.selectedItem = element.dataItem;
+            }
+          });
+          this.bindEvent(this.element, "toggleExpand", ce => {
+            const element = findTreeElement(ce.target);
+            this.expandElement(element);
+          });
+        }
+        expandElement(element) {
+          if (element === null || element === void 0 ? void 0 : element.dataItem) {
+            if (element.getAttribute("data-expanded")) {
+              element.removeAttribute("data-expanded");
+              element.dispatchEvent(new CustomEvent("itemCollapsed", {
+                detail: element.dataItem,
+                bubbles: true,
+                cancelable: true
+              }));
+            } else {
+              element.setAttribute("data-expanded", "true");
+              element.dispatchEvent(new CustomEvent("itemExpanded", {
+                detail: element.dataItem,
+                bubbles: true,
+                cancelable: true
+              }));
+            }
+          }
+        }
+        createElement(parent, item, insertIndex = -1) {
+          var _a, _b, _c, _d, _e, _f;
+          const element = document.createElement("div");
+          element.setAttribute("data-layout", "tree-view-item");
+          element.dataItem = item;
+          element.parentItem = ((_a = parent.parentElement) !== null && _a !== void 0 ? _a : parent).dataItem;
+          this.map.set(item, element);
+          const children = this.childrenProperty(item);
+          if (!children) {
+            throw new Error("Children array must not be empty");
+          }
+          const childrenElement = document.createElement("div");
+          childrenElement.setAttribute("data-element", "children");
+          element.appendChild(childrenElement);
+          const watcher = children.watch((target, event, index, child) => {
+            if (event === "add" || event === "set") {
+              this.createElement(childrenElement, child, index);
+              return;
+            }
+            if (event === "remove") {
+              for (const iterator of Array.from(childrenElement.children)) {
+                if (iterator.dataItem === child) {
+                  iterator.remove();
+                  return;
+                }
+              }
+            }
+            for (const iterator of Array.from(childrenElement.children)) {
+              iterator === null || iterator === void 0 ? void 0 : iterator.dispose();
+            }
+            for (const iterator of children) {
+              this.createElement(element, iterator);
+            }
+          });
+          element.dispose = () => {
+            watcher.dispose();
+            for (const iterator of Array.from(childrenElement.children)) {
+              iterator === null || iterator === void 0 ? void 0 : iterator.dispose();
+            }
+            element.remove();
+          };
+          const actionElement = (_b = this.actionRenderer) === null || _b === void 0 ? void 0 : _b.call(this, item);
+          const collapseElement = this.collapseIconRenderer(item);
+          const labelElement = this.labelRenderer(item);
+          if (labelElement) {
+            const a = (_c = labelElement.attributes) !== null && _c !== void 0 ? _c : labelElement.attributes = {};
+            a["data-element"] = "label";
+            (_d = a["data-click-event"]) !== null && _d !== void 0 ? _d : a["data-click-event"] = "select-item";
+            this.render(XNode.create("div", null, labelElement), element, this);
+          }
+          if (actionElement) {
+            ((_e = actionElement.attributes) !== null && _e !== void 0 ? _e : actionElement.attributes = {})["data-element"] = "action";
+            this.render(XNode.create("div", null, actionElement), element, this);
+          }
+          if (collapseElement) {
+            const a = (_f = collapseElement.attributes) !== null && _f !== void 0 ? _f : collapseElement.attributes = {};
+            a["data-element"] = "expand-collapse";
+            a["data-click-event"] = "toggle-expand";
+            this.render(XNode.create("div", null, collapseElement), element, this);
+          }
+          for (const iterator of children) {
+            this.createElement(childrenElement, iterator);
+          }
+          parent.appendChild(element);
+          return element;
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", Object)], TreeView.prototype, "root", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Object)], TreeView.prototype, "selectedItem", void 0);
+    }
+  };
+});
+//# sourceMappingURL=TreeView.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/tree/TreeView");
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/UploadEvent", "../../../services/files/LocalFileService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../common/controls/tree/TreeView", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "./service/CloudFileService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/style/styled", "../../../common/NumberFormats"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, ContentPage, XNode, UploadEvent, acceptDocumentAndMedia, AtomRepeater, TreeView, Bind, Action, CloudFileService, InjectProperty, styled, toFileSize, FolderPage, css;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicUploadEvent) {
+      UploadEvent = _webAtomsWebControlsDistBasicUploadEvent.default;
+    }, function (_servicesFilesLocalFileService) {
+      acceptDocumentAndMedia = _servicesFilesLocalFileService.acceptDocumentAndMedia;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_commonControlsTreeTreeView) {
+      TreeView = _commonControlsTreeTreeView.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_serviceCloudFileService) {
+      CloudFileService = _serviceCloudFileService.default;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_commonNumberFormats) {
+      toFileSize = _commonNumberFormats.toFileSize;
+    }],
+    execute: function () {
+      css = styled.css`
+    display: grid;
+    grid-template-columns: 200px 1fr;
+    gap: 5px;
+    & .folder-tree {
+        grid-column: 1;
+        grid-row: 1;
+    }
+    & .file-list {
+        grid-row: 1;
+        grid-column: 2;
+    }
+`.installLocal();
+      _export("default", FolderPage = class FolderPage extends ContentPage {
+        constructor() {
+          super(...arguments);
+          this.version = 1;
+        }
+        init() {
+          var _a;
+          var _b;
+          return __awaiter(this, void 0, void 0, function* () {
+            this.search = "";
+            (_a = (_b = this.parameters).children) !== null && _a !== void 0 ? _a : _b.children = [];
+            this.root = this.parameters;
+            this.selectedFolder = this.root;
+            this.titleRenderer = () => XNode.create("div", {
+              "data-layout": "row"
+            }, XNode.create("div", {
+              text: Bind.oneWay(() => this.selectedFolder.name)
+            }), XNode.create("i", Object.assign({
+              class: "fas fa-upload",
+              "data-extra": Bind.oneWay(() => JSON.stringify({
+                parentID: this.selectedFolder.appFileID
+              })),
+              title: "Upload"
+            }, UploadEvent.AttachUploadAction({
+              accept: acceptDocumentAndMedia
+            }))), XNode.create("span", Object.assign({
+              text: "Upload",
+              "data-extra": Bind.oneWay(() => JSON.stringify({
+                parentID: this.selectedFolder.appFileID
+              }))
+            }, UploadEvent.AttachUploadAction({
+              accept: acceptDocumentAndMedia
+            }))), XNode.create("span", {
+              text: "|"
+            }), XNode.create("i", {
+              "data-click-event": "new-folder",
+              class: "fas fa-plus"
+            }), XNode.create("span", {
+              "data-click-event": "new-folder",
+              text: "Folder"
+            }));
+            this.renderer = XNode.create("div", {
+              class: css
+            }, XNode.create(TreeView, {
+              class: "folder-tree",
+              childrenProperty: item => {
+                var _a;
+                return (_a = item.children) !== null && _a !== void 0 ? _a : item.children = [];
+              },
+              root: this.root,
+              selectedItem: Bind.twoWaysImmediate(() => this.selectedFolder)
+            }), XNode.create(AtomRepeater, {
+              class: "file-list",
+              for: "table",
+              items: Bind.oneWayAsync((c, e, cancelToken) => this.cloudFileService.files({
+                search: this.search,
+                folder: this.selectedFolder,
+                version: this.version,
+                cancelToken
+              })),
+              itemRenderer: item => XNode.create("tr", null, XNode.create("td", {
+                text: item.name
+              }), XNode.create("td", {
+                text: toFileSize(item.fileSize)
+              }))
+            }));
+          });
+        }
+        newFolder() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const name = prompt("Enter name of the folder");
+            if (!name) {
+              return;
+            }
+            const parentID = this.selectedFolder.appFileID;
+            const folder = yield this.cloudFileService.createFolder({
+              name,
+              parentID
+            });
+            this.selectedFolder.children.add(folder);
+          });
+        }
+        onItemExpanded(item) {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield this.cloudFileService.expand(item);
+          });
+        }
+        onFilesUploaded() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.version++;
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], FolderPage.prototype, "cloudFileService", void 0);
+      __decorate([Action({
+        onEvent: "new-folder"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FolderPage.prototype, "newFolder", null);
+      __decorate([Action({
+        onEvent: "item-expanded"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], FolderPage.prototype, "onItemExpanded", null);
+      __decorate([Action({
+        onEvent: "files-available"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FolderPage.prototype, "onFilesUploaded", null);
+    }
+  };
+});
+//# sourceMappingURL=FolderPage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/FolderPage");
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "./service/CloudFileService", "@web-atoms/web-controls/dist/mobile-app/MasterDetailPage", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "./FolderPage"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, InjectProperty, CloudFileService, MasterDetailPage, styled, XNode, AtomRepeater, Bind, Action, FolderPage, FilesPage, css;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_serviceCloudFileService) {
+      CloudFileService = _serviceCloudFileService.default;
+    }, function (_webAtomsWebControlsDistMobileAppMasterDetailPage) {
+      MasterDetailPage = _webAtomsWebControlsDistMobileAppMasterDetailPage.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_FolderPage) {
+      FolderPage = _FolderPage.default;
+    }],
+    execute: function () {
+      css = styled.css`
+&[data-page-type=master-detail] > [data-page-element=content][data-mode=desktop] {
+    grid-template-columns: 150px 1fr auto;
+}
+`.installLocal();
+      _export("default", FilesPage = class FilesPage extends MasterDetailPage {
+        init() {
+          var _a;
+          return __awaiter(this, void 0, void 0, function* () {
+            this.element.className = css;
+            this.selectedFolder = null;
+            this.rootFolders = yield this.cloudFileService.rootFolders();
+            this.actionRenderer = () => XNode.create("i", {
+              class: "fas fa-plus",
+              "data-click-event": "create-folder"
+            });
+            this.selectedFolder = (_a = this.rootFolders[0]) !== null && _a !== void 0 ? _a : null;
+            this.renderer = XNode.create("div", null, XNode.create(AtomRepeater, {
+              items: this.rootFolders,
+              selectOnClick: true,
+              selectedItem: Bind.twoWaysImmediate(() => this.selectedFolder),
+              "data-list-selection": "default",
+              "data-selection-updated-event": "on-selection-changed",
+              itemRenderer: item => XNode.create("div", null, XNode.create("div", {
+                text: item.name
+              }), XNode.create("div", {
+                text: item.creator.displayName
+              }))
+            }));
+          });
+        }
+        onSelectionChanged() {
+          if (!this.selectedFolder) {
+            return;
+          }
+          this.openDetail(FolderPage, this.selectedFolder);
+        }
+        createFolder() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const name = prompt("Enter name of the folder you want to create");
+            if (!name) {
+              return;
+            }
+            const folder = yield this.cloudFileService.createFolder({
+              name
+            });
+            this.rootFolders.add(folder);
+            this.selectedFolder = folder;
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], FilesPage.prototype, "cloudFileService", void 0);
+      __decorate([Action({
+        onEvent: "on-selection-changed"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], FilesPage.prototype, "onSelectionChanged", null);
+      __decorate([Action({
+        onEvent: "create-folder"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FilesPage.prototype, "createFolder", null);
+    }
+  };
+});
+//# sourceMappingURL=FilesPage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/FilesPage");
+System.register(["@web-atoms/core/dist/core/Command", "../../common/commands/CommonCommands"], function (_export, _context) {
+  "use strict";
+  var Command, CommonCommands, AppCommands;
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreCommand) {
+      Command = _webAtomsCoreDistCoreCommand.default;
+    }, function (_commonCommandsCommonCommands) {
+      CommonCommands = _commonCommandsCommonCommands.default;
+    }],
+    execute: function () {
+      _export("default", AppCommands = class AppCommands extends CommonCommands {});
+      AppCommands.openHome = Command.create({
+        route: "/",
+        routeOrder: 200,
+        openPage: () => _context.import("../page/home/HomePage")
+      });
+      AppCommands.openMailboxList = Command.create({
+        route: "/mailboxes",
+        routeOrder: 100,
+        openPage: () => _context.import("../../common/pages/mailboxes/MailboxListPage")
+      });
+      AppCommands.openMails = Command.create({
+        route: "/mails",
+        routeOrder: 100,
+        openPage: () => _context.import("../page/mails/MailsPage")
+      });
+      AppCommands.openFiles = Command.create({
+        route: "/files",
+        routeOrder: 100,
+        openPage: () => _context.import("../page/files/FilesPage")
+      });
+    }
+  };
+});
+//# sourceMappingURL=AppCommands.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/commands/AppCommands");
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var styled;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
     execute: function () {
       styled.css`
@@ -22681,6 +23575,15 @@ body {
     & ul {
         padding-inline-start: 15px;
     }
+    & input[type=search] {
+        border: none;
+        outline: none;
+        border-radius: 9999px;
+        padding-right: 10px;
+        padding-left: 25px;
+        background: canvas url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 5px center;
+    }
 }
 `.withId("global-styles").withOrder("medium").installGlobal();
@@ -23030,9 +23933,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
               label: "Mails",
               commandLink: AppCommands.openMails.displayRoute({})
             }), XNode.create(MenuItem, {
-              icon: "fas fa-folder",
+              icon: "fas fa-envelopes-bulk",
               label: "Mailboxes",
               commandLink: AppCommands.openMailboxList.displayRoute({})
+            }), XNode.create(MenuItem, {
+              icon: "fas fa-folder",
+              label: "Files",
+              commandLink: AppCommands.openFiles.displayRoute({})
             }));
           });
         }