kritzel-stencil 0.0.159 → 0.0.160

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTextTool_config = require('./default-text-tool.config-BySzvIox.js');
+var defaultTextTool_config = require('./default-text-tool.config-D10FksvZ.js');
 
 /**
  * BroadcastChannel sync provider for cross-tab synchronization

package/dist/cjs/kritzel-color_22.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Cj__YTlG.js');
-var defaultTextTool_config = require('./default-text-tool.config-BySzvIox.js');
+var defaultTextTool_config = require('./default-text-tool.config-D10FksvZ.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/collection/classes/handlers/resize.handler.js

@@ -74,32 +74,42 @@ export class KritzelResizeHandler extends KritzelBaseHandler {
                 if (!this.hasResized) {
                     return;
                 }
+                const rotation = selectionGroup.rotation;
+                const sin = Math.sin(rotation);
+                const cos = Math.cos(rotation);
+                const activeScale = selectionGroup.scale || this._core.store.state.scale;
+                // Calculate delta in local unrotated space
+                // We rotate the screen delta by -rotation to align with the object's axes
+                const localDx = dx * cos + dy * sin;
+                const localDy = -dx * sin + dy * cos;
+                // Calculate the center of the selection group before resize
+                const initialCenterX = this.initialSize.x + this.initialSize.width / activeScale / 2;
+                const initialCenterY = this.initialSize.y + this.initialSize.height / activeScale / 2;
+                // The center moves by half of the screen delta (scaled)
+                // This is true regardless of rotation because the resize happens symmetrically around the center
+                // relative to the fixed point logic
+                const newCenterX = initialCenterX + dx / activeScale / 2;
+                const newCenterY = initialCenterY + dy / activeScale / 2;
                 switch (this._core.store.state.resizeHandleType) {
                     case KritzelHandleType.TopLeft:
-                        this.newSize.width = this.initialSize.width - dx;
-                        this.newSize.height = this.initialSize.height - dy;
-                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
-                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        this.newSize.width = this.initialSize.width - localDx;
+                        this.newSize.height = this.initialSize.height - localDy;
                         break;
                     case KritzelHandleType.TopRight:
-                        this.newSize.width = this.initialSize.width + dx;
-                        this.newSize.height = this.initialSize.height - dy;
-                        this.newSize.x = this.initialSize.x;
-                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        this.newSize.width = this.initialSize.width + localDx;
+                        this.newSize.height = this.initialSize.height - localDy;
                         break;
                     case KritzelHandleType.BottomLeft:
-                        this.newSize.width = this.initialSize.width - dx;
-                        this.newSize.height = this.initialSize.height + dy;
-                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
-                        this.newSize.y = this.initialSize.y;
+                        this.newSize.width = this.initialSize.width - localDx;
+                        this.newSize.height = this.initialSize.height + localDy;
                         break;
                     case KritzelHandleType.BottomRight:
-                        this.newSize.width = this.initialSize.width + dx;
-                        this.newSize.height = this.initialSize.height + dy;
-                        this.newSize.x = this.initialSize.x;
-                        this.newSize.y = this.initialSize.y;
+                        this.newSize.width = this.initialSize.width + localDx;
+                        this.newSize.height = this.initialSize.height + localDy;
                         break;
                 }
+                this.newSize.x = newCenterX - this.newSize.width / activeScale / 2;
+                this.newSize.y = newCenterY - this.newSize.height / activeScale / 2;
                 selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
             }
         }
@@ -125,32 +135,36 @@ export class KritzelResizeHandler extends KritzelBaseHandler {
                 if (!this.hasResized) {
                     return;
                 }
+                const rotation = selectionGroup.rotation;
+                const sin = Math.sin(rotation);
+                const cos = Math.cos(rotation);
+                const activeScale = selectionGroup.scale || this._core.store.state.scale;
+                const localDx = dx * cos + dy * sin;
+                const localDy = -dx * sin + dy * cos;
+                const initialCenterX = this.initialSize.x + this.initialSize.width / activeScale / 2;
+                const initialCenterY = this.initialSize.y + this.initialSize.height / activeScale / 2;
+                const newCenterX = initialCenterX + dx / activeScale / 2;
+                const newCenterY = initialCenterY + dy / activeScale / 2;
                 switch (this._core.store.state.resizeHandleType) {
                     case KritzelHandleType.TopLeft:
-                        this.newSize.width = this.initialSize.width - dx;
-                        this.newSize.height = this.initialSize.height - dy;
-                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
-                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        this.newSize.width = this.initialSize.width - localDx;
+                        this.newSize.height = this.initialSize.height - localDy;
                         break;
                     case KritzelHandleType.TopRight:
-                        this.newSize.width = this.initialSize.width + dx;
-                        this.newSize.height = this.initialSize.height - dy;
-                        this.newSize.x = this.initialSize.x;
-                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        this.newSize.width = this.initialSize.width + localDx;
+                        this.newSize.height = this.initialSize.height - localDy;
                         break;
                     case KritzelHandleType.BottomLeft:
-                        this.newSize.width = this.initialSize.width - dx;
-                        this.newSize.height = this.initialSize.height + dy;
-                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
-                        this.newSize.y = this.initialSize.y;
+                        this.newSize.width = this.initialSize.width - localDx;
+                        this.newSize.height = this.initialSize.height + localDy;
                         break;
                     case KritzelHandleType.BottomRight:
-                        this.newSize.width = this.initialSize.width + dx;
-                        this.newSize.height = this.initialSize.height + dy;
-                        this.newSize.x = this.initialSize.x;
-                        this.newSize.y = this.initialSize.y;
+                        this.newSize.width = this.initialSize.width + localDx;
+                        this.newSize.height = this.initialSize.height + localDy;
                         break;
                 }
+                this.newSize.x = newCenterX - this.newSize.width / activeScale / 2;
+                this.newSize.y = newCenterY - this.newSize.height / activeScale / 2;
                 selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
             }
         }

package/dist/collection/classes/handlers/resize.handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/resize.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelHandleType } from '../../enums/handle-type.enum';\r\nimport { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelResizeHandler extends KritzelBaseHandler {\r\n  initialMouseX: number = 0;\r\n  initialMouseY: number = 0;\r\n\r\n  initialSize: { x: number; y: number; width: number; height: number } = { x: 0, y: 0, width: 0, height: 0 };\r\n\r\n  newSize: { x: number; y: number; width: number; height: number } = { x: 0, y: 0, width: 0, height: 0 };\r\n\r\n  hasResized: boolean = false;\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  private reset() {\r\n    this.initialMouseX = 0;\r\n    this.initialMouseY = 0;\r\n    this.initialSize = { x: 0, y: 0, width: 0, height: 0 };\r\n    this.newSize = { x: 0, y: 0, width: 0, height: 0 };\r\n    this.hasResized = false;\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isResizeHandleSelected) {\r\n          const clientX = event.clientX - this._core.store.offsetX;\r\n          const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n          this._core.store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = selectionGroup.width;\r\n          this.initialSize.height = selectionGroup.height;\r\n          this.initialSize.x = selectionGroup.translateX;\r\n          this.initialSize.y = selectionGroup.translateY;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n      const firstTouch = activePointers[0];\r\n\r\n      if (!firstTouch) {\r\n        return;\r\n      }\r\n\r\n      if (activePointers.length === 1) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isResizeHandleSelected) {\r\n          const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n          const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n\r\n          this._core.store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = selectionGroup.width;\r\n          this.initialSize.height = selectionGroup.height;\r\n          this.initialSize.x = selectionGroup.translateX;\r\n          this.initialSize.y = selectionGroup.translateY;\r\n\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isResizing && selectionGroup) {\r\n        const clientX = event.clientX - this._core.store.offsetX;\r\n        const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        const resizeDeltaX = Math.abs(dx);\r\n        const resizeDeltaY = Math.abs(dy);\r\n        const resizeThreshold = 5;\r\n\r\n        if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {\r\n          this.hasResized = true;\r\n        }\r\n\r\n        if (!this.hasResized) {\r\n          return;\r\n        }\r\n\r\n        switch (this._core.store.state.resizeHandleType) {\r\n          case KritzelHandleType.TopLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.TopRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n        }\r\n\r\n        selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n      const oneFingerTouch = activePointers[0];\r\n\r\n      if (!oneFingerTouch) {\r\n        return;\r\n      }\r\n\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isResizing && selectionGroup) {\r\n        const clientX = Math.round(oneFingerTouch.clientX - this._core.store.offsetX);\r\n        const clientY = Math.round(oneFingerTouch.clientY - this._core.store.offsetY);\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        const resizeDeltaX = Math.abs(dx);\r\n        const resizeDeltaY = Math.abs(dy);\r\n        const resizeThreshold = 5;\r\n\r\n        if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n          this.hasResized = true;\r\n        }\r\n\r\n        if (!this.hasResized) {\r\n          return;\r\n        }\r\n\r\n        switch (this._core.store.state.resizeHandleType) {\r\n          case KritzelHandleType.TopLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.TopRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n        }\r\n\r\n        selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._core.store.state.isResizing) {\r\n        this._core.store.state.isResizing = false;\r\n\r\n        if (this.hasResized) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n\r\n        this.reset();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._core.store.state.isResizing) {\r\n        this._core.store.state.isResizing = false;\r\n\r\n        if (this.hasResized) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n\r\n        this.reset();\r\n\r\n        clearTimeout(this._core.store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"resize.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/resize.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelHandleType } from '../../enums/handle-type.enum';\r\nimport { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelResizeHandler extends KritzelBaseHandler {\r\n  initialMouseX: number = 0;\r\n  initialMouseY: number = 0;\r\n\r\n  initialSize: { x: number; y: number; width: number; height: number } = { x: 0, y: 0, width: 0, height: 0 };\r\n\r\n  newSize: { x: number; y: number; width: number; height: number } = { x: 0, y: 0, width: 0, height: 0 };\r\n\r\n  hasResized: boolean = false;\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  private reset() {\r\n    this.initialMouseX = 0;\r\n    this.initialMouseY = 0;\r\n    this.initialSize = { x: 0, y: 0, width: 0, height: 0 };\r\n    this.newSize = { x: 0, y: 0, width: 0, height: 0 };\r\n    this.hasResized = false;\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isResizeHandleSelected) {\r\n          const clientX = event.clientX - this._core.store.offsetX;\r\n          const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n          this._core.store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = selectionGroup.width;\r\n          this.initialSize.height = selectionGroup.height;\r\n          this.initialSize.x = selectionGroup.translateX;\r\n          this.initialSize.y = selectionGroup.translateY;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n      const firstTouch = activePointers[0];\r\n\r\n      if (!firstTouch) {\r\n        return;\r\n      }\r\n\r\n      if (activePointers.length === 1) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isResizeHandleSelected) {\r\n          const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n          const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n\r\n          this._core.store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = selectionGroup.width;\r\n          this.initialSize.height = selectionGroup.height;\r\n          this.initialSize.x = selectionGroup.translateX;\r\n          this.initialSize.y = selectionGroup.translateY;\r\n\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isResizing && selectionGroup) {\r\n        const clientX = event.clientX - this._core.store.offsetX;\r\n        const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        const resizeDeltaX = Math.abs(dx);\r\n        const resizeDeltaY = Math.abs(dy);\r\n        const resizeThreshold = 5;\r\n\r\n        if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {\r\n          this.hasResized = true;\r\n        }\r\n\r\n        if (!this.hasResized) {\r\n          return;\r\n        }\r\n\r\n        const rotation = selectionGroup.rotation;\r\n        const sin = Math.sin(rotation);\r\n        const cos = Math.cos(rotation);\r\n        const activeScale = selectionGroup.scale || this._core.store.state.scale;\r\n\r\n        // Calculate delta in local unrotated space\r\n        // We rotate the screen delta by -rotation to align with the object's axes\r\n        const localDx = dx * cos + dy * sin;\r\n        const localDy = -dx * sin + dy * cos;\r\n\r\n        // Calculate the center of the selection group before resize\r\n        const initialCenterX = this.initialSize.x + this.initialSize.width / activeScale / 2;\r\n        const initialCenterY = this.initialSize.y + this.initialSize.height / activeScale / 2;\r\n\r\n        // The center moves by half of the screen delta (scaled)\r\n        // This is true regardless of rotation because the resize happens symmetrically around the center\r\n        // relative to the fixed point logic\r\n        const newCenterX = initialCenterX + dx / activeScale / 2;\r\n        const newCenterY = initialCenterY + dy / activeScale / 2;\r\n\r\n        switch (this._core.store.state.resizeHandleType) {\r\n          case KritzelHandleType.TopLeft:\r\n            this.newSize.width = this.initialSize.width - localDx;\r\n            this.newSize.height = this.initialSize.height - localDy;\r\n            break;\r\n          case KritzelHandleType.TopRight:\r\n            this.newSize.width = this.initialSize.width + localDx;\r\n            this.newSize.height = this.initialSize.height - localDy;\r\n            break;\r\n          case KritzelHandleType.BottomLeft:\r\n            this.newSize.width = this.initialSize.width - localDx;\r\n            this.newSize.height = this.initialSize.height + localDy;\r\n            break;\r\n          case KritzelHandleType.BottomRight:\r\n            this.newSize.width = this.initialSize.width + localDx;\r\n            this.newSize.height = this.initialSize.height + localDy;\r\n            break;\r\n        }\r\n\r\n        this.newSize.x = newCenterX - this.newSize.width / activeScale / 2;\r\n        this.newSize.y = newCenterY - this.newSize.height / activeScale / 2;\r\n\r\n        selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n      const oneFingerTouch = activePointers[0];\r\n\r\n      if (!oneFingerTouch) {\r\n        return;\r\n      }\r\n\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isResizing && selectionGroup) {\r\n        const clientX = Math.round(oneFingerTouch.clientX - this._core.store.offsetX);\r\n        const clientY = Math.round(oneFingerTouch.clientY - this._core.store.offsetY);\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        const resizeDeltaX = Math.abs(dx);\r\n        const resizeDeltaY = Math.abs(dy);\r\n        const resizeThreshold = 5;\r\n\r\n        if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n          this.hasResized = true;\r\n        }\r\n\r\n        if (!this.hasResized) {\r\n          return;\r\n        }\r\n\r\n        const rotation = selectionGroup.rotation;\r\n        const sin = Math.sin(rotation);\r\n        const cos = Math.cos(rotation);\r\n        const activeScale = selectionGroup.scale || this._core.store.state.scale;\r\n\r\n        const localDx = dx * cos + dy * sin;\r\n        const localDy = -dx * sin + dy * cos;\r\n\r\n        const initialCenterX = this.initialSize.x + this.initialSize.width / activeScale / 2;\r\n        const initialCenterY = this.initialSize.y + this.initialSize.height / activeScale / 2;\r\n\r\n        const newCenterX = initialCenterX + dx / activeScale / 2;\r\n        const newCenterY = initialCenterY + dy / activeScale / 2;\r\n\r\n        switch (this._core.store.state.resizeHandleType) {\r\n          case KritzelHandleType.TopLeft:\r\n            this.newSize.width = this.initialSize.width - localDx;\r\n            this.newSize.height = this.initialSize.height - localDy;\r\n            break;\r\n          case KritzelHandleType.TopRight:\r\n            this.newSize.width = this.initialSize.width + localDx;\r\n            this.newSize.height = this.initialSize.height - localDy;\r\n            break;\r\n          case KritzelHandleType.BottomLeft:\r\n            this.newSize.width = this.initialSize.width - localDx;\r\n            this.newSize.height = this.initialSize.height + localDy;\r\n            break;\r\n          case KritzelHandleType.BottomRight:\r\n            this.newSize.width = this.initialSize.width + localDx;\r\n            this.newSize.height = this.initialSize.height + localDy;\r\n            break;\r\n        }\r\n\r\n        this.newSize.x = newCenterX - this.newSize.width / activeScale / 2;\r\n        this.newSize.y = newCenterY - this.newSize.height / activeScale / 2;\r\n\r\n        selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._core.store.state.isResizing) {\r\n        this._core.store.state.isResizing = false;\r\n\r\n        if (this.hasResized) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n\r\n        this.reset();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._core.store.state.isResizing) {\r\n        this._core.store.state.isResizing = false;\r\n\r\n        if (this.hasResized) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n\r\n        this.reset();\r\n\r\n        clearTimeout(this._core.store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/objects/selection-group.class.js

@@ -5,6 +5,7 @@ export class KritzelSelectionGroup extends KritzelBaseObject {
     objectIds = [];
     // Store snapshots of object state for transformations (rotation, resize)
     unchangedObjectSnapshots = new Map();
+    snapshotRotation = 0;
     minX;
     maxX;
     minY;
@@ -75,6 +76,7 @@ export class KritzelSelectionGroup extends KritzelBaseObject {
      */
     captureUnchangedSnapshots() {
         this.unchangedObjectSnapshots.clear();
+        this.snapshotRotation = this.rotation;
         this.objects.forEach(obj => {
             this.unchangedObjectSnapshots.set(obj.id, {
                 id: obj.id,
@@ -134,14 +136,56 @@ export class KritzelSelectionGroup extends KritzelBaseObject {
     resize(x, y, width, height) {
         const widthScaleFactor = width / this.width;
         const heightScaleFactor = height / this.height;
-        const deltaX = x - this.translateX;
-        const deltaY = y - this.translateY;
+        // Calculate old center
+        const oldCenterX = this.translateX + this.totalWidth / 2 / this.scale;
+        const oldCenterY = this.translateY + this.totalHeight / 2 / this.scale;
+        // Calculate new center
+        const newTotalWidth = width + this.padding * 2;
+        const newTotalHeight = height + this.padding * 2;
+        const newCenterX = x + newTotalWidth / 2 / this.scale;
+        const newCenterY = y + newTotalHeight / 2 / this.scale;
+        const rotation = this.rotation;
+        const cos = Math.cos(-rotation);
+        const sin = Math.sin(-rotation);
+        const cosR = Math.cos(rotation);
+        const sinR = Math.sin(rotation);
         this._core.store.state.objects.transaction(() => {
             this.objects.forEach(child => {
-                const updatedWidth = child.width * widthScaleFactor;
-                const updatedHeight = child.height * heightScaleFactor;
-                const updatedX = child.translateX + deltaX + (child.translateX - this.translateX) * (widthScaleFactor - 1);
-                const updatedY = child.translateY + deltaY + (child.translateY - this.translateY) * (heightScaleFactor - 1);
+                // Calculate child center
+                const childCenterX = child.translateX + child.totalWidth / 2 / child.scale;
+                const childCenterY = child.translateY + child.totalHeight / 2 / child.scale;
+                // Vector from old group center to child center
+                const dx = childCenterX - oldCenterX;
+                const dy = childCenterY - oldCenterY;
+                // Rotate to local space (align with group axes)
+                const localX = dx * cos - dy * sin;
+                const localY = dx * sin + dy * cos;
+                // Scale in local space
+                const scaledLocalX = localX * widthScaleFactor;
+                const scaledLocalY = localY * heightScaleFactor;
+                // Rotate back to world space
+                const rotatedX = scaledLocalX * cosR - scaledLocalY * sinR;
+                const rotatedY = scaledLocalX * sinR + scaledLocalY * cosR;
+                // New child center
+                const newChildCenterX = newCenterX + rotatedX;
+                const newChildCenterY = newCenterY + rotatedY;
+                // New child top-left
+                // Calculate relative rotation
+                const relativeRotation = child.rotation - rotation;
+                const cosRel = Math.cos(relativeRotation);
+                const sinRel = Math.sin(relativeRotation);
+                // Project the group's scale factors onto the child's local axes
+                // We use absolute values because scaling is magnitude-based
+                // If the child is aligned (0 deg), cos=1, sin=0 -> scales match
+                // If the child is 90 deg, cos=0, sin=1 -> scales swap
+                const newChildWidthScale = Math.sqrt(Math.pow(widthScaleFactor * cosRel, 2) + Math.pow(heightScaleFactor * sinRel, 2));
+                const newChildHeightScale = Math.sqrt(Math.pow(widthScaleFactor * sinRel, 2) + Math.pow(heightScaleFactor * cosRel, 2));
+                const updatedWidth = child.width * newChildWidthScale;
+                const updatedHeight = child.height * newChildHeightScale;
+                const updatedTotalWidth = updatedWidth + child.padding * 2;
+                const updatedTotalHeight = updatedHeight + child.padding * 2;
+                const updatedX = newChildCenterX - updatedTotalWidth / 2 / child.scale;
+                const updatedY = newChildCenterY - updatedTotalHeight / 2 / child.scale;
                 child.resize(updatedX, updatedY, updatedWidth, updatedHeight);
             });
             // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs
@@ -154,7 +198,7 @@ export class KritzelSelectionGroup extends KritzelBaseObject {
         this.rotation = value;
         const centerX = this.translateX + this.totalWidth / 2 / this.scale;
         const centerY = this.translateY + this.totalHeight / 2 / this.scale;
-        const angle = value;
+        const angle = value - this.snapshotRotation;
         const cos = Math.cos(angle);
         const sin = Math.sin(angle);
         this._core.store.state.objects.transaction(() => {
@@ -170,7 +214,7 @@ export class KritzelSelectionGroup extends KritzelBaseObject {
                 const rotatedY = sin * offsetX + cos * offsetY;
                 child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;
                 child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;
-                child.rotate(this.objects.length === 1 ? value : value + unchangedSnapshot.rotation);
+                child.rotate(this.objects.length === 1 ? value : unchangedSnapshot.rotation + angle);
             });
         });
     }
@@ -201,14 +245,45 @@ export class KritzelSelectionGroup extends KritzelBaseObject {
             this.height = (this.maxY - this.minY - this.padding) * this.scale;
         }
         else {
-            this.minX = Math.min(...this.objects.map(obj => obj.minXRotated));
-            this.maxX = Math.max(...this.objects.map(obj => obj.maxXRotated));
-            this.minY = Math.min(...this.objects.map(obj => obj.minYRotated));
-            this.maxY = Math.max(...this.objects.map(obj => obj.maxYRotated));
-            this.translateX = this.minX - this.padding;
-            this.translateY = this.minY - this.padding;
-            this.width = (this.maxX - this.minX - this.padding) * this.scale;
-            this.height = (this.maxY - this.minY - this.padding) * this.scale;
+            const rotation = this.rotation;
+            const cos = Math.cos(-rotation);
+            const sin = Math.sin(-rotation);
+            let minX = Infinity;
+            let maxX = -Infinity;
+            let minY = Infinity;
+            let maxY = -Infinity;
+            this.objects.forEach(obj => {
+                const polygon = obj.rotatedPolygon;
+                const corners = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
+                corners.forEach(corner => {
+                    // Rotate corner into local space (aligned with group rotation)
+                    const rx = corner.x * cos - corner.y * sin;
+                    const ry = corner.x * sin + corner.y * cos;
+                    if (rx < minX)
+                        minX = rx;
+                    if (rx > maxX)
+                        maxX = rx;
+                    if (ry < minY)
+                        minY = ry;
+                    if (ry > maxY)
+                        maxY = ry;
+                });
+            });
+            // Dimensions in world units (unrotated)
+            const worldWidth = maxX - minX;
+            const worldHeight = maxY - minY;
+            this.width = (worldWidth - this.padding) * this.scale;
+            this.height = (worldHeight - this.padding) * this.scale;
+            // Center of the box in rotated space
+            const cRx = (minX + maxX) / 2;
+            const cRy = (minY + maxY) / 2;
+            // Rotate center back to world space
+            const cosR = Math.cos(rotation);
+            const sinR = Math.sin(rotation);
+            const cx = cRx * cosR - cRy * sinR;
+            const cy = cRx * sinR + cRy * cosR;
+            this.translateX = cx - (this.width / this.scale + 2 * this.padding) / 2;
+            this.translateY = cy - (this.height / this.scale + 2 * this.padding) / 2;
         }
         this._core.store.state.objects.update(this);
     }

package/dist/collection/classes/objects/selection-group.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-group.class.js","sourceRoot":"","sources":["../../../src/classes/objects/selection-group.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\ninterface UnchangedObjectSnapshot {\r\n  id: string;\r\n  translateX: number;\r\n  translateY: number;\r\n  rotation: number;\r\n  width: number;\r\n  height: number;\r\n  totalWidth: number;\r\n  totalHeight: number;\r\n  scale: number;\r\n}\r\n\r\nexport class KritzelSelectionGroup extends KritzelBaseObject<HTMLElement> {\r\n  override __class__: string = 'KritzelSelectionGroup';\r\n\r\n  // Store only object IDs instead of full objects\r\n  objectIds: string[] = [];\r\n  \r\n  // Store snapshots of object state for transformations (rotation, resize)\r\n  unchangedObjectSnapshots: Map<string, UnchangedObjectSnapshot> = new Map();\r\n\r\n  minX: number;\r\n  maxX: number;\r\n\r\n  minY: number;\r\n  maxY: number;\r\n\r\n  // Getter to retrieve actual objects from the store by their IDs\r\n  get objects(): KritzelBaseObject<any>[] {\r\n    return this.objectIds\r\n      .map(id => {\r\n        const found = this._core.store.state.objects.filter(obj => obj.id === id);\r\n        return found.length > 0 ? found[0] : null;\r\n      })\r\n      .filter(obj => obj !== null) as KritzelBaseObject<any>[];\r\n  }\r\n\r\n  get length(): number {\r\n    return this.objectIds.length;\r\n  }\r\n\r\n  static override create(core: KritzelCore): KritzelSelectionGroup {\r\n    const object = new KritzelSelectionGroup();\r\n\r\n    object._core = core;\r\n    object.id = object.generateId();\r\n    object.workspaceId = core.store.state.activeWorkspace.id;\r\n    object.scale = core.store.state.scale;\r\n    object.zIndex = 99999;\r\n\r\n    return object;\r\n  }\r\n\r\n  addOrRemove(object: KritzelBaseObject<any>) {\r\n    const index = this.objectIds.findIndex(id => id === object.id);\r\n    if (index === -1) {\r\n      this.objectIds.push(object.id);\r\n    } else {\r\n      this.objectIds.splice(index, 1);\r\n    }\r\n\r\n    this.captureUnchangedSnapshots();\r\n    this.refreshObjectDimensions();\r\n  }\r\n\r\n  deselectAllChildren() {\r\n    this.objects.forEach(obj => (obj.isSelected = false));\r\n  }\r\n\r\n  updateWorkspaceId(workspaceId: string) {\r\n    this.workspaceId = workspaceId;\r\n    this.objects.forEach(obj => (obj.workspaceId = workspaceId));\r\n  }\r\n\r\n  updateZIndices(startZIndex: number) {\r\n    this.objects.forEach((obj, i) => {\r\n      obj.zIndex = startZIndex + i;\r\n    });\r\n  }\r\n\r\n  updatePosition(x: number, y: number) {\r\n    this.objects.forEach(obj => {\r\n      const deltaX = obj.translateX - this.translateX;\r\n      const deltaY = obj.translateY - this.translateY;\r\n      obj.updatePosition(x + deltaX, y + deltaY);\r\n    });\r\n\r\n    // Update snapshots\r\n    this.unchangedObjectSnapshots.forEach(snapshot => {\r\n      const deltaX = snapshot.translateX - this.translateX;\r\n      const deltaY = snapshot.translateY - this.translateY;\r\n      snapshot.translateX = x + deltaX;\r\n      snapshot.translateY = x + deltaY;\r\n    });\r\n\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n\r\n    this._core.store.state.objects.update(this);\r\n  }\r\n\r\n  /**\r\n   * Capture snapshots of current object states for undo/redo operations\r\n   */\r\n  private captureUnchangedSnapshots(): void {\r\n    this.unchangedObjectSnapshots.clear();\r\n    this.objects.forEach(obj => {\r\n      this.unchangedObjectSnapshots.set(obj.id, {\r\n        id: obj.id,\r\n        translateX: obj.translateX,\r\n        translateY: obj.translateY,\r\n        rotation: obj.rotation,\r\n        width: obj.width,\r\n        height: obj.height,\r\n        totalWidth: obj.totalWidth,\r\n        totalHeight: obj.totalHeight,\r\n        scale: obj.scale,\r\n      });\r\n    });\r\n  }\r\n\r\n  override serialize() {\r\n    const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, ...remainingProps } = this as any;\r\n\r\n    const clonedProps = structuredClone(remainingProps);\r\n\r\n    if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {\r\n      clonedProps.element = element.cloneNode(true) as HTMLElement;\r\n    }\r\n\r\n    // Convert Map to plain object for serialization\r\n    clonedProps.unchangedObjectSnapshots = Object.fromEntries(this.unchangedObjectSnapshots);\r\n\r\n    return clonedProps;\r\n  }\r\n\r\n  override deserialize<T>(object: any): T {\r\n    // First, deserialize all base properties using parent's deserialize\r\n    super.deserialize(object);\r\n\r\n    // Restore the Map from serialized object\r\n    if (object.unchangedObjectSnapshots) {\r\n      this.unchangedObjectSnapshots = new Map(Object.entries(object.unchangedObjectSnapshots));\r\n    }\r\n\r\n    return this as unknown as T;\r\n  }\r\n\r\n  override update(): void {\r\n    // Only update the selection group itself\r\n    // Child objects are already updated during move/resize/rotate operations\r\n    // Updating them again here would create redundant y.js updates\r\n    this._core.store.state.objects.update(this);\r\n  }\r\n\r\n  override move(startX: number, startY: number, endX: number, endY: number): void {\r\n    const deltaX = (startX - endX) / this._core.store.state.scale;\r\n    const deltaY = (startY - endY) / this._core.store.state.scale;\r\n\r\n    this.translateX += deltaX;\r\n    this.translateY += deltaY;\r\n\r\n    this._core.store.state.objects.transaction(() => {\r\n      this._core.store.state.objects.update(this);\r\n\r\n      this.objects.forEach(obj => {\r\n        obj.move(startX, startY, endX, endY);\r\n      });\r\n    });\r\n\r\n    // Update snapshots\r\n    this.unchangedObjectSnapshots.forEach(snapshot => {\r\n      snapshot.translateX += deltaX;\r\n      snapshot.translateY += deltaY;\r\n    });\r\n  }\r\n\r\n  override resize(x: number, y: number, width: number, height: number): void {\r\n    const widthScaleFactor = width / this.width;\r\n    const heightScaleFactor = height / this.height;\r\n\r\n    const deltaX = x - this.translateX;\r\n    const deltaY = y - this.translateY;\r\n\r\n    this._core.store.state.objects.transaction(() => {\r\n      this.objects.forEach(child => {\r\n        const updatedWidth = child.width * widthScaleFactor;\r\n        const updatedHeight = child.height * heightScaleFactor;\r\n\r\n        const updatedX = child.translateX + deltaX + (child.translateX - this.translateX) * (widthScaleFactor - 1);\r\n        const updatedY = child.translateY + deltaY + (child.translateY - this.translateY) * (heightScaleFactor - 1);\r\n\r\n        child.resize(updatedX, updatedY, updatedWidth, updatedHeight);\r\n      });\r\n\r\n      // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs\r\n      this.refreshObjectDimensions();\r\n      this.captureUnchangedSnapshots();\r\n      this._core.store.state.objects.update(this);\r\n    });\r\n  }\r\n\r\n  override rotate(value: number): void {\r\n    this.rotation = value;\r\n\r\n    const centerX = this.translateX + this.totalWidth / 2 / this.scale;\r\n    const centerY = this.translateY + this.totalHeight / 2 / this.scale;\r\n\r\n    const angle = value;\r\n    const cos = Math.cos(angle);\r\n    const sin = Math.sin(angle);\r\n\r\n    this._core.store.state.objects.transaction(() => {\r\n      // Update the SelectionGroup itself to propagate rotation to other tabs\r\n      this._core.store.state.objects.update(this);\r\n\r\n      this.objects.forEach(child => {\r\n        const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);\r\n        if (!unchangedSnapshot) return;\r\n\r\n        const offsetX = this.getOffsetXToCenterFromSnapshot(unchangedSnapshot);\r\n        const offsetY = this.getOffsetYToCenterFromSnapshot(unchangedSnapshot);\r\n\r\n        const rotatedX = cos * offsetX - sin * offsetY;\r\n        const rotatedY = sin * offsetX + cos * offsetY;\r\n\r\n        child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;\r\n        child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;\r\n\r\n        child.rotate(this.objects.length === 1 ? value : value + unchangedSnapshot.rotation);\r\n      });\r\n    });\r\n  }\r\n\r\n  override copy(): KritzelBaseObject<HTMLElement> {\r\n    const selectionGroup = KritzelSelectionGroup.create(this._core);\r\n\r\n    this.objects\r\n      .sort((a, b) => a.zIndex - b.zIndex)\r\n      .forEach(obj => {\r\n        const copiedObject = obj.copy() as KritzelBaseObject<any>;\r\n        selectionGroup.addOrRemove(copiedObject);\r\n      });\r\n\r\n    selectionGroup.captureUnchangedSnapshots();\r\n\r\n    if (this.objects.length === 1) {\r\n      selectionGroup.rotation = this.objects[0].rotation;\r\n    }\r\n\r\n    return selectionGroup;\r\n  }\r\n\r\n  refreshObjectDimensions() {\r\n    if (this.objects.length === 1) {\r\n      const obj = this.objects[0];\r\n      this.minX = obj.boundingBox.x / this.scale;\r\n      this.maxX = obj.boundingBox.x / this.scale + obj.boundingBox.width;\r\n      this.minY = obj.boundingBox.y / this.scale;\r\n      this.maxY = obj.boundingBox.y / this.scale + obj.boundingBox.height;\r\n\r\n      this.translateX = (this.minX - this.padding) * this.scale;\r\n      this.translateY = (this.minY - this.padding) * this.scale;\r\n\r\n      this.width = (this.maxX - this.minX - this.padding) * this.scale;\r\n      this.height = (this.maxY - this.minY - this.padding) * this.scale;\r\n    } else {\r\n      this.minX = Math.min(...this.objects.map(obj => obj.minXRotated));\r\n      this.maxX = Math.max(...this.objects.map(obj => obj.maxXRotated));\r\n\r\n      this.minY = Math.min(...this.objects.map(obj => obj.minYRotated));\r\n      this.maxY = Math.max(...this.objects.map(obj => obj.maxYRotated));\r\n\r\n      this.translateX = this.minX - this.padding;\r\n      this.translateY = this.minY - this.padding;\r\n\r\n      this.width = (this.maxX - this.minX - this.padding) * this.scale;\r\n      this.height = (this.maxY - this.minY - this.padding) * this.scale;\r\n    }\r\n\r\n    this._core.store.state.objects.update(this);\r\n  }\r\n\r\n  private getOffsetXToCenterFromSnapshot(snapshot: UnchangedObjectSnapshot): number {\r\n    const objCenterX = snapshot.translateX + snapshot.totalWidth / snapshot.scale / 2;\r\n    const groupCenterX = this.translateX + this.totalWidth / this.scale / 2;\r\n    return objCenterX - groupCenterX;\r\n  }\r\n\r\n  private getOffsetYToCenterFromSnapshot(snapshot: UnchangedObjectSnapshot): number {\r\n    const objCenterY = snapshot.translateY + snapshot.totalHeight / snapshot.scale / 2;\r\n    const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;\r\n    return objCenterY - groupCenterY;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"selection-group.class.js","sourceRoot":"","sources":["../../../src/classes/objects/selection-group.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\ninterface UnchangedObjectSnapshot {\r\n  id: string;\r\n  translateX: number;\r\n  translateY: number;\r\n  rotation: number;\r\n  width: number;\r\n  height: number;\r\n  totalWidth: number;\r\n  totalHeight: number;\r\n  scale: number;\r\n}\r\n\r\nexport class KritzelSelectionGroup extends KritzelBaseObject<HTMLElement> {\r\n  override __class__: string = 'KritzelSelectionGroup';\r\n\r\n  // Store only object IDs instead of full objects\r\n  objectIds: string[] = [];\r\n  \r\n  // Store snapshots of object state for transformations (rotation, resize)\r\n  unchangedObjectSnapshots: Map<string, UnchangedObjectSnapshot> = new Map();\r\n  snapshotRotation: number = 0;\r\n\r\n  minX: number;\r\n  maxX: number;\r\n\r\n  minY: number;\r\n  maxY: number;\r\n\r\n  // Getter to retrieve actual objects from the store by their IDs\r\n  get objects(): KritzelBaseObject<any>[] {\r\n    return this.objectIds\r\n      .map(id => {\r\n        const found = this._core.store.state.objects.filter(obj => obj.id === id);\r\n        return found.length > 0 ? found[0] : null;\r\n      })\r\n      .filter(obj => obj !== null) as KritzelBaseObject<any>[];\r\n  }\r\n\r\n  get length(): number {\r\n    return this.objectIds.length;\r\n  }\r\n\r\n  static override create(core: KritzelCore): KritzelSelectionGroup {\r\n    const object = new KritzelSelectionGroup();\r\n\r\n    object._core = core;\r\n    object.id = object.generateId();\r\n    object.workspaceId = core.store.state.activeWorkspace.id;\r\n    object.scale = core.store.state.scale;\r\n    object.zIndex = 99999;\r\n\r\n    return object;\r\n  }\r\n\r\n  addOrRemove(object: KritzelBaseObject<any>) {\r\n    const index = this.objectIds.findIndex(id => id === object.id);\r\n    if (index === -1) {\r\n      this.objectIds.push(object.id);\r\n    } else {\r\n      this.objectIds.splice(index, 1);\r\n    }\r\n\r\n    this.captureUnchangedSnapshots();\r\n    this.refreshObjectDimensions();\r\n  }\r\n\r\n  deselectAllChildren() {\r\n    this.objects.forEach(obj => (obj.isSelected = false));\r\n  }\r\n\r\n  updateWorkspaceId(workspaceId: string) {\r\n    this.workspaceId = workspaceId;\r\n    this.objects.forEach(obj => (obj.workspaceId = workspaceId));\r\n  }\r\n\r\n  updateZIndices(startZIndex: number) {\r\n    this.objects.forEach((obj, i) => {\r\n      obj.zIndex = startZIndex + i;\r\n    });\r\n  }\r\n\r\n  updatePosition(x: number, y: number) {\r\n    this.objects.forEach(obj => {\r\n      const deltaX = obj.translateX - this.translateX;\r\n      const deltaY = obj.translateY - this.translateY;\r\n      obj.updatePosition(x + deltaX, y + deltaY);\r\n    });\r\n\r\n    // Update snapshots\r\n    this.unchangedObjectSnapshots.forEach(snapshot => {\r\n      const deltaX = snapshot.translateX - this.translateX;\r\n      const deltaY = snapshot.translateY - this.translateY;\r\n      snapshot.translateX = x + deltaX;\r\n      snapshot.translateY = x + deltaY;\r\n    });\r\n\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n\r\n    this._core.store.state.objects.update(this);\r\n  }\r\n\r\n  /**\r\n   * Capture snapshots of current object states for undo/redo operations\r\n   */\r\n  private captureUnchangedSnapshots(): void {\r\n    this.unchangedObjectSnapshots.clear();\r\n    this.snapshotRotation = this.rotation;\r\n    this.objects.forEach(obj => {\r\n      this.unchangedObjectSnapshots.set(obj.id, {\r\n        id: obj.id,\r\n        translateX: obj.translateX,\r\n        translateY: obj.translateY,\r\n        rotation: obj.rotation,\r\n        width: obj.width,\r\n        height: obj.height,\r\n        totalWidth: obj.totalWidth,\r\n        totalHeight: obj.totalHeight,\r\n        scale: obj.scale,\r\n      });\r\n    });\r\n  }\r\n\r\n  override serialize() {\r\n    const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, ...remainingProps } = this as any;\r\n\r\n    const clonedProps = structuredClone(remainingProps);\r\n\r\n    if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {\r\n      clonedProps.element = element.cloneNode(true) as HTMLElement;\r\n    }\r\n\r\n    // Convert Map to plain object for serialization\r\n    clonedProps.unchangedObjectSnapshots = Object.fromEntries(this.unchangedObjectSnapshots);\r\n\r\n    return clonedProps;\r\n  }\r\n\r\n  override deserialize<T>(object: any): T {\r\n    // First, deserialize all base properties using parent's deserialize\r\n    super.deserialize(object);\r\n\r\n    // Restore the Map from serialized object\r\n    if (object.unchangedObjectSnapshots) {\r\n      this.unchangedObjectSnapshots = new Map(Object.entries(object.unchangedObjectSnapshots));\r\n    }\r\n\r\n    return this as unknown as T;\r\n  }\r\n\r\n  override update(): void {\r\n    // Only update the selection group itself\r\n    // Child objects are already updated during move/resize/rotate operations\r\n    // Updating them again here would create redundant y.js updates\r\n    this._core.store.state.objects.update(this);\r\n  }\r\n\r\n  override move(startX: number, startY: number, endX: number, endY: number): void {\r\n    const deltaX = (startX - endX) / this._core.store.state.scale;\r\n    const deltaY = (startY - endY) / this._core.store.state.scale;\r\n\r\n    this.translateX += deltaX;\r\n    this.translateY += deltaY;\r\n\r\n    this._core.store.state.objects.transaction(() => {\r\n      this._core.store.state.objects.update(this);\r\n\r\n      this.objects.forEach(obj => {\r\n        obj.move(startX, startY, endX, endY);\r\n      });\r\n    });\r\n\r\n    // Update snapshots\r\n    this.unchangedObjectSnapshots.forEach(snapshot => {\r\n      snapshot.translateX += deltaX;\r\n      snapshot.translateY += deltaY;\r\n    });\r\n  }\r\n\r\n  override resize(x: number, y: number, width: number, height: number): void {\r\n    const widthScaleFactor = width / this.width;\r\n    const heightScaleFactor = height / this.height;\r\n\r\n    // Calculate old center\r\n    const oldCenterX = this.translateX + this.totalWidth / 2 / this.scale;\r\n    const oldCenterY = this.translateY + this.totalHeight / 2 / this.scale;\r\n\r\n    // Calculate new center\r\n    const newTotalWidth = width + this.padding * 2;\r\n    const newTotalHeight = height + this.padding * 2;\r\n    const newCenterX = x + newTotalWidth / 2 / this.scale;\r\n    const newCenterY = y + newTotalHeight / 2 / this.scale;\r\n\r\n    const rotation = this.rotation;\r\n    const cos = Math.cos(-rotation);\r\n    const sin = Math.sin(-rotation);\r\n    const cosR = Math.cos(rotation);\r\n    const sinR = Math.sin(rotation);\r\n\r\n    this._core.store.state.objects.transaction(() => {\r\n      this.objects.forEach(child => {\r\n        // Calculate child center\r\n        const childCenterX = child.translateX + child.totalWidth / 2 / child.scale;\r\n        const childCenterY = child.translateY + child.totalHeight / 2 / child.scale;\r\n\r\n        // Vector from old group center to child center\r\n        const dx = childCenterX - oldCenterX;\r\n        const dy = childCenterY - oldCenterY;\r\n\r\n        // Rotate to local space (align with group axes)\r\n        const localX = dx * cos - dy * sin;\r\n        const localY = dx * sin + dy * cos;\r\n\r\n        // Scale in local space\r\n        const scaledLocalX = localX * widthScaleFactor;\r\n        const scaledLocalY = localY * heightScaleFactor;\r\n\r\n        // Rotate back to world space\r\n        const rotatedX = scaledLocalX * cosR - scaledLocalY * sinR;\r\n        const rotatedY = scaledLocalX * sinR + scaledLocalY * cosR;\r\n\r\n        // New child center\r\n        const newChildCenterX = newCenterX + rotatedX;\r\n        const newChildCenterY = newCenterY + rotatedY;\r\n\r\n        // New child top-left\r\n        // Calculate relative rotation\r\n        const relativeRotation = child.rotation - rotation;\r\n        const cosRel = Math.cos(relativeRotation);\r\n        const sinRel = Math.sin(relativeRotation);\r\n\r\n        // Project the group's scale factors onto the child's local axes\r\n        // We use absolute values because scaling is magnitude-based\r\n        // If the child is aligned (0 deg), cos=1, sin=0 -> scales match\r\n        // If the child is 90 deg, cos=0, sin=1 -> scales swap\r\n        const newChildWidthScale = Math.sqrt(\r\n          Math.pow(widthScaleFactor * cosRel, 2) + Math.pow(heightScaleFactor * sinRel, 2)\r\n        );\r\n        const newChildHeightScale = Math.sqrt(\r\n          Math.pow(widthScaleFactor * sinRel, 2) + Math.pow(heightScaleFactor * cosRel, 2)\r\n        );\r\n\r\n        const updatedWidth = child.width * newChildWidthScale;\r\n        const updatedHeight = child.height * newChildHeightScale;\r\n        const updatedTotalWidth = updatedWidth + child.padding * 2;\r\n        const updatedTotalHeight = updatedHeight + child.padding * 2;\r\n\r\n        const updatedX = newChildCenterX - updatedTotalWidth / 2 / child.scale;\r\n        const updatedY = newChildCenterY - updatedTotalHeight / 2 / child.scale;\r\n\r\n        child.resize(updatedX, updatedY, updatedWidth, updatedHeight);\r\n      });\r\n\r\n      // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs\r\n      this.refreshObjectDimensions();\r\n      this.captureUnchangedSnapshots();\r\n      this._core.store.state.objects.update(this);\r\n    });\r\n  }\r\n\r\n  override rotate(value: number): void {\r\n    this.rotation = value;\r\n\r\n    const centerX = this.translateX + this.totalWidth / 2 / this.scale;\r\n    const centerY = this.translateY + this.totalHeight / 2 / this.scale;\r\n\r\n    const angle = value - this.snapshotRotation;\r\n    const cos = Math.cos(angle);\r\n    const sin = Math.sin(angle);\r\n\r\n    this._core.store.state.objects.transaction(() => {\r\n      // Update the SelectionGroup itself to propagate rotation to other tabs\r\n      this._core.store.state.objects.update(this);\r\n\r\n      this.objects.forEach(child => {\r\n        const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);\r\n        if (!unchangedSnapshot) return;\r\n\r\n        const offsetX = this.getOffsetXToCenterFromSnapshot(unchangedSnapshot);\r\n        const offsetY = this.getOffsetYToCenterFromSnapshot(unchangedSnapshot);\r\n\r\n        const rotatedX = cos * offsetX - sin * offsetY;\r\n        const rotatedY = sin * offsetX + cos * offsetY;\r\n\r\n        child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;\r\n        child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;\r\n\r\n        child.rotate(this.objects.length === 1 ? value : unchangedSnapshot.rotation + angle);\r\n      });\r\n    });\r\n  }\r\n\r\n  override copy(): KritzelBaseObject<HTMLElement> {\r\n    const selectionGroup = KritzelSelectionGroup.create(this._core);\r\n\r\n    this.objects\r\n      .sort((a, b) => a.zIndex - b.zIndex)\r\n      .forEach(obj => {\r\n        const copiedObject = obj.copy() as KritzelBaseObject<any>;\r\n        selectionGroup.addOrRemove(copiedObject);\r\n      });\r\n\r\n    selectionGroup.captureUnchangedSnapshots();\r\n\r\n    if (this.objects.length === 1) {\r\n      selectionGroup.rotation = this.objects[0].rotation;\r\n    }\r\n\r\n    return selectionGroup;\r\n  }\r\n\r\n  refreshObjectDimensions() {\r\n    if (this.objects.length === 1) {\r\n      const obj = this.objects[0];\r\n      this.minX = obj.boundingBox.x / this.scale;\r\n      this.maxX = obj.boundingBox.x / this.scale + obj.boundingBox.width;\r\n      this.minY = obj.boundingBox.y / this.scale;\r\n      this.maxY = obj.boundingBox.y / this.scale + obj.boundingBox.height;\r\n\r\n      this.translateX = (this.minX - this.padding) * this.scale;\r\n      this.translateY = (this.minY - this.padding) * this.scale;\r\n\r\n      this.width = (this.maxX - this.minX - this.padding) * this.scale;\r\n      this.height = (this.maxY - this.minY - this.padding) * this.scale;\r\n    } else {\r\n      const rotation = this.rotation;\r\n      const cos = Math.cos(-rotation);\r\n      const sin = Math.sin(-rotation);\r\n\r\n      let minX = Infinity;\r\n      let maxX = -Infinity;\r\n      let minY = Infinity;\r\n      let maxY = -Infinity;\r\n\r\n      this.objects.forEach(obj => {\r\n        const polygon = obj.rotatedPolygon;\r\n        const corners = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];\r\n\r\n        corners.forEach(corner => {\r\n          // Rotate corner into local space (aligned with group rotation)\r\n          const rx = corner.x * cos - corner.y * sin;\r\n          const ry = corner.x * sin + corner.y * cos;\r\n\r\n          if (rx < minX) minX = rx;\r\n          if (rx > maxX) maxX = rx;\r\n          if (ry < minY) minY = ry;\r\n          if (ry > maxY) maxY = ry;\r\n        });\r\n      });\r\n\r\n      // Dimensions in world units (unrotated)\r\n      const worldWidth = maxX - minX;\r\n      const worldHeight = maxY - minY;\r\n\r\n      this.width = (worldWidth - this.padding) * this.scale;\r\n      this.height = (worldHeight - this.padding) * this.scale;\r\n\r\n      // Center of the box in rotated space\r\n      const cRx = (minX + maxX) / 2;\r\n      const cRy = (minY + maxY) / 2;\r\n\r\n      // Rotate center back to world space\r\n      const cosR = Math.cos(rotation);\r\n      const sinR = Math.sin(rotation);\r\n\r\n      const cx = cRx * cosR - cRy * sinR;\r\n      const cy = cRx * sinR + cRy * cosR;\r\n\r\n      this.translateX = cx - (this.width / this.scale + 2 * this.padding) / 2;\r\n      this.translateY = cy - (this.height / this.scale + 2 * this.padding) / 2;\r\n    }\r\n\r\n    this._core.store.state.objects.update(this);\r\n  }\r\n\r\n  private getOffsetXToCenterFromSnapshot(snapshot: UnchangedObjectSnapshot): number {\r\n    const objCenterX = snapshot.translateX + snapshot.totalWidth / snapshot.scale / 2;\r\n    const groupCenterX = this.translateX + this.totalWidth / this.scale / 2;\r\n    return objCenterX - groupCenterX;\r\n  }\r\n\r\n  private getOffsetYToCenterFromSnapshot(snapshot: UnchangedObjectSnapshot): number {\r\n    const objCenterY = snapshot.translateY + snapshot.totalHeight / snapshot.scale / 2;\r\n    const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;\r\n    return objCenterY - groupCenterY;\r\n  }\r\n}\r\n"]}

package/dist/components/index.js

@@ -1,7 +1,7 @@
 export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CwkUrTy1.js';
 export { b as KritzelBrushTool, a as KritzelPath, K as KritzelText, c as KritzelTextTool } from './p-CBYBurdY.js';
-import { w as writeVarUint, a as writeVarUint8Array, t as toUint8Array, r as readVarUint, b as readVarUint8Array, e as encodeStateAsUpdate, c as applyUpdate, d as encodeStateVector, f as createEncoder, g as createDecoder, s as setIfUndefined, h as create, i as fromBase64, v as varStorage, j as toBase64, o as onChange, k as createUint8ArrayFromArrayBuffer, l as offChange, m as readVarString, O as Observable, n as floor, p as getUnixTime, q as equalityDeep, u as writeVarString, x as map, y as ObservableV2, z as length, A as isNode, B as min, C as pow, H as HocuspocusProvider, D as HocuspocusProviderWebsocket } from './p-BAplhrRJ.js';
-export { I as IndexedDBSyncProvider, J as KritzelAppStateMap, E as KritzelEraserTool, K as KritzelImage, F as KritzelImageTool, G as KritzelSelectionTool } from './p-BAplhrRJ.js';
+import { w as writeVarUint, a as writeVarUint8Array, t as toUint8Array, r as readVarUint, b as readVarUint8Array, e as encodeStateAsUpdate, c as applyUpdate, d as encodeStateVector, f as createEncoder, g as createDecoder, s as setIfUndefined, h as create, i as fromBase64, v as varStorage, j as toBase64, o as onChange, k as createUint8ArrayFromArrayBuffer, l as offChange, m as readVarString, O as Observable, n as floor, p as getUnixTime, q as equalityDeep, u as writeVarString, x as map, y as ObservableV2, z as length, A as isNode, B as min, C as pow, H as HocuspocusProvider, D as HocuspocusProviderWebsocket } from './p-DTHqEUDc.js';
+export { I as IndexedDBSyncProvider, J as KritzelAppStateMap, E as KritzelEraserTool, K as KritzelImage, F as KritzelImageTool, G as KritzelSelectionTool } from './p-DTHqEUDc.js';
 export { K as KritzelWorkspace } from './p-n789Y3S-.js';
 export { D as DEFAULT_BRUSH_CONFIG, a as DEFAULT_TEXT_CONFIG, KritzelEditor, defineCustomElement as defineCustomElementKritzelEditor } from './kritzel-editor.js';
 export { KritzelBrushStyle, defineCustomElement as defineCustomElementKritzelBrushStyle } from './kritzel-brush-style.js';

package/dist/components/kritzel-editor.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
 import { K as KritzelIconRegistry, d as defineCustomElement$a } from './p-Bhtn9qay.js';
-import { L as ABSOLUTE_SCALE_MAX, M as ABSOLUTE_SCALE_MIN, G as KritzelSelectionTool, E as KritzelEraserTool, F as KritzelImageTool, N as defineCustomElement$e } from './p-BAplhrRJ.js';
+import { L as ABSOLUTE_SCALE_MAX, M as ABSOLUTE_SCALE_MIN, G as KritzelSelectionTool, E as KritzelEraserTool, F as KritzelImageTool, N as defineCustomElement$e } from './p-DTHqEUDc.js';
 import { b as KritzelBrushTool, c as KritzelTextTool, d as KritzelKeyboardHelper } from './p-CBYBurdY.js';
 import { K as KritzelWorkspace } from './p-n789Y3S-.js';
 import { K as KritzelDevicesHelper } from './p-l10It7Nm.js';

package/dist/components/kritzel-engine.js

@@ -1,4 +1,4 @@
-import { P as KritzelEngine$1, N as defineCustomElement$1 } from './p-BAplhrRJ.js';
+import { P as KritzelEngine$1, N as defineCustomElement$1 } from './p-DTHqEUDc.js';
 
 const KritzelEngine = KritzelEngine$1;
 const defineCustomElement = defineCustomElement$1;