kritzel-stencil 0.1.81 → 0.1.82

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var workspace_migrations = require('./workspace.migrations-BVBITEM5.js');
+var workspace_migrations = require('./workspace.migrations-4HATwIMK.js');
 var Y = require('yjs');
 var yWebsocket = require('y-websocket');
 require('y-indexeddb');

package/dist/cjs/kritzel-active-users_42.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CFnj_FXt.js');
-var workspace_migrations = require('./workspace.migrations-BVBITEM5.js');
+var workspace_migrations = require('./workspace.migrations-4HATwIMK.js');
 var Y = require('yjs');
 require('y-websocket');
 require('y-indexeddb');
@@ -28708,7 +28708,7 @@ const KritzelPortal = class {
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-const KRITZEL_VERSION = '0.1.81';
+const KRITZEL_VERSION = '0.1.82';
 
 const kritzelSettingsCss = () => `:host{display:contents}kritzel-dialog{--kritzel-dialog-body-padding:0;--kritzel-dialog-width-large:800px;--kritzel-dialog-height-large:500px}.footer-button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-button{border:1px solid #ebebeb;background:#fff;color:inherit}.cancel-button:hover{background:#f5f5f5}.settings-content{padding:0}.settings-content h3{margin:0 0 16px 0;font-size:18px;font-weight:600;color:var(--kritzel-settings-content-heading-color, #333333)}.settings-content p{margin:0;font-size:14px;color:var(--kritzel-settings-content-text-color, #666666);line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:24px}.settings-item{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-label{font-size:14px;font-weight:600;color:var(--kritzel-settings-label-color, #333333);margin:0 0 4px 0}.settings-description{font-size:12px;color:var(--kritzel-settings-description-color, #888888);margin:0;line-height:1.4}.shortcuts-list{display:flex;flex-direction:column;gap:24px}.shortcuts-category{display:flex;flex-direction:column;gap:8px}.shortcuts-category-title{font-size:14px;font-weight:600;color:var(--kritzel-settings-label-color, #333333);margin:0 0 4px 0}.shortcuts-group{display:flex;flex-direction:column;gap:4px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;background:var(--kritzel-settings-shortcut-item-bg, rgba(0, 0, 0, 0.02))}.shortcut-label{font-size:14px;color:var(--kritzel-settings-content-text-color, #666666)}.shortcut-key{font-family:monospace;font-size:12px;padding:2px 8px;border-radius:4px;background:var(--kritzel-settings-shortcut-key-bg, #f0f0f0);color:var(--kritzel-settings-shortcut-key-color, #333333);border:1px solid var(--kritzel-settings-shortcut-key-border, #ddd)}`;
 

package/dist/cjs/{workspace.migrations-BVBITEM5.js → workspace.migrations-4HATwIMK.js}

@@ -15250,12 +15250,6 @@ class KritzelText extends KritzelBaseObject {
     isEditing = false;
     editor = null;
     content = null;
-    get _editor() {
-        if (!this._editor) {
-            throw new Error('KritzelShape: editor is not initialized');
-        }
-        return this._editor;
-    }
     _schema = new Schema({
         nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
         marks: schema.spec.marks,
@@ -15267,10 +15261,10 @@ class KritzelText extends KritzelBaseObject {
      * @returns `true` if the editor is empty or contains only whitespace, `false` otherwise.
      */
     get isEmpty() {
-        if (!this._editor) {
+        if (!this.editor) {
             return true;
         }
-        const doc = this._editor.state.doc;
+        const doc = this.editor.state.doc;
         if (doc.content.size === 0) {
             return true;
         }
@@ -15374,7 +15368,7 @@ class KritzelText extends KritzelBaseObject {
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
         element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
-        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
             }
@@ -15384,7 +15378,7 @@ class KritzelText extends KritzelBaseObject {
         this.elementRef.style.whiteSpace = 'pre-wrap';
         this.elementRef.style.wordWrap = 'break-word';
         this.elementRef.innerHTML = '';
-        this.elementRef.appendChild(this._editor.dom);
+        this.elementRef.appendChild(this.editor.dom);
         this.isMounted = true;
         requestAnimationFrame(() => this.adjustSizeOnInput());
     }
@@ -15402,8 +15396,8 @@ class KritzelText extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this._editor.state.apply(transaction);
-                this._editor.updateState(newState);
+                const newState = this.editor.state.apply(transaction);
+                this.editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
@@ -15421,11 +15415,11 @@ class KritzelText extends KritzelBaseObject {
      */
     setContent(content) {
         this.content = content;
-        if (this._editor && content) {
-            const newDoc = this._editor.state.schema.nodeFromJSON(content);
-            const tr = this._editor.state.tr.replaceWith(0, this._editor.state.doc.content.size, newDoc.content);
+        if (this.editor && content) {
+            const newDoc = this.editor.state.schema.nodeFromJSON(content);
+            const tr = this.editor.state.tr.replaceWith(0, this.editor.state.doc.content.size, newDoc.content);
             tr.setMeta('fromRemote', true);
-            this._editor.dispatch(tr);
+            this.editor.dispatch(tr);
         }
     }
     /**
@@ -15490,13 +15484,13 @@ class KritzelText extends KritzelBaseObject {
      * @param coords.y - Y coordinate for cursor placement.
      */
     focus(coords) {
-        if (this._editor) {
-            const doc = this._editor.state.doc;
+        if (this.editor) {
+            const doc = this.editor.state.doc;
             if (coords.x && coords.y && !this.isEmpty) {
-                const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
                 if (pos) {
-                    this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this._editor.focus();
+                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                    this.editor.focus();
                     if (KritzelDevicesHelper.isIOS()) {
                         this.scrollIntoViewOnIOS();
                     }
@@ -15504,8 +15498,8 @@ class KritzelText extends KritzelBaseObject {
                 }
             }
             const end = Math.max(1, doc.content.size - 1);
-            this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this._editor.focus();
+            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
+            this.editor.focus();
             if (KritzelDevicesHelper.isIOS()) {
                 this.scrollIntoViewOnIOS();
             }
@@ -15517,8 +15511,8 @@ class KritzelText extends KritzelBaseObject {
      */
     scrollIntoViewOnIOS() {
         setTimeout(() => {
-            if (this._editor && this._editor.dom) {
-                this._editor.dom.scrollIntoView({
+            if (this.editor && this.editor.dom) {
+                this.editor.dom.scrollIntoView({
                     behavior: 'smooth',
                     block: 'center',
                     inline: 'nearest',
@@ -15536,7 +15530,7 @@ class KritzelText extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this._editor.setProps({ editable: () => true });
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         this.adjustSizeOnInput();
@@ -15552,9 +15546,9 @@ class KritzelText extends KritzelBaseObject {
      */
     save() {
         requestAnimationFrame(() => this.adjustSizeOnInput());
-        this.content = this._editor.state.doc.toJSON();
-        this._editor.setProps({ editable: () => false });
-        this._editor.dom.blur();
+        this.content = this.editor.state.doc.toJSON();
+        this.editor.setProps({ editable: () => false });
+        this.editor.dom.blur();
         this.isEditing = false;
         this._core.store.objects.consolidateTemporaryItems();
         this._core.store.objects.update(this);
@@ -17645,12 +17639,6 @@ class KritzelShape extends KritzelBaseObject {
     get viewBox() {
         return `${this.x} ${this.y} ${this.width} ${this.height}`;
     }
-    get _editor() {
-        if (!this.editor) {
-            throw new Error('KritzelShape: editor is not initialized');
-        }
-        return this.editor;
-    }
     /**
      * Creates a new KritzelShape instance with optional configuration.
      * This constructor initializes the shape with default values that can be
@@ -17758,7 +17746,7 @@ class KritzelShape extends KritzelBaseObject {
         if (element === null || this.isInViewport() === false) {
             return;
         }
-        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             return;
         }
         this.elementRef = element;
@@ -17774,7 +17762,7 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     mountTextEditor(element) {
-        if (element === null || !this.editor) {
+        if (element === null) {
             return;
         }
         element.style.fontFamily = this.fontFamily;
@@ -17805,8 +17793,8 @@ class KritzelShape extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this._editor.state.apply(transaction);
-                this._editor.updateState(newState);
+                const newState = this.editor.state.apply(transaction);
+                this.editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     if (!transaction.getMeta('fromRemote')) {
@@ -17868,12 +17856,12 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     focus(coords) {
-        const doc = this._editor.state.doc;
+        const doc = this.editor.state.doc;
         if (coords?.x && coords?.y) {
-            const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+            const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
             if (pos) {
-                this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                this._editor.focus();
+                this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                this.editor.focus();
                 if (KritzelDevicesHelper.isIOS()) {
                     this.scrollIntoViewOnIOS();
                 }
@@ -17881,8 +17869,8 @@ class KritzelShape extends KritzelBaseObject {
             }
         }
         const end = Math.max(1, doc.content.size - 1);
-        this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
-        this._editor.focus();
+        this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
+        this.editor.focus();
         if (KritzelDevicesHelper.isIOS()) {
             this.scrollIntoViewOnIOS();
         }
@@ -17920,7 +17908,7 @@ class KritzelShape extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('shape'));
-        this._editor.setProps({ editable: () => true });
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         if (event?.clientX && event?.clientY) {
@@ -17937,9 +17925,9 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     save() {
-        this.content = this._editor.state.doc.toJSON();
-        this._editor.setProps({ editable: () => false });
-        this._editor.dom.blur();
+        this.content = this.editor.state.doc.toJSON();
+        this.editor.setProps({ editable: () => false });
+        this.editor.dom.blur();
         this.isEditing = false;
         this._core.store.objects.consolidateTemporaryItems();
         this._core.store.objects.update(this);

package/dist/collection/classes/objects/shape.class.js

@@ -44,12 +44,6 @@ export class KritzelShape extends KritzelBaseObject {
     get viewBox() {
         return `${this.x} ${this.y} ${this.width} ${this.height}`;
     }
-    get _editor() {
-        if (!this.editor) {
-            throw new Error('KritzelShape: editor is not initialized');
-        }
-        return this.editor;
-    }
     /**
      * Creates a new KritzelShape instance with optional configuration.
      * This constructor initializes the shape with default values that can be
@@ -157,7 +151,7 @@ export class KritzelShape extends KritzelBaseObject {
         if (element === null || this.isInViewport() === false) {
             return;
         }
-        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             return;
         }
         this.elementRef = element;
@@ -173,7 +167,7 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     mountTextEditor(element) {
-        if (element === null || !this.editor) {
+        if (element === null) {
             return;
         }
         element.style.fontFamily = this.fontFamily;
@@ -204,8 +198,8 @@ export class KritzelShape extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this._editor.state.apply(transaction);
-                this._editor.updateState(newState);
+                const newState = this.editor.state.apply(transaction);
+                this.editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     if (!transaction.getMeta('fromRemote')) {
@@ -267,12 +261,12 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     focus(coords) {
-        const doc = this._editor.state.doc;
+        const doc = this.editor.state.doc;
         if (coords?.x && coords?.y) {
-            const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+            const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
             if (pos) {
-                this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                this._editor.focus();
+                this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                this.editor.focus();
                 if (KritzelDevicesHelper.isIOS()) {
                     this.scrollIntoViewOnIOS();
                 }
@@ -280,8 +274,8 @@ export class KritzelShape extends KritzelBaseObject {
             }
         }
         const end = Math.max(1, doc.content.size - 1);
-        this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
-        this._editor.focus();
+        this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
+        this.editor.focus();
         if (KritzelDevicesHelper.isIOS()) {
             this.scrollIntoViewOnIOS();
         }
@@ -319,7 +313,7 @@ export class KritzelShape extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('shape'));
-        this._editor.setProps({ editable: () => true });
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         if (event?.clientX && event?.clientY) {
@@ -336,9 +330,9 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     save() {
-        this.content = this._editor.state.doc.toJSON();
-        this._editor.setProps({ editable: () => false });
-        this._editor.dom.blur();
+        this.content = this.editor.state.doc.toJSON();
+        this.editor.setProps({ editable: () => false });
+        this.editor.dom.blur();
         this.isEditing = false;
         this._core.store.objects.consolidateTemporaryItems();
         this._core.store.objects.update(this);

package/dist/collection/classes/objects/text.class.js

@@ -28,12 +28,6 @@ export class KritzelText extends KritzelBaseObject {
     isEditing = false;
     editor = null;
     content = null;
-    get _editor() {
-        if (!this._editor) {
-            throw new Error('KritzelShape: editor is not initialized');
-        }
-        return this._editor;
-    }
     _schema = new Schema({
         nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
         marks: schema.spec.marks,
@@ -45,10 +39,10 @@ export class KritzelText extends KritzelBaseObject {
      * @returns `true` if the editor is empty or contains only whitespace, `false` otherwise.
      */
     get isEmpty() {
-        if (!this._editor) {
+        if (!this.editor) {
             return true;
         }
-        const doc = this._editor.state.doc;
+        const doc = this.editor.state.doc;
         if (doc.content.size === 0) {
             return true;
         }
@@ -152,7 +146,7 @@ export class KritzelText extends KritzelBaseObject {
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
         element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
-        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
             }
@@ -162,7 +156,7 @@ export class KritzelText extends KritzelBaseObject {
         this.elementRef.style.whiteSpace = 'pre-wrap';
         this.elementRef.style.wordWrap = 'break-word';
         this.elementRef.innerHTML = '';
-        this.elementRef.appendChild(this._editor.dom);
+        this.elementRef.appendChild(this.editor.dom);
         this.isMounted = true;
         requestAnimationFrame(() => this.adjustSizeOnInput());
     }
@@ -180,8 +174,8 @@ export class KritzelText extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this._editor.state.apply(transaction);
-                this._editor.updateState(newState);
+                const newState = this.editor.state.apply(transaction);
+                this.editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
@@ -199,11 +193,11 @@ export class KritzelText extends KritzelBaseObject {
      */
     setContent(content) {
         this.content = content;
-        if (this._editor && content) {
-            const newDoc = this._editor.state.schema.nodeFromJSON(content);
-            const tr = this._editor.state.tr.replaceWith(0, this._editor.state.doc.content.size, newDoc.content);
+        if (this.editor && content) {
+            const newDoc = this.editor.state.schema.nodeFromJSON(content);
+            const tr = this.editor.state.tr.replaceWith(0, this.editor.state.doc.content.size, newDoc.content);
             tr.setMeta('fromRemote', true);
-            this._editor.dispatch(tr);
+            this.editor.dispatch(tr);
         }
     }
     /**
@@ -268,13 +262,13 @@ export class KritzelText extends KritzelBaseObject {
      * @param coords.y - Y coordinate for cursor placement.
      */
     focus(coords) {
-        if (this._editor) {
-            const doc = this._editor.state.doc;
+        if (this.editor) {
+            const doc = this.editor.state.doc;
             if (coords.x && coords.y && !this.isEmpty) {
-                const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
                 if (pos) {
-                    this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this._editor.focus();
+                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                    this.editor.focus();
                     if (KritzelDevicesHelper.isIOS()) {
                         this.scrollIntoViewOnIOS();
                     }
@@ -282,8 +276,8 @@ export class KritzelText extends KritzelBaseObject {
                 }
             }
             const end = Math.max(1, doc.content.size - 1);
-            this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this._editor.focus();
+            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
+            this.editor.focus();
             if (KritzelDevicesHelper.isIOS()) {
                 this.scrollIntoViewOnIOS();
             }
@@ -295,8 +289,8 @@ export class KritzelText extends KritzelBaseObject {
      */
     scrollIntoViewOnIOS() {
         setTimeout(() => {
-            if (this._editor && this._editor.dom) {
-                this._editor.dom.scrollIntoView({
+            if (this.editor && this.editor.dom) {
+                this.editor.dom.scrollIntoView({
                     behavior: 'smooth',
                     block: 'center',
                     inline: 'nearest',
@@ -314,7 +308,7 @@ export class KritzelText extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this._editor.setProps({ editable: () => true });
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         this.adjustSizeOnInput();
@@ -330,9 +324,9 @@ export class KritzelText extends KritzelBaseObject {
      */
     save() {
         requestAnimationFrame(() => this.adjustSizeOnInput());
-        this.content = this._editor.state.doc.toJSON();
-        this._editor.setProps({ editable: () => false });
-        this._editor.dom.blur();
+        this.content = this.editor.state.doc.toJSON();
+        this.editor.setProps({ editable: () => false });
+        this.editor.dom.blur();
         this.isEditing = false;
         this._core.store.objects.consolidateTemporaryItems();
         this._core.store.objects.update(this);

package/dist/collection/constants/version.js

@@ -3,4 +3,4 @@
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-export const KRITZEL_VERSION = '0.1.81';
+export const KRITZEL_VERSION = '0.1.82';

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BWj1eE2b.js";export{d as KritzelBrushTool,b as KritzelGroup,a as KritzelImage,e as KritzelLineTool,h as KritzelSelectionTool,c as KritzelShape,g as KritzelShapeTool,K as KritzelText,f as KritzelTextTool,S as ShapeType}from"./p-D8jD4OI9.js";export{a as KritzelLine,K as KritzelPath}from"./p-DQK_4lkI.js";export{A as APP_STATE_MIGRATIONS,I as IndexedDBSyncProvider,d as KritzelAlignment,c as KritzelAnchorManager,b as KritzelCursorHelper,K as KritzelEraserTool,a as KritzelImageTool,W as WORKSPACE_MIGRATIONS,r as runMigrations}from"./p-CwQOwQm0.js";import*as t from"yjs";import{WebsocketProvider as i}from"y-websocket";export{D as DEFAULT_BRUSH_CONFIG,b as DEFAULT_LINE_TOOL_CONFIG,a as DEFAULT_TEXT_CONFIG,H as HocuspocusSyncProvider,KritzelEditor,defineCustomElement as defineCustomElementKritzelEditor}from"./kritzel-editor.js";export{K as KritzelWorkspace,W as WORKSPACE_EXPORT_VERSION}from"./p-DhMlShij.js";export{K as KritzelThemeManager,d as darkTheme,l as lightTheme}from"./p-CjazGGq3.js";export{C as CURRENT_APP_STATE_SCHEMA_VERSION,a as CURRENT_WORKSPACE_SCHEMA_VERSION}from"./p-CW-VyJgK.js";export{KritzelActiveUsers,defineCustomElement as defineCustomElementKritzelActiveUsers}from"./kritzel-active-users.js";export{KritzelAvatar,defineCustomElement as defineCustomElementKritzelAvatar}from"./kritzel-avatar.js";export{KritzelAwarenessCursors,defineCustomElement as defineCustomElementKritzelAwarenessCursors}from"./kritzel-awareness-cursors.js";export{KritzelBackToContent,defineCustomElement as defineCustomElementKritzelBackToContent}from"./kritzel-back-to-content.js";export{KritzelBrushStyle,defineCustomElement as defineCustomElementKritzelBrushStyle}from"./kritzel-brush-style.js";export{KritzelButton,defineCustomElement as defineCustomElementKritzelButton}from"./kritzel-button.js";export{KritzelColor,defineCustomElement as defineCustomElementKritzelColor}from"./kritzel-color.js";export{KritzelColorPalette,defineCustomElement as defineCustomElementKritzelColorPalette}from"./kritzel-color-palette.js";export{KritzelContextMenu,defineCustomElement as defineCustomElementKritzelContextMenu}from"./kritzel-context-menu.js";export{KritzelControls,defineCustomElement as defineCustomElementKritzelControls}from"./kritzel-controls.js";export{KritzelCurrentUser,defineCustomElement as defineCustomElementKritzelCurrentUser}from"./kritzel-current-user.js";export{KritzelCurrentUserDialog,defineCustomElement as defineCustomElementKritzelCurrentUserDialog}from"./kritzel-current-user-dialog.js";export{KritzelCursorTrail,defineCustomElement as defineCustomElementKritzelCursorTrail}from"./kritzel-cursor-trail.js";export{KritzelDialog,defineCustomElement as defineCustomElementKritzelDialog}from"./kritzel-dialog.js";export{KritzelDropdown,defineCustomElement as defineCustomElementKritzelDropdown}from"./kritzel-dropdown.js";export{KritzelEngine,defineCustomElement as defineCustomElementKritzelEngine}from"./kritzel-engine.js";export{KritzelExport,defineCustomElement as defineCustomElementKritzelExport}from"./kritzel-export.js";export{KritzelFont,defineCustomElement as defineCustomElementKritzelFont}from"./kritzel-font.js";export{KritzelFontFamily,defineCustomElement as defineCustomElementKritzelFontFamily}from"./kritzel-font-family.js";export{KritzelFontSize,defineCustomElement as defineCustomElementKritzelFontSize}from"./kritzel-font-size.js";export{KritzelIcon,defineCustomElement as defineCustomElementKritzelIcon}from"./kritzel-icon.js";export{KritzelInput,defineCustomElement as defineCustomElementKritzelInput}from"./kritzel-input.js";export{KritzelLineEndings,defineCustomElement as defineCustomElementKritzelLineEndings}from"./kritzel-line-endings.js";export{KritzelLoginDialog,defineCustomElement as defineCustomElementKritzelLoginDialog}from"./kritzel-login-dialog.js";export{KritzelMasterDetail,defineCustomElement as defineCustomElementKritzelMasterDetail}from"./kritzel-master-detail.js";export{KritzelMenu,defineCustomElement as defineCustomElementKritzelMenu}from"./kritzel-menu.js";export{KritzelMenuItem,defineCustomElement as defineCustomElementKritzelMenuItem}from"./kritzel-menu-item.js";export{KritzelMoreMenu,defineCustomElement as defineCustomElementKritzelMoreMenu}from"./kritzel-more-menu.js";export{KritzelNumericInput,defineCustomElement as defineCustomElementKritzelNumericInput}from"./kritzel-numeric-input.js";export{KritzelOpacitySlider,defineCustomElement as defineCustomElementKritzelOpacitySlider}from"./kritzel-opacity-slider.js";export{KritzelPillTabs,defineCustomElement as defineCustomElementKritzelPillTabs}from"./kritzel-pill-tabs.js";export{KritzelPortal,defineCustomElement as defineCustomElementKritzelPortal}from"./kritzel-portal.js";export{KritzelSettings,defineCustomElement as defineCustomElementKritzelSettings}from"./kritzel-settings.js";export{KritzelShapeFill,defineCustomElement as defineCustomElementKritzelShapeFill}from"./kritzel-shape-fill.js";export{KritzelShareDialog,defineCustomElement as defineCustomElementKritzelShareDialog}from"./kritzel-share-dialog.js";export{KritzelSlideToggle,defineCustomElement as defineCustomElementKritzelSlideToggle}from"./kritzel-slide-toggle.js";export{KritzelSplitButton,defineCustomElement as defineCustomElementKritzelSplitButton}from"./kritzel-split-button.js";export{KritzelStrokeSize,defineCustomElement as defineCustomElementKritzelStrokeSize}from"./kritzel-stroke-size.js";export{KritzelToolConfig,defineCustomElement as defineCustomElementKritzelToolConfig}from"./kritzel-tool-config.js";export{KritzelTooltip,defineCustomElement as defineCustomElementKritzelTooltip}from"./kritzel-tooltip.js";export{KritzelUtilityPanel,defineCustomElement as defineCustomElementKritzelUtilityPanel}from"./kritzel-utility-panel.js";export{KritzelWorkspaceManager,defineCustomElement as defineCustomElementKritzelWorkspaceManager}from"./kritzel-workspace-manager.js";const o=Math.floor,n=127,m=Number.MAX_SAFE_INTEGER;class u{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const z=()=>new u,E=e=>{const t=new Uint8Array((e=>{let t=e.cpos;for(let r=0;r<e.bufs.length;r++)t+=e.bufs[r].length;return t})(e));let r=0;for(let s=0;s<e.bufs.length;s++){const i=e.bufs[s];t.set(i,r),r+=i.length}return t.set(new Uint8Array(e.cbuf.buffer,0,e.cpos),r),t},p=(e,t)=>{const r=e.cbuf.length;e.cpos===r&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(2*r),e.cpos=0),e.cbuf[e.cpos++]=t},k=(e,t)=>{for(;t>n;)p(e,128|n&t),t=o(t/128);p(e,n&t)},x=(e,t)=>{k(e,t.byteLength),((e,t)=>{const r=e.cbuf.length,s=e.cpos,i=((e,t)=>e<t?e:t)(r-s,t.length),o=t.length-i;e.cbuf.set(t.subarray(0,i),s),e.cpos+=i,o>0&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(((e,t)=>e>t?e:t)(2*r,o)),e.cbuf.set(t.subarray(i)),e.cpos=o)})(e,t)},j=e=>Error(e),T=j("Unexpected end of array"),y=j("Integer out of Range");class w{constructor(e){this.arr=e,this.pos=0}}const P=e=>((e,t)=>{const r=new Uint8Array(e.arr.buffer,e.pos+e.arr.byteOffset,t);return e.pos+=t,r})(e,M(e)),M=e=>{let t=0,r=1;const s=e.arr.length;for(;e.pos<s;){const s=e.arr[e.pos++];if(t+=(s&n)*r,r*=128,s<128)return t;if(t>m)throw y}throw T};class U{type="local";doc;channel;_synced=!1;constructor(e,t,r){this.doc=t,this.channel=new BroadcastChannel(e),this.channel.onmessage=e=>{this.handleMessage(e.data)},this.doc.on("update",this.handleDocUpdate),this.broadcastSync(),setTimeout((()=>{this._synced=!0}),100),r?.quiet||console.info("BroadcastChannel Provider initialized: "+e)}handleDocUpdate=(e,t)=>{if(t!==this){const t=z();k(t,0),x(t,e),this.channel.postMessage(E(t))}};handleMessage(e){const r=(e=>new w(e))(new Uint8Array(e));switch(M(r)){case 0:const e=P(r);t.applyUpdate(this.doc,e,this);break;case 1:this.broadcastSync();break;case 2:const s=P(r),i=t.encodeStateAsUpdate(this.doc,s);if(i.length>0){const e=z();k(e,0),x(e,i),this.channel.postMessage(E(e))}}}broadcastSync(){const e=z();k(e,2),x(e,t.encodeStateVector(this.doc)),this.channel.postMessage(E(e))}async connect(){if(!this._synced)return new Promise((e=>{const t=()=>{this._synced?e():setTimeout(t,50)};t()}))}disconnect(){}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class _{type="network";provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(e,t,r){const s=r?.url||"ws://localhost:1234",o=r?.roomName||e;this.provider=new i(s,o,t,{params:r?.params,protocols:r?.protocols,WebSocketPolyfill:r?.WebSocketPolyfill,awareness:r?.awareness,maxBackoffTime:r?.maxBackoffTime,disableBc:!0}),this._quiet=r?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${s}/${o}`)}static with(e){return{create:(t,r,s)=>{const i=s?{...e,...s}:e;return new _(t,r,i)}}}setupEventListeners(){this.provider.on("status",(({status:e})=>{"connected"===e?(this.isConnected=!0,this._quiet||console.info("WebSocket connected")):"disconnected"===e&&(this.isConnected=!1,this._quiet||console.info("WebSocket disconnected"))})),this.provider.on("sync",(e=>{e&&!this._quiet&&console.info("WebSocket synced")}))}async connect(){if(!this.isConnected)return new Promise(((e,t)=>{const r=setTimeout((()=>{t(Error("WebSocket connection timeout"))}),1e4),s=({status:t})=>{"connected"===t&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())};this.provider.on("status",s),this.provider.wsconnected&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())}))}disconnect(){this.provider&&this.provider.disconnect(),this.isConnected=!1}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.provider&&this.provider.destroy(),this.isConnected=!1}}export{U as BroadcastSyncProvider,_ as WebSocketSyncProvider}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BWj1eE2b.js";export{d as KritzelBrushTool,b as KritzelGroup,a as KritzelImage,e as KritzelLineTool,h as KritzelSelectionTool,c as KritzelShape,g as KritzelShapeTool,K as KritzelText,f as KritzelTextTool,S as ShapeType}from"./p-BPQOTise.js";export{a as KritzelLine,K as KritzelPath}from"./p-DQK_4lkI.js";export{A as APP_STATE_MIGRATIONS,I as IndexedDBSyncProvider,d as KritzelAlignment,c as KritzelAnchorManager,b as KritzelCursorHelper,K as KritzelEraserTool,a as KritzelImageTool,W as WORKSPACE_MIGRATIONS,r as runMigrations}from"./p-CgtykATT.js";import*as t from"yjs";import{WebsocketProvider as i}from"y-websocket";export{D as DEFAULT_BRUSH_CONFIG,b as DEFAULT_LINE_TOOL_CONFIG,a as DEFAULT_TEXT_CONFIG,H as HocuspocusSyncProvider,KritzelEditor,defineCustomElement as defineCustomElementKritzelEditor}from"./kritzel-editor.js";export{K as KritzelWorkspace,W as WORKSPACE_EXPORT_VERSION}from"./p-DhMlShij.js";export{K as KritzelThemeManager,d as darkTheme,l as lightTheme}from"./p-CjazGGq3.js";export{C as CURRENT_APP_STATE_SCHEMA_VERSION,a as CURRENT_WORKSPACE_SCHEMA_VERSION}from"./p-CW-VyJgK.js";export{KritzelActiveUsers,defineCustomElement as defineCustomElementKritzelActiveUsers}from"./kritzel-active-users.js";export{KritzelAvatar,defineCustomElement as defineCustomElementKritzelAvatar}from"./kritzel-avatar.js";export{KritzelAwarenessCursors,defineCustomElement as defineCustomElementKritzelAwarenessCursors}from"./kritzel-awareness-cursors.js";export{KritzelBackToContent,defineCustomElement as defineCustomElementKritzelBackToContent}from"./kritzel-back-to-content.js";export{KritzelBrushStyle,defineCustomElement as defineCustomElementKritzelBrushStyle}from"./kritzel-brush-style.js";export{KritzelButton,defineCustomElement as defineCustomElementKritzelButton}from"./kritzel-button.js";export{KritzelColor,defineCustomElement as defineCustomElementKritzelColor}from"./kritzel-color.js";export{KritzelColorPalette,defineCustomElement as defineCustomElementKritzelColorPalette}from"./kritzel-color-palette.js";export{KritzelContextMenu,defineCustomElement as defineCustomElementKritzelContextMenu}from"./kritzel-context-menu.js";export{KritzelControls,defineCustomElement as defineCustomElementKritzelControls}from"./kritzel-controls.js";export{KritzelCurrentUser,defineCustomElement as defineCustomElementKritzelCurrentUser}from"./kritzel-current-user.js";export{KritzelCurrentUserDialog,defineCustomElement as defineCustomElementKritzelCurrentUserDialog}from"./kritzel-current-user-dialog.js";export{KritzelCursorTrail,defineCustomElement as defineCustomElementKritzelCursorTrail}from"./kritzel-cursor-trail.js";export{KritzelDialog,defineCustomElement as defineCustomElementKritzelDialog}from"./kritzel-dialog.js";export{KritzelDropdown,defineCustomElement as defineCustomElementKritzelDropdown}from"./kritzel-dropdown.js";export{KritzelEngine,defineCustomElement as defineCustomElementKritzelEngine}from"./kritzel-engine.js";export{KritzelExport,defineCustomElement as defineCustomElementKritzelExport}from"./kritzel-export.js";export{KritzelFont,defineCustomElement as defineCustomElementKritzelFont}from"./kritzel-font.js";export{KritzelFontFamily,defineCustomElement as defineCustomElementKritzelFontFamily}from"./kritzel-font-family.js";export{KritzelFontSize,defineCustomElement as defineCustomElementKritzelFontSize}from"./kritzel-font-size.js";export{KritzelIcon,defineCustomElement as defineCustomElementKritzelIcon}from"./kritzel-icon.js";export{KritzelInput,defineCustomElement as defineCustomElementKritzelInput}from"./kritzel-input.js";export{KritzelLineEndings,defineCustomElement as defineCustomElementKritzelLineEndings}from"./kritzel-line-endings.js";export{KritzelLoginDialog,defineCustomElement as defineCustomElementKritzelLoginDialog}from"./kritzel-login-dialog.js";export{KritzelMasterDetail,defineCustomElement as defineCustomElementKritzelMasterDetail}from"./kritzel-master-detail.js";export{KritzelMenu,defineCustomElement as defineCustomElementKritzelMenu}from"./kritzel-menu.js";export{KritzelMenuItem,defineCustomElement as defineCustomElementKritzelMenuItem}from"./kritzel-menu-item.js";export{KritzelMoreMenu,defineCustomElement as defineCustomElementKritzelMoreMenu}from"./kritzel-more-menu.js";export{KritzelNumericInput,defineCustomElement as defineCustomElementKritzelNumericInput}from"./kritzel-numeric-input.js";export{KritzelOpacitySlider,defineCustomElement as defineCustomElementKritzelOpacitySlider}from"./kritzel-opacity-slider.js";export{KritzelPillTabs,defineCustomElement as defineCustomElementKritzelPillTabs}from"./kritzel-pill-tabs.js";export{KritzelPortal,defineCustomElement as defineCustomElementKritzelPortal}from"./kritzel-portal.js";export{KritzelSettings,defineCustomElement as defineCustomElementKritzelSettings}from"./kritzel-settings.js";export{KritzelShapeFill,defineCustomElement as defineCustomElementKritzelShapeFill}from"./kritzel-shape-fill.js";export{KritzelShareDialog,defineCustomElement as defineCustomElementKritzelShareDialog}from"./kritzel-share-dialog.js";export{KritzelSlideToggle,defineCustomElement as defineCustomElementKritzelSlideToggle}from"./kritzel-slide-toggle.js";export{KritzelSplitButton,defineCustomElement as defineCustomElementKritzelSplitButton}from"./kritzel-split-button.js";export{KritzelStrokeSize,defineCustomElement as defineCustomElementKritzelStrokeSize}from"./kritzel-stroke-size.js";export{KritzelToolConfig,defineCustomElement as defineCustomElementKritzelToolConfig}from"./kritzel-tool-config.js";export{KritzelTooltip,defineCustomElement as defineCustomElementKritzelTooltip}from"./kritzel-tooltip.js";export{KritzelUtilityPanel,defineCustomElement as defineCustomElementKritzelUtilityPanel}from"./kritzel-utility-panel.js";export{KritzelWorkspaceManager,defineCustomElement as defineCustomElementKritzelWorkspaceManager}from"./kritzel-workspace-manager.js";const o=Math.floor,n=127,m=Number.MAX_SAFE_INTEGER;class u{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const z=()=>new u,E=e=>{const t=new Uint8Array((e=>{let t=e.cpos;for(let r=0;r<e.bufs.length;r++)t+=e.bufs[r].length;return t})(e));let r=0;for(let s=0;s<e.bufs.length;s++){const i=e.bufs[s];t.set(i,r),r+=i.length}return t.set(new Uint8Array(e.cbuf.buffer,0,e.cpos),r),t},p=(e,t)=>{const r=e.cbuf.length;e.cpos===r&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(2*r),e.cpos=0),e.cbuf[e.cpos++]=t},k=(e,t)=>{for(;t>n;)p(e,128|n&t),t=o(t/128);p(e,n&t)},x=(e,t)=>{k(e,t.byteLength),((e,t)=>{const r=e.cbuf.length,s=e.cpos,i=((e,t)=>e<t?e:t)(r-s,t.length),o=t.length-i;e.cbuf.set(t.subarray(0,i),s),e.cpos+=i,o>0&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(((e,t)=>e>t?e:t)(2*r,o)),e.cbuf.set(t.subarray(i)),e.cpos=o)})(e,t)},j=e=>Error(e),T=j("Unexpected end of array"),y=j("Integer out of Range");class w{constructor(e){this.arr=e,this.pos=0}}const P=e=>((e,t)=>{const r=new Uint8Array(e.arr.buffer,e.pos+e.arr.byteOffset,t);return e.pos+=t,r})(e,M(e)),M=e=>{let t=0,r=1;const s=e.arr.length;for(;e.pos<s;){const s=e.arr[e.pos++];if(t+=(s&n)*r,r*=128,s<128)return t;if(t>m)throw y}throw T};class U{type="local";doc;channel;_synced=!1;constructor(e,t,r){this.doc=t,this.channel=new BroadcastChannel(e),this.channel.onmessage=e=>{this.handleMessage(e.data)},this.doc.on("update",this.handleDocUpdate),this.broadcastSync(),setTimeout((()=>{this._synced=!0}),100),r?.quiet||console.info("BroadcastChannel Provider initialized: "+e)}handleDocUpdate=(e,t)=>{if(t!==this){const t=z();k(t,0),x(t,e),this.channel.postMessage(E(t))}};handleMessage(e){const r=(e=>new w(e))(new Uint8Array(e));switch(M(r)){case 0:const e=P(r);t.applyUpdate(this.doc,e,this);break;case 1:this.broadcastSync();break;case 2:const s=P(r),i=t.encodeStateAsUpdate(this.doc,s);if(i.length>0){const e=z();k(e,0),x(e,i),this.channel.postMessage(E(e))}}}broadcastSync(){const e=z();k(e,2),x(e,t.encodeStateVector(this.doc)),this.channel.postMessage(E(e))}async connect(){if(!this._synced)return new Promise((e=>{const t=()=>{this._synced?e():setTimeout(t,50)};t()}))}disconnect(){}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class _{type="network";provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(e,t,r){const s=r?.url||"ws://localhost:1234",o=r?.roomName||e;this.provider=new i(s,o,t,{params:r?.params,protocols:r?.protocols,WebSocketPolyfill:r?.WebSocketPolyfill,awareness:r?.awareness,maxBackoffTime:r?.maxBackoffTime,disableBc:!0}),this._quiet=r?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${s}/${o}`)}static with(e){return{create:(t,r,s)=>{const i=s?{...e,...s}:e;return new _(t,r,i)}}}setupEventListeners(){this.provider.on("status",(({status:e})=>{"connected"===e?(this.isConnected=!0,this._quiet||console.info("WebSocket connected")):"disconnected"===e&&(this.isConnected=!1,this._quiet||console.info("WebSocket disconnected"))})),this.provider.on("sync",(e=>{e&&!this._quiet&&console.info("WebSocket synced")}))}async connect(){if(!this.isConnected)return new Promise(((e,t)=>{const r=setTimeout((()=>{t(Error("WebSocket connection timeout"))}),1e4),s=({status:t})=>{"connected"===t&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())};this.provider.on("status",s),this.provider.wsconnected&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())}))}disconnect(){this.provider&&this.provider.disconnect(),this.isConnected=!1}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.provider&&this.provider.destroy(),this.isConnected=!1}}export{U as BroadcastSyncProvider,_ as WebSocketSyncProvider}

package/dist/components/kritzel-controls.js

@@ -1 +1 @@
-import{K as o,d as s}from"./p-DXhiNQyH.js";const p=o,r=s;export{p as KritzelControls,r as defineCustomElement}
+import{K as o,d as s}from"./p-C35iuSnC.js";const p=o,r=s;export{p as KritzelControls,r as defineCustomElement}