@bwp-web/canvas 0.5.0 → 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,CAqCR;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,CAwCzB"}
+{"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/package.json

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