@gomusdev/web-components 3.8.0 → 3.8.1

package/dist-js/gomus-webcomponents.js

@@ -11999,8 +11999,10 @@ function createQuotaManager(quotas) {
 				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));
@@ -32423,262 +32425,19 @@ var FILTER_NAMES = [
 	"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) => {
@@ -32698,18 +32457,251 @@ async function loadEventsTimeslots(tsd) {
 		"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",
@@ -32960,6 +32952,7 @@ var TicketSelectionDetails = class {
 	set selectedTimeslot(value) {
 		set(this.#selectedTimeslot, value, true);
 	}
+	timeslotTicketIds = [];
 	#selectedTime = /* @__PURE__ */ user_derived(() => this.selectedTimeslot);
 	get selectedTime() {
 		return get$2(this.#selectedTime);
@@ -36340,7 +36333,7 @@ var Details$1 = class {
 			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),
@@ -36362,6 +36355,7 @@ function Timeslots($$anchor, $$props) {
 		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();
 		});