npm - @social-mail/social-mail-client - Versions diffs - 1.0.113 → 1.0.115 - Mend

@social-mail/social-mail-client 1.0.113 → 1.0.115

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 (230) 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/AtomBridge","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/web-controls/dist/PageNavigator","@web-atoms/web-controls/dist/desktop-app/DesktopApp","@social-mail/social-mail-client/dist/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","@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","@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/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/services/websites/WebSiteService","@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/common/pages/user/login/LoginPage","@web-atoms/web-controls/dist/basic/ToggleButtonBar","@web-atoms/web-controls/dist/basic/styles/toggle-button-bar-style","@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/AtomBridge","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/web-controls/dist/PageNavigator","@web-atoms/web-controls/dist/desktop-app/DesktopApp","@social-mail/social-mail-client/dist/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","@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","@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","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/common/controls/tree/FileTreeView","@social-mail/social-mail-client/dist/site-editor/editor/HtmlPageEditor","@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage","@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/styler/StylerSet","@social-mail/social-mail-client/dist/site-editor/styler/Styler","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout","@social-mail/social-mail-client/dist/site-editor/styler/properties/cursor","@social-mail/social-mail-client/dist/site-editor/styler/properties/color","@social-mail/social-mail-client/dist/site-editor/styler/properties/filter","@social-mail/social-mail-client/dist/site-editor/styler/properties/boxShadow","@social-mail/social-mail-client/dist/site-editor/styler/properties/border","@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/common/pages/user/login/LoginPage","@web-atoms/web-controls/dist/basic/ToggleButtonBar","@web-atoms/web-controls/dist/basic/styles/toggle-button-bar-style","@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";
@@ -11679,11 +11679,13 @@ System.register(["./AtomBinder"], function (_export, _context) {
         }
         remove(item) {
           if (item instanceof Function) {
-            let index = 0;
             let removed = false;
-            for (const it of this) {
+            for (let index = 0; index < this.length;) {
+              const it = this[index];
               if (item(it)) {
-                this.removeAt(index);
+                this.splice(index, 1);
+                AtomBinder.invokeItemsEvent(this, "remove", index, it);
+                AtomBinder.refreshValue(this, "length");
                 removed = true;
                 continue;
               }
@@ -11874,7 +11876,7 @@ System.register(["@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/A
     execute: function () {
       _export("___UMD", ___UMD = UMD);
       addLinkTag("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
-      addLinkTag("https://npm-git.azureedge.net/npm/package/@c8private/fa-icons@6.4.2/css/all.min.css");
+      addLinkTag("https://npm-git.azureedge.net/npm/package/@c8private/fa-icons@6.5.1/css/all.min.css");
       addLinkTag("https://cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/file-icon-vivid.min.css");
       styled.css`
@@ -13365,7 +13367,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/ent
 System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/services/BaseEntityService"], function (_export, _context) {
   "use strict";
-  var DateTime, Model, DefaultFactory, AppRole, AppFileContentDispositionArray, AppFile, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Contact, ContactEmail, ContactPhone, ContactItem, ContactDomain, CachedItem, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, AppLog, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailTemplate, Mailbox, MailboxEmail, MailboxThread, MailboxThreadEmail, MailboxSyncTargetDirectionArray, MailboxSyncTargetProtocolArray, MailboxSyncTargetLastSyncStatusArray, MailboxSyncTarget, MailboxSubscriberStatusArray, MailboxSubscriber, SubscriberActivity, SearchWordStatusArray, SearchWord, SearchWordIndex, UserStatusArray, User, UserPin, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, WebSiteFolder, WebSiteFolderHost, LoginSession, TextDocument, Tag;
+  var DateTime, Model, DefaultFactory, AppRole, AppFileContentDispositionArray, AppFile, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Contact, ContactEmail, ContactPhone, ContactItem, ContactDomain, CachedItem, Domain, HostedDomain, DomainUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, AppLog, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailTemplate, Mailbox, MailboxEmail, MailboxThread, MailboxThreadEmail, MailboxSyncTargetDirectionArray, MailboxSyncTargetProtocolArray, MailboxSyncTargetLastSyncStatusArray, MailboxSyncTarget, MailboxSubscriberStatusArray, MailboxSubscriber, SubscriberActivity, SearchWordStatusArray, SearchWord, SearchWordIndex, UserStatusArray, User, UserPin, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, WebSiteFolder, WebSiteFolderHost, WebSiteFolderVersion, LoginSession, TextDocument, Tag;
   return {
     setters: [function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
@@ -13696,6 +13698,7 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
         isStatic: false
       }));
       _export("WebSiteFolderHost", WebSiteFolderHost = new Model("WebSiteFolderHost", ["host"], {}));
+      _export("WebSiteFolderVersion", WebSiteFolderVersion = new Model("WebSiteFolderVersion", ["folderID", "snapshotFolderID"], {}));
       _export("LoginSession", LoginSession = new Model("LoginSession", ["sessionID"], {
         invalid: false,
         dateUpdated: new DefaultFactory(() => new DateTime())
@@ -15945,6 +15948,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
           const {
             placeholder
           } = hoverItem;
+          if (!placeholder) {
+            return;
+          }
           if (e.target === placeholder) {
             return;
           }
@@ -18022,10 +18028,12 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
     execute: function () {
       hideActivityIndicator = true;
       CloudFileService = class CloudFileService {
-        top() {
+        top(site = false) {
           return __awaiter(this, void 0, void 0, function* () {
             const userID = SocialMailApp.user.userID;
-            const top = yield this.entityService.query(AppFile).where(x => x.isFolder === true && x.parentID === null && x.path !== null).orderByDescending({
+            let q = this.entityService.query(AppFile).where(x => x.isFolder === true && x.parentID === null && x.path !== null);
+            q = site ? q.where(x => x.websiteFolder.folderID !== null) : q.where(x => x.websiteFolder.folderID === null);
+            const top = yield q.orderByDescending({
               userID
             }, p => x => x.userPins.some(s => p.userID === s.userID)).thenByDescending(x => x.dateUpdated).include(x => x.creator).toPagedList({
               size: 3,
@@ -18068,13 +18076,31 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             return all.filter(x => !x.parentID);
           });
         }
+        getFolder(id, cancelToken = null) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const folder = yield this.entityService.query(AppFile).where({
+              id
+            }, p => x => x.appFileID === p.id).include(x => x.creator).include(x => x.children).firstOrDefault({
+              cancelToken
+            });
+            if (folder.children) {
+              folder.children.remove(x => !x.isFolder);
+            } else {
+              folder.children = [];
+            }
+            return folder;
+          });
+        }
         root({
           id,
-          templates = false
+          templates = false,
+          cancelToken = null
         }) {
           return __awaiter(this, void 0, void 0, function* () {
             if (templates) {
-              const children = yield this.entityService.query(AppFile).where(x => x.templates.some(c => true)).toArray();
+              const children = yield this.entityService.query(AppFile).where(x => x.templates.some(c => true)).toArray({
+                cancelToken
+              });
               const root = AppFile.create({
                 name: "Templates",
                 isFolder: true,
@@ -18086,7 +18112,9 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             }
             return yield this.entityService.query(AppFile).where({
               id
-            }, p => x => x.appFileID === p.id).include(x => x.creator).include(x => x.children).firstOrDefault();
+            }, p => x => x.appFileID === p.id).include(x => x.creator).include(x => x.children).firstOrDefault({
+              cancelToken
+            });
           });
         }
         rootFolders() {
@@ -18135,6 +18163,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
         }
         files({
           search = "",
+          accept = "",
           folder,
           cancelToken,
           showDeleted = false
@@ -18157,6 +18186,12 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
                 search
               }, p => x => Sql.text.like(x.name, p.search));
             }
+            if (accept) {
+              const contentTypes = accept.split(/\,/g).map(x => x.replace("*", "%").trim()).filter(x => x);
+              q = q.where({
+                contentTypes
+              }, p => x => x.isFolder || Sql.text.iLikeAny(x.contentType, p.contentTypes));
+            }
             const files = yield q.orderByDescending(x => x.isFolder).thenBy(x => x.name).toArray({
               cancelToken
             });
@@ -18193,7 +18228,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
 System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/core/AtomUI"], function (_export, _context) {
   "use strict";
-  var __decorate, __metadata, XNode, AtomControl, BindableProperty, styled, AncestorEnumerator, TreeView, expandSymbol;
+  var __awaiter, __decorate, __metadata, XNode, AtomControl, BindableProperty, styled, AncestorEnumerator, TreeView, expandSymbol;
   function findTreeElement(element) {
     if (element.matches("[data-layout=tree-view-item]")) {
       return element;
@@ -18206,6 +18241,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
   });
   return {
     setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
       __decorate = _tslib.__decorate;
       __metadata = _tslib.__metadata;
     }, function (_webAtomsCoreDistCoreXNode) {
@@ -18296,6 +18332,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
           super(...arguments);
           this.map = new WeakMap();
           this.canSelect = x => true;
+          this.isFolder = x => true;
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {});
         }
         onPropertyChanging(name, oldValue, newValue) {
           if (name === "selectedItem") {
@@ -18316,7 +18356,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
           }
           const element = this.map.get(newValue);
           if (!element) {
-            console.error(`Item not in the tree`);
+            if (this.root) {
+              console.error(`Item not in the tree`);
+            }
             return;
           }
           element.setAttribute("data-selected", "true");
@@ -18338,11 +18380,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             case "root":
             case "childrenProperty":
             case "labelRenderer":
-            case "collapseIconRenderer":
+            case "folderIconRenderer":
+            case "fileIconRenderer":
             case "actionRenderer":
               const rootElement = this.element.firstElementChild;
               rootElement === null || rootElement === void 0 ? void 0 : rootElement.dispose();
-              if (this.root && this.childrenProperty && this.labelRenderer && this.collapseIconRenderer) {
+              if (this.root && this.childrenProperty && this.labelRenderer && this.folderIconRenderer) {
                 this.element.innerHTML = "";
                 this.createElement(this.root, void 0, -1);
                 this.expand(this.root);
@@ -18377,10 +18420,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
               text: (_d = (_c = item.label) !== null && _c !== void 0 ? _c : item.name) !== null && _d !== void 0 ? _d : item
             });
           };
-          this.collapseIconRenderer = item => XNode.create("i", {
+          this.folderIconRenderer = item => XNode.create("i", {
             "data-click-event": "expand-collapse-item",
             class: "fas"
           });
+          this.fileIconRenderer = item => XNode.create("i", {
+            "data-element": "icon",
+            "data-click-event": "none"
+          });
           this.runAfterInit(() => {
             if (this.root && !this.element.firstElementChild) {
               if (this.childrenProperty) {
@@ -18402,6 +18449,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             const element = findTreeElement(ce.target);
             this.expandElement(element);
           });
+          this.runAfterInit(() => this.app.runAsync(() => {
+            var _a;
+            return (_a = this.init) === null || _a === void 0 ? void 0 : _a.call(this);
+          }));
         }
         expandElement(element, toggle = true) {
           if (!element) {
@@ -18437,7 +18488,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
           }
         }
         createElement(item, parentItem, insertIndex = -1) {
-          var _a, _b, _c, _d, _e, _f;
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
           const element = document.createElement("div");
           element.setAttribute("data-layout", "tree-view-item");
           element.dataItem = item;
@@ -18474,24 +18525,25 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             element.remove();
           };
           const actionElement = (_a = this.actionRenderer) === null || _a === void 0 ? void 0 : _a.call(this, item);
-          const collapseElement = this.collapseIconRenderer(item);
+          const isFolder = (_c = (_b = this.isFolder) === null || _b === void 0 ? void 0 : _b.call(this, item)) !== null && _c !== void 0 ? _c : true;
+          const iconElement = isFolder ? this.folderIconRenderer(item) : (_e = (_d = this.fileIconRenderer) === null || _d === void 0 ? void 0 : _d.call(this, item)) !== null && _e !== void 0 ? _e : XNode.create("i", null);
           const labelElement = this.labelRenderer(item);
+          if (iconElement) {
+            const a = (_f = iconElement.attributes) !== null && _f !== void 0 ? _f : iconElement.attributes = {};
+            (_g = a["data-element"]) !== null && _g !== void 0 ? _g : a["data-element"] = isFolder ? "expand-collapse" : "file-icon";
+            (_h = a["data-click-event"]) !== null && _h !== void 0 ? _h : a["data-click-event"] = "toggle-expand";
+            this.render(XNode.create("div", null, iconElement), element, this);
+          }
           if (labelElement) {
-            const a = (_b = labelElement.attributes) !== null && _b !== void 0 ? _b : labelElement.attributes = {};
+            const a = (_j = labelElement.attributes) !== null && _j !== void 0 ? _j : labelElement.attributes = {};
             a["data-element"] = "label";
-            (_c = a["data-click-event"]) !== null && _c !== void 0 ? _c : a["data-click-event"] = "select-item";
+            (_k = a["data-click-event"]) !== null && _k !== void 0 ? _k : a["data-click-event"] = "select-item";
             this.render(XNode.create("div", null, labelElement), element, this);
           }
           if (actionElement) {
-            ((_d = actionElement.attributes) !== null && _d !== void 0 ? _d : actionElement.attributes = {})["data-element"] = "action";
+            ((_l = actionElement.attributes) !== null && _l !== void 0 ? _l : actionElement.attributes = {})["data-element"] = "action";
             this.render(XNode.create("div", null, actionElement), element, this);
           }
-          if (collapseElement) {
-            const a = (_e = collapseElement.attributes) !== null && _e !== void 0 ? _e : collapseElement.attributes = {};
-            a["data-element"] = "expand-collapse";
-            a["data-click-event"] = "toggle-expand";
-            this.render(XNode.create("div", null, collapseElement), element, this);
-          }
           const header = document.createElement("div");
           header.setAttribute("data-element", "header");
           element.appendChild(header);
@@ -18506,7 +18558,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
               last = this.map.get(siblings[insertIndex - 1]);
             }
             last.insertAdjacentElement("afterend", element);
-            const pad = Number((_f = parentElement.getAttribute("data-pad")) !== null && _f !== void 0 ? _f : "0") + 10;
+            const pad = Number((_m = parentElement.getAttribute("data-pad")) !== null && _m !== void 0 ? _m : "0") + 10;
             element.setAttribute("data-pad", `${pad}`);
             element.style.paddingLeft = `${pad}px`;
           } else {
@@ -18547,6 +18599,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       });
       __decorate([BindableProperty, __metadata("design:type", Object)], TreeView.prototype, "root", void 0);
       __decorate([BindableProperty, __metadata("design:type", Object)], TreeView.prototype, "selectedItem", void 0);
+      delete TreeView.prototype.init;
     }
   };
 });
@@ -25033,6 +25086,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
             class: "search",
             placeholder: Bind.oneWay(() => this.prompt),
             value: Bind.twoWaysImmediate(() => this.search),
+            autofocus: Bind.oneWay(() => this.autofocus),
             type: "search"
           }), XNode.create("div", {
             class: "footer"
@@ -25226,6 +25280,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/co
       __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "search", void 0);
       __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "prompt", void 0);
       __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "suggestionPrompt", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Object)], AtomChips.prototype, "autofocus", void 0);
       __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "softDeleteProperty", void 0);
       __decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "labelPath", void 0);
       __decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "match", void 0);
@@ -30778,10 +30833,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/drives/DriveListPage");
-System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "../../../SocialMailApp"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../EntityService", "../../model/model"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, User, UserAuthFactor, SocialMailApp, UserService;
+  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, WebSiteFolder, WebSiteService;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -30791,157 +30846,95 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
       DITransient = _webAtomsCoreDistDiDITransient.default;
     }, function (_webAtomsCoreDistDiInject) {
       Inject = _webAtomsCoreDistDiInject.Inject;
-    }, function (_servicesEntityService) {
-      EntityService = _servicesEntityService.default;
+    }, function (_EntityService) {
+      EntityService = _EntityService.default;
     }, function (_modelModel) {
-      User = _modelModel.User;
-      UserAuthFactor = _modelModel.UserAuthFactor;
-    }, function (_SocialMailApp) {
-      SocialMailApp = _SocialMailApp.default;
+      WebSiteFolder = _modelModel.WebSiteFolder;
     }],
     execute: function () {
-      UserService = class UserService {
-        getCurrent() {
+      WebSiteService = class WebSiteService {
+        get(id) {
           return __awaiter(this, void 0, void 0, function* () {
-            const {
-              userID
-            } = SocialMailApp.user;
-            return this.entityService.query(User).where({
-              userID
-            }, p => x => x.userID === p.userID).include(x => x.authFactors).firstOrDefault();
+            return this.entityService.query(WebSiteFolder).where({
+              id
+            }, p => x => x.folderID === p.id).include(x => [x.folder, x.hosts, x.versions]).firstOrDefault();
           });
         }
-        save(user) {
+        list() {
           return __awaiter(this, void 0, void 0, function* () {
-            let cloner = this.entityService.cloner(user).include(x => x.authFactors);
-            if (user.changePassword) {
-              cloner = cloner.include(x => x.changePassword);
-            }
-            yield this.entityService.save(cloner.copy);
+            return this.entityService.query(WebSiteFolder).include(x => [x.folder, x.hosts]).toArray();
           });
         }
-        createAuthFactor(user, method = "totp") {
-          var _a;
+        save(model) {
           return __awaiter(this, void 0, void 0, function* () {
-            const authFactor = UserAuthFactor.create({
-              method
-            });
-            ((_a = user.authFactors) !== null && _a !== void 0 ? _a : user.authFactors = []).add(authFactor);
-            yield this.save(user);
-            return authFactor;
+            const cloner = this.entityService.cloner(model).include(x => x.folder).copy;
+            yield this.entityService.save(cloner);
+            return model;
           });
         }
       };
-      __decorate([Inject, __metadata("design:type", EntityService)], UserService.prototype, "entityService", void 0);
-      UserService = __decorate([DITransient()], UserService);
-      _export("default", UserService);
+      __decorate([Inject, __metadata("design:type", EntityService)], WebSiteService.prototype, "entityService", void 0);
+      WebSiteService = __decorate([DITransient()], WebSiteService);
+      _export("default", WebSiteService);
     }
   };
 });
-//# sourceMappingURL=UserService.js.map
+//# sourceMappingURL=WebSiteService.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/services/UserService");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/websites/WebSiteService");
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/InjectProperty", "../services/UserService", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../../controls/form/RequiredFormField", "@web-atoms/core/dist/core/Bind", "../../../controls/password/PasswordStrength", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/PasswordBox", "../../../validators/Validators", "../../../controls/buttons/IconButton", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../services/websites/WebSiteService", "@web-atoms/core/dist/core/XNode", "../../../commands/CommonCommands"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, PopupWindowPage, InjectProperty, UserService, XNode, Form, PasswordFormField, Bind, PasswordStrength, FormField, PasswordBox, Validators, SaveIconTextButton, Action, ChangePasswordPage;
+  var __awaiter, __decorate, __metadata, InjectProperty, ContentPage, WebSiteService, XNode, CommonCommands, ManageWebSitePage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
       __decorate = _tslib.__decorate;
       __metadata = _tslib.__metadata;
-    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
-      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
     }, function (_webAtomsCoreDistCoreInjectProperty) {
       InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
-    }, function (_servicesUserService) {
-      UserService = _servicesUserService.default;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_servicesWebsitesWebSiteService) {
+      WebSiteService = _servicesWebsitesWebSiteService.default;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsWebControlsDistBasicForm) {
-      Form = _webAtomsWebControlsDistBasicForm.default;
-    }, function (_controlsFormRequiredFormField) {
-      PasswordFormField = _controlsFormRequiredFormField.PasswordFormField;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_controlsPasswordPasswordStrength) {
-      PasswordStrength = _controlsPasswordPasswordStrength.default;
-    }, function (_webAtomsWebControlsDistBasicFormField) {
-      FormField = _webAtomsWebControlsDistBasicFormField.default;
-    }, function (_webAtomsWebControlsDistBasicPasswordBox) {
-      PasswordBox = _webAtomsWebControlsDistBasicPasswordBox.default;
-    }, function (_validatorsValidators) {
-      Validators = _validatorsValidators.Validators;
-    }, function (_controlsButtonsIconButton) {
-      SaveIconTextButton = _controlsButtonsIconButton.SaveIconTextButton;
-    }, function (_webAtomsCoreDistViewModelAction) {
-      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_commandsCommonCommands) {
+      CommonCommands = _commandsCommonCommands.default;
     }],
     execute: function () {
-      _export("default", ChangePasswordPage = class ChangePasswordPage extends PopupWindowPage {
-        constructor() {
-          super(...arguments);
-          this.password = "";
-        }
+      _export("default", ManageWebSitePage = class ManageWebSitePage extends ContentPage {
         init() {
+          var _a;
           return __awaiter(this, void 0, void 0, function* () {
-            this.model = yield this.userService.getCurrent();
-            this.title = "Change Password";
-            this.model.changePassword = {
-              oldPassword: "",
-              newPassword: "",
-              forceChangePasswordOnLogin: false
-            };
-            this.renderer = XNode.create("div", null, XNode.create(Form, null, XNode.create(PasswordFormField, {
-              label: "Current Password",
-              value: () => this.model.changePassword.oldPassword
-            }), XNode.create(FormField, {
-              label: "Password",
-              required: true,
-              error: Bind.oneWay(() => Validators.isValidPassword(this.password) ? "" : "Password is invalid")
-            }, XNode.create(PasswordBox, {
-              value: Bind.twoWaysImmediate(() => this.password)
-            })), XNode.create(PasswordStrength, {
-              password: Bind.oneWay(() => this.password)
-            }), XNode.create(FormField, {
-              label: "Password again",
-              required: true,
-              error: Bind.oneWay(() => this.password !== this.model.changePassword.newPassword ? "Passwords do not match" : "")
-            }, XNode.create(PasswordBox, {
-              value: Bind.twoWaysImmediate(() => this.model.changePassword.newPassword)
-            })), XNode.create("div", {
-              "data-layout": "command-row"
-            }, XNode.create(SaveIconTextButton, {
-              "data-submit-event": "save-user",
-              text: "Change"
-            }))));
-          });
-        }
-        saveUser() {
-          return __awaiter(this, void 0, void 0, function* () {
-            yield this.userService.save(this.model);
+            this.model = yield this.webSiteService.get(this.parameters.id);
+            this.renderer = XNode.create("div", null, XNode.create("div", null, this.model.folder.name, XNode.create("a", {
+              "data-click-event": "route",
+              href: CommonCommands.editWebSite.displayRoute({
+                id: this.parameters.id
+              })
+            }, XNode.create("button", {
+              text: "Edit"
+            })), XNode.create("button", {
+              text: "Preview"
+            })), XNode.create("div", null, XNode.create("h5", null, "Versions"), XNode.create("div", null, ...((_a = this.model.versions) !== null && _a !== void 0 ? _a : []).map(v => XNode.create("div", null, v.snapshotFolderID)))));
           });
         }
       });
-      __decorate([InjectProperty, __metadata("design:type", UserService)], ChangePasswordPage.prototype, "userService", void 0);
-      __decorate([Action({
-        onEvent: "save-user",
-        success: "Password changed successfully.",
-        close: true
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ChangePasswordPage.prototype, "saveUser", null);
+      __decorate([InjectProperty, __metadata("design:type", WebSiteService)], ManageWebSitePage.prototype, "webSiteService", void 0);
     }
   };
 });
-//# sourceMappingURL=ChangePasswordPage.js.map
+//# sourceMappingURL=ManageWebSitePage.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/change-password/ChangePasswordPage");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/websites/manage/ManageWebSitePage");
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/InjectProperty", "../services/UserService", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../../controls/buttons/IconButton", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../date/DateFormats"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/types"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, ContentPage, UserAuthFactor, InjectProperty, UserService, XNode, Form, AddIconTextButton, DeleteIconTextButton, SaveIconTextButton, FormField, Bind, Action, AtomRepeater, DateFormats, MultiFactorSetupPage;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, Action, UMD, ChooseWebSiteTemplatePage;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -30949,102 +30942,2477 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       __decorate = _tslib.__decorate;
       __metadata = _tslib.__metadata;
     }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
-      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
-    }, function (_modelModel) {
-      UserAuthFactor = _modelModel.UserAuthFactor;
-    }, function (_webAtomsCoreDistCoreInjectProperty) {
-      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
-    }, function (_servicesUserService) {
-      UserService = _servicesUserService.default;
+      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsWebControlsDistBasicForm) {
-      Form = _webAtomsWebControlsDistBasicForm.default;
-    }, function (_controlsButtonsIconButton) {
-      AddIconTextButton = _controlsButtonsIconButton.AddIconTextButton;
-      DeleteIconTextButton = _controlsButtonsIconButton.DeleteIconTextButton;
-      SaveIconTextButton = _controlsButtonsIconButton.SaveIconTextButton;
-    }, function (_webAtomsWebControlsDistBasicFormField) {
-      FormField = _webAtomsWebControlsDistBasicFormField.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistViewModelAction) {
       Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
-      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
-    }, function (_dateDateFormats) {
-      DateFormats = _dateDateFormats.DateFormats;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      UMD = _webAtomsCoreDistCoreTypes.UMD;
     }],
     execute: function () {
-      _export("default", MultiFactorSetupPage = class MultiFactorSetupPage extends ContentPage {
+      _export("default", ChooseWebSiteTemplatePage = class ChooseWebSiteTemplatePage extends PopupWindowPage {
         init() {
-          var _a, _b;
           return __awaiter(this, void 0, void 0, function* () {
-            this.model = yield this.userService.getCurrent();
-            const {
-              multiFactor
-            } = this.model;
-            this.title = "Setup Multi Factor Authentication";
-            if (!((_a = this.model.authFactors) === null || _a === void 0 ? void 0 : _a.length)) {
-              yield this.notSetup();
-              return;
-            }
-            if (multiFactor) {
-              this.renderer = XNode.create("div", {
-                "data-layout": "center-page-900px"
-              }, XNode.create(Form, null, XNode.create(FormField, {
-                label: "Methods"
-              }, XNode.create(AtomRepeater, {
-                for: "table",
-                items: this.model.authFactors,
-                itemRenderer: item => this.renderAuthFactor(item)
-              })), !multiFactor && XNode.create("div", {
-                "data-layout": "command-row"
-              }, XNode.create(AddIconTextButton, {
-                "event-click": () => this.addAuthenticator(),
-                text: "Add Authenticator"
-              }), XNode.create(AddIconTextButton, {
-                "event-click": () => this.generateOTP(),
-                text: "Generate OTP"
-              })), XNode.create("div", {
-                "data-layout": "command-row"
-              }, XNode.create("div", null, "Multi factor authentication is enabled."), XNode.create(DeleteIconTextButton, {
-                text: "Disable"
-              }))));
-              return;
-            }
-            const disable = !((_b = this.model.authFactors) === null || _b === void 0 ? void 0 : _b.length) || !this.model.authFactors.some(i => i.method === "totp" && i.verified) || this.model.authFactors.filter(i => i.method === "one-time").length < 8;
-            this.renderer = XNode.create("div", {
-              "data-layout": "center-page-900px"
-            }, XNode.create(Form, null, XNode.create(FormField, {
-              label: "Methods"
-            }, XNode.create(AtomRepeater, {
-              for: "table",
-              items: this.model.authFactors,
-              itemRenderer: item => this.renderAuthFactor(item)
-            })), !multiFactor && XNode.create("div", {
-              "data-layout": "command-row"
-            }, XNode.create(AddIconTextButton, {
-              "event-click": () => this.addAuthenticator(),
-              text: "Add Authenticator"
-            }), XNode.create(AddIconTextButton, {
-              "event-click": () => this.generateOTP(),
-              text: "Generate OTP"
-            })), disable && XNode.create("div", null, "You must add at least one authenticator and generate 8 OTPs (one time passwords) to enable Multi factor authentication."), !multiFactor && XNode.create("div", {
-              "data-layout": "command-row"
-            }, XNode.create(SaveIconTextButton, {
-              disabled: disable,
-              "style-color": disable ? "gray" : "",
-              "data-click-event": "enable-multi-factor",
-              text: "Enable"
-            }), XNode.create(DeleteIconTextButton, {
-              "data-submit-event": "clear-all",
-              text: "Clear All"
-            })), multiFactor && XNode.create("div", {
-              "data-layout": "command-row"
-            }, XNode.create(DeleteIconTextButton, {
-              text: "Disable"
-            }))));
+            this.renderer = XNode.create("div", null, XNode.create("button", {
+              "data-click-event": "create-template",
+              text: "Create"
+            }));
+          });
+        }
+        createTemplate() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const path = UMD.resolvePath("@social-mail/social-mail-client/content/templates/plain/index.html");
+            const rs = yield fetch(path);
+            const text = yield rs.text();
+            yield this.upload("index.html", text);
+          });
+        }
+        upload(fileName, content) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const url = `/api/upload?parentID=${this.parameters.appFileID}`;
+            const body = new FormData();
+            body.append(fileName, new Blob([content], {
+              type: "text/html"
+            }), fileName);
+            const rs = yield fetch(url, {
+              method: "POST",
+              body
+            });
+          });
+        }
+      });
+      __decorate([Action({
+        onEvent: "create-template",
+        close: true
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ChooseWebSiteTemplatePage.prototype, "createTemplate", null);
+    }
+  };
+});
+//# sourceMappingURL=ChooseWebSiteTemplatePage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/websites/templates/ChooseWebSiteTemplatePage");
+System.register(["tslib", "./http/JsonError"], function (_export, _context) {
+  "use strict";
+  var __awaiter, JsonError, FetchBuilder;
+  function buildUrl(strings, ...p) {
+    let r = "";
+    for (let index = 0; index < strings.length; index++) {
+      const element = strings[index];
+      r += element;
+      if (index < p.length) {
+        r += encodeURIComponent(p[index]);
+      }
+    }
+    return r;
+  }
+  _export({
+    buildUrl: buildUrl,
+    default: void 0
+  });
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_httpJsonError) {
+      JsonError = _httpJsonError.default;
+    }],
+    execute: function () {
+      _export("default", FetchBuilder = class FetchBuilder {
+        static get(url) {
+          return this.method(url, "GET");
+        }
+        static put(url) {
+          return this.method(url, "PUT");
+        }
+        static post(url) {
+          return this.method(url, "POST");
+        }
+        static delete(url) {
+          return this.method(url, "DELETE");
+        }
+        static method(url, method) {
+          return new FetchBuilder({
+            url,
+            method
+          });
+        }
+        constructor(request) {
+          this.request = request;
+        }
+        cancelToken(cancelToken) {
+          const ac = new AbortController();
+          cancelToken.registerForCancel(() => ac.abort());
+          return this.signal(ac.signal);
+        }
+        signal(signal) {
+          return this.append({
+            signal
+          });
+        }
+        form(name, value) {
+          var _a;
+          const body = (_a = this.request.body) !== null && _a !== void 0 ? _a : new FormData();
+          body.append(name, value);
+          return this.append({
+            body
+          });
+        }
+        jsonBody(body, encode = true) {
+          var _a;
+          if (encode) {
+            body = JSON.stringify(body);
+          }
+          const headers = (_a = this.request.headers) !== null && _a !== void 0 ? _a : {};
+          headers["content-type"] = "application/json";
+          return this.append({
+            body,
+            headers
+          });
+        }
+        header(name, value) {
+          var _a;
+          const headers = (_a = this.request.headers) !== null && _a !== void 0 ? _a : {};
+          headers[name] = value;
+          return this.append({
+            headers
+          });
+        }
+        path(name, value, encode = true) {
+          let url = this.request.url;
+          if (encode) {
+            value = encodeURIComponent(value);
+          }
+          url = url.replace(name, value);
+          return this.append({
+            url
+          });
+        }
+        query(name, value, encode = true) {
+          let url = this.request.url;
+          if (encode) {
+            value = encodeURIComponent(value);
+          }
+          name = encodeURIComponent(name);
+          if (url.indexOf("?") === -1) {
+            url += `?${name}=${value}`;
+          } else {
+            url += `&${name}=${value}`;
+          }
+          return this.append({
+            url
+          });
+        }
+        responseAsText(ensureSuccess = true) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const r = yield this.response();
+            if (ensureSuccess) {
+              yield this.ensureSuccess(r);
+            }
+            return yield r.text();
+          });
+        }
+        responseAsBlob(ensureSuccess = true) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const r = yield this.response();
+            if (ensureSuccess) {
+              yield this.ensureSuccess(r);
+            }
+            return yield r.blob();
+          });
+        }
+        responseAsJson(ensureSuccess = true) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const r = yield this.response();
+            if (ensureSuccess) {
+              yield this.ensureSuccess(r);
+            }
+            return yield r.json();
+          });
+        }
+        response() {
+          return fetch(this.request.url, this.request);
+        }
+        ensureSuccess(r) {
+          return __awaiter(this, void 0, void 0, function* () {
+            if (r.status <= 300) {
+              return;
+            }
+            const type = r.headers.get("content-type");
+            if (/\/json/i.test(type)) {
+              const json = yield r.json();
+              throw new JsonError(`Failed for ${this.request.url}`, json);
+            }
+            const text = yield r.text();
+            throw new Error(`Failed for ${this.request.url}\n${text}`);
+          });
+        }
+        append(r) {
+          return new FetchBuilder(Object.assign(Object.assign({}, this.request), r));
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=FetchBuilder.js.map
+    AmdLoader.instance.setup("@web-atoms/core/dist/services/FetchBuilder");
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./TreeView", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/InjectProperty", "../../../web/page/files/service/CloudFileService", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, XNode, TreeView, BindableProperty, InjectProperty, CloudFileService, Bind, Action, FolderTreeView, FileTreeView, getExtension;
+  _export({
+    FolderTreeView: void 0,
+    FileTreeView: void 0
+  });
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_TreeView) {
+      TreeView = _TreeView.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webPageFilesServiceCloudFileService) {
+      CloudFileService = _webPageFilesServiceCloudFileService.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }],
+    execute: function () {
+      getExtension = name => {
+        const index = name.lastIndexOf(".");
+        if (index === -1) {
+          return "dat";
+        }
+        return name.substring(index + 1);
+      };
+      _export("FolderTreeView", FolderTreeView = class FolderTreeView extends TreeView {
+        constructor(app, e) {
+          super(app, e);
+          this.childrenProperty = item => {
+            var _a;
+            return (_a = item.children) !== null && _a !== void 0 ? _a : item.children = [];
+          };
+          this.canSelect = item => item.isFolder;
+          this.isFolder = item => item.isFolder;
+          this.fileIconRenderer = item => XNode.create("i", {
+            "data-click-event": "none",
+            class: `fiv-viv fiv-icon-${getExtension(item.name)}`
+          });
+          this.labelRenderer = x => XNode.create("span", {
+            text: x.name,
+            title: x.name
+          });
+          this.render(XNode.create("div", {
+            folder: Bind.oneWayAsync((c, _, cancelToken) => this.loadFolder(this.folderId, this.accept, cancelToken))
+          }));
+        }
+        onItemExpanded(item) {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield this.cloudFileService.expand(item);
+          });
+        }
+        loadFolder(folder, accept, cancelToken) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const f = yield this.cloudFileService.getFolder(folder, cancelToken);
+            this.root = f;
+            this.selectedItem = f;
+          });
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", String)], FolderTreeView.prototype, "accept", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Number)], FolderTreeView.prototype, "folderId", void 0);
+      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], FolderTreeView.prototype, "cloudFileService", void 0);
+      __decorate([Action({
+        onEvent: "item-expanded"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], FolderTreeView.prototype, "onItemExpanded", null);
+      _export("FileTreeView", FileTreeView = class FileTreeView extends FolderTreeView {
+        constructor(app, e) {
+          super(app, e);
+          this.canSelect = item => !item.isFolder;
+          this.labelRenderer = x => XNode.create("span", {
+            text: x.name,
+            title: x.name,
+            "data-click-event": x.isFolder ? "none" : "select-item"
+          });
+        }
+        loadFolder(folder, accept, cancelToken) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const f = yield this.cloudFileService.root({
+              id: folder,
+              cancelToken
+            });
+            this.root = f;
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=FileTreeView.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/tree/FileTreeView");
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/tree/FileTreeView", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "../service/CloudFileService", "@web-atoms/core/dist/style/styled", "../../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, ChooseMediaPage, css;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_commonControlsTreeFileTreeView) {
+      FolderTreeView = _commonControlsTreeFileTreeView.FolderTreeView;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_serviceCloudFileService) {
+      CloudFileService = _serviceCloudFileService.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_commonControlsDragDropFilesDragDrop) {
+      FilesDragDrop = _commonControlsDragDropFilesDragDrop.FilesDragDrop;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.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%;
+        }
+        & .media-file {
+            display: inline-block;
+            max-height: 300px;
+            border: solid 5px transparent;
+            overflow: hidden;
+            cursor: pointer;
+            &:hover {
+                border-color: lightblue;
+            }
+            &[data-selected-item] {
+                border-color: green;
+            }
+        }
+    }
+`.installLocal();
+      _export("default", ChooseMediaPage = class ChooseMediaPage extends PopupWindowPage {
+        constructor() {
+          super(...arguments);
+          this.search = "";
+          this.version = 1;
+          this.size = 700;
+          this.selectedFile = null;
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.title = "Choose Media";
+            const {
+              accept = "image/*, video/*, audio/*"
+            } = this.parameters;
+            this.selectedFolder = this.parameters.folder;
+            this.element.style.minWidth = "90%";
+            this.element.style.minHeight = "90%";
+            this.renderer = XNode.create("div", {
+              class: css
+            }, XNode.create(FolderTreeView, {
+              accept: accept,
+              folderId: this.parameters.folder.appFileID,
+              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, {
+              selectOnClick: true,
+              selectedItem: Bind.twoWaysImmediate(() => this.selectedFile),
+              header: true,
+              headerRenderer: item => XNode.create("div", {
+                "data-position": "sticky-top",
+                "data-layout": "header-row"
+              }),
+              items: Bind.oneWayAsync((c, e, cancelToken) => this.cloudFileService.files({
+                search: this.search,
+                folder: this.selectedFolder,
+                version: this.version,
+                accept,
+                cancelToken
+              })),
+              itemRenderer: item => XNode.create("div", {
+                class: "media-file"
+              }, XNode.create("img", {
+                src: `/api/files/jpg(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.jpg`
+              }))
+            })));
+            this.footerRenderer = () => XNode.create("div", {
+              "style-display": Bind.oneWay(() => this.selectedFile !== null),
+              "data-layout": "command-row"
+            }, XNode.create("input", {
+              type: "range",
+              min: "100",
+              max: "2000",
+              step: "100",
+              value: Bind.twoWaysImmediate(() => this.size)
+            }), XNode.create("span", {
+              text: Bind.oneWay(() => `${this.size}px`)
+            }), XNode.create("button", {
+              "data-click-event": "select-file",
+              text: "Save"
+            }));
+          });
+        }
+        selectFile() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const file = this.selectedFile;
+            const size = this.size;
+            return {
+              file,
+              size
+            };
+          });
+        }
+        onFilesUploaded() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.version++;
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], ChooseMediaPage.prototype, "cloudFileService", void 0);
+      __decorate([Action({
+        onEvent: "select-file",
+        close: true
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ChooseMediaPage.prototype, "selectFile", null);
+      __decorate([Action({
+        onEvent: "files-available"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ChooseMediaPage.prototype, "onFilesUploaded", null);
+    }
+  };
+});
+//# sourceMappingURL=ChooseMediaPage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/web/page/files/media/ChooseMediaPage");
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var XNode, AtomControl, styled;
+  function Block({
+    className,
+    title,
+    factory
+  }) {
+    return () => {
+      return XNode.create("i", {
+        "data-html-editor-element": "block",
+        class: className,
+        title: title,
+        draggable: true,
+        "event-click": e => {
+          const editor = AtomControl.from(e.target);
+          editor.insertElement(factory(editor.htmlDocument));
+        },
+        "event-dragstart": e => {
+          const ne = factory(AtomControl.from(e.target).htmlDocument);
+          e.dataTransfer.setDragImage(ne, 0, 0);
+          e.dataTransfer.setData("text/html", ne.outerHTML);
+        }
+      });
+    };
+  }
+  _export("Block", Block);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+        padding: 5px;
+        cursor: pointer;
+        &:hover {
+            background-color: #00800080;
+        }
+    `.installGlobal("[data-html-editor-element=block]");
+    }
+  };
+});
+//# sourceMappingURL=Block.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Block");
+System.register(["./Block"], function (_export, _context) {
+  "use strict";
+  var Block, src, ImageBlock;
+  return {
+    setters: [function (_Block) {
+      Block = _Block.Block;
+    }],
+    execute: function () {
+      src = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+`;
+      _export("ImageBlock", ImageBlock = Block({
+        className: "fas fa-image",
+        title: "Add Image",
+        factory: d => {
+          const img = d.createElement("img");
+          img.setAttribute("src", src);
+          return img;
+        }
+      }));
+    }
+  };
+});
+//# sourceMappingURL=ImageBlock.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageBlock");
+System.register([], function (_export, _context) {
+  "use strict";
+  function InstallDragDropHelper(editor) {
+    let placeholder;
+    let dragged;
+    const document = editor.htmlDocument;
+    document.addEventListener("dragstart", e => {
+      dragged = e.target;
+      e.dataTransfer.dropEffect = "move";
+      e.dataTransfer.setDragImage(dragged, 0, 0);
+    });
+    document.addEventListener("dragover", e => {
+      const target = e.target;
+      e.preventDefault();
+      if (target === placeholder) {
+        return;
+      }
+      e.dataTransfer.dropEffect = "copy";
+      if (!placeholder) {
+        placeholder = document.createElement("div");
+        placeholder.style.display = "block";
+        placeholder.style.backgroundColor = "green";
+        document.body.appendChild(placeholder);
+      }
+      const insert = (where, width = "5px", height = "5px") => {
+        const previous = where === "beforebegin" ? target.previousElementSibling : target.nextElementSibling;
+        if (previous === placeholder) {
+          return;
+        }
+        placeholder.remove();
+        target.insertAdjacentElement(where, placeholder);
+        placeholder.style.width = width;
+        placeholder.style.height = height;
+      };
+      const b = target.getBoundingClientRect();
+      const mp = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      const style = document.defaultView.getComputedStyle(target);
+      const isVertical = style.display === "flex" && (style.flexDirection === "row" || style.flexWrap) || style.display === "inline-block" || target.tagName === "TD";
+      if (isVertical) {
+        if (target.childElementCount === 0) {
+          insert("afterbegin", void 0, "100%");
+          return;
+        }
+        if (b.x + b.width * 0.2 > mp.x) {
+          insert("beforebegin", void 0, "100%");
+          return;
+        }
+        insert("afterend", void 0, "100%");
+        return;
+      }
+      if (target.childElementCount === 0) {
+        insert("afterbegin", "100%");
+        return;
+      }
+      if (b.y + b.height * 0.2 > mp.y) {
+        insert("beforebegin", "100%");
+        return;
+      }
+      insert("afterend", "100%");
+    });
+    document.addEventListener("dragend", e => {
+      if (placeholder) {
+        if (dragged) {
+          dragged.style.display = "";
+          dragged.remove();
+          placeholder.parentElement.replaceChild(dragged, placeholder);
+          editor.setSelection(dragged, true);
+        } else {
+          const div = document.createElement("div");
+          div.innerHTML = e.dataTransfer.getData("text/html");
+          const node = div.firstElementChild;
+          placeholder.parentElement.replaceChild(node, placeholder);
+          editor.setSelection(node, true);
+        }
+      }
+      dragged = null;
+      placeholder === null || placeholder === void 0 ? void 0 : placeholder.remove();
+      placeholder = null;
+    });
+    document.addEventListener("drop", e => {
+      if (placeholder) {
+        if (dragged) {
+          dragged.style.display = "";
+          dragged.remove();
+          placeholder.parentElement.replaceChild(dragged, placeholder);
+          editor.setSelection(dragged, true);
+        } else {
+          const div = document.createElement("div");
+          div.innerHTML = e.dataTransfer.getData("text/html");
+          const node = div.firstElementChild;
+          placeholder.parentElement.replaceChild(node, placeholder);
+          editor.setSelection(node, true);
+        }
+      }
+      dragged = null;
+      placeholder === null || placeholder === void 0 ? void 0 : placeholder.remove();
+      placeholder = null;
+    });
+    document.addEventListener("dragleave", e => {
+      placeholder === null || placeholder === void 0 ? void 0 : placeholder.remove();
+      placeholder = null;
+    });
+    setTimeout(() => {
+      document.body.querySelectorAll("*").forEach(e => e.draggable = true);
+    }, 100);
+  }
+  _export("InstallDragDropHelper", InstallDragDropHelper);
+  return {
+    setters: [],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=DragDropHelper.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/drag-drop/DragDropHelper");
+System.register(["tslib", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+  "use strict";
+  var __awaiter, AtomControl, EditorCommand;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }],
+    execute: function () {
+      _export("EditorCommand", EditorCommand = {
+        onClick(cb) {
+          return e => {
+            var _a;
+            let c = AtomControl.from(e.target);
+            while (c && !((_a = c.element) === null || _a === void 0 ? void 0 : _a.hasAttribute("data-html-page-editor"))) {
+              c = c.parent;
+            }
+            return cb(c, e);
+          };
+        },
+        insertContent(cb) {
+          return e => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            let c = AtomControl.from(e.target);
+            while (c && !((_a = c.element) === null || _a === void 0 ? void 0 : _a.hasAttribute("data-html-page-editor"))) {
+              c = c.parent;
+            }
+            const editor = c;
+            let content = cb(editor, e);
+            if (!content) {
+              return;
+            }
+            content = yield content;
+            const document = editor.htmlDocument;
+            if (typeof content === "string") {
+              const div = document.createElement("div");
+              div.innerHTML = content;
+              for (const iterator of Array.from(div.children)) {
+                editor.insertElement(iterator);
+              }
+              return;
+            }
+            editor.insertElement(content);
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=EditorCommand.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/commands/EditorCommand");
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "./EditorCommand", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/Bind", "@web-atoms/web-controls/dist/PageNavigator"], function (_export, _context) {
+  "use strict";
+  var __awaiter, XNode, EditorCommand, PopupWindowPage, Bind, PageNavigator, CodeEditorWindow, CodeCommand;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_EditorCommand) {
+      EditorCommand = _EditorCommand.EditorCommand;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }],
+    execute: function () {
+      CodeEditorWindow = class CodeEditorWindow extends PopupWindowPage {
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.element.style.minWidth = "90%";
+            this.element.style.minHeight = "90%";
+            this.renderer = XNode.create("div", null, XNode.create("textarea", {
+              "data-position": "absolute-fill",
+              value: Bind.twoWaysImmediate(() => this.parameters)
+            }));
+            this.footerRenderer = () => XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create("button", {
+              "event-click": () => this.close(this.parameters),
+              text: "Save"
+            }));
+          });
+        }
+      };
+      _export("CodeCommand", CodeCommand = () => {
+        return XNode.create("i", {
+          class: "fa-solid fa-code",
+          "event-click": EditorCommand.onClick((editor, e) => __awaiter(void 0, void 0, void 0, function* () {
+            const text = yield PageNavigator.pushPageForResult(CodeEditorWindow, editor.htmlPage);
+            editor.htmlPage = text;
+            editor.commit();
+          }))
+        });
+      });
+    }
+  };
+});
+//# sourceMappingURL=CodeCommand.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/commands/CodeCommand");
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var XNode, styled;
+  function EditorToolbar(a, ...nodes) {
+    return XNode.create("div", Object.assign({
+      "data-html-editor-element": "toolbar"
+    }, a), ...nodes);
+  }
+  _export("default", EditorToolbar);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    align-content: flex-start;
+    & > * {
+        color: #555555;
+        padding: 5px;
+        cursor: pointer;
+        &:not([data-disabled]):hover, &[data-disabled=false]:hover {
+            background-color: #00800050;
+        }
+        &[data-disabled=true] {
+            color: #80808080;
+        }
+        &[data-selected=true] {
+            color: green;
+            background-color: lightgray;
+        }
+    }
+    & + [data-html-editor-element] {
+        margin-left: 20px;
+    }
+`.installGlobal("[data-html-editor-element=toolbar]");
+    }
+  };
+});
+//# sourceMappingURL=EditorToolbar.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/EditorToolbar");
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "./EditorToolbar", "../commands/EditorCommand"], function (_export, _context) {
+  "use strict";
+  var Bind, XNode, EditorToolbar, EditorCommand;
+  function UndoRedoToolbar() {
+    return XNode.create(EditorToolbar, {
+      "data-element": "undo"
+    }, XNode.create("i", {
+      "event-click": EditorCommand.onClick(editor => {
+        editor.redoList.insert(editor.redoList.length, editor.htmlDocument.documentElement.innerHTML);
+        editor.htmlDocument.documentElement.innerHTML = editor.undoList.removeAt(editor.undoList.length - 1);
+      }),
+      title: "Undo",
+      "data-disabled": Bind.oneWay(editor => editor.undoList.length === 0),
+      class: "fas fa-undo"
+    }), XNode.create("i", {
+      "event-click": EditorCommand.onClick(editor => {
+        editor.undoList.insert(editor.undoList.length, editor.htmlDocument.documentElement.innerHTML);
+        editor.htmlDocument.documentElement.innerHTML = editor.redoList.removeAt(editor.redoList.length - 1);
+      }),
+      title: "Redo",
+      "data-disabled": Bind.oneWay(editor => editor.redoList.length === 0),
+      class: "fas fa-redo"
+    }));
+  }
+  _export("default", UndoRedoToolbar);
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_EditorToolbar) {
+      EditorToolbar = _EditorToolbar.default;
+    }, function (_commandsEditorCommand) {
+      EditorCommand = _commandsEditorCommand.EditorCommand;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=UndoRedoToolbar.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/toolbars/UndoRedoToolbar");
+System.register(["./Block"], function (_export, _context) {
+  "use strict";
+  var Block, WrapGrid;
+  return {
+    setters: [function (_Block) {
+      Block = _Block.Block;
+    }],
+    execute: function () {
+      _export("WrapGrid", WrapGrid = Block({
+        className: "fa-duotone fa-grid-horizontal fa-rotate-90",
+        title: "Wrap Grid",
+        factory: doc => {
+          const e = doc.createElement("div");
+          e.setAttribute("styler-layout", "wrap-list");
+          return e;
+        }
+      }));
+    }
+  };
+});
+//# sourceMappingURL=WrapGrid.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid");
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var styled, StylerVariable, StylerPropertyPair, StylerProperty, camelToSnakeCase, prepareVariables, stylerVars, pair, createSet;
+  _export({
+    StylerVariable: void 0,
+    StylerPropertyPair: void 0,
+    StylerProperty: void 0
+  });
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      camelToSnakeCase = str => str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`);
+      prepareVariables = a => {
+        const r = {};
+        for (const key in a) {
+          if (Object.prototype.hasOwnProperty.call(a, key)) {
+            const value = a[key];
+            const name = camelToSnakeCase(key);
+            r[key] = {
+              name,
+              value,
+              toString() {
+                return `var(--${name}, ${value})`;
+              }
+            };
+          }
+        }
+        return r;
+      };
+      _export("stylerVars", stylerVars = prepareVariables({
+        sizeTiny: "2px",
+        sizeSmall: "5px",
+        sizeSmaller: "7px",
+        sizeDefault: "10px",
+        sizeLarger: "15px",
+        sizeLarge: "20px",
+        defaultColor: "canvas",
+        defaultTextColor: "canvastext",
+        borderColor: "lightgray",
+        headerColor: "#0571ff30",
+        headerTextColor: "",
+        accentColor: "blue",
+        accentTextColor: "white",
+        noteColor: "#ffffe0",
+        noteTextColor: "",
+        warningColor: "#FFC107",
+        warningTextColor: "darkgray",
+        selectionColor: "highlight",
+        selectionTextColor: "highlightText",
+        hoverColor: "#A0A0A010",
+        hoverTextColor: "CanvasText",
+        stopColor: "red",
+        stopTextColor: "white",
+        goColor: "green",
+        goTextColor: "white",
+        acceptColor: "blue",
+        acceptTextColor: "white",
+        rejectColor: "red",
+        rejectTextColor: "white",
+        fontSizeSmall: "0.8125em",
+        commandBgColor: "#F0F0F0",
+        menuBgColor: "#808080",
+        menuColor: "#F0F0F0",
+        linkColor: "blue"
+      }));
+      _export("StylerVariable", StylerVariable = class StylerVariable {
+        constructor(name, value) {
+          this.name = name;
+          this.value = value;
+        }
+        toString() {
+          return `--${this.name}: ${this.value};`;
+        }
+      });
+      _export("StylerPropertyPair", StylerPropertyPair = class StylerPropertyPair {
+        constructor(name, value) {
+          this.name = name;
+          this.value = value.toString();
+        }
+        toString() {
+          return this.value.split("\n").join("\n\t");
+        }
+      });
+      _export("StylerProperty", StylerProperty = class StylerProperty {
+        static from(pairs) {
+          const r = [];
+          for (const key in pairs) {
+            if (Object.prototype.hasOwnProperty.call(pairs, key)) {
+              const element = pairs[key];
+              r.push(new StylerProperty(element.name, key, element.className, element.values));
+            }
+          }
+          return r;
+        }
+        constructor(name, key, className, values) {
+          this.name = name;
+          this.key = key;
+          this.className = className;
+          this.values = [];
+          for (const k in values) {
+            if (Object.prototype.hasOwnProperty.call(values, k)) {
+              const element = values[k];
+              this.values.push(new StylerPropertyPair(k, element.expand(`[${this.key}=${k}]`)));
+            }
+          }
+        }
+        toString() {
+          return this.values.join("\n");
+        }
+      });
+      _export("pair", pair = (name, value) => (!value ? (value = name, name = name.replace(" ", "-")) : name, {
+        name,
+        value
+      }));
+      _export("createSet", createSet = (name, values, appendGlobals = true) => {
+        const r = {
+          custom: styled.css`${name}: var(--${name});`
+        };
+        if (appendGlobals) {
+          values.push(...["inherit", "initial", "revert", "revert-layer", "unset"]);
+        }
+        for (const iterator of values) {
+          if (typeof iterator === "string") {
+            r[iterator] = styled.css`\t${name}: ${iterator};`;
+            continue;
+          }
+          r[iterator.name] = styled.css`\t${name}: ${iterator.value};`;
+        }
+        return r;
+      });
+    }
+  };
+});
+//# sourceMappingURL=Styler.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/Styler");
+System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+  "use strict";
+  var styled, stylerVars, stylerLayout;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("stylerLayout", stylerLayout = {
+        "styler-layout": {
+          name: "Layout",
+          className: "",
+          values: {
+            "wrap-list": styled.css`
+                display: flex;
+                flex-direction: column;
+                flex-wrap: wrap;
+                gap: ${stylerVars.sizeDefault};
+                padding: ${stylerVars.sizeDefault};
+                margin: ${stylerVars.sizeDefault};
+            `,
+            "column": styled.css`
+                display: flex;
+                flex-direction: column;
+                flex-wrap: nowrap;
+                gap: ${stylerVars.sizeDefault};
+                padding: ${stylerVars.sizeDefault};
+                margin: ${stylerVars.sizeDefault};
+            `,
+            "row": styled.css`
+                display: flex;
+                flex-direction: row;
+                flex-wrap: nowrap;
+                gap: ${stylerVars.sizeDefault};
+                padding: ${stylerVars.sizeDefault};
+                margin: ${stylerVars.sizeDefault};
+            `,
+            "block": styled.css`
+                display: block;
+                padding: ${stylerVars.sizeDefault};
+                margin: ${stylerVars.sizeDefault};
+            `,
+            "nav-bar": styled.css`
+                display: flex;
+                padding: ${stylerVars.sizeSmall};
+                margin: ${stylerVars.sizeDefault};
+                border-radius: ${stylerVars.sizeLarge};
+                align-items: center;
+                justify-content: space-between;
+                & > h1, & > h2, & > h3, & > h5, & > h6 {
+                    margin-block-start: 0;
+                    margin-block-end: 0;
+                }
+            `,
+            "floating-nav-bar": styled.css`
+                display: flex;
+                padding: ${stylerVars.sizeSmall};
+                margin: ${stylerVars.sizeDefault};
+                position: sticky;
+                top: ${stylerVars.sizeDefault};
+                border-radius: ${stylerVars.sizeLarge};
+                align-items: center;
+                justify-content: space-between;
+                & > h1, & > h2, & > h3, & > h5, & > h6 {
+                    margin-block-start: 0;
+                    margin-block-end: 0;
+                }
+            `
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=layout.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layout");
+System.register(["../Styler"], function (_export, _context) {
+  "use strict";
+  var createSet, stylerCursor;
+  return {
+    setters: [function (_Styler) {
+      createSet = _Styler.createSet;
+    }],
+    execute: function () {
+      _export("stylerCursor", stylerCursor = {
+        "styler-cursor": {
+          name: "Cursor",
+          className: "",
+          values: Object.assign({}, createSet("cursor", ["auto", "default", "nope", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "e-resize", "n-resize", "ne-resize", "nw-resize", "s-resize", "se-resize", "sw-resize", "w-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "col-resize", "row-resize", "all-scroll", "zoom-in", "zoom-out"]))
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=cursor.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/cursor");
+System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+  "use strict";
+  var styled, stylerVars, stylerColor;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("stylerColor", stylerColor = {
+        "styler-color": {
+          name: "Text Color",
+          className: "",
+          values: {
+            "custom": styled.css`color: var(--styler-color);`,
+            "red": styled.css`color: red ;`,
+            "blue": styled.css`color: blue ;`,
+            "green": styled.css`color: green ;`,
+            "lightgreen": styled.css`color: lightgreen ;`,
+            "lightyellow": styled.css`color: lightyellow ;`,
+            "gold": styled.css`color: gold ;`,
+            "goldenrod": styled.css`color: goldenrod ;`,
+            "fuchsia": styled.css`color: fuchsia ;`,
+            "black": styled.css`color: black ;`,
+            "white": styled.css`color: white ;`,
+            "header": styled.css`color: ${stylerVars.headerTextColor} ;`,
+            "default": styled.css`color: ${stylerVars.defaultTextColor} ;`,
+            "highlight": styled.css`color: ${stylerVars.selectionTextColor} ;`,
+            "selection": styled.css`color: ${stylerVars.selectionTextColor} ;`,
+            "accent": styled.css`color: ${stylerVars.accentColor} ;`,
+            "force-custom": styled.css`color: var(--styler-color) !important;`,
+            "force-red": styled.css`color: red !important;`,
+            "force-blue": styled.css`color: blue !important;`,
+            "force-green": styled.css`color: green !important;`,
+            "force-lightgreen": styled.css`color: lightgreen !important;`,
+            "force-lightyellow": styled.css`color: lightyellow !important;`,
+            "force-gold": styled.css`color: gold !important;`,
+            "force-goldenrod": styled.css`color: goldenrod !important;`,
+            "force-fuchsia": styled.css`color: fuchsia !important;`,
+            "force-black": styled.css`color: black !important;`,
+            "force-white": styled.css`color: white !important;`,
+            "force-header": styled.css`color: ${stylerVars.headerTextColor} !important;`,
+            "force-default": styled.css`color: ${stylerVars.defaultTextColor} !important;`,
+            "force-highlight": styled.css`color: ${stylerVars.selectionTextColor} !important;`,
+            "force-selection": styled.css`color: ${stylerVars.selectionTextColor} !important;`,
+            "force-accent": styled.css`color: ${stylerVars.accentColor} !important;`
+          }
+        },
+        "styler-background-color": {
+          name: "Box Color",
+          className: "",
+          values: {
+            "custom": styled.css`background-color: var(--styler-color);`,
+            "red": styled.css`background-color: red ;`,
+            "blue": styled.css`background-color: blue ;`,
+            "green": styled.css`background-color: green ;`,
+            "lightgreen": styled.css`background-color: lightgreen ;`,
+            "lightyellow": styled.css`background-color: lightyellow ;`,
+            "gold": styled.css`background-color: gold ;`,
+            "goldenrod": styled.css`background-color: goldenrod ;`,
+            "fuchsia": styled.css`background-color: fuchsia ;`,
+            "black": styled.css`background-color: black ;`,
+            "white": styled.css`background-color: white ;`,
+            "header": styled.css`background-color: ${stylerVars.headerColor} ;`,
+            "default": styled.css`background-color: ${stylerVars.defaultColor} ;`,
+            "highlight": styled.css`background-color: ${stylerVars.selectionColor} ;`,
+            "selection": styled.css`background-color: ${stylerVars.selectionColor} ;`,
+            "accent": styled.css`background-color: ${stylerVars.accentColor} ;`,
+            "force-custom": styled.css`background-color: var(--styler-color) !important;`,
+            "force-red": styled.css`background-color: red !important;`,
+            "force-blue": styled.css`background-color: blue !important;`,
+            "force-green": styled.css`background-color: green !important;`,
+            "force-lightgreen": styled.css`background-color: lightgreen !important;`,
+            "force-lightyellow": styled.css`background-color: lightyellow !important;`,
+            "force-gold": styled.css`background-color: gold !important;`,
+            "force-goldenrod": styled.css`background-color: goldenrod !important;`,
+            "force-fuchsia": styled.css`background-color: fuchsia !important;`,
+            "force-black": styled.css`background-color: black !important;`,
+            "force-white": styled.css`background-color: white !important;`,
+            "force-header": styled.css`background-color: ${stylerVars.headerColor} !important;`,
+            "force-default": styled.css`background-color: ${stylerVars.defaultTextColor} !important;`,
+            "force-highlight": styled.css`background-color: ${stylerVars.selectionTextColor} !important;`,
+            "force-selection": styled.css`background-color: ${stylerVars.selectionTextColor} !important;`,
+            "force-accent": styled.css`background-color: ${stylerVars.accentColor} !important;`
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=color.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/color");
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var styled, stylerBackdropFilter;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      _export("stylerBackdropFilter", stylerBackdropFilter = {
+        "styler-backdrop-filter": {
+          name: "Backdrop Filter",
+          className: "",
+          values: {
+            "blur": styled.css`
+                backdrop-filter: blur(15px);
+            `
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=filter.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/filter");
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+  var styled, stylerBoxShadow;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      _export("stylerBoxShadow", stylerBoxShadow = {
+        "styler-box-shadow": {
+          name: "Box Shadow",
+          className: "",
+          values: {
+            "default": styled.css`
+                box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.14);
+            `
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=boxShadow.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/boxShadow");
+System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+  "use strict";
+  var styled, stylerVars, stylerBorder;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("stylerBorder", stylerBorder = {
+        "styler-border": {
+          name: "Border",
+          className: "",
+          values: {
+            "none": styled.css`
+                border: none !important;
+            `,
+            "solid": styled.css`
+                border: solid 1px lightgray;
+            `
+          }
+        },
+        "styler-border-radius": {
+          name: "Border Radius",
+          className: "",
+          values: {
+            "default": styled.css`
+                border-radius: ${stylerVars.sizeDefault};
+            `
+          }
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=border.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/border");
+System.register(["./Styler", "./properties/layout", "./properties/cursor", "./properties/color", "./properties/filter", "./properties/boxShadow", "./properties/border"], function (_export, _context) {
+  "use strict";
+  var StylerProperty, StylerVariable, stylerVars, stylerLayout, stylerCursor, stylerColor, stylerBackdropFilter, stylerBoxShadow, stylerBorder, StylerSet, vars;
+  _export("StylerSet", void 0);
+  return {
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      StylerVariable = _Styler.StylerVariable;
+      stylerVars = _Styler.stylerVars;
+    }, function (_propertiesLayout) {
+      stylerLayout = _propertiesLayout.stylerLayout;
+    }, function (_propertiesCursor) {
+      stylerCursor = _propertiesCursor.stylerCursor;
+    }, function (_propertiesColor) {
+      stylerColor = _propertiesColor.stylerColor;
+    }, function (_propertiesFilter) {
+      stylerBackdropFilter = _propertiesFilter.stylerBackdropFilter;
+    }, function (_propertiesBoxShadow) {
+      stylerBoxShadow = _propertiesBoxShadow.stylerBoxShadow;
+    }, function (_propertiesBorder) {
+      stylerBorder = _propertiesBorder.stylerBorder;
+    }],
+    execute: function () {
+      vars = [];
+      for (const key in stylerVars) {
+        if (Object.prototype.hasOwnProperty.call(stylerVars, key)) {
+          const element = stylerVars[key];
+          vars.push(new StylerVariable(element.name, element.value));
+        }
+      }
+      _export("StylerSet", StylerSet = class StylerSet {
+        constructor() {
+          this.vars = vars;
+          this.properties = [...StylerProperty.from(stylerLayout), ...StylerProperty.from(stylerColor), ...StylerProperty.from(stylerCursor), ...StylerProperty.from(stylerBorder), ...StylerProperty.from(stylerBackdropFilter), ...StylerProperty.from(stylerBoxShadow)];
+        }
+        toString() {
+          return `:root{
+            ${this.vars.join("\n")}
+        }
+        ${this.properties.join("\n")}
+        `;
+        }
+      });
+      StylerSet.instance = new StylerSet();
+      ;
+    }
+  };
+});
+//# sourceMappingURL=StylerSet.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSet");
+System.register(["@web-atoms/core/dist/core/XNode", "../styler/StylerSet", "@web-atoms/web-controls/dist/basic/Select", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
+  "use strict";
+  var XNode, StylerSet, Select, Bind, AtomControl, BindStyleValue;
+  function Properties() {
+    const styler = StylerSet.instance;
+    return XNode.create("div", {
+      "data-layout": "vertical-flex-stretch-items"
+    }, ...styler.properties.map(p => {
+      return XNode.create("div", {
+        "data-layout": "vertical-flex-stretch-items"
+      }, XNode.create("label", null, p.name), XNode.create(Select, Object.assign({}, BindStyleValue(p.key), {
+        valuePath: v => v.value,
+        items: [{
+          label: "None",
+          value: ""
+        }, ...p.values.map(pair => ({
+          label: pair.name,
+          value: pair.name
+        }))]
+      })));
+    }));
+  }
+  _export("default", Properties);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_stylerStylerSet) {
+      StylerSet = _stylerStylerSet.StylerSet;
+    }, function (_webAtomsWebControlsDistBasicSelect) {
+      Select = _webAtomsWebControlsDistBasicSelect.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }],
+    execute: function () {
+      BindStyleValue = AtomControl.registerProperty("data-style-property", "custom", (c, e, v) => {
+        const editor = c;
+        const pv = editor.selection.style(v);
+        c.render(XNode.create("div", {
+          value: Bind.sourceTwoWays(pv, s => s.source.value)
+        }), e, c);
+      });
+    }
+  };
+});
+//# sourceMappingURL=Properties.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/Properties");
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/web/controls/AtomControl", "../../web/page/files/media/ChooseMediaPage", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/core/dist/core/BindableProperty", "../blocks/ImageBlock", "../drag-drop/DragDropHelper", "../commands/CodeCommand", "../toolbars/UndoRedoToolbar", "../blocks/WrapGrid", "../toolbars/EditorToolbar", "../properties/Properties", "@web-atoms/core/dist/core/AtomBinder", "../styler/StylerSet"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, Bind, XNode, sleep, styled, Action, AtomControl, ChooseMediaPage, PageNavigator, BindableProperty, ImageBlock, InstallDragDropHelper, CodeCommand, UndoRedoToolbar, WrapGrid, EditorToolbar, Properties, AtomBinder, StylerSet, SelectedElement, HtmlPageEditor, desktopWidth, tabletWidth, mobileWidth;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistCoreSleep) {
+      sleep = _webAtomsCoreDistCoreSleep.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webPageFilesMediaChooseMediaPage) {
+      ChooseMediaPage = _webPageFilesMediaChooseMediaPage.default;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_blocksImageBlock) {
+      ImageBlock = _blocksImageBlock.ImageBlock;
+    }, function (_dragDropDragDropHelper) {
+      InstallDragDropHelper = _dragDropDragDropHelper.InstallDragDropHelper;
+    }, function (_commandsCodeCommand) {
+      CodeCommand = _commandsCodeCommand.CodeCommand;
+    }, function (_toolbarsUndoRedoToolbar) {
+      UndoRedoToolbar = _toolbarsUndoRedoToolbar.default;
+    }, function (_blocksWrapGrid) {
+      WrapGrid = _blocksWrapGrid.WrapGrid;
+    }, function (_toolbarsEditorToolbar) {
+      EditorToolbar = _toolbarsEditorToolbar.default;
+    }, function (_propertiesProperties) {
+      Properties = _propertiesProperties.default;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }, function (_stylerStylerSet) {
+      StylerSet = _stylerStylerSet.StylerSet;
+    }],
+    execute: function () {
+      styled.css`
+        display: grid;
+        grid-template-columns: auto 1fr auto;
+        grid-template-rows: auto 1fr auto;
+        overflow: hidden !important;
+        & > [data-element=top] {
+            grid-row: 1;
+            grid-column: 2;
+            display: flex;
+            padding: 5px;
+            gap: 10px;
+            border-bottom: solid 1px lightgray;
+            border-radius: 0;
+            & > [data-element=max-width] {
+                display: flex;
+                gap: 10px;
+            }
+        }
+        & > [data-element=left] {
+            grid-row: 1 / span 3;
+            grid-column: 1;
+            border-right: solid 1px lightgray;
+            border-radius: 0;
+            width: 40px;
+        }
+        & > [data-element=right] {
+            grid-row: 1 / span 3;
+            grid-column: 3;
+            border-left: solid 1px lightgray;
+            border-radius: 0;
+        }
+        & > [data-element=editor] {
+            grid-row: 2;
+            grid-column: 2;
+            overflow: hidden;
+            align-self: stretch;
+            justify-self: center;
+            width: 100%;
+            height: 100%;
+            position: relative;
+            display: grid;
+            grid-template-columns: auto 1fr auto;
+            & > [data-element=content-frame] {
+                width: 100%;
+                height: 100%;
+                margin: 2px;
+                position: absolute;
+                & > iframe {
+                    position: absolute;
+                    width: 100%;
+                    height: 100%;
+                    border: none;
+                }
+            }
+            & > [data-element=selection] {
+                position: absolute;
+                pointer-events: none;
+                outline: solid 1px green;
+                z-index: 22;
+                & > div {
+                    pointer-events: all;
+                    position: absolute;
+                    right: 0;
+                    transform: translate(0, -100%);
+                    background-color: #0000ff;
+                    color: white;
+                    font-size: smaller;
+                    text-transform: capitalize;
+                    padding: 2px;
+                    padding-left: 5px;
+                    padding-right: 5px;
+                    display: flex;
+                    gap: 5px;
+                    & * {
+                        cursor: pointer;
+                        padding: 2px;
+                        &:hover {
+                            background-color: white;
+                            color: blue;
+                        }
+                    }
+                }
+            }
+            & > [data-element=hover] {
+                position: absolute;
+                outline: solid 1px blue;
+                pointer-events: none;
+                transition: all 100ms ease;
+                z-index: 20;
+                & > label {
+                    position: absolute;
+                    transform: translate(0, -100%);
+                    background-color: #0000ff6a;
+                    color: white;
+                    font-size: smaller;
+                    text-transform: capitalize;
+                    padding: 2px;
+                    padding-left: 5px;
+                    padding-right: 5px;
+                }
+            }
+        }
+    `.installGlobal("[data-html-page-editor=html-page-editor]");
+      desktopWidth = 992;
+      tabletWidth = 768;
+      mobileWidth = 480;
+      SelectedElement = class SelectedElement {
+        get element() {
+          return this.e;
+        }
+        constructor(editor) {
+          this.editor = editor;
+          this.styles = new Map();
+          this.name = "";
+          this.isImage = false;
+          this.mo = new MutationObserver(() => {
+            AtomBinder.refreshValue(this, "element");
+            for (const iterator of this.styles.values()) {
+              AtomBinder.refreshValue(iterator, "value");
+            }
+          });
+        }
+        style(name) {
+          let mapper = this.styles.get(name);
+          if (!mapper) {
+            const owner = this;
+            mapper = {
+              name,
+              get value() {
+                var _a, _b;
+                return (_b = (_a = owner.e) === null || _a === void 0 ? void 0 : _a.getAttribute(name)) !== null && _b !== void 0 ? _b : "";
+              },
+              set value(v) {
+                if (!owner.e) {
+                  return;
+                }
+                if (!v) {
+                  owner.e.removeAttribute(name);
+                } else {
+                  owner.e.setAttribute(name, v);
+                }
+                owner.editor.commit();
+                AtomBinder.refreshValue(this, "value");
+              }
+            };
+            this.styles.set(name, mapper);
+          }
+          return mapper;
+        }
+        update(e) {
+          if (e) {
+            if (this.e) {
+              this.mo.disconnect();
+            }
+            this.e = e;
+            AtomBinder.refreshValue(this, "element");
+            this.mo.observe(e, {
+              attributes: true
+            });
+          }
+          e = this.e;
+          if (!e) {
+            return;
+          }
+          this.name = e.tagName.toLowerCase();
+          const r = e.getBoundingClientRect();
+          this.isImage = this.name === "img";
+          this.top = `${r.top + 2}px`;
+          this.left = `${r.left + 2}px`;
+          this.width = `${r.width}px`;
+          this.height = `${r.height}px`;
+          for (const iterator of this.styles.values()) {
+            AtomBinder.refreshValue(iterator, "value");
+          }
+        }
+      };
+      _export("default", HtmlPageEditor = class HtmlPageEditor extends AtomControl {
+        get htmlPage() {
+          var _a, _b;
+          return (_b = (_a = this.htmlDocument) === null || _a === void 0 ? void 0 : _a.documentElement) === null || _b === void 0 ? void 0 : _b.outerHTML;
+        }
+        set htmlPage(v) {
+          if (!this.element) {
+            return;
+          }
+          if (!this.ready) {
+            setTimeout(() => {
+              this.htmlPage = v;
+            }, 100);
+            return;
+          }
+          void this.ready.then(() => {
+            if (!this.htmlDocument) {
+              return;
+            }
+            this.htmlDocument.open();
+            this.htmlDocument.write(v);
+            this.htmlDocument.addEventListener("click", e => {
+              const target = e.target;
+              const previous = this.selection.element;
+              if (previous === null || previous === void 0 ? void 0 : previous.isContentEditable) {
+                let start = target;
+                while (start) {
+                  if (previous === target) {
+                    return;
+                  }
+                  start = start.parentElement;
+                }
+                previous.removeAttribute("contentEditable");
+                this.commit();
+              }
+              e.preventDefault();
+              this.setSelection(target);
+            });
+            this.htmlDocument.addEventListener("dblclick", e => {
+              const target = e.target;
+              e.preventDefault();
+              const element = target.nodeType === Node.ELEMENT_NODE ? target : target.parentElement;
+              element.setAttribute("contentEditable", "true");
+              this.setSelection(element);
+              if (element.tagName === "IMG") {
+                this.changeImage().catch(console.error);
+              }
+            });
+            this.htmlDocument.addEventListener("scroll", e => {
+              this.hover.update();
+              this.selection.update();
+            }, {
+              passive: true
+            });
+            this.htmlDocument.addEventListener("pointerover", e => {
+              let target = e.target;
+              target = target.nodeType === Node.ELEMENT_NODE && target.tagName ? target : target.parentElement;
+              if (this.hover.element === target) {
+                return;
+              }
+              this.hover.update(target);
+            }, {
+              capture: true
+            });
+            InstallDragDropHelper(this);
+            this.htmlDocument.close();
+            setTimeout(() => {
+              const document = this.htmlDocument;
+              let style = document.querySelector(`[styler-style-sheet]`);
+              if (!style) {
+                style = document.createElement("style");
+                style.setAttribute("styler-style-sheet", "inline");
+                document.head.appendChild(style);
+              }
+              style.textContent = StylerSet.instance.toString();
+            }, 10);
+            setTimeout(() => {
+              this.lastHtml = this.htmlDocument.documentElement.innerHTML;
+            }, 1);
+          });
+        }
+        constructor(app, e) {
+          super(app, e);
+          this.selection = new SelectedElement(this);
+          this.undoList = [];
+          this.redoList = [];
+          this.hover = new SelectedElement(this);
+          this.maxWidth = desktopWidth;
+          this.folder = null;
+          this.ready = this.init();
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.render(XNode.create("div", {
+              "data-html-page-editor": "html-page-editor"
+            }, XNode.create("div", {
+              "data-element": "top"
+            }, XNode.create(EditorToolbar, {
+              "data-element": "max-width",
+              "event-click": () => this.deferUpdate()
+            }, XNode.create("i", {
+              "data-selected": Bind.oneWay(() => this.maxWidth === desktopWidth),
+              "event-click": () => this.maxWidth = desktopWidth,
+              class: "fas fa-desktop"
+            }), XNode.create("i", {
+              "data-selected": Bind.oneWay(() => this.maxWidth === tabletWidth),
+              "event-click": () => this.maxWidth = tabletWidth,
+              class: "fas fa-tablet-screen"
+            }), XNode.create("i", {
+              "data-selected": Bind.oneWay(() => this.maxWidth === mobileWidth),
+              "event-click": () => this.maxWidth = mobileWidth,
+              class: "fas fa-mobile-screen"
+            })), XNode.create(UndoRedoToolbar, null), XNode.create(EditorToolbar, null, XNode.create(CodeCommand, null))), XNode.create(EditorToolbar, {
+              "data-element": "left"
+            }, XNode.create(ImageBlock, null), XNode.create(WrapGrid, null)), XNode.create("div", {
+              "data-element": "editor",
+              "style-max-width": Bind.oneWay(() => this.maxWidth > 768 ? "" : this.maxWidth + "px")
+            }, XNode.create("div", {
+              "data-element": "resizer"
+            }), XNode.create("div", {
+              "data-element": "selection",
+              "style-left": Bind.oneWay(() => this.selection.left),
+              "style-top": Bind.oneWay(() => this.selection.top),
+              "style-width": Bind.oneWay(() => this.selection.width),
+              "style-height": Bind.oneWay(() => this.selection.height)
+            }, XNode.create("div", null, XNode.create("i", {
+              class: "fa-regular fa-arrow-up",
+              "event-click": () => {
+                if (this.selection.element.parentElement !== this.htmlDocument.body) {
+                  this.selection.update(this.selection.element.parentElement);
+                }
+              }
+            }), XNode.create("i", {
+              "event-click": () => {
+                this.selection.element.draggable = true;
+              },
+              class: "fa-solid fa-up-down-left-right",
+              "data-click-event": "start-drag"
+            }), XNode.create("i", {
+              "style-display": Bind.oneWay(() => this.selection.isImage),
+              "data-click-event": "change-image",
+              title: "Change Image (Double Click)",
+              class: "fa-solid fa-arrows-rotate-reverse"
+            }), XNode.create("i", {
+              title: "Duplicate",
+              "data-click-event": "copy-element",
+              class: "fas fa-copy"
+            }), XNode.create("i", {
+              title: "Delete",
+              "data-click-event": "delete-element",
+              class: "fas fa-trash-can"
+            }))), XNode.create("div", {
+              "data-element": "hover",
+              "style-left": Bind.oneWay(() => this.hover.left),
+              "style-top": Bind.oneWay(() => this.hover.top),
+              "style-width": Bind.oneWay(() => this.hover.width),
+              "style-height": Bind.oneWay(() => this.hover.height)
+            }, XNode.create("label", {
+              text: Bind.oneWay(() => this.hover.name)
+            })), XNode.create("div", {
+              "data-element": "content-frame"
+            }, XNode.create("iframe", {
+              "data-element": "content-editor"
+            }))), XNode.create("div", {
+              "data-element": "right"
+            }, XNode.create(Properties, null))));
+            this.contentEditor = this.element.querySelector(`[data-element="content-editor"]`);
+            while (!this.htmlDocument) {
+              this.htmlDocument = this.contentEditor.contentDocument;
+              yield sleep(100);
+            }
+          });
+        }
+        deleteElement() {
+          var _a;
+          return __awaiter(this, void 0, void 0, function* () {
+            const current = this.selection.element;
+            let previous = (_a = current.previousElementSibling) !== null && _a !== void 0 ? _a : current.parentElement;
+            current.remove();
+            this.commit();
+            if (!previous.textContent) {
+              previous = previous.previousElementSibling.lastElementChild;
+            }
+            this.setSelection(previous);
+            yield sleep(100);
+            this.selection.update();
+          });
+        }
+        copyElement() {
+          const current = this.selection.element;
+          const copy = current.cloneNode(true);
+          current.insertAdjacentElement("afterend", copy);
+          this.commit();
+        }
+        changeImage() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              file,
+              size
+            } = yield PageNavigator.pushPageForResult(ChooseMediaPage, {
+              folder: this.folder,
+              accept: "image/*"
+            });
+            const src = `/api/site/asset/jpg(${size})/${this.folder.appFileID}/${file.appFileID}/${file.fileContentID}/${file.name}.${size}.jpg`;
+            if (this.selection.isImage) {
+              this.selection.element.setAttribute("src", src);
+              this.selection.element.onload = () => this.selection.update();
+              this.commit();
+              return;
+            }
+            const img = this.htmlDocument.createElement("img");
+            img.style.height = size + "px";
+            img.src = src;
+            this.selection.element.appendChild(img);
+            this.selection.element.onload = () => this.selection.update();
+            this.commit();
+          });
+        }
+        insertElement(e, parent = this.selection.element) {
+          parent.appendChild(e);
+          if (!e.id) {
+            e.id = "sm-" + Date.now().toString();
+          }
+          setTimeout(() => {
+            this.setSelection(e);
+            this.commit();
+          }, 100);
+        }
+        deferUpdate() {
+          var _a, _b;
+          return __awaiter(this, void 0, void 0, function* () {
+            yield sleep(100);
+            (_a = this.hover) === null || _a === void 0 ? void 0 : _a.update();
+            (_b = this.selection) === null || _b === void 0 ? void 0 : _b.update();
+          });
+        }
+        setSelection(element, commit = true) {
+          var _a;
+          const old = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.element;
+          if (old) {
+            old.draggable = false;
+          }
+          this.selection.update(element);
+          if (commit) {
+            this.commit();
+          }
+        }
+        commit() {
+          this.redoList.clear();
+          const lastHtml = this.htmlDocument.documentElement.innerHTML;
+          if (lastHtml === this.lastHtml) {
+            return;
+          }
+          this.undoList.add(this.lastHtml);
+          this.lastHtml = lastHtml;
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", Object)], HtmlPageEditor.prototype, "folder", void 0);
+      __decorate([Action({
+        onEvent: "delete-element"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], HtmlPageEditor.prototype, "deleteElement", null);
+      __decorate([Action({
+        onEvent: "copy-element",
+        blockMultipleExecution: false
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], HtmlPageEditor.prototype, "copyElement", null);
+      __decorate([Action({
+        onEvent: "change-image"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], HtmlPageEditor.prototype, "changeImage", null);
+    }
+  };
+});
+//# sourceMappingURL=HtmlPageEditor.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/HtmlPageEditor");
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../web/page/files/service/CloudFileService", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/web-controls/dist/basic/PopupButton", "@web-atoms/web-controls/dist/basic/UploadEvent", "../../../../model/model", "../../../../web/page/files/shares/EditSharesPage", "../../../../web/page/templates/EditTemplatePage", "../templates/ChooseWebSiteTemplatePage", "@web-atoms/core/dist/services/FetchBuilder", "../../../controls/tree/FileTreeView", "../../../../site-editor/editor/HtmlPageEditor"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, InjectProperty, ContentPage, CloudFileService, Bind, XNode, styled, Action, PageNavigator, PopupButton, MenuItem, UploadEvent, AppFile, EditSharesPage, EditTemplatePage, ChooseWebSiteTemplatePage, FetchBuilder, FileTreeView, HtmlPageEditor, WebSiteStudioPage, css, getExtension;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_webPageFilesServiceCloudFileService) {
+      CloudFileService = _webPageFilesServiceCloudFileService.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }, function (_webAtomsWebControlsDistBasicPopupButton) {
+      PopupButton = _webAtomsWebControlsDistBasicPopupButton.default;
+      MenuItem = _webAtomsWebControlsDistBasicPopupButton.MenuItem;
+    }, function (_webAtomsWebControlsDistBasicUploadEvent) {
+      UploadEvent = _webAtomsWebControlsDistBasicUploadEvent.default;
+    }, function (_modelModel) {
+      AppFile = _modelModel.AppFile;
+    }, function (_webPageFilesSharesEditSharesPage) {
+      EditSharesPage = _webPageFilesSharesEditSharesPage.default;
+    }, function (_webPageTemplatesEditTemplatePage) {
+      EditTemplatePage = _webPageTemplatesEditTemplatePage.default;
+    }, function (_templatesChooseWebSiteTemplatePage) {
+      ChooseWebSiteTemplatePage = _templatesChooseWebSiteTemplatePage.default;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }, function (_controlsTreeFileTreeView) {
+      FileTreeView = _controlsTreeFileTreeView.FileTreeView;
+    }, function (_siteEditorEditorHtmlPageEditor) {
+      HtmlPageEditor = _siteEditorEditorHtmlPageEditor.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;
+        border: none;
+        overflow: auto;
+        justify-self: stretch;
+        align-self: stretch;
+    }
+`.installLocal();
+      getExtension = name => {
+        const index = name.lastIndexOf(".");
+        if (index === -1) {
+          return "dat";
+        }
+        return name.substring(index + 1);
+      };
+      _export("default", WebSiteStudioPage = class WebSiteStudioPage extends ContentPage {
+        constructor() {
+          super(...arguments);
+          this.version = 1;
+        }
+        init() {
+          var _a, _b;
+          var _c;
+          return __awaiter(this, void 0, void 0, function* () {
+            this.search = "";
+            this.root = yield this.cloudFileService.root(this.parameters);
+            (_a = (_c = this.root).children) !== null && _a !== void 0 ? _a : _c.children = [];
+            this.root.children.remove(x => x.contentType !== "text/html" && !x.isFolder);
+            yield this.onItemExpanded(this.root);
+            if (!((_b = this.root.children) === null || _b === void 0 ? void 0 : _b.length)) {
+              yield this.createIndexHtml();
+              return;
+            }
+            const indexHtml = this.root.children.find(x => x.name === "index.html");
+            this.selectedFolder = indexHtml;
+            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(FileTreeView, {
+              root: this.root,
+              class: "folder-tree",
+              accept: "text/html",
+              presenter: Bind.presenter(c => this.folderTree = c),
+              selectedItem: Bind.twoWaysImmediate(() => this.selectedFolder)
+            }), XNode.create(HtmlPageEditor, {
+              class: "file-list",
+              folder: this.root,
+              htmlPage: Bind.oneWayAsync((s, e, cancelToken) => this.selectedFolder ? FetchBuilder.get(this.selectedFolder.downloadUrl).cancelToken(cancelToken).responseAsText(true) : void 0)
+            }));
+          });
+        }
+        createIndexHtml() {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield PageNavigator.pushPageForResultOrCancel(ChooseWebSiteTemplatePage, this.root);
+            yield this.init();
+          });
+        }
+        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(folder) {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield this.cloudFileService.files({
+              search: "",
+              accept: "text/html",
+              folder,
+              cancelToken: null
+            });
+          });
+        }
+        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
+            });
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", CloudFileService)], WebSiteStudioPage.prototype, "cloudFileService", void 0);
+      __decorate([Action({
+        onEvent: "edit-shares"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], WebSiteStudioPage.prototype, "editShares", null);
+      __decorate([Action({
+        onEvent: "open-folder"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], WebSiteStudioPage.prototype, "openFolder", null);
+      __decorate([Action({
+        onEvent: "new-folder"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "newFolder", null);
+      __decorate([Action({
+        onEvent: "item-expanded"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "onItemExpanded", null);
+      __decorate([Action({
+        onEvent: "files-available"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "onFilesUploaded", null);
+      __decorate([Action({
+        onEvent: "new-template"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "newTemplate", null);
+      __decorate([Action({
+        onEvent: "open-template"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "openTemplate", null);
+    }
+  };
+});
+//# sourceMappingURL=WebSiteStudioPage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/websites/studio/WebSiteStudioPage");
+System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "../../../SocialMailApp"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, User, UserAuthFactor, SocialMailApp, UserService;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistDiDITransient) {
+      DITransient = _webAtomsCoreDistDiDITransient.default;
+    }, function (_webAtomsCoreDistDiInject) {
+      Inject = _webAtomsCoreDistDiInject.Inject;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_modelModel) {
+      User = _modelModel.User;
+      UserAuthFactor = _modelModel.UserAuthFactor;
+    }, function (_SocialMailApp) {
+      SocialMailApp = _SocialMailApp.default;
+    }],
+    execute: function () {
+      UserService = class UserService {
+        getCurrent() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              userID
+            } = SocialMailApp.user;
+            return this.entityService.query(User).where({
+              userID
+            }, p => x => x.userID === p.userID).include(x => x.authFactors).firstOrDefault();
+          });
+        }
+        save(user) {
+          return __awaiter(this, void 0, void 0, function* () {
+            let cloner = this.entityService.cloner(user).include(x => x.authFactors);
+            if (user.changePassword) {
+              cloner = cloner.include(x => x.changePassword);
+            }
+            yield this.entityService.save(cloner.copy);
+          });
+        }
+        createAuthFactor(user, method = "totp") {
+          var _a;
+          return __awaiter(this, void 0, void 0, function* () {
+            const authFactor = UserAuthFactor.create({
+              method
+            });
+            ((_a = user.authFactors) !== null && _a !== void 0 ? _a : user.authFactors = []).add(authFactor);
+            yield this.save(user);
+            return authFactor;
+          });
+        }
+      };
+      __decorate([Inject, __metadata("design:type", EntityService)], UserService.prototype, "entityService", void 0);
+      UserService = __decorate([DITransient()], UserService);
+      _export("default", UserService);
+    }
+  };
+});
+//# sourceMappingURL=UserService.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/services/UserService");
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/InjectProperty", "../services/UserService", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../../controls/form/RequiredFormField", "@web-atoms/core/dist/core/Bind", "../../../controls/password/PasswordStrength", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/PasswordBox", "../../../validators/Validators", "../../../controls/buttons/IconButton", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, PopupWindowPage, InjectProperty, UserService, XNode, Form, PasswordFormField, Bind, PasswordStrength, FormField, PasswordBox, Validators, SaveIconTextButton, Action, ChangePasswordPage;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      PopupWindowPage = _webAtomsWebControlsDistMobileAppMobileApp.PopupWindowPage;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_servicesUserService) {
+      UserService = _servicesUserService.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicForm) {
+      Form = _webAtomsWebControlsDistBasicForm.default;
+    }, function (_controlsFormRequiredFormField) {
+      PasswordFormField = _controlsFormRequiredFormField.PasswordFormField;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_controlsPasswordPasswordStrength) {
+      PasswordStrength = _controlsPasswordPasswordStrength.default;
+    }, function (_webAtomsWebControlsDistBasicFormField) {
+      FormField = _webAtomsWebControlsDistBasicFormField.default;
+    }, function (_webAtomsWebControlsDistBasicPasswordBox) {
+      PasswordBox = _webAtomsWebControlsDistBasicPasswordBox.default;
+    }, function (_validatorsValidators) {
+      Validators = _validatorsValidators.Validators;
+    }, function (_controlsButtonsIconButton) {
+      SaveIconTextButton = _controlsButtonsIconButton.SaveIconTextButton;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }],
+    execute: function () {
+      _export("default", ChangePasswordPage = class ChangePasswordPage extends PopupWindowPage {
+        constructor() {
+          super(...arguments);
+          this.password = "";
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.model = yield this.userService.getCurrent();
+            this.title = "Change Password";
+            this.model.changePassword = {
+              oldPassword: "",
+              newPassword: "",
+              forceChangePasswordOnLogin: false
+            };
+            this.renderer = XNode.create("div", null, XNode.create(Form, null, XNode.create(PasswordFormField, {
+              label: "Current Password",
+              value: () => this.model.changePassword.oldPassword
+            }), XNode.create(FormField, {
+              label: "Password",
+              required: true,
+              error: Bind.oneWay(() => Validators.isValidPassword(this.password) ? "" : "Password is invalid")
+            }, XNode.create(PasswordBox, {
+              value: Bind.twoWaysImmediate(() => this.password)
+            })), XNode.create(PasswordStrength, {
+              password: Bind.oneWay(() => this.password)
+            }), XNode.create(FormField, {
+              label: "Password again",
+              required: true,
+              error: Bind.oneWay(() => this.password !== this.model.changePassword.newPassword ? "Passwords do not match" : "")
+            }, XNode.create(PasswordBox, {
+              value: Bind.twoWaysImmediate(() => this.model.changePassword.newPassword)
+            })), XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create(SaveIconTextButton, {
+              "data-submit-event": "save-user",
+              text: "Change"
+            }))));
+          });
+        }
+        saveUser() {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield this.userService.save(this.model);
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", UserService)], ChangePasswordPage.prototype, "userService", void 0);
+      __decorate([Action({
+        onEvent: "save-user",
+        success: "Password changed successfully.",
+        close: true
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], ChangePasswordPage.prototype, "saveUser", null);
+    }
+  };
+});
+//# sourceMappingURL=ChangePasswordPage.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/change-password/ChangePasswordPage");
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/InjectProperty", "../services/UserService", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "../../../controls/buttons/IconButton", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../date/DateFormats"], function (_export, _context) {
+  "use strict";
+  var __awaiter, __decorate, __metadata, ContentPage, UserAuthFactor, InjectProperty, UserService, XNode, Form, AddIconTextButton, DeleteIconTextButton, SaveIconTextButton, FormField, Bind, Action, AtomRepeater, DateFormats, MultiFactorSetupPage;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
+      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
+    }, function (_modelModel) {
+      UserAuthFactor = _modelModel.UserAuthFactor;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_servicesUserService) {
+      UserService = _servicesUserService.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicForm) {
+      Form = _webAtomsWebControlsDistBasicForm.default;
+    }, function (_controlsButtonsIconButton) {
+      AddIconTextButton = _controlsButtonsIconButton.AddIconTextButton;
+      DeleteIconTextButton = _controlsButtonsIconButton.DeleteIconTextButton;
+      SaveIconTextButton = _controlsButtonsIconButton.SaveIconTextButton;
+    }, function (_webAtomsWebControlsDistBasicFormField) {
+      FormField = _webAtomsWebControlsDistBasicFormField.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_dateDateFormats) {
+      DateFormats = _dateDateFormats.DateFormats;
+    }],
+    execute: function () {
+      _export("default", MultiFactorSetupPage = class MultiFactorSetupPage extends ContentPage {
+        init() {
+          var _a, _b;
+          return __awaiter(this, void 0, void 0, function* () {
+            this.model = yield this.userService.getCurrent();
+            const {
+              multiFactor
+            } = this.model;
+            this.title = "Setup Multi Factor Authentication";
+            if (!((_a = this.model.authFactors) === null || _a === void 0 ? void 0 : _a.length)) {
+              yield this.notSetup();
+              return;
+            }
+            if (multiFactor) {
+              this.renderer = XNode.create("div", {
+                "data-layout": "center-page-900px"
+              }, XNode.create(Form, null, XNode.create(FormField, {
+                label: "Methods"
+              }, XNode.create(AtomRepeater, {
+                for: "table",
+                items: this.model.authFactors,
+                itemRenderer: item => this.renderAuthFactor(item)
+              })), !multiFactor && XNode.create("div", {
+                "data-layout": "command-row"
+              }, XNode.create(AddIconTextButton, {
+                "event-click": () => this.addAuthenticator(),
+                text: "Add Authenticator"
+              }), XNode.create(AddIconTextButton, {
+                "event-click": () => this.generateOTP(),
+                text: "Generate OTP"
+              })), XNode.create("div", {
+                "data-layout": "command-row"
+              }, XNode.create("div", null, "Multi factor authentication is enabled."), XNode.create(DeleteIconTextButton, {
+                text: "Disable"
+              }))));
+              return;
+            }
+            const disable = !((_b = this.model.authFactors) === null || _b === void 0 ? void 0 : _b.length) || !this.model.authFactors.some(i => i.method === "totp" && i.verified) || this.model.authFactors.filter(i => i.method === "one-time").length < 8;
+            this.renderer = XNode.create("div", {
+              "data-layout": "center-page-900px"
+            }, XNode.create(Form, null, XNode.create(FormField, {
+              label: "Methods"
+            }, XNode.create(AtomRepeater, {
+              for: "table",
+              items: this.model.authFactors,
+              itemRenderer: item => this.renderAuthFactor(item)
+            })), !multiFactor && XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create(AddIconTextButton, {
+              "event-click": () => this.addAuthenticator(),
+              text: "Add Authenticator"
+            }), XNode.create(AddIconTextButton, {
+              "event-click": () => this.generateOTP(),
+              text: "Generate OTP"
+            })), disable && XNode.create("div", null, "You must add at least one authenticator and generate 8 OTPs (one time passwords) to enable Multi factor authentication."), !multiFactor && XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create(SaveIconTextButton, {
+              disabled: disable,
+              "style-color": disable ? "gray" : "",
+              "data-click-event": "enable-multi-factor",
+              text: "Enable"
+            }), XNode.create(DeleteIconTextButton, {
+              "data-submit-event": "clear-all",
+              text: "Clear All"
+            })), multiFactor && XNode.create("div", {
+              "data-layout": "command-row"
+            }, XNode.create(DeleteIconTextButton, {
+              text: "Disable"
+            }))));
           });
         }
         renderAuthFactor(item) {
@@ -31182,49 +33550,6 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/user/multi-factor/MultiFactorSetupPage");
-System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../EntityService", "../../model/model"], function (_export, _context) {
-  "use strict";
-  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, WebSiteFolder, WebSiteService;
-  return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistDiDITransient) {
-      DITransient = _webAtomsCoreDistDiDITransient.default;
-    }, function (_webAtomsCoreDistDiInject) {
-      Inject = _webAtomsCoreDistDiInject.Inject;
-    }, function (_EntityService) {
-      EntityService = _EntityService.default;
-    }, function (_modelModel) {
-      WebSiteFolder = _modelModel.WebSiteFolder;
-    }],
-    execute: function () {
-      WebSiteService = class WebSiteService {
-        list() {
-          return __awaiter(this, void 0, void 0, function* () {
-            return this.entityService.query(WebSiteFolder).include(x => x.folder).toArray();
-          });
-        }
-        save(model) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const cloner = this.entityService.cloner(model).include(x => x.folder).copy;
-            yield this.entityService.save(cloner);
-            return model;
-          });
-        }
-      };
-      __decorate([Inject, __metadata("design:type", EntityService)], WebSiteService.prototype, "entityService", void 0);
-      WebSiteService = __decorate([DITransient()], WebSiteService);
-      _export("default", WebSiteService);
-    }
-  };
-});
-//# sourceMappingURL=WebSiteService.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/websites/WebSiteService");
 System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../../../../model/model", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/InjectProperty", "../../../../services/websites/WebSiteService"], function (_export, _context) {
   "use strict";
@@ -31262,7 +33587,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
             this.model = WebSiteFolder.create({
               folder: AppFile.create({
                 name: "Web Site",
-                isFolder: true
+                isFolder: true,
+                contentType: "application/site"
               }),
               isStatic: true
             });
@@ -31392,6 +33718,16 @@ System.register(["@web-atoms/core/dist/core/Command"], function (_export, _conte
         routeOrder: 100,
         openPage: () => _context.import("../pages/drives/DriveListPage")
       });
+      CommonCommands.manageWebSite = Command.create({
+        route: "/studio/manage/{id}",
+        routeOrder: 100,
+        openPage: () => _context.import("../pages/websites/manage/ManageWebSitePage")
+      });
+      CommonCommands.editWebSite = Command.create({
+        route: "/studio/edit/{id}",
+        routeOrder: 100,
+        openPage: () => _context.import("../pages/websites/studio/WebSiteStudioPage")
+      });
       CommonCommands.changePassword = Command.create({
         route: "/user/change-password",
         pushPage: () => _context.import("../pages/user/change-password/ChangePasswordPage")