@social-mail/social-mail-client 1.8.433 → 1.8.435

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 (52) hide show
  1. package/dist/site-editor/editor/EditingSymbols.d.ts +2 -0
  2. package/dist/site-editor/editor/EditingSymbols.d.ts.map +1 -0
  3. package/dist/site-editor/editor/EditingSymbols.js +12 -0
  4. package/dist/site-editor/editor/EditingSymbols.js.map +1 -0
  5. package/dist/site-editor/editor/HtmlPageEditor.d.ts.map +1 -1
  6. package/dist/site-editor/editor/HtmlPageEditor.global.css +1 -1
  7. package/dist/site-editor/editor/HtmlPageEditor.global.css.map +1 -1
  8. package/dist/site-editor/editor/HtmlPageEditor.js +5 -11
  9. package/dist/site-editor/editor/HtmlPageEditor.js.map +1 -1
  10. package/dist/site-editor/editor/SelectedElement.js +2 -2
  11. package/dist/site-editor/editor/SelectedElement.js.map +1 -1
  12. package/dist/site-editor/editor/UndoRedo.d.ts.map +1 -1
  13. package/dist/site-editor/editor/UndoRedo.js +7 -2
  14. package/dist/site-editor/editor/UndoRedo.js.map +1 -1
  15. package/dist/site-editor/editor/guides/UIGuides.d.ts +12 -0
  16. package/dist/site-editor/editor/guides/UIGuides.d.ts.map +1 -0
  17. package/dist/site-editor/editor/guides/UIGuides.global.css +2 -0
  18. package/dist/site-editor/editor/guides/UIGuides.global.css.map +1 -0
  19. package/dist/site-editor/editor/guides/UIGuides.js +25 -0
  20. package/dist/site-editor/editor/guides/UIGuides.js.map +1 -0
  21. package/dist/site-editor/editor/ui/SelectionUI.d.ts.map +1 -1
  22. package/dist/site-editor/editor/ui/SelectionUI.global.css +1 -1
  23. package/dist/site-editor/editor/ui/SelectionUI.global.css.map +1 -1
  24. package/dist/site-editor/editor/ui/SelectionUI.js +68 -40
  25. package/dist/site-editor/editor/ui/SelectionUI.js.map +1 -1
  26. package/dist/site-editor/editor/ui/SnapGuides.d.ts +36 -0
  27. package/dist/site-editor/editor/ui/SnapGuides.d.ts.map +1 -0
  28. package/dist/site-editor/editor/ui/SnapGuides.js +180 -0
  29. package/dist/site-editor/editor/ui/SnapGuides.js.map +1 -0
  30. package/dist/site-editor-app/SiteEditorApp.pack.global.css +1 -1
  31. package/dist/site-editor-app/SiteEditorApp.pack.global.css.map +1 -1
  32. package/dist/site-editor-app/SiteEditorApp.pack.js +309 -56
  33. package/dist/site-editor-app/SiteEditorApp.pack.js.map +1 -1
  34. package/dist/site-editor-app/SiteEditorApp.pack.min.js +1 -1
  35. package/dist/site-editor-app/SiteEditorApp.pack.min.js.map +1 -1
  36. package/dist/tsconfig.tsbuildinfo +1 -1
  37. package/dist/web/AppIndex.pack.local.css +1 -1
  38. package/dist/web/AppIndex.pack.local.css.map +1 -1
  39. package/dist/web/drawer/AppDrawer.local.css +1 -1
  40. package/dist/web/drawer/AppDrawer.local.css.map +1 -1
  41. package/package.json +1 -1
  42. package/src/site-editor/editor/EditingSymbols.ts +1 -0
  43. package/src/site-editor/editor/HtmlPageEditor.global.css +0 -18
  44. package/src/site-editor/editor/HtmlPageEditor.tsx +2 -7
  45. package/src/site-editor/editor/SelectedElement.tsx +2 -2
  46. package/src/site-editor/editor/UndoRedo.tsx +4 -0
  47. package/src/site-editor/editor/guides/UIGuides.global.css +42 -0
  48. package/src/site-editor/editor/guides/UIGuides.tsx +29 -0
  49. package/src/site-editor/editor/ui/SelectionUI.global.css +2 -1
  50. package/src/site-editor/editor/ui/SelectionUI.tsx +93 -41
  51. package/src/site-editor/editor/ui/SnapGuides.ts +222 -0
  52. package/src/web/drawer/AppDrawer.local.css +1 -0
@@ -1,2 +1,2 @@
1
- .busy-progress-control{background-color:canvas;height:0;top:0;z-index:100000}.busy-progress-control,.busy-progress-control>.progress-bar{display:none;left:0;overflow:hidden;position:absolute;right:0}.busy-progress-control>.progress-bar{background-color:var(--accent2-color);height:100%;width:100%}.busy-progress-control>.progress-bar>.progress-bar-value{background-color:var(--accent-color);display:none;height:100%;transform-origin:0 50%;width:100%}.busy-progress-control[data-show]{display:block;height:3px}.busy-progress-control[data-show]>.progress-bar{display:block}.busy-progress-control[data-show]>.progress-bar>.progress-bar-value{animation:progressBarInfiniteAnimation 2s linear infinite;display:block}@keyframes progressBarInfiniteAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}.mail-detail-page pre{font-family:monospace;max-width:85ch;overflow-wrap:break-word;white-space:pre-wrap}.mail-detail-page-header .address-list{max-height:300px;overflow:auto}.web-controls-html-editor-change-color{display:flex;justify-content:space-evenly;width:400px}.web-controls-html-editor-change-color>table{display:inline-table}.web-controls-html-editor-change-color .color-button{border:1px solid transparent;cursor:pointer;display:inline-block;height:20px;margin:1px;width:20px}.web-controls-html-editor-change-color .color-button:hover{border-color:#000}.web-controls-html-editor-change-font{min-width:170px;padding:5px}.html-editor-commands-add-link{display:flex;flex-direction:column;gap:5px}.inline-html-editor-with-toolbar>[data-element=editor]{background-color:#fff;color:#000}.mini-compose-page{background-color:canvas;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;max-height:50vh}.mini-compose-page>[data-element=add]{align-self:center;background-color:#fff;border-radius:9999px;cursor:pointer;font-size:larger;grid-column:1;grid-row:1/span 2;padding:10px}.mini-compose-page>[data-layout=vertical-flex-stretch-items]{grid-column:1/span 2;grid-row:1}.mini-compose-page>[data-element=send]{border-radius:10px;grid-column:3;grid-row:2;place-self:center}.mini-compose-page>[data-element=editor]{grid-column:1/span 2;grid-row:2;margin-left:5px;margin-right:5px}.mini-compose-page>[data-element=files]{grid-column:2;grid-row:3}.mini-compose-page [data-inline-editor=inline-editor]>[data-element=editor]{border-color:transparent}.mini-compose-page .subject{border:none;border-bottom:1px solid #d3d3d3;margin-left:5px;margin-right:5px;outline:none;padding-left:10px;padding-right:5px;place-self:stretch}.mini-compose-page .subject input{border:none;outline:none}.conversation-page-item-css{background-color:canvas;border:1px solid #d3d3d3;border-radius:10px;contain:content;margin-right:20%;padding:10px;position:relative}.conversation-page-item-css[data-sent=true]{margin-left:20%;margin-right:0}.conversation-page-item-css>*>.message{margin-bottom:25px;position:relative}.conversation-page-item-css .engagements{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.conversation-page-item-css .engagements>span{border:1px solid #d3d3d3;border-radius:10px;padding:3px 7px}.conversation-page-item-css .engagements{margin-bottom:5px}.conversation-page-css{background-color:var(--window-background)}.conversation-page-css .compose-box{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.conversation-page-css [data-mini-compose]{border-top:1px solid #d3d3d3}.new-conversation-request>div{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px}.new-conversation-request>div h4,.new-conversation-request>div h5,.new-conversation-request>div h6{margin:0}.new-conversation-request>div button[data-layout=reject-icon-button]{background-color:#fff;color:red}.choose-template-page{display:grid;grid-template-columns:auto auto}.choose-template-page>.folders{grid-column:1}.choose-template-page>.files{grid-column:2}.mailbox-contacts-page{background-color:hsla(0,0%,83%,.548)}.mailbox-contacts-page [data-resizable]{width:400px}.mailbox-contacts-page [data-element=detail] [data-page-element=action]{margin-right:30px}.mailbox-contacts-page .add-contact{align-items:centern;border-top:1px solid #d3d3d3;display:flex;gap:10px;grid-row:3;justify-content:center;padding-top:5px;place-self:stretch}.mailbox-contacts-page .add-contact>i{color:var(--accent-color);cursor:pointer}.mailbox-contacts-page .blocked-bar{display:flex;flex-direction:column;font-size:smaller;gap:5px;grid-row:1;justify-content:center;padding-bottom:5px;place-self:stretch}.mailbox-contacts-page .blocked-bar *{cursor:pointer}.mailbox-contacts-page .blocked-bar .conversation-type{align-items:center;display:flex;gap:5px}.mailbox-contacts-page .threads-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;padding-left:5px;padding-right:5px}.mailbox-contacts-page .threads{display:flex;flex-direction:column;gap:10px;grid-row:2;overflow-x:hidden!important;padding-bottom:5px;padding-top:5px}.mailbox-contacts-page .threads .mailbox-thread{background-color:canvas;border-radius:10px;cursor:pointer;display:grid;gap:5px;grid-template-columns:1fr auto auto;grid-template-rows:1fr auto auto;margin-right:5px;padding:5px 10px}.mailbox-contacts-page .threads .mailbox-thread:hover,.mailbox-contacts-page .threads .mailbox-thread[data-selected-item]{background-color:var(--selection-color);color:var(--selection-text-color)}.mailbox-contacts-page .threads .mailbox-thread>.name{font-size:larger;font-weight:700;grid-column:1;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.subject{font-size:smaller;grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.summary{font-size:smaller;grid-column:1/span 3;grid-row:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.unread{grid-row:3}.mailbox-contacts-page .threads .mailbox-thread>.open-threads,.mailbox-contacts-page .threads .mailbox-thread>.unread{align-self:center;background-color:#228b22;border-radius:9999px;color:#fff;font-size:x-small;font-weight:700;grid-column:2;justify-self:end;padding:5px 7px}.mailbox-contacts-page .threads .mailbox-thread>.open-threads{grid-row:1}.mailbox-contacts-page .threads .mailbox-thread>.updated{align-self:center;font-size:x-small;grid-column:2;grid-row:2;justify-self:end}.channel-detail-page [data-blog-list=blog-list]{display:flex;flex-direction:column;gap:10px}.channel-detail-page [data-blog-list=blog-list]>*{border:1px solid #d3d3d3;border-radius:5px;display:inline-grid;grid-template-columns:5px 1fr auto auto 5px;grid-template-rows:5px auto auto 1fr auto 5px}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=bg]{background-color:#d3d3d3;grid-column:1/span 5;grid-row:1/span 3;z-index:-1}.channel-detail-page [data-blog-list=blog-list]>*>h4,.channel-detail-page [data-blog-list=blog-list]>*>h6{margin-block-end:0;margin-block-start:0}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=actions]{grid-column:4;grid-row:2}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=title]{grid-column:2/span 2;grid-row:3}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=date]{grid-column:3;grid-row:2}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=author]{grid-column:2;grid-row:2}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=content]{grid-column:2/span 4;grid-row:4}.channel-detail-page [data-blog-list=blog-list]>*>footer{display:flex;flex-direction:row;gap:10px;grid-column:1/span 5;grid-row:5;padding:10px}.folder-page{display:grid;gap:5px;grid-template-columns:200px 1fr}.folder-page .folder-tree{grid-column:1;grid-row:1}.folder-page .file-list{grid-column:2;grid-row:1;overflow:auto;position:relative}.folder-page .file-list>*{width:100%}.folder-page .file-list a{text-decoration:none}.folder-page .file-list a:hover{text-decoration:underline}.folder-page .file-list .file-link{cursor:pointer}.folder-page .file-list .file-link:hover{text-decoration:underline}.choose-folder-page{display:grid;grid-template-columns:auto auto}.choose-folder-page>.folders{grid-column:1}.choose-folder-page>.files{grid-column:2}.preview-pdf-local{position:relative}.preview-pdf-local iframe{border:none;bottom:0;height:100%;left:0;outline:none;position:absolute;right:0;top:0;width:100%}div[data-desktop-app=desktop-app]{width:100vw}:root{--primary-color:#294d4a;--accent-color:#ff6733;--accent2-color:#ff673375;--lighter-accent-color:#e6e6fa60;--light-accent-color:#f2e5fa;--accent-text-color:#fff;--background-color:#f1f1f160;--window-background:#50505025;--media-bg-color:#9f33ff0f;--font-size-small:0.8125em;--hover-color:#b8b88b20;--command-bg-color:#50505025;--hover-text-color:CanvasText;--selection-color:#b8b88b60;--selection-text-color:CanvasText;--spacing:5px;--spacing-medium:7px;--spacing-large:10px;--body-font-family:var(--default-fonts,trebuchet ms,"Source Sans Pro");--fa-width:auto}body,html{margin:0}*{scrollbar-color:var(--accent-color) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#fff;border-radius:20px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:20px}body{font-family:var(--body-font-family,trebuchet ms,"Source Sans Pro");font-size:16px;justify-content:stretch}body *{box-sizing:border-box}body::-moz-placeholder{font-size:smaller}body::placeholder{font-size:smaller}body ul{padding-inline-start:15px}body input[type=search]{background:canvas url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 5px;border:none;border-radius:9999px;outline:none;padding-left:25px;padding-right:10px}body input{border:none;border-bottom:1px solid hsla(0,0%,57%,.507);outline:none}.forgot-password-window [data-border=frame]{border-radius:10px;gap:10px;padding:10px}.forgot-password-window [data-border=frame] h3{margin-block-end:20px;margin-block-start:20px}.forgot-password-window [data-border=frame] input{border:none;border-bottom:1px solid #80808080;min-width:250px;outline:none}.common-pages-user-login [data-page-element=content]{align-content:center;align-items:center;display:grid;justify-content:center;justify-items:center}.common-pages-user-login [data-page-element=content]>:first-child{border:1px solid #d3d3d3;border-radius:10px;padding:10px}drawer-menu .menu-item-search{overflow:hidden}drawer-menu .menu-item-search input{border-bottom:1px solid transparent;border-radius:0;margin-left:16px;width:100%}drawer-menu .menu-item-search input:focus{border-bottom:1px solid var(--accent-color)}
1
+ .busy-progress-control{background-color:canvas;height:0;top:0;z-index:100000}.busy-progress-control,.busy-progress-control>.progress-bar{display:none;left:0;overflow:hidden;position:absolute;right:0}.busy-progress-control>.progress-bar{background-color:var(--accent2-color);height:100%;width:100%}.busy-progress-control>.progress-bar>.progress-bar-value{background-color:var(--accent-color);display:none;height:100%;transform-origin:0 50%;width:100%}.busy-progress-control[data-show]{display:block;height:3px}.busy-progress-control[data-show]>.progress-bar{display:block}.busy-progress-control[data-show]>.progress-bar>.progress-bar-value{animation:progressBarInfiniteAnimation 2s linear infinite;display:block}@keyframes progressBarInfiniteAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}.mail-detail-page pre{font-family:monospace;max-width:85ch;overflow-wrap:break-word;white-space:pre-wrap}.mail-detail-page-header .address-list{max-height:300px;overflow:auto}.web-controls-html-editor-change-color{display:flex;justify-content:space-evenly;width:400px}.web-controls-html-editor-change-color>table{display:inline-table}.web-controls-html-editor-change-color .color-button{border:1px solid transparent;cursor:pointer;display:inline-block;height:20px;margin:1px;width:20px}.web-controls-html-editor-change-color .color-button:hover{border-color:#000}.web-controls-html-editor-change-font{min-width:170px;padding:5px}.html-editor-commands-add-link{display:flex;flex-direction:column;gap:5px}.inline-html-editor-with-toolbar>[data-element=editor]{background-color:#fff;color:#000}.mini-compose-page{background-color:canvas;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;max-height:50vh}.mini-compose-page>[data-element=add]{align-self:center;background-color:#fff;border-radius:9999px;cursor:pointer;font-size:larger;grid-column:1;grid-row:1/span 2;padding:10px}.mini-compose-page>[data-layout=vertical-flex-stretch-items]{grid-column:1/span 2;grid-row:1}.mini-compose-page>[data-element=send]{border-radius:10px;grid-column:3;grid-row:2;place-self:center}.mini-compose-page>[data-element=editor]{grid-column:1/span 2;grid-row:2;margin-left:5px;margin-right:5px}.mini-compose-page>[data-element=files]{grid-column:2;grid-row:3}.mini-compose-page [data-inline-editor=inline-editor]>[data-element=editor]{border-color:transparent}.mini-compose-page .subject{border:none;border-bottom:1px solid #d3d3d3;margin-left:5px;margin-right:5px;outline:none;padding-left:10px;padding-right:5px;place-self:stretch}.mini-compose-page .subject input{border:none;outline:none}.conversation-page-item-css{background-color:canvas;border:1px solid #d3d3d3;border-radius:10px;contain:content;margin-right:20%;padding:10px;position:relative}.conversation-page-item-css[data-sent=true]{margin-left:20%;margin-right:0}.conversation-page-item-css>*>.message{margin-bottom:25px;position:relative}.conversation-page-item-css .engagements{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.conversation-page-item-css .engagements>span{border:1px solid #d3d3d3;border-radius:10px;padding:3px 7px}.conversation-page-item-css .engagements{margin-bottom:5px}.conversation-page-css{background-color:var(--window-background)}.conversation-page-css .compose-box{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.conversation-page-css [data-mini-compose]{border-top:1px solid #d3d3d3}.new-conversation-request>div{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px}.new-conversation-request>div h4,.new-conversation-request>div h5,.new-conversation-request>div h6{margin:0}.new-conversation-request>div button[data-layout=reject-icon-button]{background-color:#fff;color:red}.choose-template-page{display:grid;grid-template-columns:auto auto}.choose-template-page>.folders{grid-column:1}.choose-template-page>.files{grid-column:2}.mailbox-contacts-page{background-color:hsla(0,0%,83%,.548)}.mailbox-contacts-page [data-resizable]{width:400px}.mailbox-contacts-page [data-element=detail] [data-page-element=action]{margin-right:30px}.mailbox-contacts-page .add-contact{align-items:centern;border-top:1px solid #d3d3d3;display:flex;gap:10px;grid-row:3;justify-content:center;padding-top:5px;place-self:stretch}.mailbox-contacts-page .add-contact>i{color:var(--accent-color);cursor:pointer}.mailbox-contacts-page .blocked-bar{display:flex;flex-direction:column;font-size:smaller;gap:5px;grid-row:1;justify-content:center;padding-bottom:5px;place-self:stretch}.mailbox-contacts-page .blocked-bar *{cursor:pointer}.mailbox-contacts-page .blocked-bar .conversation-type{align-items:center;display:flex;gap:5px}.mailbox-contacts-page .threads-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;padding-left:5px;padding-right:5px}.mailbox-contacts-page .threads{display:flex;flex-direction:column;gap:10px;grid-row:2;overflow-x:hidden!important;padding-bottom:5px;padding-top:5px}.mailbox-contacts-page .threads .mailbox-thread{background-color:canvas;border-radius:10px;cursor:pointer;display:grid;gap:5px;grid-template-columns:1fr auto auto;grid-template-rows:1fr auto auto;margin-right:5px;padding:5px 10px}.mailbox-contacts-page .threads .mailbox-thread:hover,.mailbox-contacts-page .threads .mailbox-thread[data-selected-item]{background-color:var(--selection-color);color:var(--selection-text-color)}.mailbox-contacts-page .threads .mailbox-thread>.name{font-size:larger;font-weight:700;grid-column:1;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.subject{font-size:smaller;grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.summary{font-size:smaller;grid-column:1/span 3;grid-row:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-contacts-page .threads .mailbox-thread>.unread{grid-row:3}.mailbox-contacts-page .threads .mailbox-thread>.open-threads,.mailbox-contacts-page .threads .mailbox-thread>.unread{align-self:center;background-color:#228b22;border-radius:9999px;color:#fff;font-size:x-small;font-weight:700;grid-column:2;justify-self:end;padding:5px 7px}.mailbox-contacts-page .threads .mailbox-thread>.open-threads{grid-row:1}.mailbox-contacts-page .threads .mailbox-thread>.updated{align-self:center;font-size:x-small;grid-column:2;grid-row:2;justify-self:end}.channel-detail-page [data-blog-list=blog-list]{display:flex;flex-direction:column;gap:10px}.channel-detail-page [data-blog-list=blog-list]>*{border:1px solid #d3d3d3;border-radius:5px;display:inline-grid;grid-template-columns:5px 1fr auto auto 5px;grid-template-rows:5px auto auto 1fr auto 5px}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=bg]{background-color:#d3d3d3;grid-column:1/span 5;grid-row:1/span 3;z-index:-1}.channel-detail-page [data-blog-list=blog-list]>*>h4,.channel-detail-page [data-blog-list=blog-list]>*>h6{margin-block-end:0;margin-block-start:0}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=actions]{grid-column:4;grid-row:2}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=title]{grid-column:2/span 2;grid-row:3}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=date]{grid-column:3;grid-row:2}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=author]{grid-column:2;grid-row:2}.channel-detail-page [data-blog-list=blog-list]>*>[data-element=content]{grid-column:2/span 4;grid-row:4}.channel-detail-page [data-blog-list=blog-list]>*>footer{display:flex;flex-direction:row;gap:10px;grid-column:1/span 5;grid-row:5;padding:10px}.folder-page{display:grid;gap:5px;grid-template-columns:200px 1fr}.folder-page .folder-tree{grid-column:1;grid-row:1}.folder-page .file-list{grid-column:2;grid-row:1;overflow:auto;position:relative}.folder-page .file-list>*{width:100%}.folder-page .file-list a{text-decoration:none}.folder-page .file-list a:hover{text-decoration:underline}.folder-page .file-list .file-link{cursor:pointer}.folder-page .file-list .file-link:hover{text-decoration:underline}.choose-folder-page{display:grid;grid-template-columns:auto auto}.choose-folder-page>.folders{grid-column:1}.choose-folder-page>.files{grid-column:2}.preview-pdf-local{position:relative}.preview-pdf-local iframe{border:none;bottom:0;height:100%;left:0;outline:none;position:absolute;right:0;top:0;width:100%}div[data-desktop-app=desktop-app]{width:100vw}:root{--primary-color:#294d4a;--accent-color:#ff6733;--accent2-color:#ff673375;--lighter-accent-color:#e6e6fa60;--light-accent-color:#f2e5fa;--accent-text-color:#fff;--background-color:#f1f1f160;--window-background:#50505025;--media-bg-color:#9f33ff0f;--font-size-small:0.8125em;--hover-color:#b8b88b20;--command-bg-color:#50505025;--hover-text-color:CanvasText;--selection-color:#b8b88b60;--selection-text-color:CanvasText;--spacing:5px;--spacing-medium:7px;--spacing-large:10px;--body-font-family:var(--default-fonts,trebuchet ms,"Source Sans Pro");--fa-width:auto}body,html{margin:0}*{scrollbar-color:var(--accent-color) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#fff;border-radius:20px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:20px}body{font-family:var(--body-font-family,trebuchet ms,"Source Sans Pro");font-size:16px;justify-content:stretch}body *{box-sizing:border-box}body::-moz-placeholder{font-size:smaller}body::placeholder{font-size:smaller}body ul{padding-inline-start:15px}body input[type=search]{background:canvas url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 5px;border:none;border-radius:9999px;outline:none;padding-left:25px;padding-right:10px}body input{border:none;border-bottom:1px solid hsla(0,0%,57%,.507);outline:none}.forgot-password-window [data-border=frame]{border-radius:10px;gap:10px;padding:10px}.forgot-password-window [data-border=frame] h3{margin-block-end:20px;margin-block-start:20px}.forgot-password-window [data-border=frame] input{border:none;border-bottom:1px solid #80808080;min-width:250px;outline:none}.common-pages-user-login [data-page-element=content]{align-content:center;align-items:center;display:grid;justify-content:center;justify-items:center}.common-pages-user-login [data-page-element=content]>:first-child{border:1px solid #d3d3d3;border-radius:10px;padding:10px}drawer-menu .menu-item-search{overflow:hidden}drawer-menu .menu-item-search input{border-bottom:1px solid transparent;border-radius:0;margin-left:16px;padding-right:16px;width:100%}drawer-menu .menu-item-search input:focus{border-bottom:1px solid var(--accent-color)}
2
2
  /*# sourceMappingURL=AppIndex.pack.local.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/styles/app/busy-progress-control.local.css","../../src/web/page/mails/detail/MailDetailPage.local.css","../../node_modules/@web-atoms/web-controls/src/html-editor/commands/ChangeColor.local.css","../../node_modules/@web-atoms/web-controls/src/html-editor/commands/ChangeFont.local.css","../../node_modules/@web-atoms/web-controls/src/html-editor/commands/AddLink.local.css","../../src/common/controls/html/InlineHtmlEditorWithToolbar.local.css","../../src/web/page/mails/mini-compose/styles/mini-compose.local.css","../../src/web/page/mails/styles/conversation-page.local.css","page/mails/styles/<no source>","../../src/web/page/mails/commands/NewConversationRequest.local.css","../../src/common/pages/folders/ChooseTemplatePage.local.css","../../src/web/page/mails/contacts/MailboxContact.local.css","../../src/web/page/channels/detail/ChannelDetailPage.local.css","../../src/common/pages/files/folder/FolderPage.local.css","../../src/common/pages/folders/ChooseFolderPage.local.css","../../src/common/pages/files/preview/document/PreviewPDF.local.css","../../src/style/override-app-style.local.css","../../src/style/global-style.local.css","../../src/common/pages/user/forgot/ForgotPassword.local.css","../../src/common/pages/user/login/LoginPage.local.css","../../src/web/drawer/AppDrawer.local.css"],"names":[],"mappings":"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","file":"AppIndex.pack.local.css"}
1
+ {"version":3,"sources":["../../src/styles/app/busy-progress-control.local.css","../../src/web/page/mails/detail/MailDetailPage.local.css","../../node_modules/@web-atoms/web-controls/src/html-editor/commands/ChangeColor.local.css","../../node_modules/@web-atoms/web-controls/src/html-editor/commands/ChangeFont.local.css","../../node_modules/@web-atoms/web-controls/src/html-editor/commands/AddLink.local.css","../../src/common/controls/html/InlineHtmlEditorWithToolbar.local.css","../../src/web/page/mails/mini-compose/styles/mini-compose.local.css","../../src/web/page/mails/styles/conversation-page.local.css","page/mails/styles/<no source>","../../src/web/page/mails/commands/NewConversationRequest.local.css","../../src/common/pages/folders/ChooseTemplatePage.local.css","../../src/web/page/mails/contacts/MailboxContact.local.css","../../src/web/page/channels/detail/ChannelDetailPage.local.css","../../src/common/pages/files/folder/FolderPage.local.css","../../src/common/pages/folders/ChooseFolderPage.local.css","../../src/common/pages/files/preview/document/PreviewPDF.local.css","../../src/style/override-app-style.local.css","../../src/style/global-style.local.css","../../src/common/pages/user/forgot/ForgotPassword.local.css","../../src/common/pages/user/login/LoginPage.local.css","../../src/web/drawer/AppDrawer.local.css"],"names":[],"mappings":"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","file":"AppIndex.pack.local.css"}
@@ -1,2 +1,2 @@
1
- drawer-menu .menu-item-search{overflow:hidden}drawer-menu .menu-item-search input{border-bottom:1px solid transparent;border-radius:0;margin-left:16px;width:100%}drawer-menu .menu-item-search input:focus{border-bottom:1px solid var(--accent-color)}
1
+ drawer-menu .menu-item-search{overflow:hidden}drawer-menu .menu-item-search input{border-bottom:1px solid transparent;border-radius:0;margin-left:16px;padding-right:16px;width:100%}drawer-menu .menu-item-search input:focus{border-bottom:1px solid var(--accent-color)}
2
2
  /*# sourceMappingURL=AppDrawer.local.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/web/drawer/AppDrawer.local.css"],"names":[],"mappings":"AAYI,8BACI,eAUJ,CATI,oCAII,mCAAoC,CADpC,eAAgB,CADhB,gBAAiB,CADjB,UAOJ,CAHI,0CACI,2CACJ","file":"AppDrawer.local.css"}
1
+ {"version":3,"sources":["../../../src/web/drawer/AppDrawer.local.css"],"names":[],"mappings":"AAYI,8BACI,eAWJ,CAVI,oCAKI,mCAAoC,CADpC,eAAgB,CAFhB,gBAAiB,CACjB,kBAAmB,CAFnB,UAQJ,CAHI,0CACI,2CACJ","file":"AppDrawer.local.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@social-mail/social-mail-client",
3
- "version": "1.8.433",
3
+ "version": "1.8.435",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -0,0 +1 @@
1
+ export const isDragged = Symbol.for("isDragged");
@@ -71,24 +71,6 @@
71
71
  }
72
72
  }
73
73
 
74
- & > [data-element=hover] {
75
- position: absolute;
76
- outline: solid 1px green;
77
- outline-color: #00940094;
78
- pointer-events: none;
79
- z-index: 20;
80
- & > label {
81
- position: absolute;
82
- transform: translate(0, -100%);
83
- background-color: #00940094;
84
- color: white;
85
- font-size: smaller;
86
- text-transform: capitalize;
87
- padding: 2px;
88
- padding-left: 5px;
89
- padding-right: 5px;
90
- }
91
- }
92
74
  & > [data-element=drop-target] {
93
75
  position: absolute;
94
76
  background-color: #ff5e0097;
@@ -61,6 +61,7 @@ import InlinePopupButton from "@web-atoms/web-controls/dist/basic/InlinePopupBut
61
61
  import { IAppFile } from "../../model/model";
62
62
  import { SelectionUI } from "./ui/SelectionUI";
63
63
  import { desktopScreenWidth, mobileScreenWidth, tabletScreenWidth } from "./sizes";
64
+ import UIGuides from "./guides/UIGuides";
64
65
 
65
66
  const desktopWidth = desktopScreenWidth;
66
67
  const tabletWidth = tabletScreenWidth;
@@ -325,13 +326,7 @@ export default class HtmlPageEditor extends AtomControl {
325
326
  style-height={Bind.oneWay(() => this.dropTarget.height)}>
326
327
  </div>
327
328
  <SelectionUI/>
328
- <div data-element="hover"
329
- style-left={Bind.oneWay(() => this.hover.left)}
330
- style-top={Bind.oneWay(() => this.hover.top)}
331
- style-width={Bind.oneWay(() => this.hover.width)}
332
- style-height={Bind.oneWay(() => this.hover.height)}>
333
- <label text={Bind.oneWay(() => this.hover.name)}/>
334
- </div>
329
+ <UIGuides/>
335
330
  <div
336
331
  data-element="content-frame">
337
332
  <iframe
@@ -265,8 +265,8 @@ export class SelectedElement {
265
265
  const minusWidth = Math.min(0, r.left);
266
266
  const top = Math.max(0, r.top);
267
267
  const minusHeight = r.top > 0 ? 0 : r.top;
268
- this.top = `${top + 20}px`;
269
- this.left = `${Math.max(0, r.left) + 20}px`;
268
+ this.top = `${top}px`;
269
+ this.left = `${Math.max(0, r.left)}px`;
270
270
  this.width = `${r.width + minusWidth}px`;
271
271
  this.height = `${r.height + minusHeight}px`;
272
272
 
@@ -1,5 +1,6 @@
1
1
  import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder";
2
2
  import type HtmlPageEditor from "./HtmlPageEditor";
3
+ import { isDragged } from "./EditingSymbols";
3
4
 
4
5
  interface IDocumentChange {
5
6
  undo: (() => any)[];
@@ -56,6 +57,9 @@ export default class UndoRedo {
56
57
  const { documentObserver } = this;
57
58
  if (this.silent && documentObserver?.length) {
58
59
  for (const x of records) {
60
+ if (x.target[isDragged]) {
61
+ continue;
62
+ }
59
63
  for (const d of documentObserver) {
60
64
  d(x);
61
65
  }
@@ -0,0 +1,42 @@
1
+ ui-guides {
2
+ display: block;
3
+ position: absolute;
4
+ outline: solid 1px green;
5
+ outline-color: #00940094;
6
+ pointer-events: none;
7
+ margin: 20px;
8
+ z-index: 400;
9
+ contain: paint;
10
+
11
+ & > label {
12
+ position: absolute;
13
+ right: 0;
14
+ top: 0;
15
+ background-color: #00940094;
16
+ color: white;
17
+ font-size: smaller;
18
+ text-transform: capitalize;
19
+ padding: 2px;
20
+ padding-left: 5px;
21
+ padding-right: 5px;
22
+ }
23
+
24
+ & > h-guide {
25
+ display: block;
26
+ position: absolute;
27
+ border: solid 1px lightgreen;
28
+ left: 0;
29
+ right: 0;
30
+ top: -50px;
31
+ height: 1px;
32
+ }
33
+ & > v-guide {
34
+ display: block;
35
+ position: absolute;
36
+ border: solid 1px lightgreen;
37
+ left: -50px;
38
+ top: 0;
39
+ bottom: 0;
40
+ width: 1px;
41
+ }
42
+ }
@@ -0,0 +1,29 @@
1
+ /* eslint-disable @typescript-eslint/naming-convention */
2
+ /* eslint-disable @typescript-eslint/no-namespace */
3
+ import XNode from "@web-atoms/core/dist/core/XNode";
4
+ import { BindEditor } from "../../properties/controls/PropertyEditor";
5
+
6
+ import "./UIGuides.global.css";
7
+
8
+ declare global {
9
+ namespace JSX {
10
+ interface IntrinsicElements {
11
+ "ui-guides": any;
12
+ "h-guide": any;
13
+ "v-guide": any;
14
+ }
15
+ }
16
+ }
17
+
18
+ export default function UIGuides() {
19
+ return <ui-guides
20
+ style-left={BindEditor.oneWay((e) => e.hover.left)}
21
+ style-top={BindEditor.oneWay((e) => e.hover.top)}
22
+ style-width={BindEditor.oneWay((e) => e.hover.width)}
23
+ style-height={BindEditor.oneWay((e) => e.hover.height)}
24
+ >
25
+ <label text={BindEditor.oneWay((e) => e.hover.name)}/>
26
+ <h-guide/>
27
+ <v-guide/>
28
+ </ui-guides>;
29
+ }
@@ -1,6 +1,7 @@
1
1
  selected-element {
2
2
  position: absolute;
3
- outline: solid 1px blue;
3
+ outline: solid 1px blue;
4
+ margin:20px;
4
5
  z-index: 22;
5
6
  &:not([data-edit]) {
6
7
  pointer-events: none;
@@ -7,6 +7,9 @@ import { BindEditor } from "../../properties/controls/PropertyEditor";
7
7
  import "./SelectionUI.global.css";
8
8
  import type HtmlPageEditor from "../HtmlPageEditor";
9
9
  import { mobileScreenWidth, tabletScreenWidth } from "../sizes";
10
+ import SnapGuides from "./SnapGuides";
11
+ import { isDragged } from "../EditingSymbols";
12
+
10
13
  declare global {
11
14
  namespace JSX {
12
15
  interface IntrinsicElements {
@@ -22,6 +25,10 @@ interface IRect {
22
25
  bottom;
23
26
  dx;
24
27
  dy;
28
+ mx;
29
+ my;
30
+ width,
31
+ height,
25
32
  // sx;
26
33
  // sy;
27
34
  move?: boolean;
@@ -29,7 +36,9 @@ interface IRect {
29
36
 
30
37
  const ps = (v, max) => (v* 100 / (max || 1)).toFixed(2);
31
38
 
32
- const beginDrag = (editor: HtmlPageEditor, element: HTMLElement) => {
39
+ const beginDrag = (direction: string, editor: HtmlPageEditor, element: HTMLElement) => {
40
+
41
+ const snaps = new SnapGuides(direction, editor, element);
33
42
 
34
43
  const prefix = editor.maxWidth === tabletScreenWidth
35
44
  ? "styler-tablet"
@@ -52,14 +61,14 @@ const beginDrag = (editor: HtmlPageEditor, element: HTMLElement) => {
52
61
  const oldHeight = selectedElement.getAttribute(heightAttribute);
53
62
  const oldInset = selectedElement.getAttribute(insetAttribute);
54
63
 
55
- const style = selectedElement.ownerDocument.defaultView.getComputedStyle(selectedElement);
64
+ // const style = selectedElement.ownerDocument.defaultView.getComputedStyle(selectedElement);
56
65
  const width = selectedParent.offsetWidth;
57
66
  const height = selectedParent.offsetHeight;
58
67
 
59
- const left = parseFloat(style.left || "0");
60
- const top = parseFloat(style.top || "0");
61
- const bottom = parseFloat(style.bottom || "0");
62
- const right = parseFloat(style.right || "0");
68
+ // const left = parseFloat(style.left || "0");
69
+ // const top = parseFloat(style.top || "0");
70
+ // const bottom = parseFloat(style.bottom || "0");
71
+ // const right = parseFloat(style.right || "0");
63
72
 
64
73
  const { undoRedo } = editor;
65
74
 
@@ -69,51 +78,89 @@ const beginDrag = (editor: HtmlPageEditor, element: HTMLElement) => {
69
78
  let changed = false;
70
79
  let timer = void 0;
71
80
 
81
+
82
+ let inset;
83
+ let newWidth;
84
+ let newHeight;
85
+
86
+ element[isDragged] = true;
87
+
88
+ editor.hover.update(selectedElement.parentElement);
89
+
90
+ let updateTimer = void 0;
91
+
72
92
  const move = ({ dx, dy, fx}: { dx: number, dy: number, fx: (r: IRect, ) => IRect}) => {
73
93
 
74
94
  changed = true;
75
95
 
96
+ const left = selectedElement.offsetLeft;
97
+ const top = selectedElement.offsetTop;
98
+ const elementWidth = selectedElement.offsetWidth;
99
+ const elementHeight = selectedElement.offsetHeight;
100
+
101
+ const mx = left + (elementWidth / 2);
102
+ const my = top + (elementHeight / 2);
103
+
76
104
  const ri = {
77
105
  left,
78
106
  top,
79
- right,
80
- bottom,
107
+ right: width - (left + elementWidth),
108
+ bottom: height - (top + elementHeight),
109
+ width: elementWidth,
110
+ height: elementHeight,
111
+ mx,
112
+ my,
113
+ move: false,
81
114
  dx,
82
115
  dy
83
116
  };
84
- const r = fx(ri);
85
- const inset = `${ps(r.top, height)}% ${ps(r.right, width)}% ${ps(r.bottom, height)}% ${ps(r.left, width)}%`;
86
- selectedElement.setAttribute(insetAttribute, inset);
117
+ let r = fx(ri);
118
+ r = snaps.snap(r);
119
+
120
+ inset = `${ps(r.top, height)}% ${ps(r.right, width)}% ${ps(r.bottom, height)}% ${ps(r.left, width)}%`;
121
+ selectedElement.style.inset = inset;
87
122
 
88
123
  if (!r.move) {
89
124
  resized = true;
90
- let widthDiff = -r.left;
91
- let heightDiff = -r.top;
92
- if (ri.bottom === r.bottom) {
93
- heightDiff -= r.bottom;
94
- }
95
- if (ri.right === r.right) {
96
- widthDiff -= r.right;
97
- }
98
- const newWidth = ps(width + widthDiff, width) + "%";
99
- selectedElement.setAttribute(widthAttribute, newWidth);
100
- const newHeight = ps(height + heightDiff, height) + "%";
101
- selectedElement.setAttribute(heightAttribute, newHeight);
125
+ newWidth = ps(elementWidth + dx, width) + "%";
126
+ selectedElement.style.width = newWidth;
127
+ // // selectedElement.setAttribute(widthAttribute, newWidth);
128
+ newHeight = ps(elementHeight + dy, height) + "%";
129
+ selectedElement.style.height = newHeight;
130
+ // selectedElement.setAttribute(heightAttribute, newHeight);
102
131
  }
103
132
 
104
- // clearTimeout(this.timer);
105
- setTimeout(() => {
106
- selection.updateRect();
107
- hover.updateRect();
108
- }, 1);
133
+
134
+ if(!updateTimer) {
135
+ updateTimer = setTimeout(() => {
136
+ updateTimer = void 0;
137
+ selection.updateRect();
138
+ }, 10);
139
+ }
109
140
  };
110
141
 
111
- const resume = () => d.resume();
142
+ const resume = () => {
143
+ snaps.dispose();
144
+ d.resume();
145
+ element[isDragged] = void 0;
146
+ };
112
147
 
113
148
  const commit = () => {
114
149
 
115
- d.resume();
116
150
 
151
+ selectedElement.style.removeProperty("inset");
152
+ selectedElement.style.removeProperty("width");
153
+ selectedElement.style.removeProperty("height");
154
+
155
+ selectedElement.setAttribute(insetAttribute, inset);
156
+ if (newWidth) {
157
+ selectedElement.setAttribute(widthAttribute, newWidth);
158
+ }
159
+ if (newHeight) {
160
+ selectedElement.setAttribute(heightAttribute, newHeight);
161
+ }
162
+
163
+ d.resume();
117
164
  const records = [] as MutationRecord[];
118
165
 
119
166
  // push records...
@@ -164,13 +211,13 @@ const beginDrag = (editor: HtmlPageEditor, element: HTMLElement) => {
164
211
  };
165
212
  };
166
213
 
167
- const setCapture = (editor: HtmlPageEditor, element: HTMLElement, e: PointerEvent, fx: (r: IRect, ) => IRect) => {
214
+ const setCapture = (direction: string, editor: HtmlPageEditor, element: HTMLElement, e: PointerEvent, fx: (r: IRect, ) => IRect) => {
168
215
 
169
216
 
170
- const sc = beginDrag(editor, element);
217
+ const sc = beginDrag(direction, editor, element);
171
218
 
172
- const sx = e.clientX;
173
- const sy = e.clientY;
219
+ let sx = e.clientX;
220
+ let sy = e.clientY;
174
221
 
175
222
  const captureMove = (evt: PointerEvent) => {
176
223
  const dx = evt.clientX - sx;
@@ -178,6 +225,8 @@ const setCapture = (editor: HtmlPageEditor, element: HTMLElement, e: PointerEven
178
225
  if (dx === 0 && dy === 0) {
179
226
  return;
180
227
  }
228
+ sx = evt.clientX;
229
+ sy = evt.clientY;
181
230
  sc.move({ dx, dy, fx});
182
231
  };
183
232
 
@@ -248,28 +297,28 @@ const eventPointerDown = (editor: HtmlPageEditor, e: PointerEvent) => {
248
297
  // enable resizing...
249
298
  switch(resize) {
250
299
  case "lt":
251
- setCapture(editor, element, e, (r) => {
300
+ setCapture(resize, editor, element, e, (r) => {
252
301
  r.left += r.dx;
253
302
  r.top += r.dy;
254
303
  return r;
255
304
  });
256
305
  return;
257
306
  case "rt":
258
- setCapture(editor, element, e, (r) => {
307
+ setCapture(resize, editor, element, e, (r) => {
259
308
  r.top += r.dy;
260
309
  r.right -= r.dx;
261
310
  return r;
262
311
  });
263
312
  return;
264
313
  case "lb":
265
- setCapture(editor, element, e, (r) => {
314
+ setCapture(resize, editor, element, e, (r) => {
266
315
  r.left += r.dx;
267
316
  r.bottom -= r.dy;
268
317
  return r;
269
318
  });
270
319
  return;
271
320
  case "rb":
272
- setCapture(editor, element, e, (r) => {
321
+ setCapture(resize, editor, element, e, (r) => {
273
322
  r.bottom -= r.dy;
274
323
  r.right -= r.dx;
275
324
  return r;
@@ -283,7 +332,9 @@ const eventPointerDown = (editor: HtmlPageEditor, e: PointerEvent) => {
283
332
  return;
284
333
  }
285
334
 
286
- setCapture(editor, element, e, (r) => {
335
+ // update snaps...
336
+
337
+ setCapture("move", editor, element, e, (r) => {
287
338
  r.top += r.dy;
288
339
  r.left += r.dx;
289
340
  r.bottom -= r.dy;
@@ -350,7 +401,7 @@ const eventKeyDown = (editor: HtmlPageEditor, e: KeyboardEvent) => {
350
401
  return r;
351
402
  };
352
403
 
353
- sc = beginDrag(editor, element);
404
+ sc = beginDrag("none", editor, element);
354
405
  currentElement[keyboardEditingSymbol] = sc;
355
406
 
356
407
  sc.move({ dx, dy, fx });
@@ -376,6 +427,7 @@ const eventKeyDown = (editor: HtmlPageEditor, e: KeyboardEvent) => {
376
427
  const previousFocus = Symbol("previousFocus");
377
428
 
378
429
  const updateFocus = (e, b) => {
430
+
379
431
  if (b) {
380
432
  const { activeElement } = document;
381
433
  if(activeElement && !activeElement.hasAttribute("data-property-value-editor")) {
@@ -401,7 +453,7 @@ export function SelectionUI() {
401
453
  style-top={BindEditor.oneWay((e) => e.selection.top)}
402
454
  style-width={BindEditor.oneWay((e) => e.selection.width)}
403
455
  style-height={BindEditor.oneWay((e) => e.selection.height)}>
404
- <label text={BindEditor.oneWay((e) => e.selection.name)}/>
456
+ <label text={BindEditor.oneWay((e) => e.selection.name)}/>
405
457
  <i data-resize="lt"/>
406
458
  <i data-resize="rt"/>
407
459
  <i data-resize="lb"/>