@anu3ev/fabric-image-editor 0.8.0 → 0.8.1

package/dist/main.js

@@ -605,7 +605,7 @@ var H = 180, U = {
 		width: oe({ value: e * n }),
 		height: oe({ value: t * n })
 	};
-}, G = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
+}, se = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
 	let o = [], s = e * 2;
 	for (let c = 0; c < s; c += 1) {
 		let s = c % 2 == 0 ? t : n, l = a + c * Math.PI / e;
@@ -615,7 +615,7 @@ var H = 180, U = {
 		});
 	}
 	return o;
-}, se = [
+}, G = [
 	{
 		key: "circle",
 		type: "ellipse",
@@ -822,7 +822,7 @@ var H = 180, U = {
 		type: "polygon",
 		width: H,
 		height: H,
-		points: G({
+		points: se({
 			spikes: 16,
 			outerRadius: 50,
 			innerRadius: 45,
@@ -840,7 +840,7 @@ var H = 180, U = {
 		type: "polygon",
 		width: H,
 		height: H,
-		points: G({
+		points: se({
 			spikes: 4,
 			outerRadius: 50,
 			innerRadius: 19.1,
@@ -1424,7 +1424,7 @@ var H = 180, U = {
 		type: "polygon",
 		width: H,
 		height: H,
-		points: G({
+		points: se({
 			spikes: 14,
 			outerRadius: 50,
 			innerRadius: 40,
@@ -1503,8 +1503,8 @@ var H = 180, U = {
 		}
 	}
 ], ce = "circle", le = "center", ue = "middle", de = {};
-for (let e = 0; e < se.length; e += 1) {
-	let t = se[e];
+for (let e = 0; e < G.length; e += 1) {
+	let t = G[e];
 	de[t.key] = t;
 }
 var fe = de, pe = ({ presetKey: e }) => fe[e] ?? null, me = ({ preset: e, rounding: t }) => B({ rounding: t }) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key;
@@ -1559,7 +1559,7 @@ function be({ value: e }) {
 function xe({ stroke: e, strokeWidth: t }) {
 	return e == null ? !1 : Math.max(0, t ?? 0) > 0;
 }
-function Se({ padding: e }) {
+function K({ padding: e }) {
 	return {
 		top: ye({ value: e?.top }),
 		right: ye({ value: e?.right }),
@@ -1567,7 +1567,7 @@ function Se({ padding: e }) {
 		left: ye({ value: e?.left })
 	};
 }
-function Ce({ padding: e }) {
+function Se({ padding: e }) {
 	return {
 		top: be({ value: e?.top }),
 		right: be({ value: e?.right }),
@@ -1575,7 +1575,7 @@ function Ce({ padding: e }) {
 		left: be({ value: e?.left })
 	};
 }
-function we({ stroke: e, strokeWidth: t }) {
+function Ce({ stroke: e, strokeWidth: t }) {
 	if (!xe({
 		stroke: e,
 		strokeWidth: t
@@ -1593,16 +1593,16 @@ function we({ stroke: e, strokeWidth: t }) {
 		left: n
 	};
 }
-function Te({ base: e, override: t }) {
-	return t ? Ce({ padding: {
+function we({ base: e, override: t }) {
+	return t ? Se({ padding: {
 		top: t.top ?? e.top,
 		right: t.right ?? e.right,
 		bottom: t.bottom ?? e.bottom,
 		left: t.left ?? e.left
 	} }) : e;
 }
-function Ee({ base: e, addition: t }) {
-	let n = Se({ padding: e }), r = Se({ padding: t });
+function Te({ base: e, addition: t }) {
+	let n = K({ padding: e }), r = K({ padding: t });
 	return {
 		top: n.top + r.top,
 		right: n.right + r.right,
@@ -1610,16 +1610,16 @@ function Ee({ base: e, addition: t }) {
 		left: n.left + r.left
 	};
 }
-function De({ baseInset: e, stroke: t, strokeWidth: n }) {
-	return Ee({
+function Ee({ baseInset: e, stroke: t, strokeWidth: n }) {
+	return Te({
 		base: e,
-		addition: we({
+		addition: Ce({
 			stroke: t,
 			strokeWidth: n
 		})
 	});
 }
-function Oe({ padding: e }) {
+function De({ padding: e }) {
 	if (!e) return {};
 	let t = {}, n = Object.keys(e);
 	for (let r = 0; r < n.length; r += 1) {
@@ -1630,7 +1630,7 @@ function Oe({ padding: e }) {
 }
 //#endregion
 //#region src/editor/shape-manager/shape-runtime.ts
-var ke = ({ group: e }) => {
+var Oe = ({ group: e }) => {
 	let t = !!e.locked, n = e;
 	typeof n.setInteractive == "function" && n.setInteractive(!0), n.set({
 		evented: !0,
@@ -1642,7 +1642,7 @@ var ke = ({ group: e }) => {
 		subTargetCheck: !0,
 		hoverCursor: void 0
 	});
-}, Ae = ({ text: e }) => {
+}, ke = ({ text: e }) => {
 	let t = !!(e.locked || e.group?.locked);
 	e.set({
 		hasBorders: !1,
@@ -1655,7 +1655,7 @@ var ke = ({ group: e }) => {
 		autoExpand: !1,
 		shapeNodeType: "text"
 	}), e.setCoords();
-}, je = ({ group: e }) => {
+}, Ae = ({ group: e }) => {
 	let { layoutManager: t } = e;
 	if (!t || typeof t.unsubscribeTargets != "function") return;
 	let n = e.getObjects();
@@ -1663,7 +1663,7 @@ var ke = ({ group: e }) => {
 		target: e,
 		targets: n
 	});
-}, Me = ({ group: e }) => {
+}, je = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -1674,23 +1674,23 @@ var ke = ({ group: e }) => {
 		if (n instanceof _) return n;
 	}
 	return null;
-}, Ne = [
+}, Me = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], Pe = ({ transform: e }) => {
+], Ne = ({ transform: e }) => {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
-}, Fe = ({ transform: e, x: t, y: n }) => {
+}, Pe = ({ transform: e, x: t, y: n }) => {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = b.getLocalPoint(r, r.originX, r.originY, t, n), c = Math.sign(s.x || r.signX || 1), l = Math.sign(s.y || r.signY || 1);
 	r.signX === void 0 && (r.signX = c), r.signY === void 0 && (r.signY = l);
 	let u = i._getTransformedDimensions(), d = Math.abs(s.x * a / u.x), f = Math.abs(s.y * o / u.y);
-	Pe({ transform: r }) && (d *= 2, f *= 2);
+	Ne({ transform: r }) && (d *= 2, f *= 2);
 	let p = !i.lockScalingX && (!i.lockScalingFlip || r.signX === c), m = !i.lockScalingY && (!i.lockScalingFlip || r.signY === l);
 	return p && i.set("scaleX", d), m && i.set("scaleY", f), a !== i.scaleX || o !== i.scaleY;
-}, Ie = () => {
-	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => Fe({
+}, Fe = () => {
+	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => Pe({
 		transform: t,
 		x: n,
 		y: r
@@ -1706,31 +1706,31 @@ var ke = ({ group: e }) => {
 			a.uniformScaling = s;
 		}
 	};
-}, Le = ({ control: e }) => {
+}, Ie = ({ control: e }) => {
 	let t = new r({
 		...e,
-		actionHandler: Ie()
+		actionHandler: Fe()
 	});
 	return t.shapeFreeScaleCornerControl = !0, t;
-}, Re = ({ group: e }) => {
+}, Le = ({ group: e }) => {
 	let t = { ...e.controls };
-	Ne.forEach((n) => {
+	Me.forEach((n) => {
 		let r = e.controls[n];
-		r && (r.shapeFreeScaleCornerControl || (t[n] = Le({ control: r })));
+		r && (r.shapeFreeScaleCornerControl || (t[n] = Ie({ control: r })));
 	}), e.controls = t;
-}, ze = "shape-group";
-function Be() {
+}, Re = "shape-group";
+function ze() {
 	return { performLayout() {} };
 }
-function Ve({ layoutManager: e }) {
+function Be({ layoutManager: e }) {
 	let t = y.getClass("layoutManager");
 	if (!e) return new t();
 	let { strategy: n, type: r } = e, i = y.getClass(r);
 	return n ? new i(new (y.getClass(n))()) : new i();
 }
-var He = class e extends l {
+var Ve = class e extends l {
 	static {
-		this.type = ze;
+		this.type = Re;
 	}
 	constructor(e = [], t = {}) {
 		let { layoutManager: n, objectCaching: r, centeredScaling: i, lockScalingFlip: a, ...o } = t;
@@ -1747,23 +1747,23 @@ var He = class e extends l {
 			objectCaching: !1,
 			shapeComposite: !0
 		}), this.shapeTextAutoExpand === void 0 && (this.shapeTextAutoExpand = !0), this.shapeAlignHorizontal === void 0 && (this.shapeAlignHorizontal = le), this.shapeAlignVertical === void 0 && (this.shapeAlignVertical = ue);
-		let e = Ce({ padding: {
+		let e = Se({ padding: {
 			top: this.shapePaddingTop,
 			right: this.shapePaddingRight,
 			bottom: this.shapePaddingBottom,
 			left: this.shapePaddingLeft
 		} });
-		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), ke({ group: this }), Re({ group: this });
-		let t = Me({ group: this });
-		t && Ae({ text: t }), je({ group: this }), this.setCoords();
+		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), Oe({ group: this }), Le({ group: this });
+		let t = je({ group: this });
+		t && ke({ text: t }), Ae({ group: this }), this.setCoords();
 	}
 	static async fromObject({ type: t, objects: n = [], layoutManager: r, ...i }, a) {
 		let [o, s] = await Promise.all([C.enlivenObjects(n, a), C.enlivenObjectEnlivables(i, a)]), c = new e(o, {
 			...i,
 			...s,
-			layoutManager: Be()
+			layoutManager: ze()
 		});
-		return c.layoutManager = Ve({ layoutManager: r }), c.layoutManager.subscribeTargets({
+		return c.layoutManager = Be({ layoutManager: r }), c.layoutManager.subscribeTargets({
 			type: "initialization",
 			target: c,
 			targets: c.getObjects()
@@ -1776,19 +1776,19 @@ var He = class e extends l {
 		let t = pe({ presetKey: e });
 		t && (this.shapeCanRound = ve({ preset: t }));
 	}
-}, Ue = () => {
-	y?.setClass && y.setClass(He, ze);
-}, K = (e) => e instanceof He || e instanceof l && e.shapeComposite === !0, We = ({ target: e, subTargets: t = [] }) => {
-	if (K(e)) return e;
-	if (e?.group && K(e.group)) return e.group;
+}, He = () => {
+	y?.setClass && y.setClass(Ve, Re);
+}, q = (e) => e instanceof Ve || e instanceof l && e.shapeComposite === !0, Ue = ({ target: e, subTargets: t = [] }) => {
+	if (q(e)) return e;
+	if (e?.group && q(e.group)) return e.group;
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
-		if (K(n)) return n;
+		if (q(n)) return n;
 		let { group: r } = n;
-		if (r && K(r)) return r;
+		if (r && q(r)) return r;
 	}
 	return null;
-}, Ge = ({ group: e }) => {
+}, We = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -1799,7 +1799,7 @@ var He = class e extends l {
 		if (!(n instanceof _)) return n;
 	}
 	return null;
-}, Ke = ({ group: e }) => {
+}, Ge = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -1810,11 +1810,11 @@ var He = class e extends l {
 		if (n instanceof _) return n;
 	}
 	return null;
-}, q = ({ group: e }) => ({
-	shape: Ge({ group: e }),
-	text: Ke({ group: e })
+}, Ke = ({ group: e }) => ({
+	shape: We({ group: e }),
+	text: Ge({ group: e })
 }), qe = ({ group: e }) => {
-	ke({ group: e });
+	Oe({ group: e });
 }, Je = {
 	style: {
 		position: "absolute",
@@ -2017,7 +2017,7 @@ var He = class e extends l {
 	}
 	_resolveCurrentTarget() {
 		let e = this.canvas.getActiveObject();
-		return We({ target: e }) ?? e ?? null;
+		return Ue({ target: e }) ?? e ?? null;
 	}
 	destroy() {
 		this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
@@ -4483,7 +4483,7 @@ function xn({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, c
 	};
 }
 function Sn({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
-	let l = Math.max(1, t), u = Math.max(1, n), d = Se({ padding: r }), f = Se({ padding: i }), p = bn({
+	let l = Math.max(1, t), u = Math.max(1, n), d = K({ padding: r }), f = K({ padding: i }), p = bn({
 		text: e,
 		width: l,
 		height: u,
@@ -4580,7 +4580,7 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		appliedUserPadding: h
 	});
 }, kn = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
-	let l = Ce({ padding: i }), u = Se({ padding: a }), d = Math.max(Y, t), f = Math.max(Y, n), p = Sn({
+	let l = Se({ padding: i }), u = K({ padding: a }), d = Math.max(Y, t), f = Math.max(Y, n), p = Sn({
 		text: e,
 		width: d,
 		height: f,
@@ -4804,7 +4804,7 @@ var Mn = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWi
 	let a = Un({
 		width: Math.max(Y, t),
 		height: Math.max(Y, n),
-		padding: Se({ padding: i })
+		padding: K({ padding: i })
 	}), o = Xn({
 		text: e,
 		frameWidth: a.width
@@ -4849,22 +4849,22 @@ function In({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
 function Ln({ width: e, padding: t, resolvePaddingForWidth: n }) {
-	return Se(n ? { padding: n({ width: Math.max(Y, e) }) } : { padding: t });
+	return K(n ? { padding: n({ width: Math.max(Y, e) }) } : { padding: t });
 }
 function Rn({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
-	return Se(r ? { padding: r({
+	return K(r ? { padding: r({
 		width: Math.max(Y, e),
 		height: Math.max(Y, t)
 	}) } : { padding: n });
 }
 function zn({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
-	return Se(r ? { padding: r({
+	return K(r ? { padding: r({
 		width: Math.max(Y, e),
 		height: Math.max(Y, t)
 	}) } : { padding: n });
 }
 function Bn({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
-	let c = Ce({ padding: r }), l = Se({ padding: i }), u = Math.max(Y, t), d = Math.max(Y, n), f = Sn({
+	let c = Se({ padding: r }), l = K({ padding: i }), u = Math.max(Y, t), d = Math.max(Y, n), f = Sn({
 		text: e,
 		width: u,
 		height: d,
@@ -5160,8 +5160,8 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (!K(n)) return;
-			let i = n, { shape: a, text: o } = q({ group: i });
+			if (!q(n)) return;
+			let i = n, { shape: a, text: o } = Ke({ group: i });
 			if (!a || !o) return;
 			i.set({
 				lockScalingFlip: !0,
@@ -5221,12 +5221,12 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let n = this.canvas._currentTransform;
 			if (!n) return;
 			let { target: r } = n;
-			if (!K(r)) return;
+			if (!q(r)) return;
 			let { canScaleHeight: i, canScaleWidth: a } = sr({ transform: n });
 			if (!a && !i) return;
 			let o = r, s = this.scalingState.get(o);
 			if (!s || s.isProportionalScaling) return;
-			let { shape: c, text: l } = q({ group: o });
+			let { shape: c, text: l } = Ke({ group: o });
 			if (!c || !l) return;
 			let u = e._resolveScalingConstraintPadding({ group: o }), d = o.shapeAlignHorizontal ?? "center", f = Math.abs(o.scaleX ?? s.lastAllowedScaleX ?? 1) || 1, p = Math.abs(o.scaleY ?? s.lastAllowedScaleY ?? 1) || 1, m = {
 				...t,
@@ -5310,12 +5310,12 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectModified = (t) => {
 			let { target: n } = t;
-			if (!K(n)) return;
+			if (!q(n)) return;
 			let r = n, i = this.scalingState.get(r), a = Math.abs(r.scaleX ?? 1) || 1, o = Math.abs(r.scaleY ?? 1) || 1;
 			if (!(Math.abs(a - 1) > Z || Math.abs(o - 1) > Z) && !i) return;
 			let s = i?.startWidth ?? Math.max(X, r.shapeBaseWidth ?? r.width ?? r.shapeManualBaseWidth ?? X), c = i?.startHeight ?? Math.max(X, r.shapeBaseHeight ?? r.height ?? r.shapeManualBaseHeight ?? X), l = i?.startManualBaseWidth ?? Math.max(X, r.shapeManualBaseWidth ?? s), u = i?.startManualBaseHeight ?? Math.max(X, r.shapeManualBaseHeight ?? c);
 			if (i?.blockedScaleAttempt && i) {
-				let { shape: e, text: t } = q({ group: r });
+				let { shape: e, text: t } = Ke({ group: r });
 				this._restoreGroupTransformOnly({
 					group: r,
 					shape: e,
@@ -5324,7 +5324,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				}), r.shapeScalingNoopTransform = !1, this.scalingState.delete(r), this.canvas.requestRenderAll();
 				return;
 			}
-			let { shape: d, text: f } = q({ group: r });
+			let { shape: d, text: f } = Ke({ group: r });
 			if (!d || !f) {
 				this.scalingState.delete(r);
 				return;
@@ -5647,7 +5647,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 	}
 	static _resolveUserPadding({ group: e }) {
-		return Ce({ padding: {
+		return Se({ padding: {
 			top: e.shapePaddingTop,
 			right: e.shapePaddingRight,
 			bottom: e.shapePaddingBottom,
@@ -5656,7 +5656,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	static _resolveInternalShapeTextInset({ group: e, width: t, height: n }) {
 		let r = e.shapePresetKey ?? "", i = r ? pe({ presetKey: r }) : null;
-		return De({
+		return Ee({
 			baseInset: i ? ge({
 				preset: i,
 				width: t,
@@ -5763,17 +5763,17 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 }, vr = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
-			let { target: t, e: n, subTargets: r = [] } = e, i = We({
+			let { target: t, e: n, subTargets: r = [] } = e, i = Ue({
 				target: t,
 				subTargets: r
 			});
 			if (!i) return;
-			let { text: a } = q({ group: i });
+			let { text: a } = Ke({ group: i });
 			if (!a) return;
 			let o = this.canvas.getActiveObject(), s = o === i;
 			if (!(o === a && a.isEditing)) {
 				if (!s) {
-					a.isEditing || Ae({ text: a });
+					a.isEditing || ke({ text: a });
 					return;
 				}
 				n instanceof MouseEvent && (n.detail < 2 || this.enterTextEditing({ group: i }));
@@ -5782,7 +5782,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let { target: t } = e;
 			if (!(t instanceof _)) return;
 			let n = t, { group: r } = n;
-			K(r) && (this._enterTextEditingInteractionMode({
+			q(r) && (this._enterTextEditingInteractionMode({
 				group: r,
 				text: n
 			}), this.canvas.requestRenderAll());
@@ -5790,17 +5790,17 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let { target: t } = e;
 			if (!(t instanceof _)) return;
 			let n = t, { group: r } = n;
-			K(r) && (this._restoreTextEditingInteractionMode({
+			q(r) && (this._restoreTextEditingInteractionMode({
 				group: r,
 				text: n
-			}), Ae({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
+			}), ke({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
 		}, this.canvas = e, this.editingInteractionState = /* @__PURE__ */ new WeakMap(), this.editingTargetResolverState = void 0;
 	}
 	enterTextEditing({ group: e }) {
-		let { text: t } = q({ group: e });
+		let { text: t } = Ke({ group: e });
 		if (t) {
 			if (e.locked || t.locked) {
-				Ae({ text: t }), this.canvas.requestRenderAll();
+				ke({ text: t }), this.canvas.requestRenderAll();
 				return;
 			}
 			this._enterTextEditingInteractionMode({
@@ -5860,7 +5860,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let r = this.canvas, i = r.findTarget.bind(r);
 		r.findTarget = (n) => {
 			let r = i(n);
-			if (this.canvas.getActiveObject() !== t || !t.isEditing || r.target === t || We({
+			if (this.canvas.getActiveObject() !== t || !t.isEditing || r.target === t || Ue({
 				target: r.target,
 				subTargets: r.subTargets
 			}) !== e) return r;
@@ -5949,7 +5949,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		if (!t) return null;
 		this.pendingTextUpdates.delete(e);
 		let n = this.fireUpdated({ lifecycle: t }), { group: r } = e;
-		return K(r) && this.textEditingSnapshots.has(r) && this.textEditingSnapshots.set(r, n), n;
+		return q(r) && this.textEditingSnapshots.has(r) && this.textEditingSnapshots.set(r, n), n;
 	}
 	captureResizeStart({ group: t }) {
 		this.resizeStartSnapshots.has(t) || this.resizeStartSnapshots.set(t, e.getSnapshot({ group: t }));
@@ -5981,7 +5981,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}));
 	}
 	static getSnapshot({ group: t }) {
-		let { id: n, shapePresetKey: r, shapeBaseWidth: i, shapeBaseHeight: a, shapeManualBaseWidth: o, shapeManualBaseHeight: s, shapeTextAutoExpand: c, shapeAlignHorizontal: l, shapeAlignVertical: u, shapePaddingTop: d, shapePaddingRight: f, shapePaddingBottom: p, shapePaddingLeft: m, shapeFill: h, shapeStroke: g, shapeStrokeWidth: _, shapeStrokeDashArray: v, shapeOpacity: y, shapeRounding: b, left: x, top: S, originX: C, originY: w, angle: T, flipX: E, flipY: D, scaleX: O, scaleY: k } = t, { text: A } = q({ group: t });
+		let { id: n, shapePresetKey: r, shapeBaseWidth: i, shapeBaseHeight: a, shapeManualBaseWidth: o, shapeManualBaseHeight: s, shapeTextAutoExpand: c, shapeAlignHorizontal: l, shapeAlignVertical: u, shapePaddingTop: d, shapePaddingRight: f, shapePaddingBottom: p, shapePaddingLeft: m, shapeFill: h, shapeStroke: g, shapeStrokeWidth: _, shapeStrokeDashArray: v, shapeOpacity: y, shapeRounding: b, left: x, top: S, originX: C, originY: w, angle: T, flipX: E, flipY: D, scaleX: O, scaleY: k } = t, { text: A } = Ke({ group: t });
 		return {
 			id: n,
 			presetKey: r,
@@ -6083,11 +6083,11 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 }, br = "#B4B7BD", xr = 0, Sr = 1, Cr = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
-			let t = e.target && K(e.target) ? e.target : null;
+			let t = e.target && q(e.target) ? e.target : null;
 			t && this.lifecycleController.beginResize({ group: t }), this.scalingController.handleObjectScaling(e);
 		}, this._handleObjectModified = (e) => {
 			this.scalingController.handleObjectModified(e);
-			let t = e.target && K(e.target) ? e.target : null;
+			let t = e.target && q(e.target) ? e.target : null;
 			t && this.lifecycleController.finishResize({ group: t });
 		}, this._handleMouseMove = (e) => {
 			this.scalingController.handleCanvasMouseMove(e);
@@ -6104,7 +6104,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let t = null, { target: n } = e;
 			if (n instanceof _) {
 				let e = n, { group: r } = e;
-				K(r) && (this.editingPlacements.delete(r), t = {
+				q(r) && (this.editingPlacements.delete(r), t = {
 					group: r,
 					textNode: e
 				});
@@ -6114,19 +6114,19 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let { target: t } = e;
 			if (t instanceof _) {
 				let { group: e } = t;
-				K(e) && (this._detachShapeGroupAutoLayout({ group: e }), this.lifecycleController.beginTextEditing({ group: e }), this.editingPlacements.set(e, this.editor.canvasManager.getObjectPlacement({ object: e })));
+				q(e) && (this._detachShapeGroupAutoLayout({ group: e }), this.lifecycleController.beginTextEditing({ group: e }), this.editingPlacements.set(e, this.editor.canvasManager.getObjectPlacement({ object: e })));
 			}
 			this.editingController.handleTextEditingEntered(e);
 		}, this._handleTextChanged = (e) => {
 			let { target: t } = e;
 			if (!(t instanceof _)) return;
 			let n = t, { group: r } = n;
-			K(r) && this._syncShapeTextLayoutAfterTextMutation({ textNode: n }) && this.editor.canvas.requestRenderAll();
+			q(r) && this._syncShapeTextLayoutAfterTextMutation({ textNode: n }) && this.editor.canvas.requestRenderAll();
 		}, this._handleBeforeTextUpdated = (e) => {
 			let { textbox: t, style: n } = e;
 			if (!(t instanceof _)) return;
 			let r = t, { group: i } = r;
-			if (!K(i) || this.internalTextUpdates.has(r)) return;
+			if (!q(i) || this.internalTextUpdates.has(r)) return;
 			let a = this.lifecycleController.beginTextUpdate({
 				group: i,
 				textNode: r,
@@ -6145,7 +6145,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			if (!(t instanceof _)) return;
 			let n = t;
 			this.lifecycleController.finishTextUpdate({ textNode: n });
-		}, this.editor = e, Ue(), this.scalingController = new _r({ canvas: e.canvas }), this.editingController = new vr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new yr({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = e, He(), this.scalingController = new _r({ canvas: e.canvas }), this.editingController = new vr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new yr({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
 	async add({ presetKey: e = ce, options: t = {} } = {}) {
 		let n = pe({ presetKey: e });
@@ -6203,7 +6203,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}), E = l ?? "middle", O = this._resolveShapeStyle({
 			options: t,
 			fallback: null
-		}), k = Ce({ padding: u }), A = ({ width: e, height: t }) => De({
+		}), k = Se({ padding: u }), A = ({ width: e, height: t }) => Ee({
 			baseInset: ge({
 				preset: m,
 				width: e,
@@ -6211,7 +6211,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}),
 			stroke: O.stroke,
 			strokeWidth: O.strokeWidth
-		}), j = De({
+		}), j = Ee({
 			baseInset: ge({
 				preset: m,
 				width: b,
@@ -6219,10 +6219,10 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}),
 			stroke: O.stroke,
 			strokeWidth: O.strokeWidth
-		}), M = Ee({
+		}), M = Te({
 			base: j,
 			addition: k
-		}), N = Oe({ padding: u }), P = this._createTextNode({
+		}), N = De({ padding: u }), P = this._createTextNode({
 			text: o,
 			textStyle: s,
 			width: b,
@@ -6235,7 +6235,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			manualWidth: b,
 			shapeTextAutoExpandEnabled: w,
 			padding: M,
-			resolvePaddingForWidth: ({ width: e }) => Ee({
+			resolvePaddingForWidth: ({ width: e }) => Te({
 				base: A({
 					width: e,
 					height: x
@@ -6277,60 +6277,60 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	async update({ target: e, presetKey: t, options: n = {} } = {}) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
-		let i = pe({ presetKey: t ?? r.shapePresetKey ?? "circle" });
-		if (!i) return null;
-		let { left: a, top: o, originX: s, originY: c, width: l, height: u, preserveCurrentAspectRatio: d, shapeTextAutoExpand: f, text: p, textStyle: m, alignH: h, alignV: g, textPadding: _, rounding: v, withoutSelection: y, withoutSave: b } = n, x = this.editor.canvasManager.resolveObjectPlacement({
+		let i = r.shapePresetKey ?? "circle", a = t ?? i, o = pe({ presetKey: a });
+		if (!o) return null;
+		let { left: s, top: c, originX: l, originY: u, width: d, height: f, preserveCurrentAspectRatio: p, shapeTextAutoExpand: m, text: h, textStyle: g, alignH: _, alignV: v, textPadding: y, rounding: b, withoutSelection: x, withoutSave: S } = n, C = this.editor.canvasManager.resolveObjectPlacement({
 			object: r,
-			left: a,
-			top: o,
-			originX: s,
-			originY: c
-		}), S = this._resolveCurrentDimensions({ group: r }), C = this._resolveManualDimensions({ group: r }), w = this._resolveReplaceBoxDimensions({ group: r }), T = this._isShapeTextAutoExpandEnabled({ group: r }), E = f === void 0 ? T : f !== !1, D = B(v === void 0 ? { rounding: r.shapeRounding } : { rounding: v }), O = pe({ presetKey: me({
-			preset: i,
-			rounding: D
-		}) }) ?? i, k = ve({ preset: O }), A = k ? D : 0, { width: j, height: M } = O, N = !!d, P = t !== void 0, F = P && !N, I = F ? {
-			width: Math.max(1, l ?? w.width),
-			height: Math.max(1, u ?? w.height)
-		} : null, { width: ee, height: te } = I ? this._resolveAspectRatioFittedDimensions({
-			targetWidth: I.width,
-			targetHeight: I.height,
-			aspectWidth: j,
-			aspectHeight: M
+			left: s,
+			top: c,
+			originX: l,
+			originY: u
+		}), w = this._resolveCurrentDimensions({ group: r }), T = this._resolveManualDimensions({ group: r }), E = this._resolveReplaceBoxDimensions({ group: r }), D = this._isShapeTextAutoExpandEnabled({ group: r }), O = m === void 0 ? D : m !== !1, k = B(b === void 0 ? { rounding: r.shapeRounding } : { rounding: b }), A = pe({ presetKey: me({
+			preset: o,
+			rounding: k
+		}) }) ?? o, j = ve({ preset: A }), M = j ? k : 0, { width: N, height: P } = A, F = !!p, I = t !== void 0 && a !== i, ee = I && !F, te = ee ? {
+			width: Math.max(1, d ?? E.width),
+			height: Math.max(1, f ?? E.height)
+		} : null, { width: L, height: ne } = te ? this._resolveAspectRatioFittedDimensions({
+			targetWidth: te.width,
+			targetHeight: te.height,
+			aspectWidth: N,
+			aspectHeight: P
 		}) : {
-			width: Math.max(1, l ?? S.width),
-			height: Math.max(1, u ?? S.height)
-		}, L = h ?? r.shapeAlignHorizontal ?? "center", ne = g ?? r.shapeAlignVertical ?? "middle", re = this._resolveGroupUserPadding({ group: r }), R = Oe({ padding: _ }), ie = Te({
-			base: re,
-			override: _
-		}), z = this._resolveShapeStyle({
+			width: Math.max(1, d ?? w.width),
+			height: Math.max(1, f ?? w.height)
+		}, re = _ ?? r.shapeAlignHorizontal ?? "center", R = v ?? r.shapeAlignVertical ?? "middle", ie = this._resolveGroupUserPadding({ group: r }), z = De({ padding: y }), V = we({
+			base: ie,
+			override: y
+		}), H = this._resolveShapeStyle({
 			options: n,
 			fallback: r
-		}), V = ({ width: e, height: t }) => De({
+		}), U = ({ width: e, height: t }) => Ee({
 			baseInset: ge({
-				preset: O,
+				preset: A,
 				width: e,
 				height: t
 			}),
-			stroke: z.stroke,
-			strokeWidth: z.strokeWidth
-		}), H = Ee({
-			base: V({
-				width: ee,
-				height: te
+			stroke: H.stroke,
+			strokeWidth: H.strokeWidth
+		}), ae = Te({
+			base: U({
+				width: L,
+				height: ne
 			}),
-			addition: ie
-		}), U = C.width, ae = C.height;
-		P && (U = ee, ae = te), !P && l !== void 0 && (U = Math.max(1, l)), !P && u !== void 0 && (ae = Math.max(1, u)), !P && l === void 0 && T && !E && (U = S.width);
-		let { shape: oe, text: W } = q({ group: r });
-		if (!oe || !W) return null;
-		let G = this.lifecycleController.createContext({
+			addition: V
+		}), oe = T.width, W = T.height;
+		I && (oe = L, W = ne), !I && d !== void 0 && (oe = Math.max(1, d)), !I && f !== void 0 && (W = Math.max(1, f)), !I && d === void 0 && D && !O && (oe = w.width);
+		let { shape: se, text: G } = Ke({ group: r });
+		if (!se || !G) return null;
+		let ce = this.lifecycleController.createContext({
 			group: r,
 			source: "update",
 			target: e,
-			presetKey: O.key,
+			presetKey: A.key,
 			options: n,
-			withoutSave: b
-		}), se = {
+			withoutSave: S
+		}), le = {
 			angle: 0,
 			skewX: 0,
 			skewY: 0,
@@ -6343,91 +6343,91 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			top: 0,
 			originX: "left",
 			originY: "top"
-		}, ce = W, le = this._createTextNode({
-			text: ce.textCaseRaw ?? W.text ?? "",
-			textStyle: this._resolveCurrentTextStyle({ textNode: W }),
-			width: Math.max(1, W.width ?? S.width),
-			align: L
+		}, ue = G, de = this._createTextNode({
+			text: ue.textCaseRaw ?? G.text ?? "",
+			textStyle: this._resolveCurrentTextStyle({ textNode: G }),
+			width: Math.max(1, G.width ?? w.width),
+			align: re
 		});
-		le.set(se), this._applyTextUpdates({
-			textNode: le,
-			text: p,
-			textStyle: m,
-			align: L
+		de.set(le), this._applyTextUpdates({
+			textNode: de,
+			text: h,
+			textStyle: g,
+			align: re
 		});
-		let ue = l === void 0 && u === void 0 && t === void 0 && f === void 0 && v === void 0 && p === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: m }), de = _ !== void 0 && ue, fe = ee, he = te;
-		ue ? (fe = S.width, he = S.height) : F || (fe = this._resolveShapeLayoutWidth({
-			text: le,
-			currentWidth: ee,
-			manualWidth: U,
-			shapeTextAutoExpandEnabled: E,
-			padding: H,
-			resolvePaddingForWidth: ({ width: e }) => Ee({
-				base: V({
+		let fe = d === void 0 && f === void 0 && !I && m === void 0 && b === void 0 && h === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: g }), he = y !== void 0 && fe, _e = L, ye = ne;
+		fe ? (_e = w.width, ye = w.height) : ee || (_e = this._resolveShapeLayoutWidth({
+			text: de,
+			currentWidth: L,
+			manualWidth: oe,
+			shapeTextAutoExpandEnabled: O,
+			padding: ae,
+			resolvePaddingForWidth: ({ width: e }) => Te({
+				base: U({
 					width: e,
-					height: te
+					height: ne
 				}),
-				addition: ie
+				addition: V
 			})
 		}));
-		let _e = V({
-			width: fe,
-			height: he
-		}), ye = await fn({
-			preset: O,
-			width: fe,
-			height: he,
-			style: z,
-			rounding: A
-		}), be = r.getObjects().indexOf(oe);
-		if (be < 0) return null;
-		let xe = () => {
-			this._detachShapeGroupAutoLayout({ group: r }), W.set(se), this._applyTextUpdates({
-				textNode: W,
-				text: p,
-				textStyle: m,
-				align: L
-			}), r.remove(oe), r.insertAt(be, ye), this._applyShapeGroupMetadata({
+		let be = U({
+			width: _e,
+			height: ye
+		}), xe = await fn({
+			preset: A,
+			width: _e,
+			height: ye,
+			style: H,
+			rounding: M
+		}), K = r.getObjects().indexOf(se);
+		if (K < 0) return null;
+		let Se = () => {
+			this._detachShapeGroupAutoLayout({ group: r }), G.set(le), this._applyTextUpdates({
+				textNode: G,
+				text: h,
+				textStyle: g,
+				align: re
+			}), r.remove(se), r.insertAt(K, xe), this._applyShapeGroupMetadata({
 				group: r,
-				presetKey: O.key,
-				presetCanRound: k,
-				width: fe,
-				height: he,
-				manualWidth: U,
-				manualHeight: ae,
-				replaceBoxWidth: I?.width,
-				replaceBoxHeight: I?.height,
-				shapeTextAutoExpand: E,
-				alignH: L,
-				alignV: ne,
-				padding: ie,
-				style: z,
-				rounding: A
+				presetKey: A.key,
+				presetCanRound: j,
+				width: _e,
+				height: ye,
+				manualWidth: oe,
+				manualHeight: W,
+				replaceBoxWidth: te?.width,
+				replaceBoxHeight: te?.height,
+				shapeTextAutoExpand: O,
+				alignH: re,
+				alignV: R,
+				padding: V,
+				style: H,
+				rounding: M
 			}), this._applyCurrentLayout({
 				group: r,
-				shape: ye,
-				text: W,
-				placement: x,
-				width: fe,
-				height: he,
-				alignH: L,
-				alignV: ne,
-				internalShapeTextInset: _e,
-				resolveInternalShapeTextInset: V,
-				preserveAspectRatio: F,
-				minimumReplaceBox: I ?? void 0,
-				expandShapeHeightToFitText: !de,
-				changedPadding: R
-			}), F && (r.shapeManualBaseWidth = Math.max(1, r.shapeBaseWidth ?? fe), r.shapeManualBaseHeight = Math.max(1, r.shapeBaseHeight ?? he)), W.isEditing && this.editingPlacements.set(r, x);
+				shape: xe,
+				text: G,
+				placement: C,
+				width: _e,
+				height: ye,
+				alignH: re,
+				alignV: R,
+				internalShapeTextInset: be,
+				resolveInternalShapeTextInset: U,
+				preserveAspectRatio: ee,
+				minimumReplaceBox: te ?? void 0,
+				expandShapeHeightToFitText: !he,
+				changedPadding: z
+			}), ee && (r.shapeManualBaseWidth = Math.max(1, r.shapeBaseWidth ?? _e), r.shapeManualBaseHeight = Math.max(1, r.shapeBaseHeight ?? ye)), G.isEditing && this.editingPlacements.set(r, C);
 		};
-		if (!this._isOnCanvas({ object: r })) return xe(), this.lifecycleController.fireBefore({ lifecycle: G }), this.lifecycleController.fireUpdated({ lifecycle: G }), r;
+		if (!this._isOnCanvas({ object: r })) return Se(), this.lifecycleController.fireBefore({ lifecycle: ce }), this.lifecycleController.fireUpdated({ lifecycle: ce }), r;
 		this._beginMutation();
 		try {
-			xe(), !W.isEditing && !y && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: G }), this.editor.canvas.requestRenderAll();
+			Se(), !G.isEditing && !x && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: ce }), this.editor.canvas.requestRenderAll();
 		} finally {
-			this._endMutation({ withoutSave: b });
+			this._endMutation({ withoutSave: S });
 		}
-		return this.lifecycleController.fireUpdated({ lifecycle: G }), r;
+		return this.lifecycleController.fireUpdated({ lifecycle: ce }), r;
 	}
 	_resolveAspectRatioFittedDimensions({ targetWidth: e, targetHeight: t, aspectWidth: n, aspectHeight: r }) {
 		let i = Math.max(1, n), a = Math.max(1, r), o = e === void 0 ? void 0 : Math.max(1, e), s = t === void 0 ? void 0 : Math.max(1, t);
@@ -6463,7 +6463,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	setFill({ target: e, fill: t, withoutSave: n }) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
-		let { shape: i } = q({ group: r });
+		let { shape: i } = Ke({ group: r });
 		if (!i) return null;
 		let a = this.lifecycleController.createContext({
 			group: r,
@@ -6485,7 +6485,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	setStroke({ target: e, stroke: t, strokeWidth: n, dash: r, withoutSave: i }) {
 		let a = this._resolveShapeGroup({ target: e });
 		if (!a) return null;
-		let { shape: o, text: s } = q({ group: a });
+		let { shape: o, text: s } = Ke({ group: a });
 		if (!o) return null;
 		let c = this.lifecycleController.createContext({
 			group: a,
@@ -6521,7 +6521,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	setOpacity({ target: e, opacity: t, applyToText: n = !0, withoutSave: r }) {
 		let i = this._resolveShapeGroup({ target: e });
 		if (!i) return null;
-		let { shape: a, text: o } = q({ group: i });
+		let { shape: a, text: o } = Ke({ group: i });
 		if (!a) return null;
 		let s = this.lifecycleController.createContext({
 			group: i,
@@ -6543,13 +6543,13 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	getTextNode({ target: e } = {}) {
 		let t = this._resolveShapeGroup({ target: e });
 		if (!t) return null;
-		let { text: n } = q({ group: t });
+		let { text: n } = Ke({ group: t });
 		return n || null;
 	}
 	updateTextStyle({ target: e, style: t = {}, withoutSave: n } = {}) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
-		let { shape: i, text: a } = q({ group: r });
+		let { shape: i, text: a } = Ke({ group: r });
 		if (!i || !a) return null;
 		if (!(Object.keys(t).length > 0)) return r;
 		let o = this._resolveManualDimensions({ group: r }), s = this.editor.canvasManager.getObjectPlacement({ object: r }), c = this._resolveShapeTextHorizontalAlign({
@@ -6583,7 +6583,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	setTextAlign({ target: e, horizontal: t, vertical: n, withoutSave: r }) {
 		let i = this._resolveShapeGroup({ target: e });
 		if (!i) return null;
-		let { shape: a, text: o } = q({ group: i });
+		let { shape: a, text: o } = Ke({ group: i });
 		if (!a || !o) return null;
 		let s = this._resolveCurrentDimensions({ group: i }), c = t ?? i.shapeAlignHorizontal ?? "center", l = n ?? i.shapeAlignVertical ?? "middle", u = this.lifecycleController.createContext({
 			group: i,
@@ -6634,7 +6634,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		e.on("object:scaling", this._handleObjectScaling), e.on("object:modified", this._handleObjectModified), e.on("mouse:move", this._handleMouseMove), e.on("mouse:down", this._handleMouseDown), e.on("mouse:up", this._handleMouseUp), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged), e.on("editor:before:text-updated", this._handleBeforeTextUpdated), e.on("editor:text-updated", this._handleTextUpdated);
 	}
 	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, replaceBoxWidth: l, replaceBoxHeight: u, preserveAspectRatio: d, shapeTextAutoExpand: f, alignH: p, alignV: m, padding: h, internalShapeTextInset: g, resolveInternalShapeTextInset: _, changedPadding: v, style: y, rounding: b }) {
-		let x = new He([r, i], {
+		let x = new Ve([r, i], {
 			originX: "center",
 			originY: "center",
 			left: 0,
@@ -6657,7 +6657,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			padding: h,
 			style: y,
 			rounding: b
-		}), x.rehydrateRuntimeState(), qe({ group: x }), Ae({ text: i }), An({
+		}), x.rehydrateRuntimeState(), qe({ group: x }), ke({ text: i }), An({
 			group: x,
 			shape: r,
 			text: i,
@@ -6722,7 +6722,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		return s.set({
 			shapeNodeType: "text",
 			splitByGrapheme: !1
-		}), Ae({ text: s }), s;
+		}), ke({ text: s }), s;
 	}
 	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r }) {
 		let i = {};
@@ -6802,7 +6802,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 	}
 	_resolveGroupUserPadding({ group: e }) {
-		return Ce({ padding: {
+		return Se({ padding: {
 			top: e.shapePaddingTop,
 			right: e.shapePaddingRight,
 			bottom: e.shapePaddingBottom,
@@ -6811,7 +6811,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_resolveGroupInternalShapeTextInset({ group: e, width: t, height: n }) {
 		let r = pe({ presetKey: e.shapePresetKey ?? "circle" });
-		return De({
+		return Ee({
 			baseInset: r ? ge({
 				preset: r,
 				width: t,
@@ -6868,14 +6868,14 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				currentWidth: m.width,
 				manualWidth: h.width,
 				shapeTextAutoExpandEnabled: _,
-				padding: Ee({
+				padding: Te({
 					base: v({
 						width: y,
 						height: e
 					}),
 					addition: g
 				}),
-				resolvePaddingForWidth: ({ width: t }) => Ee({
+				resolvePaddingForWidth: ({ width: t }) => Te({
 					base: v({
 						width: t,
 						height: e
@@ -6911,8 +6911,8 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_syncShapeTextLayoutAfterTextMutation({ textNode: e, textStyle: t }) {
 		let { group: n } = e;
-		if (!K(n)) return !1;
-		let { shape: r, text: i } = q({ group: n });
+		if (!q(n)) return !1;
+		let { shape: r, text: i } = Ke({ group: n });
 		if (!r || !i) return !1;
 		this._detachShapeGroupAutoLayout({ group: n });
 		let a = this._resolveEditingPlacement({ group: n }), o = this._resolveManualDimensions({ group: n }), s = this._resolveShapeTextHorizontalAlign({
@@ -6932,7 +6932,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		return this.editingPlacements.get(e) || this.editor.canvasManager.getObjectPlacement({ object: e });
 	}
 	_detachShapeGroupAutoLayout({ group: e }) {
-		je({ group: e });
+		Ae({ group: e });
 	}
 	_resolveHorizontalAlign({ explicitAlign: e, textStyle: t }) {
 		if (e) return e;
@@ -6967,12 +6967,12 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				});
 				return;
 			}
-			if (K(t)) {
+			if (q(t)) {
 				r.includes(t) || r.push(t);
 				return;
 			}
 			let { group: n } = t;
-			!n || !K(n) || r.includes(n) || r.push(n);
+			!n || !q(n) || r.includes(n) || r.push(n);
 		};
 		return i(t), n.forEach((e) => {
 			i(e);
@@ -6990,24 +6990,24 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		return !1;
 	}
 	_resolveShapeGroup({ target: e }) {
-		if (e instanceof l && K(e)) return e;
+		if (e instanceof l && q(e)) return e;
 		if (!e) {
 			let e = this.editor.canvas.getActiveObject();
-			if (K(e)) return e;
+			if (q(e)) return e;
 			let t = e?.group;
-			return t && K(t) ? t : null;
+			return t && q(t) ? t : null;
 		}
 		if (typeof e == "string") {
 			let t = this.editor.canvas.getObjects();
 			for (let n = 0; n < t.length; n += 1) {
 				let r = t[n];
-				if (r.id === e && K(r)) return r;
+				if (r.id === e && q(r)) return r;
 			}
 		}
 		if (e instanceof o) {
-			if (K(e)) return e;
+			if (q(e)) return e;
 			let { group: t } = e;
-			if (t && K(t)) return t;
+			if (t && q(t)) return t;
 		}
 		return null;
 	}
@@ -7272,7 +7272,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		this.editor = e;
 	}
 	lockObject({ object: e, skipInnerObjects: n, withoutSave: r } = {}) {
-		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = We({ target: o }) ?? o;
+		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = Ue({ target: o }) ?? o;
 		if (!s || s.locked) return;
 		let c = {
 			lockMovementX: !0,
@@ -7294,7 +7294,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 	}
 	unlockObject({ object: e, withoutSave: n } = {}) {
-		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = We({ target: a }) ?? a;
+		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = Ue({ target: a }) ?? a;
 		if (!o) return;
 		let s = {
 			lockMovementX: !1,
@@ -8776,16 +8776,16 @@ var ui = class {
 		}) : null, V = {}, H = {}, U = {}, ae, oe, W = Pr({
 			textbox: s,
 			range: z
-		}), G = !z || W, se = !z;
-		if (h !== void 0 && (B && (H.fontFamily = h), G && (R.fontFamily = h, se && (U.fontFamily = h))), g !== void 0 && (B && (H.fontSize = g), G && (R.fontSize = g, se && (U.fontSize = g))), _ !== void 0) {
+		}), se = !z || W, G = !z;
+		if (h !== void 0 && (B && (H.fontFamily = h), se && (R.fontFamily = h, G && (U.fontFamily = h))), g !== void 0 && (B && (H.fontSize = g), se && (R.fontSize = g, G && (U.fontSize = g))), _ !== void 0) {
 			let e = _ ? "bold" : "normal";
-			z && (V.fontWeight = e), G && (R.fontWeight = e, se && (U.fontWeight = e));
+			z && (V.fontWeight = e), se && (R.fontWeight = e, G && (U.fontWeight = e));
 		}
 		if (v !== void 0) {
 			let e = v ? "italic" : "normal";
-			z && (V.fontStyle = e), G && (R.fontStyle = e, se && (U.fontStyle = e));
+			z && (V.fontStyle = e), se && (R.fontStyle = e, G && (U.fontStyle = e));
 		}
-		if (y !== void 0 && (z && (V.underline = y), G && (R.underline = y, se && (U.underline = y))), x !== void 0 && (z && (V.linethrough = x), G && (R.linethrough = x, se && (U.linethrough = x))), S !== void 0 && (R.textAlign = S), C !== void 0 && (z && (V.fill = C), G && (R.fill = C, se && (U.fill = C))), w !== void 0 || T !== void 0) {
+		if (y !== void 0 && (z && (V.underline = y), se && (R.underline = y, G && (U.underline = y))), x !== void 0 && (z && (V.linethrough = x), se && (R.linethrough = x, G && (U.linethrough = x))), S !== void 0 && (R.textAlign = S), C !== void 0 && (z && (V.fill = C), se && (R.fill = C, G && (U.fill = C))), w !== void 0 || T !== void 0) {
 			let e = z ? Ir({
 				textbox: s,
 				range: z,
@@ -8798,7 +8798,7 @@ var ui = class {
 			oe = Rr({ width: T ?? e ?? s.strokeWidth ?? 0 }), ae = Lr({
 				strokeColor: w ?? t ?? s.stroke ?? void 0,
 				width: oe
-			}), z && (V.stroke = ae, V.strokeWidth = oe), G && (R.stroke = ae, R.strokeWidth = oe, se && (U.stroke = ae, U.strokeWidth = oe));
+			}), z && (V.stroke = ae, V.strokeWidth = oe), se && (R.stroke = ae, R.strokeWidth = oe, G && (U.stroke = ae, U.strokeWidth = oe));
 		}
 		E !== void 0 && (R.opacity = E), D !== void 0 && (R.backgroundColor = D), O !== void 0 && (R.backgroundOpacity = O), k !== void 0 && (R.paddingTop = k), A !== void 0 && (R.paddingRight = A), j !== void 0 && (R.paddingBottom = j), M !== void 0 && (R.paddingLeft = M), N !== void 0 && (R.radiusTopLeft = N), P !== void 0 && (R.radiusTopRight = P), F !== void 0 && (R.radiusBottomRight = F), I !== void 0 && (R.radiusBottomLeft = I);
 		let ce = s.textCaseRaw ?? c, le = !!s.uppercase, ue = p !== void 0, de = ue ? p ?? "" : ce, fe = b ?? le, pe = fe !== le;
@@ -8824,7 +8824,7 @@ var ui = class {
 			originX: ie.originX,
 			originY: ie.originY
 		})), s.uppercase = fe, s.set(R);
-		let Se = !1;
+		let K = !1;
 		if (z) {
 			let e = Fr({
 				textbox: s,
@@ -8835,21 +8835,21 @@ var ui = class {
 				styles: H,
 				range: B
 			}) : !1;
-			Se = e || t;
+			K = e || t;
 		} else if (Object.keys(U).length) {
 			let e = Nr({ textbox: s });
-			e && (Se = Fr({
+			e && (K = Fr({
 				textbox: s,
 				styles: U,
 				range: e
 			}));
 		}
-		let Ce = Se && $r({ stylesList: [
+		let Se = K && $r({ stylesList: [
 			V,
 			H,
 			U
 		] });
-		if (Se && (s.dirty = !0), B && (h !== void 0 || g !== void 0)) {
+		if (K && (s.dirty = !0), B && (h !== void 0 || g !== void 0)) {
 			let e = mi({
 				textbox: s,
 				range: B
@@ -8871,7 +8871,7 @@ var ui = class {
 				updates: t
 			});
 		}
-		Ce && (s.initDimensions(), s.dirty = !0), [
+		Se && (s.initDimensions(), s.dirty = !0), [
 			D,
 			O,
 			...ge,
@@ -8880,38 +8880,38 @@ var ui = class {
 			F,
 			I
 		].some((e) => e !== void 0) && (s.dirty = !0);
-		let { autoExpand: we } = s, Te = m !== void 0, Ee = (m ?? we) !== !1;
-		Te ? s.autoExpand = m !== !1 : we === void 0 && (s.autoExpand = !0);
-		let De = Ee && !ye && (ue || pe || me);
+		let { autoExpand: Ce } = s, we = m !== void 0, Te = (m ?? Ce) !== !1;
+		we ? s.autoExpand = m !== !1 : Ce === void 0 && (s.autoExpand = !0);
+		let Ee = Te && !ye && (ue || pe || me);
 		this._normalizeTextboxAfterContentChange({
 			textbox: s,
 			placement: ie,
-			shouldAutoExpand: De
+			shouldAutoExpand: Ee
 		}), xe && this._restoreTextboxContentPlacement({
 			textbox: s,
 			contentPlacement: xe
 		}), s.setCoords();
-		let Oe = {
+		let De = {
 			withoutSave: !!r,
 			skipRender: !!i
-		}, ke = !!z && Object.keys(V).length > 0, Ae = {
+		}, Oe = !!z && Object.keys(V).length > 0, ke = {
 			textbox: s,
 			target: t,
 			style: n,
-			options: Oe,
+			options: De,
 			updates: R,
 			selectionRange: z ?? void 0,
-			selectionStyles: ke ? V : void 0
+			selectionStyles: Oe ? V : void 0
 		};
-		o && d.fire("editor:before:text-updated", Ae), i || d.requestRenderAll();
-		let je = e._getSnapshot(s);
+		o && d.fire("editor:before:text-updated", ke), i || d.requestRenderAll();
+		let Ae = e._getSnapshot(s);
 		l.resumeHistory(), r || l.saveState();
-		let Me = {
-			...Ae,
+		let je = {
+			...ke,
 			before: f,
-			after: je
+			after: Ae
 		};
-		return o && d.fire("editor:text-updated", Me), s;
+		return o && d.fire("editor:text-updated", je), s;
 	}
 	stylesFromArray(e, t) {
 		return C.stylesFromArray(e, t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "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": [