@kritzel/engine 0.4.31 → 0.4.33

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BbbWU2aN.js');
+var index = require('./index-BP5Iy6FQ.js');
 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-awareness-cursors_5.cjs",[[513,"kritzel-engine",{"workspaces":[16],"editorId":[1,"editor-id"],"activeWorkspaceId":[1,"active-workspace-id"],"syncConfig":[16],"assetStorageConfig":[16],"user":[16],"globalContextMenuItems":[16],"objectContextMenuItems":[16],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"cursorTarget":[16],"lockDrawingScale":[4,"lock-drawing-scale"],"theme":[1],"licenseKey":[1,"license-key"],"themes":[16],"locale":[1],"locales":[16],"fallbackLocale":[1,"fallback-locale"],"viewportBoundaryLeft":[2,"viewport-boundary-left"],"viewportBoundaryRight":[2,"viewport-boundary-right"],"viewportBoundaryTop":[2,"viewport-boundary-top"],"viewportBoundaryBottom":[2,"viewport-boundary-bottom"],"debugInfo":[16],"isPanningEnabled":[4,"is-panning-enabled"],"isZoomingEnabled":[4,"is-zooming-enabled"],"forceUpdate":[32],"triggerSelectionChange":[64],"beginSceneBootstrap":[64],"endSceneBootstrap":[64],"registerTool":[64],"changeActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"cut":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"alignObjects":[64],"group":[64],"ungroup":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"openContextMenu":[64],"getObjectById":[64],"getAllObjects":[64],"findObjects":[64],"getObjectsTotalCount":[64],"addObject":[64],"addObjects":[64],"updateObject":[64],"removeObject":[64],"removeObjects":[64],"getSelectedObjects":[64],"getDisplayableShortcuts":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"panToObject":[64],"backToContent":[64],"centerAllObjects":[64],"centerObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"zoomIn":[64],"zoomOut":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"getObjectsInViewport":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"getSelectedObjectSupportedExportFormats":[64],"canExportSelectedObjectAs":[64],"exportSelectedObject":[64],"exportAsJson":[64],"importFromJson":[64],"loadObjectsFromJson":[64],"downloadAsJson":[64],"importFromFile":[64],"cancelImportFromFile":[64],"setActiveWorkspace":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"getIsPublic":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"saveSettings":[64],"loadSettings":[64],"registerLocales":[64],"configureLocales":[64],"setLocale":[64],"getLocale":[64],"getAvailableLocales":[64],"getAvailableLocaleOptions":[64],"t":[64],"getResolvedTerms":[64]},[[1,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[1,"pointerleave","handlePointerLeave"],[1,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[8,"copy","handleCopy"],[8,"cut","handleCut"],[8,"paste","handlePaste"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspaces":[{"onWorkspacesPropChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"syncConfig":[{"onSyncConfigChange":0}],"assetStorageConfig":[{"onAssetStorageConfigChange":0}],"user":[{"onUserChange":0}],"globalContextMenuItems":[{"onGlobalContextMenuItemsChange":0}],"objectContextMenuItems":[{"onObjectContextMenuItemsChange":0}],"scaleMax":[{"validateScaleMax":0}],"scaleMin":[{"validateScaleMin":0}],"cursorTarget":[{"onCursorTargetChange":0}],"lockDrawingScale":[{"onLockDrawingScaleChange":0}],"theme":[{"onThemeChange":0}],"licenseKey":[{"onLicenseKeyChange":0}],"themes":[{"onThemesChange":0}],"locale":[{"onLocaleChange":0}],"locales":[{"onLocalesChange":0}],"fallbackLocale":[{"onFallbackLocaleChange":0}],"viewportBoundaryLeft":[{"onViewportBoundaryLeftChange":0}],"viewportBoundaryRight":[{"onViewportBoundaryRightChange":0}],"viewportBoundaryTop":[{"onViewportBoundaryTopChange":0}],"viewportBoundaryBottom":[{"onViewportBoundaryBottomChange":0}],"debugInfo":[{"onDebugInfoChange":0}]}],[513,"kritzel-awareness-cursors",{"core":[16],"showEdgeIndicators":[4,"show-edge-indicators"],"edgeIndicatorPadding":[2,"edge-indicator-padding"],"remoteCursors":[32],"objectVersion":[32]}],[513,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[513,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}],[513,"kritzel-watermark",{"core":[16],"label":[1]}]]]], options);
+  return index.bootstrapLazy([["kritzel-awareness-cursors_5.cjs",[[513,"kritzel-engine",{"workspaces":[16],"editorId":[1,"editor-id"],"activeWorkspaceId":[1,"active-workspace-id"],"syncConfig":[16],"assetStorageConfig":[16],"user":[16],"tools":[16],"globalContextMenuItems":[16],"objectContextMenuItems":[16],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"cursorTarget":[16],"lockDrawingScale":[4,"lock-drawing-scale"],"theme":[1],"licenseKey":[1,"license-key"],"themes":[16],"locale":[1],"locales":[16],"fallbackLocale":[1,"fallback-locale"],"viewportBoundaryLeft":[2,"viewport-boundary-left"],"viewportBoundaryRight":[2,"viewport-boundary-right"],"viewportBoundaryTop":[2,"viewport-boundary-top"],"viewportBoundaryBottom":[2,"viewport-boundary-bottom"],"debugInfo":[16],"isPanningEnabled":[4,"is-panning-enabled"],"isZoomingEnabled":[4,"is-zooming-enabled"],"forceUpdate":[32],"triggerSelectionChange":[64],"beginSceneBootstrap":[64],"endSceneBootstrap":[64],"registerTool":[64],"setActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"cut":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"alignObjects":[64],"group":[64],"ungroup":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"openContextMenu":[64],"getObjectById":[64],"getAllObjects":[64],"findObjects":[64],"getObjectsTotalCount":[64],"addObject":[64],"addObjects":[64],"updateObject":[64],"removeObject":[64],"removeObjects":[64],"getSelectedObjects":[64],"getDisplayableShortcuts":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"panToObject":[64],"backToContent":[64],"centerAllObjects":[64],"centerObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"zoomIn":[64],"zoomOut":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"getObjectsInViewport":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"getSelectedObjectSupportedExportFormats":[64],"canExportSelectedObjectAs":[64],"exportSelectedObject":[64],"exportAsJson":[64],"importFromJson":[64],"loadObjectsFromJson":[64],"downloadAsJson":[64],"importFromFile":[64],"cancelImportFromFile":[64],"setActiveWorkspace":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"getIsPublic":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"saveSettings":[64],"loadSettings":[64],"registerLocales":[64],"configureLocales":[64],"setLocale":[64],"getLocale":[64],"getAvailableLocales":[64],"getAvailableLocaleOptions":[64],"t":[64],"getResolvedTerms":[64],"getTool":[64]},[[1,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[1,"pointerleave","handlePointerLeave"],[1,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[8,"copy","handleCopy"],[8,"cut","handleCut"],[8,"paste","handlePaste"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspaces":[{"onWorkspacesPropChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"syncConfig":[{"onSyncConfigChange":0}],"assetStorageConfig":[{"onAssetStorageConfigChange":0}],"user":[{"onUserChange":0}],"tools":[{"onToolsChange":0}],"globalContextMenuItems":[{"onGlobalContextMenuItemsChange":0}],"objectContextMenuItems":[{"onObjectContextMenuItemsChange":0}],"scaleMax":[{"validateScaleMax":0}],"scaleMin":[{"validateScaleMin":0}],"cursorTarget":[{"onCursorTargetChange":0}],"lockDrawingScale":[{"onLockDrawingScaleChange":0}],"theme":[{"onThemeChange":0}],"licenseKey":[{"onLicenseKeyChange":0}],"themes":[{"onThemesChange":0}],"locale":[{"onLocaleChange":0}],"locales":[{"onLocalesChange":0}],"fallbackLocale":[{"onFallbackLocaleChange":0}],"viewportBoundaryLeft":[{"onViewportBoundaryLeftChange":0}],"viewportBoundaryRight":[{"onViewportBoundaryRightChange":0}],"viewportBoundaryTop":[{"onViewportBoundaryTopChange":0}],"viewportBoundaryBottom":[{"onViewportBoundaryBottomChange":0}],"debugInfo":[{"onDebugInfoChange":0}]}],[513,"kritzel-awareness-cursors",{"core":[16],"showEdgeIndicators":[4,"show-edge-indicators"],"edgeIndicatorPadding":[2,"edge-indicator-padding"],"remoteCursors":[32],"objectVersion":[32]}],[513,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[513,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}],[513,"kritzel-watermark",{"core":[16],"label":[1]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/stencil.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BbbWU2aN.js');
+var index = require('./index-BP5Iy6FQ.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.45.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["kritzel-awareness-cursors_5.cjs",[[513,"kritzel-engine",{"workspaces":[16],"editorId":[1,"editor-id"],"activeWorkspaceId":[1,"active-workspace-id"],"syncConfig":[16],"assetStorageConfig":[16],"user":[16],"globalContextMenuItems":[16],"objectContextMenuItems":[16],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"cursorTarget":[16],"lockDrawingScale":[4,"lock-drawing-scale"],"theme":[1],"licenseKey":[1,"license-key"],"themes":[16],"locale":[1],"locales":[16],"fallbackLocale":[1,"fallback-locale"],"viewportBoundaryLeft":[2,"viewport-boundary-left"],"viewportBoundaryRight":[2,"viewport-boundary-right"],"viewportBoundaryTop":[2,"viewport-boundary-top"],"viewportBoundaryBottom":[2,"viewport-boundary-bottom"],"debugInfo":[16],"isPanningEnabled":[4,"is-panning-enabled"],"isZoomingEnabled":[4,"is-zooming-enabled"],"forceUpdate":[32],"triggerSelectionChange":[64],"beginSceneBootstrap":[64],"endSceneBootstrap":[64],"registerTool":[64],"changeActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"cut":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"alignObjects":[64],"group":[64],"ungroup":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"openContextMenu":[64],"getObjectById":[64],"getAllObjects":[64],"findObjects":[64],"getObjectsTotalCount":[64],"addObject":[64],"addObjects":[64],"updateObject":[64],"removeObject":[64],"removeObjects":[64],"getSelectedObjects":[64],"getDisplayableShortcuts":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"panToObject":[64],"backToContent":[64],"centerAllObjects":[64],"centerObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"zoomIn":[64],"zoomOut":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"getObjectsInViewport":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"getSelectedObjectSupportedExportFormats":[64],"canExportSelectedObjectAs":[64],"exportSelectedObject":[64],"exportAsJson":[64],"importFromJson":[64],"loadObjectsFromJson":[64],"downloadAsJson":[64],"importFromFile":[64],"cancelImportFromFile":[64],"setActiveWorkspace":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"getIsPublic":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"saveSettings":[64],"loadSettings":[64],"registerLocales":[64],"configureLocales":[64],"setLocale":[64],"getLocale":[64],"getAvailableLocales":[64],"getAvailableLocaleOptions":[64],"t":[64],"getResolvedTerms":[64]},[[1,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[1,"pointerleave","handlePointerLeave"],[1,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[8,"copy","handleCopy"],[8,"cut","handleCut"],[8,"paste","handlePaste"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspaces":[{"onWorkspacesPropChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"syncConfig":[{"onSyncConfigChange":0}],"assetStorageConfig":[{"onAssetStorageConfigChange":0}],"user":[{"onUserChange":0}],"globalContextMenuItems":[{"onGlobalContextMenuItemsChange":0}],"objectContextMenuItems":[{"onObjectContextMenuItemsChange":0}],"scaleMax":[{"validateScaleMax":0}],"scaleMin":[{"validateScaleMin":0}],"cursorTarget":[{"onCursorTargetChange":0}],"lockDrawingScale":[{"onLockDrawingScaleChange":0}],"theme":[{"onThemeChange":0}],"licenseKey":[{"onLicenseKeyChange":0}],"themes":[{"onThemesChange":0}],"locale":[{"onLocaleChange":0}],"locales":[{"onLocalesChange":0}],"fallbackLocale":[{"onFallbackLocaleChange":0}],"viewportBoundaryLeft":[{"onViewportBoundaryLeftChange":0}],"viewportBoundaryRight":[{"onViewportBoundaryRightChange":0}],"viewportBoundaryTop":[{"onViewportBoundaryTopChange":0}],"viewportBoundaryBottom":[{"onViewportBoundaryBottomChange":0}],"debugInfo":[{"onDebugInfoChange":0}]}],[513,"kritzel-awareness-cursors",{"core":[16],"showEdgeIndicators":[4,"show-edge-indicators"],"edgeIndicatorPadding":[2,"edge-indicator-padding"],"remoteCursors":[32],"objectVersion":[32]}],[513,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[513,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}],[513,"kritzel-watermark",{"core":[16],"label":[1]}]]]], options);
+  return index.bootstrapLazy([["kritzel-awareness-cursors_5.cjs",[[513,"kritzel-engine",{"workspaces":[16],"editorId":[1,"editor-id"],"activeWorkspaceId":[1,"active-workspace-id"],"syncConfig":[16],"assetStorageConfig":[16],"user":[16],"tools":[16],"globalContextMenuItems":[16],"objectContextMenuItems":[16],"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"cursorTarget":[16],"lockDrawingScale":[4,"lock-drawing-scale"],"theme":[1],"licenseKey":[1,"license-key"],"themes":[16],"locale":[1],"locales":[16],"fallbackLocale":[1,"fallback-locale"],"viewportBoundaryLeft":[2,"viewport-boundary-left"],"viewportBoundaryRight":[2,"viewport-boundary-right"],"viewportBoundaryTop":[2,"viewport-boundary-top"],"viewportBoundaryBottom":[2,"viewport-boundary-bottom"],"debugInfo":[16],"isPanningEnabled":[4,"is-panning-enabled"],"isZoomingEnabled":[4,"is-zooming-enabled"],"forceUpdate":[32],"triggerSelectionChange":[64],"beginSceneBootstrap":[64],"endSceneBootstrap":[64],"registerTool":[64],"setActiveTool":[64],"disable":[64],"enable":[64],"delete":[64],"copy":[64],"cut":[64],"paste":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"alignObjects":[64],"group":[64],"ungroup":[64],"undo":[64],"redo":[64],"hideContextMenu":[64],"openContextMenu":[64],"getObjectById":[64],"getAllObjects":[64],"findObjects":[64],"getObjectsTotalCount":[64],"addObject":[64],"addObjects":[64],"updateObject":[64],"removeObject":[64],"removeObjects":[64],"getSelectedObjects":[64],"getDisplayableShortcuts":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"panToObject":[64],"backToContent":[64],"centerAllObjects":[64],"centerObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"zoomIn":[64],"zoomOut":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"getObjectsInViewport":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"getSelectedObjectSupportedExportFormats":[64],"canExportSelectedObjectAs":[64],"exportSelectedObject":[64],"exportAsJson":[64],"importFromJson":[64],"loadObjectsFromJson":[64],"downloadAsJson":[64],"importFromFile":[64],"cancelImportFromFile":[64],"setActiveWorkspace":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"getIsPublic":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"saveSettings":[64],"loadSettings":[64],"registerLocales":[64],"configureLocales":[64],"setLocale":[64],"getLocale":[64],"getAvailableLocales":[64],"getAvailableLocaleOptions":[64],"t":[64],"getResolvedTerms":[64],"getTool":[64]},[[1,"wheel","handleWheel"],[0,"pointerdown","handlePointerDown"],[0,"pointermove","handlePointerMove"],[0,"pointerup","handlePointerUp"],[0,"pointercancel","handlePointerCancel"],[1,"pointerleave","handlePointerLeave"],[1,"longpress","handleLongPress"],[0,"contextmenu","handleContextMenu"],[9,"resize","handleResize"],[8,"keydown","handleKeyDown"],[8,"keyup","handleKeyUp"],[8,"copy","handleCopy"],[8,"cut","handleCut"],[8,"paste","handlePaste"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspaces":[{"onWorkspacesPropChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"syncConfig":[{"onSyncConfigChange":0}],"assetStorageConfig":[{"onAssetStorageConfigChange":0}],"user":[{"onUserChange":0}],"tools":[{"onToolsChange":0}],"globalContextMenuItems":[{"onGlobalContextMenuItemsChange":0}],"objectContextMenuItems":[{"onObjectContextMenuItemsChange":0}],"scaleMax":[{"validateScaleMax":0}],"scaleMin":[{"validateScaleMin":0}],"cursorTarget":[{"onCursorTargetChange":0}],"lockDrawingScale":[{"onLockDrawingScaleChange":0}],"theme":[{"onThemeChange":0}],"licenseKey":[{"onLicenseKeyChange":0}],"themes":[{"onThemesChange":0}],"locale":[{"onLocaleChange":0}],"locales":[{"onLocalesChange":0}],"fallbackLocale":[{"onFallbackLocaleChange":0}],"viewportBoundaryLeft":[{"onViewportBoundaryLeftChange":0}],"viewportBoundaryRight":[{"onViewportBoundaryRightChange":0}],"viewportBoundaryTop":[{"onViewportBoundaryTopChange":0}],"viewportBoundaryBottom":[{"onViewportBoundaryBottomChange":0}],"debugInfo":[{"onDebugInfoChange":0}]}],[513,"kritzel-awareness-cursors",{"core":[16],"showEdgeIndicators":[4,"show-edge-indicators"],"edgeIndicatorPadding":[2,"edge-indicator-padding"],"remoteCursors":[32],"objectVersion":[32]}],[513,"kritzel-cursor-trail",{"core":[16],"cursorTrailPoints":[32],"isLeftButtonDown":[32]},[[9,"pointerdown","handleMouseDown"],[9,"pointermove","handlePointerMove"],[9,"pointerup","handlePointerUp"]]],[513,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}],[513,"kritzel-watermark",{"core":[16],"label":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -18,6 +18,7 @@ import { KritzelLicenseManager } from "../managers/license.manager";
 import { KritzelBrowserPermissionManager } from "../managers/browser-permission.manager";
 import { KritzelClipboardManager } from "../managers/clipboard.manager";
 import { KritzelClassHelper } from "../../helpers/class.helper";
+import { ObjectHelper } from "../../helpers/object.helper";
 /**
  * Central orchestrator class for the Kritzel canvas system.
  * Manages workspaces, objects, selection, clipboard operations, and coordinates
@@ -357,7 +358,7 @@ export class KritzelCore {
         this._store.state.translateY = viewportHeight / 2 - (viewport.centerWorldY ?? 0) * scale;
         this._store.state.scale = scale;
         await objectsMap.initialize(this, activeWorkspace.id, this._syncConfig);
-        this.seedWorkspaceObjects(activeWorkspace, objectsMap);
+        await this.seedWorkspaceObjects(activeWorkspace, objectsMap);
         // Set local user in awareness after object map is initialized
         if (this._user) {
             objectsMap.setLocalUser(this._user);
@@ -371,15 +372,21 @@ export class KritzelCore {
         this.engine.emitObjectsChange();
         this.rerender();
     }
-    seedWorkspaceObjects(workspace, objectsMap) {
+    async seedWorkspaceObjects(workspace, objectsMap) {
         if (!workspace.objects?.length) {
             return;
         }
+        const pendingObjects = workspace.objects.filter(object => !objectsMap.findById(object.id));
+        // Mirrors engine.addObject()/addObjects(): image asset upload is async and must
+        // happen before the (synchronous) Yjs transaction that inserts the objects.
+        for (const object of pendingObjects) {
+            object._core = this;
+            if (KritzelClassHelper.isInstanceOf(object, 'KritzelImage')) {
+                await object.prepareForInsert();
+            }
+        }
         objectsMap.transaction(() => {
-            for (const object of workspace.objects) {
-                if (objectsMap.findById(object.id)) {
-                    continue;
-                }
+            for (const object of pendingObjects) {
                 this.prepareObjectForWorkspace(object, workspace.id, this._store.currentZIndex, this._store.state.scale);
                 objectsMap.insert(object);
             }
@@ -418,16 +425,30 @@ export class KritzelCore {
      * @param scaleFallback - Scale applied to objects that do not define one
      * @returns The objects that were added, updated and removed
      */
-    reconcileWorkspaceObjects(objectsMap, workspaceId, desiredObjects, nextZIndex, scaleFallback) {
+    async reconcileWorkspaceObjects(objectsMap, workspaceId, desiredObjects, nextZIndex, scaleFallback) {
         const existingObjects = objectsMap.allObjects().filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox));
         const existingById = new Map(existingObjects.map(object => [object.id, object]));
         const desiredIds = new Set();
         const diff = { added: [], updated: [], removed: [] };
+        // Assign IDs up front so the insert-vs-update lookup below is stable, and so the
+        // async image-prepare pass and the (synchronous) transaction agree on identity.
+        for (const object of desiredObjects) {
+            if (!object.id) {
+                object.id = object.generateId();
+            }
+        }
+        // Mirrors engine.addObject()/addObjects(): image asset upload is async and must
+        // happen before the (synchronous) Yjs transaction that inserts the objects.
+        for (const object of desiredObjects) {
+            const existingObject = existingById.get(object.id);
+            const isNewOrReplaced = !existingObject || existingObject !== object;
+            if (isNewOrReplaced && KritzelClassHelper.isInstanceOf(object, 'KritzelImage')) {
+                object._core = this;
+                await object.prepareForInsert();
+            }
+        }
         objectsMap.transaction(() => {
             for (const object of desiredObjects) {
-                if (!object.id) {
-                    object.id = object.generateId();
-                }
                 desiredIds.add(object.id);
                 const existingObject = existingById.get(object.id);
                 if (!existingObject) {
@@ -465,7 +486,7 @@ export class KritzelCore {
      * object set stays exactly what the caller declared.
      */
     detachObject(object) {
-        if (KritzelClassHelper.isInstanceOf(object, 'KritzelDynamicObject')) {
+        if (ObjectHelper.isKritzelEmbeddedObject(object)) {
             object.unmount();
         }
         object.isMounted = false;
@@ -641,13 +662,13 @@ export class KritzelCore {
             activeWorkspace.viewport = { centerWorldX, centerWorldY, scale };
         }
     }
-    applyObjectsToActiveWorkspace(workspace, desiredObjects) {
+    async applyObjectsToActiveWorkspace(workspace, desiredObjects) {
         const objectsMap = this._store.objects;
         if (!objectsMap) {
             return null;
         }
         this.clearSelection();
-        const diff = this.reconcileWorkspaceObjects(objectsMap, workspace.id, desiredObjects, () => this._store.currentZIndex, this._store.state.scale);
+        const diff = await this.reconcileWorkspaceObjects(objectsMap, workspace.id, desiredObjects, () => this._store.currentZIndex, this._store.state.scale);
         this._anchorManager.rebuildIndex();
         this.rerender();
         return diff;
@@ -666,7 +687,7 @@ export class KritzelCore {
         try {
             await objectsMap.initialize(this, workspace.id, this._syncConfig, { headless: true, workspaceName: workspace.name });
             await objectsMap.whenNetworkSynced();
-            return this.reconcileWorkspaceObjects(objectsMap, workspace.id, desiredObjects, () => this.nextZIndexOf(objectsMap), this._store.state.scale);
+            return await this.reconcileWorkspaceObjects(objectsMap, workspace.id, desiredObjects, () => this.nextZIndexOf(objectsMap), this._store.state.scale);
         }
         finally {
             objectsMap.destroy();
@@ -752,8 +773,7 @@ export class KritzelCore {
                 this.removeObject(child);
             });
         }
-        // Unmount dynamic objects before removal
-        if (KritzelClassHelper.isInstanceOf(object, 'KritzelDynamicObject')) {
+        if (ObjectHelper.isKritzelEmbeddedObject(object)) {
             object.unmount();
         }
         // Handle anchor cleanup
@@ -799,14 +819,8 @@ export class KritzelCore {
         this.removeLocalSelectionGroups();
         this.removeSelectionBox();
         for (const object of selectionGroup.objects ?? []) {
-            if (KritzelClassHelper.isInstanceOf(object, 'KritzelDynamicObject')) {
-                const dynamicObject = object;
-                if (typeof dynamicObject.setIsInteractive === 'function') {
-                    dynamicObject.setIsInteractive(true);
-                }
-                else {
-                    dynamicObject.isInteractive = true;
-                }
+            if (ObjectHelper.isKritzelEmbeddedObject(object)) {
+                object.setIsInteractive(true);
             }
         }
         this._store.objects.insert(selectionGroup);
@@ -827,14 +841,8 @@ export class KritzelCore {
     teardownSelectionGroup(selectionGroup) {
         selectionGroup.deselectAllChildren?.();
         for (const object of selectionGroup.objects ?? []) {
-            if (KritzelClassHelper.isInstanceOf(object, 'KritzelDynamicObject')) {
-                const dynamicObject = object;
-                if (typeof dynamicObject.setIsInteractive === 'function') {
-                    dynamicObject.setIsInteractive(false);
-                }
-                else {
-                    dynamicObject.isInteractive = false;
-                }
+            if (ObjectHelper.isKritzelEmbeddedObject(object)) {
+                object.setIsInteractive(false);
             }
         }
     }

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

@@ -13,6 +13,7 @@ import { KritzelSelectionTool } from "../tools/selection-tool.class";
 import { KritzelTextTool } from "../tools/text-tool.class";
 import { KritzelShapeTool } from "../tools/shape-tool.class";
 import { KritzelDynamicObject } from "../objects/dynamic-object.class";
+import { KritzelIframeObject } from "../objects/iframe.class";
 import { KritzelWorkspace } from "./workspace.class";
 /**
  * Handles deserialization/revival of Kritzel objects from plain JavaScript objects.
@@ -76,6 +77,9 @@ export class KritzelReviver {
                     case 'KritzelDynamicObject':
                         revivedObj = KritzelDynamicObject.create(this._core).deserialize(obj);
                         break;
+                    case 'KritzelIframeObject':
+                        revivedObj = KritzelIframeObject.create(this._core).deserialize(obj);
+                        break;
                     case 'KritzelSelectionGroup':
                         revivedObj = KritzelSelectionGroup.create(this._core).deserialize(obj);
                         break;

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

@@ -4,7 +4,7 @@ import { KritzelText } from "../objects/text.class";
 import { KritzelShape } from "../objects/shape.class";
 import { KritzelPath } from "../objects/path.class";
 import { KritzelLine } from "../objects/line.class";
-import { KritzelClassHelper } from "../../helpers/class.helper";
+import { ObjectHelper } from "../../helpers/object.helper";
 import { KritzelObjectMap } from "../structures/object-map.structure";
 /**
  * Central state management store for the Kritzel engine.
@@ -227,9 +227,16 @@ export class KritzelStore {
      * Gets the currently selected dynamic object whose focused descendant is an input-like element.
      * @returns The interactive dynamic object with focused input-like content, or null if none matches
      */
+    get activeInteractiveEmbeddedObject() {
+        for (const object of this.selectedObjects) {
+            if (ObjectHelper.isKritzelEmbeddedObject(object) && object.hasFocusedInputElement()) {
+                return object;
+            }
+        }
+        return null;
+    }
     get activeInteractiveDynamicObject() {
-        const interactiveDynamicObject = this.selectedObjects.find(object => KritzelClassHelper.isInstanceOf(object, 'KritzelDynamicObject') && object.hasFocusedInputElement());
-        return interactiveDynamicObject ?? null;
+        return this.activeInteractiveEmbeddedObject;
     }
     /**
      * Gets the path currently being drawn (not yet completed).

package/dist/collection/classes/managers/cursor.manager.js

@@ -24,11 +24,13 @@ export class KritzelCursorManager {
         // Reset cursor on old target
         if (this._targetElement) {
             this._targetElement.style.cursor = '';
+            this._targetElement.style.removeProperty('--kritzel-global-default-cursor');
             this._targetElement.style.removeProperty('--kritzel-global-pointer-cursor');
         }
         this._targetElement = element;
         // Set the pointer cursor CSS variable for child components to use
         if (this._targetElement) {
+            this._targetElement.style.setProperty('--kritzel-global-default-cursor', KritzelCursorHelper.getCursor({ iconName: 'default' }));
             this._targetElement.style.setProperty('--kritzel-global-pointer-cursor', KritzelCursorHelper.getPointerCursor());
         }
     }
@@ -73,8 +75,10 @@ export class KritzelCursorManager {
         if (!this._shadowRoot)
             return;
         const elementsAtPoint = this._shadowRoot.elementsFromPoint(ev.clientX, ev.clientY);
-        if (!elementsAtPoint || elementsAtPoint.length === 0)
+        if (!elementsAtPoint || elementsAtPoint.length === 0) {
+            this.resetToDefault();
             return;
+        }
         // Check for resize handle overlays (selection group)
         const resizeHandleOverlay = elementsAtPoint.find(el => el.classList.contains('resize-handle-overlay'));
         if (resizeHandleOverlay) {
@@ -84,19 +88,19 @@ export class KritzelCursorManager {
             const isTopLeft = resizeHandleOverlay.classList.contains('top-left');
             const isBottomRight = resizeHandleOverlay.classList.contains('bottom-right');
             const rotationOffset = (isTopLeft || isBottomRight) ? -45 : 45;
-            this._core.store.state.cursor = { icon: 'move-vertical', rotation: rotationDegrees + rotationOffset };
+            this._core.store.state.cursor = { icon: 'moveVertical', rotation: rotationDegrees + rotationOffset };
             return;
         }
         // Check for rotation handle overlay
         const rotationHandleOverlay = elementsAtPoint.find(el => el.classList.contains('rotation-handle-overlay'));
         if (rotationHandleOverlay) {
-            this._core.store.state.cursor = { icon: 'hand', iconActive: 'hand-grab' };
+            this._core.store.state.cursor = { icon: 'hand', iconActive: 'handGrab' };
             return;
         }
         // Check for line handle overlays (selection line)
         const lineHandleOverlay = elementsAtPoint.find(el => el.classList.contains('selection-line-handle-overlay'));
         if (lineHandleOverlay) {
-            this._core.store.state.cursor = { icon: 'hand', iconActive: 'hand-grab' };
+            this._core.store.state.cursor = { icon: 'hand', iconActive: 'handGrab' };
             return;
         }
         // Reset cursor if not hovering any handle
@@ -131,7 +135,8 @@ export class KritzelCursorManager {
     cleanup() {
         if (this._targetElement) {
             this._targetElement.style.cursor = '';
-            this._targetElement.style.removeProperty('--kritzel-pointer-cursor');
+            this._targetElement.style.removeProperty('--kritzel-global-default-cursor');
+            this._targetElement.style.removeProperty('--kritzel-global-pointer-cursor');
         }
         this._targetElement = null;
         this._shadowRoot = null;

package/dist/collection/classes/objects/dynamic-object.class.js

@@ -126,7 +126,7 @@ export class KritzelDynamicObject extends KritzelBaseObject {
     }
     applyInteractiveState() {
         const pointerEvents = this.isInteractive ? 'auto' : 'none';
-        const contentCursor = this.isInteractive ? 'auto' : '';
+        const contentCursor = this.isInteractive ? 'var(--kritzel-global-default-cursor, auto)' : '';
         if (this.element) {
             this.element.style.pointerEvents = pointerEvents;
             this.element.style.cursor = contentCursor;
@@ -162,7 +162,7 @@ export class KritzelDynamicObject extends KritzelBaseObject {
         if (!this.isInteractive) {
             return false;
         }
-        const focusHosts = this.getFocusHosts();
+        const focusHosts = this.getEmbeddedContentRoots();
         // Primary path: locate the focused input-like element by walking from each host through
         // `:focus` (piercing open shadow roots). This works in real browsers even when the engine
         // and editor are nested web components, because it never relies on the document-level
@@ -179,7 +179,7 @@ export class KritzelDynamicObject extends KritzelBaseObject {
         }
         return false;
     }
-    getFocusHosts() {
+    getEmbeddedContentRoots() {
         const hosts = [];
         if (this.element) {
             hosts.push(this.element);
@@ -392,11 +392,11 @@ export class KritzelDynamicObject extends KritzelBaseObject {
      * @returns A serializable object with htmlString and dimension snapshots
      */
     serialize() {
-        const { _core, _elementRef, element, totalWidth, totalHeight, isSelected, isHovered, isMounted, isInteractive, resizing, markedForRemoval, isVisible, ...props } = this;
+        const { _core, _elementRef, element, totalWidth, totalHeight, isSelected, isHovered, isMounted, isInteractive, resizing, markedForRemoval, isVisible, rendererData, ...props } = this;
         const cloned = structuredClone(props);
         // Include rendererKey and rendererData for lifecycle-driven rendering
         cloned.rendererKey = this.rendererKey;
-        cloned.rendererData = this.rendererData;
+        cloned.rendererData = this.serializeRendererData();
         // Store HTML as string for fallback/compatibility when renderer is unavailable
         cloned.htmlString = element ? element.outerHTML : '';
         // Capture dimension snapshot at serialization time
@@ -404,6 +404,19 @@ export class KritzelDynamicObject extends KritzelBaseObject {
         cloned.serializedHeight = this.height;
         return cloned;
     }
+    serializeRendererData() {
+        if (this.rendererKey) {
+            const renderer = KritzelDynamicObjectRendererRegistry.get(this.rendererKey);
+            if (renderer?.onSerialize) {
+                return structuredClone(renderer.onSerialize({
+                    object: this,
+                    container: this.isMounted && this.elementRef instanceof HTMLElement ? this.elementRef : null,
+                    data: this.rendererData,
+                }));
+            }
+        }
+        return structuredClone(this.rendererData);
+    }
     /**
      * Deserializes the dynamic object from a plain object.
      * Reconstructs the element from stored HTML string with fallback to placeholder.