@getmicdrop/venue-calendar 4.3.135 → 4.3.138

package/dist/CloseIcon--8LjBB63.js

@@ -1,35 +0,0 @@
-import { X as e } from "./datetime-C_dBn97N.js";
-import "svelte/internal/disclose-version";
-import * as t from "svelte/internal/client";
-//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/CalendarOutline.svelte
-var n = t.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=\"M8 2.25v3M16 2.25v3M3.75 9.75h16.5M5.25 4.5h13.5a1.5 1.5 0 011.5 1.5v13.5a1.5 1.5 0 01-1.5 1.5H5.25a1.5 1.5 0 01-1.5-1.5V6a1.5 1.5 0 011.5-1.5z\"></path></svg>");
-function r(e, r) {
-	let i = t.prop(r, "size", 3, "24"), a = t.prop(r, "color", 3, "currentColor"), o = t.prop(r, "class", 3, "");
-	var s = n();
-	t.template_effect(() => {
-		t.set_class(s, 0, t.clsx(o())), t.set_attribute(s, "width", i()), t.set_attribute(s, "height", i()), t.set_attribute(s, "stroke", a());
-	}), t.append(e, s);
-}
-//#endregion
-//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/phosphor/CloseIcon.svelte
-var i = t.from_svg("<path d=\"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"></path>"), a = t.from_svg("<line x1=\"200\" y1=\"56\" x2=\"56\" y2=\"200\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"></line><line x1=\"200\" y1=\"200\" x2=\"56\" y2=\"56\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"></line>", 1), o = t.from_svg("<svg aria-hidden=\"true\" viewBox=\"0 0 256 256\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><!></svg>");
-function s(n, r) {
-	t.push(r, !0);
-	let s = t.prop(r, "size", 3, "24"), c = t.prop(r, "color", 3, "currentColor"), l = t.prop(r, "class", 3, ""), u = e(), d = t.derived(() => r.weight ?? u?.weight ?? "regular");
-	var f = o();
-	let p;
-	var m = t.child(f), h = (e) => {
-		var n = i();
-		t.append(e, n);
-	}, g = (e) => {
-		var n = a();
-		t.next(), t.append(e, n);
-	};
-	t.if(m, (e) => {
-		t.get(d) === "fill" ? e(h) : e(g, -1);
-	}), t.reset(f), t.template_effect(() => {
-		t.set_class(f, 0, t.clsx(l())), t.set_attribute(f, "width", s()), t.set_attribute(f, "height", s()), p = t.set_style(f, "", p, { color: c() === "currentColor" ? void 0 : c() });
-	}), t.append(n, f), t.pop();
-}
-//#endregion
-export { r as n, s as t };

package/dist/CropImage-D1M-bKxG.js

@@ -1,548 +0,0 @@
-import { t as e } from "./Button-B58iYo_t.js";
-import { s as t } from "./keyboard-DhCcdIyh.js";
-import { g as n, h as r, m as i, v as a } from "./sizing-B7ixYndz.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-Gew5vPWh.js";
-import { a as f, d as ee, i as p, n as m, o as h, r as g, t as _ } from "./ModalFooter-Cru7v0io.js";
-import { t as v } from "./ModalHeader-CpgkuttK.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 te } from "svelte";
-//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/MinusOutline.svelte
-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 = 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 w(n, r) {
-	y.push(r, !0);
-	let i = { close: "Close" }, s = y.prop(r, "disabled", 3, !1), c = y.prop(r, "labels", 19, () => ({})), l = h(), u = y.derived(() => a(i, c()));
-	{
-		let i = y.derived(() => t(r.class));
-		e(n, {
-			variant: "icon",
-			size: "xs",
-			get disabled() {
-				return s();
-			},
-			get class() {
-				return y.get(i);
-			},
-			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 T(e, t, n) {
-	return e >= t * n ? {
-		width: t * n,
-		height: t
-	} : {
-		width: e,
-		height: e / n
-	};
-}
-function E(e, t, n, r) {
-	return {
-		x: D(e.x, t.width, n.width, r),
-		y: D(e.y, t.height, n.height, 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 O(e, t) {
-	return Math.sqrt((e.y - t.y) ** 2 + (e.x - t.x) ** 2);
-}
-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),
-		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 A(e, t, n = !1) {
-	return Math.min(e, Math.max(0, n ? Math.round(t) : t));
-}
-function j(e, t) {
-	return t;
-}
-function M(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 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,
-		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), ee = y.prop(t, "tabindex", 3, void 0), p = y.state(null), m = y.state(y.proxy({
-		width: 0,
-		height: 0,
-		naturalWidth: 0,
-		naturalHeight: 0
-	})), h = y.state(null), g = y.state(null), _ = y.state(null), v = y.state(y.proxy({
-		x: 0,
-		y: 0
-	})), b = y.state(y.proxy({
-		x: 0,
-		y: 0
-	})), S = y.state(0), C = y.state(null), w = y.state(null);
-	te(() => {
-		y.get(_) && y.get(_).complete && j(), y.get(h) && (y.get(h).addEventListener("gesturestart", D), y.get(h).addEventListener("gesturechange", D));
-	}), x(() => {
-		y.get(h) && (y.get(h).removeEventListener("gesturestart", D), y.get(h).removeEventListener("gesturechange", D)), A();
-	});
-	let D = (e) => e.preventDefault(), A = () => {
-		typeof document < "u" && (document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", G), document.removeEventListener("touchmove", H), document.removeEventListener("touchend", G));
-	}, j = () => {
-		I(), Z();
-	}, F = () => s() ? s().width / s().height : o(), I = () => {
-		y.get(_) && (y.set(m, {
-			width: y.get(_).width,
-			height: y.get(_).height,
-			naturalWidth: y.get(_).naturalWidth,
-			naturalHeight: y.get(_).naturalHeight
-		}, !0), y.set(p, s() ? s() : T(y.get(_).width, y.get(_).height, o()), !0)), y.get(h) && y.set(g, y.get(h).getBoundingClientRect(), !0);
-	}, L = (e) => ({
-		x: Number(e.clientX),
-		y: Number(e.clientY)
-	}), R = (e) => ({
-		x: Number(e.clientX),
-		y: Number(e.clientY)
-	}), z = (e) => {
-		e.preventDefault(), document.addEventListener("mousemove", B), document.addEventListener("mouseup", G), U(L(e));
-	}, B = (e) => W(L(e)), V = (e) => {
-		e.preventDefault(), document.addEventListener("touchmove", H, { passive: !1 }), document.addEventListener("touchend", G), e.touches.length === 2 ? K(e) : e.touches.length === 1 && U(R(e.touches[0]));
-	}, H = (e) => {
-		e.preventDefault(), e.touches.length === 2 ? q(e) : e.touches.length === 1 && W(R(e.touches[0]));
-	}, U = ({ x: e, y: t }) => {
-		y.set(v, {
-			x: e,
-			y: t
-		}, !0), y.set(b, {
-			x: n().x,
-			y: n().y
-		}, !0);
-	}, W = ({ x: e, y: t }) => {
-		y.get(C) && window.cancelAnimationFrame(y.get(C)), y.set(C, window.requestAnimationFrame(() => {
-			if (e === void 0 || t === void 0 || !y.get(p)) return;
-			let i = e - y.get(v).x, a = t - y.get(v).y, o = {
-				x: y.get(b).x + i,
-				y: y.get(b).y + a
-			};
-			n(f() ? E(o, y.get(m), y.get(p), r()) : o);
-		}), !0);
-	}, G = () => {
-		A(), Z();
-	}, K = (e) => {
-		let t = R(e.touches[0]), n = R(e.touches[1]);
-		y.set(S, O(t, n), !0), U(M(t, n));
-	}, q = (e) => {
-		let t = R(e.touches[0]), n = R(e.touches[1]), i = M(t, n);
-		W(i), y.get(w) && window.cancelAnimationFrame(y.get(w)), y.set(w, window.requestAnimationFrame(() => {
-			let e = O(t, n), a = r() * (e / y.get(S));
-			X(a, i), y.set(S, e, !0);
-		}), !0);
-	}, J = (e) => {
-		e.preventDefault();
-		let t = L(e), n = r() - e.deltaY * u() / 200;
-		X(n, t);
-	}, ne = ({ x: e, y: t }) => {
-		if (!y.get(g)) throw Error("The Cropper is not mounted");
-		return {
-			x: y.get(g).width / 2 - (e - y.get(g).left),
-			y: y.get(g).height / 2 - (t - y.get(g).top)
-		};
-	}, Y = ({ x: e, y: t }) => ({
-		x: (e + n().x) / r(),
-		y: (t + n().y) / r()
-	}), X = (e, t) => {
-		if (!y.get(p)) return;
-		let o = ne(t), s = Y(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() ? E(c, y.get(m), y.get(p), r()) : c);
-	}, Z = () => {
-		if (!y.get(p) || y.get(p).width === 0) return;
-		let { croppedAreaPercentages: e, croppedAreaPixels: i } = k(f() ? E(n(), y.get(m), y.get(p), r()) : n(), y.get(m), y.get(p), F(), r(), f());
-		t.oncropcomplete?.({
-			percent: e,
-			pixels: i
-		});
-	};
-	y.user_effect(() => {
-		y.get(_) && y.set(p, s() ? s() : T(y.get(_).width, y.get(_).height, o()), !0);
-	}), y.user_effect(() => {
-		r() && Z();
-	});
-	let re = (e) => {
-		y.user_effect(() => (e.addEventListener("touchstart", V), e.addEventListener("mousedown", z), e.addEventListener("wheel", J, { passive: !1 }), () => {
-			e.removeEventListener("touchstart", V), e.removeEventListener("mousedown", z), e.removeEventListener("wheel", J);
-		}));
-	};
-	var Q = P();
-	y.event("resize", y.window, I);
-	var $ = y.child(Q);
-	y.bind_this($, (e) => y.set(_, e), () => y.get(_));
-	var ie = y.sibling($, 2), ae = (e) => {
-		var t = N();
-		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(p).width ?? ""}px; height: ${y.get(p).height ?? ""}px;`);
-		}), y.append(e, t);
-	};
-	y.if(ie, (e) => {
-		y.get(p) && e(ae);
-	}), y.reset(Q), y.bind_this(Q, (e) => y.set(h, e), () => y.get(h)), y.action(Q, (e) => re?.(e)), y.template_effect(() => {
-		y.set_attribute(Q, "tabindex", ee()), 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", $, j), y.replay_events($), y.append(e, Q), y.pop();
-}
-//#endregion
-//#region node_modules/svelte-easy-crop/dist/index.js
-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\"><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 = (t, n = y.noop) => {
-		var r = z(), a = y.first_child(r), o = y.child(a), s = (e) => {
-			var t = L(), 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(G) && e(s);
-		}), I(y.sibling(o, 2), {
-			get image() {
-				return D();
-			},
-			aspect: 1,
-			minZoom: 1,
-			maxZoom: 3,
-			showGrid: !0,
-			oncropcomplete: J,
-			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);
-		e(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) => {
-				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);
-		e(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);
-		var g = y.sibling(f, 2);
-		ee(g, {
-			role: "alert",
-			politeness: "assertive",
-			visible: !0,
-			children: (e, t) => {
-				var n = y.comment(), r = y.first_child(n), a = (e) => {
-					var t = R(), n = y.child(t, !0);
-					y.reset(t), y.template_effect(() => {
-						y.set_class(t, 1, `${i.body} text-accent-danger text-center mt-4`), y.set_text(n, k());
-					}), y.append(e, t);
-				};
-				y.if(r, (e) => {
-					k() && e(a);
-				}), y.append(e, n);
-			},
-			$$slots: { default: !0 }
-		}), y.reset(c), y.template_effect(() => {
-			y.set_class(a, 1, y.clsx(n())), y.set_class(u, 1, `${i.smMuted} text-center mb-4`), 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(t, r);
-	}, x = (t, n = y.noop) => {
-		var r = B(), i = y.first_child(r);
-		{
-			let t = y.derived(() => y.get(K) || O());
-			e(i, {
-				type: "button",
-				variant: "alternative",
-				size: "md",
-				get class() {
-					return n();
-				},
-				onclick: Y,
-				get disabled() {
-					return y.get(t);
-				},
-				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 t = y.derived(() => y.get(G) || y.get(K) || O());
-			e(a, {
-				type: "button",
-				size: "md",
-				get class() {
-					return n();
-				},
-				onclick: ne,
-				get disabled() {
-					return y.get(t);
-				},
-				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(K) || O() ? e(i) : e(a, -1);
-					}), y.append(e, n);
-				},
-				$$slots: { default: !0 }
-			});
-		}
-		y.append(t, r);
-	}, te = 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.",
-		cancel: "Cancel",
-		uploading: "Uploading...",
-		save: "Save",
-		closeModal: "Close modal",
-		zoomOut: "Zoom out",
-		zoomIn: "Zoom in",
-		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 && r("CropImage: prop \"onSave\" is deprecated. Use \"onsave\" instead."), o.onCancel && !o.oncancel && r("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(() => a(T, A())), P = y.state(y.proxy({
-		x: 0,
-		y: 0
-	})), F = y.state(1), W = y.state(null), G = y.state(!0), K = y.state(!1), q = D();
-	y.user_effect(() => {
-		E() && D() && (y.set(P, {
-			x: 0,
-			y: 0
-		}, !0), y.set(F, 1), y.set(W, null), y.set(G, !0), y.set(K, !1), D() !== q && (q = D(), k("")));
-	});
-	function J(e) {
-		y.set(W, e.pixels, !0), y.set(G, !1);
-	}
-	async function ne() {
-		if (!(!y.get(W) || y.get(K))) {
-			y.set(K, !0), k("");
-			try {
-				let e = await X(D(), y.get(W));
-				y.get(j)(e);
-			} catch (e) {
-				y.set(K, !1), k(y.get(N).cropFailed), te.error("Crop failed:", e);
-			}
-		}
-	}
-	function Y() {
-		E(!1), D(""), y.set(P, {
-			x: 0,
-			y: 0
-		}, !0), y.set(F, 1), y.set(W, null), y.set(K, !1), k(""), y.get(M)();
-	}
-	async function X(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 Z = y.comment(), re = y.first_child(Z), Q = (e) => {
-		s(e, {
-			get open() {
-				return E();
-			},
-			get title() {
-				return y.get(N).cropImageTitle;
-			},
-			alwaysSheet: !0,
-			get "data-testid"() {
-				return o["data-testid"];
-			},
-			onclose: () => {
-				!y.get(K) && !O() && Y();
-			},
-			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
-			}
-		});
-	}, $ = (e) => {
-		{
-			let t = y.derived(() => y.get(K) || O());
-			f(e, {
-				get open() {
-					return E();
-				},
-				variant: "dialog",
-				get persistent() {
-					return y.get(t);
-				},
-				get "data-testid"() {
-					return o["data-testid"];
-				},
-				oncancel: Y,
-				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(K) || O()), t = y.derived(() => ({ close: y.get(N).closeModal }));
-										w(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(re, (e) => {
-		S.current ? e(Q) : e($, -1);
-	}), y.append(t, Z), y.pop();
-}
-//#endregion
-export { W as default };