@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.
- package/dist/site-editor/editor/EditingSymbols.d.ts +2 -0
- package/dist/site-editor/editor/EditingSymbols.d.ts.map +1 -0
- package/dist/site-editor/editor/EditingSymbols.js +12 -0
- package/dist/site-editor/editor/EditingSymbols.js.map +1 -0
- package/dist/site-editor/editor/HtmlPageEditor.d.ts.map +1 -1
- package/dist/site-editor/editor/HtmlPageEditor.global.css +1 -1
- package/dist/site-editor/editor/HtmlPageEditor.global.css.map +1 -1
- package/dist/site-editor/editor/HtmlPageEditor.js +5 -11
- package/dist/site-editor/editor/HtmlPageEditor.js.map +1 -1
- package/dist/site-editor/editor/SelectedElement.js +2 -2
- package/dist/site-editor/editor/SelectedElement.js.map +1 -1
- package/dist/site-editor/editor/UndoRedo.d.ts.map +1 -1
- package/dist/site-editor/editor/UndoRedo.js +7 -2
- package/dist/site-editor/editor/UndoRedo.js.map +1 -1
- package/dist/site-editor/editor/guides/UIGuides.d.ts +12 -0
- package/dist/site-editor/editor/guides/UIGuides.d.ts.map +1 -0
- package/dist/site-editor/editor/guides/UIGuides.global.css +2 -0
- package/dist/site-editor/editor/guides/UIGuides.global.css.map +1 -0
- package/dist/site-editor/editor/guides/UIGuides.js +25 -0
- package/dist/site-editor/editor/guides/UIGuides.js.map +1 -0
- package/dist/site-editor/editor/ui/SelectionUI.d.ts.map +1 -1
- package/dist/site-editor/editor/ui/SelectionUI.global.css +1 -1
- package/dist/site-editor/editor/ui/SelectionUI.global.css.map +1 -1
- package/dist/site-editor/editor/ui/SelectionUI.js +68 -40
- package/dist/site-editor/editor/ui/SelectionUI.js.map +1 -1
- package/dist/site-editor/editor/ui/SnapGuides.d.ts +36 -0
- package/dist/site-editor/editor/ui/SnapGuides.d.ts.map +1 -0
- package/dist/site-editor/editor/ui/SnapGuides.js +180 -0
- package/dist/site-editor/editor/ui/SnapGuides.js.map +1 -0
- package/dist/site-editor-app/SiteEditorApp.pack.global.css +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.global.css.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.js +309 -56
- package/dist/site-editor-app/SiteEditorApp.pack.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/web/AppIndex.pack.local.css +1 -1
- package/dist/web/AppIndex.pack.local.css.map +1 -1
- package/dist/web/drawer/AppDrawer.local.css +1 -1
- package/dist/web/drawer/AppDrawer.local.css.map +1 -1
- package/package.json +1 -1
- package/src/site-editor/editor/EditingSymbols.ts +1 -0
- package/src/site-editor/editor/HtmlPageEditor.global.css +0 -18
- package/src/site-editor/editor/HtmlPageEditor.tsx +2 -7
- package/src/site-editor/editor/SelectedElement.tsx +2 -2
- package/src/site-editor/editor/UndoRedo.tsx +4 -0
- package/src/site-editor/editor/guides/UIGuides.global.css +42 -0
- package/src/site-editor/editor/guides/UIGuides.tsx +29 -0
- package/src/site-editor/editor/ui/SelectionUI.global.css +2 -1
- package/src/site-editor/editor/ui/SelectionUI.tsx +93 -41
- package/src/site-editor/editor/ui/SnapGuides.ts +222 -0
- 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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
|
|
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,
|
|
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
|
@@ -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
|
-
<
|
|
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
|
|
269
|
-
this.left = `${Math.max(0, r.left)
|
|
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
|
+
}
|
|
@@ -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
|
-
|
|
85
|
-
|
|
86
|
-
|
|
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
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
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
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
133
|
+
|
|
134
|
+
if(!updateTimer) {
|
|
135
|
+
updateTimer = setTimeout(() => {
|
|
136
|
+
updateTimer = void 0;
|
|
137
|
+
selection.updateRect();
|
|
138
|
+
}, 10);
|
|
139
|
+
}
|
|
109
140
|
};
|
|
110
141
|
|
|
111
|
-
const 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
|
-
|
|
173
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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"/>
|