@idraw/core 0.4.0-beta.36 → 0.4.0-beta.37

package/dist/esm/index.js

@@ -32,6 +32,7 @@ export class Core {
         const { devicePixelRatio = 1, width, height, createCustomContext2D } = opts;
         __classPrivateFieldSet(this, _Core_container, container, "f");
         const canvas = document.createElement('canvas');
+        canvas.setAttribute('tabindex', '0');
         __classPrivateFieldSet(this, _Core_canvas, canvas, "f");
         __classPrivateFieldGet(this, _Core_instances, "m", _Core_initContainer).call(this);
         container.appendChild(canvas);

package/dist/esm/middleware/layout-selector/config.d.ts

@@ -3,7 +3,9 @@ export declare const key = "LAYOUT_SELECT";
 export declare const keyLayoutActionType: unique symbol;
 export declare const keyLayoutControlType: unique symbol;
 export declare const keyLayoutController: unique symbol;
-export declare const keyLayoutIsHover: unique symbol;
+export declare const keyLayoutIsHoverContent: unique symbol;
+export declare const keyLayoutIsHoverController: unique symbol;
 export declare const keyLayoutIsSelected: unique symbol;
+export declare const keyLayoutIsBusyMoving: unique symbol;
 export declare const controllerSize = 10;
 export declare const defaultStyle: MiddlewareLayoutSelectorStyle;

package/dist/esm/middleware/layout-selector/config.js

@@ -2,8 +2,10 @@ export const key = 'LAYOUT_SELECT';
 export const keyLayoutActionType = Symbol(`${key}_layoutActionType`);
 export const keyLayoutControlType = Symbol(`${key}_layoutControlType`);
 export const keyLayoutController = Symbol(`${key}_layoutController`);
-export const keyLayoutIsHover = Symbol(`${key}_layoutIsHover`);
+export const keyLayoutIsHoverContent = Symbol(`${key}_layoutIsHoverContent`);
+export const keyLayoutIsHoverController = Symbol(`${key}_layoutIsHoverController`);
 export const keyLayoutIsSelected = Symbol(`${key}_layoutIsSelected`);
+export const keyLayoutIsBusyMoving = Symbol(`${key}_layoutIsSelected`);
 export const controllerSize = 10;
 export const defaultStyle = {
     activeColor: '#b331c9'

package/dist/esm/middleware/layout-selector/index.d.ts

@@ -1,5 +1,5 @@
 import type { BoardMiddleware, MiddlewareLayoutSelectorConfig, CoreEventMap } from '@idraw/types';
 import type { LayoutSelectorSharedStorage } from './types';
-import { keyLayoutIsSelected } from './config';
-export { keyLayoutIsSelected };
+import { keyLayoutIsSelected, keyLayoutIsBusyMoving } from './config';
+export { keyLayoutIsSelected, keyLayoutIsBusyMoving };
 export declare const MiddlewareLayoutSelector: BoardMiddleware<LayoutSelectorSharedStorage, CoreEventMap, MiddlewareLayoutSelectorConfig>;

package/dist/esm/middleware/layout-selector/index.js

@@ -1,9 +1,9 @@
 import { calcLayoutSizeController, isViewPointInVertexes, getViewScaleInfoFromSnapshot, isViewPointInElementSize, calcViewElementSize } from '@idraw/util';
-import { keyLayoutActionType, keyLayoutController, keyLayoutControlType, keyLayoutIsHover, keyLayoutIsSelected, controllerSize, defaultStyle } from './config';
-import { keyActionType as keyElementActionType, keyHoverElement } from '../selector';
+import { keyLayoutActionType, keyLayoutController, keyLayoutControlType, keyLayoutIsHoverContent, keyLayoutIsHoverController, keyLayoutIsSelected, keyLayoutIsBusyMoving, controllerSize, defaultStyle } from './config';
+import { keyActionType as keyElementActionType } from '../selector';
 import { drawLayoutController, drawLayoutHover } from './util';
 import { coreEventKeys } from '../../config';
-export { keyLayoutIsSelected };
+export { keyLayoutIsSelected, keyLayoutIsBusyMoving };
 export const MiddlewareLayoutSelector = (opts, config) => {
     const { sharer, boardContent, calculator, viewer, eventHub } = opts;
     const { overlayContext } = boardContent;
@@ -11,27 +11,19 @@ export const MiddlewareLayoutSelector = (opts, config) => {
     const { activeColor } = innerConfig;
     const style = { activeColor };
     let prevPoint = null;
-    let prevIsHover = null;
+    let prevIsHoverContent = null;
     let prevIsSelected = null;
-    let isBusy = null;
     const clear = () => {
         prevPoint = null;
         sharer.setSharedStorage(keyLayoutActionType, null);
         sharer.setSharedStorage(keyLayoutControlType, null);
         sharer.setSharedStorage(keyLayoutController, null);
-        sharer.setSharedStorage(keyLayoutIsHover, null);
+        sharer.setSharedStorage(keyLayoutIsHoverContent, null);
+        sharer.setSharedStorage(keyLayoutIsHoverController, null);
         sharer.setSharedStorage(keyLayoutIsSelected, null);
-        prevIsHover = null;
+        sharer.setSharedStorage(keyLayoutIsBusyMoving, null);
+        prevIsHoverContent = null;
         prevIsSelected = null;
-        isBusy = null;
-    };
-    const isInElementHover = () => {
-        const hoverElement = sharer.getSharedStorage(keyHoverElement);
-        if (hoverElement) {
-            clear();
-            return true;
-        }
-        return false;
     };
     const isInElementAction = () => {
         const elementActionType = sharer.getSharedStorage(keyElementActionType);
@@ -78,6 +70,7 @@ export const MiddlewareLayoutSelector = (opts, config) => {
     const resetControlType = (e) => {
         const data = sharer.getActiveStorage('data');
         const controller = sharer.getSharedStorage(keyLayoutController);
+        let controllerType = null;
         if (controller && (data === null || data === void 0 ? void 0 : data.layout) && (e === null || e === void 0 ? void 0 : e.point)) {
             let layoutControlType = null;
             if (controller) {
@@ -93,14 +86,20 @@ export const MiddlewareLayoutSelector = (opts, config) => {
                 if (layoutControlType) {
                     sharer.setSharedStorage(keyLayoutControlType, layoutControlType);
                     eventHub.trigger(coreEventKeys.CLEAR_SELECT);
-                    return layoutControlType;
+                    controllerType = layoutControlType;
                 }
             }
         }
-        return null;
+        if (controllerType) {
+            sharer.setSharedStorage(keyLayoutIsHoverController, true);
+        }
+        else {
+            sharer.setSharedStorage(keyLayoutIsHoverController, false);
+        }
+        return controllerType;
     };
     const updateCursor = (controlType) => {
-        if (isBusy === true) {
+        if (sharer.getSharedStorage(keyLayoutIsBusyMoving) === true) {
             return;
         }
         eventHub.trigger(coreEventKeys.CURSOR, {
@@ -116,23 +115,20 @@ export const MiddlewareLayoutSelector = (opts, config) => {
             resetController();
         },
         hover: (e) => {
-            if (isBusy === true) {
+            if (sharer.getSharedStorage(keyLayoutIsBusyMoving) === true) {
                 return;
             }
             if (isInElementAction()) {
                 return;
             }
-            if (isInElementHover()) {
-                return;
-            }
             if (isInLayout(e.point)) {
-                sharer.setSharedStorage(keyLayoutIsHover, true);
+                sharer.setSharedStorage(keyLayoutIsHoverContent, true);
             }
             else {
-                sharer.setSharedStorage(keyLayoutIsHover, false);
-                if (prevIsHover === true) {
+                sharer.setSharedStorage(keyLayoutIsHoverContent, false);
+                if (prevIsHoverContent === true) {
                     viewer.drawFrame();
-                    prevIsHover = false;
+                    prevIsHoverContent = false;
                 }
             }
             if (sharer.getSharedStorage(keyLayoutIsSelected) === true) {
@@ -155,12 +151,18 @@ export const MiddlewareLayoutSelector = (opts, config) => {
                         updateCursor(layoutControlType);
                     }
                 }
+                if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+                    return false;
+                }
                 return;
             }
-            if (sharer.getSharedStorage(keyLayoutIsHover) && !prevIsHover) {
+            if (sharer.getSharedStorage(keyLayoutIsHoverContent) && !prevIsHoverContent) {
                 viewer.drawFrame();
             }
-            prevIsHover = sharer.getSharedStorage(keyLayoutIsHover);
+            prevIsHoverContent = sharer.getSharedStorage(keyLayoutIsHoverContent);
+            if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+                return false;
+            }
         },
         pointStart: (e) => {
             if (isInElementAction()) {
@@ -186,6 +188,9 @@ export const MiddlewareLayoutSelector = (opts, config) => {
                 viewer.drawFrame();
             }
             prevIsSelected = sharer.getSharedStorage(keyLayoutIsSelected);
+            if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+                return false;
+            }
         },
         pointMove: (e) => {
             if (!sharer.getSharedStorage(keyLayoutIsSelected)) {
@@ -198,7 +203,7 @@ export const MiddlewareLayoutSelector = (opts, config) => {
             const data = sharer.getActiveStorage('data');
             if (layoutActionType === 'resize' && layoutControlType && (data === null || data === void 0 ? void 0 : data.layout)) {
                 if (prevPoint) {
-                    isBusy = true;
+                    sharer.setSharedStorage(keyLayoutIsBusyMoving, true);
                     const scale = sharer.getActiveStorage('scale');
                     const viewMoveX = e.point.x - prevPoint.x;
                     const viewMoveY = e.point.y - prevPoint.y;
@@ -288,7 +293,7 @@ export const MiddlewareLayoutSelector = (opts, config) => {
             }
         },
         pointEnd: () => {
-            isBusy = false;
+            sharer.setSharedStorage(keyLayoutIsBusyMoving, false);
             const layoutActionType = sharer.getSharedStorage(keyLayoutActionType);
             const layoutControlType = sharer.getSharedStorage(keyLayoutControlType);
             const data = sharer.getActiveStorage('data');
@@ -298,6 +303,9 @@ export const MiddlewareLayoutSelector = (opts, config) => {
                     data
                 });
             }
+            if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+                return false;
+            }
         },
         beforeDrawFrame: ({ snapshot }) => {
             var _a;
@@ -306,7 +314,7 @@ export const MiddlewareLayoutSelector = (opts, config) => {
             }
             const { sharedStore, activeStore } = snapshot;
             const layoutActionType = sharedStore[keyLayoutActionType];
-            const layoutIsHover = sharedStore[keyLayoutIsHover];
+            const layoutIsHover = sharedStore[keyLayoutIsHoverContent];
             const layoutIsSelected = sharedStore[keyLayoutIsSelected];
             if ((_a = activeStore.data) === null || _a === void 0 ? void 0 : _a.layout) {
                 const { x, y, w, h } = activeStore.data.layout;

package/dist/esm/middleware/layout-selector/types.d.ts

@@ -1,5 +1,5 @@
 import type { LayoutSizeController, Element } from '@idraw/types';
-import { keyLayoutActionType, keyLayoutControlType, keyLayoutController, keyLayoutIsHover, keyLayoutIsSelected } from './config';
+import { keyLayoutActionType, keyLayoutControlType, keyLayoutController, keyLayoutIsHoverContent, keyLayoutIsHoverController, keyLayoutIsSelected, keyLayoutIsBusyMoving } from './config';
 import { keyActionType as keyElementActionType, keyHoverElement } from '../selector';
 import type { ActionType as ElementActionType } from '../selector';
 export type ActionType = 'resize' | null;
@@ -10,6 +10,8 @@ export type LayoutSelectorSharedStorage = {
     [keyLayoutController]: LayoutSizeController | null;
     [keyElementActionType]: ElementActionType | null;
     [keyHoverElement]: Element | null;
-    [keyLayoutIsHover]: boolean | null;
+    [keyLayoutIsHoverContent]: boolean | null;
+    [keyLayoutIsHoverController]: boolean | null;
     [keyLayoutIsSelected]: boolean | null;
+    [keyLayoutIsBusyMoving]: boolean | null;
 };

package/dist/esm/middleware/layout-selector/types.js

@@ -1,2 +1,2 @@
-import { keyLayoutActionType, keyLayoutControlType, keyLayoutController, keyLayoutIsHover, keyLayoutIsSelected } from './config';
+import { keyLayoutActionType, keyLayoutControlType, keyLayoutController, keyLayoutIsHoverContent, keyLayoutIsHoverController, keyLayoutIsSelected, keyLayoutIsBusyMoving } from './config';
 import { keyActionType as keyElementActionType, keyHoverElement } from '../selector';

package/dist/esm/middleware/selector/index.js

@@ -5,7 +5,7 @@ import { getPointTarget, resizeElement, rotateElement, getSelectedListArea, calc
 import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, controllerSize, rotateControllerSize, rotateControllerPosition, defaultStyle } from './config';
 import { calcReferenceInfo } from './reference';
 import { coreEventKeys } from '../../config';
-import { keyLayoutIsSelected } from '../layout-selector';
+import { keyLayoutIsSelected, keyLayoutIsBusyMoving } from '../layout-selector';
 import { createRotateControllerPattern } from './pattern';
 import { MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE } from '../info';
 export { keySelectedElementList, keyHoverElement, keyActionType, keyResizeType, keyGroupQueue };
@@ -174,6 +174,10 @@ export const MiddlewareSelector = (opts, config) => {
         hover: (e) => {
             var _a, _b, _c, _d, _e;
             const layoutIsSelected = sharer.getSharedStorage(keyLayoutIsSelected);
+            const layoutIsBusyMoving = sharer.getSharedStorage(keyLayoutIsBusyMoving);
+            if (layoutIsBusyMoving === true) {
+                return;
+            }
             const resizeType = sharer.getSharedStorage(keyResizeType);
             const actionType = sharer.getSharedStorage(keyActionType);
             const groupQueue = sharer.getSharedStorage(keyGroupQueue);

package/dist/esm/middleware/selector/types.d.ts

@@ -1,6 +1,6 @@
 import { Data, ElementSize, ElementType, Element, ViewContext2D, Point, PointSize, ViewScaleInfo, ViewSizeInfo, ViewCalculator, PointWatcherEvent, BoardMiddleware, ViewRectVertexes, ElementSizeController, ElementPosition } from '@idraw/types';
 import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, keyDebugElemCenter, keyDebugEnd0, keyDebugEndHorizontal, keyDebugEndVertical, keyDebugStartHorizontal, keyDebugStartVertical } from './config';
-import { keyLayoutIsSelected } from '../layout-selector';
+import { keyLayoutIsSelected, keyLayoutIsBusyMoving } from '../layout-selector';
 export { Data, ElementType, Element, ElementSize, ViewContext2D, Point, PointSize, ViewScaleInfo, ViewSizeInfo, ViewCalculator, PointWatcherEvent, BoardMiddleware };
 export type ControllerStyle = ElementSize & {
     borderWidth: number;
@@ -42,4 +42,5 @@ export type DeepSelectorSharedStorage = {
     [keyDebugStartHorizontal]: PointSize | null;
     [keyDebugStartVertical]: PointSize | null;
     [keyLayoutIsSelected]: boolean | null;
+    [keyLayoutIsBusyMoving]: boolean | null;
 };

package/dist/esm/middleware/selector/types.js

@@ -1,2 +1,2 @@
 import { keyActionType, keyResizeType, keyAreaStart, keyAreaEnd, keyGroupQueue, keyGroupQueueVertexesList, keyHoverElement, keyHoverElementVertexes, keySelectedElementList, keySelectedElementListVertexes, keySelectedElementController, keySelectedElementPosition, keyIsMoving, keyEnableSelectInGroup, keyEnableSnapToGrid, keyDebugElemCenter, keyDebugEnd0, keyDebugEndHorizontal, keyDebugEndVertical, keyDebugStartHorizontal, keyDebugStartVertical } from './config';
-import { keyLayoutIsSelected } from '../layout-selector';
+import { keyLayoutIsSelected, keyLayoutIsBusyMoving } from '../layout-selector';

package/dist/index.global.js

@@ -5932,8 +5932,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const keyLayoutActionType = Symbol(`${key$2}_layoutActionType`);
   const keyLayoutControlType = Symbol(`${key$2}_layoutControlType`);
   const keyLayoutController = Symbol(`${key$2}_layoutController`);
-  const keyLayoutIsHover = Symbol(`${key$2}_layoutIsHover`);
+  const keyLayoutIsHoverContent = Symbol(`${key$2}_layoutIsHoverContent`);
+  const keyLayoutIsHoverController = Symbol(`${key$2}_layoutIsHoverController`);
   const keyLayoutIsSelected = Symbol(`${key$2}_layoutIsSelected`);
+  const keyLayoutIsBusyMoving = Symbol(`${key$2}_layoutIsSelected`);
   const controllerSize = 10;
   const defaultStyle$2 = {
     activeColor: "#b331c9"
@@ -6011,27 +6013,19 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const { activeColor: activeColor2 } = innerConfig;
     const style = { activeColor: activeColor2 };
     let prevPoint = null;
-    let prevIsHover = null;
+    let prevIsHoverContent = null;
     let prevIsSelected = null;
-    let isBusy = null;
     const clear = () => {
       prevPoint = null;
       sharer.setSharedStorage(keyLayoutActionType, null);
       sharer.setSharedStorage(keyLayoutControlType, null);
       sharer.setSharedStorage(keyLayoutController, null);
-      sharer.setSharedStorage(keyLayoutIsHover, null);
+      sharer.setSharedStorage(keyLayoutIsHoverContent, null);
+      sharer.setSharedStorage(keyLayoutIsHoverController, null);
       sharer.setSharedStorage(keyLayoutIsSelected, null);
-      prevIsHover = null;
+      sharer.setSharedStorage(keyLayoutIsBusyMoving, null);
+      prevIsHoverContent = null;
       prevIsSelected = null;
-      isBusy = null;
-    };
-    const isInElementHover = () => {
-      const hoverElement = sharer.getSharedStorage(keyHoverElement);
-      if (hoverElement) {
-        clear();
-        return true;
-      }
-      return false;
     };
     const isInElementAction = () => {
       const elementActionType = sharer.getSharedStorage(keyActionType);
@@ -6080,6 +6074,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const resetControlType = (e) => {
       const data = sharer.getActiveStorage("data");
       const controller = sharer.getSharedStorage(keyLayoutController);
+      let controllerType = null;
       if (controller && (data == null ? void 0 : data.layout) && (e == null ? void 0 : e.point)) {
         let layoutControlType = null;
         if (controller) {
@@ -6095,14 +6090,19 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           if (layoutControlType) {
             sharer.setSharedStorage(keyLayoutControlType, layoutControlType);
             eventHub.trigger(coreEventKeys.CLEAR_SELECT);
-            return layoutControlType;
+            controllerType = layoutControlType;
           }
         }
       }
-      return null;
+      if (controllerType) {
+        sharer.setSharedStorage(keyLayoutIsHoverController, true);
+      } else {
+        sharer.setSharedStorage(keyLayoutIsHoverController, false);
+      }
+      return controllerType;
     };
     const updateCursor = (controlType) => {
-      if (isBusy === true) {
+      if (sharer.getSharedStorage(keyLayoutIsBusyMoving) === true) {
         return;
       }
       eventHub.trigger(coreEventKeys.CURSOR, {
@@ -6118,22 +6118,19 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         resetController();
       },
       hover: (e) => {
-        if (isBusy === true) {
+        if (sharer.getSharedStorage(keyLayoutIsBusyMoving) === true) {
           return;
         }
         if (isInElementAction()) {
           return;
         }
-        if (isInElementHover()) {
-          return;
-        }
         if (isInLayout(e.point)) {
-          sharer.setSharedStorage(keyLayoutIsHover, true);
+          sharer.setSharedStorage(keyLayoutIsHoverContent, true);
         } else {
-          sharer.setSharedStorage(keyLayoutIsHover, false);
-          if (prevIsHover === true) {
+          sharer.setSharedStorage(keyLayoutIsHoverContent, false);
+          if (prevIsHoverContent === true) {
             viewer.drawFrame();
-            prevIsHover = false;
+            prevIsHoverContent = false;
           }
         }
         if (sharer.getSharedStorage(keyLayoutIsSelected) === true) {
@@ -6154,12 +6151,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               updateCursor(layoutControlType);
             }
           }
+          if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+            return false;
+          }
           return;
         }
-        if (sharer.getSharedStorage(keyLayoutIsHover) && !prevIsHover) {
+        if (sharer.getSharedStorage(keyLayoutIsHoverContent) && !prevIsHoverContent) {
           viewer.drawFrame();
         }
-        prevIsHover = sharer.getSharedStorage(keyLayoutIsHover);
+        prevIsHoverContent = sharer.getSharedStorage(keyLayoutIsHoverContent);
+        if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+          return false;
+        }
       },
       pointStart: (e) => {
         if (isInElementAction()) {
@@ -6184,6 +6187,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           viewer.drawFrame();
         }
         prevIsSelected = sharer.getSharedStorage(keyLayoutIsSelected);
+        if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+          return false;
+        }
       },
       pointMove: (e) => {
         if (!sharer.getSharedStorage(keyLayoutIsSelected)) {
@@ -6196,7 +6202,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         const data = sharer.getActiveStorage("data");
         if (layoutActionType === "resize" && layoutControlType && (data == null ? void 0 : data.layout)) {
           if (prevPoint) {
-            isBusy = true;
+            sharer.setSharedStorage(keyLayoutIsBusyMoving, true);
             const scale = sharer.getActiveStorage("scale");
             const viewMoveX = e.point.x - prevPoint.x;
             const viewMoveY = e.point.y - prevPoint.y;
@@ -6274,7 +6280,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
       },
       pointEnd: () => {
-        isBusy = false;
+        sharer.setSharedStorage(keyLayoutIsBusyMoving, false);
         const layoutActionType = sharer.getSharedStorage(keyLayoutActionType);
         const layoutControlType = sharer.getSharedStorage(keyLayoutControlType);
         const data = sharer.getActiveStorage("data");
@@ -6284,6 +6290,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             data
           });
         }
+        if (sharer.getSharedStorage(keyLayoutIsHoverController) === true) {
+          return false;
+        }
       },
       beforeDrawFrame: ({ snapshot }) => {
         var _a;
@@ -6292,7 +6301,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
         const { sharedStore, activeStore } = snapshot;
         const layoutActionType = sharedStore[keyLayoutActionType];
-        const layoutIsHover = sharedStore[keyLayoutIsHover];
+        const layoutIsHover = sharedStore[keyLayoutIsHoverContent];
         const layoutIsSelected = sharedStore[keyLayoutIsSelected];
         if ((_a = activeStore.data) == null ? void 0 : _a.layout) {
           const { x: x2, y: y2, w: w2, h: h2 } = activeStore.data.layout;
@@ -6919,6 +6928,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       hover: (e) => {
         var _a, _b, _c, _d, _e;
         const layoutIsSelected = sharer.getSharedStorage(keyLayoutIsSelected);
+        const layoutIsBusyMoving = sharer.getSharedStorage(keyLayoutIsBusyMoving);
+        if (layoutIsBusyMoving === true) {
+          return;
+        }
         const resizeType = sharer.getSharedStorage(keyResizeType);
         const actionType = sharer.getSharedStorage(keyActionType);
         const groupQueue = sharer.getSharedStorage(keyGroupQueue);
@@ -8538,6 +8551,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const { devicePixelRatio = 1, width, height, createCustomContext2D } = opts;
       __privateSet(this, _container2, container);
       const canvas = document.createElement("canvas");
+      canvas.setAttribute("tabindex", "0");
       __privateSet(this, _canvas, canvas);
       __privateMethod(this, _Core_instances, initContainer_fn).call(this);
       container.appendChild(canvas);