@getmicdrop/venue-calendar 4.3.9 → 4.3.10

package/dist/{CropImage-mVbYhD9Y.js → CropImage-4WcoXkHt.js}

@@ -1,36 +1,36 @@
-import { C as e, T as t, b as n, t as r, v as i, x as a } from "./Button-CxQO7vwF.js";
+import { A as e, C as t, E as n, O as r, T as i, t as a } from "./Button-vmWb6wKc.js";
 import { t as o } from "./CloseOutline-qpVa62mu.js";
-import { a as s, i as c, o as l, r as u, t as d } from "./imageOptimizer-D8g9XVns.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./ModalFooter-DwkZn9ls.js";
-import { t as v } from "./ModalHeader-BSsyLaXY.js";
+import { a as s, i as c, o as l, r as u, t as d } from "./imageOptimizer-Ba8P7ZEJ.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./ModalFooter-CSoG_uic.js";
+import { t as v } from "./ModalHeader-DpKxDJT_.js";
 import "svelte/internal/disclose-version";
 import * as y from "svelte/internal/client";
 import { MediaQuery as b } from "svelte/reactivity";
-import { onDestroy as x, onMount as S } from "svelte";
+import { onDestroy as x, onMount as ee } from "svelte";
 //#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/MinusOutline.svelte
-var C = y.from_svg("<svg aria-hidden=\"true\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 12h-15\"></path></svg>");
-function w(e, t) {
+var S = y.from_svg("<svg aria-hidden=\"true\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 12h-15\"></path></svg>");
+function C(e, t) {
 	let n = y.prop(t, "size", 3, "24"), r = y.prop(t, "color", 3, "currentColor"), i = y.prop(t, "class", 3, "");
-	var a = C();
+	var a = S();
 	y.template_effect(() => {
 		y.set_class(a, 0, y.clsx(i())), y.set_attribute(a, "width", n()), y.set_attribute(a, "height", n()), y.set_attribute(a, "stroke", r());
 	}), y.append(e, a);
 }
 //#endregion
 //#region node_modules/@getmicdrop/svelte-components/dist/primitives/Modal/ModalClose.svelte
-function T(n, i) {
-	y.push(i, !0);
-	let a = { close: "Close" }, s = y.prop(i, "disabled", 3, !1), c = y.prop(i, "labels", 19, () => ({})), l = h(), u = y.derived(() => e(a, c()));
+function w(t, n) {
+	y.push(n, !0);
+	let i = { close: "Close" }, s = y.prop(n, "disabled", 3, !1), c = y.prop(n, "labels", 19, () => ({})), l = h(), u = y.derived(() => r(i, c()));
 	{
-		let e = y.derived(() => t(i.class));
-		r(n, {
+		let r = y.derived(() => e(n.class));
+		a(t, {
 			variant: "icon",
 			size: "xs",
 			get disabled() {
 				return s();
 			},
 			get class() {
-				return y.get(e);
+				return y.get(r);
 			},
 			get "aria-label"() {
 				return y.get(u).close;
@@ -46,7 +46,7 @@ function T(n, i) {
 }
 //#endregion
 //#region node_modules/svelte-easy-crop/dist/helpers.js
-function E(e, t, n) {
+function T(e, t, n) {
 	return e >= t * n ? {
 		width: t * n,
 		height: t
@@ -55,21 +55,21 @@ function E(e, t, n) {
 		height: e / n
 	};
 }
-function D(e, t, n, r) {
+function E(e, t, n, r) {
 	return {
-		x: O(e.x, t.width, n.width, r),
-		y: O(e.y, t.height, n.height, r)
+		x: D(e.x, t.width, n.width, r),
+		y: D(e.y, t.height, n.height, r)
 	};
 }
-function O(e, t, n, r) {
+function D(e, t, n, r) {
 	let i = Math.abs(t * r / 2 - n / 2);
 	return Math.min(i, Math.max(e, -i));
 }
-function k(e, t) {
+function O(e, t) {
 	return Math.sqrt((e.y - t.y) ** 2 + (e.x - t.x) ** 2);
 }
-function A(e, t, n, r, i, a = !0) {
-	let o = a ? j : M, s = {
+function k(e, t, n, r, i, a = !0) {
+	let o = a ? A : j, s = {
 		x: o(100, ((t.width - n.width / i) / 2 - e.x / i) / t.width * 100),
 		y: o(100, ((t.height - n.height / i) / 2 - e.y / i) / t.height * 100),
 		width: o(100, n.width / t.width * 100 / i),
@@ -90,13 +90,13 @@ function A(e, t, n, r, i, a = !0) {
 		}
 	};
 }
-function j(e, t, n = !1) {
+function A(e, t, n = !1) {
 	return Math.min(e, Math.max(0, n ? Math.round(t) : t));
 }
-function M(e, t) {
+function j(e, t) {
 	return t;
 }
-function N(e, t) {
+function M(e, t) {
 	return {
 		x: (t.x + e.x) / 2,
 		y: (t.y + e.y) / 2
@@ -104,8 +104,8 @@ function N(e, t) {
 }
 //#endregion
 //#region node_modules/svelte-easy-crop/dist/Cropper.svelte
-var P = y.from_html("<div data-testid=\"cropper\"></div>"), F = y.from_html("<div class=\"svelte-easy-crop-container svelte-1yetlj5\" role=\"button\" data-testid=\"container\"><img class=\"svelte-easy-crop-image svelte-1yetlj5\" alt=\"\"/> <!></div>");
-function I(e, t) {
+var N = y.from_html("<div data-testid=\"cropper\"></div>"), P = y.from_html("<div class=\"svelte-easy-crop-container svelte-1yetlj5\" role=\"button\" data-testid=\"container\"><img class=\"svelte-easy-crop-image svelte-1yetlj5\" alt=\"\"/> <!></div>");
+function F(e, t) {
 	y.push(t, !0);
 	let n = y.prop(t, "crop", 31, () => y.proxy({
 		x: 0,
@@ -118,71 +118,71 @@ function I(e, t) {
 	})), g = y.state(null), _ = y.state(null), v = y.state(null), b = y.state(y.proxy({
 		x: 0,
 		y: 0
-	})), C = y.state(y.proxy({
+	})), S = y.state(y.proxy({
 		x: 0,
 		y: 0
-	})), w = y.state(0), T = y.state(null), O = y.state(null);
-	S(() => {
-		y.get(v) && y.get(v).complete && I(), y.get(g) && (y.get(g).addEventListener("gesturestart", j), y.get(g).addEventListener("gesturechange", j));
+	})), C = y.state(0), w = y.state(null), D = y.state(null);
+	ee(() => {
+		y.get(v) && y.get(v).complete && F(), y.get(g) && (y.get(g).addEventListener("gesturestart", A), y.get(g).addEventListener("gesturechange", A));
 	}), x(() => {
-		y.get(g) && (y.get(g).removeEventListener("gesturestart", j), y.get(g).removeEventListener("gesturechange", j)), M();
+		y.get(g) && (y.get(g).removeEventListener("gesturestart", A), y.get(g).removeEventListener("gesturechange", A)), j();
 	});
-	let j = (e) => e.preventDefault(), M = () => {
-		typeof document < "u" && (document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", q), document.removeEventListener("touchmove", W), document.removeEventListener("touchend", q));
-	}, I = () => {
-		R(), Z();
-	}, L = () => s() ? s().width / s().height : o(), R = () => {
+	let A = (e) => e.preventDefault(), j = () => {
+		typeof document < "u" && (document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", K), document.removeEventListener("touchmove", U), document.removeEventListener("touchend", K));
+	}, F = () => {
+		L(), Z();
+	}, I = () => s() ? s().width / s().height : o(), L = () => {
 		y.get(v) && (y.set(h, {
 			width: y.get(v).width,
 			height: y.get(v).height,
 			naturalWidth: y.get(v).naturalWidth,
 			naturalHeight: y.get(v).naturalHeight
-		}, !0), y.set(m, s() ? s() : E(y.get(v).width, y.get(v).height, o()), !0)), y.get(g) && y.set(_, y.get(g).getBoundingClientRect(), !0);
-	}, z = (e) => ({
+		}, !0), y.set(m, s() ? s() : T(y.get(v).width, y.get(v).height, o()), !0)), y.get(g) && y.set(_, y.get(g).getBoundingClientRect(), !0);
+	}, R = (e) => ({
 		x: Number(e.clientX),
 		y: Number(e.clientY)
-	}), B = (e) => ({
+	}), z = (e) => ({
 		x: Number(e.clientX),
 		y: Number(e.clientY)
-	}), V = (e) => {
-		e.preventDefault(), document.addEventListener("mousemove", H), document.addEventListener("mouseup", q), G(z(e));
-	}, H = (e) => K(z(e)), U = (e) => {
-		e.preventDefault(), document.addEventListener("touchmove", W, { passive: !1 }), document.addEventListener("touchend", q), e.touches.length === 2 ? J(e) : e.touches.length === 1 && G(B(e.touches[0]));
-	}, W = (e) => {
-		e.preventDefault(), e.touches.length === 2 ? ee(e) : e.touches.length === 1 && K(B(e.touches[0]));
-	}, G = ({ x: e, y: t }) => {
+	}), B = (e) => {
+		e.preventDefault(), document.addEventListener("mousemove", V), document.addEventListener("mouseup", K), W(R(e));
+	}, V = (e) => G(R(e)), H = (e) => {
+		e.preventDefault(), document.addEventListener("touchmove", U, { passive: !1 }), document.addEventListener("touchend", K), e.touches.length === 2 ? q(e) : e.touches.length === 1 && W(z(e.touches[0]));
+	}, U = (e) => {
+		e.preventDefault(), e.touches.length === 2 ? te(e) : e.touches.length === 1 && G(z(e.touches[0]));
+	}, W = ({ x: e, y: t }) => {
 		y.set(b, {
 			x: e,
 			y: t
-		}, !0), y.set(C, {
+		}, !0), y.set(S, {
 			x: n().x,
 			y: n().y
 		}, !0);
-	}, K = ({ x: e, y: t }) => {
-		y.get(T) && window.cancelAnimationFrame(y.get(T)), y.set(T, window.requestAnimationFrame(() => {
+	}, G = ({ x: e, y: t }) => {
+		y.get(w) && window.cancelAnimationFrame(y.get(w)), y.set(w, window.requestAnimationFrame(() => {
 			if (e === void 0 || t === void 0 || !y.get(m)) return;
 			let i = e - y.get(b).x, a = t - y.get(b).y, o = {
-				x: y.get(C).x + i,
-				y: y.get(C).y + a
+				x: y.get(S).x + i,
+				y: y.get(S).y + a
 			};
-			n(f() ? D(o, y.get(h), y.get(m), r()) : o);
+			n(f() ? E(o, y.get(h), y.get(m), r()) : o);
 		}), !0);
-	}, q = () => {
-		M(), Z();
-	}, J = (e) => {
-		let t = B(e.touches[0]), n = B(e.touches[1]);
-		y.set(w, k(t, n), !0), G(N(t, n));
-	}, ee = (e) => {
-		let t = B(e.touches[0]), n = B(e.touches[1]), i = N(t, n);
-		K(i), y.get(O) && window.cancelAnimationFrame(y.get(O)), y.set(O, window.requestAnimationFrame(() => {
-			let e = k(t, n), a = r() * (e / y.get(w));
-			X(a, i), y.set(w, e, !0);
+	}, K = () => {
+		j(), Z();
+	}, q = (e) => {
+		let t = z(e.touches[0]), n = z(e.touches[1]);
+		y.set(C, O(t, n), !0), W(M(t, n));
+	}, te = (e) => {
+		let t = z(e.touches[0]), n = z(e.touches[1]), i = M(t, n);
+		G(i), y.get(D) && window.cancelAnimationFrame(y.get(D)), y.set(D, window.requestAnimationFrame(() => {
+			let e = O(t, n), a = r() * (e / y.get(C));
+			X(a, i), y.set(C, e, !0);
 		}), !0);
-	}, Y = (e) => {
+	}, J = (e) => {
 		e.preventDefault();
-		let t = z(e), n = r() - e.deltaY * u() / 200;
+		let t = R(e), n = r() - e.deltaY * u() / 200;
 		X(n, t);
-	}, te = ({ x: e, y: t }) => {
+	}, Y = ({ x: e, y: t }) => {
 		if (!y.get(_)) throw Error("The Cropper is not mounted");
 		return {
 			x: y.get(_).width / 2 - (e - y.get(_).left),
@@ -193,37 +193,37 @@ function I(e, t) {
 		y: (t + n().y) / r()
 	}), X = (e, t) => {
 		if (!y.get(m)) return;
-		let o = te(t), s = ne(o);
+		let o = Y(t), s = ne(o);
 		r(Math.min(a(), Math.max(e, i())));
 		let c = {
 			x: s.x * r() - o.x,
 			y: s.y * r() - o.y
 		};
-		n(f() ? D(c, y.get(h), y.get(m), r()) : c);
+		n(f() ? E(c, y.get(h), y.get(m), r()) : c);
 	}, Z = () => {
 		if (!y.get(m) || y.get(m).width === 0) return;
-		let { croppedAreaPercentages: e, croppedAreaPixels: i } = A(f() ? D(n(), y.get(h), y.get(m), r()) : n(), y.get(h), y.get(m), L(), r(), f());
+		let { croppedAreaPercentages: e, croppedAreaPixels: i } = k(f() ? E(n(), y.get(h), y.get(m), r()) : n(), y.get(h), y.get(m), I(), r(), f());
 		t.oncropcomplete?.({
 			percent: e,
 			pixels: i
 		});
 	};
 	y.user_effect(() => {
-		y.get(v) && y.set(m, s() ? s() : E(y.get(v).width, y.get(v).height, o()), !0);
+		y.get(v) && y.set(m, s() ? s() : T(y.get(v).width, y.get(v).height, o()), !0);
 	}), y.user_effect(() => {
 		r() && Z();
 	});
 	let re = (e) => {
-		y.user_effect(() => (e.addEventListener("touchstart", U), e.addEventListener("mousedown", V), e.addEventListener("wheel", Y, { passive: !1 }), () => {
-			e.removeEventListener("touchstart", U), e.removeEventListener("mousedown", V), e.removeEventListener("wheel", Y);
+		y.user_effect(() => (e.addEventListener("touchstart", H), e.addEventListener("mousedown", B), e.addEventListener("wheel", J, { passive: !1 }), () => {
+			e.removeEventListener("touchstart", H), e.removeEventListener("mousedown", B), e.removeEventListener("wheel", J);
 		}));
 	};
-	var Q = F();
-	y.event("resize", y.window, R);
+	var Q = P();
+	y.event("resize", y.window, L);
 	var $ = y.child(Q);
 	y.bind_this($, (e) => y.set(v, e), () => y.get(v));
 	var ie = y.sibling($, 2), ae = (e) => {
-		var t = P();
+		var t = N();
 		let n;
 		y.template_effect(() => {
 			n = y.set_class(t, 1, "svelte-easy-crop-area svelte-1yetlj5", null, n, {
@@ -236,31 +236,31 @@ function I(e, t) {
 		y.get(m) && e(ae);
 	}), y.reset(Q), y.bind_this(Q, (e) => y.set(g, e), () => y.get(g)), y.action(Q, (e) => re?.(e)), y.template_effect(() => {
 		y.set_attribute(Q, "tabindex", p()), y.set_attribute($, "src", t.image), y.set_style($, `transform: translate(${n().x ?? ""}px, ${n().y ?? ""}px) scale(${r() ?? ""});`), y.set_attribute($, "crossorigin", d());
-	}), y.event("load", $, I), y.replay_events($), y.append(e, Q), y.pop();
+	}), y.event("load", $, F), y.replay_events($), y.append(e, Q), y.pop();
 }
 //#endregion
 //#region node_modules/svelte-easy-crop/dist/index.js
-var L = I, R = y.from_html("<div class=\"absolute inset-0 flex items-center justify-center bg-bg-tertiary z-sticky\"><span> </span></div>"), z = y.from_html("<div><!> <!></div> <div class=\"flex-1 space-y-4\"><p> </p> <div class=\"flex items-center justify-center gap-3 max-w-xs mx-auto\"><!> <input type=\"range\" min=\"1\" max=\"3\" step=\"0.1\" class=\"flex-1 w-full h-2 bg-bg-tertiary rounded-lg appearance-none cursor-pointer accent-primary\" data-purpose=\"ui-only\"/> <!></div></div>", 1), B = y.from_html("<!> <!>", 1), V = y.from_html("<div class=\"flex gap-3\"><!></div>"), H = y.from_html("<div class=\"flex flex-col gap-4 landscape:flex-row landscape:items-center landscape:gap-6\"><!></div>"), U = y.from_html("<!> <!> <!>", 1);
-function W(t, o) {
+var I = F, L = y.from_html("<div class=\"absolute inset-0 flex items-center justify-center bg-bg-tertiary z-sticky\"><span> </span></div>"), R = y.from_html("<p> </p>"), z = y.from_html("<div><!> <!></div> <div class=\"flex-1 space-y-4\"><p> </p> <div class=\"flex items-center justify-center gap-3 max-w-xs mx-auto\"><!> <input type=\"range\" min=\"1\" max=\"3\" step=\"0.1\" class=\"flex-1 w-full h-2 bg-bg-tertiary rounded-lg appearance-none cursor-pointer accent-primary\" data-purpose=\"ui-only\"/> <!></div> <!></div>", 1), B = y.from_html("<!> <!>", 1), V = y.from_html("<div class=\"flex gap-3\"><!></div>"), H = y.from_html("<div class=\"flex flex-col gap-4 landscape:flex-row landscape:items-center landscape:gap-6\"><!></div>"), U = y.from_html("<!> <!> <!>", 1);
+function W(e, o) {
 	y.push(o, !0);
-	let h = (e, t = y.noop) => {
-		var n = z(), a = y.first_child(n), o = y.child(a), s = (e) => {
-			var t = R(), n = y.child(t), r = y.child(n, !0);
-			y.reset(n), y.reset(t), y.template_effect(() => {
-				y.set_class(n, 1, y.clsx(i.smMuted)), y.set_text(r, y.get(N).loading);
-			}), y.append(e, t);
+	let h = (e, n = y.noop) => {
+		var r = z(), i = y.first_child(r), o = y.child(i), s = (e) => {
+			var n = L(), r = y.child(n), i = y.child(r, !0);
+			y.reset(r), y.reset(n), y.template_effect(() => {
+				y.set_class(r, 1, y.clsx(t.smMuted)), y.set_text(i, y.get(N).loading);
+			}), y.append(e, n);
 		};
 		y.if(o, (e) => {
-			y.get(W) && e(s);
-		}), L(y.sibling(o, 2), {
+			y.get(G) && e(s);
+		}), I(y.sibling(o, 2), {
 			get image() {
-				return O();
+				return D();
 			},
 			aspect: 1,
 			minZoom: 1,
 			maxZoom: 3,
 			showGrid: !0,
-			oncropcomplete: K,
+			oncropcomplete: te,
 			get crop() {
 				return y.get(P);
 			},
@@ -273,11 +273,11 @@ function W(t, o) {
 			set zoom(e) {
 				y.set(F, e, !0);
 			}
-		}), y.reset(a);
-		var c = y.sibling(a, 2), u = y.child(c), d = y.child(u, !0);
+		}), y.reset(i);
+		var c = y.sibling(i, 2), u = y.child(c), d = y.child(u, !0);
 		y.reset(u);
 		var f = y.sibling(u, 2), p = y.child(f);
-		r(p, {
+		a(p, {
 			variant: "outline",
 			size: "sm",
 			class: "rounded-full! w-9! h-9! p-0! shrink-0",
@@ -286,14 +286,14 @@ function W(t, o) {
 				return y.get(N).zoomOut;
 			},
 			children: (e, t) => {
-				w(e, { class: "w-4 h-4" });
+				C(e, { class: "w-4 h-4" });
 			},
 			$$slots: { default: !0 }
 		});
 		var m = y.sibling(p, 2);
 		y.remove_input_defaults(m);
 		var h = y.sibling(m, 2);
-		r(h, {
+		a(h, {
 			variant: "outline",
 			size: "sm",
 			class: "rounded-full! w-9! h-9! p-0! shrink-0",
@@ -305,21 +305,30 @@ function W(t, o) {
 				l(e, { class: "w-4 h-4" });
 			},
 			$$slots: { default: !0 }
-		}), y.reset(f), y.reset(c), y.template_effect(() => {
-			y.set_class(a, 1, y.clsx(t())), y.set_class(u, 1, `${i.smMuted} text-center`), y.set_text(d, y.get(N).dragToPosition), y.set_attribute(m, "aria-label", y.get(N).zoomLevel);
-		}), y.bind_value(m, () => y.get(F), (e) => y.set(F, e)), y.append(e, n);
+		}), y.reset(f);
+		var g = y.sibling(f, 2), _ = (e) => {
+			var n = R(), r = y.child(n, !0);
+			y.reset(n), y.template_effect(() => {
+				y.set_class(n, 1, `${t.body} text-accent-danger text-center`), y.set_text(r, k());
+			}), y.append(e, n);
+		};
+		y.if(g, (e) => {
+			k() && e(_);
+		}), y.reset(c), y.template_effect(() => {
+			y.set_class(i, 1, y.clsx(n())), y.set_class(u, 1, `${t.smMuted} text-center`), y.set_text(d, y.get(N).dragToPosition), y.set_attribute(m, "aria-label", y.get(N).zoomLevel);
+		}), y.bind_value(m, () => y.get(F), (e) => y.set(F, e)), y.append(e, r);
 	}, x = (e, t = y.noop) => {
-		var n = B(), i = y.first_child(n);
+		var n = B(), r = y.first_child(n);
 		{
-			let e = y.derived(() => y.get(G) || k());
-			r(i, {
+			let e = y.derived(() => y.get(K) || O());
+			a(r, {
 				type: "button",
 				variant: "alternative",
 				size: "md",
 				get class() {
 					return t();
 				},
-				onclick: J,
+				onclick: Y,
 				get disabled() {
 					return y.get(e);
 				},
@@ -331,16 +340,16 @@ function W(t, o) {
 				$$slots: { default: !0 }
 			});
 		}
-		var a = y.sibling(i, 2);
+		var i = y.sibling(r, 2);
 		{
-			let e = y.derived(() => y.get(W) || y.get(G) || k());
-			r(a, {
+			let e = y.derived(() => y.get(G) || y.get(K) || O());
+			a(i, {
 				type: "button",
 				size: "md",
 				get class() {
 					return t();
 				},
-				onclick: q,
+				onclick: J,
 				get disabled() {
 					return y.get(e);
 				},
@@ -353,14 +362,14 @@ function W(t, o) {
 						y.template_effect(() => y.set_text(t, y.get(N).save)), y.append(e, t);
 					};
 					y.if(r, (e) => {
-						y.get(G) || k() ? e(i) : e(a, -1);
+						y.get(K) || O() ? e(i) : e(a, -1);
 					}), y.append(e, n);
 				},
 				$$slots: { default: !0 }
 			});
 		}
 		y.append(e, n);
-	}, S = a("CropImage"), C = new b("(max-width: 767px), (max-height: 500px)", !1), E = {
+	}, ee = n("CropImage"), S = new b("(max-width: 767px), (max-height: 500px)", !1), T = {
 		cropImageTitle: "Crop image",
 		loading: "Loading...",
 		dragToPosition: "Drag to position. Pinch or use slider to zoom.",
@@ -370,40 +379,41 @@ function W(t, o) {
 		closeModal: "Close modal",
 		zoomOut: "Zoom out",
 		zoomIn: "Zoom in",
-		zoomLevel: "Zoom level"
-	}, D = y.prop(o, "showModal", 15, !1), O = y.prop(o, "imageSrc", 15, ""), k = y.prop(o, "isUploadingImage", 3, !1), A = y.prop(o, "labels", 19, () => ({}));
-	o.onSave && !o.onsave && n("CropImage: prop \"onSave\" is deprecated. Use \"onsave\" instead."), o.onCancel && !o.oncancel && n("CropImage: prop \"onCancel\" is deprecated. Use \"oncancel\" instead.");
-	let j = y.derived(() => o.onsave ?? o.onSave ?? (() => {})), M = y.derived(() => o.oncancel ?? o.onCancel ?? (() => {})), N = y.derived(() => e(E, A())), P = y.state(y.proxy({
+		zoomLevel: "Zoom level",
+		cropFailed: "Couldn't read that photo. Please try a different one."
+	}, E = y.prop(o, "showModal", 15, !1), D = y.prop(o, "imageSrc", 15, ""), O = y.prop(o, "isUploadingImage", 3, !1), k = y.prop(o, "error", 15, ""), A = y.prop(o, "labels", 19, () => ({}));
+	o.onSave && !o.onsave && i("CropImage: prop \"onSave\" is deprecated. Use \"onsave\" instead."), o.onCancel && !o.oncancel && i("CropImage: prop \"onCancel\" is deprecated. Use \"oncancel\" instead.");
+	let j = y.derived(() => o.onsave ?? o.onSave ?? (() => {})), M = y.derived(() => o.oncancel ?? o.onCancel ?? (() => {})), N = y.derived(() => r(T, A())), P = y.state(y.proxy({
 		x: 0,
 		y: 0
-	})), F = y.state(1), I = y.state(null), W = y.state(!0), G = y.state(!1);
+	})), F = y.state(1), W = y.state(null), G = y.state(!0), K = y.state(!1), q = D();
 	y.user_effect(() => {
-		D() && O() && (y.set(P, {
+		E() && D() && (y.set(P, {
 			x: 0,
 			y: 0
-		}, !0), y.set(F, 1), y.set(I, null), y.set(W, !0), y.set(G, !1));
+		}, !0), y.set(F, 1), y.set(W, null), y.set(G, !0), y.set(K, !1), D() !== q && (q = D(), k("")));
 	});
-	function K(e) {
-		y.set(I, e.pixels, !0), y.set(W, !1);
+	function te(e) {
+		y.set(W, e.pixels, !0), y.set(G, !1);
 	}
-	async function q() {
-		if (!(!y.get(I) || y.get(G))) {
-			y.set(G, !0);
+	async function J() {
+		if (!(!y.get(W) || y.get(K))) {
+			y.set(K, !0), k("");
 			try {
-				let e = await ee(O(), y.get(I));
+				let e = await ne(D(), y.get(W));
 				y.get(j)(e);
 			} catch (e) {
-				y.set(G, !1), S.error("Crop failed:", e);
+				y.set(K, !1), k(y.get(N).cropFailed), ee.error("Crop failed:", e);
 			}
 		}
 	}
-	function J() {
-		D(!1), O(""), y.set(P, {
+	function Y() {
+		E(!1), D(""), y.set(P, {
 			x: 0,
 			y: 0
-		}, !0), y.set(F, 1), y.set(I, null), y.set(G, !1), y.get(M)();
+		}, !0), y.set(F, 1), y.set(W, null), y.set(K, !1), k(""), y.get(M)();
 	}
-	async function ee(e, t) {
+	async function ne(e, t) {
 		let n = await d(e), r = document.createElement("canvas"), i = r.getContext("2d"), a = 1e3;
 		r.width = a, r.height = a, i.imageSmoothingEnabled = !0, i.imageSmoothingQuality = "high", i.drawImage(n, t.x, t.y, t.width, t.height, 0, 0, a, a);
 		let o = u(), s = o ? "image/webp" : "image/jpeg", c = o ? .8 : .85, l = o ? "webp" : "jpg";
@@ -413,10 +423,10 @@ function W(t, o) {
 			}, s, c);
 		});
 	}
-	var Y = y.comment(), te = y.first_child(Y), ne = (e) => {
+	var X = y.comment(), Z = y.first_child(X), re = (e) => {
 		s(e, {
 			get open() {
-				return D();
+				return E();
 			},
 			get title() {
 				return y.get(N).cropImageTitle;
@@ -426,7 +436,7 @@ function W(t, o) {
 				return o["data-testid"];
 			},
 			onclose: () => {
-				!y.get(G) && !k() && J();
+				!y.get(K) && !O() && Y();
 			},
 			actions: (e) => {
 				var t = V(), n = y.child(t);
@@ -441,36 +451,36 @@ function W(t, o) {
 				default: !0
 			}
 		});
-	}, X = (e) => {
+	}, Q = (e) => {
 		{
-			let t = y.derived(() => y.get(G) || k());
+			let n = y.derived(() => y.get(K) || O());
 			f(e, {
 				get open() {
-					return D();
+					return E();
 				},
 				variant: "dialog",
 				get persistent() {
-					return y.get(t);
+					return y.get(n);
 				},
 				get "data-testid"() {
 					return o["data-testid"];
 				},
-				oncancel: J,
-				children: (e, t) => {
-					var n = B(), r = y.first_child(n);
-					p(r, {});
-					var a = y.sibling(r, 2);
+				oncancel: Y,
+				children: (e, n) => {
+					var r = B(), i = y.first_child(r);
+					p(i, {});
+					var a = y.sibling(i, 2);
 					g(a, {
 						class: "max-w-lg",
-						children: (e, t) => {
-							var n = U(), r = y.first_child(n);
-							v(r, {
+						children: (e, n) => {
+							var r = U(), i = y.first_child(r);
+							v(i, {
 								class: "flex items-center justify-between gap-3 border-b border-border pb-4",
-								children: (e, t) => {
-									var n = B(), r = y.first_child(n);
-									c(r, {
+								children: (e, n) => {
+									var r = B(), i = y.first_child(r);
+									c(i, {
 										get class() {
-											return i.h2;
+											return t.h2;
 										},
 										children: (e, t) => {
 											y.next();
@@ -479,10 +489,10 @@ function W(t, o) {
 										},
 										$$slots: { default: !0 }
 									});
-									var a = y.sibling(r, 2);
+									var a = y.sibling(i, 2);
 									{
-										let e = y.derived(() => y.get(G) || k()), t = y.derived(() => ({ close: y.get(N).closeModal }));
-										T(a, {
+										let e = y.derived(() => y.get(K) || O()), t = y.derived(() => ({ close: y.get(N).closeModal }));
+										w(a, {
 											get disabled() {
 												return y.get(e);
 											},
@@ -491,11 +501,11 @@ function W(t, o) {
 											}
 										});
 									}
-									y.append(e, n);
+									y.append(e, r);
 								},
 								$$slots: { default: !0 }
 							});
-							var a = y.sibling(r, 2);
+							var a = y.sibling(i, 2);
 							m(a, {
 								class: "space-y-4",
 								children: (e, t) => {
@@ -510,18 +520,18 @@ function W(t, o) {
 									x(e, () => "");
 								},
 								$$slots: { default: !0 }
-							}), y.append(e, n);
+							}), y.append(e, r);
 						},
 						$$slots: { default: !0 }
-					}), y.append(e, n);
+					}), y.append(e, r);
 				},
 				$$slots: { default: !0 }
 			});
 		}
 	};
-	y.if(te, (e) => {
-		C.current ? e(ne) : e(X, -1);
-	}), y.append(t, Y), y.pop();
+	y.if(Z, (e) => {
+		S.current ? e(re) : e(Q, -1);
+	}), y.append(e, X), y.pop();
 }
 //#endregion
 export { W as default };