@anu3ev/fabric-image-editor 0.9.4 → 0.9.5

package/dist/main.js

@@ -2322,8 +2322,15 @@ var tt = class e extends l {
 	_hideIndicator() {
 		this.indicator.hide();
 	}
-	static _resolveDisplaySize({ target: e }) {
-		let t = Math.abs(e.getScaledWidth()), n = Math.abs(e.getScaledHeight());
+	static _resolveDisplaySize({ target: t }) {
+		let n = t.getObjectDisplaySize?.();
+		return n ? e._normalizeDisplaySize({ size: n }) : e._normalizeDisplaySize({ size: {
+			width: t.getScaledWidth(),
+			height: t.getScaledHeight()
+		} });
+	}
+	static _normalizeDisplaySize({ size: e }) {
+		let t = Math.abs(e.width), n = Math.abs(e.height);
 		return !Number.isFinite(t) || !Number.isFinite(n) ? null : {
 			height: n,
 			width: t
@@ -14419,76 +14426,85 @@ function ks({ value: e, min: t, max: n }) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
+//#region src/editor/crop-manager/domain/crop-frame-size.ts
+function As({ frame: e, scaleX: t = e.scaleX ?? 1, scaleY: n = e.scaleY ?? 1 }) {
+	let r = Math.abs(e.cropSourceScaleX ?? 1) || 1, i = Math.abs(e.cropSourceScaleY ?? 1) || 1;
+	return {
+		width: Math.max(1, e.width * Math.abs(t) / r),
+		height: Math.max(1, e.height * Math.abs(n) / i)
+	};
+}
+//#endregion
 //#region src/editor/crop-manager/interaction/crop-controls.ts
-var As = [
+var js = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], js = [
+], Ms = [
 	"ml",
 	"mr",
 	"mt",
 	"mb"
 ];
-function Ms({ transform: e }) {
+function Ns({ transform: e }) {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
 }
-function Ns({ transform: e, x: t, y: n }) {
+function Ps({ transform: e, x: t, y: n }) {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = x.getLocalPoint(r, r.originX, r.originY, t, n);
-	return Is({ transform: r }), Bs({
+	return Ls({ transform: r }), Vs({
 		transform: r,
 		localPoint: s
 	}), a !== i.scaleX || o !== i.scaleY;
 }
-function Ps({ transform: e, x: t, y: n }) {
+function Fs({ transform: e, x: t, y: n }) {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = x.getLocalPoint(r, r.originX, r.originY, t, n);
-	return Is({ transform: r }), Us({
+	return Ls({ transform: r }), Ws({
 		transform: r,
 		localPoint: s
 	}), a !== i.scaleX || o !== i.scaleY;
 }
-function Fs({ transform: e, axis: t, x: n, y: r }) {
+function Is({ transform: e, axis: t, x: n, y: r }) {
 	let i = e, { target: a } = i, o = t === "x" ? a.scaleX ?? 1 : a.scaleY ?? 1, s = x.getLocalPoint(i, i.originX, i.originY, n, r);
-	return Is({ transform: i }), Vs({
+	return Ls({ transform: i }), Hs({
 		transform: i,
 		axis: t,
 		localPoint: s
 	}), t === "x" ? o !== a.scaleX : o !== a.scaleY;
 }
-function Is({ transform: e }) {
-	let { signX: t, signY: n } = Ls({ controlKey: e.corner });
+function Ls({ transform: e }) {
+	let { signX: t, signY: n } = Rs({ controlKey: e.corner });
 	e.signX === void 0 && (e.signX = t), e.signY === void 0 && (e.signY = n);
 }
-function Ls({ controlKey: e }) {
+function Rs({ controlKey: e }) {
 	return {
-		signX: Rs({ controlKey: e }),
-		signY: zs({ controlKey: e })
+		signX: zs({ controlKey: e }),
+		signY: Bs({ controlKey: e })
 	};
 }
-function Rs({ controlKey: e }) {
+function zs({ controlKey: e }) {
 	return e === "tl" || e === "bl" || e === "ml" ? -1 : 1;
 }
-function zs({ controlKey: e }) {
+function Bs({ controlKey: e }) {
 	return e === "tl" || e === "tr" || e === "mt" ? -1 : 1;
 }
-function Bs({ transform: e, localPoint: t }) {
-	let { target: n } = e, r = Hs({
+function Vs({ transform: e, localPoint: t }) {
+	let { target: n } = e, r = Us({
 		transform: e,
 		axis: "x",
 		localPoint: t
-	}), i = Hs({
+	}), i = Us({
 		transform: e,
 		axis: "y",
 		localPoint: t
 	});
 	n.lockScalingX || n.set("scaleX", r), n.lockScalingY || n.set("scaleY", i);
 }
-function Vs({ transform: e, axis: t, localPoint: n }) {
+function Hs({ transform: e, axis: t, localPoint: n }) {
 	let { target: r } = e;
 	if (t === "x" && r.lockScalingX || t === "y" && r.lockScalingY) return;
-	let i = Hs({
+	let i = Us({
 		transform: e,
 		axis: t,
 		localPoint: n
@@ -14499,7 +14515,7 @@ function Vs({ transform: e, axis: t, localPoint: n }) {
 	}
 	r.set("scaleY", i);
 }
-function Hs({ transform: e, axis: t, localPoint: n }) {
+function Us({ transform: e, axis: t, localPoint: n }) {
 	let { target: r } = e, i = r._getTransformedDimensions(), a = Js({ target: r }), o = t === "x" ? r.scaleX ?? 1 : r.scaleY ?? 1, s = t === "x" ? n.x : n.y, c = t === "x" ? i.x : i.y, l = t === "x" ? a.minScaleX : a.minScaleY, u = t === "x" ? a.maxScaleX : a.maxScaleY;
 	if (Ys({
 		transform: e,
@@ -14507,19 +14523,19 @@ function Hs({ transform: e, axis: t, localPoint: n }) {
 		localPoint: n
 	})) return l;
 	let d = Math.abs((s || 0) * o / c);
-	return Ms({ transform: e }) && (d *= 2), $s({
+	return Ns({ transform: e }) && (d *= 2), $s({
 		value: d,
 		min: l,
 		max: u
 	});
 }
-function Us({ transform: e, localPoint: t }) {
+function Ws({ transform: e, localPoint: t }) {
 	let { target: n } = e;
 	if (n.lockScalingX || n.lockScalingY) return;
-	let r = Ks({
+	let r = qs({
 		target: n,
 		transform: e,
-		scale: Ws({
+		scale: Gs({
 			transform: e,
 			localPoint: t,
 			dimensions: n._getTransformedDimensions()
@@ -14531,22 +14547,22 @@ function Us({ transform: e, localPoint: t }) {
 	});
 	n.set("scaleX", r.scaleX), n.set("scaleY", r.scaleY);
 }
-function Ws({ transform: e, localPoint: t, dimensions: n }) {
+function Gs({ transform: e, localPoint: t, dimensions: n }) {
 	let r = "gestureScale" in e && typeof e.gestureScale == "number" ? e.gestureScale : null;
 	if (r !== null) return r;
-	let i = Math.abs(t.x) + Math.abs(t.y), a = Gs({
+	let i = Math.abs(t.x) + Math.abs(t.y), a = Ks({
 		transform: e,
 		dimensions: n
 	}), o = a > 0 ? i / a : 1;
-	return Ms({ transform: e }) && (o *= 2), o;
+	return Ns({ transform: e }) && (o *= 2), o;
 }
-function Gs({ transform: e, dimensions: t }) {
+function Ks({ transform: e, dimensions: t }) {
 	let { target: n, original: r } = e, i = n.scaleX ?? 1, a = n.scaleY ?? 1;
 	return Math.abs(t.x * r.scaleX / i) + Math.abs(t.y * r.scaleY / a);
 }
-function Ks({ target: e, transform: t, scale: n, forceMinimum: r }) {
-	let i = qs({
-		target: e,
+function qs({ target: e, transform: t, scale: n, forceMinimum: r }) {
+	let i = As({
+		frame: e,
 		scaleX: t.original.scaleX,
 		scaleY: t.original.scaleY
 	}), a = Math.max(ds / i.width, fs / i.height), o = Math.min(ps / i.width, ms / i.height), s = r ? a : $s({
@@ -14559,13 +14575,6 @@ function Ks({ target: e, transform: t, scale: n, forceMinimum: r }) {
 		scaleY: t.original.scaleY * s
 	};
 }
-function qs({ target: e, scaleX: t, scaleY: n }) {
-	let r = e, i = Math.abs(r.cropSourceScaleX ?? 1) || 1, a = Math.abs(r.cropSourceScaleY ?? 1) || 1;
-	return {
-		width: Math.max(1, e.width * Math.abs(t) / i),
-		height: Math.max(1, e.height * Math.abs(n) / a)
-	};
-}
 function Js({ target: e }) {
 	let t = e, n = Math.abs(t.cropSourceScaleX ?? 1) || 1, r = Math.abs(t.cropSourceScaleY ?? 1) || 1, i = Math.max(1, e.width), a = Math.max(1, e.height);
 	return {
@@ -14593,11 +14602,11 @@ function Xs({ transform: e, localPoint: t }) {
 	});
 }
 function Zs() {
-	let e = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => Ns({
+	let e = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => Ps({
 		transform: t,
 		x: n,
 		y: r
-	}))), t = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => Ps({
+	}))), t = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => Fs({
 		transform: t,
 		x: n,
 		y: r
@@ -14605,7 +14614,7 @@ function Zs() {
 	return (n, r, i, a) => n.shiftKey ? e(n, r, i, a) : t(n, r, i, a);
 }
 function Qs({ axis: e }) {
-	return x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((t, n, r, i) => Fs({
+	return x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((t, n, r, i) => Is({
 		transform: n,
 		axis: e,
 		x: r,
@@ -14624,13 +14633,13 @@ function ec({ control: e, actionHandler: t }) {
 }
 function tc({ target: e }) {
 	let t = { ...e.controls }, n = !1, r = Zs(), i = Qs({ axis: "x" }), a = Qs({ axis: "y" });
-	As.forEach((i) => {
+	js.forEach((i) => {
 		let a = e.controls[i];
 		a && (a.cropResizeControl || (t[i] = ec({
 			control: a,
 			actionHandler: r
 		}), n = !0));
-	}), js.forEach((r) => {
+	}), Ms.forEach((r) => {
 		let o = e.controls[r];
 		o && (o.cropResizeControl || (t[r] = ec({
 			control: o,
@@ -14652,6 +14661,9 @@ var nc = "rgba(47, 128, 237, 0.42)", rc = class extends _ {
 			height: this.height
 		});
 	}
+	getObjectDisplaySize() {
+		return As({ frame: this });
+	}
 };
 function ic({ source: e, cropSize: t, showGrid: n }) {
 	let r = e.getCenterPoint(), i = e.scaleX ?? 1, a = e.scaleY ?? 1, o = new rc({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "description": "TypeScript image editor library built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [