@gomusdev/web-components 0.0.8 → 0.0.9

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

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 (function() {
   "use strict";
-  var _a, _previous, _callbacks, _pending, _deferred, _neutered, _async_effects, _boundary_async_effects, _render_effects, _effects, _block_effects, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, commit_fn, _events, _instance, _data, _fetchStatus, _Shop_instances, defaultApiParams_get, _canFetch, _ensureFetch, _mode, _filters, _eventId, _museumIds, _exhibitionIds, _ticketIds, _selectedDate, _selectedTimeslot, _selectedTickets, _ticketList, _document, _subscribe, _name, _key, _root, _variant, _prefix, _visibleMonths, _months, _weekdays, _initialPlaceholderYear, _defaultYears, _CalendarRootState_instances, setupInitialFocusEffect_fn, setupAccessibleHeadingEffect_fn, setupFormatterEffect_fn, _isNextButtonDisabled, _isPrevButtonDisabled, _isInvalid, _headingValue, _fullCalendarLabel, isMultipleSelectionValid_fn, _snippetProps, _props, _props2, _cellDate, _isUnavailable, _isDateToday, _isOutsideMonth, _isOutsideVisibleMonths, _isDisabled, _isFocusedDate, _isSelectedDate, _labelText, _snippetProps2, _ariaDisabled, _sharedDataAttrs, _props3, _tabindex, _snippetProps3, _props4, _isDisabled2, _props5, _isDisabled3, _props6, _props7, _props8, _props9, _props10, _props11, _props12, _startAt, _selected, _b, _details, _params, _ticketSelectionDetails, _c, _ticketSelectionDetails2;
+  var _a, _previous, _callbacks, _pending, _deferred, _neutered, _async_effects, _boundary_async_effects, _render_effects, _effects, _block_effects, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, commit_fn, _events, _instance, _data, _fetchStatus, _Shop_instances, defaultApiParams_get, _canFetch, _ensureFetch, _items, _total, _b, _mode, _filters, _eventId, _museumIds, _exhibitionIds, _ticketIds, _selectedDate, _selectedTimeslot, _selectedTickets, _ticketList, _total2, _document, _subscribe, _name, _key, _root, _variant, _prefix, _visibleMonths, _months, _weekdays, _initialPlaceholderYear, _defaultYears, _CalendarRootState_instances, setupInitialFocusEffect_fn, setupAccessibleHeadingEffect_fn, setupFormatterEffect_fn, _isNextButtonDisabled, _isPrevButtonDisabled, _isInvalid, _headingValue, _fullCalendarLabel, isMultipleSelectionValid_fn, _snippetProps, _props, _props2, _cellDate, _isUnavailable, _isDateToday, _isOutsideMonth, _isOutsideVisibleMonths, _isDisabled, _isFocusedDate, _isSelectedDate, _labelText, _snippetProps2, _ariaDisabled, _sharedDataAttrs, _props3, _tabindex, _snippetProps3, _props4, _isDisabled2, _props5, _isDisabled3, _props6, _props7, _props8, _props9, _props10, _props11, _props12, _startAt, _selected, _c, _details, _params, _ticketSelectionDetails, _d, _ticketSelectionDetails2, _e, _ticketSelectionDetails3;
   const PUBLIC_VERSION = "5";
   if (typeof window !== "undefined") {
     ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
@@ -22,6 +22,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const EACH_IS_ANIMATED = 1 << 3;
   const EACH_ITEM_IMMUTABLE = 1 << 4;
   const PROPS_IS_IMMUTABLE = 1;
+  const PROPS_IS_RUNES = 1 << 1;
   const PROPS_IS_UPDATED = 1 << 2;
   const PROPS_IS_BINDABLE = 1 << 3;
   const PROPS_IS_LAZY_INITIAL = 1 << 4;
@@ -51,6 +52,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   const noop$1 = () => {
   };
+  function run(fn) {
+    return fn();
+  }
   function run_all(arr) {
     for (var i = 0; i < arr.length; i++) {
       arr[i]();
@@ -250,7 +254,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function safe_equals(value) {
     return !safe_not_equal(value, this.v);
   }
+  let legacy_mode_flag = false;
   let tracing_mode_flag = false;
+  function enable_legacy_mode_flag() {
+    legacy_mode_flag = true;
+  }
   const empty = [];
   function snapshot(value, skip_warning = false) {
     return clone(value, /* @__PURE__ */ new Map(), "", empty);
@@ -360,7 +368,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       e: null,
       s: props,
       x: null,
-      l: null
+      l: legacy_mode_flag && !runes ? { s: null, u: null, $: [] } : null
     };
   }
   function pop(component2) {
@@ -383,7 +391,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     {};
   }
   function is_runes() {
-    return true;
+    return !legacy_mode_flag || component_context !== null && component_context.l === null;
   }
   function get_or_init_context_map(name) {
     if (component_context === null) {
@@ -703,7 +711,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
   }
   function flatten(sync, async, fn) {
-    const d = derived;
+    const d = is_runes() ? derived : derived_safe_equal;
     if (async.length === 0) {
       fn(sync.map(d));
       return;
@@ -1199,10 +1207,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   // @__NO_SIDE_EFFECTS__
   function mutable_source(initial_value, immutable = false, trackable = true) {
+    var _a2;
     const s = source(initial_value);
     if (!immutable) {
       s.equals = safe_equals;
     }
+    if (legacy_mode_flag && trackable && component_context !== null && component_context.l !== null) {
+      ((_a2 = component_context.l).s ?? (_a2.s = [])).push(s);
+    }
     return s;
   }
   function set(source2, value, should_proxy = false) {
@@ -1236,7 +1248,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
       source2.wv = increment_write_version();
       mark_reactions(source2, DIRTY$1);
-      if (active_effect !== null && (active_effect.f & CLEAN) !== 0 && (active_effect.f & (BRANCH_EFFECT | ROOT_EFFECT)) === 0) {
+      if (is_runes() && active_effect !== null && (active_effect.f & CLEAN) !== 0 && (active_effect.f & (BRANCH_EFFECT | ROOT_EFFECT)) === 0) {
         if (untracked_writes === null) {
           set_untracked_writes([source2]);
         } else {
@@ -1252,10 +1264,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function mark_reactions(signal, status) {
     var reactions = signal.reactions;
     if (reactions === null) return;
+    var runes = is_runes();
     var length = reactions.length;
     for (var i = 0; i < length; i++) {
       var reaction = reactions[i];
       var flags = reaction.f;
+      if (!runes && reaction === active_effect) continue;
       var not_dirty = (flags & DIRTY$1) === 0;
       if (not_dirty) {
         set_signal_status(reaction, status);
@@ -2338,6 +2352,49 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function set_signal_status(signal, status) {
     signal.f = signal.f & STATUS_MASK | status;
   }
+  function deep_read_state(value) {
+    if (typeof value !== "object" || !value || value instanceof EventTarget) {
+      return;
+    }
+    if (STATE_SYMBOL in value) {
+      deep_read(value);
+    } else if (!Array.isArray(value)) {
+      for (let key in value) {
+        const prop2 = value[key];
+        if (typeof prop2 === "object" && prop2 && STATE_SYMBOL in prop2) {
+          deep_read(prop2);
+        }
+      }
+    }
+  }
+  function deep_read(value, visited = /* @__PURE__ */ new Set()) {
+    if (typeof value === "object" && value !== null && // We don't want to traverse DOM elements
+    !(value instanceof EventTarget) && !visited.has(value)) {
+      visited.add(value);
+      if (value instanceof Date) {
+        value.getTime();
+      }
+      for (let key in value) {
+        try {
+          deep_read(value[key], visited);
+        } catch (e) {
+        }
+      }
+      const proto = get_prototype_of(value);
+      if (proto !== Object.prototype && proto !== Array.prototype && proto !== Map.prototype && proto !== Set.prototype && proto !== Date.prototype) {
+        const descriptors = get_descriptors(proto);
+        for (let key in descriptors) {
+          const get2 = descriptors[key].get;
+          if (get2) {
+            try {
+              get2.call(value);
+            } catch (e) {
+            }
+          }
+        }
+      }
+    }
+  }
   const all_registered_events = /* @__PURE__ */ new Set();
   const root_event_handles = /* @__PURE__ */ new Set();
   function create_event(event_name, dom, handler, options = {}) {
@@ -2793,7 +2850,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     if (component_context === null) {
       lifecycle_outside_component();
     }
-    {
+    if (legacy_mode_flag && component_context.l !== null) {
+      init_update_callbacks(component_context).m.push(fn);
+    } else {
       user_effect(() => {
         const cleanup = untrack(fn);
         if (typeof cleanup === "function") return (
@@ -2803,6 +2862,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       });
     }
   }
+  function init_update_callbacks(context) {
+    var l = (
+      /** @type {ComponentContextLegacy} */
+      context.l
+    );
+    return l.u ?? (l.u = { a: [], b: [], m: [] });
+  }
   function createAttachmentKey() {
     return Symbol(ATTACHMENT_KEY);
   }
@@ -3091,7 +3157,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
   }
   function reconcile(each_effect, array, state2, offscreen_items, anchor, render_fn, flags, get_key, get_collection) {
-    var _a2, _b2, _c2, _d;
+    var _a2, _b2, _c2, _d2;
     var is_animated = (flags & EACH_IS_ANIMATED) !== 0;
     var should_update = (flags & (EACH_ITEM_REACTIVE | EACH_INDEX_REACTIVE)) !== 0;
     var length = array.length;
@@ -3232,7 +3298,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             (_c2 = to_destroy[i].a) == null ? void 0 : _c2.measure();
           }
           for (i = 0; i < destroy_length; i += 1) {
-            (_d = to_destroy[i].a) == null ? void 0 : _d.fix();
+            (_d2 = to_destroy[i].a) == null ? void 0 : _d2.fix();
           }
         }
         pause_effects(state2, to_destroy, controlled_anchor);
@@ -3750,6 +3816,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     queue_idle_task(remove_defaults);
     add_form_reset_listener();
   }
+  function set_value(element, value) {
+    var attributes = get_attributes(element);
+    if (attributes.value === (attributes.value = // treat null and undefined the same for the initial value
+    value ?? void 0) || // @ts-expect-error
+    // `progress` elements always need their value set when it's `0`
+    element.value === value && (value !== 0 || element.nodeName !== "PROGRESS")) {
+      return;
+    }
+    element.value = value ?? "";
+  }
   function set_selected(element, selected) {
     if (selected) {
       if (!element.hasAttribute("selected")) {
@@ -4094,6 +4170,63 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
     return element_or_component;
   }
+  function init(immutable = false) {
+    const context = (
+      /** @type {ComponentContextLegacy} */
+      component_context
+    );
+    const callbacks = context.l.u;
+    if (!callbacks) return;
+    let props = () => deep_read_state(context.s);
+    if (immutable) {
+      let version = 0;
+      let prev = (
+        /** @type {Record<string, any>} */
+        {}
+      );
+      const d = /* @__PURE__ */ derived(() => {
+        let changed = false;
+        const props2 = context.s;
+        for (const key in props2) {
+          if (props2[key] !== prev[key]) {
+            prev[key] = props2[key];
+            changed = true;
+          }
+        }
+        if (changed) version++;
+        return version;
+      });
+      props = () => get(d);
+    }
+    if (callbacks.b.length) {
+      user_pre_effect(() => {
+        observe_all(context, props);
+        run_all(callbacks.b);
+      });
+    }
+    user_effect(() => {
+      const fns = untrack(() => callbacks.m.map(run));
+      return () => {
+        for (const fn of fns) {
+          if (typeof fn === "function") {
+            fn();
+          }
+        }
+      };
+    });
+    if (callbacks.a.length) {
+      user_effect(() => {
+        observe_all(context, props);
+        run_all(callbacks.a);
+      });
+    }
+  }
+  function observe_all(context, props) {
+    if (context.l.s) {
+      for (const signal of context.l.s) get(signal);
+    }
+    props();
+  }
   let is_store_binding = false;
   function capture_store_binding(fn) {
     var previous_is_store_binding = is_store_binding;
@@ -4201,6 +4334,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   function prop(props, key, flags, fallback) {
     var _a2;
+    var runes = !legacy_mode_flag || (flags & PROPS_IS_RUNES) !== 0;
     var bindable = (flags & PROPS_IS_BINDABLE) !== 0;
     var lazy = (flags & PROPS_IS_LAZY_INITIAL) !== 0;
     var fallback_value = (
@@ -4240,12 +4374,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     if (initial_value === void 0 && fallback !== void 0) {
       initial_value = get_fallback();
       if (setter) {
-        props_invalid_value();
+        if (runes) props_invalid_value();
         setter(initial_value);
       }
     }
     var getter;
-    {
+    if (runes) {
       getter = () => {
         var value = (
           /** @type {V} */
@@ -4255,8 +4389,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         fallback_dirty = true;
         return value;
       };
+    } else {
+      getter = () => {
+        var value = (
+          /** @type {V} */
+          props[key]
+        );
+        if (value !== void 0) {
+          fallback_value = /** @type {V} */
+          void 0;
+        }
+        return value === void 0 ? fallback_value : value;
+      };
     }
-    if ((flags & PROPS_IS_UPDATED) === 0) {
+    if (runes && (flags & PROPS_IS_UPDATED) === 0) {
       return getter;
     }
     if (setter) {
@@ -4265,7 +4411,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         /** @type {() => V} */
         function(value, mutation) {
           if (arguments.length > 0) {
-            if (!mutation || legacy_parent || is_store_sub) {
+            if (!runes || !mutation || legacy_parent || is_store_sub) {
               setter(mutation ? getter() : value);
             }
             return value;
@@ -4288,7 +4434,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       /** @type {() => V} */
       function(value, mutation) {
         if (arguments.length > 0) {
-          const new_value = mutation ? get(d) : bindable ? proxy(value) : value;
+          const new_value = mutation ? get(d) : runes && bindable ? proxy(value) : value;
           set(d, new_value);
           overridden = true;
           if (fallback_value !== void 0) {
@@ -4789,10 +4935,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function wait(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
-  const defaultErrorConfig = {
+  const defaultErrorConfig$1 = {
     withStackTrace: false
   };
-  const createNeverThrowError = (message, result, config = defaultErrorConfig) => {
+  const createNeverThrowError$1 = (message, result, config = defaultErrorConfig$1) => {
     const data = result.isOk() ? { type: "Ok", value: result.value } : { type: "Err", value: result.error };
     const maybeStack = config.withStackTrace ? new Error().stack : void 0;
     return {
@@ -4801,7 +4947,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       stack: maybeStack
     };
   };
-  function __awaiter(thisArg, _arguments, P, generator) {
+  function __awaiter$1(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function(resolve) {
         resolve(value);
@@ -4828,7 +4974,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       step((generator = generator.apply(thisArg, [])).next());
     });
   }
-  function __values(o) {
+  function __values$1(o) {
     var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
     if (m) return m.call(o);
     if (o && typeof o.length === "number") return {
@@ -4839,10 +4985,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
   }
-  function __await(v) {
-    return this instanceof __await ? (this.v = v, this) : new __await(v);
+  function __await$1(v) {
+    return this instanceof __await$1 ? (this.v = v, this) : new __await$1(v);
   }
-  function __asyncGenerator(thisArg, _arguments, generator) {
+  function __asyncGenerator$1(thisArg, _arguments, generator) {
     if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
     var g = generator.apply(thisArg, _arguments || []), i, q = [];
     return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
@@ -4863,7 +5009,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     }
     function step(r2) {
-      r2.value instanceof __await ? Promise.resolve(r2.value.v).then(fulfill, reject) : settle(q[0][2], r2);
+      r2.value instanceof __await$1 ? Promise.resolve(r2.value.v).then(fulfill, reject) : settle(q[0][2], r2);
     }
     function fulfill(value) {
       resume("next", value);
@@ -4875,7 +5021,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]);
     }
   }
-  function __asyncDelegator(o) {
+  function __asyncDelegator$1(o) {
     var i, p;
     return i = {}, verb("next"), verb("throw", function(e) {
       throw e;
@@ -4884,14 +5030,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }, i;
     function verb(n, f) {
       i[n] = o[n] ? function(v) {
-        return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v;
+        return (p = !p) ? { value: __await$1(o[n](v)), done: n === "return" } : f ? f(v) : v;
       } : f;
     }
   }
-  function __asyncValues(o) {
+  function __asyncValues$1(o) {
     if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
     var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
+    return m ? m.call(o) : (o = typeof __values$1 === "function" ? __values$1(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
       return this;
     }, i);
     function verb(n) {
@@ -4907,93 +5053,93 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }, reject);
     }
   }
-  class ResultAsync {
+  let ResultAsync$1 = class ResultAsync2 {
     constructor(res) {
       this._promise = res;
     }
     static fromSafePromise(promise) {
-      const newPromise = promise.then((value) => new Ok(value));
-      return new ResultAsync(newPromise);
+      const newPromise = promise.then((value) => new Ok$1(value));
+      return new ResultAsync2(newPromise);
     }
     static fromPromise(promise, errorFn) {
-      const newPromise = promise.then((value) => new Ok(value)).catch((e) => new Err(errorFn(e)));
-      return new ResultAsync(newPromise);
+      const newPromise = promise.then((value) => new Ok$1(value)).catch((e) => new Err$1(errorFn(e)));
+      return new ResultAsync2(newPromise);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     static fromThrowable(fn, errorFn) {
       return (...args) => {
-        return new ResultAsync((() => __awaiter(this, void 0, void 0, function* () {
+        return new ResultAsync2((() => __awaiter$1(this, void 0, void 0, function* () {
           try {
-            return new Ok(yield fn(...args));
+            return new Ok$1(yield fn(...args));
           } catch (error) {
-            return new Err(errorFn ? errorFn(error) : error);
+            return new Err$1(errorFn ? errorFn(error) : error);
           }
         }))());
       };
     }
     static combine(asyncResultList) {
-      return combineResultAsyncList(asyncResultList);
+      return combineResultAsyncList$1(asyncResultList);
     }
     static combineWithAllErrors(asyncResultList) {
-      return combineResultAsyncListWithAllErrors(asyncResultList);
+      return combineResultAsyncListWithAllErrors$1(asyncResultList);
     }
     map(f) {
-      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
         if (res.isErr()) {
-          return new Err(res.error);
+          return new Err$1(res.error);
         }
-        return new Ok(yield f(res.value));
+        return new Ok$1(yield f(res.value));
       })));
     }
     andThrough(f) {
-      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
         if (res.isErr()) {
-          return new Err(res.error);
+          return new Err$1(res.error);
         }
         const newRes = yield f(res.value);
         if (newRes.isErr()) {
-          return new Err(newRes.error);
+          return new Err$1(newRes.error);
         }
-        return new Ok(res.value);
+        return new Ok$1(res.value);
       })));
     }
     andTee(f) {
-      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
         if (res.isErr()) {
-          return new Err(res.error);
+          return new Err$1(res.error);
         }
         try {
           yield f(res.value);
         } catch (e) {
         }
-        return new Ok(res.value);
+        return new Ok$1(res.value);
       })));
     }
     mapErr(f) {
-      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
         if (res.isOk()) {
-          return new Ok(res.value);
+          return new Ok$1(res.value);
         }
-        return new Err(yield f(res.error));
+        return new Err$1(yield f(res.error));
       })));
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     andThen(f) {
-      return new ResultAsync(this._promise.then((res) => {
+      return new ResultAsync2(this._promise.then((res) => {
         if (res.isErr()) {
-          return new Err(res.error);
+          return new Err$1(res.error);
         }
         const newValue = f(res.value);
-        return newValue instanceof ResultAsync ? newValue._promise : newValue;
+        return newValue instanceof ResultAsync2 ? newValue._promise : newValue;
       }));
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     orElse(f) {
-      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
         if (res.isErr()) {
           return f(res.error);
         }
-        return new Ok(res.value);
+        return new Ok$1(res.value);
       })));
     }
     match(ok2, _err) {
@@ -5006,21 +5152,21 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
      * Emulates Rust's `?` operator in `safeTry`'s body. See also `safeTry`.
      */
     safeUnwrap() {
-      return __asyncGenerator(this, arguments, function* safeUnwrap_1() {
-        return yield __await(yield __await(yield* __asyncDelegator(__asyncValues(yield __await(this._promise.then((res) => res.safeUnwrap()))))));
+      return __asyncGenerator$1(this, arguments, function* safeUnwrap_1() {
+        return yield __await$1(yield __await$1(yield* __asyncDelegator$1(__asyncValues$1(yield __await$1(this._promise.then((res) => res.safeUnwrap()))))));
       });
     }
     // Makes ResultAsync implement PromiseLike<Result>
     then(successCallback, failureCallback) {
       return this._promise.then(successCallback, failureCallback);
     }
-  }
-  const errAsync = (err2) => new ResultAsync(Promise.resolve(new Err(err2)));
-  const combineResultList = (resultList) => {
-    let acc = ok([]);
+  };
+  const errAsync$1 = (err2) => new ResultAsync$1(Promise.resolve(new Err$1(err2)));
+  const combineResultList$1 = (resultList) => {
+    let acc = ok$1([]);
     for (const result of resultList) {
       if (result.isErr()) {
-        acc = err(result.error);
+        acc = err$1(result.error);
         break;
       } else {
         acc.map((list) => list.push(result.value));
@@ -5028,48 +5174,48 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return acc;
   };
-  const combineResultAsyncList = (asyncResultList) => ResultAsync.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultList);
-  const combineResultListWithAllErrors = (resultList) => {
-    let acc = ok([]);
+  const combineResultAsyncList$1 = (asyncResultList) => ResultAsync$1.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultList$1);
+  const combineResultListWithAllErrors$1 = (resultList) => {
+    let acc = ok$1([]);
     for (const result of resultList) {
       if (result.isErr() && acc.isErr()) {
         acc.error.push(result.error);
       } else if (result.isErr() && acc.isOk()) {
-        acc = err([result.error]);
+        acc = err$1([result.error]);
       } else if (result.isOk() && acc.isOk()) {
         acc.value.push(result.value);
       }
     }
     return acc;
   };
-  const combineResultAsyncListWithAllErrors = (asyncResultList) => ResultAsync.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultListWithAllErrors);
-  var Result;
+  const combineResultAsyncListWithAllErrors$1 = (asyncResultList) => ResultAsync$1.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultListWithAllErrors$1);
+  var Result$1;
   (function(Result2) {
     function fromThrowable(fn, errorFn) {
       return (...args) => {
         try {
           const result = fn(...args);
-          return ok(result);
+          return ok$1(result);
         } catch (e) {
-          return err(errorFn ? errorFn(e) : e);
+          return err$1(errorFn ? errorFn(e) : e);
         }
       };
     }
     Result2.fromThrowable = fromThrowable;
     function combine(resultList) {
-      return combineResultList(resultList);
+      return combineResultList$1(resultList);
     }
     Result2.combine = combine;
     function combineWithAllErrors(resultList) {
-      return combineResultListWithAllErrors(resultList);
+      return combineResultListWithAllErrors$1(resultList);
     }
     Result2.combineWithAllErrors = combineWithAllErrors;
-  })(Result || (Result = {}));
-  const ok = (value) => new Ok(value);
-  function err(err2) {
-    return new Err(err2);
+  })(Result$1 || (Result$1 = {}));
+  const ok$1 = (value) => new Ok$1(value);
+  function err$1(err2) {
+    return new Err$1(err2);
   }
-  class Ok {
+  let Ok$1 = class Ok {
     constructor(value) {
       this.value = value;
     }
@@ -5080,11 +5226,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return !this.isOk();
     }
     map(f) {
-      return ok(f(this.value));
+      return ok$1(f(this.value));
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     mapErr(_f) {
-      return ok(this.value);
+      return ok$1(this.value);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     andThen(f) {
@@ -5099,11 +5245,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         f(this.value);
       } catch (e) {
       }
-      return ok(this.value);
+      return ok$1(this.value);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     orElse(_f) {
-      return ok(this.value);
+      return ok$1(this.value);
     }
     asyncAndThen(f) {
       return f(this.value);
@@ -5113,7 +5259,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return f(this.value).map(() => this.value);
     }
     asyncMap(f) {
-      return ResultAsync.fromSafePromise(f(this.value));
+      return ResultAsync$1.fromSafePromise(f(this.value));
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     unwrapOr(_v) {
@@ -5133,10 +5279,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return this.value;
     }
     _unsafeUnwrapErr(config) {
-      throw createNeverThrowError("Called `_unsafeUnwrapErr` on an Ok", this, config);
+      throw createNeverThrowError$1("Called `_unsafeUnwrapErr` on an Ok", this, config);
     }
-  }
-  class Err {
+  };
+  let Err$1 = class Err {
     constructor(error) {
       this.error = error;
     }
@@ -5148,20 +5294,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     map(_f) {
-      return err(this.error);
+      return err$1(this.error);
     }
     mapErr(f) {
-      return err(f(this.error));
+      return err$1(f(this.error));
     }
     andThrough(_f) {
-      return err(this.error);
+      return err$1(this.error);
     }
     andTee(_f) {
-      return err(this.error);
+      return err$1(this.error);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     andThen(_f) {
-      return err(this.error);
+      return err$1(this.error);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     orElse(f) {
@@ -5169,14 +5315,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     asyncAndThen(_f) {
-      return errAsync(this.error);
+      return errAsync$1(this.error);
     }
     asyncAndThrough(_f) {
-      return errAsync(this.error);
+      return errAsync$1(this.error);
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     asyncMap(_f) {
-      return errAsync(this.error);
+      return errAsync$1(this.error);
     }
     unwrapOr(v) {
       return v;
@@ -5187,18 +5333,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     safeUnwrap() {
       const error = this.error;
       return function* () {
-        yield err(error);
+        yield err$1(error);
         throw new Error("Do not use this generator out of `safeTry`");
       }();
     }
     _unsafeUnwrap(config) {
-      throw createNeverThrowError("Called `_unsafeUnwrap` on an Err", this, config);
+      throw createNeverThrowError$1("Called `_unsafeUnwrap` on an Err", this, config);
     }
     _unsafeUnwrapErr(_) {
       return this.error;
     }
-  }
-  Result.fromThrowable;
+  };
+  Result$1.fromThrowable;
   const PATH_PARAM_RE = /\{[^{}]+\}/g;
   function randomID() {
     return Math.random().toString(36).slice(2, 11);
@@ -5226,7 +5372,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         querySerializer: requestQuerySerializer,
         bodySerializer = globalBodySerializer ?? defaultBodySerializer,
         body,
-        ...init
+        ...init2
       } = fetchOptions || {};
       if (localBaseUrl) {
         baseUrl = removeTrailingSlash(localBaseUrl);
@@ -5249,16 +5395,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const requestInit = {
         redirect: "follow",
         ...baseOptions,
-        ...init,
+        ...init2,
         body: serializedBody,
         headers: mergeHeaders(defaultHeaders, baseHeaders, headers, params.header)
       };
       let id;
       let options;
       let request = new CustomRequest(createFinalURL(schemaPath, { baseUrl, params, querySerializer }), requestInit);
-      for (const key in init) {
+      for (const key in init2) {
         if (!(key in request)) {
-          request[key] = init[key];
+          request[key] = init2[key];
         }
       }
       if (middlewares.length) {
@@ -5328,36 +5474,36 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return {
       /** Call a GET endpoint */
-      GET(url, init) {
-        return coreFetch(url, { ...init, method: "GET" });
+      GET(url, init2) {
+        return coreFetch(url, { ...init2, method: "GET" });
       },
       /** Call a PUT endpoint */
-      PUT(url, init) {
-        return coreFetch(url, { ...init, method: "PUT" });
+      PUT(url, init2) {
+        return coreFetch(url, { ...init2, method: "PUT" });
       },
       /** Call a POST endpoint */
-      POST(url, init) {
-        return coreFetch(url, { ...init, method: "POST" });
+      POST(url, init2) {
+        return coreFetch(url, { ...init2, method: "POST" });
       },
       /** Call a DELETE endpoint */
-      DELETE(url, init) {
-        return coreFetch(url, { ...init, method: "DELETE" });
+      DELETE(url, init2) {
+        return coreFetch(url, { ...init2, method: "DELETE" });
       },
       /** Call a OPTIONS endpoint */
-      OPTIONS(url, init) {
-        return coreFetch(url, { ...init, method: "OPTIONS" });
+      OPTIONS(url, init2) {
+        return coreFetch(url, { ...init2, method: "OPTIONS" });
       },
       /** Call a HEAD endpoint */
-      HEAD(url, init) {
-        return coreFetch(url, { ...init, method: "HEAD" });
+      HEAD(url, init2) {
+        return coreFetch(url, { ...init2, method: "HEAD" });
       },
       /** Call a PATCH endpoint */
-      PATCH(url, init) {
-        return coreFetch(url, { ...init, method: "PATCH" });
+      PATCH(url, init2) {
+        return coreFetch(url, { ...init2, method: "PATCH" });
       },
       /** Call a TRACE endpoint */
-      TRACE(url, init) {
-        return coreFetch(url, { ...init, method: "TRACE" });
+      TRACE(url, init2) {
+        return coreFetch(url, { ...init2, method: "TRACE" });
       },
       /** Register middleware */
       use(...middleware) {
@@ -7824,11 +7970,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         unknownKeys: "strict",
         ...message !== void 0 ? {
           errorMap: (issue, ctx) => {
-            var _a2, _b2, _c2, _d;
+            var _a2, _b2, _c2, _d2;
             const defaultError = (_c2 = (_b2 = (_a2 = this._def).errorMap) === null || _b2 === void 0 ? void 0 : _b2.call(_a2, issue, ctx).message) !== null && _c2 !== void 0 ? _c2 : ctx.defaultError;
             if (issue.code === "unrecognized_keys")
               return {
-                message: (_d = errorUtil.errToObj(message).message) !== null && _d !== void 0 ? _d : defaultError
+                message: (_d2 = errorUtil.errToObj(message).message) !== null && _d2 !== void 0 ? _d2 : defaultError
               };
             return {
               message: defaultError
@@ -10313,6 +10459,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     if (m[8]) date.offset = $fae977aafc393c5c$var$parseNumber(m[8], -23, 23) * 36e5 + $fae977aafc393c5c$var$parseNumber((_m_ = m[9]) !== null && _m_ !== void 0 ? _m_ : "0", 0, 59) * 6e4;
     return $11d87f3f76e88657$export$538b00033cc11c75(date, timeZone);
   }
+  function $fae977aafc393c5c$export$8e384432362ed0f0(value) {
+    return $fae977aafc393c5c$export$5adfdab05168c219(value, $14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+  }
   function $fae977aafc393c5c$var$parseNumber(value, min, max) {
     let val = Number(value);
     if (val < min || val > max) throw new RangeError(`Value out of range: ${min} <= ${val} <= ${max}`);
@@ -10711,7 +10860,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function formatTime(value) {
     return $11d87f3f76e88657$export$d33f79e3ffc3dc83($fae977aafc393c5c$export$5adfdab05168c219(value, "Europe/Berlin")).toString().slice(0, -3);
   }
-  function formatCurrency(priceCents) {
+  function formatDate(isoDateString, options = {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }, locale = "de") {
+    options = {
+      ...options
+    };
+    return new Date(isoDateString).toLocaleDateString(locale, options);
+  }
+  function formatCurrency$1(priceCents) {
     if (priceCents === void 0) {
       throw Error("priceCents is required");
     }
@@ -10804,7 +10964,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       } else {
         this.priceCents = ticketObject.price_cents * (1 + this.vatPct / 100);
       }
-      this.priceFormatted = formatCurrency(this.priceCents);
+      this.priceFormatted = formatCurrency$1(this.priceCents);
       this.quantity = quantity || 0;
       this.minQuantity = ticketObject.min_persons;
       this.maxPersons = ticketObject.max_persons;
@@ -10857,7 +11017,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     updateTotalPrices() {
       this.totalPriceCents = this.quantity * this.priceCents;
-      this.totalPriceFormatted = formatCurrency(this.totalPriceCents);
+      this.totalPriceFormatted = formatCurrency$1(this.totalPriceCents);
     }
   }
   function initGomusTickets(tickets) {
@@ -10901,7 +11061,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       } else {
         this.priceCents = ticketObject.price_cents * (1 + this.vatPct / 100);
       }
-      this.priceFormatted = formatCurrency(this.priceCents);
+      this.priceFormatted = formatCurrency$1(this.priceCents);
       this.quantity = quantity || 0;
       this.minQuantity = ticketObject.min_persons;
       this.maxPersons = ticketObject.max_persons;
@@ -10917,7 +11077,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     updateTotalPrices() {
       this.totalPriceCents = this.quantity * this.priceCents;
-      this.totalPriceFormatted = formatCurrency(this.totalPriceCents);
+      this.totalPriceFormatted = formatCurrency$1(this.totalPriceCents);
     }
   }
   function initAnnualTickets(tickets) {
@@ -11209,45 +11369,669 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     };
   }
-  class TicketSelectionDetails {
-    constructor() {
-      __privateAdd(this, _mode, /* @__PURE__ */ state());
-      __privateAdd(this, _filters, /* @__PURE__ */ state());
-      __privateAdd(this, _eventId, /* @__PURE__ */ state());
-      __privateAdd(this, _museumIds, /* @__PURE__ */ state());
-      __privateAdd(this, _exhibitionIds, /* @__PURE__ */ state());
-      __privateAdd(this, _ticketIds, /* @__PURE__ */ state());
-      __privateAdd(this, _selectedDate, /* @__PURE__ */ state());
-      __privateAdd(this, _selectedTimeslot, /* @__PURE__ */ state());
-      __privateAdd(this, _selectedTickets, /* @__PURE__ */ state(proxy([])));
-      __privateAdd(this, _ticketList, /* @__PURE__ */ state(proxy([])));
-    }
-    get mode() {
-      return get(__privateGet(this, _mode));
-    }
-    set mode(value) {
-      set(__privateGet(this, _mode), value, true);
+  const defaultErrorConfig = {
+    withStackTrace: false
+  };
+  const createNeverThrowError = (message, result, config = defaultErrorConfig) => {
+    const data = result.isOk() ? { type: "Ok", value: result.value } : { type: "Err", value: result.error };
+    const maybeStack = config.withStackTrace ? new Error().stack : void 0;
+    return {
+      data,
+      message,
+      stack: maybeStack
+    };
+  };
+  function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P ? value : new P(function(resolve) {
+        resolve(value);
+      });
     }
-    get filters() {
-      return get(__privateGet(this, _filters));
+    return new (P || (P = Promise))(function(resolve, reject) {
+      function fulfilled(value) {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+      function rejected(value) {
+        try {
+          step(generator["throw"](value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+      function step(result) {
+        result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+      }
+      step((generator = generator.apply(thisArg, [])).next());
+    });
+  }
+  function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+      next: function() {
+        if (o && i >= o.length) o = void 0;
+        return { value: o && o[i++], done: !o };
+      }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+  function __await(v) {
+    return this instanceof __await ? (this.v = v, this) : new __await(v);
+  }
+  function __asyncGenerator(thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function() {
+      return this;
+    }, i;
+    function awaitReturn(f) {
+      return function(v) {
+        return Promise.resolve(v).then(f, reject);
+      };
     }
-    set filters(value) {
-      set(__privateGet(this, _filters), value, true);
+    function verb(n, f) {
+      if (g[n]) {
+        i[n] = function(v) {
+          return new Promise(function(a, b) {
+            q.push([n, v, a, b]) > 1 || resume(n, v);
+          });
+        };
+        if (f) i[n] = f(i[n]);
+      }
     }
-    get eventId() {
-      return get(__privateGet(this, _eventId));
+    function resume(n, v) {
+      try {
+        step(g[n](v));
+      } catch (e) {
+        settle(q[0][3], e);
+      }
     }
-    set eventId(value) {
-      set(__privateGet(this, _eventId), value, true);
+    function step(r2) {
+      r2.value instanceof __await ? Promise.resolve(r2.value.v).then(fulfill, reject) : settle(q[0][2], r2);
     }
-    get museumIds() {
-      return get(__privateGet(this, _museumIds));
+    function fulfill(value) {
+      resume("next", value);
     }
-    set museumIds(value) {
-      set(__privateGet(this, _museumIds), value, true);
+    function reject(value) {
+      resume("throw", value);
     }
-    get exhibitionIds() {
-      return get(__privateGet(this, _exhibitionIds));
+    function settle(f, v) {
+      if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]);
+    }
+  }
+  function __asyncDelegator(o) {
+    var i, p;
+    return i = {}, verb("next"), verb("throw", function(e) {
+      throw e;
+    }), verb("return"), i[Symbol.iterator] = function() {
+      return this;
+    }, i;
+    function verb(n, f) {
+      i[n] = o[n] ? function(v) {
+        return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v;
+      } : f;
+    }
+  }
+  function __asyncValues(o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
+      return this;
+    }, i);
+    function verb(n) {
+      i[n] = o[n] && function(v) {
+        return new Promise(function(resolve, reject) {
+          v = o[n](v), settle(resolve, reject, v.done, v.value);
+        });
+      };
+    }
+    function settle(resolve, reject, d, v) {
+      Promise.resolve(v).then(function(v2) {
+        resolve({ value: v2, done: d });
+      }, reject);
+    }
+  }
+  typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+  class ResultAsync {
+    constructor(res) {
+      this._promise = res;
+    }
+    static fromSafePromise(promise) {
+      const newPromise = promise.then((value) => new Ok(value));
+      return new ResultAsync(newPromise);
+    }
+    static fromPromise(promise, errorFn) {
+      const newPromise = promise.then((value) => new Ok(value)).catch((e) => new Err(errorFn(e)));
+      return new ResultAsync(newPromise);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    static fromThrowable(fn, errorFn) {
+      return (...args) => {
+        return new ResultAsync((() => __awaiter(this, void 0, void 0, function* () {
+          try {
+            return new Ok(yield fn(...args));
+          } catch (error) {
+            return new Err(errorFn ? errorFn(error) : error);
+          }
+        }))());
+      };
+    }
+    static combine(asyncResultList) {
+      return combineResultAsyncList(asyncResultList);
+    }
+    static combineWithAllErrors(asyncResultList) {
+      return combineResultAsyncListWithAllErrors(asyncResultList);
+    }
+    map(f) {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+        if (res.isErr()) {
+          return new Err(res.error);
+        }
+        return new Ok(yield f(res.value));
+      })));
+    }
+    andThrough(f) {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+        if (res.isErr()) {
+          return new Err(res.error);
+        }
+        const newRes = yield f(res.value);
+        if (newRes.isErr()) {
+          return new Err(newRes.error);
+        }
+        return new Ok(res.value);
+      })));
+    }
+    andTee(f) {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+        if (res.isErr()) {
+          return new Err(res.error);
+        }
+        try {
+          yield f(res.value);
+        } catch (e) {
+        }
+        return new Ok(res.value);
+      })));
+    }
+    orTee(f) {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+        if (res.isOk()) {
+          return new Ok(res.value);
+        }
+        try {
+          yield f(res.error);
+        } catch (e) {
+        }
+        return new Err(res.error);
+      })));
+    }
+    mapErr(f) {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+        if (res.isOk()) {
+          return new Ok(res.value);
+        }
+        return new Err(yield f(res.error));
+      })));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    andThen(f) {
+      return new ResultAsync(this._promise.then((res) => {
+        if (res.isErr()) {
+          return new Err(res.error);
+        }
+        const newValue = f(res.value);
+        return newValue instanceof ResultAsync ? newValue._promise : newValue;
+      }));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    orElse(f) {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
+        if (res.isErr()) {
+          return f(res.error);
+        }
+        return new Ok(res.value);
+      })));
+    }
+    match(ok2, _err) {
+      return this._promise.then((res) => res.match(ok2, _err));
+    }
+    unwrapOr(t) {
+      return this._promise.then((res) => res.unwrapOr(t));
+    }
+    /**
+     * @deprecated will be removed in 9.0.0.
+     *
+     * You can use `safeTry` without this method.
+     * @example
+     * ```typescript
+     * safeTry(async function* () {
+     *   const okValue = yield* yourResult
+     * })
+     * ```
+     * Emulates Rust's `?` operator in `safeTry`'s body. See also `safeTry`.
+     */
+    safeUnwrap() {
+      return __asyncGenerator(this, arguments, function* safeUnwrap_1() {
+        return yield __await(yield __await(yield* __asyncDelegator(__asyncValues(yield __await(this._promise.then((res) => res.safeUnwrap()))))));
+      });
+    }
+    // Makes ResultAsync implement PromiseLike<Result>
+    then(successCallback, failureCallback) {
+      return this._promise.then(successCallback, failureCallback);
+    }
+    [Symbol.asyncIterator]() {
+      return __asyncGenerator(this, arguments, function* _a2() {
+        const result = yield __await(this._promise);
+        if (result.isErr()) {
+          yield yield __await(errAsync(result.error));
+        }
+        return yield __await(result.value);
+      });
+    }
+  }
+  function errAsync(err2) {
+    return new ResultAsync(Promise.resolve(new Err(err2)));
+  }
+  const combineResultList = (resultList) => {
+    let acc = ok([]);
+    for (const result of resultList) {
+      if (result.isErr()) {
+        acc = err(result.error);
+        break;
+      } else {
+        acc.map((list) => list.push(result.value));
+      }
+    }
+    return acc;
+  };
+  const combineResultAsyncList = (asyncResultList) => ResultAsync.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultList);
+  const combineResultListWithAllErrors = (resultList) => {
+    let acc = ok([]);
+    for (const result of resultList) {
+      if (result.isErr() && acc.isErr()) {
+        acc.error.push(result.error);
+      } else if (result.isErr() && acc.isOk()) {
+        acc = err([result.error]);
+      } else if (result.isOk() && acc.isOk()) {
+        acc.value.push(result.value);
+      }
+    }
+    return acc;
+  };
+  const combineResultAsyncListWithAllErrors = (asyncResultList) => ResultAsync.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultListWithAllErrors);
+  var Result;
+  (function(Result2) {
+    function fromThrowable(fn, errorFn) {
+      return (...args) => {
+        try {
+          const result = fn(...args);
+          return ok(result);
+        } catch (e) {
+          return err(errorFn ? errorFn(e) : e);
+        }
+      };
+    }
+    Result2.fromThrowable = fromThrowable;
+    function combine(resultList) {
+      return combineResultList(resultList);
+    }
+    Result2.combine = combine;
+    function combineWithAllErrors(resultList) {
+      return combineResultListWithAllErrors(resultList);
+    }
+    Result2.combineWithAllErrors = combineWithAllErrors;
+  })(Result || (Result = {}));
+  function ok(value) {
+    return new Ok(value);
+  }
+  function err(err2) {
+    return new Err(err2);
+  }
+  class Ok {
+    constructor(value) {
+      this.value = value;
+    }
+    isOk() {
+      return true;
+    }
+    isErr() {
+      return !this.isOk();
+    }
+    map(f) {
+      return ok(f(this.value));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    mapErr(_f) {
+      return ok(this.value);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    andThen(f) {
+      return f(this.value);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    andThrough(f) {
+      return f(this.value).map((_value) => this.value);
+    }
+    andTee(f) {
+      try {
+        f(this.value);
+      } catch (e) {
+      }
+      return ok(this.value);
+    }
+    orTee(_f) {
+      return ok(this.value);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    orElse(_f) {
+      return ok(this.value);
+    }
+    asyncAndThen(f) {
+      return f(this.value);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    asyncAndThrough(f) {
+      return f(this.value).map(() => this.value);
+    }
+    asyncMap(f) {
+      return ResultAsync.fromSafePromise(f(this.value));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    unwrapOr(_v) {
+      return this.value;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    match(ok2, _err) {
+      return ok2(this.value);
+    }
+    safeUnwrap() {
+      const value = this.value;
+      return function* () {
+        return value;
+      }();
+    }
+    _unsafeUnwrap(_) {
+      return this.value;
+    }
+    _unsafeUnwrapErr(config) {
+      throw createNeverThrowError("Called `_unsafeUnwrapErr` on an Ok", this, config);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-this-alias, require-yield
+    *[Symbol.iterator]() {
+      return this.value;
+    }
+  }
+  class Err {
+    constructor(error) {
+      this.error = error;
+    }
+    isOk() {
+      return false;
+    }
+    isErr() {
+      return !this.isOk();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    map(_f) {
+      return err(this.error);
+    }
+    mapErr(f) {
+      return err(f(this.error));
+    }
+    andThrough(_f) {
+      return err(this.error);
+    }
+    andTee(_f) {
+      return err(this.error);
+    }
+    orTee(f) {
+      try {
+        f(this.error);
+      } catch (e) {
+      }
+      return err(this.error);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    andThen(_f) {
+      return err(this.error);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    orElse(f) {
+      return f(this.error);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    asyncAndThen(_f) {
+      return errAsync(this.error);
+    }
+    asyncAndThrough(_f) {
+      return errAsync(this.error);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    asyncMap(_f) {
+      return errAsync(this.error);
+    }
+    unwrapOr(v) {
+      return v;
+    }
+    match(_ok, err2) {
+      return err2(this.error);
+    }
+    safeUnwrap() {
+      const error = this.error;
+      return function* () {
+        yield err(error);
+        throw new Error("Do not use this generator out of `safeTry`");
+      }();
+    }
+    _unsafeUnwrap(config) {
+      throw createNeverThrowError("Called `_unsafeUnwrap` on an Err", this, config);
+    }
+    _unsafeUnwrapErr(_) {
+      return this.error;
+    }
+    *[Symbol.iterator]() {
+      const self = this;
+      yield self;
+      return self;
+    }
+  }
+  Result.fromThrowable;
+  function getCartItems() {
+    const storedItemsJson = localStorage.getItem("go-cart");
+    if (!storedItemsJson) return [];
+    const nowDate = $14e0f24ef4ac5c92$export$461939dd4422153($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+    const safeJsonParse = Result.fromThrowable(JSON.parse, () => []);
+    const storedCartItems = safeJsonParse(storedItemsJson).unwrapOr([]);
+    const items = [];
+    storedCartItems.forEach((cartItem) => {
+      switch (cartItem.type) {
+        case "Ticket":
+          if (!inTheFuture(cartItem.attributes.time, nowDate)) {
+            return;
+          }
+          items.push(
+            new CartItem(
+              new GomusTicket(cartItem.item.ticketObject, 0, cartItem.item.selectedTime, cartItem.attributes.quantity),
+              cartItem.type
+            )
+          );
+          break;
+      }
+    });
+    return items;
+  }
+  function inTheFuture(time, now2) {
+    const parsed = $fae977aafc393c5c$export$8e384432362ed0f0(time);
+    return now2.compare(parsed) <= 0;
+  }
+  function formatCurrency(priceCents) {
+    if (priceCents === void 0) {
+      return 0;
+    }
+    return new Intl.NumberFormat("de-DE", {
+      style: "currency",
+      currency: "EUR"
+    }).format(priceCents / 100);
+  }
+  const byteToHex = [];
+  for (let i = 0; i < 256; ++i) {
+    byteToHex.push((i + 256).toString(16).slice(1));
+  }
+  function unsafeStringify(arr, offset = 0) {
+    return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  }
+  let getRandomValues;
+  const rnds8 = new Uint8Array(16);
+  function rng() {
+    if (!getRandomValues) {
+      if (typeof crypto === "undefined" || !crypto.getRandomValues) {
+        throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+      }
+      getRandomValues = crypto.getRandomValues.bind(crypto);
+    }
+    return getRandomValues(rnds8);
+  }
+  const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+  const native = { randomUUID };
+  function _v4(options, buf, offset) {
+    var _a2;
+    options = options || {};
+    const rnds = options.random ?? ((_a2 = options.rng) == null ? void 0 : _a2.call(options)) ?? rng();
+    if (rnds.length < 16) {
+      throw new Error("Random bytes length must be >= 16");
+    }
+    rnds[6] = rnds[6] & 15 | 64;
+    rnds[8] = rnds[8] & 63 | 128;
+    return unsafeStringify(rnds);
+  }
+  function v4(options, buf, offset) {
+    if (native.randomUUID && true && !options) {
+      return native.randomUUID();
+    }
+    return _v4(options);
+  }
+  class CartItem {
+    constructor(ticket, type) {
+      __publicField(this, "type");
+      __publicField(this, "attributes");
+      __publicField(this, "item");
+      __publicField(this, "updatedAt");
+      __publicField(this, "uuid");
+      this.type = type;
+      this.item = ticket;
+      this.attributes = {
+        id: ticket.id,
+        quantity: ticket.quantity,
+        time: ticket.selectedTime
+      };
+      this.updatedAt = $14e0f24ef4ac5c92$export$461939dd4422153($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+      this.uuid = v4();
+    }
+    updateQuantity(quantity) {
+      this.item.quantity = quantity;
+      this.attributes.quantity = quantity;
+      this.updatedAt = $14e0f24ef4ac5c92$export$461939dd4422153($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+    }
+  }
+  let Cart$1 = (_b = class {
+    constructor() {
+      __privateAdd(this, _items, /* @__PURE__ */ state(proxy(getCartItems())));
+      __privateAdd(this, _total, /* @__PURE__ */ user_derived(() => formatCurrency(Math.max(0, this.items.reduce((prev, cur) => prev + cur.item.totalPriceCents, 0)))));
+    }
+    get items() {
+      return get(__privateGet(this, _items));
+    }
+    set items(value) {
+      set(__privateGet(this, _items), value, true);
+    }
+    get total() {
+      return get(__privateGet(this, _total));
+    }
+    set total(value) {
+      set(__privateGet(this, _total), value);
+    }
+    deleteItem(item) {
+      if (this.items.length == 0) {
+        return;
+      }
+      const newItems = this.items.filter((i) => item != i);
+      this.items = newItems;
+      this.setLocalStorage();
+    }
+    updateCartItem(item, quantity) {
+      const updated = this.items.map((i) => {
+        debugger;
+        if (i === item) {
+          i.updateQuantity(quantity);
+          return i;
+        } else {
+          return i;
+        }
+      });
+      console.log("quantity: ", updated[0].attributes.quantity);
+      this.items = updated;
+      this.setLocalStorage();
+    }
+    addToCart(items, url) {
+      this.items = this.items.concat(items);
+      this.setLocalStorage();
+      if (url) {
+        window.location.href = url;
+      }
+    }
+    setLocalStorage() {
+      localStorage.setItem("go-cart", JSON.stringify(this.items));
+    }
+  }, _items = new WeakMap(), _total = new WeakMap(), _b);
+  const cart = new Cart$1();
+  class TicketSelectionDetails {
+    constructor() {
+      __privateAdd(this, _mode, /* @__PURE__ */ state());
+      __privateAdd(this, _filters, /* @__PURE__ */ state());
+      __privateAdd(this, _eventId, /* @__PURE__ */ state());
+      __privateAdd(this, _museumIds, /* @__PURE__ */ state());
+      __privateAdd(this, _exhibitionIds, /* @__PURE__ */ state());
+      __privateAdd(this, _ticketIds, /* @__PURE__ */ state());
+      __privateAdd(this, _selectedDate, /* @__PURE__ */ state());
+      __privateAdd(this, _selectedTimeslot, /* @__PURE__ */ state());
+      __privateAdd(this, _selectedTickets, /* @__PURE__ */ state(proxy([])));
+      __privateAdd(this, _ticketList, /* @__PURE__ */ state(proxy([])));
+      __privateAdd(this, _total2, /* @__PURE__ */ user_derived(() => formatCurrency(Math.max(0, this.ticketList.reduce((prev, cur) => prev + cur.totalPriceCents, 0)))));
+    }
+    get mode() {
+      return get(__privateGet(this, _mode));
+    }
+    set mode(value) {
+      set(__privateGet(this, _mode), value, true);
+    }
+    get filters() {
+      return get(__privateGet(this, _filters));
+    }
+    set filters(value) {
+      set(__privateGet(this, _filters), value, true);
+    }
+    get eventId() {
+      return get(__privateGet(this, _eventId));
+    }
+    set eventId(value) {
+      set(__privateGet(this, _eventId), value, true);
+    }
+    get museumIds() {
+      return get(__privateGet(this, _museumIds));
+    }
+    set museumIds(value) {
+      set(__privateGet(this, _museumIds), value, true);
+    }
+    get exhibitionIds() {
+      return get(__privateGet(this, _exhibitionIds));
     }
     set exhibitionIds(value) {
       set(__privateGet(this, _exhibitionIds), value, true);
@@ -11282,6 +12066,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     set ticketList(value) {
       set(__privateGet(this, _ticketList), value, true);
     }
+    get total() {
+      return get(__privateGet(this, _total2));
+    }
+    set total(value) {
+      set(__privateGet(this, _total2), value);
+    }
     get selectedClasses() {
       return [
         this.selectedDate && "is-date-selected",
@@ -11300,6 +12090,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   _selectedTimeslot = new WeakMap();
   _selectedTickets = new WeakMap();
   _ticketList = new WeakMap();
+  _total2 = new WeakMap();
   const KEY = "go-ticket-selection";
   const setTicketSelectionDetails = createSetDetails(KEY);
   const getTicketSelectionDetails = createGetDetails(KEY);
@@ -13275,8 +14066,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       });
     }
     handleCellClick(_, date) {
-      var _a2, _b2, _c2, _d, _e, _f;
-      if (this.opts.readonly.current || ((_b2 = (_a2 = this.opts.isDateDisabled).current) == null ? void 0 : _b2.call(_a2, date)) || ((_d = (_c2 = this.opts.isDateUnavailable).current) == null ? void 0 : _d.call(_c2, date))) {
+      var _a2, _b2, _c2, _d2, _e2, _f;
+      if (this.opts.readonly.current || ((_b2 = (_a2 = this.opts.isDateDisabled).current) == null ? void 0 : _b2.call(_a2, date)) || ((_d2 = (_c2 = this.opts.isDateUnavailable).current) == null ? void 0 : _d2.call(_c2, date))) {
         return;
       }
       const prev = this.opts.value.current;
@@ -13294,7 +14085,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
         this.opts.value.current = getDateWithPreviousTime(next2, prev);
         if (next2 !== void 0) {
-          (_f = (_e = this.opts.onDateSelect) == null ? void 0 : _e.current) == null ? void 0 : _f.call(_e);
+          (_f = (_e2 = this.opts.onDateSelect) == null ? void 0 : _e2.current) == null ? void 0 : _f.call(_e2);
         }
       }
     }
@@ -13903,7 +14694,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   };
   _props12 = new WeakMap();
   let CalendarHeaderState = _CalendarHeaderState;
-  var root_2$g = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$h = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar$2($$anchor, $$props) {
     push($$props, true);
     let child$1 = prop($$props, "child", 7), children = prop($$props, "children", 7), id = prop($$props, "id", 23, useId), ref = prop($$props, "ref", 15, null), value = prop($$props, "value", 15), onValueChange = prop($$props, "onValueChange", 7, noop), placeholder = prop($$props, "placeholder", 15), onPlaceholderChange = prop($$props, "onPlaceholderChange", 7, noop), weekdayFormat = prop($$props, "weekdayFormat", 7, "narrow"), weekStartsOn = prop($$props, "weekStartsOn", 7), pagedNavigation = prop($$props, "pagedNavigation", 7, false), isDateDisabled = prop($$props, "isDateDisabled", 7, () => false), isDateUnavailable = prop($$props, "isDateUnavailable", 7, () => false), fixedWeeks = prop($$props, "fixedWeeks", 7, false), numberOfMonths = prop($$props, "numberOfMonths", 7, 1), locale = prop($$props, "locale", 7), calendarLabel = prop($$props, "calendarLabel", 7, "Event"), disabled = prop($$props, "disabled", 7, false), readonly = prop($$props, "readonly", 7, false), minValue = prop($$props, "minValue", 7, void 0), maxValue = prop($$props, "maxValue", 7, void 0), preventDeselect = prop($$props, "preventDeselect", 7, false), type = prop($$props, "type", 7), disableDaysOutsideMonth = prop($$props, "disableDaysOutsideMonth", 7, true), initialFocus = prop($$props, "initialFocus", 7, false), maxDays = prop($$props, "maxDays", 7), monthFormat = prop($$props, "monthFormat", 7, "long"), yearFormat = prop($$props, "yearFormat", 7, "numeric"), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -14004,7 +14795,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$g();
+        var div = root_2$h();
         attribute_effect(div, () => ({ ...get(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -14252,7 +15043,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     [],
     true
   );
-  var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$g = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_day($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14284,7 +15075,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate_1 = ($$anchor2) => {
-        var div = root_2$f();
+        var div = root_2$g();
         attribute_effect(div, () => ({ ...get(mergedProps) }));
         var node_2 = child(div);
         {
@@ -14345,7 +15136,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_day, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$e = /* @__PURE__ */ from_html(`<table><!></table>`);
+  var root_2$f = /* @__PURE__ */ from_html(`<table><!></table>`);
   function Calendar_grid($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14374,7 +15165,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var table = root_2$e();
+        var table = root_2$f();
         attribute_effect(table, () => ({ ...get(mergedProps) }));
         var node_2 = child(table);
         snippet(node_2, () => children() ?? noop$1);
@@ -14419,7 +15210,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_grid, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$d = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+  var root_2$e = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
   function Calendar_grid_body($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14448,7 +15239,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var tbody = root_2$d();
+        var tbody = root_2$e();
         attribute_effect(tbody, () => ({ ...get(mergedProps) }));
         var node_2 = child(tbody);
         snippet(node_2, () => children() ?? noop$1);
@@ -14493,7 +15284,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_grid_body, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$c = /* @__PURE__ */ from_html(`<td><!></td>`);
+  var root_2$d = /* @__PURE__ */ from_html(`<td><!></td>`);
   function Calendar_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14529,7 +15320,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var td = root_2$c();
+        var td = root_2$d();
         attribute_effect(td, () => ({ ...get(mergedProps) }));
         var node_2 = child(td);
         snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -14601,7 +15392,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     [],
     true
   );
-  var root_2$b = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+  var root_2$c = /* @__PURE__ */ from_html(`<thead><!></thead>`);
   function Calendar_grid_head($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14630,7 +15421,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var thead = root_2$b();
+        var thead = root_2$c();
         attribute_effect(thead, () => ({ ...get(mergedProps) }));
         var node_2 = child(thead);
         snippet(node_2, () => children() ?? noop$1);
@@ -14675,7 +15466,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_grid_head, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$a = /* @__PURE__ */ from_html(`<th><!></th>`);
+  var root_2$b = /* @__PURE__ */ from_html(`<th><!></th>`);
   function Calendar_head_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14704,7 +15495,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var th = root_2$a();
+        var th = root_2$b();
         attribute_effect(th, () => ({ ...get(mergedProps) }));
         var node_2 = child(th);
         snippet(node_2, () => children() ?? noop$1);
@@ -14749,7 +15540,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$9 = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+  var root_2$a = /* @__PURE__ */ from_html(`<tr><!></tr>`);
   function Calendar_grid_row($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14778,7 +15569,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var tr = root_2$9();
+        var tr = root_2$a();
         attribute_effect(tr, () => ({ ...get(mergedProps) }));
         var node_2 = child(tr);
         snippet(node_2, () => children() ?? noop$1);
@@ -14823,7 +15614,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$8 = /* @__PURE__ */ from_html(`<header><!></header>`);
+  var root_2$9 = /* @__PURE__ */ from_html(`<header><!></header>`);
   function Calendar_header($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14852,7 +15643,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var header = root_2$8();
+        var header = root_2$9();
         attribute_effect(header, () => ({ ...get(mergedProps) }));
         var node_2 = child(header);
         snippet(node_2, () => children() ?? noop$1);
@@ -14897,7 +15688,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$7 = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_heading($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -14929,7 +15720,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate_1 = ($$anchor2) => {
-        var div = root_2$7();
+        var div = root_2$8();
         attribute_effect(div, () => ({ ...get(mergedProps) }));
         var node_2 = child(div);
         {
@@ -14990,7 +15781,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$6 = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_2$7 = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Calendar_next_button($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15020,7 +15811,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var button = root_2$6();
+        var button = root_2$7();
         attribute_effect(button, () => ({ ...get(mergedProps) }));
         var node_2 = child(button);
         snippet(node_2, () => children() ?? noop$1);
@@ -15072,7 +15863,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  var root_2$5 = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_2$6 = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Calendar_prev_button($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15102,7 +15893,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var button = root_2$5();
+        var button = root_2$6();
         attribute_effect(button, () => ({ ...get(mergedProps) }));
         var node_2 = child(button);
         snippet(node_2, () => children() ?? noop$1);
@@ -15154,7 +15945,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  let Calendar$1 = (_b = class {
+  enable_legacy_mode_flag();
+  let Calendar$1 = (_c = class {
     constructor() {
       __privateAdd(this, _startAt, /* @__PURE__ */ state(proxy($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()))));
       __privateAdd(this, _selected, /* @__PURE__ */ state(void 0));
@@ -15180,19 +15972,19 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
       return false;
     }
-  }, _startAt = new WeakMap(), _selected = new WeakMap(), _b);
+  }, _startAt = new WeakMap(), _selected = new WeakMap(), _c);
   class TicketsCalendar extends Calendar$1 {
     constructor() {
       super(...arguments);
       __privateAdd(this, _details, /* @__PURE__ */ state());
       __privateAdd(this, _params, /* @__PURE__ */ user_derived(() => {
-        var _a2, _b2, _c2, _d;
+        var _a2, _b2, _c2, _d2;
         return {
           by_bookable: true,
           "by_ticket_types[]": (_a2 = this.details) == null ? void 0 : _a2.filters,
           "by_ticket_ids[]": (_b2 = this.details) == null ? void 0 : _b2.ticketIds,
           "by_museum_ids[]": (_c2 = this.details) == null ? void 0 : _c2.museumIds,
-          "by_exhibition_ids[]": (_d = this.details) == null ? void 0 : _d.exhibitionIds,
+          "by_exhibition_ids[]": (_d2 = this.details) == null ? void 0 : _d2.exhibitionIds,
           start_at: this.startAt.set({ day: 1 }).toString(),
           end_at: this.startAt.add({ months: 1 }).set({ day: 7 }).toString()
         };
@@ -15218,12 +16010,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   _details = new WeakMap();
   _params = new WeakMap();
   const ticketsCalendar = new TicketsCalendar();
-  var root_3$1 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+  var root_3$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
   var root_11 = /* @__PURE__ */ from_html(`<div> </div>`);
   var root_17 = /* @__PURE__ */ from_html(`<div></div> `, 1);
   var root_7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  var root_2$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  var root_1$3 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+  var root_2$5 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+  var root_1$5 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
   function CalendarUI($$anchor, $$props) {
     push($$props, true);
     let calendarClass = prop($$props, "calendarClass", 7);
@@ -15235,18 +16027,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         bubbles: true
       }));
     });
-    var div = root_1$3();
+    var div = root_1$5();
     var node = child(div);
     {
       const children = ($$anchor2, $$arg0) => {
         let months = () => $$arg0 == null ? void 0 : $$arg0().months;
         let weekdays = () => $$arg0 == null ? void 0 : $$arg0().weekdays;
-        var fragment = root_2$4();
+        var fragment = root_2$5();
         var node_1 = first_child(fragment);
         component(node_1, () => Calendar_header, ($$anchor3, Calendar_Header) => {
           Calendar_Header($$anchor3, {
             children: ($$anchor4, $$slotProps) => {
-              var fragment_1 = root_3$1();
+              var fragment_1 = root_3$2();
               var node_2 = first_child(fragment_1);
               component(node_2, () => Calendar_prev_button, ($$anchor5, Calendar_PrevButton) => {
                 Calendar_PrevButton($$anchor5, {
@@ -15435,7 +16227,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], true);
-  var root$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+  var root$4 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
   function Calendar($$anchor, $$props) {
     push($$props, true);
     let ticketSelectionDetails = /* @__PURE__ */ state(void 0);
@@ -15451,7 +16243,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = e.detail.selected;
       });
     });
-    var div = root$1();
+    var div = root$4();
     var node = child(div);
     {
       var consequent = ($$anchor2) => {
@@ -15521,7 +16313,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const quotaSlots = filterSlots(ticketSlots, quotas);
     return combineSlots(quotaSlots);
   }
-  let Details$1 = (_c = class {
+  let Details$2 = (_d = class {
     constructor() {
       __privateAdd(this, _ticketSelectionDetails, /* @__PURE__ */ state());
     }
@@ -15532,12 +16324,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       set(__privateGet(this, _ticketSelectionDetails), value, true);
     }
     get timeslots() {
-      var _a2, _b2, _c2, _d, _e;
+      var _a2, _b2, _c2, _d2, _e2;
       const date = (_a2 = this.ticketSelectionDetails) == null ? void 0 : _a2.selectedDate;
       const ticketTypes = (_b2 = this.ticketSelectionDetails) == null ? void 0 : _b2.filters;
       const museumIds = (_c2 = this.ticketSelectionDetails) == null ? void 0 : _c2.museumIds;
-      const exhibitionIds = (_d = this.ticketSelectionDetails) == null ? void 0 : _d.exhibitionIds;
-      const ticketIds = (_e = this.ticketSelectionDetails) == null ? void 0 : _e.ticketIds;
+      const exhibitionIds = (_d2 = this.ticketSelectionDetails) == null ? void 0 : _d2.exhibitionIds;
+      const ticketIds = (_e2 = this.ticketSelectionDetails) == null ? void 0 : _e2.ticketIds;
       if (!date) return [];
       const result = snapshot(shop.ticketsAndQuotas({
         by_bookable: true,
@@ -15546,19 +16338,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         "by_ticket_types[]": ticketTypes,
         "by_museum_ids[]": museumIds,
         "by_exhibition_ids[]": exhibitionIds,
-        "by_ticket_ids[]": ticketIds,
-        locale: shop.locale
+        "by_ticket_ids[]": ticketIds
       }));
       if (!result) return [];
       return generateAvailableTimeSlots(result.tickets, result.quotas);
     }
-  }, _ticketSelectionDetails = new WeakMap(), _c);
-  var root_2$3 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
-  var root_1$2 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots" data-go-timeslots=""></ul>`);
+  }, _ticketSelectionDetails = new WeakMap(), _d);
+  var root_2$4 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
+  var root_1$4 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots" data-go-timeslots=""></ul>`);
   function Timeslots($$anchor, $$props) {
     push($$props, true);
     const binding_group = [];
-    const details = new Details$1();
+    const details = new Details$2();
     onMount(() => {
       details.ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
     });
@@ -15573,9 +16364,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var ul = root_1$2();
+        var ul = root_1$4();
         each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
-          var li = root_2$3();
+          var li = root_2$4();
           var label = child(li);
           var text2 = child(label);
           var input = sibling(text2);
@@ -15616,8 +16407,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   delegate(["change"]);
   customElements.define("go-timeslots", create_custom_element(Timeslots, {}, [], ["details"], false));
-  var root_2$2 = /* @__PURE__ */ from_html(`<div><!></div>`);
-  var root = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+  var root_2$3 = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
   function Wrapper($$anchor, $$props) {
     push($$props, true);
     let host = prop($$props, "host", 7), children = prop($$props, "children", 7), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -15633,7 +16424,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         host().setAttribute(prop2, restProps[prop2]);
       }
     }
-    var fragment = root();
+    var fragment = root$3();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
@@ -15649,7 +16440,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     var node_2 = sibling(node, 2);
     {
       var consequent_1 = ($$anchor2) => {
-        var div = root_2$2();
+        var div = root_2$3();
         attribute_effect(div, () => ({ ...restProps }));
         var node_3 = child(div);
         snippet(node_3, children);
@@ -15777,17 +16568,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     {
       mode: { attribute: "mode", reflect: true, type: "String" },
       eventId: { attribute: "event-id", reflect: true, type: "Number" },
+      ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
       filter: {},
       children: {},
       museumIds: {},
-      exhibitionIds: {},
-      ticketIds: {}
+      exhibitionIds: {}
     },
     [],
     ["details"],
     false
   ));
-  class Details {
+  let Details$1 = (_e = class {
     constructor() {
       __privateAdd(this, _ticketSelectionDetails2, /* @__PURE__ */ state());
     }
@@ -15798,13 +16589,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       set(__privateGet(this, _ticketSelectionDetails2), value, true);
     }
     get tickets() {
-      var _a2, _b2, _c2, _d, _e, _f;
+      var _a2, _b2, _c2, _d2, _e2, _f;
       const date = (_a2 = this.ticketSelectionDetails) == null ? void 0 : _a2.selectedDate;
       const ticketTypes = (_b2 = this.ticketSelectionDetails) == null ? void 0 : _b2.filters;
       const museumIds = (_c2 = this.ticketSelectionDetails) == null ? void 0 : _c2.museumIds;
-      const exhibitionIds = (_d = this.ticketSelectionDetails) == null ? void 0 : _d.exhibitionIds;
-      const ticketIds = (_e = this.ticketSelectionDetails) == null ? void 0 : _e.ticketIds;
-      if (!date && (!((_f = this.ticketSelectionDetails) == null ? void 0 : _f.selectedTimeslot) && (ticketTypes == null ? void 0 : ticketTypes.includes("time_slot")))) return [];
+      const exhibitionIds = (_d2 = this.ticketSelectionDetails) == null ? void 0 : _d2.exhibitionIds;
+      const ticketIds = (_e2 = this.ticketSelectionDetails) == null ? void 0 : _e2.ticketIds;
+      if (!date && !((_f = this.ticketSelectionDetails) == null ? void 0 : _f.selectedTimeslot) && (ticketTypes == null ? void 0 : ticketTypes.includes("time_slot"))) return [];
       const result = snapshot(shop.ticketsAndQuotas({
         by_bookable: true,
         valid_at: date == null ? void 0 : date.toString(),
@@ -15812,8 +16603,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         "by_ticket_types[]": ticketTypes,
         "by_museum_ids[]": museumIds,
         "by_exhibition_ids[]": exhibitionIds,
-        "by_ticket_ids[]": ticketIds,
-        locale: shop.locale
+        "by_ticket_ids[]": ticketIds
       }));
       if (!result) return [];
       return initGomusTickets(result.tickets);
@@ -15827,27 +16617,37 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         by_bookable: true,
         // @ts-ignore
         "by_ticket_types[]": ticketTypes,
-        "by_ticket_ids[]": ticketIds,
-        locale: shop.locale
+        "by_ticket_ids[]": ticketIds
       }));
       if (!result) return [];
       return initAnnualTickets(result.tickets);
     }
-  }
-  _ticketSelectionDetails2 = new WeakMap();
-  var root_2$1 = /* @__PURE__ */ from_html(`<option> </option>`);
-  var root_1$1 = /* @__PURE__ */ from_html(`<tr><td><select></select></td><td><p> </p> <!></td><td> </td></tr>`);
+    updateSelectedTickets(ticket, quantity) {
+      var _a2, _b2, _c2;
+      const index2 = this.tickets.findIndex((t) => t.id == ticket.id);
+      const duplicate = this.tickets[index2];
+      duplicate.quantity = quantity;
+      if (ticket.type == "time_slot") {
+        duplicate.selectedTime = ((_a2 = this.ticketSelectionDetails) == null ? void 0 : _a2.selectedTimeslot) || "";
+      } else if (ticket.type == "normal") {
+        duplicate.selectedTime = $11d87f3f76e88657$export$84c95a83c799e074((_b2 = this.ticketSelectionDetails) == null ? void 0 : _b2.selectedDate, "Europe/Berlin").toString().slice(0, -15);
+      }
+      this.ticketSelectionDetails.ticketList = (_c2 = this.ticketSelectionDetails) == null ? void 0 : _c2.ticketList.concat(duplicate);
+    }
+  }, _ticketSelectionDetails2 = new WeakMap(), _e);
+  var root_2$2 = /* @__PURE__ */ from_html(`<option> </option>`);
+  var root_1$3 = /* @__PURE__ */ from_html(`<tr><td><select></select></td><td><p> </p> <!></td><td> </td></tr>`);
   function Annual($$anchor, $$props) {
     push($$props, true);
     let details = prop($$props, "details", 7);
     var fragment = comment();
     var node = first_child(fragment);
     each(node, 16, () => Object.values(details().annualTickets), (ticket) => ticket, ($$anchor2, ticket) => {
-      var tr = root_1$1();
+      var tr = root_1$3();
       var td = child(tr);
       var select = child(td);
       each(select, 21, () => ticket.quantityOptions, index, ($$anchor3, quantity) => {
-        var option = root_2$1();
+        var option = root_2$2();
         var text2 = child(option, true);
         reset(option);
         var option_value = {};
@@ -15895,8 +16695,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   create_custom_element(Annual, { details: {} }, [], [], true);
-  var root_3 = /* @__PURE__ */ from_html(`<option> </option>`);
-  var root_2 = /* @__PURE__ */ from_html(`<tr><td><select></select></td><td><p> </p> <!></td><td> </td></tr>`);
+  var on_change = (e, details, ticket) => {
+    var _a2;
+    return details().updateSelectedTickets(ticket, parseInt((_a2 = e == null ? void 0 : e.target) == null ? void 0 : _a2.value));
+  };
+  var root_3$1 = /* @__PURE__ */ from_html(`<option> </option>`);
+  var root_2$1 = /* @__PURE__ */ from_html(`<tr><td><select></select></td><td><p> </p> <!></td><td> </td></tr>`);
   function Timeslot($$anchor, $$props) {
     push($$props, true);
     let details = prop($$props, "details", 7);
@@ -15915,12 +16719,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       var node_1 = first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
-          var tr = root_2();
+          var tr = root_2$1();
           let classes;
           var td = child(tr);
           var select = child(td);
+          select.__change = [on_change, details, ticket];
           each(select, 21, () => ticket.quantityOptions, index, ($$anchor4, quantity) => {
-            var option = root_3();
+            var option = root_3$1();
             var text2 = child(option, true);
             reset(option);
             var option_value = {};
@@ -15977,11 +16782,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     });
   }
+  delegate(["change"]);
   create_custom_element(Timeslot, { details: {} }, [], [], true);
-  var root_1 = /* @__PURE__ */ from_html(`<table><thead><tr><th scope="col">Quantity</th><th scope="col">Ticket</th><th scope="col">Price</th></tr></thead><tbody><!></tbody></table>`);
+  var root_1$2 = /* @__PURE__ */ from_html(`<table><thead><tr><th scope="col">Quantity</th><th scope="col">Ticket</th><th scope="col">Price</th></tr></thead><tbody><!></tbody></table>`);
   function Tickets($$anchor, $$props) {
     push($$props, true);
-    const details = new Details();
+    const details = new Details$1();
     onMount(() => {
       details.ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
     });
@@ -15989,7 +16795,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     var node = first_child(fragment);
     {
       var consequent_1 = ($$anchor2) => {
-        var table = root_1();
+        var table = root_1$2();
         var tbody = sibling(child(table));
         var node_1 = child(tbody);
         {
@@ -16018,11 +16824,222 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         append($$anchor2, table);
       };
       if_block(node, ($$render) => {
-        if (details.ticketSelectionDetails) $$render(consequent_1);
+        var _a2;
+        if (details.ticketSelectionDetails && details.ticketSelectionDetails.selectedTimeslot || ((_a2 = details.ticketSelectionDetails) == null ? void 0 : _a2.selectedDate)) $$render(consequent_1);
       });
     }
     append($$anchor, fragment);
     return pop({ details });
   }
   customElements.define("go-tickets", create_custom_element(Tickets, {}, [], ["details"], false));
+  var root_2 = /* @__PURE__ */ from_html(`<span> </span>`);
+  var root_1$1 = /* @__PURE__ */ from_html(`<span> </span> <!>`, 1);
+  var on_click = (_, cartItem) => cart.deleteItem(cartItem());
+  var root_3 = /* @__PURE__ */ from_html(`<button>x</button>`);
+  var root$2 = /* @__PURE__ */ from_html(`<tr><td><p> <!></p></td><td> </td><td><div><input readonly=""/></div></td><td><!></td><td> </td></tr>`);
+  function Ticket($$anchor, $$props) {
+    push($$props, true);
+    let cartItem = prop($$props, "cartItem", 7), readonly = prop($$props, "readonly", 7, false);
+    var tr = root$2();
+    var td = child(tr);
+    var p = child(td);
+    var text2 = child(p);
+    var node = sibling(text2);
+    {
+      var consequent_1 = ($$anchor2) => {
+        var fragment = root_1$1();
+        var span = first_child(fragment);
+        var text_1 = child(span, true);
+        reset(span);
+        var node_1 = sibling(span, 2);
+        {
+          var consequent = ($$anchor3) => {
+            var span_1 = root_2();
+            var text_2 = child(span_1, true);
+            reset(span_1);
+            template_effect(($0) => set_text(text_2, $0), [() => formatTime(cartItem().attributes.time)]);
+            append($$anchor3, span_1);
+          };
+          if_block(node_1, ($$render) => {
+            if (cartItem().item.type == "time_slot") $$render(consequent);
+          });
+        }
+        template_effect(($0) => set_text(text_1, $0), [
+          () => formatDate(cartItem().attributes.time, { month: "numeric", day: "numeric" }, shop.locale)
+        ]);
+        append($$anchor2, fragment);
+      };
+      if_block(node, ($$render) => {
+        if (cartItem().attributes.time) $$render(consequent_1);
+      });
+    }
+    reset(p);
+    reset(td);
+    var td_1 = sibling(td);
+    var text_3 = child(td_1, true);
+    reset(td_1);
+    var td_2 = sibling(td_1);
+    var div = child(td_2);
+    var input = child(div);
+    remove_input_defaults(input);
+    reset(div);
+    reset(td_2);
+    var td_3 = sibling(td_2);
+    var node_2 = child(td_3);
+    {
+      var consequent_2 = ($$anchor2) => {
+        var button = root_3();
+        button.__click = [on_click, cartItem];
+        append($$anchor2, button);
+      };
+      if_block(node_2, ($$render) => {
+        if (!readonly()) $$render(consequent_2);
+      });
+    }
+    reset(td_3);
+    var td_4 = sibling(td_3);
+    var text_4 = child(td_4, true);
+    reset(td_4);
+    reset(tr);
+    template_effect(() => {
+      set_text(text2, `${cartItem().item.title ?? ""} `);
+      set_text(text_3, cartItem().item.priceFormatted);
+      set_value(input, cartItem().attributes.quantity);
+      set_text(text_4, cartItem().item.totalPriceFormatted);
+    });
+    append($$anchor, tr);
+    return pop({
+      get cartItem() {
+        return cartItem();
+      },
+      set cartItem($$value) {
+        cartItem($$value);
+        flushSync();
+      },
+      get readonly() {
+        return readonly();
+      },
+      set readonly($$value = false) {
+        readonly($$value);
+        flushSync();
+      }
+    });
+  }
+  delegate(["click"]);
+  create_custom_element(Ticket, { cartItem: {}, readonly: {} }, [], [], true);
+  var root_1 = /* @__PURE__ */ from_html(`<table><thead><tr><th>Artikel</th><th>Preis</th><th>Anzahl</th><th></th><th>Gesamt</th></tr></thead><tbody></tbody><tfoot><tr><td colspan="3"></td><td>Total</td><td> </td></tr></tfoot></table>`);
+  var root_4 = /* @__PURE__ */ from_html(`<div></div>`);
+  var root$1 = /* @__PURE__ */ from_html(`<div><!></div>`);
+  function Cart($$anchor, $$props) {
+    push($$props, false);
+    init();
+    var div = root$1();
+    var node = child(div);
+    {
+      var consequent_1 = ($$anchor2) => {
+        var table = root_1();
+        var tbody = sibling(child(table));
+        each(tbody, 5, () => cart.items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
+          var fragment = comment();
+          var node_1 = first_child(fragment);
+          {
+            var consequent = ($$anchor4) => {
+              Ticket($$anchor4, {
+                get cartItem() {
+                  return get(cartItem);
+                }
+              });
+            };
+            if_block(node_1, ($$render) => {
+              if (get(cartItem).type === "Ticket") $$render(consequent);
+            });
+          }
+          append($$anchor3, fragment);
+        });
+        reset(tbody);
+        var tfoot = sibling(tbody);
+        var tr = child(tfoot);
+        var td = sibling(child(tr), 2);
+        var text2 = child(td, true);
+        reset(td);
+        reset(tr);
+        reset(tfoot);
+        reset(table);
+        template_effect(() => set_text(text2, cart.total));
+        append($$anchor2, table);
+      };
+      var alternate = ($$anchor2) => {
+        var div_1 = root_4();
+        append($$anchor2, div_1);
+      };
+      if_block(node, ($$render) => {
+        if (cart.items.length > 0) $$render(consequent_1);
+        else $$render(alternate, false);
+      });
+    }
+    reset(div);
+    append($$anchor, div);
+    pop();
+  }
+  customElements.define("go-cart", create_custom_element(Cart, {}, [], [], false));
+  class Details {
+    constructor() {
+      __privateAdd(this, _ticketSelectionDetails3, /* @__PURE__ */ state());
+    }
+    get ticketSelectionDetails() {
+      return get(__privateGet(this, _ticketSelectionDetails3));
+    }
+    set ticketSelectionDetails(value) {
+      set(__privateGet(this, _ticketSelectionDetails3), value, true);
+    }
+    addToCart(cart2, url = void 0) {
+      var _a2;
+      if (!cart2) {
+        console.error("cart not found");
+        return;
+      }
+      const items = ((_a2 = this.ticketSelectionDetails) == null ? void 0 : _a2.ticketList.map((t) => new CartItem(t, "Ticket"))) || [];
+      cart2.addToCart(items, url);
+      this.ticketSelectionDetails.ticketList = [];
+    }
+  }
+  _ticketSelectionDetails3 = new WeakMap();
+  var root = /* @__PURE__ */ from_html(`<div><button> </button></div>`);
+  function CheckoutButton($$anchor, $$props) {
+    push($$props, true);
+    let url = prop($$props, "url", 7), text2 = prop($$props, "text", 7, "");
+    const details = new Details();
+    details.ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
+    var div = root();
+    var button = child(div);
+    button.__click = () => details.addToCart(cart, url());
+    var text_1 = child(button, true);
+    reset(button);
+    reset(div);
+    template_effect(() => {
+      var _a2;
+      button.disabled = ((_a2 = details.ticketSelectionDetails) == null ? void 0 : _a2.ticketList) && details.ticketSelectionDetails.ticketList.length == 0;
+      set_text(text_1, text2());
+    });
+    append($$anchor, div);
+    return pop({
+      details,
+      get url() {
+        return url();
+      },
+      set url($$value) {
+        url($$value);
+        flushSync();
+      },
+      get text() {
+        return text2();
+      },
+      set text($$value = "") {
+        text2($$value);
+        flushSync();
+      }
+    });
+  }
+  delegate(["click"]);
+  customElements.define("go-checkout-button", create_custom_element(CheckoutButton, { url: {}, text: {} }, [], ["details"], false));
 })();