frame.identify 0.5.1 → 0.5.3

package/dist/frame.identify.js

@@ -31,23 +31,23 @@ function L(e) {
 }
 //#endregion
 //#region node_modules/@mui/utils/getScrollbarSize/getScrollbarSize.mjs
-function R(e = window) {
+function te(e = window) {
 	let t = e.document.documentElement.clientWidth;
 	return e.innerWidth - t;
 }
 //#endregion
 //#region node_modules/@mui/material/Modal/ModalManager.mjs
-function z(e) {
+function R(e) {
 	let t = I(e);
 	return e === t.body || e === t.documentElement ? L(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
-function te(e, t) {
+function ne(e, t) {
 	t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
-function ne(e) {
+function re(e) {
 	return parseFloat(L(e).getComputedStyle(e).paddingRight) || 0;
 }
-function re(e) {
+function z(e) {
 	let t = [
 		"TEMPLATE",
 		"SCRIPT",
@@ -73,8 +73,8 @@ function ie(e, t, n, r, i) {
 		...r
 	];
 	[].forEach.call(e.children, (e) => {
-		let t = !a.includes(e), n = !re(e);
-		t && n && te(e, i);
+		let t = !a.includes(e), n = !z(e);
+		t && n && ne(e, i);
 	});
 }
 function ae(e, t) {
@@ -86,20 +86,20 @@ function ae(e, t) {
 			let t = r.parentElement, n = L(r);
 			e = t?.nodeName === "HTML" && n.getComputedStyle(t).overflowY === "scroll" ? t : r;
 		}
-		if (z(e)) {
-			let t = R(L(e));
+		if (R(e)) {
+			let t = te(L(e));
 			n.push({
 				value: e.style.paddingRight,
 				property: "padding-right",
 				el: e
-			}), e.style.paddingRight = `${ne(e) + t}px`;
+			}), e.style.paddingRight = `${re(e) + t}px`;
 			let i = I(r).querySelectorAll(".mui-fixed");
 			[].forEach.call(i, (e) => {
 				n.push({
 					value: e.style.paddingRight,
 					property: "padding-right",
 					el: e
-				}), e.style.paddingRight = `${ne(e) + t}px`;
+				}), e.style.paddingRight = `${re(e) + t}px`;
 			});
 		}
 		n.push({
@@ -135,7 +135,7 @@ var oe = class {
 	add(e, t) {
 		let n = this.modals.indexOf(e);
 		if (n !== -1) return n;
-		n = this.modals.length, this.modals.push(e), e.modalRef && te(e.modalRef, !1);
+		n = this.modals.length, this.modals.push(e), e.modalRef && ne(e.modalRef, !1);
 		let r = B(t);
 		ie(t, e.mount, e.modalRef, r, !0);
 		let i = this.containers.findIndex((e) => e.container === t);
@@ -154,10 +154,10 @@ var oe = class {
 		let n = this.modals.indexOf(e);
 		if (n === -1) return n;
 		let r = this.containers.findIndex((t) => t.modals.includes(e)), i = this.containers[r];
-		if (i.modals.splice(i.modals.indexOf(e), 1), this.modals.splice(n, 1), i.modals.length === 0) i.restore && i.restore(), e.modalRef && te(e.modalRef, t), ie(i.container, e.mount, e.modalRef, i.hiddenSiblings, !1), this.containers.splice(r, 1);
+		if (i.modals.splice(i.modals.indexOf(e), 1), this.modals.splice(n, 1), i.modals.length === 0) i.restore && i.restore(), e.modalRef && ne(e.modalRef, t), ie(i.container, e.mount, e.modalRef, i.hiddenSiblings, !1), this.containers.splice(r, 1);
 		else {
 			let e = i.modals[i.modals.length - 1];
-			e.modalRef && te(e.modalRef, !1);
+			e.modalRef && ne(e.modalRef, !1);
 		}
 		return n;
 	}
@@ -264,19 +264,19 @@ var oe = class {
 		function L(e) {
 			return x(e) === c;
 		}
-		function R(e) {
+		function te(e) {
 			return x(e) === s;
 		}
-		function z(e) {
+		function R(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function te(e) {
+		function ne(e) {
 			return x(e) === d;
 		}
-		function ne(e) {
+		function re(e) {
 			return x(e) === i;
 		}
-		function re(e) {
+		function z(e) {
 			return x(e) === h;
 		}
 		function ie(e) {
@@ -294,7 +294,7 @@ var oe = class {
 		function se(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = F, e.isConcurrentMode = I, e.isContextConsumer = L, e.isContextProvider = R, e.isElement = z, e.isForwardRef = te, e.isFragment = ne, e.isLazy = re, e.isMemo = ie, e.isPortal = ae, e.isProfiler = B, e.isStrictMode = oe, e.isSuspense = se, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = F, e.isConcurrentMode = I, e.isContextConsumer = L, e.isContextProvider = te, e.isElement = R, e.isForwardRef = ne, e.isFragment = re, e.isLazy = z, e.isMemo = ie, e.isPortal = ae, e.isProfiler = B, e.isStrictMode = oe, e.isSuspense = se, e.isValidElementType = b, e.typeOf = x;
 	})();
 })), le = /* @__PURE__ */ P(((e, t) => {
 	t.exports = process.env.NODE_ENV === "production" ? se() : ce();
@@ -3779,7 +3779,7 @@ function $a(t) {
 			return;
 		}
 		M.current = e.reduceMotion, e.onExit?.(), E.current = "exiting", T("exiting");
-	}, [N]), R = e.useCallback((e, t) => {
+	}, [N]), te = e.useCallback((e, t) => {
 		if (P(), t === "entering") {
 			let t = N.current;
 			if (t.mountOnEnter || t.unmountOnExit) {
@@ -3794,17 +3794,17 @@ function $a(t) {
 		L,
 		N
 	]);
-	return Ve(() => (O.current = !0, D.current && (D.current = !1, R(!0, "entering")), () => {
+	return Ve(() => (O.current = !0, D.current && (D.current = !1, te(!0, "entering")), () => {
 		O.current = !1, P();
-	}), [P, R]), Ve(() => {
+	}), [P, te]), Ve(() => {
 		if (!O.current) return;
 		let e = E.current;
-		n ? e !== "entering" && e !== "entered" && R(!1, "entering") : e === "entering" || e === "entered" ? R(!1, "exiting") : e === "exited" && s && (E.current = "unmounted", T("unmounted"));
+		n ? e !== "entering" && e !== "entered" && te(!1, "entering") : e === "entering" || e === "entered" ? te(!1, "exiting") : e === "exited" && s && (E.current = "unmounted", T("unmounted"));
 	}, [
 		n,
 		w,
 		s,
-		R
+		te
 	]), Ve(() => {
 		if (w === "unmounted" || A.current === "unmounted") {
 			A.current = w;
@@ -4127,7 +4127,7 @@ function Do(t) {
 		let e = Co(n) || b().body;
 		Eo.add(x(), e), m.current && S();
 	}), w = () => Eo.isTopModal(x()), T = xo((e) => {
-		f.current = e, e && (p.current = e, l && w() ? S() : m.current && te(m.current, y));
+		f.current = e, e && (p.current = e, l && w() ? S() : m.current && ne(m.current, y));
 	}), E = e.useCallback(() => {
 		Eo.remove(x(), y);
 	}, [y]);
@@ -4251,23 +4251,23 @@ var ko = (e) => {
 		let { onEnter: e, onExited: t } = A();
 		L.onEnter = e, L.onExited = t;
 	}
-	let R = {
+	let te = {
 		slots: w,
 		slotProps: C
-	}, [z, te] = Pa("root", {
+	}, [R, ne] = Pa("root", {
 		ref: n,
 		elementType: Ao,
 		externalForwardedProps: {
-			...R,
+			...te,
 			...E,
 			component: d
 		},
 		getSlotProps: O,
 		ownerState: F,
 		className: V(a, I?.root, !F.open && F.exited && I?.hidden)
-	}), [ne, re] = Pa("backdrop", {
+	}), [re, z] = Pa("backdrop", {
 		elementType: jo,
-		externalForwardedProps: R,
+		externalForwardedProps: te,
 		shouldForwardComponentProp: !0,
 		getSlotProps: (e) => k({
 			...e,
@@ -4282,9 +4282,9 @@ var ko = (e) => {
 		ref: j,
 		container: M,
 		disablePortal: m,
-		children: /*#__PURE__*/ l(z, {
-			...te,
-			children: [_ ? null : /*#__PURE__*/ c(ne, { ...re }), /*#__PURE__*/ c(Be, {
+		children: /*#__PURE__*/ l(R, {
+			...ne,
+			children: [_ ? null : /*#__PURE__*/ c(re, { ...z }), /*#__PURE__*/ c(Be, {
 				disableEnforceFocus: p,
 				disableAutoFocus: f,
 				disableRestoreFocus: h,
@@ -4333,96 +4333,130 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
 });
 //#endregion
 //#region src/state/machine.ts
-var No = "idle", Po = "Image loaded", Fo = "Values defined", Io = "Image cropped", Lo = "X-axis started", Ro = "X-axis finished", zo = "Points defined", Bo = "Shape defined", Vo = "Trademark defined", Ho = "RESET", Uo = "LOAD_IMAGE", Wo = "ENTER_VALUES", Go = "CROP", Ko = "SKIP_CROP", qo = "UNDO_CROP", Jo = "START_X_AXIS", Yo = "FINISH_X_AXIS", Xo = "UNDO_X_AXIS", Zo = "ADD_POINT", Qo = "DEFINE_TRADEMARK", $o = "FINISH_POINTS", es = "define values", ts = E({
-	types: { context: {} },
+var No = "idle", Po = "Image loaded", Fo = "Values defined", Io = "Image cropped", Lo = "X-axis started", Ro = "X-axis finished", zo = "Points defined", Bo = "Shape defined", Vo = "Trademark defined", Ho = "Finished", Uo = "FINISH", Wo = "RESET", Go = "LOAD_IMAGE", Ko = "ENTER_VALUES", qo = "CROP", Jo = "SKIP_CROP", Yo = "UNDO_CROP", Xo = "START_X_AXIS", Zo = "FINISH_X_AXIS", Qo = "UNDO_X_AXIS", $o = "ADD_POINT", es = "UNDO_POINT", ts = "DEFINE_TRADEMARK", ns = "FINISH_POINTS", rs = "UNDO_SHAPE", is = "UNDO_TRADEMARK", as = "UNDO_FINISH", os = "define values", ss = E({
+	types: {
+		events: {},
+		context: {}
+	},
 	actions: {
 		"reset rotation angle": T({ rotationAngle: 0 }),
 		"define rotation angle": T({ rotationAngle: ({ context: e, event: t }) => (t && t.type === "FINISH_X_AXIS" && (e.rotationAngle = t.rotationAngle), e.rotationAngle) }),
-		[es]: T({
+		"define trademark": T({ trademark: () => ({
+			x: 0,
+			y: 0
+		}) }),
+		"clear trademark": T({ trademark: () => void 0 }),
+		[os]: T({
 			SL: ({ event: e }) => e.type === "ENTER_VALUES" ? e.SL : 0,
 			SH: ({ event: e }) => e.type === "ENTER_VALUES" ? e.SH : 0,
 			AZG: ({ event: e }) => e.type === "ENTER_VALUES" ? e.AZG : 0
 		})
-	}
+	},
+	guards: { hasTrademark: ({ context: e }) => !!e.trademark }
 }).createMachine({
 	id: "identify",
 	context: { rotationAngle: 0 },
 	initial: No,
 	states: {
-		[No]: { on: { [Uo]: Po } },
+		[No]: { on: { [Go]: Po } },
 		[Po]: { on: {
-			[Ho]: No,
-			[Wo]: {
-				actions: [{ type: es }],
+			[Wo]: No,
+			[Ko]: {
+				actions: [{ type: os }],
 				target: Fo
 			}
 		} },
 		[Fo]: { on: {
-			[Ho]: No,
-			[Go]: Io,
-			[Ko]: Io
+			[Wo]: No,
+			[qo]: Io,
+			[Jo]: Io
 		} },
 		[Io]: { on: {
-			[Ho]: No,
-			[qo]: Po,
-			[Jo]: Lo
+			[Wo]: No,
+			[Yo]: Po,
+			[Xo]: Lo
 		} },
 		[Lo]: { on: {
-			[Ho]: No,
-			[Xo]: Io,
-			[Yo]: {
+			[Wo]: No,
+			[Qo]: Io,
+			[Zo]: {
 				actions: [{ type: "define rotation angle" }],
 				target: Ro
 			}
 		} },
 		[Ro]: { on: {
-			[Ho]: No,
-			[Xo]: {
+			[Wo]: No,
+			[Qo]: {
 				actions: [{ type: "reset rotation angle" }],
 				target: Lo
 			},
-			[Zo]: zo
+			[$o]: zo
 		} },
 		[zo]: { on: {
-			[Zo]: zo,
-			[Ho]: No,
-			[$o]: Bo
+			[$o]: zo,
+			[es]: Ro,
+			[Wo]: No,
+			[ns]: Bo
 		} },
 		[Bo]: { on: {
-			[Ho]: No,
-			[Qo]: Vo
+			[Wo]: No,
+			[rs]: zo,
+			[ts]: {
+				actions: [{ type: "define trademark" }],
+				target: Vo
+			},
+			[Uo]: Ho
+		} },
+		[Vo]: { on: {
+			[is]: {
+				actions: [{ type: "clear trademark" }],
+				target: zo
+			},
+			[Uo]: Ho
 		} },
-		[Vo]: { on: { [Ho]: No } }
+		[Ho]: { on: {
+			[as]: [{
+				target: Vo,
+				guard: "hasTrademark"
+			}, { target: Bo }],
+			[Wo]: No
+		} }
 	}
 });
 //#endregion
 //#region src/MachineState.tsx
-function ns(e) {
+function cs(e) {
 	let { t } = h(), n, r = e.actor.getSnapshot();
 	switch (r.value) {
 		case No:
-			n = t("main.identify.startProcess", { defaultValue: "Please load an image to start the process" });
+			n = t("main.identify.help.startProcess", { defaultValue: "Please load an image to start the process" });
 			break;
 		case Po:
-			n = t("main.identify.defineValues", { defaultValue: "Please define SL, SH, AZG values and click \"Submit\"" });
+			n = t("main.identify.help.defineValues", { defaultValue: "Please define SL, SH, AZG values and click \"Submit\"" });
 			break;
 		case Fo:
-			n = t("main.identify.cropImage", { defaultValue: "Please crop the image by clicking and dragging the mouse" });
+			n = t("main.identify.help.cropImage", { defaultValue: "Please crop the image by clicking and dragging the mouse" });
 			break;
 		case Io:
-			n = t("main.identify.defineHorizontalLine", { defaultValue: "Please define a horizontal line (point 1)" });
+			n = t("main.identify.help.defineHorizontalLine", { defaultValue: "Please define a horizontal line (point 1)" });
 			break;
 		case Lo:
-			n = t("main.identify.finishHorizontalLine", { defaultValue: "Please define a horizontal line (point 2))" });
+			n = t("main.identify.help.finishHorizontalLine", { defaultValue: "Please define a horizontal line (point 2))" });
 			break;
 		case Ro:
-			n = t("main.identify.addPoints", { defaultValue: "Please mark some points to define the frame contour" });
+			n = t("main.identify.help.addPoints", { defaultValue: "Please mark some points to define the frame contour" });
 			break;
 		case zo:
-			n = t("main.identify.clickDone", { defaultValue: "Please click \"Done\" to finish the process" });
+			n = t("main.identify.help.clickDone", { defaultValue: "Please click \"Done\" to finish the process" });
 			break;
 		case Bo:
-			n = t("main.identify.finish", { defaultValue: "Please define a trademark" });
+			n = t("main.identify.help.defineTrademark", { defaultValue: "Please define a trademark" });
+			break;
+		case Vo:
+			n = t("main.identify.help.trademarkDefined", { defaultValue: "trademark is now defined" });
+			break;
+		case Ho:
+			n = t("main.identify.help.finished", { defaultValue: "The process is finished" });
 			break;
 		default: n = t("main.identify.unknownState", {
 			defaultValue: "unknown state: {{value}}",
@@ -4450,7 +4484,7 @@ function ns(e) {
 }
 //#endregion
 //#region node_modules/frame.theme/dist/frame.theme.js
-function rs(e) {
+function ls(e) {
 	let t = w(), [n, i] = o(""), s = a(null), { t: l } = h(), u = (e, t, n) => {
 		let r = parseFloat(e);
 		i(isNaN(r) ? l("main.identify.error.validNumber", { field: t }) : r < 0 ? l("main.identify.error.positive", { field: t }) : r === 0 ? l("main.identify.error.notNull", { field: t }) : n !== void 0 && r > n ? l("main.identify.error.notGreaterThan", {
@@ -4511,7 +4545,7 @@ function rs(e) {
 }
 //#endregion
 //#region src/EnterValues.tsx
-function is(e) {
+function us(e) {
 	let [t, n] = o(e.testMode ? "50" : ""), [r, i] = o(e.testMode ? "44" : ""), [a, u] = o(e.testMode ? "15" : ""), d = D(e.actor, (e) => e), f = (e, t, n, r) => {
 		let i = parseFloat(t);
 		n(isNaN(i) ? v("main.identify.error.validNumber", { field: e }) : i <= 0 ? v("main.identify.error.positive", { field: e }) : i > r ? v("main.identify.error.notGreaterThan", {
@@ -4525,12 +4559,14 @@ function is(e) {
 	}, p = {
 		textTransform: "none",
 		width: "calc(100% - 100px)",
+		marginTop: "30px",
+		marginBottom: "30px",
 		marginLeft: "50px",
 		marginRight: "50px"
 	};
 	function m(t, n, r) {
 		e.actor.send({
-			type: Wo,
+			type: Ko,
 			SL: Number(t),
 			SH: Number(n),
 			AZG: Number(r)
@@ -4554,7 +4590,7 @@ function is(e) {
 					gap: 2
 				},
 				children: [
-					/* @__PURE__ */ c(rs, {
+					/* @__PURE__ */ c(ls, {
 						value: t,
 						onChange: n,
 						checkValue: (e, t) => f("SL", e, t, 80),
@@ -4562,14 +4598,14 @@ function is(e) {
 						dataTestid: "scheibenlaenge-input",
 						autofocus: !0
 					}),
-					/* @__PURE__ */ c(rs, {
+					/* @__PURE__ */ c(ls, {
 						value: r,
 						checkValue: (e, t) => f("SH", e, t, 60),
 						onChange: i,
 						label: v("main.identify.label.scheibenhoehe", { defaultValue: "box height" }),
 						dataTestid: "scheibenhoehe-input"
 					}),
-					/* @__PURE__ */ c(rs, {
+					/* @__PURE__ */ c(ls, {
 						value: a,
 						checkValue: (e, t) => f("AzG", e, t, 40),
 						onChange: u,
@@ -4591,85 +4627,122 @@ function is(e) {
 }
 //#endregion
 //#region src/ModalImageLoaded.tsx
-function as(e) {
-	let t = a(null), n = a(null), i = a(null), [s, u] = o(!1), d = a(null), [f, p] = o(null), [m, v] = o(0), b = w(), { t: x } = h(), S = D(e.actor, (e) => e), C = e.actor.getSnapshot();
-	r(() => {}, [e.actor]);
-	function T(r) {
-		let i = new Image();
-		i.onload = () => {
-			let e = t.current;
-			e && (e.width = i.naturalWidth, e.height = i.naturalHeight, e.getContext("2d")?.drawImage(i, 0, 0), n.current = i);
-		}, i.src = r, e.actor.send({ type: Uo });
-	}
-	function E(e) {
+function ds(e) {
+	let t = "ModalImageLoaded", i = a(null), s = a(null), u = a(null), [d, f] = o(!1), p = a(null), [m, v] = o(null), [b, x] = o(0), [S, C] = o(!1);
+	w();
+	let { t: T } = h(), E = D(e.actor, (e) => e), O = e.actor.getSnapshot(), k = n((t) => {
+		let n = new Image();
+		n.onload = () => {
+			let e = i.current;
+			e && (e.width = n.naturalWidth, e.height = n.naturalHeight, e.getContext("2d")?.drawImage(n, 0, 0), s.current = n);
+		}, n.src = t, e.actor.send({ type: Go });
+	}, [e.actor]);
+	r(() => {}, [e.actor]), r(() => {
+		if (!e.modalIsOpen || O.value !== "idle") return;
+		let t = !1;
+		async function n() {
+			if (!navigator.clipboard?.read) {
+				t || C(!1);
+				return;
+			}
+			try {
+				let e = await navigator.clipboard.read(), n = e.flatMap((e) => e.types).find((e) => e.startsWith("image/"));
+				if (!n || t) {
+					t || C(!1);
+					return;
+				}
+				let r = await e.find((e) => e.types.includes(n))?.getType(n);
+				if (!r || t) {
+					t || C(!1);
+					return;
+				}
+				let i = new FileReader();
+				i.onload = () => {
+					t || (C(!0), k(String(i.result)));
+				}, i.onerror = () => {
+					t || C(!1);
+				}, i.readAsDataURL(r);
+			} catch {
+				t || C(!1);
+			}
+		}
+		return n(), () => {
+			t = !0;
+		};
+	}, [
+		k,
+		e.modalIsOpen,
+		O.value
+	]);
+	function A(e) {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		let n = new FileReader();
-		n.onload = () => T(n.result), n.readAsDataURL(t), e.target.value = "";
+		n.onload = () => k(n.result), n.readAsDataURL(t), e.target.value = "";
 	}
-	function O(e, t) {
+	function j(e, t) {
 		let n = e.getBoundingClientRect();
 		return {
 			x: (t.clientX - n.left) * (e.width / n.width),
 			y: (t.clientY - n.top) * (e.height / n.height)
 		};
 	}
-	function k(e, r) {
-		let i = t.current, a = n.current;
-		if (!i || !a) return;
-		let o = i.getContext("2d");
-		o && (o.drawImage(a, 0, 0), e && (o.strokeStyle = "red", o.lineWidth = 4, o.setLineDash([6, 3]), o.strokeRect(e.x, e.y, e.w, e.h)), r && (o.setLineDash([]), o.strokeStyle = "rgba(0,0,0,0.6)", o.lineWidth = 1, o.beginPath(), o.moveTo(r.x, 0), o.lineTo(r.x, i.height), o.moveTo(0, r.y), o.lineTo(i.width, r.y), o.stroke()));
-	}
-	function A(e) {
-		let r = t.current;
-		!r || !n.current || C.value !== "Values defined" || (p(null), d.current = O(r, e));
-	}
-	function j(e) {
-		let r = t.current;
-		if (!r || !n.current) return;
-		let { x: i, y: a } = O(r, e), o = d.current ? {
-			x: d.current.x,
-			y: d.current.y,
-			w: i - d.current.x,
-			h: a - d.current.y
+	function M(e, t) {
+		let n = i.current, r = s.current;
+		if (!n || !r) return;
+		let a = n.getContext("2d");
+		a && (a.drawImage(r, 0, 0), e && (a.strokeStyle = "red", a.lineWidth = 4, a.setLineDash([6, 3]), a.strokeRect(e.x, e.y, e.w, e.h)), t && (a.setLineDash([]), a.strokeStyle = "rgba(0,0,0,0.6)", a.lineWidth = 1, a.beginPath(), a.moveTo(t.x, 0), a.lineTo(t.x, n.height), a.moveTo(0, t.y), a.lineTo(n.width, t.y), a.stroke()));
+	}
+	function N(e) {
+		let t = i.current;
+		!t || !s.current || O.value !== "Values defined" || (v(null), p.current = j(t, e));
+	}
+	function P(e) {
+		let t = i.current;
+		if (!t || !s.current) return;
+		let { x: n, y: r } = j(t, e), a = p.current ? {
+			x: p.current.x,
+			y: p.current.y,
+			w: n - p.current.x,
+			h: r - p.current.y
 		} : void 0;
-		S.value === "Values defined" ? k(o, {
-			x: i,
-			y: a
-		}) : k(o);
-	}
-	function M(e) {
-		let n = t.current;
-		if (!n || !d.current) return;
-		let r = O(n, e), { x: i, y: a } = d.current;
-		d.current = null;
-		let o = Math.min(i, r.x), s = Math.min(a, r.y), c = Math.abs(r.x - i), l = Math.abs(r.y - a);
-		k(), !(c < 2 || l < 2) && ee(c, l, o, s, Go);
-	}
-	function N() {
-		k();
-	}
-	function P() {
-		e.actor.send({ type: Ho });
-		let t = C.context.SL ?? 0, n = C.context.SH ?? 0, r = C.context.AZG ?? 0;
-		e.onAfterCloseModal(t, n, r, 0, [], [])();
-	}
-	function ee(t, r, i, a, o) {
-		let s = document.createElement("canvas");
-		s.width = t * 2, s.height = r * 2, s.getContext("2d")?.drawImage(n.current, i, a, t, r, 0, 0, t * 2, r * 2);
-		let c = n.current.src;
-		p(s.toDataURL()), v((e) => e + 1), u(!0), e.onAfterCropImage?.(c, C.context.SL ?? 0, C.context.SH ?? 0, C.context.AZG ?? 0, i, a, t, r), e.actor.send({ type: o });
+		E.value === "Values defined" ? M(a, {
+			x: n,
+			y: r
+		}) : M(a);
+	}
+	function ee(e) {
+		let t = i.current;
+		if (!t || !p.current) return;
+		let n = j(t, e), { x: r, y: a } = p.current;
+		p.current = null;
+		let o = Math.min(r, n.x), s = Math.min(a, n.y), c = Math.abs(n.x - r), l = Math.abs(n.y - a);
+		M(), !(c < 2 || l < 2) && L(c, l, o, s, qo);
+	}
+	function F() {
+		M();
+	}
+	function I() {
+		e.actor.send({ type: Wo });
+		let t = O.context.SL ?? 0, n = O.context.SH ?? 0, r = O.context.AZG ?? 0;
+		e.onAfterCloseModal(t, n, r, 0, [], [], O.context.trademark)();
+	}
+	function L(t, n, r, i, a) {
+		let o = document.createElement("canvas");
+		o.width = t * 2, o.height = n * 2, o.getContext("2d")?.drawImage(s.current, r, i, t, n, 0, 0, t * 2, n * 2);
+		let c = s.current.src;
+		v(o.toDataURL()), x((e) => e + 1), f(!0), e.onAfterCropImage?.(c, O.context.SL ?? 0, O.context.SH ?? 0, O.context.AZG ?? 0, r, i, t, n), e.actor.send({ type: a });
 	}
 	return /* @__PURE__ */ c(Mo, {
 		keepMounted: !0,
-		"data-testid": "ModalImageLoaded.Modal",
+		"data-testid": `${t}.Modal`,
 		sx: {
 			display: "flex",
 			justifyContent: "center",
 			alignItems: "center"
 		},
 		open: e.modalIsOpen,
-		onClose: e.onAfterCloseModal(C.context.SL ?? 0, C.context.SH ?? 0, C.context.AZG ?? 0, 0, [], [], void 0),
+		onClose: e.onAfterCloseModal(O.context.SL ?? 0, O.context.SH ?? 0, O.context.AZG ?? 0, 0, [], [], O.context.trademark),
 		children: /* @__PURE__ */ l(y, {
 			elevation: 1,
 			sx: {
@@ -4678,28 +4751,28 @@ function as(e) {
 				borderRight: 1,
 				borderColor: "divider",
 				borderRadius: 0,
-				backgroundColor: b.palette.primary.light
+				backgroundColor: "lightgrey"
 			},
 			children: [
-				f && /* @__PURE__ */ c(Rc, {
+				m && /* @__PURE__ */ c(Kc, {
 					actor: e.actor,
-					dataUrl: f,
-					modalIsOpen: s,
+					dataUrl: m,
+					modalIsOpen: d,
 					onCloseModal: (t, n, r, i) => () => {
-						let a = C.context.SL ?? 0, o = C.context.SH ?? 0, s = C.context.AZG ?? 0;
-						e.onAfterCloseModal(a, o, s, t, n, r, i)(), u(!1);
+						let a = O.context.SL ?? 0, o = O.context.SH ?? 0, s = O.context.AZG ?? 0;
+						e.onAfterCloseModal(a, o, s, t, n, r, i)(), f(!1);
 					},
 					testMode: e.testMode
-				}, m),
-				/* @__PURE__ */ c(ns, {
+				}, b),
+				/* @__PURE__ */ c(cs, {
 					actor: e.actor,
 					testMode: e.testMode
 				}),
-				C.value === "Image loaded" && /* @__PURE__ */ c(is, {
+				O.value === "Image loaded" && /* @__PURE__ */ c(us, {
 					actor: e.actor,
 					testMode: e.testMode
 				}),
-				C.value !== "idle" && /* @__PURE__ */ c("div", {
+				O.value !== "idle" && /* @__PURE__ */ c("div", {
 					style: {
 						background: "#fff",
 						borderRadius: 8,
@@ -4709,18 +4782,18 @@ function as(e) {
 						gap: 12
 					},
 					children: /* @__PURE__ */ c("canvas", {
-						ref: t,
+						ref: i,
 						style: {
 							display: "block",
 							border: "1px solid #ccc",
 							maxWidth: "80vw",
 							maxHeight: "70vh",
-							cursor: C.value === "Values defined" ? "none" : "not-allowed"
+							cursor: O.value === "Values defined" ? "none" : "not-allowed"
 						},
-						onMouseDown: A,
-						onMouseMove: j,
-						onMouseUp: M,
-						onMouseLeave: N
+						onMouseDown: N,
+						onMouseMove: P,
+						onMouseUp: ee,
+						onMouseLeave: F
 					})
 				}),
 				/* @__PURE__ */ c("div", {
@@ -4731,24 +4804,27 @@ function as(e) {
 							gap: 8,
 							margin: "10px"
 						},
-						children: [C.value === "idle" && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("input", {
-							ref: i,
+						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("input", {
+							ref: u,
 							type: "file",
 							accept: "image/*",
 							style: { display: "none" },
-							onChange: E
+							onChange: A
 						}), /* @__PURE__ */ c(_, {
+							"data-testid": `${t}.button.loadImage`,
 							color: "secondary",
 							variant: "contained",
 							size: "small",
-							onClick: () => i.current?.click(),
-							children: x("main.identify.button.loadImage", { defaultValue: "Load Image" })
+							onClick: () => {
+								u.current?.click();
+							},
+							children: T("main.identify.button.loadImage", { defaultValue: "Load Image" })
 						})] }), /* @__PURE__ */ c(_, {
 							color: "secondary",
 							variant: "contained",
 							size: "small",
-							onClick: P,
-							children: x("main.identify.button.close", { defaultValue: "Close" })
+							onClick: I,
+							children: T("main.identify.button.close", { defaultValue: "Close" })
 						})]
 					})
 				})
@@ -4758,23 +4834,23 @@ function as(e) {
 }
 //#endregion
 //#region node_modules/@mui/material/utils/capitalize.mjs
-var os = tt, ss = Vr, cs = xo, ls = H.default.oneOfType([H.default.func, H.default.object]);
+var fs = tt, ps = Vr, ms = xo, hs = H.default.oneOfType([H.default.func, H.default.object]);
 //#endregion
 //#region node_modules/@mui/utils/elementTypeAcceptingRef/elementTypeAcceptingRef.mjs
-function us(e) {
+function gs(e) {
 	let { prototype: t = {} } = e;
 	return !!t.isReactComponent;
 }
-function ds(t, n, r, i, a) {
+function _s(t, n, r, i, a) {
 	let o = t[n], s = a || n;
 	if (o == null || typeof window > "u") return null;
 	let c;
-	return typeof o == "function" && !us(o) && (c = "Did you accidentally provide a plain function component instead?"), o === e.Fragment && (c = "Did you accidentally provide a React.Fragment instead?"), c === void 0 ? null : /* @__PURE__ */ Error(`Invalid ${i} \`${s}\` supplied to \`${r}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`);
+	return typeof o == "function" && !gs(o) && (c = "Did you accidentally provide a plain function component instead?"), o === e.Fragment && (c = "Did you accidentally provide a React.Fragment instead?"), c === void 0 ? null : /* @__PURE__ */ Error(`Invalid ${i} \`${s}\` supplied to \`${r}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`);
 }
-var fs = ye(H.default.elementType, ds);
+var vs = ye(H.default.elementType, _s);
 //#endregion
 //#region node_modules/@mui/utils/isFocusVisible/isFocusVisible.mjs
-function ps(e) {
+function ys(e) {
 	try {
 		return e.matches(":focus-visible");
 	} catch {
@@ -4784,7 +4860,7 @@ function ps(e) {
 }
 //#endregion
 //#region node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
-function ms(t) {
+function bs(t) {
 	let { focusableWhenDisabled: n, disabled: r, composite: i = !1, tabIndex: a = 0, isNativeButton: o } = t, s = i && n !== !1, c = i && n === !1;
 	return e.useMemo(() => {
 		let e = { onKeyDown(e) {
@@ -4803,9 +4879,9 @@ function ms(t) {
 }
 //#endregion
 //#region node_modules/@mui/material/ButtonBase/useButtonBase.mjs
-var hs = {};
-function gs(t) {
-	let { nativeButton: n, nativeButtonProp: r, internalNativeButton: i = n, allowInferredHostMismatch: a = !1, disabled: o, type: s, hasFormAction: c = !1, tabIndex: l = 0, focusableWhenDisabled: u, stopEventPropagation: d = !1, onBeforeKeyDown: f, onBeforeKeyUp: p } = t, m = e.useRef(null), h = u === !0, g = ms({
+var xs = {};
+function Ss(t) {
+	let { nativeButton: n, nativeButtonProp: r, internalNativeButton: i = n, allowInferredHostMismatch: a = !1, disabled: o, type: s, hasFormAction: c = !1, tabIndex: l = 0, focusableWhenDisabled: u, stopEventPropagation: d = !1, onBeforeKeyDown: f, onBeforeKeyUp: p } = t, m = e.useRef(null), h = u === !0, g = bs({
 		focusableWhenDisabled: h,
 		disabled: o,
 		isNativeButton: n,
@@ -4844,7 +4920,7 @@ function gs(t) {
 		s
 	]);
 	return {
-		getButtonProps: e.useCallback((e = hs) => {
+		getButtonProps: e.useCallback((e = xs) => {
 			let { onClick: t, onKeyDown: n, onKeyUp: r, ...i } = e, a = (e) => {
 				if (d && e.stopPropagation(), o) {
 					e.preventDefault();
@@ -4884,36 +4960,36 @@ function gs(t) {
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/typeof.js
-function _s(e) {
+function Cs(e) {
 	"@babel/helpers - typeof";
-	return _s = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return Cs = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
 		return typeof e;
 	} : function(e) {
 		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-	}, _s(e);
+	}, Cs(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPrimitive.js
-function vs(e, t) {
-	if (_s(e) != "object" || !e) return e;
+function ws(e, t) {
+	if (Cs(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (_s(r) != "object") return r;
+		if (Cs(r) != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
 	return (t === "string" ? String : Number)(e);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/toPropertyKey.js
-function ys(e) {
-	var t = vs(e, "string");
-	return _s(t) == "symbol" ? t : t + "";
+function Ts(e) {
+	var t = ws(e, "string");
+	return Cs(t) == "symbol" ? t : t + "";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.146.0/helpers/esm/defineProperty.js
-function bs(e, t, n) {
-	return (t = ys(t)) in e ? Object.defineProperty(e, t, {
+function Es(e, t, n) {
+	return (t = Ts(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -4922,7 +4998,7 @@ function bs(e, t, n) {
 }
 //#endregion
 //#region node_modules/@mui/material/useLazyRipple/useLazyRipple.mjs
-var xs = class t {
+var Ds = class t {
 	static create() {
 		return new t();
 	}
@@ -4931,12 +5007,12 @@ var xs = class t {
 		return n.shouldMount = r, n.setShouldMount = i, e.useEffect(n.mountEffect, [r]), n;
 	}
 	constructor() {
-		bs(this, "mountEffect", () => {
+		Es(this, "mountEffect", () => {
 			this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
 		}), this.ref = { current: null }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
 	}
 	mount() {
-		return this.mounted || (this.mounted = Cs(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+		return this.mounted || (this.mounted = ks(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
 	}
 	start(...e) {
 		this.mount().then(() => this.ref.current?.start(...e));
@@ -4948,10 +5024,10 @@ var xs = class t {
 		this.mount().then(() => this.ref.current?.pulsate(...e));
 	}
 };
-function Ss() {
-	return xs.use();
+function Os() {
+	return Ds.use();
 }
-function Cs() {
+function ks() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -4959,17 +5035,17 @@ function Cs() {
 }
 //#endregion
 //#region node_modules/@mui/utils/useOnMount/useOnMount.mjs
-var ws = [];
-function Ts(t) {
-	e.useEffect(t, ws);
+var As = [];
+function js(t) {
+	e.useEffect(t, As);
 }
 //#endregion
 //#region node_modules/@mui/utils/useTimeout/useTimeout.mjs
-var Es = class e {
+var Ms = class e {
 	constructor() {
-		bs(this, "currentId", null), bs(this, "clear", () => {
+		Es(this, "currentId", null), Es(this, "clear", () => {
 			this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-		}), bs(this, "disposeEffect", () => this.clear);
+		}), Es(this, "disposeEffect", () => this.clear);
 	}
 	static create() {
 		return new e();
@@ -4980,14 +5056,14 @@ var Es = class e {
 		}, e);
 	}
 };
-function Ds() {
-	let e = Ia(Es.create).current;
-	return Ts(e.disposeEffect), e;
+function Ns() {
+	let e = Ia(Ms.create).current;
+	return js(e.disposeEffect), e;
 }
 //#endregion
 //#region node_modules/@mui/material/ButtonBase/Ripple.mjs
-function Os(t) {
-	let { className: n, classes: r, pulsate: i = !1, rippleX: a, rippleY: o, rippleSize: s, in: l, onExited: u, timeout: d } = t, [f, p] = e.useState(!1), m = Ds(), h = e.useRef(!1), g = e.useRef(u);
+function Ps(t) {
+	let { className: n, classes: r, pulsate: i = !1, rippleX: a, rippleY: o, rippleSize: s, in: l, onExited: u, timeout: d } = t, [f, p] = e.useState(!1), m = Ns(), h = e.useRef(!1), g = e.useRef(u);
 	g.current = u;
 	let _ = u != null, v = V(n, r.ripple, r.rippleVisible, i && r.ripplePulsate), y = {
 		width: s,
@@ -5010,7 +5086,7 @@ function Os(t) {
 		children: /*#__PURE__*/ c("span", { className: b })
 	});
 }
-process.env.NODE_ENV !== "production" && (Os.propTypes = {
+process.env.NODE_ENV !== "production" && (Ps.propTypes = {
 	classes: H.default.object.isRequired,
 	className: H.default.string,
 	in: H.default.bool,
@@ -5031,8 +5107,8 @@ var $ = tr("MuiTouchRipple", [
 	"child",
 	"childLeaving",
 	"childPulsate"
-]), ks = 550, As = {}, js = [], Ms = () => {};
-function Ns(e, t) {
+]), Fs = 550, Is = {}, Ls = [], Rs = () => {};
+function zs(e, t) {
 	let n = new Set(t), r = /* @__PURE__ */ new Map(), i = [];
 	for (let t of e) n.has(t) ? i.length > 0 && (r.set(t, i), i = []) : i.push(t);
 	let a = [];
@@ -5042,7 +5118,7 @@ function Ns(e, t) {
 	}
 	return a.push(...i), a;
 }
-function Ps({ event: e, element: t, center: n }) {
+function Bs({ event: e, element: t, center: n }) {
 	let r = t ? t.getBoundingClientRect() : {
 		width: 0,
 		height: 0,
@@ -5066,7 +5142,7 @@ function Ps({ event: e, element: t, center: n }) {
 		rippleSize: o
 	};
 }
-var Fs = m`
+var Vs = m`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -5076,7 +5152,7 @@ var Fs = m`
     transform: scale(1);
     opacity: 0.3;
   }
-`, Is = m`
+`, Hs = m`
   0% {
     opacity: 1;
   }
@@ -5084,7 +5160,7 @@ var Fs = m`
   100% {
     opacity: 0;
   }
-`, Ls = m`
+`, Us = m`
   0% {
     transform: scale(1);
   }
@@ -5097,12 +5173,12 @@ var Fs = m`
     transform: scale(1);
   }
 `;
-function Rs(e) {
+function Ws(e) {
 	if (e.motion.reducedMotion === "always") return null;
 	let t = p`
     &.${$.rippleVisible} {
-      animation-name: ${Fs};
-      animation-duration: ${ks}ms;
+      animation-name: ${Vs};
+      animation-duration: ${Fs}ms;
       animation-timing-function: ${e.transitions.easing.easeInOut};
     }
 
@@ -5111,13 +5187,13 @@ function Rs(e) {
     }
 
     & .${$.childLeaving} {
-      animation-name: ${Is};
-      animation-duration: ${ks}ms;
+      animation-name: ${Hs};
+      animation-duration: ${Fs}ms;
       animation-timing-function: ${e.transitions.easing.easeInOut};
     }
 
     & .${$.childPulsate} {
-      animation-name: ${Ls};
+      animation-name: ${Us};
       animation-duration: 2500ms;
       animation-timing-function: ${e.transitions.easing.easeInOut};
       animation-iteration-count: infinite;
@@ -5130,7 +5206,7 @@ function Rs(e) {
       }
     ` : t;
 }
-var zs = Q("span", {
+var Gs = Q("span", {
 	name: "MuiTouchRipple",
 	slot: "Root"
 })({
@@ -5143,7 +5219,7 @@ var zs = Q("span", {
 	bottom: 0,
 	left: 0,
 	borderRadius: "inherit"
-}), Bs = Q(Os, {
+}), Ks = Q(Ps, {
 	name: "MuiTouchRipple",
 	slot: "Ripple"
 })`
@@ -5183,29 +5259,29 @@ var zs = Q("span", {
     top: 0;
   }
 
-  ${({ theme: e }) => Rs(e)}
-`, Vs = /*#__PURE__*/ e.forwardRef(function(t, n) {
+  ${({ theme: e }) => Ws(e)}
+`, qs = /*#__PURE__*/ e.forwardRef(function(t, n) {
 	let r = Ea({
 		props: t,
 		name: "MuiTouchRipple"
-	}), i = fo(Sa().motion.reducedMotion, !1), { center: a = !1, classes: o = As, className: s, ...l } = r, [u, d] = e.useState({
-		items: js,
-		order: js
+	}), i = fo(Sa().motion.reducedMotion, !1), { center: a = !1, classes: o = Is, className: s, ...l } = r, [u, d] = e.useState({
+		items: Ls,
+		order: Ls
 	}), f = u.items, p = e.useRef(0), m = e.useRef(null), h = e.useRef(!1);
-	Ts(() => (h.current = !0, () => {
+	js(() => (h.current = !0, () => {
 		h.current = !1;
 	})), e.useEffect(() => {
 		m.current && (m.current(), m.current = null);
 	}, [f]);
-	let g = e.useRef(!1), _ = Ds(), v = e.useRef(null), y = e.useRef(null), b = cs((e) => {
+	let g = e.useRef(!1), _ = Ns(), v = e.useRef(null), y = e.useRef(null), b = ms((e) => {
 		h.current && d((t) => {
 			let n = t.items.filter((t) => t.key !== e);
 			return {
 				items: n,
-				order: Ns(t.order.filter((t) => t !== e), n.filter((e) => !e.exiting).map((e) => e.key))
+				order: zs(t.order.filter((t) => t !== e), n.filter((e) => !e.exiting).map((e) => e.key))
 			};
 		});
-	}), x = cs((e) => {
+	}), x = ms((e) => {
 		let { pulsate: t, rippleX: n, rippleY: r, rippleSize: i, cb: a } = e, o = p.current;
 		p.current += 1, d((e) => {
 			let a = [...e.items, {
@@ -5218,17 +5294,17 @@ var zs = Q("span", {
 			}];
 			return {
 				items: a,
-				order: Ns(e.order, a.filter((e) => !e.exiting).map((e) => e.key))
+				order: zs(e.order, a.filter((e) => !e.exiting).map((e) => e.key))
 			};
 		}), m.current = a;
-	}), S = cs((e = As, t = As, n = Ms) => {
+	}), S = ms((e = Is, t = Is, n = Rs) => {
 		let { pulsate: r = !1, center: i = a || t.pulsate, fakeElement: o = !1 } = t;
 		if (e?.type === "mousedown" && g.current) {
 			g.current = !1;
 			return;
 		}
 		e?.type === "touchstart" && (g.current = !0);
-		let { rippleX: s, rippleY: c, rippleSize: l } = Ps({
+		let { rippleX: s, rippleY: c, rippleSize: l } = Bs({
 			event: e,
 			element: o ? null : y.current,
 			center: i
@@ -5250,9 +5326,9 @@ var zs = Q("span", {
 			rippleSize: l,
 			cb: n
 		});
-	}), C = cs(() => {
-		S(As, { pulsate: !0 });
-	}), w = cs((e, t) => {
+	}), C = ms(() => {
+		S(Is, { pulsate: !0 });
+	}), w = ms((e, t) => {
 		if (_.clear(), e?.type === "touchend" && v.current) {
 			v.current(), v.current = null, _.start(0, () => {
 				w(e, t);
@@ -5268,7 +5344,7 @@ var zs = Q("span", {
 				exiting: !0
 			}, {
 				items: n,
-				order: Ns(e.order, n.filter((e) => !e.exiting).map((e) => e.key))
+				order: zs(e.order, n.filter((e) => !e.exiting).map((e) => e.key))
 			};
 		}), m.current = t;
 	});
@@ -5282,11 +5358,11 @@ var zs = Q("span", {
 		w
 	]);
 	let T = new Map(f.map((e) => [e.key, e])), E = u.order.map((e) => T.get(e)).filter(Boolean);
-	return /*#__PURE__*/ c(zs, {
+	return /*#__PURE__*/ c(Gs, {
 		className: V($.root, o.root, s),
 		ref: y,
 		...l,
-		children: E.map((e) => /*#__PURE__*/ c(Bs, {
+		children: E.map((e) => /*#__PURE__*/ c(Ks, {
 			classes: {
 				ripple: V(o.ripple, $.ripple),
 				rippleVisible: V(o.rippleVisible, $.rippleVisible),
@@ -5295,7 +5371,7 @@ var zs = Q("span", {
 				childLeaving: V(o.childLeaving, $.childLeaving),
 				childPulsate: V(o.childPulsate, $.childPulsate)
 			},
-			timeout: i.shouldReduceMotion ? 0 : ks,
+			timeout: i.shouldReduceMotion ? 0 : Fs,
 			pulsate: e.pulsate,
 			rippleX: e.rippleX,
 			rippleY: e.rippleY,
@@ -5305,28 +5381,28 @@ var zs = Q("span", {
 		}, e.key))
 	});
 });
-process.env.NODE_ENV !== "production" && (Vs.propTypes = {
+process.env.NODE_ENV !== "production" && (qs.propTypes = {
 	center: H.default.bool,
 	classes: H.default.object,
 	className: H.default.string
 });
 //#endregion
 //#region node_modules/@mui/material/ButtonBase/buttonBaseClasses.mjs
-function Hs(e) {
+function Js(e) {
 	return er("MuiButtonBase", e);
 }
-var Us = tr("MuiButtonBase", [
+var Ys = tr("MuiButtonBase", [
 	"root",
 	"disabled",
 	"focusVisible"
-]), Ws = (e) => {
+]), Xs = (e) => {
 	let { disabled: t, focusVisible: n, focusVisibleClassName: r, suppressFocusVisible: i, classes: a } = e, o = Ce({ root: [
 		"root",
 		t && "disabled",
 		n && !i && "focusVisible"
-	] }, Hs, a);
+	] }, Js, a);
 	return n && !i && r && (o.root += ` ${r}`), o;
-}, Gs = Q("button", {
+}, Zs = Q("button", {
 	name: "MuiButtonBase",
 	slot: "Root"
 })(Ta(({ theme: e }) => ({
@@ -5350,7 +5426,7 @@ var Us = tr("MuiButtonBase", [
 	textDecoration: "none",
 	color: "inherit",
 	"&::-moz-focus-inner": { borderStyle: "none" },
-	[`&.${Us.disabled}`]: {
+	[`&.${Ys.disabled}`]: {
 		pointerEvents: "none",
 		cursor: "default"
 	},
@@ -5359,33 +5435,33 @@ var Us = tr("MuiButtonBase", [
 		props: { internalDisabledThemeFocusVisible: !1 },
 		style: e.focusVisible && {
 			...Ti,
-			[`&.${Us.focusVisible}`]: e.focusVisible
+			[`&.${Ys.focusVisible}`]: e.focusVisible
 		}
 	}]
-}))), Ks = /*#__PURE__*/ e.forwardRef(function(t, n) {
+}))), Qs = /*#__PURE__*/ e.forwardRef(function(t, n) {
 	let r = Ea({
 		props: t,
 		name: "MuiButtonBase"
-	}), { action: i, centerRipple: a = !1, children: o, className: s, component: u = "button", disabled: d = !1, disableRipple: f = !1, disableTouchRipple: p = !1, focusRipple: m = !1, focusVisibleClassName: h, focusableWhenDisabled: g, suppressFocusVisible: _ = !1, internalNativeButton: v, internalDisabledThemeFocusVisible: y = !1, LinkComponent: b = "a", nativeButton: x, onBlur: S, onClick: C, onContextMenu: w, onDragLeave: T, onFocus: E, onFocusVisible: D, onKeyDown: O, onKeyUp: k, onMouseDown: A, onMouseLeave: j, onMouseUp: M, onTouchEnd: N, onTouchMove: P, onTouchStart: ee, tabIndex: F = 0, TouchRippleProps: I, touchRippleRef: L, type: R, ...z } = r, te = !!(z.href || z.to), ne = !!z.formAction, re = u;
-	re === "button" && te && (re = b);
-	let ie = typeof re == "string" ? re === "button" : v ?? !1, ae = x ?? ie, B = Ss(), oe = po(B.ref, L), [se, ce] = e.useState(!1);
+	}), { action: i, centerRipple: a = !1, children: o, className: s, component: u = "button", disabled: d = !1, disableRipple: f = !1, disableTouchRipple: p = !1, focusRipple: m = !1, focusVisibleClassName: h, focusableWhenDisabled: g, suppressFocusVisible: _ = !1, internalNativeButton: v, internalDisabledThemeFocusVisible: y = !1, LinkComponent: b = "a", nativeButton: x, onBlur: S, onClick: C, onContextMenu: w, onDragLeave: T, onFocus: E, onFocusVisible: D, onKeyDown: O, onKeyUp: k, onMouseDown: A, onMouseLeave: j, onMouseUp: M, onTouchEnd: N, onTouchMove: P, onTouchStart: ee, tabIndex: F = 0, TouchRippleProps: I, touchRippleRef: L, type: te, ...R } = r, ne = !!(R.href || R.to), re = !!R.formAction, z = u;
+	z === "button" && ne && (z = b);
+	let ie = typeof z == "string" ? z === "button" : v ?? !1, ae = x ?? ie, B = Os(), oe = po(B.ref, L), [se, ce] = e.useState(!1);
 	(d || _) && se && ce(!1);
-	let le = cs((e) => {
+	let le = ms((e) => {
 		m && !e.repeat && se && e.key === " " && B.stop(e, () => {
 			B.start(e);
 		});
-	}), ue = cs((e) => {
+	}), ue = ms((e) => {
 		m && e.key === " " && se && !e.defaultPrevented && B.stop(e, () => {
 			B.pulsate(e);
 		});
-	}), { getButtonProps: de, rootRef: fe } = gs({
+	}), { getButtonProps: de, rootRef: fe } = Ss({
 		nativeButton: ae,
 		nativeButtonProp: x,
 		internalNativeButton: ie,
-		allowInferredHostMismatch: te || typeof re == "string",
+		allowInferredHostMismatch: ne || typeof z == "string",
 		disabled: d,
-		type: R,
-		hasFormAction: ne,
+		type: te,
+		hasFormAction: re,
 		tabIndex: F,
 		onBeforeKeyDown: le,
 		onBeforeKeyUp: ue
@@ -5406,14 +5482,14 @@ var Us = tr("MuiButtonBase", [
 		se,
 		B
 	]);
-	let ve = qs(B, "start", A, p), ye = qs(B, "stop", w, p), H = qs(B, "stop", T, p), be = qs(B, "stop", M, p), xe = qs(B, "stop", (e) => {
+	let ve = $s(B, "start", A, p), ye = $s(B, "stop", w, p), H = $s(B, "stop", T, p), be = $s(B, "stop", M, p), xe = $s(B, "stop", (e) => {
 		se && e.preventDefault(), j && j(e);
-	}, p), Se = qs(B, "start", ee, p), Ce = qs(B, "stop", N, p), we = qs(B, "stop", P, p), Te = qs(B, "stop", (e) => {
-		ps(e.target) || ce(!1), S && S(e);
-	}, !1), Ee = cs((e) => {
-		fe.current || (fe.current = e.currentTarget), !_ && ps(e.target) && (ce(!0), D && D(e)), E && E(e);
+	}, p), Se = $s(B, "start", ee, p), Ce = $s(B, "stop", N, p), we = $s(B, "stop", P, p), Te = $s(B, "stop", (e) => {
+		ys(e.target) || ce(!1), S && S(e);
+	}, !1), Ee = ms((e) => {
+		fe.current || (fe.current = e.currentTarget), !_ && ys(e.target) && (ce(!0), D && D(e)), E && E(e);
 	}), De = {};
-	te && (De.tabIndex = d ? -1 : F, d && (De["aria-disabled"] = d), De.type = R);
+	ne && (De.tabIndex = d ? -1 : F, d && (De["aria-disabled"] = d), De.type = te);
 	let Oe = po(n, fe), ke = {
 		...r,
 		centerRipple: a,
@@ -5426,9 +5502,9 @@ var Us = tr("MuiButtonBase", [
 		tabIndex: F,
 		focusVisible: se,
 		internalDisabledThemeFocusVisible: y
-	}, Ae = Ws(ke);
-	return /*#__PURE__*/ l(Gs, {
-		as: re,
+	}, Ae = Xs(ke);
+	return /*#__PURE__*/ l(Zs, {
+		as: z,
 		className: V(Ae.root, s),
 		ownerState: ke,
 		onBlur: Te,
@@ -5445,25 +5521,25 @@ var Us = tr("MuiButtonBase", [
 		onTouchMove: we,
 		onTouchStart: Se,
 		ref: Oe,
-		...te ? De : ge,
-		...z,
-		children: [o, _e ? /*#__PURE__*/ c(Vs, {
+		...ne ? De : ge,
+		...R,
+		children: [o, _e ? /*#__PURE__*/ c(qs, {
 			ref: oe,
 			center: a,
 			...I
 		}) : null]
 	});
 });
-function qs(e, t, n, r = !1) {
-	return cs((i) => (n && n(i), r || e[t](i), !0));
+function $s(e, t, n, r = !1) {
+	return ms((i) => (n && n(i), r || e[t](i), !0));
 }
-process.env.NODE_ENV !== "production" && (Ks.propTypes = {
-	action: ls,
+process.env.NODE_ENV !== "production" && (Qs.propTypes = {
+	action: hs,
 	centerRipple: H.default.bool,
 	children: H.default.node,
 	classes: H.default.object,
 	className: H.default.string,
-	component: fs,
+	component: vs,
 	disabled: H.default.bool,
 	disableRipple: H.default.bool,
 	disableTouchRipple: H.default.bool,
@@ -5507,20 +5583,20 @@ process.env.NODE_ENV !== "production" && (Ks.propTypes = {
 });
 //#endregion
 //#region node_modules/@mui/material/utils/createSimplePaletteValueFilter.mjs
-function Js(e) {
+function ec(e) {
 	return typeof e.main == "string";
 }
-function Ys(e, t = []) {
-	if (!Js(e)) return !1;
+function tc(e, t = []) {
+	if (!ec(e)) return !1;
 	for (let n of t) if (!e.hasOwnProperty(n) || typeof e[n] != "string") return !1;
 	return !0;
 }
-function Xs(e = []) {
-	return ([, t]) => t && Ys(t, e);
+function nc(e = []) {
+	return ([, t]) => t && tc(t, e);
 }
 //#endregion
 //#region node_modules/@mui/material/CircularProgress/circularProgressClasses.mjs
-function Zs(e) {
+function rc(e) {
 	return er("MuiCircularProgress", e);
 }
 tr("MuiCircularProgress", [
@@ -5536,7 +5612,7 @@ tr("MuiCircularProgress", [
 ]);
 //#endregion
 //#region node_modules/@mui/material/CircularProgress/CircularProgress.mjs
-var Qs = 44, $s = !1, ec = !1, tc = m`
+var ic = 44, ac = !1, oc = !1, sc = m`
   0% {
     transform: rotate(0deg);
   }
@@ -5544,7 +5620,7 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
   100% {
     transform: rotate(360deg);
   }
-`, nc = m`
+`, cc = m`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -5559,23 +5635,23 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: -126px;
   }
-`, rc = typeof tc == "string" ? null : p`
-        animation: ${tc} 1.4s linear infinite;
-      `, ic = typeof nc == "string" ? null : p`
-        animation: ${nc} 1.4s ease-in-out infinite;
-      `, ac = (e) => {
+`, lc = typeof sc == "string" ? null : p`
+        animation: ${sc} 1.4s linear infinite;
+      `, uc = typeof cc == "string" ? null : p`
+        animation: ${cc} 1.4s ease-in-out infinite;
+      `, dc = (e) => {
 	let { classes: t, variant: n, color: r, disableShrink: i } = e;
 	return Ce({
 		root: [
 			"root",
 			n,
-			`color${os(r)}`
+			`color${fs(r)}`
 		],
 		svg: ["svg"],
 		track: ["track"],
 		circle: ["circle", i && "circleDisableShrink"]
-	}, Zs, t);
-}, oc = Q("span", {
+	}, rc, t);
+}, fc = Q("span", {
 	name: "MuiCircularProgress",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -5583,7 +5659,7 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 		return [
 			t.root,
 			t[n.variant],
-			t[`color${os(n.color)}`]
+			t[`color${fs(n.color)}`]
 		];
 	}
 })(Ta(({ theme: e }) => {
@@ -5597,22 +5673,22 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 			},
 			{
 				props: { variant: "indeterminate" },
-				style: rc || { animation: `${tc} 1.4s linear infinite` }
+				style: lc || { animation: `${sc} 1.4s linear infinite` }
 			},
 			...t ? [{
 				props: { variant: "indeterminate" },
 				style: t
 			}] : [],
-			...Object.entries(e.palette).filter(Xs()).map(([t]) => ({
+			...Object.entries(e.palette).filter(nc()).map(([t]) => ({
 				props: { color: t },
 				style: { color: (e.vars || e).palette[t].main }
 			}))
 		]
 	};
-})), sc = Q("svg", {
+})), pc = Q("svg", {
 	name: "MuiCircularProgress",
 	slot: "Svg"
-})({ display: "block" }), cc = Q("circle", {
+})({ display: "block" }), mc = Q("circle", {
 	name: "MuiCircularProgress",
 	slot: "Circle",
 	overridesResolver: (e, t) => {
@@ -5637,7 +5713,7 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 			},
 			{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" && !e.disableShrink,
-				style: ic || { animation: `${nc} 1.4s ease-in-out infinite` }
+				style: uc || { animation: `${cc} 1.4s ease-in-out infinite` }
 			},
 			...t ? [{
 				props: ({ ownerState: e }) => e.variant === "indeterminate" && !e.disableShrink,
@@ -5645,18 +5721,18 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 			}] : []
 		]
 	};
-})), lc = Q("circle", {
+})), hc = Q("circle", {
 	name: "MuiCircularProgress",
 	slot: "Track"
 })(Ta(({ theme: e }) => ({
 	stroke: "currentColor",
 	opacity: (e.vars || e).palette.action.activatedOpacity
-}))), uc = /*#__PURE__*/ e.forwardRef(function(e, t) {
+}))), gc = /*#__PURE__*/ e.forwardRef(function(e, t) {
 	let n = Ea({
 		props: e,
 		name: "MuiCircularProgress"
 	}), { className: r, color: i = "primary", disableShrink: a = !1, enableTrackSlot: o = !1, min: s, max: u, size: d = 40, style: f, thickness: p = 3.6, value: m = n.min ?? 0, variant: h = "indeterminate", ...g } = n;
-	process.env.NODE_ENV !== "production" && !$s && h === "indeterminate" && (s !== void 0 || u !== void 0) && (console.warn("MUI: You have provided the `min` or `max` props with an 'indeterminate' variant. These props will have no effect."), $s = !0);
+	process.env.NODE_ENV !== "production" && !ac && h === "indeterminate" && (s !== void 0 || u !== void 0) && (console.warn("MUI: You have provided the `min` or `max` props with an 'indeterminate' variant. These props will have no effect."), ac = !0);
 	let _ = s ?? 0, v = u ?? 100, y = {
 		...n,
 		color: i,
@@ -5666,14 +5742,14 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 		value: m,
 		variant: h,
 		enableTrackSlot: o
-	}, b = ac(y), x = {}, S = {}, C = {};
+	}, b = dc(y), x = {}, S = {}, C = {};
 	if (h === "determinate") {
-		let e = 2 * Math.PI * ((Qs - p) / 2);
-		process.env.NODE_ENV !== "production" && !ec && (m < _ || m > v || _ >= v) && (console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${_}, max=${v}, value=${m}.`), ec = !0);
+		let e = 2 * Math.PI * ((ic - p) / 2);
+		process.env.NODE_ENV !== "production" && !oc && (m < _ || m > v || _ >= v) && (console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${_}, max=${v}, value=${m}.`), oc = !0);
 		let t = v - _;
 		x.strokeDasharray = e.toFixed(3), x.strokeDashoffset = t > 0 ? `${((v - m) / t * e).toFixed(3)}px` : `${e.toFixed(3)}px`, S.transform = "rotate(-90deg)", C["aria-valuenow"] = m, C["aria-valuemin"] = _, C["aria-valuemax"] = v;
 	}
-	return /*#__PURE__*/ c(oc, {
+	return /*#__PURE__*/ c(fc, {
 		className: V(b.root, r),
 		style: {
 			width: d,
@@ -5686,33 +5762,33 @@ var Qs = 44, $s = !1, ec = !1, tc = m`
 		role: "progressbar",
 		...C,
 		...g,
-		children: /*#__PURE__*/ l(sc, {
+		children: /*#__PURE__*/ l(pc, {
 			className: b.svg,
 			ownerState: y,
-			viewBox: `${Qs / 2} ${Qs / 2} ${Qs} ${Qs}`,
-			children: [o ? /*#__PURE__*/ c(lc, {
+			viewBox: `${ic / 2} ${ic / 2} ${ic} ${ic}`,
+			children: [o ? /*#__PURE__*/ c(hc, {
 				className: b.track,
 				ownerState: y,
-				cx: Qs,
-				cy: Qs,
-				r: (Qs - p) / 2,
+				cx: ic,
+				cy: ic,
+				r: (ic - p) / 2,
 				fill: "none",
 				strokeWidth: p,
 				"aria-hidden": "true"
-			}) : null, /*#__PURE__*/ c(cc, {
+			}) : null, /*#__PURE__*/ c(mc, {
 				className: b.circle,
 				style: x,
 				ownerState: y,
-				cx: Qs,
-				cy: Qs,
-				r: (Qs - p) / 2,
+				cx: ic,
+				cy: ic,
+				r: (ic - p) / 2,
 				fill: "none",
 				strokeWidth: p
 			})]
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (uc.propTypes = {
+process.env.NODE_ENV !== "production" && (gc.propTypes = {
 	classes: H.default.object,
 	className: H.default.string,
 	color: H.default.oneOfType([H.default.oneOf([
@@ -5745,39 +5821,39 @@ process.env.NODE_ENV !== "production" && (uc.propTypes = {
 });
 //#endregion
 //#region node_modules/@mui/material/Button/buttonClasses.mjs
-function dc(e) {
+function _c(e) {
 	return er("MuiButton", e);
 }
-var fc = tr("MuiButton", /* @__PURE__ */ "root.text.outlined.contained.disableElevation.focusVisible.disabled.colorInherit.colorPrimary.colorSecondary.colorSuccess.colorError.colorInfo.colorWarning.sizeMedium.sizeSmall.sizeLarge.fullWidth.startIcon.endIcon.icon.loading.loadingWrapper.loadingIconPlaceholder.loadingIndicator.loadingPositionCenter.loadingPositionStart.loadingPositionEnd".split(".")), pc = /*#__PURE__*/ e.createContext({});
-process.env.NODE_ENV !== "production" && (pc.displayName = "ButtonGroupContext");
+var vc = tr("MuiButton", /* @__PURE__ */ "root.text.outlined.contained.disableElevation.focusVisible.disabled.colorInherit.colorPrimary.colorSecondary.colorSuccess.colorError.colorInfo.colorWarning.sizeMedium.sizeSmall.sizeLarge.fullWidth.startIcon.endIcon.icon.loading.loadingWrapper.loadingIconPlaceholder.loadingIndicator.loadingPositionCenter.loadingPositionStart.loadingPositionEnd".split(".")), yc = /*#__PURE__*/ e.createContext({});
+process.env.NODE_ENV !== "production" && (yc.displayName = "ButtonGroupContext");
 //#endregion
 //#region node_modules/@mui/material/ButtonGroup/ButtonGroupButtonContext.mjs
-var mc = /*#__PURE__*/ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (mc.displayName = "ButtonGroupButtonContext");
+var bc = /*#__PURE__*/ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (bc.displayName = "ButtonGroupButtonContext");
 //#endregion
 //#region node_modules/@mui/material/Button/Button.mjs
-var hc = (e) => {
+var xc = (e) => {
 	let { color: t, disableElevation: n, fullWidth: r, size: i, variant: a, loading: o, loadingPosition: s, classes: c } = e, l = Ce({
 		root: [
 			"root",
 			o && "loading",
 			a,
-			`size${os(i)}`,
-			`color${os(t)}`,
+			`size${fs(i)}`,
+			`color${fs(t)}`,
 			n && "disableElevation",
 			r && "fullWidth",
-			o && `loadingPosition${os(s)}`
+			o && `loadingPosition${fs(s)}`
 		],
 		startIcon: ["icon", "startIcon"],
 		endIcon: ["icon", "endIcon"],
 		loadingIndicator: ["loadingIndicator"],
 		loadingWrapper: ["loadingWrapper"]
-	}, dc, c);
+	}, _c, c);
 	return {
 		...c,
 		...l
 	};
-}, gc = [
+}, Sc = [
 	{
 		props: { size: "small" },
 		style: { "& > *:nth-of-type(1)": { fontSize: 18 } }
@@ -5790,7 +5866,7 @@ var hc = (e) => {
 		props: { size: "large" },
 		style: { "& > *:nth-of-type(1)": { fontSize: 22 } }
 	}
-], _c = Q(Ks, {
+], Cc = Q(Qs, {
 	shouldForwardProp: (e) => wa(e) || e === "classes",
 	name: "MuiButton",
 	slot: "Root",
@@ -5799,7 +5875,7 @@ var hc = (e) => {
 		return [
 			t.root,
 			t[n.variant],
-			t[`size${os(n.size)}`],
+			t[`size${fs(n.size)}`],
 			n.color === "inherit" && t.colorInherit,
 			n.disableElevation && t.disableElevation,
 			n.fullWidth && t.fullWidth,
@@ -5821,7 +5897,7 @@ var hc = (e) => {
 			"color"
 		], { duration: e.transitions.duration.short }),
 		"&:hover": { textDecoration: "none" },
-		[`&.${fc.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+		[`&.${vc.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 		variants: [
 			{
 				props: { variant: "contained" },
@@ -5834,11 +5910,11 @@ var hc = (e) => {
 						"@media (hover: none)": { boxShadow: (e.vars || e).shadows[2] }
 					},
 					"&:active": { boxShadow: (e.vars || e).shadows[8] },
-					[`&.${fc.focusVisible}`]: {
+					[`&.${vc.focusVisible}`]: {
 						...e.focusVisible,
 						boxShadow: e.focusVisible?.boxShadow ? `${(e.vars || e).shadows[6]}, ${e.focusVisible.boxShadow}` : (e.vars || e).shadows[6]
 					},
-					[`&.${fc.disabled}`]: {
+					[`&.${vc.disabled}`]: {
 						color: (e.vars || e).palette.action.disabled,
 						boxShadow: (e.vars || e).shadows[0],
 						backgroundColor: (e.vars || e).palette.action.disabledBackground
@@ -5853,7 +5929,7 @@ var hc = (e) => {
 					borderColor: "var(--variant-outlinedBorder, currentColor)",
 					backgroundColor: "var(--variant-outlinedBg)",
 					color: "var(--variant-outlinedColor)",
-					[`&.${fc.disabled}`]: { border: `1px solid ${(e.vars || e).palette.action.disabledBackground}` }
+					[`&.${vc.disabled}`]: { border: `1px solid ${(e.vars || e).palette.action.disabledBackground}` }
 				}
 			},
 			{
@@ -5864,7 +5940,7 @@ var hc = (e) => {
 					backgroundColor: "var(--variant-textBg)"
 				}
 			},
-			...Object.entries(e.palette).filter(Xs()).map(([t]) => ({
+			...Object.entries(e.palette).filter(nc()).map(([t]) => ({
 				props: { color: t },
 				style: {
 					"--variant-textColor": (e.vars || e).palette[t].main,
@@ -5958,9 +6034,9 @@ var hc = (e) => {
 				style: {
 					boxShadow: "none",
 					"&:hover": { boxShadow: "none" },
-					[`&.${fc.focusVisible}`]: { boxShadow: e.focusVisible?.boxShadow ?? "none" },
+					[`&.${vc.focusVisible}`]: { boxShadow: e.focusVisible?.boxShadow ?? "none" },
 					"&:active": { boxShadow: "none" },
-					[`&.${fc.disabled}`]: { boxShadow: "none" }
+					[`&.${vc.disabled}`]: { boxShadow: "none" }
 				}
 			},
 			{
@@ -5975,12 +6051,12 @@ var hc = (e) => {
 						"box-shadow",
 						"border-color"
 					], { duration: e.transitions.duration.short }),
-					[`&.${fc.loading}`]: { color: "transparent" }
+					[`&.${vc.loading}`]: { color: "transparent" }
 				}
 			}
 		]
 	};
-})), vc = Q("span", {
+})), wc = Q("span", {
 	name: "MuiButton",
 	slot: "StartIcon",
 	overridesResolver: (e, t) => {
@@ -6020,9 +6096,9 @@ var hc = (e) => {
 			},
 			style: { marginRight: -8 }
 		},
-		...gc
+		...Sc
 	]
-})), yc = Q("span", {
+})), Tc = Q("span", {
 	name: "MuiButton",
 	slot: "EndIcon",
 	overridesResolver: (e, t) => {
@@ -6056,9 +6132,9 @@ var hc = (e) => {
 			},
 			style: { marginLeft: -8 }
 		},
-		...gc
+		...Sc
 	]
-})), bc = Q("span", {
+})), Ec = Q("span", {
 	name: "MuiButton",
 	slot: "LoadingIndicator"
 })(({ theme: e }) => ({
@@ -6135,18 +6211,18 @@ var hc = (e) => {
 			}
 		}
 	]
-})), xc = Q("span", {
+})), Dc = Q("span", {
 	name: "MuiButton",
 	slot: "LoadingIconPlaceholder"
 })({
 	display: "inline-block",
 	width: "1em",
 	height: "1em"
-}), Sc = /*#__PURE__*/ e.forwardRef(function(t, n) {
-	let r = e.useContext(pc), i = e.useContext(mc), a = Ea({
+}), Oc = /*#__PURE__*/ e.forwardRef(function(t, n) {
+	let r = e.useContext(yc), i = e.useContext(bc), a = Ea({
 		props: vr(r, t),
 		name: "MuiButton"
-	}), { children: o, color: s = "primary", component: u = "button", className: d, disabled: f = !1, disableElevation: p = !1, disableFocusRipple: m = !1, endIcon: h, focusVisibleClassName: g, fullWidth: _ = !1, id: v, loading: y = null, loadingIndicator: b, loadingPosition: x = "center", size: S = "medium", startIcon: C, type: w, variant: T = "text", ...E } = a, D = ss(v), O = b ?? /*#__PURE__*/ c(uc, {
+	}), { children: o, color: s = "primary", component: u = "button", className: d, disabled: f = !1, disableElevation: p = !1, disableFocusRipple: m = !1, endIcon: h, focusVisibleClassName: g, fullWidth: _ = !1, id: v, loading: y = null, loadingIndicator: b, loadingPosition: x = "center", size: S = "medium", startIcon: C, type: w, variant: T = "text", ...E } = a, D = ps(v), O = b ?? /*#__PURE__*/ c(gc, {
 		"aria-labelledby": D,
 		color: "inherit",
 		size: 16
@@ -6164,30 +6240,30 @@ var hc = (e) => {
 		size: S,
 		type: w,
 		variant: T
-	}, A = hc(k), j = (C || y && x === "start") && /*#__PURE__*/ c(vc, {
+	}, A = xc(k), j = (C || y && x === "start") && /*#__PURE__*/ c(wc, {
 		className: A.startIcon,
 		ownerState: k,
-		children: C || /*#__PURE__*/ c(xc, {
+		children: C || /*#__PURE__*/ c(Dc, {
 			className: A.loadingIconPlaceholder,
 			ownerState: k
 		})
-	}), M = (h || y && x === "end") && /*#__PURE__*/ c(yc, {
+	}), M = (h || y && x === "end") && /*#__PURE__*/ c(Tc, {
 		className: A.endIcon,
 		ownerState: k,
-		children: h || /*#__PURE__*/ c(xc, {
+		children: h || /*#__PURE__*/ c(Dc, {
 			className: A.loadingIconPlaceholder,
 			ownerState: k
 		})
 	}), N = i || "", P = typeof y == "boolean" ? /*#__PURE__*/ c("span", {
 		className: A.loadingWrapper,
 		style: { display: "contents" },
-		children: y && /*#__PURE__*/ c(bc, {
+		children: y && /*#__PURE__*/ c(Ec, {
 			className: A.loadingIndicator,
 			ownerState: k,
 			children: O
 		})
 	}) : null, { root: ee, ...F } = A;
-	return /*#__PURE__*/ l(_c, {
+	return /*#__PURE__*/ l(Cc, {
 		ownerState: k,
 		className: V(r.className, A.root, d, N),
 		component: u,
@@ -6209,7 +6285,7 @@ var hc = (e) => {
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (Sc.propTypes = {
+process.env.NODE_ENV !== "production" && (Oc.propTypes = {
 	children: H.default.node,
 	classes: H.default.object,
 	className: H.default.string,
@@ -6263,54 +6339,54 @@ process.env.NODE_ENV !== "production" && (Sc.propTypes = {
 });
 //#endregion
 //#region node_modules/ai.akima/dist/ai-akima.es.js
-function Cc(e) {
+function kc(e) {
 	let t = e % 1;
 	return t < 0 ? t + 1 : t;
 }
-function wc(e, t, n) {
+function Ac(e, t, n) {
 	return {
 		x: e.x + (t.x - e.x) * n,
 		y: e.y + (t.y - e.y) * n
 	};
 }
-function Tc(e, t, n, r, i) {
+function jc(e, t, n, r, i) {
 	let a = i * i, o = a * i;
 	return {
 		x: .5 * (2 * t.x + (-e.x + n.x) * i + (2 * e.x - 5 * t.x + 4 * n.x - r.x) * a + (-e.x + 3 * t.x - 3 * n.x + r.x) * o),
 		y: .5 * (2 * t.y + (-e.y + n.y) * i + (2 * e.y - 5 * t.y + 4 * n.y - r.y) * a + (-e.y + 3 * t.y - 3 * n.y + r.y) * o)
 	};
 }
-function Ec(e, t) {
+function Mc(e, t) {
 	return e[(t % e.length + e.length) % e.length];
 }
-function Dc(e, t) {
+function Nc(e, t) {
 	return (e % t + t) % t;
 }
-function Oc(e, t) {
+function Pc(e, t) {
 	let n = t * e.length, r = Math.floor(n), i = n - r;
-	return Tc(Ec(e, r - 1), Ec(e, r), Ec(e, r + 1), Ec(e, r + 2), i);
+	return jc(Mc(e, r - 1), Mc(e, r), Mc(e, r + 1), Mc(e, r + 2), i);
 }
-function kc(e) {
+function Fc(e) {
 	let t = e.length;
 	if (t === 0) return [];
-	let n = Array.from({ length: t }, (n, r) => e[Dc(r + 1, t)] - e[r]);
+	let n = Array.from({ length: t }, (n, r) => e[Nc(r + 1, t)] - e[r]);
 	return Array.from({ length: t }, (e, r) => {
-		let i = n[Dc(r - 2, t)], a = n[Dc(r - 1, t)], o = n[Dc(r, t)], s = n[Dc(r + 1, t)], c = Math.abs(s - o), l = Math.abs(a - i), u = c + l;
+		let i = n[Nc(r - 2, t)], a = n[Nc(r - 1, t)], o = n[Nc(r, t)], s = n[Nc(r + 1, t)], c = Math.abs(s - o), l = Math.abs(a - i), u = c + l;
 		return u > 1e-12 ? (c * a + l * o) / u : (a + o) / 2;
 	});
 }
-function Ac(e, t, n, r, i) {
+function Ic(e, t, n, r, i) {
 	let a = i * i, o = a * i;
 	return (2 * o - 3 * a + 1) * e + (o - 2 * a + i) * t + (-2 * o + 3 * a) * n + (o - a) * r;
 }
-function jc(e, t) {
-	let n = e.length, r = e.map((e) => e.x), i = e.map((e) => e.y), a = kc(r), o = kc(i), s = t * n, c = Math.floor(s), l = s - c, u = Dc(c, n), d = Dc(c + 1, n);
+function Lc(e, t) {
+	let n = e.length, r = e.map((e) => e.x), i = e.map((e) => e.y), a = Fc(r), o = Fc(i), s = t * n, c = Math.floor(s), l = s - c, u = Nc(c, n), d = Nc(c + 1, n);
 	return {
-		x: Ac(r[u], a[u], r[d], a[d], l),
-		y: Ac(i[u], o[u], i[d], o[d], l)
+		x: Ic(r[u], a[u], r[d], a[d], l),
+		y: Ic(i[u], o[u], i[d], o[d], l)
 	};
 }
-function Mc(e) {
+function Rc(e) {
 	if (e.length < 3) return e;
 	let t = e.reduce((e, t) => ({
 		x: e.x + t.x,
@@ -6329,7 +6405,7 @@ function Mc(e) {
 		distanceSquared: (e.x - n.x) * (e.x - n.x) + (e.y - n.y) * (e.y - n.y)
 	})).sort((e, t) => e.angle - t.angle || e.distanceSquared - t.distanceSquared || e.index - t.index).map(({ point: e }) => e);
 }
-function Nc(e) {
+function zc(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -6346,8 +6422,8 @@ function Nc(e) {
 		y: t.y / e.length
 	};
 }
-function Pc(e, t, n) {
-	let r = Nc(e), i = Lc(e, 1024, n), a = Math.cos(t), o = Math.sin(t), s = i[0] ?? {
+function Bc(e, t, n) {
+	let r = zc(e), i = Uc(e, 1024, n), a = Math.cos(t), o = Math.sin(t), s = i[0] ?? {
 		x: r.x,
 		y: r.y
 	}, c = Infinity;
@@ -6362,62 +6438,92 @@ function Pc(e, t, n) {
 	}
 	return s;
 }
-function Fc(e, t = "catmull") {
-	let n = Mc(e), r = Nc(n);
+function Vc(e, t = "catmull") {
+	let n = Rc(e), r = zc(n);
 	return (e) => {
-		let i = Pc(n, e, t);
+		let i = Bc(n, e, t);
 		return {
 			x: i.x + r.x,
 			y: i.y + r.y
 		};
 	};
 }
-function Ic(e, t, n = "catmull") {
-	let r = Mc(e);
+function Hc(e, t, n = "catmull") {
+	let r = Rc(e);
 	if (r.length === 0) return {
 		x: 0,
 		y: 0
 	};
 	if (r.length === 1) return { ...r[0] };
-	let i = Cc(t);
+	let i = kc(t);
 	if (r.length === 2) {
 		let e = i * 2;
-		return e <= 1 ? wc(r[0], r[1], e) : wc(r[1], r[0], e - 1);
+		return e <= 1 ? Ac(r[0], r[1], e) : Ac(r[1], r[0], e - 1);
 	}
-	return n === "akima" ? jc(r, i) : Oc(r, i);
+	return n === "akima" ? Lc(r, i) : Pc(r, i);
 }
-function Lc(e, t, n = "catmull") {
+function Uc(e, t, n = "catmull") {
 	if (t <= 0) return [];
 	let r = [];
-	for (let i = 0; i < t; i += 1) r.push(Ic(e, i / t, n));
+	for (let i = 0; i < t; i += 1) r.push(Hc(e, i / t, n));
 	return r;
 }
 //#endregion
+//#region src/rotate.ts
+function Wc(e, t, n = {
+	x: 0,
+	y: 0
+}) {
+	if (t !== 0) {
+		let r = e.x - n.x, i = e.y - n.y, a = Math.cos(t), o = Math.sin(t);
+		return {
+			x: n.x + r * a - i * o,
+			y: n.y + r * o + i * a
+		};
+	}
+	return e;
+}
+function Gc(e, t, n = {
+	x: 0,
+	y: 0
+}) {
+	return t === 0 ? e : e.map((e) => Wc(e, t, n));
+}
+//#endregion
 //#region src/ModalImageCropped.tsx
-function Rc(e) {
-	let t = "ModalImageCropped", s = a(null), u = a(null), [d, f] = o([]), [p, m] = o([]), [g, _] = o(0), [x, T] = o(0), [E, D] = o(!1), [O, k] = o(void 0), [A, j] = o(0), [M, N] = o(0), [P, ee] = o(!1), [F, I] = o("[{ \"x\": 225.77, \"y\": 71.09 },\n{ \"x\": 225.77, \"y\": 289.70 },\n{ \"x\": 394.13, \"y\": 114.60 },\n{ \"x\": 60.40, \"y\": 176.28 },\n{ \"x\": 82.32, \"y\": 269.80 },\n{ \"x\": 335.36, \"y\": 271.79 },\n{ \"x\": 70.37, \"y\": 94.70 },\n{ \"x\": 376.20, \"y\": 89.72 },\n{ \"x\": 380.19, \"y\": 206.13 },\n{ \"x\": 320.41, \"y\": 75.80 },\n{ \"x\": 65.38, \"y\": 119.57 },\n{ \"x\": 113.20, \"y\": 78.78 }]"), L = w(), { t: R } = h(), z = e.actor.getSnapshot();
-	function te(e, t) {
+function Kc(e) {
+	let t = "ModalImageCropped", s = a(null), u = a(null), [d, f] = o([]), [p, m] = o([]), [g, _] = o(0), [x, T] = o(0), [E, D] = o(!1), [O, k] = o(void 0), [A, j] = o(0), [M, N] = o(0), [P, ee] = o(!1), [F, I] = o("[{ \"x\": 225.77, \"y\": 71.09 },\n{ \"x\": 225.77, \"y\": 289.70 },\n{ \"x\": 394.13, \"y\": 114.60 },\n{ \"x\": 60.40, \"y\": 176.28 },\n{ \"x\": 82.32, \"y\": 269.80 },\n{ \"x\": 335.36, \"y\": 271.79 },\n{ \"x\": 70.37, \"y\": 94.70 },\n{ \"x\": 376.20, \"y\": 89.72 },\n{ \"x\": 380.19, \"y\": 206.13 },\n{ \"x\": 320.41, \"y\": 75.80 },\n{ \"x\": 65.38, \"y\": 119.57 },\n{ \"x\": 113.20, \"y\": 78.78 }]"), L = w(), { t: te } = h(), R = e.actor.getSnapshot();
+	function ne(e, t) {
 		e.save(), e.fillStyle = "black", e.font = "bold 14px sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillText("®", t.x, t.y), e.restore();
 	}
-	let ne = n((e) => {
-		O && te(e, O);
+	let re = n((e) => {
+		if (d.length < 2) return;
+		let t = {
+			x: e.canvas.width / 2,
+			y: e.canvas.height / 2
+		}, n = Gc(d, x, t);
+		e.strokeStyle = "green", e.lineWidth = 2, e.beginPath(), e.moveTo(n[0].x, n[0].y);
+		for (let t = 1; t < n.length; t++) e.lineTo(n[t].x, n[t].y);
+		e.stroke();
+	}, [d, x]), z = n((e) => {
+		O && ne(e, O);
 	}, [O]);
-	function re(e, t, n = "blue") {
+	function ie(e, t, n = "blue") {
 		e.fillStyle = n, e.beginPath(), e.arc(t.x, t.y, 5, 0, Math.PI * 2), e.fill();
 	}
-	function ie(e, t) {
+	function ae(e, t) {
 		let n = t.map((t) => {
 			let n = t.x - e.x, r = t.y - e.y;
 			return Math.sqrt(n * n + r * r);
 		}), r = Math.min(...n);
 		return n.findIndex((e) => e === r);
 	}
-	let ae = n((e, t, n = "blue") => {
+	let B = n((e, t, n = "blue") => {
 		t.forEach((t) => {
-			re(e, t, n);
+			ie(e, t, n);
 		});
 	}, []);
-	function B(e, t, n, r = "red") {
+	function oe(e, t, n, r = "red") {
 		if (t.length < 2) return;
 		e.strokeStyle = r, e.lineWidth = 2, e.beginPath();
 		let i = t.length - 1;
@@ -6425,14 +6531,14 @@ function Rc(e) {
 		for (let n = 1; n <= i; n++) e.lineTo(t[n].x, t[n].y);
 		e.stroke();
 	}
-	let oe = n((e, t, n = "magenta", r = !1) => {
+	let se = n((e, t, n = "magenta", r = !1) => {
 		if (t.length < 2) return;
 		e.strokeStyle = n;
 		let i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
 		for (let e of t) e.x < i && (i = e.x), e.x > a && (a = e.x), e.y < o && (o = e.y), e.y > s && (s = e.y);
 		r && (j(a - i), N(s - o)), e.strokeRect(i, o, a - i, s - o);
 	}, []);
-	function se(t, n = 2) {
+	function ce(t, n = 2) {
 		let r = "", i = "";
 		for (let e = 0; e < t.length; e += 1) {
 			let a = t[e], o = `${a.x.toFixed(2)}; ${a.y.toFixed(2)}`.replaceAll(".", ","), s = Math.round(Math.hypot(a.x * n, a.y * n) * 100);
@@ -6441,17 +6547,17 @@ function Rc(e) {
 		}
 		return e.testMode && console.log(i), r;
 	}
-	function ce(e) {
+	function le(e) {
 		let t = Math.atan2(e.y, e.x);
 		return t < 0 && (t += 2 * Math.PI), t;
 	}
-	function le(t) {
+	function ue(t) {
 		if (t.length < 2) return [];
 		let n = [], r = 0, i = "";
 		for (let e = 0; e < 128; e++) {
 			let a = 2 * Math.PI * e / 128, o = 0;
 			for (let e = 0; e < t.length; e += 1) {
-				let s = t[e], c = ce(s);
+				let s = t[e], c = le(s);
 				if (c >= a) {
 					let l = (a - o) / (c - o), u = e > 0 ? t[e - 1] : t[t.length - 1], d = Math.hypot(u.x, u.y), f = d + l * (Math.hypot(s.x, s.y) - d), p = {
 						x: u.x + l * (s.x - u.x),
@@ -6467,30 +6573,30 @@ function Rc(e) {
 		}
 		return e.testMode && (console.log("maximum difference between interpolated and actual radius:", r), console.log(`createEquidistantPoints: ${i}`)), n;
 	}
-	function ue(e, t) {
+	function de(e, t) {
 		if (e.length === 0) return [];
 		let n = Math.max(0, Math.min(t, e.length - 1));
 		return e.slice(n + 1).concat(e.slice(0, n + 1));
 	}
-	let de = n((t) => {
+	let fe = n((t) => {
 		let n = -1, r = -1;
 		for (let e = 0; e < t.length; e += 1) {
-			let i = t[e], a = ce(i);
+			let i = t[e], a = le(i);
 			if (e > 0 && a < n) {
 				console.log(`switched from negative to positive at index ${e} -> [${i.x}, ${i.y}]`), r = e;
 				break;
 			}
 			n = a;
 		}
-		return e.testMode && console.log(`splitIndex: ${r}`), ue(t, r - 1);
-	}, [e.testMode]), fe = n((e, t, n) => e.map((e) => ({
+		return e.testMode && console.log(`splitIndex: ${r}`), de(t, r - 1);
+	}, [e.testMode]), pe = n((e, t, n) => e.map((e) => ({
 		x: e.x * t,
 		y: e.y * (n ?? t)
-	})), []), pe = (e) => {
+	})), []), me = (e) => {
 		let t = e[0], n = e[1];
 		return -Math.atan2(t.y, t.x) > -Math.atan2(n.y, n.x);
-	}, me = n((e, t, n, r = !1) => {
-		let i = Fc(n, E ? "akima" : "catmull"), a = -Infinity, o = Infinity, s = -Infinity, c = Infinity, l = Array.from({ length: 128 }, (e, t) => {
+	}, he = n((e, t, n, r = !1) => {
+		let i = Vc(n, E ? "akima" : "catmull"), a = -Infinity, o = Infinity, s = -Infinity, c = Infinity, l = Array.from({ length: 128 }, (e, t) => {
 			let n = i(t * 2 * Math.PI / 128);
 			return n.x > a && (a = n.x), n.x < o && (o = n.x), n.y > s && (s = n.y), n.y < c && (c = n.y), n;
 		});
@@ -6501,9 +6607,9 @@ function Rc(e) {
 			})).map((e) => ({
 				x: e.x,
 				y: -e.y
-			})), u = fe(i, r);
-			return pe(u) || u.reverse(), {
-				polygon: de(u),
+			})), u = pe(i, r);
+			return me(u) || u.reverse(), {
+				polygon: fe(u),
 				box: {
 					minX: o,
 					maxX: a,
@@ -6523,18 +6629,18 @@ function Rc(e) {
 		};
 	}, [
 		E,
-		fe,
-		de
+		pe,
+		fe
 	]);
-	function he(t, n, r = !1) {
-		let i = le(me(t, n, p, r).polygon);
+	function ge(t, n, r = !1) {
+		let i = ue(he(t, n, p, r).polygon);
 		if (e.testMode) {
-			let e = se(i);
+			let e = ce(i);
 			console.log("rt1:"), console.log(e);
 		}
 		return i;
 	}
-	let ge = i(() => p.length < 2 ? {
+	let _e = i(() => p.length < 2 ? {
 		polygon: [],
 		box: {
 			minX: 0,
@@ -6542,25 +6648,25 @@ function Rc(e) {
 			minY: 0,
 			maxY: 0
 		}
-	} : me(z.context.SL ?? 0, z.context.SH ?? 0, p), [
+	} : he(R.context.SL ?? 0, R.context.SH ?? 0, p), [
 		p,
-		me,
-		z.context.SH,
-		z.context.SL
-	]), _e = n((e) => {
-		if (ge.polygon.length === 0) return ge;
-		e.beginPath(), e.strokeStyle = "green", e.lineWidth = 3, e.fillStyle = "rgba(255, 0, 0, 0.3)", e.moveTo(ge.polygon[0].x, ge.polygon[0].y);
-		for (let t of ge.polygon) e.lineTo(t.x, t.y);
-		return e.closePath(), e.fill(), e.stroke(), ge;
-	}, [ge]), V = i(() => {
-		if (z.value !== "Shape defined" || ge.polygon.length === 0) return {
+		he,
+		R.context.SH,
+		R.context.SL
+	]), V = n((e) => {
+		if (_e.polygon.length === 0) return _e;
+		e.beginPath(), e.strokeStyle = "green", e.lineWidth = 3, e.fillStyle = "rgba(255, 0, 0, 0.3)", e.moveTo(_e.polygon[0].x, _e.polygon[0].y);
+		for (let t of _e.polygon) e.lineTo(t.x, t.y);
+		return e.closePath(), e.fill(), e.stroke(), _e;
+	}, [_e]), ve = i(() => {
+		if (R.value !== "Shape defined" && R.value !== "Trademark defined" || _e.polygon.length === 0) return {
 			points: [],
 			center: {
 				x: 0,
 				y: 0
 			}
 		};
-		let { polygon: e, box: t } = ge, n = {
+		let { polygon: e, box: t } = _e, n = {
 			x: (t.minX + t.maxX) / 2,
 			y: (t.minY + t.maxY) / 2
 		};
@@ -6571,53 +6677,104 @@ function Rc(e) {
 			})).slice(40, 80),
 			center: n
 		};
-	}, [ge, z.value]);
-	function ve(e, t, n) {
+	}, [_e, R.value]);
+	function ye(e, t, n) {
 		e.strokeStyle = "red", e.lineWidth = 3, n ? e.setLineDash([4, 3]) : e.setLineDash([]), e.beginPath(), e.moveTo(t[0].x, t[0].y), e.lineTo(n?.x ?? t[1].x, n?.y ?? t[1].y), e.stroke(), n && e.setLineDash([]);
 	}
-	let ye = n((e, t) => {
+	let H = n((e, t) => {
 		let n = s.current, r = u.current;
 		if (!n || !r) return [];
 		let i = n.getContext("2d");
-		x === 0 ? i.drawImage(r, 0, 0) : (i.clearRect(0, 0, n.width, n.height), i.save(), i.translate(n.width / 2, n.height / 2), i.rotate(x), i.drawImage(r, -r.naturalWidth / 2, -r.naturalHeight / 2), i.restore()), i.setLineDash([]), x === 0 && ae(i, e, "red"), z.value !== "Shape defined" && z.value !== "idle" && (ae(i, p, "orange"), oe(i, p, "magenta", !0));
-		let { polygon: a } = _e(i);
-		if (z.value === "Shape defined") {
-			let { points: e, center: n } = V;
-			if (B(i, e, n, "red"), t && e.length > 0) {
-				let n = e[ie(t, e)], r = [
-					{
-						x: n.x + 10,
-						y: n.y
-					},
-					{
-						x: n.x,
-						y: n.y + 10
-					},
-					{
-						x: n.x - 10,
-						y: n.y
-					},
-					{
-						x: n.x,
-						y: n.y - 10
+		x === 0 ? i.drawImage(r, 0, 0) : (i.clearRect(0, 0, n.width, n.height), i.save(), i.translate(n.width / 2, n.height / 2), i.rotate(x), i.drawImage(r, -r.naturalWidth / 2, -r.naturalHeight / 2), i.restore()), i.setLineDash([]);
+		let a = {
+			x: n.width / 2,
+			y: n.height / 2
+		};
+		switch (Gc(e, x, a), R.value) {
+			case Io:
+			case Lo: break;
+			case Ro:
+				re(i);
+				break;
+			case zo:
+				B(i, p, "orange"), se(i, p, "magenta", !0);
+				break;
+			case Bo:
+				{
+					let { points: e, center: n } = ve;
+					if (oe(i, e, n, "red"), t && e.length > 0) {
+						let n = e[ae(t, e)], r = [
+							{
+								x: n.x + 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y + 10
+							},
+							{
+								x: n.x - 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y - 10
+							}
+						];
+						se(i, r, "black"), z(i);
 					}
-				];
-				oe(i, r, "black");
-			}
+				}
+				break;
+			case Vo:
+				{
+					let { points: e, center: n } = ve;
+					if (oe(i, e, n, "red"), t && e.length > 0) {
+						let n = e[ae(t, e)], r = [
+							{
+								x: n.x + 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y + 10
+							},
+							{
+								x: n.x - 10,
+								y: n.y
+							},
+							{
+								x: n.x,
+								y: n.y - 10
+							}
+						];
+						se(i, r, "black"), z(i);
+					}
+				}
+				z(i);
+				break;
+			case Ho:
+				z(i);
+				break;
+			default: console.log(`unknown state: ${R.value}`);
+		}
+		let { polygon: o } = V(i);
+		if (e.length === 2 && (R.value === "Image cropped" || R.value === "X-axis started") && ye(i, Gc(e, x, a)), e.length === 1 && R.value === "X-axis started" && t) {
+			let n = Wc(t, x, a);
+			ye(i, Gc(e, x, a), n);
 		}
-		return (z.value === "Shape defined" || z.value === "idle") && O && ne(i), e.length === 2 && (z.value === "Image cropped" || z.value === "X-axis started") && ve(i, e), e.length === 1 && z.value === "X-axis started" && t && ve(i, e, t), a;
+		return o;
 	}, [
 		p,
-		oe,
-		_e,
-		ae,
-		ne,
+		re,
+		se,
+		V,
+		B,
+		z,
 		x,
-		z.value,
-		O,
-		V
+		R.value,
+		ve
 	]);
-	function H(e) {
+	function be(e) {
 		let t = s.current, n = u.current;
 		if (!t || !n) return;
 		let r = t.getContext("2d");
@@ -6630,29 +6787,32 @@ function Rc(e) {
 			e && (e.width = t.naturalWidth, e.height = t.naturalHeight, e.getContext("2d")?.drawImage(t, 0, 0), u.current = t);
 		}, t.src = e.dataUrl;
 	}, [e.dataUrl]), r(() => {
-		ye(d);
-	}, [d, ye]), r(() => {
-		H(x);
+		H(d);
+	}, [d, H]), r(() => {
+		be(x);
 	}, [x]);
-	function be(t) {
+	function xe(t) {
 		e.actor.send({ type: t }), _((e) => e + 1);
 	}
-	function xe(t, n) {
+	function Se(t, n) {
 		let r = n.x - t.x, i = n.y - t.y, a = -Math.atan2(i, r);
 		a > Math.PI / 2 && (a -= Math.PI), a < -Math.PI / 2 && (a += Math.PI), T(a), e.actor.send({
-			type: Yo,
+			type: Zo,
 			rotationAngle: a
 		}), _((e) => e + 1);
 	}
-	function Se(e, t) {
+	function Ce(e, t) {
 		let n = e.getBoundingClientRect();
 		return {
 			x: (t.clientX - n.left) * (e.width / n.width),
 			y: (t.clientY - n.top) * (e.height / n.height)
 		};
 	}
-	function Ce() {
-		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Jo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({ type: Yo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: Zo }), m((e) => [
+	function we() {
+		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Xo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({
+			type: Zo,
+			rotationAngle: 0
+		}), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: $o }), m((e) => [
 			...e,
 			{
 				x: 50,
@@ -6680,27 +6840,31 @@ function Rc(e) {
 			}
 		]);
 	}
-	function we() {
-		if (e.actor.send({ type: Qo }), !Fe) throw Error("SL is undefined");
-		if (!Ie) throw Error("SH is undefined");
-		let t = he(Fe, Ie, !0);
-		e.actor.getSnapshot().value === "Points defined" ? e.actor.send({ type: $o }) : e.actor.getSnapshot().value === "Trademark defined" ? e.actor.send({ type: Ho }) : e.onCloseModal(x, p, t, O)();
-	}
 	function Te() {
-		ee(!1);
+		if (!Ie) throw Error("SL is undefined");
+		if (!Le) throw Error("SH is undefined");
+		let t = ge(Ie, Le, !0);
+		if (R.value === "Points defined") e.actor.send({ type: ns });
+		else if (R.value === "Shape defined") e.actor.send({ type: Uo });
+		else if (R.value === "Trademark defined") e.actor.send({ type: Uo });
+		else if (R.value === "Finished") e.onCloseModal(x, p, t, O)(), e.actor.send({ type: Wo });
+		else throw Error(`Unexpected state: ${R.value}`);
 	}
 	function Ee() {
+		ee(!1);
+	}
+	function De() {
 		ee(!0);
 	}
-	function De(e) {
+	function Oe(e) {
 		console.log(`handleChange called with value: ${e.target.value}`), I(e.target.value);
 	}
-	function Oe() {
-		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Jo }), e.actor.getSnapshot().value === "X-axis started" && e.actor.send({ type: Yo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: Zo });
+	function ke() {
+		e.actor.getSnapshot().value === "Image cropped" && e.actor.send({ type: Xo }), e.actor.getSnapshot().value === "X-axis finished" && e.actor.send({ type: $o });
 		let t = JSON.parse(F);
 		Array.isArray(t) && m((e) => [...e, ...t]);
 	}
-	function ke(e, t) {
+	function Ae(e, t) {
 		if (e.length === 0) return -1;
 		let n = 0, r = Infinity;
 		return e.forEach((e, i) => {
@@ -6708,51 +6872,110 @@ function Rc(e) {
 			s < r && (r = s, n = i);
 		}), n;
 	}
-	function Ae(t) {
+	function je(t) {
 		let n = e.actor.getSnapshot(), r = s.current;
 		if (!r || !u.current) return;
-		let i = Se(r, t), a = t.button === 2;
-		if (n.value === "Image cropped" || n.value === "X-axis started") {
-			if (a) {
-				console.log("right mouse button clicked"), f((e) => e.slice(0, -1)), T(0), be(Xo);
-				return;
-			}
-			{
-				let e = Se(r, t);
-				f((t) => (t.length % 2 == 0 ? be(Jo) : t.length % 2 == 1 && xe(t[0], e), t.length < 2 ? [...t, e] : [e]));
-			}
-			return;
-		}
-		if (n.value === "X-axis finished" || n.value === "Points defined") {
-			let e = Se(r, t);
-			a ? m((t) => {
-				let n = ke(t, e);
-				if (n !== -1) {
-					let e = [...t];
-					return e.splice(n, 1), e;
+		let i = Ce(r, t), a = t.button === 2;
+		switch (n.value) {
+			case No:
+				console.log("handleMouseDown: state is IDLE");
+				break;
+			case Io:
+			case Lo:
+				if (a) {
+					console.log("right mouse button clicked"), f((e) => e.slice(0, -1)), T(0), xe(Qo);
+					return;
+				}
+				{
+					let e = Ce(r, t);
+					f((t) => (t.length % 2 == 0 ? xe(Xo) : t.length % 2 == 1 && Se(t[0], e), t.length < 2 ? [...t, e] : [e]));
 				}
-				return t;
-			}) : (m((t) => [...t, e]), be(Zo));
-		} else if (n.value === "Shape defined") {
-			let { points: e } = V, t = e[ie(i, e)];
-			k(t);
-		} else console.error(`handleMouseDown: unexpected state ${n.value}`);
-	}
-	function je(e) {
+				break;
+			case Ro:
+				if (a) f((e) => e.slice(0, -1)), T(0), xe(Qo);
+				else {
+					let e = Ce(r, t);
+					m((t) => [...t, e]), xe($o);
+				}
+				break;
+			case zo:
+				{
+					let e = Ce(r, t);
+					a ? m((t) => {
+						let n = [...t], r = Ae(t, e);
+						return r !== -1 && n.splice(r, 1), n.length === 0 && xe(es), n;
+					}) : (m((t) => [...t, e]), xe($o));
+				}
+				break;
+			case Bo:
+				if (a) k(void 0), e.actor.send({ type: rs });
+				else {
+					let { points: t } = ve, n = t[ae(i, t)];
+					k(n), e.actor.send({
+						type: ts,
+						trademark: n
+					});
+				}
+				break;
+			case Vo:
+				if (console.log("handleMouseDown: state is TRADEMARK_DEFINED"), a) k(void 0), e.actor.send({ type: is });
+				else {
+					let { points: t } = ve, n = t[ae(i, t)];
+					k(n), e.actor.send({
+						type: ts,
+						trademark: n
+					});
+				}
+				break;
+			case Ho:
+				console.log("handleMouseDown: state is FINISHED"), a && e.actor.send({ type: as });
+				break;
+			default: console.log(`handleMouseDown: unhandled state ${n.value}`);
+		}
+	}
+	function Me(e) {
 		let t = s.current;
 		if (!t || !u.current) return;
-		let n = Se(t, e);
-		ye(d, n);
+		let n = Ce(t, e);
+		H(d, n);
 	}
-	function Me() {
-		ye(d);
+	function Ne() {
+		H(d);
 	}
-	function Ne(e) {
+	function Pe(e) {
 		e.preventDefault();
 	}
-	let Pe = (e) => {
+	let Fe = (e) => {
 		D(e.target.checked);
-	}, Fe = e.actor.getSnapshot().context.SL, Ie = e.actor.getSnapshot().context.SH, Le = e.actor.getSnapshot().context.AZG, Re = z.value === "Points defined" && p.length > 3 ? R("main.identify.button.finish", { defaultValue: "Finish" }) : z.value === "Trademark defined" ? R("main.identify.button.finish1", { defaultValue: "Finish 1" }) : z.value === "idle" ? R("main.identify.button.finish2", { defaultValue: "Finish 2" }) : R("main.identify.button.undo", { defaultValue: "Undo" });
+	}, Ie = e.actor.getSnapshot().context.SL, Le = e.actor.getSnapshot().context.SH, Re = e.actor.getSnapshot().context.AZG, ze, Be = !1;
+	switch (R.value) {
+		case Io:
+			ze = "imageCropped", Be = !0;
+			break;
+		case Lo:
+			Be = !0;
+			break;
+		case Ro:
+			Be = !0;
+			break;
+		case zo:
+			ze = "confirmShape", p.length <= 3 && (Be = !0);
+			break;
+		case Vo:
+			ze = "confirmTrademark";
+			break;
+		case Bo:
+			ze = "withoutTrademark";
+			break;
+		case No:
+			ze = "finishActionReally";
+			break;
+		case Ho:
+			ze = "finished";
+			break;
+		default: ze = "unknownState";
+	}
+	let Ve = te(`main.identify.button.${ze}`, { defaultValue: `main.identify.button.${ze}` });
 	return /* @__PURE__ */ c(Mo, {
 		"data-testid": `${t}.Modal`,
 		sx: {
@@ -6773,7 +6996,7 @@ function Rc(e) {
 				backgroundColor: L.palette.primary.main
 			},
 			children: [
-				/* @__PURE__ */ c(ns, {
+				/* @__PURE__ */ c(cs, {
 					actor: e.actor,
 					testMode: e.testMode
 				}, g),
@@ -6786,10 +7009,10 @@ function Rc(e) {
 						maxHeight: "70vh",
 						cursor: "crosshair"
 					},
-					onMouseDown: Ae,
-					onMouseMove: je,
-					onMouseLeave: Me,
-					onContextMenu: Ne
+					onMouseDown: je,
+					onMouseMove: Me,
+					onMouseLeave: Ne,
+					onContextMenu: Pe
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "modal-content",
@@ -6809,13 +7032,13 @@ function Rc(e) {
 								},
 								children: [
 									"SL: ",
-									Fe,
-									", SH: ",
 									Ie,
+									", SH: ",
+									Le,
 									" -> [",
-									Fe && Ie && Ie !== 0 ? (Fe / Ie).toFixed(3) : 0,
+									Ie && Le && Le !== 0 ? (Ie / Le).toFixed(3) : 0,
 									"], AZG: ",
-									Le
+									Re
 								]
 							}),
 							/* @__PURE__ */ l(C, {
@@ -6840,7 +7063,7 @@ function Rc(e) {
 								control: /* @__PURE__ */ c(b, {
 									"data-testid": `${t}.Switch`,
 									checked: E,
-									onChange: Pe
+									onChange: Fe
 								}),
 								label: /* @__PURE__ */ c(C, {
 									sx: {
@@ -6851,42 +7074,44 @@ function Rc(e) {
 								})
 							})
 						] }),
-						(z.value === "Image cropped" || z.value === "X-axis started" || z.value === "X-axis finished") && /* @__PURE__ */ l("div", { children: [
-							/* @__PURE__ */ c(Sc, {
+						(R.value === "Image cropped" || R.value === "X-axis started" || R.value === "X-axis finished") && /* @__PURE__ */ l("div", { children: [
+							/* @__PURE__ */ c(Oc, {
 								color: "secondary",
 								variant: "outlined",
 								size: "small",
-								onClick: Ce,
+								onClick: we,
 								children: "Test"
 							}),
-							/* @__PURE__ */ c(Sc, {
+							/* @__PURE__ */ c(Oc, {
 								color: "secondary",
 								variant: "outlined",
 								size: "small",
-								onClick: Ee,
+								onClick: De,
 								children: "Insert points"
 							}),
 							/* @__PURE__ */ c(Mo, {
 								open: P,
-								onClose: Te,
-								children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(Sc, {
+								onClose: Ee,
+								children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(Oc, {
 									color: "secondary",
 									variant: "outlined",
 									size: "small",
-									onClick: Oe,
+									onClick: ke,
 									children: "OK"
 								}), /* @__PURE__ */ c(S, {
 									value: "[{ \"x\": 225.77, \"y\": 71.09 },\n{ \"x\": 225.77, \"y\": 289.70 },\n{ \"x\": 394.13, \"y\": 114.60 },\n{ \"x\": 60.40, \"y\": 176.28 },\n{ \"x\": 82.32, \"y\": 269.80 },\n{ \"x\": 335.36, \"y\": 271.79 },\n{ \"x\": 70.37, \"y\": 94.70 },\n{ \"x\": 376.20, \"y\": 89.72 },\n{ \"x\": 380.19, \"y\": 206.13 },\n{ \"x\": 320.41, \"y\": 75.80 },\n{ \"x\": 65.38, \"y\": 119.57 },\n{ \"x\": 113.20, \"y\": 78.78 }]",
-									onChange: De
+									onChange: Oe
 								})] })
 							})
 						] }),
-						/* @__PURE__ */ c(Sc, {
+						/* @__PURE__ */ c(Oc, {
+							"data-testId": `${t}.button.finish`,
 							color: "secondary",
 							variant: "contained",
 							size: "small",
-							onClick: we,
-							children: Re
+							disabled: Be,
+							onClick: Te,
+							children: Ve
 						})
 					]
 				})
@@ -6895,6 +7120,6 @@ function Rc(e) {
 	});
 }
 //#endregion
-export { Go as ACTION_CROP, Ho as ACTION_RESET, Ko as ACTION_SKIP_CROP, qo as ACTION_UNDO_CROP, Rc as ModalImageCropped, as as ModalImageLoaded, ts as identifyMachine };
+export { qo as ACTION_CROP, Wo as ACTION_RESET, Jo as ACTION_SKIP_CROP, Yo as ACTION_UNDO_CROP, Kc as ModalImageCropped, ds as ModalImageLoaded, ss as identifyMachine };
 
 //# sourceMappingURL=frame.identify.js.map