@gomusdev/web-components 4.12.0 → 4.13.1

package/README.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 4.13.1 (2026-07-28)
+
+### Bug Fixes
+
+* **i18n:** format times and dates per shop.locale with shared presets
+
+## 4.13.0 (2026-07-28)
+
+### Features
+
+* **cart:** make − remove the line at its minimum quantity
+
 ## 4.12.0 (2026-07-28)
 
 ### Features

package/dist-js/gomus-webcomponents.iife.js

@@ -6378,6 +6378,18 @@ createHTML: (html) => {
 			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 = {
@@ -11101,9 +11113,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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));
@@ -11261,14 +11270,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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) {
@@ -11550,46 +11551,6 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) {
@@ -11814,19 +11775,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	//#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
@@ -13723,6 +13696,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		success: false,
 		errors: ["Not signed in"]
 	} };
+	var defaultTranslations = defaultTranslations_default;
 	var Shop = class {
 		type;
 		#data = /* @__PURE__ */ state(proxy({
@@ -13790,7 +13764,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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;
@@ -13814,7 +13791,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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");
@@ -15550,10 +15533,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) => {
@@ -15612,16 +15592,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				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) => {
@@ -15646,12 +15623,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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 {
@@ -15753,23 +15726,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	}
 	//#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)));
 		}
@@ -15777,7 +15761,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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);
@@ -15798,7 +15789,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					break;
 				case "Home":
 					e.preventDefault();
-					emit(floor());
+					emit(get$2(bounds).floor);
 					break;
 				case "End":
 					e.preventDefault();
@@ -15860,6 +15851,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				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();
 			},
@@ -15870,6 +15882,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		};
 		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);
@@ -15877,21 +15894,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		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);
@@ -15914,6 +15933,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		label: {},
 		decreaseLabel: {},
 		increaseLabel: {},
+		onDecrementBelowMin: {},
+		removeAriaLabel: {},
+		removeLabel: {},
 		onChange: {}
 	}, [], [], { mode: "open" });
 	//#endregion
@@ -15954,8 +15976,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* `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() {
@@ -16000,6 +16026,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				deselectable($$value);
 				flushSync();
 			},
+			get onDecrementBelowMin() {
+				return onDecrementBelowMin();
+			},
+			set onDecrementBelowMin($$value) {
+				onDecrementBelowMin($$value);
+				flushSync();
+			},
 			get onChange() {
 				return onChange();
 			},
@@ -16015,6 +16048,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				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();
@@ -16037,6 +16072,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					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();
 					}
@@ -16077,6 +16121,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		label: {},
 		floor: {},
 		deselectable: {},
+		onDecrementBelowMin: {},
 		onChange: {}
 	}, [], [], { mode: "open" });
 	//#endregion
@@ -18055,12 +18100,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	* 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;
 	}
@@ -18071,7 +18118,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	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) {
@@ -18225,7 +18272,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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);
@@ -18240,7 +18287,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							return get$2($1);
 						},
 						floor: 1,
-						onChange: updateQuantity
+						onChange: updateQuantity,
+						onDecrementBelowMin: del
 					});
 				}
 			};
@@ -18255,8 +18303,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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);
 			};
@@ -18264,7 +18317,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				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);
@@ -18298,7 +18351,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) => {
@@ -36414,10 +36467,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) => {
@@ -36560,20 +36610,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						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) => {
@@ -36765,10 +36809,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) => {
@@ -37542,7 +37583,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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) => {
@@ -37651,7 +37692,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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;
@@ -37829,7 +37870,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			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
 			}));
 		}