kritzel-stencil 0.0.164 → 0.0.166

package/dist/components/{p-DzUUppVL.js → p-CIXaR1a8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CwkUrTy1.js';
 import { K as KritzelMouseButton } from './p-D8W6LE-c.js';
-import { e as KritzelBaseObject, f as KritzelGeometryHelper, g as KritzelBaseTool, h as KritzelEventHelper, i as KritzelToolRegistry, S as Schema, s as schema, j as addListNodes, E as EditorView, k as EditorState, l as keymap, T as TextSelection, d as KritzelKeyboardHelper, m as baseKeymap, c as KritzelTextTool, b as KritzelBrushTool, K as KritzelText, a as KritzelPath } from './p-Dz2XHHqa.js';
+import { e as KritzelBaseObject, f as KritzelGeometryHelper, g as KritzelBaseTool, h as KritzelEventHelper, i as KritzelToolRegistry, S as Schema, s as schema, j as addListNodes, E as EditorView, k as EditorState, l as keymap, T as TextSelection, d as KritzelKeyboardHelper, m as baseKeymap, c as KritzelTextTool, b as KritzelBrushTool, K as KritzelText, a as KritzelPath } from './p-Bwv1dxAB.js';
 import { K as KritzelContextMenu, d as defineCustomElement$3 } from './p-D1YAsWrL.js';
 import { O as ObjectHelper } from './p-B0kd2rUI.js';
 import { K as KritzelDevicesHelper } from './p-l10It7Nm.js';
@@ -195,20 +195,21 @@ class KritzelLine extends KritzelBaseObject {
         this._core.store.state.objects.update(this);
     }
     hitTest(x, y) {
-        const halfStroke = this.strokeWidth / this.scale / 2;
+        const strokeWidth = Math.max(this.strokeWidth, 10);
+        const halfStroke = strokeWidth / this.scale / 2;
         if (this._adjustedPoints === null) {
             this._adjustedPoints = this.computeAdjustedPoints();
         }
         // For curved lines, use distance to the Bezier curve
         if (this.controlX !== undefined && this.controlY !== undefined) {
             const distance = this.pointToBezierDistance(x, y);
-            return distance <= halfStroke + 2;
+            return distance <= halfStroke;
         }
         // For straight lines, use distance to line segment
         const p1 = this._adjustedPoints[0];
         const p2 = this._adjustedPoints[1];
         const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p2[0], p2[1]);
-        return distance <= halfStroke + 2; // Add a small tolerance for easier selection
+        return distance <= halfStroke;
     }
     hitTestPolygon(polygon) {
         const halfStroke = this.strokeWidth / this.scale / 2;
@@ -693,7 +694,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             const deltaX = snapshot.translateX - this.translateX;
             const deltaY = snapshot.translateY - this.translateY;
             snapshot.translateX = x + deltaX;
-            snapshot.translateY = x + deltaY;
+            snapshot.translateY = y + deltaY;
         });
         this.translateX = x;
         this.translateY = y;
@@ -929,6 +930,9 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;
         return objCenterY - groupCenterY;
     }
+    hitTest(x, y) {
+        return this.objects.some(obj => obj.hitTest(x, y));
+    }
 }
 
 class KritzelLineTool extends KritzelBaseTool {
@@ -2603,6 +2607,10 @@ class KritzelSelectionTool extends KritzelBaseTool {
         if (!object) {
             return null;
         }
+        const { x, y } = this._core.getCanvasPoint(event);
+        if (!object.hitTest(x, y)) {
+            return null;
+        }
         if (object instanceof KritzelSelectionGroup) {
             return object;
         }
@@ -37688,6 +37696,9 @@ class KritzelCore {
         const workspaces = this.loadWorkspacesFromAppState();
         // Find most recently updated workspace or use provided/fallback
         const mostRecentWorkspace = workspaces.length > 0 ? [...workspaces].sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime())[0] : null;
+        // Check localStorage for last active workspace
+        const lastActiveWorkspaceId = localStorage.getItem('kritzel-active-workspace-id');
+        const lastActiveWorkspace = lastActiveWorkspaceId ? workspaces.find(w => w.id === lastActiveWorkspaceId) : null;
         let activeWorkspace;
         if (workspace) {
             // Use provided workspace
@@ -37699,6 +37710,10 @@ class KritzelCore {
                 this.saveWorkspaceToAppState(activeWorkspace);
             }
         }
+        else if (lastActiveWorkspace) {
+            // Use last active workspace from localStorage
+            activeWorkspace = lastActiveWorkspace;
+        }
         else if (mostRecentWorkspace) {
             // Use most recent workspace
             activeWorkspace = mostRecentWorkspace;
@@ -37709,6 +37724,8 @@ class KritzelCore {
             activeWorkspace._core = this;
             this.saveWorkspaceToAppState(activeWorkspace);
         }
+        // Save active workspace ID to localStorage
+        localStorage.setItem('kritzel-active-workspace-id', activeWorkspace.id);
         // Destroy old ObjectMap if switching workspaces
         if (this._store.state.objects && this._store.state.objects.isReady) {
             this._store.state.objects.destroy();
@@ -38630,16 +38647,16 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
                     pointerEvents: this.core.store.state.isScaling ? 'none' : 'auto',
                 } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", id: object.id, class: "object", style: {
                     zIndex: object.zIndex.toString(),
-                    height: object?.totalHeight.toString(),
-                    width: object?.totalWidth.toString(),
+                    height: object?.totalHeight + 'px',
+                    width: object?.totalWidth + 'px',
                     left: '0',
                     top: '0',
                     position: 'absolute',
-                    transform: `rotate(${object.rotationDegrees}deg)`,
-                    transformOrigin: `${object.totalWidth / 2}px ${object.totalHeight / 2}px`,
+                    transform: object.rotationDegrees !== 0 ? `rotate(${object.rotationDegrees}deg)` : undefined,
+                    transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                     opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
                     pointerEvents: object.markedForRemoval ? 'none' : 'auto',
-                } }, KritzelClassHelper.isInstanceOf(object, 'KritzelPath') && (h("svg", { ref: el => object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: { overflow: 'visible' }, viewBox: object?.viewBox }, h("path", { d: object?.d, fill: object.fill, stroke: object?.stroke, "shape-rendering": object.isLowRes() ? 'optimizeSpeed' : 'auto' }))), KritzelClassHelper.isInstanceOf(object, 'KritzelLine') && (h("svg", { ref: el => object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: { overflow: 'visible' }, viewBox: object?.viewBox }, h("defs", null, object.hasStartArrow && (h("marker", { id: object.startMarkerId, markerWidth: object.getArrowSize('start'), markerHeight: object.getArrowSize('start'), refX: 0, refY: object.getArrowSize('start') / 2, orient: "auto-start-reverse", markerUnits: "userSpaceOnUse" }, h("path", { d: object.getArrowPath(object.arrows?.start?.style), fill: object.getArrowFill('start'), transform: `scale(${object.getArrowSize('start') / 10})` }))), object.hasEndArrow && (h("marker", { id: object.endMarkerId, markerWidth: object.getArrowSize('end'), markerHeight: object.getArrowSize('end'), refX: 0, refY: object.getArrowSize('end') / 2, orient: "auto", markerUnits: "userSpaceOnUse" }, h("path", { d: object.getArrowPath(object.arrows?.end?.style), fill: object.getArrowFill('end'), transform: `scale(${object.getArrowSize('end') / 10})` })))), h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: object?.stroke, "stroke-width": object?.strokeWidth, "stroke-linecap": "round", "marker-start": object.hasStartArrow ? `url(#${object.startMarkerId})` : undefined, "marker-end": object.hasEndArrow ? `url(#${object.endMarkerId})` : undefined }))), h("foreignObject", { x: "0", y: "0", width: object.totalWidth.toString(), height: object.totalHeight.toString(), style: {
+                } }, KritzelClassHelper.isInstanceOf(object, 'KritzelPath') && (h("svg", { ref: el => object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: { overflow: 'visible' }, viewBox: object?.viewBox }, h("path", { d: object?.d, fill: object.fill, stroke: object?.stroke, "shape-rendering": object.isLowRes() ? 'optimizeSpeed' : 'auto' }))), KritzelClassHelper.isInstanceOf(object, 'KritzelLine') && (h("svg", { ref: el => object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: { overflow: 'visible' }, viewBox: object?.viewBox }, h("defs", null, object.hasStartArrow && (h("marker", { id: object.startMarkerId, markerWidth: object.getArrowSize('start'), markerHeight: object.getArrowSize('start'), refX: 0, refY: object.getArrowSize('start') / 2, orient: "auto-start-reverse", markerUnits: "userSpaceOnUse" }, h("path", { d: object.getArrowPath(object.arrows?.start?.style), fill: object.getArrowFill('start'), transform: `scale(${object.getArrowSize('start') / 10})` }))), object.hasEndArrow && (h("marker", { id: object.endMarkerId, markerWidth: object.getArrowSize('end'), markerHeight: object.getArrowSize('end'), refX: 0, refY: object.getArrowSize('end') / 2, orient: "auto", markerUnits: "userSpaceOnUse" }, h("path", { d: object.getArrowPath(object.arrows?.end?.style), fill: object.getArrowFill('end'), transform: `scale(${object.getArrowSize('end') / 10})` })))), h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: "transparent", "stroke-width": Math.max(object?.strokeWidth || 0, 10), "stroke-linecap": "round" }), h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: object?.stroke, "stroke-width": object?.strokeWidth, "stroke-linecap": "round", "marker-start": object.hasStartArrow ? `url(#${object.startMarkerId})` : undefined, "marker-end": object.hasEndArrow ? `url(#${object.endMarkerId})` : undefined }))), h("foreignObject", { x: "0", y: "0", width: object.totalWidth.toString(), height: object.totalHeight.toString(), style: {
                     minHeight: '0',
                     minWidth: '0',
                     backgroundColor: object.backgroundColor,
@@ -38869,7 +38886,7 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
                     stroke: 'var(--kritzel-snap-indicator-stroke, #3b82f6)',
                     strokeWidth: data.indicatorStrokeWidth,
                 } }))));
-        })()), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: '81b44614c23f4016a1daa914ef8ea73eda0869eb', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.core.store.state.contextMenuItems, objects: this.core.store.selectionGroup?.objects || [], style: {
+        })()), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: '70aefa0f3cf33036edb455dbe75448d2521e6dc9', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.core.store.state.contextMenuItems, objects: this.core.store.selectionGroup?.objects || [], style: {
                 position: 'fixed',
                 left: `${this.core.store.state.contextMenuX}px`,
                 top: `${this.core.store.state.contextMenuY}px`,
@@ -38880,7 +38897,7 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
                     y: (-this.core.store.state.translateY + this.core.store.state.contextMenuY) / this.core.store.state.scale,
                 }, this.core.store.selectionGroup?.objects);
                 this.hideContextMenu();
-            }, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: 'f748cd15c916d9fcb5fbf445167c69c1cc8aea63', core: this.core })));
+            }, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: '68106a187ca81a38a819f1d52895b2858a8a28cb', core: this.core })));
     }
     static get watchers() { return {
         "workspace": ["onWorkspaceChange"],
@@ -38964,6 +38981,6 @@ function defineCustomElement() {
 }
 
 export { isNode as A, min$2 as B, pow as C, HocuspocusProviderWebsocket as D, KritzelLine as E, KritzelLineTool as F, KritzelEraserTool as G, HocuspocusProvider as H, KritzelImageTool as I, KritzelCursorHelper as J, KritzelImage as K, KritzelSelectionTool as L, IndexedDBSyncProvider as M, KritzelAppStateMap as N, Observable$1 as O, KritzelAnchorManager as P, ABSOLUTE_SCALE_MAX as Q, ABSOLUTE_SCALE_MIN as R, ShapeType as S, KritzelShapeTool as T, defineCustomElement as U, KritzelEngine as V, writeVarUint8Array$2 as a, readVarUint8Array$2 as b, applyUpdate as c, encodeStateVector as d, encodeStateAsUpdate as e, createEncoder$1 as f, createDecoder$1 as g, create$8 as h, fromBase64 as i, toBase64 as j, createUint8ArrayFromArrayBuffer as k, offChange as l, readVarString$2 as m, floor$2 as n, onChange as o, getUnixTime$1 as p, equalityDeep$1 as q, readVarUint$2 as r, setIfUndefined$1 as s, toUint8Array$1 as t, writeVarString$2 as u, varStorage as v, writeVarUint$2 as w, map as x, ObservableV2 as y, length$3 as z };
-//# sourceMappingURL=p-DzUUppVL.js.map
+//# sourceMappingURL=p-CIXaR1a8.js.map
 
-//# sourceMappingURL=p-DzUUppVL.js.map
+//# sourceMappingURL=p-CIXaR1a8.js.map