@getmicdrop/venue-calendar 4.3.121 → 4.3.123

package/dist/EventCard-DGnCiMw9.js

@@ -0,0 +1,175 @@
+import { f as e, p as t } from "./sizing-DFjg7-wy.js";
+import { L as n, i as r } from "./defaultLabels-C8IfDtR9.js";
+import { t as i } from "./Button-BLmw_oMF.js";
+import "svelte/internal/disclose-version";
+import * as a from "svelte/internal/client";
+//#region ../../../jetbook/npm-calendar/node_modules/@getmicdrop/svelte-components/dist/calendar/EventCard/tokens.js
+var o = {
+	micro: {
+		badgeSize: "xs",
+		pillSize: "xs"
+	},
+	compact: {
+		badgeSize: "sm",
+		pillSize: "xs"
+	},
+	standard: {
+		badgeSize: "sm",
+		pillSize: "xs"
+	},
+	featured: {
+		badgeSize: "sm",
+		pillSize: "sm"
+	}
+}, s = 0;
+function c() {
+	return s += 1;
+}
+var ee = a.from_html("<div class=\"event-card__poster-fallback svelte-22zb5w\" aria-hidden=\"true\"><span> </span></div>"), l = a.from_html("<div><!></div>"), u = a.from_html("<span class=\"event-card__badge svelte-22zb5w\"><!></span>"), d = a.from_html("<span> </span>"), f = a.from_html("<span class=\"event-card__meta-sep svelte-22zb5w\" aria-hidden=\"true\">·</span>"), te = a.from_html("<!> <span class=\"event-card__meta-item svelte-22zb5w\"> </span>", 1), p = a.from_html("<p class=\"event-card__meta tone-secondary m-0 svelte-22zb5w\"></p>"), m = a.from_html("<div class=\"event-card__pills flex flex-wrap gap-2 relative svelte-22zb5w\"></div>"), h = a.from_html("<p class=\"event-card__description type-body tone-secondary m-0 svelte-22zb5w\"> </p>"), ne = a.from_html("<article class=\"event-card relative rounded-lg border bg-card border-border overflow-hidden svelte-22zb5w\"><!> <div class=\"event-card__content flex flex-col flex-1 min-w-0 svelte-22zb5w\"><header class=\"event-card__header\"><h3><span class=\"event-card__title-text\"><!> <a class=\"event-card__title-link svelte-22zb5w\" rel=\"external\"> </a></span></h3></header> <!> <!> <!> <!></div></article>");
+function g(s, g) {
+	a.push(g, !0);
+	let re = a.prop(g, "layout", 3, "vertical"), _ = a.prop(g, "density", 3, "standard"), v = a.prop(g, "imageUrl", 3, ""), y = a.prop(g, "placeholderImage", 3, ""), b = a.prop(g, "hidePoster", 3, !1), x = a.prop(g, "posterFit", 3, "fit"), S = a.prop(g, "posterBackdrop", 3, "blur"), C = a.prop(g, "dateLabel", 3, ""), ie = a.prop(g, "meta", 19, () => []), w = a.prop(g, "description", 3, ""), T = a.prop(g, "badge", 3, null), E = a.prop(g, "pills", 19, () => []), D = a.prop(g, "pillVariant", 3, "alternative"), O = a.prop(g, "showDescription", 3, !1), k = a.prop(g, "hideDate", 3, !1), A = a.derived(() => o[_()]), j = a.derived(() => x() === "fit" && S() === "color"), M = `event-card-title-${c()}`, N = a.derived(() => O() && !!w() && (_() === "standard" || _() === "featured")), P = a.derived(() => !k() && _() !== "micro" && !!C()), F = a.derived(() => ie().filter((e) => typeof e == "string" && e.trim() !== "")), I = a.derived(() => _() !== "micro" && a.get(F).length > 0), L = a.derived(() => !v() && !y());
+	function R(e, t) {
+		t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || g.onpillclick && (t.preventDefault(), t.stopPropagation(), g.onpillclick(e));
+	}
+	function z(e) {
+		e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || g.onclick && (e.preventDefault(), g.onclick());
+	}
+	var B = ne(), V = a.child(B), H = (r) => {
+		var i = l(), o = a.child(i), s = (n) => {
+			var r = ee(), i = a.child(r), o = a.child(i, !0);
+			a.reset(i), a.reset(r), a.template_effect(() => {
+				a.set_class(i, 1, `event-card__poster-fallback-text ${t.strong ?? ""} ${e.tight ?? ""}`, "svelte-22zb5w"), a.set_text(o, g.title);
+			}), a.append(n, r);
+		}, c = (e) => {
+			n(e, {
+				get src() {
+					return v();
+				},
+				get fallback() {
+					return y();
+				},
+				fit: "contain",
+				branded: !1,
+				class: "event-card__poster-fill"
+			});
+		}, u = (e) => {
+			{
+				let t = a.derived(() => x() === "fill" ? "cover" : "blur-backdrop");
+				n(e, {
+					get src() {
+						return v();
+					},
+					get fallback() {
+						return y();
+					},
+					get fit() {
+						return a.get(t);
+					},
+					branded: !1,
+					class: "event-card__poster-fill h-full"
+				});
+			}
+		};
+		a.if(o, (e) => {
+			a.get(L) ? e(s) : a.get(j) ? e(c, 1) : e(u, -1);
+		}), a.reset(i), a.template_effect(() => {
+			a.set_class(i, 1, `event-card__poster aspect-video shrink-0 overflow-hidden ${a.get(j) ? "bg-bg-primary" : "bg-muted"}`, "svelte-22zb5w"), a.set_attribute(i, "data-poster-backdrop", a.get(j) ? "color" : void 0);
+		}), a.append(r, i);
+	};
+	a.if(V, (e) => {
+		b() || e(H);
+	});
+	var U = a.sibling(V, 2), W = a.child(U), G = a.child(W), K = a.child(G), q = a.child(K), J = (e) => {
+		var t = u(), n = a.child(t);
+		r(n, {
+			get variant() {
+				return T().variant;
+			},
+			get size() {
+				return a.get(A).badgeSize;
+			},
+			children: (e, t) => {
+				a.next();
+				var n = a.text();
+				a.template_effect(() => a.set_text(n, T().text)), a.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), a.reset(t), a.append(e, t);
+	};
+	a.if(q, (e) => {
+		T() && e(J);
+	});
+	var Y = a.sibling(q, 2), X = a.child(Y, !0);
+	a.reset(Y), a.reset(K), a.reset(G), a.reset(W);
+	var Z = a.sibling(W, 2), ae = (e) => {
+		var n = d(), r = a.child(n, !0);
+		a.reset(n), a.template_effect(() => {
+			a.set_class(n, 1, `event-card__date tone-secondary ${t.emphasis ?? ""}`, "svelte-22zb5w"), a.set_text(r, C());
+		}), a.append(e, n);
+	};
+	a.if(Z, (e) => {
+		a.get(P) && e(ae);
+	});
+	var Q = a.sibling(Z, 2), oe = (e) => {
+		var t = p();
+		a.each(t, 21, () => a.get(F), a.index, (e, t, n) => {
+			var r = te(), i = a.first_child(r), o = (e) => {
+				var t = f();
+				a.append(e, t);
+			};
+			a.if(i, (e) => {
+				n > 0 && e(o);
+			});
+			var s = a.sibling(i, 2), c = a.child(s, !0);
+			a.reset(s), a.template_effect(() => a.set_text(c, a.get(t))), a.append(e, r);
+		}), a.reset(t), a.append(e, t);
+	};
+	a.if(Q, (e) => {
+		a.get(I) && e(oe);
+	});
+	var $ = a.sibling(Q, 2), se = (e) => {
+		var t = m();
+		a.each(t, 21, E, a.index, (e, t, n) => {
+			{
+				let r = a.derived(() => D() === "primary" ? "default" : "alternative"), o = a.derived(() => a.get(t).ariaLabel ?? a.get(t).timeLabel);
+				i(e, {
+					get href() {
+						return a.get(t).href;
+					},
+					get variant() {
+						return a.get(r);
+					},
+					get size() {
+						return a.get(A).pillSize;
+					},
+					onclick: (e) => R(n, e),
+					get "aria-label"() {
+						return a.get(o);
+					},
+					children: (e, n) => {
+						a.next();
+						var r = a.text();
+						a.template_effect(() => a.set_text(r, a.get(t).timeLabel)), a.append(e, r);
+					},
+					$$slots: { default: !0 }
+				});
+			}
+		}), a.reset(t), a.append(e, t);
+	};
+	a.if($, (e) => {
+		E().length > 0 && e(se);
+	});
+	var ce = a.sibling($, 2), le = (e) => {
+		var t = h(), n = a.child(t, !0);
+		a.reset(t), a.template_effect(() => a.set_text(n, w())), a.append(e, t);
+	};
+	a.if(ce, (e) => {
+		a.get(N) && e(le);
+	}), a.reset(U), a.reset(B), a.template_effect(() => {
+		a.set_attribute(B, "data-layout", re()), a.set_attribute(B, "data-density", _()), a.set_attribute(B, "data-hide-poster", b()), a.set_attribute(B, "aria-labelledby", M), a.set_class(G, 1, `event-card__title ${t.strong ?? ""} tone-primary m-0`, "svelte-22zb5w"), a.set_attribute(G, "id", M), a.set_attribute(Y, "href", g.href), a.set_attribute(Y, "aria-label", g.ariaLabel ?? g.title), a.set_text(X, g.title);
+	}), a.delegated("click", Y, z), a.append(s, B), a.pop();
+}
+a.delegate(["click"]);
+//#endregion
+export { g as t };