kritzel-stencil 0.0.139 → 0.0.140

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["kritzel-color_22.cjs",[[256,"kritzel-editor",{"scaleMax":[2,"scale-max"],"scaleMin":[2,"scale-min"],"controls":[16],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"customSvgIcons":[16,"custom-svg-icons"],"isControlsVisible":[4,"is-controls-visible"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"isEngineReady":[32],"isControlsReady":[32],"isWorkspaceManagerReady":[32],"workspaces":[32],"activeWorkspace":[32],"isVirtualKeyboardOpen":[32],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"dblclick","handleTouchStart"]],{"isEngineReady":["onIsEngineReady"],"isControlsReady":["onIsControlsReady"]}],[257,"kritzel-controls",{"controls":[16],"activeControl":[1040,"active-control"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"firstConfig":[32],"isTooltipVisible":[32],"isTouchDevice":[32],"closeTooltip":[64]},[[4,"click","handleDocumentClick"],[8,"keydown","handleKeyDown"],[4,"activeToolChange","handleActiveToolChange"]]],[257,"kritzel-workspace-manager",{"activeWorkspace":[16,"active-workspace"],"workspaces":[16],"childMenuAnchor":[32],"openChildMenuItem":[32],"newWorkspace":[32],"editingItemId":[32]},[[8,"wheel","handleWheel"]]],[257,"kritzel-engine",{"workspace":[16],"activeTool":[16,"active-tool"],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"forceUpdate":[32],"registerTool":[64],"changeActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"getCopiedObjects":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[0,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspace":["onWorkspaceChange"],"scaleMax":["validateScaleMax"],"scaleMin":["validateScaleMin"]}],[257,"kritzel-control-text-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"]}],[257,"kritzel-control-brush-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"],"palette":[32]},null,{"tool":["handleToolChange"]}],[257,"kritzel-split-button",{"buttonIcon":[1,"button-icon"],"dropdownIcon":[1,"dropdown-icon"],"items":[16],"mainButtonDisabled":[4,"main-button-disabled"],"menuButtonDisabled":[4,"menu-button-disabled"],"isMenuOpen":[32],"isTouchDevice":[32],"anchorElement":[32],"menuScrollTop":[32],"open":[64],"focusMenu":[64]}],[257,"kritzel-context-menu",{"items":[16],"objects":[16],"processedItems":[32]},[[9,"pointerdown","handleOutsideClick"]],{"items":["onItemsChanged"]}],[257,"kritzel-utility-panel"],[257,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[257,"kritzel-tooltip",{"isVisible":[4,"is-visible"],"anchorElement":[16,"anchor-element"],"arrowSize":[2,"arrow-size"],"offsetY":[2,"offset-y"],"positionX":[32],"arrowOffset":[32],"isMobileView":[32],"focusContent":[64]},[[4,"click","handleOutsideClick"],[9,"resize","handleWindowResize"]]],[257,"kritzel-font-family",{"fontOptions":[16,"font-options"],"selectedFontFamily":[1025,"selected-font-family"]}],[257,"kritzel-font-size",{"sizes":[16],"selectedSize":[1026,"selected-size"],"fontFamily":[1,"font-family"]}],[257,"kritzel-stroke-size",{"sizes":[16],"selectedSize":[1026,"selected-size"]}],[257,"kritzel-color-palette",{"colors":[16],"selectedColor":[1025,"selected-color"],"isExpanded":[4,"is-expanded"],"isOpaque":[4,"is-opaque"]}],[257,"kritzel-font",{"fontFamily":[1,"font-family"],"size":[2],"color":[1]}],[257,"kritzel-menu",{"items":[16],"parent":[16],"selectedIndex":[32],"setScrollTop":[64],"setFocus":[64]}],[257,"kritzel-menu-item",{"item":[16],"parent":[16],"isDirty":[32]},null,{"item":["onItemChange"]}],[257,"kritzel-dropdown",{"options":[16],"value":[1],"width":[1],"selectStyles":[8,"select-styles"],"internalValue":[32],"hasSuffixContent":[32],"hasPrefixContent":[32]},null,{"options":["optionsChanged"],"value":["externalValueChanged"]}],[257,"kritzel-portal",{"anchor":[16],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"autoFocus":[4,"auto-focus"]},[[8,"click","handleOutsideClick"],[8,"keydown","handleKeyDown"],[11,"resize","handleResize"],[11,"scroll","handleWindowScroll"]],{"anchor":["anchorChanged"]}],[257,"kritzel-color",{"value":[1],"size":[2]}],[257,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}]]],["kritzel-brush-style.cjs",[[257,"kritzel-brush-style",{"type":[1],"brushOptions":[16,"brush-options"]}]]]], options);
+  return index.bootstrapLazy([["kritzel-color_22.cjs",[[256,"kritzel-editor",{"scaleMax":[2,"scale-max"],"scaleMin":[2,"scale-min"],"controls":[16],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"customSvgIcons":[16,"custom-svg-icons"],"isControlsVisible":[4,"is-controls-visible"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"isEngineReady":[32],"isControlsReady":[32],"isWorkspaceManagerReady":[32],"workspaces":[32],"activeWorkspace":[32],"isVirtualKeyboardOpen":[32],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"dblclick","handleTouchStart"]],{"isEngineReady":["onIsEngineReady"],"isControlsReady":["onIsControlsReady"]}],[257,"kritzel-controls",{"controls":[16],"activeControl":[1040,"active-control"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"firstConfig":[32],"isTooltipVisible":[32],"isTouchDevice":[32],"closeTooltip":[64]},[[4,"click","handleDocumentClick"],[8,"keydown","handleKeyDown"],[4,"activeToolChange","handleActiveToolChange"]]],[257,"kritzel-workspace-manager",{"activeWorkspace":[1040,"active-workspace"],"workspaces":[16],"childMenuAnchor":[32],"openChildMenuItem":[32],"newWorkspace":[32],"editingItemId":[32]},[[8,"wheel","handleWheel"]]],[257,"kritzel-engine",{"workspace":[16],"activeTool":[16,"active-tool"],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"forceUpdate":[32],"registerTool":[64],"changeActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"getCopiedObjects":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[0,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspace":["onWorkspaceChange"],"scaleMax":["validateScaleMax"],"scaleMin":["validateScaleMin"]}],[257,"kritzel-control-text-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"]}],[257,"kritzel-control-brush-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"],"palette":[32]},null,{"tool":["handleToolChange"]}],[257,"kritzel-split-button",{"buttonIcon":[1,"button-icon"],"dropdownIcon":[1,"dropdown-icon"],"items":[16],"mainButtonDisabled":[4,"main-button-disabled"],"menuButtonDisabled":[4,"menu-button-disabled"],"isMenuOpen":[32],"isTouchDevice":[32],"anchorElement":[32],"menuScrollTop":[32],"open":[64],"focusMenu":[64]}],[257,"kritzel-context-menu",{"items":[16],"objects":[16],"processedItems":[32]},[[9,"pointerdown","handleOutsideClick"]],{"items":["onItemsChanged"]}],[257,"kritzel-utility-panel"],[257,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[257,"kritzel-tooltip",{"isVisible":[4,"is-visible"],"anchorElement":[16,"anchor-element"],"arrowSize":[2,"arrow-size"],"offsetY":[2,"offset-y"],"positionX":[32],"arrowOffset":[32],"isMobileView":[32],"focusContent":[64]},[[4,"click","handleOutsideClick"],[9,"resize","handleWindowResize"]]],[257,"kritzel-font-family",{"fontOptions":[16,"font-options"],"selectedFontFamily":[1025,"selected-font-family"]}],[257,"kritzel-font-size",{"sizes":[16],"selectedSize":[1026,"selected-size"],"fontFamily":[1,"font-family"]}],[257,"kritzel-stroke-size",{"sizes":[16],"selectedSize":[1026,"selected-size"]}],[257,"kritzel-color-palette",{"colors":[16],"selectedColor":[1025,"selected-color"],"isExpanded":[4,"is-expanded"],"isOpaque":[4,"is-opaque"]}],[257,"kritzel-font",{"fontFamily":[1,"font-family"],"size":[2],"color":[1]}],[257,"kritzel-menu",{"items":[16],"parent":[16],"selectedIndex":[32],"setScrollTop":[64],"setFocus":[64]}],[257,"kritzel-menu-item",{"item":[16],"parent":[16],"isDirty":[32]},null,{"item":["onItemChange"]}],[257,"kritzel-dropdown",{"options":[16],"value":[1],"width":[1],"selectStyles":[8,"select-styles"],"internalValue":[32],"hasSuffixContent":[32],"hasPrefixContent":[32]},null,{"options":["optionsChanged"],"value":["externalValueChanged"]}],[257,"kritzel-portal",{"anchor":[16],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"autoFocus":[4,"auto-focus"]},[[8,"click","handleOutsideClick"],[8,"keydown","handleKeyDown"],[11,"resize","handleResize"],[11,"scroll","handleWindowScroll"]],{"anchor":["anchorChanged"]}],[257,"kritzel-color",{"value":[1],"size":[2]}],[257,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}]]],["kritzel-brush-style.cjs",[[257,"kritzel-brush-style",{"type":[1],"brushOptions":[16,"brush-options"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/stencil.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["kritzel-color_22.cjs",[[256,"kritzel-editor",{"scaleMax":[2,"scale-max"],"scaleMin":[2,"scale-min"],"controls":[16],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"customSvgIcons":[16,"custom-svg-icons"],"isControlsVisible":[4,"is-controls-visible"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"isEngineReady":[32],"isControlsReady":[32],"isWorkspaceManagerReady":[32],"workspaces":[32],"activeWorkspace":[32],"isVirtualKeyboardOpen":[32],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"dblclick","handleTouchStart"]],{"isEngineReady":["onIsEngineReady"],"isControlsReady":["onIsControlsReady"]}],[257,"kritzel-controls",{"controls":[16],"activeControl":[1040,"active-control"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"firstConfig":[32],"isTooltipVisible":[32],"isTouchDevice":[32],"closeTooltip":[64]},[[4,"click","handleDocumentClick"],[8,"keydown","handleKeyDown"],[4,"activeToolChange","handleActiveToolChange"]]],[257,"kritzel-workspace-manager",{"activeWorkspace":[16,"active-workspace"],"workspaces":[16],"childMenuAnchor":[32],"openChildMenuItem":[32],"newWorkspace":[32],"editingItemId":[32]},[[8,"wheel","handleWheel"]]],[257,"kritzel-engine",{"workspace":[16],"activeTool":[16,"active-tool"],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"forceUpdate":[32],"registerTool":[64],"changeActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"getCopiedObjects":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[0,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspace":["onWorkspaceChange"],"scaleMax":["validateScaleMax"],"scaleMin":["validateScaleMin"]}],[257,"kritzel-control-text-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"]}],[257,"kritzel-control-brush-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"],"palette":[32]},null,{"tool":["handleToolChange"]}],[257,"kritzel-split-button",{"buttonIcon":[1,"button-icon"],"dropdownIcon":[1,"dropdown-icon"],"items":[16],"mainButtonDisabled":[4,"main-button-disabled"],"menuButtonDisabled":[4,"menu-button-disabled"],"isMenuOpen":[32],"isTouchDevice":[32],"anchorElement":[32],"menuScrollTop":[32],"open":[64],"focusMenu":[64]}],[257,"kritzel-context-menu",{"items":[16],"objects":[16],"processedItems":[32]},[[9,"pointerdown","handleOutsideClick"]],{"items":["onItemsChanged"]}],[257,"kritzel-utility-panel"],[257,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[257,"kritzel-tooltip",{"isVisible":[4,"is-visible"],"anchorElement":[16,"anchor-element"],"arrowSize":[2,"arrow-size"],"offsetY":[2,"offset-y"],"positionX":[32],"arrowOffset":[32],"isMobileView":[32],"focusContent":[64]},[[4,"click","handleOutsideClick"],[9,"resize","handleWindowResize"]]],[257,"kritzel-font-family",{"fontOptions":[16,"font-options"],"selectedFontFamily":[1025,"selected-font-family"]}],[257,"kritzel-font-size",{"sizes":[16],"selectedSize":[1026,"selected-size"],"fontFamily":[1,"font-family"]}],[257,"kritzel-stroke-size",{"sizes":[16],"selectedSize":[1026,"selected-size"]}],[257,"kritzel-color-palette",{"colors":[16],"selectedColor":[1025,"selected-color"],"isExpanded":[4,"is-expanded"],"isOpaque":[4,"is-opaque"]}],[257,"kritzel-font",{"fontFamily":[1,"font-family"],"size":[2],"color":[1]}],[257,"kritzel-menu",{"items":[16],"parent":[16],"selectedIndex":[32],"setScrollTop":[64],"setFocus":[64]}],[257,"kritzel-menu-item",{"item":[16],"parent":[16],"isDirty":[32]},null,{"item":["onItemChange"]}],[257,"kritzel-dropdown",{"options":[16],"value":[1],"width":[1],"selectStyles":[8,"select-styles"],"internalValue":[32],"hasSuffixContent":[32],"hasPrefixContent":[32]},null,{"options":["optionsChanged"],"value":["externalValueChanged"]}],[257,"kritzel-portal",{"anchor":[16],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"autoFocus":[4,"auto-focus"]},[[8,"click","handleOutsideClick"],[8,"keydown","handleKeyDown"],[11,"resize","handleResize"],[11,"scroll","handleWindowScroll"]],{"anchor":["anchorChanged"]}],[257,"kritzel-color",{"value":[1],"size":[2]}],[257,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}]]],["kritzel-brush-style.cjs",[[257,"kritzel-brush-style",{"type":[1],"brushOptions":[16,"brush-options"]}]]]], options);
+  return index.bootstrapLazy([["kritzel-color_22.cjs",[[256,"kritzel-editor",{"scaleMax":[2,"scale-max"],"scaleMin":[2,"scale-min"],"controls":[16],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"customSvgIcons":[16,"custom-svg-icons"],"isControlsVisible":[4,"is-controls-visible"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"isEngineReady":[32],"isControlsReady":[32],"isWorkspaceManagerReady":[32],"workspaces":[32],"activeWorkspace":[32],"isVirtualKeyboardOpen":[32],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"dblclick","handleTouchStart"]],{"isEngineReady":["onIsEngineReady"],"isControlsReady":["onIsControlsReady"]}],[257,"kritzel-controls",{"controls":[16],"activeControl":[1040,"active-control"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"firstConfig":[32],"isTooltipVisible":[32],"isTouchDevice":[32],"closeTooltip":[64]},[[4,"click","handleDocumentClick"],[8,"keydown","handleKeyDown"],[4,"activeToolChange","handleActiveToolChange"]]],[257,"kritzel-workspace-manager",{"activeWorkspace":[1040,"active-workspace"],"workspaces":[16],"childMenuAnchor":[32],"openChildMenuItem":[32],"newWorkspace":[32],"editingItemId":[32]},[[8,"wheel","handleWheel"]]],[257,"kritzel-engine",{"workspace":[16],"activeTool":[16,"active-tool"],"globalContextMenuItems":[16,"global-context-menu-items"],"objectContextMenuItems":[16,"object-context-menu-items"],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"forceUpdate":[32],"registerTool":[64],"changeActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"getCopiedObjects":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64]},[[0,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[0,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspace":["onWorkspaceChange"],"scaleMax":["validateScaleMax"],"scaleMin":["validateScaleMin"]}],[257,"kritzel-control-text-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"]}],[257,"kritzel-control-brush-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"],"palette":[32]},null,{"tool":["handleToolChange"]}],[257,"kritzel-split-button",{"buttonIcon":[1,"button-icon"],"dropdownIcon":[1,"dropdown-icon"],"items":[16],"mainButtonDisabled":[4,"main-button-disabled"],"menuButtonDisabled":[4,"menu-button-disabled"],"isMenuOpen":[32],"isTouchDevice":[32],"anchorElement":[32],"menuScrollTop":[32],"open":[64],"focusMenu":[64]}],[257,"kritzel-context-menu",{"items":[16],"objects":[16],"processedItems":[32]},[[9,"pointerdown","handleOutsideClick"]],{"items":["onItemsChanged"]}],[257,"kritzel-utility-panel"],[257,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[257,"kritzel-tooltip",{"isVisible":[4,"is-visible"],"anchorElement":[16,"anchor-element"],"arrowSize":[2,"arrow-size"],"offsetY":[2,"offset-y"],"positionX":[32],"arrowOffset":[32],"isMobileView":[32],"focusContent":[64]},[[4,"click","handleOutsideClick"],[9,"resize","handleWindowResize"]]],[257,"kritzel-font-family",{"fontOptions":[16,"font-options"],"selectedFontFamily":[1025,"selected-font-family"]}],[257,"kritzel-font-size",{"sizes":[16],"selectedSize":[1026,"selected-size"],"fontFamily":[1,"font-family"]}],[257,"kritzel-stroke-size",{"sizes":[16],"selectedSize":[1026,"selected-size"]}],[257,"kritzel-color-palette",{"colors":[16],"selectedColor":[1025,"selected-color"],"isExpanded":[4,"is-expanded"],"isOpaque":[4,"is-opaque"]}],[257,"kritzel-font",{"fontFamily":[1,"font-family"],"size":[2],"color":[1]}],[257,"kritzel-menu",{"items":[16],"parent":[16],"selectedIndex":[32],"setScrollTop":[64],"setFocus":[64]}],[257,"kritzel-menu-item",{"item":[16],"parent":[16],"isDirty":[32]},null,{"item":["onItemChange"]}],[257,"kritzel-dropdown",{"options":[16],"value":[1],"width":[1],"selectStyles":[8,"select-styles"],"internalValue":[32],"hasSuffixContent":[32],"hasPrefixContent":[32]},null,{"options":["optionsChanged"],"value":["externalValueChanged"]}],[257,"kritzel-portal",{"anchor":[16],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"autoFocus":[4,"auto-focus"]},[[8,"click","handleOutsideClick"],[8,"keydown","handleKeyDown"],[11,"resize","handleResize"],[11,"scroll","handleWindowScroll"]],{"anchor":["anchorChanged"]}],[257,"kritzel-color",{"value":[1],"size":[2]}],[257,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}]]],["kritzel-brush-style.cjs",[[257,"kritzel-brush-style",{"type":[1],"brushOptions":[16,"brush-options"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/classes/commands/add-selection-group.command.js

@@ -12,13 +12,13 @@ export class AddSelectionGroupCommand extends KritzelBaseCommand {
     execute() {
         this._core.store.state.objectsMap.remove(object => object instanceof KrtizelSelectionBox || object instanceof KritzelSelectionGroup);
         this._core.store.state.objectsMap.insert(this.selectionGroup);
-        this._core.store.setState('selectionGroup', this.selectionGroup);
-        this._core.store.setState('selectionBox', null);
+        this._core.store.state.selectionGroup = this.selectionGroup;
+        this._core.store.state.selectionBox = null;
     }
     undo() {
         this._core.store.state.objectsMap.remove(object => object.id === this.selectionGroup.id);
-        this._core.store.setState('selectionGroup', this.previousSelectionGroup);
-        this._core.store.setState('selectionBox', null);
+        this._core.store.state.selectionGroup = this.previousSelectionGroup;
+        this._core.store.state.selectionBox = null;
     }
 }
 //# sourceMappingURL=add-selection-group.command.js.map

package/dist/collection/classes/commands/add-selection-group.command.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/add-selection-group.command.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,wBAAyB,SAAQ,kBAAkB;IACtD,cAAc,CAAwB;IACtC,sBAAsB,CAA+B;IAE7D,YAAY,IAAiB,EAAE,SAAc,EAAE,cAAqC,EAAE,sBAA8C,EAAE,WAAW,GAAG,KAAK;QACvJ,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,sBAAsB,GAAG,sBAAsB,IAAI,IAAI,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,YAAY,mBAAmB,IAAI,MAAM,YAAY,qBAAqB,CAAC,CAAC;QACrI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE9D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACzF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACzE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KrtizelSelectionBox } from '../objects/selection-box.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class AddSelectionGroupCommand extends KritzelBaseCommand {\r\n  private selectionGroup: KritzelSelectionGroup;\r\n  private previousSelectionGroup: KritzelSelectionGroup | null;\r\n\r\n  constructor(core: KritzelCore, initiator: any, selectionGroup: KritzelSelectionGroup, previousSelectionGroup?: KritzelSelectionGroup, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.selectionGroup = selectionGroup;\r\n    this.previousSelectionGroup = previousSelectionGroup || null;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.objectsMap.remove(object => object instanceof KrtizelSelectionBox || object instanceof KritzelSelectionGroup);\r\n    this._core.store.state.objectsMap.insert(this.selectionGroup);\r\n\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.setState('selectionBox', null);\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.state.objectsMap.remove(object => object.id === this.selectionGroup.id);\r\n    this._core.store.setState('selectionGroup', this.previousSelectionGroup);\r\n    this._core.store.setState('selectionBox', null);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"add-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/add-selection-group.command.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,wBAAyB,SAAQ,kBAAkB;IACtD,cAAc,CAAwB;IACtC,sBAAsB,CAA+B;IAE7D,YAAY,IAAiB,EAAE,SAAc,EAAE,cAAqC,EAAE,sBAA8C,EAAE,WAAW,GAAG,KAAK;QACvJ,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,sBAAsB,GAAG,sBAAsB,IAAI,IAAI,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,YAAY,mBAAmB,IAAI,MAAM,YAAY,qBAAqB,CAAC,CAAC;QACrI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE9D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACzF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,sBAAsB,CAAC;QACpE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7C,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KrtizelSelectionBox } from '../objects/selection-box.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class AddSelectionGroupCommand extends KritzelBaseCommand {\r\n  private selectionGroup: KritzelSelectionGroup;\r\n  private previousSelectionGroup: KritzelSelectionGroup | null;\r\n\r\n  constructor(core: KritzelCore, initiator: any, selectionGroup: KritzelSelectionGroup, previousSelectionGroup?: KritzelSelectionGroup, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.selectionGroup = selectionGroup;\r\n    this.previousSelectionGroup = previousSelectionGroup || null;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.objectsMap.remove(object => object instanceof KrtizelSelectionBox || object instanceof KritzelSelectionGroup);\r\n    this._core.store.state.objectsMap.insert(this.selectionGroup);\r\n\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionBox = null;\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.state.objectsMap.remove(object => object.id === this.selectionGroup.id);\r\n    this._core.store.state.selectionGroup = this.previousSelectionGroup;\r\n    this._core.store.state.selectionBox = null;\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/commands/move-selection-group.command.js

@@ -25,7 +25,7 @@ export class MoveSelectionGroupCommand extends KritzelBaseCommand {
             });
             return;
         }
-        this._core.store.setState('selectionGroup', this.selectionGroup);
+        this._core.store.state.selectionGroup = this.selectionGroup;
         this._core.store.state.selectionGroup.move(this.startX, this.startY, this.endX, this.endY);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);
@@ -33,7 +33,7 @@ export class MoveSelectionGroupCommand extends KritzelBaseCommand {
         });
     }
     undo() {
-        this._core.store.setState('selectionGroup', this.selectionGroup);
+        this._core.store.state.selectionGroup = this.selectionGroup;
         this._core.store.state.selectionGroup.move(this.endX, this.endY, this.startX, this.startY);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);

package/dist/collection/classes/commands/move-selection-group.command.js.map

@@ -1 +1 @@
-{"version":3,"file":"move-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/move-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IACvD,cAAc,CAAwB;IAEtC,MAAM,CAAS;IAEf,MAAM,CAAS;IAEf,IAAI,CAAS;IAEb,IAAI,CAAS;IAEb,aAAa,CAAU;IAE/B,YAAY,IAAiB,EAAE,SAAc,EAAE,MAAc,EAAE,MAAc,EAAE,IAAY,EAAE,IAAY,EAAE,kBAAkB,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK;QACxJ,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,kBAAkB,CAAC;QACxC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,2CAA2C;YAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class MoveSelectionGroupCommand extends KritzelBaseCommand {\r\n  private selectionGroup: KritzelSelectionGroup;\r\n\r\n  private startX: number;\r\n\r\n  private startY: number;\r\n\r\n  private endX: number;\r\n\r\n  private endY: number;\r\n\r\n  private skipExecution: boolean;\r\n\r\n  constructor(core: KritzelCore, initiator: any, startX: number, startY: number, endX: number, endY: number, skipFirstExecution = false, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.startX = startX;\r\n    this.startY = startY;\r\n    this.endX = endX;\r\n    this.endY = endY;\r\n    this.skipExecution = skipFirstExecution;\r\n    this.selectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    if (this.skipExecution) {\r\n      this.skipExecution = false;\r\n      // Skip execution, but still update objects\r\n      this._core.store.state.selectionGroup.objects.forEach(object => {\r\n        this._core.store.state.objectsMap.update(object);\r\n        this._core.updateObjectInDatabase(object);\r\n      });\r\n      return;\r\n    }\r\n\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.state.selectionGroup.move(this.startX, this.startY, this.endX, this.endY);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.state.selectionGroup.move(this.endX, this.endY, this.startX, this.startY);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"move-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/move-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IACvD,cAAc,CAAwB;IAEtC,MAAM,CAAS;IAEf,MAAM,CAAS;IAEf,IAAI,CAAS;IAEb,IAAI,CAAS;IAEb,aAAa,CAAU;IAE/B,YAAY,IAAiB,EAAE,SAAc,EAAE,MAAc,EAAE,MAAc,EAAE,IAAY,EAAE,IAAY,EAAE,kBAAkB,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK;QACxJ,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,kBAAkB,CAAC;QACxC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,2CAA2C;YAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class MoveSelectionGroupCommand extends KritzelBaseCommand {\r\n  private selectionGroup: KritzelSelectionGroup;\r\n\r\n  private startX: number;\r\n\r\n  private startY: number;\r\n\r\n  private endX: number;\r\n\r\n  private endY: number;\r\n\r\n  private skipExecution: boolean;\r\n\r\n  constructor(core: KritzelCore, initiator: any, startX: number, startY: number, endX: number, endY: number, skipFirstExecution = false, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.startX = startX;\r\n    this.startY = startY;\r\n    this.endX = endX;\r\n    this.endY = endY;\r\n    this.skipExecution = skipFirstExecution;\r\n    this.selectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    if (this.skipExecution) {\r\n      this.skipExecution = false;\r\n      // Skip execution, but still update objects\r\n      this._core.store.state.selectionGroup.objects.forEach(object => {\r\n        this._core.store.state.objectsMap.update(object);\r\n        this._core.updateObjectInDatabase(object);\r\n      });\r\n      return;\r\n    }\r\n\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionGroup.move(this.startX, this.startY, this.endX, this.endY);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionGroup.move(this.endX, this.endY, this.startX, this.startY);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/commands/remove-selection-group.command.js

@@ -7,12 +7,12 @@ export class RemoveSelectionGroupCommand extends KritzelBaseCommand {
     }
     execute() {
         this._core.store.state.objectsMap.remove(object => object.id === this.previousSelectionGroup?.id);
-        this._core.store.setState('selectionGroup', null);
+        this._core.store.state.selectionGroup = null;
     }
     undo() {
         if (this.previousSelectionGroup) {
             this._core.store.state.objectsMap.insert(this.previousSelectionGroup);
-            this._core.store.setState('selectionGroup', this.previousSelectionGroup);
+            this._core.store.state.selectionGroup = this.previousSelectionGroup;
         }
     }
 }

package/dist/collection/classes/commands/remove-selection-group.command.js.map

@@ -1 +1 @@
-{"version":3,"file":"remove-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/remove-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IAEzD,sBAAsB,CAAwB;IAEtD,YAAY,IAAiB,EAAE,SAAc,EAAE,WAAW,GAAG,KAAK;QAChE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IACtE,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;QAClG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,IAAI;QACF,IAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;YACtE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class RemoveSelectionGroupCommand extends KritzelBaseCommand {\r\n\r\n  private previousSelectionGroup: KritzelSelectionGroup;\r\n\r\n  constructor(core: KritzelCore, initiator: any, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.previousSelectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.objectsMap.remove(object => object.id === this.previousSelectionGroup?.id);\r\n    this._core.store.setState('selectionGroup', null);\r\n  }\r\n\r\n  undo(): void {\r\n    if(this.previousSelectionGroup) {\r\n      this._core.store.state.objectsMap.insert(this.previousSelectionGroup);\r\n      this._core.store.setState('selectionGroup', this.previousSelectionGroup);\r\n    } \r\n  }\r\n}\r\n"]}
+{"version":3,"file":"remove-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/remove-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IAEzD,sBAAsB,CAAwB;IAEtD,YAAY,IAAiB,EAAE,SAAc,EAAE,WAAW,GAAG,KAAK;QAChE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IACtE,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;QAClG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAI,IAAI,CAAC;IAChD,CAAC;IAED,IAAI;QACF,IAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;YACtE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAI,IAAI,CAAC,sBAAsB,CAAC;QACvE,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class RemoveSelectionGroupCommand extends KritzelBaseCommand {\r\n\r\n  private previousSelectionGroup: KritzelSelectionGroup;\r\n\r\n  constructor(core: KritzelCore, initiator: any, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.previousSelectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.objectsMap.remove(object => object.id === this.previousSelectionGroup?.id);\r\n    this._core.store.state.selectionGroup =  null;\r\n  }\r\n\r\n  undo(): void {\r\n    if(this.previousSelectionGroup) {\r\n      this._core.store.state.objectsMap.insert(this.previousSelectionGroup);\r\n      this._core.store.state.selectionGroup =  this.previousSelectionGroup;\r\n    } \r\n  }\r\n}\r\n"]}

package/dist/collection/classes/commands/resize-selection-group.command.js

@@ -10,7 +10,7 @@ export class ResizeSelectionGroupCommand extends KritzelBaseCommand {
         this.selectionGroup = this._core.store.state.selectionGroup;
     }
     execute() {
-        this._core.store.setState('selectionGroup', this.selectionGroup);
+        this._core.store.state.selectionGroup = this.selectionGroup;
         this._core.store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);
@@ -18,7 +18,7 @@ export class ResizeSelectionGroupCommand extends KritzelBaseCommand {
         });
     }
     undo() {
-        this._core.store.setState('selectionGroup', this.selectionGroup);
+        this._core.store.state.selectionGroup = this.selectionGroup;
         this._core.store.state.selectionGroup.resize(this.previousSize.x, this.previousSize.y, this.previousSize.width, this.previousSize.height);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);

package/dist/collection/classes/commands/resize-selection-group.command.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/resize-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IAEzD,OAAO,CAAwD;IAE/D,YAAY,CAAwD;IAEpE,cAAc,CAAwB;IAE9C,YAAY,IAAiB,EAAE,SAAc,EAAE,YAAmE,EAAE,OAA8D,EAAE,WAAW,GAAG,KAAK;QACrM,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAC1I,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class ResizeSelectionGroupCommand extends KritzelBaseCommand {\r\n\r\n  private newSize: {x: number, y: number, width: number, height: number};\r\n\r\n  private previousSize: {x: number, y: number, width: number, height: number};\r\n\r\n  private selectionGroup: KritzelSelectionGroup;\r\n\r\n  constructor(core: KritzelCore, initiator: any, previousSize: {x: number, y: number, width: number, height: number}, newSize: {x: number, y: number, width: number, height: number}, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.previousSize = previousSize;\r\n    this.newSize = newSize;\r\n    this.selectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.state.selectionGroup.resize(this.previousSize.x, this.previousSize.y, this.previousSize.width, this.previousSize.height);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"resize-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/resize-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IAEzD,OAAO,CAAwD;IAE/D,YAAY,CAAwD;IAEpE,cAAc,CAAwB;IAE9C,YAAY,IAAiB,EAAE,SAAc,EAAE,YAAmE,EAAE,OAA8D,EAAE,WAAW,GAAG,KAAK;QACrM,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAC1I,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class ResizeSelectionGroupCommand extends KritzelBaseCommand {\r\n\r\n  private newSize: {x: number, y: number, width: number, height: number};\r\n\r\n  private previousSize: {x: number, y: number, width: number, height: number};\r\n\r\n  private selectionGroup: KritzelSelectionGroup;\r\n\r\n  constructor(core: KritzelCore, initiator: any, previousSize: {x: number, y: number, width: number, height: number}, newSize: {x: number, y: number, width: number, height: number}, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.previousSize = previousSize;\r\n    this.newSize = newSize;\r\n    this.selectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionGroup.resize(this.previousSize.x, this.previousSize.y, this.previousSize.width, this.previousSize.height);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/commands/rotate-selection-group.command.js

@@ -10,7 +10,7 @@ export class RotateSelectionGroupCommand extends KritzelBaseCommand {
         this.selectionGroup = this._core.store.state.selectionGroup;
     }
     execute() {
-        this._core.store.setState('selectionGroup', this.selectionGroup);
+        this._core.store.state.selectionGroup = this.selectionGroup;
         this._core.store.state.selectionGroup.rotate(this.rotation);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);
@@ -18,7 +18,7 @@ export class RotateSelectionGroupCommand extends KritzelBaseCommand {
         });
     }
     undo() {
-        this._core.store.setState('selectionGroup', this.selectionGroup);
+        this._core.store.state.selectionGroup = this.selectionGroup;
         this._core.store.state.selectionGroup.rotate(this.initialRotation);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);

package/dist/collection/classes/commands/rotate-selection-group.command.js.map

@@ -1 +1 @@
-{"version":3,"file":"rotate-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/rotate-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IAEzD,QAAQ,CAAS;IAEjB,eAAe,CAAS;IAExB,cAAc,CAAwB;IAE9C,YAAY,IAAiB,EAAE,SAAc,EAAE,QAAgB,EAAE,eAAuB,EAAE,WAAW,GAAG,KAAK;QAC3G,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class RotateSelectionGroupCommand extends KritzelBaseCommand {\r\n\r\n  private rotation: number;\r\n\r\n  private initialRotation: number;\r\n\r\n  private selectionGroup: KritzelSelectionGroup;\r\n\r\n  constructor(core: KritzelCore, initiator: any, rotation: number, initialRotation: number, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.rotation = rotation;\r\n    this.initialRotation = initialRotation;\r\n    this.selectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.state.selectionGroup.rotate(this.rotation);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.setState('selectionGroup', this.selectionGroup);\r\n    this._core.store.state.selectionGroup.rotate(this.initialRotation);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"rotate-selection-group.command.js","sourceRoot":"","sources":["../../../src/classes/commands/rotate-selection-group.command.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,2BAA4B,SAAQ,kBAAkB;IAEzD,QAAQ,CAAS;IAEjB,eAAe,CAAS;IAExB,cAAc,CAAwB;IAE9C,YAAY,IAAiB,EAAE,SAAc,EAAE,QAAgB,EAAE,eAAuB,EAAE,WAAW,GAAG,KAAK;QAC3G,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IAC9D,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class RotateSelectionGroupCommand extends KritzelBaseCommand {\r\n\r\n  private rotation: number;\r\n\r\n  private initialRotation: number;\r\n\r\n  private selectionGroup: KritzelSelectionGroup;\r\n\r\n  constructor(core: KritzelCore, initiator: any, rotation: number, initialRotation: number, skipHistory = false) {\r\n    super(core, initiator, skipHistory);\r\n    this.rotation = rotation;\r\n    this.initialRotation = initialRotation;\r\n    this.selectionGroup = this._core.store.state.selectionGroup;\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionGroup.rotate(this.rotation);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.state.selectionGroup = this.selectionGroup;\r\n    this._core.store.state.selectionGroup.rotate(this.initialRotation);\r\n    this._core.store.state.selectionGroup.objects.forEach(object => {\r\n      this._core.store.state.objectsMap.update(object);\r\n      this._core.updateObjectInDatabase(object);\r\n    });\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/commands/update-viewport.command.js

@@ -12,14 +12,14 @@ export class UpdateViewportCommand extends KritzelBaseCommand {
         };
     }
     execute() {
-        this._core.store.setState('scale', this.currentViewport.scale);
-        this._core.store.setState('translateX', this.currentViewport.translateX);
-        this._core.store.setState('translateY', this.currentViewport.translateY);
+        this._core.store.state.scale = this.currentViewport.scale;
+        this._core.store.state.translateX = this.currentViewport.translateX;
+        this._core.store.state.translateY = this.currentViewport.translateY;
     }
     undo() {
-        this._core.store.setState('scale', this.previousViewport.scale);
-        this._core.store.setState('translateX', this.previousViewport.translateX);
-        this._core.store.setState('translateY', this.previousViewport.translateY);
+        this._core.store.state.scale = this.previousViewport.scale;
+        this._core.store.state.translateX = this.previousViewport.translateX;
+        this._core.store.state.translateY = this.previousViewport.translateY;
     }
 }
 //# sourceMappingURL=update-viewport.command.js.map

package/dist/collection/classes/commands/update-viewport.command.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-viewport.command.js","sourceRoot":"","sources":["../../../src/classes/commands/update-viewport.command.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,qBAAsB,SAAQ,kBAAkB;IAC3D,eAAe,CAIb;IAEF,gBAAgB,CAId;IAEF,YACE,IAAiB,EACjB,SAAc,EACd,gBAIC,EACD,WAAW,GAAG,KAAK;QAEnB,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YACnC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;YAC7C,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;SAC9C,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC/D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACzE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC3E,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAChE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC1E,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5E,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class UpdateViewportCommand extends KritzelBaseCommand {\r\n  currentViewport: {\r\n    scale: number;\r\n    translateX: number;\r\n    translateY: number;\r\n  };\r\n\r\n  previousViewport: {\r\n    scale: number;\r\n    translateX: number;\r\n    translateY: number;\r\n  };\r\n\r\n  constructor(\r\n    core: KritzelCore,\r\n    initiator: any,\r\n    previousViewport: {\r\n      scale: number;\r\n      translateX: number;\r\n      translateY: number;\r\n    },\r\n    skipHistory = false,\r\n  ) {\r\n    super(core, initiator, skipHistory);\r\n    this.previousViewport = previousViewport;\r\n    this.currentViewport = {\r\n      scale: this._core.store.state.scale,\r\n      translateX: this._core.store.state.translateX,\r\n      translateY: this._core.store.state.translateY,\r\n    };\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.setState('scale', this.currentViewport.scale);\r\n    this._core.store.setState('translateX', this.currentViewport.translateX);\r\n    this._core.store.setState('translateY', this.currentViewport.translateY);\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.setState('scale', this.previousViewport.scale);\r\n    this._core.store.setState('translateX', this.previousViewport.translateX);\r\n    this._core.store.setState('translateY', this.previousViewport.translateY);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"update-viewport.command.js","sourceRoot":"","sources":["../../../src/classes/commands/update-viewport.command.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,qBAAsB,SAAQ,kBAAkB;IAC3D,eAAe,CAIb;IAEF,gBAAgB,CAId;IAEF,YACE,IAAiB,EACjB,SAAc,EACd,gBAIC,EACD,WAAW,GAAG,KAAK;QAEnB,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YACnC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;YAC7C,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;SAC9C,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;QAC1D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;QACpE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;IACtE,CAAC;IAED,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;QAC3D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC;QACrE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC;IACvE,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseCommand } from './base.command';\r\n\r\nexport class UpdateViewportCommand extends KritzelBaseCommand {\r\n  currentViewport: {\r\n    scale: number;\r\n    translateX: number;\r\n    translateY: number;\r\n  };\r\n\r\n  previousViewport: {\r\n    scale: number;\r\n    translateX: number;\r\n    translateY: number;\r\n  };\r\n\r\n  constructor(\r\n    core: KritzelCore,\r\n    initiator: any,\r\n    previousViewport: {\r\n      scale: number;\r\n      translateX: number;\r\n      translateY: number;\r\n    },\r\n    skipHistory = false,\r\n  ) {\r\n    super(core, initiator, skipHistory);\r\n    this.previousViewport = previousViewport;\r\n    this.currentViewport = {\r\n      scale: this._core.store.state.scale,\r\n      translateX: this._core.store.state.translateX,\r\n      translateY: this._core.store.state.translateY,\r\n    };\r\n  }\r\n\r\n  execute(): void {\r\n    this._core.store.state.scale = this.currentViewport.scale;\r\n    this._core.store.state.translateX = this.currentViewport.translateX;\r\n    this._core.store.state.translateY = this.currentViewport.translateY;\r\n  }\r\n\r\n  undo(): void {\r\n    this._core.store.state.scale = this.previousViewport.scale;\r\n    this._core.store.state.translateX = this.previousViewport.translateX;\r\n    this._core.store.state.translateY = this.previousViewport.translateY;\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/core/core.class.js

@@ -52,18 +52,21 @@ export class KritzelCore {
         const workspaces = await this.getWorkspaces();
         const mostRecentWorkspace = [...workspaces].sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime())[0];
         const fallbackWorkspace = new KritzelWorkspace(ObjectHelper.generateUUID(), 'New Workspace');
-        this._store.setState('activeWorkspace', workspace ?? mostRecentWorkspace ?? fallbackWorkspace);
-        const isExistingWorkspace = await this.getWorkspace(this._store.state.activeWorkspace.id);
-        if (isExistingWorkspace) {
+        const candidateWorkspace = workspace ?? mostRecentWorkspace ?? fallbackWorkspace;
+        const existingWorkspace = await this.getWorkspace(candidateWorkspace.id);
+        if (existingWorkspace) {
+            this._store.state.activeWorkspace = existingWorkspace;
             await this.updateWorkspace(this._store.state.activeWorkspace);
         }
         else {
+            this._store.state.activeWorkspace = candidateWorkspace;
             await this.createWorkspace(this._store.state.activeWorkspace);
         }
-        this._store.setState('workspaces', await this.getWorkspaces());
-        this._store.setState('translateX', this._store.state.activeWorkspace.viewport.translateX);
-        this._store.setState('translateY', this._store.state.activeWorkspace.viewport.translateY);
-        this._store.setState('scale', this._store.state.activeWorkspace.viewport.scale);
+        this._store.state.workspaces = await this.getWorkspaces();
+        const viewport = this._store.state.activeWorkspace.viewport ?? { translateX: 0, translateY: 0, scale: 1 };
+        this._store.state.translateX = viewport.translateX ?? 0;
+        this._store.state.translateY = viewport.translateY ?? 0;
+        this._store.state.scale = viewport.scale ?? 1;
         await this.initializeWorkspaceObjects(this._store.state.activeWorkspace.id);
     }
     async initializeWorkspaceObjects(workspaceId) {
@@ -158,7 +161,7 @@ export class KritzelCore {
         const index = workspaces.findIndex(w => w.id === workspace.id);
         if (index !== -1) {
             workspaces[index] = workspace;
-            this._store.setState('workspaces', workspaces);
+            this._store.state.workspaces = workspaces;
         }
     }
     async deleteWorkspace(workspace) {
@@ -168,7 +171,7 @@ export class KritzelCore {
         const objectRange = IDBKeyRange.bound([workspace.id], [workspace.id, '\uffff']);
         await this._database.deleteByRange('objects', objectRange);
         await this._database.delete('workspaces', workspace.id);
-        this._store.setState('workspaces', this._store.state.workspaces.filter(ws => ws.id !== workspace.id));
+        this._store.state.workspaces = this._store.state.workspaces.filter(ws => ws.id !== workspace.id);
     }
     rerender() {
         if (this._kritzelEngine) {
@@ -205,18 +208,27 @@ export class KritzelCore {
         }
     }
     copy() {
-        this._store.setState('copiedObjects', this._store.state.selectionGroup.copy());
+        this._store.state.copiedObjects = this._store.state.selectionGroup.copy();
     }
     paste(x, y) {
         const copiedObjects = this._store.state.copiedObjects;
         copiedObjects.isSelected = true;
-        this._store.setState('copiedObjects', copiedObjects);
+        this._store.state.copiedObjects = copiedObjects;
         const adjustedX = x !== undefined ? x : this._store.state.copiedObjects.translateX + 25 / this._store.state.scale;
         const adjustedY = y !== undefined ? y : this._store.state.copiedObjects.translateY + 25 / this._store.state.scale;
         this._store.state.copiedObjects.updatePosition(adjustedX, adjustedY);
+        this._store.state.copiedObjects.updateZIndices(this._store.currentZIndex);
         const activeWorkspace = this._store.state.activeWorkspace;
-        this.store.state.copiedObjects.updateWorkspaceId(activeWorkspace.id);
-        this.store.state.copiedObjects.updateZIndices(this.store.currentZIndex);
+        if (this.store.state.copiedObjects.workspaceId !== activeWorkspace.id) {
+            this.store.state.copiedObjects.updateWorkspaceId(activeWorkspace.id);
+            if (x !== undefined && y !== undefined) {
+                this._store.state.copiedObjects.updatePosition(x, y);
+            }
+            else {
+                this.store.state.copiedObjects.centerInViewport();
+            }
+            this.engine.viewport.centerFitInViewport(copiedObjects);
+        }
         const commands = [];
         let previousSelectionGroup = null;
         if (this._store.state.selectionGroup !== null) {
@@ -227,13 +239,14 @@ export class KritzelCore {
         const addCopiedObjectsAsSelectionGroupCommand = new AddSelectionGroupCommand(this, this, this._store.state.copiedObjects, previousSelectionGroup);
         commands.push(...addCopiedObjectsCommands, addCopiedObjectsAsSelectionGroupCommand);
         this.history.executeCommand(new BatchCommand(this, this, commands));
-        this._store.setState('isSelecting', false);
-        this._store.setState('copiedObjects', this._store.state.selectionGroup.copy());
+        this._store.state.isSelecting = false;
+        this._store.state.copiedObjects = this._store.state.selectionGroup.copy();
         this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
     }
     bringForward(object) {
-        const max = this._store.allObjects.length + 1;
         const objects = object ? [object] : this._store.state.selectionGroup.objects;
+        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
+        const max = allNonSelectionObjectsWithoutCurrent.length > 0 ? Math.max(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) + 1 : 0;
         const increaseZIndexCommands = objects.map(obj => {
             if (obj.zIndex === max) {
                 return;
@@ -243,8 +256,9 @@ export class KritzelCore {
         this.history.executeCommand(new BatchCommand(this, this, increaseZIndexCommands));
     }
     sendBackward(object) {
-        const min = 0;
         const objects = object ? [object] : this._store.state.selectionGroup.objects;
+        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
+        const min = allNonSelectionObjectsWithoutCurrent.length > 0 ? Math.min(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) - 1 : 0;
         const decreaseZIndexCommands = objects.map(obj => {
             if (obj.zIndex === min) {
                 return;
@@ -254,16 +268,18 @@ export class KritzelCore {
         this.history.executeCommand(new BatchCommand(this, this, decreaseZIndexCommands));
     }
     bringToFront(object) {
-        const max = Math.max(...this._store.allObjects.map(obj => obj.zIndex)) + 1;
         const objects = object ? [object] : this._store.state.selectionGroup.objects;
+        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
+        const max = Math.max(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) + 1;
         const increaseZIndexCommands = objects.map(obj => {
             return new UpdateObjectCommand(this, this, obj, { zIndex: max });
         });
         this.history.executeCommand(new BatchCommand(this, this, increaseZIndexCommands));
     }
     sendToBack(object) {
-        const min = Math.min(...this._store.allObjects.map(obj => obj.zIndex)) - 1;
         const objects = object ? [object] : this._store.state.selectionGroup.objects;
+        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
+        const min = Math.min(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) - 1;
         const decreaseZIndexCommands = objects.map(obj => {
             return new UpdateObjectCommand(this, this, obj, { zIndex: min });
         });
@@ -279,7 +295,7 @@ export class KritzelCore {
             selectionGroup.addOrRemove(obj);
         });
         selectionGroup.isSelected = true;
-        this._store.setState('selectionGroup', selectionGroup);
+        this._store.state.selectionBox = selectionGroup;
         if (objects.length === 1) {
             selectionGroup.rotation = selectionGroup.objects[0].rotation;
         }
@@ -296,7 +312,7 @@ export class KritzelCore {
                 selectionGroup.addOrRemove(obj);
             });
             selectionGroup.isSelected = true;
-            this._store.setState('isSelecting', false);
+            this._store.state.isSelecting = false;
             if (objectsInViewport.length === 1) {
                 selectionGroup.rotation = selectionGroup.objects[0].rotation;
             }
@@ -307,18 +323,18 @@ export class KritzelCore {
     clearSelection() {
         const command = new RemoveSelectionGroupCommand(this, this._store.state.selectionGroup);
         this.history.executeCommand(command);
-        this._store.setState('selectionGroup', null);
-        this._store.setState('selectionBox', null);
-        this._store.setState('isSelecting', false);
-        this._store.setState('isResizeHandleSelected', false);
-        this._store.setState('isRotationHandleSelected', false);
+        this._store.state.selectionGroup = null;
+        this._store.state.selectionBox = null;
+        this._store.state.isSelecting = false;
+        this._store.state.isResizeHandleSelected = false;
+        this._store.state.isRotationHandleSelected = false;
         this.rerender();
     }
     resetActiveText() {
         if (this._store.state.activeText && this._store.state.activeText.value === ' ') {
             this.deleteObject(this._store.state.activeText.id, true);
         }
-        this._store.setState('activeText', null);
+        this._store.state.activeText = null;
     }
     getObjectFromPointerEvent(event, selector = '.object') {
         const shadowRoot = this._store.state.host?.shadowRoot;