tldraw/dist-cjs/lib/shapes/shared/crop.js

A tiny little drawing editor.

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var crop_exports = {};
__export(crop_exports, {
  MIN_CROP_SIZE: () => MIN_CROP_SIZE,
  getCropBox: () => getCropBox,
  getDefaultCrop: () => getDefaultCrop,
  getUncroppedSize: () => getUncroppedSize
});
module.exports = __toCommonJS(crop_exports);
var import_editor = require("@tldraw/editor");
const MIN_CROP_SIZE = 8;
function getDefaultCrop() {
  return {
    topLeft: { x: 0, y: 0 },
    bottomRight: { x: 1, y: 1 }
  };
}
function getUncroppedSize(shapeSize, crop) {
  if (!crop) return { w: shapeSize.w, h: shapeSize.h };
  const w = shapeSize.w / (crop.bottomRight.x - crop.topLeft.x);
  const h = shapeSize.h / (crop.bottomRight.y - crop.topLeft.y);
  return { w, h };
}
function getCropBox(shape, info, opts = {}) {
  const { handle, change, crop } = info;
  const { w, h } = info.uncroppedSize;
  const { minWidth = MIN_CROP_SIZE, minHeight = MIN_CROP_SIZE } = opts;
  const newCrop = (0, import_editor.structuredClone)(crop);
  const newPoint = new import_editor.Vec(shape.x, shape.y);
  const pointDelta = new import_editor.Vec(0, 0);
  let hasCropChanged = false;
  switch (handle) {
    case "top":
    case "top_left":
    case "top_right": {
      if (h < minHeight) break;
      hasCropChanged = true;
      newCrop.topLeft.y = newCrop.topLeft.y + change.y / h;
      const heightAfterCrop = h * (newCrop.bottomRight.y - newCrop.topLeft.y);
      if (heightAfterCrop < minHeight) {
        newCrop.topLeft.y = newCrop.bottomRight.y - minHeight / h;
        pointDelta.y = (newCrop.topLeft.y - crop.topLeft.y) * h;
      } else {
        if (newCrop.topLeft.y <= 0) {
          newCrop.topLeft.y = 0;
          pointDelta.y = (newCrop.topLeft.y - crop.topLeft.y) * h;
        } else {
          pointDelta.y = change.y;
        }
      }
      break;
    }
    case "bottom":
    case "bottom_left":
    case "bottom_right": {
      if (h < minHeight) break;
      hasCropChanged = true;
      newCrop.bottomRight.y = Math.min(1, newCrop.bottomRight.y + change.y / h);
      const heightAfterCrop = h * (newCrop.bottomRight.y - newCrop.topLeft.y);
      if (heightAfterCrop < minHeight) {
        newCrop.bottomRight.y = newCrop.topLeft.y + minHeight / h;
      }
      break;
    }
  }
  switch (handle) {
    case "left":
    case "top_left":
    case "bottom_left": {
      if (w < minWidth) break;
      hasCropChanged = true;
      newCrop.topLeft.x = newCrop.topLeft.x + change.x / w;
      const widthAfterCrop = w * (newCrop.bottomRight.x - newCrop.topLeft.x);
      if (widthAfterCrop < minWidth) {
        newCrop.topLeft.x = newCrop.bottomRight.x - minWidth / w;
        pointDelta.x = (newCrop.topLeft.x - crop.topLeft.x) * w;
      } else {
        if (newCrop.topLeft.x <= 0) {
          newCrop.topLeft.x = 0;
          pointDelta.x = (newCrop.topLeft.x - crop.topLeft.x) * w;
        } else {
          pointDelta.x = change.x;
        }
      }
      break;
    }
    case "right":
    case "top_right":
    case "bottom_right": {
      if (w < minWidth) break;
      hasCropChanged = true;
      newCrop.bottomRight.x = Math.min(1, newCrop.bottomRight.x + change.x / w);
      const widthAfterCrop = w * (newCrop.bottomRight.x - newCrop.topLeft.x);
      if (widthAfterCrop < minWidth) {
        newCrop.bottomRight.x = newCrop.topLeft.x + minWidth / w;
      }
      break;
    }
  }
  if (!hasCropChanged) return void 0;
  newPoint.add(pointDelta.rot(shape.rotation));
  return {
    id: shape.id,
    type: shape.type,
    x: newPoint.x,
    y: newPoint.y,
    props: {
      w: (newCrop.bottomRight.x - newCrop.topLeft.x) * w,
      h: (newCrop.bottomRight.y - newCrop.topLeft.y) * h,
      crop: newCrop
    }
  };
}
//# sourceMappingURL=crop.js.map