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

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

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 (102) 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","@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/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";
@@ -31615,6 +31615,7 @@ System.register([], function (_export, _context) {
     });
     setTimeout(() => {
       document.body.querySelectorAll("*").forEach(e => e.draggable = true);
+      editor.commit();
     }, 100);
   }
   _export("InstallDragDropHelper", InstallDragDropHelper);
@@ -31856,13 +31857,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 +32100,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 +32110,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 +32131,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,323 +32155,185 @@ 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=cursor.js.map
+//# sourceMappingURL=flex.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/flex/flex");
-System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+System.register(["../../../Styler"], function (_export, _context) {
   "use strict";
-  var styled, stylerVars, stylerColor;
+  var StylerProperty, createSet, pair, itemPositions;
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_Styler) {
-      stylerVars = _Styler.stylerVars;
-    }],
-    execute: function () {
-      _export("stylerColor", stylerColor = {
-        "styler-color": {
-          name: "Text Color",
-          className: "",
-          values: {
-            "custom": styled.css`color: var(--styler-color);`,
-            "red": styled.css`color: red ;`,
-            "blue": styled.css`color: blue ;`,
-            "green": styled.css`color: green ;`,
-            "lightgreen": styled.css`color: lightgreen ;`,
-            "lightyellow": styled.css`color: lightyellow ;`,
-            "gold": styled.css`color: gold ;`,
-            "goldenrod": styled.css`color: goldenrod ;`,
-            "fuchsia": styled.css`color: fuchsia ;`,
-            "black": styled.css`color: black ;`,
-            "white": styled.css`color: white ;`,
-            "header": styled.css`color: ${stylerVars.headerTextColor} ;`,
-            "default": styled.css`color: ${stylerVars.defaultTextColor} ;`,
-            "highlight": styled.css`color: ${stylerVars.selectionTextColor} ;`,
-            "selection": styled.css`color: ${stylerVars.selectionTextColor} ;`,
-            "accent": styled.css`color: ${stylerVars.accentColor} ;`,
-            "force-custom": styled.css`color: var(--styler-color) !important;`,
-            "force-red": styled.css`color: red !important;`,
-            "force-blue": styled.css`color: blue !important;`,
-            "force-green": styled.css`color: green !important;`,
-            "force-lightgreen": styled.css`color: lightgreen !important;`,
-            "force-lightyellow": styled.css`color: lightyellow !important;`,
-            "force-gold": styled.css`color: gold !important;`,
-            "force-goldenrod": styled.css`color: goldenrod !important;`,
-            "force-fuchsia": styled.css`color: fuchsia !important;`,
-            "force-black": styled.css`color: black !important;`,
-            "force-white": styled.css`color: white !important;`,
-            "force-header": styled.css`color: ${stylerVars.headerTextColor} !important;`,
-            "force-default": styled.css`color: ${stylerVars.defaultTextColor} !important;`,
-            "force-highlight": styled.css`color: ${stylerVars.selectionTextColor} !important;`,
-            "force-selection": styled.css`color: ${stylerVars.selectionTextColor} !important;`,
-            "force-accent": styled.css`color: ${stylerVars.accentColor} !important;`
-          }
-        },
-        "styler-background-color": {
-          name: "Box Color",
-          className: "",
-          values: {
-            "custom": styled.css`background-color: var(--styler-color);`,
-            "red": styled.css`background-color: red ;`,
-            "blue": styled.css`background-color: blue ;`,
-            "green": styled.css`background-color: green ;`,
-            "lightgreen": styled.css`background-color: lightgreen ;`,
-            "lightyellow": styled.css`background-color: lightyellow ;`,
-            "gold": styled.css`background-color: gold ;`,
-            "goldenrod": styled.css`background-color: goldenrod ;`,
-            "fuchsia": styled.css`background-color: fuchsia ;`,
-            "black": styled.css`background-color: black ;`,
-            "white": styled.css`background-color: white ;`,
-            "header": styled.css`background-color: ${stylerVars.headerColor} ;`,
-            "default": styled.css`background-color: ${stylerVars.defaultColor} ;`,
-            "highlight": styled.css`background-color: ${stylerVars.selectionColor} ;`,
-            "selection": styled.css`background-color: ${stylerVars.selectionColor} ;`,
-            "accent": styled.css`background-color: ${stylerVars.accentColor} ;`,
-            "force-custom": styled.css`background-color: var(--styler-color) !important;`,
-            "force-red": styled.css`background-color: red !important;`,
-            "force-blue": styled.css`background-color: blue !important;`,
-            "force-green": styled.css`background-color: green !important;`,
-            "force-lightgreen": styled.css`background-color: lightgreen !important;`,
-            "force-lightyellow": styled.css`background-color: lightyellow !important;`,
-            "force-gold": styled.css`background-color: gold !important;`,
-            "force-goldenrod": styled.css`background-color: goldenrod !important;`,
-            "force-fuchsia": styled.css`background-color: fuchsia !important;`,
-            "force-black": styled.css`background-color: black !important;`,
-            "force-white": styled.css`background-color: white !important;`,
-            "force-header": styled.css`background-color: ${stylerVars.headerColor} !important;`,
-            "force-default": styled.css`background-color: ${stylerVars.defaultTextColor} !important;`,
-            "force-highlight": styled.css`background-color: ${stylerVars.selectionTextColor} !important;`,
-            "force-selection": styled.css`background-color: ${stylerVars.selectionTextColor} !important;`,
-            "force-accent": styled.css`background-color: ${stylerVars.accentColor} !important;`
-          }
-        }
-      });
-    }
-  };
-});
-//# sourceMappingURL=color.js.map
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/color");
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
-  "use strict";
-  var styled, stylerBackdropFilter;
-  return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      createSet = _Styler.createSet;
+      pair = _Styler.pair;
     }],
     execute: function () {
-      _export("stylerBackdropFilter", stylerBackdropFilter = {
-        "styler-backdrop-filter": {
-          name: "Backdrop Filter",
-          className: "",
-          values: {
-            "blur": styled.css`
-                backdrop-filter: blur(15px);
-            `
-          }
-        }
+      _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=filter.js.map
+//# sourceMappingURL=itemsPosition.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/layout/items-position/itemsPosition");
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function (_export, _context) {
   "use strict";
-  var styled, stylerBoxShadow;
+  var styled, StylerProperty, stylerVars, stylerLayout;
   return {
     setters: [function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      stylerVars = _Styler.stylerVars;
     }],
     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);
-            `
-          }
+      _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=boxShadow.js.map
+//# sourceMappingURL=layout.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/styler/properties/layout/layout");
-System.register(["@web-atoms/core/dist/style/styled", "../Styler"], function (_export, _context) {
+System.register(["../../Styler"], function (_export, _context) {
   "use strict";
-  var styled, stylerVars, stylerBorder;
+  var StylerProperty, createSet, stylerText;
   return {
-    setters: [function (_webAtomsCoreDistStyleStyled) {
-      styled = _webAtomsCoreDistStyleStyled.default;
-    }, function (_Styler) {
-      stylerVars = _Styler.stylerVars;
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+      createSet = _Styler.createSet;
     }],
     execute: function () {
-      _export("stylerBorder", stylerBorder = {
-        "styler-border": {
-          name: "Border",
-          className: "",
-          values: {
-            "none": styled.css`
-                border: none !important;
-            `,
-            "solid": styled.css`
-                border: solid 1px lightgray;
-            `
-          }
-        },
-        "styler-border-radius": {
-          name: "Border Radius",
-          className: "",
-          values: {
-            "default": styled.css`
-                border-radius: ${stylerVars.sizeDefault};
-            `
-          }
-        }
+      _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=border.js.map
+//# sourceMappingURL=stylerText.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/styler/properties/text/stylerText");
-System.register(["./Styler", "./properties/layout", "./properties/cursor", "./properties/color", "./properties/filter", "./properties/boxShadow", "./properties/border"], 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 StylerProperty, StylerVariable, stylerVars, stylerLayout, stylerCursor, stylerColor, stylerBackdropFilter, stylerBoxShadow, stylerBorder, StylerSet, vars;
+  var StylerVariable, stylerVars, stylerDisplay, stylerFlexDirection, itemPositions, stylerLayout, stylerText, StylerSet, vars;
   _export("StylerSet", void 0);
   return {
     setters: [function (_Styler) {
-      StylerProperty = _Styler.StylerProperty;
       StylerVariable = _Styler.StylerVariable;
       stylerVars = _Styler.stylerVars;
-    }, function (_propertiesLayout) {
-      stylerLayout = _propertiesLayout.stylerLayout;
-    }, function (_propertiesCursor) {
-      stylerCursor = _propertiesCursor.stylerCursor;
-    }, function (_propertiesColor) {
-      stylerColor = _propertiesColor.stylerColor;
-    }, function (_propertiesFilter) {
-      stylerBackdropFilter = _propertiesFilter.stylerBackdropFilter;
-    }, function (_propertiesBoxShadow) {
-      stylerBoxShadow = _propertiesBoxShadow.stylerBoxShadow;
-    }, function (_propertiesBorder) {
-      stylerBorder = _propertiesBorder.stylerBorder;
+    }, 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 () {
       vars = [];
@@ -32325,14 +32346,25 @@ System.register(["./Styler", "./properties/layout", "./properties/cursor", "./pr
       _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)];
+          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")}
         }
-        ${this.properties.join("\n")}
+        ${properties.join("\n")}
         `;
         }
       });
@@ -32345,61 +32377,343 @@ System.register(["./Styler", "./properties/layout", "./properties/cursor", "./pr
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/StylerSet");
-System.register(["@web-atoms/core/dist/core/XNode", "../styler/StylerSet", "@web-atoms/web-controls/dist/basic/Select", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/controls/AtomControl"], function (_export, _context) {
-  "use strict";
-  var XNode, StylerSet, Select, Bind, AtomControl, BindStyleValue;
-  function Properties() {
-    const styler = StylerSet.instance;
-    return XNode.create("div", {
-      "data-layout": "vertical-flex-stretch-items"
-    }, ...styler.properties.map(p => {
-      return XNode.create("div", {
-        "data-layout": "vertical-flex-stretch-items"
-      }, XNode.create("label", null, p.name), XNode.create(Select, Object.assign({}, BindStyleValue(p.key), {
-        valuePath: v => v.value,
-        items: [{
-          label: "None",
-          value: ""
-        }, ...p.values.map(pair => ({
-          label: pair.name,
-          value: pair.name
-        }))]
-      })));
+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", Properties);
+  _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;
-    }, function (_webAtomsWebControlsDistBasicSelect) {
-      Select = _webAtomsWebControlsDistBasicSelect.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
+    }],
+    execute: function () {
+      properties = StylerSet.instance.properties;
+    }
+  };
+});
+//# sourceMappingURL=LayoutEditor.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/LayoutEditor");
+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 __awaiter, __decorate, __metadata, BindableProperty, AtomControl, XNode, Bind, AtomBinder, SizeEditorControl;
+  _export("default", void 0);
+  return {
+    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 () {
-      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("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;
+          }
+        }
+        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=SizeEditorControl.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/controls/SizeEditorControl");
+System.register(["@web-atoms/core/dist/core/XNode", "../../styler/StylerSet", "../controls/PropertyEditor", "../controls/SizeEditorControl"], function (_export, _context) {
+  "use strict";
+  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 (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_stylerStylerSet) {
+      StylerSet = _stylerStylerSet.StylerSet;
+    }, function (_controlsPropertyEditor) {
+      DropDownProperty = _controlsPropertyEditor.DropDownProperty;
+      ExpanderPropertyEditor = _controlsPropertyEditor.ExpanderPropertyEditor;
+    }, function (_controlsSizeEditorControl) {
+      SizeEditorControl = _controlsSizeEditorControl.default;
+    }],
+    execute: function () {
+      properties = StylerSet.instance.properties;
+    }
+  };
+});
+//# sourceMappingURL=TextPropertyEditor.js.map
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/properties/groups/TextPropertyEditor");
+System.register(["@web-atoms/core/dist/core/XNode", "./groups/LayoutEditor", "./groups/TextPropertyEditor"], function (_export, _context) {
+  "use strict";
+  var XNode, LayoutEditor, TextPropertyEditor;
+  function Properties() {
+    return XNode.create("div", {
+      "data-layout": "vertical-flex-stretch-items"
+    }, XNode.create(LayoutEditor, null), XNode.create(TextPropertyEditor, null));
+  }
+  _export("default", Properties);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, 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(["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(["@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 AtomBinder, SelectedElement;
+  _export("SelectedElement", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }],
+    execute: function () {
+      _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=SelectedElement.js.map
+    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", "../styler/StylerSet", "./SelectedElement"], 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, StylerSet, SelectedElement, HtmlPageEditor, desktopWidth, tabletWidth, mobileWidth;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -32438,10 +32752,10 @@ 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;
     }],
     execute: function () {
       styled.css`
@@ -32554,76 +32868,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 +32944,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 +33114,27 @@ 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;
+          setTimeout(() => {
+            this.selection.update();
+            this.hover.update();
+          }, 100);
         }
       });
       __decorate([BindableProperty, __metadata("design:type", Object)], HtmlPageEditor.prototype, "folder", void 0);