kritzel-stencil 0.3.25 → 0.3.27

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var schema_constants = require('./schema.constants-Np7j2Gz4.js');
+var schema_constants = require('./schema.constants-9v4Edzoe.js');
 var Y = require('yjs');
 var yIndexeddb = require('y-indexeddb');
 var yWebsocket = require('y-websocket');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Xav9JFHg.js');
-var schema_constants = require('./schema.constants-Np7j2Gz4.js');
+var schema_constants = require('./schema.constants-9v4Edzoe.js');
 var Y = require('yjs');
 require('y-indexeddb');
 require('y-websocket');
@@ -21616,6 +21616,7 @@ const DEFAULT_ENGINE_CONFIG = {
     activeTool: null,
     objects: null,
     snapCandidate: null,
+    snapPreviewCandidate: null,
     resizeHandleType: null,
     lineHandleType: null,
     hasViewportChanged: false,
@@ -29629,10 +29630,12 @@ const KritzelEngine = class {
                     const selectionHandleStrokeColor = remoteUserColor ?? 'var(--kritzel-selection-handle-stroke-color, #007AFF)';
                     const lineObject = object;
                     const activeSnapCandidate = this.core.store.state.snapCandidate;
+                    const previewSnapCandidate = this.core.store.state.snapPreviewCandidate;
                     const isStartHandleSnapped = lineObject.startAnchor != null;
                     const isEndHandleSnapped = lineObject.endAnchor != null;
-                    const isStartHandleSnapPreview = activeSnapCandidate?.endpoint === 'start';
-                    const isEndHandleSnapPreview = activeSnapCandidate?.endpoint === 'end';
+                    const highlightedSnapCandidate = activeSnapCandidate ?? previewSnapCandidate;
+                    const isStartHandleSnapPreview = highlightedSnapCandidate?.endpoint === 'start';
+                    const isEndHandleSnapPreview = highlightedSnapCandidate?.endpoint === 'end';
                     const isStartHandleHighlighted = isStartHandleSnapped || isStartHandleSnapPreview;
                     const isEndHandleHighlighted = isEndHandleSnapped || isEndHandleSnapPreview;
                     const selectionOverlayZIndex = this.core.displaySelectionLineUI(object) ? '10000' : (object.zIndex + 1).toString();
@@ -29764,9 +29767,10 @@ const KritzelEngine = class {
                         } })))))));
                 })()));
         }), (() => {
-            const data = this.core.anchorManager.getSnapIndicatorRenderData();
+            const data = this.core.anchorManager.getSnapIndicatorRenderData() ?? this.core.anchorManager.getSnapPreviewRenderData();
             if (!data)
                 return null;
+            const isActiveSnap = this.core.anchorManager.getSnapIndicatorRenderData() != null;
             return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "snap-indicator", style: {
                     position: 'absolute',
                     left: '0',
@@ -29777,18 +29781,19 @@ const KritzelEngine = class {
                     zIndex: '9999',
                     overflow: 'visible',
                 } }, index.h("g", null, data.snapLinePath ? (index.h("path", { d: data.snapLinePath, fill: "none", style: {
-                    stroke: 'var(--kritzel-snap-line-stroke, rgba(0, 0, 0, 0.2))',
+                    stroke: isActiveSnap ? 'var(--kritzel-snap-line-stroke, rgba(0, 0, 0, 0.2))' : 'var(--kritzel-snap-line-stroke, rgba(0, 0, 0, 0.12))',
                     strokeWidth: data.lineStrokeWidth,
                     strokeDasharray: data.dashArray,
                     strokeLinecap: 'round',
                 } })) : (data.edgeX !== undefined &&
                 data.edgeY !== undefined && (index.h("line", { x1: data.edgeX, y1: data.edgeY, x2: data.centerX, y2: data.centerY, style: {
-                    stroke: 'var(--kritzel-snap-line-stroke, rgba(0, 0, 0, 0.2))',
+                    stroke: isActiveSnap ? 'var(--kritzel-snap-line-stroke, rgba(0, 0, 0, 0.2))' : 'var(--kritzel-snap-line-stroke, rgba(0, 0, 0, 0.12))',
                     strokeWidth: data.lineStrokeWidth,
                     strokeDasharray: data.dashArray,
                     strokeLinecap: 'round',
                 } }))), index.h("circle", { cx: data.centerX, cy: data.centerY, r: data.indicatorRadius, style: {
-                    fill: 'var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.3))',
+                    fill: isActiveSnap ? 'var(--kritzel-snap-indicator-fill, rgba(59, 130, 246, 0.3))' : 'rgba(59, 130, 246, 0.18)',
+                    stroke: isActiveSnap ? 'var(--kritzel-snap-indicator-stroke, #007bff)' : 'rgba(59, 130, 246, 0.5)',
                     strokeWidth: data.indicatorStrokeWidth,
                 } }))));
         })(), (() => {
@@ -31246,7 +31251,7 @@ const KritzelPortal = class {
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-const KRITZEL_VERSION = '0.3.25';
+const KRITZEL_VERSION = '0.3.27';
 
 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)}`;