kritzel-stencil 0.0.130 → 0.0.132

package/dist/stencil/stencil.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-NiIEUDzj.js";export{s as setNonce}from"./p-NiIEUDzj.js";import{g as o}from"./p-DQuL1Twl.js";var n=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};n().then((async e=>{await o();return t([["p-eebdbf65",[[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]},[[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]}],[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],setFocus:[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]},[[0,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[9,"mousedown","updateFocus"],[0,"click","handleClick"]],{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],open:[64]}],[257,"kritzel-context-menu",{items:[16],objects:[16],processedItems:[32]},null,{items:["onItemsChanged"]}],[257,"kritzel-utility-panel"],[257,"kritzel-cursor-trail",{store:[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]},[[9,"resize","handleWindowResize"]]],[257,"kritzel-brush-style",{type:[1],brushOptions:[16,"brush-options"]}],[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],setFocus:[64]}],[257,"kritzel-menu-item",{item:[16],parent:[16],isDirty:[32]},null,{item:["onItemChange"]}],[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"]],{anchor:["anchorChanged"]}],[257,"kritzel-color",{value:[1],size:[2]}],[257,"kritzel-dropdown",{options:[16],value:[1],width:[1],selectStyles:[8,"select-styles"],internalValue:[32],hasSuffixContent:[32],hasPrefixContent:[32]},null,{value:["externalValueChanged"],options:["optionsChanged"]}],[257,"kritzel-icon",{name:[1],label:[1],size:[2]}]]]],e)}));
+import{p as e,b as t}from"./p-oCOlsFCN.js";export{s as setNonce}from"./p-oCOlsFCN.js";import{g as o}from"./p-DQuL1Twl.js";var n=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};n().then((async e=>{await o();return t([["p-a6f8283e",[[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]}],[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"]],{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],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],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"]],{anchor:["anchorChanged"]}],[257,"kritzel-color",{value:[1],size:[2]}],[257,"kritzel-icon",{name:[1],label:[1],size:[2]}]]],["p-25d1e040",[[257,"kritzel-brush-style",{type:[1],brushOptions:[16,"brush-options"]}]]]],e)}));
 //# sourceMappingURL=stencil.esm.js.map

package/dist/stencil/stencil.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.37.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"stencil.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/types/classes/commands/add-object.command.d.ts

@@ -1,9 +1,9 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseObject } from '../objects/base-object.class';
 import { KritzelBaseCommand } from './base.command';
+import { KritzelCore } from '../core/core.class';
 export declare class AddObjectCommand extends KritzelBaseCommand {
     private object;
-    constructor(store: KritzelStore, initiator: any, object: KritzelBaseObject<any>, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, object: KritzelBaseObject<any>, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/add-selection-group.command.d.ts

@@ -1,8 +1,9 @@
+import { KritzelCore } from '../core/core.class';
 import { KritzelSelectionGroup } from '../objects/selection-group.class';
 import { KritzelBaseCommand } from './base.command';
 export declare class AddSelectionGroupCommand extends KritzelBaseCommand {
     private selectionGroup;
-    constructor(store: any, initiator: any, selectionGroup: KritzelSelectionGroup, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, selectionGroup: KritzelSelectionGroup, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/base.command.d.ts

@@ -1,10 +1,10 @@
 import { KritzelCommand } from '../../interfaces/command.interface';
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelBaseCommand implements KritzelCommand {
-    protected _store: KritzelStore;
+    protected _core: KritzelCore;
     initiator: string;
     skipHistory: any;
-    constructor(store: KritzelStore, initiator: any, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/batch.command.d.ts

@@ -1,7 +1,8 @@
+import { KritzelCore } from "../core/core.class";
 import { KritzelBaseCommand } from "./base.command";
 export declare class BatchCommand extends KritzelBaseCommand {
     private commands;
-    constructor(store: any, initiator: any, commands: KritzelBaseCommand[], skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, commands: KritzelBaseCommand[], skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/move-selection-group.command.d.ts

@@ -1,3 +1,4 @@
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseCommand } from './base.command';
 export declare class MoveSelectionGroupCommand extends KritzelBaseCommand {
     private selectionGroup;
@@ -6,7 +7,7 @@ export declare class MoveSelectionGroupCommand extends KritzelBaseCommand {
     private endX;
     private endY;
     private skipExecution;
-    constructor(store: any, initiator: any, startX: number, startY: number, endX: number, endY: number, skipFirstExecution?: boolean, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, startX: number, startY: number, endX: number, endY: number, skipFirstExecution?: boolean, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/remove-object.command.d.ts

@@ -1,9 +1,9 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseObject } from '../objects/base-object.class';
 import { KritzelBaseCommand } from './base.command';
+import { KritzelCore } from '../core/core.class';
 export declare class RemoveObjectCommand extends KritzelBaseCommand {
     private object;
-    constructor(store: KritzelStore, initiator: any, object: KritzelBaseObject<any>, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, object: KritzelBaseObject<any>, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/remove-selection-group.command.d.ts

@@ -1,8 +1,8 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseCommand } from './base.command';
 export declare class RemoveSelectionGroupCommand extends KritzelBaseCommand {
     private previousSelectionGroup;
-    constructor(store: KritzelStore, initiator: any, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/resize-selection-group.command.d.ts

@@ -1,9 +1,10 @@
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseCommand } from './base.command';
 export declare class ResizeSelectionGroupCommand extends KritzelBaseCommand {
     private newSize;
     private previousSize;
     private selectionGroup;
-    constructor(store: any, initiator: any, previousSize: {
+    constructor(core: KritzelCore, initiator: any, previousSize: {
         x: number;
         y: number;
         width: number;

package/dist/types/classes/commands/rotate-selection-group.command.d.ts

@@ -1,9 +1,10 @@
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseCommand } from './base.command';
 export declare class RotateSelectionGroupCommand extends KritzelBaseCommand {
     private rotation;
     private initialRotation;
     private selectionGroup;
-    constructor(store: any, initiator: any, rotation: number, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, rotation: number, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/update-object.command.d.ts

@@ -1,11 +1,11 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseObject } from '../objects/base-object.class';
 import { KritzelBaseCommand } from './base.command';
+import { KritzelCore } from '../core/core.class';
 export declare class UpdateObjectCommand extends KritzelBaseCommand {
     private object;
     private updatedProperties;
     private previousProperties;
-    constructor(store: KritzelStore, initiator: any, object: KritzelBaseObject<any>, updatedProperties: Partial<KritzelBaseObject<any>>, skipHistory?: boolean);
+    constructor(core: KritzelCore, initiator: any, object: KritzelBaseObject<any>, updatedProperties: Partial<KritzelBaseObject<any>>, skipHistory?: boolean);
     execute(): void;
     undo(): void;
 }

package/dist/types/classes/commands/update-viewport.command.d.ts

@@ -1,3 +1,4 @@
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseCommand } from './base.command';
 export declare class UpdateViewportCommand extends KritzelBaseCommand {
     currentViewport: {
@@ -10,7 +11,7 @@ export declare class UpdateViewportCommand extends KritzelBaseCommand {
         translateX: number;
         translateY: number;
     };
-    constructor(store: any, initiator: any, previousViewport: {
+    constructor(core: KritzelCore, initiator: any, previousViewport: {
         scale: number;
         translateX: number;
         translateY: number;

package/dist/types/classes/{store.class.d.ts → core/core.class.d.ts}

@@ -1,26 +1,18 @@
-import { KritzelBaseObject } from './objects/base-object.class';
-import { KritzelHistory } from './history.class';
-import { KritzelEngineState } from '../interfaces/engine-state.interface';
-import { StateChangeListener, StatePropertyKey } from '../types/state.types';
-import { KritzelEngine } from '../components/core/kritzel-engine/kritzel-engine';
+import { KritzelEngine } from '../../components/core/kritzel-engine/kritzel-engine';
 import { KritzelDatabase } from './database.class';
+import { KritzelHistory } from './history.class';
+import { KritzelBaseObject } from '../objects/base-object.class';
+import { KritzelStore } from './store.class';
 import { KritzelWorkspace } from './workspace.class';
-export declare class KritzelStore {
+export declare class KritzelCore {
     private readonly _kritzelEngine;
-    private readonly _state;
-    private _history;
+    private readonly _store;
+    private readonly _history;
     private readonly _database;
-    private readonly _listeners;
-    objects: KritzelBaseObject<any>[];
+    get engine(): KritzelEngine;
     get history(): KritzelHistory;
     get database(): KritzelDatabase;
-    get state(): KritzelEngineState;
-    get currentZIndex(): number;
-    get allObjects(): KritzelBaseObject<Element>[];
-    get selectedObjects(): KritzelBaseObject<Element>[];
-    get offsetX(): number;
-    get offsetY(): number;
-    get isDisabled(): boolean;
+    get store(): KritzelStore;
     constructor(kritzelEngine: KritzelEngine);
     initializeDatabase(): Promise<void>;
     initializeWorkspace(workspace?: KritzelWorkspace): Promise<void>;
@@ -37,8 +29,6 @@ export declare class KritzelStore {
     rerender(): void;
     findObjectById(id: string): KritzelBaseObject<any> | null;
     deselectAllObjects(): void;
-    onStateChange<K extends StatePropertyKey>(property: K, listener: StateChangeListener<KritzelEngineState[K]>): void;
-    setState<K extends StatePropertyKey>(property: K, value: KritzelEngineState[K]): void;
     delete(): void;
     deleteObject(id: string, skipHistory?: boolean): void;
     copy(): void;

package/dist/types/classes/{database.class.d.ts → core/database.class.d.ts}

@@ -1,3 +1,4 @@
+import { KritzelSerializable } from "../../interfaces/serializable.interface";
 export declare class KritzelDatabase {
     private db;
     private readonly dbName;
@@ -14,10 +15,10 @@ export declare class KritzelDatabase {
         }[];
     }[]): Promise<void>;
     close(): void;
-    add<T>(storeName: string, item: T): Promise<IDBValidKey>;
+    add<T extends KritzelSerializable>(storeName: string, item: T): Promise<IDBValidKey>;
     get<T>(storeName: string, key: IDBValidKey): Promise<T | undefined>;
     getAll<T>(storeName: string): Promise<T[]>;
-    update<T>(storeName: string, item: T): Promise<IDBValidKey>;
+    update<T extends KritzelSerializable>(storeName: string, item: T): Promise<IDBValidKey>;
     delete(storeName: string, key: IDBValidKey): Promise<void>;
     deleteByRange(storeName: string, range: IDBKeyRange): Promise<void>;
     getAllByRange<T>(storeName: string, range: IDBKeyRange): Promise<T[]>;

package/dist/types/classes/{history.class.d.ts → core/history.class.d.ts}

@@ -1,8 +1,8 @@
-import { KritzelBaseCommand } from './commands/base.command';
-import { KritzelStore } from './store.class';
-import { KritzelCircularBuffer } from './structures/circular-buffer.structure';
+import { KritzelBaseCommand } from '../commands/base.command';
+import { KritzelCore } from './core.class';
+import { KritzelCircularBuffer } from '../structures/circular-buffer.structure';
 export declare class KritzelHistory {
-    private readonly _store;
+    private readonly _core;
     undoStack: KritzelCircularBuffer<KritzelBaseCommand>;
     redoStack: KritzelCircularBuffer<KritzelBaseCommand>;
     previousViewport: {
@@ -11,7 +11,7 @@ export declare class KritzelHistory {
         translateX: number;
         translateY: number;
     };
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     reset(): void;
     executeCommand(command: KritzelBaseCommand): void;
     undo(): void;

package/dist/types/classes/core/reviver.class.d.ts

@@ -0,0 +1,6 @@
+import { KritzelCore } from "./core.class";
+export declare class KritzelReviver {
+    private readonly _core;
+    constructor(core: KritzelCore);
+    revive<T>(obj: any): T;
+}

package/dist/types/classes/core/store.class.d.ts

@@ -0,0 +1,17 @@
+import { KritzelEngineState } from '../../interfaces/engine-state.interface';
+import { StateChangeListener, StatePropertyKey } from '../../types/state.types';
+export declare class KritzelStore {
+    private readonly _state;
+    private readonly _listeners;
+    get state(): Readonly<KritzelEngineState>;
+    get currentZIndex(): number;
+    get allObjects(): import("../..").KritzelBaseObject<Element>[];
+    get selectedObjects(): import("../..").KritzelBaseObject<Element>[];
+    get offsetX(): number;
+    get offsetY(): number;
+    get isDisabled(): boolean;
+    constructor(state: KritzelEngineState);
+    onStateChange<K extends StatePropertyKey>(property: K, listener: StateChangeListener<KritzelEngineState[K]>): void;
+    getState<K extends StatePropertyKey>(property: K): Readonly<KritzelEngineState[K]>;
+    setState<K extends StatePropertyKey>(property: K, value: KritzelEngineState[K]): void;
+}

package/dist/types/classes/{viewport.class.d.ts → core/viewport.class.d.ts}

@@ -1,10 +1,10 @@
-import { KritzelStore } from './store.class';
+import { KritzelCore } from './core.class';
 export declare class KritzelViewport {
-    private readonly _store;
+    private readonly _core;
     initialTouchDistance: number;
     startX: number;
     startY: number;
-    constructor(store: KritzelStore, host: HTMLElement);
+    constructor(core: KritzelCore, host: HTMLElement);
     handleResize(): void;
     handlePointerDown(event: PointerEvent): void;
     handlePointerMove(event: PointerEvent): void;

package/dist/types/classes/core/workspace.class.d.ts

@@ -0,0 +1,24 @@
+import { KritzelCore } from "../..";
+import { KritzelSerializable } from "../../interfaces/serializable.interface";
+export declare class KritzelWorkspace implements KritzelSerializable {
+    __class__: string;
+    id: string;
+    name: string;
+    createdAt: Date;
+    updatedAt: Date;
+    viewport: {
+        translateX: number;
+        translateY: number;
+        scale: number;
+    };
+    _core: KritzelCore;
+    constructor(id: string, name: string, viewport?: {
+        translateX: number;
+        translateY: number;
+        scale: number;
+    });
+    static create(core: KritzelCore, obj: any): KritzelWorkspace;
+    addObject(obj: any): void;
+    serialize(): any;
+    deserialize(object: any): KritzelSerializable;
+}

package/dist/types/classes/handlers/base.handler.d.ts

@@ -1,5 +1,5 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelBaseHandler {
-    protected readonly _store: KritzelStore;
-    constructor(store: KritzelStore);
+    protected readonly _core: KritzelCore;
+    constructor(core: KritzelCore);
 }

package/dist/types/classes/handlers/context-menu.handler.d.ts

@@ -1,8 +1,8 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseHandler } from './base.handler';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelContextMenuHandler extends KritzelBaseHandler {
     globalContextMenuItems: any[];
     objectContextMenuItems: any[];
-    constructor(store: KritzelStore, globalContextMenuItems: any[], objectContextMenuItems: any[]);
+    constructor(core: KritzelCore, globalContextMenuItems: any[], objectContextMenuItems: any[]);
     handleContextMenu(event: PointerEvent): void;
 }

package/dist/types/classes/handlers/hover.handler.d.ts

@@ -1,6 +1,6 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseHandler } from './base.handler';
 export declare class KritzelHoverHandler extends KritzelBaseHandler {
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     handlePointerMove(event: PointerEvent): void;
 }

package/dist/types/classes/handlers/key.handler.d.ts

@@ -1,7 +1,7 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseHandler } from './base.handler';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelKeyHandler extends KritzelBaseHandler {
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     handleKeyDown(event: KeyboardEvent): void;
     handleKeyUp(event: KeyboardEvent): void;
 }

package/dist/types/classes/handlers/move.handler.d.ts

@@ -1,5 +1,5 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseHandler } from './base.handler';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelMoveHandler extends KritzelBaseHandler {
     dragStartX: number;
     dragStartY: number;
@@ -7,7 +7,7 @@ export declare class KritzelMoveHandler extends KritzelBaseHandler {
     startY: number;
     endX: number;
     endY: number;
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     handlePointerDown(event: PointerEvent): void;
     handlePointerMove(event: PointerEvent): void;
     handlePointerUp(event: PointerEvent): void;

package/dist/types/classes/handlers/resize.handler.d.ts

@@ -1,4 +1,4 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseHandler } from './base.handler';
 export declare class KritzelResizeHandler extends KritzelBaseHandler {
     initialMouseX: number;
@@ -15,7 +15,7 @@ export declare class KritzelResizeHandler extends KritzelBaseHandler {
         width: number;
         height: number;
     };
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     handlePointerDown(event: PointerEvent): void;
     handlePointerMove(event: PointerEvent): void;
     handlePointerUp(event: PointerEvent): void;

package/dist/types/classes/handlers/rotation.handler.d.ts

@@ -1,9 +1,9 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseHandler } from './base.handler';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelRotationHandler extends KritzelBaseHandler {
     initialRotation: number;
     rotation: number;
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     handlePointerDown(event: PointerEvent): void;
     handlePointerMove(event: PointerEvent): void;
     handlePointerUp(event: PointerEvent): void;

package/dist/types/classes/handlers/selection.handler.d.ts

@@ -1,5 +1,5 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseHandler } from './base.handler';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelSelectionHandler extends KritzelBaseHandler {
     startX: number;
     startY: number;
@@ -8,7 +8,7 @@ export declare class KritzelSelectionHandler extends KritzelBaseHandler {
     touchStartTimeout: any;
     get isSelectionClick(): boolean;
     get isSelectionDrag(): boolean;
-    constructor(store: KritzelStore);
+    constructor(core: KritzelCore);
     handlePointerDown(event: PointerEvent): void;
     handlePointerMove(event: PointerEvent): void;
     handlePointerUp(event: PointerEvent): void;

package/dist/types/classes/objects/base-object.class.d.ts

@@ -2,10 +2,10 @@ import { KritzelBoundingBox } from '../../interfaces/bounding-box.interface';
 import { KritzelObject } from '../../interfaces/object.interface';
 import { KritzelPolygon } from '../../interfaces/polygon.interface';
 import { KritzelSerializable } from '../../interfaces/serializable.interface';
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelBaseObject<T extends Element = HTMLElement | SVGElement> implements KritzelObject<T>, KritzelSerializable {
     __class__: string;
-    _store: KritzelStore;
+    _core: KritzelCore;
     _elementRef: T;
     id: string;
     workspaceId: string;
@@ -48,7 +48,7 @@ export declare class KritzelBaseObject<T extends Element = HTMLElement | SVGElem
     get centerX(): number;
     get centerY(): number;
     constructor();
-    static create(store: KritzelStore): KritzelBaseObject<Element>;
+    static create(core: KritzelCore): KritzelBaseObject<Element>;
     mount(element: T): void;
     unmount(): void;
     remount(): void;
@@ -60,7 +60,8 @@ export declare class KritzelBaseObject<T extends Element = HTMLElement | SVGElem
     rotate(value: number): void;
     copy(): KritzelBaseObject<T>;
     onSelectedClick(): void;
-    revive(object: any): KritzelBaseObject<T>;
+    serialize(): any;
+    deserialize(object: any): KritzelBaseObject<T>;
     isClass<T extends KritzelBaseObject>(this: T, className: string): this is T;
     edit(): void;
     hitTest(_x: number, _y: number): boolean;

package/dist/types/classes/objects/custom-element.class.d.ts

@@ -1,4 +1,4 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseObject } from './base-object.class';
 export declare class KritzelCustomElement extends KritzelBaseObject<HTMLElement> {
     __class__: string;
@@ -12,7 +12,7 @@ export declare class KritzelCustomElement extends KritzelBaseObject<HTMLElement>
         height?: number;
         width?: number;
     });
-    static create(store: KritzelStore, config?: {
+    static create(core: KritzelCore, config?: {
         element: HTMLElement;
         translateX?: number;
         translateY?: number;

package/dist/types/classes/objects/image.class.d.ts

@@ -1,4 +1,4 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseObject } from './base-object.class';
 export declare class KritzelImage extends KritzelBaseObject<HTMLImageElement> {
     __class__: string;
@@ -8,7 +8,7 @@ export declare class KritzelImage extends KritzelBaseObject<HTMLImageElement> {
     maxCompressionSize: number;
     isDebugInfoVisible: boolean;
     constructor(config?: Partial<KritzelImage>);
-    static create(store: KritzelStore): KritzelImage;
+    static create(core: KritzelCore): KritzelImage;
     resize(x: number, y: number, width: number, height: number): void;
     calculateScaledDimensions(img: HTMLImageElement): {
         scaledWidth: number;

package/dist/types/classes/objects/path.class.d.ts

@@ -1,7 +1,7 @@
 import { KritzelPathOptions } from '../../interfaces/path-options.interface';
 import { KritzelBaseObject } from './base-object.class';
-import { KritzelStore } from '../store.class';
 import { KritzelPolygon } from '../../interfaces/polygon.interface';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelPath extends KritzelBaseObject<SVGElement> {
     __class__: string;
     points: number[][];
@@ -12,8 +12,6 @@ export declare class KritzelPath extends KritzelBaseObject<SVGElement> {
     fill: string;
     x: number;
     y: number;
-    translateX: number;
-    translateY: number;
     height: number;
     width: number;
     scale: number;
@@ -31,7 +29,7 @@ export declare class KritzelPath extends KritzelBaseObject<SVGElement> {
         fill?: string;
         lineSlack?: number;
     });
-    static create(store: KritzelStore, options?: KritzelPathOptions): KritzelPath;
+    static create(core: KritzelCore, options?: KritzelPathOptions): KritzelPath;
     resize(x: number | null, y: number | null, width: number, height: number): void;
     rotate(value: number): void;
     move(startX: number, startY: number, endX: number, endY: number): void;

package/dist/types/classes/objects/selection-box.class.d.ts

@@ -1,7 +1,7 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseObject } from './base-object.class';
 export declare class KrtizelSelectionBox extends KritzelBaseObject<HTMLElement> {
     __class__: string;
     objects: KritzelBaseObject<any>[];
-    static create(store: KritzelStore): KrtizelSelectionBox;
+    static create(core: KritzelCore): KrtizelSelectionBox;
 }

package/dist/types/classes/objects/selection-group.class.d.ts

@@ -1,4 +1,4 @@
-import { KritzelStore } from '../store.class';
+import { KritzelCore } from '../core/core.class';
 import { KritzelBaseObject } from './base-object.class';
 export declare class KritzelSelectionGroup extends KritzelBaseObject<HTMLElement> {
     __class__: string;
@@ -9,7 +9,7 @@ export declare class KritzelSelectionGroup extends KritzelBaseObject<HTMLElement
     minY: number;
     maxY: number;
     get length(): number;
-    static create(store: KritzelStore): KritzelSelectionGroup;
+    static create(core: KritzelCore): KritzelSelectionGroup;
     addOrRemove(object: KritzelBaseObject<any>): void;
     deselectAllChildren(): void;
     updatePosition(x: number, y: number): void;

package/dist/types/classes/objects/text.class.d.ts

@@ -1,5 +1,5 @@
-import { KritzelStore } from '../store.class';
 import { KritzelBaseObject } from './base-object.class';
+import { KritzelCore } from '../core/core.class';
 export declare class KritzelText extends KritzelBaseObject<HTMLTextAreaElement> {
     __class__: string;
     value: string;
@@ -23,7 +23,7 @@ export declare class KritzelText extends KritzelBaseObject<HTMLTextAreaElement>
         width?: number;
         scale?: number;
     });
-    static create(store: KritzelStore, fontSize?: number, fontFamily?: string): KritzelText;
+    static create(core: KritzelCore, fontSize?: number, fontFamily?: string): KritzelText;
     mount(element: HTMLTextAreaElement): void;
     resize(x: number, y: number, width: number, height: number): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/classes/registries/tool.registry.d.ts

@@ -1,7 +1,7 @@
-import { KritzelStore } from "../store.class";
+import { KritzelCore } from "../core/core.class";
 import { KritzelBaseTool } from "../tools/base-tool.class";
 export declare class KritzelToolRegistry {
     private static registry;
-    static registerTool(toolName: string, constructor: new (store: KritzelStore) => KritzelBaseTool, store: KritzelStore): KritzelBaseTool;
+    static registerTool(toolName: string, constructor: new (core: KritzelCore) => KritzelBaseTool, core: KritzelCore): KritzelBaseTool;
     static getTool(toolName: string): KritzelBaseTool | null;
 }