kritzel-stencil 0.4.24 → 0.4.26

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-Ba0c-tu2.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-BeSKOETx.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-DOTdJ3JQ.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-CeffYwAK.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-D0Ed8epW.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-CucCT7Qn.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,55 @@
-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-DwEYMvIn.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$r } from './p-CSuU8frA.js';
+import { v as DEFAULT_STROKE_SIZES, w as DEFAULT_FONT_SIZES, S as ShapeType, m as KritzelSelectionTool, f as KritzelBrushTool, h as KritzelEraserTool, g as KritzelLineTool, k as KritzelShapeTool, j as KritzelTextTool, i as KritzelImageTool, s as KritzelAlignment, x as DEFAULT_SYNC_CONFIG, y as KritzelSelectionGroup, z as KritzelSelectionBox, B as KritzelKeyboardHelper, C as defineCustomElement$w } from './p-DUoQyGKc.js';
 import { D as DEFAULT_COLOR_PALETTE, T as ThemeHelper, d as darkTheme, l as lightTheme } from './p-7I4Uzjrw.js';
 import { D as DEFAULT_TEXT_TOOL_AVAILABLE_FONTS, r as resolveTextToolAvailableFonts, K as KritzelFontRegistry } from './p-DJkKlUyZ.js';
-import { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, d as defineCustomElement$4 } from './p-BShrnlam.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-D6JycG-I.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-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-DW1B118Q.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$K } from './p-DFMZEarE.js';
+import { d as defineCustomElement$J } from './p-DN9p3G9K.js';
+import { d as defineCustomElement$H } from './p-D_cyY7Nd.js';
+import { d as defineCustomElement$G } from './p-Ba0c-tu2.js';
+import { d as defineCustomElement$F } from './p-DOTdJ3JQ.js';
+import { d as defineCustomElement$E } from './p-BeSKOETx.js';
+import { d as defineCustomElement$D } from './p-CSPYkLLH.js';
+import { d as defineCustomElement$C } from './p-CeffYwAK.js';
+import { d as defineCustomElement$B } from './p-CucCT7Qn.js';
+import { d as defineCustomElement$A } from './p-D0Ed8epW.js';
+import { d as defineCustomElement$z } from './p-Cm33td2O.js';
+import { d as defineCustomElement$y } from './p-DX2nriaq.js';
+import { d as defineCustomElement$x } from './p-Df3BwVGy.js';
+import { d as defineCustomElement$v } from './p-Dpm75DfV.js';
+import { d as defineCustomElement$u } from './p-OUl5CA4Y.js';
+import { d as defineCustomElement$t } from './p-djJSnjAX.js';
+import { d as defineCustomElement$s } from './p-BprEDRpA.js';
+import { d as defineCustomElement$q } from './p-NOWtUeeQ.js';
+import { d as defineCustomElement$p } from './p-CXpv9Rxe.js';
+import { d as defineCustomElement$o } from './p-Cva3jIIU.js';
+import { d as defineCustomElement$n } from './p-C0FEC_gS.js';
+import { d as defineCustomElement$m } from './p-DhabvHJM.js';
+import { d as defineCustomElement$k, a as defineCustomElement$l } from './p-CAXR5-S9.js';
+import { d as defineCustomElement$j } from './p-BPzdPKWE.js';
+import { d as defineCustomElement$i } from './p-BsLI_BWq.js';
+import { d as defineCustomElement$h } from './p-DTB3ykgO.js';
+import { d as defineCustomElement$g } from './p-DnmVD1Mz.js';
+import { d as defineCustomElement$f } from './p-jIKskj3S.js';
+import { d as defineCustomElement$e } from './p-CBrn5AIB.js';
+import { d as defineCustomElement$d } from './p-m7SeNszM.js';
+import { d as defineCustomElement$c } from './p-BFYtCsZu.js';
+import { d as defineCustomElement$b } from './p-ChPs27Fd.js';
+import { d as defineCustomElement$a } from './p-Dvn6ad4a.js';
+import { d as defineCustomElement$9 } from './p-Ce1j1-Hg.js';
+import { d as defineCustomElement$8 } from './p-DoxFuOy1.js';
+import { d as defineCustomElement$7 } from './p-DOl-95VY.js';
+import { d as defineCustomElement$6 } from './p-DkHYY72B.js';
+import { d as defineCustomElement$5 } from './p-DUmLsjKb.js';
+import { d as defineCustomElement$3 } from './p-CoXN583u.js';
+import { d as defineCustomElement$2 } from './p-B38_9BJg.js';
 
 /**
  * Common Math expressions.
@@ -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: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) {
@@ -3217,7 +3216,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     contextMenuState;
     normalizedControls = [];
     resolvedMoreMenuItems = [];
-    isSyncing = false;
     isLoadingOverlayVisible = false;
     notificationDismissTimeout;
     notificationDismissAnimationTimeout;
@@ -4014,40 +4012,40 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         const isLoggedIn = this.isLoggedIn;
         const shouldShowCurrentUser = isLoggedIn;
         const shouldShowLoginButton = this.isReady && !!this.loginConfig && !isLoggedIn;
-        return (h(Host, { key: 'b7b9b3cd6a81c4a7b8aa9730259377c8448336ba' }, h("div", { key: '7714490de58839fffb5a20d355a942dbb4d62409', class: "editor-content", style: {
+        return (h(Host, { key: '10d7810f2db00207f1f024727fb3957dce6496c5' }, h("div", { key: 'f1bced369a6e820d17c89b6e8cdd8f09fc7e084f', class: "editor-content", style: {
                 opacity: this.isEditorVisible ? '1' : '0',
                 visibility: this.isEditorVisible ? 'visible' : 'hidden',
                 transition: 'opacity 0.2s ease-in-out, visibility 0.2s ease-in-out',
-            } }, h("div", { key: '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: '42d177987e4d14de10ebb45d673f750022c7d944', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: 'be583a237b378e0eeb14756fcb0bd9a733b51020', visible: this.isWorkspaceManagerVisible, workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, terms: this.resolvedTerms, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-back-to-content", { key: '5713455fd09512085e5048ab3da35499d48c9bbc', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: '41c3fbd197ccca774bb87be7d003374bc548e46e', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: '5634e4cfd0d6cb7accee59e7f239e3d758872202', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: 'b1b2a90199b16e874a54a6435ebb4f873cc8a403', notification: this.activeNotification, locale: this.locale, onDismiss: this.dismissNotification, onHoverChange: event => this.handleNotificationHoverChange(event) })))), this.contextMenuState && this.contextMenuState.items.length > 0 && (h("kritzel-context-menu", { key: '9b1d0f847171e177a2135454cab0c3761308c396', class: "context-menu", items: this.contextMenuState.items, objects: this.contextMenuState.objects, style: {
                 position: 'absolute',
                 left: `${this.contextMenuState.position.x}px`,
                 top: `${this.contextMenuState.position.y}px`,
                 zIndex: '10002',
-            }, onActionSelected: event => this.handleContextMenuActionSelected(event), onClose: () => this.hideContextMenu() })), h("kritzel-sync-indicator", { key: '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-loading-overlay", { key: '693536ad11dbc5080203902f0553d87b628704e9', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: 'd4dacd1803e63417c2d7d9dcd008345e947f2806', ref: el => {
                 if (el) {
                     this.engineRef = el;
                 }
-            }, workspace: this.activeWorkspace, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, isObjectDistanceFadingActive: this.isObjectDistanceFadingActive, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, isLoading: this.isLoading, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, isPanningEnabled: this.isPanningEnabled, isZoomingEnabled: this.isZoomingEnabled, theme: this.theme, themes: this.themes, licenseKey: this.licenseKey, locale: this.locale, locales: this.locales, fallbackLocale: this.fallbackLocale, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event), 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), onLoadingChange: event => (this.isLoadingOverlayVisible = event.detail) }), h("kritzel-controls", { key: 'f988a540cae6372b2259167956f81ecfae324bf1', visible: this.isControlsVisible, class: { 'keyboard-open': this.isVirtualKeyboardOpen }, ref: el => {
                 if (el) {
                     this.controlsRef = el;
                 }
-            }, controls: this.normalizedControls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.theme, terms: this.resolvedTerms, onIsControlsReady: () => (this.isControlsReady = true) }), h("div", { key: '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: 'c9eca767869cb0504b18b480f14abb4ae9515e6a', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: '9a02ece644a46b9eaa1ce92245df2183bfe7bb5a', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'a214d0c6039cfeeda9e4e015e83ca196e4b73b56', class: "top-right-buttons" }, h("kritzel-settings", { key: 'c20518083d832267e85384d14adca6342fa82299', ref: el => {
                 if (el) {
                     this.settingsRef = el;
                 }
-            }, shortcuts: this.shortcuts, availableThemes: this.themes && this.themes.length > 0 ? this.themes.map(t => t.name) : ['light', 'dark'], availableLocales: this.availableLocaleOptions, settings: this.currentSettingsConfig, terms: this.resolvedTerms, onSettingsChange: event => this.handleSettingsChange(event) }), h("kritzel-export", { key: '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: '3306caba17bb638e5285c838539c7862e889dbbd', ref: el => {
                 if (el) {
                     this.exportRef = el;
                 }
-            }, workspaceName: this.activeWorkspace?.name || 'workspace', terms: this.resolvedTerms, onExportPng: () => this.engineRef.exportViewportAsPng(), onExportSvg: () => this.engineRef.exportViewportAsSvg(), onExportJson: event => this.engineRef.downloadAsJson(event.detail) }), h("kritzel-active-users", { key: '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: '1aede3a116f502f017188153803c35e304592575', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '8eaa1d59ca018d1b1190aa01c9fa3d2bd587de4c', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: 'c9a138c1411746654b3a2385c6c5c82b875cf88d', ref: el => {
                 if (el) {
                     this.currentUserDialogRef = el;
                 }
-            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: '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: '9a2900deb52b4d70f1612fb75c5baa9302412ebf', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: '027d3c3d847bf975bc5c6f44e9ecf1b452c77bf9', items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: '461e239bd09abf63b85e6122b1b9f7425da23ec3', ref: el => {
                 if (el) {
                     this.shareDialogRef = el;
                 }
-            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: '94e8ccb8da10cc8bfe6bb3debe21af40a47aeea7', ref: el => {
+            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: '1e324fb764ab33047dba85eb34ae51418d081f2c', ref: el => {
                 if (el) {
                     this.loginDialogRef = el;
                 }
@@ -4155,7 +4153,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         "contextMenuState": [32],
         "normalizedControls": [32],
         "resolvedMoreMenuItems": [32],
-        "isSyncing": [32],
         "isLoadingOverlayVisible": [32],
         "getObjectById": [64],
         "addObject": [64],
@@ -4281,7 +4278,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kritzel-editor", "kritzel-active-users", "kritzel-avatar", "kritzel-awareness-cursors", "kritzel-back-to-content", "kritzel-button", "kritzel-color", "kritzel-color-palette", "kritzel-context-menu", "kritzel-controls", "kritzel-current-user", "kritzel-current-user-dialog", "kritzel-cursor-trail", "kritzel-dialog", "kritzel-dropdown", "kritzel-engine", "kritzel-export", "kritzel-font", "kritzel-font-family", "kritzel-font-size", "kritzel-icon", "kritzel-input", "kritzel-line-endings", "kritzel-loading-overlay", "kritzel-login-dialog", "kritzel-master-detail", "kritzel-menu", "kritzel-menu-item", "kritzel-more-menu", "kritzel-notification-card", "kritzel-numeric-input", "kritzel-opacity-slider", "kritzel-pill-tabs", "kritzel-portal", "kritzel-settings", "kritzel-shape-fill", "kritzel-share-dialog", "kritzel-slide-toggle", "kritzel-split-button", "kritzel-stroke-size", "kritzel-sync-indicator", "kritzel-tool-config", "kritzel-tooltip", "kritzel-utility-panel", "kritzel-watermark", "kritzel-workspace-manager", "kritzel-zoom-panel"];
+    const components = ["kritzel-editor", "kritzel-active-users", "kritzel-avatar", "kritzel-awareness-cursors", "kritzel-back-to-content", "kritzel-button", "kritzel-color", "kritzel-color-palette", "kritzel-context-menu", "kritzel-controls", "kritzel-current-user", "kritzel-current-user-dialog", "kritzel-cursor-trail", "kritzel-dialog", "kritzel-dropdown", "kritzel-engine", "kritzel-export", "kritzel-font", "kritzel-font-family", "kritzel-font-size", "kritzel-icon", "kritzel-input", "kritzel-line-endings", "kritzel-loading-overlay", "kritzel-login-dialog", "kritzel-master-detail", "kritzel-menu", "kritzel-menu-item", "kritzel-more-menu", "kritzel-notification-card", "kritzel-numeric-input", "kritzel-opacity-slider", "kritzel-pill-tabs", "kritzel-portal", "kritzel-settings", "kritzel-shape-fill", "kritzel-share-dialog", "kritzel-slide-toggle", "kritzel-split-button", "kritzel-stroke-size", "kritzel-tool-config", "kritzel-tooltip", "kritzel-utility-panel", "kritzel-watermark", "kritzel-workspace-manager", "kritzel-zoom-panel"];
     components.forEach(tagName => { switch (tagName) {
         case "kritzel-editor":
             if (!customElements.get(transformTag(tagName))) {
@@ -4289,201 +4286,196 @@ function defineCustomElement$1() {
             }
             break;
         case "kritzel-active-users":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$L();
-            }
-            break;
-        case "kritzel-avatar":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$K();
             }
             break;
-        case "kritzel-awareness-cursors":
+        case "kritzel-avatar":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$J();
             }
             break;
-        case "kritzel-back-to-content":
+        case "kritzel-awareness-cursors":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$I();
             }
             break;
-        case "kritzel-button":
+        case "kritzel-back-to-content":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$H();
             }
             break;
-        case "kritzel-color":
+        case "kritzel-button":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$G();
             }
             break;
-        case "kritzel-color-palette":
+        case "kritzel-color":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$F();
             }
             break;
-        case "kritzel-context-menu":
+        case "kritzel-color-palette":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$E();
             }
             break;
-        case "kritzel-controls":
+        case "kritzel-context-menu":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$D();
             }
             break;
-        case "kritzel-current-user":
+        case "kritzel-controls":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$C();
             }
             break;
-        case "kritzel-current-user-dialog":
+        case "kritzel-current-user":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$B();
             }
             break;
-        case "kritzel-cursor-trail":
+        case "kritzel-current-user-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$A();
             }
             break;
-        case "kritzel-dialog":
+        case "kritzel-cursor-trail":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$z();
             }
             break;
-        case "kritzel-dropdown":
+        case "kritzel-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$y();
             }
             break;
-        case "kritzel-engine":
+        case "kritzel-dropdown":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$x();
             }
             break;
-        case "kritzel-export":
+        case "kritzel-engine":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$w();
             }
             break;
-        case "kritzel-font":
+        case "kritzel-export":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$v();
             }
             break;
-        case "kritzel-font-family":
+        case "kritzel-font":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$u();
             }
             break;
-        case "kritzel-font-size":
+        case "kritzel-font-family":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$t();
             }
             break;
-        case "kritzel-icon":
+        case "kritzel-font-size":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$s();
             }
             break;
-        case "kritzel-input":
+        case "kritzel-icon":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$r();
             }
             break;
-        case "kritzel-line-endings":
+        case "kritzel-input":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$q();
             }
             break;
-        case "kritzel-loading-overlay":
+        case "kritzel-line-endings":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$p();
             }
             break;
-        case "kritzel-login-dialog":
+        case "kritzel-loading-overlay":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$o();
             }
             break;
-        case "kritzel-master-detail":
+        case "kritzel-login-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$n();
             }
             break;
-        case "kritzel-menu":
+        case "kritzel-master-detail":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$m();
             }
             break;
-        case "kritzel-menu-item":
+        case "kritzel-menu":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$l();
             }
             break;
-        case "kritzel-more-menu":
+        case "kritzel-menu-item":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$k();
             }
             break;
-        case "kritzel-notification-card":
+        case "kritzel-more-menu":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$j();
             }
             break;
-        case "kritzel-numeric-input":
+        case "kritzel-notification-card":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$i();
             }
             break;
-        case "kritzel-opacity-slider":
+        case "kritzel-numeric-input":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$h();
             }
             break;
-        case "kritzel-pill-tabs":
+        case "kritzel-opacity-slider":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$g();
             }
             break;
-        case "kritzel-portal":
+        case "kritzel-pill-tabs":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$f();
             }
             break;
-        case "kritzel-settings":
+        case "kritzel-portal":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$e();
             }
             break;
-        case "kritzel-shape-fill":
+        case "kritzel-settings":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$d();
             }
             break;
-        case "kritzel-share-dialog":
+        case "kritzel-shape-fill":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$c();
             }
             break;
-        case "kritzel-slide-toggle":
+        case "kritzel-share-dialog":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$b();
             }
             break;
-        case "kritzel-split-button":
+        case "kritzel-slide-toggle":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$a();
             }
             break;
-        case "kritzel-stroke-size":
+        case "kritzel-split-button":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$9();
             }
             break;
-        case "kritzel-sync-indicator":
+        case "kritzel-stroke-size":
             if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$8();
             }

package/dist/components/kritzel-engine.js

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

package/dist/components/kritzel-export.js

@@ -1,4 +1,4 @@
-import { K as KritzelExport$1, d as defineCustomElement$1 } from './p-b0J2ktAm.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-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-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-Dp1CD4gK.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-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-NOWtUeeQ.js';
 
 const KritzelInput = KritzelInput$1;
 const defineCustomElement = defineCustomElement$1;