kritzel-stencil 0.4.20 → 0.4.22

package/dist/components/index.js

@@ -1,6 +1,6 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C9_yBEoX.js';
-export { K as KritzelBaseObject, b as KritzelLine, a as KritzelPath } from './p-D6JycG-I.js';
-export { u as APP_STATE_MIGRATIONS, A as AssetNotFoundError, D as DE_LOCALE, E as EN_LOCALE, F as FR_LOCALE, I as IndexedDBAssetProvider, s as KritzelAlignment, o as KritzelAnchorManager, n as KritzelAssetResolver, e as KritzelBaseTool, f as KritzelBrushTool, l as KritzelCursorHelper, d as KritzelCustomElement, r as KritzelCustomElementRendererRegistry, h as KritzelEraserTool, b as KritzelGroup, a as KritzelImage, i as KritzelImageTool, q as KritzelLicenseManager, g as KritzelLineTool, p as KritzelLocalizationManager, m as KritzelSelectionTool, c as KritzelShape, k as KritzelShapeTool, K as KritzelText, j as KritzelTextTool, S as ShapeType, W as WORKSPACE_MIGRATIONS, t as runMigrations } from './p-Csxx9TbU.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-B43upypT.js';
+export { K as KritzelBaseObject, b as KritzelLine, a as KritzelPath } from './p-bAacqNHq.js';
+export { u as APP_STATE_MIGRATIONS, A as AssetNotFoundError, D as DE_LOCALE, E as EN_LOCALE, F as FR_LOCALE, I as IndexedDBAssetProvider, s as KritzelAlignment, o as KritzelAnchorManager, n as KritzelAssetResolver, e as KritzelBaseTool, f as KritzelBrushTool, l as KritzelCursorHelper, d as KritzelCustomElement, r as KritzelCustomElementRendererRegistry, h as KritzelEraserTool, b as KritzelGroup, a as KritzelImage, i as KritzelImageTool, q as KritzelLicenseManager, g as KritzelLineTool, p as KritzelLocalizationManager, m as KritzelSelectionTool, c as KritzelShape, k as KritzelShapeTool, K as KritzelText, j as KritzelTextTool, S as ShapeType, W as WORKSPACE_MIGRATIONS, t as runMigrations } from './p-BNeE3SiZ.js';
 import * as Y from 'yjs';
 import { IndexeddbPersistence } from 'y-indexeddb';
 import { WebsocketProvider } from 'y-websocket';
@@ -603,9 +603,15 @@ class WebSocketSyncProvider {
     provider;
     isConnected = false;
     _quiet = false;
+    _isSynced = false;
+    _syncedResolvers = [];
     get awareness() {
         return this.provider.awareness;
     }
+    /** y-websocket applies remote updates with the underlying provider as the Yjs transaction origin. */
+    get updateOrigin() {
+        return this.provider;
+    }
     constructor(docName, doc, options) {
         const url = options?.url || 'ws://localhost:1234';
         const roomName = options?.roomName || docName;
@@ -652,11 +658,29 @@ class WebSocketSyncProvider {
             }
         });
         this.provider.on('sync', (synced) => {
-            if (synced && !this._quiet) {
+            if (!synced) {
+                return;
+            }
+            this._isSynced = true;
+            this.releaseSyncedWaiters();
+            if (!this._quiet) {
                 console.info('WebSocket synced');
             }
         });
     }
+    releaseSyncedWaiters() {
+        const resolvers = this._syncedResolvers;
+        this._syncedResolvers = [];
+        resolvers.forEach(resolve => resolve());
+    }
+    async whenSynced() {
+        if (this._isSynced || this.provider.synced) {
+            return;
+        }
+        return new Promise(resolve => {
+            this._syncedResolvers.push(resolve);
+        });
+    }
     async connect() {
         if (this.isConnected) {
             return;
@@ -688,6 +712,8 @@ class WebSocketSyncProvider {
             this.provider.disconnect();
         }
         this.isConnected = false;
+        this._isSynced = false;
+        this.releaseSyncedWaiters();
     }
     async reconnect() {
         this.disconnect();
@@ -698,6 +724,8 @@ class WebSocketSyncProvider {
             this.provider.destroy();
         }
         this.isConnected = false;
+        this._isSynced = false;
+        this.releaseSyncedWaiters();
     }
 }
 
@@ -719,9 +747,14 @@ class HocuspocusSyncProvider {
     _connectionStatus = 'disconnected';
     visibilityHandler = null;
     onlineHandler = null;
+    syncedResolvers = [];
     get awareness() {
         return this.provider.awareness;
     }
+    /** HocuspocusProvider applies remote updates with itself as the Yjs transaction origin. */
+    get updateOrigin() {
+        return this.provider;
+    }
     get connectionStatus() {
         return this._connectionStatus;
     }
@@ -778,6 +811,7 @@ class HocuspocusSyncProvider {
             }
             this.isSynced = true;
             this._connectionStatus = 'synced';
+            this.releaseSyncedWaiters();
             if (!options?.quiet) {
                 console.info(`Hocuspocus synced: ${name}`);
             }
@@ -988,6 +1022,19 @@ class HocuspocusSyncProvider {
         this.disconnect();
         return this.connect();
     }
+    releaseSyncedWaiters() {
+        const resolvers = this.syncedResolvers;
+        this.syncedResolvers = [];
+        resolvers.forEach(resolve => resolve());
+    }
+    async whenSynced() {
+        if (this.isSynced || this.isDestroyed || this.provider.isSynced) {
+            return;
+        }
+        return new Promise(resolve => {
+            this.syncedResolvers.push(resolve);
+        });
+    }
     disconnect() {
         // Cancel any pending connection attempt
         if (this.connectTimeout) {
@@ -1009,6 +1056,7 @@ class HocuspocusSyncProvider {
         this.isConnected = false;
         this.isSynced = false;
         this._connectionStatus = 'disconnected';
+        this.releaseSyncedWaiters();
     }
     destroy() {
         // Mark as destroyed first to prevent any callbacks from doing work
@@ -1028,6 +1076,7 @@ class HocuspocusSyncProvider {
         this.isConnected = false;
         this.isSynced = false;
         this._connectionStatus = 'disconnected';
+        this.releaseSyncedWaiters();
     }
 }
 

package/dist/components/kritzel-active-users.js

@@ -1,4 +1,4 @@
-import { K as KritzelActiveUsers$1, d as defineCustomElement$1 } from './p-DafP9PAA.js';
+import { K as KritzelActiveUsers$1, d as defineCustomElement$1 } from './p-DBqoPgev.js';
 
 const KritzelActiveUsers = KritzelActiveUsers$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-avatar.js

@@ -1,4 +1,4 @@
-import { K as KritzelAvatar$1, d as defineCustomElement$1 } from './p-zG-WUBGF.js';
+import { K as KritzelAvatar$1, d as defineCustomElement$1 } from './p-4SPnZZkH.js';
 
 const KritzelAvatar = KritzelAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-awareness-cursors.js

@@ -1,4 +1,4 @@
-import { c as KritzelAwarenessCursors$1, d as defineCustomElement$1 } from './p-D6JycG-I.js';
+import { c as KritzelAwarenessCursors$1, d as defineCustomElement$1 } from './p-bAacqNHq.js';
 
 const KritzelAwarenessCursors = KritzelAwarenessCursors$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-back-to-content.js

@@ -1,4 +1,4 @@
-import { K as KritzelBackToContent$1, d as defineCustomElement$1 } from './p-BrqSjRJN.js';
+import { K as KritzelBackToContent$1, d as defineCustomElement$1 } from './p-Czhdc844.js';
 
 const KritzelBackToContent = KritzelBackToContent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-brush-style.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-C9_yBEoX.js';
-import { d as defineCustomElement$3 } from './p-CHoOe3FD.js';
-import { d as defineCustomElement$2 } from './p-Ck-87E2G.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-B43upypT.js';
+import { d as defineCustomElement$3 } from './p-Df3BwVGy.js';
+import { d as defineCustomElement$2 } from './p-CSuU8frA.js';
 
 const kritzelBrushStyleCss = () => `: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)}`;
 
@@ -27,7 +27,7 @@ const KritzelBrushStyle$1 = /*@__PURE__*/ proxyCustomElement(class KritzelBrushS
             value: option.value,
             label: option.label,
         }));
-        return (h(Host, { key: '51a7f84685032fd8fc967b22bee7c0711e811a54' }, h("kritzel-dropdown", { key: 'e49d7062c695458d345738d88a0adfc96b575e61', options: dropdownOptions, value: this.type, onValueChanged: event => this.handleDropdownValueChange(event) }, h("button", { key: 'ebbbf1a55b89e91012ca44c5cf30acfb77332b50', class: "brush-style-button", slot: "prefix" }, h("kritzel-icon", { key: 'dae002c9ab5e3486c726202426eb076a8f33b109', name: this.type, size: 16 })))));
+        return (h(Host, { key: '7b05e93ce8d28c23503e4ca358a487165169f1ad' }, h("kritzel-dropdown", { key: 'a8f2f30762b339411cd3995482c3bc658855f749', options: dropdownOptions, value: this.type, onValueChanged: event => this.handleDropdownValueChange(event) }, h("button", { key: 'ac06462897a0fbd5011533095fafb7491a75508a', class: "brush-style-button", slot: "prefix" }, h("kritzel-icon", { key: 'caee4c657c7fee478b1038ebd2ef3b502cf73e5e', name: this.type, size: 16 })))));
     }
     static get style() { return kritzelBrushStyleCss(); }
 }, [513, "kritzel-brush-style", {

package/dist/components/kritzel-button.js

@@ -1,4 +1,4 @@
-import { K as KritzelButton$1, d as defineCustomElement$1 } from './p-Cx-L_28S.js';
+import { K as KritzelButton$1, d as defineCustomElement$1 } from './p-BoN700-O.js';
 
 const KritzelButton = KritzelButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-color-palette.js

@@ -1,4 +1,4 @@
-import { K as KritzelColorPalette$1, d as defineCustomElement$1 } from './p-MhQxGUvY.js';
+import { K as KritzelColorPalette$1, d as defineCustomElement$1 } from './p-B-585egz.js';
 
 const KritzelColorPalette = KritzelColorPalette$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-color.js

@@ -1,4 +1,4 @@
-import { K as KritzelColorComponent, d as defineCustomElement$1 } from './p-DcUIO14-.js';
+import { K as KritzelColorComponent, d as defineCustomElement$1 } from './p-Dt7-I2Xz.js';
 
 const KritzelColor = KritzelColorComponent;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { K as KritzelContextMenu$1, d as defineCustomElement$1 } from './p-D3BzgkIE.js';
+import { K as KritzelContextMenu$1, d as defineCustomElement$1 } from './p-CSPYkLLH.js';
 
 const KritzelContextMenu = KritzelContextMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-controls.js

@@ -1,4 +1,4 @@
-import { K as KritzelControls$1, d as defineCustomElement$1 } from './p-BrA9NBEE.js';
+import { K as KritzelControls$1, d as defineCustomElement$1 } from './p-DDTMGbtA.js';
 
 const KritzelControls = KritzelControls$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-current-user-dialog.js

@@ -1,4 +1,4 @@
-import { K as KritzelCurrentUserDialog$1, d as defineCustomElement$1 } from './p-D0Trc3IQ.js';
+import { K as KritzelCurrentUserDialog$1, d as defineCustomElement$1 } from './p-vqEUQ-4Q.js';
 
 const KritzelCurrentUserDialog = KritzelCurrentUserDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-current-user.js

@@ -1,4 +1,4 @@
-import { K as KritzelCurrentUser$1, d as defineCustomElement$1 } from './p-Ch-KG9To.js';
+import { K as KritzelCurrentUser$1, d as defineCustomElement$1 } from './p-DwMqCX2P.js';
 
 const KritzelCurrentUser = KritzelCurrentUser$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-cursor-trail.js

@@ -1,4 +1,4 @@
-import { K as KritzelCursorTrail$1, d as defineCustomElement$1 } from './p-3tBE7SyG.js';
+import { K as KritzelCursorTrail$1, d as defineCustomElement$1 } from './p-Cm33td2O.js';
 
 const KritzelCursorTrail = KritzelCursorTrail$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-dialog.js

@@ -1,4 +1,4 @@
-import { K as KritzelDialog$1, d as defineCustomElement$1 } from './p-QSyeAy8R.js';
+import { K as KritzelDialog$1, d as defineCustomElement$1 } from './p-DX2nriaq.js';
 
 const KritzelDialog = KritzelDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-dropdown.js

@@ -1,4 +1,4 @@
-import { K as KritzelDropdown$1, d as defineCustomElement$1 } from './p-CHoOe3FD.js';
+import { K as KritzelDropdown$1, d as defineCustomElement$1 } from './p-Df3BwVGy.js';
 
 const KritzelDropdown = KritzelDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-editor.js

@@ -1,56 +1,56 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-C9_yBEoX.js';
-import { K as KritzelIconRegistry, d as defineCustomElement$s } from './p-Ck-87E2G.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-Csxx9TbU.js';
+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-BNeE3SiZ.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-BShrnlam.js';
+import { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, d as defineCustomElement$4 } from './p-DtnMdWWB.js';
 import { K as KritzelDevicesHelper } from './p-jGOpkGDl.js';
 import { O as ObjectHelper } from './p-DPONTran.js';
-import { d as defineCustomElement$J } from './p-D6JycG-I.js';
+import { d as defineCustomElement$J } from './p-bAacqNHq.js';
 import * as Y from 'yjs';
 import 'y-indexeddb';
 import 'y-websocket';
-import { d as defineCustomElement$L } from './p-DafP9PAA.js';
-import { d as defineCustomElement$K } from './p-zG-WUBGF.js';
-import { d as defineCustomElement$I } from './p-BrqSjRJN.js';
-import { d as defineCustomElement$H } from './p-Cx-L_28S.js';
-import { d as defineCustomElement$G } from './p-DcUIO14-.js';
-import { d as defineCustomElement$F } from './p-MhQxGUvY.js';
-import { d as defineCustomElement$E } from './p-D3BzgkIE.js';
-import { d as defineCustomElement$D } from './p-BrA9NBEE.js';
-import { d as defineCustomElement$C } from './p-Ch-KG9To.js';
-import { d as defineCustomElement$B } from './p-D0Trc3IQ.js';
-import { d as defineCustomElement$A } from './p-3tBE7SyG.js';
-import { d as defineCustomElement$z } from './p-QSyeAy8R.js';
-import { d as defineCustomElement$y } from './p-CHoOe3FD.js';
-import { d as defineCustomElement$w } from './p-b0J2ktAm.js';
-import { d as defineCustomElement$v } from './p-Dp1CD4gK.js';
-import { d as defineCustomElement$u } from './p-DjXQxw9R.js';
-import { d as defineCustomElement$t } from './p-CLAz6RJc.js';
-import { d as defineCustomElement$r } from './p-Qdo3E8dr.js';
-import { d as defineCustomElement$q } from './p-Di--2boB.js';
-import { d as defineCustomElement$p } from './p-DPsbNStn.js';
-import { d as defineCustomElement$o } from './p-CSKToqUl.js';
-import { d as defineCustomElement$n } from './p-CSWCmyzb.js';
-import { d as defineCustomElement$l, a as defineCustomElement$m } from './p-D2VcPEtL.js';
-import { d as defineCustomElement$k } from './p-BppcoKoo.js';
-import { d as defineCustomElement$j } from './p-BXUx_C0N.js';
-import { d as defineCustomElement$i } from './p-Dznwo6oc.js';
-import { d as defineCustomElement$h } from './p-vDCa_ZDm.js';
-import { d as defineCustomElement$g } from './p-1Q4VnThv.js';
-import { d as defineCustomElement$f } from './p-DYPA7jpg.js';
-import { d as defineCustomElement$e } from './p-25ExYYPf.js';
-import { d as defineCustomElement$d } from './p-Covorf4C.js';
-import { d as defineCustomElement$c } from './p-DT_WBwsw.js';
-import { d as defineCustomElement$b } from './p-ME1sDz3f.js';
-import { d as defineCustomElement$a } from './p-dAXnRkjA.js';
-import { d as defineCustomElement$9 } from './p-fSV6KVTC.js';
-import { d as defineCustomElement$8 } from './p-Bxi-Bm49.js';
-import { d as defineCustomElement$7 } from './p-CWAChRD5.js';
-import { d as defineCustomElement$6 } from './p-o3NYKrVL.js';
-import { d as defineCustomElement$5 } from './p-BZZ3KRPk.js';
-import { d as defineCustomElement$3 } from './p-BkXQL5Dl.js';
-import { d as defineCustomElement$2 } from './p-BFYT03fw.js';
+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-Dx5NfJ0U.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';
 
 /**
  * Common Math expressions.
@@ -2935,7 +2935,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: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 KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor extends H {
     constructor(registerHost) {
@@ -2957,6 +2957,8 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         this.login = createEvent(this, "login");
         this.isPublicChange = createEvent(this, "isPublicChange");
         this.awarenessChange = createEvent(this, "awarenessChange");
+        this.syncingChange = createEvent(this, "syncingChange");
+        this.loadingChange = createEvent(this, "loadingChange");
     }
     get host() { return this; }
     scaleMax = ABSOLUTE_SCALE_MAX;
@@ -3196,6 +3198,9 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     login;
     isPublicChange;
     awarenessChange;
+    /** Emitted while remote changes are being applied to the active workspace. Stays silent when the remote holds nothing new. */
+    syncingChange;
+    loadingChange;
     isEngineReady = false;
     isControlsReady = false;
     isWorkspaceManagerReady = false;
@@ -4014,40 +4019,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: 'b7b9b3cd6a81c4a7b8aa9730259377c8448336ba' }, h("div", { key: '7714490de58839fffb5a20d355a942dbb4d62409', class: "editor-content", style: {
+        return (h(Host, { key: 'ff7d505697bd4c4bd840dadcb04a934b7e243a01' }, h("div", { key: 'b40076c3c79ad3f879e80c58b412b79266de2ea8', 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: '0e9c1c786beacd19e8ef5a6e519e47efe7bf35f6', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: 'cd85c3bf1f6b281057d7538cb5d192b8826bc9ee', 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: 'ea0065152125ca3318da9e6fc4c372ae4b71e053', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: 'efde12cf6ed5fe19b651862ef7a123edacfc1e30', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: '3bffe023e9119868ad18a52690272adb073ee3b0', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: 'fcf62343eb401093ae6bfa1298f76d25d48eb0e4', 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: '9de9892adaaf4c123d4636393ccfa13a48730b17', class: "context-menu", items: this.contextMenuState.items, objects: this.contextMenuState.objects, style: {
+            } }, h("div", { key: '1b1171eea60a36ad06da55a3da564bc356526266', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: '48b59f3f57ace57debc19a295d4fb642e8c3b23d', 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: 'c66a6faae8bf7115dcce47630ad820af9ba76eb0', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: '834baedc5f20328deb4ee586f693313306895a71', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: 'f800508a2e076ee3e89820ffff4df81842b175b3', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: '2835ea84e8fa92c41637adaa29d9005f209b2da9', 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: '6c49e899b7f933d3f06cd1f8696a590d542214a7', 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: 'b0369b8006e4df5b7b395487de085faf11a59ed7', visible: this.isSyncing, text: "Syncing..." }), h("kritzel-loading-overlay", { key: '4509e6fca3da8a8b1a5ac1e82581cfa136ab9913', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: 'ec14d7f4f12dcf08c036a60b3ccc15a9fc558bd7', ref: el => {
+            }, onActionSelected: event => this.handleContextMenuActionSelected(event), onClose: () => this.hideContextMenu() })), h("kritzel-sync-indicator", { key: '9622af1634a939d6689d5a133496d536f5d7865f', visible: this.isSyncing, text: "Syncing..." }), h("kritzel-loading-overlay", { key: '00f142a3eb8b23fbd0bdb6ec53ae95855434516c', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: '39b1d7bfce0a5347fec60cd135d6db8fb4250bfa', 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), onNotificationsChange: event => this.handleNotificationsChange(event), onContextMenuStateChange: event => this.handleContextMenuStateChange(event), onSyncingChange: event => (this.isSyncing = event.detail), onLoadingChange: event => (this.isLoadingOverlayVisible = event.detail) }), h("kritzel-controls", { key: '59413042ba6aff8e972d51e4a04a44893b3a4b97', 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), onSyncingChange: event => (this.isSyncing = event.detail), onLoadingChange: event => (this.isLoadingOverlayVisible = event.detail) }), h("kritzel-controls", { key: '9a708f21ab92ecc6953a35f5db8001b2403f330e', 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: '4cde7726bc85e97c20687f43673689c6e1825dbd', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: '8b7bd923d0086548325f8c38d0a1c16bb0335ed0', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'c445b1efd03ed38e1b75361cd95cdef90f789825', class: "top-right-buttons" }, h("kritzel-settings", { key: 'c7b555a2a35833c362271006089a2632bd5db4f8', 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: '6a2b1cd72099db86952ac31aad9655693d0a6a0d', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: 'b3756514bf8de6de8ac7586c626f9759da7f231d', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'd5e118bc4d60b867006bac287c5516baf3aa890e', class: "top-right-buttons" }, h("kritzel-settings", { key: 'e4065d36beb9283cdbbf3ae9800f4f8011c0b4f0', 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: '9789c32789c70d817ca894fceee74610c494eede', 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: '4e18d9b42c9e7fef9433577b983c508559461da2', 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: '010d5137a3204b5f90ecbfb10c06e4823c0acec3', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '65b04f1d7912cf03baabe5bed8e37db8aaf4fe17', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: 'ffceb4a511e1f51a193d8a3ee9c331d4aa5c270b', 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: '56e6b29c9c3dcd7b68af4a1ef7d34224d592ce34', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '3b90bcc7e583fcf3c6845d222ad181ccf234a423', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: 'f87702c5a708b6afdb2bc3760895e3e3650a4cb5', ref: el => {
                 if (el) {
                     this.currentUserDialogRef = el;
                 }
-            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: '789427d5e7af880420830f69ec292d5a78831fde', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: '053f004ac79f7fa7413238dcd4276f75cb47ce74', items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: '60f608263145323645f3b292243b63243676680b', ref: el => {
+            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: '015bc0f4c66352136de66d35d28c20070366933f', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: 'b3fdf9fdb2a34508002e82dfdef9e9bdbbe57ecc', items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: 'bac4fbbfa04c261e2b128e766cc43c1062aec2ff', 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: '94e8ccb8da10cc8bfe6bb3debe21af40a47aeea7', ref: el => {
+            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: 'a7d52bad9e752ad546adf80d257c6a46de031e76', ref: el => {
                 if (el) {
                     this.loginDialogRef = el;
                 }

package/dist/components/kritzel-engine.js

@@ -1,4 +1,4 @@
-import { G as KritzelEngine$1, C as defineCustomElement$1 } from './p-Csxx9TbU.js';
+import { G as KritzelEngine$1, C as defineCustomElement$1 } from './p-BNeE3SiZ.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-b0J2ktAm.js';
+import { K as KritzelExport$1, d as defineCustomElement$1 } from './p-dsxHDlQ3.js';
 
 const KritzelExport = KritzelExport$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { K as KritzelFontFamily$1, d as defineCustomElement$1 } from './p-DjXQxw9R.js';
+import { K as KritzelFontFamily$1, d as defineCustomElement$1 } from './p-djJSnjAX.js';
 
 const KritzelFontFamily = KritzelFontFamily$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-CLAz6RJc.js';
+import { K as KritzelFontSize$1, d as defineCustomElement$1 } from './p-2WiGyky4.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-Dp1CD4gK.js';
+import { K as KritzelFont$1, d as defineCustomElement$1 } from './p-DVXTPI71.js';
 
 const KritzelFont = KritzelFont$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-icon.js

@@ -1,4 +1,4 @@
-import { a as KritzelIcon$1, d as defineCustomElement$1 } from './p-Ck-87E2G.js';
+import { a as KritzelIcon$1, d as defineCustomElement$1 } from './p-CSuU8frA.js';
 
 const KritzelIcon = KritzelIcon$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-Qdo3E8dr.js';
+import { K as KritzelInput$1, d as defineCustomElement$1 } from './p-PjPPCHVL.js';
 
 const KritzelInput = KritzelInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-line-endings.js

@@ -1,4 +1,4 @@
-import { K as KritzelLineEndings$1, d as defineCustomElement$1 } from './p-Di--2boB.js';
+import { K as KritzelLineEndings$1, d as defineCustomElement$1 } from './p-CXpv9Rxe.js';
 
 const KritzelLineEndings = KritzelLineEndings$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-DPsbNStn.js';
+import { K as KritzelLoadingOverlay$1, d as defineCustomElement$1 } from './p-DB58Oa5V.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-CSKToqUl.js';
+import { K as KritzelLoginDialog$1, d as defineCustomElement$1 } from './p-B5SWPDuq.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-CSWCmyzb.js';
+import { K as KritzelMasterDetail$1, d as defineCustomElement$1 } from './p-CF8pLc07.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-D2VcPEtL.js';
+import { b as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-BrNsOp2v.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-D2VcPEtL.js';
+import { K as KritzelMenu$1, a as defineCustomElement$1 } from './p-BrNsOp2v.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-BppcoKoo.js';
+import { K as KritzelMoreMenu$1, d as defineCustomElement$1 } from './p-eZXIu4yK.js';
 
 const KritzelMoreMenu = KritzelMoreMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-notification-card.js

@@ -1,4 +1,4 @@
-import { K as KritzelNotificationCard$1, d as defineCustomElement$1 } from './p-BXUx_C0N.js';
+import { K as KritzelNotificationCard$1, d as defineCustomElement$1 } from './p-BsLI_BWq.js';
 
 const KritzelNotificationCard = KritzelNotificationCard$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-Dznwo6oc.js';
+import { K as KritzelNumericInput$1, d as defineCustomElement$1 } from './p-DKGg-76-.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-vDCa_ZDm.js';
+import { K as KritzelOpacitySlider$1, d as defineCustomElement$1 } from './p-CrHvaLRV.js';
 
 const KritzelOpacitySlider = KritzelOpacitySlider$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-pill-tabs.js

@@ -1,4 +1,4 @@
-import { K as KritzelPillTabs$1, d as defineCustomElement$1 } from './p-1Q4VnThv.js';
+import { K as KritzelPillTabs$1, d as defineCustomElement$1 } from './p-jIKskj3S.js';
 
 const KritzelPillTabs = KritzelPillTabs$1;
 const defineCustomElement = defineCustomElement$1;