@gomusdev/web-components 4.12.0 → 4.13.1

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 = {
@@ -11100,9 +11112,6 @@ function $d07e34cce18680fd$export$b21e0b124e224484(date, time) {
 	if (time) ({hour: hour, minute: minute, second: second, millisecond: millisecond} = time);
 	return new $2aaf608024c21ca1$export$ca871e8dbb80966f(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
 }
-function $d07e34cce18680fd$export$d33f79e3ffc3dc83(dateTime) {
-	return new $2aaf608024c21ca1$export$680ea196effce5f(dateTime.hour, dateTime.minute, dateTime.second, dateTime.millisecond);
-}
 function $d07e34cce18680fd$export$b4a036af3fc0b032(date, calendar) {
 	if ($ad063034c8620db8$export$dbc69fd56b53d5e(date.calendar, calendar)) return date;
 	let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
@@ -11260,14 +11269,6 @@ function $435a2ceaa8778ed8$var$addTimeFields(time, duration) {
 	time.millisecond += duration.milliseconds || 0;
 	return $435a2ceaa8778ed8$var$balanceTime(time);
 }
-function $435a2ceaa8778ed8$export$7ed87b6bc2506470(time, duration) {
-	let res = time.copy();
-	$435a2ceaa8778ed8$var$addTimeFields(res, duration);
-	return res;
-}
-function $435a2ceaa8778ed8$export$fe34d3a381cd7501(time, duration) {
-	return $435a2ceaa8778ed8$export$7ed87b6bc2506470(time, $435a2ceaa8778ed8$export$3e2544e88a25bff8(duration));
-}
 function $435a2ceaa8778ed8$export$d52ced6badfb9a4c(value, field, amount, options) {
 	let mutable = value.copy();
 	switch (field) {
@@ -11549,46 +11550,6 @@ var $2aaf608024c21ca1$export$99faa760c7908e4f = class $2aaf608024c21ca1$export$9
 		return $ad063034c8620db8$export$68781ddf31c0090f(this, b);
 	}
 };
-var $2aaf608024c21ca1$export$680ea196effce5f = class $2aaf608024c21ca1$export$680ea196effce5f {
-	#type;
-	constructor(hour = 0, minute = 0, second = 0, millisecond = 0) {
-		this.hour = hour;
-		this.minute = minute;
-		this.second = second;
-		this.millisecond = millisecond;
-		$435a2ceaa8778ed8$export$7555de1e070510cb(this);
-	}
-	/** Returns a copy of this time. */ copy() {
-		return new $2aaf608024c21ca1$export$680ea196effce5f(this.hour, this.minute, this.second, this.millisecond);
-	}
-	/** Returns a new `Time` with the given duration added to it. */ add(duration) {
-		return $435a2ceaa8778ed8$export$7ed87b6bc2506470(this, duration);
-	}
-	/** Returns a new `Time` with the given duration subtracted from it. */ subtract(duration) {
-		return $435a2ceaa8778ed8$export$fe34d3a381cd7501(this, duration);
-	}
-	/**
-	* Returns a new `Time` with the given fields set to the provided values. Other fields will be
-	* constrained accordingly.
-	*/ set(fields) {
-		return $435a2ceaa8778ed8$export$e5d5e1c1822b6e56(this, fields);
-	}
-	/**
-	* Returns a new `Time` with the given field adjusted by a specified amount.
-	* When the resulting value reaches the limits of the field, it wraps around.
-	*/ cycle(field, amount, options) {
-		return $435a2ceaa8778ed8$export$dd02b3e0007dfe28(this, field, amount, options);
-	}
-	/** Converts the time to an ISO 8601 formatted string. */ toString() {
-		return $58246871e4652552$export$f59dee82248f5ad4(this);
-	}
-	/**
-	* Compares this time with another. A negative result indicates that this time is before the given
-	* one, and a positive time indicates that it is after.
-	*/ compare(b) {
-		return $ad063034c8620db8$export$c19a80a9721b80f6(this, b);
-	}
-};
 var $2aaf608024c21ca1$export$ca871e8dbb80966f = class $2aaf608024c21ca1$export$ca871e8dbb80966f {
 	#type;
 	constructor(...args) {
@@ -11813,19 +11774,31 @@ function $12a3c853105e5a70$var$getResolvedHourCycle(locale, options) {
 }
 //#endregion
 //#region ../../packages/gomus-types/lib/helpers/utils.ts
-function formatTime(value) {
-	return $d07e34cce18680fd$export$d33f79e3ffc3dc83($58246871e4652552$export$5adfdab05168c219(value, "Europe/Berlin")).toString().slice(0, -3);
+/** Named date presets — the single place defining what each rendering means (WI 151). */
+var DATE_FORMAT_PRESETS = {
+	dayMonth: {
+		month: "numeric",
+		day: "numeric"
+	},
+	short: {
+		year: "numeric",
+		month: "numeric",
+		day: "numeric"
+	}
+};
+function formatTime(value, locale) {
+	const zoned = $58246871e4652552$export$5adfdab05168c219(value, "Europe/Berlin");
+	return new $12a3c853105e5a70$export$ad991b66133851cf(locale, {
+		timeZone: zoned.timeZone,
+		hour: "numeric",
+		minute: "numeric"
+	}).format(zoned.toDate());
 }
-function formatDate(isoDateString, options = {
-	weekday: "long",
-	year: "numeric",
-	month: "long",
-	day: "numeric"
-}, locale = "de") {
+function formatDate(isoDateString, preset, locale) {
 	const zoned = $58246871e4652552$export$5adfdab05168c219(isoDateString instanceof Date ? isoDateString.toISOString() : isoDateString, "Europe/Berlin");
 	return new $12a3c853105e5a70$export$ad991b66133851cf(locale, {
 		timeZone: zoned.timeZone,
-		...options
+		...DATE_FORMAT_PRESETS[preset]
 	}).format(zoned.toDate());
 }
 //#endregion
@@ -13722,6 +13695,7 @@ var NOT_SIGNED_IN = { error: {
 	success: false,
 	errors: ["Not signed in"]
 } };
+var defaultTranslations = defaultTranslations_default;
 var Shop = class {
 	type;
 	#data = /* @__PURE__ */ state(proxy({
@@ -13789,7 +13763,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;
@@ -13813,7 +13790,13 @@ var Shop = class {
 		return "https://" + this.shopDomain;
 	}
 	get locale() {
-		return get$2(this.#data).locale;
+		return get$2(this.#data).locale ?? "de";
+	}
+	formatTime(value) {
+		return formatTime(value, this.locale);
+	}
+	formatDate(value, preset) {
+		return formatDate(value, preset, this.locale);
 	}
 	get shop() {
 		return this.fetchAndCache("/api/v4/shop", "shop", "shop");
@@ -15549,10 +15532,7 @@ function Event$2($$anchor, $$props) {
 		template_effect(($0, $1) => {
 			set_text(text_2, $0);
 			set_text(text_3, $1);
-		}, [() => formatDate(cartItem().time, {
-			month: "numeric",
-			day: "numeric"
-		}, shop.locale), () => formatTime(cartItem().time)]);
+		}, [() => shop.formatDate(cartItem().time, "dayMonth"), () => shop.formatTime(cartItem().time)]);
 		append($$anchor, fragment_1);
 	};
 	if_block(node, ($$render) => {
@@ -15611,16 +15591,13 @@ function Ticket($$anchor, $$props) {
 			var span_3 = root_1$19();
 			var text_3 = child(span_3, true);
 			reset(span_3);
-			template_effect(($0) => set_text(text_3, $0), [() => formatTime(cartItem().time)]);
+			template_effect(($0) => set_text(text_3, $0), [() => shop.formatTime(cartItem().time)]);
 			append($$anchor, span_3);
 		};
 		if_block(node_2, ($$render) => {
 			if (cartItem().product.type === "Ticket" && cartItem().product.subtype === "timeslot") $$render(consequent_1);
 		});
-		template_effect(($0) => set_text(text_2, $0), [() => formatDate(cartItem().time, {
-			month: "numeric",
-			day: "numeric"
-		}, shop.locale)]);
+		template_effect(($0) => set_text(text_2, $0), [() => shop.formatDate(cartItem().time, "dayMonth")]);
 		append($$anchor, fragment_1);
 	};
 	if_block(node_1, ($$render) => {
@@ -15645,12 +15622,8 @@ function Tour$1($$anchor, $$props) {
 		if (!cartItem().time) return null;
 		try {
 			return {
-				date: formatDate(cartItem().time, {
-					year: "numeric",
-					month: "numeric",
-					day: "numeric"
-				}, shop.locale),
-				time: formatTime(cartItem().time)
+				date: shop.formatDate(cartItem().time, "short"),
+				time: shop.formatTime(cartItem().time)
 			};
 		} catch {
 			return {
@@ -15752,23 +15725,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)));
 	}
@@ -15776,7 +15760,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);
@@ -15797,7 +15788,7 @@ function QuantityStepper($$anchor, $$props) {
 				break;
 			case "Home":
 				e.preventDefault();
-				emit(floor());
+				emit(get$2(bounds).floor);
 				break;
 			case "End":
 				e.preventDefault();
@@ -15859,6 +15850,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();
 		},
@@ -15869,6 +15881,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);
@@ -15876,21 +15893,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);
@@ -15913,6 +15932,9 @@ create_custom_element(QuantityStepper, {
 	label: {},
 	decreaseLabel: {},
 	increaseLabel: {},
+	onDecrementBelowMin: {},
+	removeAriaLabel: {},
+	removeLabel: {},
 	onChange: {}
 }, [], [], { mode: "open" });
 //#endregion
@@ -15953,8 +15975,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() {
@@ -15999,6 +16025,13 @@ function QuantityControl($$anchor, $$props) {
 			deselectable($$value);
 			flushSync();
 		},
+		get onDecrementBelowMin() {
+			return onDecrementBelowMin();
+		},
+		set onDecrementBelowMin($$value) {
+			onDecrementBelowMin($$value);
+			flushSync();
+		},
 		get onChange() {
 			return onChange();
 		},
@@ -16014,6 +16047,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();
@@ -16036,6 +16071,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();
 				}
@@ -16076,6 +16120,7 @@ create_custom_element(QuantityControl, {
 	label: {},
 	floor: {},
 	deselectable: {},
+	onDecrementBelowMin: {},
 	onChange: {}
 }, [], [], { mode: "open" });
 //#endregion
@@ -18054,12 +18099,14 @@ create_custom_element(SubRow, {
 * the visible row title: event rows compose it from event_title + time because a
 * flat-price event's price row carries no title (the row IS the event) — naming
 * the control from product.title alone left it unnamed (WI #141).
+*
+* Locale comes in as a parameter — shared/ components stay store-agnostic (WI #151).
 */
-function quantityLabel(item) {
+function quantityLabel(item, locale) {
 	const { product } = item;
 	return isEventTicket(product) ? [
 		product.event_title,
-		item.time && formatTime(item.time),
+		item.time && formatTime(item.time, locale),
 		product.title
 	].filter(Boolean).join(" - ") : product.title;
 }
@@ -18070,7 +18117,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) {
@@ -18224,7 +18271,7 @@ function Item$1($$anchor, $$props) {
 		var alternate_1 = ($$anchor) => {
 			{
 				let $0 = /* @__PURE__ */ user_derived(() => displayItem().quantity ?? 0);
-				let $1 = /* @__PURE__ */ user_derived(() => quantityLabel(displayItem()));
+				let $1 = /* @__PURE__ */ user_derived(() => quantityLabel(displayItem(), shop.locale));
 				QuantityControl($$anchor, {
 					get value() {
 						return get$2($0);
@@ -18239,7 +18286,8 @@ function Item$1($$anchor, $$props) {
 						return get$2($1);
 					},
 					floor: 1,
-					onChange: updateQuantity
+					onChange: updateQuantity,
+					onDecrementBelowMin: del
 				});
 			}
 		};
@@ -18254,8 +18302,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);
 		};
@@ -18263,7 +18316,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);
@@ -18297,7 +18350,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) => {
@@ -36413,10 +36466,7 @@ function Event$1($$anchor, $$props) {
 		template_effect(($0, $1) => {
 			set_text(text_1, $0);
 			set_text(text_2, $1);
-		}, [() => formatDate(item().attributes.start_time, {
-			month: "numeric",
-			day: "numeric"
-		}, shop.locale), () => formatTime(item().attributes.start_time)]);
+		}, [() => shop.formatDate(item().attributes.start_time, "dayMonth"), () => shop.formatTime(item().attributes.start_time)]);
 		append($$anchor, fragment);
 	};
 	if_block(node, ($$render) => {
@@ -36559,20 +36609,14 @@ function TicketSale($$anchor, $$props) {
 					template_effect(($0, $1) => {
 						set_text(text_3, $0);
 						set_text(text_4, $1);
-					}, [() => formatDate(item().attributes.start_time, {
-						month: "numeric",
-						day: "numeric"
-					}, shop.locale), () => formatTime(item().attributes.start_time)]);
+					}, [() => shop.formatDate(item().attributes.start_time, "dayMonth"), () => shop.formatTime(item().attributes.start_time)]);
 					append($$anchor, fragment_4);
 				};
 				var consequent_2 = ($$anchor) => {
 					var span_5 = root_3$3();
 					var text_5 = child(span_5, true);
 					reset(span_5);
-					template_effect(($0) => set_text(text_5, $0), [() => formatDate(item().attributes.start_time, {
-						month: "numeric",
-						day: "numeric"
-					}, shop.locale)]);
+					template_effect(($0) => set_text(text_5, $0), [() => shop.formatDate(item().attributes.start_time, "dayMonth")]);
 					append($$anchor, span_5);
 				};
 				if_block(node_5, ($$render) => {
@@ -36764,10 +36808,7 @@ function Tour($$anchor, $$props) {
 		template_effect(($0, $1) => {
 			set_text(text_2, $0);
 			set_text(text_3, $1);
-		}, [() => formatDate(item().attributes.start_time, {
-			month: "numeric",
-			day: "numeric"
-		}, shop.locale), () => formatTime(item().attributes.start_time)]);
+		}, [() => shop.formatDate(item().attributes.start_time, "dayMonth"), () => shop.formatTime(item().attributes.start_time)]);
 		append($$anchor, fragment);
 	};
 	if_block(node, ($$render) => {
@@ -37541,7 +37582,7 @@ function Item($$anchor, $$props) {
 		template_effect(($0) => {
 			set_text(text, `${item().product.event_title ?? ""} - ${$0 ?? ""}`);
 			set_text(text_1, item().product.title);
-		}, [() => formatTime(item().time)]);
+		}, [() => shop.formatTime(item().time)]);
 		append($$anchor, fragment);
 	};
 	const default_title = ($$anchor) => {
@@ -37650,7 +37691,7 @@ function Item($$anchor, $$props) {
 		var li_6 = sibling(li_5, 2);
 		var node_5 = child(li_6);
 		{
-			let $0 = /* @__PURE__ */ user_derived(() => quantityLabel(item()));
+			let $0 = /* @__PURE__ */ user_derived(() => quantityLabel(item(), shop.locale));
 			QuantityControl(node_5, {
 				get value() {
 					return item().quantity;
@@ -37828,7 +37869,7 @@ var Details$1 = class {
 		this.timeslots = quotaManager.timeslotsOn(date, this.tsd?.timeslotTicketIds).map((x) => ({
 			...x,
 			startAt: x.timeSlot,
-			timeFormatted: x.timeSlot.substring(11, 16),
+			timeFormatted: shop.formatTime(x.timeSlot),
 			available: x.capacity > 0
 		}));
 	}