@social-mail/social-mail-client 1.8.438 → 1.8.440

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.8.438",
+  "version": "1.8.440",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/site-editor/editor/HtmlPageEditor.tsx

@@ -62,6 +62,7 @@ import { IAppFile } from "../../model/model";
 import { SelectionUI } from "./ui/SelectionUI";
 import { desktopScreenWidth, mobileScreenWidth, tabletScreenWidth } from "./sizes";
 import UIGuides from "./guides/UIGuides";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService";
 
 const desktopWidth = desktopScreenWidth;
 const tabletWidth = tabletScreenWidth;
@@ -613,6 +614,14 @@ export default class HtmlPageEditor extends AtomControl {
         onEventTarget: document.body
     })
     async onToolSelected(item: IToolItem) {
+
+        const { selection } = this;
+        if (selection.element.tagName === "INJECT") {
+            return PopupService.alert({
+                message: "Cannot insert tool into injected component"
+            });
+        }
+
         const t = await this.copyAssets(item);
         const s = this.selectedTarget();
 
@@ -630,7 +639,7 @@ export default class HtmlPageEditor extends AtomControl {
         const copy = root.firstElementChild as HTMLElement;
 
         setTimeout(() => {
-            this.selection.update(copy);
+            selection.update(copy);
         }, 10);
 
         if(/^(inject|footer)/i.test(s.lastElementChild?.tagName)) {

package/src/site-editor/editor/ui/SelectionUI.tsx

@@ -217,12 +217,18 @@ const setCapture = (direction: string, editor: HtmlPageEditor, element: HTMLElem
     let sx = e.clientX;
     let sy = e.clientY;
 
+    const aspectRatio = element.offsetHeight / element.offsetWidth;
+
     const captureMove = (evt: PointerEvent) => {
         const dx = evt.clientX - sx;
-        const dy = evt.clientY - sy;
+        let dy = evt.clientY - sy;
         if (dx === 0 && dy === 0) {
             return;
         }
+        if(evt.shiftKey || evt.ctrlKey) {
+            // fix aspect ratio...
+            dy = dx * aspectRatio;
+        }
         sx = evt.clientX;
         sy = evt.clientY;
         sc.move({ dx, dy, fx});

package/src/site-editor-app/pages/websites/studio/layers/StudioLayers.tsx

@@ -210,6 +210,7 @@ export default class StudioLayers extends AtomControl {
         if (ee === this.editor.selection.element) {
             return;
         }
+
         this.editor.selection.update(ee);
         if (ee.scrollIntoViewIfNeeded) {
             ee.scrollIntoViewIfNeeded();