kritzel-stencil 0.4.25 → 0.4.26

package/dist/components/kritzel-editor.js

@@ -1,56 +1,55 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-B43upypT.js';
-import { K as KritzelIconRegistry, d as defineCustomElement$s } from './p-CSuU8frA.js';
-import { v as DEFAULT_STROKE_SIZES, w as DEFAULT_FONT_SIZES, S as ShapeType, m as KritzelSelectionTool, f as KritzelBrushTool, h as KritzelEraserTool, g as KritzelLineTool, k as KritzelShapeTool, j as KritzelTextTool, i as KritzelImageTool, s as KritzelAlignment, x as DEFAULT_SYNC_CONFIG, y as KritzelSelectionGroup, z as KritzelSelectionBox, B as KritzelKeyboardHelper, C as defineCustomElement$x } from './p-gJcH-huF.js';
+import { K as KritzelIconRegistry, d as defineCustomElement$r } from './p-CSuU8frA.js';
+import { v as DEFAULT_STROKE_SIZES, w as DEFAULT_FONT_SIZES, S as ShapeType, m as KritzelSelectionTool, f as KritzelBrushTool, h as KritzelEraserTool, g as KritzelLineTool, k as KritzelShapeTool, j as KritzelTextTool, i as KritzelImageTool, s as KritzelAlignment, x as DEFAULT_SYNC_CONFIG, y as KritzelSelectionGroup, z as KritzelSelectionBox, B as KritzelKeyboardHelper, C as defineCustomElement$w } from './p-DUoQyGKc.js';
 import { D as DEFAULT_COLOR_PALETTE, T as ThemeHelper, d as darkTheme, l as lightTheme } from './p-7I4Uzjrw.js';
 import { D as DEFAULT_TEXT_TOOL_AVAILABLE_FONTS, r as resolveTextToolAvailableFonts, K as KritzelFontRegistry } from './p-DJkKlUyZ.js';
-import { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, d as defineCustomElement$4 } from './p-DtnMdWWB.js';
+import { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, d as defineCustomElement$4 } from './p-DK0anxtL.js';
 import { K as KritzelDevicesHelper } from './p-jGOpkGDl.js';
 import { O as ObjectHelper } from './p-DPONTran.js';
-import { d as defineCustomElement$J } from './p-bAacqNHq.js';
+import { d as defineCustomElement$I } from './p-bAacqNHq.js';
 import * as Y from 'yjs';
 import 'y-indexeddb';
 import 'y-websocket';
-import { d as defineCustomElement$L } from './p-DBqoPgev.js';
-import { d as defineCustomElement$K } from './p-4SPnZZkH.js';
-import { d as defineCustomElement$I } from './p-Czhdc844.js';
-import { d as defineCustomElement$H } from './p-BoN700-O.js';
-import { d as defineCustomElement$G } from './p-Dt7-I2Xz.js';
-import { d as defineCustomElement$F } from './p-B-585egz.js';
-import { d as defineCustomElement$E } from './p-CSPYkLLH.js';
-import { d as defineCustomElement$D } from './p-DDTMGbtA.js';
-import { d as defineCustomElement$C } from './p-DwMqCX2P.js';
-import { d as defineCustomElement$B } from './p-vqEUQ-4Q.js';
-import { d as defineCustomElement$A } from './p-Cm33td2O.js';
-import { d as defineCustomElement$z } from './p-DX2nriaq.js';
-import { d as defineCustomElement$y } from './p-Df3BwVGy.js';
-import { d as defineCustomElement$w } from './p-dsxHDlQ3.js';
-import { d as defineCustomElement$v } from './p-DVXTPI71.js';
-import { d as defineCustomElement$u } from './p-djJSnjAX.js';
-import { d as defineCustomElement$t } from './p-2WiGyky4.js';
-import { d as defineCustomElement$r } from './p-PjPPCHVL.js';
-import { d as defineCustomElement$q } from './p-CXpv9Rxe.js';
-import { d as defineCustomElement$p } from './p-DB58Oa5V.js';
-import { d as defineCustomElement$o } from './p-B5SWPDuq.js';
-import { d as defineCustomElement$n } from './p-CF8pLc07.js';
-import { d as defineCustomElement$l, a as defineCustomElement$m } from './p-BrNsOp2v.js';
-import { d as defineCustomElement$k } from './p-eZXIu4yK.js';
-import { d as defineCustomElement$j } from './p-BsLI_BWq.js';
-import { d as defineCustomElement$i } from './p-DKGg-76-.js';
-import { d as defineCustomElement$h } from './p-CrHvaLRV.js';
-import { d as defineCustomElement$g } from './p-jIKskj3S.js';
-import { d as defineCustomElement$f } from './p-BPsKYMH6.js';
-import { d as defineCustomElement$e } from './p-0fhjWRmT.js';
-import { d as defineCustomElement$d } from './p-BFYtCsZu.js';
-import { d as defineCustomElement$c } from './p-CwZ3KKFq.js';
-import { d as defineCustomElement$b } from './p-BozrueXV.js';
-import { d as defineCustomElement$a } from './p-C98Eb3_R.js';
-import { d as defineCustomElement$9 } from './p-GKmqCI8r.js';
-import { d as defineCustomElement$8 } from './p-CAoN_STZ.js';
-import { d as defineCustomElement$7 } from './p-HoO86l1o.js';
-import { d as defineCustomElement$6 } from './p-CaBbajU2.js';
-import { d as defineCustomElement$5 } from './p-CzW58DHM.js';
-import { d as defineCustomElement$3 } from './p-D1rjfWgJ.js';
-import { d as defineCustomElement$2 } from './p-fL9rl200.js';
+import { d as defineCustomElement$K } from './p-DFMZEarE.js';
+import { d as defineCustomElement$J } from './p-DN9p3G9K.js';
+import { d as defineCustomElement$H } from './p-D_cyY7Nd.js';
+import { d as defineCustomElement$G } from './p-Ba0c-tu2.js';
+import { d as defineCustomElement$F } from './p-DOTdJ3JQ.js';
+import { d as defineCustomElement$E } from './p-BeSKOETx.js';
+import { d as defineCustomElement$D } from './p-CSPYkLLH.js';
+import { d as defineCustomElement$C } from './p-CeffYwAK.js';
+import { d as defineCustomElement$B } from './p-CucCT7Qn.js';
+import { d as defineCustomElement$A } from './p-D0Ed8epW.js';
+import { d as defineCustomElement$z } from './p-Cm33td2O.js';
+import { d as defineCustomElement$y } from './p-DX2nriaq.js';
+import { d as defineCustomElement$x } from './p-Df3BwVGy.js';
+import { d as defineCustomElement$v } from './p-Dpm75DfV.js';
+import { d as defineCustomElement$u } from './p-OUl5CA4Y.js';
+import { d as defineCustomElement$t } from './p-djJSnjAX.js';
+import { d as defineCustomElement$s } from './p-BprEDRpA.js';
+import { d as defineCustomElement$q } from './p-NOWtUeeQ.js';
+import { d as defineCustomElement$p } from './p-CXpv9Rxe.js';
+import { d as defineCustomElement$o } from './p-Cva3jIIU.js';
+import { d as defineCustomElement$n } from './p-C0FEC_gS.js';
+import { d as defineCustomElement$m } from './p-DhabvHJM.js';
+import { d as defineCustomElement$k, a as defineCustomElement$l } from './p-CAXR5-S9.js';
+import { d as defineCustomElement$j } from './p-BPzdPKWE.js';
+import { d as defineCustomElement$i } from './p-BsLI_BWq.js';
+import { d as defineCustomElement$h } from './p-DTB3ykgO.js';
+import { d as defineCustomElement$g } from './p-DnmVD1Mz.js';
+import { d as defineCustomElement$f } from './p-jIKskj3S.js';
+import { d as defineCustomElement$e } from './p-CBrn5AIB.js';
+import { d as defineCustomElement$d } from './p-m7SeNszM.js';
+import { d as defineCustomElement$c } from './p-BFYtCsZu.js';
+import { d as defineCustomElement$b } from './p-ChPs27Fd.js';
+import { d as defineCustomElement$a } from './p-Dvn6ad4a.js';
+import { d as defineCustomElement$9 } from './p-Ce1j1-Hg.js';
+import { d as defineCustomElement$8 } from './p-DoxFuOy1.js';
+import { d as defineCustomElement$7 } from './p-DOl-95VY.js';
+import { d as defineCustomElement$6 } from './p-DkHYY72B.js';
+import { d as defineCustomElement$5 } from './p-DUmLsjKb.js';
+import { d as defineCustomElement$3 } from './p-CoXN583u.js';
+import { d as defineCustomElement$2 } from './p-B38_9BJg.js';
 
 /**
  * Common Math expressions.
@@ -2957,7 +2956,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         this.login = createEvent(this, "login");
         this.isPublicChange = createEvent(this, "isPublicChange");
         this.awarenessChange = createEvent(this, "awarenessChange");
-        this.isSyncing = createEvent(this, "isSyncing");
     }
     get host() { return this; }
     scaleMax = ABSOLUTE_SCALE_MAX;
@@ -3197,7 +3195,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     login;
     isPublicChange;
     awarenessChange;
-    isSyncing;
     isEngineReady = false;
     isControlsReady = false;
     isWorkspaceManagerReady = false;
@@ -3220,7 +3217,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     normalizedControls = [];
     resolvedMoreMenuItems = [];
     isLoadingOverlayVisible = false;
-    isSyncingIndicatorVisible = false;
     notificationDismissTimeout;
     notificationDismissAnimationTimeout;
     notificationDisplayDurationMs = 5000;
@@ -3703,11 +3699,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         event.stopPropagation();
         this.awarenessChange.emit(event.detail);
     }
-    handleIsSyncingChange(event) {
-        event.stopPropagation();
-        this.isSyncingIndicatorVisible = event.detail;
-        this.isSyncing.emit(event.detail);
-    }
     handleNotificationsChange(event) {
         event.stopPropagation();
         this.clearNotificationDismissAnimationTimer();
@@ -4021,40 +4012,40 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         const isLoggedIn = this.isLoggedIn;
         const shouldShowCurrentUser = isLoggedIn;
         const shouldShowLoginButton = this.isReady && !!this.loginConfig && !isLoggedIn;
-        return (h(Host, { key: 'a24350a0c12d99ccb0d0ec3ab5975d0f1bf7f861' }, h("div", { key: 'bd7029567aeef8cba5290c2bf9937db1af113475', class: "editor-content", style: {
+        return (h(Host, { key: '10d7810f2db00207f1f024727fb3957dce6496c5' }, h("div", { key: 'f1bced369a6e820d17c89b6e8cdd8f09fc7e084f', class: "editor-content", style: {
                 opacity: this.isEditorVisible ? '1' : '0',
                 visibility: this.isEditorVisible ? 'visible' : 'hidden',
                 transition: 'opacity 0.2s ease-in-out, visibility 0.2s ease-in-out',
-            } }, h("div", { key: 'f628dbd94d88c9bdb313a59d73ce86302c90e375', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: '5a82d054da31e47d3f8b5c6c403949a5fb97b9dd', visible: this.isWorkspaceManagerVisible, workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, terms: this.resolvedTerms, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-back-to-content", { key: 'a5bccef36c8a49ef2cb7ec029def1c7ba71d1c31', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: 'c5c359b199528dd7b1b64a6a32ef349037357c5a', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: 'a41cd6c67c56626c2b6f0eb12193af1f80d6a254', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: 'fb49769368ddf0fc74998a96dd26dc446ff2b386', notification: this.activeNotification, locale: this.locale, onDismiss: this.dismissNotification, onHoverChange: event => this.handleNotificationHoverChange(event) })))), this.contextMenuState && this.contextMenuState.items.length > 0 && (h("kritzel-context-menu", { key: '56f38790f477d08761d7542ed3794c52f1f73815', class: "context-menu", items: this.contextMenuState.items, objects: this.contextMenuState.objects, style: {
+            } }, h("div", { key: '42d177987e4d14de10ebb45d673f750022c7d944', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: 'be583a237b378e0eeb14756fcb0bd9a733b51020', visible: this.isWorkspaceManagerVisible, workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, terms: this.resolvedTerms, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-back-to-content", { key: '5713455fd09512085e5048ab3da35499d48c9bbc', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: '41c3fbd197ccca774bb87be7d003374bc548e46e', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: '5634e4cfd0d6cb7accee59e7f239e3d758872202', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: 'b1b2a90199b16e874a54a6435ebb4f873cc8a403', notification: this.activeNotification, locale: this.locale, onDismiss: this.dismissNotification, onHoverChange: event => this.handleNotificationHoverChange(event) })))), this.contextMenuState && this.contextMenuState.items.length > 0 && (h("kritzel-context-menu", { key: '9b1d0f847171e177a2135454cab0c3761308c396', class: "context-menu", items: this.contextMenuState.items, objects: this.contextMenuState.objects, style: {
                 position: 'absolute',
                 left: `${this.contextMenuState.position.x}px`,
                 top: `${this.contextMenuState.position.y}px`,
                 zIndex: '10002',
-            }, onActionSelected: event => this.handleContextMenuActionSelected(event), onClose: () => this.hideContextMenu() })), h("kritzel-sync-indicator", { key: '4957b8bae0d7087d586c9d0c6da82cae905d7d08', visible: this.isSyncingIndicatorVisible, text: "Syncing..." }), h("kritzel-loading-overlay", { key: 'e2e99dc452245a2edf7a575ea5fb60aa91be20df', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: 'fcebe1cc1237c8649461f03679f9c76c05dde9c4', ref: el => {
+            }, onActionSelected: event => this.handleContextMenuActionSelected(event), onClose: () => this.hideContextMenu() })), h("kritzel-loading-overlay", { key: '693536ad11dbc5080203902f0553d87b628704e9', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: 'd4dacd1803e63417c2d7d9dcd008345e947f2806', ref: el => {
                 if (el) {
                     this.engineRef = el;
                 }
-            }, workspace: this.activeWorkspace, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, isObjectDistanceFadingActive: this.isObjectDistanceFadingActive, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, isLoading: this.isLoading, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, isPanningEnabled: this.isPanningEnabled, isZoomingEnabled: this.isZoomingEnabled, theme: this.theme, themes: this.themes, licenseKey: this.licenseKey, locale: this.locale, locales: this.locales, fallbackLocale: this.fallbackLocale, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event), onIsSyncing: event => this.handleIsSyncingChange(event), onNotificationsChange: event => this.handleNotificationsChange(event), onContextMenuStateChange: event => this.handleContextMenuStateChange(event), onLoadingChange: event => (this.isLoadingOverlayVisible = event.detail) }), h("kritzel-controls", { key: '72b1a3f80bfedb3843d0d54159ad47793db69977', visible: this.isControlsVisible, class: { 'keyboard-open': this.isVirtualKeyboardOpen }, ref: el => {
+            }, workspace: this.activeWorkspace, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, isObjectDistanceFadingActive: this.isObjectDistanceFadingActive, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, isLoading: this.isLoading, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, isPanningEnabled: this.isPanningEnabled, isZoomingEnabled: this.isZoomingEnabled, theme: this.theme, themes: this.themes, licenseKey: this.licenseKey, locale: this.locale, locales: this.locales, fallbackLocale: this.fallbackLocale, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event), onNotificationsChange: event => this.handleNotificationsChange(event), onContextMenuStateChange: event => this.handleContextMenuStateChange(event), onLoadingChange: event => (this.isLoadingOverlayVisible = event.detail) }), h("kritzel-controls", { key: 'f988a540cae6372b2259167956f81ecfae324bf1', visible: this.isControlsVisible, class: { 'keyboard-open': this.isVirtualKeyboardOpen }, ref: el => {
                 if (el) {
                     this.controlsRef = el;
                 }
-            }, controls: this.normalizedControls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.theme, terms: this.resolvedTerms, onIsControlsReady: () => (this.isControlsReady = true) }), h("div", { key: '1684a320f1806ae9fdfcfcff115d01f5788737e7', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: '8e85652ded70df043d79c9cd73b226aaefa5d6d4', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'a836056bdae11324f4ce79da4b991281c1985358', class: "top-right-buttons" }, h("kritzel-settings", { key: 'e68f4e79bc053e03dc37c18ee153758d284b0d34', ref: el => {
+            }, controls: this.normalizedControls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.theme, terms: this.resolvedTerms, onIsControlsReady: () => (this.isControlsReady = true) }), h("div", { key: 'c9eca767869cb0504b18b480f14abb4ae9515e6a', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: '9a02ece644a46b9eaa1ce92245df2183bfe7bb5a', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'a214d0c6039cfeeda9e4e015e83ca196e4b73b56', class: "top-right-buttons" }, h("kritzel-settings", { key: 'c20518083d832267e85384d14adca6342fa82299', ref: el => {
                 if (el) {
                     this.settingsRef = el;
                 }
-            }, shortcuts: this.shortcuts, availableThemes: this.themes && this.themes.length > 0 ? this.themes.map(t => t.name) : ['light', 'dark'], availableLocales: this.availableLocaleOptions, settings: this.currentSettingsConfig, terms: this.resolvedTerms, onSettingsChange: event => this.handleSettingsChange(event) }), h("kritzel-export", { key: 'f1e9ea467d11b55dbe75d8b0252fd7f5ed37a1a2', ref: el => {
+            }, shortcuts: this.shortcuts, availableThemes: this.themes && this.themes.length > 0 ? this.themes.map(t => t.name) : ['light', 'dark'], availableLocales: this.availableLocaleOptions, settings: this.currentSettingsConfig, terms: this.resolvedTerms, onSettingsChange: event => this.handleSettingsChange(event) }), h("kritzel-export", { key: '3306caba17bb638e5285c838539c7862e889dbbd', ref: el => {
                 if (el) {
                     this.exportRef = el;
                 }
-            }, workspaceName: this.activeWorkspace?.name || 'workspace', terms: this.resolvedTerms, onExportPng: () => this.engineRef.exportViewportAsPng(), onExportSvg: () => this.engineRef.exportViewportAsSvg(), onExportJson: event => this.engineRef.downloadAsJson(event.detail) }), h("kritzel-active-users", { key: '01bb56bd37bc22e82be5a1175f597cdf724c4834', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '5470ef356a4d6332b380e8c75f02f0fccbe861cc', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: '229551b18f0443944a96f7b8e833ff1aefb001f4', ref: el => {
+            }, workspaceName: this.activeWorkspace?.name || 'workspace', terms: this.resolvedTerms, onExportPng: () => this.engineRef.exportViewportAsPng(), onExportSvg: () => this.engineRef.exportViewportAsSvg(), onExportJson: event => this.engineRef.downloadAsJson(event.detail) }), h("kritzel-active-users", { key: '1aede3a116f502f017188153803c35e304592575', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '8eaa1d59ca018d1b1190aa01c9fa3d2bd587de4c', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: 'c9a138c1411746654b3a2385c6c5c82b875cf88d', ref: el => {
                 if (el) {
                     this.currentUserDialogRef = el;
                 }
-            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: '3d9a8ebbe62084e94348265f1f883bc80e625d9c', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: '9f7f763c330b27068bc371d98eb22a80adbf359e', items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: 'c60b860e22394a44270285dea45f02305a05c545', ref: el => {
+            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: '9a2900deb52b4d70f1612fb75c5baa9302412ebf', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: '027d3c3d847bf975bc5c6f44e9ecf1b452c77bf9', items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: '461e239bd09abf63b85e6122b1b9f7425da23ec3', ref: el => {
                 if (el) {
                     this.shareDialogRef = el;
                 }
-            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: '84d0fab11722a7be1d5824b3284f000502277dfc', ref: el => {
+            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: '1e324fb764ab33047dba85eb34ae51418d081f2c', ref: el => {
                 if (el) {
                     this.loginDialogRef = el;
                 }
@@ -4163,7 +4154,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         "normalizedControls": [32],
         "resolvedMoreMenuItems": [32],
         "isLoadingOverlayVisible": [32],
-        "isSyncingIndicatorVisible": [32],
         "getObjectById": [64],
         "addObject": [64],
         "addObjects": [64],
@@ -4288,7 +4278,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kritzel-editor", "kritzel-active-users", "kritzel-avatar", "kritzel-awareness-cursors", "kritzel-back-to-content", "kritzel-button", "kritzel-color", "kritzel-color-palette", "kritzel-context-menu", "kritzel-controls", "kritzel-current-user", "kritzel-current-user-dialog", "kritzel-cursor-trail", "kritzel-dialog", "kritzel-dropdown", "kritzel-engine", "kritzel-export", "kritzel-font", "kritzel-font-family", "kritzel-font-size", "kritzel-icon", "kritzel-input", "kritzel-line-endings", "kritzel-loading-overlay", "kritzel-login-dialog", "kritzel-master-detail", "kritzel-menu", "kritzel-menu-item", "kritzel-more-menu", "kritzel-notification-card", "kritzel-numeric-input", "kritzel-opacity-slider", "kritzel-pill-tabs", "kritzel-portal", "kritzel-settings", "kritzel-shape-fill", "kritzel-share-dialog", "kritzel-slide-toggle", "kritzel-split-button", "kritzel-stroke-size", "kritzel-sync-indicator", "kritzel-tool-config", "kritzel-tooltip", "kritzel-utility-panel", "kritzel-watermark", "kritzel-workspace-manager", "kritzel-zoom-panel"];
+    const components = ["kritzel-editor", "kritzel-active-users", "kritzel-avatar", "kritzel-awareness-cursors", "kritzel-back-to-content", "kritzel-button", "kritzel-color", "kritzel-color-palette", "kritzel-context-menu", "kritzel-controls", "kritzel-current-user", "kritzel-current-user-dialog", "kritzel-cursor-trail", "kritzel-dialog", "kritzel-dropdown", "kritzel-engine", "kritzel-export", "kritzel-font", "kritzel-font-family", "kritzel-font-size", "kritzel-icon", "kritzel-input", "kritzel-line-endings", "kritzel-loading-overlay", "kritzel-login-dialog", "kritzel-master-detail", "kritzel-menu", "kritzel-menu-item", "kritzel-more-menu", "kritzel-notification-card", "kritzel-numeric-input", "kritzel-opacity-slider", "kritzel-pill-tabs", "kritzel-portal", "kritzel-settings", "kritzel-shape-fill", "kritzel-share-dialog", "kritzel-slide-toggle", "kritzel-split-button", "kritzel-stroke-size", "kritzel-tool-config", "kritzel-tooltip", "kritzel-utility-panel", "kritzel-watermark", "kritzel-workspace-manager", "kritzel-zoom-panel"];
     components.forEach(tagName => { switch (tagName) {
         case "kritzel-editor":
             if (!customElements.get(transformTag(tagName))) {
@@ -4296,201 +4286,196 @@ function defineCustomElement$1() {
             }
             break;
         case "kritzel-active-users":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$L();
-            }
-            break;
-        case "kritzel-avatar":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$K();
             }
             break;
-        case "kritzel-awareness-cursors":
+        case "kritzel-avatar":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$J();
             }
             break;
-        case "kritzel-back-to-content":
+        case "kritzel-awareness-cursors":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$I();
             }
             break;
-        case "kritzel-button":
+        case "kritzel-back-to-content":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$H();
             }
             break;
-        case "kritzel-color":
+        case "kritzel-button":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$G();
             }
             break;
-        case "kritzel-color-palette":
+        case "kritzel-color":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$F();
             }
             break;
-        case "kritzel-context-menu":
+        case "kritzel-color-palette":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$E();
             }
             break;
-        case "kritzel-controls":
+        case "kritzel-context-menu":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$D();
             }
             break;
-        case "kritzel-current-user":
+        case "kritzel-controls":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$C();
             }
             break;
-        case "kritzel-current-user-dialog":
+        case "kritzel-current-user":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$B();
             }
             break;
-        case "kritzel-cursor-trail":
+        case "kritzel-current-user-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$A();
             }
             break;
-        case "kritzel-dialog":
+        case "kritzel-cursor-trail":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$z();
             }
             break;
-        case "kritzel-dropdown":
+        case "kritzel-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$y();
             }
             break;
-        case "kritzel-engine":
+        case "kritzel-dropdown":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$x();
             }
             break;
-        case "kritzel-export":
+        case "kritzel-engine":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$w();
             }
             break;
-        case "kritzel-font":
+        case "kritzel-export":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$v();
             }
             break;
-        case "kritzel-font-family":
+        case "kritzel-font":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$u();
             }
             break;
-        case "kritzel-font-size":
+        case "kritzel-font-family":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$t();
             }
             break;
-        case "kritzel-icon":
+        case "kritzel-font-size":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$s();
             }
             break;
-        case "kritzel-input":
+        case "kritzel-icon":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$r();
             }
             break;
-        case "kritzel-line-endings":
+        case "kritzel-input":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$q();
             }
             break;
-        case "kritzel-loading-overlay":
+        case "kritzel-line-endings":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$p();
             }
             break;
-        case "kritzel-login-dialog":
+        case "kritzel-loading-overlay":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$o();
             }
             break;
-        case "kritzel-master-detail":
+        case "kritzel-login-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$n();
             }
             break;
-        case "kritzel-menu":
+        case "kritzel-master-detail":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$m();
             }
             break;
-        case "kritzel-menu-item":
+        case "kritzel-menu":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$l();
             }
             break;
-        case "kritzel-more-menu":
+        case "kritzel-menu-item":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$k();
             }
             break;
-        case "kritzel-notification-card":
+        case "kritzel-more-menu":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$j();
             }
             break;
-        case "kritzel-numeric-input":
+        case "kritzel-notification-card":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$i();
             }
             break;
-        case "kritzel-opacity-slider":
+        case "kritzel-numeric-input":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$h();
             }
             break;
-        case "kritzel-pill-tabs":
+        case "kritzel-opacity-slider":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$g();
             }
             break;
-        case "kritzel-portal":
+        case "kritzel-pill-tabs":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$f();
             }
             break;
-        case "kritzel-settings":
+        case "kritzel-portal":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$e();
             }
             break;
-        case "kritzel-shape-fill":
+        case "kritzel-settings":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$d();
             }
             break;
-        case "kritzel-share-dialog":
+        case "kritzel-shape-fill":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$c();
             }
             break;
-        case "kritzel-slide-toggle":
+        case "kritzel-share-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$b();
             }
             break;
-        case "kritzel-split-button":
+        case "kritzel-slide-toggle":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$a();
             }
             break;
-        case "kritzel-stroke-size":
+        case "kritzel-split-button":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$9();
             }
             break;
-        case "kritzel-sync-indicator":
+        case "kritzel-stroke-size":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$8();
             }

package/dist/components/kritzel-engine.js

@@ -1,4 +1,4 @@
-import { G as KritzelEngine$1, C as defineCustomElement$1 } from './p-gJcH-huF.js';
+import { G as KritzelEngine$1, C as defineCustomElement$1 } from './p-DUoQyGKc.js';
 
 const KritzelEngine = KritzelEngine$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-export.js

@@ -1,4 +1,4 @@
-import { K as KritzelExport$1, d as defineCustomElement$1 } from './p-dsxHDlQ3.js';
+import { K as KritzelExport$1, d as defineCustomElement$1 } from './p-Dpm75DfV.js';
 
 const KritzelExport = KritzelExport$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-font-size.js

@@ -1,4 +1,4 @@
-import { K as KritzelFontSize$1, d as defineCustomElement$1 } from './p-2WiGyky4.js';
+import { K as KritzelFontSize$1, d as defineCustomElement$1 } from './p-BprEDRpA.js';
 
 const KritzelFontSize = KritzelFontSize$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-font.js

@@ -1,4 +1,4 @@
-import { K as KritzelFont$1, d as defineCustomElement$1 } from './p-DVXTPI71.js';
+import { K as KritzelFont$1, d as defineCustomElement$1 } from './p-OUl5CA4Y.js';
 
 const KritzelFont = KritzelFont$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-input.js

@@ -1,4 +1,4 @@
-import { K as KritzelInput$1, d as defineCustomElement$1 } from './p-PjPPCHVL.js';
+import { K as KritzelInput$1, d as defineCustomElement$1 } from './p-NOWtUeeQ.js';
 
 const KritzelInput = KritzelInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-loading-overlay.js

@@ -1,4 +1,4 @@
-import { K as KritzelLoadingOverlay$1, d as defineCustomElement$1 } from './p-DB58Oa5V.js';
+import { K as KritzelLoadingOverlay$1, d as defineCustomElement$1 } from './p-Cva3jIIU.js';
 
 const KritzelLoadingOverlay = KritzelLoadingOverlay$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-login-dialog.js

@@ -1,4 +1,4 @@
-import { K as KritzelLoginDialog$1, d as defineCustomElement$1 } from './p-B5SWPDuq.js';
+import { K as KritzelLoginDialog$1, d as defineCustomElement$1 } from './p-C0FEC_gS.js';
 
 const KritzelLoginDialog = KritzelLoginDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-master-detail.js

@@ -1,4 +1,4 @@
-import { K as KritzelMasterDetail$1, d as defineCustomElement$1 } from './p-CF8pLc07.js';
+import { K as KritzelMasterDetail$1, d as defineCustomElement$1 } from './p-DhabvHJM.js';
 
 const KritzelMasterDetail = KritzelMasterDetail$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-menu-item.js

@@ -1,4 +1,4 @@
-import { b as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-BrNsOp2v.js';
+import { b as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-CAXR5-S9.js';
 
 const KritzelMenuItem = KritzelMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-menu.js

@@ -1,4 +1,4 @@
-import { K as KritzelMenu$1, a as defineCustomElement$1 } from './p-BrNsOp2v.js';
+import { K as KritzelMenu$1, a as defineCustomElement$1 } from './p-CAXR5-S9.js';
 
 const KritzelMenu = KritzelMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-more-menu.js

@@ -1,4 +1,4 @@
-import { K as KritzelMoreMenu$1, d as defineCustomElement$1 } from './p-eZXIu4yK.js';
+import { K as KritzelMoreMenu$1, d as defineCustomElement$1 } from './p-BPzdPKWE.js';
 
 const KritzelMoreMenu = KritzelMoreMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-numeric-input.js

@@ -1,4 +1,4 @@
-import { K as KritzelNumericInput$1, d as defineCustomElement$1 } from './p-DKGg-76-.js';
+import { K as KritzelNumericInput$1, d as defineCustomElement$1 } from './p-DTB3ykgO.js';
 
 const KritzelNumericInput = KritzelNumericInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-opacity-slider.js

@@ -1,4 +1,4 @@
-import { K as KritzelOpacitySlider$1, d as defineCustomElement$1 } from './p-CrHvaLRV.js';
+import { K as KritzelOpacitySlider$1, d as defineCustomElement$1 } from './p-DnmVD1Mz.js';
 
 const KritzelOpacitySlider = KritzelOpacitySlider$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-portal.js

@@ -1,4 +1,4 @@
-import { K as KritzelPortal$1, d as defineCustomElement$1 } from './p-BPsKYMH6.js';
+import { K as KritzelPortal$1, d as defineCustomElement$1 } from './p-CBrn5AIB.js';
 
 const KritzelPortal = KritzelPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-settings.js

@@ -1,4 +1,4 @@
-import { K as KritzelSettings$1, d as defineCustomElement$1 } from './p-0fhjWRmT.js';
+import { K as KritzelSettings$1, d as defineCustomElement$1 } from './p-m7SeNszM.js';
 
 const KritzelSettings = KritzelSettings$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-share-dialog.js

@@ -1,4 +1,4 @@
-import { K as KritzelShareDialog$1, d as defineCustomElement$1 } from './p-CwZ3KKFq.js';
+import { K as KritzelShareDialog$1, d as defineCustomElement$1 } from './p-ChPs27Fd.js';
 
 const KritzelShareDialog = KritzelShareDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-slide-toggle.js

@@ -1,4 +1,4 @@
-import { K as KritzelSlideToggle$1, d as defineCustomElement$1 } from './p-BozrueXV.js';
+import { K as KritzelSlideToggle$1, d as defineCustomElement$1 } from './p-Dvn6ad4a.js';
 
 const KritzelSlideToggle = KritzelSlideToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-split-button.js

@@ -1,4 +1,4 @@
-import { K as KritzelSplitButton$1, d as defineCustomElement$1 } from './p-C98Eb3_R.js';
+import { K as KritzelSplitButton$1, d as defineCustomElement$1 } from './p-Ce1j1-Hg.js';
 
 const KritzelSplitButton = KritzelSplitButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-stroke-size.js

@@ -1,4 +1,4 @@
-import { K as KritzelStrokeSize$1, d as defineCustomElement$1 } from './p-GKmqCI8r.js';
+import { K as KritzelStrokeSize$1, d as defineCustomElement$1 } from './p-DoxFuOy1.js';
 
 const KritzelStrokeSize = KritzelStrokeSize$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-tool-config.js

@@ -1,4 +1,4 @@
-import { a as KritzelToolConfig$1, d as defineCustomElement$1 } from './p-HoO86l1o.js';
+import { a as KritzelToolConfig$1, d as defineCustomElement$1 } from './p-DOl-95VY.js';
 
 const KritzelToolConfig = KritzelToolConfig$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-tooltip.js

@@ -1,4 +1,4 @@
-import { K as KritzelTooltip$1, d as defineCustomElement$1 } from './p-CaBbajU2.js';
+import { K as KritzelTooltip$1, d as defineCustomElement$1 } from './p-DkHYY72B.js';
 
 const KritzelTooltip = KritzelTooltip$1;
 const defineCustomElement = defineCustomElement$1;