@nasser-sw/fabric 7.0.0-beta1

package/dist/src/brushes/PencilBrush.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PencilBrush.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":["isEmptySVGPath","pathData","joinPath","PencilBrush","BaseBrush","constructor","canvas","_defineProperty","_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","path","Path","fill","color","strokeWidth","strokeLineCap","strokeMiterLimit","strokeLineJoin","strokeDashArray","shadow","affectStroke","Shadow","decimatePoints","distance","lastPoint","cDistance","zoom","getZoom","adjustedDistance","Math","pow","l","newPoints","closePath","decimate","requestRenderAll","fire","add","setCoords","_resetShadow"],"mappings":"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"}

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

@@ -0,0 +1,68 @@
+import type { Point } from '../Point';
+import type { Canvas } from '../canvas/Canvas';
+import { BaseBrush } from './BaseBrush';
+import type { SprayBrushPoint } from './typedefs';
+export declare class SprayBrush extends BaseBrush {
+    /**
+     * Width of a spray
+     * @type Number
+     */
+    width: number;
+    /**
+     * Density of a spray (number of dots per chunk)
+     * @type Number
+     */
+    density: number;
+    /**
+     * Width of spray dots
+     * @type Number
+     */
+    dotWidth: number;
+    /**
+     * Width variance of spray dots
+     * @type Number
+     */
+    dotWidthVariance: number;
+    /**
+     * Whether opacity of a dot should be random
+     * @type Boolean
+     */
+    randomOpacity: boolean;
+    /**
+     * Whether overlapping dots (rectangles) should be removed (for performance reasons)
+     * @type Boolean
+     */
+    optimizeOverlapping: boolean;
+    private sprayChunks;
+    private sprayChunk;
+    /**
+     * Constructor
+     * @param {Canvas} canvas
+     * @return {SprayBrush} Instance of a spray brush
+     */
+    constructor(canvas: Canvas);
+    /**
+     * Invoked on mouse down
+     * @param {Point} pointer
+     */
+    onMouseDown(pointer: Point): void;
+    /**
+     * Invoked on mouse move
+     * @param {Point} pointer
+     */
+    onMouseMove(pointer: Point): void;
+    /**
+     * Invoked on mouse up
+     */
+    onMouseUp(): void;
+    renderChunck(sprayChunck: SprayBrushPoint[]): void;
+    /**
+     * Render all spray chunks
+     */
+    _render(): void;
+    /**
+     * @param {Point} pointer
+     */
+    addSprayChunk(pointer: Point): void;
+}
+//# sourceMappingURL=SprayBrush.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SprayBrush.d.ts","sourceRoot":"","sources":["../../../src/brushes/SprayBrush.ts"],"names":[],"mappings":"AAAA,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,eAAe,EAAE,MAAM,YAAY,CAAC;AAuBlD,qBAAa,UAAW,SAAQ,SAAS;IACvC;;;OAGG;IACH,KAAK,SAAM;IAEX;;;OAGG;IACH,OAAO,SAAM;IAEb;;;OAGG;IACH,QAAQ,SAAK;IAEb;;;OAGG;IACH,gBAAgB,SAAK;IAErB;;;OAGG;IACH,aAAa,UAAS;IAEtB;;;OAGG;IACH,mBAAmB,UAAQ;IAE3B,QAAgB,WAAW,CAAsB;IAEjD,QAAgB,UAAU,CAAoB;IAE9C;;;;OAIG;gBACS,MAAM,EAAE,MAAM;IAM1B;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,KAAK;IAS1B;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,KAAK;IAQ1B;;OAEG;IACH,SAAS;IA0CT,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE;IAe3C;;OAEG;IACH,OAAO;IAYP;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,KAAK;CAqB7B"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Group as s}from"../shapes/Group.min.mjs";import{Shadow as i}from"../Shadow.min.mjs";import{Rect as h}from"../shapes/Rect.min.mjs";import{getRandomInt as n}from"../util/internals/getRandomInt.min.mjs";import{BaseBrush as e}from"./BaseBrush.min.mjs";import{CENTER as a}from"../constants.min.mjs";class r extends e{constructor(s){super(s),t(this,"width",10),t(this,"density",20),t(this,"dotWidth",1),t(this,"dotWidthVariance",1),t(this,"randomOpacity",!1),t(this,"optimizeOverlapping",!0),this.sprayChunks=[],this.sprayChunk=[]}onMouseDown(t){this.sprayChunks=[],this.canvas.clearContext(this.canvas.contextTop),this._setShadow(),this.addSprayChunk(t),this.renderChunck(this.sprayChunk)}onMouseMove(t){!0===this.limitedToCanvasSize&&this._isOutSideCanvas(t)||(this.addSprayChunk(t),this.renderChunck(this.sprayChunk))}onMouseUp(){const t=this.canvas.renderOnAddRemove;this.canvas.renderOnAddRemove=!1;const n=[];for(let t=0;t<this.sprayChunks.length;t++){const s=this.sprayChunks[t];for(let t=0;t<s.length;t++){const i=s[t],e=new h({width:i.width,height:i.width,left:i.x+1,top:i.y+1,originX:a,originY:a,fill:this.color});n.push(e)}}const e=new s(this.optimizeOverlapping?function(t){const s={},i=[];for(let h,n=0;n<t.length;n++)h=`${t[n].left}${t[n].top}`,s[h]||(s[h]=!0,i.push(t[n]));return i}(n):n,{objectCaching:!0,subTargetCheck:!1,interactive:!1});this.shadow&&e.set("shadow",new i(this.shadow)),this.canvas.fire("before:path:created",{path:e}),this.canvas.add(e),this.canvas.fire("path:created",{path:e}),this.canvas.clearContext(this.canvas.contextTop),this._resetShadow(),this.canvas.renderOnAddRemove=t,this.canvas.requestRenderAll()}renderChunck(t){const s=this.canvas.contextTop;s.fillStyle=this.color,this._saveAndTransform(s);for(let i=0;i<t.length;i++){const h=t[i];s.globalAlpha=h.opacity,s.fillRect(h.x,h.y,h.width,h.width)}s.restore()}_render(){const t=this.canvas.contextTop;t.fillStyle=this.color,this._saveAndTransform(t);for(let t=0;t<this.sprayChunks.length;t++)this.renderChunck(this.sprayChunks[t]);t.restore()}addSprayChunk(t){this.sprayChunk=[];const s=this.width/2;for(let i=0;i<this.density;i++)this.sprayChunk.push({x:n(t.x-s,t.x+s),y:n(t.y-s,t.y+s),width:this.dotWidthVariance?n(Math.max(1,this.dotWidth-this.dotWidthVariance),this.dotWidth+this.dotWidthVariance):this.dotWidth,opacity:this.randomOpacity?n(0,100)/100:1});this.sprayChunks.push(this.sprayChunk)}}export{r as SprayBrush};
+//# sourceMappingURL=SprayBrush.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SprayBrush.min.mjs","sources":["../../../src/brushes/SprayBrush.ts"],"sourcesContent":["import type { Point } from '../Point';\nimport { Group } from '../shapes/Group';\nimport { Shadow } from '../Shadow';\nimport { Rect } from '../shapes/Rect';\nimport { getRandomInt } from '../util/internals/getRandomInt';\nimport type { Canvas } from '../canvas/Canvas';\nimport { BaseBrush } from './BaseBrush';\nimport type { SprayBrushPoint } from './typedefs';\nimport { CENTER } from '../constants';\n\n/**\n *\n * @param rects\n * @returns\n */\nfunction getUniqueRects(rects: Rect[]) {\n  const uniqueRects: Record<string, boolean> = {};\n  const uniqueRectsArray: Rect[] = [];\n\n  for (let i = 0, key: string; i < rects.length; i++) {\n    key = `${rects[i].left}${rects[i].top}`;\n    if (!uniqueRects[key]) {\n      uniqueRects[key] = true;\n      uniqueRectsArray.push(rects[i]);\n    }\n  }\n\n  return uniqueRectsArray;\n}\n\nexport class SprayBrush extends BaseBrush {\n  /**\n   * Width of a spray\n   * @type Number\n   */\n  width = 10;\n\n  /**\n   * Density of a spray (number of dots per chunk)\n   * @type Number\n   */\n  density = 20;\n\n  /**\n   * Width of spray dots\n   * @type Number\n   */\n  dotWidth = 1;\n\n  /**\n   * Width variance of spray dots\n   * @type Number\n   */\n  dotWidthVariance = 1;\n\n  /**\n   * Whether opacity of a dot should be random\n   * @type Boolean\n   */\n  randomOpacity = false;\n\n  /**\n   * Whether overlapping dots (rectangles) should be removed (for performance reasons)\n   * @type Boolean\n   */\n  optimizeOverlapping = true;\n\n  declare private sprayChunks: SprayBrushPoint[][];\n\n  declare private sprayChunk: SprayBrushPoint[];\n\n  /**\n   * Constructor\n   * @param {Canvas} canvas\n   * @return {SprayBrush} Instance of a spray brush\n   */\n  constructor(canvas: Canvas) {\n    super(canvas);\n    this.sprayChunks = [];\n    this.sprayChunk = [];\n  }\n\n  /**\n   * Invoked on mouse down\n   * @param {Point} pointer\n   */\n  onMouseDown(pointer: Point) {\n    this.sprayChunks = [];\n    this.canvas.clearContext(this.canvas.contextTop);\n    this._setShadow();\n\n    this.addSprayChunk(pointer);\n    this.renderChunck(this.sprayChunk);\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    this.addSprayChunk(pointer);\n    this.renderChunck(this.sprayChunk);\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 rects: Rect[] = [];\n\n    for (let i = 0; i < this.sprayChunks.length; i++) {\n      const sprayChunk = this.sprayChunks[i];\n      for (let j = 0; j < sprayChunk.length; j++) {\n        const chunck = sprayChunk[j];\n        const rect = new Rect({\n          width: chunck.width,\n          height: chunck.width,\n          left: chunck.x + 1,\n          top: chunck.y + 1,\n          originX: CENTER,\n          originY: CENTER,\n          fill: this.color,\n        });\n        rects.push(rect);\n      }\n    }\n\n    const group = new Group(\n      this.optimizeOverlapping ? getUniqueRects(rects) : rects,\n      {\n        objectCaching: true,\n        subTargetCheck: false,\n        interactive: false,\n      },\n    );\n    this.shadow && group.set('shadow', new Shadow(this.shadow));\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  renderChunck(sprayChunck: SprayBrushPoint[]) {\n    const ctx = this.canvas.contextTop;\n    ctx.fillStyle = this.color;\n\n    this._saveAndTransform(ctx);\n\n    for (let i = 0; i < sprayChunck.length; i++) {\n      const point = sprayChunck[i];\n      ctx.globalAlpha = point.opacity;\n      ctx.fillRect(point.x, point.y, point.width, point.width);\n    }\n\n    ctx.restore();\n  }\n\n  /**\n   * Render all spray chunks\n   */\n  _render() {\n    const ctx = this.canvas.contextTop;\n    ctx.fillStyle = this.color;\n\n    this._saveAndTransform(ctx);\n\n    for (let i = 0; i < this.sprayChunks.length; i++) {\n      this.renderChunck(this.sprayChunks[i]);\n    }\n    ctx.restore();\n  }\n\n  /**\n   * @param {Point} pointer\n   */\n  addSprayChunk(pointer: Point) {\n    this.sprayChunk = [];\n    const radius = this.width / 2;\n\n    for (let i = 0; i < this.density; i++) {\n      this.sprayChunk.push({\n        x: getRandomInt(pointer.x - radius, pointer.x + radius),\n        y: getRandomInt(pointer.y - radius, pointer.y + radius),\n        width: this.dotWidthVariance\n          ? getRandomInt(\n              // bottom clamp width to 1\n              Math.max(1, this.dotWidth - this.dotWidthVariance),\n              this.dotWidth + this.dotWidthVariance,\n            )\n          : this.dotWidth,\n        opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1,\n      });\n    }\n\n    this.sprayChunks.push(this.sprayChunk);\n  }\n}\n"],"names":["SprayBrush","BaseBrush","constructor","canvas","super","_defineProperty","this","sprayChunks","sprayChunk","onMouseDown","pointer","clearContext","contextTop","_setShadow","addSprayChunk","renderChunck","onMouseMove","limitedToCanvasSize","_isOutSideCanvas","onMouseUp","originalRenderOnAddRemove","renderOnAddRemove","rects","i","length","j","chunck","rect","Rect","width","height","left","x","top","y","originX","CENTER","originY","fill","color","push","group","Group","optimizeOverlapping","uniqueRects","uniqueRectsArray","key","getUniqueRects","objectCaching","subTargetCheck","interactive","shadow","set","Shadow","fire","path","add","_resetShadow","requestRenderAll","sprayChunck","ctx","fillStyle","_saveAndTransform","point","globalAlpha","opacity","fillRect","restore","_render","radius","density","getRandomInt","dotWidthVariance","Math","max","dotWidth","randomOpacity"],"mappings":"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"}

package/dist/src/brushes/SprayBrush.mjs

@@ -0,0 +1,179 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { Group } from '../shapes/Group.mjs';
+import { Shadow } from '../Shadow.mjs';
+import { Rect } from '../shapes/Rect.mjs';
+import { getRandomInt } from '../util/internals/getRandomInt.mjs';
+import { BaseBrush } from './BaseBrush.mjs';
+import { CENTER } from '../constants.mjs';
+
+/**
+ *
+ * @param rects
+ * @returns
+ */
+function getUniqueRects(rects) {
+  const uniqueRects = {};
+  const uniqueRectsArray = [];
+  for (let i = 0, key; i < rects.length; i++) {
+    key = `${rects[i].left}${rects[i].top}`;
+    if (!uniqueRects[key]) {
+      uniqueRects[key] = true;
+      uniqueRectsArray.push(rects[i]);
+    }
+  }
+  return uniqueRectsArray;
+}
+class SprayBrush extends BaseBrush {
+  /**
+   * Constructor
+   * @param {Canvas} canvas
+   * @return {SprayBrush} Instance of a spray brush
+   */
+  constructor(canvas) {
+    super(canvas);
+    /**
+     * Width of a spray
+     * @type Number
+     */
+    _defineProperty(this, "width", 10);
+    /**
+     * Density of a spray (number of dots per chunk)
+     * @type Number
+     */
+    _defineProperty(this, "density", 20);
+    /**
+     * Width of spray dots
+     * @type Number
+     */
+    _defineProperty(this, "dotWidth", 1);
+    /**
+     * Width variance of spray dots
+     * @type Number
+     */
+    _defineProperty(this, "dotWidthVariance", 1);
+    /**
+     * Whether opacity of a dot should be random
+     * @type Boolean
+     */
+    _defineProperty(this, "randomOpacity", false);
+    /**
+     * Whether overlapping dots (rectangles) should be removed (for performance reasons)
+     * @type Boolean
+     */
+    _defineProperty(this, "optimizeOverlapping", true);
+    this.sprayChunks = [];
+    this.sprayChunk = [];
+  }
+
+  /**
+   * Invoked on mouse down
+   * @param {Point} pointer
+   */
+  onMouseDown(pointer) {
+    this.sprayChunks = [];
+    this.canvas.clearContext(this.canvas.contextTop);
+    this._setShadow();
+    this.addSprayChunk(pointer);
+    this.renderChunck(this.sprayChunk);
+  }
+
+  /**
+   * Invoked on mouse move
+   * @param {Point} pointer
+   */
+  onMouseMove(pointer) {
+    if (this.limitedToCanvasSize === true && this._isOutSideCanvas(pointer)) {
+      return;
+    }
+    this.addSprayChunk(pointer);
+    this.renderChunck(this.sprayChunk);
+  }
+
+  /**
+   * Invoked on mouse up
+   */
+  onMouseUp() {
+    const originalRenderOnAddRemove = this.canvas.renderOnAddRemove;
+    this.canvas.renderOnAddRemove = false;
+    const rects = [];
+    for (let i = 0; i < this.sprayChunks.length; i++) {
+      const sprayChunk = this.sprayChunks[i];
+      for (let j = 0; j < sprayChunk.length; j++) {
+        const chunck = sprayChunk[j];
+        const rect = new Rect({
+          width: chunck.width,
+          height: chunck.width,
+          left: chunck.x + 1,
+          top: chunck.y + 1,
+          originX: CENTER,
+          originY: CENTER,
+          fill: this.color
+        });
+        rects.push(rect);
+      }
+    }
+    const group = new Group(this.optimizeOverlapping ? getUniqueRects(rects) : rects, {
+      objectCaching: true,
+      subTargetCheck: false,
+      interactive: false
+    });
+    this.shadow && group.set('shadow', new Shadow(this.shadow));
+    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();
+  }
+  renderChunck(sprayChunck) {
+    const ctx = this.canvas.contextTop;
+    ctx.fillStyle = this.color;
+    this._saveAndTransform(ctx);
+    for (let i = 0; i < sprayChunck.length; i++) {
+      const point = sprayChunck[i];
+      ctx.globalAlpha = point.opacity;
+      ctx.fillRect(point.x, point.y, point.width, point.width);
+    }
+    ctx.restore();
+  }
+
+  /**
+   * Render all spray chunks
+   */
+  _render() {
+    const ctx = this.canvas.contextTop;
+    ctx.fillStyle = this.color;
+    this._saveAndTransform(ctx);
+    for (let i = 0; i < this.sprayChunks.length; i++) {
+      this.renderChunck(this.sprayChunks[i]);
+    }
+    ctx.restore();
+  }
+
+  /**
+   * @param {Point} pointer
+   */
+  addSprayChunk(pointer) {
+    this.sprayChunk = [];
+    const radius = this.width / 2;
+    for (let i = 0; i < this.density; i++) {
+      this.sprayChunk.push({
+        x: getRandomInt(pointer.x - radius, pointer.x + radius),
+        y: getRandomInt(pointer.y - radius, pointer.y + radius),
+        width: this.dotWidthVariance ? getRandomInt(
+        // bottom clamp width to 1
+        Math.max(1, this.dotWidth - this.dotWidthVariance), this.dotWidth + this.dotWidthVariance) : this.dotWidth,
+        opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1
+      });
+    }
+    this.sprayChunks.push(this.sprayChunk);
+  }
+}
+
+export { SprayBrush };
+//# sourceMappingURL=SprayBrush.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SprayBrush.mjs","sources":["../../../src/brushes/SprayBrush.ts"],"sourcesContent":["import type { Point } from '../Point';\nimport { Group } from '../shapes/Group';\nimport { Shadow } from '../Shadow';\nimport { Rect } from '../shapes/Rect';\nimport { getRandomInt } from '../util/internals/getRandomInt';\nimport type { Canvas } from '../canvas/Canvas';\nimport { BaseBrush } from './BaseBrush';\nimport type { SprayBrushPoint } from './typedefs';\nimport { CENTER } from '../constants';\n\n/**\n *\n * @param rects\n * @returns\n */\nfunction getUniqueRects(rects: Rect[]) {\n  const uniqueRects: Record<string, boolean> = {};\n  const uniqueRectsArray: Rect[] = [];\n\n  for (let i = 0, key: string; i < rects.length; i++) {\n    key = `${rects[i].left}${rects[i].top}`;\n    if (!uniqueRects[key]) {\n      uniqueRects[key] = true;\n      uniqueRectsArray.push(rects[i]);\n    }\n  }\n\n  return uniqueRectsArray;\n}\n\nexport class SprayBrush extends BaseBrush {\n  /**\n   * Width of a spray\n   * @type Number\n   */\n  width = 10;\n\n  /**\n   * Density of a spray (number of dots per chunk)\n   * @type Number\n   */\n  density = 20;\n\n  /**\n   * Width of spray dots\n   * @type Number\n   */\n  dotWidth = 1;\n\n  /**\n   * Width variance of spray dots\n   * @type Number\n   */\n  dotWidthVariance = 1;\n\n  /**\n   * Whether opacity of a dot should be random\n   * @type Boolean\n   */\n  randomOpacity = false;\n\n  /**\n   * Whether overlapping dots (rectangles) should be removed (for performance reasons)\n   * @type Boolean\n   */\n  optimizeOverlapping = true;\n\n  declare private sprayChunks: SprayBrushPoint[][];\n\n  declare private sprayChunk: SprayBrushPoint[];\n\n  /**\n   * Constructor\n   * @param {Canvas} canvas\n   * @return {SprayBrush} Instance of a spray brush\n   */\n  constructor(canvas: Canvas) {\n    super(canvas);\n    this.sprayChunks = [];\n    this.sprayChunk = [];\n  }\n\n  /**\n   * Invoked on mouse down\n   * @param {Point} pointer\n   */\n  onMouseDown(pointer: Point) {\n    this.sprayChunks = [];\n    this.canvas.clearContext(this.canvas.contextTop);\n    this._setShadow();\n\n    this.addSprayChunk(pointer);\n    this.renderChunck(this.sprayChunk);\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    this.addSprayChunk(pointer);\n    this.renderChunck(this.sprayChunk);\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 rects: Rect[] = [];\n\n    for (let i = 0; i < this.sprayChunks.length; i++) {\n      const sprayChunk = this.sprayChunks[i];\n      for (let j = 0; j < sprayChunk.length; j++) {\n        const chunck = sprayChunk[j];\n        const rect = new Rect({\n          width: chunck.width,\n          height: chunck.width,\n          left: chunck.x + 1,\n          top: chunck.y + 1,\n          originX: CENTER,\n          originY: CENTER,\n          fill: this.color,\n        });\n        rects.push(rect);\n      }\n    }\n\n    const group = new Group(\n      this.optimizeOverlapping ? getUniqueRects(rects) : rects,\n      {\n        objectCaching: true,\n        subTargetCheck: false,\n        interactive: false,\n      },\n    );\n    this.shadow && group.set('shadow', new Shadow(this.shadow));\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  renderChunck(sprayChunck: SprayBrushPoint[]) {\n    const ctx = this.canvas.contextTop;\n    ctx.fillStyle = this.color;\n\n    this._saveAndTransform(ctx);\n\n    for (let i = 0; i < sprayChunck.length; i++) {\n      const point = sprayChunck[i];\n      ctx.globalAlpha = point.opacity;\n      ctx.fillRect(point.x, point.y, point.width, point.width);\n    }\n\n    ctx.restore();\n  }\n\n  /**\n   * Render all spray chunks\n   */\n  _render() {\n    const ctx = this.canvas.contextTop;\n    ctx.fillStyle = this.color;\n\n    this._saveAndTransform(ctx);\n\n    for (let i = 0; i < this.sprayChunks.length; i++) {\n      this.renderChunck(this.sprayChunks[i]);\n    }\n    ctx.restore();\n  }\n\n  /**\n   * @param {Point} pointer\n   */\n  addSprayChunk(pointer: Point) {\n    this.sprayChunk = [];\n    const radius = this.width / 2;\n\n    for (let i = 0; i < this.density; i++) {\n      this.sprayChunk.push({\n        x: getRandomInt(pointer.x - radius, pointer.x + radius),\n        y: getRandomInt(pointer.y - radius, pointer.y + radius),\n        width: this.dotWidthVariance\n          ? getRandomInt(\n              // bottom clamp width to 1\n              Math.max(1, this.dotWidth - this.dotWidthVariance),\n              this.dotWidth + this.dotWidthVariance,\n            )\n          : this.dotWidth,\n        opacity: this.randomOpacity ? getRandomInt(0, 100) / 100 : 1,\n      });\n    }\n\n    this.sprayChunks.push(this.sprayChunk);\n  }\n}\n"],"names":["getUniqueRects","rects","uniqueRects","uniqueRectsArray","i","key","length","left","top","push","SprayBrush","BaseBrush","constructor","canvas","_defineProperty","sprayChunks","sprayChunk","onMouseDown","pointer","clearContext","contextTop","_setShadow","addSprayChunk","renderChunck","onMouseMove","limitedToCanvasSize","_isOutSideCanvas","onMouseUp","originalRenderOnAddRemove","renderOnAddRemove","j","chunck","rect","Rect","width","height","x","y","originX","CENTER","originY","fill","color","group","Group","optimizeOverlapping","objectCaching","subTargetCheck","interactive","shadow","set","Shadow","fire","path","add","_resetShadow","requestRenderAll","sprayChunck","ctx","fillStyle","_saveAndTransform","point","globalAlpha","opacity","fillRect","restore","_render","radius","density","getRandomInt","dotWidthVariance","Math","max","dotWidth","randomOpacity"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import type { TEvent } from '../EventTypeDefs';
+import type { Point } from '../Point';
+export type TBrushEventData = TEvent & {
+    pointer: Point;
+};
+export type CircleBrushPoint = {
+    x: number;
+    y: number;
+    radius: number;
+    fill: string;
+};
+export type SprayBrushPoint = {
+    x: number;
+    y: number;
+    width: number;
+    opacity: number;
+};
+//# sourceMappingURL=typedefs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typedefs.d.ts","sourceRoot":"","sources":["../../../src/brushes/typedefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAE,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}