@kritzel/editor 0.4.31 → 0.4.33

package/dist/components/kritzel-editor.js

@@ -1,52 +1,52 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-5qkOM1RJ.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-Dzr6X2aj.js';
 import { ABSOLUTE_SCALE_MAX, ABSOLUTE_SCALE_MIN, KritzelSelectionTool, DEFAULT_BRUSH_CONFIG, KritzelBrushTool, KritzelEraserTool, DEFAULT_LINE_TOOL_CONFIG, KritzelLineTool, ShapeType, DEFAULT_SHAPE_CONFIG, KritzelShapeTool, DEFAULT_TEXT_CONFIG, KritzelTextTool, KritzelImageTool, KritzelAlignment, hasRemoteSyncProvider, DEFAULT_SYNC_CONFIG, DEFAULT_ASSET_STORAGE_CONFIG, ObjectHelper, resolveTextToolAvailableFonts, ThemeHelper, darkTheme, lightTheme, KritzelSelectionGroup, KritzelSelectionBox, KritzelIconRegistry, KritzelFontRegistry, KritzelKeyboardHelper, KritzelDevicesHelper } from '@kritzel/engine';
-import { d as defineCustomElement$K } from './p-QEue33R5.js';
-import { d as defineCustomElement$J } from './p-4-qLegHb.js';
-import { d as defineCustomElement$I } from './p-Cy_cLtOP.js';
-import { d as defineCustomElement$H } from './p-CwBxnzYu.js';
-import { d as defineCustomElement$G } from './p-DOJCDPVD.js';
-import { d as defineCustomElement$F } from './p-DVv8ChhE.js';
-import { d as defineCustomElement$E } from './p-GbCxpbQ6.js';
-import { d as defineCustomElement$D } from './p-B6UJztrf.js';
-import { d as defineCustomElement$C } from './p-BrGJIoGK.js';
-import { d as defineCustomElement$B } from './p-CrIEmItB.js';
-import { d as defineCustomElement$A } from './p-Cp4e4oTE.js';
-import { d as defineCustomElement$z } from './p-peZjvnkK.js';
-import { d as defineCustomElement$y } from './p-R1D8Sr0l.js';
-import { d as defineCustomElement$x } from './p-DZsSiMnA.js';
-import { d as defineCustomElement$w } from './p-hQwVRh0t.js';
-import { d as defineCustomElement$v } from './p-BDjRSoAc.js';
-import { d as defineCustomElement$u } from './p-ClfOtiNp.js';
-import { d as defineCustomElement$t } from './p-BfMlwIcG.js';
-import { d as defineCustomElement$s } from './p-BGmTmdLe.js';
-import { d as defineCustomElement$r } from './p-B5xYV1o3.js';
-import { d as defineCustomElement$q } from './p-CoNexfpB.js';
-import { d as defineCustomElement$p } from './p-B3Tqoyl9.js';
-import { d as defineCustomElement$o } from './p-Ds0uNtwQ.js';
-import { d as defineCustomElement$n } from './p-CVxGF4bJ.js';
-import { d as defineCustomElement$m } from './p-DqOC_Yck.js';
-import { d as defineCustomElement$l } from './p-BN8VWPlq.js';
-import { d as defineCustomElement$k } from './p-BZ_KnHdR.js';
-import { d as defineCustomElement$j } from './p-D0tPTPkR.js';
-import { d as defineCustomElement$i } from './p-McY5wZ0h.js';
-import { d as defineCustomElement$h } from './p-h_uh_Njf.js';
-import { d as defineCustomElement$g } from './p-B_gT0lCn.js';
-import { d as defineCustomElement$f } from './p-CS3YZVYE.js';
-import { d as defineCustomElement$e } from './p-CvaxFYS0.js';
-import { d as defineCustomElement$d } from './p-BvG3JO85.js';
-import { d as defineCustomElement$c } from './p-Blq9a1ni.js';
-import { d as defineCustomElement$b } from './p-DyRJFg4w.js';
-import { d as defineCustomElement$a } from './p-kOINnzaR.js';
-import { d as defineCustomElement$9 } from './p-DXuf225S.js';
-import { d as defineCustomElement$8 } from './p-CzUeIini.js';
-import { d as defineCustomElement$7 } from './p-Ckqh1tqY.js';
-import { d as defineCustomElement$6 } from './p-DJxgPPfs.js';
-import { d as defineCustomElement$5 } from './p-BjFrt1q0.js';
-import { d as defineCustomElement$4 } from './p-SLnqczCS.js';
-import { d as defineCustomElement$3 } from './p-CmjXRLdr.js';
-import { d as defineCustomElement$2 } from './p-DXZBWJBt.js';
+import { d as defineCustomElement$K } from './p-DQ3VKzAS.js';
+import { d as defineCustomElement$J } from './p-Bipc1XvF.js';
+import { d as defineCustomElement$I } from './p-BZ0ReYAA.js';
+import { d as defineCustomElement$H } from './p-Qbk7xE91.js';
+import { d as defineCustomElement$G } from './p-DsnHq8en.js';
+import { d as defineCustomElement$F } from './p-CO1cJlfg.js';
+import { d as defineCustomElement$E } from './p-C2ySiAXO.js';
+import { d as defineCustomElement$D } from './p-kXnNX65j.js';
+import { d as defineCustomElement$C } from './p-DqMikMrS.js';
+import { d as defineCustomElement$B } from './p-2DAZSvN6.js';
+import { d as defineCustomElement$A } from './p-CqHKGLYE.js';
+import { d as defineCustomElement$z } from './p-C0ns8IPO.js';
+import { d as defineCustomElement$y } from './p-B-U13Ew1.js';
+import { d as defineCustomElement$x } from './p-BeCy6w6M.js';
+import { d as defineCustomElement$w } from './p-clFfXKKn.js';
+import { d as defineCustomElement$v } from './p-Dko_6jIh.js';
+import { d as defineCustomElement$u } from './p-C1_r9nJU.js';
+import { d as defineCustomElement$t } from './p-DF8p-DxR.js';
+import { d as defineCustomElement$s } from './p-B6Z_VKKH.js';
+import { d as defineCustomElement$r } from './p-C68YXjuL.js';
+import { d as defineCustomElement$q } from './p-BDsuJNT_.js';
+import { d as defineCustomElement$p } from './p-C3KlONnT.js';
+import { d as defineCustomElement$o } from './p-CNH7N3Aq.js';
+import { d as defineCustomElement$n } from './p-B8tHdknP.js';
+import { d as defineCustomElement$m } from './p-BpvSYxxN.js';
+import { d as defineCustomElement$l } from './p-B-Divd0Q.js';
+import { d as defineCustomElement$k } from './p-B1rmcPZr.js';
+import { d as defineCustomElement$j } from './p-DYDruZIw.js';
+import { d as defineCustomElement$i } from './p-DSyb29RF.js';
+import { d as defineCustomElement$h } from './p-VYGV0cr3.js';
+import { d as defineCustomElement$g } from './p-B2-SxV8E.js';
+import { d as defineCustomElement$f } from './p-BmFJelgk.js';
+import { d as defineCustomElement$e } from './p-Cv2nqOL8.js';
+import { d as defineCustomElement$d } from './p-BMi-i7sC.js';
+import { d as defineCustomElement$c } from './p-CrEWqua9.js';
+import { d as defineCustomElement$b } from './p-YGBl60lb.js';
+import { d as defineCustomElement$a } from './p-D_JxJxQ6.js';
+import { d as defineCustomElement$9 } from './p-HbHo7awi.js';
+import { d as defineCustomElement$8 } from './p-D-1ixLxq.js';
+import { d as defineCustomElement$7 } from './p-DRe-rTlX.js';
+import { d as defineCustomElement$6 } from './p-CCuNN278.js';
+import { d as defineCustomElement$5 } from './p-DnHvqeyr.js';
+import { d as defineCustomElement$4 } from './p-dUcCDLDF.js';
+import { d as defineCustomElement$3 } from './p-2gylYpXk.js';
+import { d as defineCustomElement$2 } from './p-DxFNLy9X.js';
 
-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-toolbar{position:absolute;z-index:2;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 16px);bottom:var(--kritzel-editor-toolbar-bottom, 14px);transition:transform var(--kritzel-editor-toolbar-transition-duration, 0.1s) var(--kritzel-editor-toolbar-transition, ease-in-out)}kritzel-toolbar.keyboard-open{transform:var(--kritzel-editor-toolbar-transform, translateY(300%))}.top-left-buttons{position:absolute;z-index:2;top:var(--kritzel-editor-top-left-buttons-top, 14px);left:var(--kritzel-editor-top-left-buttons-left, 14px);display:flex;align-items:flex-start;gap:8px}.top-center-notification-layer{position:absolute;top:var(--kritzel-editor-top-center-notification-top, 14px);left:0;right:0;z-index:var(--kritzel-editor-top-center-notification-z-index, 10001);display:flex;justify-content:center;pointer-events:none}.top-center-notification-container{width:min(90vw, 420px);pointer-events:auto;animation:kritzel-notification-slide-in var(--kritzel-editor-notification-animation-duration, 220ms)      var(--kritzel-editor-notification-animation-easing, cubic-bezier(0.22, 1, 0.36, 1))}.top-center-notification-container.is-dismissing{animation:kritzel-notification-fade-out var(--kritzel-editor-notification-dismiss-animation-duration, 180ms)      var(--kritzel-editor-notification-dismiss-animation-easing, ease-in) forwards}@keyframes kritzel-notification-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kritzel-notification-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.top-center-notification-container{animation:none}}.top-right-buttons{position:absolute;z-index:2;top:var(--kritzel-editor-top-right-buttons-top, 14px);right:var(--kritzel-editor-top-right-buttons-right, 14px);display:flex;align-items:center;gap:8px}.bottom-left-buttons{position:absolute;z-index:2;left:var(--kritzel-editor-top-left-buttons-left, 14px);bottom:var(--kritzel-editor-toolbar-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-toolbar{position:absolute;z-index:2;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 16px);bottom:var(--kritzel-editor-toolbar-bottom, 14px);transition:transform var(--kritzel-editor-toolbar-transition-duration, 0.1s) var(--kritzel-editor-toolbar-transition, ease-in-out)}kritzel-toolbar.keyboard-open{transform:var(--kritzel-editor-toolbar-transform, translateY(300%))}.top-left-buttons{position:absolute;z-index:2;top:var(--kritzel-editor-top-left-buttons-top, 14px);left:var(--kritzel-editor-top-left-buttons-left, 14px);display:flex;align-items:flex-start;gap:8px}.top-center-notification-layer{position:absolute;top:var(--kritzel-editor-top-center-notification-top, 14px);left:0;right:0;z-index:var(--kritzel-editor-top-center-notification-z-index, 10001);display:flex;justify-content:center;pointer-events:none}.top-center-notification-container{width:min(90vw, 420px);pointer-events:auto;animation:kritzel-notification-slide-in var(--kritzel-editor-notification-animation-duration, 220ms)     var(--kritzel-editor-notification-animation-easing, cubic-bezier(0.22, 1, 0.36, 1))}.top-center-notification-container.is-dismissing{animation:kritzel-notification-fade-out var(--kritzel-editor-notification-dismiss-animation-duration, 180ms)     var(--kritzel-editor-notification-dismiss-animation-easing, ease-in) forwards}@keyframes kritzel-notification-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kritzel-notification-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.top-center-notification-container{animation:none}}.top-right-buttons{position:absolute;z-index:2;top:var(--kritzel-editor-top-right-buttons-top, 14px);right:var(--kritzel-editor-top-right-buttons-right, 14px);display:flex;align-items:center;gap:8px}.bottom-left-buttons{position:absolute;z-index:2;left:var(--kritzel-editor-top-left-buttons-left, 14px);bottom:var(--kritzel-editor-toolbar-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) {
@@ -119,12 +119,12 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
             name: 'shape',
             type: 'tool',
             tool: KritzelShapeTool,
-            icon: 'shape-rectangle',
+            icon: 'shapeRectangle',
             config: DEFAULT_SHAPE_CONFIG,
             subOptions: [
-                { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },
-                { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },
-                { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },
+                { id: 'rectangle', icon: 'shapeRectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },
+                { id: 'ellipse', icon: 'shapeEllipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },
+                { id: 'triangle', icon: 'shapeTriangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },
             ],
         },
         {
@@ -153,7 +153,7 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         },
         {
             label: 'menu.selectAll',
-            icon: 'select-all',
+            icon: 'selectAll',
             action: () => this.selectAllObjectsInViewport(),
         },
     ];
@@ -184,10 +184,10 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
             icon: 'ordering',
             group: 'other',
             children: [
-                { label: 'menu.bringToFront', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },
-                { label: 'menu.sendToBack', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },
-                { label: 'menu.moveUp', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },
-                { label: 'menu.moveDown', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },
+                { label: 'menu.bringToFront', icon: 'bringToFront', action: () => this.engineRef.bringToFront() },
+                { label: 'menu.sendToBack', icon: 'sendToBack', action: () => this.engineRef.sendToBack() },
+                { label: 'menu.moveUp', icon: 'arrowUpFromDot', action: () => this.engineRef.bringForward() },
+                { label: 'menu.moveDown', icon: 'arrowDownFromDot', action: () => this.engineRef.sendBackward() },
             ],
         },
         {
@@ -195,12 +195,12 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
             icon: 'align',
             group: 'other',
             children: [
-                { label: 'menu.alignLeft', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },
-                { label: 'menu.alignCenterHorizontal', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },
-                { label: 'menu.alignRight', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },
-                { label: 'menu.alignTop', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },
-                { label: 'menu.alignCenterVertical', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },
-                { label: 'menu.alignBottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },
+                { label: 'menu.alignLeft', icon: 'alignStartVertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },
+                { label: 'menu.alignCenterHorizontal', icon: 'alignCenterHorizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },
+                { label: 'menu.alignRight', icon: 'alignEndVertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },
+                { label: 'menu.alignTop', icon: 'alignStartHorizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },
+                { label: 'menu.alignCenterVertical', icon: 'alignCenterVertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },
+                { label: 'menu.alignBottom', icon: 'alignEndHorizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },
             ],
         },
         {
@@ -373,6 +373,9 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     onCustomFontsChange(newValue) {
         void this.registerCustomFonts(newValue);
     }
+    onCustomSvgIconsChange(newValue) {
+        this.registerCustomSvgIcons(newValue);
+    }
     onMoreMenuItemsChange() {
         this.recomputeMoreMenuItems();
     }
@@ -545,12 +548,11 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     async reinitSync() {
         return this.engineRef.reinitSync();
     }
-    // ── Tool management ─────────────────────────────────────────────────
     async registerTool(toolName, toolClass, toolConfig) {
         return this.engineRef.registerTool(toolName, toolClass, toolConfig);
     }
-    async changeActiveTool(toolName) {
-        return this.engineRef.changeActiveTool(toolName);
+    async setActiveTool(toolName) {
+        return this.engineRef.setActiveTool(toolName);
     }
     async disable() {
         return this.engineRef.disable();
@@ -789,15 +791,21 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     loginDialogRef;
     currentUserDialogRef;
     componentWillLoad() {
+        this.registerCustomSvgIcons(this.customSvgIcons);
         this.recomputeMoreMenuItems();
         this.loadSettingsFromStorage();
         this.applyTheme();
     }
+    componentWillRender() {
+        this.registerCustomSvgIcons(this.customSvgIcons);
+    }
     isTextToolConfig(config) {
         return !!config && 'fontFamily' in config && 'size' in config && 'color' in config;
     }
     lastToolbarItemsRef = null;
     lastNormalizedToolbarItems = [];
+    lastToolsSource = null;
+    lastTools = [];
     getNormalizedToolbarItems() {
         if (this.toolbarItems !== this.lastToolbarItemsRef) {
             this.lastToolbarItemsRef = this.toolbarItems;
@@ -805,6 +813,16 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         }
         return this.lastNormalizedToolbarItems;
     }
+    getTools() {
+        const normalizedToolbarItems = this.getNormalizedToolbarItems();
+        if (normalizedToolbarItems !== this.lastToolsSource) {
+            this.lastToolsSource = normalizedToolbarItems;
+            this.lastTools = normalizedToolbarItems
+                .filter(item => item.type === 'tool' && !!item.tool)
+                .map(item => ({ name: item.name, tool: item.tool, config: item.config }));
+        }
+        return this.lastTools;
+    }
     normalizeToolbar(toolbarItems) {
         return toolbarItems.map(control => {
             if (!this.isTextToolConfig(control.config)) {
@@ -833,7 +851,6 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         return this.themes?.find(t => t.name === this.theme) ?? (this.theme === 'dark' ? darkTheme : lightTheme);
     }
     componentDidLoad() {
-        this.registerCustomSvgIcons();
         this.registerCustomFonts();
         this.listenForMobileKeyboard();
         this.setOsSpecificCssVariables();
@@ -1199,10 +1216,13 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
     getContentObjects(objects) {
         return objects.filter(obj => !(obj instanceof KritzelSelectionGroup) && !(obj instanceof KritzelSelectionBox));
     }
-    registerCustomSvgIcons() {
-        for (const [name, svg] of Object.entries(this.customSvgIcons)) {
-            KritzelIconRegistry.register(name, svg);
+    lastCustomSvgIcons;
+    registerCustomSvgIcons(icons) {
+        if (icons === this.lastCustomSvgIcons) {
+            return;
         }
+        this.lastCustomSvgIcons = icons;
+        KritzelIconRegistry.registerIcons(icons ?? {});
     }
     async registerCustomFonts(fonts = this.customFonts) {
         KritzelFontRegistry.registerFonts(fonts);
@@ -1262,48 +1282,49 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         const shouldShowCurrentUser = isLoggedIn;
         const shouldShowLoginButton = this.isReady && !!this.loginConfig && !isLoggedIn;
         const normalizedToolbarItems = this.getNormalizedToolbarItems();
-        return (h(Host, { key: '34f8001fb3d6ac1f52a51aa57eef893a41fb1c8c' }, h("div", { key: '61ae20a731ee495361bdd9cb0ed334cde2b3af42', class: "editor-content", style: {
+        const tools = this.getTools();
+        return (h(Host, { key: '939e4336009f65e1d1a3ec9b756de38a5fa942d6' }, h("div", { key: 'c216ac3097a8472ba74532b2c6c300efd90134cf', 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: '760c5f02ae80fba30fff328f307fa78e45531f13', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: '4daf1b5fbc6523c46ce3c0b4bec206f1905cf1b7', ref: el => {
+            } }, h("div", { key: '6796a763912435553cde891847302746491f493b', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: 'e13510ec3f76f8aab2c3b0771c3363d92d93cc6a', ref: el => {
                 if (el) {
                     this.workspaceManagerRef = el;
                 }
-            }, visible: this.isWorkspaceManagerVisible, workspaces: this.availableWorkspaces, activeWorkspace: this.activeWorkspace, terms: this.resolvedTerms, onWorkspaceChange: event => this.handleWorkspaceManagerChange(event), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-back-to-content", { key: '72e7649d13e3f03bcb7cd7c0507d1bd15e2f4cb3', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: '0651bba45fabb7342ea28e120bc930be5ee45de6', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: 'b4b0bf29824b7cb025ef168a7c7be31d5054c0ff', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: '93c6f6b313a082f155eca9c60e623bcfbdd4119f', 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: '0ad85b0ee5e85fffa081f88cdc991b3233ddd5ad', class: "context-menu", items: this.contextMenuState.items, objects: this.contextMenuState.objects, style: {
+            }, visible: this.isWorkspaceManagerVisible, workspaces: this.availableWorkspaces, activeWorkspace: this.activeWorkspace, terms: this.resolvedTerms, onWorkspaceChange: event => this.handleWorkspaceManagerChange(event), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-back-to-content", { key: '9115ee23e578a66f46b202623c241277ef092544', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: 'd4379f4d0e4f8b3cf2693f34304b03b1e5a75255', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: '01151742b1338423e669d2382ebe9ad55322c43b', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: 'e802c494bab6b2eae72d8fd4997d362006e63142', 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: '8141865c0beb036f28c135bc41054a68a7b05d01', 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-loading-overlay", { key: 'bf4a9e25c3f78633831bcfdaf580a45171b67fff', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: '46bdfb77cddd106b7c6e8f7767520a331608592f', ref: el => {
+            }, onActionSelected: event => this.handleContextMenuActionSelected(event), onClose: () => this.hideContextMenu() })), h("kritzel-loading-overlay", { key: 'a4b6a7389387641c0fe0fe44b7c0948c66d8cdfc', visible: this.isLoadingOverlayVisible, text: this.resolvedTerms['editor.loading'] ?? 'Loading...' }), h("kritzel-engine", { key: '0b3e551a97e2c40548d7dc479fca5f408035a8f4', ref: el => {
                 if (el) {
                     this.engineRef = el;
                 }
-            }, workspaces: this.workspaces, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, isPanningEnabled: this.isPanningEnabled, isZoomingEnabled: this.isZoomingEnabled, theme: this.theme, themes: this.themes, licenseKey: this.licenseKey, locale: this.locale, locales: this.locales, fallbackLocale: this.fallbackLocale, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onObjectsSelectionChange: event => this.handleObjectsSelectionChange(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event), onNotificationsChange: event => this.handleNotificationsChange(event), onContextMenuStateChange: event => this.handleContextMenuStateChange(event), onIsLoadingChange: event => this.handleIsLoadingChange(event) }), h("kritzel-toolbar", { key: 'f19449a3b6aa08c51eb58ba53a37e133a6d1d1d5', visible: this.isToolbarVisible, class: { 'keyboard-open': this.isVirtualKeyboardOpen }, ref: el => {
+            }, workspaces: this.workspaces, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, isPanningEnabled: this.isPanningEnabled, isZoomingEnabled: this.isZoomingEnabled, theme: this.theme, themes: this.themes, licenseKey: this.licenseKey, locale: this.locale, locales: this.locales, fallbackLocale: this.fallbackLocale, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, tools: tools, 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), onObjectsSelectionChange: event => this.handleObjectsSelectionChange(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event), onNotificationsChange: event => this.handleNotificationsChange(event), onContextMenuStateChange: event => this.handleContextMenuStateChange(event), onIsLoadingChange: event => this.handleIsLoadingChange(event) }), h("kritzel-toolbar", { key: '3240c2481021aa017a26e1e3e3618d346a3bf1b9', visible: this.isToolbarVisible, class: { 'keyboard-open': this.isVirtualKeyboardOpen }, ref: el => {
                 if (el) {
                     this.toolbarRef = el;
                 }
-            }, toolbarItems: normalizedToolbarItems, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.theme, terms: this.resolvedTerms, onIsToolbarReady: () => (this.isToolbarReady = true) }), h("div", { key: '3d7b417b286f9e003137d02a7520ef1d9b5563f2', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: '1d366c23cb68e5e345a8cb8833cdc61c9a0c607b', visible: this.isZoomPanelVisible, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: '1c27cd556dea88b7dcf1fb6960157cff37210260', class: "top-right-buttons" }, h("kritzel-settings", { key: '61be74fbd336e64236a618bc40c5a68c9e4ba2a9', ref: el => {
+            }, toolbarItems: normalizedToolbarItems, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.theme, terms: this.resolvedTerms, onIsToolbarReady: () => (this.isToolbarReady = true) }), h("div", { key: 'ba83e4189b6ee8a6e060f3d26b4863ff1d5768d2', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: '7725ee71671d68411c5f6bb5da6e2737338880f0', visible: this.isZoomPanelVisible, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: '1a4f0c9f1c8acf2703e0d101d6e6288f976af7f7', class: "top-right-buttons" }, h("kritzel-settings", { key: 'd14c088c5ed85d4e63b7b478a742e4b01921dec9', 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: '4e84be18db6d1c1982bd6420d034f80876b22651', 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: '22b5848fd3c395c9c06f67f13b2de5ebe7f20ffe', 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: 'a5c1b3de7e67ecddbac0a581a00585f796cd3dc3', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: 'ff5f5668cb662f7275f714b3bad7ae7baff89eb4', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: '18139a2382c60adec64fcb093e05904d3f37a639', 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: '7c60a610eb996640663331666691acec691128f0', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: 'aa53b3739c92cb01580a61e355ff22d4777ba11e', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: 'c709f948752f62122150ecef70788a527edd610e', ref: el => {
                 if (el) {
                     this.currentUserDialogRef = el;
                 }
-            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: 'c1d72827c6416efda9ba1f5576390135c8161665', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: '6cf3f77fd2a1c5f9e04e3cf415e775dd60e94927', ref: el => {
+            }, user: this.user, terms: this.resolvedTerms, onLogoutRequest: this.handleCurrentUserLogout })), shouldShowLoginButton && h("kritzel-button", { key: 'ed095c276f2a48e74c7c899d216891d2b1130759', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in'), h("kritzel-more-menu", { key: 'cdd22f54afc7acdfd783afbcfa16813ac39f4352', ref: el => {
                 if (el) {
                     this.moreMenuRef = el;
                 }
-            }, items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: '60de09f78488162b0739f0494cc52706ba0df58d', ref: el => {
+            }, items: this.resolvedMoreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: '00d09340a36334aa29dde0e306598bb48b8360fc', 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: 'ab05733b8c6985f3b3a3d327c4effd58e57b0a8f', ref: el => {
+            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: '1e4c79482b155a0da9dc664ae1f421773c6a452c', ref: el => {
                 if (el) {
                     this.loginDialogRef = el;
                 }
@@ -1325,6 +1346,9 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         "customFonts": [{
                 "onCustomFontsChange": 0
             }],
+        "customSvgIcons": [{
+                "onCustomSvgIconsChange": 0
+            }],
         "moreMenuItems": [{
                 "onMoreMenuItemsChange": 0
             }],
@@ -1442,7 +1466,7 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         "loadSharedWorkspace": [64],
         "reinitSync": [64],
         "registerTool": [64],
-        "changeActiveTool": [64],
+        "setActiveTool": [64],
         "disable": [64],
         "enable": [64],
         "copy": [64],
@@ -1519,6 +1543,9 @@ const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor ext
         "customFonts": [{
                 "onCustomFontsChange": 0
             }],
+        "customSvgIcons": [{
+                "onCustomSvgIconsChange": 0
+            }],
         "moreMenuItems": [{
                 "onMoreMenuItemsChange": 0
             }],

package/dist/components/kritzel-engine.js

@@ -1,4 +1,4 @@
-import { K as KritzelEngine$1, d as defineCustomElement$1 } from './p-DZsSiMnA.js';
+import { K as KritzelEngine$1, d as defineCustomElement$1 } from './p-BeCy6w6M.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-hQwVRh0t.js';
+import { K as KritzelExport$1, d as defineCustomElement$1 } from './p-clFfXKKn.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-ClfOtiNp.js';
+import { K as KritzelFontFamily$1, d as defineCustomElement$1 } from './p-C1_r9nJU.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-BfMlwIcG.js';
+import { K as KritzelFontSize$1, d as defineCustomElement$1 } from './p-DF8p-DxR.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-BDjRSoAc.js';
+import { K as KritzelFont$1, d as defineCustomElement$1 } from './p-Dko_6jIh.js';
 
 const KritzelFont = KritzelFont$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-icon.js

@@ -1,4 +1,4 @@
-import { K as KritzelIcon$1, d as defineCustomElement$1 } from './p-BGmTmdLe.js';
+import { K as KritzelIcon$1, d as defineCustomElement$1 } from './p-B6Z_VKKH.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-B5xYV1o3.js';
+import { K as KritzelInput$1, d as defineCustomElement$1 } from './p-C68YXjuL.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-CoNexfpB.js';
+import { K as KritzelLineEndings$1, d as defineCustomElement$1 } from './p-BDsuJNT_.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-B3Tqoyl9.js';
+import { K as KritzelLoadingOverlay$1, d as defineCustomElement$1 } from './p-C3KlONnT.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-Ds0uNtwQ.js';
+import { K as KritzelLoginDialog$1, d as defineCustomElement$1 } from './p-CNH7N3Aq.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-CVxGF4bJ.js';
+import { K as KritzelMasterDetail$1, d as defineCustomElement$1 } from './p-B8tHdknP.js';
 
 const KritzelMasterDetail = KritzelMasterDetail$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { K as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-BN8VWPlq.js';
+import { K as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-B-Divd0Q.js';
 
 const KritzelMenuItem = KritzelMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-menu.js

@@ -1,4 +1,4 @@
-import { K as KritzelMenu$1, d as defineCustomElement$1 } from './p-DqOC_Yck.js';
+import { K as KritzelMenu$1, d as defineCustomElement$1 } from './p-BpvSYxxN.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-BZ_KnHdR.js';
+import { K as KritzelMoreMenu$1, d as defineCustomElement$1 } from './p-B1rmcPZr.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-D0tPTPkR.js';
+import { K as KritzelNotificationCard$1, d as defineCustomElement$1 } from './p-DYDruZIw.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-McY5wZ0h.js';
+import { K as KritzelNumericInput$1, d as defineCustomElement$1 } from './p-DSyb29RF.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-h_uh_Njf.js';
+import { K as KritzelOpacitySlider$1, d as defineCustomElement$1 } from './p-VYGV0cr3.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-B_gT0lCn.js';
+import { K as KritzelPillTabs$1, d as defineCustomElement$1 } from './p-B2-SxV8E.js';
 
 const KritzelPillTabs = KritzelPillTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-portal.js

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

package/dist/components/kritzel-settings.js

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

package/dist/components/kritzel-shape-fill.js

@@ -1,4 +1,4 @@
-import { K as KritzelShapeFill$1, d as defineCustomElement$1 } from './p-BvG3JO85.js';
+import { K as KritzelShapeFill$1, d as defineCustomElement$1 } from './p-BMi-i7sC.js';
 
 const KritzelShapeFill = KritzelShapeFill$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { K as KritzelToolConfig$1, d as defineCustomElement$1 } from './p-CzUeIini.js';
+import { K as KritzelToolConfig$1, d as defineCustomElement$1 } from './p-D-1ixLxq.js';
 
 const KritzelToolConfig = KritzelToolConfig$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-toolbar.js

@@ -1,4 +1,4 @@
-import { K as KritzelToolbar$1, d as defineCustomElement$1 } from './p-Ckqh1tqY.js';
+import { K as KritzelToolbar$1, d as defineCustomElement$1 } from './p-DRe-rTlX.js';
 
 const KritzelToolbar = KritzelToolbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-tooltip.js

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

package/dist/components/kritzel-utility-panel.js

@@ -1,4 +1,4 @@
-import { K as KritzelUtilityPanel$1, d as defineCustomElement$1 } from './p-BjFrt1q0.js';
+import { K as KritzelUtilityPanel$1, d as defineCustomElement$1 } from './p-DnHvqeyr.js';
 
 const KritzelUtilityPanel = KritzelUtilityPanel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-watermark.js

@@ -1,4 +1,4 @@
-import { K as KritzelWatermark$1, d as defineCustomElement$1 } from './p-SLnqczCS.js';
+import { K as KritzelWatermark$1, d as defineCustomElement$1 } from './p-dUcCDLDF.js';
 
 const KritzelWatermark = KritzelWatermark$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kritzel-workspace-manager.js

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

package/dist/components/kritzel-zoom-panel.js

@@ -1,4 +1,4 @@
-import { K as KritzelZoomPanel$1, d as defineCustomElement$1 } from './p-DXZBWJBt.js';
+import { K as KritzelZoomPanel$1, d as defineCustomElement$1 } from './p-DxFNLy9X.js';
 
 const KritzelZoomPanel = KritzelZoomPanel$1;
 const defineCustomElement = defineCustomElement$1;