@yorab/react-paint 0.7.6 → 0.8.0

package/dist/utils/shapes/ellipse.js

@@ -1,101 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resizeEllipse = exports.getEllipseBorder = exports.drawEllipse = exports.createEllipse = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _canvas = require("../canvas");
-
-var _intersect = require("../intersect");
-
-var _transform = require("../transform");
-
-var _2 = require(".");
-
-const createEllipse = (shape, cursorPosition) => {
-  return {
-    toolId: shape.id,
-    type: shape.type,
-    id: _fp.default.uniqueId("".concat(shape.type, "_")),
-    x: cursorPosition[0],
-    y: cursorPosition[1],
-    radiusX: 1,
-    radiusY: 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.createEllipse = createEllipse;
-
-const drawEllipse = (ctx, ellipse) => {
-  var _ellipse$style, _ellipse$style2;
-
-  (0, _canvas.updateCanvasContext)(ctx, ellipse.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.ellipse(ellipse.x, ellipse.y, ellipse.radiusX, ellipse.radiusY, 0, 0, 2 * Math.PI);
-  ((_ellipse$style = ellipse.style) === null || _ellipse$style === void 0 ? void 0 : _ellipse$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_ellipse$style2 = ellipse.style) === null || _ellipse$style2 === void 0 ? void 0 : _ellipse$style2.strokeColor) !== 'transparent' && ctx.stroke();
-};
-
-exports.drawEllipse = drawEllipse;
-
-const getEllipseBorder = (ellipse, selectionPadding) => {
-  return {
-    x: ellipse.x - ellipse.radiusX - selectionPadding,
-    width: (ellipse.radiusX + selectionPadding) * 2,
-    y: ellipse.y - ellipse.radiusY - selectionPadding,
-    height: (ellipse.radiusY + selectionPadding) * 2
-  };
-};
-
-exports.getEllipseBorder = getEllipseBorder;
-
-const getEllipseOppositeAnchorAbsolutePosition = 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.radiusX : shape.radiusX) : shape.x + (negW ? shape.radiusX : -shape.radiusX);
-  const oppositeY = anchor[1] === 0.5 ? shape.y : anchor[1] === 0 ? shape.y + (negH ? -shape.radiusY : shape.radiusY) : shape.y + (negH ? shape.radiusY : -shape.radiusY);
-  return (0, _intersect.getPointPositionBeforeCanvasTransformation)([oppositeX, oppositeY], shape.rotation, center, canvasOffset);
-};
-
-const resizeEllipse = function (cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding) {
-  let keepRatio = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  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 scaledRadiusX = selectionMode.anchor[0] === 0.5 ? originalShape.radiusX : (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;
-  const scaledRadiusY = selectionMode.anchor[1] === 0.5 ? originalShape.radiusY : (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 [radiusXWithRatio, radiusYWithRatio] = keepRatio ? (0, _transform.getNormalizedSize)(originalShape.radiusX, originalShape.radiusY, scaledRadiusX, scaledRadiusY) : [scaledRadiusX, scaledRadiusY];
-  const shapeWithNewDimensions = { ...originalShape,
-    ...{
-      radiusX: Math.abs(radiusXWithRatio),
-      radiusY: Math.abs(radiusYWithRatio)
-    }
-  };
-  const {
-    center: shapeWithNewDimensionsCenter
-  } = (0, _2.getShapeInfos)(shapeWithNewDimensions, selectionPadding);
-  const [oppTrueX, oppTrueY] = getEllipseOppositeAnchorAbsolutePosition(selectionMode.anchor, center, originalShape, canvasOffset);
-  const [newOppTrueX, newOppTrueY] = getEllipseOppositeAnchorAbsolutePosition(selectionMode.anchor, shapeWithNewDimensionsCenter, shapeWithNewDimensions, canvasOffset, [radiusXWithRatio < 0, radiusYWithRatio < 0]);
-  return { ...shapeWithNewDimensions,
-    x: shapeWithNewDimensions.x - (newOppTrueX - oppTrueX),
-    y: shapeWithNewDimensions.y - (newOppTrueY - oppTrueY)
-  };
-};
-
-exports.resizeEllipse = resizeEllipse;

package/dist/utils/shapes/grid.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.drawGrid = void 0;
-
-var _style = require("../../constants/style");
-
-const drawGrid = (ctx, width, height, responsiveScale, canvasOffset, gridFormat) => {
-  ctx.strokeStyle = 'rgb(220,220,220)';
-  ctx.lineWidth = 1;
-  ctx.save();
-  ctx.scale(responsiveScale, responsiveScale);
-  ctx.beginPath();
-  const step = _style.GRID_STEP[gridFormat - 1];
-  const horizontalOffset = -canvasOffset[0] % step;
-  const verticalOffset = -canvasOffset[1] % step;
-  const nbCols = Math.ceil(width / responsiveScale / step);
-  const nbRows = Math.ceil(height / responsiveScale / step);
-
-  for (let i = 0; i < nbCols; i++) {
-    ctx.moveTo(horizontalOffset + (i + 1) * step, verticalOffset);
-    ctx.lineTo(horizontalOffset + (i + 1) * step, verticalOffset + height / responsiveScale);
-  }
-
-  for (let i = 0; i < nbRows; i++) {
-    ctx.moveTo(horizontalOffset, verticalOffset + (i + 1) * step);
-    ctx.lineTo(horizontalOffset + width / responsiveScale, verticalOffset + (i + 1) * step);
-  }
-
-  ctx.stroke();
-  ctx.restore();
-};
-
-exports.drawGrid = drawGrid;

package/dist/utils/shapes/index.js

@@ -1,341 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.translateShape = exports.rotateShape = exports.resizeShape = exports.getShapeInfos = exports.drawShapeSelection = exports.drawShape = exports.createShape = exports.copyShape = void 0;
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _transform = require("../transform");
-
-var _brush = require("./brush");
-
-var _line = require("./line");
-
-var _polygon = require("./polygon");
-
-var _curve = require("./curve");
-
-var _rectangle = require("./rectangle");
-
-var _text = require("./text");
-
-var _ellipse = require("./ellipse");
-
-var _circle = require("./circle");
-
-var _picture = require("./picture");
-
-var _style = require("../../constants/style");
-
-var _default = require("./default");
-
-var _canvas = require("../canvas");
-
-const createShape = (ctx, shape, cursorPosition, gridFormat) => {
-  const roundCursorPosition = [(0, _transform.roundForGrid)(cursorPosition[0], gridFormat), (0, _transform.roundForGrid)(cursorPosition[1], gridFormat)];
-
-  switch (shape.type) {
-    case 'brush':
-      return (0, _brush.createBrush)(shape, roundCursorPosition);
-
-    case 'line':
-      return (0, _line.createLine)(shape, roundCursorPosition);
-
-    case 'polygon':
-      return (0, _polygon.createPolygon)(shape, roundCursorPosition);
-
-    case 'curve':
-      return (0, _curve.createCurve)(shape, roundCursorPosition);
-
-    case 'rect':
-    case 'square':
-      return (0, _rectangle.createRectangle)(shape, roundCursorPosition);
-
-    case 'text':
-      return (0, _text.createText)(ctx, shape, roundCursorPosition);
-
-    case 'ellipse':
-      return (0, _ellipse.createEllipse)(shape, roundCursorPosition);
-
-    case 'circle':
-      return (0, _circle.createCircle)(shape, roundCursorPosition);
-  }
-};
-
-exports.createShape = createShape;
-
-const drawShape = (ctx, shape, responsiveScale, canvasOffset, selectionPadding) => {
-  if (shape.visible === false) return;
-  const {
-    center
-  } = getShapeInfos(shape, selectionPadding);
-  (0, _canvas.transformCanvas)(ctx, responsiveScale, canvasOffset, shape.rotation, center);
-
-  switch (shape.type) {
-    case 'brush':
-      (0, _brush.drawBrush)(ctx, shape);
-      break;
-
-    case 'text':
-      (0, _text.drawText)(ctx, shape);
-      break;
-
-    case 'line':
-      (0, _line.drawLine)(ctx, shape);
-      break;
-
-    case 'polygon':
-      (0, _polygon.drawPolygon)(ctx, shape);
-      break;
-
-    case 'curve':
-      (0, _curve.drawCurve)(ctx, shape);
-      break;
-
-    case 'circle':
-      (0, _circle.drawCircle)(ctx, shape);
-      break;
-
-    case 'ellipse':
-      (0, _ellipse.drawEllipse)(ctx, shape);
-      break;
-
-    case 'rect':
-    case 'square':
-      (0, _rectangle.drawRect)(ctx, shape);
-      break;
-
-    case 'picture':
-      (0, _picture.drawPicture)(ctx, shape);
-      break;
-  }
-
-  ctx.restore();
-};
-
-exports.drawShape = drawShape;
-
-const getShapeBorders = (marker, selectionPadding) => {
-  switch (marker.type) {
-    case 'brush':
-      return (0, _brush.getBrushBorder)(marker, selectionPadding);
-
-    case 'line':
-      return (0, _line.getLineBorder)(marker, selectionPadding);
-
-    case 'polygon':
-      return (0, _polygon.getPolygonBorder)(marker, selectionPadding);
-
-    case 'curve':
-      return (0, _curve.getCurveBorder)(marker, selectionPadding);
-
-    case 'circle':
-      return (0, _circle.getCircleBorder)(marker, selectionPadding);
-
-    case 'ellipse':
-      return (0, _ellipse.getEllipseBorder)(marker, selectionPadding);
-
-    case 'rect':
-    case 'square':
-    default:
-      return (0, _rectangle.getRectBorder)(marker, selectionPadding);
-
-    case 'text':
-      return (0, _text.getTextBorder)(marker, selectionPadding);
-
-    case 'picture':
-      return (0, _picture.getPictureBorder)(marker, selectionPadding);
-  }
-};
-
-const getShapeCenter = borders => {
-  return [borders.x + borders.width / 2, borders.y + borders.height / 2];
-};
-
-const getShapeInfos = (shape, selectionPadding) => {
-  const borders = getShapeBorders(shape, selectionPadding);
-  const center = getShapeCenter(borders);
-  return {
-    borders,
-    center
-  };
-};
-
-exports.getShapeInfos = getShapeInfos;
-
-const rotateShape = (shape, cursorPosition, originalShape, originalCursorPosition, shapeCenter, gridFormat) => {
-  const p1x = shapeCenter[0] - originalCursorPosition[0];
-  const p1y = shapeCenter[1] - originalCursorPosition[1];
-  const p2x = shapeCenter[0] - cursorPosition[0];
-  const p2y = shapeCenter[1] - cursorPosition[1];
-  const rotation = originalShape.rotation + Math.atan2(p2y, p2x) - Math.atan2(p1y, p1x);
-  return { ...shape,
-    ...{
-      rotation: gridFormat ? rotation + Math.PI / _style.GRID_ROTATION_STEPS / 2 - (rotation + Math.PI / _style.GRID_ROTATION_STEPS / 2) % (Math.PI / _style.GRID_ROTATION_STEPS) : rotation
-    }
-  };
-};
-
-exports.rotateShape = rotateShape;
-
-const resizeShape = (ctx, shape, cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding, isShiftPressed) => {
-  switch (shape.type) {
-    case 'line':
-    case 'polygon':
-    case 'curve':
-      return (0, _line.resizeLine)(cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding);
-
-    case 'brush':
-      return (0, _brush.resizeBrush)(cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding, isShiftPressed);
-
-    case 'circle':
-      return (0, _circle.resizeCircle)(cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding);
-
-    case 'ellipse':
-      return (0, _ellipse.resizeEllipse)(cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding, isShiftPressed);
-
-    case 'rect':
-    case 'square':
-      return (0, _rectangle.resizeRect)(cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding, shape.type === 'square' || isShiftPressed);
-
-    case 'text':
-      return (0, _text.resizeText)(ctx, cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding);
-
-    case 'picture':
-      return (0, _picture.resizePicture)(cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding, !isShiftPressed);
-  }
-};
-
-exports.resizeShape = resizeShape;
-
-const translateShape = (cursorPosition, originalShape, originalCursorPosition, gridFormat) => {
-  switch (originalShape.type) {
-    case 'rect':
-    case 'square':
-    case 'ellipse':
-    case 'circle':
-    case 'picture':
-    default:
-      return { ...originalShape,
-        x: (0, _transform.roundForGrid)(originalShape.x + cursorPosition[0] - originalCursorPosition[0], gridFormat),
-        y: (0, _transform.roundForGrid)(originalShape.y + cursorPosition[1] - originalCursorPosition[1], gridFormat)
-      };
-
-    case 'line':
-      return { ...originalShape,
-        points: originalShape.points.map(_ref => {
-          let [x, y] = _ref;
-          return [(0, _transform.roundForGrid)(x + cursorPosition[0] - originalCursorPosition[0], gridFormat), (0, _transform.roundForGrid)(y + cursorPosition[1] - originalCursorPosition[1], gridFormat)];
-        })
-      };
-
-    case 'polygon':
-    case 'curve':
-      if (gridFormat) {
-        const {
-          borders
-        } = getShapeInfos(originalShape, 0);
-        const translationX = (0, _transform.roundForGrid)(borders.x + cursorPosition[0] - originalCursorPosition[0], gridFormat) - borders.x;
-        const translationY = (0, _transform.roundForGrid)(borders.y + cursorPosition[1] - originalCursorPosition[1], gridFormat) - borders.y;
-        return { ...originalShape,
-          points: originalShape.points.map(_ref2 => {
-            let [x, y] = _ref2;
-            return [x + translationX, y + translationY];
-          })
-        };
-      } else {
-        return { ...originalShape,
-          points: originalShape.points.map(_ref3 => {
-            let [x, y] = _ref3;
-            return [(0, _transform.roundForGrid)(x + cursorPosition[0] - originalCursorPosition[0], gridFormat), (0, _transform.roundForGrid)(y + cursorPosition[1] - originalCursorPosition[1], gridFormat)];
-          })
-        };
-      }
-
-    case 'brush':
-      if (gridFormat) {
-        const {
-          borders
-        } = getShapeInfos(originalShape, 0);
-        const translationX = (0, _transform.roundForGrid)(borders.x + cursorPosition[0] - originalCursorPosition[0], gridFormat) - borders.x;
-        const translationY = (0, _transform.roundForGrid)(borders.y + cursorPosition[1] - originalCursorPosition[1], gridFormat) - borders.y;
-        return { ...originalShape,
-          points: originalShape.points.map(coord => coord.map(_ref4 => {
-            let [x, y] = _ref4;
-            return [x + translationX, y + translationY];
-          }))
-        };
-      } else {
-        return { ...originalShape,
-          points: originalShape.points.map(coord => coord.map(_ref5 => {
-            let [x, y] = _ref5;
-            return [x + cursorPosition[0] - originalCursorPosition[0], y + cursorPosition[1] - originalCursorPosition[1]];
-          }))
-        };
-      }
-
-  }
-};
-
-exports.translateShape = translateShape;
-
-const drawShapeSelection = _ref6 => {
-  let {
-    ctx,
-    shape,
-    scaleRatio = 1,
-    canvasOffset,
-    selectionPadding,
-    selectionWidth,
-    selectionColor,
-    withAnchors = true
-  } = _ref6;
-  const {
-    center
-  } = getShapeInfos(shape, selectionPadding);
-  (0, _canvas.transformCanvas)(ctx, scaleRatio, canvasOffset, shape.rotation, center);
-
-  switch (shape.type) {
-    case 'polygon':
-    case 'line':
-    case 'curve':
-      (0, _line.drawLineSelection)({
-        ctx,
-        shape,
-        withAnchors,
-        selectionPadding,
-        selectionWidth,
-        selectionColor,
-        currentScale: scaleRatio
-      });
-      break;
-
-    default:
-      (0, _default.drawSelectionDefault)({
-        ctx,
-        shape,
-        withAnchors,
-        selectionPadding,
-        selectionWidth,
-        selectionColor,
-        currentScale: scaleRatio
-      });
-      break;
-  }
-
-  ctx.restore();
-};
-
-exports.drawShapeSelection = drawShapeSelection;
-
-const copyShape = (shape, gridFormat) => {
-  return { ...translateShape([20, 20], shape, [0, 0], gridFormat),
-    id: _fp.default.uniqueId("".concat(shape.type, "_"))
-  };
-};
-
-exports.copyShape = copyShape;

package/dist/utils/shapes/line.js

@@ -1,179 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resizeLine = exports.getLineBorder = exports.drawLineSelection = exports.drawLine = exports.createLine = exports.buildTriangleOnLine = void 0;
-
-var _shapes = require("../../constants/shapes");
-
-var _fp = _interopRequireDefault(require("lodash/fp"));
-
-var _canvas = require("../canvas");
-
-var _intersect = require("../intersect");
-
-var _trigo = require("../trigo");
-
-var _2 = require(".");
-
-var _circle = require("./circle");
-
-var _rectangle = require("./rectangle");
-
-var _triangle = require("./triangle");
-
-const createLine = (shape, cursorPosition) => {
-  return {
-    toolId: shape.id,
-    type: shape.type,
-    id: _fp.default.uniqueId("".concat(shape.type, "_")),
-    points: [cursorPosition, cursorPosition],
-    rotation: 0,
-    style: {
-      globalAlpha: shape.settings.opacity.default,
-      strokeColor: shape.settings.strokeColor.default,
-      lineWidth: shape.settings.lineWidth.default,
-      lineDash: shape.settings.lineDash.default,
-      lineArrow: shape.settings.lineArrow.default
-    }
-  };
-};
-
-exports.createLine = createLine;
-
-const buildTriangleOnLine = (center, rotation, lineStyle) => {
-  var _lineStyle$style$line, _lineStyle$style, _lineStyle$style$line2, _lineStyle$style2, _lineStyle$style$line3, _lineStyle$style3, _lineStyle$style$line4, _lineStyle$style4, _lineStyle$style$line5, _lineStyle$style5, _lineStyle$style6;
-
-  const trianglePoints = [(0, _trigo.rotatePoint)({
-    point: [0, -(10 + ((_lineStyle$style$line = (_lineStyle$style = lineStyle.style) === null || _lineStyle$style === void 0 ? void 0 : _lineStyle$style.lineWidth) !== null && _lineStyle$style$line !== void 0 ? _lineStyle$style$line : 0) * 1)],
-    rotation
-  }), (0, _trigo.rotatePoint)({
-    point: [-(5 + ((_lineStyle$style$line2 = (_lineStyle$style2 = lineStyle.style) === null || _lineStyle$style2 === void 0 ? void 0 : _lineStyle$style2.lineWidth) !== null && _lineStyle$style$line2 !== void 0 ? _lineStyle$style$line2 : 0) * 1), 5 + ((_lineStyle$style$line3 = (_lineStyle$style3 = lineStyle.style) === null || _lineStyle$style3 === void 0 ? void 0 : _lineStyle$style3.lineWidth) !== null && _lineStyle$style$line3 !== void 0 ? _lineStyle$style$line3 : 0) * 2],
-    rotation
-  }), (0, _trigo.rotatePoint)({
-    point: [5 + ((_lineStyle$style$line4 = (_lineStyle$style4 = lineStyle.style) === null || _lineStyle$style4 === void 0 ? void 0 : _lineStyle$style4.lineWidth) !== null && _lineStyle$style$line4 !== void 0 ? _lineStyle$style$line4 : 0) * 1, 5 + ((_lineStyle$style$line5 = (_lineStyle$style5 = lineStyle.style) === null || _lineStyle$style5 === void 0 ? void 0 : _lineStyle$style5.lineWidth) !== null && _lineStyle$style$line5 !== void 0 ? _lineStyle$style$line5 : 0) * 2],
-    rotation
-  })];
-  return {
-    points: [[center[0] + trianglePoints[0][0], center[1] + trianglePoints[0][1]], [center[0] + trianglePoints[1][0], center[1] + trianglePoints[1][1]], [center[0] + trianglePoints[2][0], center[1] + trianglePoints[2][1]]],
-    style: { ...lineStyle.style,
-      fillColor: (_lineStyle$style6 = lineStyle.style) === null || _lineStyle$style6 === void 0 ? void 0 : _lineStyle$style6.strokeColor,
-      strokeColor: 'transparent'
-    }
-  };
-};
-
-exports.buildTriangleOnLine = buildTriangleOnLine;
-
-const drawLine = (ctx, line) => {
-  var _line$style, _line$style2, _line$style3, _line$style4, _line$style5, _line$style6;
-
-  (0, _canvas.updateCanvasContext)(ctx, line.style);
-  if (ctx.globalAlpha === 0) return;
-  ctx.beginPath();
-  ctx.moveTo(...line.points[0]);
-  ctx.lineTo(...line.points[1]);
-  ((_line$style = line.style) === null || _line$style === void 0 ? void 0 : _line$style.fillColor) !== 'transparent' && ctx.fill();
-  ((_line$style2 = line.style) === null || _line$style2 === void 0 ? void 0 : _line$style2.strokeColor) !== 'transparent' && ctx.stroke();
-
-  if (((_line$style3 = line.style) === null || _line$style3 === void 0 ? void 0 : _line$style3.lineArrow) === 1 || ((_line$style4 = line.style) === null || _line$style4 === void 0 ? void 0 : _line$style4.lineArrow) === 3) {
-    const rotation = Math.PI / 2 - (0, _trigo.getAngleFromVector)(line.points[0], line.points[1]);
-    (0, _triangle.drawTriangle)(ctx, buildTriangleOnLine(line.points[0], rotation, {
-      style: line.style
-    }));
-  }
-
-  if (((_line$style5 = line.style) === null || _line$style5 === void 0 ? void 0 : _line$style5.lineArrow) === 2 || ((_line$style6 = line.style) === null || _line$style6 === void 0 ? void 0 : _line$style6.lineArrow) === 3) {
-    const rotation = Math.PI / 2 - (0, _trigo.getAngleFromVector)(line.points[1], line.points[0]);
-    (0, _triangle.drawTriangle)(ctx, buildTriangleOnLine(line.points[1], rotation, {
-      style: line.style
-    }));
-  }
-};
-
-exports.drawLine = drawLine;
-
-const getLineBorder = (line, selectionPadding) => {
-  const x = Math.min(line.points[0][0], line.points[1][0]) - selectionPadding;
-  const width = Math.abs(line.points[0][0] - line.points[1][0]) + selectionPadding * 2;
-  const y = Math.min(line.points[0][1], line.points[1][1]) - selectionPadding;
-  const height = Math.abs(line.points[0][1] - line.points[1][1]) + selectionPadding * 2;
-  return {
-    x,
-    width,
-    y,
-    height
-  };
-};
-
-exports.getLineBorder = getLineBorder;
-
-const resizeLine = (cursorPosition, canvasOffset, originalShape, selectionMode, selectionPadding) => {
-  const {
-    center
-  } = (0, _2.getShapeInfos)(originalShape, selectionPadding);
-  const cursorPositionBeforeResize = (0, _intersect.getPointPositionAfterCanvasTransformation)(cursorPosition, originalShape.rotation, center, canvasOffset);
-
-  const updatedShape = _fp.default.set(['points', selectionMode.anchor], cursorPositionBeforeResize, originalShape);
-
-  return updatedShape;
-};
-
-exports.resizeLine = resizeLine;
-
-const drawLineSelection = _ref => {
-  let {
-    ctx,
-    shape,
-    withAnchors,
-    selectionPadding,
-    selectionWidth,
-    selectionColor,
-    currentScale = 1
-  } = _ref;
-  const {
-    borders
-  } = (0, _2.getShapeInfos)(shape, selectionPadding);
-  (0, _rectangle.drawRect)(ctx, { ...borders,
-    style: {
-      fillColor: 'transparent',
-      strokeColor: selectionColor,
-      lineWidth: selectionWidth / currentScale
-    }
-  });
-  if (!withAnchors || shape.locked) return;
-
-  for (let i = 0; i < shape.points.length; i++) {
-    const coordinate = shape.points[i];
-
-    if (shape.type === 'curve' && i > 0 && i < shape.points.length - 1) {
-      (0, _rectangle.drawRect)(ctx, {
-        x: coordinate[0] - _shapes.SELECTION_ANCHOR_SIZE / 2,
-        y: coordinate[1] - _shapes.SELECTION_ANCHOR_SIZE / 2,
-        width: _shapes.SELECTION_ANCHOR_SIZE / currentScale,
-        height: _shapes.SELECTION_ANCHOR_SIZE / currentScale,
-        style: {
-          fillColor: 'rgb(255,255,255)',
-          strokeColor: 'rgb(150,150,150)',
-          lineWidth: selectionWidth / currentScale
-        }
-      });
-    } else {
-      (0, _circle.drawCircle)(ctx, {
-        x: coordinate[0],
-        y: coordinate[1],
-        radius: _shapes.SELECTION_ANCHOR_SIZE / 2 / currentScale,
-        style: {
-          fillColor: 'rgb(255,255,255)',
-          strokeColor: 'rgb(150,150,150)',
-          lineWidth: selectionWidth / currentScale
-        }
-      });
-    }
-  }
-};
-
-exports.drawLineSelection = drawLineSelection;