@erase2d/fabric 1.0.0 → 1.1.0-1

package/dist/fabric/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference path="../../types/fabric.d.ts" />
 export { ClippingGroup } from './src/ClippingGroup';
-export { EraserBrush, type ErasingEndEvent, type ErasingEndEventDetail, eraseObject, eraseCanvasDrawable, } from './src/EraserBrush';
+export { EraserBrush, eraseCanvasDrawable, eraseObject, type ErasingEvent, type ErasingEventType, } from './src/EraserBrush';
+export { isTransparent } from './src/isTransparent';
 //# sourceMappingURL=index.d.ts.map

package/dist/fabric/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,WAAW,EACX,mBAAmB,GACpB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,KAAK,YAAY,EACjB,KAAK,gBAAgB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/fabric/index.js

@@ -1,2 +1,2 @@
-export{ClippingGroup}from"./src/ClippingGroup.js";export{EraserBrush,eraseCanvasDrawable,eraseObject}from"./src/EraserBrush.js";
+export{ClippingGroup}from"./src/ClippingGroup.js";export{EraserBrush,eraseCanvasDrawable,eraseObject}from"./src/EraserBrush.js";export{isTransparent}from"./src/isTransparent.js";
 //# sourceMappingURL=index.js.map

package/dist/fabric/src/EraserBrush.d.ts

@@ -1,13 +1,18 @@
 import * as fabric from 'fabric';
-export type ErasingEndEventDetail = {
-    path: fabric.Path;
-    targets: fabric.FabricObject[];
-};
-export type ErasingEndEvent = CustomEvent<ErasingEndEventDetail>;
-type EventDetailMap = {
-    start: VoidFunction;
-    end: ErasingEndEventDetail;
+export type EventDetailMap = {
+    start: fabric.TEvent<fabric.TPointerEvent>;
+    move: fabric.TEvent<fabric.TPointerEvent>;
+    end: {
+        path: fabric.Path;
+        targets: fabric.FabricObject[];
+    };
+    redraw: {
+        type: 'start' | 'render';
+    };
+    cancel: never;
 };
+export type ErasingEventType = keyof EventDetailMap;
+export type ErasingEvent<T extends ErasingEventType> = CustomEvent<EventDetailMap[T]>;
 export declare function commitErasing(object: fabric.FabricObject, sourceInObjectPlane: fabric.Path): void;
 export declare function eraseObject(object: fabric.FabricObject, source: fabric.Path): Promise<fabric.Path<Partial<fabric.PathProps>, fabric.SerializedPathProps, fabric.ObjectEvents>>;
 export declare function eraseCanvasDrawable(object: fabric.FabricObject, vpt: fabric.TMat2D | undefined, source: fabric.Path): Promise<fabric.Path<Partial<fabric.PathProps>, fabric.SerializedPathProps, fabric.ObjectEvents>>;
@@ -30,61 +35,80 @@ export declare function eraseCanvasDrawable(object: fabric.FabricObject, vpt: fa
  * const eraser = new EraserBrush(canvas);
  * canvas.freeDrawingBrush = eraser;
  * canvas.isDrawingMode = true;
- * eraser.on('start', () => {
+ * eraser.on('start', (e) => {
  *    console.log('started erasing');
+ *    // prevent erasing
+ *    e.preventDefault();
  * });
  * eraser.on('end', (e) => {
- *    const erasedTargets = e.detail.targets;
+ *    const { targets: erasedTargets, path } = e.detail;
  *    e.preventDefault(); // prevent erasing being committed to the tree
- *    eraser.commit(e.detail); // commit manually since default was prevented
+ *    eraser.commit({ targets: erasedTargets, path }); // commit manually since default was prevented
  * });
  *
- * In case of performance issues trace {@link drawEffect} calls.
+ * In case of performance issues trace {@link drawEffect} calls and consider preventing it from executing
+ * @example
+ * const eraser = new EraserBrush(canvas);
+ * eraser.on('redraw', (e) => {
+ *    // prevent effect redraw on pointer down (e.g. useful if canvas didn't change)
+ *    e.detail.type === 'start' && e.preventDefault());
+ *    // prevent effect redraw after canvas has rendered (effect will become stale)
+ *    e.detail.type === 'render' && e.preventDefault());
+ * });
  */
 export declare class EraserBrush extends fabric.PencilBrush {
     /**
      * When set to `true` the brush will create a visual effect of undoing erasing
      */
     inverted: boolean;
-    private effectContext;
-    private _disposer?;
+    effectContext: CanvasRenderingContext2D;
     private eventEmitter;
+    private active;
+    private _disposer?;
     constructor(canvas: fabric.Canvas);
     /**
      * @returns disposer make sure to call it to avoid memory leaks
      */
-    on<T extends keyof EventDetailMap>(type: T, cb: (evt: CustomEvent<EventDetailMap[T]>) => any, options?: boolean | AddEventListenerOptions): () => void;
+    on<T extends ErasingEventType>(type: T, cb: (evt: ErasingEvent<T>) => any, options?: boolean | AddEventListenerOptions): () => void;
     drawEffect(): void;
     /**
      * @override
      */
     _setBrushStyles(ctx?: CanvasRenderingContext2D): void;
+    /**
+     * @override strictly speaking the eraser needs a full render only if it has opacity set.
+     * However since {@link PencilBrush} is designed for subclassing that is what we have to work with.
+     */
+    needsFullRender(): boolean;
+    /**
+     * @override erase
+     */
+    _render(ctx?: CanvasRenderingContext2D): void;
     /**
      * @override {@link drawEffect}
      */
     onMouseDown(pointer: fabric.Point, context: fabric.TEvent<fabric.TPointerEvent>): void;
     /**
-     * @override dispose of {@link drawEffect} listener
+     * @override run if active
      */
-    onMouseUp(context: fabric.TEvent<fabric.TPointerEvent>): boolean;
+    onMouseMove(pointer: fabric.Point, context: fabric.TEvent<fabric.TPointerEvent>): void;
     /**
-     * @override strictly speaking the eraser needs a full render only if it has opacity set.
-     * However since {@link PencilBrush} is designed for subclassing that is what we have to work with.
+     * @override run if active, dispose of {@link drawEffect} listener
      */
-    needsFullRender(): boolean;
+    onMouseUp(context: fabric.TEvent<fabric.TPointerEvent>): boolean;
     /**
-     * @override erase
+     * @override {@link fabric.PencilBrush} logic
      */
-    _render(ctx?: CanvasRenderingContext2D): void;
+    convertPointsToSVGPath(points: fabric.Point[]): fabric.util.TSimplePathData;
     /**
      * @override
      */
     createPath(pathData: fabric.util.TSimplePathData): fabric.Path<Partial<fabric.PathProps>, fabric.SerializedPathProps, fabric.ObjectEvents>;
-    commit({ path, targets }: ErasingEndEventDetail): Promise<void>;
+    commit({ path, targets }: EventDetailMap['end']): Promise<void>;
     /**
-     * @override fire `erasing:end`
+     * @override handle events
      */
     _finalizeAndAddPath(): void;
+    dispose(): void;
 }
-export {};
 //# sourceMappingURL=EraserBrush.d.ts.map

package/dist/fabric/src/EraserBrush.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EraserBrush.d.ts","sourceRoot":"","sources":["../../../src/EraserBrush.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AAMjC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEjE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,qBAAqB,CAAC;CAC5B,CAAC;AA0CF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,mBAAmB,EAAE,MAAM,CAAC,IAAI,QAMjC;AAED,wBAAsB,WAAW,CAC/B,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,MAAM,EAAE,MAAM,CAAC,IAAI,oGAMpB;AAED,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,GAAG,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,EAC9B,MAAM,EAAE,MAAM,CAAC,IAAI,oGAyBpB;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,WAAY,SAAQ,MAAM,CAAC,WAAW;IACjD;;OAEG;IACH,QAAQ,UAAS;IAEjB,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,SAAS,CAAC,CAAe;IAEjC,OAAO,CAAC,YAAY,CAAc;gBAEtB,MAAM,EAAE,MAAM,CAAC,MAAM;IAYjC;;OAEG;IACH,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAC/B,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAChD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB;IAO7C,UAAU;IAWV;;OAEG;IACH,eAAe,CAAC,GAAG,GAAE,wBAAiD;IAKtE;;OAEG;IACH,WAAW,CACT,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAC3C,IAAI;IAcP;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,OAAO;IAOhE;;;OAGG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,OAAO,CAAC,GAAG,GAAE,wBAAsD,GAAG,IAAI;IAK1E;;OAEG;IACH,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe;IAiB1C,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,qBAAqB;IAiCrD;;OAEG;IACH,mBAAmB,IAAI,IAAI;CA4B5B"}
+{"version":3,"file":"EraserBrush.d.ts","sourceRoot":"","sources":["../../../src/EraserBrush.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AAMjC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAC1C,GAAG,EAAE;QACH,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;KAChC,CAAC;IACF,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,CAAC;IACrC,MAAM,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,gBAAgB,IAAI,WAAW,CAChE,cAAc,CAAC,CAAC,CAAC,CAClB,CAAC;AA4CF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,mBAAmB,EAAE,MAAM,CAAC,IAAI,QAMjC;AAED,wBAAsB,WAAW,CAC/B,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,MAAM,EAAE,MAAM,CAAC,IAAI,oGAMpB;AAED,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,GAAG,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,EAC9B,MAAM,EAAE,MAAM,CAAC,IAAI,oGAyBpB;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAAa,WAAY,SAAQ,MAAM,CAAC,WAAW;IACjD;;OAEG;IACH,QAAQ,UAAS;IAEjB,aAAa,EAAE,wBAAwB,CAAC;IAExC,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAC,CAAe;gBAErB,MAAM,EAAE,MAAM,CAAC,MAAM;IAYjC;;OAEG;IACH,EAAE,CAAC,CAAC,SAAS,gBAAgB,EAC3B,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,GAAG,EACjC,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB;IAO7C,UAAU;IAWV;;OAEG;IACH,eAAe,CAAC,GAAG,GAAE,wBAAiD;IAKtE;;;OAGG;IACH,eAAe,IAAI,OAAO;IAI1B;;OAEG;IACH,OAAO,CAAC,GAAG,GAAE,wBAAsD,GAAG,IAAI;IAK1E;;OAEG;IACH,WAAW,CACT,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAC3C,IAAI;IAmCP;;OAEG;IACH,WAAW,CACT,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAC3C,IAAI;IAQP;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,OAAO;IAQhE;;OAEG;IACH,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe;IAM3E;;OAEG;IACH,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe;IAiB1C,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC;IAiCrD;;OAEG;IACH,mBAAmB,IAAI,IAAI;IA+B3B,OAAO;CAOR"}

package/dist/fabric/src/EraserBrush.js

@@ -1,2 +1,2 @@
-import{asyncToGenerator as t,inherits as e,createClass as n,regeneratorRuntime as r,classCallCheck as a,callSuper as i,defineProperty as s,assertThisInitialized as o,get as c,getPrototypeOf as u,toConsumableArray as l,slicedToArray as h}from"../../_virtual/_rollupPluginBabelHelpers.js";import*as p from"fabric";import{Group as v}from"fabric";import{erase as f}from"../../core/erase.js";import{ClippingGroup as d}from"./ClippingGroup.js";import{draw as m}from"./ErasingEffect.js";function g(t,e){return t.flatMap((function(t){return t.erasable&&t.intersectsWithObject(e)?t instanceof v&&"deep"===t.erasable?g(t.getObjects(),e):[t]:[]}))}var y=function(t){var e=t.clipPath,n=e instanceof d?e:new d([],{width:t.width,height:t.height});if(e){var r=e.translateToOriginPoint(new p.Point,e.originX,e.originY),a=r.x,i=r.y;e.originX=e.originY="center",p.util.sendObjectToPlane(e,void 0,p.util.createTranslateMatrix(a,i)),n.add(e)}return t.clipPath=n};function w(t,e){var n=y(t);n.add(e),n.set("dirty",!0),t.set("dirty",!0)}function x(t,e){return b.apply(this,arguments)}function b(){return(b=t(r().mark((function t(e,n){var a;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n.clone();case 2:return a=t.sent,p.util.sendObjectToPlane(a,void 0,e.calcTransformMatrix()),w(e,a),t.abrupt("return",a);case 6:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function k(t,e,n){return P.apply(this,arguments)}function P(){return(P=t(r().mark((function t(e,n,a){var i,s;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,a.clone();case 2:return i=t.sent,s=n&&e.translateToOriginPoint(new p.Point,e.originX,e.originY),p.util.sendObjectToPlane(i,void 0,s?p.util.multiplyTransformMatrixArray([[1,0,0,1,s.x,s.y],n,[1,0,0,1,-s.x,-s.y],e.calcTransformMatrix()]):e.calcTransformMatrix()),w(e,i),t.abrupt("return",i);case 7:case"end":return t.stop()}}),t)})))).apply(this,arguments)}var T=function(v){function d(t){var e;a(this,d),e=i(this,d,[t]),s(o(e),"inverted",!1);var n=document.createElement("canvas"),r=n.getContext("2d");if(!r)throw new Error("Failed to get context");return function(t,e,n){var r=n.width,a=n.height,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;t.width=r,t.height=a,i>1&&(t.setAttribute("width",(r*i).toString()),t.setAttribute("height",(a*i).toString()),e.scale(i,i))}(n,r,t,e.canvas.getRetinaScaling()),e.effectContext=r,e.eventEmitter=new EventTarget,e}var y;return e(d,v),n(d,[{key:"on",value:function(t,e,n){var r=this;return this.eventEmitter.addEventListener(t,e,n),function(){return r.eventEmitter.removeEventListener(t,e,n)}}},{key:"drawEffect",value:function(){m(this.effectContext,{opacity:new p.Color(this.color).getAlpha(),inverted:this.inverted},{canvas:this.canvas})}},{key:"_setBrushStyles",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvas.contextTop;c(u(d.prototype),"_setBrushStyles",this).call(this,t),t.strokeStyle="black"}},{key:"onMouseDown",value:function(t,e){var n=this;this.drawEffect(),this._disposer=this.canvas.on("after:render",(function(t){t.ctx===n.canvas.getContext()&&(n.drawEffect(),n._render())})),this.eventEmitter.dispatchEvent(new CustomEvent("start")),c(u(d.prototype),"onMouseDown",this).call(this,t,e)}},{key:"onMouseUp",value:function(t){var e;return c(u(d.prototype),"onMouseUp",this).call(this,t),null===(e=this._disposer)||void 0===e||e.call(this),delete this._disposer,!1}},{key:"needsFullRender",value:function(){return!0}},{key:"_render",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvas.getTopContext();c(u(d.prototype),"_render",this).call(this,t),f(this.canvas.getContext(),t,this.effectContext)}},{key:"createPath",value:function(t){var e=c(u(d.prototype),"createPath",this).call(this,t);return e.set(this.inverted?{globalCompositeOperation:"source-over",stroke:"white"}:{globalCompositeOperation:"destination-out",stroke:"black",opacity:new p.Color(this.color).getAlpha()}),e}},{key:"commit",value:(y=t(r().mark((function e(n){var a,i;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=n.path,i=n.targets,e.t0=Map,e.next=4,Promise.all([].concat(l(i.map(function(){var e=t(r().mark((function t(e){return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=e,t.next=3,x(e,a);case 3:return t.t1=t.sent,t.abrupt("return",[t.t0,t.t1]);case 5:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}())),l([[this.canvas.backgroundImage,this.canvas.backgroundVpt?void 0:this.canvas.viewportTransform],[this.canvas.overlayImage,this.canvas.overlayVpt?void 0:this.canvas.viewportTransform]].filter((function(t){return h(t,1)[0]})).map(function(){var e=t(r().mark((function t(e){var n,i,s;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=h(e,2),i=n[0],s=n[1],t.t0=i,t.next=4,k(i,s,a);case 4:return t.t1=t.sent,t.abrupt("return",[t.t0,t.t1]);case 6:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}()))));case 4:e.t1=e.sent,new e.t0(e.t1);case 6:case"end":return e.stop()}}),e,this)}))),function(t){return y.apply(this,arguments)})},{key:"_finalizeAndAddPath",value:function(){var t=this._points;if(!(t.length<2)){var e=this.createPath(this.convertPointsToSVGPath(this.decimate?this.decimatePoints(t,this.decimate):t)),n=g(this.canvas.getObjects(),e),r=new CustomEvent("end",{detail:{path:e,targets:n},cancelable:!0});this.eventEmitter.dispatchEvent(r)&&this.commit({path:e,targets:n}),this.canvas.clearContext(this.canvas.contextTop),this.canvas.requestRenderAll(),this._resetShadow()}}}]),d}(p.PencilBrush);export{T as EraserBrush,w as commitErasing,k as eraseCanvasDrawable,x as eraseObject};
+import{asyncToGenerator as t,inherits as e,createClass as n,regeneratorRuntime as r,classCallCheck as a,callSuper as i,defineProperty as s,assertThisInitialized as o,get as c,getPrototypeOf as u,toConsumableArray as l,slicedToArray as h}from"../../_virtual/_rollupPluginBabelHelpers.js";import*as v from"fabric";import{Group as p}from"fabric";import{erase as f}from"../../core/erase.js";import{ClippingGroup as d}from"./ClippingGroup.js";import{draw as m}from"./ErasingEffect.js";function y(t,e){return t.flatMap((function(t){return t.erasable&&t.intersectsWithObject(e)?t instanceof p&&"deep"===t.erasable?y(t.getObjects(),e):[t]:[]}))}var g=function(t){var e=t.clipPath;if(e instanceof d)return e;var n=new d([],{width:t.width,height:t.height});if(e){var r=e.translateToOriginPoint(new v.Point,e.originX,e.originY),a=r.x,i=r.y;e.originX=e.originY="center",v.util.sendObjectToPlane(e,void 0,v.util.createTranslateMatrix(a,i)),n.add(e)}return t.clipPath=n};function w(t,e){var n=g(t);n.add(e),n.set("dirty",!0),t.set("dirty",!0)}function x(t,e){return E.apply(this,arguments)}function E(){return(E=t(r().mark((function t(e,n){var a;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n.clone();case 2:return a=t.sent,v.util.sendObjectToPlane(a,void 0,e.calcTransformMatrix()),w(e,a),t.abrupt("return",a);case 6:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function b(t,e,n){return k.apply(this,arguments)}function k(){return(k=t(r().mark((function t(e,n,a){var i,s;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,a.clone();case 2:return i=t.sent,s=n&&e.translateToOriginPoint(new v.Point,e.originX,e.originY),v.util.sendObjectToPlane(i,void 0,s?v.util.multiplyTransformMatrixArray([[1,0,0,1,s.x,s.y],n,[1,0,0,1,-s.x,-s.y],e.calcTransformMatrix()]):e.calcTransformMatrix()),w(e,i),t.abrupt("return",i);case 7:case"end":return t.stop()}}),t)})))).apply(this,arguments)}var P=function(p){function d(t){var e;a(this,d),e=i(this,d,[t]),s(o(e),"inverted",!1),s(o(e),"active",!1);var n=document.createElement("canvas"),r=n.getContext("2d");if(!r)throw new Error("Failed to get context");return function(t,e,n){var r=n.width,a=n.height,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;t.width=r,t.height=a,i>1&&(t.setAttribute("width",(r*i).toString()),t.setAttribute("height",(a*i).toString()),e.scale(i,i))}(n,r,t,e.canvas.getRetinaScaling()),e.effectContext=r,e.eventEmitter=new EventTarget,e}var g;return e(d,p),n(d,[{key:"on",value:function(t,e,n){var r=this;return this.eventEmitter.addEventListener(t,e,n),function(){return r.eventEmitter.removeEventListener(t,e,n)}}},{key:"drawEffect",value:function(){m(this.effectContext,{opacity:new v.Color(this.color).getAlpha(),inverted:this.inverted},{canvas:this.canvas})}},{key:"_setBrushStyles",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvas.contextTop;c(u(d.prototype),"_setBrushStyles",this).call(this,t),t.strokeStyle="black"}},{key:"needsFullRender",value:function(){return!0}},{key:"_render",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvas.getTopContext();c(u(d.prototype),"_render",this).call(this,t),f(this.canvas.getContext(),t,this.effectContext)}},{key:"onMouseDown",value:function(t,e){var n=this;this.eventEmitter.dispatchEvent(new CustomEvent("start",{detail:e,cancelable:!0}))&&(this.active=!0,this.eventEmitter.dispatchEvent(new CustomEvent("redraw",{detail:{type:"start"},cancelable:!0}))&&this.drawEffect(),this._disposer=this.canvas.on("after:render",(function(t){t.ctx===n.canvas.getContext()&&(n.eventEmitter.dispatchEvent(new CustomEvent("redraw",{detail:{type:"render"},cancelable:!0}))&&n.drawEffect(),n._render())})),c(u(d.prototype),"onMouseDown",this).call(this,t,e))}},{key:"onMouseMove",value:function(t,e){this.active&&this.eventEmitter.dispatchEvent(new CustomEvent("move",{detail:e,cancelable:!0}))&&c(u(d.prototype),"onMouseMove",this).call(this,t,e)}},{key:"onMouseUp",value:function(t){var e;return this.active&&c(u(d.prototype),"onMouseUp",this).call(this,t),this.active=!1,null===(e=this._disposer)||void 0===e||e.call(this),delete this._disposer,!1}},{key:"convertPointsToSVGPath",value:function(t){return c(u(d.prototype),"convertPointsToSVGPath",this).call(this,this.decimate?this.decimatePoints(t,this.decimate):t)}},{key:"createPath",value:function(t){var e=c(u(d.prototype),"createPath",this).call(this,t);return e.set(this.inverted?{globalCompositeOperation:"source-over",stroke:"white"}:{globalCompositeOperation:"destination-out",stroke:"black",opacity:new v.Color(this.color).getAlpha()}),e}},{key:"commit",value:(g=t(r().mark((function e(n){var a,i;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=n.path,i=n.targets,e.t0=Map,e.next=4,Promise.all([].concat(l(i.map(function(){var e=t(r().mark((function t(e){return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.t0=e,t.next=3,x(e,a);case 3:return t.t1=t.sent,t.abrupt("return",[t.t0,t.t1]);case 5:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}())),l([[this.canvas.backgroundImage,this.canvas.backgroundVpt?void 0:this.canvas.viewportTransform],[this.canvas.overlayImage,this.canvas.overlayVpt?void 0:this.canvas.viewportTransform]].filter((function(t){return h(t,1)[0]})).map(function(){var e=t(r().mark((function t(e){var n,i,s;return r().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=h(e,2),i=n[0],s=n[1],t.t0=i,t.next=4,b(i,s,a);case 4:return t.t1=t.sent,t.abrupt("return",[t.t0,t.t1]);case 6:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}()))));case 4:e.t1=e.sent,new e.t0(e.t1);case 6:case"end":return e.stop()}}),e,this)}))),function(t){return g.apply(this,arguments)})},{key:"_finalizeAndAddPath",value:function(){var t=this._points;if(t.length<2)this.eventEmitter.dispatchEvent(new CustomEvent("cancel",{cancelable:!1}));else{var e=this.createPath(this.convertPointsToSVGPath(t)),n=y(this.canvas.getObjects(),e);this.eventEmitter.dispatchEvent(new CustomEvent("end",{detail:{path:e,targets:n},cancelable:!0}))&&this.commit({path:e,targets:n}),this.canvas.clearContext(this.canvas.contextTop),this.canvas.requestRenderAll(),this._resetShadow()}}},{key:"dispose",value:function(){var t=this.effectContext.canvas;t.width=t.height=0}}]),d}(v.PencilBrush);export{P as EraserBrush,w as commitErasing,b as eraseCanvasDrawable,x as eraseObject};
 //# sourceMappingURL=EraserBrush.js.map

package/dist/fabric/src/EraserBrush.js.map

@@ -1 +1 @@
-{"version":3,"file":"EraserBrush.js","sources":["../../../src/EraserBrush.ts"],"sourcesContent":["import * as fabric from 'fabric';\nimport { FabricObject, Group, Path } from 'fabric';\nimport { erase } from '../../core/erase';\nimport { ClippingGroup } from './ClippingGroup';\nimport { draw } from './ErasingEffect';\n\nexport type ErasingEndEventDetail = {\n  path: fabric.Path;\n  targets: fabric.FabricObject[];\n};\n\nexport type ErasingEndEvent = CustomEvent<ErasingEndEventDetail>;\n\ntype EventDetailMap = {\n  start: VoidFunction;\n  end: ErasingEndEventDetail;\n};\n\nfunction walk(objects: FabricObject[], path: Path): FabricObject[] {\n  return objects.flatMap((object) => {\n    if (!object.erasable || !object.intersectsWithObject(path)) {\n      return [];\n    } else if (object instanceof Group && object.erasable === 'deep') {\n      return walk(object.getObjects(), path);\n    } else {\n      return [object];\n    }\n  });\n}\n\nconst assertClippingGroup = (object: fabric.FabricObject) => {\n  const curr = object.clipPath;\n  const next =\n    curr instanceof ClippingGroup\n      ? curr\n      : new ClippingGroup([], {\n          width: object.width,\n          height: object.height,\n        });\n\n  if (curr) {\n    const { x, y } = curr.translateToOriginPoint(\n      new fabric.Point(),\n      curr.originX,\n      curr.originY\n    );\n    curr.originX = curr.originY = 'center';\n    fabric.util.sendObjectToPlane(\n      curr,\n      undefined,\n      fabric.util.createTranslateMatrix(x, y)\n    );\n    next.add(curr as FabricObject);\n  }\n\n  return (object.clipPath = next);\n};\n\nexport function commitErasing(\n  object: fabric.FabricObject,\n  sourceInObjectPlane: fabric.Path\n) {\n  const clipPath = assertClippingGroup(object);\n  clipPath.add(sourceInObjectPlane);\n  clipPath.set('dirty', true);\n  object.set('dirty', true);\n}\n\nexport async function eraseObject(\n  object: fabric.FabricObject,\n  source: fabric.Path\n) {\n  const clone = await source.clone();\n  fabric.util.sendObjectToPlane(clone, undefined, object.calcTransformMatrix());\n  commitErasing(object, clone);\n  return clone;\n}\n\nexport async function eraseCanvasDrawable(\n  object: fabric.FabricObject,\n  vpt: fabric.TMat2D | undefined,\n  source: fabric.Path\n) {\n  const clone = await source.clone();\n  const d =\n    vpt &&\n    object.translateToOriginPoint(\n      new fabric.Point(),\n      object.originX,\n      object.originY\n    );\n  fabric.util.sendObjectToPlane(\n    clone,\n    undefined,\n    d\n      ? fabric.util.multiplyTransformMatrixArray([\n          [1, 0, 0, 1, d.x, d.y],\n          // apply vpt from center of drawable\n          vpt,\n          [1, 0, 0, 1, -d.x, -d.y],\n          object.calcTransformMatrix(),\n        ])\n      : object.calcTransformMatrix()\n  );\n  commitErasing(object, clone);\n  return clone;\n}\n\nconst setCanvasDimensions = (\n  el: HTMLCanvasElement,\n  ctx: CanvasRenderingContext2D,\n  { width, height }: fabric.TSize,\n  retinaScaling = 1\n) => {\n  el.width = width;\n  el.height = height;\n  if (retinaScaling > 1) {\n    el.setAttribute('width', (width * retinaScaling).toString());\n    el.setAttribute('height', (height * retinaScaling).toString());\n    ctx.scale(retinaScaling, retinaScaling);\n  }\n};\n\n/**\n * Supports **selective** erasing: only erasable objects are affected by the eraser brush.\n *\n * Supports **{@link inverted}** erasing: the brush can \"undo\" erasing.\n *\n * Supports **alpha** erasing: setting the alpha channel of the `color` property controls the eraser intensity.\n *\n * In order to support selective erasing, the brush clips the entire canvas and\n * masks all non-erasable objects over the erased path, see {@link draw}.\n *\n * If **{@link inverted}** draws all objects, erasable objects without their eraser, over the erased path.\n * This achieves the desired effect of seeming to erase or undo erasing on erasable objects only.\n *\n * After erasing is done the `end` event {@link ErasingEndEvent} is fired, after which erasing will be committed to the tree.\n * @example\n * canvas = new Canvas();\n * const eraser = new EraserBrush(canvas);\n * canvas.freeDrawingBrush = eraser;\n * canvas.isDrawingMode = true;\n * eraser.on('start', () => {\n *    console.log('started erasing');\n * });\n * eraser.on('end', (e) => {\n *    const erasedTargets = e.detail.targets;\n *    e.preventDefault(); // prevent erasing being committed to the tree\n *    eraser.commit(e.detail); // commit manually since default was prevented\n * });\n *\n * In case of performance issues trace {@link drawEffect} calls.\n */\nexport class EraserBrush extends fabric.PencilBrush {\n  /**\n   * When set to `true` the brush will create a visual effect of undoing erasing\n   */\n  inverted = false;\n\n  private effectContext: CanvasRenderingContext2D;\n  private _disposer?: VoidFunction;\n\n  private eventEmitter: EventTarget;\n\n  constructor(canvas: fabric.Canvas) {\n    super(canvas);\n    const el = document.createElement('canvas');\n    const ctx = el.getContext('2d');\n    if (!ctx) {\n      throw new Error('Failed to get context');\n    }\n    setCanvasDimensions(el, ctx, canvas, this.canvas.getRetinaScaling());\n    this.effectContext = ctx;\n    this.eventEmitter = new EventTarget();\n  }\n\n  /**\n   * @returns disposer make sure to call it to avoid memory leaks\n   */\n  on<T extends keyof EventDetailMap>(\n    type: T,\n    cb: (evt: CustomEvent<EventDetailMap[T]>) => any,\n    options?: boolean | AddEventListenerOptions\n  ) {\n    this.eventEmitter.addEventListener(type, cb as EventListener, options);\n    return () =>\n      this.eventEmitter.removeEventListener(type, cb as EventListener, options);\n  }\n\n  drawEffect() {\n    draw(\n      this.effectContext,\n      {\n        opacity: new fabric.Color(this.color).getAlpha(),\n        inverted: this.inverted,\n      },\n      { canvas: this.canvas }\n    );\n  }\n\n  /**\n   * @override\n   */\n  _setBrushStyles(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\n    super._setBrushStyles(ctx);\n    ctx.strokeStyle = 'black';\n  }\n\n  /**\n   * @override {@link drawEffect}\n   */\n  onMouseDown(\n    pointer: fabric.Point,\n    context: fabric.TEvent<fabric.TPointerEvent>\n  ): void {\n    this.drawEffect();\n    // consider a different approach\n    this._disposer = this.canvas.on('after:render', ({ ctx }) => {\n      if (ctx !== this.canvas.getContext()) {\n        return;\n      }\n      this.drawEffect();\n      this._render();\n    });\n    this.eventEmitter.dispatchEvent(new CustomEvent('start'));\n    super.onMouseDown(pointer, context);\n  }\n\n  /**\n   * @override dispose of {@link drawEffect} listener\n   */\n  onMouseUp(context: fabric.TEvent<fabric.TPointerEvent>): boolean {\n    super.onMouseUp(context);\n    this._disposer?.();\n    delete this._disposer;\n    return false;\n  }\n\n  /**\n   * @override strictly speaking the eraser needs a full render only if it has opacity set.\n   * However since {@link PencilBrush} is designed for subclassing that is what we have to work with.\n   */\n  needsFullRender(): boolean {\n    return true;\n  }\n\n  /**\n   * @override erase\n   */\n  _render(ctx: CanvasRenderingContext2D = this.canvas.getTopContext()): void {\n    super._render(ctx);\n    erase(this.canvas.getContext(), ctx, this.effectContext);\n  }\n\n  /**\n   * @override\n   */\n  createPath(pathData: fabric.util.TSimplePathData) {\n    const path = super.createPath(pathData);\n    path.set(\n      this.inverted\n        ? {\n            globalCompositeOperation: 'source-over',\n            stroke: 'white',\n          }\n        : {\n            globalCompositeOperation: 'destination-out',\n            stroke: 'black',\n            opacity: new fabric.Color(this.color).getAlpha(),\n          }\n    );\n    return path;\n  }\n\n  async commit({ path, targets }: ErasingEndEventDetail) {\n    new Map(\n      await Promise.all([\n        ...targets.map(async (object) => {\n          return [object, await eraseObject(object, path)] as const;\n        }),\n        ...(\n          [\n            [\n              this.canvas.backgroundImage,\n              !this.canvas.backgroundVpt\n                ? this.canvas.viewportTransform\n                : undefined,\n            ],\n            [\n              this.canvas.overlayImage,\n              !this.canvas.overlayVpt\n                ? this.canvas.viewportTransform\n                : undefined,\n            ],\n          ] as const\n        )\n          .filter(([object]) => object)\n          .map(async ([object, vptFlag]) => {\n            return [\n              object,\n              await eraseCanvasDrawable(object as FabricObject, vptFlag, path),\n            ] as const;\n          }),\n      ])\n    );\n  }\n\n  /**\n   * @override fire `erasing:end`\n   */\n  _finalizeAndAddPath(): void {\n    const points = this['_points'];\n\n    if (points.length < 2) {\n      return;\n    }\n\n    const path = this.createPath(\n      this.convertPointsToSVGPath(\n        this.decimate ? this.decimatePoints(points, this.decimate) : points\n      )\n    );\n    const targets = walk(this.canvas.getObjects(), path);\n\n    const ev = new CustomEvent('end', {\n      detail: {\n        path,\n        targets,\n      },\n      cancelable: true,\n    });\n    this.eventEmitter.dispatchEvent(ev) && this.commit({ path, targets });\n\n    this.canvas.clearContext(this.canvas.contextTop);\n    this.canvas.requestRenderAll();\n\n    this._resetShadow();\n  }\n}\n"],"names":["walk","objects","path","flatMap","object","erasable","intersectsWithObject","Group","getObjects","assertClippingGroup","curr","clipPath","next","ClippingGroup","width","height","_curr$translateToOrig","translateToOriginPoint","fabric","Point","originX","originY","x","y","util","sendObjectToPlane","undefined","createTranslateMatrix","add","commitErasing","sourceInObjectPlane","set","eraseObject","_x","_x2","_eraseObject","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee4","source","clone","wrap","_context4","prev","sent","calcTransformMatrix","abrupt","stop","eraseCanvasDrawable","_x3","_x4","_x5","_eraseCanvasDrawable","_callee5","vpt","d","_context5","multiplyTransformMatrixArray","EraserBrush","_fabric$PencilBrush","canvas","_this","_classCallCheck","_callSuper","_defineProperty","_assertThisInitialized","el","document","createElement","ctx","getContext","Error","_ref","retinaScaling","length","setAttribute","toString","scale","setCanvasDimensions","getRetinaScaling","effectContext","eventEmitter","EventTarget","_commit","_inherits","_createClass","key","value","type","cb","options","_this2","addEventListener","removeEventListener","draw","opacity","Color","color","getAlpha","inverted","contextTop","_get","_getPrototypeOf","prototype","call","strokeStyle","pointer","context","_this3","drawEffect","_disposer","on","_ref2","_render","dispatchEvent","CustomEvent","_this$_disposer","getTopContext","erase","pathData","globalCompositeOperation","stroke","_callee3","_ref3","targets","_context3","t0","Map","Promise","all","concat","_toConsumableArray","map","_ref4","_callee","_context","t1","_x7","backgroundImage","backgroundVpt","viewportTransform","overlayImage","overlayVpt","filter","_ref5","_slicedToArray","_ref8","_callee2","_ref7","_ref9","vptFlag","_context2","_x8","_x6","points","createPath","convertPointsToSVGPath","decimate","decimatePoints","ev","detail","cancelable","commit","clearContext","requestRenderAll","_resetShadow","PencilBrush"],"mappings":"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"}
+{"version":3,"file":"EraserBrush.js","sources":["../../../src/EraserBrush.ts"],"sourcesContent":["import * as fabric from 'fabric';\nimport { FabricObject, Group, Path } from 'fabric';\nimport { erase } from '../../core/erase';\nimport { ClippingGroup } from './ClippingGroup';\nimport { draw } from './ErasingEffect';\n\nexport type EventDetailMap = {\n  start: fabric.TEvent<fabric.TPointerEvent>;\n  move: fabric.TEvent<fabric.TPointerEvent>;\n  end: {\n    path: fabric.Path;\n    targets: fabric.FabricObject[];\n  };\n  redraw: { type: 'start' | 'render' };\n  cancel: never;\n};\n\nexport type ErasingEventType = keyof EventDetailMap;\n\nexport type ErasingEvent<T extends ErasingEventType> = CustomEvent<\n  EventDetailMap[T]\n>;\n\nfunction walk(objects: FabricObject[], path: Path): FabricObject[] {\n  return objects.flatMap((object) => {\n    if (!object.erasable || !object.intersectsWithObject(path)) {\n      return [];\n    } else if (object instanceof Group && object.erasable === 'deep') {\n      return walk(object.getObjects(), path);\n    } else {\n      return [object];\n    }\n  });\n}\n\nconst assertClippingGroup = (object: fabric.FabricObject) => {\n  const curr = object.clipPath;\n\n  if (curr instanceof ClippingGroup) {\n    return curr;\n  }\n\n  const next = new ClippingGroup([], {\n    width: object.width,\n    height: object.height,\n  });\n\n  if (curr) {\n    const { x, y } = curr.translateToOriginPoint(\n      new fabric.Point(),\n      curr.originX,\n      curr.originY\n    );\n    curr.originX = curr.originY = 'center';\n    fabric.util.sendObjectToPlane(\n      curr,\n      undefined,\n      fabric.util.createTranslateMatrix(x, y)\n    );\n    next.add(curr as FabricObject);\n  }\n\n  return (object.clipPath = next);\n};\n\nexport function commitErasing(\n  object: fabric.FabricObject,\n  sourceInObjectPlane: fabric.Path\n) {\n  const clipPath = assertClippingGroup(object);\n  clipPath.add(sourceInObjectPlane);\n  clipPath.set('dirty', true);\n  object.set('dirty', true);\n}\n\nexport async function eraseObject(\n  object: fabric.FabricObject,\n  source: fabric.Path\n) {\n  const clone = await source.clone();\n  fabric.util.sendObjectToPlane(clone, undefined, object.calcTransformMatrix());\n  commitErasing(object, clone);\n  return clone;\n}\n\nexport async function eraseCanvasDrawable(\n  object: fabric.FabricObject,\n  vpt: fabric.TMat2D | undefined,\n  source: fabric.Path\n) {\n  const clone = await source.clone();\n  const d =\n    vpt &&\n    object.translateToOriginPoint(\n      new fabric.Point(),\n      object.originX,\n      object.originY\n    );\n  fabric.util.sendObjectToPlane(\n    clone,\n    undefined,\n    d\n      ? fabric.util.multiplyTransformMatrixArray([\n          [1, 0, 0, 1, d.x, d.y],\n          // apply vpt from center of drawable\n          vpt,\n          [1, 0, 0, 1, -d.x, -d.y],\n          object.calcTransformMatrix(),\n        ])\n      : object.calcTransformMatrix()\n  );\n  commitErasing(object, clone);\n  return clone;\n}\n\nconst setCanvasDimensions = (\n  el: HTMLCanvasElement,\n  ctx: CanvasRenderingContext2D,\n  { width, height }: fabric.TSize,\n  retinaScaling = 1\n) => {\n  el.width = width;\n  el.height = height;\n  if (retinaScaling > 1) {\n    el.setAttribute('width', (width * retinaScaling).toString());\n    el.setAttribute('height', (height * retinaScaling).toString());\n    ctx.scale(retinaScaling, retinaScaling);\n  }\n};\n\n/**\n * Supports **selective** erasing: only erasable objects are affected by the eraser brush.\n *\n * Supports **{@link inverted}** erasing: the brush can \"undo\" erasing.\n *\n * Supports **alpha** erasing: setting the alpha channel of the `color` property controls the eraser intensity.\n *\n * In order to support selective erasing, the brush clips the entire canvas and\n * masks all non-erasable objects over the erased path, see {@link draw}.\n *\n * If **{@link inverted}** draws all objects, erasable objects without their eraser, over the erased path.\n * This achieves the desired effect of seeming to erase or undo erasing on erasable objects only.\n *\n * After erasing is done the `end` event {@link ErasingEndEvent} is fired, after which erasing will be committed to the tree.\n * @example\n * canvas = new Canvas();\n * const eraser = new EraserBrush(canvas);\n * canvas.freeDrawingBrush = eraser;\n * canvas.isDrawingMode = true;\n * eraser.on('start', (e) => {\n *    console.log('started erasing');\n *    // prevent erasing\n *    e.preventDefault();\n * });\n * eraser.on('end', (e) => {\n *    const { targets: erasedTargets, path } = e.detail;\n *    e.preventDefault(); // prevent erasing being committed to the tree\n *    eraser.commit({ targets: erasedTargets, path }); // commit manually since default was prevented\n * });\n *\n * In case of performance issues trace {@link drawEffect} calls and consider preventing it from executing\n * @example\n * const eraser = new EraserBrush(canvas);\n * eraser.on('redraw', (e) => {\n *    // prevent effect redraw on pointer down (e.g. useful if canvas didn't change)\n *    e.detail.type === 'start' && e.preventDefault());\n *    // prevent effect redraw after canvas has rendered (effect will become stale)\n *    e.detail.type === 'render' && e.preventDefault());\n * });\n */\nexport class EraserBrush extends fabric.PencilBrush {\n  /**\n   * When set to `true` the brush will create a visual effect of undoing erasing\n   */\n  inverted = false;\n\n  effectContext: CanvasRenderingContext2D;\n\n  private eventEmitter: EventTarget;\n  private active = false;\n  private _disposer?: VoidFunction;\n\n  constructor(canvas: fabric.Canvas) {\n    super(canvas);\n    const el = document.createElement('canvas');\n    const ctx = el.getContext('2d');\n    if (!ctx) {\n      throw new Error('Failed to get context');\n    }\n    setCanvasDimensions(el, ctx, canvas, this.canvas.getRetinaScaling());\n    this.effectContext = ctx;\n    this.eventEmitter = new EventTarget();\n  }\n\n  /**\n   * @returns disposer make sure to call it to avoid memory leaks\n   */\n  on<T extends ErasingEventType>(\n    type: T,\n    cb: (evt: ErasingEvent<T>) => any,\n    options?: boolean | AddEventListenerOptions\n  ) {\n    this.eventEmitter.addEventListener(type, cb as EventListener, options);\n    return () =>\n      this.eventEmitter.removeEventListener(type, cb as EventListener, options);\n  }\n\n  drawEffect() {\n    draw(\n      this.effectContext,\n      {\n        opacity: new fabric.Color(this.color).getAlpha(),\n        inverted: this.inverted,\n      },\n      { canvas: this.canvas }\n    );\n  }\n\n  /**\n   * @override\n   */\n  _setBrushStyles(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\n    super._setBrushStyles(ctx);\n    ctx.strokeStyle = 'black';\n  }\n\n  /**\n   * @override strictly speaking the eraser needs a full render only if it has opacity set.\n   * However since {@link PencilBrush} is designed for subclassing that is what we have to work with.\n   */\n  needsFullRender(): boolean {\n    return true;\n  }\n\n  /**\n   * @override erase\n   */\n  _render(ctx: CanvasRenderingContext2D = this.canvas.getTopContext()): void {\n    super._render(ctx);\n    erase(this.canvas.getContext(), ctx, this.effectContext);\n  }\n\n  /**\n   * @override {@link drawEffect}\n   */\n  onMouseDown(\n    pointer: fabric.Point,\n    context: fabric.TEvent<fabric.TPointerEvent>\n  ): void {\n    if (\n      !this.eventEmitter.dispatchEvent(\n        new CustomEvent('start', { detail: context, cancelable: true })\n      )\n    ) {\n      return;\n    }\n\n    this.active = true;\n\n    this.eventEmitter.dispatchEvent(\n      new CustomEvent('redraw', {\n        detail: { type: 'start' },\n        cancelable: true,\n      })\n    ) && this.drawEffect();\n\n    // consider a different approach\n    this._disposer = this.canvas.on('after:render', ({ ctx }) => {\n      if (ctx !== this.canvas.getContext()) {\n        return;\n      }\n      this.eventEmitter.dispatchEvent(\n        new CustomEvent('redraw', {\n          detail: { type: 'render' },\n          cancelable: true,\n        })\n      ) && this.drawEffect();\n      this._render();\n    });\n\n    super.onMouseDown(pointer, context);\n  }\n\n  /**\n   * @override run if active\n   */\n  onMouseMove(\n    pointer: fabric.Point,\n    context: fabric.TEvent<fabric.TPointerEvent>\n  ): void {\n    this.active &&\n      this.eventEmitter.dispatchEvent(\n        new CustomEvent('move', { detail: context, cancelable: true })\n      ) &&\n      super.onMouseMove(pointer, context);\n  }\n\n  /**\n   * @override run if active, dispose of {@link drawEffect} listener\n   */\n  onMouseUp(context: fabric.TEvent<fabric.TPointerEvent>): boolean {\n    this.active && super.onMouseUp(context);\n    this.active = false;\n    this._disposer?.();\n    delete this._disposer;\n    return false;\n  }\n\n  /**\n   * @override {@link fabric.PencilBrush} logic\n   */\n  convertPointsToSVGPath(points: fabric.Point[]): fabric.util.TSimplePathData {\n    return super.convertPointsToSVGPath(\n      this.decimate ? this.decimatePoints(points, this.decimate) : points\n    );\n  }\n\n  /**\n   * @override\n   */\n  createPath(pathData: fabric.util.TSimplePathData) {\n    const path = super.createPath(pathData);\n    path.set(\n      this.inverted\n        ? {\n            globalCompositeOperation: 'source-over',\n            stroke: 'white',\n          }\n        : {\n            globalCompositeOperation: 'destination-out',\n            stroke: 'black',\n            opacity: new fabric.Color(this.color).getAlpha(),\n          }\n    );\n    return path;\n  }\n\n  async commit({ path, targets }: EventDetailMap['end']) {\n    new Map(\n      await Promise.all([\n        ...targets.map(async (object) => {\n          return [object, await eraseObject(object, path)] as const;\n        }),\n        ...(\n          [\n            [\n              this.canvas.backgroundImage,\n              !this.canvas.backgroundVpt\n                ? this.canvas.viewportTransform\n                : undefined,\n            ],\n            [\n              this.canvas.overlayImage,\n              !this.canvas.overlayVpt\n                ? this.canvas.viewportTransform\n                : undefined,\n            ],\n          ] as const\n        )\n          .filter(([object]) => object)\n          .map(async ([object, vptFlag]) => {\n            return [\n              object,\n              await eraseCanvasDrawable(object as FabricObject, vptFlag, path),\n            ] as const;\n          }),\n      ])\n    );\n  }\n\n  /**\n   * @override handle events\n   */\n  _finalizeAndAddPath(): void {\n    const points = this['_points'];\n\n    if (points.length < 2) {\n      this.eventEmitter.dispatchEvent(\n        new CustomEvent('cancel', {\n          cancelable: false,\n        })\n      );\n      return;\n    }\n\n    const path = this.createPath(this.convertPointsToSVGPath(points));\n    const targets = walk(this.canvas.getObjects(), path);\n\n    this.eventEmitter.dispatchEvent(\n      new CustomEvent('end', {\n        detail: {\n          path,\n          targets,\n        },\n        cancelable: true,\n      })\n    ) && this.commit({ path, targets });\n\n    this.canvas.clearContext(this.canvas.contextTop);\n    this.canvas.requestRenderAll();\n\n    this._resetShadow();\n  }\n\n  dispose() {\n    const { canvas } = this.effectContext;\n    // prompt GC\n    canvas.width = canvas.height = 0;\n    // release ref?\n    // delete this.effectContext\n  }\n}\n"],"names":["walk","objects","path","flatMap","object","erasable","intersectsWithObject","Group","getObjects","assertClippingGroup","curr","clipPath","ClippingGroup","next","width","height","_curr$translateToOrig","translateToOriginPoint","fabric","Point","originX","originY","x","y","util","sendObjectToPlane","undefined","createTranslateMatrix","add","commitErasing","sourceInObjectPlane","set","eraseObject","_x","_x2","_eraseObject","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee4","source","clone","wrap","_context4","prev","sent","calcTransformMatrix","abrupt","stop","eraseCanvasDrawable","_x3","_x4","_x5","_eraseCanvasDrawable","_callee5","vpt","d","_context5","multiplyTransformMatrixArray","EraserBrush","_fabric$PencilBrush","canvas","_this","_classCallCheck","_callSuper","_defineProperty","_assertThisInitialized","el","document","createElement","ctx","getContext","Error","_ref","retinaScaling","length","setAttribute","toString","scale","setCanvasDimensions","getRetinaScaling","effectContext","eventEmitter","EventTarget","_commit","_inherits","_createClass","key","value","type","cb","options","_this2","addEventListener","removeEventListener","draw","opacity","Color","color","getAlpha","inverted","contextTop","_get","_getPrototypeOf","prototype","call","strokeStyle","getTopContext","erase","pointer","context","_this3","dispatchEvent","CustomEvent","detail","cancelable","active","drawEffect","_disposer","on","_ref2","_render","_this$_disposer","points","decimate","decimatePoints","pathData","globalCompositeOperation","stroke","_callee3","_ref3","targets","_context3","t0","Map","Promise","all","concat","_toConsumableArray","map","_ref4","_callee","_context","t1","_x7","backgroundImage","backgroundVpt","viewportTransform","overlayImage","overlayVpt","filter","_ref5","_slicedToArray","_ref8","_callee2","_ref7","_ref9","vptFlag","_context2","_x8","_x6","createPath","convertPointsToSVGPath","commit","clearContext","requestRenderAll","_resetShadow","PencilBrush"],"mappings":"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"}

package/dist/fabric/src/isTransparent.d.ts

@@ -0,0 +1,7 @@
+import { type FabricObject } from 'fabric';
+declare function isTransparent(object: FabricObject, worker?: Worker): Promise<boolean>;
+declare namespace isTransparent {
+    var installWorker: () => void;
+}
+export { isTransparent };
+//# sourceMappingURL=isTransparent.d.ts.map

package/dist/fabric/src/isTransparent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isTransparent.d.ts","sourceRoot":"","sources":["../../../src/isTransparent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAO3C,iBAAS,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,oBAuC3D;kBAvCQ,aAAa;;;AAuDtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/fabric/src/isTransparent.js

@@ -0,0 +1,2 @@
+var e=-1,a=function(e){return e.data.every((function(e,a){return a%4!=3||0===e}))};function t(t,n){var s=t.toCanvasElement({enableRetinaScaling:!1,viewportTransform:!1,withoutTransform:!0,withoutShadow:!0}),r=++e;return new Promise((function(e,t){var i,o=null===(i=s.getContext("2d"))||void 0===i?void 0:i.getImageData(0,0,s.width,s.height);if(o)if(n){n.addEventListener("message",(function a(t){t.data.messageID===r&&(n.removeEventListener("message",a),e(t.data.isTransparent))})),n.postMessage({imageData:o,messageID:r},[])}else e(a(o));else t()}))}t.installWorker=function(){addEventListener("message",(function(e){var t=e.data,n=t.imageData,s=t.messageID;console.log(s),postMessage({isTransparent:a(n),messageID:s})}))};export{t as isTransparent};
+//# sourceMappingURL=isTransparent.js.map

package/dist/fabric/src/isTransparent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isTransparent.js","sources":["../../../src/isTransparent.ts"],"sourcesContent":["import { type FabricObject } from 'fabric';\n\nlet messageID = -1;\n\nconst isImageDataTransparent = (imageData: ImageData) =>\n  imageData.data.every((x, i) => i % 4 !== 3 || x === 0);\n\nfunction isTransparent(object: FabricObject, worker?: Worker) {\n  // should also move to offscreen\n  const canvas = object.toCanvasElement({\n    // multiplier: 0.1,\n    enableRetinaScaling: false,\n    viewportTransform: false,\n    withoutTransform: true,\n    withoutShadow: true,\n  });\n\n  const id = ++messageID;\n  return new Promise<boolean>((resolve, reject) => {\n    const imageData = canvas\n      .getContext('2d')\n      ?.getImageData(0, 0, canvas.width, canvas.height);\n\n    if (!imageData) {\n      reject();\n    } else if (!worker) {\n      resolve(isImageDataTransparent(imageData));\n    } else {\n      const messageHandler = (\n        e: MessageEvent<{ messageID: number; isTransparent: boolean }>\n      ) => {\n        if (e.data.messageID === id) {\n          worker.removeEventListener('message', messageHandler);\n          resolve(e.data.isTransparent);\n        }\n      };\n      worker.addEventListener('message', messageHandler);\n      worker.postMessage(\n        {\n          imageData,\n          messageID: id,\n        },\n        []\n      );\n    }\n  });\n}\n\nisTransparent.installWorker = function installWorker() {\n  addEventListener(\n    'message',\n    (e: MessageEvent<{ imageData: ImageData; messageID: number }>) => {\n      const { imageData, messageID } = e.data;\n      console.log(messageID);\n      postMessage({\n        isTransparent: isImageDataTransparent(imageData),\n        messageID,\n      });\n    }\n  );\n};\n\nexport { isTransparent };\n"],"names":["messageID","isImageDataTransparent","imageData","data","every","x","i","isTransparent","object","worker","canvas","toCanvasElement","enableRetinaScaling","viewportTransform","withoutTransform","withoutShadow","id","Promise","resolve","reject","_canvas$getContext","getContext","getImageData","width","height","addEventListener","messageHandler","e","removeEventListener","postMessage","installWorker","_e$data","console","log"],"mappings":"AAEA,IAAIA,GAAa,EAEXC,EAAyB,SAACC,GAAoB,OAClDA,EAAUC,KAAKC,OAAM,SAACC,EAAGC,GAAC,OAAKA,EAAI,GAAM,GAAW,IAAND,IAAQ,EAExD,SAASE,EAAcC,EAAsBC,GAE3C,IAAMC,EAASF,EAAOG,gBAAgB,CAEpCC,qBAAqB,EACrBC,mBAAmB,EACnBC,kBAAkB,EAClBC,eAAe,IAGXC,IAAOhB,EACb,OAAO,IAAIiB,SAAiB,SAACC,EAASC,GAAW,IAAAC,EACzClB,EACakB,QADJA,EAAGV,EACfW,WAAW,aADID,IACCA,OADDA,EAAAA,EAEdE,aAAa,EAAG,EAAGZ,EAAOa,MAAOb,EAAOc,QAE5C,GAAKtB,EAEE,GAAKO,EAEL,CASLA,EAAOgB,iBAAiB,WARD,SAAjBC,EACJC,GAEIA,EAAExB,KAAKH,YAAcgB,IACvBP,EAAOmB,oBAAoB,UAAWF,GACtCR,EAAQS,EAAExB,KAAKI,mBAInBE,EAAOoB,YACL,CACE3B,UAAAA,EACAF,UAAWgB,GAEb,GAEJ,MAlBEE,EAAQjB,EAAuBC,SAF/BiB,GAqBJ,GACF,CAEAZ,EAAcuB,cAAgB,WAC5BL,iBACE,WACA,SAACE,GACC,IAAAI,EAAiCJ,EAAExB,KAA3BD,EAAS6B,EAAT7B,UAAWF,EAAS+B,EAAT/B,UACnBgC,QAAQC,IAAIjC,GACZ6B,YAAY,CACVtB,cAAeN,EAAuBC,GACtCF,UAAAA,GAEJ,GAEJ"}

package/dist/fabric/src/util.d.ts

@@ -15,5 +15,5 @@ export declare function clipObject(object: FabricObject, clipPath: FabricObject,
  * @param {FabricObject} object The clipPath to apply to path belongs to object
  * @returns {Promise<Path>}
  */
-export declare function clonePathWithClipPath(path: Path, object: FabricObject & Required<Pick<FabricObject, 'clipPath'>>): Promise<FabricObject<Partial<import("fabric").FabricObjectProps>, import("fabric").SerializedObjectProps, import("fabric").ObjectEvents>>;
+export declare function cloneAndClip(path: Path, object: FabricObject & Required<Pick<FabricObject, 'clipPath'>>): Promise<FabricObject<Partial<import("fabric").FabricObjectProps>, import("fabric").SerializedObjectProps, import("fabric").ObjectEvents>>;
 //# sourceMappingURL=util.d.ts.map

package/dist/fabric/src/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAQ,MAAM,QAAQ,CAAC;AAE1D;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,EACtB,CAAC,EAAE,MAAM,oIAuBV;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,6IAShE"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAQ,MAAM,QAAQ,CAAC;AAE1D;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,EACtB,CAAC,EAAE,MAAM,oIAuBV;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,6IAShE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erase2d/fabric",
-  "version": "1.0.0",
+  "version": "1.1.0-1",
   "description": "Fabric.js erase2d bindings",
   "type": "module",
   "scripts": {