@getmicdrop/venue-calendar 4.3.7 → 4.3.9

package/dist/CropImage-CxLcNArr.js

@@ -1,445 +0,0 @@
-import { C as e, b as t, t as n, v as r } from "./Button-Cm6xkipe.js";
-import { t as i } from "./CloseOutline-qpVa62mu.js";
-import { a, i as o, r as s, t as c } from "./imageOptimizer-BwLwBMI6.js";
-import { t as l } from "./z-index-BgKs9X9U.js";
-import { n as u } from "./keyboard-fiZFqeNA.js";
-import "svelte/internal/disclose-version";
-import * as d from "svelte/internal/client";
-import { MediaQuery as f } from "svelte/reactivity";
-import { onDestroy as p, onMount as m } from "svelte";
-//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/MinusOutline.svelte
-var h = d.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 g(e, t) {
-	let n = d.prop(t, "size", 3, "24"), r = d.prop(t, "color", 3, "currentColor"), i = d.prop(t, "class", 3, "");
-	var a = h();
-	d.template_effect(() => {
-		d.set_class(a, 0, d.clsx(i())), d.set_attribute(a, "width", n()), d.set_attribute(a, "height", n()), d.set_attribute(a, "stroke", r());
-	}), d.append(e, a);
-}
-//#endregion
-//#region node_modules/svelte-easy-crop/dist/helpers.js
-function _(e, t, n) {
-	return e >= t * n ? {
-		width: t * n,
-		height: t
-	} : {
-		width: e,
-		height: e / n
-	};
-}
-function v(e, t, n, r) {
-	return {
-		x: y(e.x, t.width, n.width, r),
-		y: y(e.y, t.height, n.height, r)
-	};
-}
-function y(e, t, n, r) {
-	let i = Math.abs(t * r / 2 - n / 2);
-	return Math.min(i, Math.max(e, -i));
-}
-function b(e, t) {
-	return Math.sqrt((e.y - t.y) ** 2 + (e.x - t.x) ** 2);
-}
-function x(e, t, n, r, i, a = !0) {
-	let o = a ? S : C, 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 S(e, t, n = !1) {
-	return Math.min(e, Math.max(0, n ? Math.round(t) : t));
-}
-function C(e, t) {
-	return t;
-}
-function w(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 T = d.from_html("<div data-testid=\"cropper\"></div>"), E = d.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 D(e, t) {
-	d.push(t, !0);
-	let n = d.prop(t, "crop", 31, () => d.proxy({
-		x: 0,
-		y: 0
-	})), r = d.prop(t, "zoom", 15, 1), i = d.prop(t, "minZoom", 11, 1), a = d.prop(t, "maxZoom", 11, 3), o = d.prop(t, "aspect", 3, 4 / 3), s = d.prop(t, "cropSize", 3, null), c = d.prop(t, "cropShape", 3, "rect"), l = d.prop(t, "showGrid", 3, !0), u = d.prop(t, "zoomSpeed", 3, 1), f = d.prop(t, "crossOrigin", 3, null), h = d.prop(t, "restrictPosition", 3, !0), g = d.prop(t, "tabindex", 3, void 0), y = d.state(null), S = d.state(d.proxy({
-		width: 0,
-		height: 0,
-		naturalWidth: 0,
-		naturalHeight: 0
-	})), C = d.state(null), D = d.state(null), O = d.state(null), k = d.state(d.proxy({
-		x: 0,
-		y: 0
-	})), A = d.state(d.proxy({
-		x: 0,
-		y: 0
-	})), j = d.state(0), M = d.state(null), N = d.state(null);
-	m(() => {
-		d.get(O) && d.get(O).complete && I(), d.get(C) && (d.get(C).addEventListener("gesturestart", P), d.get(C).addEventListener("gesturechange", P));
-	}), p(() => {
-		d.get(C) && (d.get(C).removeEventListener("gesturestart", P), d.get(C).removeEventListener("gesturechange", P)), F();
-	});
-	let P = (e) => e.preventDefault(), F = () => {
-		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 = () => {
-		d.get(O) && (d.set(S, {
-			width: d.get(O).width,
-			height: d.get(O).height,
-			naturalWidth: d.get(O).naturalWidth,
-			naturalHeight: d.get(O).naturalHeight
-		}, !0), d.set(y, s() ? s() : _(d.get(O).width, d.get(O).height, o()), !0)), d.get(C) && d.set(D, d.get(C).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 }) => {
-		d.set(k, {
-			x: e,
-			y: t
-		}, !0), d.set(A, {
-			x: n().x,
-			y: n().y
-		}, !0);
-	}, K = ({ x: e, y: t }) => {
-		d.get(M) && window.cancelAnimationFrame(d.get(M)), d.set(M, window.requestAnimationFrame(() => {
-			if (e === void 0 || t === void 0 || !d.get(y)) return;
-			let i = e - d.get(k).x, a = t - d.get(k).y, o = {
-				x: d.get(A).x + i,
-				y: d.get(A).y + a
-			};
-			n(h() ? v(o, d.get(S), d.get(y), r()) : o);
-		}), !0);
-	}, q = () => {
-		F(), Z();
-	}, J = (e) => {
-		let t = B(e.touches[0]), n = B(e.touches[1]);
-		d.set(j, b(t, n), !0), G(w(t, n));
-	}, ee = (e) => {
-		let t = B(e.touches[0]), n = B(e.touches[1]), i = w(t, n);
-		K(i), d.get(N) && window.cancelAnimationFrame(d.get(N)), d.set(N, window.requestAnimationFrame(() => {
-			let e = b(t, n), a = r() * (e / d.get(j));
-			X(a, i), d.set(j, 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 (!d.get(D)) throw Error("The Cropper is not mounted");
-		return {
-			x: d.get(D).width / 2 - (e - d.get(D).left),
-			y: d.get(D).height / 2 - (t - d.get(D).top)
-		};
-	}, ne = ({ x: e, y: t }) => ({
-		x: (e + n().x) / r(),
-		y: (t + n().y) / r()
-	}), X = (e, t) => {
-		if (!d.get(y)) 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(h() ? v(c, d.get(S), d.get(y), r()) : c);
-	}, Z = () => {
-		if (!d.get(y) || d.get(y).width === 0) return;
-		let { croppedAreaPercentages: e, croppedAreaPixels: i } = x(h() ? v(n(), d.get(S), d.get(y), r()) : n(), d.get(S), d.get(y), L(), r(), h());
-		t.oncropcomplete?.({
-			percent: e,
-			pixels: i
-		});
-	};
-	d.user_effect(() => {
-		d.get(O) && d.set(y, s() ? s() : _(d.get(O).width, d.get(O).height, o()), !0);
-	}), d.user_effect(() => {
-		r() && Z();
-	});
-	let re = (e) => {
-		d.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 = E();
-	d.event("resize", d.window, R);
-	var $ = d.child(Q);
-	d.bind_this($, (e) => d.set(O, e), () => d.get(O));
-	var ie = d.sibling($, 2), ae = (e) => {
-		var t = T();
-		let n;
-		d.template_effect(() => {
-			n = d.set_class(t, 1, "svelte-easy-crop-area svelte-1yetlj5", null, n, {
-				"svelte-easy-crop-round": c() === "round",
-				"svelte-easy-crop-grid": l()
-			}), d.set_style(t, `width: ${d.get(y).width ?? ""}px; height: ${d.get(y).height ?? ""}px;`);
-		}), d.append(e, t);
-	};
-	d.if(ie, (e) => {
-		d.get(y) && e(ae);
-	}), d.reset(Q), d.bind_this(Q, (e) => d.set(C, e), () => d.get(C)), d.action(Q, (e) => re?.(e)), d.template_effect(() => {
-		d.set_attribute(Q, "tabindex", g()), d.set_attribute($, "src", t.image), d.set_style($, `transform: translate(${n().x ?? ""}px, ${n().y ?? ""}px) scale(${r() ?? ""});`), d.set_attribute($, "crossorigin", f());
-	}), d.event("load", $, I), d.replay_events($), d.append(e, Q), d.pop();
-}
-//#endregion
-//#region node_modules/svelte-easy-crop/dist/index.js
-var O = D, k = d.from_html("<div class=\"absolute inset-0 flex items-center justify-center bg-bg-tertiary z-sticky\"><span> </span></div>"), A = d.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), j = d.from_html("<!> <!>", 1), M = d.from_html("<div class=\"flex gap-3\"><!></div>"), N = d.from_html("<div class=\"flex flex-col gap-4 landscape:flex-row landscape:items-center landscape:gap-6\"><!></div>"), P = d.from_html("<div class=\"fixed inset-0 flex items-center justify-center overflow-y-auto overflow-x-hidden bg-bg-primary/50 p-4\" role=\"presentation\"><div class=\"relative w-full max-w-lg max-h-full\" data-escape-layer=\"\"><div class=\"relative bg-card rounded-lg shadow-xl\"><div class=\"flex items-center justify-between p-4 border-b border-border rounded-t-lg\"><h3> </h3> <!></div> <div class=\"p-4 md:p-6 space-y-4\"><!></div> <div class=\"flex items-center justify-end gap-3 p-4 border-t border-border rounded-b-lg\"><!></div></div></div></div>");
-function F(p, m) {
-	d.push(m, !0);
-	let h = (e, t = d.noop) => {
-		var i = A(), o = d.first_child(i), s = d.child(o), c = (e) => {
-			var t = k(), n = d.child(t), i = d.child(n, !0);
-			d.reset(n), d.reset(t), d.template_effect(() => {
-				d.set_class(n, 1, d.clsx(r.smMuted)), d.set_text(i, d.get(D).loading);
-			}), d.append(e, t);
-		};
-		d.if(s, (e) => {
-			d.get(R) && e(c);
-		}), O(d.sibling(s, 2), {
-			get image() {
-				return S();
-			},
-			aspect: 1,
-			minZoom: 1,
-			maxZoom: 3,
-			showGrid: !0,
-			oncropcomplete: B,
-			get crop() {
-				return d.get(F);
-			},
-			set crop(e) {
-				d.set(F, e, !0);
-			},
-			get zoom() {
-				return d.get(I);
-			},
-			set zoom(e) {
-				d.set(I, e, !0);
-			}
-		}), d.reset(o);
-		var l = d.sibling(o, 2), u = d.child(l), f = d.child(u, !0);
-		d.reset(u);
-		var p = d.sibling(u, 2), m = d.child(p);
-		n(m, {
-			variant: "outline",
-			size: "sm",
-			class: "rounded-full! w-9! h-9! p-0! shrink-0",
-			onclick: () => d.set(I, Math.max(1, d.get(I) - .2), !0),
-			get "aria-label"() {
-				return d.get(D).zoomOut;
-			},
-			children: (e, t) => {
-				g(e, { class: "w-4 h-4" });
-			},
-			$$slots: { default: !0 }
-		});
-		var h = d.sibling(m, 2);
-		d.remove_input_defaults(h);
-		var _ = d.sibling(h, 2);
-		n(_, {
-			variant: "outline",
-			size: "sm",
-			class: "rounded-full! w-9! h-9! p-0! shrink-0",
-			onclick: () => d.set(I, Math.min(3, d.get(I) + .2), !0),
-			get "aria-label"() {
-				return d.get(D).zoomIn;
-			},
-			children: (e, t) => {
-				a(e, { class: "w-4 h-4" });
-			},
-			$$slots: { default: !0 }
-		}), d.reset(p), d.reset(l), d.template_effect(() => {
-			d.set_class(o, 1, d.clsx(t())), d.set_class(u, 1, `${r.smMuted} text-center`), d.set_text(f, d.get(D).dragToPosition), d.set_attribute(h, "aria-label", d.get(D).zoomLevel);
-		}), d.bind_value(h, () => d.get(I), (e) => d.set(I, e)), d.append(e, i);
-	}, _ = (e, t = d.noop) => {
-		var r = j(), i = d.first_child(r);
-		{
-			let e = d.derived(() => d.get(z) || C());
-			n(i, {
-				type: "button",
-				variant: "alternative",
-				size: "md",
-				get class() {
-					return t();
-				},
-				onclick: H,
-				get disabled() {
-					return d.get(e);
-				},
-				children: (e, t) => {
-					d.next();
-					var n = d.text();
-					d.template_effect(() => d.set_text(n, d.get(D).cancel)), d.append(e, n);
-				},
-				$$slots: { default: !0 }
-			});
-		}
-		var a = d.sibling(i, 2);
-		{
-			let e = d.derived(() => d.get(R) || d.get(z) || C());
-			n(a, {
-				type: "button",
-				size: "md",
-				get class() {
-					return t();
-				},
-				onclick: V,
-				get disabled() {
-					return d.get(e);
-				},
-				children: (e, t) => {
-					var n = d.comment(), r = d.first_child(n), i = (e) => {
-						var t = d.text();
-						d.template_effect(() => d.set_text(t, d.get(D).uploading)), d.append(e, t);
-					}, a = (e) => {
-						var t = d.text();
-						d.template_effect(() => d.set_text(t, d.get(D).save)), d.append(e, t);
-					};
-					d.if(r, (e) => {
-						d.get(z) || C() ? e(i) : e(a, -1);
-					}), d.append(e, n);
-				},
-				$$slots: { default: !0 }
-			});
-		}
-		d.append(e, r);
-	}, v = d.state(void 0), y = new f("(max-width: 767px), (max-height: 500px)", !1), b = {
-		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"
-	}, x = d.prop(m, "showModal", 15, !1), S = d.prop(m, "imageSrc", 15, ""), C = d.prop(m, "isUploadingImage", 3, !1), w = d.prop(m, "labels", 19, () => ({}));
-	m.onSave && !m.onsave && t("CropImage: prop \"onSave\" is deprecated. Use \"onsave\" instead."), m.onCancel && !m.oncancel && t("CropImage: prop \"onCancel\" is deprecated. Use \"oncancel\" instead.");
-	let T = d.derived(() => m.onsave ?? m.onSave ?? (() => {})), E = d.derived(() => m.oncancel ?? m.onCancel ?? (() => {})), D = d.derived(() => e(b, w())), F = d.state(d.proxy({
-		x: 0,
-		y: 0
-	})), I = d.state(1), L = d.state(null), R = d.state(!0), z = d.state(!1);
-	d.user_effect(() => {
-		x() && S() && (d.set(F, {
-			x: 0,
-			y: 0
-		}, !0), d.set(I, 1), d.set(L, null), d.set(R, !0), d.set(z, !1));
-	});
-	function B(e) {
-		d.set(L, e.pixels, !0), d.set(R, !1);
-	}
-	async function V() {
-		if (!d.get(L) || d.get(z)) return;
-		d.set(z, !0);
-		let e = await U(S(), d.get(L));
-		d.get(T)(e);
-	}
-	function H() {
-		x(!1), S(""), d.set(F, {
-			x: 0,
-			y: 0
-		}, !0), d.set(I, 1), d.set(L, null), d.set(z, !1), d.get(E)();
-	}
-	async function U(e, t) {
-		let n = await c(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 = s(), l = o ? "image/webp" : "image/jpeg", u = o ? .8 : .85, d = o ? "webp" : "jpg";
-		return new Promise((e) => {
-			r.toBlob((t) => {
-				e(new File([t], `cropped-image.${d}`, { type: l }));
-			}, l, u);
-		});
-	}
-	var W = d.comment();
-	d.event("keydown", d.window, (e) => {
-		x() && !y.current && u(e, d.get(v)) && (e.preventDefault(), H());
-	});
-	var G = d.first_child(W), K = (e) => {
-		o(e, {
-			get open() {
-				return x();
-			},
-			get title() {
-				return d.get(D).cropImageTitle;
-			},
-			alwaysSheet: !0,
-			onclose: () => {
-				!d.get(z) && !C() && H();
-			},
-			actions: (e) => {
-				var t = M(), n = d.child(t);
-				_(n, () => "flex-1"), d.reset(t), d.append(e, t);
-			},
-			children: (e, t) => {
-				var n = N(), r = d.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"), d.reset(n), d.append(e, n);
-			},
-			$$slots: {
-				actions: !0,
-				default: !0
-			}
-		});
-	}, q = (e) => {
-		var t = P();
-		let a;
-		var o = d.child(t), s = d.child(o), c = d.child(s), u = d.child(c), f = d.child(u, !0);
-		d.reset(u);
-		var p = d.sibling(u, 2);
-		n(p, {
-			variant: "icon",
-			size: "sm",
-			onclick: H,
-			get "aria-label"() {
-				return d.get(D).closeModal;
-			},
-			children: (e, t) => {
-				i(e, { class: "w-3 h-3" });
-			},
-			$$slots: { default: !0 }
-		}), d.reset(c);
-		var m = d.sibling(c, 2), g = d.child(m);
-		h(g, () => "relative w-full aspect-square sm:aspect-[4/3] max-h-80 sm:max-h-96 bg-bg-secondary rounded-lg overflow-hidden"), d.reset(m);
-		var y = d.sibling(m, 2), b = d.child(y);
-		_(b, () => ""), d.reset(y), d.reset(s), d.reset(o), d.bind_this(o, (e) => d.set(v, e), () => d.get(v)), d.reset(t), d.template_effect(() => {
-			a = d.set_style(t, "", a, { "z-index": l.modal }), d.set_class(u, 1, d.clsx(r.h2)), d.set_text(f, d.get(D).cropImageTitle);
-		}), d.delegated("click", t, (e) => {
-			e.target === e.currentTarget && H();
-		}), d.append(e, t);
-	};
-	d.if(G, (e) => {
-		y.current ? e(K) : x() && e(q, 1);
-	}), d.append(p, W), d.pop();
-}
-d.delegate(["click"]);
-//#endregion
-export { F as default };