kritzel-stencil 0.3.11 → 0.3.13

package/dist/stencil/{p-69298b5f.entry.js → p-fb32cd8f.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o,H as n}from"./p-D9HaikfQ.js";const r=class{constructor(o){e(this,o),this.typeChange=t(this,"typeChange")}type="pen";brushOptions=[{value:"pen",label:"Pen"},{value:"highlighter",label:"Highlighter"}];typeChange;handleDropdownValueChange(e){this.typeChange.emit(e.detail)}render(){const e=this.brushOptions.map((e=>({value:e.value,label:e.label})));return o(n,{key:"7b05e93ce8d28c23503e4ca358a487165169f1ad"},o("kritzel-dropdown",{key:"a8f2f30762b339411cd3995482c3bc658855f749",options:e,value:this.type,onValueChanged:e=>this.handleDropdownValueChange(e)},o("button",{key:"ac06462897a0fbd5011533095fafb7491a75508a",class:"brush-style-button",slot:"prefix"},o("kritzel-icon",{key:"caee4c657c7fee478b1038ebd2ef3b502cf73e5e",name:this.type,size:16}))))}};r.style=":host{display:flex;align-items:flex-start;gap:8px;padding:8px;box-sizing:border-box;width:100%}.brush-style-button{display:flex;justify-content:center;align-items:center;width:42px;height:32px;padding:0;border:none;outline:none;background:none;border-radius:0;color:var(--control-text-color);font-weight:bold;-webkit-tap-highlight-color:transparent}.font-style-button:not(:last-child){border-right:1px solid #333333}.font-style-button:hover{background-color:var(--control-hover-bg)}.font-style-button:active{background-color:var(--control-active-bg)}.font-style-button.selected,.font-style-button.selected:hover,.font-style-button.selected:active{background-color:var(--control-selected-bg);color:var(--control-selected-color)}";export{r as kritzel_brush_style}
+import{r as e,c as t,h as o,H as n}from"./p-Dhio9uis.js";const r=class{constructor(o){e(this,o),this.typeChange=t(this,"typeChange")}type="pen";brushOptions=[{value:"pen",label:"Pen"},{value:"highlighter",label:"Highlighter"}];typeChange;handleDropdownValueChange(e){this.typeChange.emit(e.detail)}render(){const e=this.brushOptions.map((e=>({value:e.value,label:e.label})));return o(n,{key:"7b05e93ce8d28c23503e4ca358a487165169f1ad"},o("kritzel-dropdown",{key:"a8f2f30762b339411cd3995482c3bc658855f749",options:e,value:this.type,onValueChanged:e=>this.handleDropdownValueChange(e)},o("button",{key:"ac06462897a0fbd5011533095fafb7491a75508a",class:"brush-style-button",slot:"prefix"},o("kritzel-icon",{key:"caee4c657c7fee478b1038ebd2ef3b502cf73e5e",name:this.type,size:16}))))}};r.style=":host{display:flex;align-items:flex-start;gap:8px;padding:8px;box-sizing:border-box;width:100%}.brush-style-button{display:flex;justify-content:center;align-items:center;width:42px;height:32px;padding:0;border:none;outline:none;background:none;border-radius:0;color:var(--control-text-color);font-weight:bold;-webkit-tap-highlight-color:transparent}.font-style-button:not(:last-child){border-right:1px solid #333333}.font-style-button:hover{background-color:var(--control-hover-bg)}.font-style-button:active{background-color:var(--control-active-bg)}.font-style-button.selected,.font-style-button.selected:hover,.font-style-button.selected:active{background-color:var(--control-selected-bg);color:var(--control-selected-color)}";export{r as kritzel_brush_style}

package/dist/stencil/stencil.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-D9HaikfQ.js";export{s as setNonce}from"./p-D9HaikfQ.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o(JSON.parse('[["p-94992a11",[[512,"kritzel-editor",{"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"lockDrawingScale":[1028,"lock-drawing-scale"],"viewportBoundaryLeft":[1026,"viewport-boundary-left"],"viewportBoundaryRight":[1026,"viewport-boundary-right"],"viewportBoundaryTop":[1026,"viewport-boundary-top"],"viewportBoundaryBottom":[1026,"viewport-boundary-bottom"],"wheelEnabled":[1028,"wheel-enabled"],"debugInfo":[1040],"user":[16],"activeUsers":[16],"controls":[16],"globalContextMenuItems":[16],"objectContextMenuItems":[16],"themes":[16],"theme":[1025],"customSvgIcons":[16],"isControlsVisible":[4,"is-controls-visible"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"isWorkspaceManagerVisible":[4,"is-workspace-manager-visible"],"isMoreMenuVisible":[4,"is-more-menu-visible"],"syncConfig":[16],"assetStorageConfig":[16],"cursorTarget":[16],"loginConfig":[16],"isLoading":[4,"is-loading"],"editorId":[1,"editor-id"],"activeWorkspaceId":[1,"active-workspace-id"],"isEngineReady":[32],"isControlsReady":[32],"isWorkspaceManagerReady":[32],"workspaces":[32],"activeWorkspace":[32],"isVirtualKeyboardOpen":[32],"undoState":[32],"isBackToContentButtonVisible":[32],"shortcuts":[32],"currentIsPublic":[32],"isEditorVisible":[32],"getObjectById":[64],"addObject":[64],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"backToContent":[64],"centerAllObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"registerTool":[64],"changeActiveTool":[64],"changeActiveToolByName":[64],"disable":[64],"enable":[64],"copy":[64],"cut":[64],"paste":[64],"delete":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"alignObjects":[64],"group":[64],"ungroup":[64],"undo":[64],"redo":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"exportSelectedObjectsAsPng":[64],"exportSelectedObjectsAsSvg":[64],"downloadAsJson":[64],"importFromFile":[64],"loadObjectsFromJson":[64],"getObjectsTotalCount":[64],"getAllObjects":[64],"findObjects":[64],"getCopiedObjects":[64],"getObjectsInViewport":[64],"hideContextMenu":[64],"openContextMenu":[64],"triggerSelectionChange":[64],"getDisplayableShortcuts":[64],"openLoginDialog":[64],"setLoginLoading":[64]},[[0,"dblclick","onTouchStart"]],{"isEngineReady":[{"onIsEngineReady":0}],"isControlsReady":[{"onIsControlsReady":0}],"workspaces":[{"onWorkspacesChange":0}],"activeWorkspace":[{"onActiveWorkspaceChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"theme":[{"onCurrentThemeChange":0}],"themes":[{"onThemesChange":0}]}],[513,"kritzel-controls",{"controls":[16],"activeControl":[1040],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"undoState":[16],"theme":[1],"firstConfig":[32],"isTouchDevice":[32],"selectedSubOptions":[32],"canScrollLeft":[32],"canScrollRight":[32],"needsScrolling":[32],"displayValues":[32],"internalControls":[32],"closeTooltip":[64]},[[8,"keydown","handleKeyDown"]],{"controls":[{"onControlsChange":0}],"theme":[{"onThemeChange":0}]}],[513,"kritzel-settings",{"availableThemes":[16],"shortcuts":[16],"settings":[16],"isDialogOpen":[32],"selectedCategoryId":[32],"scaleMin":[32],"scaleMax":[32],"lockDrawingScale":[32],"theme":[32],"viewportBoundaryLeft":[32],"viewportBoundaryRight":[32],"viewportBoundaryTop":[32],"viewportBoundaryBottom":[32],"debugInfo":[32],"open":[64]},null,{"settings":[{"onSettingsPropChange":0}]}],[513,"kritzel-export",{"workspaceName":[1,"workspace-name"],"isDialogOpen":[32],"previewUrl":[32],"isLoading":[32],"activeTab":[32],"exportFilename":[32],"viewportExportFormat":[32],"open":[64]}],[513,"kritzel-workspace-manager",{"visible":[4],"activeWorkspace":[1040],"workspaces":[16],"childMenuAnchor":[32],"openChildMenuItem":[32],"newWorkspace":[32],"editingItemId":[32]},[[8,"wheel","handleWheel"]]],[513,"kritzel-engine",{"workspace":[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],"themes":[16],"viewportBoundaryLeft":[2,"viewport-boundary-left"],"viewportBoundaryRight":[2,"viewport-boundary-right"],"viewportBoundaryTop":[2,"viewport-boundary-top"],"viewportBoundaryBottom":[2,"viewport-boundary-bottom"],"debugInfo":[16],"wheelEnabled":[4,"wheel-enabled"],"isLoading":[4,"is-loading"],"forceUpdate":[32],"triggerSelectionChange":[64],"registerTool":[64],"changeActiveTool":[64],"changeActiveToolByName":[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],"updateObject":[64],"removeObject":[64],"getSelectedObjects":[64],"getDisplayableShortcuts":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"backToContent":[64],"centerAllObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"getCopiedObjects":[64],"getObjectsInViewport":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"getSelectedObjectsAsSvgString":[64],"exportSelectedObjectsAsSvg":[64],"getSelectedObjectsAsPngDataUrl":[64],"exportSelectedObjectsAsPng":[64],"exportAsJson":[64],"importFromJson":[64],"loadObjectsFromJson":[64],"downloadAsJson":[64],"importFromFile":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"getIsPublic":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"saveSettings":[64],"loadSettings":[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"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspace":[{"onWorkspaceChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"syncConfig":[{"onSyncConfigChange":0}],"assetStorageConfig":[{"onAssetStorageConfigChange":0}],"user":[{"onUserChange":0}],"scaleMax":[{"validateScaleMax":0}],"scaleMin":[{"validateScaleMin":0}],"cursorTarget":[{"onCursorTargetChange":0}],"lockDrawingScale":[{"onLockDrawingScaleChange":0}],"theme":[{"onThemeChange":0}],"themes":[{"onThemesChange":0}],"viewportBoundaryLeft":[{"onViewportBoundaryLeftChange":0}],"viewportBoundaryRight":[{"onViewportBoundaryRightChange":0}],"viewportBoundaryTop":[{"onViewportBoundaryTopChange":0}],"viewportBoundaryBottom":[{"onViewportBoundaryBottomChange":0}],"debugInfo":[{"onDebugInfoChange":0}],"isLoading":[{"onIsLoadingChange":0}]}],[513,"kritzel-more-menu",{"visible":[4],"items":[16],"icon":[1],"iconSize":[2,"icon-size"],"offsetY":[2,"offset-y"],"menuAnchor":[32],"isTouchDevice":[32]}],[513,"kritzel-current-user",{"user":[16],"avatarSize":[2,"avatar-size"]}],[513,"kritzel-share-dialog",{"isPublic":[4,"is-public"],"workspaceId":[1,"workspace-id"],"isDialogOpen":[32],"internalIsPublic":[32],"copySuccess":[32],"open":[64],"close":[64]},null,{"isPublic":[{"onIsPublicChange":0}]}],[513,"kritzel-login-dialog",{"providers":[16],"dialogTitle":[1,"dialog-title"],"subtitle":[1],"isDialogOpen":[32],"loadingProvider":[32],"open":[64],"close":[64],"setLoading":[64]}],[513,"kritzel-active-users",{"users":[16],"avatarSize":[2,"avatar-size"],"maxVisible":[2,"max-visible"],"overlap":[2]}],[513,"kritzel-back-to-content",{"visible":[4],"text":[1]}],[769,"kritzel-button",{"variant":[1],"disabled":[4],"type":[1]}],[513,"kritzel-tool-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"],"theme":[1],"engine":[16],"config":[32],"palette":[32],"sizes":[32],"currentOpacity":[32],"updateTrigger":[32]},null,{"tool":[{"handleToolChange":0}],"theme":[{"onThemeChange":0}],"engine":[{"handleEngineChange":0}]}],[513,"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]}],[513,"kritzel-current-user-dialog",{"user":[16],"isDialogOpen":[32],"open":[64],"close":[64]}],[513,"kritzel-context-menu",{"items":[16],"objects":[16],"processedItems":[32],"openSubmenuPath":[32],"submenuPositions":[32]},[[9,"pointerdown","handleOutsideClick"]],{"items":[{"onItemsChanged":0}]}],[769,"kritzel-master-detail",{"items":[16],"selectedItemId":[1,"selected-item-id"],"focusedIndex":[32],"showMobileDetail":[32]},null,{"selectedItemId":[{"watchSelectedItemId":0}]}],[513,"kritzel-pill-tabs",{"tabs":[16],"value":[1025]}],[513,"kritzel-utility-panel",{"undoState":[16]}],[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-input",{"value":[1025],"label":[1],"placeholder":[1],"suffix":[1],"type":[1],"disabled":[4],"inputValue":[32]},null,{"value":[{"onValueChange":0}]}],[513,"kritzel-numeric-input",{"value":[1026],"min":[2],"max":[2],"step":[2],"label":[1],"placeholder":[1],"inputValue":[32]},null,{"value":[{"onValueChange":0}]}],[769,"kritzel-tooltip",{"isVisible":[1028,"is-visible"],"anchorElement":[16],"triggerElement":[16],"offsetY":[2,"offset-y"],"positionX":[32],"positionY":[32],"open":[64],"close":[64],"toggle":[64],"focusContent":[64]},[[4,"click","handleOutsideClick"],[6,"pointerdown","handleOutsidePointerDown"],[4,"kritzelTooltipCloseAll","handleCloseAll"],[9,"resize","handleWindowResize"]],{"triggerElement":[{"handleTriggerElementChange":0}],"isVisible":[{"handleVisibilityChange":0}]}],[513,"kritzel-color-palette",{"colors":[16],"selectedColor":[1040],"isExpanded":[4,"is-expanded"],"isOpaque":[4,"is-opaque"],"opacity":[2],"theme":[1]}],[513,"kritzel-font-family",{"fontOptions":[16],"selectedFontFamily":[1025,"selected-font-family"]}],[513,"kritzel-font-size",{"sizes":[16],"selectedSize":[1026,"selected-size"],"fontFamily":[1,"font-family"]}],[513,"kritzel-stroke-size",{"sizes":[16],"selectedSize":[1026,"selected-size"]}],[513,"kritzel-line-endings",{"styles":[16],"value":[1040]}],[513,"kritzel-opacity-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"previewColor":[1,"preview-color"]}],[513,"kritzel-shape-fill",{"value":[1025]}],[513,"kritzel-slide-toggle",{"checked":[1028],"disabled":[4],"label":[1]}],[513,"kritzel-avatar",{"user":[16],"name":[1],"size":[2],"color":[1],"imageError":[32]},null,{"user":[{"userChanged":0}],"profileImageUrl":[{"profileImageUrlChanged":0}]}],[513,"kritzel-font",{"fontFamily":[1,"font-family"],"size":[2],"color":[1]}],[513,"kritzel-color",{"value":[1],"theme":[1],"size":[2]}],[513,"kritzel-menu",{"items":[16],"parent":[16],"selectedIndex":[32],"setScrollTop":[64],"setFocus":[64]}],[513,"kritzel-menu-item",{"item":[16],"parent":[16],"isDirty":[32]},null,{"item":[{"onItemChange":0}]}],[769,"kritzel-portal",{"anchor":[16],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"autoFocus":[4,"auto-focus"]},[[8,"kritzel-dismiss-menus","handleDismissMenus"],[8,"click","handleOutsideClick"],[6,"pointerdown","handleOutsidePointerDown"],[8,"keydown","handleKeyDown"],[11,"resize","handleResize"],[11,"scroll","handleWindowScroll"]],{"anchor":[{"anchorChanged":0}]}],[769,"kritzel-dialog",{"isOpen":[516,"is-open"],"dialogTitle":[1,"dialog-title"],"closable":[4],"closeOnBackdrop":[4,"close-on-backdrop"],"closeOnEscape":[4,"close-on-escape"],"autoFocus":[4,"auto-focus"],"trapFocus":[4,"trap-focus"],"size":[1],"fullscreenOnMobile":[4,"fullscreen-on-mobile"],"contained":[516],"isAnimating":[32],"mobileLockedHeight":[32],"containerRect":[32],"containerBorderRadius":[32],"open":[64],"close":[64],"focusFirstElement":[64]},[[8,"keydown","handleKeyDown"],[9,"resize","handleWindowResize"],[8,"orientationchange","handleOrientationChange"]],{"isOpen":[{"handleIsOpenChange":0}]}],[769,"kritzel-dropdown",{"options":[16],"value":[1],"width":[1],"selectStyles":[16],"forceOpenDirection":[1,"force-open-direction"],"internalValue":[32],"hasSuffixContent":[32],"hasPrefixContent":[32],"isOpen":[32],"focusedIndex":[32],"openDirection":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleDocumentKeydown"]],{"options":[{"optionsChanged":0}],"value":[{"externalValueChanged":0}]}],[513,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}]]],["p-69298b5f",[[513,"kritzel-brush-style",{"type":[1],"brushOptions":[16]}]]]]'),e))));
+import{p as e,b as o}from"./p-Dhio9uis.js";export{s as setNonce}from"./p-Dhio9uis.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o(JSON.parse('[["p-9adee165",[[512,"kritzel-editor",{"scaleMax":[1026,"scale-max"],"scaleMin":[1026,"scale-min"],"lockDrawingScale":[1028,"lock-drawing-scale"],"viewportBoundaryLeft":[1026,"viewport-boundary-left"],"viewportBoundaryRight":[1026,"viewport-boundary-right"],"viewportBoundaryTop":[1026,"viewport-boundary-top"],"viewportBoundaryBottom":[1026,"viewport-boundary-bottom"],"wheelEnabled":[1028,"wheel-enabled"],"debugInfo":[1040],"user":[16],"activeUsers":[16],"controls":[16],"globalContextMenuItems":[16],"objectContextMenuItems":[16],"themes":[16],"theme":[1025],"customSvgIcons":[16],"isControlsVisible":[4,"is-controls-visible"],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"isWorkspaceManagerVisible":[4,"is-workspace-manager-visible"],"isMoreMenuVisible":[4,"is-more-menu-visible"],"isObjectDistanceFadingActive":[4,"is-object-distance-fading-active"],"syncConfig":[16],"assetStorageConfig":[16],"cursorTarget":[16],"loginConfig":[16],"isLoading":[4,"is-loading"],"editorId":[1,"editor-id"],"activeWorkspaceId":[1,"active-workspace-id"],"isEngineReady":[32],"isControlsReady":[32],"isWorkspaceManagerReady":[32],"workspaces":[32],"activeWorkspace":[32],"isVirtualKeyboardOpen":[32],"undoState":[32],"isBackToContentButtonVisible":[32],"shortcuts":[32],"currentIsPublic":[32],"isEditorVisible":[32],"getObjectById":[64],"addObject":[64],"addObjects":[64],"updateObject":[64],"removeObject":[64],"removeObjects":[64],"getSelectedObjects":[64],"selectObjects":[64],"selectAllObjectsInViewport":[64],"clearSelection":[64],"centerObjectInViewport":[64],"panToObject":[64],"backToContent":[64],"centerAllObjects":[64],"centerObjects":[64],"setViewport":[64],"panTo":[64],"zoomTo":[64],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"registerTool":[64],"changeActiveTool":[64],"changeActiveToolByName":[64],"disable":[64],"enable":[64],"copy":[64],"cut":[64],"paste":[64],"delete":[64],"bringForward":[64],"sendBackward":[64],"bringToFront":[64],"sendToBack":[64],"alignObjects":[64],"group":[64],"ungroup":[64],"undo":[64],"redo":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"exportSelectedObjectsAsPng":[64],"exportSelectedObjectsAsSvg":[64],"downloadAsJson":[64],"importFromFile":[64],"loadObjectsFromJson":[64],"getObjectsTotalCount":[64],"getAllObjects":[64],"findObjects":[64],"getCopiedObjects":[64],"getObjectsInViewport":[64],"hideContextMenu":[64],"openContextMenu":[64],"triggerSelectionChange":[64],"getDisplayableShortcuts":[64],"openLoginDialog":[64],"setLoginLoading":[64]},[[0,"dblclick","onTouchStart"]],{"isEngineReady":[{"onIsEngineReady":0}],"isControlsReady":[{"onIsControlsReady":0}],"workspaces":[{"onWorkspacesChange":0}],"activeWorkspace":[{"onActiveWorkspaceChange":0}],"activeWorkspaceId":[{"onActiveWorkspaceIdChange":0}],"theme":[{"onCurrentThemeChange":0}],"themes":[{"onThemesChange":0}]}],[513,"kritzel-controls",{"visible":[4],"controls":[16],"activeControl":[1040],"isUtilityPanelVisible":[4,"is-utility-panel-visible"],"undoState":[16],"theme":[1],"firstConfig":[32],"isTouchDevice":[32],"selectedSubOptions":[32],"canScrollLeft":[32],"canScrollRight":[32],"needsScrolling":[32],"displayValues":[32],"internalControls":[32],"closeTooltip":[64]},[[8,"keydown","handleKeyDown"]],{"controls":[{"onControlsChange":0}],"theme":[{"onThemeChange":0}]}],[513,"kritzel-settings",{"availableThemes":[16],"shortcuts":[16],"settings":[16],"isDialogOpen":[32],"selectedCategoryId":[32],"scaleMin":[32],"scaleMax":[32],"lockDrawingScale":[32],"theme":[32],"viewportBoundaryLeft":[32],"viewportBoundaryRight":[32],"viewportBoundaryTop":[32],"viewportBoundaryBottom":[32],"debugInfo":[32],"open":[64]},null,{"settings":[{"onSettingsPropChange":0}]}],[513,"kritzel-export",{"workspaceName":[1,"workspace-name"],"isDialogOpen":[32],"previewUrl":[32],"isLoading":[32],"activeTab":[32],"exportFilename":[32],"viewportExportFormat":[32],"open":[64]}],[513,"kritzel-workspace-manager",{"visible":[4],"activeWorkspace":[1040],"workspaces":[16],"childMenuAnchor":[32],"openChildMenuItem":[32],"newWorkspace":[32],"editingItemId":[32]},[[8,"wheel","handleWheel"]]],[513,"kritzel-engine",{"workspace":[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"],"isObjectDistanceFadingActive":[4,"is-object-distance-fading-active"],"theme":[1],"themes":[16],"viewportBoundaryLeft":[2,"viewport-boundary-left"],"viewportBoundaryRight":[2,"viewport-boundary-right"],"viewportBoundaryTop":[2,"viewport-boundary-top"],"viewportBoundaryBottom":[2,"viewport-boundary-bottom"],"debugInfo":[16],"wheelEnabled":[4,"wheel-enabled"],"isLoading":[4,"is-loading"],"forceUpdate":[32],"triggerSelectionChange":[64],"registerTool":[64],"changeActiveTool":[64],"changeActiveToolByName":[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],"getViewport":[64],"screenToWorld":[64],"worldToScreen":[64],"getCopiedObjects":[64],"getObjectsInViewport":[64],"getScreenshot":[64],"exportViewportAsPng":[64],"exportViewportAsSvg":[64],"getSelectedObjectsAsSvgString":[64],"exportSelectedObjectsAsSvg":[64],"getSelectedObjectsAsPngDataUrl":[64],"exportSelectedObjectsAsPng":[64],"exportAsJson":[64],"importFromJson":[64],"loadObjectsFromJson":[64],"downloadAsJson":[64],"importFromFile":[64],"createWorkspace":[64],"updateWorkspace":[64],"deleteWorkspace":[64],"getWorkspaces":[64],"getActiveWorkspace":[64],"getIsPublic":[64],"loadSharedWorkspace":[64],"reinitSync":[64],"saveSettings":[64],"loadSettings":[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"],[4,"dblclick","preventDoubleTapZoomOnTouchDevices"]],{"workspace":[{"onWorkspaceChange":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}],"isObjectDistanceFadingActive":[{"onIsObjectDistanceFadingActiveChange":0}],"theme":[{"onThemeChange":0}],"themes":[{"onThemesChange":0}],"viewportBoundaryLeft":[{"onViewportBoundaryLeftChange":0}],"viewportBoundaryRight":[{"onViewportBoundaryRightChange":0}],"viewportBoundaryTop":[{"onViewportBoundaryTopChange":0}],"viewportBoundaryBottom":[{"onViewportBoundaryBottomChange":0}],"debugInfo":[{"onDebugInfoChange":0}],"isLoading":[{"onIsLoadingChange":0}]}],[513,"kritzel-more-menu",{"visible":[4],"items":[16],"icon":[1],"iconSize":[2,"icon-size"],"offsetY":[2,"offset-y"],"menuAnchor":[32],"isTouchDevice":[32]}],[513,"kritzel-current-user",{"user":[16],"avatarSize":[2,"avatar-size"]}],[513,"kritzel-share-dialog",{"isPublic":[4,"is-public"],"workspaceId":[1,"workspace-id"],"isDialogOpen":[32],"internalIsPublic":[32],"copySuccess":[32],"open":[64],"close":[64]},null,{"isPublic":[{"onIsPublicChange":0}]}],[513,"kritzel-login-dialog",{"providers":[16],"dialogTitle":[1,"dialog-title"],"subtitle":[1],"isDialogOpen":[32],"loadingProvider":[32],"open":[64],"close":[64],"setLoading":[64]}],[513,"kritzel-active-users",{"users":[16],"avatarSize":[2,"avatar-size"],"maxVisible":[2,"max-visible"],"overlap":[2]}],[513,"kritzel-back-to-content",{"visible":[4],"text":[1]}],[769,"kritzel-button",{"variant":[1],"disabled":[4],"type":[1]}],[513,"kritzel-tool-config",{"tool":[1040],"isExpanded":[1028,"is-expanded"],"theme":[1],"engine":[16],"config":[32],"palette":[32],"sizes":[32],"currentOpacity":[32],"updateTrigger":[32]},null,{"tool":[{"handleToolChange":0}],"theme":[{"onThemeChange":0}],"engine":[{"handleEngineChange":0}]}],[513,"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]}],[513,"kritzel-current-user-dialog",{"user":[16],"isDialogOpen":[32],"open":[64],"close":[64]}],[513,"kritzel-context-menu",{"items":[16],"objects":[16],"processedItems":[32],"openSubmenuPath":[32],"submenuPositions":[32]},[[9,"pointerdown","handleOutsideClick"]],{"items":[{"onItemsChanged":0}]}],[769,"kritzel-master-detail",{"items":[16],"selectedItemId":[1,"selected-item-id"],"focusedIndex":[32],"showMobileDetail":[32]},null,{"selectedItemId":[{"watchSelectedItemId":0}]}],[513,"kritzel-pill-tabs",{"tabs":[16],"value":[1025]}],[513,"kritzel-utility-panel",{"undoState":[16]}],[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-input",{"value":[1025],"label":[1],"placeholder":[1],"suffix":[1],"type":[1],"disabled":[4],"inputValue":[32]},null,{"value":[{"onValueChange":0}]}],[513,"kritzel-numeric-input",{"value":[1026],"min":[2],"max":[2],"step":[2],"label":[1],"placeholder":[1],"inputValue":[32]},null,{"value":[{"onValueChange":0}]}],[769,"kritzel-tooltip",{"isVisible":[1028,"is-visible"],"anchorElement":[16],"triggerElement":[16],"offsetY":[2,"offset-y"],"positionX":[32],"positionY":[32],"open":[64],"close":[64],"toggle":[64],"focusContent":[64]},[[4,"click","handleOutsideClick"],[6,"pointerdown","handleOutsidePointerDown"],[4,"kritzelTooltipCloseAll","handleCloseAll"],[9,"resize","handleWindowResize"]],{"triggerElement":[{"handleTriggerElementChange":0}],"isVisible":[{"handleVisibilityChange":0}]}],[513,"kritzel-color-palette",{"colors":[16],"selectedColor":[1040],"isExpanded":[4,"is-expanded"],"isOpaque":[4,"is-opaque"],"opacity":[2],"theme":[1]}],[513,"kritzel-font-family",{"fontOptions":[16],"selectedFontFamily":[1025,"selected-font-family"]}],[513,"kritzel-font-size",{"sizes":[16],"selectedSize":[1026,"selected-size"],"fontFamily":[1,"font-family"]}],[513,"kritzel-stroke-size",{"sizes":[16],"selectedSize":[1026,"selected-size"]}],[513,"kritzel-line-endings",{"styles":[16],"value":[1040]}],[513,"kritzel-opacity-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"previewColor":[1,"preview-color"]}],[513,"kritzel-shape-fill",{"value":[1025]}],[513,"kritzel-slide-toggle",{"checked":[1028],"disabled":[4],"label":[1]}],[513,"kritzel-avatar",{"user":[16],"name":[1],"size":[2],"color":[1],"imageError":[32]},null,{"user":[{"userChanged":0}],"profileImageUrl":[{"profileImageUrlChanged":0}]}],[513,"kritzel-font",{"fontFamily":[1,"font-family"],"size":[2],"color":[1]}],[513,"kritzel-color",{"value":[1],"theme":[1],"size":[2]}],[513,"kritzel-menu",{"items":[16],"parent":[16],"selectedIndex":[32],"setScrollTop":[64],"setFocus":[64]}],[513,"kritzel-menu-item",{"item":[16],"parent":[16],"isDirty":[32]},null,{"item":[{"onItemChange":0}]}],[769,"kritzel-portal",{"anchor":[16],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"autoFocus":[4,"auto-focus"]},[[8,"kritzel-dismiss-menus","handleDismissMenus"],[8,"click","handleOutsideClick"],[6,"pointerdown","handleOutsidePointerDown"],[8,"keydown","handleKeyDown"],[11,"resize","handleResize"],[11,"scroll","handleWindowScroll"]],{"anchor":[{"anchorChanged":0}]}],[769,"kritzel-dialog",{"isOpen":[516,"is-open"],"dialogTitle":[1,"dialog-title"],"closable":[4],"closeOnBackdrop":[4,"close-on-backdrop"],"closeOnEscape":[4,"close-on-escape"],"autoFocus":[4,"auto-focus"],"trapFocus":[4,"trap-focus"],"size":[1],"fullscreenOnMobile":[4,"fullscreen-on-mobile"],"contained":[516],"isAnimating":[32],"mobileLockedHeight":[32],"containerRect":[32],"containerBorderRadius":[32],"open":[64],"close":[64],"focusFirstElement":[64]},[[8,"keydown","handleKeyDown"],[9,"resize","handleWindowResize"],[8,"orientationchange","handleOrientationChange"]],{"isOpen":[{"handleIsOpenChange":0}]}],[769,"kritzel-dropdown",{"options":[16],"value":[1],"width":[1],"selectStyles":[16],"forceOpenDirection":[1,"force-open-direction"],"internalValue":[32],"hasSuffixContent":[32],"hasPrefixContent":[32],"isOpen":[32],"focusedIndex":[32],"openDirection":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleDocumentKeydown"]],{"options":[{"optionsChanged":0}],"value":[{"externalValueChanged":0}]}],[513,"kritzel-icon",{"name":[1],"label":[1],"size":[2]}]]],["p-fb32cd8f",[[513,"kritzel-brush-style",{"type":[1],"brushOptions":[16]}]]]]'),e))));

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

@@ -208,6 +208,14 @@ export declare class KritzelViewport {
      * @returns true if content was found and viewport is animating, false if no content exists
      */
     centerFitNearestContent(maxObjects?: number): boolean;
+    /**
+     * Centers and fits the provided objects in the viewport.
+     * Calculates the combined bounding box of the provided objects and optionally animates the viewport to show them.
+     * @param objects - Objects to include in the fit operation.
+     * @param animate - Whether to animate the viewport transition (default: true)
+     * @returns true if at least one object was provided and viewport was adjusted, false otherwise
+     */
+    centerFitObjects<T extends Element>(objects: KritzelBaseObject<T>[], animate?: boolean): boolean;
     /**
      * Centers and fits ALL objects in the viewport, including objects not currently rendered.
      * Calculates the combined bounding box of all objects and optionally animates the viewport to show them.

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

@@ -28,7 +28,7 @@ export declare class KritzelBaseObject<T extends Element = HTMLElement | SVGElem
     borderWidth: number;
     opacity: number;
     padding: number;
-    scale: number;
+    scale?: number;
     resizing: boolean;
     rotation: number;
     markedForRemoval: boolean;

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

@@ -17,7 +17,7 @@ export declare class KritzelShape extends KritzelBaseObject<HTMLDivElement> {
     x: number;
     /** Screen-space y coordinate of the shape's top-left corner (like Path.y) */
     y: number;
-    scale: number;
+    scale?: number;
     scaleFactor: number;
     isDebugInfoVisible: boolean;
     isEditable: boolean;

package/dist/types/classes/tools/base-tool.class.d.ts

@@ -1,4 +1,5 @@
 import { KritzelSerializable } from '../../interfaces/serializable.interface';
+import { KritzelToolType } from '../../interfaces/tool-type.interface';
 import { KritzelTool } from '../../interfaces/tool.interface';
 import { KritzelCore } from '../core/core.class';
 /**
@@ -9,6 +10,8 @@ import { KritzelCore } from '../core/core.class';
 export declare class KritzelBaseTool implements KritzelTool, KritzelSerializable {
     /** Class name identifier used for serialization/deserialization */
     __class__: string;
+    /** Identifies the tool type for config resolution (survives minification and dual-package bundling) */
+    toolType: KritzelToolType;
     /** Human-readable name of the tool */
     name: string;
     /** Reference to the Kritzel core instance for accessing store, viewport, and other core functionality */

package/dist/types/classes/tools/brush-tool.class.d.ts

@@ -7,6 +7,7 @@ import { ThemeAwareColor } from '../../constants/color-palette.constants';
  * Supports mouse, touch, and pen input with configurable color, size, and opacity.
  */
 export declare class KritzelBrushTool extends KritzelBaseTool {
+    toolType: "brush";
     /** The color of the brush stroke (supports theme-aware light/dark colors) */
     color: ThemeAwareColor;
     /** The width of the brush stroke in pixels */

package/dist/types/classes/tools/eraser-tool.class.d.ts

@@ -6,6 +6,7 @@ import { KritzelCore } from '../core/core.class';
  * and deleted when the gesture completes. Supports mouse, touch, and pen input.
  */
 export declare class KritzelEraserTool extends KritzelBaseTool {
+    toolType: "eraser";
     /** Timeout handle for delayed touch start activation to prevent accidental erasing */
     touchStartTimeout: any;
     /**

package/dist/types/classes/tools/image-tool.class.d.ts

@@ -14,6 +14,7 @@ import { KritzelCore } from '../core/core.class';
  *      the id to a URL via the asset resolver.
  */
 export declare class KritzelImageTool extends KritzelBaseTool {
+    toolType: "image";
     /** Hidden file input element for image selection */
     fileInput: HTMLInputElement | null;
     /** Maximum dimension (width or height) for image compression in pixels */

package/dist/types/classes/tools/line-tool.class.d.ts

@@ -9,6 +9,7 @@ import { ThemeAwareColor } from '../../constants/color-palette.constants';
  * Automatically switches to selection tool after line completion.
  */
 export declare class KritzelLineTool extends KritzelBaseTool {
+    toolType: "line";
     /** The stroke color of the line (supports theme-aware light/dark colors) */
     color: ThemeAwareColor;
     /** The stroke width of the line in pixels */

package/dist/types/classes/tools/selection-tool.class.d.ts

@@ -16,6 +16,7 @@ import { LineArrowConfig } from '../../interfaces/arrow-head.interface';
  * to specialized handlers (selection, move, resize, rotation, hover, line handle).
  */
 export declare class KritzelSelectionTool extends KritzelBaseTool {
+    toolType: "selection";
     /** Handler for selection box and object selection logic */
     selectionHandler: KritzelSelectionHandler;
     /** Handler for moving selected objects */

package/dist/types/classes/tools/shape-tool.class.d.ts

@@ -9,6 +9,7 @@ import { ThemeAwareColor } from '../../constants/color-palette.constants';
  * Automatically switches to selection tool after shape completion.
  */
 export declare class KritzelShapeTool extends KritzelBaseTool {
+    toolType: "shape";
     /** The type of shape to create (rectangle, ellipse, etc.) */
     shapeType: ShapeType;
     /** The fill color of the shape (supports theme-aware light/dark colors) */

package/dist/types/classes/tools/text-tool.class.d.ts

@@ -8,6 +8,7 @@ import { ThemeAwareColor } from '../../constants/color-palette.constants';
  * Supports configurable font family, size, color, and opacity.
  */
 export declare class KritzelTextTool extends KritzelBaseTool {
+    toolType: "text";
     /** Backing field for {@link fontFamily}. */
     private _fontFamily;
     /** Backing field for {@link fontSize}. */

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

@@ -43,6 +43,7 @@ export declare class KritzelEditor {
     isUtilityPanelVisible: boolean;
     isWorkspaceManagerVisible: boolean;
     isMoreMenuVisible: boolean;
+    isObjectDistanceFadingActive: boolean;
     syncConfig?: KritzelSyncConfig;
     assetStorageConfig?: KritzelAssetStorageConfig;
     /** The element to use as the target for the cursor. Defaults to the editor container if not set. */
@@ -89,15 +90,19 @@ export declare class KritzelEditor {
     onTouchStart(event: MouseEvent): void;
     getObjectById<T extends KritzelBaseObject>(id: string): Promise<T | null>;
     addObject<T extends KritzelBaseObject>(object: T): Promise<T | null>;
+    addObjects<T extends KritzelBaseObject>(objects: T[]): Promise<T[]>;
     updateObject<T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>): Promise<T | null>;
     removeObject<T extends KritzelBaseObject>(object: T): Promise<T | null>;
+    removeObjects<T extends KritzelBaseObject>(objects: T[]): Promise<T[]>;
     getSelectedObjects(): Promise<KritzelBaseObject[]>;
     selectObjects(objects: KritzelBaseObject[]): Promise<void>;
     selectAllObjectsInViewport(): Promise<void>;
     clearSelection(): Promise<void>;
     centerObjectInViewport(object: KritzelBaseObject): Promise<KritzelBaseObject<HTMLElement | SVGElement>>;
+    panToObject(object: KritzelBaseObject): Promise<void>;
     backToContent(): Promise<boolean>;
     centerAllObjects(animate?: boolean): Promise<boolean>;
+    centerObjects(objects: KritzelBaseObject[], animate?: boolean): Promise<boolean>;
     setViewport(x: number, y: number, scale: number): Promise<void>;
     panTo(x: number, y: number): Promise<void>;
     zoomTo(scale: number, worldX?: number, worldY?: number): Promise<void>;

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

@@ -49,8 +49,10 @@ export declare class KritzelEngine {
     onUserChange(newValue: IKritzelUser | undefined): void;
     /** Context menu items shown when right-clicking the canvas background. */
     globalContextMenuItems: ContextMenuItem[];
+    onGlobalContextMenuItemsChange(newValue: ContextMenuItem[] | undefined): void;
     /** Context menu items shown when right-clicking a selected object. */
     objectContextMenuItems: ContextMenuItem[];
+    onObjectContextMenuItemsChange(newValue: ContextMenuItem[] | undefined): void;
     /** Maximum zoom scale allowed. Clamped to the absolute maximum defined by the engine. */
     scaleMax: number;
     validateScaleMax(newValue: number): void;
@@ -63,6 +65,9 @@ export declare class KritzelEngine {
     /** When true, objects are drawn at a fixed visual size regardless of zoom level */
     lockDrawingScale: boolean;
     onLockDrawingScaleChange(newValue: boolean): void;
+    /** When true, objects fade based on distance to the viewport center. */
+    isObjectDistanceFadingActive: boolean;
+    onIsObjectDistanceFadingActiveChange(): void;
     /** The current theme to apply to the editor */
     theme: ThemeName;
     onThemeChange(newValue: ThemeName): void;
@@ -261,6 +266,15 @@ export declare class KritzelEngine {
      * @returns The added object.
      */
     addObject<T extends KritzelBaseObject>(object: T): Promise<T | null>;
+    /**
+     * Adds multiple objects to the canvas in a single batch operation.
+     * All objects are inserted within one Yjs transaction (single undo step),
+     * triggering only one rerender cycle. Intended for programmatic streaming
+     * scenarios where per-object overhead would cause stutter.
+     * @param objects - The object instances to add.
+     * @returns The added objects.
+     */
+    addObjects<T extends KritzelBaseObject>(objects: T[]): Promise<T[]>;
     /**
      * Updates properties of an existing canvas object.
      * @param object - The object to update.
@@ -274,6 +288,15 @@ export declare class KritzelEngine {
      * @returns The removed object.
      */
     removeObject<T extends KritzelBaseObject>(object: T): Promise<T | null>;
+    /**
+     * Removes multiple objects from the canvas in a single batch operation.
+     * All removals happen within one Yjs transaction (single undo step),
+     * triggering only one rerender cycle. Intended for programmatic streaming
+     * scenarios where per-object overhead would cause stutter.
+     * @param objects - The objects to remove.
+     * @returns The removed objects.
+     */
+    removeObjects<T extends KritzelBaseObject>(objects: T[]): Promise<T[]>;
     /** Returns the currently selected objects. Returns an empty array if nothing is selected. */
     getSelectedObjects(): Promise<KritzelBaseObject<any>[]>;
     /** Returns all registered keyboard shortcuts (without action/condition) for display in a help UI. */
@@ -293,6 +316,12 @@ export declare class KritzelEngine {
      * @returns The centered object.
      */
     centerObjectInViewport(object: KritzelBaseObject): Promise<KritzelBaseObject<HTMLElement | SVGElement>>;
+    /**
+     * Pans the viewport to center on the given object without changing the zoom level.
+     * Unlike `centerObjectInViewport`, this moves the camera — not the object.
+     * @param object - The object whose center the viewport should pan to.
+     */
+    panToObject(object: KritzelBaseObject): Promise<void>;
     /**
      * Pans and zooms the viewport to fit the nearest content, with padding.
      * Useful when the user has panned away from all objects.
@@ -306,6 +335,14 @@ export declare class KritzelEngine {
      * @returns `true` if objects were found and the viewport was adjusted, `false` otherwise.
      */
     centerAllObjects(animate?: boolean): Promise<boolean>;
+    /**
+     * Pans and zooms the viewport to fit the provided objects.
+     * Calculates the combined bounding box of the given objects and centers the viewport to show them.
+     * @param objects - The objects to center and fit in the viewport.
+     * @param animate - Whether to animate the viewport transition (default: true).
+     * @returns `true` if objects were provided and the viewport was adjusted, `false` otherwise.
+     */
+    centerObjects(objects: KritzelBaseObject[], animate?: boolean): Promise<boolean>;
     /**
      * Sets the viewport to center on the given world coordinates at the specified scale.
      * @param x - X position in world coordinates to center on.
@@ -506,6 +543,12 @@ export declare class KritzelEngine {
     private _assetStorageConfigRevision;
     private _isWorkspaceLoading;
     private readonly _defaultUndoState;
+    private readonly _objectDistanceFadeNearScale;
+    private readonly _objectDistanceFadeFarScale;
+    private readonly _objectDistanceFadeMinOpacity;
+    private readonly _objectDistanceFadeCloseStartScale;
+    private readonly _objectDistanceFadeCloseMaxScale;
+    private readonly _objectDistanceFadeCloseMinOpacity;
     private syncLoadingState;
     private applyToolConfig;
     get isSelecting(): boolean;
@@ -537,5 +580,10 @@ export declare class KritzelEngine {
     emitObjectsInViewportChange(): void;
     private _registerStateChangeListeners;
     private _handleActiveToolChange;
+    private getObjectDistanceFadeMultiplier;
+    private getFarDistanceFadeMultiplier;
+    private getCloseDistanceFadeMultiplier;
+    private shouldApplyDistanceFade;
+    private getObjectEffectiveOpacity;
     render(): any;
 }

package/dist/types/components/ui/kritzel-context-menu/kritzel-context-menu.d.ts

@@ -25,6 +25,7 @@ export declare class KritzelContextMenu {
     private getOpenSubmenuPaths;
     private isSubmenuOpen;
     private getParentPath;
+    private getMenuDepth;
     private pruneStaleRefs;
     private handleItemClick;
     private handleItemMouseEnter;

package/dist/types/components/ui/kritzel-controls/kritzel-controls.d.ts

@@ -10,6 +10,7 @@ import { ThemeName } from '../../../interfaces/theme.interface';
 type ToolConfig = Record<string, any>;
 export declare class KritzelControls {
     host: HTMLElement;
+    visible: boolean;
     controls: KritzelToolbarControl[];
     activeControl: KritzelToolbarControl | null;
     isUtilityPanelVisible: boolean;

package/dist/types/components.d.ts

@@ -230,6 +230,10 @@ export namespace Components {
           * @default null
          */
         "undoState": KritzelUndoState;
+        /**
+          * @default true
+         */
+        "visible": boolean;
     }
     interface KritzelCurrentUser {
         /**
@@ -327,9 +331,10 @@ export namespace Components {
          */
         "activeWorkspaceId"?: string;
         "addObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
+        "addObjects": <T extends KritzelBaseObject>(objects: T[]) => Promise<T[]>;
         "alignObjects": (alignment: KritzelAlignment) => Promise<void>;
         /**
-          * @default DEFAULT_ASSET_STORAGE_CONFIG
+          * @default {   providers: [], }
          */
         "assetStorageConfig"?: KritzelAssetStorageConfig;
         "backToContent": () => Promise<boolean>;
@@ -337,6 +342,7 @@ export namespace Components {
         "bringToFront": (object?: KritzelBaseObject<any>) => Promise<void>;
         "centerAllObjects": (animate?: boolean) => Promise<boolean>;
         "centerObjectInViewport": (object: KritzelBaseObject) => Promise<KritzelBaseObject<HTMLElement | SVGElement>>;
+        "centerObjects": (objects: KritzelBaseObject[], animate?: boolean) => Promise<boolean>;
         "changeActiveTool": (tool: KritzelBaseTool) => Promise<void>;
         "changeActiveToolByName": (toolName: string) => Promise<void>;
         "clearSelection": () => Promise<void>;
@@ -404,6 +410,10 @@ export namespace Components {
           * @default true
          */
         "isMoreMenuVisible": boolean;
+        /**
+          * @default false
+         */
+        "isObjectDistanceFadingActive": boolean;
         /**
           * @default true
          */
@@ -420,7 +430,6 @@ export namespace Components {
         "lockDrawingScale": boolean;
         /**
           * Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers.
-          * @default {     providers: [       {         label: 'Sign in with Google',         icon: 'google',         name: 'Google',       },     ],   }
          */
         "loginConfig"?: KritzelLoginConfig;
         /**
@@ -430,17 +439,19 @@ export namespace Components {
         "openContextMenu": (options: { x: number; y: number; objectId?: string; }) => Promise<void>;
         "openLoginDialog": () => Promise<void>;
         "panTo": (x: number, y: number) => Promise<void>;
+        "panToObject": (object: KritzelBaseObject) => Promise<void>;
         "paste": (x: number, y: number) => Promise<void>;
         "redo": () => Promise<void>;
         "registerTool": (toolName: string, toolClass: any, toolConfig?: KritzelTextToolConfig | KritzelBrushToolConfig | KritzelLineToolConfig | KritzelShapeToolConfig) => Promise<KritzelBaseTool | null>;
         "reinitSync": () => Promise<void>;
         "removeObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
+        "removeObjects": <T extends KritzelBaseObject>(objects: T[]) => Promise<T[]>;
         /**
-          * @default ABSOLUTE_SCALE_MAX
+          * @default 1000
          */
         "scaleMax": number;
         /**
-          * @default ABSOLUTE_SCALE_MIN
+          * @default 0.0001
          */
         "scaleMin": number;
         "screenToWorld": (x: number, y: number) => Promise<{ x: number; y: number; }>;
@@ -451,7 +462,7 @@ export namespace Components {
         "setLoginLoading": (provider: string | null) => Promise<void>;
         "setViewport": (x: number, y: number, scale: number) => Promise<void>;
         /**
-          * @default DEFAULT_SYNC_CONFIG
+          * @default {   providers: [], }
          */
         "syncConfig"?: KritzelSyncConfig;
         /**
@@ -499,6 +510,12 @@ export namespace Components {
           * @returns The added object.
          */
         "addObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
+        /**
+          * Adds multiple objects to the canvas in a single batch operation. All objects are inserted within one Yjs transaction (single undo step), triggering only one rerender cycle. Intended for programmatic streaming scenarios where per-object overhead would cause stutter.
+          * @param objects - The object instances to add.
+          * @returns The added objects.
+         */
+        "addObjects": <T extends KritzelBaseObject>(objects: T[]) => Promise<T[]>;
         /**
           * Aligns the currently selected objects according to the specified alignment.
           * @param alignment - The alignment direction (e.g., `CenterHorizontal`, `StartVertical`).
@@ -535,6 +552,13 @@ export namespace Components {
           * @returns The centered object.
          */
         "centerObjectInViewport": (object: KritzelBaseObject) => Promise<KritzelBaseObject<HTMLElement | SVGElement>>;
+        /**
+          * Pans and zooms the viewport to fit the provided objects. Calculates the combined bounding box of the given objects and centers the viewport to show them.
+          * @param objects - The objects to center and fit in the viewport.
+          * @param animate - Whether to animate the viewport transition (default: true).
+          * @returns `true` if objects were provided and the viewport was adjusted, `false` otherwise.
+         */
+        "centerObjects": (objects: KritzelBaseObject[], animate?: boolean) => Promise<boolean>;
         /**
           * Switches the active drawing tool. Deactivates the current tool and clears any selection.
           * @param tool - The tool instance to activate.
@@ -721,6 +745,11 @@ export namespace Components {
           * @default false
          */
         "isLoading": boolean;
+        /**
+          * When true, objects fade based on distance to the viewport center.
+          * @default false
+         */
+        "isObjectDistanceFadingActive": boolean;
         /**
           * Loads objects from a workspace JSON string into the current workspace. Unlike importFromJson, this does not create a new workspace - it adds objects to the existing one. Useful for initializing a workspace with pre-existing content after the editor is ready.
           * @param json - A JSON string containing workspace data (from exportAsJson).
@@ -760,6 +789,11 @@ export namespace Components {
           * @param y - Y position in world coordinates to center on.
          */
         "panTo": (x: number, y: number) => Promise<void>;
+        /**
+          * Pans the viewport to center on the given object without changing the zoom level. Unlike `centerObjectInViewport`, this moves the camera — not the object.
+          * @param object - The object whose center the viewport should pan to.
+         */
+        "panToObject": (object: KritzelBaseObject) => Promise<void>;
         /**
           * Pastes previously copied objects at the specified world coordinates.
           * @param x - X position in world coordinates.
@@ -788,6 +822,12 @@ export namespace Components {
           * @returns The removed object.
          */
         "removeObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
+        /**
+          * Removes multiple objects from the canvas in a single batch operation. All removals happen within one Yjs transaction (single undo step), triggering only one rerender cycle. Intended for programmatic streaming scenarios where per-object overhead would cause stutter.
+          * @param objects - The objects to remove.
+          * @returns The removed objects.
+         */
+        "removeObjects": <T extends KritzelBaseObject>(objects: T[]) => Promise<T[]>;
         /**
           * Persists the given settings object to localStorage using the namespaced storage key.
           * @param settings - The settings configuration to persist.
@@ -795,12 +835,12 @@ export namespace Components {
         "saveSettings": (settings: KritzelSettingsConfig) => Promise<void>;
         /**
           * Maximum zoom scale allowed. Clamped to the absolute maximum defined by the engine.
-          * @default ABSOLUTE_SCALE_MAX
+          * @default 1000
          */
         "scaleMax": number;
         /**
           * Minimum zoom scale allowed. Clamped to the absolute minimum defined by the engine.
-          * @default ABSOLUTE_SCALE_MIN
+          * @default 0.0001
          */
         "scaleMin": number;
         /**
@@ -2360,6 +2400,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "undoState"?: KritzelUndoState;
+        /**
+          * @default true
+         */
+        "visible"?: boolean;
     }
     interface KritzelCurrentUser {
         /**
@@ -2461,7 +2505,7 @@ declare namespace LocalJSX {
          */
         "activeWorkspaceId"?: string;
         /**
-          * @default DEFAULT_ASSET_STORAGE_CONFIG
+          * @default {   providers: [], }
          */
         "assetStorageConfig"?: KritzelAssetStorageConfig;
         /**
@@ -2501,6 +2545,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "isMoreMenuVisible"?: boolean;
+        /**
+          * @default false
+         */
+        "isObjectDistanceFadingActive"?: boolean;
         /**
           * @default true
          */
@@ -2515,7 +2563,6 @@ declare namespace LocalJSX {
         "lockDrawingScale"?: boolean;
         /**
           * Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers.
-          * @default {     providers: [       {         label: 'Sign in with Google',         icon: 'google',         name: 'Google',       },     ],   }
          */
         "loginConfig"?: KritzelLoginConfig;
         /**
@@ -2536,15 +2583,15 @@ declare namespace LocalJSX {
         "onUndoStateChange"?: (event: KritzelEditorCustomEvent<KritzelUndoState1>) => void;
         "onViewportChange"?: (event: KritzelEditorCustomEvent<KritzelViewportState>) => void;
         /**
-          * @default ABSOLUTE_SCALE_MAX
+          * @default 1000
          */
         "scaleMax"?: number;
         /**
-          * @default ABSOLUTE_SCALE_MIN
+          * @default 0.0001
          */
         "scaleMin"?: number;
         /**
-          * @default DEFAULT_SYNC_CONFIG
+          * @default {   providers: [], }
          */
         "syncConfig"?: KritzelSyncConfig;
         /**
@@ -2604,6 +2651,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "isLoading"?: boolean;
+        /**
+          * When true, objects fade based on distance to the viewport center.
+          * @default false
+         */
+        "isObjectDistanceFadingActive"?: boolean;
         /**
           * When true, objects are drawn at a fixed visual size regardless of zoom level
           * @default true
@@ -2671,12 +2723,12 @@ declare namespace LocalJSX {
         "onWorkspacesChange"?: (event: KritzelEngineCustomEvent<KritzelWorkspace[]>) => void;
         /**
           * Maximum zoom scale allowed. Clamped to the absolute maximum defined by the engine.
-          * @default ABSOLUTE_SCALE_MAX
+          * @default 1000
          */
         "scaleMax"?: number;
         /**
           * Minimum zoom scale allowed. Clamped to the absolute minimum defined by the engine.
-          * @default ABSOLUTE_SCALE_MIN
+          * @default 0.0001
          */
         "scaleMin"?: number;
         /**
@@ -3217,6 +3269,7 @@ declare namespace LocalJSX {
         "theme": ThemeName;
     }
     interface KritzelControlsAttributes {
+        "visible": boolean;
         "isUtilityPanelVisible": boolean;
         "theme": ThemeName;
     }
@@ -3254,6 +3307,7 @@ declare namespace LocalJSX {
         "isUtilityPanelVisible": boolean;
         "isWorkspaceManagerVisible": boolean;
         "isMoreMenuVisible": boolean;
+        "isObjectDistanceFadingActive": boolean;
         "isLoading": boolean;
         "editorId": string;
         "activeWorkspaceId": string;
@@ -3264,6 +3318,7 @@ declare namespace LocalJSX {
         "scaleMax": number;
         "scaleMin": number;
         "lockDrawingScale": boolean;
+        "isObjectDistanceFadingActive": boolean;
         "theme": ThemeName;
         "viewportBoundaryLeft": number;
         "viewportBoundaryRight": number;