@getmicdrop/venue-calendar 4.3.7 → 4.3.9

package/dist/{to-event-card-props-dIhKdERf.js → to-event-card-props-9y7sVBi_.js}

@@ -1,7 +1,7 @@
-import { _ as e } from "./Button-Cm6xkipe.js";
-import { D as t, b as n, h as r, i, t as a, v as o } from "./defaultLabels-BigaGqKj.js";
-import { a as s, i as c, r as l, u } from "./constants-PBNG9ikv.js";
-import { t as d } from "./Badge-Gg5PWs7f.js";
+import { _ as e } from "./Button-CxQO7vwF.js";
+import { a as t, i as n, r, u as i } from "./constants-rFRS1lF-.js";
+import { t as a } from "./Badge-DsuBHDo4.js";
+import { D as o, b as s, h as c, i as l, t as u, v as d } from "./defaultLabels-CpurXn7c.js";
 import "svelte/internal/disclose-version";
 import * as f from "svelte/internal/client";
 //#region node_modules/@getmicdrop/svelte-components/dist/primitives/BlurBackdropImage/BlurBackdropImage.svelte
@@ -146,7 +146,7 @@ function S() {
 var C = f.from_html("<div class=\"event-card__poster w-full aspect-video bg-muted shrink-0 overflow-hidden svelte-18ndok6\"><!></div>"), w = f.from_html("<span class=\"event-card__badge svelte-18ndok6\"><!></span>"), T = f.from_html("<span> </span>"), E = f.from_html("<div class=\"event-card__pills flex flex-wrap gap-2 relative svelte-18ndok6\"></div>"), D = f.from_html("<p class=\"event-card__description type-body tone-secondary m-0 svelte-18ndok6\"> </p>"), O = f.from_html("<article class=\"event-card relative rounded-lg border bg-card border-border overflow-hidden flex flex-col svelte-18ndok6\"><!> <div class=\"event-card__content flex flex-col flex-1 min-w-0 svelte-18ndok6\"><header class=\"event-card__header\"><h3><!> <a class=\"event-card__title-link svelte-18ndok6\" rel=\"external\"> </a></h3></header> <!> <!> <!></div></article>");
 function k(t, n) {
 	f.push(n, !0);
-	let r = f.prop(n, "layout", 3, "vertical"), a = f.prop(n, "density", 3, "standard"), o = f.prop(n, "imageUrl", 3, ""), s = f.prop(n, "placeholderImage", 3, ""), c = f.prop(n, "hidePoster", 3, !1), l = f.prop(n, "dateLabel", 3, ""), u = f.prop(n, "description", 3, ""), p = f.prop(n, "badge", 3, null), m = f.prop(n, "pills", 19, () => []), h = f.prop(n, "pillVariant", 3, "alternative"), _ = f.prop(n, "showDescription", 3, !1), v = f.prop(n, "hideDate", 3, !1), y = f.derived(() => b[a()]), x = `event-card-title-${S()}`, k = f.derived(() => _() && !!u() && (a() === "standard" || a() === "featured")), A = f.derived(() => !v() && a() !== "micro" && !!l());
+	let r = f.prop(n, "layout", 3, "vertical"), i = f.prop(n, "density", 3, "standard"), o = f.prop(n, "imageUrl", 3, ""), s = f.prop(n, "placeholderImage", 3, ""), c = f.prop(n, "hidePoster", 3, !1), u = f.prop(n, "dateLabel", 3, ""), d = f.prop(n, "description", 3, ""), p = f.prop(n, "badge", 3, null), m = f.prop(n, "pills", 19, () => []), h = f.prop(n, "pillVariant", 3, "alternative"), _ = f.prop(n, "showDescription", 3, !1), v = f.prop(n, "hideDate", 3, !1), y = f.derived(() => b[i()]), x = `event-card-title-${S()}`, k = f.derived(() => _() && !!d() && (i() === "standard" || i() === "featured")), A = f.derived(() => !v() && i() !== "micro" && !!u());
 	function j(e, t) {
 		t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || n.onpillclick && (t.preventDefault(), t.stopPropagation(), n.onpillclick(e));
 	}
@@ -170,7 +170,7 @@ function k(t, n) {
 	});
 	var I = f.sibling(P, 2), L = f.child(I), R = f.child(L), z = f.child(R), B = (e) => {
 		var t = w(), n = f.child(t);
-		d(n, {
+		a(n, {
 			get variant() {
 				return p().variant;
 			},
@@ -193,7 +193,7 @@ function k(t, n) {
 	var U = f.sibling(L, 2), W = (t) => {
 		var n = T(), r = f.child(n, !0);
 		f.reset(n), f.template_effect(() => {
-			f.set_class(n, 1, `event-card__date tone-secondary ${e.emphasis ?? ""}`, "svelte-18ndok6"), f.set_text(r, l());
+			f.set_class(n, 1, `event-card__date tone-secondary ${e.emphasis ?? ""}`, "svelte-18ndok6"), f.set_text(r, u());
 		}), f.append(t, n);
 	};
 	f.if(U, (e) => {
@@ -203,8 +203,8 @@ function k(t, n) {
 		var t = E();
 		f.each(t, 21, m, f.index, (e, t, n) => {
 			{
-				let r = f.derived(() => h() === "primary" ? "default" : "alternative"), a = f.derived(() => f.get(t).ariaLabel ?? f.get(t).timeLabel);
-				i(e, {
+				let r = f.derived(() => h() === "primary" ? "default" : "alternative"), i = f.derived(() => f.get(t).ariaLabel ?? f.get(t).timeLabel);
+				l(e, {
 					get href() {
 						return f.get(t).href;
 					},
@@ -216,7 +216,7 @@ function k(t, n) {
 					},
 					onclick: (e) => j(n, e),
 					get "aria-label"() {
-						return f.get(a);
+						return f.get(i);
 					},
 					children: (e, n) => {
 						f.next();
@@ -233,12 +233,12 @@ function k(t, n) {
 	});
 	var q = f.sibling(G, 2), J = (e) => {
 		var t = D(), n = f.child(t, !0);
-		f.reset(t), f.template_effect(() => f.set_text(n, u())), f.append(e, t);
+		f.reset(t), f.template_effect(() => f.set_text(n, d())), f.append(e, t);
 	};
 	f.if(q, (e) => {
 		f.get(k) && e(J);
 	}), f.reset(I), f.reset(N), f.template_effect(() => {
-		f.set_attribute(N, "data-layout", r()), f.set_attribute(N, "data-density", a()), f.set_attribute(N, "data-hide-poster", c()), f.set_attribute(N, "aria-labelledby", x), f.set_class(R, 1, `event-card__title ${e.strong ?? ""} tone-primary m-0`, "svelte-18ndok6"), f.set_attribute(R, "id", x), f.set_attribute(V, "href", n.href), f.set_attribute(V, "aria-label", n.ariaLabel ?? n.title), f.set_text(H, n.title);
+		f.set_attribute(N, "data-layout", r()), f.set_attribute(N, "data-density", i()), f.set_attribute(N, "data-hide-poster", c()), f.set_attribute(N, "aria-labelledby", x), f.set_class(R, 1, `event-card__title ${e.strong ?? ""} tone-primary m-0`, "svelte-18ndok6"), f.set_attribute(R, "id", x), f.set_attribute(V, "href", n.href), f.set_attribute(V, "aria-label", n.ariaLabel ?? n.title), f.set_text(H, n.title);
 	}), f.delegated("click", V, M), f.append(t, N), f.pop();
 }
 f.delegate(["click"]);
@@ -301,54 +301,54 @@ function I(e) {
 }
 function L(e) {
 	if (I(e.status) !== "onsale" || e.ticketsRemaining == null || e.ticketsTotal == null || e.ticketsTotal === 0 || e.ticketsRemaining <= 0) return !1;
-	let t = l(e.ticketsRemaining, e.ticketsTotal);
+	let t = r(e.ticketsRemaining, e.ticketsTotal);
 	return t === "low" || t === "urgent";
 }
-function R(e, i) {
+function R(e, t) {
 	if (!e) return null;
-	let a = I(e.status ?? "");
-	for (let o of F) switch (o) {
+	let n = I(e.status ?? "");
+	for (let r of F) switch (r) {
 		case "cancelled":
-			if (a === "cancelled" || a === "canceled") return {
-				text: i?.statusCancelled || "Cancelled",
+			if (n === "cancelled" || n === "canceled") return {
+				text: t?.statusCancelled || "Cancelled",
 				type: "cancelled"
 			};
 			break;
 		case "postponed":
-			if (a === "postponed") return {
-				text: i?.statusPostponed || "Postponed",
+			if (n === "postponed") return {
+				text: t?.statusPostponed || "Postponed",
 				type: "postponed"
 			};
 			break;
 		case "past":
 			if (e.startDateTime) {
-				let a = n(e.endDateTime || e.startDateTime);
-				if (a && r(a, t()) < 0) return {
-					text: i?.statusPastEvent || "Past event",
+				let n = s(e.endDateTime || e.startDateTime);
+				if (n && c(n, o()) < 0) return {
+					text: t?.statusPastEvent || "Past event",
 					type: "past"
 				};
 			}
 			break;
 		case "sold_out":
-			if (a === "soldout" || e.ticketsRemaining != null && e.ticketsRemaining <= 0 && e.ticketsTotal != null && e.ticketsTotal > 0) return {
-				text: i?.statusSoldOut || "Sold out",
+			if (n === "soldout" || e.ticketsRemaining != null && e.ticketsRemaining <= 0 && e.ticketsTotal != null && e.ticketsTotal > 0) return {
+				text: t?.statusSoldOut || "Sold out",
 				type: "sold_out"
 			};
 			break;
 		case "sales_ended":
-			if (a === "salesended") return {
-				text: i?.statusSalesEnded || "Sales ended",
+			if (n === "salesended") return {
+				text: t?.statusSalesEnded || "Sales ended",
 				type: "sales_ended"
 			};
 			break;
 		case "coming_soon":
-			if (a === "comingsoon") return {
-				text: i?.statusComingSoon || "Coming soon",
+			if (n === "comingsoon") return {
+				text: t?.statusComingSoon || "Coming soon",
 				type: "coming_soon"
 			};
 			break;
 		case "scarcity": if (L(e)) return {
-			text: i?.statusSellingFast || "Selling fast",
+			text: t?.statusSellingFast || "Selling fast",
 			type: "scarcity"
 		};
 	}
@@ -400,11 +400,11 @@ function V(e) {
 	}
 }
 function H(e) {
-	let t = o();
+	let n = d();
 	return e.filter((e) => {
 		if (I(e.status ?? "") === "postponed") return !0;
-		let n = s(t, e.timeZone);
-		return e.date >= n;
+		let r = t(n, e.timeZone);
+		return e.date >= r;
 	}).sort((e, t) => e.date.localeCompare(t.date));
 }
 //#endregion
@@ -420,29 +420,29 @@ function W(e, t) {
 		variant: "warning"
 	} : null;
 }
-function G(e, t = a, n, r = null) {
-	let i = e.event, o = e.isSeries ? z(e.instances, t) : R(i, t), s = o && o.type !== "past" ? {
-		text: o.text,
-		variant: V(o.type)
+function G(e, t = u, r, a = null) {
+	let o = e.event, s = e.isSeries ? z(e.instances, t) : R(o, t), c = s && s.type !== "past" ? {
+		text: s.text,
+		variant: V(s.type)
 	} : null;
-	!s && !e.isSeries && (s = W(i, t));
-	let l = N(i), d = i.startDateTime && r?.date !== !1 ? c(i.startDateTime, i.timeZone, n) : "", f = e.isSeries ? e.instances : i.startDateTime ? [i] : [], p = f.map((e) => {
-		let r = u(e.startDateTime, e.timeZone, n), a = R(e, t)?.type === "sold_out";
+	!c && !e.isSeries && (c = W(o, t));
+	let l = N(o), d = o.startDateTime && a?.date !== !1 ? n(o.startDateTime, o.timeZone, r) : "", f = e.isSeries ? e.instances : o.startDateTime ? [o] : [], p = f.map((e) => {
+		let n = i(e.startDateTime, e.timeZone, r), a = R(e, t)?.type === "sold_out";
 		return {
-			timeLabel: r,
+			timeLabel: n,
 			href: N(e),
-			ariaLabel: `${i.name} at ${r}${a ? ", sold out" : ""}`
+			ariaLabel: `${o.name} at ${n}${a ? ", sold out" : ""}`
 		};
-	}), m = [i.name];
-	return i.startDateTime && m.push(`on ${c(i.startDateTime, i.timeZone, n)}`), e.isSeries ? m.push(`${e.instances.length} showtimes available`) : i.startDateTime && m.push(`at ${u(i.startDateTime, i.timeZone, n)}`), o && m.push(o.text), {
-		title: i.name,
+	}), m = [o.name];
+	return o.startDateTime && m.push(`on ${n(o.startDateTime, o.timeZone, r)}`), e.isSeries ? m.push(`${e.instances.length} showtimes available`) : o.startDateTime && m.push(`at ${i(o.startDateTime, o.timeZone, r)}`), s && m.push(s.text), {
+		title: o.name,
 		href: l,
-		imageUrl: i.imageUrl ?? "",
+		imageUrl: o.imageUrl ?? "",
 		dateLabel: d,
-		description: r?.description === !1 ? "" : i.description ?? "",
+		description: a?.description === !1 ? "" : o.description ?? "",
 		ariaLabel: m.join(", "),
-		hidePoster: r?.poster === !1,
-		badge: s,
+		hidePoster: a?.poster === !1,
+		badge: c,
 		pills: p,
 		pillEvents: f
 	};

package/dist/types/index.d.ts

@@ -177,6 +177,11 @@ export interface CalendarProps extends BaseInitOptions {
    * own onEventClick to take over click handling entirely.
    */
   inlineEntityViews?: boolean;
+  /**
+   * The host's brand scheme, applied on the widget's root so every calendar
+   * surface — time buttons included — wears it. null = the default palette.
+   */
+  colors?: ColorSchemeColors | null;
 }
 
 /**
@@ -402,6 +407,40 @@ export function applyTheme(
  */
 export function generateThemeCSS(_theme: Partial<ThemeColors>): string;
 
+// ============================================================================
+// Brand scheme → calendar CSS variables
+// ============================================================================
+
+/**
+ * The builder's saved colour scheme: token name → hex string. Partial schemes
+ * are fine — a missing or invalid token is left to the stylesheet's default.
+ */
+export type ColorSchemeColors = Record<string, string>;
+
+/**
+ * Map a scheme to venue-calendar's CSS variables (`--brand-primary` …) as
+ * wrapper-less HSL strings ("209 99% 50%").
+ */
+export function schemeColorsToCSSVars(
+  _colors: ColorSchemeColors | null | undefined
+): Record<string, string>;
+
+/**
+ * Write a scheme onto an element as inline custom properties. Pass the
+ * widget's own root: the stylesheet declares the default palette on that root,
+ * so a variable set on an ancestor never reaches it. Returns the names written.
+ */
+export function applySchemeColors(
+  _colors: ColorSchemeColors | null | undefined,
+  _container: HTMLElement
+): string[];
+
+/** Remove what applySchemeColors wrote. */
+export function clearSchemeColors(
+  _container: HTMLElement,
+  _names: string[]
+): void;
+
 // ============================================================================
 // Scarcity Canon
 // ============================================================================

package/dist/{utils-CbacksjX.js → utils-D80jLqKH.js}

@@ -1,6 +1,6 @@
-import { x as e } from "./Button-Cm6xkipe.js";
-import { $ as t, I as n, M as r, Y as i, Z as a, j as o, k as s, q as c } from "./orders-CFF0Hb2x.js";
-import "./event-transform-J7U1JmeK.js";
+import { x as e } from "./Button-CxQO7vwF.js";
+import { $ as t, I as n, M as r, Y as i, Z as a, j as o, k as s, q as c } from "./orders-BK47iONR.js";
+import "./event-transform-BjPTqPq1.js";
 //#region node_modules/js-cookie/dist/js.cookie.mjs
 function l(e) {
 	for (var t = 1; t < arguments.length; t++) {