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

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

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 (124) 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/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"]);
+            ["@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","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/common/controls/tree/TreeView","@social-mail/social-mail-client/dist/admin/pages/users/UserListPage","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/admin/pages/users/EditUserPage","@social-mail/social-mail-client/dist/common/validators/Validators","@social-mail/social-mail-client/dist/common/controls/password/PasswordStrength","@web-atoms/web-controls/dist/mobile-app/MasterDetailPage","@social-mail/social-mail-client/dist/admin/pages/users/UserDetailsPage","@social-mail/social-mail-client/dist/common/NumberFormats","@social-mail/social-mail-client/dist/common/controls/collection-editor/CollectionEditor","@social-mail/social-mail-client/dist/admin/pages/users/domains/EditDomainUserPage","@social-mail/social-mail-client/dist/admin/pages/users/mailboxes/EditUserMailboxPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/services/MailboxService","@social-mail/social-mail-client/dist/admin/pages/users/files/EditFileAccessPage","@web-atoms/web-controls/dist/basic/ComboBox","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxListPage","@social-mail/social-mail-client/dist/common/pages/mailboxes/MailboxEditorPage","@social-mail/social-mail-client/dist/admin/pages/users/ChooseUserPage","@social-mail/social-mail-client/dist/common/commands/CommonCommands","@social-mail/social-mail-client/dist/web/page/mails/MailboxContacts","@social-mail/social-mail-client/dist/web/page/mails/service/MailService","@social-mail/social-mail-client/dist/web/page/mails/ConversationPage","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@web-atoms/web-controls/dist/basic/InlinePopupControl","@social-mail/social-mail-client/dist/web/page/mails/ComposeMailPage","@social-mail/social-mail-client/dist/common/controls/html/InlineHtmlEditorWithToolbar","@web-atoms/web-controls/dist/html-editor/InlineHtmlEditor","@web-atoms/web-controls/dist/html-editor/commands/AddImage","@web-atoms/web-controls/dist/html-editor/commands/CommandButton","@web-atoms/web-controls/dist/html-editor/commands/HtmlCommands","@web-atoms/web-controls/dist/html-editor/commands/Toolbar","@web-atoms/web-controls/dist/html-editor/commands/Bold","@web-atoms/web-controls/dist/html-editor/commands/Command","@web-atoms/web-controls/dist/html-editor/commands/Italic","@web-atoms/web-controls/dist/html-editor/commands/Underline","@web-atoms/web-controls/dist/html-editor/commands/StrikeThrough","@web-atoms/web-controls/dist/html-editor/commands/Align","@web-atoms/web-controls/dist/basic/PopupButton","@web-atoms/web-controls/dist/basic/styles/popup-button-style","@web-atoms/web-controls/dist/html-editor/commands/HorizontalRule","@web-atoms/web-controls/dist/html-editor/commands/Separator","@web-atoms/web-controls/dist/html-editor/commands/Headings","@web-atoms/web-controls/dist/html-editor/commands/ChangeColor","@web-atoms/web-controls/dist/html-editor/commands/ChangeFont","@web-atoms/web-controls/dist/html-editor/commands/ChangeFontSize","@web-atoms/web-controls/dist/html-editor/commands/NumberedList","@web-atoms/web-controls/dist/html-editor/commands/UnorderedList","@web-atoms/web-controls/dist/html-editor/commands/IndentLess","@web-atoms/web-controls/dist/html-editor/commands/IndentMore","@web-atoms/web-controls/dist/html-editor/commands/AddLink","@web-atoms/core/dist/web/controls/AtomToggleButtonBar","@web-atoms/core/dist/web/styles/AtomToggleButtonBarStyle","@web-atoms/core/dist/web/styles/AtomListBoxStyle","@web-atoms/core/dist/web/controls/AtomListBox","@web-atoms/core/dist/web/controls/AtomItemsControl","@web-atoms/core/dist/core/AtomEnumerator","@web-atoms/web-controls/dist/html-editor/commands/Unlink","@web-atoms/web-controls/dist/html-editor/commands/RemoveFormat","@web-atoms/web-controls/dist/html-editor/commands/Source","@web-atoms/web-controls/dist/basic/UploadEvent","@social-mail/social-mail-client/dist/services/files/LocalFileService","@web-atoms/web-controls/dist/basic/TitleEditor","@web-atoms/web-controls/dist/basic/styles/title-editor-style","@social-mail/social-mail-client/dist/common/controls/email-recipients/EmailRecipientChips","@web-atoms/web-controls/dist/basic/AtomChips","@web-atoms/web-controls/dist/basic/Chip","@web-atoms/web-controls/dist/basic/styles/chip-style","@web-atoms/web-controls/dist/basic/styles/chips-style","@web-atoms/web-controls/dist/basic/styles/item-suggestion-style","@social-mail/social-mail-client/dist/services/email-addresses/EmailAddressService","@social-mail/social-mail-client/dist/common/cache/CacheTTL","@social-mail/social-mail-client/dist/web/page/templates/social/SocialTemplate","@social-mail/social-mail-client/dist/services/socket/sockets","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/common/pages/logs/LogsPage","@social-mail/social-mail-client/dist/common/pages/logs/services/AppLogService","@social-mail/social-mail-client/dist/web/page/mails/detail/MailDetailPage","@social-mail/social-mail-client/dist/web/page/mails/ChooseMailboxPage","@social-mail/social-mail-client/dist/web/commands/AppCommands","@social-mail/social-mail-client/dist/web/page/home/HomePage","@social-mail/social-mail-client/dist/web/page/files/FolderPage","@social-mail/social-mail-client/dist/common/controls/drag-drop/FilesDragDrop","@social-mail/social-mail-client/dist/web/page/files/shares/EditSharesPage","@social-mail/social-mail-client/dist/services/files/FileShareService","@social-mail/social-mail-client/dist/web/page/files/shares/AddSharePage","@web-atoms/web-controls/dist/basic/Switch","@web-atoms/web-controls/dist/basic/styles/switch-style","@web-atoms/web-controls/dist/basic/DateField","@web-atoms/web-controls/dist/basic/Calendar","@web-atoms/web-controls/dist/basic/Select","@web-atoms/web-controls/dist/basic/styles/calendar-style","@web-atoms/web-controls/dist/basic/TimeEditor","@web-atoms/web-controls/dist/basic/styles/time-editor-style","@web-atoms/web-controls/dist/basic/styles/date-field-style","@social-mail/social-mail-client/dist/web/page/templates/EditTemplatePage","@social-mail/social-mail-client/dist/services/mime-service/MimeNode","@social-mail/social-mail-client/dist/common/QueryIterator","@social-mail/social-mail-client/dist/services/mime-service/AttachmentFile","@social-mail/social-mail-client/dist/services/mime-service/HeaderContentType","@social-mail/social-mail-client/dist/services/mime-service/parsePairs","@social-mail/social-mail-client/dist/services/mime-service/tokenizer","@social-mail/social-mail-client/dist/services/mime-service/HeaderContentDisposition","@social-mail/social-mail-client/dist/services/mime-service/encoder/word-encoding","@social-mail/social-mail-client/dist/services/mime-service/encoder/RawBuffer","@social-mail/social-mail-client/dist/services/mime-service/encoder/base64-to-blob","@social-mail/social-mail-client/dist/services/mime-service/encoder/quoted-printable","@social-mail/social-mail-client/dist/services/mime-service/MimeMessage","@social-mail/social-mail-client/dist/services/mime-service/stream/LineStream","@social-mail/social-mail-client/dist/services/mime-service/stream/TextWriter","@social-mail/social-mail-client/dist/common/pages/folders/ChooseTemplatePage","@social-mail/social-mail-client/dist/web/page/channels/detail/ChannelDetailPage","@social-mail/social-mail-client/dist/web/page/channels/subscribers/ChannelSubscribersPage","@social-mail/social-mail-client/dist/web/page/channels/services/ChannelService","@social-mail/social-mail-client/dist/web/page/channels/subscribers/add/AddSubscriberPage","@social-mail/social-mail-client/dist/web/page/channels/subscribers/rights/UpdateRightsPage","@social-mail/social-mail-client/dist/common/pages/drives/DriveListPage","@social-mail/social-mail-client/dist/common/pages/websites/manage/ManageWebSitePage","@social-mail/social-mail-client/dist/services/websites/WebSiteService","@social-mail/social-mail-client/dist/common/pages/websites/studio/WebSiteStudioPage","@social-mail/social-mail-client/dist/common/pages/websites/templates/ChooseWebSiteTemplatePage","@social-mail/social-mail-client/dist/common/controls/tree/FileTreeView","@social-mail/social-mail-client/dist/site-editor/editor/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/properties/groups/LayoutEditor","@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor","@social-mail/social-mail-client/dist/site-editor/styler/StylerSet","@social-mail/social-mail-client/dist/site-editor/styler/Styler","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/display","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/flex/flex","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/items-position/itemsPosition","@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/layout","@social-mail/social-mail-client/dist/site-editor/styler/properties/text/stylerText","@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor","@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl","@social-mail/social-mail-client/dist/site-editor/editor/SelectedElement","@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";
@@ -18000,10 +18000,183 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/admin/pages/domains/domain-user/DomainUserEditor");
-System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "@web-atoms/date-time/dist/DateTime", "../../../../common/Sql", "../../../../common/SocialMailApp"], function (_export, _context) {
+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, fileName) {
+          var _a;
+          const body = (_a = this.request.body) !== null && _a !== void 0 ? _a : new FormData();
+          if (fileName) {
+            if (typeof value === "string") {
+              throw new Error("value must be a blob with content type set correctly.");
+            }
+            body.append(name, value, fileName);
+          } else {
+            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/di/DISingleton", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "@web-atoms/date-time/dist/DateTime", "../../../../common/Sql", "../../../../common/SocialMailApp", "@web-atoms/core/dist/services/FetchBuilder"], function (_export, _context) {
   "use strict";
-  var __awaiter, __decorate, __metadata, DISingleton, Inject, EntityService, AppFile, User, DateTime, Sql, SocialMailApp, hideActivityIndicator, CloudFileService;
+  var __awaiter, __decorate, __metadata, DISingleton, Inject, EntityService, AppFile, User, DateTime, Sql, SocialMailApp, FetchBuilder, hideActivityIndicator, CloudFileService;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -18024,6 +18197,8 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
       Sql = _commonSql.Sql;
     }, function (_commonSocialMailApp) {
       SocialMailApp = _commonSocialMailApp.default;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
     }],
     execute: function () {
       hideActivityIndicator = true;
@@ -18214,6 +18389,24 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             return results;
           });
         }
+        saveFile(fm) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              appFileID,
+              content,
+              parentID
+            } = fm;
+            const sp = new URLSearchParams();
+            if (appFileID) {
+              sp.append("appFileID", appFileID);
+            }
+            if (parentID) {
+              sp.append("parentID", parentID);
+            }
+            const url = `/api/upload?${sp.toString()}`;
+            return FetchBuilder.post(url).form("file", content, content.name).responseAsJson();
+          });
+        }
       };
       __decorate([Inject, __metadata("design:type", EntityService)], CloudFileService.prototype, "entityService", void 0);
       CloudFileService = __decorate([DISingleton()], CloudFileService);
@@ -18440,9 +18633,24 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             }
           });
           this.bindEvent(this.element, "selectItem", ce => {
+            if (ce.defaultPrevented) {
+              return;
+            }
             const element = findTreeElement(ce.target);
-            if (element === null || element === void 0 ? void 0 : element.dataItem) {
-              this.selectedItem = element.dataItem;
+            const dataItem = element === null || element === void 0 ? void 0 : element.dataItem;
+            if (dataItem) {
+              if (this.selectedItem !== dataItem) {
+                const se = new CustomEvent("selectedItemChanging", {
+                  detail: dataItem,
+                  bubbles: true,
+                  cancelable: true
+                });
+                this.element.dispatchEvent(se);
+                if (se.defaultPrevented) {
+                  return;
+                }
+                this.selectedItem = dataItem;
+              }
             }
           });
           this.bindEvent(this.element, "toggleExpand", ce => {
@@ -30993,228 +31201,62 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/websites/templates/ChooseWebSiteTemplatePage");
-System.register(["tslib", "./http/JsonError"], function (_export, _context) {
+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, 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;
-  }
+  var __awaiter, __decorate, __metadata, XNode, TreeView, BindableProperty, InjectProperty, CloudFileService, Bind, Action, FolderTreeView, FileTreeView, getExtension;
   _export({
-    buildUrl: buildUrl,
-    default: void 0
+    FolderTreeView: void 0,
+    FileTreeView: void 0
   });
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
-    }, function (_httpJsonError) {
-      JsonError = _httpJsonError.default;
+      __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 () {
-      _export("default", FetchBuilder = class FetchBuilder {
-        static get(url) {
-          return this.method(url, "GET");
+      getExtension = name => {
+        const index = name.lastIndexOf(".");
+        if (index === -1) {
+          return "dat";
         }
-        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))
-          }));
+        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* () {
@@ -31615,6 +31657,7 @@ System.register([], function (_export, _context) {
     });
     setTimeout(() => {
       document.body.querySelectorAll("*").forEach(e => e.draggable = true);
+      editor.commit();
     }, 100);
   }
   _export("InstallDragDropHelper", InstallDragDropHelper);
@@ -31856,13 +31899,179 @@ System.register(["./Block"], function (_export, _context) {
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/WrapGrid");
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/Expander", "@web-atoms/web-controls/dist/basic/Select", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/AtomBinder"], function (_export, _context) {
+  "use strict";
+  var __rest, XNode, AtomControl, Expander, Select, Bind, AtomBinder, SizeEditor, BindEditor, BindStyleValue;
+  function PropertyEditor(_a, ...nodes) {
+    var {
+        label = void 0
+      } = _a,
+      a = __rest(_a, ["label"]);
+    if (!label && nodes.length === 1) {
+      return nodes[0];
+    }
+    return XNode.create("div", Object.assign({
+      "data-element": "property-editor",
+      "data-layout": "row"
+    }, a), label && XNode.create("label", {
+      "data-font-size": "small"
+    }, label), ...nodes);
+  }
+  function ExpanderPropertyEditor(_a, ...nodes) {
+    var {
+        isExpanded = false,
+        label
+      } = _a,
+      a = __rest(_a, ["isExpanded", "label"]);
+    const child = nodes.length > 1 ? XNode.create("div", {
+      "data-layout": "vertical-flex-stretch-items"
+    }, ...nodes) : nodes[0];
+    return XNode.create(Expander, Object.assign({
+      isExpanded: isExpanded,
+      "data-element": "property-editor"
+    }, a), label && XNode.create("label", null, label), child);
+  }
+  function DropDownProperty(_a) {
+    var {
+        label,
+        property
+      } = _a,
+      a = __rest(_a, ["label", "property"]);
+    return XNode.create(PropertyEditor, Object.assign({
+      label: label
+    }, a), XNode.create(Select, Object.assign({}, BindStyleValue(property.key), {
+      "data-flex": "stretch-full",
+      valuePath: v => v.value,
+      items: [{
+        label: "-",
+        value: ""
+      }, ...property.values.map(pair => ({
+        label: pair.name,
+        value: pair.name
+      }))]
+    })));
+  }
+  function SizeProperty(_a) {
+    var {
+        label,
+        property
+      } = _a,
+      a = __rest(_a, ["label", "property"]);
+    const se = new SizeEditor(property);
+    return XNode.create("div", {
+      "data-element": "property-editor",
+      "data-layout": "vertical-flex-stretch-items"
+    }, XNode.create("input", Object.assign({
+      type: "hidden",
+      "style-display": "none"
+    }, BindStyleValue(property.key))), XNode.create("div", {
+      "data-layout": "row"
+    }, XNode.create("label", null, label), XNode.create("input", {
+      type: "checkbox",
+      checked: Bind.sourceTwoWays(se, x => x.source.custom)
+    })), XNode.create("div", null, XNode.create("input", {
+      "style-display": Bind.source(se, x => !x.source.custom),
+      type: "range",
+      min: 0,
+      max: se.values.length - 2,
+      value: Bind.sourceTwoWays(se, x => x.source.valueAsNumber)
+    }), XNode.create("input", {
+      "style-display": Bind.source(se, x => x.source.custom),
+      type: "text",
+      value: Bind.sourceTwoWays(se, x => x.source.value)
+    })));
+  }
+  _export({
+    ExpanderPropertyEditor: ExpanderPropertyEditor,
+    DropDownProperty: DropDownProperty,
+    SizeProperty: SizeProperty
+  });
+  return {
+    setters: [function (_tslib) {
+      __rest = _tslib.__rest;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsWebControlsDistBasicExpander) {
+      Expander = _webAtomsWebControlsDistBasicExpander.default;
+    }, function (_webAtomsWebControlsDistBasicSelect) {
+      Select = _webAtomsWebControlsDistBasicSelect.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }],
+    execute: function () {
+      _export("BindEditor", BindEditor = Bind.forControl());
+      _export("BindStyleValue", 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);
+      }));
+      SizeEditor = class SizeEditor {
+        get custom() {
+          return this.value === "custom";
+        }
+        set custom(v) {
+          if (v) {
+            this.value = "custom";
+          } else if (this._old) {
+            this.value = this._old;
+          }
+        }
+        get value() {
+          return this._value;
+        }
+        set value(v) {
+          if (this._isChanging) {
+            return;
+          }
+          this._isChanging = true;
+          this._value = v;
+          this._old = v && v !== "custom" ? v : this._old;
+          AtomBinder.refreshValue(this, "value");
+          AtomBinder.refreshValue(this, "valueAsNumber");
+          AtomBinder.refreshValue(this, "custom");
+          this._isChanging = false;
+        }
+        get valueAsNumber() {
+          var _a;
+          const v = this.value;
+          if (!v || v === "custom") {
+            return 0;
+          }
+          return (_a = this.values.findIndex(item => item.name === v)) !== null && _a !== void 0 ? _a : 0;
+        }
+        set valueAsNumber(v) {
+          var _a;
+          this.value = ((_a = this.values[v]) === null || _a === void 0 ? void 0 : _a.name) || this._old;
+        }
+        constructor(p) {
+          this._value = "";
+          this._isChanging = false;
+          this._old = "";
+          this.values = p.values.filter(x => x.name !== "custom");
+          this._old = this.values[0].name;
+        }
+      };
+    }
+  };
+});
+//# sourceMappingURL=PropertyEditor.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/PropertyEditor");
 System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
-  var styled, StylerVariable, StylerPropertyPair, StylerProperty, camelToSnakeCase, prepareVariables, stylerVars, pair, createSet;
+  var styled, StylerVariable, StylerPropertyOption, StylerProperty, camelToSnakeCase, prepareVariables, stylerVars, pair, createSet;
   _export({
     StylerVariable: void 0,
-    StylerPropertyPair: void 0,
+    StylerPropertyOption: void 0,
     StylerProperty: void 0
   });
   return {
@@ -31933,7 +32142,7 @@ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _conte
           return `--${this.name}: ${this.value};`;
         }
       });
-      _export("StylerPropertyPair", StylerPropertyPair = class StylerPropertyPair {
+      _export("StylerPropertyOption", StylerPropertyOption = class StylerPropertyOption {
         constructor(name, value) {
           this.name = name;
           this.value = value.toString();
@@ -31943,25 +32152,16 @@ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _conte
         }
       });
       _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;
+        static create(key, styles) {
+          return new StylerProperty(key, styles);
         }
-        constructor(name, key, className, values) {
-          this.name = name;
+        constructor(key, values) {
           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}]`)));
+              this.values.push(new StylerPropertyOption(k, element.expand(`[${this.key}=${k}]`)));
             }
           }
         }
@@ -31973,10 +32173,11 @@ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _conte
         name,
         value
       }));
-      _export("createSet", createSet = (name, values, appendGlobals = true) => {
-        const r = {
-          custom: styled.css`${name}: var(--${name});`
-        };
+      _export("createSet", createSet = (name, values, appendGlobals = false, addCustom = false) => {
+        const r = {};
+        if (addCustom) {
+          r.custom = styled.css`${name}: var(--styler-${name});`;
+        }
         if (appendGlobals) {
           values.push(...["inherit", "initial", "revert", "revert-layer", "unset"]);
         }
@@ -31996,410 +32197,565 @@ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _conte
     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) {
+System.register(["../../Styler"], function (_export, _context) {
   "use strict";
-  var styled, stylerVars, stylerLayout;
+  var StylerProperty, createSet, stylerDisplay;
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_Styler) {
-      stylerVars = _Styler.stylerVars;
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      createSet = _Styler.createSet;
     }],
     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;
-                }
-            `
-          }
-        }
-      });
+      _export("stylerDisplay", stylerDisplay = StylerProperty.create("styler-display", createSet("display", ["block", "flex", "grid", "inline-block", "inline-flex", "inline-grid", "none"])));
     }
   };
 });
-//# sourceMappingURL=layout.js.map
+//# sourceMappingURL=display.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layout");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/display");
-System.register(["../Styler"], function (_export, _context) {
+System.register(["../../../Styler"], function (_export, _context) {
   "use strict";
-  var createSet, stylerCursor;
+  var StylerProperty, createSet, stylerFlexDirection;
   return {
     setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
       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"]))
-        }
+      _export("stylerFlexDirection", stylerFlexDirection = new StylerProperty("styler-flex-direction", createSet("flex-direction", ["row", "column", "row-reverse", "column-reverse"])));
+    }
+  };
+});
+//# sourceMappingURL=flex.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/flex/flex");
+System.register(["../../../Styler"], function (_export, _context) {
+  "use strict";
+  var StylerProperty, createSet, pair, itemPositions;
+  return {
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      createSet = _Styler.createSet;
+      pair = _Styler.pair;
+    }],
+    execute: function () {
+      _export("itemPositions", itemPositions = {
+        stylerAlignContent: new StylerProperty("styler-align-content", createSet("align-content", ["center", "start", "end", "flex-start", "flex-end", "normal", "baseline", "space-between", "space-around", "space-evenly", "stretch", pair("safe-center", "safe center"), pair("unsafe-center", "unsafe center"), pair("first-baseline", "first baseline"), pair("last-baseline", "last baseline")])),
+        stylerAlignItems: new StylerProperty("styler-align-items", createSet("align-items", ["normal", "stretch", "center", "start", "end", "flex-start", "flex-end", "self-start", "self-end", "baseline", pair("first baseline"), pair("last baseline"), pair("safe center"), pair("unsafe center")])),
+        stylerAlignSelf: new StylerProperty("styler-align-self", createSet("align-self", ["normal", "auto", "center", "start", "end", "self-start", "self-end", "flex-start", "flex-end", "baseline", pair("first baseline"), pair("last baseline"), "stretch", pair("safe center"), pair("unsafe center")])),
+        stylerFlexJustifyItems: new StylerProperty("styler-justify-items", createSet("justify-items", ["normal", "stretch", "center", "start", "end", "flex-start", "flex-end", "self-start", "self-end", "left", "right", "baseline", pair("first baseline"), pair("last baseline"), pair("safe center"), pair("unsafe center"), pair("legacy right"), pair("legacy left"), pair("legacy center")])),
+        stylerJustifyContent: new StylerProperty("styler-justify-content", createSet("justify-content", ["center", "start", "end", "flex-start", "flex-end", "left", "right", "normal", "space-between", "space-around", "space-evenly", "stretch", pair("safe center"), pair("unsafe center")])),
+        stylerJustifySelf: new StylerProperty("styler-justify-self", createSet("justify-self", ["auto", "normal", "stretch", "center", "start", "end", "flex-start", "flex-end", "self-start", "self-end", "left", "right", "baseline", pair("first baseline"), pair("last baseline"), pair("safe center"), pair("unsafe center")]))
       });
     }
   };
 });
-//# sourceMappingURL=cursor.js.map
+//# sourceMappingURL=itemsPosition.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/cursor");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/items-position/itemsPosition");
-System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function (_export, _context) {
   "use strict";
-  var styled, stylerVars, stylerColor;
+  var styled, StylerProperty, stylerVars, stylerLayout;
   return {
     setters: [function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
       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");
+      _export("stylerLayout", stylerLayout = StylerProperty.create("styler-layout", {
+        "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
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layout/layout");
+System.register(["../../Styler"], function (_export, _context) {
   "use strict";
-  var styled, stylerBackdropFilter;
+  var StylerProperty, createSet, stylerText;
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      createSet = _Styler.createSet;
     }],
     execute: function () {
-      _export("stylerBackdropFilter", stylerBackdropFilter = {
-        "styler-backdrop-filter": {
-          name: "Backdrop Filter",
-          className: "",
-          values: {
-            "blur": styled.css`
-                backdrop-filter: blur(15px);
-            `
-          }
-        }
+      _export("stylerText", stylerText = {
+        stylerFontSize: new StylerProperty("styler-font-size", createSet("font-size", ["xx-small", "x-small", "small", "smaller", "medium", "large", "larger", "x-large", "xx-large"], false, true)),
+        stylerFontWeight: new StylerProperty("styler-font-weight", createSet("font-weight", ["normal", "bold", "bolder", "lighter"], false, true)),
+        stylerFontStyle: new StylerProperty("styler-font-style", createSet("font-style", ["normal", "italic", "oblique"], false, true))
       });
     }
   };
 });
-//# sourceMappingURL=filter.js.map
+//# sourceMappingURL=stylerText.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/filter");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/text/stylerText");
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["./Styler", "./properties/layout/display", "./properties/layout/flex/flex", "./properties/layout/items-position/itemsPosition", "./properties/layout/layout", "./properties/text/stylerText"], function (_export, _context) {
   "use strict";
-  var styled, stylerBoxShadow;
+  var StylerVariable, stylerVars, stylerDisplay, stylerFlexDirection, itemPositions, stylerLayout, stylerText, StylerSet, vars;
+  _export("StylerSet", void 0);
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
+    setters: [function (_Styler) {
+      StylerVariable = _Styler.StylerVariable;
+      stylerVars = _Styler.stylerVars;
+    }, function (_propertiesLayoutDisplay) {
+      stylerDisplay = _propertiesLayoutDisplay.stylerDisplay;
+    }, function (_propertiesLayoutFlexFlex) {
+      stylerFlexDirection = _propertiesLayoutFlexFlex.stylerFlexDirection;
+    }, function (_propertiesLayoutItemsPositionItemsPosition) {
+      itemPositions = _propertiesLayoutItemsPositionItemsPosition.itemPositions;
+    }, function (_propertiesLayoutLayout) {
+      stylerLayout = _propertiesLayoutLayout.stylerLayout;
+    }, function (_propertiesTextStylerText) {
+      stylerText = _propertiesTextStylerText.stylerText;
     }],
     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);
-            `
+      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 = Object.assign(Object.assign({
+            stylerLayout,
+            stylerDisplay,
+            stylerFlexDirection
+          }, itemPositions), stylerText);
+        }
+        toString() {
+          const properties = [];
+          for (const key in this.properties) {
+            if (Object.prototype.hasOwnProperty.call(this.properties, key)) {
+              const element = this.properties[key];
+              properties.push(element);
+            }
           }
+          return `:root{
+            ${this.vars.join("\n")}
+        }
+        ${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", "../controls/PropertyEditor", "../../styler/StylerSet"], function (_export, _context) {
+  "use strict";
+  var XNode, BindEditor, DropDownProperty, ExpanderPropertyEditor, StylerSet, properties;
+  function LayoutEditor() {
+    return XNode.create(ExpanderPropertyEditor, {
+      label: "Layout"
+    }, XNode.create(DropDownProperty, {
+      property: properties.stylerLayout
+    }), XNode.create(DropDownProperty, {
+      label: "Display",
+      property: properties.stylerDisplay
+    }), XNode.create(DropDownProperty, {
+      "style-display": BindEditor.oneWay(e => e.selection.currentStyle.display === "flex"),
+      label: "Direction",
+      property: properties.stylerFlexDirection
+    }), XNode.create(DropDownProperty, {
+      "style-display": BindEditor.oneWay(e => /flex|grid/i.test(e.selection.currentStyle.display)),
+      label: "Justify",
+      property: properties.stylerFlexJustifyItems
+    }), XNode.create(DropDownProperty, {
+      "style-display": BindEditor.oneWay(e => /flex|grid/i.test(e.selection.currentStyle.display)),
+      label: "Align",
+      property: properties.stylerAlignItems
+    }));
+  }
+  _export("default", LayoutEditor);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_controlsPropertyEditor) {
+      BindEditor = _controlsPropertyEditor.BindEditor;
+      DropDownProperty = _controlsPropertyEditor.DropDownProperty;
+      ExpanderPropertyEditor = _controlsPropertyEditor.ExpanderPropertyEditor;
+    }, function (_stylerStylerSet) {
+      StylerSet = _stylerStylerSet.StylerSet;
+    }],
+    execute: function () {
+      properties = StylerSet.instance.properties;
     }
   };
 });
-//# sourceMappingURL=boxShadow.js.map
+//# sourceMappingURL=LayoutEditor.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/boxShadow");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor");
-System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/AtomBinder"], function (_export, _context) {
   "use strict";
-  var styled, stylerVars, stylerBorder;
+  var __awaiter, __decorate, __metadata, BindableProperty, AtomControl, XNode, Bind, AtomBinder, SizeEditorControl;
+  _export("default", void 0);
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_Styler) {
-      stylerVars = _Styler.stylerVars;
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
     }],
     execute: function () {
-      _export("stylerBorder", stylerBorder = {
-        "styler-border": {
-          name: "Border",
-          className: "",
-          values: {
-            "none": styled.css`
-                border: none !important;
-            `,
-            "solid": styled.css`
-                border: solid 1px lightgray;
-            `
+      _export("default", SizeEditorControl = class SizeEditorControl extends AtomControl {
+        constructor() {
+          super(...arguments);
+          this._value = "";
+          this._isChanging = false;
+          this._old = "";
+        }
+        get isCustom() {
+          return this.propertyValue === "custom";
+        }
+        set isCustom(v) {
+          if (v) {
+            this.propertyValue = "custom";
+          } else {
+            this.propertyValue = this._old;
           }
-        },
-        "styler-border-radius": {
-          name: "Border Radius",
-          className: "",
-          values: {
-            "default": styled.css`
-                border-radius: ${stylerVars.sizeDefault};
-            `
+        }
+        get propertyValue() {
+          return this._value;
+        }
+        set propertyValue(v) {
+          if (this._isChanging) {
+            return;
+          }
+          this._isChanging = true;
+          this._old = v && v !== "custom" ? this._value : this._old;
+          this._value = v;
+          AtomBinder.refreshValue(this, "propertyValue");
+          AtomBinder.refreshValue(this, "valueAsNumber");
+          AtomBinder.refreshValue(this, "isCustom");
+          this._isChanging = false;
+        }
+        get valueAsNumber() {
+          var _a;
+          const v = this.propertyValue;
+          if (!v || v === "custom") {
+            return 0;
           }
+          return (_a = this.values.findIndex(item => item.name === v)) !== null && _a !== void 0 ? _a : 0;
+        }
+        set valueAsNumber(v) {
+          var _a;
+          this.propertyValue = ((_a = this.values[v]) === null || _a === void 0 ? void 0 : _a.name) || this._old;
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const parent = this.parent;
+            const pv = parent.selection.style(this.property.key);
+            this.values = this.property.values.filter(x => x.name !== "custom");
+            this.render(XNode.create("div", {
+              propertyValue: Bind.sourceTwoWays(pv, x => x.source.value),
+              custom: Bind.sourceTwoWays(pv, x => x.source.custom),
+              "data-element": "property-editor",
+              "data-layout": "vertical-flex-stretch-items"
+            }, XNode.create("div", {
+              "data-layout": "row"
+            }, XNode.create("label", {
+              text: Bind.oneWay(() => this.label)
+            }), XNode.create("input", {
+              type: "checkbox",
+              checked: Bind.twoWaysImmediate(() => this.isCustom)
+            })), XNode.create("div", null, XNode.create("input", {
+              "style-display": Bind.oneWay(() => !this.isCustom),
+              type: "range",
+              min: 0,
+              max: this.values.length - 2,
+              value: Bind.twoWays(() => this.valueAsNumber)
+            }), XNode.create("input", {
+              "style-display": Bind.oneWay(() => this.isCustom),
+              type: "text",
+              value: Bind.twoWaysImmediate(() => this.custom)
+            }))));
+          });
+        }
+        preCreate() {
+          this.runAfterInit(() => this.app.runAsync(() => this.init()));
         }
       });
+      __decorate([BindableProperty, __metadata("design:type", String)], SizeEditorControl.prototype, "label", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Function)], SizeEditorControl.prototype, "property", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], SizeEditorControl.prototype, "custom", void 0);
     }
   };
 });
-//# sourceMappingURL=border.js.map
+//# sourceMappingURL=SizeEditorControl.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/border");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl");
-System.register(["./Styler", "./properties/layout", "./properties/cursor", "./properties/color", "./properties/filter", "./properties/boxShadow", "./properties/border"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/core/XNode", "../../styler/StylerSet", "../controls/PropertyEditor", "../controls/SizeEditorControl"], function (_export, _context) {
   "use strict";
-  var StylerProperty, StylerVariable, stylerVars, stylerLayout, stylerCursor, stylerColor, stylerBackdropFilter, stylerBoxShadow, stylerBorder, StylerSet, vars;
-  _export("StylerSet", void 0);
+  var XNode, StylerSet, DropDownProperty, ExpanderPropertyEditor, SizeEditorControl, properties;
+  function TextPropertyEditor() {
+    return XNode.create(ExpanderPropertyEditor, {
+      label: "Text"
+    }, XNode.create(SizeEditorControl, {
+      label: "Size",
+      property: properties.stylerFontSize
+    }), XNode.create(DropDownProperty, {
+      label: "Weight",
+      property: properties.stylerFontWeight
+    }), XNode.create(DropDownProperty, {
+      label: "Style",
+      property: properties.stylerFontStyle
+    }));
+  }
+  _export("default", TextPropertyEditor);
   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;
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_stylerStylerSet) {
+      StylerSet = _stylerStylerSet.StylerSet;
+    }, function (_controlsPropertyEditor) {
+      DropDownProperty = _controlsPropertyEditor.DropDownProperty;
+      ExpanderPropertyEditor = _controlsPropertyEditor.ExpanderPropertyEditor;
+    }, function (_controlsSizeEditorControl) {
+      SizeEditorControl = _controlsSizeEditorControl.default;
     }],
     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();
-      ;
+      properties = StylerSet.instance.properties;
     }
   };
 });
-//# sourceMappingURL=StylerSet.js.map
+//# sourceMappingURL=TextPropertyEditor.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSet");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor");
-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) {
+System.register(["@web-atoms/core/dist/core/XNode", "./groups/LayoutEditor", "./groups/TextPropertyEditor"], function (_export, _context) {
   "use strict";
-  var XNode, StylerSet, Select, Bind, AtomControl, BindStyleValue;
+  var XNode, LayoutEditor, TextPropertyEditor;
   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
-        }))]
-      })));
-    }));
+    }, XNode.create(LayoutEditor, null), XNode.create(TextPropertyEditor, null));
   }
   _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;
+    }, function (_groupsLayoutEditor) {
+      LayoutEditor = _groupsLayoutEditor.default;
+    }, function (_groupsTextPropertyEditor) {
+      TextPropertyEditor = _groupsTextPropertyEditor.default;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=Properties.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/Properties");
+System.register(["@web-atoms/core/dist/core/AtomBinder"], function (_export, _context) {
+  "use strict";
+  var AtomBinder, SelectedElement;
+  _export("SelectedElement", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
     }],
     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);
+      _export("SelectedElement", SelectedElement = class SelectedElement {
+        get element() {
+          return this.e;
+        }
+        get currentStyle() {
+          var _a, _b, _c;
+          return (_a = this.cachedStyle) !== null && _a !== void 0 ? _a : this.cachedStyle = this.e && this.editor.htmlDocument ? (_c = (_b = this.editor.htmlDocument) === null || _b === void 0 ? void 0 : _b.defaultView) === null || _c === void 0 ? void 0 : _c.getComputedStyle(this.e) : {};
+        }
+        constructor(editor) {
+          this.editor = editor;
+          this.styles = new Map();
+          this.name = "";
+          this.isImage = false;
+          this.mo = new MutationObserver(() => {
+            AtomBinder.refreshValue(this, "element");
+            this.cachedStyle = null;
+            AtomBinder.refreshValue(this, "currentStyle");
+            for (const iterator of this.styles.values()) {
+              AtomBinder.refreshValue(iterator, "value");
+              AtomBinder.refreshValue(iterator, "custom");
+            }
+          });
+        }
+        style(name) {
+          let mapper = this.styles.get(name);
+          if (!mapper) {
+            const owner = this;
+            const customName = "--" + name;
+            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");
+              },
+              get custom() {
+                var _a, _b, _c;
+                return (_c = (_b = (_a = owner.e) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.getPropertyValue(customName)) !== null && _c !== void 0 ? _c : "";
+              },
+              set custom(v) {
+                const e = owner === null || owner === void 0 ? void 0 : owner.e;
+                if (!e) {
+                  return;
+                }
+                if (!v) {
+                  e.style.removeProperty(customName);
+                } else {
+                  e.style.setProperty(customName, v);
+                }
+              }
+            };
+            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.cachedStyle = null;
+            AtomBinder.refreshValue(this, "currentStyle");
+            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");
+            AtomBinder.refreshValue(iterator, "custom");
+          }
+        }
       });
     }
   };
 });
-//# sourceMappingURL=Properties.js.map
+//# sourceMappingURL=SelectedElement.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/Properties");
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/editor/SelectedElement");
-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) {
+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", "../styler/StylerSet", "./SelectedElement", "@web-atoms/core/dist/core/AtomBinder"], 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;
+  var __awaiter, __decorate, __metadata, Bind, XNode, sleep, styled, Action, AtomControl, ChooseMediaPage, PageNavigator, BindableProperty, ImageBlock, InstallDragDropHelper, CodeCommand, UndoRedoToolbar, WrapGrid, EditorToolbar, Properties, StylerSet, SelectedElement, AtomBinder, HtmlPageEditor, desktopWidth, tabletWidth, mobileWidth;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -32438,10 +32794,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       EditorToolbar = _toolbarsEditorToolbar.default;
     }, function (_propertiesProperties) {
       Properties = _propertiesProperties.default;
-    }, function (_webAtomsCoreDistCoreAtomBinder) {
-      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
     }, function (_stylerStylerSet) {
       StylerSet = _stylerStylerSet.StylerSet;
+    }, function (_SelectedElement) {
+      SelectedElement = _SelectedElement.SelectedElement;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
     }],
     execute: function () {
       styled.css`
@@ -32554,76 +32912,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       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;
@@ -32700,9 +32988,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
               }
               style.textContent = StylerSet.instance.toString();
             }, 10);
-            setTimeout(() => {
-              this.lastHtml = this.htmlDocument.documentElement.innerHTML;
-            }, 1);
           });
         }
         constructor(app, e) {
@@ -32873,12 +33158,32 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
         }
         commit() {
           this.redoList.clear();
-          const lastHtml = this.htmlDocument.documentElement.innerHTML;
-          if (lastHtml === this.lastHtml) {
+          const lastHtml = this.lastHtml;
+          const clone = this.htmlDocument.documentElement.cloneNode(true);
+          const all = clone.querySelectorAll("*");
+          for (let index = 0; index < all.length; index++) {
+            const element = all[index];
+            element.removeAttribute("draggable");
+          }
+          const currentHtml = clone.innerHTML;
+          if (!lastHtml) {
+            this.lastHtml = currentHtml;
+            return;
+          }
+          if (lastHtml === currentHtml) {
             return;
           }
           this.undoList.add(this.lastHtml);
-          this.lastHtml = lastHtml;
+          this.lastHtml = currentHtml;
+          this.element.dispatchEvent(new CustomEvent("htmlPageChanged", {
+            detail: currentHtml,
+            bubbles: true
+          }));
+          AtomBinder.refreshValue(this, "htmlPage");
+          setTimeout(() => {
+            this.selection.update();
+            this.hover.update();
+          }, 100);
         }
       });
       __decorate([BindableProperty, __metadata("design:type", Object)], HtmlPageEditor.prototype, "folder", void 0);
@@ -32975,6 +33280,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         constructor() {
           super(...arguments);
           this.version = 1;
+          this.pageContent = "";
         }
         init() {
           var _a, _b;
@@ -32990,11 +33296,11 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               return;
             }
             const indexHtml = this.root.children.find(x => x.name === "index.html");
-            this.selectedFolder = indexHtml;
+            this.selectedFile = indexHtml;
             this.titleRenderer = () => XNode.create("div", {
               "data-layout": "row"
             }, XNode.create("div", {
-              text: Bind.oneWay(() => this.selectedFolder.name)
+              text: Bind.oneWay(() => this.selectedFile.name)
             }), XNode.create(PopupButton, {
               icon: "fas fa-upload",
               label: "Upload",
@@ -33003,7 +33309,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               popup: () => XNode.create("div", null, XNode.create(MenuItem, Object.assign({
                 icon: "fas fa-upload",
                 "data-extra": Bind.oneWay(() => JSON.stringify({
-                  parentID: this.selectedFolder.appFileID
+                  parentID: this.selectedFile.appFileID
                 }))
               }, UploadEvent.AttachUploadAction({
                 multiple: true,
@@ -33013,7 +33319,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               })), XNode.create(MenuItem, Object.assign({
                 icon: "fas fa-upload",
                 "data-extra": Bind.oneWay(() => JSON.stringify({
-                  parentID: this.selectedFolder.appFileID
+                  parentID: this.selectedFile.appFileID
                 }))
               }, UploadEvent.AttachUploadAction({
                 multiple: true,
@@ -33034,7 +33340,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               text: "|"
             }), this.parameters.templates && XNode.create("div", {
               "data-layout": "row",
-              "style-display": Bind.oneWay(() => this.selectedFolder.appFileID > 0)
+              "style-display": Bind.oneWay(() => this.selectedFile.appFileID > 0)
             }, XNode.create("i", {
               class: "fas fa-plus",
               "data-click-event": "new-template"
@@ -33049,11 +33355,27 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
               class: "folder-tree",
               accept: "text/html",
               presenter: Bind.presenter(c => this.folderTree = c),
-              selectedItem: Bind.twoWaysImmediate(() => this.selectedFolder)
+              selectedItem: Bind.twoWaysImmediate(() => this.selectedFile),
+              "event-selected-item-changing": ce => {
+                if (this.pageContent) {
+                  if (confirm("Page is modified but not saved, your changes will be lost")) {
+                    return;
+                  }
+                  ce.preventDefault();
+                }
+              }
             }), 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)
+              "event-html-page-changed": ce => this.pageContent = ce.detail,
+              htmlPage: Bind.oneWayAsync((s, e, cancelToken) => this.selectedFile ? FetchBuilder.get(this.selectedFile.downloadUrl).cancelToken(cancelToken).responseAsText(true) : void 0)
+            }));
+            this.footerRenderer = () => XNode.create("div", {
+              "data-layout": "command-row",
+              "style-display": Bind.oneWay(() => !!this.pageContent)
+            }, XNode.create("button", {
+              "data-click-event": "save-page",
+              text: "Save"
             }));
           });
         }
@@ -33067,7 +33389,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
           PageNavigator.pushPage(EditSharesPage, file);
         }
         openFolder(file) {
-          this.selectedFolder = file;
+          this.selectedFile = file;
         }
         newFolder() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -33075,12 +33397,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             if (!name) {
               return;
             }
-            const parentID = this.selectedFolder.appFileID;
+            const parentID = this.selectedFile.appFileID;
             const folder = yield this.cloudFileService.createFolder({
               name,
               parentID
             });
-            this.selectedFolder.children.add(folder);
+            this.selectedFile.children.add(folder);
           });
         }
         onItemExpanded(folder) {
@@ -33100,13 +33422,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
         }
         newTemplate() {
           return __awaiter(this, void 0, void 0, function* () {
-            const parentID = this.selectedFolder.appFileID;
+            const parentID = this.selectedFile.appFileID;
             const file = yield PageNavigator.pushPageForResult(EditTemplatePage, {
               file: AppFile.create({
                 parentID
               })
             });
-            this.selectedFolder.children.add(file);
+            this.selectedFile.children.add(file);
           });
         }
         openTemplate(file) {
@@ -33116,6 +33438,18 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             });
           });
         }
+        savePage() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const content = new File([this.pageContent], this.selectedFile.name, {
+              type: this.selectedFile.contentType
+            });
+            yield this.cloudFileService.saveFile({
+              appFileID: this.selectedFile.appFileID,
+              content
+            });
+            this.pageContent = "";
+          });
+        }
       });
       __decorate([InjectProperty, __metadata("design:type", CloudFileService)], WebSiteStudioPage.prototype, "cloudFileService", void 0);
       __decorate([Action({
@@ -33139,6 +33473,9 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       __decorate([Action({
         onEvent: "open-template"
       }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "openTemplate", null);
+      __decorate([Action({
+        onEvent: "save-page"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], WebSiteStudioPage.prototype, "savePage", null);
     }
   };
 });