@getmicdrop/venue-calendar 4.3.0 → 4.3.2

package/dist/CropImage-CxLcNArr.js

@@ -0,0 +1,445 @@
+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 };