@gomusdev/web-components 4.10.0 → 4.11.0

package/dist-js/gomus-webcomponents.js

@@ -15559,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);
@@ -15574,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);
@@ -18048,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) {
@@ -18230,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")]);
@@ -33277,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>`);
@@ -33349,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);
@@ -33499,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();
@@ -36454,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`;
@@ -36488,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);
@@ -36501,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(() => {
@@ -36585,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);
@@ -36610,65 +36635,76 @@ function TicketSale($$anchor, $$props) {
 			reset(li);
 			template_effect(($0) => {
 				set_text(text, item().attributes.title);
-				set_text(text_7, $0);
+				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);
+			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);
@@ -37477,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);
@@ -37544,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) => {
@@ -37566,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;
 				},
@@ -37613,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);
@@ -37637,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);