@nasser-sw/fabric 7.0.0-beta1

package/dist/src/brushes/CircleBrush.mjs

@@ -0,0 +1,138 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { Color } from '../color/Color.mjs';
+import { Shadow } from '../Shadow.mjs';
+import { Circle } from '../shapes/Circle.mjs';
+import { Group } from '../shapes/Group.mjs';
+import { getRandomInt } from '../util/internals/getRandomInt.mjs';
+import { BaseBrush } from './BaseBrush.mjs';
+import { CENTER } from '../constants.mjs';
+
+class CircleBrush extends BaseBrush {
+  constructor(canvas) {
+    super(canvas);
+    /**
+     * Width of a brush
+     * @type Number
+     */
+    _defineProperty(this, "width", 10);
+    this.points = [];
+  }
+
+  /**
+   * Invoked inside on mouse down and mouse move
+   * @param {Point} pointer
+   */
+  drawDot(pointer) {
+    const point = this.addPoint(pointer),
+      ctx = this.canvas.contextTop;
+    this._saveAndTransform(ctx);
+    this.dot(ctx, point);
+    ctx.restore();
+  }
+  dot(ctx, point) {
+    ctx.fillStyle = point.fill;
+    ctx.beginPath();
+    ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false);
+    ctx.closePath();
+    ctx.fill();
+  }
+
+  /**
+   * Invoked on mouse down
+   */
+  onMouseDown(pointer) {
+    this.points = [];
+    this.canvas.clearContext(this.canvas.contextTop);
+    this._setShadow();
+    this.drawDot(pointer);
+  }
+
+  /**
+   * Render the full state of the brush
+   * @private
+   */
+  _render() {
+    const ctx = this.canvas.contextTop,
+      points = this.points;
+    this._saveAndTransform(ctx);
+    for (let i = 0; i < points.length; i++) {
+      this.dot(ctx, points[i]);
+    }
+    ctx.restore();
+  }
+
+  /**
+   * Invoked on mouse move
+   * @param {Point} pointer
+   */
+  onMouseMove(pointer) {
+    if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {
+      return;
+    }
+    if (this.needsFullRender()) {
+      this.canvas.clearContext(this.canvas.contextTop);
+      this.addPoint(pointer);
+      this._render();
+    } else {
+      this.drawDot(pointer);
+    }
+  }
+
+  /**
+   * Invoked on mouse up
+   */
+  onMouseUp() {
+    const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;
+    this.canvas.renderOnAddRemove = false;
+    const circles = [];
+    for (let i = 0; i < this.points.length; i++) {
+      const point = this.points[i],
+        circle = new Circle({
+          radius: point.radius,
+          left: point.x,
+          top: point.y,
+          originX: CENTER,
+          originY: CENTER,
+          fill: point.fill
+        });
+      this.shadow && (circle.shadow = new Shadow(this.shadow));
+      circles.push(circle);
+    }
+    const group = new Group(circles, {
+      canvas: this.canvas
+    });
+    this.canvas.fire('before:path:created', {
+      path: group
+    });
+    this.canvas.add(group);
+    this.canvas.fire('path:created', {
+      path: group
+    });
+    this.canvas.clearContext(this.canvas.contextTop);
+    this._resetShadow();
+    this.canvas.renderOnAddRemove = originalRenderOnAddRemove;
+    this.canvas.requestRenderAll();
+  }
+
+  /**
+   * @param {Object} pointer
+   * @return {Point} Just added pointer point
+   */
+  addPoint(_ref) {
+    let {
+      x,
+      y
+    } = _ref;
+    const pointerPoint = {
+      x,
+      y,
+      radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2,
+      fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba()
+    };
+    this.points.push(pointerPoint);
+    return pointerPoint;
+  }
+}
+
+export { CircleBrush };
+//# sourceMappingURL=CircleBrush.mjs.map

package/dist/src/brushes/CircleBrush.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleBrush.mjs","sources":["../../../src/brushes/CircleBrush.ts"],"sourcesContent":["import { Color } from '../color/Color';\nimport type { Point } from '../Point';\nimport { Shadow } from '../Shadow';\nimport { Circle } from '../shapes/Circle';\nimport { Group } from '../shapes/Group';\nimport { getRandomInt } from '../util/internals/getRandomInt';\nimport type { Canvas } from '../canvas/Canvas';\nimport { BaseBrush } from './BaseBrush';\nimport type { CircleBrushPoint } from './typedefs';\nimport { CENTER } from '../constants';\n\nexport class CircleBrush extends BaseBrush {\n  /**\n   * Width of a brush\n   * @type Number\n   */\n  width = 10;\n\n  declare points: CircleBrushPoint[];\n\n  constructor(canvas: Canvas) {\n    super(canvas);\n    this.points = [];\n  }\n\n  /**\n   * Invoked inside on mouse down and mouse move\n   * @param {Point} pointer\n   */\n  drawDot(pointer: Point) {\n    const point = this.addPoint(pointer),\n      ctx = this.canvas.contextTop;\n    this._saveAndTransform(ctx);\n    this.dot(ctx, point);\n    ctx.restore();\n  }\n\n  dot(ctx: CanvasRenderingContext2D, point: CircleBrushPoint) {\n    ctx.fillStyle = point.fill;\n    ctx.beginPath();\n    ctx.arc(point.x, point.y, point.radius, 0, Math.PI * 2, false);\n    ctx.closePath();\n    ctx.fill();\n  }\n\n  /**\n   * Invoked on mouse down\n   */\n  onMouseDown(pointer: Point) {\n    this.points = [];\n    this.canvas.clearContext(this.canvas.contextTop);\n    this._setShadow();\n    this.drawDot(pointer);\n  }\n\n  /**\n   * Render the full state of the brush\n   * @private\n   */\n  _render() {\n    const ctx = this.canvas.contextTop,\n      points = this.points;\n    this._saveAndTransform(ctx);\n    for (let i = 0; i < points.length; i++) {\n      this.dot(ctx, points[i]);\n    }\n    ctx.restore();\n  }\n\n  /**\n   * Invoked on mouse move\n   * @param {Point} pointer\n   */\n  onMouseMove(pointer: Point) {\n    if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\n      return;\n    }\n    if (this.needsFullRender()) {\n      this.canvas.clearContext(this.canvas.contextTop);\n      this.addPoint(pointer);\n      this._render();\n    } else {\n      this.drawDot(pointer);\n    }\n  }\n\n  /**\n   * Invoked on mouse up\n   */\n  onMouseUp() {\n    const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;\n    this.canvas.renderOnAddRemove = false;\n\n    const circles: Circle[] = [];\n\n    for (let i = 0; i < this.points.length; i++) {\n      const point = this.points[i],\n        circle = new Circle({\n          radius: point.radius,\n          left: point.x,\n          top: point.y,\n          originX: CENTER,\n          originY: CENTER,\n          fill: point.fill,\n        });\n\n      this.shadow && (circle.shadow = new Shadow(this.shadow));\n\n      circles.push(circle);\n    }\n    const group = new Group(circles, { canvas: this.canvas });\n\n    this.canvas.fire('before:path:created', { path: group });\n    this.canvas.add(group);\n    this.canvas.fire('path:created', { path: group });\n\n    this.canvas.clearContext(this.canvas.contextTop);\n    this._resetShadow();\n    this.canvas.renderOnAddRemove = originalRenderOnAddRemove;\n    this.canvas.requestRenderAll();\n  }\n\n  /**\n   * @param {Object} pointer\n   * @return {Point} Just added pointer point\n   */\n  addPoint({ x, y }: Point) {\n    const pointerPoint: CircleBrushPoint = {\n      x,\n      y,\n      radius: getRandomInt(Math.max(0, this.width - 20), this.width + 20) / 2,\n      fill: new Color(this.color).setAlpha(getRandomInt(0, 100) / 100).toRgba(),\n    };\n\n    this.points.push(pointerPoint);\n\n    return pointerPoint;\n  }\n}\n"],"names":["CircleBrush","BaseBrush","constructor","canvas","_defineProperty","points","drawDot","pointer","point","addPoint","ctx","contextTop","_saveAndTransform","dot","restore","fillStyle","fill","beginPath","arc","x","y","radius","Math","PI","closePath","onMouseDown","clearContext","_setShadow","_render","i","length","onMouseMove","limitedToCanvasSize","_isOutSideCanvas","needsFullRender","onMouseUp","originalRenderOnAddRemove","renderOnAddRemove","circles","circle","Circle","left","top","originX","CENTER","originY","shadow","Shadow","push","group","Group","fire","path","add","_resetShadow","requestRenderAll","_ref","pointerPoint","getRandomInt","max","width","Color","color","setAlpha","toRgba"],"mappings":"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"}

package/dist/src/brushes/PatternBrush.d.ts

@@ -0,0 +1,23 @@
+import type { Canvas } from '../canvas/Canvas';
+import { PencilBrush } from './PencilBrush';
+import type { TSimplePathData } from '../util/path/typedefs';
+export declare class PatternBrush extends PencilBrush {
+    source?: CanvasImageSource;
+    constructor(canvas: Canvas);
+    getPatternSrc(): HTMLCanvasElement;
+    /**
+     * Creates "pattern" instance property
+     * @param {CanvasRenderingContext2D} ctx
+     */
+    getPattern(ctx: CanvasRenderingContext2D): CanvasPattern | null;
+    /**
+     * Sets brush styles
+     * @param {CanvasRenderingContext2D} ctx
+     */
+    _setBrushStyles(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Creates path
+     */
+    createPath(pathData: TSimplePathData): import("../..").Path<Partial<import("../..").PathProps>, import("../..").SerializedPathProps, import("../EventTypeDefs").ObjectEvents>;
+}
+//# sourceMappingURL=PatternBrush.d.ts.map

package/dist/src/brushes/PatternBrush.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatternBrush.d.ts","sourceRoot":"","sources":["../../../src/brushes/PatternBrush.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,qBAAa,YAAa,SAAQ,WAAW;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;gBAEvB,MAAM,EAAE,MAAM;IAI1B,aAAa;IAwBb;;;OAGG;IACH,UAAU,CAAC,GAAG,EAAE,wBAAwB;IAIxC;;;OAGG;IACH,eAAe,CAAC,GAAG,EAAE,wBAAwB;IAM7C;;OAEG;IACH,UAAU,CAAC,QAAQ,EAAE,eAAe;CAWrC"}

package/dist/src/brushes/PatternBrush.min.mjs

@@ -0,0 +1,2 @@
+import{Pattern as t}from"../Pattern/Pattern.min.mjs";import{createCanvasElement as e}from"../util/misc/dom.min.mjs";import{PencilBrush as r}from"./PencilBrush.min.mjs";class s extends r{constructor(t){super(t)}getPatternSrc(){const t=e(),r=t.getContext("2d");return t.width=t.height=25,r&&(r.fillStyle=this.color,r.beginPath(),r.arc(10,10,10,0,2*Math.PI,!1),r.closePath(),r.fill()),t}getPattern(t){return t.createPattern(this.source||this.getPatternSrc(),"repeat")}_setBrushStyles(t){super._setBrushStyles(t);const e=this.getPattern(t);e&&(t.strokeStyle=e)}createPath(e){const r=super.createPath(e),s=r._getLeftTopCoords().scalarAdd(r.strokeWidth/2);return r.stroke=new t({source:this.source||this.getPatternSrc(),offsetX:-s.x,offsetY:-s.y}),r}}export{s as PatternBrush};
+//# sourceMappingURL=PatternBrush.min.mjs.map

package/dist/src/brushes/PatternBrush.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatternBrush.min.mjs","sources":["../../../src/brushes/PatternBrush.ts"],"sourcesContent":["import { Pattern } from '../Pattern';\nimport { createCanvasElement } from '../util/misc/dom';\nimport type { Canvas } from '../canvas/Canvas';\nimport { PencilBrush } from './PencilBrush';\nimport type { TSimplePathData } from '../util/path/typedefs';\n\nexport class PatternBrush extends PencilBrush {\n  declare source?: CanvasImageSource;\n\n  constructor(canvas: Canvas) {\n    super(canvas);\n  }\n\n  getPatternSrc() {\n    const dotWidth = 20,\n      dotDistance = 5,\n      patternCanvas = createCanvasElement(),\n      patternCtx = patternCanvas.getContext('2d');\n\n    patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;\n    if (patternCtx) {\n      patternCtx.fillStyle = this.color;\n      patternCtx.beginPath();\n      patternCtx.arc(\n        dotWidth / 2,\n        dotWidth / 2,\n        dotWidth / 2,\n        0,\n        Math.PI * 2,\n        false,\n      );\n      patternCtx.closePath();\n      patternCtx.fill();\n    }\n    return patternCanvas;\n  }\n\n  /**\n   * Creates \"pattern\" instance property\n   * @param {CanvasRenderingContext2D} ctx\n   */\n  getPattern(ctx: CanvasRenderingContext2D) {\n    return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');\n  }\n\n  /**\n   * Sets brush styles\n   * @param {CanvasRenderingContext2D} ctx\n   */\n  _setBrushStyles(ctx: CanvasRenderingContext2D) {\n    super._setBrushStyles(ctx);\n    const pattern = this.getPattern(ctx);\n    pattern && (ctx.strokeStyle = pattern);\n  }\n\n  /**\n   * Creates path\n   */\n  createPath(pathData: TSimplePathData) {\n    const path = super.createPath(pathData),\n      topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);\n\n    path.stroke = new Pattern({\n      source: this.source || this.getPatternSrc(),\n      offsetX: -topLeft.x,\n      offsetY: -topLeft.y,\n    });\n    return path;\n  }\n}\n"],"names":["PatternBrush","PencilBrush","constructor","canvas","super","getPatternSrc","patternCanvas","createCanvasElement","patternCtx","getContext","width","height","dotWidth","fillStyle","this","color","beginPath","arc","Math","PI","closePath","fill","getPattern","ctx","createPattern","source","_setBrushStyles","pattern","strokeStyle","createPath","pathData","path","topLeft","_getLeftTopCoords","scalarAdd","strokeWidth","stroke","Pattern","offsetX","x","offsetY","y"],"mappings":"wKAMO,MAAMA,UAAqBC,EAGhCC,WAAAA,CAAYC,GACVC,MAAMD,EACR,CAEAE,aAAAA,GACE,MAEEC,EAAgBC,IAChBC,EAAaF,EAAcG,WAAW,MAiBxC,OAfAH,EAAcI,MAAQJ,EAAcK,OAASC,GACzCJ,IACFA,EAAWK,UAAYC,KAAKC,MAC5BP,EAAWQ,YACXR,EAAWS,IACTL,GACAA,GACAA,GACA,EACU,EAAVM,KAAKC,IACL,GAEFX,EAAWY,YACXZ,EAAWa,QAENf,CACT,CAMAgB,UAAAA,CAAWC,GACT,OAAOA,EAAIC,cAAcV,KAAKW,QAAUX,KAAKT,gBAAiB,SAChE,CAMAqB,eAAAA,CAAgBH,GACdnB,MAAMsB,gBAAgBH,GACtB,MAAMI,EAAUb,KAAKQ,WAAWC,GAChCI,IAAYJ,EAAIK,YAAcD,EAChC,CAKAE,UAAAA,CAAWC,GACT,MAAMC,EAAO3B,MAAMyB,WAAWC,GAC5BE,EAAUD,EAAKE,oBAAoBC,UAAUH,EAAKI,YAAc,GAOlE,OALAJ,EAAKK,OAAS,IAAIC,EAAQ,CACxBZ,OAAQX,KAAKW,QAAUX,KAAKT,gBAC5BiC,SAAUN,EAAQO,EAClBC,SAAUR,EAAQS,IAEbV,CACT"}

package/dist/src/brushes/PatternBrush.mjs

@@ -0,0 +1,59 @@
+import { Pattern } from '../Pattern/Pattern.mjs';
+import { createCanvasElement } from '../util/misc/dom.mjs';
+import { PencilBrush } from './PencilBrush.mjs';
+
+class PatternBrush extends PencilBrush {
+  constructor(canvas) {
+    super(canvas);
+  }
+  getPatternSrc() {
+    const dotWidth = 20,
+      dotDistance = 5,
+      patternCanvas = createCanvasElement(),
+      patternCtx = patternCanvas.getContext('2d');
+    patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;
+    if (patternCtx) {
+      patternCtx.fillStyle = this.color;
+      patternCtx.beginPath();
+      patternCtx.arc(dotWidth / 2, dotWidth / 2, dotWidth / 2, 0, Math.PI * 2, false);
+      patternCtx.closePath();
+      patternCtx.fill();
+    }
+    return patternCanvas;
+  }
+
+  /**
+   * Creates "pattern" instance property
+   * @param {CanvasRenderingContext2D} ctx
+   */
+  getPattern(ctx) {
+    return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');
+  }
+
+  /**
+   * Sets brush styles
+   * @param {CanvasRenderingContext2D} ctx
+   */
+  _setBrushStyles(ctx) {
+    super._setBrushStyles(ctx);
+    const pattern = this.getPattern(ctx);
+    pattern && (ctx.strokeStyle = pattern);
+  }
+
+  /**
+   * Creates path
+   */
+  createPath(pathData) {
+    const path = super.createPath(pathData),
+      topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);
+    path.stroke = new Pattern({
+      source: this.source || this.getPatternSrc(),
+      offsetX: -topLeft.x,
+      offsetY: -topLeft.y
+    });
+    return path;
+  }
+}
+
+export { PatternBrush };
+//# sourceMappingURL=PatternBrush.mjs.map

package/dist/src/brushes/PatternBrush.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatternBrush.mjs","sources":["../../../src/brushes/PatternBrush.ts"],"sourcesContent":["import { Pattern } from '../Pattern';\nimport { createCanvasElement } from '../util/misc/dom';\nimport type { Canvas } from '../canvas/Canvas';\nimport { PencilBrush } from './PencilBrush';\nimport type { TSimplePathData } from '../util/path/typedefs';\n\nexport class PatternBrush extends PencilBrush {\n  declare source?: CanvasImageSource;\n\n  constructor(canvas: Canvas) {\n    super(canvas);\n  }\n\n  getPatternSrc() {\n    const dotWidth = 20,\n      dotDistance = 5,\n      patternCanvas = createCanvasElement(),\n      patternCtx = patternCanvas.getContext('2d');\n\n    patternCanvas.width = patternCanvas.height = dotWidth + dotDistance;\n    if (patternCtx) {\n      patternCtx.fillStyle = this.color;\n      patternCtx.beginPath();\n      patternCtx.arc(\n        dotWidth / 2,\n        dotWidth / 2,\n        dotWidth / 2,\n        0,\n        Math.PI * 2,\n        false,\n      );\n      patternCtx.closePath();\n      patternCtx.fill();\n    }\n    return patternCanvas;\n  }\n\n  /**\n   * Creates \"pattern\" instance property\n   * @param {CanvasRenderingContext2D} ctx\n   */\n  getPattern(ctx: CanvasRenderingContext2D) {\n    return ctx.createPattern(this.source || this.getPatternSrc(), 'repeat');\n  }\n\n  /**\n   * Sets brush styles\n   * @param {CanvasRenderingContext2D} ctx\n   */\n  _setBrushStyles(ctx: CanvasRenderingContext2D) {\n    super._setBrushStyles(ctx);\n    const pattern = this.getPattern(ctx);\n    pattern && (ctx.strokeStyle = pattern);\n  }\n\n  /**\n   * Creates path\n   */\n  createPath(pathData: TSimplePathData) {\n    const path = super.createPath(pathData),\n      topLeft = path._getLeftTopCoords().scalarAdd(path.strokeWidth / 2);\n\n    path.stroke = new Pattern({\n      source: this.source || this.getPatternSrc(),\n      offsetX: -topLeft.x,\n      offsetY: -topLeft.y,\n    });\n    return path;\n  }\n}\n"],"names":["PatternBrush","PencilBrush","constructor","canvas","getPatternSrc","dotWidth","dotDistance","patternCanvas","createCanvasElement","patternCtx","getContext","width","height","fillStyle","color","beginPath","arc","Math","PI","closePath","fill","getPattern","ctx","createPattern","source","_setBrushStyles","pattern","strokeStyle","createPath","pathData","path","topLeft","_getLeftTopCoords","scalarAdd","strokeWidth","stroke","Pattern","offsetX","x","offsetY","y"],"mappings":";;;;AAMO,MAAMA,YAAY,SAASC,WAAW,CAAC;EAG5CC,WAAWA,CAACC,MAAc,EAAE;IAC1B,KAAK,CAACA,MAAM,CAAC;AACf,EAAA;AAEAC,EAAAA,aAAaA,GAAG;IACd,MAAMC,QAAQ,GAAG,EAAE;AACjBC,MAAAA,WAAW,GAAG,CAAC;MACfC,aAAa,GAAGC,mBAAmB,EAAE;AACrCC,MAAAA,UAAU,GAAGF,aAAa,CAACG,UAAU,CAAC,IAAI,CAAC;IAE7CH,aAAa,CAACI,KAAK,GAAGJ,aAAa,CAACK,MAAM,GAAGP,QAAQ,GAAGC,WAAW;AACnE,IAAA,IAAIG,UAAU,EAAE;AACdA,MAAAA,UAAU,CAACI,SAAS,GAAG,IAAI,CAACC,KAAK;MACjCL,UAAU,CAACM,SAAS,EAAE;MACtBN,UAAU,CAACO,GAAG,CACZX,QAAQ,GAAG,CAAC,EACZA,QAAQ,GAAG,CAAC,EACZA,QAAQ,GAAG,CAAC,EACZ,CAAC,EACDY,IAAI,CAACC,EAAE,GAAG,CAAC,EACX,KACF,CAAC;MACDT,UAAU,CAACU,SAAS,EAAE;MACtBV,UAAU,CAACW,IAAI,EAAE;AACnB,IAAA;AACA,IAAA,OAAOb,aAAa;AACtB,EAAA;;AAEA;AACF;AACA;AACA;EACEc,UAAUA,CAACC,GAA6B,EAAE;AACxC,IAAA,OAAOA,GAAG,CAACC,aAAa,CAAC,IAAI,CAACC,MAAM,IAAI,IAAI,CAACpB,aAAa,EAAE,EAAE,QAAQ,CAAC;AACzE,EAAA;;AAEA;AACF;AACA;AACA;EACEqB,eAAeA,CAACH,GAA6B,EAAE;AAC7C,IAAA,KAAK,CAACG,eAAe,CAACH,GAAG,CAAC;AAC1B,IAAA,MAAMI,OAAO,GAAG,IAAI,CAACL,UAAU,CAACC,GAAG,CAAC;AACpCI,IAAAA,OAAO,KAAKJ,GAAG,CAACK,WAAW,GAAGD,OAAO,CAAC;AACxC,EAAA;;AAEA;AACF;AACA;EACEE,UAAUA,CAACC,QAAyB,EAAE;AACpC,IAAA,MAAMC,IAAI,GAAG,KAAK,CAACF,UAAU,CAACC,QAAQ,CAAC;AACrCE,MAAAA,OAAO,GAAGD,IAAI,CAACE,iBAAiB,EAAE,CAACC,SAAS,CAACH,IAAI,CAACI,WAAW,GAAG,CAAC,CAAC;AAEpEJ,IAAAA,IAAI,CAACK,MAAM,GAAG,IAAIC,OAAO,CAAC;MACxBZ,MAAM,EAAE,IAAI,CAACA,MAAM,IAAI,IAAI,CAACpB,aAAa,EAAE;AAC3CiC,MAAAA,OAAO,EAAE,CAACN,OAAO,CAACO,CAAC;MACnBC,OAAO,EAAE,CAACR,OAAO,CAACS;AACpB,KAAC,CAAC;AACF,IAAA,OAAOV,IAAI;AACb,EAAA;AACF;;;;"}

package/dist/src/brushes/PencilBrush.d.ts

@@ -0,0 +1,92 @@
+import type { ModifierKey, TEvent } from '../EventTypeDefs';
+import type { Point } from '../Point';
+import { Path } from '../shapes/Path';
+import type { Canvas } from '../canvas/Canvas';
+import { BaseBrush } from './BaseBrush';
+import type { TSimplePathData } from '../util/path/typedefs';
+export declare class PencilBrush extends BaseBrush {
+    /**
+     * Discard points that are less than `decimate` pixel distant from each other
+     * @type Number
+     * @default 0.4
+     */
+    decimate: number;
+    /**
+     * Draws a straight line between last recorded point to current pointer
+     * Used for `shift` functionality
+     *
+     * @type boolean
+     * @default false
+     */
+    drawStraightLine: boolean;
+    /**
+     * The event modifier key that makes the brush draw a straight line.
+     * If `null` or 'none' or any other string that is not a modifier key the feature is disabled.
+     * @type {ModifierKey | undefined | null}
+     */
+    straightLineKey: ModifierKey | undefined | null;
+    protected _points: Point[];
+    protected _hasStraightLine: boolean;
+    protected oldEnd?: Point;
+    constructor(canvas: Canvas);
+    needsFullRender(): boolean;
+    static drawSegment(ctx: CanvasRenderingContext2D, p1: Point, p2: Point): Point;
+    /**
+     * Invoked on mouse down
+     * @param {Point} pointer
+     */
+    onMouseDown(pointer: Point, { e }: TEvent): void;
+    /**
+     * Invoked on mouse move
+     * @param {Point} pointer
+     */
+    onMouseMove(pointer: Point, { e }: TEvent): void;
+    /**
+     * Invoked on mouse up
+     */
+    onMouseUp({ e }: TEvent): boolean;
+    /**
+     * @private
+     * @param {Point} pointer Actual mouse position related to the canvas.
+     */
+    _prepareForDrawing(pointer: Point): void;
+    /**
+     * @private
+     * @param {Point} point Point to be added to points array
+     */
+    _addPoint(point: Point): boolean;
+    /**
+     * Clear points array and set contextTop canvas style.
+     * @private
+     */
+    _reset(): void;
+    /**
+     * Draw a smooth path on the topCanvas using quadraticCurveTo
+     * @private
+     * @param {CanvasRenderingContext2D} [ctx]
+     */
+    _render(ctx?: CanvasRenderingContext2D): void;
+    /**
+     * Converts points to SVG path
+     * @param {Point[]} points Array of points
+     * @return {TSimplePathData} SVG path commands
+     */
+    convertPointsToSVGPath(points: Point[]): TSimplePathData;
+    /**
+     * Creates a Path object to add on canvas
+     * @param {TSimplePathData} pathData Path data
+     * @return {Path} Path to add on canvas
+     */
+    createPath(pathData: TSimplePathData): Path;
+    /**
+     * Decimate points array with the decimate value
+     */
+    decimatePoints(points: Point[], distance: number): Point[];
+    /**
+     * On mouseup after drawing the path on contextTop canvas
+     * we use the points captured to create an new Path object
+     * and add it to the canvas.
+     */
+    _finalizeAndAddPath(): void;
+}
+//# sourceMappingURL=PencilBrush.d.ts.map

package/dist/src/brushes/PencilBrush.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PencilBrush.d.ts","sourceRoot":"","sources":["../../../src/brushes/PencilBrush.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAW7D,qBAAa,WAAY,SAAQ,SAAS;IACxC;;;;OAIG;IACH,QAAQ,SAAO;IAEf;;;;;;OAMG;IACH,gBAAgB,UAAS;IAEzB;;;;OAIG;IACH,eAAe,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAc;IAE7D,UAAkB,OAAO,EAAE,KAAK,EAAE,CAAC;IACnC,UAAkB,gBAAgB,EAAE,OAAO,CAAC;IAC5C,UAAkB,MAAM,CAAC,EAAE,KAAK,CAAC;gBAErB,MAAM,EAAE,MAAM;IAM1B,eAAe;IAIf,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,wBAAwB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK;IAMtE;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM;IAYzC;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM;IAmCzC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM;IAWvB;;;OAGG;IACH,kBAAkB,CAAC,OAAO,EAAE,KAAK;IAMjC;;;OAGG;IACH,SAAS,CAAC,KAAK,EAAE,KAAK;IAetB;;;OAGG;IACH,MAAM;IAON;;;;OAIG;IACH,OAAO,CAAC,GAAG,GAAE,wBAAiD;IA+B9D;;;;OAIG;IACH,sBAAsB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe;IAKxD;;;;OAIG;IACH,UAAU,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAkB3C;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM;IA0BhD;;;;OAIG;IACH,mBAAmB;CA2BpB"}

package/dist/src/brushes/PencilBrush.min.mjs

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Shadow as s}from"../Shadow.min.mjs";import{Path as i}from"../shapes/Path.min.mjs";import{getSmoothPathFromPoints as e,joinPath as n}from"../util/path/index.min.mjs";import{BaseBrush as h}from"./BaseBrush.min.mjs";class o extends h{constructor(s){super(s),t(this,"decimate",.4),t(this,"drawStraightLine",!1),t(this,"straightLineKey","shiftKey"),this._points=[],this._hasStraightLine=!1}needsFullRender(){return super.needsFullRender()||this._hasStraightLine}static drawSegment(t,s,i){const e=s.midPointFrom(i);return t.quadraticCurveTo(s.x,s.y,e.x,e.y),e}onMouseDown(t,s){let{e:i}=s;this.canvas._isMainEvent(i)&&(this.drawStraightLine=!!this.straightLineKey&&i[this.straightLineKey],this._prepareForDrawing(t),this._addPoint(t),this._render())}onMouseMove(t,s){let{e:i}=s;if(this.canvas._isMainEvent(i)&&(this.drawStraightLine=!!this.straightLineKey&&i[this.straightLineKey],(!0!==this.limitedToCanvasSize||!this._isOutSideCanvas(t))&&this._addPoint(t)&&this._points.length>1))if(this.needsFullRender())this.canvas.clearContext(this.canvas.contextTop),this._render();else{const t=this._points,s=t.length,i=this.canvas.contextTop;this._saveAndTransform(i),this.oldEnd&&(i.beginPath(),i.moveTo(this.oldEnd.x,this.oldEnd.y)),this.oldEnd=o.drawSegment(i,t[s-2],t[s-1]),i.stroke(),i.restore()}}onMouseUp(t){let{e:s}=t;return!this.canvas._isMainEvent(s)||(this.drawStraightLine=!1,this.oldEnd=void 0,this._finalizeAndAddPath(),!1)}_prepareForDrawing(t){this._reset(),this._addPoint(t),this.canvas.contextTop.moveTo(t.x,t.y)}_addPoint(t){return!(this._points.length>1&&t.eq(this._points[this._points.length-1]))&&(this.drawStraightLine&&this._points.length>1&&(this._hasStraightLine=!0,this._points.pop()),this._points.push(t),!0)}_reset(){this._points=[],this._setBrushStyles(this.canvas.contextTop),this._setShadow(),this._hasStraightLine=!1}_render(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.canvas.contextTop,s=this._points[0],i=this._points[1];if(this._saveAndTransform(t),t.beginPath(),2===this._points.length&&s.x===i.x&&s.y===i.y){const t=this.width/1e3;s.x-=t,i.x+=t}t.moveTo(s.x,s.y);for(let e=1;e<this._points.length;e++)o.drawSegment(t,s,i),s=this._points[e],i=this._points[e+1];t.lineTo(s.x,s.y),t.stroke(),t.restore()}convertPointsToSVGPath(t){const s=this.width/1e3;return e(t,s)}createPath(t){const e=new i(t,{fill:null,stroke:this.color,strokeWidth:this.width,strokeLineCap:this.strokeLineCap,strokeMiterLimit:this.strokeMiterLimit,strokeLineJoin:this.strokeLineJoin,strokeDashArray:this.strokeDashArray});return this.shadow&&(this.shadow.affectStroke=!0,e.shadow=new s(this.shadow)),e}decimatePoints(t,s){if(t.length<=2)return t;let i,e=t[0];const n=this.canvas.getZoom(),h=Math.pow(s/n,2),o=t.length-1,a=[e];for(let s=1;s<o-1;s++)i=Math.pow(e.x-t[s].x,2)+Math.pow(e.y-t[s].y,2),i>=h&&(e=t[s],a.push(e));return a.push(t[o]),a}_finalizeAndAddPath(){this.canvas.contextTop.closePath(),this.decimate&&(this._points=this.decimatePoints(this._points,this.decimate));const t=this.convertPointsToSVGPath(this._points);if(function(t){return"M 0 0 Q 0 0 0 0 L 0 0"===n(t)}(t))return void this.canvas.requestRenderAll();const s=this.createPath(t);this.canvas.clearContext(this.canvas.contextTop),this.canvas.fire("before:path:created",{path:s}),this.canvas.add(s),this.canvas.requestRenderAll(),s.setCoords(),this._resetShadow(),this.canvas.fire("path:created",{path:s})}}export{o as PencilBrush};
+//# sourceMappingURL=PencilBrush.min.mjs.map

package/dist/src/brushes/PencilBrush.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PencilBrush.min.mjs","sources":["../../../src/brushes/PencilBrush.ts"],"sourcesContent":["import type { ModifierKey, TEvent } from '../EventTypeDefs';\nimport type { Point } from '../Point';\nimport { Shadow } from '../Shadow';\nimport { Path } from '../shapes/Path';\nimport { getSmoothPathFromPoints, joinPath } from '../util/path';\nimport type { Canvas } from '../canvas/Canvas';\nimport { BaseBrush } from './BaseBrush';\nimport type { TSimplePathData } from '../util/path/typedefs';\n\n/**\n * @private\n * @param {TSimplePathData} pathData SVG path commands\n * @returns {boolean}\n */\nfunction isEmptySVGPath(pathData: TSimplePathData): boolean {\n  return joinPath(pathData) === 'M 0 0 Q 0 0 0 0 L 0 0';\n}\n\nexport class PencilBrush extends BaseBrush {\n  /**\n   * Discard points that are less than `decimate` pixel distant from each other\n   * @type Number\n   * @default 0.4\n   */\n  decimate = 0.4;\n\n  /**\n   * Draws a straight line between last recorded point to current pointer\n   * Used for `shift` functionality\n   *\n   * @type boolean\n   * @default false\n   */\n  drawStraightLine = false;\n\n  /**\n   * The event modifier key that makes the brush draw a straight line.\n   * If `null` or 'none' or any other string that is not a modifier key the feature is disabled.\n   * @type {ModifierKey | undefined | null}\n   */\n  straightLineKey: ModifierKey | undefined | null = 'shiftKey';\n\n  declare protected _points: Point[];\n  declare protected _hasStraightLine: boolean;\n  declare protected oldEnd?: Point;\n\n  constructor(canvas: Canvas) {\n    super(canvas);\n    this._points = [];\n    this._hasStraightLine = false;\n  }\n\n  needsFullRender() {\n    return super.needsFullRender() || this._hasStraightLine;\n  }\n\n  static drawSegment(ctx: CanvasRenderingContext2D, p1: Point, p2: Point) {\n    const midPoint = p1.midPointFrom(p2);\n    ctx.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n    return midPoint;\n  }\n\n  /**\n   * Invoked on mouse down\n   * @param {Point} pointer\n   */\n  onMouseDown(pointer: Point, { e }: TEvent) {\n    if (!this.canvas._isMainEvent(e)) {\n      return;\n    }\n    this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\n    this._prepareForDrawing(pointer);\n    // capture coordinates immediately\n    // this allows to draw dots (when movement never occurs)\n    this._addPoint(pointer);\n    this._render();\n  }\n\n  /**\n   * Invoked on mouse move\n   * @param {Point} pointer\n   */\n  onMouseMove(pointer: Point, { e }: TEvent) {\n    if (!this.canvas._isMainEvent(e)) {\n      return;\n    }\n    this.drawStraightLine = !!this.straightLineKey && e[this.straightLineKey];\n    if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {\n      return;\n    }\n    if (this._addPoint(pointer) && this._points.length > 1) {\n      if (this.needsFullRender()) {\n        // redraw curve\n        // clear top canvas\n        this.canvas.clearContext(this.canvas.contextTop);\n        this._render();\n      } else {\n        const points = this._points,\n          length = points.length,\n          ctx = this.canvas.contextTop;\n        // draw the curve update\n        this._saveAndTransform(ctx);\n        if (this.oldEnd) {\n          ctx.beginPath();\n          ctx.moveTo(this.oldEnd.x, this.oldEnd.y);\n        }\n        this.oldEnd = PencilBrush.drawSegment(\n          ctx,\n          points[length - 2],\n          points[length - 1],\n        );\n        ctx.stroke();\n        ctx.restore();\n      }\n    }\n  }\n\n  /**\n   * Invoked on mouse up\n   */\n  onMouseUp({ e }: TEvent) {\n    if (!this.canvas._isMainEvent(e)) {\n      return true;\n    }\n    this.drawStraightLine = false;\n    this.oldEnd = undefined;\n    this._finalizeAndAddPath();\n\n    return false;\n  }\n\n  /**\n   * @private\n   * @param {Point} pointer Actual mouse position related to the canvas.\n   */\n  _prepareForDrawing(pointer: Point) {\n    this._reset();\n    this._addPoint(pointer);\n    this.canvas.contextTop.moveTo(pointer.x, pointer.y);\n  }\n\n  /**\n   * @private\n   * @param {Point} point Point to be added to points array\n   */\n  _addPoint(point: Point) {\n    if (\n      this._points.length > 1 &&\n      point.eq(this._points[this._points.length - 1])\n    ) {\n      return false;\n    }\n    if (this.drawStraightLine && this._points.length > 1) {\n      this._hasStraightLine = true;\n      this._points.pop();\n    }\n    this._points.push(point);\n    return true;\n  }\n\n  /**\n   * Clear points array and set contextTop canvas style.\n   * @private\n   */\n  _reset() {\n    this._points = [];\n    this._setBrushStyles(this.canvas.contextTop);\n    this._setShadow();\n    this._hasStraightLine = false;\n  }\n\n  /**\n   * Draw a smooth path on the topCanvas using quadraticCurveTo\n   * @private\n   * @param {CanvasRenderingContext2D} [ctx]\n   */\n  _render(ctx: CanvasRenderingContext2D = this.canvas.contextTop) {\n    let p1 = this._points[0],\n      p2 = this._points[1];\n    this._saveAndTransform(ctx);\n    ctx.beginPath();\n    //if we only have 2 points in the path and they are the same\n    //it means that the user only clicked the canvas without moving the mouse\n    //then we should be drawing a dot. A path isn't drawn between two identical dots\n    //that's why we set them apart a bit\n    if (this._points.length === 2 && p1.x === p2.x && p1.y === p2.y) {\n      const width = this.width / 1000;\n      p1.x -= width;\n      p2.x += width;\n    }\n    ctx.moveTo(p1.x, p1.y);\n\n    for (let i = 1; i < this._points.length; i++) {\n      // we pick the point between pi + 1 & pi + 2 as the\n      // end point and p1 as our control point.\n      PencilBrush.drawSegment(ctx, p1, p2);\n      p1 = this._points[i];\n      p2 = this._points[i + 1];\n    }\n    // Draw last line as a straight line while\n    // we wait for the next point to be able to calculate\n    // the bezier control point\n    ctx.lineTo(p1.x, p1.y);\n    ctx.stroke();\n    ctx.restore();\n  }\n\n  /**\n   * Converts points to SVG path\n   * @param {Point[]} points Array of points\n   * @return {TSimplePathData} SVG path commands\n   */\n  convertPointsToSVGPath(points: Point[]): TSimplePathData {\n    const correction = this.width / 1000;\n    return getSmoothPathFromPoints(points, correction);\n  }\n\n  /**\n   * Creates a Path object to add on canvas\n   * @param {TSimplePathData} pathData Path data\n   * @return {Path} Path to add on canvas\n   */\n  createPath(pathData: TSimplePathData): Path {\n    const path = new Path(pathData, {\n      fill: null,\n      stroke: this.color,\n      strokeWidth: this.width,\n      strokeLineCap: this.strokeLineCap,\n      strokeMiterLimit: this.strokeMiterLimit,\n      strokeLineJoin: this.strokeLineJoin,\n      strokeDashArray: this.strokeDashArray,\n    });\n    if (this.shadow) {\n      this.shadow.affectStroke = true;\n      path.shadow = new Shadow(this.shadow);\n    }\n\n    return path;\n  }\n\n  /**\n   * Decimate points array with the decimate value\n   */\n  decimatePoints(points: Point[], distance: number) {\n    if (points.length <= 2) {\n      return points;\n    }\n    let lastPoint = points[0],\n      cDistance;\n    const zoom = this.canvas.getZoom(),\n      adjustedDistance = Math.pow(distance / zoom, 2),\n      l = points.length - 1,\n      newPoints = [lastPoint];\n    // TODO investigate why this is not i < l\n    for (let i = 1; i < l - 1; i++) {\n      cDistance =\n        Math.pow(lastPoint.x - points[i].x, 2) +\n        Math.pow(lastPoint.y - points[i].y, 2);\n      if (cDistance >= adjustedDistance) {\n        lastPoint = points[i];\n        newPoints.push(lastPoint);\n      }\n    }\n    // Add the last point from the original line to the end of the array.\n    // This ensures decimate doesn't delete the last point on the line, and ensures the line is > 1 point.\n    newPoints.push(points[l]);\n    return newPoints;\n  }\n\n  /**\n   * On mouseup after drawing the path on contextTop canvas\n   * we use the points captured to create an new Path object\n   * and add it to the canvas.\n   */\n  _finalizeAndAddPath() {\n    const ctx = this.canvas.contextTop;\n    ctx.closePath();\n    if (this.decimate) {\n      this._points = this.decimatePoints(this._points, this.decimate);\n    }\n    const pathData = this.convertPointsToSVGPath(this._points);\n    if (isEmptySVGPath(pathData)) {\n      // do not create 0 width/height paths, as they are\n      // rendered inconsistently across browsers\n      // Firefox 4, for example, renders a dot,\n      // whereas Chrome 10 renders nothing\n      this.canvas.requestRenderAll();\n      return;\n    }\n\n    const path = this.createPath(pathData);\n    this.canvas.clearContext(this.canvas.contextTop);\n    this.canvas.fire('before:path:created', { path: path });\n    this.canvas.add(path);\n    this.canvas.requestRenderAll();\n    path.setCoords();\n    this._resetShadow();\n\n    // fire event 'path' created\n    this.canvas.fire('path:created', { path: path });\n  }\n}\n"],"names":["PencilBrush","BaseBrush","constructor","canvas","super","_defineProperty","this","_points","_hasStraightLine","needsFullRender","drawSegment","ctx","p1","p2","midPoint","midPointFrom","quadraticCurveTo","x","y","onMouseDown","pointer","_ref","e","_isMainEvent","drawStraightLine","straightLineKey","_prepareForDrawing","_addPoint","_render","onMouseMove","_ref2","limitedToCanvasSize","_isOutSideCanvas","length","clearContext","contextTop","points","_saveAndTransform","oldEnd","beginPath","moveTo","stroke","restore","onMouseUp","_ref3","undefined","_finalizeAndAddPath","_reset","point","eq","pop","push","_setBrushStyles","_setShadow","arguments","width","i","lineTo","convertPointsToSVGPath","correction","getSmoothPathFromPoints","createPath","pathData","path","Path","fill","color","strokeWidth","strokeLineCap","strokeMiterLimit","strokeLineJoin","strokeDashArray","shadow","affectStroke","Shadow","decimatePoints","distance","cDistance","lastPoint","zoom","getZoom","adjustedDistance","Math","pow","l","newPoints","closePath","decimate","joinPath","isEmptySVGPath","requestRenderAll","fire","add","setCoords","_resetShadow"],"mappings":"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"}