@gomusdev/web-components 4.9.2 → 4.11.0

package/dist-js/gomus-webcomponents.js

@@ -6369,6 +6369,15 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 	return Class;
 }
 //#endregion
+//#region src/lib/helpers/locale.ts
+function warnOnInvalidLocale(locale) {
+	try {
+		if (Intl.NumberFormat.supportedLocalesOf(locale).length === 0) console.warn(`[go] Unknown locale "${locale}" — the browser has no locale data for it; price and date formatting will fall back to the browser default.`);
+	} catch {
+		console.warn(`[go] Invalid locale "${locale}" — not a valid BCP 47 language tag (use "de", "de-CH", "en", …). Price and date formatting will throw.`);
+	}
+}
+//#endregion
 //#region src/lib/helpers/urls.ts
 var ANGULAR_URLS = {
 	account: () => "/#/user/account",
@@ -11810,13 +11819,6 @@ function formatDate(isoDateString, options = {
 		...options
 	}).format(zoned.toDate());
 }
-function formatCurrency$1(priceCents) {
-	if (priceCents === void 0) throw Error("priceCents is required");
-	return new Intl.NumberFormat("de-DE", {
-		style: "currency",
-		currency: "EUR"
-	}).format(priceCents / 100);
-}
 //#endregion
 //#region src/lib/models/ticket/UITicket.svelte.ts
 function isUITicket(x) {
@@ -12180,6 +12182,49 @@ function dispatchCartEvents(cart) {
 	});
 }
 //#endregion
+//#region src/lib/helpers/utils.ts
+function formatCurrency(priceCents) {
+	let format;
+	try {
+		format = new Intl.NumberFormat(shop.locale ?? "de", {
+			style: "currency",
+			currency: shop.currency ?? "EUR"
+		});
+	} catch {
+		format = new Intl.NumberFormat("de", {
+			style: "currency",
+			currency: "EUR"
+		});
+	}
+	return format.format((priceCents ?? 0) / 100);
+}
+/**
+* Parses a comma-separated string of IDs into an array of positive numbers.
+*
+* This function takes a string containing comma-separated values and converts
+* them into an array of positive integers. Invalid values (non-numeric, zero,
+* or negative numbers) are filtered out.
+*
+* @param ids - A comma-separated string of IDs (e.g., "1,2,3" or "10, 20, 30")
+* @returns An array of positive numbers if valid IDs are found, undefined otherwise
+*
+* @example
+* ```ts
+* parseIds("1,2,3") // Returns [1, 2, 3]
+* parseIds("10, 20, 30") // Returns [10, 20, 30] (handles whitespace)
+* parseIds("1,abc,3") // Returns [1, 3] (filters out invalid values)
+* parseIds("0,-1,2") // Returns [2] (filters out zero and negative numbers)
+* parseIds("") // Returns undefined
+* parseIds(undefined) // Returns undefined
+* parseIds("abc,def") // Returns undefined (no valid IDs)
+* ```
+*/
+function parseIds(ids) {
+	if (!ids) return;
+	const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
+	return parsed.length > 0 ? parsed : void 0;
+}
+//#endregion
 //#region src/lib/models/tour/UITour.svelte.ts
 function isUITour(x) {
 	return x?.type === "Tour";
@@ -12573,13 +12618,6 @@ function createCart(products, contingent = 20) {
 	if (products) products.forEach((p) => cart.addItem(createCartItem(p)));
 	return cart;
 }
-function formatCurrency(priceCents) {
-	priceCents = priceCents ?? 0;
-	return new Intl.NumberFormat("de-DE", {
-		style: "currency",
-		currency: "EUR"
-	}).format(priceCents / 100);
-}
 function createMainCart() {
 	const cart = proxy(createCart());
 	syncCartToLocalStorage(cart);
@@ -13694,6 +13732,7 @@ var Shop = class {
 		get$2(this.#data).apiUrl = apiUrl;
 		get$2(this.#data).shopDomain = shopDomain;
 		get$2(this.#data).locale = locale || "de";
+		warnOnInvalidLocale(get$2(this.#data).locale);
 		this.#fetchStatus = {};
 		get$2(this.#data).client = client(apiUrl, shopDomain);
 		get$2(this.#data).capacityManager = createCapacityManager();
@@ -15520,9 +15559,10 @@ function Event$2($$anchor, $$props) {
 create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/cart/components/itemTitles/Ticket.svelte
-var root$52 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-var root_1$19 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-var root_2$14 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
+var root$52 = /* @__PURE__ */ from_html(`<span class="go-cart-item-subtitle" data-testid="cart-item-subtitle"> </span>`);
+var root_1$19 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+var root_2$14 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+var root_3$10 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!> <!>`, 1);
 function Ticket($$anchor, $$props) {
 	push($$props, true);
 	let cartItem = prop($$props, "cartItem", 7);
@@ -15535,35 +15575,47 @@ function Ticket($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var fragment = root_2$14();
+	var fragment = root_3$10();
 	var span = first_child(fragment);
 	var text = child(span, true);
 	reset(span);
 	var node = sibling(span, 2);
-	var consequent_1 = ($$anchor) => {
-		var fragment_1 = root_1$19();
-		var span_1 = first_child(fragment_1);
+	var consequent = ($$anchor) => {
+		var span_1 = root$52();
 		var text_1 = child(span_1, true);
 		reset(span_1);
-		var node_1 = sibling(span_1, 2);
-		var consequent = ($$anchor) => {
-			var span_2 = root$52();
-			var text_2 = child(span_2, true);
-			reset(span_2);
-			template_effect(($0) => set_text(text_2, $0), [() => formatTime(cartItem().time)]);
-			append($$anchor, span_2);
+		template_effect(() => set_text(text_1, cartItem().product.sub_title));
+		append($$anchor, span_1);
+	};
+	var d = /* @__PURE__ */ user_derived(() => isUITicket(cartItem().product) && cartItem().product.sub_title);
+	if_block(node, ($$render) => {
+		if (get$2(d)) $$render(consequent);
+	});
+	var node_1 = sibling(node, 2);
+	var consequent_2 = ($$anchor) => {
+		var fragment_1 = root_2$14();
+		var span_2 = first_child(fragment_1);
+		var text_2 = child(span_2, true);
+		reset(span_2);
+		var node_2 = sibling(span_2, 2);
+		var consequent_1 = ($$anchor) => {
+			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)]);
+			append($$anchor, span_3);
 		};
-		if_block(node_1, ($$render) => {
-			if (cartItem().product.type === "Ticket" && cartItem().product.subtype === "timeslot") $$render(consequent);
+		if_block(node_2, ($$render) => {
+			if (cartItem().product.type === "Ticket" && cartItem().product.subtype === "timeslot") $$render(consequent_1);
 		});
-		template_effect(($0) => set_text(text_1, $0), [() => formatDate(cartItem().time, {
+		template_effect(($0) => set_text(text_2, $0), [() => formatDate(cartItem().time, {
 			month: "numeric",
 			day: "numeric"
 		}, shop.locale)]);
 		append($$anchor, fragment_1);
 	};
-	if_block(node, ($$render) => {
-		if (cartItem().time) $$render(consequent_1);
+	if_block(node_1, ($$render) => {
+		if (cartItem().time) $$render(consequent_2);
 	});
 	template_effect(() => set_text(text, cartItem().product.title));
 	append($$anchor, fragment);
@@ -18009,7 +18061,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$2 = /* @__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) {
@@ -18191,7 +18243,7 @@ function Item$1($$anchor, $$props) {
 		reset(li_2);
 		var node_4 = sibling(li_2, 2);
 		var consequent_8 = ($$anchor) => {
-			var li_3 = root_5$2();
+			var li_3 = root_5$3();
 			var button = child(li_3);
 			reset(li_3);
 			template_effect(($0) => set_attribute(button, "aria-label", $0), [() => shop.t("cart.item.remove")]);
@@ -18874,51 +18926,13 @@ function DonationCampaign($$anchor, $$props) {
 delegate(["click", "keydown"]);
 create_custom_element(DonationCampaign, { campaign: {} }, [], [], { mode: "open" });
 //#endregion
-//#region src/lib/helpers/utils.ts
-function currency(value, currency) {
-	if (currency == "CHF") return new Intl.NumberFormat("de-CH", {
-		style: "currency",
-		currency
-	}).format(value);
-	else return new Intl.NumberFormat("de-DE", {
-		style: "currency",
-		currency
-	}).format(value);
-}
-/**
-* Parses a comma-separated string of IDs into an array of positive numbers.
-*
-* This function takes a string containing comma-separated values and converts
-* them into an array of positive integers. Invalid values (non-numeric, zero,
-* or negative numbers) are filtered out.
-*
-* @param ids - A comma-separated string of IDs (e.g., "1,2,3" or "10, 20, 30")
-* @returns An array of positive numbers if valid IDs are found, undefined otherwise
-*
-* @example
-* ```ts
-* parseIds("1,2,3") // Returns [1, 2, 3]
-* parseIds("10, 20, 30") // Returns [10, 20, 30] (handles whitespace)
-* parseIds("1,abc,3") // Returns [1, 3] (filters out invalid values)
-* parseIds("0,-1,2") // Returns [2] (filters out zero and negative numbers)
-* parseIds("") // Returns undefined
-* parseIds(undefined) // Returns undefined
-* parseIds("abc,def") // Returns undefined (no valid IDs)
-* ```
-*/
-function parseIds(ids) {
-	if (!ids) return;
-	const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
-	return parsed.length > 0 ? parsed : void 0;
-}
-//#endregion
 //#region src/components/donations/components/DonationSelector.svelte
 var root$39 = /* @__PURE__ */ from_html(`<button> </button>`);
 var root_1$11 = /* @__PURE__ */ from_html(`<form id="donationForm" action="" novalidate=""><div class="donation-custom form-group"><label for="donation-custom-amount"> </label> <input class="form-control" id="donation-custom-amount" type="number" min="1"/></div></form>`);
 var root_2$8 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
 function DonationSelector($$anchor, $$props) {
 	push($$props, true);
-	const guestMaxLimit = goDonation.campaign?.guest_limit / 100;
+	const guestMaxLimit = goDonation.campaign?.guest_limit ? goDonation.campaign.guest_limit / 100 : void 0;
 	let customAmount = /* @__PURE__ */ state(void 0);
 	function selectAmount(amount) {
 		goDonation.amount = amount;
@@ -18945,7 +18959,7 @@ function DonationSelector($$anchor, $$props) {
 		template_effect(($0) => {
 			classes = set_class(button, 1, "btn btn-default", null, classes, { selected: goDonation.amount === option });
 			set_text(text_1, $0);
-		}, [() => currency(option / 100, shop.currency)]);
+		}, [() => formatCurrency(option)]);
 		delegated("click", button, () => selectAmount(option));
 		append($$anchor, button);
 	});
@@ -33276,14 +33290,14 @@ var root_1$8 = /* @__PURE__ */ from_html(` <!>`, 1);
 var root_2$7 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
 var root_3$7 = /* @__PURE__ */ from_html(`<label><!></label> <textarea></textarea>`, 1);
 var root_4$3 = /* @__PURE__ */ from_html(`<figure role="status" aria-live="polite"><img class="go-file-preview"/> <figcaption class="go-file-preview-caption"> </figcaption></figure>`);
-var root_5$1 = /* @__PURE__ */ from_html(`<label><!></label> <input/> <!>`, 1);
+var root_5$2 = /* @__PURE__ */ from_html(`<label><!></label> <input/> <!>`, 1);
 var root_6$1 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
 var root_7$1 = /* @__PURE__ */ from_html(`<img src="" alt=""/> <option> </option>`, 1);
 var root_8$1 = /* @__PURE__ */ from_html(`<option disabled="" hidden="" selected=""> </option> <!>`, 1);
 var select_content = /* @__PURE__ */ from_html(`<!>`, 1);
 var root_9$1 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
 var root_10$1 = /* @__PURE__ */ from_html(`<img style="width: 60px" aria-hidden="true"/>`);
-var root_11 = /* @__PURE__ */ from_html(`<span class="go-payment-mode-icons"></span>`);
+var root_11$1 = /* @__PURE__ */ from_html(`<span class="go-payment-mode-icons"></span>`);
 var root_12 = /* @__PURE__ */ from_html(`<span class="go-payment-mode-name"> </span>`);
 var root_13 = /* @__PURE__ */ from_html(`<label><input type="radio"/> <!></label>`);
 var root_14 = /* @__PURE__ */ from_html(`<fieldset role="radiogroup"><legend><!></legend> <!></fieldset>`);
@@ -33348,7 +33362,7 @@ function InputAndLabel($$anchor, $$props) {
 		append($$anchor, fragment_2);
 	};
 	const file = ($$anchor) => {
-		var fragment_3 = root_5$1();
+		var fragment_3 = root_5$2();
 		var label_3 = first_child(fragment_3);
 		labelText(child(label_3));
 		reset(label_3);
@@ -33498,7 +33512,7 @@ function InputAndLabel($$anchor, $$props) {
 			remove_input_defaults(input_4);
 			var node_11 = sibling(input_4, 2);
 			var consequent_3 = ($$anchor) => {
-				var span_2 = root_11();
+				var span_2 = root_11$1();
 				each(span_2, 20, () => get$2(mode).icons, (icon) => icon, ($$anchor, icon) => {
 					const url = /* @__PURE__ */ user_derived(() => CDN_PATH + icon + ".svg");
 					var img_1 = root_10$1();
@@ -36442,7 +36456,7 @@ function Event$1($$anchor, $$props) {
 	}, [
 		() => orderDetails().downloadLink(item()),
 		() => shop.t("common.download"),
-		() => formatCurrency$1(item().price_cents)
+		() => formatCurrency(item().price_cents)
 	]);
 	append($$anchor, li);
 	return pop($$exports);
@@ -36453,17 +36467,18 @@ create_custom_element(Event$1, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/order/components/subcomponents/breakdown/items/TicketSale.svelte
-var root$9 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities" data-testid="order-sub-ticket"> </span>`, 1);
-var root_1$4 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span> <span class="go-cart-item-time"> </span>`, 1);
-var root_2$3 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span>`);
-var root_3$3 = /* @__PURE__ */ from_html(`<!> <br/> <a class="go-ticket-download" target="_blank" rel="noopener noreferrer"> </a>`, 1);
-var root_4$2 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization"> </a>`, 1);
-var root_5 = /* @__PURE__ */ from_html(`<a aria-label="passbook link"><img alt="apple wallet icon"/></a>`);
-var root_6 = /* @__PURE__ */ from_html(`<a aria-label="iCal link"> </a>`);
-var root_7 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li> <li class="go-order-breakdown-ical"><!></li></ul></article></li>`);
-var root_8 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank" rel="noopener noreferrer"> </a>`);
-var root_9 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization"> </a>`);
-var root_10 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"> </li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
+var root$9 = /* @__PURE__ */ from_html(`<span class="go-order-item-subtitle" data-testid="order-item-subtitle"> </span>`);
+var root_1$4 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities" data-testid="order-sub-ticket"> </span>`, 1);
+var root_2$3 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span> <span class="go-cart-item-time"> </span>`, 1);
+var root_3$3 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span>`);
+var root_4$2 = /* @__PURE__ */ from_html(`<!> <br/> <a class="go-ticket-download" target="_blank" rel="noopener noreferrer"> </a>`, 1);
+var root_5$1 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization"> </a>`, 1);
+var root_6 = /* @__PURE__ */ from_html(`<a aria-label="passbook link"><img alt="apple wallet icon"/></a>`);
+var root_7 = /* @__PURE__ */ from_html(`<a aria-label="iCal link"> </a>`);
+var root_8 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <!> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li> <li class="go-order-breakdown-ical"><!></li></ul></article></li>`);
+var root_9 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank" rel="noopener noreferrer"> </a>`);
+var root_10 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization"> </a>`);
+var root_11 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"> </li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
 function TicketSale($$anchor, $$props) {
 	push($$props, true);
 	const APPLE_WALLET_CDN_PATH = `https://cdn.shop.platform.gomus.de/apple_wallet_${shop.locale}.svg`;
@@ -36487,10 +36502,10 @@ function TicketSale($$anchor, $$props) {
 	};
 	var fragment = comment();
 	var node = first_child(fragment);
-	var consequent_5 = ($$anchor) => {
+	var consequent_6 = ($$anchor) => {
 		var fragment_1 = comment();
 		each(first_child(fragment_1), 17, () => ({ length: item().attributes.quantity }), index$1, ($$anchor, $$item, index) => {
-			var li = root_7();
+			var li = root_8();
 			var article = child(li);
 			var ul = child(article);
 			var li_1 = child(ul);
@@ -36500,82 +36515,93 @@ function TicketSale($$anchor, $$props) {
 			var text = child(span, true);
 			reset(span);
 			var node_2 = sibling(span, 2);
-			each(node_2, 17, () => get$2(subTicketSales), (sub) => sub.id, ($$anchor, sub) => {
-				var fragment_2 = root$9();
-				var span_1 = sibling(first_child(fragment_2), 2);
-				var text_1 = child(span_1);
+			var consequent = ($$anchor) => {
+				var span_1 = root$9();
+				var text_1 = child(span_1, true);
 				reset(span_1);
-				template_effect(() => set_text(text_1, `${get$2(sub).quantity ?? ""} x ${get$2(sub).title ?? ""}`));
-				append($$anchor, fragment_2);
+				template_effect(() => set_text(text_1, item().attributes.sub_title));
+				append($$anchor, span_1);
+			};
+			if_block(node_2, ($$render) => {
+				if (item().attributes.sub_title) $$render(consequent);
 			});
 			var node_3 = sibling(node_2, 2);
-			var consequent_2 = ($$anchor) => {
+			each(node_3, 17, () => get$2(subTicketSales), (sub) => sub.id, ($$anchor, sub) => {
+				var fragment_2 = root_1$4();
+				var span_2 = sibling(first_child(fragment_2), 2);
+				var text_2 = child(span_2);
+				reset(span_2);
+				template_effect(() => set_text(text_2, `${get$2(sub).quantity ?? ""} x ${get$2(sub).title ?? ""}`));
+				append($$anchor, fragment_2);
+			});
+			var node_4 = sibling(node_3, 2);
+			var consequent_3 = ($$anchor) => {
 				const barcodeId = /* @__PURE__ */ user_derived(() => item().attributes.barcodes[index]?.id);
-				var fragment_3 = root_3$3();
-				var node_4 = first_child(fragment_3);
-				var consequent = ($$anchor) => {
-					var fragment_4 = root_1$4();
-					var span_2 = first_child(fragment_4);
-					var text_2 = child(span_2, true);
-					reset(span_2);
-					var span_3 = sibling(span_2, 2);
+				var fragment_3 = root_4$2();
+				var node_5 = first_child(fragment_3);
+				var consequent_1 = ($$anchor) => {
+					var fragment_4 = root_2$3();
+					var span_3 = first_child(fragment_4);
 					var text_3 = child(span_3, true);
 					reset(span_3);
+					var span_4 = sibling(span_3, 2);
+					var text_4 = child(span_4, true);
+					reset(span_4);
 					template_effect(($0, $1) => {
-						set_text(text_2, $0);
-						set_text(text_3, $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)]);
 					append($$anchor, fragment_4);
 				};
-				var consequent_1 = ($$anchor) => {
-					var span_4 = root_2$3();
-					var text_4 = child(span_4, true);
-					reset(span_4);
-					template_effect(($0) => set_text(text_4, $0), [() => formatDate(item().attributes.start_time, {
+				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)]);
-					append($$anchor, span_4);
+					append($$anchor, span_5);
 				};
-				if_block(node_4, ($$render) => {
-					if (item().attributes.ticket_type === "time_slot") $$render(consequent);
-					else if (item().attributes.ticket_type === "normal") $$render(consequent_1, 1);
+				if_block(node_5, ($$render) => {
+					if (item().attributes.ticket_type === "time_slot") $$render(consequent_1);
+					else if (item().attributes.ticket_type === "normal") $$render(consequent_2, 1);
 				});
-				var a = sibling(node_4, 4);
-				var text_5 = child(a, true);
+				var a = sibling(node_5, 4);
+				var text_6 = child(a, true);
 				reset(a);
 				template_effect(($0, $1) => {
 					set_attribute(a, "href", $0);
-					set_text(text_5, $1);
+					set_text(text_6, $1);
 				}, [() => orderDetails().downloadLink(item(), get$2(barcodeId)), () => shop.t("common.download")]);
 				append($$anchor, fragment_3);
 			};
 			var alternate = ($$anchor) => {
-				var fragment_5 = root_4$2();
+				var fragment_5 = root_5$1();
 				var a_1 = sibling(first_child(fragment_5), 2);
-				var text_6 = child(a_1, true);
+				var text_7 = child(a_1, true);
 				reset(a_1);
 				template_effect(($0, $1) => {
 					set_attribute(a_1, "href", $0);
-					set_text(text_6, $1);
+					set_text(text_7, $1);
 				}, [() => orderDetails().downloadLink(item()), () => shop.t("common.personalize")]);
 				append($$anchor, fragment_5);
 			};
-			if_block(node_3, ($$render) => {
-				if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_2);
+			if_block(node_4, ($$render) => {
+				if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_3);
 				else $$render(alternate, -1);
 			});
 			reset(li_2);
 			var li_3 = sibling(li_2, 2);
-			var text_7 = child(li_3, true);
+			var text_8 = child(li_3, true);
 			reset(li_3);
 			var li_4 = sibling(li_3, 2);
-			var node_5 = child(li_4);
-			var consequent_3 = ($$anchor) => {
-				var a_2 = root_5();
+			var node_6 = child(li_4);
+			var consequent_4 = ($$anchor) => {
+				var a_2 = root_6();
 				var img = child(a_2);
 				reset(a_2);
 				template_effect(() => {
@@ -36584,24 +36610,24 @@ function TicketSale($$anchor, $$props) {
 				});
 				append($$anchor, a_2);
 			};
-			if_block(node_5, ($$render) => {
-				if (item().attributes.barcodes[index] && item().attributes.barcodes[index]?.passbook_url) $$render(consequent_3);
+			if_block(node_6, ($$render) => {
+				if (item().attributes.barcodes[index] && item().attributes.barcodes[index]?.passbook_url) $$render(consequent_4);
 			});
 			reset(li_4);
 			var li_5 = sibling(li_4, 2);
-			var node_6 = child(li_5);
-			var consequent_4 = ($$anchor) => {
-				var a_3 = root_6();
-				var text_8 = child(a_3, true);
+			var node_7 = child(li_5);
+			var consequent_5 = ($$anchor) => {
+				var a_3 = root_7();
+				var text_9 = child(a_3, true);
 				reset(a_3);
 				template_effect(($0) => {
 					set_attribute(a_3, "href", shop.apiUrl + item().attributes.ical_url);
-					set_text(text_8, $0);
+					set_text(text_9, $0);
 				}, [() => shop.t("common.calendar")]);
 				append($$anchor, a_3);
 			};
-			if_block(node_6, ($$render) => {
-				if (item().attributes.ical_url) $$render(consequent_4);
+			if_block(node_7, ($$render) => {
+				if (item().attributes.ical_url) $$render(consequent_5);
 			});
 			reset(li_5);
 			reset(ul);
@@ -36609,65 +36635,76 @@ function TicketSale($$anchor, $$props) {
 			reset(li);
 			template_effect(($0) => {
 				set_text(text, item().attributes.title);
-				set_text(text_7, $0);
-			}, [() => formatCurrency$1(item().price_cents)]);
+				set_text(text_8, $0);
+			}, [() => formatCurrency(item().price_cents)]);
 			append($$anchor, li);
 		});
 		append($$anchor, fragment_1);
 	};
 	var alternate_2 = ($$anchor) => {
-		var li_6 = root_10();
+		var li_6 = root_11();
 		var article_1 = child(li_6);
 		var ul_1 = child(article_1);
 		var li_7 = child(ul_1);
-		var text_9 = child(li_7, true);
+		var text_10 = child(li_7, true);
 		reset(li_7);
 		var li_8 = sibling(li_7, 2);
-		var span_5 = child(li_8);
-		var text_10 = child(span_5, true);
-		reset(span_5);
-		var node_7 = sibling(span_5, 2);
-		var consequent_6 = ($$anchor) => {
-			var a_4 = root_8();
-			var text_11 = child(a_4, true);
+		var span_6 = child(li_8);
+		var text_11 = child(span_6, true);
+		reset(span_6);
+		var node_8 = sibling(span_6, 2);
+		var consequent_7 = ($$anchor) => {
+			var span_7 = root$9();
+			var text_12 = child(span_7, true);
+			reset(span_7);
+			template_effect(() => set_text(text_12, item().attributes.sub_title));
+			append($$anchor, span_7);
+		};
+		if_block(node_8, ($$render) => {
+			if (item().attributes.sub_title) $$render(consequent_7);
+		});
+		var node_9 = sibling(node_8, 2);
+		var consequent_8 = ($$anchor) => {
+			var a_4 = root_9();
+			var text_13 = child(a_4, true);
 			reset(a_4);
 			template_effect(($0, $1) => {
 				set_attribute(a_4, "href", $0);
-				set_text(text_11, $1);
+				set_text(text_13, $1);
 			}, [() => orderDetails().downloadLink(item()), () => shop.t("common.download")]);
 			append($$anchor, a_4);
 		};
 		var alternate_1 = ($$anchor) => {
-			var a_5 = root_9();
-			var text_12 = child(a_5, true);
+			var a_5 = root_10();
+			var text_14 = child(a_5, true);
 			reset(a_5);
 			template_effect(($0, $1) => {
 				set_attribute(a_5, "href", $0);
-				set_text(text_12, $1);
+				set_text(text_14, $1);
 			}, [() => orderDetails().downloadLink(item()), () => shop.t("common.personalize")]);
 			append($$anchor, a_5);
 		};
-		if_block(node_7, ($$render) => {
-			if (item().attributes.is_voucher) $$render(consequent_6);
+		if_block(node_9, ($$render) => {
+			if (item().attributes.is_voucher) $$render(consequent_8);
 			else $$render(alternate_1, -1);
 		});
 		reset(li_8);
 		var li_9 = sibling(li_8, 2);
-		var text_13 = child(li_9, true);
+		var text_15 = child(li_9, true);
 		reset(li_9);
 		next(2);
 		reset(ul_1);
 		reset(article_1);
 		reset(li_6);
 		template_effect(($0) => {
-			set_text(text_9, item().attributes.quantity);
-			set_text(text_10, item().attributes.title);
-			set_text(text_13, $0);
-		}, [() => formatCurrency$1(item().price_cents)]);
+			set_text(text_10, item().attributes.quantity);
+			set_text(text_11, item().attributes.title);
+			set_text(text_15, $0);
+		}, [() => formatCurrency(item().price_cents)]);
 		append($$anchor, li_6);
 	};
 	if_block(node, ($$render) => {
-		if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_5);
+		if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_6);
 		else $$render(alternate_2, -1);
 	});
 	append($$anchor, fragment);
@@ -36762,7 +36799,7 @@ function Tour($$anchor, $$props) {
 		set_text(text, item().attributes.title);
 		set_text(text_1, $0);
 		set_text(text_5, $1);
-	}, [() => shop.t("cart.item.participants", { count: item().attributes.participants }), () => formatCurrency$1(item().price_cents)]);
+	}, [() => shop.t("cart.item.participants", { count: item().attributes.participants }), () => formatCurrency(item().price_cents)]);
 	append($$anchor, li);
 	return pop($$exports);
 }
@@ -36847,7 +36884,7 @@ function Breakdown($$anchor, $$props) {
 			() => shop.t("common.table.count"),
 			() => shop.t("common.table.product"),
 			() => shop.t("common.table.price"),
-			() => shop.t("common.table.total", { value: formatCurrency$1(get$2(order).total_price_cents) })
+			() => shop.t("common.table.total", { value: formatCurrency(get$2(order).total_price_cents) })
 		]);
 		append($$anchor, ol);
 	};
@@ -36946,11 +36983,12 @@ function Details$2($$anchor, $$props) {
 	});
 	let form = /* @__PURE__ */ state(void 0);
 	const user = /* @__PURE__ */ user_derived(() => shop.getCustomer());
+	const userData = /* @__PURE__ */ user_derived(() => get$2(user) && "data" in get$2(user) ? get$2(user).data : void 0);
 	onMount(async () => {
 		await shop.waitForAllFetches();
 		await pollUntilTruthy(() => get$2(form).details);
-		await pollUntilTruthy(() => get$2(user).data);
-		get$2(form).details.fill(get$2(user).data);
+		await pollUntilTruthy(() => get$2(userData));
+		get$2(form).details.fill(get$2(userData));
 	});
 	var go_form = root$5();
 	set_custom_element_data(go_form, "formId", "accountDetailsForm");
@@ -36965,7 +37003,7 @@ var root$4 = /* @__PURE__ */ from_html(`<div class="go-profile-fullname"> </div>
 function Overview($$anchor, $$props) {
 	push($$props, true);
 	const user = /* @__PURE__ */ user_derived(() => shop.getCustomer());
-	const data = /* @__PURE__ */ user_derived(() => get$2(user)?.data);
+	const data = /* @__PURE__ */ user_derived(() => get$2(user) && "data" in get$2(user) ? get$2(user).data : void 0);
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
@@ -37475,10 +37513,11 @@ customElements.define("go-ticket-segment-empty", create_custom_element(TicketSeg
 //#endregion
 //#region src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/Item.svelte
 var root$3 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-title-event-title"> </span> <span class="go-tickets-item-title-product-title"> </span>`, 1);
-var root_1$2 = /* @__PURE__ */ from_html(`<li class="go-tickets-item-info"><button type="button" data-testid="ticket-info-toggle"></button></li>`);
-var root_2$1 = /* @__PURE__ */ from_html(`<li class="go-ticket-additional-info" data-testid="ticket-additional-info"> </li>`);
-var root_3$1 = /* @__PURE__ */ from_html(`<ul class="go-sub-tickets" role="list"></ul>`);
-var root_4$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-tickets-item-title"><!></li> <!> <li class="go-tickets-item-description" data-go-tickets-description=""></li> <!> <li class="go-tickets-item-price" data-go-tickets-price=""> </li> <li class="go-tickets-item-quality" data-go-tickets-quality=""><!></li></ul></article> <!></li>`);
+var root_1$2 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-subtitle" data-testid="ticket-subtitle"> </span>`);
+var root_2$1 = /* @__PURE__ */ from_html(`<li class="go-tickets-item-info"><button type="button" data-testid="ticket-info-toggle"></button></li>`);
+var root_3$1 = /* @__PURE__ */ from_html(`<li class="go-ticket-additional-info" data-testid="ticket-additional-info"> </li>`);
+var root_4$1 = /* @__PURE__ */ from_html(`<ul class="go-sub-tickets" role="list"></ul>`);
+var root_5 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-tickets-item-title"><!> <!></li> <!> <li class="go-tickets-item-description" data-go-tickets-description=""></li> <!> <li class="go-tickets-item-price" data-go-tickets-price=""> </li> <li class="go-tickets-item-quality" data-go-tickets-quality=""><!></li></ul></article> <!></li>`);
 function Item($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -37542,17 +37581,28 @@ function Item($$anchor, $$props) {
 	};
 	var fragment_2 = comment();
 	var node = first_child(fragment_2);
-	var consequent_3 = ($$anchor) => {
-		var li = root_4$1();
+	var consequent_4 = ($$anchor) => {
+		var li = root_5();
 		var article = child(li);
 		var ul = child(article);
 		var li_1 = child(ul);
 		var node_1 = child(li_1);
 		titleSnippet(node_1);
-		reset(li_1);
-		var node_2 = sibling(li_1, 2);
+		var node_2 = sibling(node_1, 2);
 		var consequent = ($$anchor) => {
-			var li_2 = root_1$2();
+			var span_2 = root_1$2();
+			var text_3 = child(span_2, true);
+			reset(span_2);
+			template_effect(() => set_text(text_3, item().product.sub_title));
+			append($$anchor, span_2);
+		};
+		if_block(node_2, ($$render) => {
+			if (item().product.sub_title) $$render(consequent);
+		});
+		reset(li_1);
+		var node_3 = sibling(li_1, 2);
+		var consequent_1 = ($$anchor) => {
+			var li_2 = root_2$1();
 			var button = child(li_2);
 			reset(li_2);
 			template_effect(($0) => {
@@ -37564,35 +37614,35 @@ function Item($$anchor, $$props) {
 			delegated("click", button, () => set(infoExpanded, !get$2(infoExpanded)));
 			append($$anchor, li_2);
 		};
-		if_block(node_2, ($$render) => {
-			if (get$2(reductionReason)) $$render(consequent);
+		if_block(node_3, ($$render) => {
+			if (get$2(reductionReason)) $$render(consequent_1);
 		});
-		var li_3 = sibling(node_2, 2);
+		var li_3 = sibling(node_3, 2);
 		html$2(li_3, () => purify.sanitize(item().product.description), true);
 		reset(li_3);
-		var node_3 = sibling(li_3, 2);
-		var consequent_1 = ($$anchor) => {
-			var li_4 = root_2$1();
-			var text_3 = child(li_4, true);
+		var node_4 = sibling(li_3, 2);
+		var consequent_2 = ($$anchor) => {
+			var li_4 = root_3$1();
+			var text_4 = child(li_4, true);
 			reset(li_4);
 			template_effect(($0) => {
 				set_attribute(li_4, "id", infoPanelId);
 				set_attribute(li_4, "hidden", !get$2(infoExpanded));
-				set_text(text_3, $0);
+				set_text(text_4, $0);
 			}, [() => shop.t(get$2(reductionReason))]);
 			append($$anchor, li_4);
 		};
-		if_block(node_3, ($$render) => {
-			if (get$2(reductionReason)) $$render(consequent_1);
+		if_block(node_4, ($$render) => {
+			if (get$2(reductionReason)) $$render(consequent_2);
 		});
-		var li_5 = sibling(node_3, 2);
-		var text_4 = child(li_5, true);
+		var li_5 = sibling(node_4, 2);
+		var text_5 = child(li_5, true);
 		reset(li_5);
 		var li_6 = sibling(li_5, 2);
-		var node_4 = child(li_6);
+		var node_5 = child(li_6);
 		{
 			let $0 = /* @__PURE__ */ user_derived(() => quantityLabel(item()));
-			QuantityControl(node_4, {
+			QuantityControl(node_5, {
 				get value() {
 					return item().quantity;
 				},
@@ -37611,9 +37661,9 @@ function Item($$anchor, $$props) {
 		reset(li_6);
 		reset(ul);
 		reset(article);
-		var node_5 = sibling(article, 2);
-		var consequent_2 = ($$anchor) => {
-			var ul_1 = root_3$1();
+		var node_6 = sibling(article, 2);
+		var consequent_3 = ($$anchor) => {
+			var ul_1 = root_4$1();
 			each(ul_1, 21, () => subTicketDefs(get$2(mantleProduct)), (sub) => sub.id, ($$anchor, sub) => {
 				{
 					let $0 = /* @__PURE__ */ user_derived(() => item().mantle?.composition?.[get$2(sub).id] ?? 0);
@@ -37635,19 +37685,19 @@ function Item($$anchor, $$props) {
 			template_effect(() => set_attribute(ul_1, "aria-label", get$2(mantleProduct).title));
 			append($$anchor, ul_1);
 		};
-		if_block(node_5, ($$render) => {
-			if (get$2(mantleProduct) && item().quantity > 0) $$render(consequent_2);
+		if_block(node_6, ($$render) => {
+			if (get$2(mantleProduct) && item().quantity > 0) $$render(consequent_3);
 		});
 		reset(li);
 		template_effect(() => {
 			set_class(article, 1, clsx(["go-tickets-item", get$2(capacity).bookedOut && "is-booked-out"]));
 			set_attribute(article, "data-testid", item().uuid);
-			set_text(text_4, item().price_formatted);
+			set_text(text_5, item().price_formatted);
 		});
 		append($$anchor, li);
 	};
 	if_block(node, ($$render) => {
-		if (get$2(capacity) && !get$2(capacity).unavailable) $$render(consequent_3);
+		if (get$2(capacity) && !get$2(capacity).unavailable) $$render(consequent_4);
 	});
 	append($$anchor, fragment_2);
 	return pop($$exports);