@gomusdev/web-components 4.11.0 → 4.13.0

package/dist-js/gomus-webcomponents.js

@@ -6377,6 +6377,18 @@ function warnOnInvalidLocale(locale) {
 		console.warn(`[go] Invalid locale "${locale}" — not a valid BCP 47 language tag (use "de", "de-CH", "en", …). Price and date formatting will throw.`);
 	}
 }
+var defaultTranslations_default = {
+	en: {
+		"quantity.remove": "Remove item",
+		"quantity.remove.label": "✕",
+		"cart.item.remove": "✕"
+	},
+	de: {
+		"quantity.remove": "Artikel entfernen",
+		"quantity.remove.label": "✕",
+		"cart.item.remove": "✕"
+	}
+};
 //#endregion
 //#region src/lib/helpers/urls.ts
 var ANGULAR_URLS = {
@@ -6479,6 +6491,9 @@ var isArray = Array.isArray;
 var isObject$2 = (value) => {
 	return !!value && value.constructor === Object;
 };
+var isFunction$2 = (value) => {
+	return !!(value && value.constructor && value.call && value.apply);
+};
 var isString = (value) => {
 	return typeof value === "string" || value instanceof String;
 };
@@ -6489,6 +6504,12 @@ var isNumber = (value) => {
 		return false;
 	}
 };
+var isPromise = (value) => {
+	if (!value) return false;
+	if (!value.then) return false;
+	if (!isFunction$2(value.then)) return false;
+	return true;
+};
 //#endregion
 //#region ../../node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/array.mjs
 var group = (array, getGroupId) => {
@@ -13713,6 +13734,7 @@ var NOT_SIGNED_IN = { error: {
 	success: false,
 	errors: ["Not signed in"]
 } };
+var defaultTranslations = defaultTranslations_default;
 var Shop = class {
 	type;
 	#data = /* @__PURE__ */ state(proxy({
@@ -13780,7 +13802,10 @@ var Shop = class {
 		return this.shop?.config.donations;
 	}
 	get translations() {
-		return this.shop?.translations;
+		return {
+			...defaultTranslations[(this.locale ?? "en").toLowerCase().split(/[-_]/)[0]] ?? defaultTranslations.en,
+			...this.shop?.translations
+		};
 	}
 	get currency() {
 		return this.shop?.config.currency;
@@ -15743,23 +15768,34 @@ function canDecrement(value, { floor = 0 }) {
 }
 //#endregion
 //#region src/components/shared/quantityStepper/QuantityStepper.svelte
-var root$50 = /* @__PURE__ */ from_html(`<div class="go-quantity-stepper" role="group"><button type="button" class="go-quantity-stepper-button go-quantity-stepper-decrement" tabindex="-1"><span aria-hidden="true">−</span></button> <input class="go-quantity-stepper-value" type="text" role="spinbutton" inputmode="numeric" autocomplete="off"/> <button type="button" class="go-quantity-stepper-button go-quantity-stepper-increment" tabindex="-1"><span aria-hidden="true">+</span></button></div>`);
+var root$50 = /* @__PURE__ */ from_html(`<div class="go-quantity-stepper" role="group"><button type="button" tabindex="-1"><span aria-hidden="true"> </span></button> <input class="go-quantity-stepper-value" type="text" role="spinbutton" inputmode="numeric" autocomplete="off"/> <button type="button" class="go-quantity-stepper-button go-quantity-stepper-increment" tabindex="-1"><span aria-hidden="true">+</span></button></div>`);
 function QuantityStepper($$anchor, $$props) {
 	const inputId = props_id();
 	push($$props, true);
-	let value = prop($$props, "value", 7), min = prop($$props, "min", 7), max = prop($$props, "max", 7), floor = prop($$props, "floor", 7, 0), label = prop($$props, "label", 7), decreaseLabel = prop($$props, "decreaseLabel", 7), increaseLabel = prop($$props, "increaseLabel", 7), onChange = prop($$props, "onChange", 7);
-	const bounds = /* @__PURE__ */ user_derived(() => ({
+	let value = prop($$props, "value", 7), min = prop($$props, "min", 7), max = prop($$props, "max", 7), floor = prop($$props, "floor", 7, 0), label = prop($$props, "label", 7), decreaseLabel = prop($$props, "decreaseLabel", 7), increaseLabel = prop($$props, "increaseLabel", 7), onDecrementBelowMin = prop($$props, "onDecrementBelowMin", 7), removeAriaLabel = prop($$props, "removeAriaLabel", 7), removeLabel = prop($$props, "removeLabel", 7, "✕"), onChange = prop($$props, "onChange", 7);
+	const removeMode = /* @__PURE__ */ user_derived(() => onDecrementBelowMin() != null);
+	const removeBottom = /* @__PURE__ */ user_derived(() => Math.max(min(), 1));
+	const bounds = /* @__PURE__ */ user_derived(() => get$2(removeMode) ? {
+		min: get$2(removeBottom),
+		max: max(),
+		floor: get$2(removeBottom)
+	} : {
 		min: min(),
 		max: max(),
 		floor: floor()
-	}));
+	});
+	const atRemove = /* @__PURE__ */ user_derived(() => get$2(removeMode) && value() <= get$2(removeBottom));
 	let inputEl;
 	let invalid = /* @__PURE__ */ state(false);
-	const decDisabled = /* @__PURE__ */ user_derived(() => !canDecrement(value(), get$2(bounds)));
+	const decDisabled = /* @__PURE__ */ user_derived(() => !get$2(atRemove) && !canDecrement(value(), get$2(bounds)));
 	const incDisabled = /* @__PURE__ */ user_derived(() => !canIncrement(value(), get$2(bounds)));
 	function emit(next) {
 		if (next !== value()) onChange()(next);
 	}
+	function pressDecrement() {
+		if (get$2(atRemove)) onDecrementBelowMin()();
+		else stepDown();
+	}
 	function stepDown() {
 		if (canDecrement(value(), get$2(bounds))) emit(decrement(value(), get$2(bounds)));
 	}
@@ -15767,7 +15803,14 @@ function QuantityStepper($$anchor, $$props) {
 		if (canIncrement(value(), get$2(bounds))) emit(increment(value(), get$2(bounds)));
 	}
 	function commitTyped() {
-		const next = clampTyped(parseInt(inputEl.value, 10), get$2(bounds));
+		const raw = parseInt(inputEl.value, 10);
+		if (get$2(removeMode) && (!Number.isFinite(raw) || raw <= 0)) {
+			set(invalid, false);
+			inputEl.value = String(value());
+			onDecrementBelowMin()();
+			return;
+		}
+		const next = clampTyped(raw, get$2(bounds));
 		set(invalid, false);
 		inputEl.value = String(next);
 		emit(next);
@@ -15788,7 +15831,7 @@ function QuantityStepper($$anchor, $$props) {
 				break;
 			case "Home":
 				e.preventDefault();
-				emit(floor());
+				emit(get$2(bounds).floor);
 				break;
 			case "End":
 				e.preventDefault();
@@ -15850,6 +15893,27 @@ function QuantityStepper($$anchor, $$props) {
 			increaseLabel($$value);
 			flushSync();
 		},
+		get onDecrementBelowMin() {
+			return onDecrementBelowMin();
+		},
+		set onDecrementBelowMin($$value) {
+			onDecrementBelowMin($$value);
+			flushSync();
+		},
+		get removeAriaLabel() {
+			return removeAriaLabel();
+		},
+		set removeAriaLabel($$value) {
+			removeAriaLabel($$value);
+			flushSync();
+		},
+		get removeLabel() {
+			return removeLabel();
+		},
+		set removeLabel($$value = "✕") {
+			removeLabel($$value);
+			flushSync();
+		},
 		get onChange() {
 			return onChange();
 		},
@@ -15860,6 +15924,11 @@ function QuantityStepper($$anchor, $$props) {
 	};
 	var div = root$50();
 	var button = child(div);
+	let classes;
+	var span = child(button);
+	var text = child(span, true);
+	reset(span);
+	reset(button);
 	var input = sibling(button, 2);
 	remove_input_defaults(input);
 	bind_this(input, ($$value) => inputEl = $$value, () => inputEl);
@@ -15867,21 +15936,23 @@ function QuantityStepper($$anchor, $$props) {
 	reset(div);
 	template_effect(() => {
 		set_attribute(div, "aria-label", label());
-		set_attribute(button, "title", decreaseLabel());
+		classes = set_class(button, 1, "go-quantity-stepper-button go-quantity-stepper-decrement", null, classes, { "go-quantity-stepper-remove": get$2(atRemove) });
+		set_attribute(button, "title", get$2(atRemove) ? removeAriaLabel() : decreaseLabel());
 		set_attribute(button, "aria-controls", inputId);
 		set_attribute(button, "aria-disabled", get$2(decDisabled));
+		set_text(text, get$2(atRemove) ? removeLabel() : "−");
 		set_attribute(input, "id", inputId);
 		set_attribute(input, "aria-label", label());
 		set_value(input, value());
 		set_attribute(input, "aria-valuenow", value());
-		set_attribute(input, "aria-valuemin", floor());
+		set_attribute(input, "aria-valuemin", get$2(bounds).floor);
 		set_attribute(input, "aria-valuemax", max());
 		set_attribute(input, "aria-invalid", get$2(invalid) ? "true" : void 0);
 		set_attribute(button_1, "title", increaseLabel());
 		set_attribute(button_1, "aria-controls", inputId);
 		set_attribute(button_1, "aria-disabled", get$2(incDisabled));
 	});
-	delegated("click", button, stepDown);
+	delegated("click", button, pressDecrement);
 	delegated("input", input, onInput);
 	delegated("change", input, commitTyped);
 	event("blur", input, commitTyped);
@@ -15904,6 +15975,9 @@ create_custom_element(QuantityStepper, {
 	label: {},
 	decreaseLabel: {},
 	increaseLabel: {},
+	onDecrementBelowMin: {},
+	removeAriaLabel: {},
+	removeLabel: {},
 	onChange: {}
 }, [], [], { mode: "open" });
 //#endregion
@@ -15944,8 +16018,12 @@ function QuantityControl($$anchor, $$props) {
 	* `min_persons`) a hard bottom on both controls: the backend does not enforce it,
 	* so the UI must (Angular-shop parity).
 	*/
+	/**
+	* Cart-only: when set, the stepper's `−` at the order minimum removes the line instead of
+	* stepping (fires this). Presence turns the behaviour on; the legacy `<select>` ignores it.
+	*/
 	/** Emits the next committed quantity. The control never mutates anything itself. */
-	let value = prop($$props, "value", 7), min = prop($$props, "min", 7), max = prop($$props, "max", 7), label = prop($$props, "label", 7), floor = prop($$props, "floor", 7, 0), deselectable = prop($$props, "deselectable", 7, true), onChange = prop($$props, "onChange", 7);
+	let value = prop($$props, "value", 7), min = prop($$props, "min", 7), max = prop($$props, "max", 7), label = prop($$props, "label", 7), floor = prop($$props, "floor", 7, 0), deselectable = prop($$props, "deselectable", 7, true), onDecrementBelowMin = prop($$props, "onDecrementBelowMin", 7), onChange = prop($$props, "onChange", 7);
 	const useStepper = /* @__PURE__ */ user_derived(() => configStore.config.quantityStepper);
 	var $$exports = {
 		get value() {
@@ -15990,6 +16068,13 @@ function QuantityControl($$anchor, $$props) {
 			deselectable($$value);
 			flushSync();
 		},
+		get onDecrementBelowMin() {
+			return onDecrementBelowMin();
+		},
+		set onDecrementBelowMin($$value) {
+			onDecrementBelowMin($$value);
+			flushSync();
+		},
 		get onChange() {
 			return onChange();
 		},
@@ -16005,6 +16090,8 @@ function QuantityControl($$anchor, $$props) {
 			let $0 = /* @__PURE__ */ user_derived(() => deselectable() ? 0 : min());
 			let $1 = /* @__PURE__ */ user_derived(() => shop.t("quantity.decrease"));
 			let $2 = /* @__PURE__ */ user_derived(() => shop.t("quantity.increase"));
+			let $3 = /* @__PURE__ */ user_derived(() => shop.t("quantity.remove"));
+			let $4 = /* @__PURE__ */ user_derived(() => shop.t("quantity.remove.label"));
 			QuantityStepper($$anchor, {
 				get value() {
 					return value();
@@ -16027,6 +16114,15 @@ function QuantityControl($$anchor, $$props) {
 				get increaseLabel() {
 					return get$2($2);
 				},
+				get onDecrementBelowMin() {
+					return onDecrementBelowMin();
+				},
+				get removeAriaLabel() {
+					return get$2($3);
+				},
+				get removeLabel() {
+					return get$2($4);
+				},
 				get onChange() {
 					return onChange();
 				}
@@ -16067,6 +16163,7 @@ create_custom_element(QuantityControl, {
 	label: {},
 	floor: {},
 	deselectable: {},
+	onDecrementBelowMin: {},
 	onChange: {}
 }, [], [], { mode: "open" });
 //#endregion
@@ -18061,7 +18158,7 @@ var root_1$15 = /* @__PURE__ */ from_html(`<span class="go-cart-item-price-disco
 var root_2$11 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-participant-count"> </span>`);
 var root_3$8 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-voucher-quantity"> </span>`);
 var root_4$4 = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_5$3 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button class="go-cart-remove">⨉</button></li>`);
+var root_5$3 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button class="go-cart-remove"> </button></li>`);
 var root_6$2 = /* @__PURE__ */ from_html(`<ul class="go-sub-tickets" role="list"></ul>`);
 var root_7$2 = /* @__PURE__ */ from_html(`<article class="go-cart-item-content"><ul><li class="go-cart-item-title-container"><!></li> <li class="go-cart-item-price"><!></li> <li class="go-cart-item-count"><!></li> <!> <li class="go-cart-item-sum"> </li></ul></article> <!>`, 1);
 function Item$1($$anchor, $$props) {
@@ -18230,7 +18327,8 @@ function Item$1($$anchor, $$props) {
 						return get$2($1);
 					},
 					floor: 1,
-					onChange: updateQuantity
+					onChange: updateQuantity,
+					onDecrementBelowMin: del
 				});
 			}
 		};
@@ -18245,8 +18343,13 @@ function Item$1($$anchor, $$props) {
 		var consequent_8 = ($$anchor) => {
 			var li_3 = root_5$3();
 			var button = child(li_3);
+			var text_6 = child(button, true);
+			reset(button);
 			reset(li_3);
-			template_effect(($0) => set_attribute(button, "aria-label", $0), [() => shop.t("cart.item.remove")]);
+			template_effect(($0, $1) => {
+				set_attribute(button, "aria-label", $0);
+				set_text(text_6, $1);
+			}, [() => shop.t("cart.item.aria.removeItem"), () => shop.t("cart.item.remove")]);
 			delegated("click", button, del);
 			append($$anchor, li_3);
 		};
@@ -18254,7 +18357,7 @@ function Item$1($$anchor, $$props) {
 			if (!preview()) $$render(consequent_8);
 		});
 		var li_4 = sibling(node_4, 2);
-		var text_6 = child(li_4, true);
+		var text_7 = child(li_4, true);
 		reset(li_4);
 		reset(ul);
 		reset(article);
@@ -18288,7 +18391,7 @@ function Item$1($$anchor, $$props) {
 		if_block(node_5, ($$render) => {
 			if (get$2(mantleProduct)) $$render(consequent_9);
 		});
-		template_effect(($0) => set_text(text_6, $0), [() => formatCurrency(displayItem().total_price_cents)]);
+		template_effect(($0) => set_text(text_7, $0), [() => formatCurrency(displayItem().total_price_cents)]);
 		append($$anchor, fragment_1);
 	};
 	if_block(node, ($$render) => {
@@ -37920,6 +38023,12 @@ delegate(["change"]);
 customElements.define("go-timeslots", create_custom_element(Timeslots, {}, [], ["details"]));
 //#endregion
 //#region src/components/ticketSelection/subcomponents/calendar/lib/calendar.svelte.ts
+function describeAvailability(value) {
+	if (typeof value === "string") return `'${value}'`;
+	if (value === null || value === void 0) return String(value);
+	if (isPromise(value)) return "a Promise — the callback must be synchronous";
+	return `a ${typeof value}`;
+}
 var Calendar = class {
 	#details = /* @__PURE__ */ state();
 	get details() {
@@ -37942,6 +38051,14 @@ var Calendar = class {
 	set selected(value) {
 		set(this.#selected, value, true);
 	}
+	#availabilityOverride = /* @__PURE__ */ state();
+	get availabilityOverride() {
+		return get$2(this.#availabilityOverride);
+	}
+	set availabilityOverride(value) {
+		set(this.#availabilityOverride, value, true);
+	}
+	#logged = [];
 	get endpoint() {
 		return (this.details?.filters?.map((f) => getFilter(f).calendarEndpoint).filter(Boolean) ?? [])[0] ?? null;
 	}
@@ -37953,12 +38070,49 @@ var Calendar = class {
 			default: return;
 		}
 	}
+	/** What gomus makes of a date on its own, ignoring any integrator override. */
+	defaultAvailability(date) {
+		switch (this.dates?.[date.toString()]) {
+			case "unavailable": return "unavailable";
+			case "fully_booked": return "sold_out";
+			default: return "available";
+		}
+	}
+	/** The gomus default, with the integrator's override given the last word. */
+	availability(date) {
+		const defaultAvailability = this.defaultAvailability(date);
+		const override = this.#overrideCallback();
+		if (!override) return defaultAvailability;
+		let returned;
+		try {
+			returned = override(date.toString(), defaultAvailability);
+		} catch (error) {
+			this.#reportOnce("threw", `[go-calendar] the availability-override callback threw (${String(error)}) — using the gomus default instead.`);
+			return defaultAvailability;
+		}
+		if (returned === "pass_through") return defaultAvailability;
+		if (returned === "available" || returned === "sold_out" || returned === "unavailable") return returned;
+		this.#reportOnce("returned", `[go-calendar] the availability-override callback must return 'available', 'sold_out', 'unavailable' or 'pass_through', got ${describeAvailability(returned)} — using the gomus default instead.`);
+		return defaultAvailability;
+	}
+	#overrideCallback() {
+		const source = this.availabilityOverride;
+		if (typeof source === "function") return source;
+		if (!source) return void 0;
+		const candidate = globalThis[source];
+		if (typeof candidate === "function") return candidate;
+		this.#reportOnce(`unresolved:${source}`, `[go-calendar] availability-override="${source}" does not resolve to a function on window — using the gomus defaults.`, console.warn);
+	}
+	#reportOnce(key, message, log = console.error) {
+		if (this.#logged.includes(key)) return;
+		this.#logged.push(key);
+		log(message);
+	}
 	isDateDisabled(date) {
-		if (this.dates) return date.compare($ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2())) < 0 || this.dates[date.toString()] == "unavailable";
-		return date.compare($ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2())) < 0;
+		return date.compare($ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2())) < 0 || this.availability(date) === "unavailable";
 	}
 	isDateUnavailable(date) {
-		return this.dates?.[date.toString()] == "fully_booked";
+		return this.availability(date) === "sold_out";
 	}
 	get apiFilters() {
 		return this.details?.filters?.map((f) => getFilter(f).apiToken).filter(Boolean);
@@ -37987,13 +38141,14 @@ var Calendar = class {
 			thisMonth.add({ months: 2 })
 		];
 	}
+	#mergedDates(fetchMonth) {
+		return this.fetchPeriod().reduce((all, startAt) => Object.assign(all, fetchMonth(this.params(startAt))), {});
+	}
 	eventsDates() {
-		const method = shop.calendar.bind(shop);
-		return this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
+		return this.#mergedDates((params) => shop.calendar(params));
 	}
 	ticketsDates() {
-		const method = shop.ticketsCalendar.bind(shop);
-		return this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
+		return this.#mergedDates((params) => shop.ticketsCalendar(params));
 	}
 };
 //#endregion
@@ -38225,12 +38380,19 @@ create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], { mode
 //#region src/components/ticketSelection/subcomponents/calendar/components/Calendar.svelte
 function Calendar_1($$anchor, $$props) {
 	push($$props, true);
+	/**
+	* Per-date availability override. As an attribute it names a global function
+	* (`<go-calendar availability-override="shopRule">`); as a property it is the function
+	* itself (`element.availabilityOverride = fn`).
+	*/
+	let availabilityOverride = prop($$props, "availabilityOverride", 7);
 	const ticketsCalendar = new Calendar();
 	const details = ticketsCalendar;
 	const _ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
 	const ticketSelectionDetails = /* @__PURE__ */ user_derived(() => _ticketSelectionDetails.value);
 	user_effect(() => {
 		ticketsCalendar.details = get$2(ticketSelectionDetails);
+		ticketsCalendar.availabilityOverride = availabilityOverride();
 	});
 	$$props.$$host.addEventListener("go-date-select", (e) => {
 		if (get$2(ticketSelectionDetails)) {
@@ -38238,7 +38400,16 @@ function Calendar_1($$anchor, $$props) {
 			get$2(ticketSelectionDetails).selectedTimeslot = void 0;
 		}
 	});
-	var $$exports = { details };
+	var $$exports = {
+		details,
+		get availabilityOverride() {
+			return availabilityOverride();
+		},
+		set availabilityOverride($$value) {
+			availabilityOverride($$value);
+			flushSync();
+		}
+	};
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
@@ -38252,7 +38423,10 @@ function Calendar_1($$anchor, $$props) {
 	append($$anchor, fragment);
 	return pop($$exports);
 }
-customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"]));
+customElements.define("go-calendar", create_custom_element(Calendar_1, { availabilityOverride: {
+	attribute: "availability-override",
+	type: "String"
+} }, [], ["details"]));
 //#endregion
 //#region src/components/ticketSelection/subcomponents/addToCartButton/AddToCartButton.svelte.ts
 var Details = class {