@yorab/react-paint 0.7.6 → 0.8.0

package/dist/utils/intersect.js

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPointPositionBeforeCanvasTransformation = exports.getPointPositionAfterCanvasTransformation = exports.getCursorPosition = exports.checkPositionIntersection = void 0;
-
-var _shapes = require("../constants/shapes");
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _shapes2 = require("./shapes");
-
-var _trigo = require("./trigo");
-
-const getCursorPosition = function (e, canvas, givenWidth, givenHeight) {
-  var _canvas$getBoundingCl;
-
-  let scaleRatio = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-
-  const {
-    clientX,
-    clientY
-  } = _fp.default.getOr(_fp.default.getOr(e, 'changedTouches[0]', e), 'touches[0]', e);
-
-  const canvasBoundingRect = (_canvas$getBoundingCl = canvas === null || canvas === void 0 ? void 0 : canvas.getBoundingClientRect()) !== null && _canvas$getBoundingCl !== void 0 ? _canvas$getBoundingCl : {
-    left: 0,
-    top: 0,
-    width: givenWidth,
-    height: givenHeight
-  };
-  return [(clientX - canvasBoundingRect.left) * (givenWidth / canvasBoundingRect.width) / scaleRatio, (clientY - canvasBoundingRect.top) * (givenHeight / canvasBoundingRect.height) / scaleRatio];
-};
-
-exports.getCursorPosition = getCursorPosition;
-
-const getPointPositionAfterCanvasTransformation = (point, shapeRotation, _ref, _ref2) => {
-  let [originX, originY] = _ref;
-  let [canvasOffsetX, canvasOffsetY] = _ref2;
-  return (0, _trigo.rotatePoint)({
-    origin: [originX - canvasOffsetX, originY - canvasOffsetY],
-    point,
-    rotation: shapeRotation
-  });
-};
-
-exports.getPointPositionAfterCanvasTransformation = getPointPositionAfterCanvasTransformation;
-
-const getPointPositionBeforeCanvasTransformation = (point, shapeRotation, _ref3, _ref4) => {
-  let [originX, originY] = _ref3;
-  let [canvasOffsetX, canvasOffsetY] = _ref4;
-  return (0, _trigo.rotatePoint)({
-    origin: [originX - canvasOffsetX, originY - canvasOffsetY],
-    point,
-    rotation: -shapeRotation
-  });
-};
-
-exports.getPointPositionBeforeCanvasTransformation = getPointPositionBeforeCanvasTransformation;
-
-const checkPositionIntersection = function (shape, position, canvasOffset, selectionPadding) {
-  let currentScale = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  let checkAnchors = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  if (shape.locked) return false;
-  const scaleWithMinCap = Math.min(1, currentScale);
-  const {
-    borders,
-    center
-  } = (0, _shapes2.getShapeInfos)(shape, selectionPadding);
-  const newPosition = getPointPositionAfterCanvasTransformation(position, shape.rotation, center, canvasOffset);
-
-  if (checkAnchors) {
-    if (shape.type === 'line' || shape.type === 'polygon' || shape.type === 'curve') {
-      for (let i = 0; i < shape.points.length; i++) {
-        if ((0, _trigo.isPointInsideRect)({
-          x: shape.points[i][0] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-          y: shape.points[i][1] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-          width: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap,
-          height: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap
-        }, newPosition)) {
-          return {
-            mode: 'resize',
-            anchor: i
-          };
-        }
-      }
-    } else {
-      if ((0, _trigo.isPointInsideRect)({
-        x: borders.x + borders.width / 2 - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-        y: borders.y - _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap - _shapes.SELECTION_ROTATED_ANCHOR_POSITION / scaleWithMinCap,
-        width: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap,
-        height: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap
-      }, newPosition)) {
-        return {
-          mode: 'rotate'
-        };
-      }
-
-      for (const anchorPosition of _shapes.SELECTION_RESIZE_ANCHOR_POSITIONS) {
-        if ((0, _trigo.isPointInsideRect)({
-          x: borders.x + borders.width * anchorPosition[0] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-          y: borders.y + borders.height * anchorPosition[1] - _shapes.SELECTION_ANCHOR_SIZE / 2 / scaleWithMinCap,
-          width: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap,
-          height: _shapes.SELECTION_ANCHOR_SIZE / scaleWithMinCap
-        }, newPosition)) {
-          return {
-            mode: 'resize',
-            anchor: anchorPosition
-          };
-        }
-      }
-    }
-  }
-
-  return (0, _trigo.isPointInsideRect)(borders, newPosition) ? {
-    mode: 'translate'
-  } : false;
-};
-
-exports.checkPositionIntersection = checkPositionIntersection;

package/dist/utils/migration.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.migrateShapesV065 = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-const migrateShapesV065 = shapes => {
-  return _fp.default.map(shape => {
-    if (!shape.translation) {
-      return shape;
-    }
-
-    const translation = shape.translation;
-
-    switch (shape.type) {
-      case 'rect':
-      case 'square':
-      case 'ellipse':
-      case 'circle':
-      case 'picture':
-        return { ..._fp.default.omit(['translation'], shape),
-          x: shape.x + translation[0],
-          y: shape.y + translation[1]
-        };
-
-      case 'line':
-        return { ..._fp.default.omit(['translation'], shape),
-          points: shape.points.map(_ref => {
-            let [x, y] = _ref;
-            return [x + translation[0], y + translation[1]];
-          })
-        };
-
-      case 'polygon':
-      case 'curve':
-        return { ..._fp.default.omit(['translation'], shape),
-          points: shape.points.map(_ref2 => {
-            let [x, y] = _ref2;
-            return [x + translation[0], y + translation[1]];
-          })
-        };
-
-      case 'brush':
-        return { ..._fp.default.omit(['translation'], shape),
-          points: shape.points.map(coord => coord.map(_ref3 => {
-            let [x, y] = _ref3;
-            return [x + translation[0], y + translation[1]];
-          }))
-        };
-    }
-  }, shapes);
-};
-
-exports.migrateShapesV065 = migrateShapesV065;

package/dist/utils/selection.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selectShape = exports.getNewSelectionData = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _intersect = require("./intersect");
-
-var _shapes = require("./shapes");
-
-const getNewSelectionData = (hoverMode, selectedShape, cursorPosition, selectionPadding) => {
-  if (hoverMode.mode === 'translate') {
-    return {
-      mode: 'translate',
-      cursorStartPosition: cursorPosition,
-      originalShape: selectedShape
-    };
-  } else if (hoverMode.mode === 'rotate') {
-    const {
-      center: centerBeforeResize
-    } = (0, _shapes.getShapeInfos)(selectedShape, selectionPadding);
-    const center = [centerBeforeResize[0], centerBeforeResize[1]];
-    return {
-      mode: 'rotate',
-      cursorStartPosition: cursorPosition,
-      originalShape: selectedShape,
-      center
-    };
-  } else if (hoverMode.mode === 'resize') {
-    return {
-      mode: 'resize',
-      cursorStartPosition: cursorPosition,
-      originalShape: selectedShape,
-      anchor: hoverMode.anchor
-    };
-  }
-
-  return undefined;
-};
-
-exports.getNewSelectionData = getNewSelectionData;
-
-const selectShape = (shapes, cursorPosition, currentScale, canvasOffset, selectedShape, selectionPadding) => {
-  if (selectedShape) {
-    const positionIntersection = (0, _intersect.checkPositionIntersection)(selectedShape, cursorPosition, canvasOffset, selectionPadding, currentScale, true) || {
-      mode: 'default'
-    };
-    const newSelectionMode = getNewSelectionData(positionIntersection, selectedShape, cursorPosition, selectionPadding);
-
-    if ((newSelectionMode === null || newSelectionMode === void 0 ? void 0 : newSelectionMode.mode) === 'resize' || (newSelectionMode === null || newSelectionMode === void 0 ? void 0 : newSelectionMode.mode) === 'rotate') {
-      return {
-        shape: selectedShape,
-        mode: newSelectionMode
-      };
-    }
-  }
-
-  const foundShape = _fp.default.find(shape => {
-    return !!(0, _intersect.checkPositionIntersection)(shape, cursorPosition, canvasOffset, selectionPadding, currentScale, false);
-  }, shapes);
-
-  if (!!foundShape) {
-    return {
-      shape: foundShape,
-      mode: {
-        mode: 'translate',
-        cursorStartPosition: cursorPosition,
-        originalShape: foundShape
-      }
-    };
-  } else {
-    return {
-      shape: undefined,
-      mode: {
-        mode: 'default'
-      }
-    };
-  }
-};
-
-exports.selectShape = selectShape;

package/dist/utils/shapes/brush.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resizeBrush = exports.getBrushBorder = exports.drawBrush = exports.createBrush = exports.addNewPointToShape = exports.addNewPointGroupToShape = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _canvas = require("../canvas");
-
-var _intersect = require("../intersect");
-
-var _transform = require("../transform");
-
-var _2 = require(".");
-
-var _rectangle = require("./rectangle");
-
-const createBrush = (shape, cursorPosition) => {
-  return {
-    toolId: shape.id,
-    type: shape.type,
-    id: _fp.default.uniqueId("".concat(shape.type, "_")),
-    points: [[cursorPosition]],
-    rotation: 0,
-    style: {
-      globalAlpha: shape.settings.opacity.default,
-      strokeColor: shape.settings.strokeColor.default,
-      lineWidth: shape.settings.lineWidth.default,
-      lineDash: shape.settings.lineDash.default
-    }
-  };
-};
-
-exports.createBrush = createBrush;
-
-const drawBrush = (ctx, brush) => {
-  var _brush$style;
-
-  if (brush.points.length < 1) return;
-  (0, _canvas.updateCanvasContext)(ctx, brush.style);
-  ctx.beginPath();
-  if (((_brush$style = brush.style) === null || _brush$style === void 0 ? void 0 : _brush$style.strokeColor) === 'transparent' || ctx.globalAlpha === 0) return;
-  brush.points.forEach(points => {
-    if (points.length === 1) {
-      ctx.rect(points[0][0], points[0][1], 1, 1);
-    } else {
-      ctx.moveTo(...points[0]);
-      points.slice(1).forEach(point => {
-        ctx.lineTo(...point);
-      });
-    }
-  });
-  ctx.stroke();
-};
-
-exports.drawBrush = drawBrush;
-
-const getBrushBorder = (brush, selectionPadding) => {
-  const brushPoints = _fp.default.flatMap(points => points, brush.points);
-
-  const minX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.min, _fp.default.add(-selectionPadding))(brushPoints);
-
-  const maxX = _fp.default.flow(_fp.default.map(point => point[0]), _fp.default.max, _fp.default.add(selectionPadding))(brushPoints);
-
-  const minY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.min, _fp.default.add(-selectionPadding))(brushPoints);
-
-  const maxY = _fp.default.flow(_fp.default.map(point => point[1]), _fp.default.max, _fp.default.add(selectionPadding))(brushPoints);
-
-  return {
-    x: minX,
-    width: maxX - minX,
-    y: minY,
-    height: maxY - minY
-  };
-};
-
-exports.getBrushBorder = getBrushBorder;
-
-const resizeBrush = (cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding, keepRatio) => {
-  const {
-    center,
-    borders
-  } = (0, _2.getShapeInfos)(originalShape, selectionPadding);
-  const cursorPositionBeforeResize = (0, _intersect.getPointPositionAfterCanvasTransformation)(cursorPosition, originalShape.rotation, center, canvasOffset);
-  const scaledWidth = selectionMode.anchor[0] === 0.5 ? 1 : selectionMode.anchor[0] === 0 ? (borders.x + borders.width - cursorPositionBeforeResize[0] + selectionPadding * -2) / (borders.width + selectionPadding * -2) : (cursorPositionBeforeResize[0] - borders.x - selectionPadding * 2) / (borders.width - selectionPadding * 2);
-  const scaledHeight = selectionMode.anchor[1] === 0.5 ? 1 : selectionMode.anchor[1] === 0 ? (borders.y + borders.height - cursorPositionBeforeResize[1] + selectionPadding * -2) / (borders.height + selectionPadding * -2) : (cursorPositionBeforeResize[1] - borders.y - selectionPadding * 2) / (borders.height - selectionPadding * 2);
-  const [widthWithRatio, heightWithRatio] = keepRatio ? (0, _transform.getNormalizedSize)(1, 1, scaledWidth, scaledHeight) : [scaledWidth, scaledHeight];
-  const shapeWithNewDimensions = { ...originalShape,
-    points: originalShape.points.map(points => {
-      return points.map(point => [(point[0] - borders.x) * widthWithRatio + borders.x, (point[1] - borders.y) * heightWithRatio + borders.y]);
-    })
-  };
-  const {
-    center: shapeWithNewDimensionsCenter,
-    borders: shapeWithNewDimensionsBorders
-  } = (0, _2.getShapeInfos)(shapeWithNewDimensions, selectionPadding);
-  const [oppTrueX, oppTrueY] = (0, _rectangle.getRectOppositeAnchorAbsolutePosition)(selectionMode.anchor, center, { ...originalShape,
-    ...borders
-  }, canvasOffset);
-  const [newOppTrueX, newOppTrueY] = (0, _rectangle.getRectOppositeAnchorAbsolutePosition)(selectionMode.anchor, shapeWithNewDimensionsCenter, { ...shapeWithNewDimensions,
-    ...shapeWithNewDimensionsBorders
-  }, canvasOffset, [widthWithRatio < 0, heightWithRatio < 0]);
-  return { ...shapeWithNewDimensions,
-    points: shapeWithNewDimensions.points.map(coord => coord.map(_ref => {
-      let [x, y] = _ref;
-      return [x - (newOppTrueX - oppTrueX), y - (newOppTrueY - oppTrueY)];
-    }))
-  };
-};
-
-exports.resizeBrush = resizeBrush;
-
-const addNewPointToShape = (shape, cursorPosition) => {
-  return { ...shape,
-    ...{
-      points: _fp.default.set(shape.points.length - 1, [...shape.points[shape.points.length - 1], [Math.round(cursorPosition[0]), Math.round(cursorPosition[1])]], shape.points)
-    }
-  };
-};
-
-exports.addNewPointToShape = addNewPointToShape;
-
-const addNewPointGroupToShape = (shape, cursorPosition) => {
-  return { ...shape,
-    ...{
-      points: _fp.default.set(shape.points.length, [[Math.round(cursorPosition[0]), Math.round(cursorPosition[1])]], shape.points)
-    }
-  };
-};
-
-exports.addNewPointGroupToShape = addNewPointGroupToShape;

package/dist/utils/shapes/circle.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resizeCircle = exports.getCircleBorder = exports.drawCircle = exports.createCircle = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _canvas = require("../canvas");
-
-var _intersect = require("../intersect");
-
-var _2 = require(".");
-
-const createCircle = (shape, cursorPosition) => {
-  return {
-    toolId: shape.id,
-    type: shape.type,
-    id: _fp.default.uniqueId("".concat(shape.type, "_")),
-    x: cursorPosition[0],
-    y: cursorPosition[1],
-    radius: 1,
-    rotation: 0,
-    style: {
-      globalAlpha: shape.settings.opacity.default,
-      fillColor: shape.settings.fillColor.default,
-      strokeColor: shape.settings.strokeColor.default,
-      lineWidth: shape.settings.lineWidth.default,
-      lineDash: shape.settings.lineDash.default
-    }
-  };
-};
-
-exports.createCircle = createCircle;
-
-const drawCircle = (ctx, circle) => {
-  var _circle$style, _circle$style2;
-
-  (0, _canvas.updateCanvasContext)(ctx, circle.style);
-  ctx.beginPath();
-  ctx.arc(circle.x, circle.y, circle.radius, 0, 2 * Math.PI);
-  ((_circle$style = circle.style) === null || _circle$style === void 0 ? void 0 : _circle$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_circle$style2 = circle.style) === null || _circle$style2 === void 0 ? void 0 : _circle$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawCircle = drawCircle;
-
-const getCircleBorder = (circle, selectionPadding) => {
-  return {
-    x: circle.x - circle.radius - selectionPadding,
-    width: (circle.radius + selectionPadding) * 2,
-    y: circle.y - circle.radius - selectionPadding,
-    height: (circle.radius + selectionPadding) * 2
-  };
-};
-
-exports.getCircleBorder = getCircleBorder;
-
-const getCircleOppositeAnchorAbsolutePosition = function (anchor, center, shape, canvasOffset) {
-  let [negW, negH] = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [false, false];
-  const oppositeX = anchor[0] === 0.5 ? shape.x : anchor[0] === 0 ? shape.x + (negW ? -shape.radius : shape.radius) : shape.x + (negW ? shape.radius : -shape.radius);
-  const oppositeY = anchor[1] === 0.5 ? shape.y : anchor[1] === 0 ? shape.y + (negH ? -shape.radius : shape.radius) : shape.y + (negH ? shape.radius : -shape.radius);
-  return (0, _intersect.getPointPositionBeforeCanvasTransformation)([oppositeX, oppositeY], shape.rotation, center, canvasOffset);
-};
-
-const resizeCircle = (cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding) => {
-  const {
-    center,
-    borders
-  } = (0, _2.getShapeInfos)(originalShape, selectionPadding);
-  const cursorPositionBeforeResize = (0, _intersect.getPointPositionAfterCanvasTransformation)(cursorPosition, originalShape.rotation, center, canvasOffset);
-  const newCursorPosition = [cursorPositionBeforeResize[0], cursorPositionBeforeResize[1]];
-  const scaledRadius = selectionMode.anchor[1] === 0.5 ? (selectionMode.anchor[0] === 0 ? borders.x + borders.width - newCursorPosition[0] + selectionPadding * (selectionMode.anchor[0] === 0 ? -2 : 2) : newCursorPosition[0] - borders.x - selectionPadding * (selectionMode.anchor[0] === 0 ? -2 : 2)) / 2 : (selectionMode.anchor[1] === 0 ? borders.y + borders.height - newCursorPosition[1] + selectionPadding * (selectionMode.anchor[1] === 0 ? -2 : 2) : newCursorPosition[1] - borders.y - selectionPadding * (selectionMode.anchor[1] === 0 ? -2 : 2)) / 2;
-  const shapeWithNewDimensions = { ...originalShape,
-    ...{
-      radius: Math.abs(scaledRadius)
-    }
-  };
-  const {
-    center: shapeWithNewDimensionsCenter
-  } = (0, _2.getShapeInfos)(shapeWithNewDimensions, selectionPadding);
-  const [oppTrueX, oppTrueY] = getCircleOppositeAnchorAbsolutePosition(selectionMode.anchor, center, originalShape, canvasOffset);
-  const [newOppTrueX, newOppTrueY] = getCircleOppositeAnchorAbsolutePosition(selectionMode.anchor, shapeWithNewDimensionsCenter, shapeWithNewDimensions, canvasOffset, [scaledRadius < 0, scaledRadius < 0]);
-  return { ...shapeWithNewDimensions,
-    x: shapeWithNewDimensions.x - (newOppTrueX - oppTrueX),
-    y: shapeWithNewDimensions.y - (newOppTrueY - oppTrueY)
-  };
-};
-
-exports.resizeCircle = resizeCircle;

package/dist/utils/shapes/curve.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCurveBorder = exports.drawCurve = exports.createCurve = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _canvas = require("../canvas");
-
-var _polygon = require("./polygon");
-
-const createCurve = (shape, cursorPosition) => {
-  return {
-    toolId: shape.id,
-    type: shape.type,
-    id: _fp.default.uniqueId("".concat(shape.type, "_")),
-    points: _fp.default.flow(_fp.default.range(0), _fp.default.map(() => cursorPosition))(shape.settings.pointsCount.default),
-    rotation: 0,
-    style: {
-      globalAlpha: shape.settings.opacity.default,
-      fillColor: shape.settings.fillColor.default,
-      strokeColor: shape.settings.strokeColor.default,
-      lineWidth: shape.settings.lineWidth.default,
-      lineDash: shape.settings.lineDash.default,
-      pointsCount: shape.settings.pointsCount.default
-    }
-  };
-};
-
-exports.createCurve = createCurve;
-
-const drawCurve = (ctx, curve) => {
-  var _curve$style, _curve$style2;
-
-  if (curve.points.length < 3) return;
-  (0, _canvas.updateCanvasContext)(ctx, curve.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.moveTo(...curve.points[0]);
-
-  for (let i = 1; i < curve.points.length - 1; i++) {
-    ctx.quadraticCurveTo(...curve.points[i], curve.points.length - 2 === i ? curve.points[i + 1][0] : (curve.points[i + 1][0] - curve.points[i][0]) / 2 + curve.points[i][0], curve.points.length - 2 === i ? curve.points[i + 1][1] : (curve.points[i + 1][1] - curve.points[i][1]) / 2 + curve.points[i][1]);
-  }
-
-  ((_curve$style = curve.style) === null || _curve$style === void 0 ? void 0 : _curve$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_curve$style2 = curve.style) === null || _curve$style2 === void 0 ? void 0 : _curve$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawCurve = drawCurve;
-const getCurveBorder = _polygon.getPolygonBorder;
-exports.getCurveBorder = getCurveBorder;

package/dist/utils/shapes/default.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.drawSelectionDefault = void 0;
-
-var _shapes = require("../../constants/shapes");
-
-var _ = require(".");
-
-var _circle = require("./circle");
-
-var _line = require("./line");
-
-var _rectangle = require("./rectangle");
-
-const drawSelectionDefault = _ref => {
-  let {
-    ctx,
-    shape,
-    withAnchors,
-    selectionPadding,
-    selectionWidth,
-    selectionColor,
-    currentScale = 1
-  } = _ref;
-  const {
-    borders
-  } = (0, _.getShapeInfos)(shape, selectionPadding / currentScale);
-  (0, _rectangle.drawRect)(ctx, { ...borders,
-    style: {
-      fillColor: 'transparent',
-      strokeColor: selectionColor,
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-  if (!withAnchors || shape.locked) return;
-  (0, _line.drawLine)(ctx, {
-    points: [[borders.x + borders.width / 2, borders.y], [borders.x + borders.width / 2, borders.y - _shapes.SELECTION_ANCHOR_SIZE / 2 - _shapes.SELECTION_ROTATED_ANCHOR_POSITION / currentScale]],
-    style: {
-      fillColor: 'transparent',
-      strokeColor: selectionColor,
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-
-  for (const anchorPosition of _shapes.SELECTION_RESIZE_ANCHOR_POSITIONS) {
-    (0, _circle.drawCircle)(ctx, {
-      x: borders.x + borders.width * anchorPosition[0],
-      y: borders.y + borders.height * anchorPosition[1],
-      radius: _shapes.SELECTION_ANCHOR_SIZE / 2 / currentScale,
-      style: {
-        fillColor: 'rgb(255,255,255)',
-        strokeColor: 'rgb(150,150,150)',
-        lineWidth: selectionWidth / currentScale
-      }
-    });
-  }
-
-  (0, _circle.drawCircle)(ctx, {
-    x: borders.x + borders.width / 2,
-    y: borders.y - _shapes.SELECTION_ANCHOR_SIZE / 2 - _shapes.SELECTION_ROTATED_ANCHOR_POSITION / currentScale,
-    radius: _shapes.SELECTION_ANCHOR_SIZE / 2 / currentScale,
-    style: {
-      fillColor: 'rgb(255,255,255)',
-      strokeColor: 'rgb(150,150,150)',
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-};
-
-exports.drawSelectionDefault = drawSelectionDefault;