kritzel-stencil 0.0.144 → 0.0.146

package/dist/stencil/stencil.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-Cw77zP6g.js";export{s as setNonce}from"./p-Cw77zP6g.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-fe738990",[[256,"kritzel-editor",{scaleMax:[2,"scale-max"],scaleMin:[2,"scale-min"],controls:[16],globalContextMenuItems:[16],objectContextMenuItems:[16],customSvgIcons:[16],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],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],workspaces:[16],childMenuAnchor:[32],openChildMenuItem:[32],newWorkspace:[32],editingItemId:[32]},[[8,"wheel","handleWheel"]]],[257,"kritzel-engine",{workspace:[16],activeTool:[16],globalContextMenuItems:[16],objectContextMenuItems:[16],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],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],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]}]]],["p-8b831c94",[[257,"kritzel-brush-style",{type:[1],brushOptions:[16]}]]]],e)}));
+import{p as e,b as t}from"./p-SGde3HXB.js";export{s as setNonce}from"./p-SGde3HXB.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-f8a8a8d7",[[768,"kritzel-editor",{scaleMax:[2,"scale-max"],scaleMin:[2,"scale-min"],controls:[16],globalContextMenuItems:[16],objectContextMenuItems:[16],customSvgIcons:[16],isControlsVisible:[4,"is-controls-visible"],isUtilityPanelVisible:[4,"is-utility-panel-visible"],syncConfig:[16],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"],workspaces:["onWorkspacesChange"]}],[769,"kritzel-controls",{controls:[16],activeControl:[1040],isUtilityPanelVisible:[4,"is-utility-panel-visible"],firstConfig:[32],isTooltipVisible:[32],isTouchDevice:[32],closeTooltip:[64]},[[4,"click","handleDocumentClick"],[8,"keydown","handleKeyDown"],[4,"activeToolChange","handleActiveToolChange"]]],[769,"kritzel-workspace-manager",{activeWorkspace:[1040],workspaces:[16],childMenuAnchor:[32],openChildMenuItem:[32],newWorkspace:[32],editingItemId:[32]},[[8,"wheel","handleWheel"]]],[769,"kritzel-engine",{workspace:[16],syncConfig:[16],activeTool:[16],globalContextMenuItems:[16],objectContextMenuItems:[16],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"]}],[769,"kritzel-control-text-config",{tool:[1040],isExpanded:[1028,"is-expanded"]}],[769,"kritzel-control-brush-config",{tool:[1040],isExpanded:[1028,"is-expanded"],palette:[32]},null,{tool:["handleToolChange"]}],[769,"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]}],[769,"kritzel-context-menu",{items:[16],objects:[16],processedItems:[32]},[[9,"pointerdown","handleOutsideClick"]],{items:["onItemsChanged"]}],[257,"kritzel-utility-panel"],[769,"kritzel-cursor-trail",{core:[16],cursorTrailPoints:[32],isLeftButtonDown:[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[769,"kritzel-tooltip",{isVisible:[4,"is-visible"],anchorElement:[16],arrowSize:[2,"arrow-size"],offsetY:[2,"offset-y"],positionX:[32],arrowOffset:[32],isMobileView:[32],focusContent:[64]},[[4,"click","handleOutsideClick"],[9,"resize","handleWindowResize"]]],[769,"kritzel-font-family",{fontOptions:[16],selectedFontFamily:[1025,"selected-font-family"]}],[769,"kritzel-font-size",{sizes:[16],selectedSize:[1026,"selected-size"],fontFamily:[1,"font-family"]}],[769,"kritzel-stroke-size",{sizes:[16],selectedSize:[1026,"selected-size"]}],[769,"kritzel-color-palette",{colors:[16],selectedColor:[1025,"selected-color"],isExpanded:[4,"is-expanded"],isOpaque:[4,"is-opaque"]}],[769,"kritzel-font",{fontFamily:[1,"font-family"],size:[2],color:[1]}],[769,"kritzel-menu",{items:[16],parent:[16],selectedIndex:[32],setScrollTop:[64],setFocus:[64]}],[769,"kritzel-menu-item",{item:[16],parent:[16],isDirty:[32]},null,{item:["onItemChange"]}],[769,"kritzel-dropdown",{options:[16],value:[1],width:[1],selectStyles:[8,"select-styles"],internalValue:[32],hasSuffixContent:[32],hasPrefixContent:[32]},null,{options:["optionsChanged"],value:["externalValueChanged"]}],[769,"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"]}],[769,"kritzel-color",{value:[1],size:[2]}],[769,"kritzel-icon",{name:[1],label:[1],size:[2]}]]],["p-d702c5af",[[769,"kritzel-brush-style",{type:[1],brushOptions:[16]}]]]],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.38.2 | 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.38.3 | 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/core/core.class.d.ts

@@ -1,39 +1,52 @@
 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 { KritzelSelectionGroup } from '../objects/selection-group.class';
 import { KritzelStore } from './store.class';
 import { KritzelWorkspace } from './workspace.class';
-import { KritzelCommandManager } from './command-manager.class';
+import { KritzelSyncConfig } from '../../interfaces/sync-config.interface';
+import { KritzelAppStateMap } from '../structures/app-state-map.structure';
 export declare class KritzelCore {
     private readonly _kritzelEngine;
     private readonly _store;
-    private readonly _history;
-    private readonly _commandManager;
-    private readonly _database;
+    private _syncConfig?;
+    private readonly _appStateMap;
     get engine(): KritzelEngine;
-    get history(): KritzelHistory;
-    get commandManager(): KritzelCommandManager;
-    get database(): KritzelDatabase;
     get store(): KritzelStore;
+    get appStateMap(): KritzelAppStateMap;
     constructor(kritzelEngine: KritzelEngine);
-    initializeDatabase(): Promise<void>;
+    setSyncConfig(config?: KritzelSyncConfig): void;
+    initializeYjs(): Promise<void>;
+    /**
+     * Load all workspaces from app state map
+     */
+    private loadWorkspacesFromAppState;
+    /**
+     * Save a workspace to app state map
+     */
+    private saveWorkspaceToAppState;
+    /**
+     * Delete a workspace from app state map
+     */
+    private deleteWorkspaceFromAppState;
     initializeWorkspace(workspace?: KritzelWorkspace): Promise<void>;
-    private initializeWorkspaceObjects;
-    updateWorkspaceViewport(translateX: number, translateY: number, scale: number): Promise<void>;
-    addObjectToDatabase(object: KritzelBaseObject<any>): Promise<void>;
-    updateObjectInDatabase(object: KritzelBaseObject<any>): Promise<void>;
-    deleteObjectFromDatabase(objectId: string): Promise<void>;
-    getWorkspace(id: string): Promise<KritzelWorkspace | null>;
-    getWorkspaces(): Promise<KritzelWorkspace[]>;
-    createWorkspace(workspace: KritzelWorkspace): Promise<void>;
-    updateWorkspace(workspace: KritzelWorkspace): Promise<void>;
-    deleteWorkspace(workspace: KritzelWorkspace): Promise<void>;
     rerender(): void;
     findObjectById(id: string): KritzelBaseObject<any> | null;
+    getWorkspaces(): KritzelWorkspace[];
+    createWorkspace(workspace: KritzelWorkspace): void;
+    updateWorkspace(workspace: KritzelWorkspace): void;
+    deleteWorkspace(workspace: KritzelWorkspace): void;
+    updateWorkspaceViewport(translateX: number, translateY: number, scale: number): void;
+    addObject(object: KritzelBaseObject<any>): void;
+    removeObject(object: KritzelBaseObject<any>): void;
+    updateObject<T extends KritzelBaseObject<any>>(object: T, updatedProperties: Partial<T>): void;
+    addSelectionGroup(selectionGroup: KritzelSelectionGroup): void;
+    removeSelectionGroup(): void;
+    removeSelectionBox(): void;
     deselectAllObjects(): void;
     delete(): void;
-    deleteObject(id: string, skipHistory?: boolean): void;
+    undo(): void;
+    redo(): void;
+    deleteObject(id: string): void;
     copy(): void;
     paste(x?: number, y?: number): void;
     bringForward(object?: KritzelBaseObject<any>): void;

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

@@ -1,4 +1,8 @@
+import { KritzelSelectionGroup } from '../objects/selection-group.class';
 import { KritzelEngineState } from '../../interfaces/engine-state.interface';
+import { KritzelSelectionBox } from '../objects/selection-box.class';
+import { KritzelText } from '../objects/text.class';
+import { KritzelPath } from '../objects/path.class';
 import { StateChangeListener, StatePropertyKey } from '../../types/state.types';
 export declare class KritzelStore {
     private readonly _state;
@@ -8,6 +12,10 @@ export declare class KritzelStore {
     get allObjects(): import("../..").KritzelBaseObject<Element>[];
     get allNonSelectionObjects(): import("../..").KritzelBaseObject<Element>[];
     get selectedObjects(): import("../..").KritzelBaseObject<Element>[];
+    get selectionBox(): KritzelSelectionBox | null;
+    get selectionGroup(): KritzelSelectionGroup | null;
+    get activeText(): KritzelText | null;
+    get currentPath(): KritzelPath | null;
     get offsetX(): number;
     get offsetY(): number;
     get isDisabled(): boolean;

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

@@ -54,12 +54,12 @@ export declare class KritzelBaseObject<T extends Element = HTMLElement | SVGElem
     generateId(): string;
     isInViewport(): boolean;
     centerInViewport(): void;
+    update(): void;
     move(startX: number, startY: number, endX: number, endY: number): void;
     resize(x: number, y: number, width: number, height: number): void;
     rotate(value: number): void;
     clone(): KritzelBaseObject<T>;
     copy(): KritzelBaseObject<T>;
-    onSelectedClick(): void;
     serialize(): any;
     deserialize<T>(object: any): T;
     isClass<T extends KritzelBaseObject>(this: T, className: string): this is T;
@@ -67,8 +67,4 @@ export declare class KritzelBaseObject<T extends Element = HTMLElement | SVGElem
     hitTest(_x: number, _y: number): boolean;
     hitTestPolygon(polygon: KritzelPolygon): boolean;
     updatePosition(x: number, y: number): void;
-    onExecuteAddCommand(_object: KritzelBaseObject): void;
-    onUndoAddCommand(_object: KritzelBaseObject): void;
-    onExecuteUpdateCommand(_updatedProperties: Partial<this>): void;
-    onUndoUpdateCommand(_previousProperties: Partial<this>): void;
 }

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

@@ -18,6 +18,7 @@ export declare class KritzelPath extends KritzelBaseObject<SVGElement> {
     options: KritzelPathOptions | undefined;
     isVisible: boolean;
     isDebugInfoVisible: boolean;
+    isCompleted: boolean;
     private _adjustedPoints?;
     get viewBox(): string;
     constructor(config?: {

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

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

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

@@ -1,13 +1,25 @@
 import { KritzelCore } from '../core/core.class';
 import { KritzelBaseObject } from './base-object.class';
+interface UnchangedObjectSnapshot {
+    id: string;
+    translateX: number;
+    translateY: number;
+    rotation: number;
+    width: number;
+    height: number;
+    totalWidth: number;
+    totalHeight: number;
+    scale: number;
+}
 export declare class KritzelSelectionGroup extends KritzelBaseObject<HTMLElement> {
     __class__: string;
-    objects: KritzelBaseObject<any>[];
-    unchangedObjects: KritzelBaseObject<any>[];
+    objectIds: string[];
+    unchangedObjectSnapshots: Map<string, UnchangedObjectSnapshot>;
     minX: number;
     maxX: number;
     minY: number;
     maxY: number;
+    get objects(): KritzelBaseObject<any>[];
     get length(): number;
     static create(core: KritzelCore): KritzelSelectionGroup;
     addOrRemove(object: KritzelBaseObject<any>): void;
@@ -15,12 +27,19 @@ export declare class KritzelSelectionGroup extends KritzelBaseObject<HTMLElement
     updateWorkspaceId(workspaceId: string): void;
     updateZIndices(startZIndex: number): void;
     updatePosition(x: number, y: number): void;
+    /**
+     * Capture snapshots of current object states for undo/redo operations
+     */
+    private captureUnchangedSnapshots;
+    serialize(): any;
+    deserialize<T>(object: any): T;
+    update(): void;
     move(startX: number, startY: number, endX: number, endY: number): void;
     resize(x: number, y: number, width: number, height: number): void;
     rotate(value: number): void;
     copy(): KritzelBaseObject<HTMLElement>;
     refreshObjectDimensions(): void;
-    private getOffsetXToCenter;
-    private getOffsetYToCenter;
-    private getUnchangedObject;
+    private getOffsetXToCenterFromSnapshot;
+    private getOffsetYToCenterFromSnapshot;
 }
+export {};

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

@@ -10,7 +10,6 @@ export declare class KritzelText extends KritzelBaseObject<HTMLDivElement> {
     initialHeight: number;
     scale: number;
     scaleFactor: number;
-    isNew: boolean;
     isDebugInfoVisible: boolean;
     isEditable: boolean;
     isEditing: boolean;
@@ -44,6 +43,7 @@ export declare class KritzelText extends KritzelBaseObject<HTMLDivElement> {
         x: number;
         y: number;
     }): void;
+    private scrollIntoViewOnIOS;
     edit(event?: PointerEvent): void;
     save(): void;
     handlePointerDown(event: PointerEvent): void;
@@ -52,6 +52,4 @@ export declare class KritzelText extends KritzelBaseObject<HTMLDivElement> {
     copy(): KritzelText;
     serialize(): any;
     deserialize<KritzelText>(object: any): KritzelText;
-    onExecuteUpdateCommand(updatedProperties: Partial<KritzelText>): void;
-    onUndoUpdateCommand(previousProperties: Partial<KritzelText>): void;
 }

package/dist/types/classes/providers/broadcast-sync-provider.class.d.ts

@@ -0,0 +1,18 @@
+import * as Y from 'yjs';
+import { ISyncProvider } from '../../interfaces/sync-provider.interface';
+/**
+ * BroadcastChannel sync provider for cross-tab synchronization
+ * This is a lightweight alternative to y-webrtc for browser-tab-only sync
+ */
+export declare class BroadcastSyncProvider implements ISyncProvider {
+    private readonly doc;
+    private readonly channel;
+    private _synced;
+    constructor(docName: string, doc: Y.Doc, _options?: any);
+    private handleDocUpdate;
+    private handleMessage;
+    private broadcastSync;
+    connect(): Promise<void>;
+    disconnect(): void;
+    destroy(): void;
+}

package/dist/types/classes/providers/hocuspocus-sync-provider.class.d.ts

@@ -0,0 +1,120 @@
+import * as Y from 'yjs';
+import { HocuspocusProviderWebsocket } from '@hocuspocus/provider';
+import { ISyncProvider, ProviderFactory } from '../../interfaces/sync-provider.interface';
+/**
+ * Options for Hocuspocus sync provider
+ */
+export interface HocuspocusOptions {
+    /**
+     * Hocuspocus server URL (optional, defaults to ws://localhost:1234)
+     */
+    url?: string;
+    /**
+     * Document name (optional, defaults to docName)
+     */
+    name?: string;
+    /**
+     * Authentication token (optional)
+     */
+    token?: string | (() => string) | (() => Promise<string>);
+    /**
+     * Shared WebSocket provider for multiplexing (optional)
+     * If provided, multiple documents will share the same WebSocket connection
+     */
+    websocketProvider?: HocuspocusProviderWebsocket;
+    /**
+     * Quiet mode - suppress console output (optional, defaults to false)
+     */
+    quiet?: boolean;
+    /**
+     * Callback when connected (optional)
+     */
+    onConnect?: () => void;
+    /**
+     * Callback when disconnected (optional)
+     */
+    onDisconnect?: () => void;
+    /**
+     * Callback when synced (optional)
+     */
+    onSynced?: () => void;
+    /**
+     * Callback when authentication failed (optional)
+     */
+    onAuthenticationFailed?: (data: any) => void;
+    /**
+     * Callback when connection status changes (optional)
+     */
+    onStatus?: (data: {
+        status: string;
+    }) => void;
+    /**
+     * Force sync interval in milliseconds (optional, false to disable)
+     */
+    forceSyncInterval?: false | number;
+    /**
+     * WebSocket polyfill for Node.js environments (optional)
+     */
+    WebSocketPolyfill?: any;
+}
+/**
+ * Options for creating a shared WebSocket connection
+ */
+export interface HocuspocusWebSocketOptions {
+    /**
+     * Hocuspocus server URL
+     */
+    url: string;
+    /**
+     * WebSocket polyfill for Node.js environments (optional)
+     */
+    WebSocketPolyfill?: any;
+    /**
+     * Callback when WebSocket connects (optional)
+     */
+    onConnect?: () => void;
+    /**
+     * Callback when WebSocket disconnects (optional)
+     */
+    onDisconnect?: () => void;
+    /**
+     * Callback when connection status changes (optional)
+     */
+    onStatus?: (data: {
+        status: string;
+    }) => void;
+}
+/**
+ * Hocuspocus sync provider for real-time collaboration
+ * Supports multiplexing - multiple documents can share the same WebSocket connection
+ */
+export declare class HocuspocusSyncProvider implements ISyncProvider {
+    private provider;
+    private isConnected;
+    private isSynced;
+    private usesSharedSocket;
+    private static sharedWebSocketProvider;
+    constructor(docName: string, doc: Y.Doc, options?: HocuspocusOptions);
+    /**
+     * Create a shared WebSocket connection for multiplexing
+     * Call this once to create a shared connection that multiple providers can use
+     */
+    static createSharedWebSocket(options: HocuspocusWebSocketOptions): HocuspocusProviderWebsocket;
+    /**
+     * Destroy the shared WebSocket connection
+     * Call this when you're done with all multiplexed providers
+     */
+    static destroySharedWebSocket(): void;
+    /**
+     * Get the shared WebSocket provider instance (if it exists)
+     */
+    static getSharedWebSocket(): HocuspocusProviderWebsocket | null;
+    /**
+     * Static factory method for creating HocuspocusSyncProvider with configuration options
+     * Returns a ProviderFactory that can be used in sync configuration
+     */
+    static with(options?: HocuspocusOptions): ProviderFactory;
+    connect(): Promise<void>;
+    disconnect(): void;
+    destroy(): void;
+}

package/dist/types/classes/providers/indexeddb-sync-provider.class.d.ts

@@ -0,0 +1,22 @@
+import * as Y from 'yjs';
+import { ISyncProvider } from '../../interfaces/sync-provider.interface';
+/**
+ * Options for IndexedDB sync provider
+ */
+export interface IndexedDBOptions {
+    /**
+     * Custom database name (optional)
+     */
+    name?: string;
+}
+/**
+ * IndexedDB sync provider for local persistence
+ */
+export declare class IndexedDBSyncProvider implements ISyncProvider {
+    private provider;
+    private isConnected;
+    constructor(docName: string, doc: Y.Doc, options?: IndexedDBOptions);
+    connect(): Promise<void>;
+    disconnect(): void;
+    destroy(): void;
+}

package/dist/types/classes/providers/websocket-sync-provider.class.d.ts

@@ -0,0 +1,52 @@
+import * as Y from 'yjs';
+import { ISyncProvider, ProviderFactory } from '../../interfaces/sync-provider.interface';
+/**
+ * Options for WebSocket sync provider
+ */
+export interface WebSocketOptions {
+    /**
+     * WebSocket server URL (optional, defaults to ws://localhost:1234)
+     */
+    url?: string;
+    /**
+     * Room/document name (optional, defaults to docName)
+     */
+    roomName?: string;
+    /**
+     * Connection parameters (optional)
+     */
+    params?: Record<string, string>;
+    /**
+     * WebSocket protocols (optional)
+     */
+    protocols?: string[];
+    /**
+     * Custom WebSocket constructor (optional, for Node.js environments)
+     */
+    WebSocketPolyfill?: any;
+    /**
+     * Awareness protocol options (optional)
+     */
+    awareness?: any;
+    /**
+     * Maximum number of connection attempts (optional, defaults to Infinity)
+     */
+    maxBackoffTime?: number;
+}
+/**
+ * WebSocket sync provider for real-time collaboration
+ */
+export declare class WebSocketSyncProvider implements ISyncProvider {
+    private provider;
+    private isConnected;
+    constructor(docName: string, doc: Y.Doc, options?: WebSocketOptions);
+    /**
+     * Static factory method for creating WebSocketSyncProvider with configuration options
+     * Returns a ProviderFactory that can be used in sync configuration
+     */
+    static with(options?: WebSocketOptions): ProviderFactory;
+    private setupEventListeners;
+    connect(): Promise<void>;
+    disconnect(): void;
+    destroy(): void;
+}

package/dist/types/classes/structures/app-state-map.structure.d.ts

@@ -0,0 +1,30 @@
+import { KritzelWorkspace } from '../core/workspace.class';
+import { KritzelCore } from '../core/core.class';
+import { KritzelSyncConfig } from '../../interfaces/sync-config.interface';
+export declare class KritzelAppStateMap {
+    private map;
+    private _ydoc;
+    private _workspacesMap;
+    private _providers;
+    private _core;
+    private _isReady;
+    private _onRemoteChangeCallback;
+    get isReady(): boolean;
+    constructor();
+    onRemoteChange(callback: () => void): void;
+    initialize(core: KritzelCore, config?: KritzelSyncConfig): Promise<void>;
+    private handleWorkspacesChange;
+    private reviveWorkspace;
+    transaction(callback: () => void): void;
+    loadFromYjs(): void;
+    reset(): void;
+    insert(workspace: KritzelWorkspace): boolean;
+    update(workspace: KritzelWorkspace): boolean;
+    remove(predicate: (workspace: KritzelWorkspace) => boolean): boolean;
+    get(id: string): KritzelWorkspace | undefined;
+    allWorkspaces(): KritzelWorkspace[];
+    filter(predicate: (workspace: KritzelWorkspace) => boolean): KritzelWorkspace[];
+    find(predicate: (workspace: KritzelWorkspace) => boolean): KritzelWorkspace | undefined;
+    has(id: string): boolean;
+    destroy(): void;
+}

package/dist/types/classes/structures/object-map.structure.d.ts

@@ -1,11 +1,49 @@
+import * as Y from 'yjs';
 import { KritzelBaseObject } from '../objects/base-object.class';
+import { KritzelCore } from '../core/core.class';
+import { KritzelSyncConfig } from '../../interfaces/sync-config.interface';
 export declare class KritzelObjectMap<T extends KritzelBaseObject<any>> {
     private map;
+    private _ydoc;
+    private _objectsMap;
+    private _providers;
+    private _undoManager;
+    private _reviver;
+    private _core;
+    private _workspaceId;
+    private _isReady;
+    private _temporaryItemsCount;
+    get isReady(): boolean;
+    get undoManager(): Y.UndoManager | null;
+    get workspaceId(): string | null;
     constructor();
+    initialize(core: KritzelCore, workspaceId: string, config?: KritzelSyncConfig): Promise<void>;
+    private handleObjectsChange;
+    transaction(callback: () => void): void;
+    loadFromYjs(): void;
     reset(): void;
     insert(object: T): boolean;
-    update(object: T): boolean;
+    update(object: T, options?: {
+        temporary?: boolean;
+    }): boolean;
     remove(predicate: (object: T) => boolean): void;
     filter(predicate: (object: T) => boolean): T[];
     allObjects(): T[];
+    private isPersistable;
+    undo(): void;
+    redo(): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    clearHistory(): void;
+    /**
+     * Consolidates all temporary items in the undo stack into a single undo item.
+     * Call this when you want to merge multiple temporary changes (e.g., keystrokes) into one.
+     */
+    consolidateTemporaryItems(): void;
+    /**
+     * Removes all temporary items from the undo stack without consolidating them.
+     * Use this to discard temporary changes completely.
+     */
+    clearTemporaryItems(): void;
+    destroy(): void;
 }

package/dist/types/components/core/kritzel-editor/kritzel-editor.d.ts

@@ -4,6 +4,7 @@ import { KritzelBaseObject } from '../../../classes/objects/base-object.class';
 import { ContextMenuItem } from '../../../interfaces/context-menu-item.interface';
 import { KritzelEngineState } from '../../../interfaces/engine-state.interface';
 import { KritzelWorkspace } from '../../../classes/core/workspace.class';
+import { KritzelSyncConfig } from '../../../interfaces/sync-config.interface';
 export declare class KritzelEditor {
     host: HTMLElement;
     scaleMax: number;
@@ -14,6 +15,7 @@ export declare class KritzelEditor {
     customSvgIcons: Record<string, string>;
     isControlsVisible: boolean;
     isUtilityPanelVisible: boolean;
+    syncConfig?: KritzelSyncConfig;
     isReady: EventEmitter<HTMLElement>;
     isEngineReady: boolean;
     isControlsReady: boolean;
@@ -23,6 +25,7 @@ export declare class KritzelEditor {
     isVirtualKeyboardOpen: boolean;
     onIsEngineReady(newValue: boolean): void;
     onIsControlsReady(newValue: boolean): void;
+    onWorkspacesChange(newWorkspaces: KritzelWorkspace[]): void;
     handleTouchStart(event: MouseEvent): void;
     getObjectById<T extends KritzelBaseObject>(id: string): Promise<T | null>;
     addObject<T extends KritzelBaseObject>(object: T): Promise<T | null>;

package/dist/types/components/core/kritzel-engine/kritzel-engine.d.ts

@@ -10,9 +10,11 @@ import { KritzelBaseObject } from '../../../classes/objects/base-object.class';
 import { KritzelWorkspace } from '../../../classes/core/workspace.class';
 import { KritzelEngineState } from '../../../interfaces/engine-state.interface';
 import { KritzelCore } from '../../../classes/core/core.class';
+import { KritzelSyncConfig } from '../../../interfaces/sync-config.interface';
 export declare class KritzelEngine {
     host: HTMLElement;
     workspace?: KritzelWorkspace;
+    syncConfig?: KritzelSyncConfig;
     onWorkspaceChange(newWorkspace: KritzelWorkspace | null): void;
     activeTool: KritzelTool;
     globalContextMenuItems: ContextMenuItem[];

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { KritzelTextTool } from "./classes/tools/text-tool.class";
 import { KritzelBrushToolConfig, KritzelTextToolConfig, KritzelToolbarControl } from "./interfaces/toolbar-control.interface";
 import { KritzelCore } from "./classes/core/core.class";
 import { DropdownOption } from "./components/shared/kritzel-dropdown/kritzel-dropdown";
+import { KritzelSyncConfig } from "./interfaces/sync-config.interface";
 import { KritzelWorkspace } from "./classes/core/workspace.class";
 import { KritzelTool } from "./interfaces/tool.interface";
 import { KritzelEngineState } from "./interfaces/engine-state.interface";
@@ -27,6 +28,7 @@ export { KritzelTextTool } from "./classes/tools/text-tool.class";
 export { KritzelBrushToolConfig, KritzelTextToolConfig, KritzelToolbarControl } from "./interfaces/toolbar-control.interface";
 export { KritzelCore } from "./classes/core/core.class";
 export { DropdownOption } from "./components/shared/kritzel-dropdown/kritzel-dropdown";
+export { KritzelSyncConfig } from "./interfaces/sync-config.interface";
 export { KritzelWorkspace } from "./classes/core/workspace.class";
 export { KritzelTool } from "./interfaces/tool.interface";
 export { KritzelEngineState } from "./interfaces/engine-state.interface";
@@ -162,6 +164,7 @@ export namespace Components {
         "scaleMin": number;
         "selectAllObjectsInViewport": () => Promise<void>;
         "selectObjects": (objects: KritzelBaseObject[]) => Promise<void>;
+        "syncConfig"?: KritzelSyncConfig;
         "updateObject": <T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>) => Promise<T | null>;
         "updateWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
     }
@@ -203,6 +206,7 @@ export namespace Components {
         "selectObjects": (objects: KritzelBaseObject[]) => Promise<void>;
         "sendBackward": (object?: KritzelBaseObject<any>) => Promise<void>;
         "sendToBack": (object?: KritzelBaseObject<any>) => Promise<void>;
+        "syncConfig"?: KritzelSyncConfig;
         "undo": () => Promise<void>;
         "updateObject": <T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>) => Promise<T | null>;
         "updateWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
@@ -934,6 +938,7 @@ declare namespace LocalJSX {
           * @default ABSOLUTE_SCALE_MIN
          */
         "scaleMin"?: number;
+        "syncConfig"?: KritzelSyncConfig;
     }
     interface KritzelEngine {
         "activeTool"?: KritzelTool;
@@ -951,6 +956,7 @@ declare namespace LocalJSX {
           * @default ABSOLUTE_SCALE_MIN
          */
         "scaleMin"?: number;
+        "syncConfig"?: KritzelSyncConfig;
         "workspace"?: KritzelWorkspace;
     }
     interface KritzelFont {

package/dist/types/configs/{default-engine-state.d.ts → default-engine-config.d.ts}

@@ -1,2 +1,2 @@
 import { KritzelEngineState } from "../interfaces/engine-state.interface";
-export declare const DEFAULT_ENGINE_STATE: KritzelEngineState;
+export declare const DEFAULT_ENGINE_CONFIG: KritzelEngineState;

package/dist/types/configs/default-sync.config.d.ts

@@ -0,0 +1,5 @@
+import { KritzelSyncConfig } from '../interfaces/sync-config.interface';
+/**
+ * Default sync configuration - IndexedDB + BroadcastChannel
+ */
+export declare const DEFAULT_SYNC_CONFIG: KritzelSyncConfig;