@getmicdrop/venue-calendar 4.2.2 → 4.2.4

package/dist/CropImage-B0tj2_uN.js

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