@gomusdev/web-components 1.57.0 → 2.1.0

package/dist-js/src/components/ticketSelection/TicketSelectionDetails.svelte.d.ts

@@ -2,12 +2,12 @@ import { Cart } from '../../../lib/models/cart/cart.svelte.ts';
 import { SegmentDetails } from '../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
 import { Details as TimeslotDetails } from '../../../components/ticketSelection/subcomponents/timeslots/lib/lib.svelte.ts';
 import { CalendarDate } from '@internationalized/date';
-export type TicketSelectionMode = 'ticket' | 'event' | 'tour';
-export declare const validTicketSelectionFilters: readonly ["timeslot", "day", "annual", "event:scaled-price", "event:ticket", "events:scaled-price"];
-export type TicketSelectionFilter = (typeof validTicketSelectionFilters)[number];
+import { validFilterNames } from './filters/registry.ts';
+import { FilterName } from './filters/types.ts';
+export { validFilterNames as validTicketSelectionFilters };
+export type TicketSelectionFilter = FilterName;
 export declare class TicketSelectionDetails {
     uid: number;
-    mode: TicketSelectionMode | undefined;
     filters: TicketSelectionFilter[] | undefined;
     eventIds: number[] | undefined;
     museumIds: number[] | undefined;
@@ -21,9 +21,9 @@ export declare class TicketSelectionDetails {
     preCarts: Cart[];
     timeslotDetails: TimeslotDetails | undefined;
     addTicketSegment(ticketGroup: SegmentDetails): void;
-    get isTimeslotsVisible(): boolean;
-    get isTicketsVisible(): boolean | undefined;
     get isCalendarVisible(): boolean;
+    get isTimeslotsVisible(): boolean;
+    get isTicketsVisible(): boolean;
 }
 export declare const setTicketSelectionDetails: (host: HTMLElement, details: TicketSelectionDetails) => void;
 export declare const getTicketSelectionDetails: (host: HTMLElement, options?: {

package/dist-js/src/components/ticketSelection/filters/_helpers.d.ts

@@ -0,0 +1,4 @@
+import { TicketSelectionDetails } from '../../../../components/ticketSelection/TicketSelectionDetails.svelte.ts';
+import { DateDetails } from '@gomus/types';
+export declare function filterDatesInWindow(dates: ReadonlyArray<DateDetails>, selectedDate: string, selectedTime: string): DateDetails[];
+export declare function loadEventsTimeslots(tsd: TicketSelectionDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/filters/event/admission-day.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/admission-timeslot.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/admission.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/event/price.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/admission-day.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/admission-timeslot.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/admission.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/price.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/events/spec/admission-day.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/events/spec/admission-timeslot.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/events/spec/admission.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/events/spec/price.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/registry.d.ts

@@ -0,0 +1,4 @@
+import { FilterModule, FilterName } from './types.ts';
+export declare function getFilter(name: FilterName): FilterModule;
+export declare function allFilters(): FilterModule[];
+export declare const validFilterNames: readonly ["ticket:timeslot", "ticket:day", "ticket:annual", "event:admission", "event:admission:day", "event:admission:timeslot", "event:price", "events:admission", "events:admission:day", "events:admission:timeslot", "events:price"];

package/dist-js/src/components/ticketSelection/filters/ticket/annual.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/ticket/day.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/ticket/spec/annual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/ticket/spec/day.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/ticket/spec/timeslot.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/filters/ticket/timeslot.d.ts

@@ -0,0 +1,3 @@
+import { FilterModule } from '../types.ts';
+declare const filter: FilterModule;
+export default filter;

package/dist-js/src/components/ticketSelection/filters/types.d.ts

@@ -0,0 +1,23 @@
+import { TicketSelectionDetails } from '../../../../components/ticketSelection/TicketSelectionDetails.svelte.ts';
+import { SegmentDetails } from '../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
+export declare const FILTER_NAMES: readonly ["ticket:timeslot", "ticket:day", "ticket:annual", "event:admission", "event:admission:day", "event:admission:timeslot", "event:price", "events:admission", "events:admission:day", "events:admission:timeslot", "events:price"];
+export type FilterName = (typeof FILTER_NAMES)[number];
+export type Required = {
+    kind: 'tsd';
+    field: keyof TicketSelectionDetails;
+} | {
+    kind: 'segment';
+    field: keyof SegmentDetails;
+};
+export type CalendarEndpoint = 'tickets' | 'events' | null;
+export interface FilterModule {
+    name: FilterName;
+    isCalendarVisible(tsd: TicketSelectionDetails): boolean;
+    isTimeslotsVisible(tsd: TicketSelectionDetails): boolean;
+    isTicketsVisible(tsd: TicketSelectionDetails): boolean;
+    loadProducts(segment: SegmentDetails): Promise<void>;
+    loadTimeslots(tsd: TicketSelectionDetails): Promise<void>;
+    calendarEndpoint: CalendarEndpoint;
+    apiToken?: string;
+    requires: ReadonlyArray<Required>;
+}

package/dist-js/src/components/ticketSelection/subcomponents/calendar/lib/calendar.svelte.d.ts

@@ -10,10 +10,11 @@ export declare class Calendar {
     details: TicketSelectionDetails | undefined;
     startAt: CalendarDate;
     selected: CalendarDate | undefined;
+    get endpoint(): 'tickets' | 'events' | null;
     get dates(): CalendarDatesDepthAvailabilityStatus | undefined;
     isDateDisabled(date: DateValue): boolean;
     isDateUnavailable(date: DateValue): boolean;
-    get apiFilters(): string[] | undefined;
+    get apiFilters(): (string | undefined)[] | undefined;
     params(startAt: CalendarDate): {
         locale?: string;
         by_bookable?: boolean;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.d.ts

@@ -1,6 +1,7 @@
 import { TicketSelectionDetails } from '../../../../../../../components/ticketSelection/TicketSelectionDetails.svelte.ts';
 import { DetailsWrapper } from '../../../../../../../lib/helpers/context.svelte.js';
-export type TicketSegmentFilter = 'timeslot' | 'annual' | 'custom' | 'day' | 'event:scaled-price' | 'event:ticket' | 'events:scaled-price';
+import { FilterName } from '../../../../../../../components/ticketSelection/filters/types.ts';
+export type TicketSegmentFilter = FilterName | 'custom';
 export declare class SegmentDetails {
     preCart: {
         items: {
@@ -128,7 +129,7 @@ export declare class SegmentDetails {
         removeCoupon(token: string): void;
         clearCoupons(): void;
     };
-    filters: TicketSegmentFilter;
+    filters: TicketSegmentFilter[] | undefined;
     ticketSelectionDetails: TicketSelectionDetails | undefined;
     dateId: number | undefined;
     limit: number | undefined;
@@ -137,10 +138,11 @@ export declare class SegmentDetails {
     languageIds: number[] | undefined;
     catchWordIds: number[] | undefined;
     museumIds: number[] | undefined;
-    constructor(type: TicketSegmentFilter, tsdWrapper: DetailsWrapper<TicketSelectionDetails>);
+    constructor(filters: TicketSegmentFilter | TicketSegmentFilter[] | undefined, tsdWrapper: DetailsWrapper<TicketSelectionDetails>);
+    get effectiveFilters(): TicketSegmentFilter[];
     clear(): void;
     toString(): string;
-    loadTickets(): void;
+    loadTickets(): Promise<void>;
 }
 export declare const setSegmentDetails: (host: HTMLElement, details: SegmentDetails) => void;
 export declare const getSegmentDetails: (host: HTMLElement, options?: {

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/spec/SegmentDetails.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/src/components/ticketSelection/subcomponents/timeslots/lib/lib.svelte.d.ts

@@ -3,7 +3,8 @@ import { DetailsWrapper } from '../../../../../../lib/helpers/context.svelte.ts'
 import { TimeSlot } from '@gomus/types';
 export declare class Details {
     tsd: TicketSelectionDetails | undefined;
+    timeslots: TimeSlot[];
     constructor(tsdWrapper?: DetailsWrapper<TicketSelectionDetails>);
     get boockedOutCount(): number;
-    get timeslots(): TimeSlot[];
+    recalculateCapacities(): void;
 }

package/package.json

@@ -4,7 +4,7 @@
     "name": "Giantmonkey GmbH"
   },
   "license": "MIT",
-  "version": "1.57.0",
+  "version": "2.1.0",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",
@@ -17,7 +17,8 @@
     "test:a11y": "sh src/axe-a11y/test-a11y.sh",
     "npm:publish": "pnpm version patch && pnpm build && npm publish --tag latest",
     "Dev:Personalization": "vite dev -c vite.personalization.config.ts",
-    "build": "vite build",
+    "build": "vite build && MINIFY=1 vite build",
+    "build:analyze": "vite build -c scripts/analyze-bundle/vite.config.ts && node scripts/analyze-bundle/analyze.mjs",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json --output human-verbose",
     "prettier": "prettier --write \"src/**/*.{ts,js,svelte,css,scss,html,json,md}\"",
@@ -93,9 +94,11 @@
     "pretty": "^2.0.0",
     "radash": "^12.1.1",
     "remark-gfm": "^4.0.1",
+    "rollup-plugin-visualizer": "^7.0.1",
     "sass-embedded": "^1.97.3",
     "semantic-release": "^25.0.2",
     "shops": "workspace:*",
+    "source-map": "^0.7.6",
     "storybook": "^10.2.1",
     "svelte": "catalog:svelte5",
     "svelte-check": "^4.4.6",

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/annualTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadAnnualTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/dayTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadDayTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/event/event_ScaledPriceTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function load_Event_ScaledPricesTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/event/event_Tickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadEventTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/events/events_ScaledPriceTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function load_Events_ScaledPricesTickets(segment: SegmentDetails): Promise<void>;

package/dist-js/src/components/ticketSelection/subcomponents/tickets/subcomponents/segment/lib/timeslotTickets.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SegmentDetails } from '../../../../../../../../components/ticketSelection/subcomponents/tickets/subcomponents/segment/SegmentDetails.svelte.ts';
-export declare function loadTimeslotTickets(segment: SegmentDetails): Promise<void>;