kritzel-stencil 0.4.25 → 0.4.27

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 { w as DEFAULT_STROKE_SIZES, x 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, t as KritzelAlignment, y as DEFAULT_SYNC_CONFIG, z as KritzelSelectionGroup, B as KritzelSelectionBox, C as KritzelKeyboardHelper, G as defineCustomElement$w } from './p-CYwoBiqy.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-4uoSa0Xl.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-BTo2cQZ9.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.
@@ -2935,7 +2934,7 @@ const DEFAULT_SHAPE_CONFIG = {
     sizes: [...DEFAULT_STROKE_SIZES],
 };
 
-const kritzelEditorCss = () => `kritzel-editor{display:flex;margin:0;position:relative;container-type:inline-size;overflow:hidden;width:100%;height:100%;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:start;line-height:normal}.editor-content{position:absolute;inset:0}.editor-content>kritzel-engine{position:absolute;inset:0;z-index:0}kritzel-controls{position:absolute;z-index:1;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 16px);bottom:var(--kritzel-editor-controls-bottom, 14px);transition:transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out)}kritzel-controls.keyboard-open{transform:var(--kritzel-editor-controls-transform, translateY(300%))}.top-left-buttons{position:absolute;z-index:1;top:var(--kritzel-editor-top-left-buttons-top, 14px);left:var(--kritzel-editor-top-left-buttons-left, 14px);display:flex;align-items:flex-start;gap:8px}.top-center-notification-layer{position:absolute;top:var(--kritzel-editor-top-center-notification-top, 14px);left:0;right:0;z-index:var(--kritzel-editor-top-center-notification-z-index, 10001);display:flex;justify-content:center;pointer-events:none}.top-center-notification-container{width:min(90vw, 420px);pointer-events:auto;animation:kritzel-notification-slide-in var(--kritzel-editor-notification-animation-duration, 220ms)     var(--kritzel-editor-notification-animation-easing, cubic-bezier(0.22, 1, 0.36, 1))}.top-center-notification-container.is-dismissing{animation:kritzel-notification-fade-out var(--kritzel-editor-notification-dismiss-animation-duration, 180ms)     var(--kritzel-editor-notification-dismiss-animation-easing, ease-in) forwards}@keyframes kritzel-notification-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kritzel-notification-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.top-center-notification-container{animation:none}}.top-right-buttons{position:absolute;z-index:1;top:var(--kritzel-editor-top-right-buttons-top, 14px);right:var(--kritzel-editor-top-right-buttons-right, 14px);display:flex;align-items:center;gap:8px}.bottom-left-buttons{position:absolute;z-index:1;left:var(--kritzel-editor-top-left-buttons-left, 14px);bottom:var(--kritzel-editor-controls-bottom, 14px);display:flex;align-items:flex-end}@container (max-width: 767px){.bottom-left-buttons{display:none}}.top-right-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:var(--kritzel-split-button-border, 1px solid #ebebeb);border-radius:var(--kritzel-split-button-border-radius, 12px);background-color:var(--kritzel-split-button-background-color, #ffffff);cursor:var(--kritzel-global-pointer-cursor, pointer);box-shadow:var(--kritzel-split-button-box-shadow, 0 0 3px rgba(0, 0, 0, 0.08));transition:background-color 150ms ease;-webkit-tap-highlight-color:transparent}.top-right-button:hover{background-color:#f5f5f5}.top-right-button:active{background-color:#ebebeb}`;
+const kritzelEditorCss = () => `kritzel-editor{display:flex;margin:0;position:relative;container-type:inline-size;overflow:hidden;width:100%;height:100%;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:start;line-height:normal}.editor-content{position:absolute;inset:0}.editor-content>kritzel-engine{position:absolute;inset:0;z-index:0}kritzel-controls{position:absolute;z-index:2;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 16px);bottom:var(--kritzel-editor-controls-bottom, 14px);transition:transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out)}kritzel-controls.keyboard-open{transform:var(--kritzel-editor-controls-transform, translateY(300%))}.top-left-buttons{position:absolute;z-index:2;top:var(--kritzel-editor-top-left-buttons-top, 14px);left:var(--kritzel-editor-top-left-buttons-left, 14px);display:flex;align-items:flex-start;gap:8px}.top-center-notification-layer{position:absolute;top:var(--kritzel-editor-top-center-notification-top, 14px);left:0;right:0;z-index:var(--kritzel-editor-top-center-notification-z-index, 10001);display:flex;justify-content:center;pointer-events:none}.top-center-notification-container{width:min(90vw, 420px);pointer-events:auto;animation:kritzel-notification-slide-in var(--kritzel-editor-notification-animation-duration, 220ms)     var(--kritzel-editor-notification-animation-easing, cubic-bezier(0.22, 1, 0.36, 1))}.top-center-notification-container.is-dismissing{animation:kritzel-notification-fade-out var(--kritzel-editor-notification-dismiss-animation-duration, 180ms)     var(--kritzel-editor-notification-dismiss-animation-easing, ease-in) forwards}@keyframes kritzel-notification-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kritzel-notification-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.top-center-notification-container{animation:none}}.top-right-buttons{position:absolute;z-index:2;top:var(--kritzel-editor-top-right-buttons-top, 14px);right:var(--kritzel-editor-top-right-buttons-right, 14px);display:flex;align-items:center;gap:8px}.bottom-left-buttons{position:absolute;z-index:2;left:var(--kritzel-editor-top-left-buttons-left, 14px);bottom:var(--kritzel-editor-controls-bottom, 14px);display:flex;align-items:flex-end}@container (max-width: 767px){.bottom-left-buttons{display:none}}.top-right-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:var(--kritzel-split-button-border, 1px solid #ebebeb);border-radius:var(--kritzel-split-button-border-radius, 12px);background-color:var(--kritzel-split-button-background-color, #ffffff);cursor:var(--kritzel-global-pointer-cursor, pointer);box-shadow:var(--kritzel-split-button-box-shadow, 0 0 3px rgba(0, 0, 0, 0.08));transition:background-color 150ms ease;-webkit-tap-highlight-color:transparent}.top-right-button:hover{background-color:#f5f5f5}.top-right-button:active{background-color:#ebebeb}`;
 
 const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor extends H {
     constructor(registerHost) {
@@ -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;
@@ -3170,15 +3168,12 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     isWorkspaceManagerVisible = true;
     isMoreMenuVisible = true;
     isZoomPanelVisible = true;
-    isObjectDistanceFadingActive = false;
     syncConfig = DEFAULT_SYNC_CONFIG;
     assetStorageConfig = DEFAULT_ASSET_STORAGE_CONFIG;
     /** The element to use as the target for the cursor. Defaults to the editor container if not set. */
     cursorTarget;
     /** Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers. */
     loginConfig;
-    /** Whether the editor is in a loading state. When true, a loading overlay is displayed. */
-    isLoading = false;
     /** Optional unique identifier for namespacing storage keys across multiple editor instances. */
     editorId;
     /** Optional workspace ID to set as active. If provided, the editor will automatically activate the workspace with this ID. */
@@ -3197,7 +3192,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     login;
     isPublicChange;
     awarenessChange;
-    isSyncing;
     isEngineReady = false;
     isControlsReady = false;
     isWorkspaceManagerReady = false;
@@ -3220,7 +3214,11 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     normalizedControls = [];
     resolvedMoreMenuItems = [];
     isLoadingOverlayVisible = false;
-    isSyncingIndicatorVisible = false;
+    loadingOverlayShowTimeout;
+    loadingOverlayHideTimeout;
+    loadingOverlayShownTimestamp;
+    loadingOverlayDelayMs = 300;
+    loadingOverlayMinDisplayDurationMs = 400;
     notificationDismissTimeout;
     notificationDismissAnimationTimeout;
     notificationDisplayDurationMs = 5000;
@@ -3600,6 +3598,8 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         this.setOsSpecificCssVariables();
     }
     disconnectedCallback() {
+        this.clearLoadingOverlayShowTimer();
+        this.clearLoadingOverlayHideTimer();
         this.clearNotificationDismissTimer();
         this.clearNotificationDismissAnimationTimer();
     }
@@ -3703,11 +3703,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();
@@ -3720,6 +3715,46 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         event.stopPropagation();
         this.contextMenuState = event.detail.isVisible ? event.detail : undefined;
     }
+    handleIsLoadingChange(event) {
+        console.log('isLoadingChange event:', event.detail);
+        event.stopPropagation();
+        this.clearLoadingOverlayShowTimer();
+        this.clearLoadingOverlayHideTimer();
+        if (event.detail) {
+            this.loadingOverlayShowTimeout = setTimeout(() => {
+                this.isLoadingOverlayVisible = true;
+                this.loadingOverlayShownTimestamp = Date.now();
+                this.loadingOverlayShowTimeout = undefined;
+            }, this.loadingOverlayDelayMs);
+            return;
+        }
+        if (this.isLoadingOverlayVisible && this.loadingOverlayShownTimestamp !== undefined) {
+            const elapsed = Date.now() - this.loadingOverlayShownTimestamp;
+            const remaining = this.loadingOverlayMinDisplayDurationMs - elapsed;
+            if (remaining > 0) {
+                this.loadingOverlayHideTimeout = setTimeout(() => {
+                    this.isLoadingOverlayVisible = false;
+                    this.loadingOverlayShownTimestamp = undefined;
+                    this.loadingOverlayHideTimeout = undefined;
+                }, remaining);
+                return;
+            }
+        }
+        this.isLoadingOverlayVisible = false;
+        this.loadingOverlayShownTimestamp = undefined;
+    }
+    clearLoadingOverlayShowTimer() {
+        if (this.loadingOverlayShowTimeout) {
+            clearTimeout(this.loadingOverlayShowTimeout);
+            this.loadingOverlayShowTimeout = undefined;
+        }
+    }
+    clearLoadingOverlayHideTimer() {
+        if (this.loadingOverlayHideTimeout) {
+            clearTimeout(this.loadingOverlayHideTimeout);
+            this.loadingOverlayHideTimeout = undefined;
+        }
+    }
     handleContextMenuActionSelected(event) {
         const contextMenuState = this.contextMenuState;
         if (!contextMenuState || !event.detail.action) {
@@ -4021,40 +4056,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: '247f9ad977943d29333094737c8904253ccab5c7' }, h("div", { key: 'e14e57a04ca7138690a4893f2ac14140e0532fd2', 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: 'd9304408c6336c4b742b0e44d4a6d4dda5b2fad6', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: 'f44ca859cd70828c77a92607cbe5b9c26fd4a203', 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: '1c65e5fbcc34dd43b7986f6177b8eab2bd709ad8', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: '2f7715f5c7c128ec63f2fe60c508543db7dd571c', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: '357014e172134af3a3d35af9978d14d23fadf7e3', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: '3962a562a8fc10b2bbdc1c8dd741a057e9e6df29', 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: '669e6dae09d52e87dc22aa536f6f564f725f6c34', 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: '40a32849c45b9b8240b3be427579cb6a6c63fa97', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: '424ec83a0e8e9c8174cd12439fff2b49898b8016', 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, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, 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), onIsLoadingChange: event => this.handleIsLoadingChange(event) }), h("kritzel-controls", { key: 'e224d9cde14effc67b07f1f18597f45e3dc6d808', 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: '767b369fd2b55329d953d8c55ea897c35b921584', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: 'abaa0a55d433fa1740071f32f8dfc1854c6ed157', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'eb9e71d97b2b4663f02a17022494d353fa4f877e', class: "top-right-buttons" }, h("kritzel-settings", { key: '10ef2f68f90a6ceb3ce0a3110245c58da7ee2492', 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: 'd72b5006a608570c26a2981d03f4d15e9b0c8b30', 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: 'cceafd7ae3f289edb351af4e614afca2385e196a', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '042fc9ce8487ea463f0ee77a5749786ed2931f07', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: '7cce7677fbae0a1b897b2135f50e017df5409d32', 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: '97cf48d83804dfa5220ce38500af3f96687354d2', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: '40a757fe355666e9306f2224d9ed9bf2c9b58f7a', items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: 'abb85b65a9d6196be701d35cbdf8bc3003d36bfe', 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: '6e8c86420a447b182bcbc23415d64a7fcb32a4a8', ref: el => {
                 if (el) {
                     this.loginDialogRef = el;
                 }
@@ -4135,12 +4170,10 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         "isWorkspaceManagerVisible": [4, "is-workspace-manager-visible"],
         "isMoreMenuVisible": [4, "is-more-menu-visible"],
         "isZoomPanelVisible": [4, "is-zoom-panel-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],
@@ -4163,7 +4196,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 +4320,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 +4328,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 { H as KritzelEngine$1, G as defineCustomElement$1 } from './p-CYwoBiqy.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-4uoSa0Xl.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;