@nasser-sw/fabric 7.0.0-beta1

package/dist/src/Shadow.mjs

@@ -0,0 +1,162 @@
+import { defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.mjs';
+import { classRegistry } from './ClassRegistry.mjs';
+import { Color } from './color/Color.mjs';
+import { config } from './config.mjs';
+import { reNum } from './parser/constants.mjs';
+import { Point } from './Point.mjs';
+import { uid } from './util/internals/uid.mjs';
+import { pickBy } from './util/misc/pick.mjs';
+import { degreesToRadians } from './util/misc/radiansDegreesConversion.mjs';
+import { toFixed } from './util/misc/toFixed.mjs';
+import { rotateVector } from './util/misc/vectors.mjs';
+
+/**
+   * Regex matching shadow offsetX, offsetY and blur (ex: "2px 2px 10px rgba(0,0,0,0.2)", "rgb(0,255,0) 2px 2px")
+   * - (?:\s|^): This part captures either a whitespace character (\s) or the beginning of a line (^). It's non-capturing (due to (?:...)), meaning it doesn't create a capturing group.
+   * - (-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?: This captures the first component of the shadow, which is the horizontal offset. Breaking it down:
+   *   - (-?\d+): Captures an optional minus sign followed by one or more digits (integer part of the number).
+   *   - (?:\.\d*)?: Optionally captures a decimal point followed by zero or more digits (decimal part of the number).
+   *   - (?:px)?: Optionally captures the "px" unit.
+   *   - (?:\s?|$): Captures either an optional whitespace or the end of the line. This whole part is wrapped in a non-capturing group and marked as optional with ?.
+   * - (-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?: Similar to the previous step, this captures the vertical offset.
+
+(\d+(?:\.\d*)?(?:px)?)?: This captures the blur radius. It's similar to the horizontal offset but without the optional minus sign.
+
+(?:\s+(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?){0,1}: This captures an optional part for the color. It allows for whitespace followed by a component with an optional minus sign, digits, decimal point, and "px" unit.
+
+(?:$|\s): This captures either the end of the line or a whitespace character. It ensures that the match ends either at the end of the string or with a whitespace character.
+   */
+// eslint-disable-next-line max-len
+
+const shadowOffsetRegex = '(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?';
+const reOffsetsAndBlur = new RegExp('(?:\\s|^)' + shadowOffsetRegex + shadowOffsetRegex + '(' + reNum + '?(?:px)?)?(?:\\s?|$)(?:$|\\s)');
+const shadowDefaultValues = {
+  color: 'rgb(0,0,0)',
+  blur: 0,
+  offsetX: 0,
+  offsetY: 0,
+  affectStroke: false,
+  includeDefaultValues: true,
+  nonScaling: false
+};
+class Shadow {
+  /**
+   * @see {@link http://fabricjs.com/shadows|Shadow demo}
+   * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. "rgba(0,0,0,0.2) 2px 2px 10px")
+   */
+
+  constructor() {
+    let arg0 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const options = typeof arg0 === 'string' ? Shadow.parseShadow(arg0) : arg0;
+    Object.assign(this, Shadow.ownDefaults, options);
+    this.id = uid();
+  }
+
+  /**
+   * @param {String} value Shadow value to parse
+   * @return {Object} Shadow object with color, offsetX, offsetY and blur
+   */
+  static parseShadow(value) {
+    const shadowStr = value.trim(),
+      [, offsetX = 0, offsetY = 0, blur = 0] = (reOffsetsAndBlur.exec(shadowStr) || []).map(value => parseFloat(value) || 0),
+      color = (shadowStr.replace(reOffsetsAndBlur, '') || 'rgb(0,0,0)').trim();
+    return {
+      color,
+      offsetX,
+      offsetY,
+      blur
+    };
+  }
+
+  /**
+   * Returns a string representation of an instance
+   * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow
+   * @return {String} Returns CSS3 text-shadow declaration
+   */
+  toString() {
+    return [this.offsetX, this.offsetY, this.blur, this.color].join('px ');
+  }
+
+  /**
+   * Returns SVG representation of a shadow
+   * @param {FabricObject} object
+   * @return {String} SVG representation of a shadow
+   */
+  toSVG(object) {
+    const offset = rotateVector(new Point(this.offsetX, this.offsetY), degreesToRadians(-object.angle)),
+      BLUR_BOX = 20,
+      color = new Color(this.color);
+    let fBoxX = 40,
+      fBoxY = 40;
+    if (object.width && object.height) {
+      //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion
+      // we add some extra space to filter box to contain the blur ( 20 )
+      fBoxX = toFixed((Math.abs(offset.x) + this.blur) / object.width, config.NUM_FRACTION_DIGITS) * 100 + BLUR_BOX;
+      fBoxY = toFixed((Math.abs(offset.y) + this.blur) / object.height, config.NUM_FRACTION_DIGITS) * 100 + BLUR_BOX;
+    }
+    if (object.flipX) {
+      offset.x *= -1;
+    }
+    if (object.flipY) {
+      offset.y *= -1;
+    }
+    return `<filter id="SVGID_${this.id}" y="-${fBoxY}%" height="${100 + 2 * fBoxY}%" x="-${fBoxX}%" width="${100 + 2 * fBoxX}%" >\n\t<feGaussianBlur in="SourceAlpha" stdDeviation="${toFixed(this.blur ? this.blur / 2 : 0, config.NUM_FRACTION_DIGITS)}"></feGaussianBlur>\n\t<feOffset dx="${toFixed(offset.x, config.NUM_FRACTION_DIGITS)}" dy="${toFixed(offset.y, config.NUM_FRACTION_DIGITS)}" result="oBlur" ></feOffset>\n\t<feFlood flood-color="${color.toRgb()}" flood-opacity="${color.getAlpha()}"/>\n\t<feComposite in2="oBlur" operator="in" />\n\t<feMerge>\n\t\t<feMergeNode></feMergeNode>\n\t\t<feMergeNode in="SourceGraphic"></feMergeNode>\n\t</feMerge>\n</filter>\n`;
+  }
+
+  /**
+   * Returns object representation of a shadow
+   * @return {Object} Object representation of a shadow instance
+   */
+  toObject() {
+    const data = {
+      color: this.color,
+      blur: this.blur,
+      offsetX: this.offsetX,
+      offsetY: this.offsetY,
+      affectStroke: this.affectStroke,
+      nonScaling: this.nonScaling,
+      type: this.constructor.type
+    };
+    const defaults = Shadow.ownDefaults;
+    return !this.includeDefaultValues ? pickBy(data, (value, key) => value !== defaults[key]) : data;
+  }
+  static async fromObject(options) {
+    return new this(options);
+  }
+}
+/**
+ * Shadow color
+ * @type String
+ */
+/**
+ * Shadow blur
+ * @type Number
+ */
+/**
+ * Shadow horizontal offset
+ * @type Number
+ */
+/**
+ * Shadow vertical offset
+ * @type Number
+ */
+/**
+ * Whether the shadow should affect stroke operations
+ * @type Boolean
+ */
+/**
+ * Indicates whether toObject should include default values
+ * @type Boolean
+ */
+/**
+ * When `false`, the shadow will scale with the object.
+ * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale.
+ * default to false
+ * @type Boolean
+ */
+_defineProperty(Shadow, "ownDefaults", shadowDefaultValues);
+_defineProperty(Shadow, "type", 'shadow');
+classRegistry.setClass(Shadow, 'shadow');
+
+export { Shadow, shadowDefaultValues };
+//# sourceMappingURL=Shadow.mjs.map

package/dist/src/Shadow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.mjs","sources":["../../src/Shadow.ts"],"sourcesContent":["import { classRegistry } from './ClassRegistry';\nimport { Color } from './color/Color';\nimport { config } from './config';\nimport { reNum } from './parser/constants';\nimport { Point } from './Point';\nimport type { FabricObject } from './shapes/Object/FabricObject';\nimport type { TClassProperties } from './typedefs';\nimport { uid } from './util/internals/uid';\nimport { pickBy } from './util/misc/pick';\nimport { degreesToRadians } from './util/misc/radiansDegreesConversion';\nimport { toFixed } from './util/misc/toFixed';\nimport { rotateVector } from './util/misc/vectors';\n\n/**\n   * Regex matching shadow offsetX, offsetY and blur (ex: \"2px 2px 10px rgba(0,0,0,0.2)\", \"rgb(0,255,0) 2px 2px\")\n   * - (?:\\s|^): This part captures either a whitespace character (\\s) or the beginning of a line (^). It's non-capturing (due to (?:...)), meaning it doesn't create a capturing group.\n   * - (-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?: This captures the first component of the shadow, which is the horizontal offset. Breaking it down:\n   *   - (-?\\d+): Captures an optional minus sign followed by one or more digits (integer part of the number).\n   *   - (?:\\.\\d*)?: Optionally captures a decimal point followed by zero or more digits (decimal part of the number).\n   *   - (?:px)?: Optionally captures the \"px\" unit.\n   *   - (?:\\s?|$): Captures either an optional whitespace or the end of the line. This whole part is wrapped in a non-capturing group and marked as optional with ?.\n   * - (-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?: Similar to the previous step, this captures the vertical offset.\n\n(\\d+(?:\\.\\d*)?(?:px)?)?: This captures the blur radius. It's similar to the horizontal offset but without the optional minus sign.\n\n(?:\\s+(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?){0,1}: This captures an optional part for the color. It allows for whitespace followed by a component with an optional minus sign, digits, decimal point, and \"px\" unit.\n\n(?:$|\\s): This captures either the end of the line or a whitespace character. It ensures that the match ends either at the end of the string or with a whitespace character.\n   */\n// eslint-disable-next-line max-len\n\nconst shadowOffsetRegex = '(-?\\\\d+(?:\\\\.\\\\d*)?(?:px)?(?:\\\\s?|$))?';\n\nconst reOffsetsAndBlur = new RegExp(\n  '(?:\\\\s|^)' +\n    shadowOffsetRegex +\n    shadowOffsetRegex +\n    '(' +\n    reNum +\n    '?(?:px)?)?(?:\\\\s?|$)(?:$|\\\\s)',\n);\n\nexport const shadowDefaultValues: Partial<TClassProperties<Shadow>> = {\n  color: 'rgb(0,0,0)',\n  blur: 0,\n  offsetX: 0,\n  offsetY: 0,\n  affectStroke: false,\n  includeDefaultValues: true,\n  nonScaling: false,\n};\n\nexport type SerializedShadowOptions = {\n  color: string;\n  blur: number;\n  offsetX: number;\n  offsetY: number;\n  affectStroke: boolean;\n  nonScaling: boolean;\n  type: string;\n};\n\nexport class Shadow {\n  /**\n   * Shadow color\n   * @type String\n   */\n  declare color: string;\n\n  /**\n   * Shadow blur\n   * @type Number\n   */\n  declare blur: number;\n\n  /**\n   * Shadow horizontal offset\n   * @type Number\n   */\n  declare offsetX: number;\n\n  /**\n   * Shadow vertical offset\n   * @type Number\n   */\n  declare offsetY: number;\n\n  /**\n   * Whether the shadow should affect stroke operations\n   * @type Boolean\n   */\n  declare affectStroke: boolean;\n\n  /**\n   * Indicates whether toObject should include default values\n   * @type Boolean\n   */\n  declare includeDefaultValues: boolean;\n\n  /**\n   * When `false`, the shadow will scale with the object.\n   * When `true`, the shadow's offsetX, offsetY, and blur will not be affected by the object's scale.\n   * default to false\n   * @type Boolean\n   */\n  declare nonScaling: boolean;\n\n  declare id: number;\n\n  static ownDefaults = shadowDefaultValues;\n\n  static type = 'shadow';\n\n  /**\n   * @see {@link http://fabricjs.com/shadows|Shadow demo}\n   * @param {Object|String} [options] Options object with any of color, blur, offsetX, offsetY properties or string (e.g. \"rgba(0,0,0,0.2) 2px 2px 10px\")\n   */\n  constructor(options?: Partial<TClassProperties<Shadow>>);\n  constructor(svgAttribute: string);\n  constructor(arg0: string | Partial<TClassProperties<Shadow>> = {}) {\n    const options: Partial<TClassProperties<Shadow>> =\n      typeof arg0 === 'string' ? Shadow.parseShadow(arg0) : arg0;\n    Object.assign(this, Shadow.ownDefaults, options);\n    this.id = uid();\n  }\n\n  /**\n   * @param {String} value Shadow value to parse\n   * @return {Object} Shadow object with color, offsetX, offsetY and blur\n   */\n  static parseShadow(value: string) {\n    const shadowStr = value.trim(),\n      [, offsetX = 0, offsetY = 0, blur = 0] = (\n        reOffsetsAndBlur.exec(shadowStr) || []\n      ).map((value) => parseFloat(value) || 0),\n      color = (shadowStr.replace(reOffsetsAndBlur, '') || 'rgb(0,0,0)').trim();\n\n    return {\n      color,\n      offsetX,\n      offsetY,\n      blur,\n    };\n  }\n\n  /**\n   * Returns a string representation of an instance\n   * @see http://www.w3.org/TR/css-text-decor-3/#text-shadow\n   * @return {String} Returns CSS3 text-shadow declaration\n   */\n  toString() {\n    return [this.offsetX, this.offsetY, this.blur, this.color].join('px ');\n  }\n\n  /**\n   * Returns SVG representation of a shadow\n   * @param {FabricObject} object\n   * @return {String} SVG representation of a shadow\n   */\n  toSVG(object: FabricObject) {\n    const offset = rotateVector(\n        new Point(this.offsetX, this.offsetY),\n        degreesToRadians(-object.angle),\n      ),\n      BLUR_BOX = 20,\n      color = new Color(this.color);\n    let fBoxX = 40,\n      fBoxY = 40;\n\n    if (object.width && object.height) {\n      //http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion\n      // we add some extra space to filter box to contain the blur ( 20 )\n      fBoxX =\n        toFixed(\n          (Math.abs(offset.x) + this.blur) / object.width,\n          config.NUM_FRACTION_DIGITS,\n        ) *\n          100 +\n        BLUR_BOX;\n      fBoxY =\n        toFixed(\n          (Math.abs(offset.y) + this.blur) / object.height,\n          config.NUM_FRACTION_DIGITS,\n        ) *\n          100 +\n        BLUR_BOX;\n    }\n    if (object.flipX) {\n      offset.x *= -1;\n    }\n    if (object.flipY) {\n      offset.y *= -1;\n    }\n\n    return `<filter id=\"SVGID_${this.id}\" y=\"-${fBoxY}%\" height=\"${\n      100 + 2 * fBoxY\n    }%\" x=\"-${fBoxX}%\" width=\"${\n      100 + 2 * fBoxX\n    }%\" >\\n\\t<feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"${toFixed(\n      this.blur ? this.blur / 2 : 0,\n      config.NUM_FRACTION_DIGITS,\n    )}\"></feGaussianBlur>\\n\\t<feOffset dx=\"${toFixed(\n      offset.x,\n      config.NUM_FRACTION_DIGITS,\n    )}\" dy=\"${toFixed(\n      offset.y,\n      config.NUM_FRACTION_DIGITS,\n    )}\" result=\"oBlur\" ></feOffset>\\n\\t<feFlood flood-color=\"${color.toRgb()}\" flood-opacity=\"${color.getAlpha()}\"/>\\n\\t<feComposite in2=\"oBlur\" operator=\"in\" />\\n\\t<feMerge>\\n\\t\\t<feMergeNode></feMergeNode>\\n\\t\\t<feMergeNode in=\"SourceGraphic\"></feMergeNode>\\n\\t</feMerge>\\n</filter>\\n`;\n  }\n\n  /**\n   * Returns object representation of a shadow\n   * @return {Object} Object representation of a shadow instance\n   */\n  toObject() {\n    const data: SerializedShadowOptions = {\n      color: this.color,\n      blur: this.blur,\n      offsetX: this.offsetX,\n      offsetY: this.offsetY,\n      affectStroke: this.affectStroke,\n      nonScaling: this.nonScaling,\n      type: (this.constructor as typeof Shadow).type,\n    };\n    const defaults = Shadow.ownDefaults as SerializedShadowOptions;\n    return !this.includeDefaultValues\n      ? pickBy(data, (value, key) => value !== defaults[key])\n      : data;\n  }\n\n  static async fromObject(options: Partial<TClassProperties<Shadow>>) {\n    return new this(options);\n  }\n}\n\nclassRegistry.setClass(Shadow, 'shadow');\n"],"names":["shadowOffsetRegex","reOffsetsAndBlur","RegExp","reNum","shadowDefaultValues","color","blur","offsetX","offsetY","affectStroke","includeDefaultValues","nonScaling","Shadow","constructor","arg0","arguments","length","undefined","options","parseShadow","Object","assign","ownDefaults","id","uid","value","shadowStr","trim","exec","map","parseFloat","replace","toString","join","toSVG","object","offset","rotateVector","Point","degreesToRadians","angle","BLUR_BOX","Color","fBoxX","fBoxY","width","height","toFixed","Math","abs","x","config","NUM_FRACTION_DIGITS","y","flipX","flipY","toRgb","getAlpha","toObject","data","type","defaults","pickBy","key","fromObject","_defineProperty","classRegistry","setClass"],"mappings":"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"}

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

@@ -0,0 +1,94 @@
+import type { Point } from '../Point';
+import type { Shadow } from '../Shadow';
+import type { Canvas } from '../canvas/Canvas';
+import type { TBrushEventData } from './typedefs';
+/**
+ * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}
+ */
+export declare abstract class BaseBrush {
+    /**
+     * Color of a brush
+     * @type String
+     */
+    color: string;
+    /**
+     * Width of a brush, has to be a Number, no string literals
+     * @type Number
+     */
+    width: number;
+    /**
+     * Shadow object representing shadow of this shape.
+     * <b>Backwards incompatibility note:</b> This property replaces "shadowColor" (String), "shadowOffsetX" (Number),
+     * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12
+     * @type Shadow
+     */
+    shadow: Shadow | null;
+    /**
+     * Line endings style of a brush (one of "butt", "round", "square")
+     * @type String
+     */
+    strokeLineCap: CanvasLineCap;
+    /**
+     * Corner style of a brush (one of "bevel", "round", "miter")
+     * @type String
+     */
+    strokeLineJoin: CanvasLineJoin;
+    /**
+     * Maximum miter length (used for strokeLineJoin = "miter") of a brush's
+     * @type Number
+     */
+    strokeMiterLimit: number;
+    /**
+     * Stroke Dash Array.
+     * @type Array
+     */
+    strokeDashArray: number[] | null;
+    /**
+     * When `true`, the free drawing is limited to the whiteboard size. Default to false.
+     * @type Boolean
+     * @default false
+     */
+    limitedToCanvasSize: boolean;
+    /**
+     * @todo add type
+     */
+    canvas: Canvas;
+    constructor(canvas: Canvas);
+    abstract _render(): void;
+    abstract onMouseDown(pointer: Point, ev: TBrushEventData): void;
+    abstract onMouseMove(pointer: Point, ev: TBrushEventData): void;
+    /**
+     * @returns true if brush should continue blocking interaction
+     */
+    abstract onMouseUp(ev: TBrushEventData): boolean | void;
+    /**
+     * Sets brush styles
+     * @private
+     * @param {CanvasRenderingContext2D} ctx
+     */
+    _setBrushStyles(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Sets the transformation on given context
+     * @param {CanvasRenderingContext2D} ctx context to render on
+     * @private
+     */
+    protected _saveAndTransform(ctx: CanvasRenderingContext2D): void;
+    protected needsFullRender(): boolean;
+    /**
+     * Sets brush shadow styles
+     * @private
+     */
+    protected _setShadow(): void;
+    /**
+     * Removes brush shadow styles
+     * @private
+     */
+    protected _resetShadow(): void;
+    /**
+     * Check is pointer is outside canvas boundaries
+     * @param {Object} pointer
+     * @private
+     */
+    protected _isOutSideCanvas(pointer: Point): boolean;
+}
+//# sourceMappingURL=BaseBrush.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBrush.d.ts","sourceRoot":"","sources":["../../../src/brushes/BaseBrush.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;GAEG;AACH,8BAAsB,SAAS;IAC7B;;;OAGG;IACH,KAAK,SAAkB;IAEvB;;;OAGG;IACH,KAAK,SAAK;IAEV;;;;;OAKG;IACH,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE7B;;;OAGG;IACH,aAAa,EAAE,aAAa,CAAW;IAEvC;;;OAGG;IACH,cAAc,EAAE,cAAc,CAAW;IAEzC;;;OAGG;IACH,gBAAgB,SAAM;IAEtB;;;OAGG;IACH,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IAExC;;;;OAIG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IACK,MAAM,EAAE,MAAM,CAAC;gBAEX,MAAM,EAAE,MAAM;IAI1B,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,GAAG,IAAI;IAC/D,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,GAAG,IAAI;IAC/D;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,eAAe,GAAG,OAAO,GAAG,IAAI;IAEvD;;;;OAIG;IACH,eAAe,CAAC,GAAG,EAAE,wBAAwB;IAS7C;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,GAAG,EAAE,wBAAwB;IAMzD,SAAS,CAAC,eAAe;IAKzB;;;OAGG;IACH,SAAS,CAAC,UAAU;IAgBpB;;;OAGG;IACH,SAAS,CAAC,YAAY;IAOtB;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK;CAQ1C"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as s}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Color as t}from"../color/Color.min.mjs";class o{constructor(t){s(this,"color","rgb(0, 0, 0)"),s(this,"width",1),s(this,"shadow",null),s(this,"strokeLineCap","round"),s(this,"strokeLineJoin","round"),s(this,"strokeMiterLimit",10),s(this,"strokeDashArray",null),s(this,"limitedToCanvasSize",!1),this.canvas=t}_setBrushStyles(s){s.strokeStyle=this.color,s.lineWidth=this.width,s.lineCap=this.strokeLineCap,s.miterLimit=this.strokeMiterLimit,s.lineJoin=this.strokeLineJoin,s.setLineDash(this.strokeDashArray||[])}_saveAndTransform(s){const t=this.canvas.viewportTransform;s.save(),s.transform(t[0],t[1],t[2],t[3],t[4],t[5])}needsFullRender(){return new t(this.color).getAlpha()<1||!!this.shadow}_setShadow(){if(!this.shadow||!this.canvas)return;const s=this.canvas,t=this.shadow,o=s.contextTop,i=s.getZoom()*s.getRetinaScaling();o.shadowColor=t.color,o.shadowBlur=t.blur*i,o.shadowOffsetX=t.offsetX*i,o.shadowOffsetY=t.offsetY*i}_resetShadow(){const s=this.canvas.contextTop;s.shadowColor="",s.shadowBlur=s.shadowOffsetX=s.shadowOffsetY=0}_isOutSideCanvas(s){return s.x<0||s.x>this.canvas.getWidth()||s.y<0||s.y>this.canvas.getHeight()}}export{o as BaseBrush};
+//# sourceMappingURL=BaseBrush.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBrush.min.mjs","sources":["../../../src/brushes/BaseBrush.ts"],"sourcesContent":["import { Color } from '../color/Color';\nimport type { Point } from '../Point';\nimport type { Shadow } from '../Shadow';\nimport type { Canvas } from '../canvas/Canvas';\nimport type { TBrushEventData } from './typedefs';\n\n/**\n * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}\n */\nexport abstract class BaseBrush {\n  /**\n   * Color of a brush\n   * @type String\n   */\n  color = 'rgb(0, 0, 0)';\n\n  /**\n   * Width of a brush, has to be a Number, no string literals\n   * @type Number\n   */\n  width = 1;\n\n  /**\n   * Shadow object representing shadow of this shape.\n   * <b>Backwards incompatibility note:</b> This property replaces \"shadowColor\" (String), \"shadowOffsetX\" (Number),\n   * \"shadowOffsetY\" (Number) and \"shadowBlur\" (Number) since v1.2.12\n   * @type Shadow\n   */\n  shadow: Shadow | null = null;\n\n  /**\n   * Line endings style of a brush (one of \"butt\", \"round\", \"square\")\n   * @type String\n   */\n  strokeLineCap: CanvasLineCap = 'round';\n\n  /**\n   * Corner style of a brush (one of \"bevel\", \"round\", \"miter\")\n   * @type String\n   */\n  strokeLineJoin: CanvasLineJoin = 'round';\n\n  /**\n   * Maximum miter length (used for strokeLineJoin = \"miter\") of a brush's\n   * @type Number\n   */\n  strokeMiterLimit = 10;\n\n  /**\n   * Stroke Dash Array.\n   * @type Array\n   */\n  strokeDashArray: number[] | null = null;\n\n  /**\n   * When `true`, the free drawing is limited to the whiteboard size. Default to false.\n   * @type Boolean\n   * @default false\n   */\n\n  limitedToCanvasSize = false;\n\n  /**\n   * @todo add type\n   */\n  declare canvas: Canvas;\n\n  constructor(canvas: Canvas) {\n    this.canvas = canvas;\n  }\n\n  abstract _render(): void;\n  abstract onMouseDown(pointer: Point, ev: TBrushEventData): void;\n  abstract onMouseMove(pointer: Point, ev: TBrushEventData): void;\n  /**\n   * @returns true if brush should continue blocking interaction\n   */\n  abstract onMouseUp(ev: TBrushEventData): boolean | void;\n\n  /**\n   * Sets brush styles\n   * @private\n   * @param {CanvasRenderingContext2D} ctx\n   */\n  _setBrushStyles(ctx: CanvasRenderingContext2D) {\n    ctx.strokeStyle = this.color;\n    ctx.lineWidth = this.width;\n    ctx.lineCap = this.strokeLineCap;\n    ctx.miterLimit = this.strokeMiterLimit;\n    ctx.lineJoin = this.strokeLineJoin;\n    ctx.setLineDash(this.strokeDashArray || []);\n  }\n\n  /**\n   * Sets the transformation on given context\n   * @param {CanvasRenderingContext2D} ctx context to render on\n   * @private\n   */\n  protected _saveAndTransform(ctx: CanvasRenderingContext2D) {\n    const v = this.canvas.viewportTransform;\n    ctx.save();\n    ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\n  }\n\n  protected needsFullRender() {\n    const color = new Color(this.color);\n    return color.getAlpha() < 1 || !!this.shadow;\n  }\n\n  /**\n   * Sets brush shadow styles\n   * @private\n   */\n  protected _setShadow() {\n    if (!this.shadow || !this.canvas) {\n      return;\n    }\n\n    const canvas = this.canvas,\n      shadow = this.shadow,\n      ctx = canvas.contextTop,\n      zoom = canvas.getZoom() * canvas.getRetinaScaling();\n\n    ctx.shadowColor = shadow.color;\n    ctx.shadowBlur = shadow.blur * zoom;\n    ctx.shadowOffsetX = shadow.offsetX * zoom;\n    ctx.shadowOffsetY = shadow.offsetY * zoom;\n  }\n\n  /**\n   * Removes brush shadow styles\n   * @private\n   */\n  protected _resetShadow() {\n    const ctx = this.canvas.contextTop;\n\n    ctx.shadowColor = '';\n    ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\n  }\n\n  /**\n   * Check is pointer is outside canvas boundaries\n   * @param {Object} pointer\n   * @private\n   */\n  protected _isOutSideCanvas(pointer: Point) {\n    return (\n      pointer.x < 0 ||\n      pointer.x > this.canvas.getWidth() ||\n      pointer.y < 0 ||\n      pointer.y > this.canvas.getHeight()\n    );\n  }\n}\n"],"names":["BaseBrush","constructor","canvas","_defineProperty","this","_setBrushStyles","ctx","strokeStyle","color","lineWidth","width","lineCap","strokeLineCap","miterLimit","strokeMiterLimit","lineJoin","strokeLineJoin","setLineDash","strokeDashArray","_saveAndTransform","v","viewportTransform","save","transform","needsFullRender","Color","getAlpha","shadow","_setShadow","contextTop","zoom","getZoom","getRetinaScaling","shadowColor","shadowBlur","blur","shadowOffsetX","offsetX","shadowOffsetY","offsetY","_resetShadow","_isOutSideCanvas","pointer","x","getWidth","y","getHeight"],"mappings":"iIASO,MAAeA,EA0DpBC,WAAAA,CAAYC,GAzDZC,eAIQ,gBAERA,eAIQ,GAERA,gBAMwB,MAExBA,uBAI+B,SAE/BA,wBAIiC,SAEjCA,0BAImB,IAEnBA,yBAImC,MAEnCA,8BAMsB,GAQpBC,KAAKF,OAASA,CAChB,CAeAG,eAAAA,CAAgBC,GACdA,EAAIC,YAAcH,KAAKI,MACvBF,EAAIG,UAAYL,KAAKM,MACrBJ,EAAIK,QAAUP,KAAKQ,cACnBN,EAAIO,WAAaT,KAAKU,iBACtBR,EAAIS,SAAWX,KAAKY,eACpBV,EAAIW,YAAYb,KAAKc,iBAAmB,GAC1C,CAOUC,iBAAAA,CAAkBb,GAC1B,MAAMc,EAAIhB,KAAKF,OAAOmB,kBACtBf,EAAIgB,OACJhB,EAAIiB,UAAUH,EAAE,GAAIA,EAAE,GAAIA,EAAE,GAAIA,EAAE,GAAIA,EAAE,GAAIA,EAAE,GAChD,CAEUI,eAAAA,GAER,OADc,IAAIC,EAAMrB,KAAKI,OAChBkB,WAAa,KAAOtB,KAAKuB,MACxC,CAMUC,UAAAA,GACR,IAAKxB,KAAKuB,SAAWvB,KAAKF,OACxB,OAGF,MAAMA,EAASE,KAAKF,OAClByB,EAASvB,KAAKuB,OACdrB,EAAMJ,EAAO2B,WACbC,EAAO5B,EAAO6B,UAAY7B,EAAO8B,mBAEnC1B,EAAI2B,YAAcN,EAAOnB,MACzBF,EAAI4B,WAAaP,EAAOQ,KAAOL,EAC/BxB,EAAI8B,cAAgBT,EAAOU,QAAUP,EACrCxB,EAAIgC,cAAgBX,EAAOY,QAAUT,CACvC,CAMUU,YAAAA,GACR,MAAMlC,EAAMF,KAAKF,OAAO2B,WAExBvB,EAAI2B,YAAc,GAClB3B,EAAI4B,WAAa5B,EAAI8B,cAAgB9B,EAAIgC,cAAgB,CAC3D,CAOUG,gBAAAA,CAAiBC,GACzB,OACEA,EAAQC,EAAI,GACZD,EAAQC,EAAIvC,KAAKF,OAAO0C,YACxBF,EAAQG,EAAI,GACZH,EAAQG,EAAIzC,KAAKF,OAAO4C,WAE5B"}

package/dist/src/brushes/BaseBrush.mjs

@@ -0,0 +1,131 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { Color } from '../color/Color.mjs';
+
+/**
+ * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}
+ */
+class BaseBrush {
+  /**
+   * @todo add type
+   */
+
+  constructor(canvas) {
+    /**
+     * Color of a brush
+     * @type String
+     */
+    _defineProperty(this, "color", 'rgb(0, 0, 0)');
+    /**
+     * Width of a brush, has to be a Number, no string literals
+     * @type Number
+     */
+    _defineProperty(this, "width", 1);
+    /**
+     * Shadow object representing shadow of this shape.
+     * <b>Backwards incompatibility note:</b> This property replaces "shadowColor" (String), "shadowOffsetX" (Number),
+     * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12
+     * @type Shadow
+     */
+    _defineProperty(this, "shadow", null);
+    /**
+     * Line endings style of a brush (one of "butt", "round", "square")
+     * @type String
+     */
+    _defineProperty(this, "strokeLineCap", 'round');
+    /**
+     * Corner style of a brush (one of "bevel", "round", "miter")
+     * @type String
+     */
+    _defineProperty(this, "strokeLineJoin", 'round');
+    /**
+     * Maximum miter length (used for strokeLineJoin = "miter") of a brush's
+     * @type Number
+     */
+    _defineProperty(this, "strokeMiterLimit", 10);
+    /**
+     * Stroke Dash Array.
+     * @type Array
+     */
+    _defineProperty(this, "strokeDashArray", null);
+    /**
+     * When `true`, the free drawing is limited to the whiteboard size. Default to false.
+     * @type Boolean
+     * @default false
+     */
+    _defineProperty(this, "limitedToCanvasSize", false);
+    this.canvas = canvas;
+  }
+
+  /**
+   * @returns true if brush should continue blocking interaction
+   */
+
+  /**
+   * Sets brush styles
+   * @private
+   * @param {CanvasRenderingContext2D} ctx
+   */
+  _setBrushStyles(ctx) {
+    ctx.strokeStyle = this.color;
+    ctx.lineWidth = this.width;
+    ctx.lineCap = this.strokeLineCap;
+    ctx.miterLimit = this.strokeMiterLimit;
+    ctx.lineJoin = this.strokeLineJoin;
+    ctx.setLineDash(this.strokeDashArray || []);
+  }
+
+  /**
+   * Sets the transformation on given context
+   * @param {CanvasRenderingContext2D} ctx context to render on
+   * @private
+   */
+  _saveAndTransform(ctx) {
+    const v = this.canvas.viewportTransform;
+    ctx.save();
+    ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);
+  }
+  needsFullRender() {
+    const color = new Color(this.color);
+    return color.getAlpha() < 1 || !!this.shadow;
+  }
+
+  /**
+   * Sets brush shadow styles
+   * @private
+   */
+  _setShadow() {
+    if (!this.shadow || !this.canvas) {
+      return;
+    }
+    const canvas = this.canvas,
+      shadow = this.shadow,
+      ctx = canvas.contextTop,
+      zoom = canvas.getZoom() * canvas.getRetinaScaling();
+    ctx.shadowColor = shadow.color;
+    ctx.shadowBlur = shadow.blur * zoom;
+    ctx.shadowOffsetX = shadow.offsetX * zoom;
+    ctx.shadowOffsetY = shadow.offsetY * zoom;
+  }
+
+  /**
+   * Removes brush shadow styles
+   * @private
+   */
+  _resetShadow() {
+    const ctx = this.canvas.contextTop;
+    ctx.shadowColor = '';
+    ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;
+  }
+
+  /**
+   * Check is pointer is outside canvas boundaries
+   * @param {Object} pointer
+   * @private
+   */
+  _isOutSideCanvas(pointer) {
+    return pointer.x < 0 || pointer.x > this.canvas.getWidth() || pointer.y < 0 || pointer.y > this.canvas.getHeight();
+  }
+}
+
+export { BaseBrush };
+//# sourceMappingURL=BaseBrush.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBrush.mjs","sources":["../../../src/brushes/BaseBrush.ts"],"sourcesContent":["import { Color } from '../color/Color';\nimport type { Point } from '../Point';\nimport type { Shadow } from '../Shadow';\nimport type { Canvas } from '../canvas/Canvas';\nimport type { TBrushEventData } from './typedefs';\n\n/**\n * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo}\n */\nexport abstract class BaseBrush {\n  /**\n   * Color of a brush\n   * @type String\n   */\n  color = 'rgb(0, 0, 0)';\n\n  /**\n   * Width of a brush, has to be a Number, no string literals\n   * @type Number\n   */\n  width = 1;\n\n  /**\n   * Shadow object representing shadow of this shape.\n   * <b>Backwards incompatibility note:</b> This property replaces \"shadowColor\" (String), \"shadowOffsetX\" (Number),\n   * \"shadowOffsetY\" (Number) and \"shadowBlur\" (Number) since v1.2.12\n   * @type Shadow\n   */\n  shadow: Shadow | null = null;\n\n  /**\n   * Line endings style of a brush (one of \"butt\", \"round\", \"square\")\n   * @type String\n   */\n  strokeLineCap: CanvasLineCap = 'round';\n\n  /**\n   * Corner style of a brush (one of \"bevel\", \"round\", \"miter\")\n   * @type String\n   */\n  strokeLineJoin: CanvasLineJoin = 'round';\n\n  /**\n   * Maximum miter length (used for strokeLineJoin = \"miter\") of a brush's\n   * @type Number\n   */\n  strokeMiterLimit = 10;\n\n  /**\n   * Stroke Dash Array.\n   * @type Array\n   */\n  strokeDashArray: number[] | null = null;\n\n  /**\n   * When `true`, the free drawing is limited to the whiteboard size. Default to false.\n   * @type Boolean\n   * @default false\n   */\n\n  limitedToCanvasSize = false;\n\n  /**\n   * @todo add type\n   */\n  declare canvas: Canvas;\n\n  constructor(canvas: Canvas) {\n    this.canvas = canvas;\n  }\n\n  abstract _render(): void;\n  abstract onMouseDown(pointer: Point, ev: TBrushEventData): void;\n  abstract onMouseMove(pointer: Point, ev: TBrushEventData): void;\n  /**\n   * @returns true if brush should continue blocking interaction\n   */\n  abstract onMouseUp(ev: TBrushEventData): boolean | void;\n\n  /**\n   * Sets brush styles\n   * @private\n   * @param {CanvasRenderingContext2D} ctx\n   */\n  _setBrushStyles(ctx: CanvasRenderingContext2D) {\n    ctx.strokeStyle = this.color;\n    ctx.lineWidth = this.width;\n    ctx.lineCap = this.strokeLineCap;\n    ctx.miterLimit = this.strokeMiterLimit;\n    ctx.lineJoin = this.strokeLineJoin;\n    ctx.setLineDash(this.strokeDashArray || []);\n  }\n\n  /**\n   * Sets the transformation on given context\n   * @param {CanvasRenderingContext2D} ctx context to render on\n   * @private\n   */\n  protected _saveAndTransform(ctx: CanvasRenderingContext2D) {\n    const v = this.canvas.viewportTransform;\n    ctx.save();\n    ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\n  }\n\n  protected needsFullRender() {\n    const color = new Color(this.color);\n    return color.getAlpha() < 1 || !!this.shadow;\n  }\n\n  /**\n   * Sets brush shadow styles\n   * @private\n   */\n  protected _setShadow() {\n    if (!this.shadow || !this.canvas) {\n      return;\n    }\n\n    const canvas = this.canvas,\n      shadow = this.shadow,\n      ctx = canvas.contextTop,\n      zoom = canvas.getZoom() * canvas.getRetinaScaling();\n\n    ctx.shadowColor = shadow.color;\n    ctx.shadowBlur = shadow.blur * zoom;\n    ctx.shadowOffsetX = shadow.offsetX * zoom;\n    ctx.shadowOffsetY = shadow.offsetY * zoom;\n  }\n\n  /**\n   * Removes brush shadow styles\n   * @private\n   */\n  protected _resetShadow() {\n    const ctx = this.canvas.contextTop;\n\n    ctx.shadowColor = '';\n    ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0;\n  }\n\n  /**\n   * Check is pointer is outside canvas boundaries\n   * @param {Object} pointer\n   * @private\n   */\n  protected _isOutSideCanvas(pointer: Point) {\n    return (\n      pointer.x < 0 ||\n      pointer.x > this.canvas.getWidth() ||\n      pointer.y < 0 ||\n      pointer.y > this.canvas.getHeight()\n    );\n  }\n}\n"],"names":["BaseBrush","constructor","canvas","_defineProperty","_setBrushStyles","ctx","strokeStyle","color","lineWidth","width","lineCap","strokeLineCap","miterLimit","strokeMiterLimit","lineJoin","strokeLineJoin","setLineDash","strokeDashArray","_saveAndTransform","v","viewportTransform","save","transform","needsFullRender","Color","getAlpha","shadow","_setShadow","contextTop","zoom","getZoom","getRetinaScaling","shadowColor","shadowBlur","blur","shadowOffsetX","offsetX","shadowOffsetY","offsetY","_resetShadow","_isOutSideCanvas","pointer","x","getWidth","y","getHeight"],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+import type { Point } from '../Point';
+import type { Canvas } from '../canvas/Canvas';
+import { BaseBrush } from './BaseBrush';
+import type { CircleBrushPoint } from './typedefs';
+export declare class CircleBrush extends BaseBrush {
+    /**
+     * Width of a brush
+     * @type Number
+     */
+    width: number;
+    points: CircleBrushPoint[];
+    constructor(canvas: Canvas);
+    /**
+     * Invoked inside on mouse down and mouse move
+     * @param {Point} pointer
+     */
+    drawDot(pointer: Point): void;
+    dot(ctx: CanvasRenderingContext2D, point: CircleBrushPoint): void;
+    /**
+     * Invoked on mouse down
+     */
+    onMouseDown(pointer: Point): void;
+    /**
+     * Render the full state of the brush
+     * @private
+     */
+    _render(): void;
+    /**
+     * Invoked on mouse move
+     * @param {Point} pointer
+     */
+    onMouseMove(pointer: Point): void;
+    /**
+     * Invoked on mouse up
+     */
+    onMouseUp(): void;
+    /**
+     * @param {Object} pointer
+     * @return {Point} Just added pointer point
+     */
+    addPoint({ x, y }: Point): CircleBrushPoint;
+}
+//# sourceMappingURL=CircleBrush.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleBrush.d.ts","sourceRoot":"","sources":["../../../src/brushes/CircleBrush.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,qBAAa,WAAY,SAAQ,SAAS;IACxC;;;OAGG;IACH,KAAK,SAAM;IAEH,MAAM,EAAE,gBAAgB,EAAE,CAAC;gBAEvB,MAAM,EAAE,MAAM;IAK1B;;;OAGG;IACH,OAAO,CAAC,OAAO,EAAE,KAAK;IAQtB,GAAG,CAAC,GAAG,EAAE,wBAAwB,EAAE,KAAK,EAAE,gBAAgB;IAQ1D;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,KAAK;IAO1B;;;OAGG;IACH,OAAO;IAUP;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,KAAK;IAa1B;;OAEG;IACH,SAAS;IAiCT;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK;CAYzB"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Color as s}from"../color/Color.min.mjs";import{Shadow as i}from"../Shadow.min.mjs";import{Circle as o}from"../shapes/Circle.min.mjs";import{Group as e}from"../shapes/Group.min.mjs";import{getRandomInt as n}from"../util/internals/getRandomInt.min.mjs";import{BaseBrush as a}from"./BaseBrush.min.mjs";import{CENTER as r}from"../constants.min.mjs";class h extends a{constructor(s){super(s),t(this,"width",10),this.points=[]}drawDot(t){const s=this.addPoint(t),i=this.canvas.contextTop;this._saveAndTransform(i),this.dot(i,s),i.restore()}dot(t,s){t.fillStyle=s.fill,t.beginPath(),t.arc(s.x,s.y,s.radius,0,2*Math.PI,!1),t.closePath(),t.fill()}onMouseDown(t){this.points=[],this.canvas.clearContext(this.canvas.contextTop),this._setShadow(),this.drawDot(t)}_render(){const t=this.canvas.contextTop,s=this.points;this._saveAndTransform(t);for(let i=0;i<s.length;i++)this.dot(t,s[i]);t.restore()}onMouseMove(t){!0===this.limitedToCanvasSize&&this._isOutSideCanvas(t)||(this.needsFullRender()?(this.canvas.clearContext(this.canvas.contextTop),this.addPoint(t),this._render()):this.drawDot(t))}onMouseUp(){const t=this.canvas.renderOnAddRemove;this.canvas.renderOnAddRemove=!1;const s=[];for(let t=0;t<this.points.length;t++){const e=this.points[t],n=new o({radius:e.radius,left:e.x,top:e.y,originX:r,originY:r,fill:e.fill});this.shadow&&(n.shadow=new i(this.shadow)),s.push(n)}const n=new e(s,{canvas:this.canvas});this.canvas.fire("before:path:created",{path:n}),this.canvas.add(n),this.canvas.fire("path:created",{path:n}),this.canvas.clearContext(this.canvas.contextTop),this._resetShadow(),this.canvas.renderOnAddRemove=t,this.canvas.requestRenderAll()}addPoint(t){let{x:i,y:o}=t;const e={x:i,y:o,radius:n(Math.max(0,this.width-20),this.width+20)/2,fill:new s(this.color).setAlpha(n(0,100)/100).toRgba()};return this.points.push(e),e}}export{h as CircleBrush};
+//# sourceMappingURL=CircleBrush.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleBrush.min.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","super","_defineProperty","this","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":"kbAWO,MAAMA,UAAoBC,EAS/BC,WAAAA,CAAYC,GACVC,MAAMD,GATRE,eAIQ,IAMNC,KAAKC,OAAS,EAChB,CAMAC,OAAAA,CAAQC,GACN,MAAMC,EAAQJ,KAAKK,SAASF,GAC1BG,EAAMN,KAAKH,OAAOU,WACpBP,KAAKQ,kBAAkBF,GACvBN,KAAKS,IAAIH,EAAKF,GACdE,EAAII,SACN,CAEAD,GAAAA,CAAIH,EAA+BF,GACjCE,EAAIK,UAAYP,EAAMQ,KACtBN,EAAIO,YACJP,EAAIQ,IAAIV,EAAMW,EAAGX,EAAMY,EAAGZ,EAAMa,OAAQ,EAAa,EAAVC,KAAKC,IAAQ,GACxDb,EAAIc,YACJd,EAAIM,MACN,CAKAS,WAAAA,CAAYlB,GACVH,KAAKC,OAAS,GACdD,KAAKH,OAAOyB,aAAatB,KAAKH,OAAOU,YACrCP,KAAKuB,aACLvB,KAAKE,QAAQC,EACf,CAMAqB,OAAAA,GACE,MAAMlB,EAAMN,KAAKH,OAAOU,WACtBN,EAASD,KAAKC,OAChBD,KAAKQ,kBAAkBF,GACvB,IAAK,IAAImB,EAAI,EAAGA,EAAIxB,EAAOyB,OAAQD,IACjCzB,KAAKS,IAAIH,EAAKL,EAAOwB,IAEvBnB,EAAII,SACN,CAMAiB,WAAAA,CAAYxB,IACuB,IAA7BH,KAAK4B,qBAAgC5B,KAAK6B,iBAAiB1B,KAG3DH,KAAK8B,mBACP9B,KAAKH,OAAOyB,aAAatB,KAAKH,OAAOU,YACrCP,KAAKK,SAASF,GACdH,KAAKwB,WAELxB,KAAKE,QAAQC,GAEjB,CAKA4B,SAAAA,GACE,MAAMC,EAA4BhC,KAAKH,OAAOoC,kBAC9CjC,KAAKH,OAAOoC,mBAAoB,EAEhC,MAAMC,EAAoB,GAE1B,IAAK,IAAIT,EAAI,EAAGA,EAAIzB,KAAKC,OAAOyB,OAAQD,IAAK,CAC3C,MAAMrB,EAAQJ,KAAKC,OAAOwB,GACxBU,EAAS,IAAIC,EAAO,CAClBnB,OAAQb,EAAMa,OACdoB,KAAMjC,EAAMW,EACZuB,IAAKlC,EAAMY,EACXuB,QAASC,EACTC,QAASD,EACT5B,KAAMR,EAAMQ,OAGhBZ,KAAK0C,SAAWP,EAAOO,OAAS,IAAIC,EAAO3C,KAAK0C,SAEhDR,EAAQU,KAAKT,EACf,CACA,MAAMU,EAAQ,IAAIC,EAAMZ,EAAS,CAAErC,OAAQG,KAAKH,SAEhDG,KAAKH,OAAOkD,KAAK,sBAAuB,CAAEC,KAAMH,IAChD7C,KAAKH,OAAOoD,IAAIJ,GAChB7C,KAAKH,OAAOkD,KAAK,eAAgB,CAAEC,KAAMH,IAEzC7C,KAAKH,OAAOyB,aAAatB,KAAKH,OAAOU,YACrCP,KAAKkD,eACLlD,KAAKH,OAAOoC,kBAAoBD,EAChChC,KAAKH,OAAOsD,kBACd,CAMA9C,QAAAA,CAAQ+C,GAAkB,IAAjBrC,EAAEA,EAACC,EAAEA,GAAUoC,EACtB,MAAMC,EAAiC,CACrCtC,IACAC,IACAC,OAAQqC,EAAapC,KAAKqC,IAAI,EAAGvD,KAAKwD,MAAQ,IAAKxD,KAAKwD,MAAQ,IAAM,EACtE5C,KAAM,IAAI6C,EAAMzD,KAAK0D,OAAOC,SAASL,EAAa,EAAG,KAAO,KAAKM,UAKnE,OAFA5D,KAAKC,OAAO2C,KAAKS,GAEVA,CACT"}