@gomusdev/web-components 3.8.0 → 3.8.1

package/README.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 3.8.1 (2026-06-22)
+
+### Bug Fixes
+
+* **ticket-selection:** isolate timeslot picker from foreign-segment quotas
+* **ticket-selection:** scope timeslot picker to the selection's own tickets (TC-01)
+
 ## 3.8.0 (2026-06-22)
 
 ### Features

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

@@ -12000,8 +12000,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					ticketId
 				}).map((x) => x.totalCapacity)) ?? 0;
 			},
-			timeslotsOn(date) {
-				const bySlot = group(this.timeslots().filter((x) => x.timeSlot.startsWith(date.toString())), (r) => r.timeSlot);
+			timeslotsOn(date, ticketIds) {
+				let rows = this.timeslots().filter((x) => x.timeSlot.startsWith(date.toString()));
+				if (ticketIds) rows = rows.filter((x) => x.tickets.some((t) => ticketIds.includes(t)));
+				const bySlot = group(rows, (r) => r.timeSlot);
 				return Object.values(bySlot).map((slotRows) => {
 					return max$2(unique(slotRows.flatMap((r) => r.tickets)).map((t) => min$2(slotRows.filter((r) => r.tickets.includes(t)), (r) => r.capacity)).filter((r) => r !== null), (r) => r.capacity) ?? slotRows[0];
 				}).sort((a, b) => a.timeSlot.localeCompare(b.timeSlot));
@@ -32424,262 +32426,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		"coupon"
 	];
 	//#endregion
-	//#region src/components/ticketSelection/filters/ticket/timeslot.ts
-	var filter$11 = {
-		name: "ticket:timeslot",
-		calendarEndpoint: "tickets",
-		apiToken: "time_slot",
-		requires: [{
-			kind: "tsd",
-			field: "selectedDate"
-		}, {
-			kind: "tsd",
-			field: "selectedTimeslot"
-		}],
-		isCalendarVisible: () => true,
-		isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
-		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
-		async loadTimeslots(tsd) {
-			if (!tsd?.selectedDate) return;
-			const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString(),
-				by_ticket_type: "time_slot",
-				"by_museum_ids[]": tsd.museumIds,
-				"by_exhibition_ids[]": tsd.exhibitionIds,
-				"by_ticket_ids[]": tsd.ticketIds,
-				"by_ticket_group_ids[]": tsd.ticketGroupIds
-			}));
-			shop.capacityManager.addQuotas(quotas);
-		},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd?.selectedDate || !tsd.selectedTimeslot) return;
-			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString(),
-				by_ticket_type: "time_slot",
-				"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-				"by_exhibition_ids[]": tsd.exhibitionIds,
-				"by_ticket_ids[]": tsd.ticketIds,
-				"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-			}));
-			shop.capacityManager.addQuotas(quotas);
-			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
-			for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
-		}
-	};
-	//#endregion
-	//#region src/components/ticketSelection/filters/ticket/day.ts
-	var filter$10 = {
-		name: "ticket:day",
-		calendarEndpoint: "tickets",
-		apiToken: "normal",
-		requires: [{
-			kind: "tsd",
-			field: "selectedDate"
-		}],
-		isCalendarVisible: () => true,
-		isTimeslotsVisible: () => false,
-		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
-		async loadTimeslots() {},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd?.selectedDate) return;
-			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString(),
-				"by_ticket_types[]": ["normal"],
-				"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-				"by_exhibition_ids[]": tsd.exhibitionIds,
-				"by_ticket_ids[]": tsd.ticketIds,
-				"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-			}));
-			shop.capacityManager.addQuotas(quotas);
-			const firstQuota = Object.values(quotas)[0];
-			const timeslot = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
-			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, timeslot), timeslot);
-			for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: timeslot }));
-		}
-	};
-	//#endregion
-	//#region src/components/ticketSelection/filters/ticket/annual.ts
-	var filter$9 = {
-		name: "ticket:annual",
-		calendarEndpoint: null,
-		apiToken: "annual",
-		requires: [],
-		isCalendarVisible: () => false,
-		isTimeslotsVisible: () => false,
-		isTicketsVisible: () => true,
-		async loadTimeslots() {},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd) return;
-			const tickets = await shop.asyncFetch(() => shop.tickets({
-				by_bookable: true,
-				"by_ticket_types[]": ["annual"],
-				"by_ticket_ids[]": tsd.ticketIds,
-				"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-			}));
-			for (const t of Object.values(tickets)) segment.preCart.addItem(createCartItem(createUITicket(t)));
-		}
-	};
-	//#endregion
-	//#region src/components/ticketSelection/filters/event/admission.ts
-	var filter$8 = {
-		name: "event:admission",
-		calendarEndpoint: "events",
-		requires: [{
-			kind: "tsd",
-			field: "eventIds"
-		}, {
-			kind: "tsd",
-			field: "selectedDate"
-		}],
-		isCalendarVisible: () => true,
-		isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
-		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
-		async loadTimeslots(tsd) {
-			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-			if (!event.tickets?.length) return;
-			const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				"by_ticket_ids[]": event.tickets,
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString()
-			}));
-			shop.capacityManager.addQuotas(quotas);
-		},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-			if (!(await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]))).tickets?.length) return;
-			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString(),
-				date_id: segment.dateId
-			}));
-			shop.capacityManager.addQuotas(quotas);
-			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
-			for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
-		}
-	};
-	//#endregion
-	//#region src/components/ticketSelection/filters/event/admission-day.ts
-	var filter$7 = {
-		name: "event:admission:day",
-		calendarEndpoint: "events",
-		requires: [{
-			kind: "tsd",
-			field: "eventIds"
-		}, {
-			kind: "tsd",
-			field: "selectedDate"
-		}],
-		isCalendarVisible: () => true,
-		isTimeslotsVisible: () => false,
-		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
-		async loadTimeslots() {},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-			if (!event.tickets?.length) return;
-			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				"by_ticket_ids[]": event.tickets,
-				"by_ticket_types[]": ["normal"],
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString()
-			}));
-			shop.capacityManager.addQuotas(quotas);
-			const firstQuota = Object.values(quotas)[0];
-			const time = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
-			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, time), time);
-			for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time }));
-		}
-	};
-	//#endregion
-	//#region src/components/ticketSelection/filters/event/admission-timeslot.ts
-	var filter$6 = {
-		name: "event:admission:timeslot",
-		calendarEndpoint: "events",
-		requires: [
-			{
-				kind: "tsd",
-				field: "eventIds"
-			},
-			{
-				kind: "tsd",
-				field: "selectedDate"
-			},
-			{
-				kind: "tsd",
-				field: "selectedTimeslot"
-			}
-		],
-		isCalendarVisible: () => true,
-		isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
-		isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
-		async loadTimeslots(tsd) {
-			if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
-			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-			if (!event.tickets?.length) return;
-			const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				"by_ticket_ids[]": event.tickets,
-				by_ticket_type: "time_slot",
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString()
-			}));
-			shop.capacityManager.addQuotas(quotas);
-		},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd?.eventIds?.length || !tsd.selectedDate || !tsd.selectedTimeslot) return;
-			const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
-			if (!event.tickets?.length) return;
-			const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-				"by_ticket_ids[]": event.tickets,
-				by_ticket_type: "time_slot",
-				by_bookable: true,
-				valid_at: tsd.selectedDate.toString()
-			}));
-			shop.capacityManager.addQuotas(quotas);
-			const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
-			for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: tsd.selectedTime }));
-		}
-	};
-	//#endregion
-	//#region src/components/ticketSelection/filters/event/price.ts
-	var filter$5 = {
-		name: "event:price",
-		calendarEndpoint: "events",
-		requires: [{
-			kind: "tsd",
-			field: "eventIds"
-		}, {
-			kind: "segment",
-			field: "dateId"
-		}],
-		isCalendarVisible: () => false,
-		isTimeslotsVisible: () => false,
-		isTicketsVisible: (tsd) => Boolean(tsd.eventIds?.length),
-		loadTimeslots: async () => {},
-		async loadProducts(segment) {
-			const tsd = segment.ticketSelectionDetails;
-			if (!tsd?.eventIds?.length || segment.dateId === void 0) return;
-			const date = await shop.asyncFetch(() => shop.getEventDetailsOnDate(tsd.eventIds[0], segment.dateId));
-			if (!date.prices?.length) return;
-			for (const price of date.prices) {
-				const ticket = createUIEventTicket(price, date.id, { event_title: date.event_title });
-				segment.preCart.addItem(createCartItem(ticket, { time: date.start_time }));
-			}
-			if (date.seats) shop.capacityManager.addSeats(date.id, date.seats);
-		}
-	};
-	//#endregion
 	//#region src/components/ticketSelection/filters/_helpers.ts
 	var TWO_HOURS_MS = 7200 * 1e3;
+	/**
+	* Load quotas fetched by a filter's loadTimeslots into the shared quota store and
+	* record which ticket ids this selection loaded for its picker. timeslotsOn() reads
+	* tsd.timeslotTicketIds, so only these tickets' slots render — a foreign
+	* segment/selection sharing the store can't leak in. Appends, so multiple active
+	* filters accumulate within one render pass (<go-timeslots> resets the list first).
+	*/
+	function loadPickerQuotas(tsd, quotas) {
+		shop.capacityManager.addQuotas(quotas);
+		tsd.timeslotTicketIds = [...tsd.timeslotTicketIds, ...Object.values(quotas).flatMap((q) => q.ticket_ids)];
+	}
 	function filterDatesInWindow(dates, selectedDate, selectedTime) {
 		const selectedMs = Date.parse(selectedTime);
 		return dates.filter((d) => {
@@ -32699,18 +32458,251 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"by_ticket_ids[]": tsd.ticketIds,
 			"by_ticket_group_ids[]": tsd.ticketGroupIds
 		}));
-		shop.capacityManager.addQuotas(quotas);
+		loadPickerQuotas(tsd, quotas);
 	}
 	//#endregion
 	//#region src/components/ticketSelection/filters/registry.ts
 	var REGISTRY = {
-		"ticket:timeslot": filter$11,
-		"ticket:day": filter$10,
-		"ticket:annual": filter$9,
-		"event:admission": filter$8,
-		"event:admission:day": filter$7,
-		"event:admission:timeslot": filter$6,
-		"event:price": filter$5,
+		"ticket:timeslot": {
+			name: "ticket:timeslot",
+			calendarEndpoint: "tickets",
+			apiToken: "time_slot",
+			requires: [{
+				kind: "tsd",
+				field: "selectedDate"
+			}, {
+				kind: "tsd",
+				field: "selectedTimeslot"
+			}],
+			isCalendarVisible: () => true,
+			isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+			isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+			async loadTimeslots(tsd) {
+				if (!tsd?.selectedDate) return;
+				const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString(),
+					by_ticket_type: "time_slot",
+					"by_museum_ids[]": tsd.museumIds,
+					"by_exhibition_ids[]": tsd.exhibitionIds,
+					"by_ticket_ids[]": tsd.ticketIds,
+					"by_ticket_group_ids[]": tsd.ticketGroupIds
+				}));
+				loadPickerQuotas(tsd, quotas);
+			},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd?.selectedDate || !tsd.selectedTimeslot) return;
+				const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString(),
+					by_ticket_type: "time_slot",
+					"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+					"by_exhibition_ids[]": tsd.exhibitionIds,
+					"by_ticket_ids[]": tsd.ticketIds,
+					"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+				}));
+				shop.capacityManager.addQuotas(quotas);
+				const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
+				for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
+			}
+		},
+		"ticket:day": {
+			name: "ticket:day",
+			calendarEndpoint: "tickets",
+			apiToken: "normal",
+			requires: [{
+				kind: "tsd",
+				field: "selectedDate"
+			}],
+			isCalendarVisible: () => true,
+			isTimeslotsVisible: () => false,
+			isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
+			async loadTimeslots() {},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd?.selectedDate) return;
+				const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString(),
+					"by_ticket_types[]": ["normal"],
+					"by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+					"by_exhibition_ids[]": tsd.exhibitionIds,
+					"by_ticket_ids[]": tsd.ticketIds,
+					"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+				}));
+				shop.capacityManager.addQuotas(quotas);
+				const firstQuota = Object.values(quotas)[0];
+				const timeslot = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
+				const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, timeslot), timeslot);
+				for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: timeslot }));
+			}
+		},
+		"ticket:annual": {
+			name: "ticket:annual",
+			calendarEndpoint: null,
+			apiToken: "annual",
+			requires: [],
+			isCalendarVisible: () => false,
+			isTimeslotsVisible: () => false,
+			isTicketsVisible: () => true,
+			async loadTimeslots() {},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd) return;
+				const tickets = await shop.asyncFetch(() => shop.tickets({
+					by_bookable: true,
+					"by_ticket_types[]": ["annual"],
+					"by_ticket_ids[]": tsd.ticketIds,
+					"by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+				}));
+				for (const t of Object.values(tickets)) segment.preCart.addItem(createCartItem(createUITicket(t)));
+			}
+		},
+		"event:admission": {
+			name: "event:admission",
+			calendarEndpoint: "events",
+			requires: [{
+				kind: "tsd",
+				field: "eventIds"
+			}, {
+				kind: "tsd",
+				field: "selectedDate"
+			}],
+			isCalendarVisible: () => true,
+			isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+			isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+			async loadTimeslots(tsd) {
+				if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+				const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+				if (!event.tickets?.length) return;
+				const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					"by_ticket_ids[]": event.tickets,
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString()
+				}));
+				loadPickerQuotas(tsd, quotas);
+			},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+				if (!(await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]))).tickets?.length) return;
+				const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString(),
+					date_id: segment.dateId
+				}));
+				shop.capacityManager.addQuotas(quotas);
+				const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
+				for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
+			}
+		},
+		"event:admission:day": {
+			name: "event:admission:day",
+			calendarEndpoint: "events",
+			requires: [{
+				kind: "tsd",
+				field: "eventIds"
+			}, {
+				kind: "tsd",
+				field: "selectedDate"
+			}],
+			isCalendarVisible: () => true,
+			isTimeslotsVisible: () => false,
+			isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
+			async loadTimeslots() {},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+				const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+				if (!event.tickets?.length) return;
+				const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					"by_ticket_ids[]": event.tickets,
+					"by_ticket_types[]": ["normal"],
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString()
+				}));
+				shop.capacityManager.addQuotas(quotas);
+				const firstQuota = Object.values(quotas)[0];
+				const time = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
+				const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, time), time);
+				for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time }));
+			}
+		},
+		"event:admission:timeslot": {
+			name: "event:admission:timeslot",
+			calendarEndpoint: "events",
+			requires: [
+				{
+					kind: "tsd",
+					field: "eventIds"
+				},
+				{
+					kind: "tsd",
+					field: "selectedDate"
+				},
+				{
+					kind: "tsd",
+					field: "selectedTimeslot"
+				}
+			],
+			isCalendarVisible: () => true,
+			isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+			isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+			async loadTimeslots(tsd) {
+				if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+				const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+				if (!event.tickets?.length) return;
+				const { quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					"by_ticket_ids[]": event.tickets,
+					by_ticket_type: "time_slot",
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString()
+				}));
+				loadPickerQuotas(tsd, quotas);
+			},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd?.eventIds?.length || !tsd.selectedDate || !tsd.selectedTimeslot) return;
+				const event = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+				if (!event.tickets?.length) return;
+				const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+					"by_ticket_ids[]": event.tickets,
+					by_ticket_type: "time_slot",
+					by_bookable: true,
+					valid_at: tsd.selectedDate.toString()
+				}));
+				shop.capacityManager.addQuotas(quotas);
+				const uiTickets = initUITimeslotTickets(filterAvailabletickets(tickets, tsd.selectedTime), tsd.selectedTime);
+				for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: tsd.selectedTime }));
+			}
+		},
+		"event:price": {
+			name: "event:price",
+			calendarEndpoint: "events",
+			requires: [{
+				kind: "tsd",
+				field: "eventIds"
+			}, {
+				kind: "segment",
+				field: "dateId"
+			}],
+			isCalendarVisible: () => false,
+			isTimeslotsVisible: () => false,
+			isTicketsVisible: (tsd) => Boolean(tsd.eventIds?.length),
+			loadTimeslots: async () => {},
+			async loadProducts(segment) {
+				const tsd = segment.ticketSelectionDetails;
+				if (!tsd?.eventIds?.length || segment.dateId === void 0) return;
+				const date = await shop.asyncFetch(() => shop.getEventDetailsOnDate(tsd.eventIds[0], segment.dateId));
+				if (!date.prices?.length) return;
+				for (const price of date.prices) {
+					const ticket = createUIEventTicket(price, date.id, { event_title: date.event_title });
+					segment.preCart.addItem(createCartItem(ticket, { time: date.start_time }));
+				}
+				if (date.seats) shop.capacityManager.addSeats(date.id, date.seats);
+			}
+		},
 		"events:admission": {
 			name: "events:admission",
 			calendarEndpoint: "events",
@@ -32961,6 +32953,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		set selectedTimeslot(value) {
 			set(this.#selectedTimeslot, value, true);
 		}
+		timeslotTicketIds = [];
 		#selectedTime = /* @__PURE__ */ user_derived(() => this.selectedTimeslot);
 		get selectedTime() {
 			return get$2(this.#selectedTime);
@@ -36341,7 +36334,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				this.timeslots = [];
 				return;
 			}
-			this.timeslots = shop.capacityManager.quotaManager.timeslotsOn(date).map((x) => ({
+			this.timeslots = shop.capacityManager.quotaManager.timeslotsOn(date, this.tsd?.timeslotTicketIds).map((x) => ({
 				...x,
 				startAt: x.timeSlot,
 				timeFormatted: x.timeSlot.substring(11, 16),
@@ -36363,6 +36356,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const filters = tsd.filters;
 			const date = tsd.selectedDate;
 			untrack(async () => {
+				tsd.timeslotTicketIds = [];
 				if (filters?.length && date) await Promise.all(filters.map((f) => getFilter(f).loadTimeslots(tsd)));
 				details.recalculateCapacities();
 			});