@social-mail/social-mail-client 1.2.32 → 1.2.34

package/dist/web/AppIndex.pack.js

@@ -1985,7 +1985,7 @@ const UMD = new UMDClass();
 
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","reflect-metadata","@web-atoms/web-controls","@web-atoms/date-time","@web-atoms/entity","@web-atoms/email-dom","@web-atoms/data-styles"],
-            ["@social-mail/social-mail-client/dist/web/AppIndex","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/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/web/commands/AppCommands","@social-mail/social-mail-client/dist/web/page/home/HomePage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@web-atoms/core/dist/di/DITransient","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/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/Sql","@social-mail/social-mail-client/dist/common/SocialMailApp","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@web-atoms/web-controls/dist/basic/Form","@social-mail/social-mail-client/dist/common/controls/form/RequiredFormField","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/admin/pages/users/ChooseUserPage","@social-mail/social-mail-client/dist/admin/pages/users/services/AdminUserService","@web-atoms/web-controls/dist/basic/Checkbox","@web-atoms/web-controls/dist/basic/styles/checkbox-style","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailboxContacts","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@social-mail/social-mail-client/dist/common/events/CommonEvents","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/web/page/mails/ConversationPage","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@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/data-styles/data-styles","@web-atoms/web-controls/dist/html-editor/commands/AddImage","@web-atoms/web-controls/dist/html-editor/commands/CommandButton","@web-atoms/web-controls/dist/html-editor/commands/HtmlCommands","@web-atoms/web-controls/dist/html-editor/commands/Toolbar","@web-atoms/web-controls/dist/html-editor/commands/Bold","@web-atoms/web-controls/dist/html-editor/commands/Command","@web-atoms/web-controls/dist/html-editor/commands/Italic","@web-atoms/web-controls/dist/html-editor/commands/Underline","@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough","@web-atoms/web-controls/dist/html-editor/commands/Align","@web-atoms/web-controls/dist/basic/PopupButton","@web-atoms/web-controls/dist/basic/styles/popup-button-style","@web-atoms/web-controls/dist/html-editor/commands/HorizontalRule","@web-atoms/web-controls/dist/html-editor/commands/Separator","@web-atoms/web-controls/dist/html-editor/commands/Headings","@web-atoms/web-controls/dist/html-editor/commands/ChangeColor","@web-atoms/web-controls/dist/html-editor/commands/ChangeFont","@web-atoms/web-controls/dist/html-editor/commands/ChangeFontSize","@web-atoms/web-controls/dist/html-editor/commands/NumberedList","@web-atoms/web-controls/dist/html-editor/commands/UnorderedList","@web-atoms/web-controls/dist/html-editor/commands/IndentLess","@web-atoms/web-controls/dist/html-editor/commands/IndentMore","@web-atoms/web-controls/dist/html-editor/commands/AddLink","@web-atoms/core/dist/web/controls/AtomToggleButtonBar","@web-atoms/core/dist/web/styles/AtomToggleButtonBarStyle","@web-atoms/core/dist/web/styles/AtomListBoxStyle","@web-atoms/core/dist/web/controls/AtomListBox","@web-atoms/core/dist/web/controls/AtomItemsControl","@web-atoms/core/dist/core/AtomEnumerator","@web-atoms/core/dist/core/AtomList","@web-atoms/web-controls/dist/html-editor/commands/Unlink","@web-atoms/web-controls/dist/html-editor/commands/RemoveFormat","@web-atoms/web-controls/dist/html-editor/commands/Source","@web-atoms/web-controls/dist/basic/UploadEvent","@social-mail/social-mail-client/dist/services/files/LocalFileService","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/common/FileUploader","@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/Emoji","@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/page/mails/mini-compose/MiniComposeBox","@social-mail/social-mail-client/dist/common/controls/audio/AudioRecorder","@web-atoms/web-controls/dist/mobile-app/BottomPopup","@web-atoms/web-controls/dist/animations/Animations","@social-mail/social-mail-client/dist/common/controls/audio/WebRTCService","@social-mail/social-mail-client/dist/common/controls/buttons/RoundButton","@web-atoms/web-controls/dist/html-editor/AtomHtmlEditor","@web-atoms/web-controls/dist/html-editor/commands/AttachFile","@social-mail/social-mail-client/dist/web/page/mails/mini-compose/Insert","@social-mail/social-mail-client/dist/web/page/mails/ChooseMailboxPage","@social-mail/social-mail-client/dist/common/pages/folders/ChooseTemplatePage","@social-mail/social-mail-client/dist/web/page/files/service/CloudFileService","@social-mail/social-mail-client/dist/common/controls/tree/TreeView","@social-mail/social-mail-client/dist/services/mime-service/MimeMessage","@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/stream/LineStream","@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter","@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/mails/contact/AddMiniContactPage","@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/controls/collection-editor/CollectionEditor","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/styles/expander-style","@social-mail/social-mail-client/dist/common/pages/websites/studio/WebSiteStudioPage","@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","@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","@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/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/drag-drop/DragDropHelper","@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/blocks/Block","@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/layouts/display","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/flex/flex","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/items-position/itemsPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/layout","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutTextBox","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutWrapList","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutColumn2Box","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutColumn","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutRow","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutBlock","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutNavBar","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutFloatingNavBar","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutColumn3Box","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutImageCard","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutCard","@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/styler/properties/color-sets/stylerColorSets","@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/site-editor/blocks/ImageBox","@social-mail/social-mail-client/dist/site-editor/blocks/defaultImage","@social-mail/social-mail-client/dist/site-editor/blocks/RowBox","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/row.png","@social-mail/social-mail-client/dist/site-editor/blocks/ColumnBox","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png","@social-mail/social-mail-client/dist/site-editor/blocks/VerticalImageBox","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/vertical-image-box.png","@social-mail/social-mail-client/dist/site-editor/blocks/Image","@social-mail/social-mail-client/dist/site-editor/blocks/ImageCard","@social-mail/social-mail-client/dist/site-editor/blocks/TextBox","@social-mail/social-mail-client/dist/site-editor/blocks/Card","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/card.png","@social-mail/social-mail-client/dist/site-editor/blocks/List","@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage","@social-mail/social-mail-client/dist/common/controls/drag-drop/FilesDragDrop","@social-mail/social-mail-client/dist/code-editor/CodeEditorPage","@social-mail/social-mail-client/dist/code-editor/MonaoEditor","@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/controls/password/PasswordStrength","@social-mail/social-mail-client/dist/common/validators/Validators","@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/common/pages/mailboxes/external-mailboxes/AddExternalMailboxPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/ExternalMailboxService","@social-mail/social-mail-client/dist/web/page/files/FolderPage","@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/style/GlobalStyle","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@social-mail/social-mail-client/dist/services/LoginService","@social-mail/social-mail-client/dist/common/pages/user/login/LoginPage","@social-mail/social-mail-client/dist/web/drawer/AppDrawer","@social-mail/social-mail-client/dist/common/controls/menu/MenuItem","@social-mail/social-mail-client/dist/common/controls/ModuleInfo","@social-mail/social-mail-client/dist/services/WebPushService","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+            ["@social-mail/social-mail-client/dist/web/AppIndex","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/Pack","@web-atoms/web-controls/dist/desktop-app/MobileDesktopApp","@web-atoms/web-controls/dist/mobile-app/MobileApp","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/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/web/commands/AppCommands","@social-mail/social-mail-client/dist/web/page/home/HomePage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@web-atoms/core/dist/di/DITransient","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/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/Sql","@social-mail/social-mail-client/dist/common/SocialMailApp","@web-atoms/core/dist/view-model/Action","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@web-atoms/web-controls/dist/basic/Form","@social-mail/social-mail-client/dist/common/controls/form/RequiredFormField","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/admin/pages/users/ChooseUserPage","@social-mail/social-mail-client/dist/admin/pages/users/services/AdminUserService","@web-atoms/web-controls/dist/basic/Checkbox","@web-atoms/web-controls/dist/basic/styles/checkbox-style","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailboxContacts","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@social-mail/social-mail-client/dist/common/events/CommonEvents","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/web/page/mails/ConversationPage","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@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/data-styles/data-styles","@web-atoms/web-controls/dist/html-editor/commands/AddImage","@web-atoms/web-controls/dist/html-editor/commands/CommandButton","@web-atoms/web-controls/dist/html-editor/commands/HtmlCommands","@web-atoms/web-controls/dist/html-editor/commands/Toolbar","@web-atoms/web-controls/dist/html-editor/commands/Bold","@web-atoms/web-controls/dist/html-editor/commands/Command","@web-atoms/web-controls/dist/html-editor/commands/Italic","@web-atoms/web-controls/dist/html-editor/commands/Underline","@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough","@web-atoms/web-controls/dist/html-editor/commands/Align","@web-atoms/web-controls/dist/basic/PopupButton","@web-atoms/web-controls/dist/basic/styles/popup-button-style","@web-atoms/web-controls/dist/html-editor/commands/HorizontalRule","@web-atoms/web-controls/dist/html-editor/commands/Separator","@web-atoms/web-controls/dist/html-editor/commands/Headings","@web-atoms/web-controls/dist/html-editor/commands/ChangeColor","@web-atoms/web-controls/dist/html-editor/commands/ChangeFont","@web-atoms/web-controls/dist/html-editor/commands/ChangeFontSize","@web-atoms/web-controls/dist/html-editor/commands/NumberedList","@web-atoms/web-controls/dist/html-editor/commands/UnorderedList","@web-atoms/web-controls/dist/html-editor/commands/IndentLess","@web-atoms/web-controls/dist/html-editor/commands/IndentMore","@web-atoms/web-controls/dist/html-editor/commands/AddLink","@web-atoms/core/dist/web/controls/AtomToggleButtonBar","@web-atoms/core/dist/web/styles/AtomToggleButtonBarStyle","@web-atoms/core/dist/web/styles/AtomListBoxStyle","@web-atoms/core/dist/web/controls/AtomListBox","@web-atoms/core/dist/web/controls/AtomItemsControl","@web-atoms/core/dist/core/AtomEnumerator","@web-atoms/core/dist/core/AtomList","@web-atoms/web-controls/dist/html-editor/commands/Unlink","@web-atoms/web-controls/dist/html-editor/commands/RemoveFormat","@web-atoms/web-controls/dist/html-editor/commands/Source","@web-atoms/web-controls/dist/basic/UploadEvent","@social-mail/social-mail-client/dist/services/files/LocalFileService","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/common/FileUploader","@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/Emoji","@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/content/icons/audio.svg","@social-mail/social-mail-client/dist/web/page/mails/mini-compose/MiniComposeBox","@social-mail/social-mail-client/dist/common/controls/audio/AudioRecorder","@web-atoms/web-controls/dist/mobile-app/BottomPopup","@web-atoms/web-controls/dist/animations/Animations","@social-mail/social-mail-client/dist/common/controls/audio/WebRTCService","@social-mail/social-mail-client/dist/common/controls/buttons/RoundButton","@web-atoms/web-controls/dist/html-editor/AtomHtmlEditor","@web-atoms/web-controls/dist/html-editor/commands/AttachFile","@social-mail/social-mail-client/dist/web/page/mails/mini-compose/Insert","@social-mail/social-mail-client/dist/code-editor/CodeSnippetPage","@social-mail/social-mail-client/dist/code-editor/MonacoService","@web-atoms/web-controls/dist/basic/Select","@social-mail/social-mail-client/dist/web/page/mails/ChooseMailboxPage","@social-mail/social-mail-client/dist/common/pages/folders/ChooseTemplatePage","@social-mail/social-mail-client/dist/web/page/files/service/CloudFileService","@social-mail/social-mail-client/dist/common/controls/tree/TreeView","@social-mail/social-mail-client/dist/services/mime-service/MimeMessage","@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/stream/LineStream","@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter","@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/mails/contact/AddMiniContactPage","@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/controls/collection-editor/CollectionEditor","@web-atoms/web-controls/dist/basic/Expander","@web-atoms/web-controls/dist/basic/styles/expander-style","@social-mail/social-mail-client/dist/common/pages/websites/studio/WebSiteStudioPage","@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","@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","@web-atoms/web-controls/dist/basic/DateField","@web-atoms/web-controls/dist/basic/Calendar","@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/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/drag-drop/DragDropHelper","@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/blocks/Block","@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/layouts/display","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/flex/flex","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/items-position/itemsPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/layout","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutTextBox","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutWrapList","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutColumn2Box","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutColumn","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutRow","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutBlock","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutNavBar","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutFloatingNavBar","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutColumn3Box","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutImageCard","@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutCard","@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/styler/properties/color-sets/stylerColorSets","@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/site-editor/blocks/ImageBox","@social-mail/social-mail-client/dist/site-editor/blocks/defaultImage","@social-mail/social-mail-client/dist/site-editor/blocks/RowBox","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/row.png","@social-mail/social-mail-client/dist/site-editor/blocks/ColumnBox","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png","@social-mail/social-mail-client/dist/site-editor/blocks/VerticalImageBox","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/vertical-image-box.png","@social-mail/social-mail-client/dist/site-editor/blocks/Image","@social-mail/social-mail-client/dist/site-editor/blocks/ImageCard","@social-mail/social-mail-client/dist/site-editor/blocks/TextBox","@social-mail/social-mail-client/dist/site-editor/blocks/Card","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/card.png","@social-mail/social-mail-client/dist/site-editor/blocks/List","@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage","@social-mail/social-mail-client/dist/common/controls/drag-drop/FilesDragDrop","@social-mail/social-mail-client/dist/code-editor/CodeEditorPage","@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/controls/password/PasswordStrength","@social-mail/social-mail-client/dist/common/validators/Validators","@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/common/pages/mailboxes/external-mailboxes/AddExternalMailboxPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/ExternalMailboxService","@social-mail/social-mail-client/dist/web/page/files/FolderPage","@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/style/GlobalStyle","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@social-mail/social-mail-client/dist/services/LoginService","@social-mail/social-mail-client/dist/common/pages/user/login/LoginPage","@social-mail/social-mail-client/dist/web/drawer/AppDrawer","@social-mail/social-mail-client/dist/common/controls/menu/MenuItem","@social-mail/social-mail-client/dist/common/controls/ModuleInfo","@social-mail/social-mail-client/dist/services/WebPushService","@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";
@@ -24195,10 +24195,10 @@ 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(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "../../NumberFormats", "../../../web/commands/AppCommands"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "../../NumberFormats", "../../../web/commands/AppCommands", "@social-mail/social-mail-client/content/icons/audio.svg"], function (_export, _context) {
   "use strict";
 
-  var XNode, styled, toFileSize, AppCommands;
+  var XNode, styled, toFileSize, AppCommands, audioIcon;
   function FilePreview(a) {
     const size = a.fileSize && toFileSize(a.fileSize);
     const {
@@ -24206,12 +24206,15 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
       name,
       fileContentID
     } = a;
-    const src = `/api/files/webp(300)/${appFileID}/${fileContentID}/${name}/${name}.300.webp`;
+    let src = `/api/files/webp(300)/${appFileID}/${fileContentID}/${name}/${name}.300.webp`;
     const p = {
       appFileID,
       name,
       fileContentID
     };
+    if (/^audio\//i.test(a.contentType)) {
+      src = audioIcon;
+    }
     const command = AppCommands.getPreviewCommand(a);
     if (command) {
       return XNode.create("a", {
@@ -24247,6 +24250,8 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/
       toFileSize = _NumberFormats.toFileSize;
     }, function (_webCommandsAppCommands) {
       AppCommands = _webCommandsAppCommands.default;
+    }, function (_socialMailSocialMailClientContentIconsAudioSvg) {
+      audioIcon = _socialMailSocialMailClientContentIconsAudioSvg.default;
     }],
     execute: function () {
       styled.css`
@@ -25351,10 +25356,318 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
 
     AmdLoader.instance.setup("@web-atoms/web-controls/dist/html-editor/AtomHtmlEditor");
 
-System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/PopupButton", "@web-atoms/web-controls/dist/basic/UploadEvent"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/services/FetchBuilder"], function (_export, _context) {
   "use strict";
 
-  var Bind, XNode, PopupButton, MenuItem, UploadEvent;
+  var __awaiter, UMD, FetchBuilder, MonacoService, monacoPath, codeModelChangedDisposable;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      UMD = _webAtomsCoreDistCoreTypes.UMD;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }],
+    execute: function () {
+      monacoPath = UMD.resolvePath("@social-mail/social-mail-client/content/modules/monaco/monaco.html");
+      codeModelChangedDisposable = Symbol("codeModelChangedDisposable");
+      _export("default", MonacoService = class MonacoService {
+        static createEditor(ctrl, iframe) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const ms = new MonacoService();
+            const srcdoc = yield FetchBuilder.get(monacoPath).responseAsText();
+            const {
+              monaco,
+              editor
+            } = yield new Promise((resolve, reject) => {
+              iframe.parentEditor = {
+                resolve,
+                reject,
+                codeEditor: ctrl
+              };
+              iframe.srcdoc = srcdoc;
+            });
+            ctrl.registerDisposable({
+              dispose: () => {
+                ms.monaco = null;
+                ms.editor = null;
+              }
+            });
+            ms.monaco = monaco;
+            ms.editor = editor;
+            ms.languages = monaco.languages.getLanguages();
+            return ms;
+          });
+        }
+        clearModels() {
+          for (const model of this.monaco.editor.getModels()) {
+            model.dispose();
+          }
+        }
+        getLanguages() {
+          return this.languages.map(x => {
+            var _a, _b, _c;
+            return {
+              label: (_b = (_a = x.aliases) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : x.id,
+              value: x.id,
+              ext: (_c = x.extensions) === null || _c === void 0 ? void 0 : _c[0],
+              extensions: x.extensions
+            };
+          });
+        }
+        createModel({
+          code,
+          url = "http://a/file.html"
+        }) {
+          const {
+            monaco
+          } = this;
+          const uri = monaco.Uri.parse(url);
+          const model = monaco.editor.getModel(uri);
+          if (model) {
+            model.setValue(code);
+            return model;
+          }
+          return monaco.editor.createModel(code, void 0, uri);
+        }
+        setCodeModel(ctrl, code, url, clear = false) {
+          var _a;
+          const {
+            monaco,
+            editor
+          } = this;
+          const uri = monaco.Uri.parse(url);
+          let model = monaco.editor.getModel(uri);
+          if (model) {
+            model.setValue(code);
+            editor.setModel(model);
+            return;
+          }
+          (_a = ctrl[codeModelChangedDisposable]) === null || _a === void 0 ? void 0 : _a.dispose();
+          if (clear) {
+            this.clearModels();
+          }
+          model = monaco.editor.createModel(code, void 0, uri);
+          editor.setModel(model);
+          let id = 0;
+          ctrl[codeModelChangedDisposable] = ctrl.registerDisposable(model.onDidChangeContent(() => {
+            if (id) {
+              clearTimeout(id);
+            }
+            id = setTimeout(() => {
+              var _a;
+              const newCode = model.getValue();
+              const ce = new CustomEvent("codeChanged", {
+                bubbles: true,
+                detail: {
+                  code: newCode,
+                  originalCode: code
+                }
+              });
+              ctrl.element.dispatchEvent(ce);
+              (_a = ctrl === null || ctrl === void 0 ? void 0 : ctrl.onCodeChanged) === null || _a === void 0 ? void 0 : _a.call(ctrl, newCode, code);
+            }, 500);
+          }));
+          return model;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=MonacoService.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/code-editor/MonacoService");
+
+System.register(["tslib", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
+  "use strict";
+
+  var __rest, AtomControl, XNode, labelPathSetter, valuePathSetter, valueSetter, refreshItems, itemsSetter;
+  function Select(_a) {
+    var {
+        items,
+        labelPath,
+        valuePath,
+        value
+      } = _a,
+      a = __rest(_a, ["items", "labelPath", "valuePath", "value"]);
+    a[labelPathSetter.property] = labelPath;
+    a[valuePathSetter.property] = valuePath;
+    a[valueSetter.property] = value;
+    a[itemsSetter.property] = items;
+    return XNode.create("select", Object.assign({}, a));
+  }
+  _export("default", Select);
+  return {
+    setters: [function (_tslib) {
+      __rest = _tslib.__rest;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }],
+    execute: function () {
+      labelPathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+        element["labelPath"] = value;
+      });
+      valuePathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+        element["valuePath"] = value;
+      });
+      valueSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+        element["initialValue"] = value;
+        setTimeout(refreshItems, 1, element);
+      });
+      refreshItems = (element, items) => {
+        var _a, _b;
+        items !== null && items !== void 0 ? items : items = element["items"];
+        element.update = true;
+        element.options.length = 0;
+        const cv = element["initialValue"];
+        const lp = (_a = element["labelPath"]) !== null && _a !== void 0 ? _a : item => {
+          var _a;
+          return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
+        };
+        const vp = (_b = element["valuePath"]) !== null && _b !== void 0 ? _b : item => {
+          var _a;
+          return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
+        };
+        let i = 0;
+        let si = -1;
+        for (const iterator of items) {
+          const option = document.createElement("option");
+          const label = lp(iterator);
+          const value = vp(iterator);
+          option.text = label;
+          option.value = value;
+          element.options.add(option);
+          if (cv !== void 0) {
+            if (cv == value) {
+              si = i;
+            }
+          }
+          i++;
+        }
+        if (si != -1) {
+          element.selectedIndex = si;
+        }
+        element.update = false;
+      };
+      itemsSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+        element["items"] = value;
+        setTimeout(refreshItems, 1, element, value);
+      });
+    }
+  };
+});
+//# sourceMappingURL=Select.js.map
+
+    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/Select");
+
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/Bind", "../common/controls/buttons/IconButton", "@web-atoms/core/dist/view-model/Action", "./MonacoService", "@web-atoms/web-controls/dist/basic/Select"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, XNode, PopupWindowPage, isMobileView, Bind, SaveIconTextButton, Action, MonacoService, Select, CodeSnippetPage;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
+      isMobileView = _webAtomsWebControlsDistMobileAppMobileApp.isMobileView;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_commonControlsButtonsIconButton) {
+      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_MonacoService) {
+      MonacoService = _MonacoService.default;
+    }, function (_webAtomsWebControlsDistBasicSelect) {
+      Select = _webAtomsWebControlsDistBasicSelect.default;
+    }],
+    execute: function () {
+      _export("default", CodeSnippetPage = class CodeSnippetPage extends PopupWindowPage {
+        constructor() {
+          super(...arguments);
+          this.langaugeId = "html";
+          this.code = "";
+        }
+        init() {
+          var _a, _b, _c, _d;
+          return __awaiter(this, void 0, void 0, function* () {
+            this.code = (_b = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : "";
+            this.langaugeId = (_d = (_c = this.parameters) === null || _c === void 0 ? void 0 : _c.languageId) !== null && _d !== void 0 ? _d : "html";
+            this.title = "Insert Code Snippet";
+            if (!isMobileView) {
+              this.element.style.minWidth = "70vw";
+              this.element.style.minHeight = "60vh";
+            }
+            this.renderer = XNode.create("div", {
+              "data-display": "grid",
+              "data-align-items": "stretch",
+              "data-justify-items": "stretch"
+            }, XNode.create("iframe", null));
+            this.footerRenderer = () => XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create(SaveIconTextButton, {
+              "data-click-event": "save-code"
+            }));
+            const iframe = this.element.querySelector("iframe");
+            this.monacoService = yield MonacoService.createEditor(this, iframe);
+            this.headerRenderer = () => XNode.create("div", {
+              "data-layout": "header-row"
+            }, XNode.create(Select, {
+              items: this.monacoService.getLanguages(),
+              value: Bind.twoWaysImmediate(() => this.langaugeId),
+              "event-input": () => setTimeout(() => this.createModel())
+            }));
+            this.createModel();
+          });
+        }
+        save() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.code = this.textModel.getValue();
+            const colorizedText = yield this.monacoService.monaco.editor.colorize(this.code, this.textModel.getLanguageId(), {});
+            const colorized = yield this.colorize(colorizedText);
+            return colorized;
+          });
+        }
+        codeChanged({
+          code
+        }) {
+          this.code = code;
+        }
+        createModel() {
+          var _a, _b, _c;
+          const lang = (_a = this.monacoService.languages.find(x => x.id === this.langaugeId)) !== null && _a !== void 0 ? _a : this.monacoService.languages[0];
+          this.textModel = this.monacoService.setCodeModel(this, this.code, `http://a/file${(_c = (_b = lang.extensions) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : ".txt"}`);
+        }
+        colorize(code) {
+          return __awaiter(this, void 0, void 0, function* () {});
+        }
+      });
+      __decorate([Action({
+        onEvent: "save-code",
+        close: true
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], CodeSnippetPage.prototype, "save", null);
+      __decorate([Action({
+        onEvent: "code-changed"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], CodeSnippetPage.prototype, "codeChanged", null);
+    }
+  };
+});
+//# sourceMappingURL=CodeSnippetPage.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/code-editor/CodeSnippetPage");
+
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/web-controls/dist/basic/PopupButton", "@web-atoms/web-controls/dist/basic/UploadEvent", "../../../../code-editor/CodeSnippetPage"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, Bind, XNode, PageNavigator, PopupButton, MenuItem, UploadEvent, CodeSnippetPage;
   function Insert({
     alignment = "above"
   }) {
@@ -25372,6 +25685,13 @@ System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XN
       icon: "ri-list-ordered",
       label: "Numbered List",
       "event-click": Bind.event(editor => editor.executeCommand("insertOrderedList"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-list-ordered",
+      label: "Insert Code",
+      "event-click": Bind.event(editor => __awaiter(this, void 0, void 0, function* () {
+        const code = yield PageNavigator.pushPageForResult(CodeSnippetPage);
+        editor.executeCommand("insertHTML", void 0, `<pre style="margin: 5px; border: solid 1px lightgray; padding: 10px; border-radius: 10px;" contentEditable="true" spellcheck="false">${code}</pre><br/><p contentEditable="true"></p>`);
+      }))
     }), XNode.create(MenuItem, Object.assign({}, UploadEvent.AttachUploadAction({
       accept: "image/*",
       multiple: true,
@@ -25408,15 +25728,21 @@ System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XN
   }
   _export("default", Insert);
   return {
-    setters: [function (_webAtomsCoreDistCoreBind) {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistCoreBind) {
       Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
     }, function (_webAtomsWebControlsDistBasicPopupButton) {
       PopupButton = _webAtomsWebControlsDistBasicPopupButton.default;
       MenuItem = _webAtomsWebControlsDistBasicPopupButton.MenuItem;
     }, function (_webAtomsWebControlsDistBasicUploadEvent) {
       UploadEvent = _webAtomsWebControlsDistBasicUploadEvent.default;
+    }, function (_codeEditorCodeSnippetPage) {
+      CodeSnippetPage = _codeEditorCodeSnippetPage.default;
     }],
     execute: function () {}
   };
@@ -30399,90 +30725,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/drop-downs/user/UserDropDown");
 
-System.register(["tslib", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
-  "use strict";
-
-  var __rest, AtomControl, XNode, labelPathSetter, valuePathSetter, valueSetter, refreshItems, itemsSetter;
-  function Select(_a) {
-    var {
-        items,
-        labelPath,
-        valuePath,
-        value
-      } = _a,
-      a = __rest(_a, ["items", "labelPath", "valuePath", "value"]);
-    a[labelPathSetter.property] = labelPath;
-    a[valuePathSetter.property] = valuePath;
-    a[valueSetter.property] = value;
-    a[itemsSetter.property] = items;
-    return XNode.create("select", Object.assign({}, a));
-  }
-  _export("default", Select);
-  return {
-    setters: [function (_tslib) {
-      __rest = _tslib.__rest;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }],
-    execute: function () {
-      labelPathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
-        element["labelPath"] = value;
-      });
-      valuePathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
-        element["valuePath"] = value;
-      });
-      valueSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
-        element["initialValue"] = value;
-        setTimeout(refreshItems, 1, element);
-      });
-      refreshItems = (element, items) => {
-        var _a, _b;
-        items !== null && items !== void 0 ? items : items = element["items"];
-        element.update = true;
-        element.options.length = 0;
-        const cv = element["initialValue"];
-        const lp = (_a = element["labelPath"]) !== null && _a !== void 0 ? _a : item => {
-          var _a;
-          return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
-        };
-        const vp = (_b = element["valuePath"]) !== null && _b !== void 0 ? _b : item => {
-          var _a;
-          return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
-        };
-        let i = 0;
-        let si = -1;
-        for (const iterator of items) {
-          const option = document.createElement("option");
-          const label = lp(iterator);
-          const value = vp(iterator);
-          option.text = label;
-          option.value = value;
-          element.options.add(option);
-          if (cv !== void 0) {
-            if (cv == value) {
-              si = i;
-            }
-          }
-          i++;
-        }
-        if (si != -1) {
-          element.selectedIndex = si;
-        }
-        element.update = false;
-      };
-      itemsSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
-        element["items"] = value;
-        setTimeout(refreshItems, 1, element, value);
-      });
-    }
-  };
-});
-//# sourceMappingURL=Select.js.map
-
-    AmdLoader.instance.setup("@web-atoms/web-controls/dist/basic/Select");
-
 System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
 
@@ -35889,130 +36131,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage");
 
-System.register(["tslib", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/services/FetchBuilder"], function (_export, _context) {
-  "use strict";
-
-  var __awaiter, __decorate, __metadata, UMD, AtomControl, BindableProperty, FetchBuilder, MonacoEditor, monacoPath;
-  _export("default", void 0);
-  return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistCoreTypes) {
-      UMD = _webAtomsCoreDistCoreTypes.UMD;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-    }, function (_webAtomsCoreDistCoreBindableProperty) {
-      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
-    }, function (_webAtomsCoreDistServicesFetchBuilder) {
-      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
-    }],
-    execute: function () {
-      monacoPath = UMD.resolvePath("@social-mail/social-mail-client/content/modules/monaco/monaco.html");
-      _export("default", MonacoEditor = class MonacoEditor extends AtomControl {
-        constructor(app, e = document.createElement("iframe")) {
-          super(app, e);
-          this.element.style.border = "none";
-          this.runAfterInit(() => this.app.runAsync(() => this.init()));
-        }
-        onPropertyChanged(name) {
-          super.onPropertyChanged(name);
-          switch (name) {
-            case "file":
-              this.app.runAsync(() => this.loadFile());
-              break;
-          }
-        }
-        init() {
-          const monaco = (() => __awaiter(this, void 0, void 0, function* () {
-            const srcdoc = yield FetchBuilder.get(monacoPath).responseAsText();
-            return this.monaco = yield new Promise((resolve, reject) => {
-              this.element.parentEditor = {
-                resolve,
-                reject,
-                onresize: () => {
-                  var _a;
-                  return (_a = this.editor) === null || _a === void 0 ? void 0 : _a.layout();
-                },
-                codeEditor: this
-              };
-              this.element.srcdoc = srcdoc;
-            });
-          }))();
-          const value = Promise.resolve(monaco);
-          Object.defineProperty(this, "init", {
-            value: () => value
-          });
-          return this.monaco = monaco;
-        }
-        createEditor() {
-          const editor = (() => __awaiter(this, void 0, void 0, function* () {
-            return this.editor = yield this.monaco.editor.create(this.container);
-          }))();
-          const value = Promise.resolve(editor);
-          Object.defineProperty(this, "createEditor", {
-            value: () => value
-          });
-          return editor;
-        }
-        loadFile() {
-          var _a;
-          return __awaiter(this, void 0, void 0, function* () {
-            yield this.init();
-            (_a = this.codeModelDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-            const editor = yield this.createEditor();
-            const {
-              file,
-              monaco
-            } = this;
-            const originalContent = yield FetchBuilder.get(file.downloadUrl).responseAsText();
-            const name = file.name;
-            let language = "html";
-            if (/\.(ts|tsx)$/i.test(name)) {
-              language = "typescript";
-            } else if (/\.(js|jsx)$/i.test(name)) {
-              language = "javascript";
-            } else if (/\.(json)$/i.test(name)) {
-              language = "json";
-            } else if (/\.(css)$/i.test(name)) {
-              language = "css";
-            }
-            const uri = monaco.Uri.parse(`http://a/${file.path}-${file.name}`);
-            const m = monaco.editor.getModel(uri);
-            const model = monaco.editor.createModel(originalContent, language, uri);
-            editor.setModel(model);
-            let id = 0;
-            this.codeModelDisposable = this.registerDisposable(model.onDidChangeContent(() => {
-              if (id) {
-                clearTimeout(id);
-              }
-              id = setTimeout(() => {
-                const content = model.getValue();
-                this.element.dispatchEvent(new CustomEvent("fileChanged", {
-                  detail: {
-                    file: this.file,
-                    content,
-                    originalContent
-                  }
-                }));
-              }, 500);
-            }));
-          });
-        }
-      });
-      __decorate([BindableProperty, __metadata("design:type", Object)], MonacoEditor.prototype, "file", void 0);
-    }
-  };
-});
-//# sourceMappingURL=MonaoEditor.js.map
-
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/code-editor/MonaoEditor");
-
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "./MonaoEditor", "../common/controls/buttons/IconButton", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../web/page/files/service/CloudFileService"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../common/controls/buttons/IconButton", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../web/page/files/service/CloudFileService", "@web-atoms/core/dist/services/FetchBuilder", "./MonacoService"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, ContentPage, XNode, MonacoEditor, SaveIconTextButton, Bind, Action, InjectProperty, CloudFileService, CodeEditorPage;
+  var __awaiter, __decorate, __metadata, ContentPage, XNode, SaveIconTextButton, Bind, Action, InjectProperty, CloudFileService, FetchBuilder, MonacoService, CodeEditorPage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -36023,8 +36145,6 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_MonaoEditor) {
-      MonacoEditor = _MonaoEditor.default;
     }, function (_commonControlsButtonsIconButton) {
       SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
     }, function (_webAtomsCoreDistCoreBind) {
@@ -36035,6 +36155,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
     }, function (_webPageFilesServiceCloudFileService) {
       CloudFileService = _webPageFilesServiceCloudFileService.default;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }, function (_MonacoService) {
+      MonacoService = _MonacoService.default;
     }],
     execute: function () {
       _export("default", CodeEditorPage = class CodeEditorPage extends ContentPage {
@@ -36049,20 +36173,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               "data-display": "grid",
               "data-align-items": "stretch",
               "data-justify-items": "stretch"
-            }, XNode.create(MonacoEditor, {
-              file: this.parameters,
-              "event-file-changed": ({
-                detail: {
-                  content,
-                  originalContent,
-                  file
-                }
-              }) => {
-                this.file = file;
-                this.modified = content !== originalContent;
-                this.content = content;
-              }
-            }));
+            }, XNode.create("iframe", null));
             this.footerRenderer = () => XNode.create("div", {
               "data-layout": "command-row",
               "style-display": Bind.oneWay(() => this.modified, false)
@@ -36070,6 +36181,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               "data-click-event": "save-file",
               text: "Save"
             }));
+            const file = this.parameters;
+            const iframe = this.element.querySelector("iframe");
+            this.monacoService = yield MonacoService.createEditor(this, iframe);
+            const code = yield FetchBuilder.get(file.downloadUrl).responseAsText();
+            this.monacoService.setCodeModel(this, code, `http://a/${file.name}`);
           });
         }
         saveFile() {