npm - @social-mail/social-mail-client - Versions diffs - 1.1.7 → 1.1.9 - Mend

@social-mail/social-mail-client 1.1.7 → 1.1.9

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 (48) hide show

package/dist/admin/AdminAppIndex.pack.js CHANGED Viewed

@@ -1865,7 +1865,7 @@ const UMD = new UMDClass();
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","@web-atoms/web-controls","reflect-metadata","@web-atoms/date-time","@web-atoms/data-styles","@web-atoms/entity","@web-atoms/email-dom"],
-            ["@social-mail/social-mail-client/dist/admin/AdminAppIndex","@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/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@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/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@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/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@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/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@social-mail/social-mail-client/dist/services/LoginService","@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/models/TaskManager","@web-atoms/entity/dist/models/Queue","@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/SocialMailApp","@web-atoms/core/dist/core/InjectProperty","@social-mail/social-mail-client/dist/admin/commands/AdminCommands","@social-mail/social-mail-client/dist/admin/pages/home/AdminHome","@social-mail/social-mail-client/dist/admin/pages/domains/DomainListPage","@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/admin/pages/domains/services/AdminDomainService","@web-atoms/core/dist/di/DITransient","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/admin/pages/domains/edit/EditDomainPage","@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/Checkbox","@web-atoms/web-controls/dist/basic/styles/checkbox-style","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/styles/expander-style","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/admin/pages/domains/edit/DomainKeySetupPage","@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon","@social-mail/social-mail-client/dist/admin/pages/domains/domain-user/DomainUserEditor","@social-mail/social-mail-client/dist/common/controls/drop-downs/user/UserDropDown","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/styles/drop-down-style","@social-mail/social-mail-client/dist/admin/pages/users/services/AdminUserService","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/common/pages/folders/ChooserFolderPage","@social-mail/social-mail-client/dist/web/page/files/service/CloudFileService","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/common/controls/tree/TreeView","@social-mail/social-mail-client/dist/admin/pages/users/UserListPage","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/admin/pages/users/EditUserPage","@social-mail/social-mail-client/dist/common/validators/Validators","@social-mail/social-mail-client/dist/common/controls/password/PasswordStrength","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/admin/pages/users/UserDetailsPage","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/controls/collection-editor/CollectionEditor","@social-mail/social-mail-client/dist/admin/pages/users/domains/EditDomainUserPage","@social-mail/social-mail-client/dist/admin/pages/users/mailboxes/EditUserMailboxPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@social-mail/social-mail-client/dist/admin/pages/users/files/EditFileAccessPage","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@social-mail/social-mail-client/dist/admin/pages/users/ChooseUserPage","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailboxContacts","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@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","@web-atoms/web-controls/dist/basic/InlinePopupControl","@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/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/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/web/page/templates/social/SocialTemplate","@social-mail/social-mail-client/dist/services/socket/sockets","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/common/pages/logs/LogsPage","@social-mail/social-mail-client/dist/common/pages/logs/services/AppLogService","@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage","@social-mail/social-mail-client/dist/web/page/mails/ChooseMailboxPage","@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/web/page/files/FolderPage","@social-mail/social-mail-client/dist/common/controls/drag-drop/FilesDragDrop","@social-mail/social-mail-client/dist/web/page/files/shares/EditSharesPage","@social-mail/social-mail-client/dist/services/files/FileShareService","@social-mail/social-mail-client/dist/web/page/files/shares/AddSharePage","@web-atoms/web-controls/dist/basic/Switch","@web-atoms/web-controls/dist/basic/styles/switch-style","@web-atoms/web-controls/dist/basic/DateField","@web-atoms/web-controls/dist/basic/Calendar","@web-atoms/web-controls/dist/basic/Select","@web-atoms/web-controls/dist/basic/styles/calendar-style","@web-atoms/web-controls/dist/basic/TimeEditor","@web-atoms/web-controls/dist/basic/styles/time-editor-style","@web-atoms/web-controls/dist/basic/styles/date-field-style","@social-mail/social-mail-client/dist/web/page/templates/EditTemplatePage","@social-mail/social-mail-client/dist/services/mime-service/MimeNode","@social-mail/social-mail-client/dist/common/QueryIterator","@social-mail/social-mail-client/dist/services/mime-service/AttachmentFile","@social-mail/social-mail-client/dist/services/mime-service/HeaderContentType","@social-mail/social-mail-client/dist/services/mime-service/parsePairs","@social-mail/social-mail-client/dist/services/mime-service/tokenizer","@social-mail/social-mail-client/dist/services/mime-service/HeaderContentDisposition","@social-mail/social-mail-client/dist/services/mime-service/encoder/word-encoding","@social-mail/social-mail-client/dist/services/mime-service/encoder/RawBuffer","@social-mail/social-mail-client/dist/services/mime-service/encoder/base64-to-blob","@social-mail/social-mail-client/dist/services/mime-service/encoder/quoted-printable","@social-mail/social-mail-client/dist/services/mime-service/MimeMessage","@social-mail/social-mail-client/dist/services/mime-service/stream/LineStream","@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter","@social-mail/social-mail-client/dist/common/pages/folders/ChooseTemplatePage","@web-atoms/web-controls/dist/basic/Resizable","@web-atoms/web-controls/dist/basic/ToggleButtonBar","@web-atoms/web-controls/dist/basic/styles/toggle-button-bar-style","@social-mail/social-mail-client/dist/web/page/channels/detail/ChannelDetailPage","@social-mail/social-mail-client/dist/web/page/channels/subscribers/ChannelSubscribersPage","@social-mail/social-mail-client/dist/web/page/channels/services/ChannelService","@social-mail/social-mail-client/dist/web/page/channels/subscribers/add/AddSubscriberPage","@social-mail/social-mail-client/dist/web/page/channels/subscribers/rights/UpdateRightsPage","@social-mail/social-mail-client/dist/common/pages/drives/DriveListPage","@social-mail/social-mail-client/dist/common/pages/websites/manage/ManageWebSitePage","@social-mail/social-mail-client/dist/services/websites/WebSiteService","@social-mail/social-mail-client/dist/common/pages/websites/studio/WebSiteStudioPage","@social-mail/social-mail-client/dist/common/pages/websites/templates/ChooseWebSiteTemplatePage","@social-mail/social-mail-client/dist/common/controls/tree/FileTreeView","@social-mail/social-mail-client/dist/site-editor/editor/WebSitePageEditor","@social-mail/social-mail-client/dist/site-editor/editor/HtmlPageEditor","@social-mail/social-mail-client/dist/site-editor/blocks/ImageBlock","@social-mail/social-mail-client/dist/site-editor/blocks/Block","@social-mail/social-mail-client/dist/site-editor/drag-drop/DragDropHelper","@social-mail/social-mail-client/dist/site-editor/commands/CodeCommand","@social-mail/social-mail-client/dist/site-editor/commands/EditorCommand","@social-mail/social-mail-client/dist/site-editor/toolbars/UndoRedoToolbar","@social-mail/social-mail-client/dist/site-editor/toolbars/EditorToolbar","@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid","@social-mail/social-mail-client/dist/site-editor/properties/Properties","@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor","@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor","@social-mail/social-mail-client/dist/site-editor/styler/StylerSet","@social-mail/social-mail-client/dist/site-editor/styler/Styler","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerBorder","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/display","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/flex/flex","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/items-position/itemsPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/layout","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerSizes","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerSpace","@social-mail/social-mail-client/dist/site-editor/styler/properties/text/stylerText","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerBackground","@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor","@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl","@social-mail/social-mail-client/dist/site-editor/properties/groups/BorderGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/SizeGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/SpaceGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/PositionGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/BackgroundGroupEditor","@social-mail/social-mail-client/dist/site-editor/editor/SelectedElement","@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage","@social-mail/social-mail-client/dist/common/pages/user/change-password/ChangePasswordPage","@social-mail/social-mail-client/dist/common/pages/user/services/UserService","@social-mail/social-mail-client/dist/common/pages/user/multi-factor/MultiFactorSetupPage","@social-mail/social-mail-client/dist/common/pages/websites/list/WebSiteListPage","@social-mail/social-mail-client/dist/common/pages/websites/edit/WebSiteFolderEditor","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxDetailPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/settings/EditSyncTargetPage","@social-mail/social-mail-client/dist/common/icons/Icons","@social-mail/social-mail-client/dist/admin/pages/relays/edit/EditRelayPage","@social-mail/social-mail-client/dist/admin/pages/repair/RepairPage","@social-mail/social-mail-client/dist/common/pages/user/login/LoginPage","@social-mail/social-mail-client/dist/admin/drawer/AdminDrawer","@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/admin/AdminAppIndex","@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/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@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/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@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/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@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/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@social-mail/social-mail-client/dist/services/LoginService","@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/models/TaskManager","@web-atoms/entity/dist/models/Queue","@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/SocialMailApp","@web-atoms/core/dist/core/InjectProperty","@social-mail/social-mail-client/dist/admin/commands/AdminCommands","@social-mail/social-mail-client/dist/admin/pages/home/AdminHome","@social-mail/social-mail-client/dist/admin/pages/domains/DomainListPage","@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/admin/pages/domains/services/AdminDomainService","@web-atoms/core/dist/di/DITransient","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/admin/pages/domains/edit/EditDomainPage","@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/Checkbox","@web-atoms/web-controls/dist/basic/styles/checkbox-style","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/styles/expander-style","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/admin/pages/domains/edit/DomainKeySetupPage","@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon","@social-mail/social-mail-client/dist/admin/pages/domains/domain-user/DomainUserEditor","@social-mail/social-mail-client/dist/common/controls/drop-downs/user/UserDropDown","@web-atoms/web-controls/dist/basic/DropDown","@web-atoms/web-controls/dist/basic/styles/drop-down-style","@social-mail/social-mail-client/dist/admin/pages/users/services/AdminUserService","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/common/pages/folders/ChooserFolderPage","@social-mail/social-mail-client/dist/web/page/files/service/CloudFileService","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/common/controls/tree/TreeView","@social-mail/social-mail-client/dist/admin/pages/users/UserListPage","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/admin/pages/users/EditUserPage","@social-mail/social-mail-client/dist/common/validators/Validators","@social-mail/social-mail-client/dist/common/controls/password/PasswordStrength","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/admin/pages/users/UserDetailsPage","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/controls/collection-editor/CollectionEditor","@social-mail/social-mail-client/dist/admin/pages/users/domains/EditDomainUserPage","@social-mail/social-mail-client/dist/admin/pages/users/mailboxes/EditUserMailboxPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@social-mail/social-mail-client/dist/admin/pages/users/files/EditFileAccessPage","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@social-mail/social-mail-client/dist/admin/pages/users/ChooseUserPage","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailboxContacts","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@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","@web-atoms/web-controls/dist/basic/InlinePopupControl","@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/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/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/web/page/templates/social/SocialTemplate","@social-mail/social-mail-client/dist/services/socket/sockets","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/common/pages/logs/LogsPage","@social-mail/social-mail-client/dist/common/pages/logs/services/AppLogService","@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage","@social-mail/social-mail-client/dist/common/controls/file-preview/FilePreview","@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/web/page/files/FolderPage","@social-mail/social-mail-client/dist/common/controls/drag-drop/FilesDragDrop","@social-mail/social-mail-client/dist/web/page/files/shares/EditSharesPage","@social-mail/social-mail-client/dist/services/files/FileShareService","@social-mail/social-mail-client/dist/web/page/files/shares/AddSharePage","@web-atoms/web-controls/dist/basic/Switch","@web-atoms/web-controls/dist/basic/styles/switch-style","@web-atoms/web-controls/dist/basic/DateField","@web-atoms/web-controls/dist/basic/Calendar","@web-atoms/web-controls/dist/basic/Select","@web-atoms/web-controls/dist/basic/styles/calendar-style","@web-atoms/web-controls/dist/basic/TimeEditor","@web-atoms/web-controls/dist/basic/styles/time-editor-style","@web-atoms/web-controls/dist/basic/styles/date-field-style","@social-mail/social-mail-client/dist/web/page/templates/EditTemplatePage","@social-mail/social-mail-client/dist/services/mime-service/MimeNode","@social-mail/social-mail-client/dist/common/QueryIterator","@social-mail/social-mail-client/dist/services/mime-service/AttachmentFile","@social-mail/social-mail-client/dist/services/mime-service/HeaderContentType","@social-mail/social-mail-client/dist/services/mime-service/parsePairs","@social-mail/social-mail-client/dist/services/mime-service/tokenizer","@social-mail/social-mail-client/dist/services/mime-service/HeaderContentDisposition","@social-mail/social-mail-client/dist/services/mime-service/encoder/word-encoding","@social-mail/social-mail-client/dist/services/mime-service/encoder/RawBuffer","@social-mail/social-mail-client/dist/services/mime-service/encoder/base64-to-blob","@social-mail/social-mail-client/dist/services/mime-service/encoder/quoted-printable","@social-mail/social-mail-client/dist/services/mime-service/MimeMessage","@social-mail/social-mail-client/dist/services/mime-service/stream/LineStream","@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter","@social-mail/social-mail-client/dist/web/page/files/preview/image/PreviewImage","@web-atoms/web-controls/dist/basic/PinchZoomView","@web-atoms/web-controls/dist/basic/styles/pinch-zoom-view-style","@social-mail/social-mail-client/dist/web/page/files/preview/document/PreviewDocument","@social-mail/social-mail-client/dist/web/page/files/preview/media/PreviewMedia","@web-atoms/web-controls/dist/player/AtomVideoPlayer","@social-mail/social-mail-client/dist/services/FileTypes","@social-mail/social-mail-client/dist/web/page/mails/ChooseMailboxPage","@social-mail/social-mail-client/dist/common/pages/folders/ChooseTemplatePage","@web-atoms/web-controls/dist/basic/Resizable","@web-atoms/web-controls/dist/basic/ToggleButtonBar","@web-atoms/web-controls/dist/basic/styles/toggle-button-bar-style","@social-mail/social-mail-client/dist/web/page/channels/detail/ChannelDetailPage","@social-mail/social-mail-client/dist/web/page/channels/subscribers/ChannelSubscribersPage","@social-mail/social-mail-client/dist/web/page/channels/services/ChannelService","@social-mail/social-mail-client/dist/web/page/channels/subscribers/add/AddSubscriberPage","@social-mail/social-mail-client/dist/web/page/channels/subscribers/rights/UpdateRightsPage","@social-mail/social-mail-client/dist/common/pages/drives/DriveListPage","@social-mail/social-mail-client/dist/common/pages/websites/manage/ManageWebSitePage","@social-mail/social-mail-client/dist/services/websites/WebSiteService","@social-mail/social-mail-client/dist/common/pages/websites/studio/WebSiteStudioPage","@social-mail/social-mail-client/dist/common/pages/websites/templates/ChooseWebSiteTemplatePage","@social-mail/social-mail-client/dist/common/controls/tree/FileTreeView","@social-mail/social-mail-client/dist/site-editor/editor/WebSitePageEditor","@social-mail/social-mail-client/dist/site-editor/editor/HtmlPageEditor","@social-mail/social-mail-client/dist/site-editor/blocks/ImageBlock","@social-mail/social-mail-client/dist/site-editor/blocks/Block","@social-mail/social-mail-client/dist/site-editor/drag-drop/DragDropHelper","@social-mail/social-mail-client/dist/site-editor/commands/CodeCommand","@social-mail/social-mail-client/dist/site-editor/commands/EditorCommand","@social-mail/social-mail-client/dist/site-editor/toolbars/UndoRedoToolbar","@social-mail/social-mail-client/dist/site-editor/toolbars/EditorToolbar","@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid","@social-mail/social-mail-client/dist/site-editor/properties/Properties","@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor","@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor","@social-mail/social-mail-client/dist/site-editor/styler/StylerSet","@social-mail/social-mail-client/dist/site-editor/styler/Styler","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerBorder","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/display","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/flex/flex","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/items-position/itemsPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/layout","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerSizes","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerSpace","@social-mail/social-mail-client/dist/site-editor/styler/properties/text/stylerText","@social-mail/social-mail-client/dist/site-editor/styler/properties/stylerBackground","@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor","@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl","@social-mail/social-mail-client/dist/site-editor/properties/groups/BorderGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/SizeGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/SpaceGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/PositionGroupEditor","@social-mail/social-mail-client/dist/site-editor/properties/groups/BackgroundGroupEditor","@social-mail/social-mail-client/dist/site-editor/editor/SelectedElement","@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage","@social-mail/social-mail-client/dist/common/pages/user/change-password/ChangePasswordPage","@social-mail/social-mail-client/dist/common/pages/user/services/UserService","@social-mail/social-mail-client/dist/common/pages/user/multi-factor/MultiFactorSetupPage","@social-mail/social-mail-client/dist/common/pages/websites/list/WebSiteListPage","@social-mail/social-mail-client/dist/common/pages/websites/edit/WebSiteFolderEditor","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxDetailPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/settings/EditSyncTargetPage","@social-mail/social-mail-client/dist/common/icons/Icons","@social-mail/social-mail-client/dist/admin/pages/relays/edit/EditRelayPage","@social-mail/social-mail-client/dist/admin/pages/repair/RepairPage","@social-mail/social-mail-client/dist/common/pages/user/login/LoginPage","@social-mail/social-mail-client/dist/admin/drawer/AdminDrawer","@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";
@@ -26445,376 +26445,62 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage");
-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/PopupButton", "../../../common/pages/logs/LogsPage", "../../../common/SocialMailApp", "./detail/MailDetailPage"], function (_export, _context) {
+System.register(["@web-atoms/web-controls/dist/mobile-app/MobileApp"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, ContentPage, isMobileView, Email, EmailRecipient, XNode, AtomRepeater, InfiniteRepeater, ConversationService, renderMail, InjectProperty, InlinePopupControl, Bind, styled, Action, PageNavigator, ComposeMailPage, MailboxSocket, LimitedText, DateFormats, MenuItem, PopupActionButton, LogsPage, SocialMailApp, MailDetailPage, ConversationPage, itemCss, css, id, fixLinks;
+  var ContentPage, HomePage;
   _export("default", void 0);
+  return {
+    setters: [function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }],
+    execute: function () {
+      _export("default", HomePage = class HomePage extends ContentPage {});
+    }
+  };
+});
+//# sourceMappingURL=HomePage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/home/HomePage");
+System.register(["tslib", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+  "use strict";
+  var __asyncValues, __awaiter, styled, AtomControl, supportsFileSystemAccessAPI, supportsWebkitGetAsEntry, dragEnter, dragOver, dragLeave, eventDrop, FilesDragDrop;
   return {
     setters: [function (_tslib) {
+      __asyncValues = _tslib.__asyncValues;
       __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
-      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
-      isMobileView = _webAtomsWebControlsDistMobileAppMobileApp.isMobileView;
-    }, function (_modelModel) {
-      Email = _modelModel.Email;
-      EmailRecipient = _modelModel.EmailRecipient;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
-      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
-    }, function (_commonControlsRepeaterInfiniteRepeater) {
-      InfiniteRepeater = _commonControlsRepeaterInfiniteRepeater.default;
-    }, function (_serviceConversationService) {
-      ConversationService = _serviceConversationService.default;
-      renderMail = _serviceConversationService.renderMail;
-    }, function (_webAtomsCoreDistCoreInjectProperty) {
-      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
-    }, function (_webAtomsWebControlsDistBasicInlinePopupControl) {
-      InlinePopupControl = _webAtomsWebControlsDistBasicInlinePopupControl.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_webAtomsCoreDistViewModelAction) {
-      Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_webAtomsWebControlsDistPageNavigator) {
-      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
-    }, function (_ComposeMailPage) {
-      ComposeMailPage = _ComposeMailPage.default;
-    }, function (_servicesSocketSockets) {
-      MailboxSocket = _servicesSocketSockets.MailboxSocket;
-    }, function (_webAtomsWebControlsDistBasicLimitedText) {
-      LimitedText = _webAtomsWebControlsDistBasicLimitedText.default;
-    }, function (_commonDateDateFormats) {
-      DateFormats = _commonDateDateFormats.DateFormats;
-    }, function (_webAtomsWebControlsDistBasicPopupButton) {
-      MenuItem = _webAtomsWebControlsDistBasicPopupButton.MenuItem;
-      PopupActionButton = _webAtomsWebControlsDistBasicPopupButton.PopupActionButton;
-    }, function (_commonPagesLogsLogsPage) {
-      LogsPage = _commonPagesLogsLogsPage.default;
-    }, function (_commonSocialMailApp) {
-      SocialMailApp = _commonSocialMailApp.default;
-    }, function (_detailMailDetailPage) {
-      MailDetailPage = _detailMailDetailPage.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
     }],
     execute: function () {
-      itemCss = styled.css`
-    border: solid 1px lightgray;
-    border-radius: 10px;
-    padding: 10px;
-    margin-right: 20%;
-    overflow: hidden;
-    position: relative;
-    background-color: canvas;
-    &[data-sent=true] {
-        margin-right: 0;
-        margin-left: 20%;
-    }
-    & > * > .message {
-        margin-bottom: 25px;
-    }
-`.installLocal();
-      css = styled.css`
-    background-color: var(--window-background);
-`.installLocal();
-      id = 1;
-      fixLinks = () => {
-        const mID = `m_id_${id++}`;
-        setTimeout(x => {
-          const m = document.getElementById(x);
-          if (!m) {
-            return;
-          }
-          m.querySelectorAll("a").forEach(a => a.target = "_blank");
-        }, 100, mID);
-        return mID;
-      };
-      _export("default", ConversationPage = class ConversationPage extends ContentPage {
-        constructor() {
-          super(...arguments);
-          this.mails = [];
-          this.search = "";
-          this.version = 1;
+      supportsFileSystemAccessAPI = "getAsFileSystemHandle" in DataTransferItem.prototype;
+      supportsWebkitGetAsEntry = "webkitGetAsEntry" in DataTransferItem.prototype;
+      styled.css`
+        &[data-drop-enabled] {
+            outline: solid 5px green;
         }
-        init() {
-          return __awaiter(this, void 0, void 0, function* () {
-            this.element.className = css;
-            const mb = this.parameters;
-            const name = mb.emailAddress.name;
-            const emailAddress = mb.emailAddress.emailAddress;
-            const title = `${name} <${emailAddress}>`;
-            if (isMobileView) {
-              this.title = title;
-              this.headerRenderer = () => XNode.create("div", {
-                "data-layout": "row"
-              }, XNode.create("input", {
-                value: Bind.twoWaysImmediate(() => this.search),
-                type: "search",
-                placeholder: "Search"
-              }));
-            } else {
-              this.titleRenderer = () => XNode.create("div", {
-                "data-layout": "row"
-              }, XNode.create("input", {
-                value: Bind.twoWaysImmediate(() => this.search),
-                type: "search",
-                placeholder: "Search"
-              }), XNode.create("span", {
-                text: title
-              }));
-            }
-            this.registerDisposable(yield this.resolve(MailboxSocket).join(mb.mailboxID.toString(), {
-              newMail: () => {
-                this.version++;
-              }
-            }));
-            this.renderer = XNode.create("div", null, XNode.create(AtomRepeater, Object.assign({
-              "data-layout": "vertical-flex",
-              style: "flex-direction: column-reverse",
-              items: this.mails
-            }, InfiniteRepeater.pagedItems(start => (c, e, cancelToken) => this.conversationService.list({
-              start,
-              size: 10,
-              search: this.search,
-              mailboxID: mb.mailboxID,
-              emailAddressID: mb.emailAddressID,
-              version: this.version,
-              cancelToken
-            })), {
-              itemRenderer: thread => {
-                var _a, _b, _c, _d, _e;
-                const item = thread.email;
-                const internalDate = (_b = (_a = item.dateSent) !== null && _a !== void 0 ? _a : item.dateReceived) !== null && _b !== void 0 ? _b : item.dateCreated;
-                const sent = item.senderID === thread.mailboxID;
-                return XNode.create("div", {
-                  class: itemCss,
-                  "data-sent": sent
-                }, XNode.create("div", {
-                  "data-layout": "row"
-                }, XNode.create("div", {
-                  "data-flex": "stretch-full",
-                  text: item.subject
-                }), item.received ? XNode.create("div", null) : item.userID !== SocialMailApp.user.userID && XNode.create("div", {
-                  "style-max-width": "20ch",
-                  title: (_c = item.senderUser) === null || _c === void 0 ? void 0 : _c.displayName,
-                  text: (_d = item.senderUser) === null || _d === void 0 ? void 0 : _d.displayName
-                }), XNode.create("div", {
-                  text: DateFormats.relative.short(internalDate),
-                  title: DateFormats.withWeekDayAndTime(internalDate)
-                }), XNode.create("i", {
-                  "data-click-event": "mail-options",
-                  class: "fa-light fa-square-ellipsis-vertical",
-                  title: "Options"
-                })), XNode.create(LimitedText, {
-                  height: "40vh"
-                }, XNode.create("div", Object.assign({
-                  class: "message"
-                }, renderMail(thread)))), ((_e = item.attachments) === null || _e === void 0 ? void 0 : _e.length) && XNode.create("div", {
-                  class: "attachments",
-                  "data-layout": "flex-wrap-padding"
-                }, ...item.attachments.map(a => XNode.create("div", null, XNode.create("i", {
-                  class: "fas fa-paperclip"
-                }), XNode.create("a", {
-                  text: a.name,
-                  target: "_blank",
-                  href: a.url
-                })))), !sent && XNode.create("div", {
-                  "data-layout": "row"
-                }, XNode.create("i", {
-                  "data-click-event": "reply-email",
-                  class: "fas fa-reply",
-                  title: "Reply"
-                }), XNode.create("i", {
-                  "data-click-event": "reply-all-email",
-                  class: "fa-solid fa-reply-all"
-                })));
-              }
-            })));
-            this.actionRenderer = () => XNode.create(PopupActionButton, {
-              icon: "fas fa-bars"
-            }, XNode.create("div", {
-              "data-layout": "vertical-flex",
-              "style-width": "200px"
-            }, this.parameters.blocked ? XNode.create(MenuItem, {
-              "data-click-event": "unblock-sender",
-              icon: "fas fa-badge-check",
-              label: "Unblock Sender"
-            }) : XNode.create(MenuItem, {
-              "data-click-event": "block-sender",
-              icon: "fas fa-ban",
-              label: "Block Sender"
-            })));
-          });
+    `.installGlobal("[data-drag-drop=\"1\"]");
+      dragEnter = e => {
+        if (!e.dataTransfer) {
+          return;
         }
-        mailOptions(thread, ce) {
-          return __awaiter(this, void 0, void 0, function* () {
-            void InlinePopupControl.showPopup(ce.target, XNode.create("div", {
-              "data-click-event": "none",
-              "data-click-animate": "none"
-            }, XNode.create(MenuItem, {
-              eventClick: () => PageNavigator.pushPage(MailDetailPage, thread.email),
-              icon: "fas fa-eye",
-              label: "Details"
-            }), XNode.create(MenuItem, {
-              href: `/api/files/download/${thread.email.originalFileID}`,
-              icon: "fas fa-download",
-              label: "Download"
-            }), XNode.create(MenuItem, {
-              "data-click-event": "open-logs",
-              icon: "fa-regular fa-clock-rotate-left",
-              label: "Logs"
-            })));
-          });
+        e.currentTarget.setAttribute("data-drop-enabled", "1");
+      };
+      dragOver = e => {
+        if (!e.dataTransfer) {
+          return;
         }
-        openLogs({
-          emailID
-        }) {
-          return __awaiter(this, void 0, void 0, function* () {
-            PageNavigator.pushPage(LogsPage, {
-              emailID
-            });
-          });
-        }
-        replyEmail({
-          email
-        }, ce) {
-          var _a, _b, _c;
-          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).toLocaleLowerCase();
-            const name = email.senderName;
-            const parentID = (_c = email.parentID) !== null && _c !== void 0 ? _c : email.emailID;
-            const recipients = [EmailRecipient.create({
-              name,
-              emailAddressText
-            })];
-            if (/all/i.test(ce.type)) {
-              for (const {
-                name: rName,
-                emailAddress: {
-                  emailAddress
-                }
-              } of email.recipients) {
-                if (recipients.some(er => er.emailAddress.emailAddress === emailAddress)) {
-                  continue;
-                }
-                recipients.push(EmailRecipient.create({
-                  name: rName,
-                  emailAddressText: emailAddress
-                }));
-              }
-            }
-            const subject = /^re\s?\:/i.test(email.subject) ? email.subject : `Re: ${email.subject}`;
-            const child = Email.create({
-              senderID: this.parameters.mailboxID,
-              subject,
-              parentID,
-              received: false,
-              recipients,
-              htmlBody: `<div contentEditable="true"><p><br/><br/><br/><br/><br/></p></div>`
-            });
-            yield PageNavigator.pushPageForResult(ComposeMailPage, {
-              mailboxID: child.senderID,
-              mailbox: this.parameters.mailbox,
-              model: child
-            });
-          });
-        }
-        blockSender() {
-          return __awaiter(this, void 0, void 0, function* () {
-            yield this.conversationService.block(this.parameters);
-          });
-        }
-        unblockSender() {
-          return __awaiter(this, void 0, void 0, function* () {
-            yield this.conversationService.block(this.parameters);
-          });
-        }
-      });
-      __decorate([InjectProperty, __metadata("design:type", ConversationService)], ConversationPage.prototype, "conversationService", void 0);
-      __decorate([Action({
-        onEvent: "mail-options"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "mailOptions", null);
-      __decorate([Action({
-        onEvent: "open-logs"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "openLogs", null);
-      __decorate([Action({
-        onEvent: ["reply-email", "reply-all-email"]
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "replyEmail", null);
-      __decorate([Action({
-        onEvent: "block-sender",
-        confirm: "Are you sure you want to block this sender?"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ConversationPage.prototype, "blockSender", null);
-      __decorate([Action({
-        onEvent: "unblock-sender",
-        confirm: "Are you sure you want to unblock this sender?"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ConversationPage.prototype, "unblockSender", null);
-    }
-  };
-});
-//# sourceMappingURL=ConversationPage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/ConversationPage");
-System.register(["@web-atoms/web-controls/dist/mobile-app/MobileApp"], function (_export, _context) {
-  "use strict";
-  var ContentPage, HomePage;
-  _export("default", void 0);
-  return {
-    setters: [function (_webAtomsWebControlsDistMobileAppMobileApp) {
-      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
-    }],
-    execute: function () {
-      _export("default", HomePage = class HomePage extends ContentPage {});
-    }
-  };
-});
-//# sourceMappingURL=HomePage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/home/HomePage");
-System.register(["tslib", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
-  "use strict";
-  var __asyncValues, __awaiter, styled, AtomControl, supportsFileSystemAccessAPI, supportsWebkitGetAsEntry, dragEnter, dragOver, dragLeave, eventDrop, FilesDragDrop;
-  return {
-    setters: [function (_tslib) {
-      __asyncValues = _tslib.__asyncValues;
-      __awaiter = _tslib.__awaiter;
-    }, function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }],
-    execute: function () {
-      supportsFileSystemAccessAPI = "getAsFileSystemHandle" in DataTransferItem.prototype;
-      supportsWebkitGetAsEntry = "webkitGetAsEntry" in DataTransferItem.prototype;
-      styled.css`
-        &[data-drop-enabled] {
-            outline: solid 5px green;
-        }
-    `.installGlobal("[data-drag-drop=\"1\"]");
-      dragEnter = e => {
-        if (!e.dataTransfer) {
-          return;
-        }
-        e.currentTarget.setAttribute("data-drop-enabled", "1");
-      };
-      dragOver = e => {
-        if (!e.dataTransfer) {
-          return;
-        }
-        e.preventDefault();
-      };
-      dragLeave = e => {
-        if (!e.dataTransfer) {
-          return;
+        e.preventDefault();
+      };
+      dragLeave = e => {
+        if (!e.dataTransfer) {
+          return;
         }
         e.currentTarget.removeAttribute("data-drop-enabled");
       };
@@ -28466,1095 +28152,2736 @@ System.register(["./tokenizer"], function (_export, _context) {
             if (value.startsWith('"')) {
               value = JSON.parse(value);
             }
-          } catch (_a) {}
-          pairs[key] = value;
+          } catch (_a) {}
+          pairs[key] = value;
+        }
+        return pairs;
+      });
+    }
+  };
+});
+//# sourceMappingURL=parsePairs.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/parsePairs");
+System.register(["./parsePairs"], function (_export, _context) {
+  "use strict";
+  var parsePairs, HeaderContentType;
+  _export("HeaderContentType", void 0);
+  return {
+    setters: [function (_parsePairs) {
+      parsePairs = _parsePairs.parsePairs;
+    }],
+    execute: function () {
+      _export("HeaderContentType", HeaderContentType = class HeaderContentType {
+        constructor(type, charset = "UTF-8", boundary) {
+          this.type = type;
+          this.charset = charset;
+          this.boundary = boundary;
+        }
+        parse(text) {
+          const items = parsePairs(text, "type");
+          this.type = items.type;
+          this.charset = items.charset;
+          this.boundary = items.boundary;
+        }
+        toString() {
+          if (this.boundary) {
+            return `${this.type}; charset="${this.charset}"; boundary="${this.boundary}";`;
+          }
+          return `${this.type}; charset="${this.charset}";`;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=HeaderContentType.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/HeaderContentType");
+System.register([], function (_export, _context) {
+  "use strict";
+  var toBuffer, RawBuffer;
+  return {
+    setters: [],
+    execute: function () {
+      toBuffer = text => {
+        const bytes = new Uint8Array(text.length);
+        for (let index = 0; index < text.length; index++) {
+          bytes[index] = text.charCodeAt(index);
+        }
+        return bytes.buffer;
+      };
+      _export("RawBuffer", RawBuffer = {
+        decode: (bytesAsString, encoding = "utf-8") => {
+          if (!encoding) {
+            return bytesAsString;
+          }
+          const te = new TextDecoder(encoding);
+          return te.decode(toBuffer(bytesAsString));
+        },
+        encode: (text, encoding = "utf-8") => {
+          if (!/utf\-?8/i.test(encoding)) {
+            throw new Error(`Encoding ${encoding} not supported`);
+          }
+          const te = new TextEncoder();
+          const array = te.encode(text);
+          const a = [];
+          for (const iterator of array) {
+            a.push(String.fromCharCode(iterator));
+          }
+          return a.join("");
+        },
+        toBase64Async(blob, asDataUrl = false) {
+          return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onerror = () => {
+              reject(reader.error);
+            };
+            reader.onload = () => {
+              const text = reader.result;
+              if (asDataUrl) {
+                resolve(text);
+                return;
+              }
+              const index = text.indexOf(",");
+              resolve(text.substring(index + 1));
+            };
+            reader.readAsDataURL(blob);
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=RawBuffer.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/RawBuffer");
+System.register(["./RawBuffer"], function (_export, _context) {
+  "use strict";
+  var RawBuffer, isEncodedRegEx, hexToUnicode, decode, isSimpleText, wordEncoding;
+  return {
+    setters: [function (_RawBuffer) {
+      RawBuffer = _RawBuffer.RawBuffer;
+    }],
+    execute: function () {
+      isEncodedRegEx = /\=\?([^\?\s]+)\?([^\?\s]{1})\?([^\s\?]+)\?\=\s*/gm;
+      hexToUnicode = /(\=([0-9a-f]{2}))|(\_)/gmi;
+      decode = text => {
+        return text.replace(isEncodedRegEx, (matched, encoding, format, buffer) => {
+          if (/b/i.test(format)) {
+            return RawBuffer.decode(atob(buffer), encoding);
+          }
+          if (/q/i.test(format)) {
+            const replaced = buffer.replace(hexToUnicode, (m, group, code) => {
+              if (m === "_") {
+                return " ";
+              }
+              return String.fromCharCode(parseInt(code, 16));
+            });
+            return RawBuffer.decode(replaced, encoding);
+          }
+          return matched;
+        });
+      };
+      isSimpleText = /[0-9a-zA-Z\x20]/;
+      _export("wordEncoding", wordEncoding = {
+        decode,
+        encode: (word, ifNeeded = false) => {
+          if (ifNeeded) {
+            if (isSimpleText.test(word)) {
+              return word;
+            }
+          }
+          word = RawBuffer.encode(word);
+          return `=?UTF-8?B?${btoa(word)}?=`;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=word-encoding.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/word-encoding");
+System.register(["./encoder/word-encoding", "./parsePairs"], function (_export, _context) {
+  "use strict";
+  var wordEncoding, parsePairs, HeaderContentDisposition;
+  _export("HeaderContentDisposition", void 0);
+  return {
+    setters: [function (_encoderWordEncoding) {
+      wordEncoding = _encoderWordEncoding.wordEncoding;
+    }, function (_parsePairs) {
+      parsePairs = _parsePairs.parsePairs;
+    }],
+    execute: function () {
+      _export("HeaderContentDisposition", HeaderContentDisposition = class HeaderContentDisposition {
+        constructor(type, filename, name) {
+          this.type = type;
+          this.filename = filename;
+          this.name = name;
+        }
+        parse(text) {
+          const items = parsePairs(text, "type");
+          this.type = items.type;
+          this.filename = items.filename;
+          this.name = items.name;
+        }
+        toString() {
+          return `${this.type};\r\n\t\tfilename="${wordEncoding.encode(this.filename)}";`;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=HeaderContentDisposition.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/HeaderContentDisposition");
+System.register([], function (_export, _context) {
+  "use strict";
+  function base64toBlob(base64Data, contentType) {
+    contentType = contentType || '';
+    const sliceSize = 1024;
+    const byteCharacters = atob(base64Data);
+    const bytesLength = byteCharacters.length;
+    const slicesCount = Math.ceil(bytesLength / sliceSize);
+    const byteArrays = new Array(slicesCount);
+    for (let sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
+      const begin = sliceIndex * sliceSize;
+      const end = Math.min(begin + sliceSize, bytesLength);
+      const bytes = new Array(end - begin);
+      for (let offset = begin, i = 0; offset < end; ++i, ++offset) {
+        bytes[i] = byteCharacters[offset].charCodeAt(0);
+      }
+      byteArrays[sliceIndex] = new Uint8Array(bytes);
+    }
+    return new Blob(byteArrays, {
+      type: contentType
+    });
+  }
+  _export("base64toBlob", base64toBlob);
+  return {
+    setters: [],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=base64-to-blob.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/base64-to-blob");
+System.register([], function (_export, _context) {
+  "use strict";
+  var stringFromCharCode, decode, handleTrailingCharacters, regexUnsafeSymbols, encode, quotedPrintable;
+  return {
+    setters: [],
+    execute: function () {
+      stringFromCharCode = String.fromCharCode;
+      decode = function (input) {
+        return input.replace(/[\t\x20]$/gm, '').replace(/=(?:\r\n?|\n|$)/g, '').replace(/=([a-fA-F0-9]{2})/g, function ($0, $1) {
+          const codePoint = parseInt($1, 16);
+          return stringFromCharCode(codePoint);
+        });
+      };
+      handleTrailingCharacters = function (text) {
+        return text.replace(/\x20$/, '=20').replace(/\t$/, '=09');
+      };
+      regexUnsafeSymbols = /[\0-\x08\n-\x1F=\x7F-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+      encode = function (text) {
+        const encoded = text.replace(regexUnsafeSymbols, function (symbol) {
+          if (symbol > '\xFF') {
+            throw RangeError('`quotedPrintable.encode()` expects extended ASCII input only. ' + 'Don\u2019t forget to encode the input first using a character ' + 'encoding like UTF-8.');
+          }
+          const codePoint = symbol.charCodeAt(0);
+          const hexadecimal = codePoint.toString(16).toUpperCase();
+          return '=' + ('0' + hexadecimal).slice(-2);
+        });
+        const LINE_LENGTH = 75;
+        const lines = encoded.split(/\r\n?|\n/g);
+        let lineIndex = -1;
+        const lineCount = lines.length;
+        const result = [];
+        let buffer;
+        while (++lineIndex < lineCount) {
+          const line = lines[lineIndex];
+          let index = 0;
+          const length = line.length;
+          while (index < length) {
+            buffer = encoded.slice(index, index + LINE_LENGTH);
+            if (/=$/.test(buffer)) {
+              buffer = buffer.slice(0, LINE_LENGTH - 1);
+              index += LINE_LENGTH - 1;
+            } else if (/=[A-F0-9]$/.test(buffer)) {
+              buffer = buffer.slice(0, LINE_LENGTH - 2);
+              index += LINE_LENGTH - 2;
+            } else {
+              index += LINE_LENGTH;
+            }
+            result.push(buffer);
+          }
+        }
+        const lastLineLength = buffer.length;
+        if (/[\t\x20]$/.test(buffer)) {
+          result.pop();
+          if (lastLineLength + 2 <= LINE_LENGTH + 1) {
+            result.push(handleTrailingCharacters(buffer));
+          } else {
+            result.push(buffer.slice(0, lastLineLength - 1), handleTrailingCharacters(buffer.slice(lastLineLength - 1, lastLineLength)));
+          }
+        }
+        return result.join('=\r\n');
+      };
+      _export("quotedPrintable", quotedPrintable = {
+        encode,
+        decode,
+        'version': '1.0.1'
+      });
+    }
+  };
+});
+//# sourceMappingURL=quoted-printable.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/quoted-printable");
+System.register(["tslib", "../../common/QueryIterator", "./AttachmentFile", "./HeaderContentType", "./HeaderContentDisposition", "./encoder/RawBuffer", "./encoder/base64-to-blob", "./encoder/quoted-printable", "./encoder/word-encoding"], function (_export, _context) {
+  "use strict";
+  var __asyncValues, __awaiter, QueryIterator, AttachmentFile, HeaderContentType, HeaderContentDisposition, RawBuffer, base64toBlob, quotedPrintable, wordEncoding, MimeNode;
+  _export("MimeNode", void 0);
+  return {
+    setters: [function (_tslib) {
+      __asyncValues = _tslib.__asyncValues;
+      __awaiter = _tslib.__awaiter;
+    }, function (_commonQueryIterator) {
+      QueryIterator = _commonQueryIterator.default;
+    }, function (_AttachmentFile) {
+      AttachmentFile = _AttachmentFile.AttachmentFile;
+    }, function (_HeaderContentType) {
+      HeaderContentType = _HeaderContentType.HeaderContentType;
+    }, function (_HeaderContentDisposition) {
+      HeaderContentDisposition = _HeaderContentDisposition.HeaderContentDisposition;
+    }, function (_encoderRawBuffer) {
+      RawBuffer = _encoderRawBuffer.RawBuffer;
+    }, function (_encoderBase64ToBlob) {
+      base64toBlob = _encoderBase64ToBlob.base64toBlob;
+    }, function (_encoderQuotedPrintable) {
+      quotedPrintable = _encoderQuotedPrintable.quotedPrintable;
+    }, function (_encoderWordEncoding) {
+      wordEncoding = _encoderWordEncoding.wordEncoding;
+    }],
+    execute: function () {
+      ;
+      ;
+      _export("MimeNode", MimeNode = class MimeNode {
+        static createMessage({
+          html,
+          subject,
+          text = "",
+          name = "",
+          attachments = []
+        }) {
+          const root = new MimeNode("multipart/mixed");
+          root.setHeader("Subject", subject);
+          if (name) {
+            root.setHeader("X-Name", name);
+          }
+          const body = new MimeNode("multipart/alternative");
+          body.children = [];
+          if (html) {
+            body.children.push(this.create(html, "text/html"));
+          }
+          if (text) {
+            body.children.push(this.create(text, "text/plain"));
+          }
+          root.children = [body];
+          if (attachments) {
+            for (const iterator of attachments) {
+              root.children.push(this.create(iterator));
+            }
+          }
+          return root;
+        }
+        static create(text, type, id) {
+          if (typeof text === "string") {
+            const node = new MimeNode(type);
+            node.text = text;
+            return node;
+          }
+          const fileNode = new MimeNode(text.type);
+          fileNode.blobData = text;
+          fileNode.contentDisposition = new HeaderContentDisposition(type || "attachment");
+          fileNode.contentDisposition.filename = text.name;
+          fileNode.setHeader("Content-Disposition", fileNode.contentDisposition);
+          if (id) {
+            fileNode.setHeader("Content-Id", id);
+          }
+          return fileNode;
+        }
+        get text() {
+          var _a, _b, _c;
+          let {
+            encoded
+          } = this;
+          if (!encoded) {
+            return;
+          }
+          const cte = (_a = this.contentTransferEncoding) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+          switch (cte) {
+            case "quoted-printable":
+              encoded = quotedPrintable.decode(encoded);
+              break;
+            case "base64":
+              encoded = btoa(encoded);
+              break;
+          }
+          return (_b = this.textContent) !== null && _b !== void 0 ? _b : this.textContent = RawBuffer.decode(encoded, (_c = this.contentType) === null || _c === void 0 ? void 0 : _c.charset);
+        }
+        set text(v) {
+          this.contentTransferEncoding = "quoted-printable";
+          this.textContent = v;
+        }
+        get blob() {
+          var _a, _b;
+          if (((_a = this.contentTransferEncoding) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) !== "base64") {
+            throw new Error("Not supported");
+          }
+          return (_b = this.blobData) !== null && _b !== void 0 ? _b : this.blobData = base64toBlob(this.encoded, this.contentType.type);
+        }
+        set blob(v) {
+          this.blobData = v;
+        }
+        get contentTransferEncoding() {
+          return this.header("Content-Transfer-Encoding");
+        }
+        set contentTransferEncoding(v) {
+          this.setHeader("Content-Transfer-Encoding", v);
+        }
+        get boundary() {
+          return this.contentType.boundary;
+        }
+        get descendents() {
+          return this.enumerate();
+        }
+        constructor(type) {
+          this.headers = new Map();
+          this.contentType = new HeaderContentType(type);
+          this.headers.set("Content-Type", this.contentType);
+        }
+        getFirstChild(contentType, create = false) {
+          var _a;
+          contentType = contentType.toLocaleLowerCase();
+          let child = QueryIterator.first(this.descendents, x => x.contentType.type === contentType);
+          if (!child && create) {
+            child = new MimeNode(contentType);
+            ((_a = this.children) !== null && _a !== void 0 ? _a : this.children = []).push(child);
+          }
+          return child;
+        }
+        header(name) {
+          for (const [key, value] of this.headers.entries()) {
+            if (key.toLocaleLowerCase() === name.toLocaleLowerCase()) {
+              return value;
+            }
+          }
+        }
+        setHeader(name, value) {
+          for (const [key] of this.headers.keys()) {
+            if (key.toLocaleLowerCase() === name.toLocaleLowerCase()) {
+              this.headers.set(key, value);
+              return;
+            }
+          }
+          switch (name.toLocaleLowerCase()) {
+            case "content-type":
+              name = "Content-Type";
+              break;
+            case "content-transfer-encoding":
+              name = "Content-Transfer-Encoding";
+              break;
+            case "content-disposition":
+              name = "Content-Disposition";
+              break;
+          }
+          this.headers.set(name, value);
+        }
+        asFile() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const text = this.encoded.split("\n").map(x => x.trim()).join("");
+            const url = `data:${this.contentType.type};base64,${text}`;
+            const blob = yield fetch(url);
+            const af = new AttachmentFile([yield blob.blob()], this.contentDisposition.filename, {
+              type: this.contentType.type,
+              contentId: this.header("Content-Id"),
+              disposition: this.contentDisposition.type
+            });
+            af.node = this;
+            return af;
+          });
+        }
+        attachments(files = []) {
+          var _a;
+          return __awaiter(this, void 0, void 0, function* () {
+            for (const iterator of this.children) {
+              if (iterator.children) {
+                yield iterator.attachments(files);
+                continue;
+              }
+              if ((_a = iterator.contentDisposition) === null || _a === void 0 ? void 0 : _a.type) {
+                files.push(yield iterator.asFile());
+              }
+            }
+            return files;
+          });
+        }
+        parse(lines, last = "") {
+          var _a, e_1, _b, _c, _d, e_2, _e, _f;
+          var _g;
+          return __awaiter(this, void 0, void 0, function* () {
+            yield this.parseHeaders(lines);
+            let boundary = this.contentType.boundary;
+            if (!boundary) {
+              const data = [];
+              try {
+                for (var _h = true, _j = __asyncValues(lines.read()), _k; _k = yield _j.next(), _a = _k.done, !_a;) {
+                  _c = _k.value;
+                  _h = false;
+                  try {
+                    const line = _c;
+                    const trimmed = line.trimEnd();
+                    if (trimmed.length === 0) {
+                      break;
+                    }
+                    if (trimmed === last) {
+                      break;
+                    }
+                    data.push(line);
+                  } finally {
+                    _h = true;
+                  }
+                }
+              } catch (e_1_1) {
+                e_1 = {
+                  error: e_1_1
+                };
+              } finally {
+                try {
+                  if (!_h && !_a && (_b = _j.return)) yield _b.call(_j);
+                } finally {
+                  if (e_1) throw e_1.error;
+                }
+              }
+              this.encoded = data.join("\n");
+              return;
+            }
+            boundary = "--" + boundary;
+            const end = boundary + "--";
+            for (;;) {
+              let boundaryFound = false;
+              try {
+                for (var _l = true, _m = (e_2 = void 0, __asyncValues(lines.read())), _o; _o = yield _m.next(), _d = _o.done, !_d;) {
+                  _f = _o.value;
+                  _l = false;
+                  try {
+                    const line = _f;
+                    if (line === boundary) {
+                      boundaryFound = true;
+                      break;
+                    }
+                    if (line === end) {
+                      return;
+                    }
+                  } finally {
+                    _l = true;
+                  }
+                }
+              } catch (e_2_1) {
+                e_2 = {
+                  error: e_2_1
+                };
+              } finally {
+                try {
+                  if (!_l && !_d && (_e = _m.return)) yield _e.call(_m);
+                } finally {
+                  if (e_2) throw e_2.error;
+                }
+              }
+              if (!boundaryFound) {
+                break;
+              }
+              const child = new MimeNode("");
+              yield child.parse(lines, end);
+              ((_g = this.children) !== null && _g !== void 0 ? _g : this.children = []).push(child);
+            }
+          });
+        }
+        parseHeaders(lines) {
+          var _a, e_3, _b, _c;
+          var _d;
+          return __awaiter(this, void 0, void 0, function* () {
+            let headerName = "";
+            let headerValue = "";
+            try {
+              for (var _e = true, _f = __asyncValues(lines.read()), _g; _g = yield _f.next(), _a = _g.done, !_a;) {
+                _c = _g.value;
+                _e = false;
+                try {
+                  const iterator = _c;
+                  const value = iterator.trim();
+                  if (value.length === 0) {
+                    break;
+                  }
+                  if (/^[\x20\t]/.test(iterator)) {
+                    headerValue += wordEncoding.decode(value);
+                    continue;
+                  }
+                  if (headerValue) {
+                    this.setHeader(headerName, headerValue);
+                  }
+                  const [k, v] = value.split(":", 2);
+                  headerName = k;
+                  headerValue = wordEncoding.decode(v.trim());
+                } finally {
+                  _e = true;
+                }
+              }
+            } catch (e_3_1) {
+              e_3 = {
+                error: e_3_1
+              };
+            } finally {
+              try {
+                if (!_e && !_a && (_b = _f.return)) yield _b.call(_f);
+              } finally {
+                if (e_3) throw e_3.error;
+              }
+            }
+            if (headerValue) {
+              this.setHeader(headerName, headerValue);
+            }
+            const ct = this.header("Content-Type");
+            this.contentType.parse(ct);
+            this.setHeader("Content-Type", ct);
+            const cd = this.header("Content-Disposition");
+            if (cd) {
+              (_d = this.contentDisposition) !== null && _d !== void 0 ? _d : this.contentDisposition = new HeaderContentDisposition();
+              this.contentDisposition.parse(cd);
+              this.setHeader("Content-Disposition", cd);
+            }
+          });
+        }
+        save(writer) {
+          var _a, _b;
+          var _c;
+          return __awaiter(this, void 0, void 0, function* () {
+            if (this.textContent) {
+              this.contentType.charset = "UTF-8";
+            }
+            if ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) {
+              (_c = this.contentType).boundary || (_c.boundary = `${Date.now()}-${Date.now()}-${Date.now()}`);
+            }
+            for (const [key, element] of this.headers.entries()) {
+              switch (key) {
+                case "content-disposition":
+                  writer.writeLine(`Content-Disposition: ${this.contentDisposition}`);
+                  continue;
+                case "content-type":
+                  writer.writeLine(`Content-Type:${this.contentType.toString()}`);
+                  continue;
+                case "subject":
+                  writer.writeLine(`${key}: ${wordEncoding.encode(element, true)}`);
+                  continue;
+              }
+              writer.writeLine(`${key}: ${element}`);
+            }
+            writer.writeLine("");
+            if ((_b = this.children) === null || _b === void 0 ? void 0 : _b.length) {
+              const boundary = `--${this.contentType.boundary}`;
+              for (const iterator of this.children) {
+                writer.writeLine(boundary);
+                yield iterator.save(writer);
+                writer.writeLine("");
+              }
+              writer.writeLine(boundary + "--");
+              return;
+            }
+            if (this.blobData) {
+              const base64 = yield RawBuffer.toBase64Async(this.blobData);
+              let start = 0;
+              const max = 80;
+              for (;;) {
+                if (start + max > base64.length) {
+                  writer.writeLine(base64.substring(start));
+                  break;
+                }
+                writer.writeLine(base64.substring(start, start + max));
+                start += max;
+              }
+              writer.writeLine("");
+              return;
+            }
+            let text = this.textContent;
+            if (this.contentTransferEncoding === "quoted-printable") {
+              text = quotedPrintable.encode(RawBuffer.encode(text));
+            }
+            writer.writeLine(RawBuffer.encode(text));
+            writer.writeLine("");
+            return;
+          });
+        }
+        *enumerate() {
+          yield this;
+          if (!this.children) {
+            return;
+          }
+          for (const iterator of this.children) {
+            yield* iterator.enumerate();
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=MimeNode.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/MimeNode");
+System.register(["tslib", "../tokenizer"], function (_export, _context) {
+  "use strict";
+  var __asyncGenerator, __await, tokenize, LineStream, StringLineStream, ReadableLineStream;
+  _export({
+    default: void 0,
+    StringLineStream: void 0,
+    ReadableLineStream: void 0
+  });
+  return {
+    setters: [function (_tslib) {
+      __asyncGenerator = _tslib.__asyncGenerator;
+      __await = _tslib.__await;
+    }, function (_tokenizer) {
+      tokenize = _tokenizer.tokenize;
+    }],
+    execute: function () {
+      _export("default", LineStream = class LineStream {
+        read() {
+          var _a;
+          return __asyncGenerator(this, arguments, function* read_1() {
+            const g = (_a = this.g) !== null && _a !== void 0 ? _a : this.g = this.lines();
+            for (;;) {
+              const {
+                value,
+                done
+              } = yield __await(g.next());
+              if (done) {
+                break;
+              }
+              yield yield __await(value);
+            }
+          });
+        }
+      });
+      _export("StringLineStream", StringLineStream = class StringLineStream extends LineStream {
+        constructor(text) {
+          super();
+          this.text = text;
+        }
+        lines() {
+          return __asyncGenerator(this, arguments, function* lines_1() {
+            for (const iterator of tokenize(this.text, "\n")) {
+              yield yield __await(iterator);
+            }
+          });
+        }
+      });
+      _export("ReadableLineStream", ReadableLineStream = class ReadableLineStream extends LineStream {
+        constructor(readable) {
+          super();
+          this.readable = readable;
+        }
+        lines() {
+          return __asyncGenerator(this, arguments, function* lines_2() {
+            const utf8Decoder = new TextDecoder("utf-8");
+            const reader = this.readable.getReader();
+            let {
+              value: chunk,
+              done: readerDone
+            } = yield __await(reader.read());
+            chunk = chunk ? utf8Decoder.decode(chunk, {
+              stream: true
+            }) : "";
+            const re = /\r\n|\n|\r/gm;
+            let startIndex = 0;
+            for (;;) {
+              const result = re.exec(chunk);
+              if (!result) {
+                if (readerDone) {
+                  break;
+                }
+                const remainder = chunk.substr(startIndex);
+                ({
+                  value: chunk,
+                  done: readerDone
+                } = yield __await(reader.read()));
+                chunk = remainder + (chunk ? utf8Decoder.decode(chunk, {
+                  stream: true
+                }) : "");
+                startIndex = re.lastIndex = 0;
+                continue;
+              }
+              yield yield __await(chunk.substring(startIndex, result.index));
+              startIndex = re.lastIndex;
+            }
+            if (startIndex < chunk.length) {
+              yield yield __await(chunk.substr(startIndex));
+            }
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=LineStream.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/stream/LineStream");
+System.register([], function (_export, _context) {
+  "use strict";
+  var TextWriter, BlobWriter;
+  _export({
+    default: void 0,
+    BlobWriter: void 0
+  });
+  return {
+    setters: [],
+    execute: function () {
+      _export("default", TextWriter = class TextWriter {});
+      _export("BlobWriter", BlobWriter = class BlobWriter extends TextWriter {
+        constructor() {
+          super(...arguments);
+          this.lines = [];
+        }
+        writeLine(line) {
+          this.lines.push(line);
+        }
+        toBlob() {
+          const all = this.lines.join("\n");
+          return new Blob([all], {});
+        }
+        toString() {
+          return this.lines.join("\n");
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=TextWriter.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter");
+System.register(["tslib", "./MimeNode", "./stream/LineStream", "./stream/TextWriter"], function (_export, _context) {
+  "use strict";
+  var __awaiter, MimeNode, ReadableLineStream, BlobWriter, MimeMessage;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_MimeNode) {
+      MimeNode = _MimeNode.MimeNode;
+    }, function (_streamLineStream) {
+      ReadableLineStream = _streamLineStream.ReadableLineStream;
+    }, function (_streamTextWriter) {
+      BlobWriter = _streamTextWriter.BlobWriter;
+    }],
+    execute: function () {
+      _export("default", MimeMessage = class MimeMessage {
+        static load(reader, name, inline) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const node = new MimeNode();
+            if (name) {
+              node.setHeader("X-Name", name);
+            }
+            yield node.parse(new ReadableLineStream(reader));
+            const attachments = yield node.attachments();
+            const msg = new MimeMessage(node, attachments);
+            if (inline) {
+              yield msg.inlineImages();
+            }
+            return msg;
+          });
+        }
+        get name() {
+          return this.node.header("x-name");
+        }
+        get html() {
+          var _a, _b;
+          const alternative = this.node.getFirstChild("multipart/alternative");
+          return (_b = (_a = alternative === null || alternative === void 0 ? void 0 : alternative.getFirstChild("text/html")) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "";
+        }
+        set html(v) {
+          const alternative = this.node.getFirstChild("multipart/alternative", true);
+          const htmlMime = alternative.getFirstChild("text/html", true);
+          htmlMime.contentTransferEncoding = "quoted-printable";
+          htmlMime.text = v;
+          htmlMime.contentType.charset = "UTF-8";
+        }
+        get text() {
+          var _a, _b;
+          const alternative = this.node.getFirstChild("multipart/alternative");
+          return (_b = (_a = alternative === null || alternative === void 0 ? void 0 : alternative.getFirstChild("text/plain")) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "";
+        }
+        set text(v) {
+          const alternative = this.node.getFirstChild("multipart/alternative", true);
+          const htmlMime = alternative.getFirstChild("text/plain", true);
+          htmlMime.contentTransferEncoding = "quoted-printable";
+          htmlMime.text = v;
+          htmlMime.contentType.charset = "UTF-8";
+        }
+        get subject() {
+          var _a;
+          return (_a = this.node.header("subject")) !== null && _a !== void 0 ? _a : "";
+        }
+        set subject(v) {
+          this.node.setHeader("subject", v);
+        }
+        constructor(node = new MimeNode("multipart/mixed"), attachments = []) {
+          this.node = node;
+          this.attachments = attachments;
+        }
+        save() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const blobWriter = new BlobWriter();
+            yield this.node.save(blobWriter);
+            return blobWriter.toBlob();
+          });
+        }
+        inlineImages() {
+          return __awaiter(this, void 0, void 0, function* () {
+            let text = this.html;
+            if (!text) {
+              return;
+            }
+            for (const iterator of this.attachments) {
+              if (iterator.contentId) {
+                const encoded = iterator.node.encoded;
+                text = text.split(`cid:${iterator.contentId}`).join(`data://${iterator.type},${encoded}`);
+              }
+            }
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=MimeMessage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/MimeMessage");
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "../../../common/controls/html/InlineHtmlEditorWithToolbar", "../../../services/mime-service/MimeNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../common/controls/buttons/IconButton", "@web-atoms/core/dist/view-model/Action", "../../../services/mime-service/MimeMessage", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/web/core/AtomUI", "../../../services/mime-service/stream/TextWriter", "../../../services/files/LocalFileService"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, ContentPage, XNode, Bind, InlineHtmlEditorWithToolbar, MimeNode, Form, FormField, SaveIconTextButton, Action, MimeMessage, AtomRepeater, descendentElementIterator, BlobWriter, LocalFileService, EditTemplatePage;
+  _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 (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_commonControlsHtmlInlineHtmlEditorWithToolbar) {
+      InlineHtmlEditorWithToolbar = _commonControlsHtmlInlineHtmlEditorWithToolbar.default;
+    }, function (_servicesMimeServiceMimeNode) {
+      MimeNode = _servicesMimeServiceMimeNode.MimeNode;
+    }, function (_webAtomsWebControlsDistBasicForm) {
+      Form = _webAtomsWebControlsDistBasicForm.default;
+    }, function (_webAtomsWebControlsDistBasicFormField) {
+      FormField = _webAtomsWebControlsDistBasicFormField.default;
+    }, function (_commonControlsButtonsIconButton) {
+      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_servicesMimeServiceMimeMessage) {
+      MimeMessage = _servicesMimeServiceMimeMessage.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      descendentElementIterator = _webAtomsCoreDistWebCoreAtomUI.descendentElementIterator;
+    }, function (_servicesMimeServiceStreamTextWriter) {
+      BlobWriter = _servicesMimeServiceStreamTextWriter.BlobWriter;
+    }, function (_servicesFilesLocalFileService) {
+      LocalFileService = _servicesFilesLocalFileService.default;
+    }],
+    execute: function () {
+      _export("default", EditTemplatePage = class EditTemplatePage extends ContentPage {
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.model = yield this.loadModel(this.parameters.file);
+            this.renderer = XNode.create("div", {
+              "data-layout": "center-page-900px"
+            }, XNode.create(Form, null, XNode.create(FormField, {
+              label: "File Name:"
+            }, XNode.create("input", {
+              value: Bind.twoWaysImmediate(() => this.model.name)
+            })), XNode.create(FormField, {
+              label: "Subject:"
+            }, XNode.create("input", {
+              value: Bind.twoWaysImmediate(() => this.model.subject)
+            })), XNode.create(InlineHtmlEditorWithToolbar, {
+              inlineImage: true,
+              presenter: Bind.presenter(c => this.editor = c),
+              "event-content-ready": () => this.setupEditable(),
+              content: this.model.htmlBody,
+              "style-min-height": "200px"
+            }), XNode.create(AtomRepeater, {
+              items: this.model.attachments,
+              "data-layout": "flex-wrap-padding",
+              itemRenderer: item => XNode.create("div", null, XNode.create("i", {
+                class: "fas fa-file"
+              }), XNode.create("span", {
+                text: item.name
+              }))
+            }), XNode.create("div", null, XNode.create(SaveIconTextButton, {
+              "data-click-event": "save-template",
+              text: "Save"
+            }))));
+          });
+        }
+        loadModel(file) {
+          return __awaiter(this, void 0, void 0, function* () {
+            if (file.appFileID) {
+              const data = yield fetch(file.url);
+              const node = yield MimeMessage.load(data.body, file.name);
+              const name = node.name;
+              const htmlBody = node.html;
+              const attachments = node.attachments;
+              const subject = node.subject;
+              return {
+                node: node.node,
+                mime: node,
+                name,
+                subject,
+                htmlBody,
+                attachments
+              };
+            }
+            return {
+              name: "Template 1",
+              subject: "Template Subject",
+              htmlBody: `<div contentEditable="true"><p><br/><br/><br/><br/><br/></p></div>`,
+              attachments: []
+            };
+          });
+        }
+        saveTemplate() {
+          var _a, _b;
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              html,
+              text
+            } = this.editor.htmlTextContent;
+            const root = MimeNode.createMessage({
+              subject: this.model.subject,
+              name: this.model.name,
+              html,
+              text,
+              attachments: this.model.attachments
+            });
+            const blobWriter = new BlobWriter();
+            yield root.save(blobWriter);
+            const blob = blobWriter.toBlob();
+            const localFileService = this.resolve(LocalFileService);
+            const file = new File([blob], this.model.name, {
+              type: "message/rfc822"
+            });
+            const appFileID = (_b = (_a = this.parameters.file) === null || _a === void 0 ? void 0 : _a.appFileID) !== null && _b !== void 0 ? _b : void 0;
+            const parentID = appFileID ? void 0 : this.parameters.file.parentID;
+            yield localFileService.uploadWithProgress([file], {
+              appFileID,
+              parentID
+            });
+          });
+        }
+        setupEditable() {
+          const editor = this.editor.editor;
+          if (editor.isContentEditable) {
+            return;
+          }
+          for (const node of descendentElementIterator(editor)) {
+            if (node.isContentEditable) {
+              return;
+            }
+          }
+          editor.contentEditable = "true";
+        }
+      });
+      __decorate([Action({
+        onEvent: "save-template"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], EditTemplatePage.prototype, "saveTemplate", null);
+    }
+  };
+});
+//# sourceMappingURL=EditTemplatePage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/templates/EditTemplatePage");
+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/UploadEvent", "@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", "../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/web-controls/dist/basic/PopupButton", "@web-atoms/web-controls/dist/PageNavigator", "./shares/EditSharesPage", "../templates/EditTemplatePage"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, ContentPage, AppFile, XNode, UploadEvent, AtomRepeater, TreeView, Bind, Action, CloudFileService, InjectProperty, styled, toFileSize, FilesDragDrop, PopupButton, MenuItem, PageNavigator, EditSharesPage, EditTemplatePage, FolderPage, css, getExtension;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_modelModel) {
+      AppFile = _modelModel.AppFile;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicUploadEvent) {
+      UploadEvent = _webAtomsWebControlsDistBasicUploadEvent.default;
+    }, 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;
+    }, function (_commonControlsDragDropFilesDragDrop) {
+      FilesDragDrop = _commonControlsDragDropFilesDragDrop.FilesDragDrop;
+    }, function (_webAtomsWebControlsDistBasicPopupButton) {
+      PopupButton = _webAtomsWebControlsDistBasicPopupButton.default;
+      MenuItem = _webAtomsWebControlsDistBasicPopupButton.MenuItem;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }, function (_sharesEditSharesPage) {
+      EditSharesPage = _sharesEditSharesPage.default;
+    }, function (_templatesEditTemplatePage) {
+      EditTemplatePage = _templatesEditTemplatePage.default;
+    }],
+    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;
+        position: relative;
+        overflow: auto;
+        & > * {
+            width: 100%;
+        }
+        & .file-link {
+            cursor: pointer;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+`.installLocal();
+      getExtension = name => {
+        const index = name.lastIndexOf(".");
+        if (index === -1) {
+          return "dat";
+        }
+        return name.substring(index + 1);
+      };
+      _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 = "";
+            this.root = yield this.cloudFileService.root(this.parameters);
+            (_a = (_b = this.root).children) !== null && _a !== void 0 ? _a : _b.children = [];
+            this.root.children.remove(x => !x.isFolder);
+            this.selectedFolder = this.root;
+            this.titleRenderer = () => XNode.create("div", {
+              "data-layout": "row"
+            }, XNode.create("div", {
+              text: Bind.oneWay(() => this.selectedFolder.name)
+            }), XNode.create(PopupButton, {
+              icon: "fas fa-upload",
+              label: "Upload",
+              "data-layout": "accent-icon-button",
+              alignment: "bottomLeft",
+              popup: () => XNode.create("div", null, XNode.create(MenuItem, Object.assign({
+                icon: "fas fa-upload",
+                "data-extra": Bind.oneWay(() => JSON.stringify({
+                  parentID: this.selectedFolder.appFileID
+                }))
+              }, UploadEvent.AttachUploadAction({
+                multiple: true,
+                accept: "*/*"
+              }), {
+                label: "Files"
+              })), XNode.create(MenuItem, Object.assign({
+                icon: "fas fa-upload",
+                "data-extra": Bind.oneWay(() => JSON.stringify({
+                  parentID: this.selectedFolder.appFileID
+                }))
+              }, UploadEvent.AttachUploadAction({
+                multiple: true,
+                folder: true,
+                accept: "*/*"
+              }), {
+                label: "Folder"
+              })))
+            }), 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"
+            }), XNode.create("span", {
+              text: "|"
+            }), this.parameters.templates && XNode.create("div", {
+              "data-layout": "row",
+              "style-display": Bind.oneWay(() => this.selectedFolder.appFileID > 0)
+            }, XNode.create("i", {
+              class: "fas fa-plus",
+              "data-click-event": "new-template"
+            }), XNode.create("span", {
+              "data-click-event": "new-template",
+              text: "New Template"
+            })));
+            this.renderer = XNode.create("div", {
+              class: css
+            }, XNode.create(TreeView, {
+              class: "folder-tree",
+              presenter: Bind.presenter(c => this.folderTree = c),
+              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("div", Object.assign({
+              class: "file-list"
+            }, FilesDragDrop({
+              extra: Bind.oneWay(() => {
+                var _a;
+                return JSON.stringify({
+                  parentID: (_a = this.selectedFolder) === null || _a === void 0 ? void 0 : _a.appFileID
+                });
+              })
+            })), XNode.create(AtomRepeater, {
+              for: "table",
+              items: Bind.oneWayAsync((c, e, cancelToken) => this.cloudFileService.files({
+                search: this.search,
+                folder: this.selectedFolder,
+                version: this.version,
+                cancelToken
+              })),
+              itemRenderer: file => this.renderFile(file)
+            })));
+          });
+        }
+        renderFile(item) {
+          if (item.isFolder) {
+            return XNode.create("tr", null, XNode.create("td", null, XNode.create("i", {
+              class: item.isFolder ? "fiv-viv fiv-icon-folder" : `fiv-viv fiv-icon-${getExtension(item.name)}`
+            }), XNode.create("span", {
+              "data-click-event": "open-folder",
+              class: "file-link",
+              text: item.name,
+              "data-padding-left": "auto"
+            })), XNode.create("td", null, item.isShared && XNode.create("i", {
+              title: "Shared",
+              class: "fas fa-folder-user"
+            })), XNode.create("td", {
+              text: toFileSize(item.fileSize)
+            }), XNode.create("td", null), XNode.create("td", null, XNode.create("i", {
+              "data-click-event": "edit-shares",
+              class: "fas fa-share"
+            })));
+          }
+          if (this.parameters.templates && item.contentType === "message/rfc822") {
+            return XNode.create("tr", null, XNode.create("td", null, XNode.create("i", {
+              class: item.isFolder ? "fiv-viv fiv-icon-folder" : `fiv-viv fiv-icon-${getExtension(item.name)}`
+            }), XNode.create("span", {
+              "data-click-event": "open-template",
+              class: "file-link",
+              text: item.name,
+              "data-margin-left": "default"
+            })), XNode.create("td", null, item.isShared && XNode.create("i", {
+              title: "Shared",
+              class: "fas fa-folder-user"
+            })), XNode.create("td", {
+              text: toFileSize(item.fileSize)
+            }), XNode.create("td", null, XNode.create("a", {
+              href: item.downloadUrl,
+              target: "_blank",
+              download: true
+            }, XNode.create("i", {
+              class: "fas fa-download"
+            }))), XNode.create("td", null, XNode.create("i", {
+              "data-click-event": "edit-shares",
+              class: "fas fa-share"
+            })));
+          }
+          return XNode.create("tr", null, XNode.create("td", null, XNode.create("i", {
+            class: item.isFolder ? "fiv-viv fiv-icon-folder" : `fiv-viv fiv-icon-${getExtension(item.name)}`
+          }), XNode.create("a", {
+            href: item.url,
+            target: "_blank",
+            text: item.name,
+            "data-margin-left": "default"
+          })), XNode.create("td", null, item.isShared && XNode.create("i", {
+            title: "Shared",
+            class: "fas fa-folder-user"
+          })), XNode.create("td", {
+            text: toFileSize(item.fileSize)
+          }), XNode.create("td", null, XNode.create("a", {
+            href: item.downloadUrl,
+            target: "_blank",
+            download: true
+          }, XNode.create("i", {
+            class: "fas fa-download"
+          }))), XNode.create("td", null, XNode.create("i", {
+            "data-click-event": "edit-shares",
+            class: "fas fa-share"
+          })));
+        }
+        editShares(file) {
+          PageNavigator.pushPage(EditSharesPage, file);
+        }
+        openFolder(file) {
+          this.selectedFolder = file;
+        }
+        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++;
+          });
+        }
+        newTemplate() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const parentID = this.selectedFolder.appFileID;
+            const file = yield PageNavigator.pushPageForResult(EditTemplatePage, {
+              file: AppFile.create({
+                parentID
+              })
+            });
+            this.selectedFolder.children.add(file);
+          });
+        }
+        openTemplate(file) {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield PageNavigator.pushPageForResultOrCancel(EditTemplatePage, {
+              file
+            });
+          });
         }
-        return pairs;
       });
+      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], FolderPage.prototype, "cloudFileService", void 0);
+      __decorate([Action({
+        onEvent: "edit-shares"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FolderPage.prototype, "editShares", null);
+      __decorate([Action({
+        onEvent: "open-folder"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FolderPage.prototype, "openFolder", null);
+      __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);
+      __decorate([Action({
+        onEvent: "new-template"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FolderPage.prototype, "newTemplate", null);
+      __decorate([Action({
+        onEvent: "open-template"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], FolderPage.prototype, "openTemplate", null);
     }
   };
 });
-//# sourceMappingURL=parsePairs.js.map
+//# sourceMappingURL=FolderPage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/parsePairs");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/FolderPage");
-System.register(["./parsePairs"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
-  var parsePairs, HeaderContentType;
-  _export("HeaderContentType", void 0);
+  var styled;
   return {
-    setters: [function (_parsePairs) {
-      parsePairs = _parsePairs.parsePairs;
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
     }],
     execute: function () {
-      _export("HeaderContentType", HeaderContentType = class HeaderContentType {
-        constructor(type, charset = "UTF-8", boundary) {
-          this.type = type;
-          this.charset = charset;
-          this.boundary = boundary;
+      styled.css`
+        position: relative;
+        overflow: hidden;
+        cursor: grab;
+        &[data-state=grabbing] {
+            cursor: grabbing;
         }
-        parse(text) {
-          const items = parsePairs(text, "type");
-          this.type = items.type;
-          this.charset = items.charset;
-          this.boundary = items.boundary;
+        & > .scale {
+            position: absolute;
+            right: 10px;
+            top: 10px;
+            border: solid 2px darkgray;
+            border-radius: 4px;
+            background-color: white;
+            padding: 4px;
+            color: black;
         }
-        toString() {
-          if (this.boundary) {
-            return `${this.type}; charset="${this.charset}"; boundary="${this.boundary}";`;
-          }
-          return `${this.type}; charset="${this.charset}";`;
+        & > .image-container {
+            position: absolute;
+            left: 0;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            overflow: hidden;
+            display: grid;
+            align-items: center;
+            justify-items: center;
+            justify-content: center;
         }
-      });
+        & > .spinner {
+            position: absolute;
+            left: 0;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            display: inline-grid;
+            align-items: center;
+            justify-items: center;
+        }
+        & > .hide {
+            display: none;
+        }
+    `.installGlobal("div[data-pinch-zoom]");
     }
   };
 });
-//# sourceMappingURL=HeaderContentType.js.map
+//# sourceMappingURL=pinch-zoom-view-style.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/HeaderContentType");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/styles/pinch-zoom-view-style");
-System.register([], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "./styles/pinch-zoom-view-style"], function (_export, _context) {
   "use strict";
-  var toBuffer, RawBuffer;
+  var __decorate, __metadata, Bind, BindableProperty, XNode, AtomControl, PinchZoomView, center, distance;
+  _export("default", void 0);
   return {
-    setters: [],
+    setters: [function (_tslib) {
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_stylesPinchZoomViewStyle) {}],
     execute: function () {
-      toBuffer = text => {
-        const bytes = new Uint8Array(text.length);
-        for (let index = 0; index < text.length; index++) {
-          bytes[index] = text.charCodeAt(index);
+      center = ev => {
+        const touch = ev.touches[0];
+        if (touch) {
+          return {
+            x: touch.clientX,
+            y: touch.clientY
+          };
         }
-        return bytes.buffer;
+        return {
+          x: 0,
+          y: 0
+        };
       };
-      _export("RawBuffer", RawBuffer = {
-        decode: (bytesAsString, encoding = "utf-8") => {
-          if (!encoding) {
-            return bytesAsString;
-          }
-          const te = new TextDecoder(encoding);
-          return te.decode(toBuffer(bytesAsString));
-        },
-        encode: (text, encoding = "utf-8") => {
-          if (!/utf\-?8/i.test(encoding)) {
-            throw new Error(`Encoding ${encoding} not supported`);
-          }
-          const te = new TextEncoder();
-          const array = te.encode(text);
-          const a = [];
-          for (const iterator of array) {
-            a.push(String.fromCharCode(iterator));
-          }
-          return a.join("");
-        },
-        toBase64Async(blob, asDataUrl = false) {
-          return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onerror = () => {
-              reject(reader.error);
-            };
-            reader.onload = () => {
-              const text = reader.result;
-              if (asDataUrl) {
-                resolve(text);
+      distance = (first, second) => {
+        return Math.hypot(first.pageX - second.pageX, first.pageY - second.pageY);
+      };
+      _export("default", PinchZoomView = class PinchZoomView extends AtomControl {
+        preCreate() {
+          this.element.title = "Use mouse wheel to zoom";
+          this.loading = false;
+          this.zoom = {
+            scale: 0,
+            anchorX: 0,
+            anchorY: 0,
+            x: 0,
+            y: 0
+          };
+          this.element.dataset.pinchZoom = "true";
+          this.render(XNode.create("div", null, XNode.create("div", {
+            class: "image-container"
+          }, XNode.create("img", {
+            src: Bind.oneWay(() => this.getSource(this.source)),
+            "event-load": () => {
+              this.loading = false;
+              this.updateZoom(this.zoom);
+            }
+          })), XNode.create("i", {
+            class: Bind.oneWay(() => this.loading ? "spinner fa-duotone fa-spinner fa-spin" : "hide")
+          }), XNode.create("i", {
+            "event-click": () => this.updateZoom(),
+            class: Bind.oneWay(() => this.zoom.scale ? "scale fa-solid fa-arrows-minimize" : "hide"),
+            title: "Display entire image"
+          })));
+          this.imageContainer = this.element.firstElementChild;
+          this.image = this.imageContainer.firstElementChild;
+          const scrollView = this.element;
+          let previous;
+          let touchMoveDisposable;
+          let touchEndDisposable;
+          this.bindEvent(scrollView, "touchstart", evs => {
+            previous = center(evs);
+            let previousDistance = undefined;
+            touchMoveDisposable !== null && touchMoveDisposable !== void 0 ? touchMoveDisposable : touchMoveDisposable = this.bindEvent(scrollView, "touchmove", ev => {
+              var _a;
+              ev.preventDefault();
+              (_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
+              let {
+                x,
+                y,
+                anchorX,
+                anchorY,
+                scale
+              } = this.zoom;
+              if (ev.touches.length === 2) {
+                const rect = this.element.getBoundingClientRect();
+                const first = ev.touches[0];
+                const second = ev.touches[1];
+                anchorX = (first.clientX + second.clientX) / 2 - rect.left;
+                anchorY = (first.clientY + second.clientY) / 2 - rect.top;
+                const newScale = distance(first, second);
+                if (previousDistance === void 0) {
+                  previousDistance = newScale;
+                  return;
+                }
+                if (previousDistance === newScale) {
+                  return;
+                }
+                scale += newScale - previousDistance;
+                previousDistance = newScale;
+                this.updateZoom({
+                  anchorX,
+                  anchorY,
+                  x,
+                  y,
+                  scale
+                });
                 return;
               }
-              const index = text.indexOf(",");
-              resolve(text.substring(index + 1));
+              if (!previous) {
+                return;
+              }
+              const cp = center(ev);
+              x += cp.x - previous.x;
+              y += cp.y - previous.y;
+              previous = cp;
+              this.updateZoom({
+                anchorX,
+                anchorY,
+                x,
+                y,
+                scale
+              });
+            });
+            touchEndDisposable !== null && touchEndDisposable !== void 0 ? touchEndDisposable : touchEndDisposable = this.bindEvent(scrollView, "touchend", ev => {
+              touchMoveDisposable === null || touchMoveDisposable === void 0 ? void 0 : touchMoveDisposable.dispose();
+              touchEndDisposable === null || touchEndDisposable === void 0 ? void 0 : touchEndDisposable.dispose();
+              touchMoveDisposable = undefined;
+              touchEndDisposable = undefined;
+              previousDistance = undefined;
+            });
+          });
+          let mouseMoveDisposable;
+          let mouseUpDisposable;
+          this.bindEvent(scrollView, "mousedown", ev => {
+            this.element.dataset.state = "grabbing";
+            previous = {
+              x: ev.clientX,
+              y: ev.clientY
             };
-            reader.readAsDataURL(blob);
+            mouseMoveDisposable !== null && mouseMoveDisposable !== void 0 ? mouseMoveDisposable : mouseMoveDisposable = this.bindEvent(scrollView, "mousemove", e => {
+              var _a;
+              e.preventDefault();
+              (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
+              const {
+                anchorX,
+                anchorY,
+                scale
+              } = this.zoom;
+              let {
+                x,
+                y
+              } = this.zoom;
+              const cp = {
+                x: e.clientX,
+                y: e.clientY
+              };
+              x += cp.x - previous.x;
+              y += cp.y - previous.y;
+              previous = cp;
+              this.updateZoom({
+                anchorX,
+                anchorY,
+                x,
+                y,
+                scale
+              });
+            });
+            mouseUpDisposable !== null && mouseUpDisposable !== void 0 ? mouseUpDisposable : mouseUpDisposable = this.bindEvent(scrollView, "mouseup", e => {
+              var _a;
+              e.preventDefault();
+              (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
+              this.element.dataset.state = "";
+              previous = null;
+              mouseMoveDisposable.dispose();
+              mouseUpDisposable.dispose();
+              mouseMoveDisposable = undefined;
+              mouseUpDisposable = undefined;
+            });
+          });
+          this.bindEvent(scrollView, "wheel", ev => {
+            var _a;
+            const target = ev.currentTarget;
+            ev.preventDefault();
+            (_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
+            const newScale = this.zoom.scale - (ev.deltaY < 0 ? -50 : 50);
+            const anchorX = ev.offsetX;
+            const anchorY = ev.offsetY;
+            const {
+              x,
+              y
+            } = this.zoom;
+            this.updateZoom({
+              anchorX,
+              anchorY,
+              x,
+              y,
+              scale: newScale < 0 ? 0 : newScale
+            });
+          }, undefined, {
+            passive: false
+          });
+        }
+        getSource(text) {
+          if (text) {
+            this.loading = true;
+          }
+          return text;
+        }
+        updateZoom(zoom = {
+          x: 0,
+          y: 0,
+          anchorX: 0,
+          anchorY: 0,
+          scale: 0
+        }) {
+          const {
+            anchorX,
+            anchorY,
+            x,
+            y
+          } = zoom;
+          let {
+            scale
+          } = zoom;
+          this.zoom = zoom;
+          const image = this.image;
+          if (!image.naturalHeight) {
+            return;
+          }
+          const maxHeight = this.element.clientWidth > this.element.clientHeight;
+          const s = maxHeight ? this.element.clientWidth / image.naturalWidth : this.element.clientHeight / image.naturalHeight;
+          if (scale <= 0) {
+            scale = 0;
+          }
+          const newWidth = this.element.clientWidth + scale + "px";
+          const newHeight = this.element.clientHeight + scale + "px";
+          this.image.style.maxWidth = this.element.clientWidth + "px";
+          this.image.style.maxHeight = this.element.clientHeight + "px";
+          if (scale <= 0) {
+            this.imageContainer.style.transform = "";
+            return;
+          }
+          const clientWidth = this.element.clientWidth;
+          const scaleFactor = (clientWidth + scale) / clientWidth;
+          this.imageContainer.style.transformOrigin = `${anchorX}px ${anchorY}`;
+          this.imageContainer.style.transform = `translate(${x}px, ${y}px) scale(${scaleFactor})`;
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", Object)], PinchZoomView.prototype, "zoom", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], PinchZoomView.prototype, "source", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Boolean)], PinchZoomView.prototype, "loading", void 0);
+    }
+  };
+});
+//# sourceMappingURL=PinchZoomView.js.map
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/PinchZoomView");
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/PinchZoomView", "../../../../../common/controls/buttons/IconButton"], function (_export, _context) {
+  "use strict";
+  var __awaiter, ContentPage, XNode, PinchZoomView, IconButton, PreviewImage;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicPinchZoomView) {
+      PinchZoomView = _webAtomsWebControlsDistBasicPinchZoomView.default;
+    }, function (_commonControlsButtonsIconButton) {
+      IconButton = _commonControlsButtonsIconButton.IconButton;
+    }],
+    execute: function () {
+      _export("default", PreviewImage = class PreviewImage extends ContentPage {
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              appFileID,
+              fileContentID,
+              name
+            } = this.parameters;
+            const pdf = `/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`;
+            const download = `/api/files/download/${appFileID}/${fileContentID}/${name}`;
+            this.title = name;
+            this.headerRenderer = () => XNode.create("div", {
+              "data-layout": "header-row"
+            }, XNode.create("a", {
+              href: pdf,
+              target: "_blank"
+            }, XNode.create(IconButton, {
+              icon: "fas fa-print",
+              text: "Print"
+            })), XNode.create("a", {
+              href: download,
+              target: "_blank"
+            }, XNode.create(IconButton, {
+              icon: "fas fa-download",
+              text: "Download"
+            })));
+            const webp = `/api/files/webp/${appFileID}/${fileContentID}/${name}/${name}.webp`;
+            this.renderer = XNode.create("div", null, XNode.create(PinchZoomView, {
+              source: webp
+            }));
           });
         }
       });
     }
   };
 });
-//# sourceMappingURL=RawBuffer.js.map
+//# sourceMappingURL=PreviewImage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/RawBuffer");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/image/PreviewImage");
-System.register(["./RawBuffer"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/core/XNode", "../../../../../common/controls/buttons/IconButton", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
   "use strict";
-  var RawBuffer, isEncodedRegEx, hexToUnicode, decode, isSimpleText, wordEncoding;
+  var __awaiter, ContentPage, FetchBuilder, XNode, IconButton, AtomControl, PreviewDocument, renderHTML;
+  _export("default", void 0);
   return {
-    setters: [function (_RawBuffer) {
-      RawBuffer = _RawBuffer.RawBuffer;
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_commonControlsButtonsIconButton) {
+      IconButton = _commonControlsButtonsIconButton.IconButton;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
     }],
     execute: function () {
-      isEncodedRegEx = /\=\?([^\?\s]+)\?([^\?\s]{1})\?([^\s\?]+)\?\=\s*/gm;
-      hexToUnicode = /(\=([0-9a-f]{2}))|(\_)/gmi;
-      decode = text => {
-        return text.replace(isEncodedRegEx, (matched, encoding, format, buffer) => {
-          if (/b/i.test(format)) {
-            return RawBuffer.decode(atob(buffer), encoding);
-          }
-          if (/q/i.test(format)) {
-            const replaced = buffer.replace(hexToUnicode, (m, group, code) => {
-              if (m === "_") {
-                return " ";
-              }
-              return String.fromCharCode(parseInt(code, 16));
-            });
-            return RawBuffer.decode(replaced, encoding);
-          }
-          return matched;
+      renderHTML = AtomControl.registerProperty("data-html", "html", (c, e, value) => {
+        if (!value) {
+          e.innerHTML = "";
+          return;
+        }
+        const html = value;
+        const msg = document.createElement("div");
+        msg.innerHTML = html;
+        const shadow = e.attachShadow({
+          mode: "open"
         });
-      };
-      isSimpleText = /[0-9a-zA-Z\x20]/;
-      _export("wordEncoding", wordEncoding = {
-        decode,
-        encode: (word, ifNeeded = false) => {
-          if (ifNeeded) {
-            if (isSimpleText.test(word)) {
-              return word;
-            }
-          }
-          word = RawBuffer.encode(word);
-          return `=?UTF-8?B?${btoa(word)}?=`;
+        shadow.appendChild(msg);
+        return;
+      });
+      _export("default", PreviewDocument = class PreviewDocument extends ContentPage {
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              appFileID,
+              fileContentID,
+              name
+            } = this.parameters;
+            const pdf = `/api/files/pdf/${appFileID}/${fileContentID}/${name}/${name}.pdf`;
+            const download = `/api/files/download/${appFileID}/${fileContentID}/${name}`;
+            this.title = name;
+            this.headerRenderer = () => XNode.create("div", {
+              "data-layout": "header-row"
+            }, XNode.create("a", {
+              href: pdf,
+              target: "_blank"
+            }, XNode.create(IconButton, {
+              icon: "fas fa-print",
+              text: "Print"
+            })), XNode.create("a", {
+              href: download,
+              target: "_blank"
+            }, XNode.create(IconButton, {
+              icon: "fas fa-download",
+              text: "Download"
+            })));
+            this.renderer = XNode.create("div", null, XNode.create("div", {
+              text: "..."
+            }));
+            const html = yield FetchBuilder.get(`/api/files/html/${appFileID}/${fileContentID}/${name}/${name}.html`).responseAsText();
+            this.renderer = XNode.create("div", null, XNode.create("div", Object.assign({}, renderHTML(html))));
+          });
         }
       });
     }
   };
 });
-//# sourceMappingURL=word-encoding.js.map
+//# sourceMappingURL=PreviewDocument.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/word-encoding");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/document/PreviewDocument");
-System.register(["./encoder/word-encoding", "./parsePairs"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
-  var wordEncoding, parsePairs, HeaderContentDisposition;
-  _export("HeaderContentDisposition", void 0);
+  var __awaiter, __decorate, __metadata, AtomBinder, Bind, BindableProperty, XNode, AtomControl, ChildEnumerator, styled, AtomVideoPlayer, isTouchEnabled, gatherElements, numberToText, durationText, noSoundIcon, mute, low, mid, high, getPlayIcon;
+  _export("default", void 0);
   return {
-    setters: [function (_encoderWordEncoding) {
-      wordEncoding = _encoderWordEncoding.wordEncoding;
-    }, function (_parsePairs) {
-      parsePairs = _parsePairs.parsePairs;
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      ChildEnumerator = _webAtomsCoreDistWebCoreAtomUI.ChildEnumerator;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
     }],
     execute: function () {
-      _export("HeaderContentDisposition", HeaderContentDisposition = class HeaderContentDisposition {
-        constructor(type, filename, name) {
-          this.type = type;
-          this.filename = filename;
-          this.name = name;
+      isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);
+      styled.css`
+    display: grid;
+    grid-template-rows: auto 1fr auto auto auto;
+    grid-template-columns: auto 1fr auto;
+    overflow: hidden;
+    & > [data-element=banner] {
+        grid-row-start: 3;
+        grid-row-end: span 3;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: end;
+        justify-self: center;
+        height: 15%;
+        gap: 5px;
+        overflow: hidden;
+        grid-template-columns: auto 1fr;
+        grid-template-rows: auto auto;
+        background-color: black;
+        color: white;
+        border-radius: 10px;
+        padding: 10px;
+        align-items: center;
+        justify-items: stretch;
+        z-index: 2;
+        display: none;
+        &[data-has-logo=true] {
+            display: grid;
+        }
+        & > * {
+            min-height: 0;
+            min-width: 0;
+        }
+        & > [data-element=logo] {
+            grid-row: 1 / span 2;
+            grid-column: 1;
+            z-index: 2;
+            height: 100%;
+        }
+        & > [data-element=logo-title] {
+            grid-row-start: 1;
+            grid-column-start: 2;
+            z-index: 2;
+            font-weight: bold;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+        & > [data-element=logo-description] {
+            grid-row-start: 2;
+            grid-column-start: 2;
+            z-index: 2;
+            font-size: smaller;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    }
+    & > [data-element=video], & > [data-element=poster] {
+        grid-row-start: 1;
+        grid-row-end: span 5;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: stretch;
+        justify-self: stretch;
+    }
+    & > [data-element=play-element] {
+        z-index: 10;
+        grid-row-start: 1;
+        grid-row-end: span 5;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: center;
+        justify-self: center;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: 4px;
+        display: flex;
+        & > button.play {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            color: #ffffff;
+            background-color: #0000ff;
+            border-radius: 9999px;
+            font-size: 25px;
+            padding: 10px;
+            width: 50px;
+            height: 50px;
+            text-align: center;
+            vertical-align: middle;
+            & > i {
+                margin-left: 4px;
+            }
+        }
+    }
+    & > [data-element=progress] {
+        z-index: 11;
+        grid-row-start: 4;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        align-self: flex-end;
+        height: 15px;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        justify-self: stretch;
+        background-color: rgba(0,0,0,0.3);
+        width: 100%;
+        cursor: pointer;
+    }
+    & > [data-element=toolbar] {
+        z-index: 10;
+        grid-row-start: 5;
+        grid-column-start: 1;
+        grid-column-end: span 3;
+        background-color: rgba(0,0,0,0.3);
+        color: #ffffff;
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-start;
+        gap: 4px;
+        display: flex;
+        & > * {
+            min-width: 20px;
+            margin-left: 5px;
+            padding: 5px;
+        }
+        & > [data-style=button] {
+            width: 30px;
+            height: 30px;
+            padding: 5px;
+        }
+        & > [data-font-size=small] {
+            font-size: x-small;
         }
-        parse(text) {
-          const items = parsePairs(text, "type");
-          this.type = items.type;
-          this.filename = items.filename;
-          this.name = items.name;
+        & > [data-element=volume-range] {
+            height: 2px;
+            color: #008000;
+            box-shadow: none;
+            border: none;
         }
-        toString() {
-          return `${this.type};\r\n\t\tfilename="${wordEncoding.encode(this.filename)}";`;
+        & > [data-element=volume-range]:focus {
+            box-shadow: none;
+            border: none;
         }
-      });
+        & > [data-element=full-screen] {
+            margin-left: auto;
+        }
     }
-  };
-});
-//# sourceMappingURL=HeaderContentDisposition.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/HeaderContentDisposition");
-System.register([], function (_export, _context) {
-  "use strict";
-  function base64toBlob(base64Data, contentType) {
-    contentType = contentType || '';
-    const sliceSize = 1024;
-    const byteCharacters = atob(base64Data);
-    const bytesLength = byteCharacters.length;
-    const slicesCount = Math.ceil(bytesLength / sliceSize);
-    const byteArrays = new Array(slicesCount);
-    for (let sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
-      const begin = sliceIndex * sliceSize;
-      const end = Math.min(begin + sliceSize, bytesLength);
-      const bytes = new Array(end - begin);
-      for (let offset = begin, i = 0; offset < end; ++i, ++offset) {
-        bytes[i] = byteCharacters[offset].charCodeAt(0);
-      }
-      byteArrays[sliceIndex] = new Uint8Array(bytes);
+    &[data-controls=true] {
+        & > [data-element=toolbar] {
+            display: flex;
+        }
+        & > [data-element=progress] {
+            display: flex;
+        }
     }
-    return new Blob(byteArrays, {
-      type: contentType
-    });
-  }
-  _export("base64toBlob", base64toBlob);
-  return {
-    setters: [],
-    execute: function () {}
-  };
-});
-//# sourceMappingURL=base64-to-blob.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/base64-to-blob");
-System.register([], function (_export, _context) {
-  "use strict";
-  var stringFromCharCode, decode, handleTrailingCharacters, regexUnsafeSymbols, encode, quotedPrintable;
-  return {
-    setters: [],
-    execute: function () {
-      stringFromCharCode = String.fromCharCode;
-      decode = function (input) {
-        return input.replace(/[\t\x20]$/gm, '').replace(/=(?:\r\n?|\n|$)/g, '').replace(/=([a-fA-F0-9]{2})/g, function ($0, $1) {
-          const codePoint = parseInt($1, 16);
-          return stringFromCharCode(codePoint);
-        });
-      };
-      handleTrailingCharacters = function (text) {
-        return text.replace(/\x20$/, '=20').replace(/\t$/, '=09');
-      };
-      regexUnsafeSymbols = /[\0-\x08\n-\x1F=\x7F-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
-      encode = function (text) {
-        const encoded = text.replace(regexUnsafeSymbols, function (symbol) {
-          if (symbol > '\xFF') {
-            throw RangeError('`quotedPrintable.encode()` expects extended ASCII input only. ' + 'Don\u2019t forget to encode the input first using a character ' + 'encoding like UTF-8.');
-          }
-          const codePoint = symbol.charCodeAt(0);
-          const hexadecimal = codePoint.toString(16).toUpperCase();
-          return '=' + ('0' + hexadecimal).slice(-2);
-        });
-        const LINE_LENGTH = 75;
-        const lines = encoded.split(/\r\n?|\n/g);
-        let lineIndex = -1;
-        const lineCount = lines.length;
-        const result = [];
-        let buffer;
-        while (++lineIndex < lineCount) {
-          const line = lines[lineIndex];
-          let index = 0;
-          const length = line.length;
-          while (index < length) {
-            buffer = encoded.slice(index, index + LINE_LENGTH);
-            if (/=$/.test(buffer)) {
-              buffer = buffer.slice(0, LINE_LENGTH - 1);
-              index += LINE_LENGTH - 1;
-            } else if (/=[A-F0-9]$/.test(buffer)) {
-              buffer = buffer.slice(0, LINE_LENGTH - 2);
-              index += LINE_LENGTH - 2;
-            } else {
-              index += LINE_LENGTH;
+    &[data-state=playing] {
+        &[data-controls=false] {
+            & > [data-element=play-element], & > [data-element=progress], & > [data-element=toolbar] {
+                display: none;
             }
-            result.push(buffer);
-          }
-        }
-        const lastLineLength = buffer.length;
-        if (/[\t\x20]$/.test(buffer)) {
-          result.pop();
-          if (lastLineLength + 2 <= LINE_LENGTH + 1) {
-            result.push(handleTrailingCharacters(buffer));
-          } else {
-            result.push(buffer.slice(0, lastLineLength - 1), handleTrailingCharacters(buffer.slice(lastLineLength - 1, lastLineLength)));
-          }
         }
-        return result.join('=\r\n');
-      };
-      _export("quotedPrintable", quotedPrintable = {
-        encode,
-        decode,
-        'version': '1.0.1'
-      });
     }
-  };
-});
-//# sourceMappingURL=quoted-printable.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/encoder/quoted-printable");
+    &[data-state=waiting] {
+        &[data-controls=false] {
+            & > [data-element=toolbar], & > [data-element=progress] {
+                display: none;
+            }
+        }
-System.register(["tslib", "../../common/QueryIterator", "./AttachmentFile", "./HeaderContentType", "./HeaderContentDisposition", "./encoder/RawBuffer", "./encoder/base64-to-blob", "./encoder/quoted-printable", "./encoder/word-encoding"], function (_export, _context) {
-  "use strict";
+        & > [data-element=toolbar] {
+            & > [data-element=play] {
+                display: none;
+            }
+        }
-  var __asyncValues, __awaiter, QueryIterator, AttachmentFile, HeaderContentType, HeaderContentDisposition, RawBuffer, base64toBlob, quotedPrintable, wordEncoding, MimeNode;
-  _export("MimeNode", void 0);
-  return {
-    setters: [function (_tslib) {
-      __asyncValues = _tslib.__asyncValues;
-      __awaiter = _tslib.__awaiter;
-    }, function (_commonQueryIterator) {
-      QueryIterator = _commonQueryIterator.default;
-    }, function (_AttachmentFile) {
-      AttachmentFile = _AttachmentFile.AttachmentFile;
-    }, function (_HeaderContentType) {
-      HeaderContentType = _HeaderContentType.HeaderContentType;
-    }, function (_HeaderContentDisposition) {
-      HeaderContentDisposition = _HeaderContentDisposition.HeaderContentDisposition;
-    }, function (_encoderRawBuffer) {
-      RawBuffer = _encoderRawBuffer.RawBuffer;
-    }, function (_encoderBase64ToBlob) {
-      base64toBlob = _encoderBase64ToBlob.base64toBlob;
-    }, function (_encoderQuotedPrintable) {
-      quotedPrintable = _encoderQuotedPrintable.quotedPrintable;
-    }, function (_encoderWordEncoding) {
-      wordEncoding = _encoderWordEncoding.wordEncoding;
-    }],
-    execute: function () {
-      ;
-      ;
-      _export("MimeNode", MimeNode = class MimeNode {
-        static createMessage({
-          html,
-          subject,
-          text = "",
-          name = "",
-          attachments = []
-        }) {
-          const root = new MimeNode("multipart/mixed");
-          root.setHeader("Subject", subject);
-          if (name) {
-            root.setHeader("X-Name", name);
-          }
-          const body = new MimeNode("multipart/alternative");
-          body.children = [];
-          if (html) {
-            body.children.push(this.create(html, "text/html"));
-          }
-          if (text) {
-            body.children.push(this.create(text, "text/plain"));
-          }
-          root.children = [body];
-          if (attachments) {
-            for (const iterator of attachments) {
-              root.children.push(this.create(iterator));
+        & > [data-element=play-element] {
+            display: none;
+        }
+    }
+    &[data-state=paused] {
+        & > [data-element=toolbar] {
+            & > [data-element-pause] {
+                display: none;
             }
-          }
-          return root;
         }
-        static create(text, type, id) {
-          if (typeof text === "string") {
-            const node = new MimeNode(type);
-            node.text = text;
-            return node;
-          }
-          const fileNode = new MimeNode(text.type);
-          fileNode.blobData = text;
-          fileNode.contentDisposition = new HeaderContentDisposition(type || "attachment");
-          fileNode.contentDisposition.filename = text.name;
-          fileNode.setHeader("Content-Disposition", fileNode.contentDisposition);
-          if (id) {
-            fileNode.setHeader("Content-Id", id);
+    }
+    `.installGlobal("[data-video-player=video-player]");
+      gatherElements = (e, data = {}) => {
+        var _a;
+        const ce = ChildEnumerator.enumerate(e);
+        for (const iterator of ce) {
+          const elementName = (_a = iterator.dataset.element) === null || _a === void 0 ? void 0 : _a.replace(/-([a-z])/g, g => g[1].toUpperCase());
+          if (elementName) {
+            data[elementName] = iterator;
           }
-          return fileNode;
+          gatherElements(iterator, data);
         }
-        get text() {
-          var _a, _b, _c;
-          let {
-            encoded
-          } = this;
-          if (!encoded) {
-            return;
-          }
-          const cte = (_a = this.contentTransferEncoding) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-          switch (cte) {
-            case "quoted-printable":
-              encoded = quotedPrintable.decode(encoded);
-              break;
-            case "base64":
-              encoded = btoa(encoded);
-              break;
-          }
-          return (_b = this.textContent) !== null && _b !== void 0 ? _b : this.textContent = RawBuffer.decode(encoded, (_c = this.contentType) === null || _c === void 0 ? void 0 : _c.charset);
+        return data;
+      };
+      numberToText = n => {
+        if (n < 10) {
+          return "0" + n;
         }
-        set text(v) {
-          this.contentTransferEncoding = "quoted-printable";
-          this.textContent = v;
+        return n.toString();
+      };
+      durationText = (n, total) => {
+        if (n === null || n === undefined) {
+          return "";
         }
-        get blob() {
-          var _a, _b;
-          if (((_a = this.contentTransferEncoding) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) !== "base64") {
-            throw new Error("Not supported");
-          }
-          return (_b = this.blobData) !== null && _b !== void 0 ? _b : this.blobData = base64toBlob(this.encoded, this.contentType.type);
+        const minutes = Math.floor(n / 60);
+        const seconds = numberToText(Math.ceil(n % 60));
+        const totalMinutes = Math.floor(total / 60);
+        const totalSeconds = numberToText(Math.ceil(total % 60));
+        return `${minutes}:${seconds} / ${totalMinutes}:${totalSeconds}`;
+      };
+      noSoundIcon = "fa-duotone fa-volume-slash";
+      mute = "fa-duotone fa-volume-xmark";
+      low = "fa-duotone fa-volume-low";
+      mid = "fa-duotone fa-volume";
+      high = "fa-duotone fa-volume-high";
+      getPlayIcon = state => {
+        switch (state) {
+          case "ended":
+            return "fa-solid fa-refresh";
+          case "paused":
+            return "fa-solid fa-play";
+          case "playing":
+            return "fa-solid fa-pause";
+        }
+        return "fa-solid fa-play";
+      };
+      _export("default", AtomVideoPlayer = class AtomVideoPlayer extends AtomControl {
+        constructor() {
+          super(...arguments);
+          this.maxWidth = "";
         }
-        set blob(v) {
-          this.blobData = v;
+        get poster() {
+          return this.video.poster;
         }
-        get contentTransferEncoding() {
-          return this.header("Content-Transfer-Encoding");
+        set poster(v) {
+          this.video.poster = v;
         }
-        set contentTransferEncoding(v) {
-          this.setHeader("Content-Transfer-Encoding", v);
+        get state() {
+          return this.element.getAttribute("data-state");
         }
-        get boundary() {
-          return this.contentType.boundary;
+        set state(v) {
+          this.element.setAttribute("data-state", v);
+          AtomBinder.refreshValue(this, "paused");
+          AtomBinder.refreshValue(this, "state");
         }
-        get descendents() {
-          return this.enumerate();
+        get duration() {
+          return this.video.duration;
         }
-        constructor(type) {
-          this.headers = new Map();
-          this.contentType = new HeaderContentType(type);
-          this.headers.set("Content-Type", this.contentType);
+        get time() {
+          return this.video.currentTime;
         }
-        getFirstChild(contentType, create = false) {
+        set time(v) {
+          this.video.currentTime = v;
+        }
+        get paused() {
+          return this.video.paused;
+        }
+        get isFullScreen() {
           var _a;
-          contentType = contentType.toLocaleLowerCase();
-          let child = QueryIterator.first(this.descendents, x => x.contentType.type === contentType);
-          if (!child && create) {
-            child = new MimeNode(contentType);
-            ((_a = this.children) !== null && _a !== void 0 ? _a : this.children = []).push(child);
-          }
-          return child;
+          return (_a = document.fullscreenEnabled && this.element === document.fullscreenElement) !== null && _a !== void 0 ? _a : false;
         }
-        header(name) {
-          for (const [key, value] of this.headers.entries()) {
-            if (key.toLocaleLowerCase() === name.toLocaleLowerCase()) {
-              return value;
-            }
+        stopFullscreen() {
+          if (this.isFullScreen) {
+            return document.exitFullscreen();
           }
+          return Promise.resolve();
         }
-        setHeader(name, value) {
-          for (const [key] of this.headers.keys()) {
-            if (key.toLocaleLowerCase() === name.toLocaleLowerCase()) {
-              this.headers.set(key, value);
-              return;
-            }
-          }
-          switch (name.toLocaleLowerCase()) {
-            case "content-type":
-              name = "Content-Type";
-              break;
-            case "content-transfer-encoding":
-              name = "Content-Transfer-Encoding";
-              break;
-            case "content-disposition":
-              name = "Content-Disposition";
+        pause() {
+          this.video.pause();
+        }
+        play() {
+          this.video.play().catch(console.error);
+        }
+        onPropertyChanged(name) {
+          switch (name) {
+            case "source":
+              this.updateSource();
               break;
           }
-          this.headers.set(name, value);
-        }
-        asFile() {
-          return __awaiter(this, void 0, void 0, function* () {
-            const text = this.encoded.split("\n").map(x => x.trim()).join("");
-            const url = `data:${this.contentType.type};base64,${text}`;
-            const blob = yield fetch(url);
-            const af = new AttachmentFile([yield blob.blob()], this.contentDisposition.filename, {
-              type: this.contentType.type,
-              contentId: this.header("Content-Id"),
-              disposition: this.contentDisposition.type
-            });
-            af.node = this;
-            return af;
-          });
         }
-        attachments(files = []) {
-          var _a;
-          return __awaiter(this, void 0, void 0, function* () {
-            for (const iterator of this.children) {
-              if (iterator.children) {
-                yield iterator.attachments(files);
-                continue;
-              }
-              if ((_a = iterator.contentDisposition) === null || _a === void 0 ? void 0 : _a.type) {
-                files.push(yield iterator.asFile());
-              }
-            }
-            return files;
-          });
+        setCurrentTime(n) {
+          this.video.currentTime = n * this.video.duration;
         }
-        parse(lines, last = "") {
-          var _a, e_1, _b, _c, _d, e_2, _e, _f;
-          var _g;
-          return __awaiter(this, void 0, void 0, function* () {
-            yield this.parseHeaders(lines);
-            let boundary = this.contentType.boundary;
-            if (!boundary) {
-              const data = [];
-              try {
-                for (var _h = true, _j = __asyncValues(lines.read()), _k; _k = yield _j.next(), _a = _k.done, !_a;) {
-                  _c = _k.value;
-                  _h = false;
-                  try {
-                    const line = _c;
-                    const trimmed = line.trimEnd();
-                    if (trimmed.length === 0) {
-                      break;
-                    }
-                    if (trimmed === last) {
-                      break;
-                    }
-                    data.push(line);
-                  } finally {
-                    _h = true;
-                  }
-                }
-              } catch (e_1_1) {
-                e_1 = {
-                  error: e_1_1
-                };
-              } finally {
-                try {
-                  if (!_h && !_a && (_b = _j.return)) yield _b.call(_j);
-                } finally {
-                  if (e_1) throw e_1.error;
-                }
-              }
-              this.encoded = data.join("\n");
+        create() {
+          this.element.dataset.videoPlayer = "video-player";
+          this.bindEvent(this.element, "togglePlay", e => {
+            if (e.defaultPrevented) {
               return;
             }
-            boundary = "--" + boundary;
-            const end = boundary + "--";
-            for (;;) {
-              let boundaryFound = false;
-              try {
-                for (var _l = true, _m = (e_2 = void 0, __asyncValues(lines.read())), _o; _o = yield _m.next(), _d = _o.done, !_d;) {
-                  _f = _o.value;
-                  _l = false;
-                  try {
-                    const line = _f;
-                    if (line === boundary) {
-                      boundaryFound = true;
-                      break;
-                    }
-                    if (line === end) {
-                      return;
-                    }
-                  } finally {
-                    _l = true;
-                  }
-                }
-              } catch (e_2_1) {
-                e_2 = {
-                  error: e_2_1
-                };
-              } finally {
-                try {
-                  if (!_l && !_d && (_e = _m.return)) yield _e.call(_m);
-                } finally {
-                  if (e_2) throw e_2.error;
-                }
-              }
-              if (!boundaryFound) {
-                break;
-              }
-              const child = new MimeNode("");
-              yield child.parse(lines, end);
-              ((_g = this.children) !== null && _g !== void 0 ? _g : this.children = []).push(child);
-            }
-          });
-        }
-        parseHeaders(lines) {
-          var _a, e_3, _b, _c;
-          var _d;
-          return __awaiter(this, void 0, void 0, function* () {
-            let headerName = "";
-            let headerValue = "";
-            try {
-              for (var _e = true, _f = __asyncValues(lines.read()), _g; _g = yield _f.next(), _a = _g.done, !_a;) {
-                _c = _g.value;
-                _e = false;
-                try {
-                  const iterator = _c;
-                  const value = iterator.trim();
-                  if (value.length === 0) {
-                    break;
-                  }
-                  if (/^[\x20\t]/.test(iterator)) {
-                    headerValue += wordEncoding.decode(value);
-                    continue;
-                  }
-                  if (headerValue) {
-                    this.setHeader(headerName, headerValue);
+            e.preventDefault();
+            if (isTouchEnabled) {
+              if (this.state === "playing") {
+                if (e.target === this.video) {
+                  if (this.element.dataset.controls === "true") {
+                    this.element.dataset.controls = "false";
+                  } else {
+                    this.element.dataset.controls = "true";
                   }
-                  const [k, v] = value.split(":", 2);
-                  headerName = k;
-                  headerValue = wordEncoding.decode(v.trim());
-                } finally {
-                  _e = true;
+                  return;
                 }
               }
-            } catch (e_3_1) {
-              e_3 = {
-                error: e_3_1
-              };
-            } finally {
-              try {
-                if (!_e && !_a && (_b = _f.return)) yield _b.call(_f);
-              } finally {
-                if (e_3) throw e_3.error;
+              if (e.target.tagName === "CANVAS") {
+                return;
               }
             }
-            if (headerValue) {
-              this.setHeader(headerName, headerValue);
-            }
-            const ct = this.header("Content-Type");
-            this.contentType.parse(ct);
-            this.setHeader("Content-Type", ct);
-            const cd = this.header("Content-Disposition");
-            if (cd) {
-              (_d = this.contentDisposition) !== null && _d !== void 0 ? _d : this.contentDisposition = new HeaderContentDisposition();
-              this.contentDisposition.parse(cd);
-              this.setHeader("Content-Disposition", cd);
+            if (this.video.paused) {
+              this.video.play();
+              this.element.dataset.controls = "false";
+            } else {
+              this.video.pause();
+              this.element.dataset.controls = "true";
             }
           });
-        }
-        save(writer) {
-          var _a, _b;
-          var _c;
-          return __awaiter(this, void 0, void 0, function* () {
-            if (this.textContent) {
-              this.contentType.charset = "UTF-8";
-            }
-            if ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) {
-              (_c = this.contentType).boundary || (_c.boundary = `${Date.now()}-${Date.now()}-${Date.now()}`);
-            }
-            for (const [key, element] of this.headers.entries()) {
-              switch (key) {
-                case "content-disposition":
-                  writer.writeLine(`Content-Disposition: ${this.contentDisposition}`);
-                  continue;
-                case "content-type":
-                  writer.writeLine(`Content-Type:${this.contentType.toString()}`);
-                  continue;
-                case "subject":
-                  writer.writeLine(`${key}: ${wordEncoding.encode(element, true)}`);
-                  continue;
-              }
-              writer.writeLine(`${key}: ${element}`);
-            }
-            writer.writeLine("");
-            if ((_b = this.children) === null || _b === void 0 ? void 0 : _b.length) {
-              const boundary = `--${this.contentType.boundary}`;
-              for (const iterator of this.children) {
-                writer.writeLine(boundary);
-                yield iterator.save(writer);
-                writer.writeLine("");
-              }
-              writer.writeLine(boundary + "--");
+          this.bindEvent(this.element, "volume", e => {
+            this.video.muted = !this.video.muted;
+            this.updateVolume();
+          });
+          this.bindEvent(this.element, "fullScreen", e => __awaiter(this, void 0, void 0, function* () {
+            if (!this.element.requestFullscreen) {
+              this.video.webkitEnterFullscreen();
               return;
             }
-            if (this.blobData) {
-              const base64 = yield RawBuffer.toBase64Async(this.blobData);
-              let start = 0;
-              const max = 80;
-              for (;;) {
-                if (start + max > base64.length) {
-                  writer.writeLine(base64.substring(start));
-                  break;
-                }
-                writer.writeLine(base64.substring(start, start + max));
-                start += max;
-              }
-              writer.writeLine("");
+            if (this.isFullScreen) {
+              yield document.exitFullscreen();
               return;
             }
-            let text = this.textContent;
-            if (this.contentTransferEncoding === "quoted-printable") {
-              text = quotedPrintable.encode(RawBuffer.encode(text));
+            yield this.element.requestFullscreen({
+              navigationUI: "show"
+            });
+          }));
+          this.bindEvent(document, "fullscreenchange", () => {
+            AtomBinder.refreshValue(this, "isFullScreen");
+          });
+          this.render(XNode.create("div", {
+            "data-click-event": "toggle-play",
+            "data-state": "pause"
+          }, XNode.create("div", {
+            "data-has-logo": Bind.oneWay(() => this.logo ? "true" : "false", "false"),
+            "data-element": "banner",
+            "style-width": Bind.oneWay(() => this.maxWidth)
+          }, XNode.create("img", {
+            "data-element": "logo",
+            src: Bind.oneWay(() => this.logo)
+          }), XNode.create("div", {
+            "data-element": "logo-title",
+            text: Bind.oneWay(() => this.logo && this.logoTitle)
+          }), XNode.create("div", {
+            "data-element": "logo-description",
+            text: Bind.oneWay(() => this.logo && this.logoDescription)
+          })), XNode.create("video", {
+            "event-abort": () => this.state = "aborted",
+            "event-durationchange": e => AtomBinder.refreshValue(this, "duration"),
+            "event-ended": e => __awaiter(this, void 0, void 0, function* () {
+              this.state = "ended";
+              if (document.fullscreenEnabled && this.element === document.fullscreenElement) {
+                yield document.exitFullscreen();
+              }
+              e.target.dispatchEvent(new CustomEvent("videoEnded", {
+                bubbles: true
+              }));
+            }),
+            "event-loadedmetadata": () => {
+              this.updateVolume();
+              this.currentTimeSpan.textContent = durationText(0, this.duration);
+              this.updateProgress();
+              const {
+                video
+              } = this;
+              const {
+                videoWidth,
+                videoHeight
+              } = video;
+              const eW = video.offsetWidth * videoHeight / videoWidth;
+              const maxWidth = 100 * (this.element.offsetWidth - eW) / this.element.offsetWidth;
+              if (maxWidth > 50 && maxWidth < 100) {
+                this.maxWidth = `${maxWidth}%`;
+              }
+              AtomBinder.refreshValue(this, "duration");
+            },
+            "event-pause": () => this.state = "paused",
+            "event-play": () => this.state = "playing",
+            "event-progress": () => this.updateProgress(),
+            "event-timeupdate": () => {
+              this.currentTimeSpan.textContent = durationText(this.time, this.duration);
+              this.state = "playing";
+              this.updateProgress();
+              AtomBinder.refreshValue(this, "time");
+            },
+            "event-waiting": () => this.state = "waiting",
+            "event-volumechange": () => this.updateVolume(),
+            autoplay: false,
+            playsInline: true,
+            "style-max-width": "100%",
+            "style-max-height": "100%",
+            "data-element": "video"
+          }), XNode.create("canvas", {
+            "data-element": "progress"
+          }), XNode.create("img", {
+            "data-element": "poster"
+          }), XNode.create("div", {
+            "data-element": "toolbar"
+          }, XNode.create("i", {
+            "data-element": "play",
+            "data-style": "button",
+            class: Bind.oneWay(() => getPlayIcon(this.state))
+          }), XNode.create("i", {
+            "data-click-event": "volume",
+            "data-style": "button",
+            "data-element": "sound",
+            class: "fa-duotone fa-volume-slash"
+          }), !isTouchEnabled && XNode.create("input", {
+            "data-click-event": "none",
+            "data-element": "volume-range",
+            type: "range",
+            min: 0,
+            max: 1,
+            step: 0.1
+          }), XNode.create("span", {
+            "data-font-size": "small",
+            "data-element": "current",
+            text: "0:00"
+          }), XNode.create("i", {
+            "data-click-event": "full-screen",
+            "data-style": "button",
+            "data-element": "full-screen",
+            class: Bind.oneWay(() => this.isFullScreen ? "fa-solid fa-compress" : "fa-solid fa-expand")
+          })), XNode.create("div", {
+            "data-click-event": "toggle-play",
+            "data-element": "play-element"
+          }, XNode.create("button", {
+            class: "play"
+          }, XNode.create("i", {
+            class: Bind.oneWay(() => getPlayIcon(this.state))
+          })))));
+          const all = gatherElements(this.element);
+          this.video = all.video;
+          this.progress = all.progress;
+          this.currentTimeSpan = all.current;
+          this.soundIcon = all.sound;
+          this.volumeRange = all.volumeRange;
+          if (this.volumeRange) {
+            this.bindEvent(this.volumeRange, "input", () => {
+              setTimeout(() => {
+                this.video.volume = parseFloat(this.volumeRange.value);
+              }, 1);
+            });
+          }
+          this.bindEvent(this.element, "mouseenter", () => {
+            this.element.dataset.controls = "true";
+          });
+          this.bindEvent(this.element, "mouseleave", () => {
+            this.element.dataset.controls = "false";
+          });
+          this.bindEvent(this.progress, "pointerdown", e => {
+            e.preventDefault();
+            this.setCurrentTime(e.offsetX / this.progress.clientWidth);
+            const move = e1 => {
+              e1.preventDefault();
+              this.setCurrentTime(e1.offsetX / this.progress.clientWidth);
+            };
+            const up = e1 => {
+              e1.preventDefault();
+              this.progress.removeEventListener("pointermove", move);
+              this.progress.removeEventListener("pointerup", up);
+            };
+            this.progress.addEventListener("pointermove", move);
+            this.progress.addEventListener("pointerup", up);
+          });
+        }
+        updateSource() {
+          this.video.src = this.source;
+        }
+        updateProgress() {
+          const context = this.progress.getContext("2d");
+          context.strokeStyle = "rgba(0,0,0,0)";
+          const width = this.progress.clientWidth;
+          const height = this.progress.clientHeight;
+          this.progress.width = width;
+          this.progress.height = height;
+          context.clearRect(0, 0, width, height);
+          const max = this.video.duration;
+          const seekable = this.video.buffered;
+          const scale = width / max;
+          context.fillStyle = "rgba(255,255,255,0.3)";
+          context.fillRect(0, 0, width, height);
+          context.fillStyle = "rgba(255,255,255,0.6)";
+          for (let index = 0; index < seekable.length; index++) {
+            const start = seekable.start(index) * scale;
+            const end = seekable.end(index) * scale;
+            context.fillRect(start, 0, end, height);
+          }
+          context.fillStyle = "#ffffff";
+          context.fillRect(0, 0, this.video.currentTime * scale, height);
+        }
+        updateVolume() {
+          if (this.video.muted) {
+            this.soundIcon.className = mute;
+            this.soundIcon.title = "Unmute";
+            if (this.volumeRange) {
+              this.volumeRange.style.display = "none";
             }
-            writer.writeLine(RawBuffer.encode(text));
-            writer.writeLine("");
             return;
-          });
-        }
-        *enumerate() {
-          yield this;
-          if (!this.children) {
+          }
+          const audio = this.video.volume;
+          if (this.volumeRange) {
+            this.volumeRange.style.display = "";
+            this.volumeRange.value = audio === null || audio === void 0 ? void 0 : audio.toString();
+          }
+          this.soundIcon.title = "Mute";
+          if (audio > 0.8) {
+            this.soundIcon.className = high;
             return;
           }
-          for (const iterator of this.children) {
-            yield* iterator.enumerate();
+          if (audio < 0.2) {
+            this.soundIcon.className = low;
+            return;
           }
+          this.soundIcon.className = mid;
         }
       });
+      __decorate([BindableProperty, __metadata("design:type", Object)], AtomVideoPlayer.prototype, "source", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Object)], AtomVideoPlayer.prototype, "logo", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomVideoPlayer.prototype, "logoTitle", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomVideoPlayer.prototype, "logoDescription", void 0);
     }
   };
 });
-//# sourceMappingURL=MimeNode.js.map
+//# sourceMappingURL=AtomVideoPlayer.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/MimeNode");
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/player/AtomVideoPlayer");
-System.register(["tslib", "../tokenizer"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/player/AtomVideoPlayer", "../../../../../common/controls/buttons/IconButton"], function (_export, _context) {
   "use strict";
-  var __asyncGenerator, __await, tokenize, LineStream, StringLineStream, ReadableLineStream;
-  _export({
-    default: void 0,
-    StringLineStream: void 0,
-    ReadableLineStream: void 0
-  });
+  var __awaiter, ContentPage, XNode, AtomVideoPlayer, IconButton, PreviewImage;
+  _export("default", void 0);
   return {
     setters: [function (_tslib) {
-      __asyncGenerator = _tslib.__asyncGenerator;
-      __await = _tslib.__await;
-    }, function (_tokenizer) {
-      tokenize = _tokenizer.tokenize;
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistPlayerAtomVideoPlayer) {
+      AtomVideoPlayer = _webAtomsWebControlsDistPlayerAtomVideoPlayer.default;
+    }, function (_commonControlsButtonsIconButton) {
+      IconButton = _commonControlsButtonsIconButton.IconButton;
     }],
     execute: function () {
-      _export("default", LineStream = class LineStream {
-        read() {
-          var _a;
-          return __asyncGenerator(this, arguments, function* read_1() {
-            const g = (_a = this.g) !== null && _a !== void 0 ? _a : this.g = this.lines();
-            for (;;) {
-              const {
-                value,
-                done
-              } = yield __await(g.next());
-              if (done) {
-                break;
-              }
-              yield yield __await(value);
-            }
-          });
-        }
-      });
-      _export("StringLineStream", StringLineStream = class StringLineStream extends LineStream {
-        constructor(text) {
-          super();
-          this.text = text;
-        }
-        lines() {
-          return __asyncGenerator(this, arguments, function* lines_1() {
-            for (const iterator of tokenize(this.text, "\n")) {
-              yield yield __await(iterator);
-            }
-          });
-        }
-      });
-      _export("ReadableLineStream", ReadableLineStream = class ReadableLineStream extends LineStream {
-        constructor(readable) {
-          super();
-          this.readable = readable;
-        }
-        lines() {
-          return __asyncGenerator(this, arguments, function* lines_2() {
-            const utf8Decoder = new TextDecoder("utf-8");
-            const reader = this.readable.getReader();
-            let {
-              value: chunk,
-              done: readerDone
-            } = yield __await(reader.read());
-            chunk = chunk ? utf8Decoder.decode(chunk, {
-              stream: true
-            }) : "";
-            const re = /\r\n|\n|\r/gm;
-            let startIndex = 0;
-            for (;;) {
-              const result = re.exec(chunk);
-              if (!result) {
-                if (readerDone) {
-                  break;
-                }
-                const remainder = chunk.substr(startIndex);
-                ({
-                  value: chunk,
-                  done: readerDone
-                } = yield __await(reader.read()));
-                chunk = remainder + (chunk ? utf8Decoder.decode(chunk, {
-                  stream: true
-                }) : "");
-                startIndex = re.lastIndex = 0;
-                continue;
-              }
-              yield yield __await(chunk.substring(startIndex, result.index));
-              startIndex = re.lastIndex;
-            }
-            if (startIndex < chunk.length) {
-              yield yield __await(chunk.substr(startIndex));
-            }
+      _export("default", PreviewImage = class PreviewImage extends ContentPage {
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              appFileID,
+              fileContentID,
+              name
+            } = this.parameters;
+            const download = `/api/files/download/${appFileID}/${fileContentID}/${name}`;
+            this.title = name;
+            this.headerRenderer = () => XNode.create("div", {
+              "data-layout": "header-row"
+            }, XNode.create("a", {
+              href: download,
+              target: "_blank"
+            }, XNode.create(IconButton, {
+              icon: "fas fa-download",
+              text: "Download"
+            })));
+            const webm = `/api/files/webm/${appFileID}/${fileContentID}/${name}/${name}.webm`;
+            const webp = `/api/files/webp/${appFileID}/${fileContentID}/${name}/${name}.webp`;
+            this.renderer = XNode.create("div", null, XNode.create(AtomVideoPlayer, {
+              poster: webp,
+              source: webm
+            }));
           });
         }
       });
     }
   };
 });
-//# sourceMappingURL=LineStream.js.map
+//# sourceMappingURL=PreviewMedia.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/stream/LineStream");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/preview/media/PreviewMedia");
 System.register([], function (_export, _context) {
   "use strict";
-  var TextWriter, BlobWriter;
-  _export({
-    default: void 0,
-    BlobWriter: void 0
-  });
+  var FileTypes;
+  _export("default", void 0);
   return {
     setters: [],
     execute: function () {
-      _export("default", TextWriter = class TextWriter {});
-      _export("BlobWriter", BlobWriter = class BlobWriter extends TextWriter {
-        constructor() {
-          super(...arguments);
-          this.lines = [];
+      _export("default", FileTypes = class FileTypes {
+        static canPreview(file) {
+          if (/(image|video|audio)\//.test(file.contentType)) {
+            return true;
+          }
+          return /\.(pdf|docx|docm|pptx|pptm|xlsx|xlsm|doc|xls|pdf|ppt|dot|xlst|sxw|sxc|sxd|sxi|sxm|sxg|txt)$/i.test(file.name);
         }
-        writeLine(line) {
-          this.lines.push(line);
+        static isMedia(file) {
+          return /^(audio|video)\//i.test(file.contentType);
         }
-        toBlob() {
-          const all = this.lines.join("\n");
-          return new Blob([all], {});
+        static isImage(file) {
+          return /^image\//i.test(file.contentType) || /\.(jpg|png|bmp|gif|tif|tiff|jiff|jpg)$/i.test(file.name);
         }
-        toString() {
-          return this.lines.join("\n");
+        static isDocument(file) {
+          return /\.(pdf|docx|docm|pptx|pptm|xlsx|xlsm|doc|xls|pdf|ppt|dot|xlst|sxw|sxc|sxd|sxi|sxm|sxg|txt|md)$/i.test(file.name);
         }
       });
     }
   };
 });
-//# sourceMappingURL=TextWriter.js.map
+//# sourceMappingURL=FileTypes.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/FileTypes");
-System.register(["tslib", "./MimeNode", "./stream/LineStream", "./stream/TextWriter"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/Command", "../../common/commands/CommonCommands", "../../services/FileTypes"], function (_export, _context) {
   "use strict";
-  var __awaiter, MimeNode, ReadableLineStream, BlobWriter, MimeMessage;
+  var Command, CommonCommands, FileTypes, AppCommands;
   _export("default", void 0);
   return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-    }, function (_MimeNode) {
-      MimeNode = _MimeNode.MimeNode;
-    }, function (_streamLineStream) {
-      ReadableLineStream = _streamLineStream.ReadableLineStream;
-    }, function (_streamTextWriter) {
-      BlobWriter = _streamTextWriter.BlobWriter;
-    }],
-    execute: function () {
-      _export("default", MimeMessage = class MimeMessage {
-        static load(reader, name, inline) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const node = new MimeNode();
-            if (name) {
-              node.setHeader("X-Name", name);
-            }
-            yield node.parse(new ReadableLineStream(reader));
-            const attachments = yield node.attachments();
-            const msg = new MimeMessage(node, attachments);
-            if (inline) {
-              yield msg.inlineImages();
-            }
-            return msg;
-          });
-        }
-        get name() {
-          return this.node.header("x-name");
-        }
-        get html() {
-          var _a, _b;
-          const alternative = this.node.getFirstChild("multipart/alternative");
-          return (_b = (_a = alternative === null || alternative === void 0 ? void 0 : alternative.getFirstChild("text/html")) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "";
-        }
-        set html(v) {
-          const alternative = this.node.getFirstChild("multipart/alternative", true);
-          const htmlMime = alternative.getFirstChild("text/html", true);
-          htmlMime.contentTransferEncoding = "quoted-printable";
-          htmlMime.text = v;
-          htmlMime.contentType.charset = "UTF-8";
-        }
-        get text() {
-          var _a, _b;
-          const alternative = this.node.getFirstChild("multipart/alternative");
-          return (_b = (_a = alternative === null || alternative === void 0 ? void 0 : alternative.getFirstChild("text/plain")) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "";
-        }
-        set text(v) {
-          const alternative = this.node.getFirstChild("multipart/alternative", true);
-          const htmlMime = alternative.getFirstChild("text/plain", true);
-          htmlMime.contentTransferEncoding = "quoted-printable";
-          htmlMime.text = v;
-          htmlMime.contentType.charset = "UTF-8";
-        }
-        get subject() {
-          var _a;
-          return (_a = this.node.header("subject")) !== null && _a !== void 0 ? _a : "";
-        }
-        set subject(v) {
-          this.node.setHeader("subject", v);
-        }
-        constructor(node = new MimeNode("multipart/mixed"), attachments = []) {
-          this.node = node;
-          this.attachments = attachments;
-        }
-        save() {
-          return __awaiter(this, void 0, void 0, function* () {
-            const blobWriter = new BlobWriter();
-            yield this.node.save(blobWriter);
-            return blobWriter.toBlob();
-          });
-        }
-        inlineImages() {
-          return __awaiter(this, void 0, void 0, function* () {
-            let text = this.html;
-            if (!text) {
-              return;
-            }
-            for (const iterator of this.attachments) {
-              if (iterator.contentId) {
-                const encoded = iterator.node.encoded;
-                text = text.split(`cid:${iterator.contentId}`).join(`data://${iterator.type},${encoded}`);
-              }
-            }
-          });
+    setters: [function (_webAtomsCoreDistCoreCommand) {
+      Command = _webAtomsCoreDistCoreCommand.default;
+    }, function (_commonCommandsCommonCommands) {
+      CommonCommands = _commonCommandsCommonCommands.default;
+    }, function (_servicesFileTypes) {
+      FileTypes = _servicesFileTypes.default;
+    }],
+    execute: function () {
+      _export("default", AppCommands = class AppCommands extends CommonCommands {
+        static getPreviewCommand(p) {
+          if (FileTypes.isDocument(p)) {
+            return this.previewHtml;
+          }
+          if (FileTypes.isImage(p)) {
+            return this.previewImage;
+          }
+          if (FileTypes.isMedia(p)) {
+            return this.previewMedia;
+          }
         }
       });
+      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/MailboxContacts")
+      });
+      AppCommands.openFiles = Command.create({
+        route: "/files/{id}",
+        routeOrder: 100,
+        openPage: () => _context.import("../page/files/FolderPage")
+      });
+      AppCommands.openTemplates = Command.create({
+        route: "/templates",
+        routeOrder: 100,
+        routeDefaults: {
+          templates: true
+        },
+        openPage: () => _context.import("../page/files/FolderPage")
+      });
+      AppCommands.previewImage = Command.create({
+        route: "/social-mail/file-preview/image/{appFileID}/{fileContentID}/{name}",
+        pushPage: () => _context.import("../page/files/preview/image/PreviewImage")
+      });
+      AppCommands.previewHtml = Command.create({
+        route: "/social-mail/file-preview/html/{appFileID}/{fileContentID}/{name}",
+        pushPage: () => _context.import("../page/files/preview/document/PreviewDocument")
+      });
+      AppCommands.previewMedia = Command.create({
+        route: "/social-mail/file-preview/media/{appFileID}/{fileContentID}/{name}",
+        pushPage: () => _context.import("../page/files/preview/media/PreviewMedia")
+      });
     }
   };
 });
-//# sourceMappingURL=MimeMessage.js.map
+//# sourceMappingURL=AppCommands.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/mime-service/MimeMessage");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/commands/AppCommands");
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "../../../common/controls/html/InlineHtmlEditorWithToolbar", "../../../services/mime-service/MimeNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "../../../common/controls/buttons/IconButton", "@web-atoms/core/dist/view-model/Action", "../../../services/mime-service/MimeMessage", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/web/core/AtomUI", "../../../services/mime-service/stream/TextWriter", "../../../services/files/LocalFileService"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "../../NumberFormats", "../../../web/commands/AppCommands"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, ContentPage, XNode, Bind, InlineHtmlEditorWithToolbar, MimeNode, Form, FormField, SaveIconTextButton, Action, MimeMessage, AtomRepeater, descendentElementIterator, BlobWriter, LocalFileService, EditTemplatePage;
-  _export("default", void 0);
+  var XNode, styled, toFileSize, AppCommands;
+  function FilePreview(a) {
+    const size = toFileSize(a.fileSize);
+    const {
+      appFileID,
+      name,
+      fileContentID
+    } = a;
+    const src = `/api/files/webp(300)/${appFileID}/${fileContentID}/${name}/${name}.300.webp`;
+    const p = {
+      appFileID,
+      name,
+      fileContentID
+    };
+    const command = AppCommands.getPreviewCommand(a);
+    if (command) {
+      return XNode.create("a", {
+        href: command.displayRoute(p),
+        "data-click-event": "route",
+        "data-file-preview": "file-preview"
+      }, XNode.create("img", {
+        "data-element": "preview",
+        src: src
+      }), XNode.create("label", {
+        "data-element": "file-name",
+        text: a.name
+      }), XNode.create("label", {
+        "data-element": "file-size",
+        text: size
+      }));
+    }
+    return XNode.create("a", {
+      href: a.downloadUrl,
+      target: "_blank",
+      "data-file-preview": "attachment"
+    }, XNode.create("i", {
+      class: "fas fa-paperclip"
+    }), XNode.create("label", {
+      "data-element": "file-name",
+      text: a.name
+    }), XNode.create("label", {
+      "data-element": "file-size",
+      text: size
+    }));
+  }
+  _export("default", FilePreview);
   return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
-      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
-    }, function (_webAtomsCoreDistCoreXNode) {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_commonControlsHtmlInlineHtmlEditorWithToolbar) {
-      InlineHtmlEditorWithToolbar = _commonControlsHtmlInlineHtmlEditorWithToolbar.default;
-    }, function (_servicesMimeServiceMimeNode) {
-      MimeNode = _servicesMimeServiceMimeNode.MimeNode;
-    }, function (_webAtomsWebControlsDistBasicForm) {
-      Form = _webAtomsWebControlsDistBasicForm.default;
-    }, function (_webAtomsWebControlsDistBasicFormField) {
-      FormField = _webAtomsWebControlsDistBasicFormField.default;
-    }, function (_commonControlsButtonsIconButton) {
-      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
-    }, function (_webAtomsCoreDistViewModelAction) {
-      Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_servicesMimeServiceMimeMessage) {
-      MimeMessage = _servicesMimeServiceMimeMessage.default;
-    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
-      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
-    }, function (_webAtomsCoreDistWebCoreAtomUI) {
-      descendentElementIterator = _webAtomsCoreDistWebCoreAtomUI.descendentElementIterator;
-    }, function (_servicesMimeServiceStreamTextWriter) {
-      BlobWriter = _servicesMimeServiceStreamTextWriter.BlobWriter;
-    }, function (_servicesFilesLocalFileService) {
-      LocalFileService = _servicesFilesLocalFileService.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_NumberFormats) {
+      toFileSize = _NumberFormats.toFileSize;
+    }, function (_webCommandsAppCommands) {
+      AppCommands = _webCommandsAppCommands.default;
     }],
     execute: function () {
-      _export("default", EditTemplatePage = class EditTemplatePage extends ContentPage {
-        init() {
-          return __awaiter(this, void 0, void 0, function* () {
-            this.model = yield this.loadModel(this.parameters.file);
-            this.renderer = XNode.create("div", {
-              "data-layout": "center-page-900px"
-            }, XNode.create(Form, null, XNode.create(FormField, {
-              label: "File Name:"
-            }, XNode.create("input", {
-              value: Bind.twoWaysImmediate(() => this.model.name)
-            })), XNode.create(FormField, {
-              label: "Subject:"
-            }, XNode.create("input", {
-              value: Bind.twoWaysImmediate(() => this.model.subject)
-            })), XNode.create(InlineHtmlEditorWithToolbar, {
-              inlineImage: true,
-              presenter: Bind.presenter(c => this.editor = c),
-              "event-content-ready": () => this.setupEditable(),
-              content: this.model.htmlBody,
-              "style-min-height": "200px"
-            }), XNode.create(AtomRepeater, {
-              items: this.model.attachments,
-              "data-layout": "flex-wrap-padding",
-              itemRenderer: item => XNode.create("div", null, XNode.create("i", {
-                class: "fas fa-file"
-              }), XNode.create("span", {
-                text: item.name
-              }))
-            }), XNode.create("div", null, XNode.create(SaveIconTextButton, {
-              "data-click-event": "save-template",
-              text: "Save"
-            }))));
-          });
+      styled.css`
+        border: solid 2px lightgray;
+        display: inline-grid;
+        padding: 10px;
+        margin: 5px;
+        height: 150px;
+        width: 150px;
+        text-decoration: none;
+        grid-template-columns: auto 1fr auto;
+        grid-template-rows: 1fr auto;
+        & a {
+            text-decoration: none;
         }
-        loadModel(file) {
-          return __awaiter(this, void 0, void 0, function* () {
-            if (file.appFileID) {
-              const data = yield fetch(file.url);
-              const node = yield MimeMessage.load(data.body, file.name);
-              const name = node.name;
-              const htmlBody = node.html;
-              const attachments = node.attachments;
-              const subject = node.subject;
-              return {
-                node: node.node,
-                mime: node,
-                name,
-                subject,
-                htmlBody,
-                attachments
-              };
-            }
-            return {
-              name: "Template 1",
-              subject: "Template Subject",
-              htmlBody: `<div contentEditable="true"><p><br/><br/><br/><br/><br/></p></div>`,
-              attachments: []
-            };
-          });
+        & > [data-element=preview] {
+            grid-column: 1 / span 3;
+            grid-row: 1;
+            max-width: 130px;
+            max-height: 100px;
         }
-        saveTemplate() {
-          var _a, _b;
-          return __awaiter(this, void 0, void 0, function* () {
-            const {
-              html,
-              text
-            } = this.editor.htmlTextContent;
-            const root = MimeNode.createMessage({
-              subject: this.model.subject,
-              name: this.model.name,
-              html,
-              text,
-              attachments: this.model.attachments
-            });
-            const blobWriter = new BlobWriter();
-            yield root.save(blobWriter);
-            const blob = blobWriter.toBlob();
-            const localFileService = this.resolve(LocalFileService);
-            const file = new File([blob], this.model.name, {
-              type: "message/rfc822"
-            });
-            const appFileID = (_b = (_a = this.parameters.file) === null || _a === void 0 ? void 0 : _a.appFileID) !== null && _b !== void 0 ? _b : void 0;
-            const parentID = appFileID ? void 0 : this.parameters.file.parentID;
-            yield localFileService.uploadWithProgress([file], {
-              appFileID,
-              parentID
-            });
-          });
+        & > [data-element=icon] {
+            grid-column: 1;
+            grid-row: 2;
         }
-        setupEditable() {
-          const editor = this.editor.editor;
-          if (editor.isContentEditable) {
-            return;
-          }
-          for (const node of descendentElementIterator(editor)) {
-            if (node.isContentEditable) {
-              return;
-            }
-          }
-          editor.contentEditable = "true";
+        & > [data-element=file-name] {
+            grid-column: 2;
+            grid-row: 2;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            margin-right: 5px;
         }
-      });
-      __decorate([Action({
-        onEvent: "save-template"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], EditTemplatePage.prototype, "saveTemplate", null);
+        & > [data-element=file-size] {
+            grid-column: 3;
+            grid-row: 2;
+        }
+    `.installGlobal("[data-file-preview=file-preview]");
+      styled.css`
+        border: solid 1px lightgray;
+        display: inline-flex;
+        padding: 10px;
+        margin: 5px;
+    `.installGlobal("[data-file-preview=attachment]");
     }
   };
 });
-//# sourceMappingURL=EditTemplatePage.js.map
+//# sourceMappingURL=FilePreview.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/templates/EditTemplatePage");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/file-preview/FilePreview");
-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/UploadEvent", "@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", "../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/web-controls/dist/basic/PopupButton", "@web-atoms/web-controls/dist/PageNavigator", "./shares/EditSharesPage", "../templates/EditTemplatePage"], 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/PopupButton", "../../../common/pages/logs/LogsPage", "../../../common/SocialMailApp", "./detail/MailDetailPage", "../../../common/controls/file-preview/FilePreview"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, ContentPage, AppFile, XNode, UploadEvent, AtomRepeater, TreeView, Bind, Action, CloudFileService, InjectProperty, styled, toFileSize, FilesDragDrop, PopupButton, MenuItem, PageNavigator, EditSharesPage, EditTemplatePage, FolderPage, css, getExtension;
+  var __awaiter, __decorate, __metadata, ContentPage, isMobileView, Email, EmailRecipient, XNode, AtomRepeater, InfiniteRepeater, ConversationService, renderMail, InjectProperty, InlinePopupControl, Bind, styled, Action, PageNavigator, ComposeMailPage, MailboxSocket, LimitedText, DateFormats, MenuItem, PopupActionButton, LogsPage, SocialMailApp, MailDetailPage, FilePreview, ConversationPage, itemCss, css, id, fixLinks;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -29563,360 +30890,303 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       __metadata = _tslib.__metadata;
     }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
       ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+      isMobileView = _webAtomsWebControlsDistMobileAppMobileApp.isMobileView;
     }, function (_modelModel) {
-      AppFile = _modelModel.AppFile;
+      Email = _modelModel.Email;
+      EmailRecipient = _modelModel.EmailRecipient;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsWebControlsDistBasicUploadEvent) {
-      UploadEvent = _webAtomsWebControlsDistBasicUploadEvent.default;
     }, 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 (_commonControlsRepeaterInfiniteRepeater) {
+      InfiniteRepeater = _commonControlsRepeaterInfiniteRepeater.default;
+    }, function (_serviceConversationService) {
+      ConversationService = _serviceConversationService.default;
+      renderMail = _serviceConversationService.renderMail;
     }, function (_webAtomsCoreDistCoreInjectProperty) {
       InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsWebControlsDistBasicInlinePopupControl) {
+      InlinePopupControl = _webAtomsWebControlsDistBasicInlinePopupControl.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_commonNumberFormats) {
-      toFileSize = _commonNumberFormats.toFileSize;
-    }, function (_commonControlsDragDropFilesDragDrop) {
-      FilesDragDrop = _commonControlsDragDropFilesDragDrop.FilesDragDrop;
-    }, function (_webAtomsWebControlsDistBasicPopupButton) {
-      PopupButton = _webAtomsWebControlsDistBasicPopupButton.default;
-      MenuItem = _webAtomsWebControlsDistBasicPopupButton.MenuItem;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
     }, function (_webAtomsWebControlsDistPageNavigator) {
       PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
-    }, function (_sharesEditSharesPage) {
-      EditSharesPage = _sharesEditSharesPage.default;
-    }, function (_templatesEditTemplatePage) {
-      EditTemplatePage = _templatesEditTemplatePage.default;
+    }, function (_ComposeMailPage) {
+      ComposeMailPage = _ComposeMailPage.default;
+    }, function (_servicesSocketSockets) {
+      MailboxSocket = _servicesSocketSockets.MailboxSocket;
+    }, function (_webAtomsWebControlsDistBasicLimitedText) {
+      LimitedText = _webAtomsWebControlsDistBasicLimitedText.default;
+    }, function (_commonDateDateFormats) {
+      DateFormats = _commonDateDateFormats.DateFormats;
+    }, function (_webAtomsWebControlsDistBasicPopupButton) {
+      MenuItem = _webAtomsWebControlsDistBasicPopupButton.MenuItem;
+      PopupActionButton = _webAtomsWebControlsDistBasicPopupButton.PopupActionButton;
+    }, function (_commonPagesLogsLogsPage) {
+      LogsPage = _commonPagesLogsLogsPage.default;
+    }, function (_commonSocialMailApp) {
+      SocialMailApp = _commonSocialMailApp.default;
+    }, function (_detailMailDetailPage) {
+      MailDetailPage = _detailMailDetailPage.default;
+    }, function (_commonControlsFilePreviewFilePreview) {
+      FilePreview = _commonControlsFilePreviewFilePreview.default;
     }],
     execute: function () {
-      css = styled.css`
-    display: grid;
-    grid-template-columns: 200px 1fr;
-    gap: 5px;
-    & .folder-tree {
-        grid-column: 1;
-        grid-row: 1;
+      itemCss = styled.css`
+    border: solid 1px lightgray;
+    border-radius: 10px;
+    padding: 10px;
+    margin-right: 20%;
+    overflow: hidden;
+    position: relative;
+    background-color: canvas;
+    &[data-sent=true] {
+        margin-right: 0;
+        margin-left: 20%;
     }
-    & .file-list {
-        grid-row: 1;
-        grid-column: 2;
-        position: relative;
-        overflow: auto;
-        & > * {
-            width: 100%;
-        }
-        & .file-link {
-            cursor: pointer;
-            &:hover {
-                text-decoration: underline;
-            }
-        }
+    & > * > .message {
+        margin-bottom: 25px;
     }
 `.installLocal();
-      getExtension = name => {
-        const index = name.lastIndexOf(".");
-        if (index === -1) {
-          return "dat";
-        }
-        return name.substring(index + 1);
+      css = styled.css`
+    background-color: var(--window-background);
+`.installLocal();
+      id = 1;
+      fixLinks = () => {
+        const mID = `m_id_${id++}`;
+        setTimeout(x => {
+          const m = document.getElementById(x);
+          if (!m) {
+            return;
+          }
+          m.querySelectorAll("a").forEach(a => a.target = "_blank");
+        }, 100, mID);
+        return mID;
       };
-      _export("default", FolderPage = class FolderPage extends ContentPage {
+      _export("default", ConversationPage = class ConversationPage extends ContentPage {
         constructor() {
           super(...arguments);
+          this.mails = [];
+          this.search = "";
           this.version = 1;
         }
         init() {
-          var _a;
-          var _b;
           return __awaiter(this, void 0, void 0, function* () {
-            this.search = "";
-            this.root = yield this.cloudFileService.root(this.parameters);
-            (_a = (_b = this.root).children) !== null && _a !== void 0 ? _a : _b.children = [];
-            this.selectedFolder = this.root;
-            this.titleRenderer = () => XNode.create("div", {
-              "data-layout": "row"
-            }, XNode.create("div", {
-              text: Bind.oneWay(() => this.selectedFolder.name)
-            }), XNode.create(PopupButton, {
-              icon: "fas fa-upload",
-              label: "Upload",
-              "data-layout": "accent-icon-button",
-              alignment: "bottomLeft",
-              popup: () => XNode.create("div", null, XNode.create(MenuItem, Object.assign({
-                icon: "fas fa-upload",
-                "data-extra": Bind.oneWay(() => JSON.stringify({
-                  parentID: this.selectedFolder.appFileID
-                }))
-              }, UploadEvent.AttachUploadAction({
-                multiple: true,
-                accept: "*/*"
-              }), {
-                label: "Files"
-              })), XNode.create(MenuItem, Object.assign({
-                icon: "fas fa-upload",
-                "data-extra": Bind.oneWay(() => JSON.stringify({
-                  parentID: this.selectedFolder.appFileID
-                }))
-              }, UploadEvent.AttachUploadAction({
-                multiple: true,
-                folder: true,
-                accept: "*/*"
-              }), {
-                label: "Folder"
-              })))
-            }), 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"
-            }), XNode.create("span", {
-              text: "|"
-            }), this.parameters.templates && XNode.create("div", {
-              "data-layout": "row",
-              "style-display": Bind.oneWay(() => this.selectedFolder.appFileID > 0)
-            }, XNode.create("i", {
-              class: "fas fa-plus",
-              "data-click-event": "new-template"
-            }), XNode.create("span", {
-              "data-click-event": "new-template",
-              text: "New Template"
-            })));
-            this.renderer = XNode.create("div", {
-              class: css
-            }, XNode.create(TreeView, {
-              class: "folder-tree",
-              presenter: Bind.presenter(c => this.folderTree = c),
-              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("div", Object.assign({
-              class: "file-list"
-            }, FilesDragDrop({
-              extra: Bind.oneWay(() => {
-                var _a;
-                return JSON.stringify({
-                  parentID: (_a = this.selectedFolder) === null || _a === void 0 ? void 0 : _a.appFileID
-                });
-              })
-            })), XNode.create(AtomRepeater, {
-              for: "table",
-              items: Bind.oneWayAsync((c, e, cancelToken) => this.cloudFileService.files({
-                search: this.search,
-                folder: this.selectedFolder,
-                version: this.version,
-                cancelToken
-              })),
-              itemRenderer: file => this.renderFile(file)
-            })));
-          });
-        }
-        renderFile(item) {
-          if (item.isFolder) {
-            return XNode.create("tr", null, XNode.create("td", null, XNode.create("i", {
-              class: item.isFolder ? "fiv-viv fiv-icon-folder" : `fiv-viv fiv-icon-${getExtension(item.name)}`
-            }), XNode.create("span", {
-              "data-click-event": "open-folder",
-              class: "file-link",
-              text: item.name,
-              "data-padding-left": "auto"
-            })), XNode.create("td", null, item.isShared && XNode.create("i", {
-              title: "Shared",
-              class: "fas fa-folder-user"
-            })), XNode.create("td", {
-              text: toFileSize(item.fileSize)
-            }), XNode.create("td", null), XNode.create("td", null, XNode.create("i", {
-              "data-click-event": "edit-shares",
-              class: "fas fa-share"
+            this.element.className = css;
+            const mb = this.parameters;
+            const name = mb.emailAddress.name;
+            const emailAddress = mb.emailAddress.emailAddress;
+            const title = `${name} <${emailAddress}>`;
+            if (isMobileView) {
+              this.title = title;
+              this.headerRenderer = () => XNode.create("div", {
+                "data-layout": "row"
+              }, XNode.create("input", {
+                value: Bind.twoWaysImmediate(() => this.search),
+                type: "search",
+                placeholder: "Search"
+              }));
+            } else {
+              this.titleRenderer = () => XNode.create("div", {
+                "data-layout": "row"
+              }, XNode.create("input", {
+                value: Bind.twoWaysImmediate(() => this.search),
+                type: "search",
+                placeholder: "Search"
+              }), XNode.create("span", {
+                text: title
+              }));
+            }
+            this.registerDisposable(yield this.resolve(MailboxSocket).join(mb.mailboxID.toString(), {
+              newMail: () => {
+                this.version++;
+              }
+            }));
+            this.renderer = XNode.create("div", null, XNode.create(AtomRepeater, Object.assign({
+              "data-layout": "vertical-flex",
+              style: "flex-direction: column-reverse",
+              items: this.mails
+            }, InfiniteRepeater.pagedItems(start => (c, e, cancelToken) => this.conversationService.list({
+              start,
+              size: 10,
+              search: this.search,
+              mailboxID: mb.mailboxID,
+              emailAddressID: mb.emailAddressID,
+              version: this.version,
+              cancelToken
+            })), {
+              itemRenderer: thread => {
+                var _a, _b, _c, _d, _e;
+                const item = thread.email;
+                const internalDate = (_b = (_a = item.dateSent) !== null && _a !== void 0 ? _a : item.dateReceived) !== null && _b !== void 0 ? _b : item.dateCreated;
+                const sent = item.senderID === thread.mailboxID;
+                return XNode.create("div", {
+                  class: itemCss,
+                  "data-sent": sent
+                }, XNode.create("div", {
+                  "data-layout": "row"
+                }, XNode.create("div", {
+                  "data-flex": "stretch-full",
+                  text: item.subject
+                }), item.received ? XNode.create("div", null) : item.userID !== SocialMailApp.user.userID && XNode.create("div", {
+                  "style-max-width": "20ch",
+                  title: (_c = item.senderUser) === null || _c === void 0 ? void 0 : _c.displayName,
+                  text: (_d = item.senderUser) === null || _d === void 0 ? void 0 : _d.displayName
+                }), XNode.create("div", {
+                  text: DateFormats.relative.short(internalDate),
+                  title: DateFormats.withWeekDayAndTime(internalDate)
+                }), XNode.create("i", {
+                  "data-click-event": "mail-options",
+                  class: "fa-light fa-square-ellipsis-vertical",
+                  title: "Options"
+                })), XNode.create(LimitedText, {
+                  height: "40vh"
+                }, XNode.create("div", Object.assign({
+                  class: "message"
+                }, renderMail(thread)))), ((_e = item.attachments) === null || _e === void 0 ? void 0 : _e.length) && XNode.create("div", {
+                  class: "attachments",
+                  "data-layout": "flex-wrap-padding"
+                }, ...item.attachments.map(FilePreview)), !sent && XNode.create("div", {
+                  "data-layout": "row"
+                }, XNode.create("i", {
+                  "data-click-event": "reply-email",
+                  class: "fas fa-reply",
+                  title: "Reply"
+                }), XNode.create("i", {
+                  "data-click-event": "reply-all-email",
+                  class: "fa-solid fa-reply-all"
+                })));
+              }
             })));
-          }
-          if (this.parameters.templates && item.contentType === "message/rfc822") {
-            return XNode.create("tr", null, XNode.create("td", null, XNode.create("i", {
-              class: item.isFolder ? "fiv-viv fiv-icon-folder" : `fiv-viv fiv-icon-${getExtension(item.name)}`
-            }), XNode.create("span", {
-              "data-click-event": "open-template",
-              class: "file-link",
-              text: item.name,
-              "data-margin-left": "default"
-            })), XNode.create("td", null, item.isShared && XNode.create("i", {
-              title: "Shared",
-              class: "fas fa-folder-user"
-            })), XNode.create("td", {
-              text: toFileSize(item.fileSize)
-            }), XNode.create("td", null, XNode.create("a", {
-              href: item.downloadUrl,
-              target: "_blank",
-              download: true
-            }, XNode.create("i", {
-              class: "fas fa-download"
-            }))), XNode.create("td", null, XNode.create("i", {
-              "data-click-event": "edit-shares",
-              class: "fas fa-share"
+            this.actionRenderer = () => XNode.create(PopupActionButton, {
+              icon: "fas fa-bars"
+            }, XNode.create("div", {
+              "data-layout": "vertical-flex",
+              "style-width": "200px"
+            }, this.parameters.blocked ? XNode.create(MenuItem, {
+              "data-click-event": "unblock-sender",
+              icon: "fas fa-badge-check",
+              label: "Unblock Sender"
+            }) : XNode.create(MenuItem, {
+              "data-click-event": "block-sender",
+              icon: "fas fa-ban",
+              label: "Block Sender"
             })));
-          }
-          return XNode.create("tr", null, XNode.create("td", null, XNode.create("i", {
-            class: item.isFolder ? "fiv-viv fiv-icon-folder" : `fiv-viv fiv-icon-${getExtension(item.name)}`
-          }), XNode.create("a", {
-            href: item.url,
-            target: "_blank",
-            text: item.name,
-            "data-margin-left": "default"
-          })), XNode.create("td", null, item.isShared && XNode.create("i", {
-            title: "Shared",
-            class: "fas fa-folder-user"
-          })), XNode.create("td", {
-            text: toFileSize(item.fileSize)
-          }), XNode.create("td", null, XNode.create("a", {
-            href: item.downloadUrl,
-            target: "_blank",
-            download: true
-          }, XNode.create("i", {
-            class: "fas fa-download"
-          }))), XNode.create("td", null, XNode.create("i", {
-            "data-click-event": "edit-shares",
-            class: "fas fa-share"
-          })));
-        }
-        editShares(file) {
-          PageNavigator.pushPage(EditSharesPage, file);
-        }
-        openFolder(file) {
-          this.selectedFolder = file;
+          });
         }
-        newFolder() {
+        mailOptions(thread, ce) {
           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);
+            void InlinePopupControl.showPopup(ce.target, XNode.create("div", {
+              "data-click-event": "none",
+              "data-click-animate": "none"
+            }, XNode.create(MenuItem, {
+              eventClick: () => PageNavigator.pushPage(MailDetailPage, thread.email),
+              icon: "fas fa-eye",
+              label: "Details"
+            }), XNode.create(MenuItem, {
+              href: `/api/files/download/${thread.email.originalFileID}`,
+              icon: "fas fa-download",
+              label: "Download"
+            }), XNode.create(MenuItem, {
+              "data-click-event": "open-logs",
+              icon: "fa-regular fa-clock-rotate-left",
+              label: "Logs"
+            })));
           });
         }
-        onItemExpanded(item) {
+        openLogs({
+          emailID
+        }) {
           return __awaiter(this, void 0, void 0, function* () {
-            yield this.cloudFileService.expand(item);
+            PageNavigator.pushPage(LogsPage, {
+              emailID
+            });
           });
         }
-        onFilesUploaded() {
+        replyEmail({
+          email
+        }, ce) {
+          var _a, _b, _c;
           return __awaiter(this, void 0, void 0, function* () {
-            this.version++;
+            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).toLocaleLowerCase();
+            const name = email.senderName;
+            const parentID = (_c = email.parentID) !== null && _c !== void 0 ? _c : email.emailID;
+            const recipients = [EmailRecipient.create({
+              name,
+              emailAddressText
+            })];
+            if (/all/i.test(ce.type)) {
+              for (const {
+                name: rName,
+                emailAddress: {
+                  emailAddress
+                }
+              } of email.recipients) {
+                if (recipients.some(er => er.emailAddress.emailAddress === emailAddress)) {
+                  continue;
+                }
+                recipients.push(EmailRecipient.create({
+                  name: rName,
+                  emailAddressText: emailAddress
+                }));
+              }
+            }
+            const subject = /^re\s?\:/i.test(email.subject) ? email.subject : `Re: ${email.subject}`;
+            const child = Email.create({
+              senderID: this.parameters.mailboxID,
+              subject,
+              parentID,
+              received: false,
+              recipients,
+              htmlBody: `<div contentEditable="true"><p><br/><br/><br/><br/><br/></p></div>`
+            });
+            yield PageNavigator.pushPageForResult(ComposeMailPage, {
+              mailboxID: child.senderID,
+              mailbox: this.parameters.mailbox,
+              model: child
+            });
           });
         }
-        newTemplate() {
+        blockSender() {
           return __awaiter(this, void 0, void 0, function* () {
-            const parentID = this.selectedFolder.appFileID;
-            const file = yield PageNavigator.pushPageForResult(EditTemplatePage, {
-              file: AppFile.create({
-                parentID
-              })
-            });
-            this.selectedFolder.children.add(file);
+            yield this.conversationService.block(this.parameters);
           });
         }
-        openTemplate(file) {
+        unblockSender() {
           return __awaiter(this, void 0, void 0, function* () {
-            yield PageNavigator.pushPageForResultOrCancel(EditTemplatePage, {
-              file
-            });
+            yield this.conversationService.block(this.parameters);
           });
         }
       });
-      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], FolderPage.prototype, "cloudFileService", void 0);
-      __decorate([Action({
-        onEvent: "edit-shares"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FolderPage.prototype, "editShares", null);
-      __decorate([Action({
-        onEvent: "open-folder"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FolderPage.prototype, "openFolder", null);
+      __decorate([InjectProperty, __metadata("design:type", ConversationService)], ConversationPage.prototype, "conversationService", void 0);
       __decorate([Action({
-        onEvent: "new-folder"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FolderPage.prototype, "newFolder", null);
+        onEvent: "mail-options"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "mailOptions", null);
       __decorate([Action({
-        onEvent: "item-expanded"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], FolderPage.prototype, "onItemExpanded", null);
+        onEvent: "open-logs"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "openLogs", null);
       __decorate([Action({
-        onEvent: "files-available"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FolderPage.prototype, "onFilesUploaded", null);
+        onEvent: ["reply-email", "reply-all-email"]
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], ConversationPage.prototype, "replyEmail", null);
       __decorate([Action({
-        onEvent: "new-template"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], FolderPage.prototype, "newTemplate", null);
+        onEvent: "block-sender",
+        confirm: "Are you sure you want to block this sender?"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ConversationPage.prototype, "blockSender", null);
       __decorate([Action({
-        onEvent: "open-template"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], FolderPage.prototype, "openTemplate", null);
-    }
-  };
-});
-//# sourceMappingURL=FolderPage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/FolderPage");
-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/MailboxContacts")
-      });
-      AppCommands.openFiles = Command.create({
-        route: "/files/{id}",
-        routeOrder: 100,
-        openPage: () => _context.import("../page/files/FolderPage")
-      });
-      AppCommands.openTemplates = Command.create({
-        route: "/templates",
-        routeOrder: 100,
-        routeDefaults: {
-          templates: true
-        },
-        openPage: () => _context.import("../page/files/FolderPage")
-      });
+        onEvent: "unblock-sender",
+        confirm: "Are you sure you want to unblock this sender?"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ConversationPage.prototype, "unblockSender", null);
     }
   };
 });
-//# sourceMappingURL=AppCommands.js.map
+//# sourceMappingURL=ConversationPage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/commands/AppCommands");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/mails/ConversationPage");
 System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../common/pages/mailboxes/services/MailboxService", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../common/controls/repeater/InfiniteRepeater", "../../../common/NumberFormats", "../../commands/AppCommands", "@web-atoms/core/dist/core/Bind"], function (_export, _context) {
   "use strict";