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

package/dist/esm/index.d.ts

@@ -17,6 +17,7 @@ export declare class Core<E extends CoreEventMap = CoreEventMap> {
     destroy(): void;
     use<C extends any = any>(middleware: BoardMiddleware<any, any, any>, config?: C): void;
     disuse(middleware: BoardMiddleware<any, any, any>): void;
+    resetMiddlewareConfig<C extends any = any>(middleware: BoardMiddleware<any, any, any>, config?: Partial<C>): void;
     setData(data: Data, opts?: {
         modifiedOptions?: ModifyOptions;
     }): void;

package/dist/esm/index.js

@@ -66,6 +66,9 @@ export class Core {
     disuse(middleware) {
         __classPrivateFieldGet(this, _Core_board, "f").disuse(middleware);
     }
+    resetMiddlewareConfig(middleware, config) {
+        __classPrivateFieldGet(this, _Core_board, "f").resetMiddlewareConfig(middleware, config);
+    }
     setData(data, opts) {
         validateElements((data === null || data === void 0 ? void 0 : data.elements) || []);
         __classPrivateFieldGet(this, _Core_board, "f").setData(data, opts);

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

@@ -8,12 +8,7 @@ const infoLineHeight = 16;
 export const MiddlewareInfo = (opts, config) => {
     const { boardContent, calculator, eventHub } = opts;
     const { overlayContext } = boardContent;
-    const innerConfig = Object.assign(Object.assign({}, defaltStyle), config);
-    const { textBackground, textColor } = innerConfig;
-    const style = {
-        textBackground,
-        textColor
-    };
+    let innerConfig = Object.assign(Object.assign({}, defaltStyle), config);
     let showAngleInfo = true;
     const showInfoAngleCallback = ({ show }) => {
         showAngleInfo = show;
@@ -26,7 +21,16 @@ export const MiddlewareInfo = (opts, config) => {
         disuse() {
             eventHub.off(MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE, showInfoAngleCallback);
         },
+        resetConfig(config) {
+            innerConfig = Object.assign(Object.assign({}, innerConfig), config);
+        },
         beforeDrawFrame({ snapshot }) {
+            var _a;
+            const { textBackground, textColor } = innerConfig;
+            const style = {
+                textBackground,
+                textColor
+            };
             const { sharedStore } = snapshot;
             const selectedElementList = sharedStore[keySelectedElementList];
             const actionType = sharedStore[keyActionType];
@@ -104,18 +108,20 @@ export const MiddlewareInfo = (opts, config) => {
                             style
                         });
                         if (showAngleInfo) {
-                            drawAngleInfoText(overlayContext, {
-                                point: {
-                                    x: rectInfo.top.x + infoFontSize + 4,
-                                    y: rectInfo.top.y - infoFontSize * 2 - 18
-                                },
-                                rotateCenter: rectInfo.center,
-                                angle: totalAngle,
-                                text: angleText,
-                                fontSize: infoFontSize,
-                                lineHeight: infoLineHeight,
-                                style
-                            });
+                            if (((_a = elem.operations) === null || _a === void 0 ? void 0 : _a.rotatable) !== false) {
+                                drawAngleInfoText(overlayContext, {
+                                    point: {
+                                        x: rectInfo.top.x + infoFontSize + 4,
+                                        y: rectInfo.top.y - infoFontSize * 2 - 18
+                                    },
+                                    rotateCenter: rectInfo.center,
+                                    angle: totalAngle,
+                                    text: angleText,
+                                    fontSize: infoFontSize,
+                                    lineHeight: infoLineHeight,
+                                    style
+                                });
+                            }
                         }
                     }
                 }

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

@@ -7,9 +7,7 @@ export { keyLayoutIsSelected, keyLayoutIsBusyMoving };
 export const MiddlewareLayoutSelector = (opts, config) => {
     const { sharer, boardContent, calculator, viewer, eventHub } = opts;
     const { overlayContext } = boardContent;
-    const innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
-    const { activeColor } = innerConfig;
-    const style = { activeColor };
+    let innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
     let prevPoint = null;
     let prevIsHoverContent = null;
     let prevIsSelected = null;
@@ -114,6 +112,9 @@ export const MiddlewareLayoutSelector = (opts, config) => {
             clear();
             resetController();
         },
+        resetConfig(config) {
+            innerConfig = Object.assign(Object.assign({}, innerConfig), config);
+        },
         hover: (e) => {
             if (sharer.getSharedStorage(keyLayoutIsBusyMoving) === true) {
                 return;
@@ -312,6 +313,8 @@ export const MiddlewareLayoutSelector = (opts, config) => {
             if (isInElementAction()) {
                 return;
             }
+            const { activeColor } = innerConfig;
+            const style = { activeColor };
             const { sharedStore, activeStore } = snapshot;
             const layoutActionType = sharedStore[keyLayoutActionType];
             const layoutIsHover = sharedStore[keyLayoutIsHoverContent];

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

@@ -5,17 +5,7 @@ import { coreEventKeys } from '../../config';
 export const MiddlewareRuler = (opts, config) => {
     const { boardContent, viewer, eventHub, calculator } = opts;
     const { overlayContext, underlayContext } = boardContent;
-    const innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
-    const { background, borderColor, scaleColor, textColor, gridColor, gridPrimaryColor, selectedAreaColor } = innerConfig;
-    const style = {
-        background,
-        borderColor,
-        scaleColor,
-        textColor,
-        gridColor,
-        gridPrimaryColor,
-        selectedAreaColor
-    };
+    let innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
     let show = true;
     let showGrid = true;
     const rulerCallback = (e) => {
@@ -37,7 +27,20 @@ export const MiddlewareRuler = (opts, config) => {
         disuse() {
             eventHub.off(coreEventKeys.RULER, rulerCallback);
         },
+        resetConfig(config) {
+            innerConfig = Object.assign(Object.assign({}, innerConfig), config);
+        },
         beforeDrawFrame: ({ snapshot }) => {
+            const { background, borderColor, scaleColor, textColor, gridColor, gridPrimaryColor, selectedAreaColor } = innerConfig;
+            const style = {
+                background,
+                borderColor,
+                scaleColor,
+                textColor,
+                gridColor,
+                gridPrimaryColor,
+                selectedAreaColor
+            };
             if (show === true) {
                 const viewScaleInfo = getViewScaleInfoFromSnapshot(snapshot);
                 const viewSizeInfo = getViewSizeInfoFromSnapshot(snapshot);

package/dist/esm/middleware/ruler/util.d.ts

@@ -1,5 +1,5 @@
-import type { ViewScaleInfo, ViewSizeInfo, ViewContext2D, BoardViewerFrameSnapshot, ViewCalculator } from '@idraw/types';
-import type { DeepRulerSharedStorage, MiddlewareRulerStyle } from './types';
+import type { ViewScaleInfo, ViewSizeInfo, ViewContext2D, BoardViewerFrameSnapshot, ViewCalculator, MiddlewareRulerStyle } from '@idraw/types';
+import type { DeepRulerSharedStorage } from './types';
 interface RulerScale {
     num: number;
     showNum: boolean;

package/dist/esm/middleware/ruler/util.js

@@ -152,13 +152,14 @@ export function drawRulerBackground(ctx, opts) {
     const { width, height } = viewSizeInfo;
     const { background, borderColor } = style;
     ctx.beginPath();
-    ctx.moveTo(0, 0);
-    ctx.lineTo(width + 1, 0);
+    const basePosition = -1;
+    ctx.moveTo(basePosition, basePosition);
+    ctx.lineTo(width + 1, basePosition);
     ctx.lineTo(width + 1, rulerSize);
     ctx.lineTo(rulerSize, rulerSize);
     ctx.lineTo(rulerSize, height + 1);
-    ctx.lineTo(0, height + 1);
-    ctx.lineTo(0, 0);
+    ctx.lineTo(basePosition, height + 1);
+    ctx.lineTo(basePosition, basePosition);
     ctx.closePath();
     ctx.fillStyle = background;
     ctx.fill();

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

@@ -7,16 +7,7 @@ export const MiddlewareScroller = (opts, config) => {
     sharer.setSharedStorage(keyXThumbRect, null);
     sharer.setSharedStorage(keyYThumbRect, null);
     let isBusy = false;
-    const innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
-    const { thumbBackground, thumbBorderColor, hoverThumbBackground, hoverThumbBorderColor, activeThumbBackground, activeThumbBorderColor } = innerConfig;
-    const style = {
-        thumbBackground,
-        thumbBorderColor,
-        hoverThumbBackground,
-        hoverThumbBorderColor,
-        activeThumbBackground,
-        activeThumbBorderColor
-    };
+    let innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
     const clear = () => {
         sharer.setSharedStorage(keyPrevPoint, null);
         sharer.setSharedStorage(keyActivePoint, null);
@@ -58,6 +49,9 @@ export const MiddlewareScroller = (opts, config) => {
     };
     return {
         name: '@middleware/scroller',
+        resetConfig(config) {
+            innerConfig = Object.assign(Object.assign({}, innerConfig), config);
+        },
         wheel: (e) => {
             viewer.scroll({
                 moveX: 0 - e.deltaX,
@@ -122,6 +116,15 @@ export const MiddlewareScroller = (opts, config) => {
             }
         },
         beforeDrawFrame({ snapshot }) {
+            const { thumbBackground, thumbBorderColor, hoverThumbBackground, hoverThumbBorderColor, activeThumbBackground, activeThumbBorderColor } = innerConfig;
+            const style = {
+                thumbBackground,
+                thumbBorderColor,
+                hoverThumbBackground,
+                hoverThumbBorderColor,
+                activeThumbBackground,
+                activeThumbBorderColor
+            };
             const { xThumbRect, yThumbRect } = drawScroller(overlayContext, { snapshot, style });
             sharer.setSharedStorage(keyXThumbRect, xThumbRect);
             sharer.setSharedStorage(keyYThumbRect, yThumbRect);

package/dist/esm/middleware/selector/draw-wrapper.js

@@ -33,10 +33,11 @@ export function drawLockedVertexesWrapper(ctx, vertexes, opts) {
     }
 }
 export function drawSelectedElementControllersVertexes(ctx, controller, opts) {
+    var _a;
     if (!controller) {
         return;
     }
-    const { hideControllers, style, rotateControllerPattern, viewSizeInfo } = opts;
+    const { hideControllers, style, rotateControllerPattern, viewSizeInfo, element } = opts;
     const { devicePixelRatio = 1 } = viewSizeInfo;
     const { activeColor } = style;
     const { elementWrapper, topLeft, topRight, bottomLeft, bottomRight, rotate } = controller;
@@ -48,9 +49,11 @@ export function drawSelectedElementControllersVertexes(ctx, controller, opts) {
         drawVertexes(ctx, calcViewVertexes(topRight.vertexes, opts), ctrlOpts);
         drawVertexes(ctx, calcViewVertexes(bottomLeft.vertexes, opts), ctrlOpts);
         drawVertexes(ctx, calcViewVertexes(bottomRight.vertexes, opts), ctrlOpts);
-        drawCircleController(ctx, calcViewPointSize(rotate.center, opts), Object.assign(Object.assign({}, ctrlOpts), { size: rotate.size, borderWidth: 0 }));
-        const rotateCenter = calcViewPointSize(rotate.center, opts);
-        ctx.drawImage(rotateControllerPattern.canvas, 0, 0, rotateControllerPattern.canvas.width / devicePixelRatio, rotateControllerPattern.canvas.height / devicePixelRatio, rotateCenter.x - rotate.size / 2, rotateCenter.y - rotate.size / 2, rotate.size, rotate.size);
+        if (((_a = element === null || element === void 0 ? void 0 : element.operations) === null || _a === void 0 ? void 0 : _a.rotatable) !== false) {
+            drawCircleController(ctx, calcViewPointSize(rotate.center, opts), Object.assign(Object.assign({}, ctrlOpts), { size: rotate.size, borderWidth: 0 }));
+            const rotateCenter = calcViewPointSize(rotate.center, opts);
+            ctx.drawImage(rotateControllerPattern.canvas, 0, 0, rotateControllerPattern.canvas.width / devicePixelRatio, rotateControllerPattern.canvas.height / devicePixelRatio, rotateCenter.x - rotate.size / 2, rotateCenter.y - rotate.size / 2, rotate.size, rotate.size);
+        }
     }
 }
 export function drawElementListShadows(ctx, elements, opts) {

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

@@ -1,7 +1,7 @@
-import { is, calcElementsViewInfo, calcElementVertexesInGroup, calcElementQueueVertexesQueueInGroup, calcElementSizeController, calcElementCenterFromVertexes, rotatePointInGroup, getGroupQueueFromList, findElementsFromList, findElementsFromListByPositions, getElementPositionFromList, getElementPositionMapFromList, deepResizeGroupElement, getElementSize } from '@idraw/util';
+import { is, calcElementsViewInfo, calcElementVertexesInGroup, calcElementQueueVertexesQueueInGroup, calcElementSizeController, calcElementCenterFromVertexes, rotatePointInGroup, getGroupQueueFromList, findElementsFromList, findElementsFromListByPositions, getElementPositionFromList, getElementPositionMapFromList, deepResizeGroupElement, getElementSize, calcPointMoveElementInGroup, isSameElementSize } from '@idraw/util';
 import { drawHoverVertexesWrapper, drawLockedVertexesWrapper, drawArea, drawListArea, drawGroupQueueVertexesWrappers, drawSelectedElementControllersVertexes } from './draw-wrapper';
 import { drawReferenceLines } from './draw-reference';
-import { getPointTarget, resizeElement, rotateElement, getSelectedListArea, calcSelectedElementsArea, isElementInGroup, isPointInViewActiveGroup, calcMoveInGroup } from './util';
+import { getPointTarget, resizeElement, rotateElement, getSelectedListArea, calcSelectedElementsArea, isElementInGroup, isPointInViewActiveGroup } from './util';
 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';
@@ -10,9 +10,7 @@ import { createRotateControllerPattern } from './pattern';
 import { MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE } from '../info';
 export { keySelectedElementList, keyHoverElement, keyActionType, keyResizeType, keyGroupQueue };
 export const MiddlewareSelector = (opts, config) => {
-    const innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
-    const { activeColor, activeAreaColor, lockedColor, referenceColor } = innerConfig;
-    const style = { activeColor, activeAreaColor, lockedColor, referenceColor };
+    let innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
     const { viewer, sharer, boardContent, calculator, eventHub } = opts;
     const { overlayContext } = boardContent;
     let prevPoint = null;
@@ -20,8 +18,8 @@ export const MiddlewareSelector = (opts, config) => {
     let moveOriginalStartElementSize = null;
     let inBusyMode = null;
     let hasChangedData = null;
-    const rotateControllerPattern = createRotateControllerPattern({
-        fill: style.activeColor,
+    let rotateControllerPattern = createRotateControllerPattern({
+        fill: innerConfig.activeColor,
         devicePixelRatio: sharer.getActiveViewSizeInfo().devicePixelRatio
     });
     sharer.setSharedStorage(keyActionType, null);
@@ -171,6 +169,9 @@ export const MiddlewareSelector = (opts, config) => {
             eventHub.off(coreEventKeys.SELECT_IN_GROUP, selectInGroupCallback);
             eventHub.off(coreEventKeys.SNAP_TO_GRID, setSnapToSnapCallback);
         },
+        resetConfig(config) {
+            innerConfig = Object.assign(Object.assign({}, innerConfig), config);
+        },
         hover: (e) => {
             var _a, _b, _c, _d, _e;
             const layoutIsSelected = sharer.getSharedStorage(keyLayoutIsSelected);
@@ -365,7 +366,7 @@ export const MiddlewareSelector = (opts, config) => {
                 inBusyMode = 'drag';
                 eventHub.trigger(MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE, { show: false });
                 if (data && (elems === null || elems === void 0 ? void 0 : elems.length) === 1 && moveOriginalStartElementSize && originalStart && end && ((_b = (_a = elems[0]) === null || _a === void 0 ? void 0 : _a.operations) === null || _b === void 0 ? void 0 : _b.locked) !== true) {
-                    const { moveX, moveY } = calcMoveInGroup(originalStart, end, groupQueue);
+                    const { moveX, moveY } = calcPointMoveElementInGroup(originalStart, end, groupQueue);
                     let totalMoveX = calculator.toGridNum(moveX / scale);
                     let totalMoveY = calculator.toGridNum(moveY / scale);
                     if (enableSnapToGrid === true) {
@@ -682,8 +683,16 @@ export const MiddlewareSelector = (opts, config) => {
         },
         beforeDrawFrame({ snapshot }) {
             var _a;
+            const { activeColor, activeAreaColor, lockedColor, referenceColor } = innerConfig;
+            const style = { activeColor, activeAreaColor, lockedColor, referenceColor };
             const { activeStore, sharedStore } = snapshot;
             const { scale, offsetLeft, offsetTop, offsetRight, offsetBottom, width, height, contextHeight, contextWidth, devicePixelRatio } = activeStore;
+            if (rotateControllerPattern.fill !== activeColor) {
+                rotateControllerPattern = createRotateControllerPattern({
+                    fill: innerConfig.activeColor,
+                    devicePixelRatio
+                });
+            }
             const sharer = opts.sharer;
             const viewScaleInfo = { scale, offsetLeft, offsetTop, offsetRight, offsetBottom };
             const viewSizeInfo = { width, height, contextHeight, contextWidth, devicePixelRatio };
@@ -699,7 +708,19 @@ export const MiddlewareSelector = (opts, config) => {
             const isMoving = sharedStore[keyIsMoving];
             const enableSnapToGrid = sharedStore[keyEnableSnapToGrid];
             const drawBaseOpts = { calculator, viewScaleInfo, viewSizeInfo, style };
-            const selectedElementController = sharedStore[keySelectedElementController];
+            let selectedElementController = sharedStore[keySelectedElementController];
+            if (selectedElementController && selectedElements.length === 1 && elem) {
+                if (!isSameElementSize(elem, selectedElementController.originalElementSize)) {
+                    selectedElementController = calcElementSizeController(elem, {
+                        groupQueue: groupQueue || [],
+                        controllerSize,
+                        viewScaleInfo,
+                        rotateControllerPosition,
+                        rotateControllerSize
+                    });
+                    sharer.setSharedStorage(keySelectedElementController, selectedElementController);
+                }
+            }
             const isHoverLocked = !!((_a = hoverElement === null || hoverElement === void 0 ? void 0 : hoverElement.operations) === null || _a === void 0 ? void 0 : _a.locked);
             if ((groupQueue === null || groupQueue === void 0 ? void 0 : groupQueue.length) > 0) {
                 drawGroupQueueVertexesWrappers(overlayContext, groupQueueVertexesList, drawBaseOpts);
@@ -712,8 +733,7 @@ export const MiddlewareSelector = (opts, config) => {
                     }
                 }
                 if (elem && ['select', 'drag', 'resize'].includes(actionType)) {
-                    drawSelectedElementControllersVertexes(overlayContext, selectedElementController, Object.assign(Object.assign({}, drawBaseOpts), { element: elem, calculator, hideControllers: !!isMoving && actionType === 'drag', rotateControllerPattern,
-                        style }));
+                    drawSelectedElementControllersVertexes(overlayContext, selectedElementController, Object.assign(Object.assign({}, drawBaseOpts), { element: elem, calculator, hideControllers: !!isMoving && actionType === 'drag', rotateControllerPattern: rotateControllerPattern.context2d, style }));
                     if (actionType === 'drag') {
                         if (enableSnapToGrid === true) {
                             const referenceInfo = calcReferenceInfo(elem.uuid, {
@@ -747,8 +767,7 @@ export const MiddlewareSelector = (opts, config) => {
                     }
                 }
                 if (elem && ['select', 'drag', 'resize'].includes(actionType)) {
-                    drawSelectedElementControllersVertexes(overlayContext, selectedElementController, Object.assign(Object.assign({}, drawBaseOpts), { element: elem, calculator, hideControllers: !!isMoving && actionType === 'drag', rotateControllerPattern,
-                        style }));
+                    drawSelectedElementControllersVertexes(overlayContext, selectedElementController, Object.assign(Object.assign({}, drawBaseOpts), { element: elem, calculator, hideControllers: !!isMoving && actionType === 'drag', rotateControllerPattern: rotateControllerPattern.context2d, style }));
                     if (actionType === 'drag') {
                         if (enableSnapToGrid === true) {
                             const referenceInfo = calcReferenceInfo(elem.uuid, {

package/dist/esm/middleware/selector/pattern/index.d.ts

@@ -2,4 +2,7 @@ import type { ViewContext2D } from '@idraw/types';
 export declare function createRotateControllerPattern(opts: {
     fill: string;
     devicePixelRatio: number;
-}): ViewContext2D;
+}): {
+    context2d: ViewContext2D;
+    fill: string;
+};

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

@@ -34,5 +34,5 @@ export function createRotateControllerPattern(opts) {
         },
         parentOpacity: 1
     });
-    return context2d;
+    return { context2d, fill };
 }

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

@@ -56,7 +56,3 @@ export declare function calcSelectedElementsArea(elements: Element<ElementType>[
     calculator: ViewCalculator;
 }): AreaSize | null;
 export declare function isElementInGroup(elem: Element<ElementType>, group: Element<'group'>): boolean;
-export declare function calcMoveInGroup(start: PointSize, end: PointSize, groupQueue: Element<'group'>[]): {
-    moveX: number;
-    moveY: number;
-};

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

@@ -1,4 +1,4 @@
-import { calcElementCenter, rotateElementVertexes, calcElementVertexesInGroup, calcElementQueueVertexesQueueInGroup, calcViewPointSize, calcViewElementSize, rotatePointInGroup, rotatePoint, parseAngleToRadian, parseRadianToAngle, limitAngle, calcRadian } from '@idraw/util';
+import { calcElementCenter, rotateElementVertexes, calcElementVertexesInGroup, calcElementQueueVertexesQueueInGroup, calcViewPointSize, calcViewElementSize, rotatePoint, parseAngleToRadian, parseRadianToAngle, limitAngle, calcRadian } from '@idraw/util';
 function parseRadian(angle) {
     return (angle * Math.PI) / 180;
 }
@@ -39,7 +39,7 @@ export function isPointInViewActiveGroup(p, opts) {
     return isPointInViewActiveVertexes(p, { ctx, vertexes, viewScaleInfo, viewSizeInfo });
 }
 export function getPointTarget(p, opts) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const target = {
         type: null,
         elements: [],
@@ -50,7 +50,10 @@ export function getPointTarget(p, opts) {
     const { ctx, data, calculator, selectedElements, viewScaleInfo, viewSizeInfo, areaSize, groupQueue, selectedElementController } = opts;
     if (selectedElementController) {
         const { left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight, rotate } = selectedElementController;
-        const ctrls = [left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight, rotate];
+        const ctrls = [left, right, top, bottom, topLeft, topRight, bottomLeft, bottomRight];
+        if ((selectedElements === null || selectedElements === void 0 ? void 0 : selectedElements.length) === 1 && ((_b = (_a = selectedElements === null || selectedElements === void 0 ? void 0 : selectedElements[0]) === null || _a === void 0 ? void 0 : _a.operations) === null || _b === void 0 ? void 0 : _b.rotatable) !== false) {
+            ctrls.push(rotate);
+        }
         for (let i = 0; i < ctrls.length; i++) {
             const ctrl = ctrls[i];
             if (isPointInViewActiveVertexes(p, { ctx, vertexes: ctrl.vertexes, viewSizeInfo, viewScaleInfo })) {
@@ -65,7 +68,7 @@ export function getPointTarget(p, opts) {
     }
     if (groupQueue && Array.isArray(groupQueue) && groupQueue.length > 0) {
         const lastGroup = groupQueue[groupQueue.length - 1];
-        if (((_a = lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup.detail) === null || _a === void 0 ? void 0 : _a.children) && Array.isArray((_b = lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup.detail) === null || _b === void 0 ? void 0 : _b.children)) {
+        if (((_c = lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup.detail) === null || _c === void 0 ? void 0 : _c.children) && Array.isArray((_d = lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup.detail) === null || _d === void 0 ? void 0 : _d.children)) {
             for (let i = lastGroup.detail.children.length - 1; i >= 0; i--) {
                 const child = lastGroup.detail.children[i];
                 const vertexes = calcElementVertexesInGroup(child, { groupQueue });
@@ -94,7 +97,7 @@ export function getPointTarget(p, opts) {
     }
     if (data) {
         const { index, element } = calculator.getPointElement(p, { data, viewScaleInfo, viewSizeInfo });
-        if (index >= 0 && element && ((_c = element === null || element === void 0 ? void 0 : element.operations) === null || _c === void 0 ? void 0 : _c.invisible) !== true) {
+        if (index >= 0 && element && ((_e = element === null || element === void 0 ? void 0 : element.operations) === null || _e === void 0 ? void 0 : _e.invisible) !== true) {
             target.elements = [element];
             target.type = 'over-element';
             return target;
@@ -784,28 +787,3 @@ export function isElementInGroup(elem, group) {
     }
     return false;
 }
-export function calcMoveInGroup(start, end, groupQueue) {
-    let moveX = end.x - start.x;
-    let moveY = end.y - start.y;
-    const pointGroupQueue = [];
-    groupQueue.forEach((group) => {
-        const { x, y, w, h, angle = 0 } = group;
-        pointGroupQueue.push({
-            x,
-            y,
-            w,
-            h,
-            angle: 0 - angle
-        });
-    });
-    if ((groupQueue === null || groupQueue === void 0 ? void 0 : groupQueue.length) > 0) {
-        const startInGroup = rotatePointInGroup(start, pointGroupQueue);
-        const endInGroup = rotatePointInGroup(end, pointGroupQueue);
-        moveX = endInGroup.x - startInGroup.x;
-        moveY = endInGroup.y - startInGroup.y;
-    }
-    return {
-        moveX,
-        moveY
-    };
-}