@bwp-web/canvas 0.4.3 → 0.5.1

package/dist/interactions/dragToCreate.d.ts

@@ -1,5 +1,5 @@
 import { Canvas as FabricCanvas, FabricObject } from 'fabric';
-import type { DragBounds, ShapeStyleOptions, SnappableInteractionOptions } from '../types';
+import type { DragBounds, Point2D, ShapeStyleOptions, SnappableInteractionOptions } from '../types';
 export interface DragToCreateOptions extends SnappableInteractionOptions {
     /** Style applied to the preview rectangle shown during drag. */
     previewStyle?: ShapeStyleOptions & {
@@ -8,6 +8,11 @@ export interface DragToCreateOptions extends SnappableInteractionOptions {
     };
     /** When true, constrain the drag to a 1:1 aspect ratio (square). */
     constrainToSquare?: boolean;
+    /**
+     * Factory called when the user clicks without dragging (below MIN_DRAG_SIZE).
+     * Receives the canvas and the click point. If not provided, clicks are ignored.
+     */
+    clickFactory?: (canvas: FabricCanvas, point: Point2D) => FabricObject;
     /** Called when the user cancels the drag via Escape. */
     onCancel?: () => void;
 }

package/dist/interactions/dragToCreate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dragToCreate.d.ts","sourceRoot":"","sources":["../../src/interactions/dragToCreate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,YAAY,EAAQ,MAAM,QAAQ,CAAC;AACpE,OAAO,KAAK,EACV,UAAU,EAEV,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,mBAAoB,SAAQ,2BAA2B;IACtE,gEAAgE;IAChE,YAAY,CAAC,EAAE,iBAAiB,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK,YAAY,EACnE,OAAO,CAAC,EAAE,mBAAmB,GAC5B,MAAM,IAAI,CAuJZ"}
+{"version":3,"file":"dragToCreate.d.ts","sourceRoot":"","sources":["../../src/interactions/dragToCreate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,YAAY,EAAQ,MAAM,QAAQ,CAAC;AACpE,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,mBAAoB,SAAQ,2BAA2B;IACtE,gEAAgE;IAChE,YAAY,CAAC,EAAE,iBAAiB,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,KAAK,YAAY,CAAC;IACtE,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK,YAAY,EACnE,OAAO,CAAC,EAAE,mBAAmB,GAC5B,MAAM,IAAI,CA6JZ"}

package/dist/serialization.d.ts

@@ -11,6 +11,19 @@ import { Canvas as FabricCanvas, type FabricObject } from 'fabric';
  * stroke widths to their base values.
  */
 export declare function enableScaledStrokes(canvas: FabricCanvas): () => void;
+/**
+ * Keep border radii visually constant on Rects loaded via {@link loadCanvas}.
+ *
+ * On every render, each tracked Rect's `rx`/`ry` is recalculated as
+ * `VIEW_BORDER_RADIUS / scale` so corners always appear circular regardless
+ * of non-uniform scaling. The original rx/ry values are stored in an internal
+ * WeakMap and automatically restored before serialization by
+ * {@link serializeCanvas}.
+ *
+ * Returns a cleanup function that removes the listener and restores all
+ * rx/ry values to their originals.
+ */
+export declare function enableScaledBorderRadius(canvas: FabricCanvas): () => void;
 /**
  * Options for {@link serializeCanvas}.
  */

package/dist/serialization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serialization.d.ts","sourceRoot":"","sources":["../src/serialization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAQ,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAWzE;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,CA2BpE;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,GAAG,MAAM,CAE5D;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,gBAAgB,GACzB,MAAM,CAiCR;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,OAAO,CAAC;CACzC;AAED;;;;;GAKG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,YAAY,EAAE,CAAC,CAyBzB"}
+{"version":3,"file":"serialization.d.ts","sourceRoot":"","sources":["../src/serialization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAQ,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAoBzE;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,CA2BpE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,CAuBzE;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,GAAG,MAAM,CAE5D;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,gBAAgB,GACzB,MAAM,CAqDR;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,OAAO,CAAC;CACzC;AAED;;;;;GAKG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,CAAC,YAAY,EAAE,CAAC,CA0DzB"}

package/dist/styles.d.ts

@@ -1,9 +1,11 @@
+/** Selection handle appearance (border, corner color). Applied to all objects. */
 export declare const DEFAULT_CONTROL_STYLE: {
     borderColor: string;
     cornerColor: string;
     cornerStrokeColor: string;
     transparentCorners: boolean;
 };
+/** Default fill/stroke for rectangles and polygons. */
 export declare const DEFAULT_SHAPE_STYLE: {
     borderColor: string;
     cornerColor: string;
@@ -14,6 +16,7 @@ export declare const DEFAULT_SHAPE_STYLE: {
     strokeWidth: number;
     strokeUniform: boolean;
 };
+/** Default fill for circles (Rects with full border-radius). */
 export declare const DEFAULT_CIRCLE_STYLE: {
     borderColor: string;
     cornerColor: string;
@@ -24,6 +27,7 @@ export declare const DEFAULT_CIRCLE_STYLE: {
     strokeWidth: number;
     strokeUniform: boolean;
 };
+/** Preview rectangle shown during drag-to-create (dashed stroke). */
 export declare const DEFAULT_DRAG_SHAPE_STYLE: {
     fill: string;
     stroke: string;
@@ -31,6 +35,7 @@ export declare const DEFAULT_DRAG_SHAPE_STYLE: {
     strokeUniform: boolean;
     strokeDashArray: number[];
 };
+/** Preview polygon shown during draw-to-create (semi-transparent dashed stroke). */
 export declare const DEFAULT_GUIDELINE_SHAPE_STYLE: {
     fill: string;
     stroke: string;
@@ -38,6 +43,7 @@ export declare const DEFAULT_GUIDELINE_SHAPE_STYLE: {
     strokeUniform: boolean;
     strokeDashArray: number[];
 };
+/** Alignment guideline appearance (color, width, x-marker size). */
 export declare const DEFAULT_ALIGNMENT_STYLE: {
     readonly color: "rgba(255, 0, 0, 0.9)";
     readonly width: 1;

package/dist/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;CAM/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;CAMpC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAKA,kFAAkF;AAClF,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,mBAAmB;;;;;;;;;CAM/B,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,oBAAoB;;;;;;;;;CAMhC,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,wBAAwB;;;;;;CAMpC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}

package/dist/viewport.d.ts

@@ -24,15 +24,15 @@ export interface ViewportController {
     /** Temporarily disable all pan and zoom input (e.g. during draw modes). */
     setEnabled: (enabled: boolean) => void;
     /**
-     * Zoom in toward the canvas center by `step` zoom units.
-     * Respects the configured min/max zoom bounds. Default step: 0.2.
+     * Zoom in toward the canvas center by a multiplicative factor.
+     * Respects the configured min/max zoom bounds. Default factor: 1.2 (20%).
      */
-    zoomIn: (step?: number) => void;
+    zoomIn: (factor?: number) => void;
     /**
-     * Zoom out from the canvas center by `step` zoom units.
-     * Respects the configured min/max zoom bounds. Default step: 0.2.
+     * Zoom out from the canvas center by a multiplicative factor.
+     * Respects the configured min/max zoom bounds. Default factor: 1.2 (20%).
      */
-    zoomOut: (step?: number) => void;
+    zoomOut: (factor?: number) => void;
     /**
      * Pan the viewport so the given object is centered on the canvas.
      * Optionally animate the transition.

package/dist/viewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../src/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,YAAY,EACtB,KAAK,YAAY,EAGlB,MAAM,QAAQ,CAAC;AAQhB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,qCAAqC;IACrC,OAAO,EAAE,MAAM,YAAY,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1E,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA0MD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,kBAAkB,CAkIpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAExD"}
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../src/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,YAAY,EACtB,KAAK,YAAY,EAGlB,MAAM,QAAQ,CAAC;AAQhB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,qCAAqC;IACrC,OAAO,EAAE,MAAM,YAAY,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1E,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA0MD;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,kBAAkB,CAkIpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAExD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bwp-web/canvas",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",