@social-mail/social-mail-client 1.8.339 → 1.8.343

package/dist/site-editor/editor/ui/SelectionUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionUI.d.ts","sourceRoot":"","sources":["../../../../src/site-editor/editor/ui/SelectionUI.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAGlC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,kBAAkB,EAAE,GAAG,CAAC;SAC3B;KACJ;CACJ;AAyPD,wBAAgB,WAAW,QA2D1B"}
+{"version":3,"file":"SelectionUI.d.ts","sourceRoot":"","sources":["../../../../src/site-editor/editor/ui/SelectionUI.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAGlC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,kBAAkB,EAAE,GAAG,CAAC;SAC3B;KACJ;CACJ;AA8VD,wBAAgB,WAAW,QA6D1B"}

package/dist/site-editor/editor/ui/SelectionUI.js

@@ -1,12 +1,14 @@
 System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu", "../../properties/controls/PropertyEditor", "./SelectionUI.global.css", "../sizes"], function (_export, _context) {
   "use strict";
 
-  var XNode, EditorPopupMenu, BindEditor, mobileScreenWidth, tabletScreenWidth, setCapture, eventPointerDown;
+  var XNode, EditorPopupMenu, BindEditor, mobileScreenWidth, tabletScreenWidth, ps, beginDrag, setCapture, eventPointerDown, keyboardEditingSymbol, eventKeyDown;
   function SelectionUI() {
     return XNode.create("selected-element", {
       "data-element": "selection",
+      tabIndex: "-1",
       "data-edit": BindEditor.oneWay(e => /relative/i.test(e.selection.parentStyle.position) && /absolute|fixed/i.test(e.selection.currentStyle.position) ? "1" : null),
       "event-pointerdown": BindEditor.event(eventPointerDown),
+      "event-keydown": BindEditor.event(eventKeyDown),
       "style-left": BindEditor.oneWay(e => e.selection.left),
       "style-top": BindEditor.oneWay(e => e.selection.top),
       "style-width": BindEditor.oneWay(e => e.selection.width),
@@ -74,61 +76,54 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
       tabletScreenWidth = _sizes.tabletScreenWidth;
     }],
     execute: function () {
-      setCapture = (editor, element, e, fx) => {
+      ps = (v, max) => (v * 100 / (max || 1)).toFixed(2);
+      beginDrag = (editor, element) => {
         const prefix = editor.maxWidth === tabletScreenWidth ? "styler-tablet" : editor.maxWidth === mobileScreenWidth ? "styler-mobile" : "styler-desktop";
-        const sx = e.clientX;
-        const sy = e.clientY;
         const {
           selection,
           hover
         } = editor;
         const selectedElement = selection.element;
         const selectedParent = selectedElement.parentElement;
-        const frameDocument = selectedElement.ownerDocument;
-        const frame = editor.contentEditor;
         const insetAttribute = `${prefix}-inset`;
         const widthAttribute = `${prefix}-width`;
         const heightAttribute = `${prefix}-height`;
         const oldWidth = selectedElement.getAttribute(widthAttribute);
         const oldHeight = selectedElement.getAttribute(heightAttribute);
         const oldInset = selectedElement.getAttribute(insetAttribute);
-        const records = [];
         const style = selectedElement.ownerDocument.defaultView.getComputedStyle(selectedElement);
         const width = selectedParent.offsetWidth;
         const height = selectedParent.offsetHeight;
-        const ps = (v, max) => (v * 100 / (max || 1)).toFixed(2);
-        const {
-          undoRedo
-        } = editor;
-        const d = undoRedo.beginPause();
         const left = parseFloat(style.left || "0");
         const top = parseFloat(style.top || "0");
         const bottom = parseFloat(style.bottom || "0");
         const right = parseFloat(style.right || "0");
-        let moved = false;
+        const {
+          undoRedo
+        } = editor;
+        const d = undoRedo.beginPause();
+        let resized = false;
         let changed = false;
-        const captureMove = evt => {
-          const dx = evt.clientX - sx;
-          const dy = evt.clientY - sy;
-          if (dx === 0 && dy === 0) {
-            return;
-          }
+        let timer = void 0;
+        const move = ({
+          dx,
+          dy,
+          fx
+        }) => {
+          changed = true;
           const ri = {
             left,
             top,
             right,
             bottom,
-            sx,
-            sy,
             dx,
             dy
           };
-          changed = true;
           const r = fx(ri);
           const inset = `${ps(r.top, height)}% ${ps(r.right, width)}% ${ps(r.bottom, height)}% ${ps(r.left, width)}%`;
           selectedElement.setAttribute(insetAttribute, inset);
           if (!r.move) {
-            moved = true;
+            resized = true;
             let widthDiff = -r.left;
             let heightDiff = -r.top;
             if (ri.bottom === r.bottom) {
@@ -147,15 +142,79 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
             hover.updateRect();
           }, 1);
         };
+        const commit = () => {
+          d.resume();
+          const records = [];
+          records.push({
+            type: "attributes",
+            oldValue: oldInset,
+            target: selectedElement,
+            attributeName: insetAttribute,
+            attributeNamespace: ""
+          });
+          if (resized) {
+            records.push({
+              type: "attributes",
+              oldValue: oldWidth,
+              target: selectedElement,
+              attributeName: widthAttribute,
+              attributeNamespace: ""
+            });
+            records.push({
+              type: "attributes",
+              oldValue: oldHeight,
+              target: selectedElement,
+              attributeName: heightAttribute,
+              attributeNamespace: ""
+            });
+          }
+          undoRedo.observe(records);
+          editor.commit();
+          clearTimeout(timer);
+          timer = setTimeout(() => {
+            selection.updateRect();
+            hover.updateRect();
+          }, 1);
+        };
+        return {
+          move,
+          commit,
+          selectedElement,
+          selectedParent,
+          get changed() {
+            return changed;
+          }
+        };
+      };
+      setCapture = (editor, element, e, fx) => {
+        const sc = beginDrag(editor, element);
+        const sx = e.clientX;
+        const sy = e.clientY;
+        const captureMove = evt => {
+          const dx = evt.clientX - sx;
+          const dy = evt.clientY - sy;
+          if (dx === 0 && dy === 0) {
+            return;
+          }
+          sc.move({
+            dx,
+            dy,
+            fx
+          });
+        };
         element.addEventListener("pointermove", captureMove);
         element.setPointerCapture(e.pointerId);
         const release = e1 => {
           element.releasePointerCapture(e.pointerId);
           element.removeEventListener("pointermove", captureMove);
           element.removeEventListener("pointerup", release);
-          captureMove(e1);
-          d.resume();
-          if (!changed) {
+          if (!sc.changed) {
+            const {
+              selectedElement,
+              selectedParent
+            } = sc;
+            const frameDocument = selectedElement.ownerDocument;
+            const frame = editor.contentEditor;
             const frameRect = frame.getBoundingClientRect();
             let {
               clientX,
@@ -184,35 +243,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
             }
             return;
           }
-          records.push({
-            type: "attributes",
-            oldValue: oldInset,
-            target: selectedElement,
-            attributeName: insetAttribute,
-            attributeNamespace: ""
-          });
-          if (moved) {
-            records.push({
-              type: "attributes",
-              oldValue: oldWidth,
-              target: selectedElement,
-              attributeName: widthAttribute,
-              attributeNamespace: ""
-            });
-            records.push({
-              type: "attributes",
-              oldValue: oldHeight,
-              target: selectedElement,
-              attributeName: heightAttribute,
-              attributeNamespace: ""
-            });
-          }
-          undoRedo.observe(records);
-          editor.commit();
-          setTimeout(() => {
-            selection.updateRect();
-            hover.updateRect();
-          }, 1);
+          sc.commit();
         };
         element.addEventListener("pointerup", release);
       };
@@ -220,8 +251,14 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
         const element = e.target;
         const currentElement = e.currentTarget;
         if (!currentElement.hasAttribute("data-edit")) {
+          setTimeout(() => currentElement.hasAttribute("data-edit") ? currentElement.focus({
+            preventScroll: true
+          }) : void 0, 250);
           return;
         }
+        currentElement.focus({
+          preventScroll: true
+        });
         const resize = element.getAttribute("data-resize");
         if (resize) {
           switch (resize) {
@@ -268,6 +305,62 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
           return r;
         });
       };
+      keyboardEditingSymbol = Symbol("keyboardEditing");
+      eventKeyDown = (editor, e) => {
+        const element = e.target;
+        const currentElement = e.currentTarget;
+        if (!currentElement.hasAttribute("data-edit")) {
+          return;
+        }
+        let dx = 0;
+        let dy = 0;
+        switch (e.key) {
+          case "ArrowDown":
+            dy = e.repeat ? 5 : 1;
+            break;
+          case "ArrowUp":
+            dy = e.repeat ? -5 : -1;
+            break;
+          case "ArrowLeft":
+            dx = e.repeat ? -5 : -1;
+            break;
+          case "ArrowRight":
+            dx = e.repeat ? 5 : 1;
+            break;
+          default:
+            return;
+        }
+        let sc = currentElement[keyboardEditingSymbol];
+        if (!sc) {
+          const fx = r => {
+            r.top += r.dy;
+            r.left += r.dx;
+            r.bottom -= r.dy;
+            r.right -= r.dx;
+            r.move = true;
+            return r;
+          };
+          sc = beginDrag(editor, element);
+          currentElement[keyboardEditingSymbol] = sc;
+          sc.move({
+            dx,
+            dy,
+            fx
+          });
+          const timer = setInterval(() => sc.move({
+            dx,
+            dy,
+            fx
+          }), 250);
+          const release = () => {
+            clearInterval(timer);
+            currentElement[keyboardEditingSymbol] = void 0;
+            currentElement.removeEventListener("keyup", release);
+            sc.commit();
+          };
+          currentElement.addEventListener("keyup", release);
+        }
+      };
     }
   };
 });

package/dist/site-editor/editor/ui/SelectionUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectionUI","XNode","create","BindEditor","oneWay","e","test","selection","parentStyle","position","currentStyle","event","eventPointerDown","left","top","width","height","text","name","class","element","parentElement","htmlDocument","body","update","setDraggable","hasAttribute","removeAttribute","refresh","title","setAttribute","isImage","EditorPopupMenu","_export","setters","_webAtomsCoreDistCoreXNode","default","_menusEditorPopupMenu","_propertiesControlsPropertyEditor","_SelectionUIGlobalCss","_sizes","mobileScreenWidth","tabletScreenWidth","execute","setCapture","editor","fx","prefix","maxWidth","sx","clientX","sy","clientY","hover","selectedElement","selectedParent","frameDocument","ownerDocument","frame","contentEditor","insetAttribute","widthAttribute","heightAttribute","oldWidth","getAttribute","oldHeight","oldInset","records","style","defaultView","getComputedStyle","offsetWidth","offsetHeight","ps","v","max","toFixed","undoRedo","d","beginPause","parseFloat","bottom","right","moved","changed","captureMove","evt","dx","dy","ri","r","inset","move","widthDiff","heightDiff","newWidth","newHeight","setTimeout","updateRect","addEventListener","setPointerCapture","pointerId","release","e1","releasePointerCapture","removeEventListener","resume","frameRect","getBoundingClientRect","elementAtPoint","elementFromPoint","start","push","type","oldValue","target","attributeName","attributeNamespace","observe","commit","currentElement","currentTarget","resize"],"sources":["../../../../src/site-editor/editor/ui/SelectionUI.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SelectionUI","XNode","create","tabIndex","BindEditor","oneWay","e","test","selection","parentStyle","position","currentStyle","event","eventPointerDown","eventKeyDown","left","top","width","height","text","name","class","element","parentElement","htmlDocument","body","update","setDraggable","hasAttribute","removeAttribute","refresh","title","setAttribute","isImage","EditorPopupMenu","_export","setters","_webAtomsCoreDistCoreXNode","default","_menusEditorPopupMenu","_propertiesControlsPropertyEditor","_SelectionUIGlobalCss","_sizes","mobileScreenWidth","tabletScreenWidth","execute","ps","v","max","toFixed","beginDrag","editor","prefix","maxWidth","hover","selectedElement","selectedParent","insetAttribute","widthAttribute","heightAttribute","oldWidth","getAttribute","oldHeight","oldInset","style","ownerDocument","defaultView","getComputedStyle","offsetWidth","offsetHeight","parseFloat","bottom","right","undoRedo","d","beginPause","resized","changed","timer","move","dx","dy","fx","ri","r","inset","widthDiff","heightDiff","newWidth","newHeight","setTimeout","updateRect","commit","resume","records","push","type","oldValue","target","attributeName","attributeNamespace","observe","clearTimeout","setCapture","sc","sx","clientX","sy","clientY","captureMove","evt","addEventListener","setPointerCapture","pointerId","release","e1","releasePointerCapture","removeEventListener","frameDocument","frame","contentEditor","frameRect","getBoundingClientRect","elementAtPoint","elementFromPoint","start","currentElement","currentTarget","focus","preventScroll","resize","keyboardEditingSymbol","Symbol","key","repeat","setInterval","clearInterval"],"sources":["../../../../src/site-editor/editor/ui/SelectionUI.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/site-editor-app/SiteEditorApp.pack.js

@@ -55962,12 +55962,14 @@ System.register([], function (_export, _context) {
 System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu", "../../properties/controls/PropertyEditor", "./SelectionUI.global.css", "../sizes"], function (_export, _context) {
   "use strict";
 
-  var XNode, EditorPopupMenu, BindEditor, mobileScreenWidth, tabletScreenWidth, setCapture, eventPointerDown;
+  var XNode, EditorPopupMenu, BindEditor, mobileScreenWidth, tabletScreenWidth, ps, beginDrag, setCapture, eventPointerDown, keyboardEditingSymbol, eventKeyDown;
   function SelectionUI() {
     return XNode.create("selected-element", {
       "data-element": "selection",
+      tabIndex: "-1",
       "data-edit": BindEditor.oneWay(e => /relative/i.test(e.selection.parentStyle.position) && /absolute|fixed/i.test(e.selection.currentStyle.position) ? "1" : null),
       "event-pointerdown": BindEditor.event(eventPointerDown),
+      "event-keydown": BindEditor.event(eventKeyDown),
       "style-left": BindEditor.oneWay(e => e.selection.left),
       "style-top": BindEditor.oneWay(e => e.selection.top),
       "style-width": BindEditor.oneWay(e => e.selection.width),
@@ -56035,61 +56037,54 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
       tabletScreenWidth = _sizes.tabletScreenWidth;
     }],
     execute: function () {
-      setCapture = (editor, element, e, fx) => {
+      ps = (v, max) => (v * 100 / (max || 1)).toFixed(2);
+      beginDrag = (editor, element) => {
         const prefix = editor.maxWidth === tabletScreenWidth ? "styler-tablet" : editor.maxWidth === mobileScreenWidth ? "styler-mobile" : "styler-desktop";
-        const sx = e.clientX;
-        const sy = e.clientY;
         const {
           selection,
           hover
         } = editor;
         const selectedElement = selection.element;
         const selectedParent = selectedElement.parentElement;
-        const frameDocument = selectedElement.ownerDocument;
-        const frame = editor.contentEditor;
         const insetAttribute = `${prefix}-inset`;
         const widthAttribute = `${prefix}-width`;
         const heightAttribute = `${prefix}-height`;
         const oldWidth = selectedElement.getAttribute(widthAttribute);
         const oldHeight = selectedElement.getAttribute(heightAttribute);
         const oldInset = selectedElement.getAttribute(insetAttribute);
-        const records = [];
         const style = selectedElement.ownerDocument.defaultView.getComputedStyle(selectedElement);
         const width = selectedParent.offsetWidth;
         const height = selectedParent.offsetHeight;
-        const ps = (v, max) => (v * 100 / (max || 1)).toFixed(2);
-        const {
-          undoRedo
-        } = editor;
-        const d = undoRedo.beginPause();
         const left = parseFloat(style.left || "0");
         const top = parseFloat(style.top || "0");
         const bottom = parseFloat(style.bottom || "0");
         const right = parseFloat(style.right || "0");
-        let moved = false;
+        const {
+          undoRedo
+        } = editor;
+        const d = undoRedo.beginPause();
+        let resized = false;
         let changed = false;
-        const captureMove = evt => {
-          const dx = evt.clientX - sx;
-          const dy = evt.clientY - sy;
-          if (dx === 0 && dy === 0) {
-            return;
-          }
+        let timer = void 0;
+        const move = ({
+          dx,
+          dy,
+          fx
+        }) => {
+          changed = true;
           const ri = {
             left,
             top,
             right,
             bottom,
-            sx,
-            sy,
             dx,
             dy
           };
-          changed = true;
           const r = fx(ri);
           const inset = `${ps(r.top, height)}% ${ps(r.right, width)}% ${ps(r.bottom, height)}% ${ps(r.left, width)}%`;
           selectedElement.setAttribute(insetAttribute, inset);
           if (!r.move) {
-            moved = true;
+            resized = true;
             let widthDiff = -r.left;
             let heightDiff = -r.top;
             if (ri.bottom === r.bottom) {
@@ -56108,15 +56103,79 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
             hover.updateRect();
           }, 1);
         };
+        const commit = () => {
+          d.resume();
+          const records = [];
+          records.push({
+            type: "attributes",
+            oldValue: oldInset,
+            target: selectedElement,
+            attributeName: insetAttribute,
+            attributeNamespace: ""
+          });
+          if (resized) {
+            records.push({
+              type: "attributes",
+              oldValue: oldWidth,
+              target: selectedElement,
+              attributeName: widthAttribute,
+              attributeNamespace: ""
+            });
+            records.push({
+              type: "attributes",
+              oldValue: oldHeight,
+              target: selectedElement,
+              attributeName: heightAttribute,
+              attributeNamespace: ""
+            });
+          }
+          undoRedo.observe(records);
+          editor.commit();
+          clearTimeout(timer);
+          timer = setTimeout(() => {
+            selection.updateRect();
+            hover.updateRect();
+          }, 1);
+        };
+        return {
+          move,
+          commit,
+          selectedElement,
+          selectedParent,
+          get changed() {
+            return changed;
+          }
+        };
+      };
+      setCapture = (editor, element, e, fx) => {
+        const sc = beginDrag(editor, element);
+        const sx = e.clientX;
+        const sy = e.clientY;
+        const captureMove = evt => {
+          const dx = evt.clientX - sx;
+          const dy = evt.clientY - sy;
+          if (dx === 0 && dy === 0) {
+            return;
+          }
+          sc.move({
+            dx,
+            dy,
+            fx
+          });
+        };
         element.addEventListener("pointermove", captureMove);
         element.setPointerCapture(e.pointerId);
         const release = e1 => {
           element.releasePointerCapture(e.pointerId);
           element.removeEventListener("pointermove", captureMove);
           element.removeEventListener("pointerup", release);
-          captureMove(e1);
-          d.resume();
-          if (!changed) {
+          if (!sc.changed) {
+            const {
+              selectedElement,
+              selectedParent
+            } = sc;
+            const frameDocument = selectedElement.ownerDocument;
+            const frame = editor.contentEditor;
             const frameRect = frame.getBoundingClientRect();
             let {
               clientX,
@@ -56145,35 +56204,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
             }
             return;
           }
-          records.push({
-            type: "attributes",
-            oldValue: oldInset,
-            target: selectedElement,
-            attributeName: insetAttribute,
-            attributeNamespace: ""
-          });
-          if (moved) {
-            records.push({
-              type: "attributes",
-              oldValue: oldWidth,
-              target: selectedElement,
-              attributeName: widthAttribute,
-              attributeNamespace: ""
-            });
-            records.push({
-              type: "attributes",
-              oldValue: oldHeight,
-              target: selectedElement,
-              attributeName: heightAttribute,
-              attributeNamespace: ""
-            });
-          }
-          undoRedo.observe(records);
-          editor.commit();
-          setTimeout(() => {
-            selection.updateRect();
-            hover.updateRect();
-          }, 1);
+          sc.commit();
         };
         element.addEventListener("pointerup", release);
       };
@@ -56181,8 +56212,14 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
         const element = e.target;
         const currentElement = e.currentTarget;
         if (!currentElement.hasAttribute("data-edit")) {
+          setTimeout(() => currentElement.hasAttribute("data-edit") ? currentElement.focus({
+            preventScroll: true
+          }) : void 0, 250);
           return;
         }
+        currentElement.focus({
+          preventScroll: true
+        });
         const resize = element.getAttribute("data-resize");
         if (resize) {
           switch (resize) {
@@ -56229,6 +56266,62 @@ System.register(["@web-atoms/core/dist/core/XNode", "../../menus/EditorPopupMenu
           return r;
         });
       };
+      keyboardEditingSymbol = Symbol("keyboardEditing");
+      eventKeyDown = (editor, e) => {
+        const element = e.target;
+        const currentElement = e.currentTarget;
+        if (!currentElement.hasAttribute("data-edit")) {
+          return;
+        }
+        let dx = 0;
+        let dy = 0;
+        switch (e.key) {
+          case "ArrowDown":
+            dy = e.repeat ? 5 : 1;
+            break;
+          case "ArrowUp":
+            dy = e.repeat ? -5 : -1;
+            break;
+          case "ArrowLeft":
+            dx = e.repeat ? -5 : -1;
+            break;
+          case "ArrowRight":
+            dx = e.repeat ? 5 : 1;
+            break;
+          default:
+            return;
+        }
+        let sc = currentElement[keyboardEditingSymbol];
+        if (!sc) {
+          const fx = r => {
+            r.top += r.dy;
+            r.left += r.dx;
+            r.bottom -= r.dy;
+            r.right -= r.dx;
+            r.move = true;
+            return r;
+          };
+          sc = beginDrag(editor, element);
+          currentElement[keyboardEditingSymbol] = sc;
+          sc.move({
+            dx,
+            dy,
+            fx
+          });
+          const timer = setInterval(() => sc.move({
+            dx,
+            dy,
+            fx
+          }), 250);
+          const release = () => {
+            clearInterval(timer);
+            currentElement[keyboardEditingSymbol] = void 0;
+            currentElement.removeEventListener("keyup", release);
+            sc.commit();
+          };
+          currentElement.addEventListener("keyup", release);
+        }
+      };
     }
   };
 });