@getmicdrop/venue-calendar 4.3.8 → 4.3.9

package/dist/{CheckoutTimer-CgGCv_jP.js → CheckoutTimer-BubF7ziC.js}

@@ -1,28 +1,28 @@
-import { D as e, b as t, h as n } from "./defaultLabels-BdLGAc3u.js";
-import { t as r } from "./ClockIcon-C4MxWMqH.js";
+import { t as e } from "./ClockIcon-Dit8R1GZ.js";
+import { D as t, b as n, h as r } from "./defaultLabels-CpurXn7c.js";
 import { t as i } from "./Text-CqjLjIF8.js";
-import { t as a } from "./labels-0dEJldQX.js";
+import { t as a } from "./labels-IV_I9087.js";
 import "svelte/internal/disclose-version";
 import * as o from "svelte/internal/client";
 //#region src/lib/utils/event-ended.ts
-function s(r, i = e()) {
-	if (!r) return !1;
-	let a = t(r.endDateTime || r.startDateTime);
-	return a ? n(a, i) < 0 : !1;
+function s(e, i = t()) {
+	if (!e) return !1;
+	let a = n(e.endDateTime || e.startDateTime);
+	return a ? r(a, i) < 0 : !1;
 }
 //#endregion
 //#region src/lib/public-calendar-flow/CheckoutTimer.svelte
 var c = o.from_html("<div><!> <!></div>");
-function l(e, t) {
-	o.push(t, !0);
-	let n = o.prop(t, "labels", 3, a), s = o.derived(() => (() => {
-		let e = Math.floor(t.seconds / 60), n = t.seconds % 60;
-		return `${e.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-	})()), l = o.derived(() => t.isUrgent ? n().completeSoon || "Complete soon" : n().reservationHeld || "Reservation held");
+function l(t, n) {
+	o.push(n, !0);
+	let r = o.prop(n, "labels", 3, a), s = o.derived(() => (() => {
+		let e = Math.floor(n.seconds / 60), t = n.seconds % 60;
+		return `${e.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
+	})()), l = o.derived(() => n.isUrgent ? r().completeSoon || "Complete soon" : r().reservationHeld || "Reservation held");
 	var u = c();
 	let d;
 	var f = o.child(u);
-	r(f, {
+	e(f, {
 		size: "16",
 		class: "shrink-0"
 	});
@@ -37,7 +37,7 @@ function l(e, t) {
 			o.template_effect(() => o.set_text(n, `${o.get(l) ?? ""} · ${o.get(s) ?? ""}`)), o.append(e, n);
 		},
 		$$slots: { default: !0 }
-	}), o.reset(u), o.template_effect(() => d = o.set_class(u, 1, "timer-display text-color-secondary svelte-8jbi4g", null, d, { urgent: t.isUrgent })), o.append(e, u), o.pop();
+	}), o.reset(u), o.template_effect(() => d = o.set_class(u, 1, "timer-display text-color-secondary svelte-8jbi4g", null, d, { urgent: n.isUrgent })), o.append(t, u), o.pop();
 }
 //#endregion
 export { s as n, l as t };

package/dist/{ChevronDownIcon-gELqaIeP.js → ChevronDownIcon-MTzda9yz.js}

@@ -1,4 +1,4 @@
-import { J as e } from "./constants-q-jR2-bz.js";
+import { J as e } from "./constants-rFRS1lF-.js";
 import "svelte/internal/disclose-version";
 import * as t from "svelte/internal/client";
 //#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/phosphor/ChevronDownIcon.svelte

package/dist/{ClockIcon-C4MxWMqH.js → ClockIcon-Dit8R1GZ.js}

@@ -1,4 +1,4 @@
-import { J as e } from "./constants-q-jR2-bz.js";
+import { J as e } from "./constants-rFRS1lF-.js";
 import "svelte/internal/disclose-version";
 import * as t from "svelte/internal/client";
 //#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/phosphor/ClockIcon.svelte

package/dist/{CloseIcon-D3NjpzeW.js → CloseIcon-XqvbBmiA.js}

@@ -1,4 +1,4 @@
-import { J as e } from "./constants-q-jR2-bz.js";
+import { J as e } from "./constants-rFRS1lF-.js";
 import "svelte/internal/disclose-version";
 import * as t from "svelte/internal/client";
 //#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/CalendarOutline.svelte

package/dist/{CollectionView-C55yLTPR.js → CollectionView-B_rrXaQH.js}

@@ -1,11 +1,11 @@
-import { x as e } from "./Button-Cm6xkipe.js";
-import { i as t, t as n } from "./defaultLabels-BdLGAc3u.js";
-import { t as r } from "./Event-ClxgC-gP.js";
-import { r as i } from "./shareCopyFeedback.svelte-CW0Yy9Oz.js";
-import { n as a } from "./ScarcityBadge-DbUVeqpx.js";
-import { t as o } from "./__SKIP_PATHS__-Dyw31EsB.js";
-import { t as s } from "./PasswordInput-Cj8i4djG.js";
-import { p as c } from "./api-QG8CoGcM.js";
+import { x as e } from "./Button-CxQO7vwF.js";
+import { t } from "./Event-WtVZMQfA.js";
+import { r as n } from "./shareCopyFeedback.svelte-oxKGmiOe.js";
+import { n as r } from "./ScarcityBadge-B4e3Z_Oz.js";
+import { i, t as a } from "./defaultLabels-CpurXn7c.js";
+import { t as o } from "./__SKIP_PATHS__-B3-kZeYN.js";
+import { t as s } from "./PasswordInput-CnjRiZJ7.js";
+import { p as c } from "./api-CTiZ6rza.js";
 import { i as l, n as u, t as d } from "./gate-password-cache-oOcDm9Ki.js";
 import "svelte/internal/disclose-version";
 import * as f from "svelte/internal/client";
@@ -16,7 +16,7 @@ function v(v, y) {
 	f.push(y, !0), e("CollectionView"), f.prop(y, "organizationId", 3, "");
 	let b = f.prop(y, "onNavigateToEvent", 3, void 0), x = f.prop(y, "password", 3, void 0);
 	f.prop(y, "displayMode", 3, "gallery"), f.prop(y, "showViewSwitcher", 3, !0);
-	let S = f.prop(y, "labels", 3, n), C = f.prop(y, "locale", 3, void 0), w = f.state(null), T = f.state(!0), E = f.state(null), D = f.state(!1), O = f.state(!1), k = f.state(""), A = f.state(!1), j = f.derived(() => f.get(w) ? i(f.get(w)) : null), M = 0;
+	let S = f.prop(y, "labels", 3, a), C = f.prop(y, "locale", 3, void 0), w = f.state(null), T = f.state(!0), E = f.state(null), D = f.state(!1), O = f.state(!1), k = f.state(""), A = f.state(!1), j = f.derived(() => f.get(w) ? n(f.get(w)) : null), M = 0;
 	async function N(e, t = !1) {
 		if (!f.get(D)) return;
 		let n = ++M;
@@ -54,7 +54,7 @@ function v(v, y) {
 		e.preventDefault(), f.get(k).trim() && N(f.get(k));
 	}
 	function F(e) {
-		b() && e.id ? b()(Number(e.id), e.slug) : a(o("/[id]/[slug]", {
+		b() && e.id ? b()(Number(e.id), e.slug) : r(o("/[id]/[slug]", {
 			id: String(e.id),
 			slug: String(e.slug)
 		}));
@@ -70,9 +70,9 @@ function v(v, y) {
 		var t = h(), n = f.child(t), r = f.child(n, !0);
 		f.reset(n), f.reset(t), f.template_effect(() => f.set_text(r, S().loadingCollection || "Loading collection...")), f.append(e, t);
 	}, z = (e) => {
-		var n = g(), r = f.child(n), i = f.child(r), a = f.child(i, !0);
-		f.reset(i);
-		var o = f.sibling(i, 2), c = f.child(o, !0);
+		var t = g(), n = f.child(t), r = f.child(n), a = f.child(r, !0);
+		f.reset(r);
+		var o = f.sibling(r, 2), c = f.child(o, !0);
 		f.reset(o);
 		var l = f.sibling(o, 2), u = f.child(l);
 		{
@@ -93,7 +93,7 @@ function v(v, y) {
 			});
 		}
 		var d = f.sibling(u, 2);
-		t(d, {
+		i(d, {
 			variant: "default",
 			type: "submit",
 			children: (e, t) => {
@@ -102,14 +102,14 @@ function v(v, y) {
 				f.template_effect(() => f.set_text(n, S().viewCollection || "View collection")), f.append(e, n);
 			},
 			$$slots: { default: !0 }
-		}), f.reset(l), f.reset(r), f.reset(n), f.template_effect(() => {
+		}), f.reset(l), f.reset(n), f.reset(t), f.template_effect(() => {
 			f.set_text(a, S().collectionPrivateTitle || "This collection is private"), f.set_text(c, S().collectionPrivateDescription || "Please enter the password to view this collection");
-		}), f.event("submit", l, P), f.append(e, n);
+		}), f.event("submit", l, P), f.append(e, t);
 	}, B = (e) => {
 		var t = _(), n = f.child(t), r = f.child(n);
 		f.reset(n), f.reset(t), f.template_effect(() => f.set_text(r, `${(S().errorPrefix || "Error:") ?? ""} ${f.get(E) ?? ""}`)), f.append(e, t);
 	}, V = (e) => {
-		r(e, {
+		t(e, {
 			get event() {
 				return f.get(j);
 			},

package/dist/CropImage-mVbYhD9Y.js

@@ -0,0 +1,527 @@
+import { C as e, T as t, b as n, t as r, v as i, x as a } from "./Button-CxQO7vwF.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 "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";
+//#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) {
+	let n = y.prop(t, "size", 3, "24"), r = y.prop(t, "color", 3, "currentColor"), i = y.prop(t, "class", 3, "");
+	var a = C();
+	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()));
+	{
+		let e = y.derived(() => t(i.class));
+		r(n, {
+			variant: "icon",
+			size: "xs",
+			get disabled() {
+				return s();
+			},
+			get class() {
+				return y.get(e);
+			},
+			get "aria-label"() {
+				return y.get(u).close;
+			},
+			onclick: () => l.resetModal(),
+			children: (e, t) => {
+				o(e, { class: "w-3 h-3" });
+			},
+			$$slots: { default: !0 }
+		});
+	}
+	y.pop();
+}
+//#endregion
+//#region node_modules/svelte-easy-crop/dist/helpers.js
+function E(e, t, n) {
+	return e >= t * n ? {
+		width: t * n,
+		height: t
+	} : {
+		width: e,
+		height: e / n
+	};
+}
+function D(e, t, n, r) {
+	return {
+		x: O(e.x, t.width, n.width, r),
+		y: O(e.y, t.height, n.height, r)
+	};
+}
+function O(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) {
+	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 = {
+		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),
+		height: o(100, n.height / t.height * 100 / i)
+	}, c = o(t.naturalWidth, s.width * t.naturalWidth / 100, !0), l = o(t.naturalHeight, s.height * t.naturalHeight / 100, !0), u = t.naturalWidth >= t.naturalHeight * r ? {
+		width: Math.round(l * r),
+		height: l
+	} : {
+		width: c,
+		height: Math.round(c / r)
+	};
+	return {
+		croppedAreaPercentages: s,
+		croppedAreaPixels: {
+			...u,
+			x: o(t.naturalWidth - u.width, s.x * t.naturalWidth / 100, !0),
+			y: o(t.naturalHeight - u.height, s.y * t.naturalHeight / 100, !0)
+		}
+	};
+}
+function j(e, t, n = !1) {
+	return Math.min(e, Math.max(0, n ? Math.round(t) : t));
+}
+function M(e, t) {
+	return t;
+}
+function N(e, t) {
+	return {
+		x: (t.x + e.x) / 2,
+		y: (t.y + e.y) / 2
+	};
+}
+//#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) {
+	y.push(t, !0);
+	let n = y.prop(t, "crop", 31, () => y.proxy({
+		x: 0,
+		y: 0
+	})), r = y.prop(t, "zoom", 15, 1), i = y.prop(t, "minZoom", 11, 1), a = y.prop(t, "maxZoom", 11, 3), o = y.prop(t, "aspect", 3, 4 / 3), s = y.prop(t, "cropSize", 3, null), c = y.prop(t, "cropShape", 3, "rect"), l = y.prop(t, "showGrid", 3, !0), u = y.prop(t, "zoomSpeed", 3, 1), d = y.prop(t, "crossOrigin", 3, null), f = y.prop(t, "restrictPosition", 3, !0), p = y.prop(t, "tabindex", 3, void 0), m = y.state(null), h = y.state(y.proxy({
+		width: 0,
+		height: 0,
+		naturalWidth: 0,
+		naturalHeight: 0
+	})), 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({
+		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));
+	}), x(() => {
+		y.get(g) && (y.get(g).removeEventListener("gesturestart", j), y.get(g).removeEventListener("gesturechange", j)), M();
+	});
+	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 = () => {
+		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) => ({
+		x: Number(e.clientX),
+		y: Number(e.clientY)
+	}), B = (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 }) => {
+		y.set(b, {
+			x: e,
+			y: t
+		}, !0), y.set(C, {
+			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(() => {
+			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
+			};
+			n(f() ? D(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);
+		}), !0);
+	}, Y = (e) => {
+		e.preventDefault();
+		let t = z(e), n = r() - e.deltaY * u() / 200;
+		X(n, t);
+	}, te = ({ x: e, y: t }) => {
+		if (!y.get(_)) throw Error("The Cropper is not mounted");
+		return {
+			x: y.get(_).width / 2 - (e - y.get(_).left),
+			y: y.get(_).height / 2 - (t - y.get(_).top)
+		};
+	}, ne = ({ x: e, y: t }) => ({
+		x: (e + n().x) / r(),
+		y: (t + n().y) / r()
+	}), X = (e, t) => {
+		if (!y.get(m)) return;
+		let o = te(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);
+	}, 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());
+		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.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);
+		}));
+	};
+	var Q = F();
+	y.event("resize", y.window, R);
+	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();
+		let n;
+		y.template_effect(() => {
+			n = y.set_class(t, 1, "svelte-easy-crop-area svelte-1yetlj5", null, n, {
+				"svelte-easy-crop-round": c() === "round",
+				"svelte-easy-crop-grid": l()
+			}), y.set_style(t, `width: ${y.get(m).width ?? ""}px; height: ${y.get(m).height ?? ""}px;`);
+		}), y.append(e, t);
+	};
+	y.if(ie, (e) => {
+		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();
+}
+//#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) {
+	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);
+		};
+		y.if(o, (e) => {
+			y.get(W) && e(s);
+		}), L(y.sibling(o, 2), {
+			get image() {
+				return O();
+			},
+			aspect: 1,
+			minZoom: 1,
+			maxZoom: 3,
+			showGrid: !0,
+			oncropcomplete: K,
+			get crop() {
+				return y.get(P);
+			},
+			set crop(e) {
+				y.set(P, e, !0);
+			},
+			get zoom() {
+				return y.get(F);
+			},
+			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(u);
+		var f = y.sibling(u, 2), p = y.child(f);
+		r(p, {
+			variant: "outline",
+			size: "sm",
+			class: "rounded-full! w-9! h-9! p-0! shrink-0",
+			onclick: () => y.set(F, Math.max(1, y.get(F) - .2), !0),
+			get "aria-label"() {
+				return y.get(N).zoomOut;
+			},
+			children: (e, t) => {
+				w(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, {
+			variant: "outline",
+			size: "sm",
+			class: "rounded-full! w-9! h-9! p-0! shrink-0",
+			onclick: () => y.set(F, Math.min(3, y.get(F) + .2), !0),
+			get "aria-label"() {
+				return y.get(N).zoomIn;
+			},
+			children: (e, t) => {
+				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);
+	}, x = (e, t = y.noop) => {
+		var n = B(), i = y.first_child(n);
+		{
+			let e = y.derived(() => y.get(G) || k());
+			r(i, {
+				type: "button",
+				variant: "alternative",
+				size: "md",
+				get class() {
+					return t();
+				},
+				onclick: J,
+				get disabled() {
+					return y.get(e);
+				},
+				children: (e, t) => {
+					y.next();
+					var n = y.text();
+					y.template_effect(() => y.set_text(n, y.get(N).cancel)), y.append(e, n);
+				},
+				$$slots: { default: !0 }
+			});
+		}
+		var a = y.sibling(i, 2);
+		{
+			let e = y.derived(() => y.get(W) || y.get(G) || k());
+			r(a, {
+				type: "button",
+				size: "md",
+				get class() {
+					return t();
+				},
+				onclick: q,
+				get disabled() {
+					return y.get(e);
+				},
+				children: (e, t) => {
+					var n = y.comment(), r = y.first_child(n), i = (e) => {
+						var t = y.text();
+						y.template_effect(() => y.set_text(t, y.get(N).uploading)), y.append(e, t);
+					}, a = (e) => {
+						var t = y.text();
+						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.append(e, n);
+				},
+				$$slots: { default: !0 }
+			});
+		}
+		y.append(e, n);
+	}, S = a("CropImage"), C = new b("(max-width: 767px), (max-height: 500px)", !1), E = {
+		cropImageTitle: "Crop image",
+		loading: "Loading...",
+		dragToPosition: "Drag to position. Pinch or use slider to zoom.",
+		cancel: "Cancel",
+		uploading: "Uploading...",
+		save: "Save",
+		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({
+		x: 0,
+		y: 0
+	})), F = y.state(1), I = y.state(null), W = y.state(!0), G = y.state(!1);
+	y.user_effect(() => {
+		D() && O() && (y.set(P, {
+			x: 0,
+			y: 0
+		}, !0), y.set(F, 1), y.set(I, null), y.set(W, !0), y.set(G, !1));
+	});
+	function K(e) {
+		y.set(I, e.pixels, !0), y.set(W, !1);
+	}
+	async function q() {
+		if (!(!y.get(I) || y.get(G))) {
+			y.set(G, !0);
+			try {
+				let e = await ee(O(), y.get(I));
+				y.get(j)(e);
+			} catch (e) {
+				y.set(G, !1), S.error("Crop failed:", e);
+			}
+		}
+	}
+	function J() {
+		D(!1), O(""), y.set(P, {
+			x: 0,
+			y: 0
+		}, !0), y.set(F, 1), y.set(I, null), y.set(G, !1), y.get(M)();
+	}
+	async function ee(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";
+		return new Promise((e) => {
+			r.toBlob((t) => {
+				e(new File([t], `cropped-image.${l}`, { type: s }));
+			}, s, c);
+		});
+	}
+	var Y = y.comment(), te = y.first_child(Y), ne = (e) => {
+		s(e, {
+			get open() {
+				return D();
+			},
+			get title() {
+				return y.get(N).cropImageTitle;
+			},
+			alwaysSheet: !0,
+			get "data-testid"() {
+				return o["data-testid"];
+			},
+			onclose: () => {
+				!y.get(G) && !k() && J();
+			},
+			actions: (e) => {
+				var t = V(), n = y.child(t);
+				x(n, () => "flex-1"), y.reset(t), y.append(e, t);
+			},
+			children: (e, t) => {
+				var n = H(), r = y.child(n);
+				h(r, () => "relative w-full max-w-[50dvh] landscape:max-w-[35dvh] shrink-0 mx-auto aspect-square bg-bg-secondary rounded-lg overflow-hidden"), y.reset(n), y.append(e, n);
+			},
+			$$slots: {
+				actions: !0,
+				default: !0
+			}
+		});
+	}, X = (e) => {
+		{
+			let t = y.derived(() => y.get(G) || k());
+			f(e, {
+				get open() {
+					return D();
+				},
+				variant: "dialog",
+				get persistent() {
+					return y.get(t);
+				},
+				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);
+					g(a, {
+						class: "max-w-lg",
+						children: (e, t) => {
+							var n = U(), r = y.first_child(n);
+							v(r, {
+								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, {
+										get class() {
+											return i.h2;
+										},
+										children: (e, t) => {
+											y.next();
+											var n = y.text();
+											y.template_effect(() => y.set_text(n, y.get(N).cropImageTitle)), y.append(e, n);
+										},
+										$$slots: { default: !0 }
+									});
+									var a = y.sibling(r, 2);
+									{
+										let e = y.derived(() => y.get(G) || k()), t = y.derived(() => ({ close: y.get(N).closeModal }));
+										T(a, {
+											get disabled() {
+												return y.get(e);
+											},
+											get labels() {
+												return y.get(t);
+											}
+										});
+									}
+									y.append(e, n);
+								},
+								$$slots: { default: !0 }
+							});
+							var a = y.sibling(r, 2);
+							m(a, {
+								class: "space-y-4",
+								children: (e, t) => {
+									h(e, () => "relative w-full aspect-square sm:aspect-[4/3] max-h-80 sm:max-h-96 bg-bg-secondary rounded-lg overflow-hidden");
+								},
+								$$slots: { default: !0 }
+							});
+							var o = y.sibling(a, 2);
+							_(o, {
+								class: "border-t border-border pt-4",
+								children: (e, t) => {
+									x(e, () => "");
+								},
+								$$slots: { default: !0 }
+							}), y.append(e, n);
+						},
+						$$slots: { default: !0 }
+					}), y.append(e, n);
+				},
+				$$slots: { default: !0 }
+			});
+		}
+	};
+	y.if(te, (e) => {
+		C.current ? e(ne) : e(X, -1);
+	}), y.append(t, Y), y.pop();
+}
+//#endregion
+export { W as default };