kritzel-stencil 0.4.19 → 0.4.21

package/dist/cjs/kritzel-brush-style.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dn19mGl-.js');
+var index = require('./index-Xav9JFHg.js');
 
 const kritzelBrushStyleCss = () => `:host{display:flex;align-items:flex-start;gap:8px;padding:8px;box-sizing:border-box;width:100%}.brush-style-button{display:flex;justify-content:center;align-items:center;width:42px;height:32px;padding:0;border:none;outline:none;background:none;border-radius:0;color:var(--control-text-color);font-weight:bold;-webkit-tap-highlight-color:transparent}.font-style-button:not(:last-child){border-right:1px solid #333333}.font-style-button:hover{background-color:var(--control-hover-bg)}.font-style-button:active{background-color:var(--control-active-bg)}.font-style-button.selected,.font-style-button.selected:hover,.font-style-button.selected:active{background-color:var(--control-selected-bg);color:var(--control-selected-color)}`;
 
@@ -23,7 +23,7 @@ const KritzelBrushStyle = class {
             value: option.value,
             label: option.label,
         }));
-        return (index.h(index.Host, { key: '51a7f84685032fd8fc967b22bee7c0711e811a54' }, index.h("kritzel-dropdown", { key: 'e49d7062c695458d345738d88a0adfc96b575e61', options: dropdownOptions, value: this.type, onValueChanged: event => this.handleDropdownValueChange(event) }, index.h("button", { key: 'ebbbf1a55b89e91012ca44c5cf30acfb77332b50', class: "brush-style-button", slot: "prefix" }, index.h("kritzel-icon", { key: 'dae002c9ab5e3486c726202426eb076a8f33b109', name: this.type, size: 16 })))));
+        return (index.h(index.Host, { key: '7b05e93ce8d28c23503e4ca358a487165169f1ad' }, index.h("kritzel-dropdown", { key: 'a8f2f30762b339411cd3995482c3bc658855f749', options: dropdownOptions, value: this.type, onValueChanged: event => this.handleDropdownValueChange(event) }, index.h("button", { key: 'ac06462897a0fbd5011533095fafb7491a75508a', class: "brush-style-button", slot: "prefix" }, index.h("kritzel-icon", { key: 'caee4c657c7fee478b1038ebd2ef3b502cf73e5e', name: this.type, size: 16 })))));
     }
 };
 KritzelBrushStyle.style = kritzelBrushStyleCss();

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dn19mGl-.js');
+var index = require('./index-Xav9JFHg.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{schema.constants-CY0WWJYd.js → schema.constants-CjN-B633.js}

@@ -5754,11 +5754,10 @@ class Fitter {
     }
     openMore() {
         let { content, openStart, openEnd } = this.unplaced;
-        if (maxOpen(content, -1) <= openStart)
+        let inner = contentAt(content, openStart);
+        if (!inner.childCount || inner.firstChild.isLeaf)
             return false;
-        if (this.unplaced.size > 1 && maxOpen(content, 1) > openEnd)
-            openEnd++;
-        this.unplaced = new Slice(content, openStart + 1, openEnd);
+        this.unplaced = new Slice(content, openStart + 1, Math.max(openEnd, inner.size + openStart >= content.size - openEnd ? openStart + 1 : 0));
         return true;
     }
     dropNode() {
@@ -5928,14 +5927,6 @@ function invalidMarks(type, fragment, start) {
 function definesContent(type) {
     return type.spec.defining || type.spec.definingForContent;
 }
-function maxOpen(frag, side) {
-    for (let count = 0;; count++) {
-        let ch = side < 0 ? frag.firstChild : frag.lastChild;
-        if (!ch || ch.isAtom)
-            return count;
-        frag = ch.content;
-    }
-}
 function replaceRange(tr, from, to, slice) {
     if (!slice.size)
         return tr.deleteRange(from, to);
@@ -8640,8 +8631,7 @@ class WidgetViewDesc extends ViewDesc {
                 wrap.appendChild(dom);
                 dom = wrap;
             }
-            if (!dom.hasAttribute("contenteditable"))
-                dom.contentEditable = "false";
+            dom.contentEditable = "false";
             dom.classList.add("ProseMirror-widget");
         }
         super(parent, [], dom, null);
@@ -10489,14 +10479,8 @@ function maybeWrapTrusted(html) {
     // With the require-trusted-types-for CSP, Chrome will block
     // innerHTML, even on a detached document. This wraps the string in
     // a way that makes the browser allow us to use its parser again.
-    if (!_policy) {
-        if (_policy = trustedTypes.defaultPolicy)
-            try {
-                return _policy.createHTML(html);
-            }
-            catch (_a) { }
-        _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
-    }
+    if (!_policy)
+        _policy = trustedTypes.defaultPolicy || trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
     return _policy.createHTML(html);
 }
 function readHTML(html) {
@@ -10553,12 +10537,6 @@ function addContext(slice, context) {
         let type = schema.nodes[array[i]];
         if (!type || type.hasRequiredAttrs())
             break;
-        try {
-            type.checkAttrs(array[i + 1]);
-        }
-        catch (e) {
-            break;
-        }
         content = Fragment.from(type.create(array[i + 1], content));
         openStart++;
         openEnd++;
@@ -14217,20 +14195,16 @@ a custom function to determine the type of the newly split off block.
 */
 function splitBlockAs(splitNode) {
     return (state, dispatch) => {
+        let { $from} = state.selection;
         if (state.selection instanceof NodeSelection && state.selection.node.isBlock) {
-            let { $from } = state.selection;
             if (!$from.parentOffset || !canSplit(state.doc, $from.pos))
                 return false;
             if (dispatch)
                 dispatch(state.tr.split($from.pos).scrollIntoView());
             return true;
         }
-        if (!state.selection.$from.depth)
+        if (!$from.depth)
             return false;
-        let tr = state.tr;
-        if (!state.selection.empty && (state.selection instanceof TextSelection || state.selection instanceof AllSelection))
-            tr.deleteSelection();
-        let { $from } = tr.selection, mapFrom = tr.steps.length;
         let types = [];
         let splitDepth, deflt, atEnd = false, atStart = false;
         for (let d = $from.depth;; d--) {
@@ -14249,7 +14223,10 @@ function splitBlockAs(splitNode) {
                 types.unshift(null);
             }
         }
-        let splitPos = $from.pos;
+        let tr = state.tr;
+        if (state.selection instanceof TextSelection || state.selection instanceof AllSelection)
+            tr.deleteSelection();
+        let splitPos = tr.mapping.map($from.pos);
         let can = canSplit(tr.doc, splitPos, types.length, types);
         if (!can) {
             types[0] = deflt ? { type: deflt } : null;
@@ -14259,10 +14236,9 @@ function splitBlockAs(splitNode) {
             return false;
         tr.split(splitPos, types.length, types);
         if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
-            let mapping = tr.mapping.slice(mapFrom);
-            let first = mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
+            let first = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
             if (deflt && $from.node(splitDepth - 1).canReplaceWith($first.index(), $first.index() + 1, deflt))
-                tr.setNodeMarkup(mapping.map($from.before(splitDepth)), deflt);
+                tr.setNodeMarkup(tr.mapping.map($from.before(splitDepth)), deflt);
         }
         if (dispatch)
             dispatch(tr.scrollIntoView());
@@ -22903,12 +22879,12 @@ class KritzelCursorHelper {
         // We rotate around the center of the SVG canvas
         const center = size / 2;
         // We use a group to apply the rotation
-        const svg = `
-      <svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
-        <g transform="rotate(${rotation} ${center} ${center})">
-          ${content}
-        </g>
-      </svg>
+        const svg = `
+      <svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+        <g transform="rotate(${rotation} ${center} ${center})">
+          ${content}
+        </g>
+      </svg>
     `;
         // Encode the SVG for use in a data URI
         // We need to be careful with encoding to ensure it works across browsers

package/dist/cjs/stencil.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-Dn19mGl-.js');
+var index = require('./index-Xav9JFHg.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/collection/classes/structures/app-state-map.structure.js

@@ -21,6 +21,7 @@ export class KritzelAppStateMap {
     _isReady = false;
     _onRemoteChangeCallback = null;
     _workspacesObserver = null;
+    _networkSyncPromise = null;
     /**
      * Indicates whether the app state map has been initialized and is ready for use.
      * @returns True if initialized and all providers are connected, false otherwise.
@@ -28,6 +29,13 @@ export class KritzelAppStateMap {
     get isReady() {
         return this._isReady;
     }
+    /**
+     * Settles when network providers finish their initial sync (or fail/time out).
+     * Resolves immediately when no network providers are configured.
+     */
+    whenNetworkSynced() {
+        return this._networkSyncPromise ?? Promise.resolve();
+    }
     /**
      * Indicates whether any configured sync provider replicates over the network.
      * Used by the engine to warn when a matching remote asset storage
@@ -112,12 +120,13 @@ export class KritzelAppStateMap {
         if (showSyncProviderInfo && networkProviders.length > 0) {
             console.info(`[Kritzel] App-state network providers connecting in background: ${networkProviders.length}`);
         }
-        for (const provider of networkProviders) {
-            provider.connect().catch(err => {
-                if (showSyncProviderInfo) {
-                    console.error(`[Kritzel] Network sync provider "${provider.constructor.name}" failed to connect:`, err);
-                }
-            });
+        const networkConnectPromises = networkProviders.map(provider => provider.connect().catch(err => {
+            if (showSyncProviderInfo) {
+                console.error(`[Kritzel] Network sync provider "${provider.constructor.name}" failed to connect:`, err);
+            }
+        }));
+        if (networkConnectPromises.length > 0) {
+            this._networkSyncPromise = Promise.allSettled(networkConnectPromises).then(() => undefined);
         }
         this._isReady = true;
         // Run any pending schema migrations before loading data
@@ -442,6 +451,7 @@ export class KritzelAppStateMap {
         // Clear remaining references
         this._core = null;
         this._onRemoteChangeCallback = null;
+        this._networkSyncPromise = null;
         this._isReady = false;
     }
 }

package/dist/collection/collection-manifest.json

@@ -52,7 +52,7 @@
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/core/kritzel-awareness-cursors/kritzel-awareness-cursors.css

@@ -1,115 +1,115 @@
-:host {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  pointer-events: none;
-  z-index: 1;
-}
-
-.awareness-cursor {
-  position: absolute;
-  top: 0;
-  left: 0;
-  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              opacity 300ms ease;
-  will-change: transform;
-}
-
-.awareness-cursor.stale {
-  opacity: 0;
-}
-
-.awareness-cursor.tracking-object {
-  transition-duration: 0ms;
-}
-
-.cursor-arrow {
-  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
-}
-
-.cursor-label {
-  position: absolute;
-  left: 16px;
-  top: 16px;
-  white-space: nowrap;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
-  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
-  padding: 2px 8px;
-  border-radius: 4px;
-  line-height: 1.4;
-  font-weight: 500;
-  pointer-events: none;
-  user-select: none;
-}
-
-.edge-indicator {
-  position: absolute;
-  top: -12px;
-  left: -12px;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              opacity 300ms ease;
-  will-change: transform;
-  pointer-events: auto;
-  user-select: none;
-  cursor: pointer;
-}
-
-.edge-indicator.stale {
-  opacity: 0;
-}
-
-.edge-indicator.tracking-object {
-  transition-duration: 0ms;
-}
-
-.edge-arrow {
-  position: absolute;
-  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
-  transition: opacity 300ms ease;
-}
-
-.edge-arrow.stale {
-  opacity: 0;
-}
-
-.edge-label {
-  position: absolute;
-  white-space: nowrap;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
-  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
-  padding: 2px 8px;
-  border-radius: 4px;
-  line-height: 1.4;
-  font-weight: 500;
-  pointer-events: none;
-  opacity: 0;
-  transform-origin: center;
-  transition: opacity 150ms ease;
-}
-
-.edge-indicator:hover .edge-label {
-  opacity: 1;
-}
-
-.remote-selection-box {
-  position: absolute;
-  top: 0;
-  left: 0;
-  border-width: 2px;
-  border-style: solid;
-  pointer-events: none;
-  will-change: transform, width, height;
-  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              width var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              height var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out;
-}
+:host {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.awareness-cursor {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              opacity 300ms ease;
+  will-change: transform;
+}
+
+.awareness-cursor.stale {
+  opacity: 0;
+}
+
+.awareness-cursor.tracking-object {
+  transition-duration: 0ms;
+}
+
+.cursor-arrow {
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
+}
+
+.cursor-label {
+  position: absolute;
+  left: 16px;
+  top: 16px;
+  white-space: nowrap;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
+  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
+  padding: 2px 8px;
+  border-radius: 4px;
+  line-height: 1.4;
+  font-weight: 500;
+  pointer-events: none;
+  user-select: none;
+}
+
+.edge-indicator {
+  position: absolute;
+  top: -12px;
+  left: -12px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              opacity 300ms ease;
+  will-change: transform;
+  pointer-events: auto;
+  user-select: none;
+  cursor: pointer;
+}
+
+.edge-indicator.stale {
+  opacity: 0;
+}
+
+.edge-indicator.tracking-object {
+  transition-duration: 0ms;
+}
+
+.edge-arrow {
+  position: absolute;
+  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
+  transition: opacity 300ms ease;
+}
+
+.edge-arrow.stale {
+  opacity: 0;
+}
+
+.edge-label {
+  position: absolute;
+  white-space: nowrap;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
+  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
+  padding: 2px 8px;
+  border-radius: 4px;
+  line-height: 1.4;
+  font-weight: 500;
+  pointer-events: none;
+  opacity: 0;
+  transform-origin: center;
+  transition: opacity 150ms ease;
+}
+
+.edge-indicator:hover .edge-label {
+  opacity: 1;
+}
+
+.remote-selection-box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-width: 2px;
+  border-style: solid;
+  pointer-events: none;
+  will-change: transform, width, height;
+  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              width var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              height var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out;
+}

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

@@ -210,7 +210,7 @@ export class KritzelAwarenessCursors {
         void _ty;
         void this.objectVersion;
         const cursors = Array.from(this.remoteCursors.values());
-        return (h(Host, { key: 'b157f337127f7e5852acc0d6a246fa42e944a501' }, cursors.map(remoteCursor => {
+        return (h(Host, { key: '9be6694250bafe011be27301d1c7a53fc7957657' }, cursors.map(remoteCursor => {
             if (!remoteCursor.cursor)
                 return null;
             // When a remote user is actively drawing, derive cursor position from

package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.css

@@ -1,10 +1,10 @@
-:host {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  pointer-events: none;
-  z-index: 9000;
-}
+:host {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  pointer-events: none;
+  z-index: 9000;
+}

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

@@ -63,7 +63,7 @@ export class KritzelCursorTrail {
         }
     }
     render() {
-        return (h(Host, { key: 'cf2cf1c689bdc8ea393a7ea8f32698cfcdb0e375' }, this.cursorTrailPoints.length > 1 && (h("svg", { key: 'df38c45537217982f7fb9513b954f3b0fa27acea', class: "cursor-trail-svg", xmlns: "http://www.w3.org/2000/svg", style: {
+        return (h(Host, { key: 'b427550b19a3e172cb25d05e34635121b82a61c5' }, this.cursorTrailPoints.length > 1 && (h("svg", { key: '9685b563497e110f36c0feffbfde04ebeb38024b', class: "cursor-trail-svg", xmlns: "http://www.w3.org/2000/svg", style: {
                 position: 'absolute',
                 left: '0',
                 top: '0',