@gomusdev/web-components 0.0.19 → 0.0.20

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

@@ -11,11 +11,17 @@ 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, _priceCents, _priceFormatted, _quantity, _totalPriceCents, _totalPriceFormatted, _GomusTicket_instances, calcPriceCentes_fn, createTimeslots_fn, _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;
+  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, _ticketGroups, _preCarts, _tickets, _preCart, _type, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _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, _ticketSelectionDetails3;
   const PUBLIC_VERSION = "5";
   if (typeof window !== "undefined") {
     ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
   }
+  let legacy_mode_flag = false;
+  let tracing_mode_flag = false;
+  function enable_legacy_mode_flag() {
+    legacy_mode_flag = true;
+  }
+  enable_legacy_mode_flag();
   const EACH_ITEM_REACTIVE = 1;
   const EACH_INDEX_REACTIVE = 1 << 1;
   const EACH_IS_CONTROLLED = 1 << 2;
@@ -254,11 +260,6 @@ 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);
@@ -631,14 +632,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
     return new Promise((fulfil) => {
       function next2(p) {
-        function go() {
+        function go2() {
           if (p === promise) {
             fulfil(signal);
           } else {
             next2(promise);
           }
         }
-        p.then(go, go);
+        p.then(go2, go2);
       }
       next2(promise);
     });
@@ -3157,7 +3158,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, _d2;
+    var _a2, _b2, _c2, _d;
     var is_animated = (flags & EACH_IS_ANIMATED) !== 0;
     var should_update = (flags & (EACH_ITEM_REACTIVE | EACH_INDEX_REACTIVE)) !== 0;
     var length = array.length;
@@ -3298,7 +3299,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) {
-            (_d2 = to_destroy[i].a) == null ? void 0 : _d2.fix();
+            (_d = to_destroy[i].a) == null ? void 0 : _d.fix();
           }
         }
         pause_effects(state2, to_destroy, controlled_anchor);
@@ -3813,16 +3814,6 @@ 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")) {
@@ -4932,10 +4923,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function wait(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
-  const defaultErrorConfig$1 = {
+  const defaultErrorConfig = {
     withStackTrace: false
   };
-  const createNeverThrowError$1 = (message, result, config = defaultErrorConfig$1) => {
+  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 {
@@ -4944,7 +4935,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       stack: maybeStack
     };
   };
-  function __awaiter$1(thisArg, _arguments, P, generator) {
+  function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function(resolve) {
         resolve(value);
@@ -4971,7 +4962,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       step((generator = generator.apply(thisArg, [])).next());
     });
   }
-  function __values$1(o) {
+  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 {
@@ -4982,10 +4973,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$1(v) {
-    return this instanceof __await$1 ? (this.v = v, this) : new __await$1(v);
+  function __await(v) {
+    return this instanceof __await ? (this.v = v, this) : new __await(v);
   }
-  function __asyncGenerator$1(thisArg, _arguments, generator) {
+  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 = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
@@ -5006,7 +4997,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     }
     function step(r2) {
-      r2.value instanceof __await$1 ? Promise.resolve(r2.value.v).then(fulfill, reject) : settle(q[0][2], r2);
+      r2.value instanceof __await ? Promise.resolve(r2.value.v).then(fulfill, reject) : settle(q[0][2], r2);
     }
     function fulfill(value) {
       resume("next", value);
@@ -5018,7 +5009,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$1(o) {
+  function __asyncDelegator(o) {
     var i, p;
     return i = {}, verb("next"), verb("throw", function(e) {
       throw e;
@@ -5027,14 +5018,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$1(o[n](v)), done: n === "return" } : f ? f(v) : v;
+        return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v;
       } : f;
     }
   }
-  function __asyncValues$1(o) {
+  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$1 === "function" ? __values$1(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
+    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) {
@@ -5050,93 +5041,93 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }, reject);
     }
   }
-  let ResultAsync$1 = class ResultAsync2 {
+  class ResultAsync {
     constructor(res) {
       this._promise = res;
     }
     static fromSafePromise(promise) {
-      const newPromise = promise.then((value) => new Ok$1(value));
-      return new ResultAsync2(newPromise);
+      const newPromise = promise.then((value) => new Ok(value));
+      return new ResultAsync(newPromise);
     }
     static fromPromise(promise, errorFn) {
-      const newPromise = promise.then((value) => new Ok$1(value)).catch((e) => new Err$1(errorFn(e)));
-      return new ResultAsync2(newPromise);
+      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 ResultAsync2((() => __awaiter$1(this, void 0, void 0, function* () {
+        return new ResultAsync((() => __awaiter(this, void 0, void 0, function* () {
           try {
-            return new Ok$1(yield fn(...args));
+            return new Ok(yield fn(...args));
           } catch (error) {
-            return new Err$1(errorFn ? errorFn(error) : error);
+            return new Err(errorFn ? errorFn(error) : error);
           }
         }))());
       };
     }
     static combine(asyncResultList) {
-      return combineResultAsyncList$1(asyncResultList);
+      return combineResultAsyncList(asyncResultList);
     }
     static combineWithAllErrors(asyncResultList) {
-      return combineResultAsyncListWithAllErrors$1(asyncResultList);
+      return combineResultAsyncListWithAllErrors(asyncResultList);
     }
     map(f) {
-      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
         if (res.isErr()) {
-          return new Err$1(res.error);
+          return new Err(res.error);
         }
-        return new Ok$1(yield f(res.value));
+        return new Ok(yield f(res.value));
       })));
     }
     andThrough(f) {
-      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
         if (res.isErr()) {
-          return new Err$1(res.error);
+          return new Err(res.error);
         }
         const newRes = yield f(res.value);
         if (newRes.isErr()) {
-          return new Err$1(newRes.error);
+          return new Err(newRes.error);
         }
-        return new Ok$1(res.value);
+        return new Ok(res.value);
       })));
     }
     andTee(f) {
-      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
         if (res.isErr()) {
-          return new Err$1(res.error);
+          return new Err(res.error);
         }
         try {
           yield f(res.value);
         } catch (e) {
         }
-        return new Ok$1(res.value);
+        return new Ok(res.value);
       })));
     }
     mapErr(f) {
-      return new ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
         if (res.isOk()) {
-          return new Ok$1(res.value);
+          return new Ok(res.value);
         }
-        return new Err$1(yield f(res.error));
+        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 ResultAsync2(this._promise.then((res) => {
+      return new ResultAsync(this._promise.then((res) => {
         if (res.isErr()) {
-          return new Err$1(res.error);
+          return new Err(res.error);
         }
         const newValue = f(res.value);
-        return newValue instanceof ResultAsync2 ? newValue._promise : newValue;
+        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 ResultAsync2(this._promise.then((res) => __awaiter$1(this, void 0, void 0, function* () {
+      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
         if (res.isErr()) {
           return f(res.error);
         }
-        return new Ok$1(res.value);
+        return new Ok(res.value);
       })));
     }
     match(ok2, _err) {
@@ -5149,21 +5140,21 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
      * Emulates Rust's `?` operator in `safeTry`'s body. See also `safeTry`.
      */
     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()))))));
+      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);
     }
-  };
-  const errAsync$1 = (err2) => new ResultAsync$1(Promise.resolve(new Err$1(err2)));
-  const combineResultList$1 = (resultList) => {
-    let acc = ok$1([]);
+  }
+  const errAsync = (err2) => new ResultAsync(Promise.resolve(new Err(err2)));
+  const combineResultList = (resultList) => {
+    let acc = ok([]);
     for (const result of resultList) {
       if (result.isErr()) {
-        acc = err$1(result.error);
+        acc = err(result.error);
         break;
       } else {
         acc.map((list) => list.push(result.value));
@@ -5171,48 +5162,48 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return acc;
   };
-  const combineResultAsyncList$1 = (asyncResultList) => ResultAsync$1.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultList$1);
-  const combineResultListWithAllErrors$1 = (resultList) => {
-    let acc = ok$1([]);
+  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$1([result.error]);
+        acc = err([result.error]);
       } else if (result.isOk() && acc.isOk()) {
         acc.value.push(result.value);
       }
     }
     return acc;
   };
-  const combineResultAsyncListWithAllErrors$1 = (asyncResultList) => ResultAsync$1.fromSafePromise(Promise.all(asyncResultList)).andThen(combineResultListWithAllErrors$1);
-  var Result$1;
+  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$1(result);
+          return ok(result);
         } catch (e) {
-          return err$1(errorFn ? errorFn(e) : e);
+          return err(errorFn ? errorFn(e) : e);
         }
       };
     }
     Result2.fromThrowable = fromThrowable;
     function combine(resultList) {
-      return combineResultList$1(resultList);
+      return combineResultList(resultList);
     }
     Result2.combine = combine;
     function combineWithAllErrors(resultList) {
-      return combineResultListWithAllErrors$1(resultList);
+      return combineResultListWithAllErrors(resultList);
     }
     Result2.combineWithAllErrors = combineWithAllErrors;
-  })(Result$1 || (Result$1 = {}));
-  const ok$1 = (value) => new Ok$1(value);
-  function err$1(err2) {
-    return new Err$1(err2);
+  })(Result || (Result = {}));
+  const ok = (value) => new Ok(value);
+  function err(err2) {
+    return new Err(err2);
   }
-  let Ok$1 = class Ok {
+  class Ok {
     constructor(value) {
       this.value = value;
     }
@@ -5223,11 +5214,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return !this.isOk();
     }
     map(f) {
-      return ok$1(f(this.value));
+      return ok(f(this.value));
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     mapErr(_f) {
-      return ok$1(this.value);
+      return ok(this.value);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     andThen(f) {
@@ -5242,11 +5233,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         f(this.value);
       } catch (e) {
       }
-      return ok$1(this.value);
+      return ok(this.value);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     orElse(_f) {
-      return ok$1(this.value);
+      return ok(this.value);
     }
     asyncAndThen(f) {
       return f(this.value);
@@ -5256,7 +5247,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return f(this.value).map(() => this.value);
     }
     asyncMap(f) {
-      return ResultAsync$1.fromSafePromise(f(this.value));
+      return ResultAsync.fromSafePromise(f(this.value));
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     unwrapOr(_v) {
@@ -5276,10 +5267,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return this.value;
     }
     _unsafeUnwrapErr(config) {
-      throw createNeverThrowError$1("Called `_unsafeUnwrapErr` on an Ok", this, config);
+      throw createNeverThrowError("Called `_unsafeUnwrapErr` on an Ok", this, config);
     }
-  };
-  let Err$1 = class Err {
+  }
+  class Err {
     constructor(error) {
       this.error = error;
     }
@@ -5291,20 +5282,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     map(_f) {
-      return err$1(this.error);
+      return err(this.error);
     }
     mapErr(f) {
-      return err$1(f(this.error));
+      return err(f(this.error));
     }
     andThrough(_f) {
-      return err$1(this.error);
+      return err(this.error);
     }
     andTee(_f) {
-      return err$1(this.error);
+      return err(this.error);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     andThen(_f) {
-      return err$1(this.error);
+      return err(this.error);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     orElse(f) {
@@ -5312,14 +5303,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     asyncAndThen(_f) {
-      return errAsync$1(this.error);
+      return errAsync(this.error);
     }
     asyncAndThrough(_f) {
-      return errAsync$1(this.error);
+      return errAsync(this.error);
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     asyncMap(_f) {
-      return errAsync$1(this.error);
+      return errAsync(this.error);
     }
     unwrapOr(v) {
       return v;
@@ -5330,18 +5321,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     safeUnwrap() {
       const error = this.error;
       return function* () {
-        yield err$1(error);
+        yield err(error);
         throw new Error("Do not use this generator out of `safeTry`");
       }();
     }
     _unsafeUnwrap(config) {
-      throw createNeverThrowError$1("Called `_unsafeUnwrap` on an Err", this, config);
+      throw createNeverThrowError("Called `_unsafeUnwrap` on an Err", this, config);
     }
     _unsafeUnwrapErr(_) {
       return this.error;
     }
-  };
-  Result$1.fromThrowable;
+  }
+  Result.fromThrowable;
   const PATH_PARAM_RE = /\{[^{}]+\}/g;
   function randomID() {
     return Math.random().toString(36).slice(2, 11);
@@ -7967,11 +7958,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         unknownKeys: "strict",
         ...message !== void 0 ? {
           errorMap: (issue, ctx) => {
-            var _a2, _b2, _c2, _d2;
+            var _a2, _b2, _c2, _d;
             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: (_d2 = errorUtil.errToObj(message).message) !== null && _d2 !== void 0 ? _d2 : defaultError
+                message: (_d = errorUtil.errToObj(message).message) !== null && _d !== void 0 ? _d : defaultError
               };
             return {
               message: defaultError
@@ -10456,9 +10447,6 @@ 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}`);
@@ -10868,28 +10856,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     return new Date(isoDateString).toLocaleDateString(locale, options);
   }
-  function formatCurrency$1(priceCents) {
-    if (priceCents === void 0) {
-      throw Error("priceCents is required");
-    }
-    return new Intl.NumberFormat("de-DE", {
-      style: "currency",
-      currency: "EUR"
-    }).format(priceCents / 100);
-  }
-  function generateQuantityOptions(min, max) {
-    if (min === 0) min = 1;
-    if (max < min) return [{ value: 0, label: "0" }];
-    return [
-      { value: 0, label: "0" },
-      ...new Array(max - min + 1).fill({}).map((_value, index2) => {
-        return { value: min + index2, label: (min + index2).toString() };
-      })
-    ];
-  }
   const isObject$1 = (value) => {
     return !!value && value.constructor === Object;
   };
+  function sum(array, fn) {
+    return (array || []).reduce((acc, item) => acc + (fn ? fn(item) : item), 0);
+  }
   const sort = (array, getter, desc = false) => {
     if (!array)
       return [];
@@ -10921,66 +10893,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       {}
     );
   };
-  class GomusAnnualTicket {
-    constructor(ticketObject, minAvailableCapacity = 0, selectedTime = "", quantity) {
-      __publicField(this, "id");
-      __publicField(this, "title");
-      __publicField(this, "description");
-      __publicField(this, "type");
-      __publicField(this, "selectedTime");
-      __publicField(this, "_quantity", 0);
-      __publicField(this, "quantityOptions");
-      __publicField(this, "vatPct");
-      __publicField(this, "priceCents");
-      __publicField(this, "priceFormatted");
-      __publicField(this, "totalPriceCents");
-      __publicField(this, "totalPriceFormatted");
-      __publicField(this, "minQuantity");
-      __publicField(this, "maxQuantity");
-      __publicField(this, "maxPersons");
-      __publicField(this, "shopOrder");
-      __publicField(this, "minAvailableCapacity");
-      __publicField(this, "reductionReason");
-      __publicField(this, "ticketObject");
-      this.ticketObject = ticketObject;
-      this.minAvailableCapacity = minAvailableCapacity;
-      this.id = ticketObject.id;
-      this.title = ticketObject.title;
-      this.description = ticketObject.description;
-      this.type = "annual";
-      this.selectedTime = selectedTime;
-      this.vatPct = ticketObject.vat_pct;
-      if (ticketObject.tax_included) {
-        this.priceCents = ticketObject.price_cents;
-      } else {
-        this.priceCents = ticketObject.price_cents * (1 + this.vatPct / 100);
-      }
-      this.priceFormatted = formatCurrency$1(this.priceCents);
-      this.quantity = quantity || 0;
-      this.minQuantity = ticketObject.min_persons;
-      this.maxPersons = ticketObject.max_persons;
-      this.quantityOptions = generateQuantityOptions(this.minQuantity, this.maxPersons);
-      this.shopOrder = ticketObject.shop_order ? ticketObject.shop_order : 0;
-    }
-    set quantity(value) {
-      this._quantity = value;
-      this.updateTotalPrices();
-    }
-    get quantity() {
-      return this._quantity;
-    }
-    updateTotalPrices() {
-      this.totalPriceCents = this.quantity * this.priceCents;
-      this.totalPriceFormatted = formatCurrency$1(this.totalPriceCents);
-    }
-  }
-  function initAnnualTickets(tickets) {
-    const tmpTickets = {};
-    Object.keys(tickets).forEach((ticketId) => {
-      if (tickets[ticketId]) tmpTickets[ticketId] = new GomusAnnualTicket(tickets[ticketId]);
-    });
-    return sort(Object.values(tmpTickets), (f) => f.shopOrder);
-  }
   class Shop {
     constructor(apiUrl, shopDomain, locale, type = "angular") {
       __privateAdd(this, _Shop_instances);
@@ -11197,6 +11109,291 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   _canFetch = new WeakMap();
   _ensureFetch = new WeakMap();
   const shop = new Shop();
+  function createCartItem(ticket, options) {
+    const finalOptions = {
+      quantity: 0,
+      time: "",
+      ...options ?? {}
+    };
+    return {
+      ...finalOptions,
+      type: "Ticket",
+      item: ticket,
+      get attributes() {
+        return {
+          id: this.item.id,
+          quantity: this.quantity,
+          time: this.time
+        };
+      },
+      get uuid() {
+        return this.type + "-" + this.attributes.id;
+      },
+      get price_cents() {
+        return this.item.price_cents;
+      },
+      get price_formatted() {
+        return formatCurrency(this.price_cents);
+      },
+      get final_price_cents() {
+        const taxFactor = this.item.tax_included ? 1 : 1 + this.item.vat_pct / 100;
+        return this.price_cents * taxFactor;
+      },
+      get final_price_formatted() {
+        return formatCurrency(this.final_price_cents);
+      },
+      get total_price_cents() {
+        return this.quantity * this.final_price_cents;
+      },
+      get total_price_formatted() {
+        return formatCurrency(this.total_price_cents);
+      }
+    };
+  }
+  let uuid = 1;
+  function createUITicket(apiTicket, options) {
+    const finalOptions = {
+      minAvailableCapacity: 0,
+      selectedTime: "",
+      quantity: 0,
+      ...options ?? {}
+    };
+    const _ = { ...apiTicket, ...finalOptions };
+    const uiTicket = {
+      uid: uuid++,
+      ..._,
+      //include all from options and apiTicket
+      type: { time_slot: "timeslot", normal: "day", annual: "annual" }[_.ticket_type],
+      shop_order: _.shop_order ?? 0,
+      get max_capacity() {
+        return max_capacity(this);
+      },
+      get min_quantity() {
+        return this.min_persons;
+      },
+      get max_quantity() {
+        return Math.min(this.max_persons, this.max_capacity);
+      }
+    };
+    return uiTicket;
+  }
+  function initUITimeslotTickets(tickets) {
+    return sort(Object.values(tickets).map((ticket) => createUITicket(ticket)), (f) => f.shop_order);
+  }
+  function max_capacity(ticket) {
+    switch (ticket.type) {
+      case "timeslot":
+        const timeslotTicket = ticket;
+        return (timeslotTicket.capacities ? Math.max(0, ...Object.values(timeslotTicket.capacities)) : timeslotTicket.max_persons) + ticket.quantity;
+      case "annual":
+        return ticket.max_persons;
+      case "day":
+        return ticket.max_persons;
+      default:
+        const exhastedChecking = ticket.type;
+        throw new Error(`(max_capacity) Unhandled case: ${exhastedChecking}`);
+    }
+  }
+  function updateLocalStorage(cart2) {
+    const content = JSON.stringify(cart2.items || []);
+    localStorage.setItem("go-cart", content);
+    return content;
+  }
+  function generateCartItem(cartItem) {
+    const type = cartItem.type;
+    switch (type) {
+      case "Ticket":
+        if (cartItem.item.ticket_type === "timeslot" && !inTheFuture(cartItem.attributes.time)) return;
+        const ticket = createUITicket(cartItem.item, {
+          quantity: cartItem.attributes.quantity,
+          minAvailableCapacity: 0
+        });
+        return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.attributes.quantity });
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unhandled case: ${_exhaustiveCheck}`);
+    }
+  }
+  function loadFromLocalStorage(cart2) {
+    let lsItems = [];
+    try {
+      const content = localStorage.getItem("go-cart");
+      if (!content) return [];
+      lsItems = JSON.parse(content);
+      if (!Array.isArray(lsItems)) {
+        console.dir({ lsItems, content });
+        throw new Error("go-cart is not an array");
+      }
+      if (lsItems.length === 0) return [];
+      cart2.items = lsItems.map(generateCartItem).filter(defined);
+      return cart2.items;
+    } catch (e) {
+      console.error(e);
+      localStorage.setItem("go-cart", JSON.stringify([]));
+      return [];
+    }
+  }
+  function syncCartToLocalStorage(cart2) {
+    loadFromLocalStorage(cart2);
+    const storeCart = proxy(cart2);
+    effect_root(() => {
+      user_effect(() => {
+        updateLocalStorage(storeCart);
+      });
+    });
+    let lastLS = "";
+    setInterval(
+      () => {
+        let newLS = localStorage.getItem("go-cart");
+        if (lastLS && lastLS !== newLS) {
+          loadFromLocalStorage(cart2);
+        }
+        lastLS = newLS || "";
+      },
+      1e3
+    );
+  }
+  const inTheFuture = (time) => {
+    const now = /* @__PURE__ */ new Date();
+    const parsed = new Date(time);
+    return now < parsed;
+  };
+  const defined = (x) => x !== void 0;
+  let lastUuid = 0;
+  function createCart(tickets, options) {
+    const items = proxy([]);
+    const cart2 = {
+      items,
+      uid: `cart-${lastUuid++}`,
+      get nonEmptyItems() {
+        return this.items.filter((i) => i.quantity > 0);
+      },
+      get totalPriceCents() {
+        return Math.max(0, sum(this.items, (item) => item.total_price_cents));
+      },
+      get totalFormatted() {
+        return formatCurrency(this.totalPriceCents);
+      },
+      clearItems() {
+        this.items.length = 0;
+      },
+      deleteItem(item) {
+        for (let i = this.items.length - 1; i >= 0; i--) {
+          if (this.items[i].uuid === item.uuid) this.items.splice(i, 1);
+        }
+      },
+      addItem(item) {
+        const existingItem = this.items.find((i) => i.uuid === item.uuid);
+        existingItem ? existingItem.quantity += item.quantity : this.items.push(item);
+      },
+      addItems(items2) {
+        items2.forEach((item) => this.addItem(item));
+      }
+    };
+    if (tickets) tickets.forEach((t) => cart2.addItem(createCartItem(t)));
+    return cart2;
+  }
+  const cart = proxy(createCart([]));
+  syncCartToLocalStorage(cart);
+  function formatCurrency(priceCents) {
+    priceCents = priceCents ?? 0;
+    return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format(priceCents / 100);
+  }
+  var root_4$1 = /* @__PURE__ */ from_html(`<span> </span>`);
+  var root_3$2 = /* @__PURE__ */ from_html(`<span> </span> <!>`, 1);
+  var on_click = (_, cartItem) => cart.deleteItem(get(cartItem));
+  var root_2$g = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <li data-go-cart-item-remove=""><button>⨉</button></li> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
+  var root_1$3 = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-item-title="">Product</li> <li data-go-cart-item-price="">Price</li> <li data-go-cart-item-count="">Count</li> <li data-go-cart-item-remove="">remove</li> <li data-go-cart-item-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-item-title=""></li> <li data-go-cart-item-price=""></li> <li data-go-cart-item-count=""></li> <li data-go-cart-item-remove=""></li> <li data-go-cart-item-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
+  function Cart($$anchor, $$props) {
+    push($$props, false);
+    init();
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent_2 = ($$anchor2) => {
+        var ol = root_1$3();
+        var node_1 = sibling(child(ol), 2);
+        each(node_1, 1, () => cart.items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
+          var li = root_2$g();
+          var article = child(li);
+          var ul = child(article);
+          var li_1 = child(ul);
+          var text2 = child(li_1);
+          var node_2 = sibling(text2);
+          {
+            var consequent_1 = ($$anchor4) => {
+              var fragment_1 = root_3$2();
+              var span = first_child(fragment_1);
+              var text_1 = child(span, true);
+              reset(span);
+              var node_3 = sibling(span, 2);
+              {
+                var consequent = ($$anchor5) => {
+                  var span_1 = root_4$1();
+                  var text_2 = child(span_1, true);
+                  reset(span_1);
+                  template_effect(($0) => set_text(text_2, $0), [() => formatTime(get(cartItem).attributes.time)]);
+                  append($$anchor5, span_1);
+                };
+                if_block(node_3, ($$render) => {
+                  if (get(cartItem).item.type === "timeslot") $$render(consequent);
+                });
+              }
+              template_effect(($0) => set_text(text_1, $0), [
+                () => formatDate(get(cartItem).attributes.time, { month: "numeric", day: "numeric" }, shop.locale)
+              ]);
+              append($$anchor4, fragment_1);
+            };
+            if_block(node_2, ($$render) => {
+              if (get(cartItem).item.type === "timeslot" && get(cartItem).attributes.time) $$render(consequent_1);
+            });
+          }
+          reset(li_1);
+          var li_2 = sibling(li_1, 2);
+          var text_3 = child(li_2, true);
+          reset(li_2);
+          var li_3 = sibling(li_2, 2);
+          var text_4 = child(li_3, true);
+          reset(li_3);
+          var li_4 = sibling(li_3, 2);
+          var button = child(li_4);
+          button.__click = [on_click, cartItem];
+          reset(li_4);
+          var li_5 = sibling(li_4, 2);
+          var text_5 = child(li_5, true);
+          reset(li_5);
+          reset(ul);
+          reset(article);
+          reset(li);
+          template_effect(() => {
+            set_attribute(article, "data-testid", get(cartItem).uuid);
+            set_text(text2, `${get(cartItem).item.title ?? ""} `);
+            set_text(text_3, get(cartItem).final_price_formatted);
+            set_text(text_4, get(cartItem).quantity);
+            set_text(text_5, get(cartItem).total_price_formatted);
+          });
+          append($$anchor3, li);
+        });
+        var li_6 = sibling(node_1, 2);
+        var ul_1 = child(li_6);
+        var li_7 = sibling(child(ul_1), 8);
+        var text_6 = child(li_7, true);
+        reset(li_7);
+        reset(ul_1);
+        reset(li_6);
+        reset(ol);
+        template_effect(() => set_text(text_6, cart.totalFormatted));
+        append($$anchor2, ol);
+      };
+      if_block(node, ($$render) => {
+        if (cart.items.length) $$render(consequent_2);
+      });
+    }
+    append($$anchor, fragment);
+    pop();
+  }
+  delegate(["click"]);
+  customElements.define("go-cart", create_custom_element(Cart, {}, [], [], false));
   function GomusInit($$anchor, $$props) {
     push($$props, true);
     let apiUrl = prop($$props, "apiUrl", 7), shopDomain = prop($$props, "shopDomain", 7), locale = prop($$props, "locale", 7);
@@ -11292,6 +11489,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     [],
     false
   ));
+  function evaluateExpression(expression, data) {
+    try {
+      const func = new Function("data", `return ${expression};`);
+      return func(data);
+    } catch (error) {
+      console.log(`Error while evaluating when in go-if: ${error.message}`);
+    }
+  }
   function createSetDetails(KEY2) {
     return function(host, details) {
       if (host) {
@@ -11313,874 +11518,758 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     };
   }
-  class GomusTicket {
-    constructor(apiTicket, options) {
-      __privateAdd(this, _GomusTicket_instances);
-      __publicField(this, "id");
-      __publicField(this, "title");
-      __publicField(this, "description");
-      __publicField(this, "type");
-      __publicField(this, "selectedTime");
-      __publicField(this, "quantityOptions");
-      __publicField(this, "vatPct");
-      __privateAdd(this, _priceCents, /* @__PURE__ */ state(0));
-      __privateAdd(this, _priceFormatted, /* @__PURE__ */ user_derived(() => formatCurrency$1(this.priceCents)));
-      __privateAdd(this, _quantity, /* @__PURE__ */ state(0));
-      __privateAdd(this, _totalPriceCents, /* @__PURE__ */ user_derived(() => this.quantity * this.priceCents));
-      __privateAdd(this, _totalPriceFormatted, /* @__PURE__ */ user_derived(() => formatCurrency$1(this.totalPriceCents)));
-      __publicField(this, "minQuantity");
-      __publicField(this, "maxQuantity");
-      __publicField(this, "maxPersons");
-      __publicField(this, "timeSlots");
-      __publicField(this, "capacities");
-      __publicField(this, "totalCapacities");
-      __publicField(this, "minAvailableCapacity");
-      __publicField(this, "maxCapacity");
-      __publicField(this, "maxTotalCapacity");
-      __publicField(this, "quotaIds");
-      __publicField(this, "shopOrder");
-      __publicField(this, "reductionReason");
-      __publicField(this, "apiTicket");
-      const { minAvailableCapacity = 0, selectedTime = "", quantity = 0 } = { ...options };
-      this.apiTicket = apiTicket;
-      this.minAvailableCapacity = minAvailableCapacity;
-      this.id = apiTicket.id;
-      this.title = apiTicket.title;
-      this.description = apiTicket.description;
-      this.type = apiTicket.ticket_type;
-      this.selectedTime = selectedTime;
-      this.vatPct = apiTicket.vat_pct;
-      __privateMethod(this, _GomusTicket_instances, calcPriceCentes_fn).call(this);
-      this.quantity = quantity;
-      this.minQuantity = apiTicket.min_persons;
-      this.maxPersons = apiTicket.max_persons;
-      this.maxTotalCapacity = apiTicket.max_total_capacity;
-      this.capacities = { ...apiTicket.capacities };
-      this.totalCapacities = { ...apiTicket.total_capacities };
-      this.timeSlots = __privateMethod(this, _GomusTicket_instances, createTimeslots_fn).call(this);
-      this.quotaIds = apiTicket.quota_ids;
-      this.updateMaxCapacity(selectedTime ?? null);
-      this.shopOrder = apiTicket.shop_order ? apiTicket.shop_order : 0;
-    }
-    get priceCents() {
-      return get(__privateGet(this, _priceCents));
-    }
-    set priceCents(value) {
-      set(__privateGet(this, _priceCents), value, true);
-    }
-    get priceFormatted() {
-      return get(__privateGet(this, _priceFormatted));
-    }
-    set priceFormatted(value) {
-      set(__privateGet(this, _priceFormatted), value);
-    }
-    get quantity() {
-      return get(__privateGet(this, _quantity));
-    }
-    set quantity(value) {
-      set(__privateGet(this, _quantity), value, true);
-    }
-    get totalPriceCents() {
-      return get(__privateGet(this, _totalPriceCents));
-    }
-    set totalPriceCents(value) {
-      set(__privateGet(this, _totalPriceCents), value);
-    }
-    get totalPriceFormatted() {
-      return get(__privateGet(this, _totalPriceFormatted));
-    }
-    set totalPriceFormatted(value) {
-      set(__privateGet(this, _totalPriceFormatted), value);
-    }
-    updateMaxCapacity(isoTime) {
-      if (isoTime) {
-        this.maxCapacity = Math.max(0, this.capacities[isoTime] ?? 0);
-      } else {
-        this.maxCapacity = Math.max(0, ...Object.keys(this.capacities).map((key) => this.capacities[key])) + this.quantity;
-      }
-      this.updateMaxQuantity();
+  let lastUId = 0;
+  class TicketSelectionDetails {
+    constructor() {
+      __publicField(this, "uid", lastUId++);
+      __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, _ticketGroups, /* @__PURE__ */ state(proxy([])));
+      __privateAdd(this, _preCarts, /* @__PURE__ */ user_derived(() => this.ticketGroups.map((tg) => tg.preCart)));
     }
-    updateMaxQuantity() {
-      this.maxQuantity = Math.min(this.maxPersons, this.maxCapacity);
-      this.quantityOptions = generateQuantityOptions(this.minQuantity, this.maxQuantity);
-      this.updateTimeslots();
+    get mode() {
+      return get(__privateGet(this, _mode));
     }
-    updateTimeslots() {
-      this.timeSlots.forEach((timeslot) => {
-        timeslot.capacity = Math.max(this.capacities[timeslot.startAt], 0);
-        const selectedQuantity = timeslot.startAt === this.selectedTime ? this.quantity : 0;
-        timeslot.available = this.capacities[timeslot.startAt] + selectedQuantity >= this.quantity && this.capacities[timeslot.startAt] + selectedQuantity >= this.minAvailableCapacity;
-        timeslot.selected = this.selectedTime === timeslot.startAt;
-      });
+    set mode(value) {
+      set(__privateGet(this, _mode), value, true);
     }
-  }
-  _priceCents = new WeakMap();
-  _priceFormatted = new WeakMap();
-  _quantity = new WeakMap();
-  _totalPriceCents = new WeakMap();
-  _totalPriceFormatted = new WeakMap();
-  _GomusTicket_instances = new WeakSet();
-  calcPriceCentes_fn = function() {
-    if (this.apiTicket.tax_included) {
-      this.priceCents = this.apiTicket.price_cents;
-    } else {
-      this.priceCents = this.apiTicket.price_cents * (1 + this.vatPct / 100);
+    get filters() {
+      return get(__privateGet(this, _filters));
     }
-  };
-  createTimeslots_fn = function() {
-    let ret = Object.keys(this.capacities).map((key) => ({
-      startAt: key,
-      timeFormatted: formatTime(key),
-      capacity: this.capacities[key],
-      totalCapacity: this.totalCapacities[key],
-      available: this.capacities[key] >= this.minAvailableCapacity,
-      selected: this.selectedTime === key,
-      quotaIds: this.apiTicket.quota_ids
-    }));
-    ret = ret.filter((st) => this.totalCapacities[st.startAt]).sort((a, b) => a.startAt > b.startAt ? 1 : -1);
-    return ret;
-  };
-  function initGomusTickets(tickets) {
-    const tmpTickets = {};
-    Object.keys(tickets).forEach((ticketId) => {
-      if (tickets[ticketId]) tmpTickets[ticketId] = new GomusTicket(tickets[ticketId]);
-    });
-    return sort(Object.values(tmpTickets), (f) => f.shopOrder);
-  }
-  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);
-      });
-    }
-    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]);
+    set exhibitionIds(value) {
+      set(__privateGet(this, _exhibitionIds), value, true);
     }
-  }
-  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;
+    get ticketIds() {
+      return get(__privateGet(this, _ticketIds));
     }
-  }
-  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);
-        });
-      };
+    set ticketIds(value) {
+      set(__privateGet(this, _ticketIds), value, true);
     }
-    function settle(resolve, reject, d, v) {
-      Promise.resolve(v).then(function(v2) {
-        resolve({ value: v2, done: d });
-      }, reject);
+    get selectedDate() {
+      return get(__privateGet(this, _selectedDate));
     }
-  }
-  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;
+    set selectedDate(value) {
+      set(__privateGet(this, _selectedDate), value, true);
     }
-    static fromSafePromise(promise) {
-      const newPromise = promise.then((value) => new Ok(value));
-      return new ResultAsync(newPromise);
+    get selectedTimeslot() {
+      return get(__privateGet(this, _selectedTimeslot));
     }
-    static fromPromise(promise, errorFn) {
-      const newPromise = promise.then((value) => new Ok(value)).catch((e) => new Err(errorFn(e)));
-      return new ResultAsync(newPromise);
+    set selectedTimeslot(value) {
+      set(__privateGet(this, _selectedTimeslot), value, true);
     }
-    // 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);
-          }
-        }))());
-      };
+    get ticketGroups() {
+      return get(__privateGet(this, _ticketGroups));
     }
-    static combine(asyncResultList) {
-      return combineResultAsyncList(asyncResultList);
+    set ticketGroups(value) {
+      set(__privateGet(this, _ticketGroups), value, true);
     }
-    static combineWithAllErrors(asyncResultList) {
-      return combineResultAsyncListWithAllErrors(asyncResultList);
+    get preCarts() {
+      return get(__privateGet(this, _preCarts));
     }
-    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));
-      })));
+    set preCarts(value) {
+      set(__privateGet(this, _preCarts), 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);
-      })));
+    addTicketGroup(ticketGroup) {
+      this.ticketGroups.push(ticketGroup);
     }
-    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);
-      })));
+    addPreCart(precart) {
+      this.preCarts.push(precart);
     }
-    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);
-      })));
+    get isTimeslotsVisible() {
+      var _a2;
+      return Boolean(((_a2 = this.filters) == null ? void 0 : _a2.includes("timeslot")) && this.selectedDate);
     }
-    mapErr(f) {
-      return new ResultAsync(this._promise.then((res) => __awaiter(this, void 0, void 0, function* () {
-        if (res.isOk()) {
-          return new Ok(res.value);
+    get isTicketsVisible() {
+      var _a2;
+      const byFilter = (filter) => {
+        switch (filter) {
+          case "normal":
+            return Boolean(this.selectedDate);
+          case "annual":
+            return true;
+          case "timeslot":
+            return Boolean(this.selectedDate && this.selectedTimeslot);
+          default:
+            const exhastedChecking = filter;
+            console.error(`(TicketSelection) Unhandled case: ${exhastedChecking}`);
         }
-        return new Err(yield f(res.error));
-      })));
+      };
+      return (_a2 = this.filters) == null ? void 0 : _a2.some(byFilter);
     }
-    // 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;
-      }));
+    get isCalendarVisible() {
+      var _a2;
+      return Boolean((_a2 = this.filters) == null ? void 0 : _a2.includes("timeslot"));
     }
-    // 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);
+  }
+  _mode = new WeakMap();
+  _filters = new WeakMap();
+  _eventId = new WeakMap();
+  _museumIds = new WeakMap();
+  _exhibitionIds = new WeakMap();
+  _ticketIds = new WeakMap();
+  _selectedDate = new WeakMap();
+  _selectedTimeslot = new WeakMap();
+  _ticketGroups = new WeakMap();
+  _preCarts = new WeakMap();
+  const KEY$1 = "go-ticket-selection";
+  const setTicketSelectionDetails = createSetDetails(KEY$1);
+  const getTicketSelectionDetails = createGetDetails(KEY$1);
+  function If($$anchor, $$props) {
+    push($$props, true);
+    let when = prop($$props, "when", 7), then = prop($$props, "then", 7);
+    const data = /* @__PURE__ */ state(proxy({}));
+    get(data).ticketSelection = getTicketSelectionDetails($$props.$$host);
+    let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get(data)));
+    $$props.$$host.innerHTML;
+    user_effect(() => {
+      $$props.$$host.style.display = "none";
+      if (get(evaluatedWhen)) {
+        if (then() === "show") {
+          $$props.$$host.style.removeProperty("display");
         }
-        return new Ok(res.value);
-      })));
+      }
+    });
+    return pop({
+      get data() {
+        return get(data);
+      },
+      set data($$value) {
+        set(data, proxy($$value));
+      },
+      get when() {
+        return when();
+      },
+      set when($$value) {
+        when($$value);
+        flushSync();
+      },
+      get then() {
+        return then();
+      },
+      set then($$value) {
+        then($$value);
+        flushSync();
+      }
+    });
+  }
+  customElements.define("go-if", create_custom_element(If, { when: {}, then: {} }, [], ["data"], false));
+  var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root$2 = /* @__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, [
+      "$$slots",
+      "$$events",
+      "$$legacy",
+      "$$host",
+      "host",
+      "children"
+    ]);
+    if (host()) {
+      for (const prop2 in restProps) {
+        host().setAttribute(prop2, restProps[prop2]);
+      }
     }
-    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()))))));
+    var fragment = root$2();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
+        var fragment_1 = comment();
+        var node_1 = first_child(fragment_1);
+        snippet(node_1, children);
+        append($$anchor2, fragment_1);
+      };
+      if_block(node, ($$render) => {
+        if (host()) $$render(consequent);
       });
     }
-    // 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);
+    var node_2 = sibling(node, 2);
+    {
+      var consequent_1 = ($$anchor2) => {
+        var div = root_2$f();
+        attribute_effect(div, () => ({ ...restProps }));
+        var node_3 = child(div);
+        snippet(node_3, children);
+        reset(div);
+        append($$anchor2, div);
+      };
+      if_block(node_2, ($$render) => {
+        if (!host()) $$render(consequent_1);
       });
     }
+    append($$anchor, fragment);
+    return pop({
+      get host() {
+        return host();
+      },
+      set host($$value) {
+        host($$value);
+        flushSync();
+      },
+      get children() {
+        return children();
+      },
+      set children($$value) {
+        children($$value);
+        flushSync();
+      }
+    });
   }
-  function errAsync(err2) {
-    return new ResultAsync(Promise.resolve(new Err(err2)));
+  create_custom_element(Wrapper, { host: {}, children: {} }, [], [], true);
+  function TicketSelection($$anchor, $$props) {
+    push($$props, true);
+    let mode = prop($$props, "mode", 7), filter = prop($$props, "filter", 7), eventId = prop($$props, "eventId", 7), children = prop($$props, "children", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+      "$$slots",
+      "$$events",
+      "$$legacy",
+      "$$host",
+      "mode",
+      "filter",
+      "eventId",
+      "children",
+      "museumIds",
+      "exhibitionIds",
+      "ticketIds"
+    ]);
+    const details = new TicketSelectionDetails();
+    user_effect(() => {
+      details.mode = mode();
+      details.filters = [filter()];
+      details.eventId = eventId();
+      details.museumIds = parseIds(museumIds());
+      details.exhibitionIds = parseIds(exhibitionIds());
+      details.ticketIds = parseIds(ticketIds());
+    });
+    setTicketSelectionDetails($$props.$$host, details, details.uid);
+    Wrapper($$anchor, spread_props({ host: $$props.$$host }, () => restProps, {
+      children: ($$anchor2, $$slotProps) => {
+        var fragment_1 = comment();
+        var node = first_child(fragment_1);
+        snippet(node, () => children() ?? noop$1);
+        append($$anchor2, fragment_1);
+      },
+      $$slots: { default: true }
+    }));
+    return pop({
+      details,
+      get mode() {
+        return mode();
+      },
+      set mode($$value) {
+        mode($$value);
+        flushSync();
+      },
+      get filter() {
+        return filter();
+      },
+      set filter($$value) {
+        filter($$value);
+        flushSync();
+      },
+      get eventId() {
+        return eventId();
+      },
+      set eventId($$value) {
+        eventId($$value);
+        flushSync();
+      },
+      get children() {
+        return children();
+      },
+      set children($$value) {
+        children($$value);
+        flushSync();
+      },
+      get museumIds() {
+        return museumIds();
+      },
+      set museumIds($$value) {
+        museumIds($$value);
+        flushSync();
+      },
+      get exhibitionIds() {
+        return exhibitionIds();
+      },
+      set exhibitionIds($$value) {
+        exhibitionIds($$value);
+        flushSync();
+      },
+      get ticketIds() {
+        return ticketIds();
+      },
+      set ticketIds($$value) {
+        ticketIds($$value);
+        flushSync();
+      }
+    });
   }
-  const combineResultList = (resultList) => {
-    let acc = ok([]);
-    for (const result of resultList) {
-      if (result.isErr()) {
-        acc = err(result.error);
-        break;
+  customElements.define("go-ticket-selection", create_custom_element(
+    TicketSelection,
+    {
+      mode: { attribute: "mode", reflect: true, type: "String" },
+      eventId: { attribute: "event-id", reflect: true, type: "Number" },
+      ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
+      museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
+      exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
+      filter: {},
+      children: {}
+    },
+    [],
+    ["details"],
+    false
+  ));
+  function Tickets($$anchor, $$props) {
+    push($$props, true);
+    const ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
+    user_effect(() => {
+      if (!(ticketSelectionDetails == null ? void 0 : ticketSelectionDetails.isTicketsVisible)) {
+        $$props.$$host.style.display = "none";
       } 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);
+        $$props.$$host.style.display = "block";
       }
-    }
-    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);
+    });
+    pop();
   }
-  class Ok {
-    constructor(value) {
-      this.value = value;
-    }
-    isOk() {
-      return true;
+  customElements.define("go-tickets", create_custom_element(Tickets, {}, [], [], false));
+  function TicketsSum($$anchor, $$props) {
+    push($$props, true);
+    const tsd = getTicketSelectionDetails($$props.$$host);
+    if (!tsd) console.error("Ticket Sum must be inside a Ticket Selection Details");
+    let val = /* @__PURE__ */ user_derived(() => sum((tsd == null ? void 0 : tsd.preCarts) || [], (c) => c.totalPriceCents));
+    next();
+    var text$1 = text();
+    template_effect(($0) => set_text(text$1, $0), [() => formatCurrency(get(val))]);
+    append($$anchor, text$1);
+    return pop({ tsd });
+  }
+  customElements.define("go-tickets-sum", create_custom_element(TicketsSum, {}, [], ["tsd"], false));
+  class TicketGroupDetails {
+    constructor(type, ticketSelectionDetails) {
+      __privateAdd(this, _tickets, /* @__PURE__ */ state(proxy([])));
+      __privateAdd(this, _preCart, /* @__PURE__ */ user_derived(() => createCart(this.preCartTickets())));
+      __privateAdd(this, _type, /* @__PURE__ */ state("timeslot"));
+      __privateAdd(this, _ticketSelectionDetails, /* @__PURE__ */ state());
+      this.type = type;
+      this.ticketSelectionDetails = ticketSelectionDetails;
+      this.ticketSelectionDetails.addTicketGroup(this);
     }
-    isErr() {
-      return !this.isOk();
+    get tickets() {
+      return get(__privateGet(this, _tickets));
     }
-    map(f) {
-      return ok(f(this.value));
+    set tickets(value) {
+      set(__privateGet(this, _tickets), value, true);
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    mapErr(_f) {
-      return ok(this.value);
+    get preCart() {
+      return get(__privateGet(this, _preCart));
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
-    andThen(f) {
-      return f(this.value);
+    set preCart(value) {
+      set(__privateGet(this, _preCart), 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);
+    get type() {
+      return get(__privateGet(this, _type));
     }
-    andTee(f) {
-      try {
-        f(this.value);
-      } catch (e) {
-      }
-      return ok(this.value);
+    set type(value) {
+      set(__privateGet(this, _type), value, true);
     }
-    orTee(_f) {
-      return ok(this.value);
+    get ticketSelectionDetails() {
+      return get(__privateGet(this, _ticketSelectionDetails));
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
-    orElse(_f) {
-      return ok(this.value);
+    set ticketSelectionDetails(value) {
+      set(__privateGet(this, _ticketSelectionDetails), value, true);
     }
-    asyncAndThen(f) {
-      return f(this.value);
+    preCartTickets() {
+      switch (this.type) {
+        case "timeslot":
+          return this.timeslotTickets;
+        case "annual":
+          return this.annualTickets;
+        case "custom":
+          return this.tickets;
+        default:
+          const exhaustiveCheck = this.type;
+          if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
+      }
+      return [];
     }
-    // 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);
+    get timeslotTickets() {
+      var _a2, _b2;
+      const tsd = this.ticketSelectionDetails;
+      if (!tsd) return [];
+      if (!tsd.selectedDate && !tsd.selectedTimeslot && ((_a2 = tsd.filters) == null ? void 0 : _a2.includes("timeslot"))) return [];
+      const result = snapshot(shop.ticketsAndQuotas({
+        by_bookable: true,
+        valid_at: (_b2 = tsd.selectedDate) == null ? void 0 : _b2.toString(),
+        // @ts-ignore
+        "by_ticket_types[]": ["time_slot"],
+        "by_museum_ids[]": tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_ticket_ids[]": tsd.ticketIds
+      }));
+      if (!result) return [];
+      return initUITimeslotTickets(result.tickets);
     }
-    orTee(f) {
-      try {
-        f(this.error);
-      } catch (e) {
+    get annualTickets() {
+      var _a2;
+      const tsd = this.ticketSelectionDetails;
+      if (!tsd) return [];
+      if (!((_a2 = tsd.filters) == null ? void 0 : _a2.includes("annual"))) return [];
+      const tickets = snapshot(shop.tickets({
+        by_bookable: true,
+        // @ts-ignore
+        "by_ticket_types[]": ["annual"],
+        "by_ticket_ids[]": tsd.ticketIds
+      }));
+      if (!tickets) return [];
+      return initUITimeslotTickets(tickets);
+    }
+  }
+  _tickets = new WeakMap();
+  _preCart = new WeakMap();
+  _type = new WeakMap();
+  _ticketSelectionDetails = new WeakMap();
+  const KEY = "go-ticket-group";
+  const setTicketGroupDetails = createSetDetails(KEY);
+  const getTicketGroupDetails = createGetDetails(KEY);
+  function TicketGroup($$anchor, $$props) {
+    push($$props, true);
+    const type = prop($$props, "type", 7);
+    const ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
+    if (!type()) {
+      throw new Error("type is required");
+    }
+    if (!ticketSelectionDetails) throw new Error("Ticket Group should be an ancestor of a Ticket Selection Details element");
+    const details = new TicketGroupDetails(type(), ticketSelectionDetails);
+    setTicketGroupDetails($$props.$$host, details);
+    user_effect(() => {
+      console.log("setting type");
+      details.type = type();
+    });
+    return pop({
+      details,
+      get type() {
+        return type();
+      },
+      set type($$value) {
+        type($$value);
+        flushSync();
       }
-      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);
+    });
+  }
+  customElements.define("go-ticket-group", create_custom_element(TicketGroup, { type: { reflect: true } }, [], ["details"], false));
+  function updateSelectedTickets(ci, target, tsd) {
+    if (!tsd) {
+      console.warn("tsd is undefined");
+      return;
     }
-    unwrapOr(v) {
-      return v;
+    const el = target;
+    ci.quantity = parseInt(el.value);
+    ci.time = selectedTime(ci.item, tsd);
+  }
+  function selectedTime(ticket, tsd) {
+    switch (ticket.type) {
+      case "timeslot":
+        if (!tsd.selectedTimeslot) {
+          throw new Error("(selectedTime) selected timeslot is undefined");
+        }
+        return tsd.selectedTimeslot;
+      case "annual":
+        return berlinNowISO();
+      case "day":
+        return dayTicketSelectedTime(tsd);
+      default:
+        const exhaustedChecking = ticket.type;
+        throw new Error(`(selectedTime) Unhandled case: ${exhaustedChecking}`);
     }
-    match(_ok, err2) {
-      return err2(this.error);
+  }
+  function berlinNowISO() {
+    const d = /* @__PURE__ */ new Date();
+    return d.toISOString();
+  }
+  function dayTicketSelectedTime(tsd) {
+    if (!tsd.selectedDate) {
+      console.warn("(TicketGroup) selected date is undefined");
+      return "";
     }
-    safeUnwrap() {
-      const error = this.error;
-      return function* () {
-        yield err(error);
-        throw new Error("Do not use this generator out of `safeTry`");
-      }();
+    return $11d87f3f76e88657$export$84c95a83c799e074(tsd.selectedDate, "Europe/Berlin").toString().slice(0, -15);
+  }
+  function generateQuantityOptions(ticket) {
+    const minQuantity = ticket.min_quantity || 1;
+    const maxQuantity = ticket.max_quantity;
+    if (maxQuantity < minQuantity) {
+      return [{ value: 0, label: "0" }];
     }
-    _unsafeUnwrap(config) {
-      throw createNeverThrowError("Called `_unsafeUnwrap` on an Err", this, config);
+    const options = [{ value: 0, label: "0" }];
+    for (let quantity = minQuantity; quantity <= maxQuantity; quantity++) {
+      options.push({ value: quantity, label: quantity.toString() });
     }
-    _unsafeUnwrapErr(_) {
-      return this.error;
+    return options;
+  }
+  var on_change = (e, ci, tsd) => updateSelectedTickets(ci(), e.target, tsd);
+  var root_2$e = /* @__PURE__ */ from_html(`<option> </option>`);
+  var root_1$2 = /* @__PURE__ */ from_html(`<select></select>`);
+  var root_4 = /* @__PURE__ */ from_html(`<li><article data-go-ticket=""><ul><li data-go-tickets-title=""> </li> <li data-go-tickets-description=""><!></li> <li data-go-tickets-price=""> </li> <li data-go-tickets-quality=""><!></li></ul></article></li>`);
+  var root_3$1 = /* @__PURE__ */ from_html(`<ol data-testid="tickets"><li data-go-tickets-header="" data-testid="tickets-header"><ul><li data-go-tickets-title="">Title</li> <li data-go-tickets-description="">Description</li> <li data-go-tickets-price="">Price</li> <li data-go-tickets-quality="">Quantity</li></ul></li> <!></ol>`);
+  function GroupBody($$anchor, $$props) {
+    push($$props, true);
+    const select = ($$anchor2, ci = noop$1) => {
+      const ticket = /* @__PURE__ */ user_derived(() => ci().item);
+      var select_1 = root_1$2();
+      select_1.__change = [on_change, ci, tsd];
+      each(select_1, 21, () => generateQuantityOptions(get(ticket)), index, ($$anchor3, quantity) => {
+        var option = root_2$e();
+        var text2 = child(option, true);
+        reset(option);
+        var option_value = {};
+        template_effect(() => {
+          set_selected(option, ci().quantity === get(quantity).value);
+          set_text(text2, get(quantity).label);
+          if (option_value !== (option_value = get(quantity).value)) {
+            option.value = (option.__value = get(quantity).value) ?? "";
+          }
+        });
+        append($$anchor3, option);
+      });
+      reset(select_1);
+      append($$anchor2, select_1);
+    };
+    let details = getTicketGroupDetails($$props.$$host);
+    if (!details) {
+      throw new Error("Ticket Group Body must be inside a Ticket Group");
     }
-    *[Symbol.iterator]() {
-      const self = this;
-      yield self;
-      return self;
+    let tsd = details.ticketSelectionDetails;
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
+        var ol = root_3$1();
+        var node_1 = sibling(child(ol), 2);
+        each(node_1, 17, () => details == null ? void 0 : details.preCart.items, index, ($$anchor3, ci) => {
+          var li = root_4();
+          var article = child(li);
+          var ul = child(article);
+          var li_1 = child(ul);
+          var text_1 = child(li_1, true);
+          reset(li_1);
+          var li_2 = sibling(li_1, 2);
+          var node_2 = child(li_2);
+          html(node_2, () => get(ci).item.description);
+          reset(li_2);
+          var li_3 = sibling(li_2, 2);
+          var text_2 = child(li_3, true);
+          reset(li_3);
+          var li_4 = sibling(li_3, 2);
+          var node_3 = child(li_4);
+          select(node_3, () => get(ci));
+          reset(li_4);
+          reset(ul);
+          reset(article);
+          reset(li);
+          template_effect(() => {
+            set_attribute(article, "data-testid", get(ci).uuid);
+            set_text(text_1, get(ci).item.title);
+            set_text(text_2, get(ci).price_formatted);
+          });
+          append($$anchor3, li);
+        });
+        reset(ol);
+        append($$anchor2, ol);
+      };
+      if_block(node, ($$render) => {
+        if ((details == null ? void 0 : details.preCart.items.length) > 0) $$render(consequent);
+      });
     }
+    append($$anchor, fragment);
+    pop();
   }
-  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.apiTicket, {
-                minAvailableCapacity: 0,
-                selectedTime: cartItem.item.selectedTime,
-                quantity: cartItem.attributes.quantity
-              }),
-              cartItem.type
-            )
-          );
-          break;
-      }
-    });
-    return items;
+  delegate(["change"]);
+  customElements.define("go-ticket-group-body", create_custom_element(GroupBody, {}, [], [], false));
+  function GroupSum($$anchor, $$props) {
+    push($$props, true);
+    const details = getTicketGroupDetails($$props.$$host);
+    if (!details) console.warn("TicketGroupSum: details not found");
+    next();
+    var text$1 = text();
+    template_effect(() => set_text(text$1, details == null ? void 0 : details.preCart.totalFormatted));
+    append($$anchor, text$1);
+    return pop({ details });
   }
-  function inTheFuture(time, now2) {
-    const parsed = $fae977aafc393c5c$export$8e384432362ed0f0(time);
-    return now2.compare(parsed) <= 0;
+  customElements.define("go-ticket-group-sum", create_custom_element(GroupSum, {}, [], ["details"], false));
+  function createTimeSlotEntriesFromTicket(ticket) {
+    return Object.keys(ticket.capacities).map((startAt) => {
+      return {
+        startAt,
+        timeFormatted: $11d87f3f76e88657$export$d33f79e3ffc3dc83($fae977aafc393c5c$export$5adfdab05168c219(startAt, "Europe/Berlin")).toString().slice(0, -3),
+        capacity: ticket.capacities[startAt] || 0,
+        totalCapacity: ticket.total_capacities[startAt] || 0,
+        available: ticket.capacities[startAt] ? ticket.capacities[startAt] >= 1 : false,
+        quotaIds: ticket.quota_ids
+      };
+    });
   }
-  function formatCurrency(priceCents) {
-    if (priceCents === void 0) {
-      return 0;
-    }
-    return new Intl.NumberFormat("de-DE", {
-      style: "currency",
-      currency: "EUR"
-    }).format(priceCents / 100);
+  function flattenTicketsIntoSlots(tickets) {
+    return alphabetical(Object.values(tickets).flatMap(createTimeSlotEntriesFromTicket), (slot) => slot.startAt);
   }
-  const byteToHex = [];
-  for (let i = 0; i < 256; ++i) {
-    byteToHex.push((i + 256).toString(16).slice(1));
+  function filterSlotsByQuota(allTimeSlots, quotaId) {
+    const slotsForThisQuota = allTimeSlots.filter((slot) => slot.quotaIds.includes(quotaId));
+    return slotsForThisQuota;
   }
-  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();
+  function filterSlots(allTimeSlots, quotas) {
+    const ret = [];
+    for (const quotaId of Object.keys(quotas)) {
+      const slotsForQuota = filterSlotsByQuota(allTimeSlots, parseInt(quotaId));
+      ret.push(...slotsForQuota);
+    }
+    return ret;
   }
-  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");
+  function combineSlots(timeSlots) {
+    const slotMap = {};
+    for (const slot of timeSlots) {
+      const existing = slotMap[slot.startAt];
+      if (existing) {
+        existing.capacity += slot.capacity;
+        existing.totalCapacity += slot.totalCapacity;
+        const newQuotaIds = slot.quotaIds.filter((id) => !existing.quotaIds.includes(id));
+        existing.quotaIds.push(...newQuotaIds);
+        existing.available = existing.capacity > 0;
+      } else {
+        slotMap[slot.startAt] = { ...slot };
       }
-      getRandomValues = crypto.getRandomValues.bind(crypto);
     }
-    return getRandomValues(rnds8);
+    return alphabetical(Object.values(slotMap), (slot) => slot.startAt);
   }
-  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());
-    }
+  function generateAvailableTimeSlots(tickets, quotas) {
+    const ticketSlots = flattenTicketsIntoSlots(tickets);
+    const quotaSlots = filterSlots(ticketSlots, quotas);
+    return combineSlots(quotaSlots);
   }
-  let Cart$1 = (_b = class {
+  let Details$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));
+      __privateAdd(this, _ticketSelectionDetails2, /* @__PURE__ */ state());
     }
-    set total(value) {
-      set(__privateGet(this, _total), value);
+    get ticketSelectionDetails() {
+      return get(__privateGet(this, _ticketSelectionDetails2));
     }
-    deleteItem(item) {
-      if (this.items.length == 0) {
-        return;
-      }
-      const newItems = this.items.filter((i) => item != i);
-      this.items = newItems;
-      this.setLocalStorage();
+    set ticketSelectionDetails(value) {
+      set(__privateGet(this, _ticketSelectionDetails2), value, true);
     }
-    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();
+    get timeslots() {
+      const tsd = this.ticketSelectionDetails;
+      if (!tsd) return [];
+      const date = tsd.selectedDate;
+      if (!date) return [];
+      const result = snapshot(shop.ticketsAndQuotas({
+        by_bookable: true,
+        valid_at: date.toString(),
+        // @ts-ignore
+        "by_ticket_types[]": tsd.filters,
+        "by_museum_ids[]": tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_ticket_ids[]": tsd.ticketIds
+      }));
+      if (!result) return [];
+      return generateAvailableTimeSlots(result.tickets, result.quotas);
     }
-    addToCart(items, url) {
-      this.items = this.items.concat(items);
-      this.setLocalStorage();
-      if (url) {
-        window.location.href = url;
+  }, _ticketSelectionDetails2 = new WeakMap(), _b);
+  function dataAttr(name, condition, value = "") {
+    return function(element) {
+      const n = "data-go-" + name;
+      if (condition) {
+        element.setAttribute(n, value);
+      } else {
+        element.removeAttribute(n);
       }
+    };
+  }
+  var root_2$d = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
+  var root_1$1 = /* @__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();
+    details.ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
+    const change = (e) => {
+      e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
+        detail: { selected: details.ticketSelectionDetails.selectedTimeslot },
+        bubbles: true,
+        composed: true
+      }));
+    };
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
+        var ul = root_1$1();
+        each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
+          const selected = /* @__PURE__ */ user_derived(() => {
+            var _a2;
+            return ((_a2 = details.ticketSelectionDetails) == null ? void 0 : _a2.selectedTimeslot) === timeslot.startAt;
+          });
+          var li = root_2$d();
+          var label = child(li);
+          var text2 = child(label);
+          var input = sibling(text2);
+          remove_input_defaults(input);
+          input.__change = change;
+          var input_value;
+          reset(label);
+          reset(li);
+          attach(li, () => dataAttr("selected", get(selected)));
+          template_effect(() => {
+            set_class(label, 1, clsx(timeslot.available ? "" : "disabled"));
+            set_text(text2, `${timeslot.timeFormatted ?? ""} `);
+            if (input_value !== (input_value = timeslot.startAt)) {
+              input.value = (input.__value = timeslot.startAt) ?? "";
+            }
+          });
+          bind_group(
+            binding_group,
+            [],
+            input,
+            () => {
+              timeslot.startAt;
+              return details.ticketSelectionDetails.selectedTimeslot;
+            },
+            ($$value) => details.ticketSelectionDetails.selectedTimeslot = $$value
+          );
+          append($$anchor3, li);
+        });
+        reset(ul);
+        append($$anchor2, ul);
+      };
+      if_block(node, ($$render) => {
+        var _a2;
+        if (details.ticketSelectionDetails && ((_a2 = details.ticketSelectionDetails.filters) == null ? void 0 : _a2.includes("timeslot"))) $$render(consequent);
+      });
     }
-    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);
-    }
-    get ticketIds() {
-      return get(__privateGet(this, _ticketIds));
-    }
-    set ticketIds(value) {
-      set(__privateGet(this, _ticketIds), value, true);
-    }
-    get selectedDate() {
-      return get(__privateGet(this, _selectedDate));
-    }
-    set selectedDate(value) {
-      set(__privateGet(this, _selectedDate), value, true);
-    }
-    get selectedTimeslot() {
-      return get(__privateGet(this, _selectedTimeslot));
-    }
-    set selectedTimeslot(value) {
-      set(__privateGet(this, _selectedTimeslot), value, true);
-    }
-    get selectedTickets() {
-      return get(__privateGet(this, _selectedTickets));
-    }
-    set selectedTickets(value) {
-      set(__privateGet(this, _selectedTickets), value, true);
-    }
-    get ticketList() {
-      return get(__privateGet(this, _ticketList));
-    }
-    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 isTimeslotsVisible() {
-      var _a2;
-      return Boolean(((_a2 = this.filters) == null ? void 0 : _a2.includes("time_slot")) && this.selectedDate);
-    }
-    get isTicketsVisible() {
-      return Boolean(this.selectedDate && this.selectedTimeslot);
-    }
-    get isCalendarVisible() {
-      var _a2;
-      console.log("checking", this.filters);
-      return Boolean((_a2 = this.filters) == null ? void 0 : _a2.includes("time_slot"));
-    }
+    append($$anchor, fragment);
+    return pop({ details });
   }
-  _mode = new WeakMap();
-  _filters = new WeakMap();
-  _eventId = new WeakMap();
-  _museumIds = new WeakMap();
-  _exhibitionIds = new WeakMap();
-  _ticketIds = new WeakMap();
-  _selectedDate = new WeakMap();
-  _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);
+  delegate(["change"]);
+  customElements.define("go-timeslots", create_custom_element(Timeslots, {}, [], ["details"], false));
   function isFunction(value) {
     return typeof value === "function";
   }
@@ -14153,8 +14242,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       });
     }
     handleCellClick(_, 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))) {
+      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))) {
         return;
       }
       const prev = this.opts.value.current;
@@ -14172,7 +14261,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
         this.opts.value.current = getDateWithPreviousTime(next2, prev);
         if (next2 !== void 0) {
-          (_f = (_e2 = this.opts.onDateSelect) == null ? void 0 : _e2.current) == null ? void 0 : _f.call(_e2);
+          (_f = (_e = this.opts.onDateSelect) == null ? void 0 : _e.current) == null ? void 0 : _f.call(_e);
         }
       }
     }
@@ -14781,7 +14870,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$c = /* @__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, [
@@ -14882,7 +14971,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$c();
         attribute_effect(div, () => ({ ...get(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -15130,7 +15219,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     [],
     true
   );
-  var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_day($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15162,7 +15251,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$b();
         attribute_effect(div, () => ({ ...get(mergedProps) }));
         var node_2 = child(div);
         {
@@ -15223,7 +15312,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$a = /* @__PURE__ */ from_html(`<table><!></table>`);
   function Calendar_grid($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15252,7 +15341,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$a();
         attribute_effect(table, () => ({ ...get(mergedProps) }));
         var node_2 = child(table);
         snippet(node_2, () => children() ?? noop$1);
@@ -15297,7 +15386,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$9 = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
   function Calendar_grid_body($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15326,7 +15415,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$9();
         attribute_effect(tbody, () => ({ ...get(mergedProps) }));
         var node_2 = child(tbody);
         snippet(node_2, () => children() ?? noop$1);
@@ -15371,7 +15460,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$8 = /* @__PURE__ */ from_html(`<td><!></td>`);
   function Calendar_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15407,7 +15496,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$8();
         attribute_effect(td, () => ({ ...get(mergedProps) }));
         var node_2 = child(td);
         snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -15479,7 +15568,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     [],
     true
   );
-  var root_2$b = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+  var root_2$7 = /* @__PURE__ */ from_html(`<thead><!></thead>`);
   function Calendar_grid_head($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15508,7 +15597,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$7();
         attribute_effect(thead, () => ({ ...get(mergedProps) }));
         var node_2 = child(thead);
         snippet(node_2, () => children() ?? noop$1);
@@ -15553,7 +15642,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$6 = /* @__PURE__ */ from_html(`<th><!></th>`);
   function Calendar_head_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -15582,7 +15671,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$6();
         attribute_effect(th, () => ({ ...get(mergedProps) }));
         var node_2 = child(th);
         snippet(node_2, () => children() ?? noop$1);
@@ -15594,1039 +15683,406 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         else $$render(alternate, false);
       });
     }
-    append($$anchor, fragment);
-    return pop({
-      get children() {
-        return children();
-      },
-      set children($$value) {
-        children($$value);
-        flushSync();
-      },
-      get child() {
-        return child$1();
-      },
-      set child($$value) {
-        child$1($$value);
-        flushSync();
-      },
-      get ref() {
-        return ref();
-      },
-      set ref($$value = null) {
-        ref($$value);
-        flushSync();
-      },
-      get id() {
-        return id();
-      },
-      set id($$value = createId(uid)) {
-        id($$value);
-        flushSync();
-      }
-    });
-  }
-  create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$9 = /* @__PURE__ */ from_html(`<tr><!></tr>`);
-  function Calendar_grid_row($$anchor, $$props) {
-    const uid = props_id();
-    push($$props, true);
-    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), ref = prop($$props, "ref", 15, null), id = prop($$props, "id", 23, () => createId(uid)), restProps = /* @__PURE__ */ rest_props($$props, [
-      "$$slots",
-      "$$events",
-      "$$legacy",
-      "$$host",
-      "children",
-      "child",
-      "ref",
-      "id"
-    ]);
-    const gridRowState = CalendarGridRowState.create({
-      id: box.with(() => id()),
-      ref: box.with(() => ref(), (v) => ref(v))
-    });
-    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, gridRowState.props));
-    var fragment = comment();
-    var node = first_child(fragment);
-    {
-      var consequent = ($$anchor2) => {
-        var fragment_1 = comment();
-        var node_1 = first_child(fragment_1);
-        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
-        append($$anchor2, fragment_1);
-      };
-      var alternate = ($$anchor2) => {
-        var tr = root_2$9();
-        attribute_effect(tr, () => ({ ...get(mergedProps) }));
-        var node_2 = child(tr);
-        snippet(node_2, () => children() ?? noop$1);
-        reset(tr);
-        append($$anchor2, tr);
-      };
-      if_block(node, ($$render) => {
-        if (child$1()) $$render(consequent);
-        else $$render(alternate, false);
-      });
-    }
-    append($$anchor, fragment);
-    return pop({
-      get children() {
-        return children();
-      },
-      set children($$value) {
-        children($$value);
-        flushSync();
-      },
-      get child() {
-        return child$1();
-      },
-      set child($$value) {
-        child$1($$value);
-        flushSync();
-      },
-      get ref() {
-        return ref();
-      },
-      set ref($$value = null) {
-        ref($$value);
-        flushSync();
-      },
-      get id() {
-        return id();
-      },
-      set id($$value = createId(uid)) {
-        id($$value);
-        flushSync();
-      }
-    });
-  }
-  create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$8 = /* @__PURE__ */ from_html(`<header><!></header>`);
-  function Calendar_header($$anchor, $$props) {
-    const uid = props_id();
-    push($$props, true);
-    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), ref = prop($$props, "ref", 15, null), id = prop($$props, "id", 23, () => createId(uid)), restProps = /* @__PURE__ */ rest_props($$props, [
-      "$$slots",
-      "$$events",
-      "$$legacy",
-      "$$host",
-      "children",
-      "child",
-      "ref",
-      "id"
-    ]);
-    const headerState = CalendarHeaderState.create({
-      id: box.with(() => id()),
-      ref: box.with(() => ref(), (v) => ref(v))
-    });
-    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, headerState.props));
-    var fragment = comment();
-    var node = first_child(fragment);
-    {
-      var consequent = ($$anchor2) => {
-        var fragment_1 = comment();
-        var node_1 = first_child(fragment_1);
-        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
-        append($$anchor2, fragment_1);
-      };
-      var alternate = ($$anchor2) => {
-        var header = root_2$8();
-        attribute_effect(header, () => ({ ...get(mergedProps) }));
-        var node_2 = child(header);
-        snippet(node_2, () => children() ?? noop$1);
-        reset(header);
-        append($$anchor2, header);
-      };
-      if_block(node, ($$render) => {
-        if (child$1()) $$render(consequent);
-        else $$render(alternate, false);
-      });
-    }
-    append($$anchor, fragment);
-    return pop({
-      get children() {
-        return children();
-      },
-      set children($$value) {
-        children($$value);
-        flushSync();
-      },
-      get child() {
-        return child$1();
-      },
-      set child($$value) {
-        child$1($$value);
-        flushSync();
-      },
-      get ref() {
-        return ref();
-      },
-      set ref($$value = null) {
-        ref($$value);
-        flushSync();
-      },
-      get id() {
-        return id();
-      },
-      set id($$value = createId(uid)) {
-        id($$value);
-        flushSync();
-      }
-    });
-  }
-  create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$7 = /* @__PURE__ */ from_html(`<div><!></div>`);
-  function Calendar_heading($$anchor, $$props) {
-    const uid = props_id();
-    push($$props, true);
-    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), ref = prop($$props, "ref", 15, null), id = prop($$props, "id", 23, () => createId(uid)), restProps = /* @__PURE__ */ rest_props($$props, [
-      "$$slots",
-      "$$events",
-      "$$legacy",
-      "$$host",
-      "children",
-      "child",
-      "ref",
-      "id"
-    ]);
-    const headingState = CalendarHeadingState.create({
-      id: box.with(() => id()),
-      ref: box.with(() => ref(), (v) => ref(v))
-    });
-    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, headingState.props));
-    var fragment = comment();
-    var node = first_child(fragment);
-    {
-      var consequent = ($$anchor2) => {
-        var fragment_1 = comment();
-        var node_1 = first_child(fragment_1);
-        snippet(node_1, child$1, () => ({
-          props: get(mergedProps),
-          headingValue: headingState.root.headingValue
-        }));
-        append($$anchor2, fragment_1);
-      };
-      var alternate_1 = ($$anchor2) => {
-        var div = root_2$7();
-        attribute_effect(div, () => ({ ...get(mergedProps) }));
-        var node_2 = child(div);
-        {
-          var consequent_1 = ($$anchor3) => {
-            var fragment_2 = comment();
-            var node_3 = first_child(fragment_2);
-            snippet(node_3, () => children() ?? noop$1, () => ({ headingValue: headingState.root.headingValue }));
-            append($$anchor3, fragment_2);
-          };
-          var alternate = ($$anchor3) => {
-            var text$1 = text();
-            template_effect(() => set_text(text$1, headingState.root.headingValue));
-            append($$anchor3, text$1);
-          };
-          if_block(node_2, ($$render) => {
-            if (children()) $$render(consequent_1);
-            else $$render(alternate, false);
-          });
-        }
-        reset(div);
-        append($$anchor2, div);
-      };
-      if_block(node, ($$render) => {
-        if (child$1()) $$render(consequent);
-        else $$render(alternate_1, false);
-      });
-    }
-    append($$anchor, fragment);
-    return pop({
-      get children() {
-        return children();
-      },
-      set children($$value) {
-        children($$value);
-        flushSync();
-      },
-      get child() {
-        return child$1();
-      },
-      set child($$value) {
-        child$1($$value);
-        flushSync();
-      },
-      get ref() {
-        return ref();
-      },
-      set ref($$value = null) {
-        ref($$value);
-        flushSync();
-      },
-      get id() {
-        return id();
-      },
-      set id($$value = createId(uid)) {
-        id($$value);
-        flushSync();
-      }
-    });
-  }
-  create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$6 = /* @__PURE__ */ from_html(`<button><!></button>`);
-  function Calendar_next_button($$anchor, $$props) {
-    const uid = props_id();
-    push($$props, true);
-    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), id = prop($$props, "id", 23, () => createId(uid)), ref = prop($$props, "ref", 15, null), tabindex = prop($$props, "tabindex", 7, 0), restProps = /* @__PURE__ */ rest_props($$props, [
-      "$$slots",
-      "$$events",
-      "$$legacy",
-      "$$host",
-      "children",
-      "child",
-      "id",
-      "ref",
-      "tabindex"
-    ]);
-    const nextButtonState = CalendarNextButtonState.create({
-      id: box.with(() => id()),
-      ref: box.with(() => ref(), (v) => ref(v))
-    });
-    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, nextButtonState.props, { tabindex: tabindex() }));
-    var fragment = comment();
-    var node = first_child(fragment);
-    {
-      var consequent = ($$anchor2) => {
-        var fragment_1 = comment();
-        var node_1 = first_child(fragment_1);
-        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
-        append($$anchor2, fragment_1);
-      };
-      var alternate = ($$anchor2) => {
-        var button = root_2$6();
-        attribute_effect(button, () => ({ ...get(mergedProps) }));
-        var node_2 = child(button);
-        snippet(node_2, () => children() ?? noop$1);
-        reset(button);
-        append($$anchor2, button);
-      };
-      if_block(node, ($$render) => {
-        if (child$1()) $$render(consequent);
-        else $$render(alternate, false);
-      });
-    }
-    append($$anchor, fragment);
-    return pop({
-      get children() {
-        return children();
-      },
-      set children($$value) {
-        children($$value);
-        flushSync();
-      },
-      get child() {
-        return child$1();
-      },
-      set child($$value) {
-        child$1($$value);
-        flushSync();
-      },
-      get id() {
-        return id();
-      },
-      set id($$value = createId(uid)) {
-        id($$value);
-        flushSync();
-      },
-      get ref() {
-        return ref();
-      },
-      set ref($$value = null) {
-        ref($$value);
-        flushSync();
-      },
-      get tabindex() {
-        return tabindex();
-      },
-      set tabindex($$value = 0) {
-        tabindex($$value);
-        flushSync();
-      }
-    });
-  }
-  create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  var root_2$5 = /* @__PURE__ */ from_html(`<button><!></button>`);
-  function Calendar_prev_button($$anchor, $$props) {
-    const uid = props_id();
-    push($$props, true);
-    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), id = prop($$props, "id", 23, () => createId(uid)), ref = prop($$props, "ref", 15, null), tabindex = prop($$props, "tabindex", 7, 0), restProps = /* @__PURE__ */ rest_props($$props, [
-      "$$slots",
-      "$$events",
-      "$$legacy",
-      "$$host",
-      "children",
-      "child",
-      "id",
-      "ref",
-      "tabindex"
-    ]);
-    const prevButtonState = CalendarPrevButtonState.create({
-      id: box.with(() => id()),
-      ref: box.with(() => ref(), (v) => ref(v))
-    });
-    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, prevButtonState.props, { tabindex: tabindex() }));
-    var fragment = comment();
-    var node = first_child(fragment);
-    {
-      var consequent = ($$anchor2) => {
-        var fragment_1 = comment();
-        var node_1 = first_child(fragment_1);
-        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
-        append($$anchor2, fragment_1);
-      };
-      var alternate = ($$anchor2) => {
-        var button = root_2$5();
-        attribute_effect(button, () => ({ ...get(mergedProps) }));
-        var node_2 = child(button);
-        snippet(node_2, () => children() ?? noop$1);
-        reset(button);
-        append($$anchor2, button);
-      };
-      if_block(node, ($$render) => {
-        if (child$1()) $$render(consequent);
-        else $$render(alternate, false);
-      });
-    }
-    append($$anchor, fragment);
-    return pop({
-      get children() {
-        return children();
-      },
-      set children($$value) {
-        children($$value);
-        flushSync();
-      },
-      get child() {
-        return child$1();
-      },
-      set child($$value) {
-        child$1($$value);
-        flushSync();
-      },
-      get id() {
-        return id();
-      },
-      set id($$value = createId(uid)) {
-        id($$value);
-        flushSync();
-      },
-      get ref() {
-        return ref();
-      },
-      set ref($$value = null) {
-        ref($$value);
-        flushSync();
-      },
-      get tabindex() {
-        return tabindex();
-      },
-      set tabindex($$value = 0) {
-        tabindex($$value);
-        flushSync();
-      }
-    });
-  }
-  create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  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));
-    }
-    get startAt() {
-      return get(__privateGet(this, _startAt));
-    }
-    set startAt(value) {
-      set(__privateGet(this, _startAt), value, true);
-    }
-    get selected() {
-      return get(__privateGet(this, _selected));
-    }
-    set selected(value) {
-      set(__privateGet(this, _selected), value, true);
-    }
-    isDateDisabled(date) {
-      return date.compare($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2())) < 0;
-    }
-    isDateUnavailable(date) {
-      if (this.dates) {
-        return !this.dates[date.toString()];
-      }
-      return false;
-    }
-  }, _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, _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[]": (_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()
-        };
-      }));
-    }
-    get details() {
-      return get(__privateGet(this, _details));
-    }
-    set details(value) {
-      set(__privateGet(this, _details), value, true);
-    }
-    get params() {
-      return get(__privateGet(this, _params));
-    }
-    set params(value) {
-      set(__privateGet(this, _params), value);
-    }
-    get dates() {
-      const ret = shop.ticketsCalendar(this.params);
-      return ret;
-    }
-  }
-  _details = new WeakMap();
-  _params = new WeakMap();
-  const ticketsCalendar = new TicketsCalendar();
-  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$4 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
-  function CalendarUI($$anchor, $$props) {
-    push($$props, true);
-    let calendarClass = prop($$props, "calendarClass", 7);
-    let root2 = /* @__PURE__ */ state(void 0);
-    const details = calendarClass();
-    user_effect(() => {
-      get(root2).dispatchEvent(new CustomEvent("go-date-select", {
-        detail: { selected: calendarClass().selected },
-        bubbles: true
-      }));
-    });
-    var div = root_1$4();
-    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 node_1 = first_child(fragment);
-        component(node_1, () => Calendar_header, ($$anchor3, Calendar_Header) => {
-          Calendar_Header($$anchor3, {
-            children: ($$anchor4, $$slotProps) => {
-              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, {
-                  children: ($$anchor6, $$slotProps2) => {
-                    next();
-                    var text$1 = text("Prev");
-                    append($$anchor6, text$1);
-                  },
-                  $$slots: { default: true }
-                });
-              });
-              var node_3 = sibling(node_2, 2);
-              component(node_3, () => Calendar_heading, ($$anchor5, Calendar_Heading) => {
-                Calendar_Heading($$anchor5, {});
-              });
-              var node_4 = sibling(node_3, 2);
-              component(node_4, () => Calendar_next_button, ($$anchor5, Calendar_NextButton) => {
-                Calendar_NextButton($$anchor5, {
-                  children: ($$anchor6, $$slotProps2) => {
-                    next();
-                    var text_1 = text("Next");
-                    append($$anchor6, text_1);
-                  },
-                  $$slots: { default: true }
-                });
-              });
-              append($$anchor4, fragment_1);
-            },
-            $$slots: { default: true }
-          });
-        });
-        var node_5 = sibling(node_1, 2);
-        each(node_5, 17, months, index, ($$anchor3, month) => {
-          var fragment_2 = comment();
-          var node_6 = first_child(fragment_2);
-          component(node_6, () => Calendar_grid, ($$anchor4, Calendar_Grid) => {
-            Calendar_Grid($$anchor4, {
-              children: ($$anchor5, $$slotProps) => {
-                var fragment_3 = root_7();
-                var node_7 = first_child(fragment_3);
-                component(node_7, () => Calendar_grid_head, ($$anchor6, Calendar_GridHead) => {
-                  Calendar_GridHead($$anchor6, {
-                    children: ($$anchor7, $$slotProps2) => {
-                      var fragment_4 = comment();
-                      var node_8 = first_child(fragment_4);
-                      component(node_8, () => Calendar_grid_row, ($$anchor8, Calendar_GridRow) => {
-                        Calendar_GridRow($$anchor8, {
-                          children: ($$anchor9, $$slotProps3) => {
-                            var fragment_5 = comment();
-                            var node_9 = first_child(fragment_5);
-                            each(node_9, 17, weekdays, index, ($$anchor10, day, i, $$array) => {
-                              var fragment_6 = comment();
-                              var node_10 = first_child(fragment_6);
-                              component(node_10, () => Calendar_head_cell, ($$anchor11, Calendar_HeadCell) => {
-                                Calendar_HeadCell($$anchor11, {
-                                  children: ($$anchor12, $$slotProps4) => {
-                                    var div_1 = root_11();
-                                    var text_2 = child(div_1, true);
-                                    reset(div_1);
-                                    template_effect(($0) => set_text(text_2, $0), [() => get(day).slice(0, 2)]);
-                                    append($$anchor12, div_1);
-                                  },
-                                  $$slots: { default: true }
-                                });
-                              });
-                              append($$anchor10, fragment_6);
-                            });
-                            append($$anchor9, fragment_5);
-                          },
-                          $$slots: { default: true }
-                        });
-                      });
-                      append($$anchor7, fragment_4);
-                    },
-                    $$slots: { default: true }
-                  });
-                });
-                var node_11 = sibling(node_7, 2);
-                component(node_11, () => Calendar_grid_body, ($$anchor6, Calendar_GridBody) => {
-                  Calendar_GridBody($$anchor6, {
-                    children: ($$anchor7, $$slotProps2) => {
-                      var fragment_7 = comment();
-                      var node_12 = first_child(fragment_7);
-                      each(node_12, 17, () => get(month).weeks, index, ($$anchor8, weekDates, i, $$array_1) => {
-                        var fragment_8 = comment();
-                        var node_13 = first_child(fragment_8);
-                        component(node_13, () => Calendar_grid_row, ($$anchor9, Calendar_GridRow_1) => {
-                          Calendar_GridRow_1($$anchor9, {
-                            children: ($$anchor10, $$slotProps3) => {
-                              var fragment_9 = comment();
-                              var node_14 = first_child(fragment_9);
-                              each(node_14, 17, () => get(weekDates), index, ($$anchor11, date, i2, $$array_2) => {
-                                var fragment_10 = comment();
-                                var node_15 = first_child(fragment_10);
-                                component(node_15, () => Calendar_cell, ($$anchor12, Calendar_Cell) => {
-                                  Calendar_Cell($$anchor12, {
-                                    get date() {
-                                      return get(date);
-                                    },
-                                    get month() {
-                                      return get(month).value;
-                                    },
-                                    children: ($$anchor13, $$slotProps4) => {
-                                      var fragment_11 = comment();
-                                      var node_16 = first_child(fragment_11);
-                                      component(node_16, () => Calendar_day, ($$anchor14, Calendar_Day) => {
-                                        Calendar_Day($$anchor14, {
-                                          children: ($$anchor15, $$slotProps5) => {
-                                            var fragment_12 = root_17();
-                                            var text_3 = sibling(first_child(fragment_12));
-                                            template_effect(() => set_text(text_3, ` ${get(date).day ?? ""}`));
-                                            append($$anchor15, fragment_12);
-                                          },
-                                          $$slots: { default: true }
-                                        });
-                                      });
-                                      append($$anchor13, fragment_11);
-                                    },
-                                    $$slots: { default: true }
-                                  });
-                                });
-                                append($$anchor11, fragment_10);
-                              });
-                              append($$anchor10, fragment_9);
-                            },
-                            $$slots: { default: true }
-                          });
-                        });
-                        append($$anchor8, fragment_8);
-                      });
-                      append($$anchor7, fragment_7);
-                    },
-                    $$slots: { default: true }
-                  });
-                });
-                append($$anchor5, fragment_3);
-              },
-              $$slots: { default: true }
-            });
-          });
-          append($$anchor3, fragment_2);
-        });
-        append($$anchor2, fragment);
-      };
-      component(node, () => Calendar$2, ($$anchor2, Calendar_Root) => {
-        Calendar_Root($$anchor2, {
-          weekdayFormat: "long",
-          fixedWeeks: true,
-          preventDeselect: true,
-          type: "single",
-          get locale() {
-            return shop.locale;
-          },
-          isDateDisabled: (date) => calendarClass().isDateDisabled(date),
-          isDateUnavailable: (date) => calendarClass().isDateUnavailable(date),
-          disableDaysOutsideMonth: false,
-          get value() {
-            return calendarClass().selected;
-          },
-          set value($$value) {
-            calendarClass().selected = $$value;
-          },
-          get placeholder() {
-            return calendarClass().startAt;
-          },
-          set placeholder($$value) {
-            calendarClass().startAt = $$value;
-          },
-          children,
-          $$slots: { default: true }
-        });
-      });
-    }
-    reset(div);
-    bind_this(div, ($$value) => set(root2, $$value), () => get(root2));
-    append($$anchor, div);
-    return pop({
-      details,
-      get calendarClass() {
-        return calendarClass();
+    append($$anchor, fragment);
+    return pop({
+      get children() {
+        return children();
       },
-      set calendarClass($$value) {
-        calendarClass($$value);
+      set children($$value) {
+        children($$value);
+        flushSync();
+      },
+      get child() {
+        return child$1();
+      },
+      set child($$value) {
+        child$1($$value);
+        flushSync();
+      },
+      get ref() {
+        return ref();
+      },
+      set ref($$value = null) {
+        ref($$value);
+        flushSync();
+      },
+      get id() {
+        return id();
+      },
+      set id($$value = createId(uid)) {
+        id($$value);
         flushSync();
       }
     });
   }
-  create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], true);
-  var root$4 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
-  function Calendar($$anchor, $$props) {
+  create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
+  var root_2$5 = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+  function Calendar_grid_row($$anchor, $$props) {
+    const uid = props_id();
     push($$props, true);
-    let ticketSelectionDetails = /* @__PURE__ */ state(void 0);
-    onMount(() => {
-      set(ticketSelectionDetails, getTicketSelectionDetails($$props.$$host), true);
-      ticketsCalendar.details = get(ticketSelectionDetails);
-      if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = void 0;
-    });
-    let wrapper = /* @__PURE__ */ state(void 0);
-    onMount(() => {
-      var _a2;
-      (_a2 = get(wrapper)) == null ? void 0 : _a2.addEventListener("go-date-select", (e) => {
-        if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = e.detail.selected;
-      });
+    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), ref = prop($$props, "ref", 15, null), id = prop($$props, "id", 23, () => createId(uid)), restProps = /* @__PURE__ */ rest_props($$props, [
+      "$$slots",
+      "$$events",
+      "$$legacy",
+      "$$host",
+      "children",
+      "child",
+      "ref",
+      "id"
+    ]);
+    const gridRowState = CalendarGridRowState.create({
+      id: box.with(() => id()),
+      ref: box.with(() => ref(), (v) => ref(v))
     });
-    var div = root$4();
-    var node = child(div);
+    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, gridRowState.props));
+    var fragment = comment();
+    var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        CalendarUI($$anchor2, {
-          get calendarClass() {
-            return ticketsCalendar;
-          }
-        });
+        var fragment_1 = comment();
+        var node_1 = first_child(fragment_1);
+        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
+        append($$anchor2, fragment_1);
+      };
+      var alternate = ($$anchor2) => {
+        var tr = root_2$5();
+        attribute_effect(tr, () => ({ ...get(mergedProps) }));
+        var node_2 = child(tr);
+        snippet(node_2, () => children() ?? noop$1);
+        reset(tr);
+        append($$anchor2, tr);
       };
       if_block(node, ($$render) => {
-        var _a2, _b2;
-        if (((_a2 = get(ticketSelectionDetails)) == null ? void 0 : _a2.mode) === "ticket" && !((_b2 = get(ticketSelectionDetails).filters) == null ? void 0 : _b2.includes("annual"))) $$render(consequent);
+        if (child$1()) $$render(consequent);
+        else $$render(alternate, false);
       });
     }
-    reset(div);
-    bind_this(div, ($$value) => set(wrapper, $$value), () => get(wrapper));
-    append($$anchor, div);
-    pop();
-  }
-  customElements.define("go-calendar", create_custom_element(Calendar, {}, [], [], false));
-  function createTimeSlotEntriesFromTicket(ticket) {
-    return Object.keys(ticket.capacities).map((startAt) => {
-      return {
-        startAt,
-        timeFormatted: $11d87f3f76e88657$export$d33f79e3ffc3dc83($fae977aafc393c5c$export$5adfdab05168c219(startAt, "Europe/Berlin")).toString().slice(0, -3),
-        capacity: ticket.capacities[startAt] || 0,
-        totalCapacity: ticket.total_capacities[startAt] || 0,
-        available: ticket.capacities[startAt] ? ticket.capacities[startAt] >= 1 : false,
-        quotaIds: ticket.quota_ids,
-        selected: false
-      };
-    });
-  }
-  function flattenTicketsIntoSlots(tickets) {
-    return alphabetical(Object.values(tickets).flatMap(createTimeSlotEntriesFromTicket), (slot) => slot.startAt);
-  }
-  function filterSlotsByQuota(allTimeSlots, quotaId) {
-    const slotsForThisQuota = allTimeSlots.filter((slot) => slot.quotaIds.includes(quotaId));
-    return slotsForThisQuota;
-  }
-  function filterSlots(allTimeSlots, quotas) {
-    const ret = [];
-    for (const quotaId of Object.keys(quotas)) {
-      const slotsForQuota = filterSlotsByQuota(allTimeSlots, parseInt(quotaId));
-      ret.push(...slotsForQuota);
-    }
-    return ret;
-  }
-  function combineSlots(timeSlots) {
-    const slotMap = {};
-    for (const slot of timeSlots) {
-      const existing = slotMap[slot.startAt];
-      if (existing) {
-        existing.capacity += slot.capacity;
-        existing.totalCapacity += slot.totalCapacity;
-        const newQuotaIds = slot.quotaIds.filter((id) => !existing.quotaIds.includes(id));
-        existing.quotaIds.push(...newQuotaIds);
-        existing.available = existing.capacity > 0;
-      } else {
-        slotMap[slot.startAt] = { ...slot };
-      }
-    }
-    return alphabetical(Object.values(slotMap), (slot) => slot.startAt);
-  }
-  function generateAvailableTimeSlots(tickets, quotas) {
-    const ticketSlots = flattenTicketsIntoSlots(tickets);
-    const quotaSlots = filterSlots(ticketSlots, quotas);
-    return combineSlots(quotaSlots);
-  }
-  let Details$2 = (_d = class {
-    constructor() {
-      __privateAdd(this, _ticketSelectionDetails, /* @__PURE__ */ state());
-    }
-    get ticketSelectionDetails() {
-      return get(__privateGet(this, _ticketSelectionDetails));
-    }
-    set ticketSelectionDetails(value) {
-      set(__privateGet(this, _ticketSelectionDetails), value, true);
-    }
-    get timeslots() {
-      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 = (_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,
-        valid_at: date.toString(),
-        // @ts-ignore
-        "by_ticket_types[]": ticketTypes,
-        "by_museum_ids[]": museumIds,
-        "by_exhibition_ids[]": exhibitionIds,
-        "by_ticket_ids[]": ticketIds
-      }));
-      if (!result) return [];
-      return generateAvailableTimeSlots(result.tickets, result.quotas);
-    }
-  }, _ticketSelectionDetails = new WeakMap(), _d);
-  function dataAttr(name, condition, value = "") {
-    return function(element) {
-      const n = "data-go-" + name;
-      if (condition) {
-        element.setAttribute(n, value);
-      } else {
-        element.removeAttribute(n);
+    append($$anchor, fragment);
+    return pop({
+      get children() {
+        return children();
+      },
+      set children($$value) {
+        children($$value);
+        flushSync();
+      },
+      get child() {
+        return child$1();
+      },
+      set child($$value) {
+        child$1($$value);
+        flushSync();
+      },
+      get ref() {
+        return ref();
+      },
+      set ref($$value = null) {
+        ref($$value);
+        flushSync();
+      },
+      get id() {
+        return id();
+      },
+      set id($$value = createId(uid)) {
+        id($$value);
+        flushSync();
       }
-    };
+    });
   }
-  var root_2$3 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
-  var root_1$3 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots" data-go-timeslots=""></ul>`);
-  function Timeslots($$anchor, $$props) {
+  create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
+  var root_2$4 = /* @__PURE__ */ from_html(`<header><!></header>`);
+  function Calendar_header($$anchor, $$props) {
+    const uid = props_id();
     push($$props, true);
-    const binding_group = [];
-    const details = new Details$2();
-    details.ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
-    const change = (e) => {
-      e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
-        detail: { selected: details.ticketSelectionDetails.selectedTimeslot },
-        bubbles: true,
-        composed: true
-      }));
-    };
+    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), ref = prop($$props, "ref", 15, null), id = prop($$props, "id", 23, () => createId(uid)), restProps = /* @__PURE__ */ rest_props($$props, [
+      "$$slots",
+      "$$events",
+      "$$legacy",
+      "$$host",
+      "children",
+      "child",
+      "ref",
+      "id"
+    ]);
+    const headerState = CalendarHeaderState.create({
+      id: box.with(() => id()),
+      ref: box.with(() => ref(), (v) => ref(v))
+    });
+    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, headerState.props));
     var fragment = comment();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var ul = root_1$3();
-        each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
-          const selected = /* @__PURE__ */ user_derived(() => {
-            var _a2;
-            return ((_a2 = details.ticketSelectionDetails) == null ? void 0 : _a2.selectedTimeslot) === timeslot.startAt;
-          });
-          var li = root_2$3();
-          var label = child(li);
-          var text2 = child(label);
-          var input = sibling(text2);
-          remove_input_defaults(input);
-          input.__change = change;
-          var input_value;
-          reset(label);
-          reset(li);
-          attach(li, () => dataAttr("selected", get(selected)));
-          template_effect(() => {
-            set_class(label, 1, clsx(timeslot.available ? "" : "disabled"));
-            set_text(text2, `${timeslot.timeFormatted ?? ""} `);
-            if (input_value !== (input_value = timeslot.startAt)) {
-              input.value = (input.__value = timeslot.startAt) ?? "";
-            }
-          });
-          bind_group(
-            binding_group,
-            [],
-            input,
-            () => {
-              timeslot.startAt;
-              return details.ticketSelectionDetails.selectedTimeslot;
-            },
-            ($$value) => details.ticketSelectionDetails.selectedTimeslot = $$value
-          );
-          append($$anchor3, li);
-        });
-        reset(ul);
-        append($$anchor2, ul);
+        var fragment_1 = comment();
+        var node_1 = first_child(fragment_1);
+        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
+        append($$anchor2, fragment_1);
+      };
+      var alternate = ($$anchor2) => {
+        var header = root_2$4();
+        attribute_effect(header, () => ({ ...get(mergedProps) }));
+        var node_2 = child(header);
+        snippet(node_2, () => children() ?? noop$1);
+        reset(header);
+        append($$anchor2, header);
       };
       if_block(node, ($$render) => {
-        var _a2;
-        if (details.ticketSelectionDetails && ((_a2 = details.ticketSelectionDetails.filters) == null ? void 0 : _a2.includes("time_slot"))) $$render(consequent);
+        if (child$1()) $$render(consequent);
+        else $$render(alternate, false);
       });
     }
     append($$anchor, fragment);
-    return pop({ details });
+    return pop({
+      get children() {
+        return children();
+      },
+      set children($$value) {
+        children($$value);
+        flushSync();
+      },
+      get child() {
+        return child$1();
+      },
+      set child($$value) {
+        child$1($$value);
+        flushSync();
+      },
+      get ref() {
+        return ref();
+      },
+      set ref($$value = null) {
+        ref($$value);
+        flushSync();
+      },
+      get id() {
+        return id();
+      },
+      set id($$value = createId(uid)) {
+        id($$value);
+        flushSync();
+      }
+    });
   }
-  delegate(["change"]);
-  customElements.define("go-timeslots", create_custom_element(Timeslots, {}, [], ["details"], false));
-  var root_2$2 = /* @__PURE__ */ from_html(`<div><!></div>`);
-  var root$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  function Wrapper($$anchor, $$props) {
+  create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
+  var root_2$3 = /* @__PURE__ */ from_html(`<div><!></div>`);
+  function Calendar_heading($$anchor, $$props) {
+    const uid = props_id();
     push($$props, true);
-    let host = prop($$props, "host", 7), children = prop($$props, "children", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), ref = prop($$props, "ref", 15, null), id = prop($$props, "id", 23, () => createId(uid)), restProps = /* @__PURE__ */ rest_props($$props, [
       "$$slots",
       "$$events",
       "$$legacy",
       "$$host",
-      "host",
-      "children"
+      "children",
+      "child",
+      "ref",
+      "id"
     ]);
-    if (host()) {
-      for (const prop2 in restProps) {
-        host().setAttribute(prop2, restProps[prop2]);
-      }
-    }
-    var fragment = root$3();
+    const headingState = CalendarHeadingState.create({
+      id: box.with(() => id()),
+      ref: box.with(() => ref(), (v) => ref(v))
+    });
+    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, headingState.props));
+    var fragment = comment();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
         var fragment_1 = comment();
         var node_1 = first_child(fragment_1);
-        snippet(node_1, children);
+        snippet(node_1, child$1, () => ({
+          props: get(mergedProps),
+          headingValue: headingState.root.headingValue
+        }));
         append($$anchor2, fragment_1);
       };
-      if_block(node, ($$render) => {
-        if (host()) $$render(consequent);
-      });
-    }
-    var node_2 = sibling(node, 2);
-    {
-      var consequent_1 = ($$anchor2) => {
-        var div = root_2$2();
-        attribute_effect(div, () => ({ ...restProps }));
-        var node_3 = child(div);
-        snippet(node_3, children);
+      var alternate_1 = ($$anchor2) => {
+        var div = root_2$3();
+        attribute_effect(div, () => ({ ...get(mergedProps) }));
+        var node_2 = child(div);
+        {
+          var consequent_1 = ($$anchor3) => {
+            var fragment_2 = comment();
+            var node_3 = first_child(fragment_2);
+            snippet(node_3, () => children() ?? noop$1, () => ({ headingValue: headingState.root.headingValue }));
+            append($$anchor3, fragment_2);
+          };
+          var alternate = ($$anchor3) => {
+            var text$1 = text();
+            template_effect(() => set_text(text$1, headingState.root.headingValue));
+            append($$anchor3, text$1);
+          };
+          if_block(node_2, ($$render) => {
+            if (children()) $$render(consequent_1);
+            else $$render(alternate, false);
+          });
+        }
         reset(div);
         append($$anchor2, div);
       };
-      if_block(node_2, ($$render) => {
-        if (!host()) $$render(consequent_1);
+      if_block(node, ($$render) => {
+        if (child$1()) $$render(consequent);
+        else $$render(alternate_1, false);
       });
     }
     append($$anchor, fragment);
     return pop({
-      get host() {
-        return host();
-      },
-      set host($$value) {
-        host($$value);
-        flushSync();
-      },
       get children() {
         return children();
       },
       set children($$value) {
         children($$value);
         flushSync();
+      },
+      get child() {
+        return child$1();
+      },
+      set child($$value) {
+        child$1($$value);
+        flushSync();
+      },
+      get ref() {
+        return ref();
+      },
+      set ref($$value = null) {
+        ref($$value);
+        flushSync();
+      },
+      get id() {
+        return id();
+      },
+      set id($$value = createId(uid)) {
+        id($$value);
+        flushSync();
       }
     });
   }
-  create_custom_element(Wrapper, { host: {}, children: {} }, [], [], true);
-  function TicketSelection($$anchor, $$props) {
+  create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
+  var root_2$2 = /* @__PURE__ */ from_html(`<button><!></button>`);
+  function Calendar_next_button($$anchor, $$props) {
+    const uid = props_id();
     push($$props, true);
-    let mode = prop($$props, "mode", 7), filter = prop($$props, "filter", 7), eventId = prop($$props, "eventId", 7), children = prop($$props, "children", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), id = prop($$props, "id", 23, () => createId(uid)), ref = prop($$props, "ref", 15, null), tabindex = prop($$props, "tabindex", 7, 0), restProps = /* @__PURE__ */ rest_props($$props, [
       "$$slots",
       "$$events",
       "$$legacy",
       "$$host",
-      "mode",
-      "filter",
-      "eventId",
       "children",
-      "museumIds",
-      "exhibitionIds",
-      "ticketIds"
+      "child",
+      "id",
+      "ref",
+      "tabindex"
     ]);
-    const details = new TicketSelectionDetails();
-    user_effect(() => {
-      details.mode = mode();
-      details.filters = [filter()];
-      details.eventId = eventId();
-      details.museumIds = parseIds(museumIds());
-      details.exhibitionIds = parseIds(exhibitionIds());
-      details.ticketIds = parseIds(ticketIds());
+    const nextButtonState = CalendarNextButtonState.create({
+      id: box.with(() => id()),
+      ref: box.with(() => ref(), (v) => ref(v))
     });
-    setTicketSelectionDetails($$props.$$host, details);
-    Wrapper($$anchor, spread_props({ host: $$props.$$host }, () => restProps, {
-      children: ($$anchor2, $$slotProps) => {
+    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, nextButtonState.props, { tabindex: tabindex() }));
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
         var fragment_1 = comment();
-        var node = first_child(fragment_1);
-        snippet(node, () => children() ?? noop$1);
+        var node_1 = first_child(fragment_1);
+        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
         append($$anchor2, fragment_1);
-      },
-      $$slots: { default: true }
-    }));
+      };
+      var alternate = ($$anchor2) => {
+        var button = root_2$2();
+        attribute_effect(button, () => ({ ...get(mergedProps) }));
+        var node_2 = child(button);
+        snippet(node_2, () => children() ?? noop$1);
+        reset(button);
+        append($$anchor2, button);
+      };
+      if_block(node, ($$render) => {
+        if (child$1()) $$render(consequent);
+        else $$render(alternate, false);
+      });
+    }
+    append($$anchor, fragment);
     return pop({
-      details,
-      get mode() {
-        return mode();
+      get children() {
+        return children();
       },
-      set mode($$value) {
-        mode($$value);
+      set children($$value) {
+        children($$value);
         flushSync();
       },
-      get filter() {
-        return filter();
+      get child() {
+        return child$1();
       },
-      set filter($$value) {
-        filter($$value);
+      set child($$value) {
+        child$1($$value);
         flushSync();
       },
-      get eventId() {
-        return eventId();
+      get id() {
+        return id();
       },
-      set eventId($$value) {
-        eventId($$value);
+      set id($$value = createId(uid)) {
+        id($$value);
+        flushSync();
+      },
+      get ref() {
+        return ref();
+      },
+      set ref($$value = null) {
+        ref($$value);
         flushSync();
       },
+      get tabindex() {
+        return tabindex();
+      },
+      set tabindex($$value = 0) {
+        tabindex($$value);
+        flushSync();
+      }
+    });
+  }
+  create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
+  var root_2$1 = /* @__PURE__ */ from_html(`<button><!></button>`);
+  function Calendar_prev_button($$anchor, $$props) {
+    const uid = props_id();
+    push($$props, true);
+    let children = prop($$props, "children", 7), child$1 = prop($$props, "child", 7), id = prop($$props, "id", 23, () => createId(uid)), ref = prop($$props, "ref", 15, null), tabindex = prop($$props, "tabindex", 7, 0), restProps = /* @__PURE__ */ rest_props($$props, [
+      "$$slots",
+      "$$events",
+      "$$legacy",
+      "$$host",
+      "children",
+      "child",
+      "id",
+      "ref",
+      "tabindex"
+    ]);
+    const prevButtonState = CalendarPrevButtonState.create({
+      id: box.with(() => id()),
+      ref: box.with(() => ref(), (v) => ref(v))
+    });
+    const mergedProps = /* @__PURE__ */ user_derived(() => mergeProps(restProps, prevButtonState.props, { tabindex: tabindex() }));
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
+        var fragment_1 = comment();
+        var node_1 = first_child(fragment_1);
+        snippet(node_1, child$1, () => ({ props: get(mergedProps) }));
+        append($$anchor2, fragment_1);
+      };
+      var alternate = ($$anchor2) => {
+        var button = root_2$1();
+        attribute_effect(button, () => ({ ...get(mergedProps) }));
+        var node_2 = child(button);
+        snippet(node_2, () => children() ?? noop$1);
+        reset(button);
+        append($$anchor2, button);
+      };
+      if_block(node, ($$render) => {
+        if (child$1()) $$render(consequent);
+        else $$render(alternate, false);
+      });
+    }
+    append($$anchor, fragment);
+    return pop({
       get children() {
         return children();
       },
@@ -16634,349 +16090,376 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         children($$value);
         flushSync();
       },
-      get museumIds() {
-        return museumIds();
+      get child() {
+        return child$1();
       },
-      set museumIds($$value) {
-        museumIds($$value);
+      set child($$value) {
+        child$1($$value);
         flushSync();
       },
-      get exhibitionIds() {
-        return exhibitionIds();
+      get id() {
+        return id();
       },
-      set exhibitionIds($$value) {
-        exhibitionIds($$value);
+      set id($$value = createId(uid)) {
+        id($$value);
         flushSync();
       },
-      get ticketIds() {
-        return ticketIds();
+      get ref() {
+        return ref();
       },
-      set ticketIds($$value) {
-        ticketIds($$value);
+      set ref($$value = null) {
+        ref($$value);
+        flushSync();
+      },
+      get tabindex() {
+        return tabindex();
+      },
+      set tabindex($$value = 0) {
+        tabindex($$value);
         flushSync();
       }
     });
   }
-  customElements.define("go-ticket-selection", create_custom_element(
-    TicketSelection,
-    {
-      mode: { attribute: "mode", reflect: true, type: "String" },
-      eventId: { attribute: "event-id", reflect: true, type: "Number" },
-      ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
-      museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
-      exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
-      filter: {},
-      children: {}
-    },
-    [],
-    ["details"],
-    false
-  ));
-  function SelectionTotal($$anchor, $$props) {
-    push($$props, true);
-    let ticketSelectionDetails = /* @__PURE__ */ state(void 0);
-    onMount(() => {
-      set(ticketSelectionDetails, getTicketSelectionDetails($$props.$$host), true);
-    });
-    next();
-    var text$1 = text();
-    template_effect(() => {
-      var _a2;
-      return set_text(text$1, (_a2 = get(ticketSelectionDetails)) == null ? void 0 : _a2.total);
-    });
-    append($$anchor, text$1);
-    pop();
-  }
-  customElements.define("go-total", create_custom_element(SelectionTotal, {}, [], [], false));
-  let Details$1 = (_e = class {
+  create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
+  let Calendar$1 = (_c = class {
     constructor() {
-      __privateAdd(this, _ticketSelectionDetails2, /* @__PURE__ */ state());
+      __privateAdd(this, _startAt, /* @__PURE__ */ state(proxy($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()))));
+      __privateAdd(this, _selected, /* @__PURE__ */ state(void 0));
     }
-    get ticketSelectionDetails() {
-      return get(__privateGet(this, _ticketSelectionDetails2));
+    get startAt() {
+      return get(__privateGet(this, _startAt));
     }
-    set ticketSelectionDetails(value) {
-      set(__privateGet(this, _ticketSelectionDetails2), value, true);
+    set startAt(value) {
+      set(__privateGet(this, _startAt), value, true);
     }
-    get allTickets() {
-      return [...this.timeslotTickets, ...this.annualTickets];
+    get selected() {
+      return get(__privateGet(this, _selected));
     }
-    get timeslotTickets() {
-      var _a2, _b2;
-      const tsd = this.ticketSelectionDetails;
-      if (!tsd) return [];
-      if (!tsd.selectedDate && !tsd.selectedTimeslot && ((_a2 = tsd.filters) == null ? void 0 : _a2.includes("time_slot"))) return [];
-      const result = snapshot(shop.ticketsAndQuotas({
-        by_bookable: true,
-        valid_at: (_b2 = tsd.selectedDate) == null ? void 0 : _b2.toString(),
-        // @ts-ignore
-        "by_ticket_types[]": tsd.filters,
-        "by_museum_ids[]": tsd.museumIds,
-        "by_exhibition_ids[]": tsd.exhibitionIds,
-        "by_ticket_ids[]": tsd.ticketIds
-      }));
-      if (!result) return [];
-      return initGomusTickets(result.tickets);
+    set selected(value) {
+      set(__privateGet(this, _selected), value, true);
     }
-    get annualTickets() {
-      var _a2;
-      const tsd = this.ticketSelectionDetails;
-      if (!tsd) return [];
-      if (!((_a2 = tsd.filters) == null ? void 0 : _a2.includes("annual"))) return [];
-      const result = snapshot(shop.tickets({
-        by_bookable: true,
-        // @ts-ignore
-        "by_ticket_types[]": tsd.filters,
-        "by_ticket_ids[]": tsd.ticketIds
+    isDateDisabled(date) {
+      return date.compare($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2())) < 0;
+    }
+    isDateUnavailable(date) {
+      if (this.dates) {
+        return !this.dates[date.toString()];
+      }
+      return false;
+    }
+  }, _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;
+        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,
+          start_at: this.startAt.set({ day: 1 }).toString(),
+          end_at: this.startAt.add({ months: 1 }).set({ day: 7 }).toString()
+        };
       }));
-      if (!result) return [];
-      return initAnnualTickets(result);
-    }
-    updateSelectedTickets(ticket, quantity) {
-      var _a2, _b2, _c2;
-      if (!this.ticketSelectionDetails) return;
-      const index2 = this.timeslotTickets.findIndex((t) => t.id == ticket.id);
-      const duplicate = this.timeslotTickets[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$1 = /* @__PURE__ */ from_html(`<option> </option>`);
-  var root_1$2 = /* @__PURE__ */ from_html(`<select></select>`);
-  var root_4$1 = /* @__PURE__ */ from_html(`<li><article data-go-ticket=""><ul><li data-go-tickets-title=""> </li> <li data-go-tickets-description=""><!></li> <li data-go-tickets-price=""> </li> <li data-go-tickets-quality=""><!></li></ul></article></li>`);
-  var root_3$1 = /* @__PURE__ */ from_html(`<ol data-testid="tickets"><li data-go-tickets-header="" data-testid="tickets-header"><ul><li data-go-tickets-title="">Title</li> <li data-go-tickets-description="">Description</li> <li data-go-tickets-price="">Price</li> <li data-go-tickets-quality="">Quantity</li></ul></li> <!></ol>`);
-  function Tickets($$anchor, $$props) {
+    }
+    get details() {
+      return get(__privateGet(this, _details));
+    }
+    set details(value) {
+      set(__privateGet(this, _details), value, true);
+    }
+    get params() {
+      return get(__privateGet(this, _params));
+    }
+    set params(value) {
+      set(__privateGet(this, _params), value);
+    }
+    get dates() {
+      const ret = shop.ticketsCalendar(this.params);
+      return ret;
+    }
+  }
+  _details = new WeakMap();
+  _params = new WeakMap();
+  var root_3 = /* @__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 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+  var root_1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+  function CalendarUI($$anchor, $$props) {
     push($$props, true);
-    const select = ($$anchor2, ticket = noop$1) => {
-      var select_1 = root_1$2();
-      select_1.__change = (e) => {
-        var _a2;
-        return details.updateSelectedTickets(ticket(), parseInt((_a2 = e == null ? void 0 : e.target) == null ? void 0 : _a2.value));
-      };
-      each(select_1, 21, () => ticket().quantityOptions, index, ($$anchor3, quantity) => {
-        var option = root_2$1();
-        var text2 = child(option, true);
-        reset(option);
-        var option_value = {};
-        template_effect(() => {
-          set_selected(option, get(quantity).selected);
-          set_text(text2, get(quantity).label);
-          if (option_value !== (option_value = get(quantity).value)) {
-            option.value = (option.__value = get(quantity).value) ?? "";
-          }
-        });
-        append($$anchor3, option);
-      });
-      reset(select_1);
-      template_effect(($0) => set_attribute(select_1, "name", $0), [() => ticket().id.toString()]);
-      append($$anchor2, select_1);
-    };
-    const details = new Details$1();
-    onMount(() => {
-      details.ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
+    let calendarClass = prop($$props, "calendarClass", 7);
+    let root2 = /* @__PURE__ */ state(void 0);
+    const details = calendarClass();
+    user_effect(() => {
+      get(root2).dispatchEvent(new CustomEvent("go-date-select", {
+        detail: { selected: calendarClass().selected },
+        bubbles: true
+      }));
     });
-    var fragment = comment();
-    var node = first_child(fragment);
+    var div = root_1();
+    var node = child(div);
     {
-      var consequent = ($$anchor2) => {
-        var ol = root_3$1();
-        var node_1 = sibling(child(ol), 2);
-        each(node_1, 17, () => details.timeslotTickets, index, ($$anchor3, ticket) => {
-          var li = root_4$1();
-          var article = child(li);
-          var ul = child(article);
-          var li_1 = child(ul);
-          var text_1 = child(li_1, true);
-          reset(li_1);
-          var li_2 = sibling(li_1, 2);
-          var node_2 = child(li_2);
-          html(node_2, () => get(ticket).description);
-          reset(li_2);
-          var li_3 = sibling(li_2, 2);
-          var text_2 = child(li_3, true);
-          reset(li_3);
-          var li_4 = sibling(li_3, 2);
-          var node_3 = child(li_4);
-          select(node_3, () => get(ticket));
-          reset(li_4);
-          reset(ul);
-          reset(article);
-          reset(li);
-          template_effect(() => {
-            set_attribute(article, "data-testid", "ticket-" + get(ticket).id);
-            set_text(text_1, get(ticket).title);
-            set_text(text_2, get(ticket).totalPriceFormatted);
+      const children = ($$anchor2, $$arg0) => {
+        let months = () => $$arg0 == null ? void 0 : $$arg0().months;
+        let weekdays = () => $$arg0 == null ? void 0 : $$arg0().weekdays;
+        var fragment = root_2();
+        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();
+              var node_2 = first_child(fragment_1);
+              component(node_2, () => Calendar_prev_button, ($$anchor5, Calendar_PrevButton) => {
+                Calendar_PrevButton($$anchor5, {
+                  children: ($$anchor6, $$slotProps2) => {
+                    next();
+                    var text$1 = text("Prev");
+                    append($$anchor6, text$1);
+                  },
+                  $$slots: { default: true }
+                });
+              });
+              var node_3 = sibling(node_2, 2);
+              component(node_3, () => Calendar_heading, ($$anchor5, Calendar_Heading) => {
+                Calendar_Heading($$anchor5, {});
+              });
+              var node_4 = sibling(node_3, 2);
+              component(node_4, () => Calendar_next_button, ($$anchor5, Calendar_NextButton) => {
+                Calendar_NextButton($$anchor5, {
+                  children: ($$anchor6, $$slotProps2) => {
+                    next();
+                    var text_1 = text("Next");
+                    append($$anchor6, text_1);
+                  },
+                  $$slots: { default: true }
+                });
+              });
+              append($$anchor4, fragment_1);
+            },
+            $$slots: { default: true }
           });
-          append($$anchor3, li);
         });
-        reset(ol);
-        append($$anchor2, ol);
-      };
-      if_block(node, ($$render) => {
-        var _a2;
-        if (((_a2 = details.ticketSelectionDetails) == null ? void 0 : _a2.isTicketsVisible) && details.allTickets.length > 0) $$render(consequent);
-      });
-    }
-    append($$anchor, fragment);
-    return pop({ details });
-  }
-  delegate(["change"]);
-  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);
+        var node_5 = sibling(node_1, 2);
+        each(node_5, 17, months, index, ($$anchor3, month) => {
+          var fragment_2 = comment();
+          var node_6 = first_child(fragment_2);
+          component(node_6, () => Calendar_grid, ($$anchor4, Calendar_Grid) => {
+            Calendar_Grid($$anchor4, {
+              children: ($$anchor5, $$slotProps) => {
+                var fragment_3 = root_7();
+                var node_7 = first_child(fragment_3);
+                component(node_7, () => Calendar_grid_head, ($$anchor6, Calendar_GridHead) => {
+                  Calendar_GridHead($$anchor6, {
+                    children: ($$anchor7, $$slotProps2) => {
+                      var fragment_4 = comment();
+                      var node_8 = first_child(fragment_4);
+                      component(node_8, () => Calendar_grid_row, ($$anchor8, Calendar_GridRow) => {
+                        Calendar_GridRow($$anchor8, {
+                          children: ($$anchor9, $$slotProps3) => {
+                            var fragment_5 = comment();
+                            var node_9 = first_child(fragment_5);
+                            each(node_9, 17, weekdays, index, ($$anchor10, day, i, $$array) => {
+                              var fragment_6 = comment();
+                              var node_10 = first_child(fragment_6);
+                              component(node_10, () => Calendar_head_cell, ($$anchor11, Calendar_HeadCell) => {
+                                Calendar_HeadCell($$anchor11, {
+                                  children: ($$anchor12, $$slotProps4) => {
+                                    var div_1 = root_11();
+                                    var text_2 = child(div_1, true);
+                                    reset(div_1);
+                                    template_effect(($0) => set_text(text_2, $0), [() => get(day).slice(0, 2)]);
+                                    append($$anchor12, div_1);
+                                  },
+                                  $$slots: { default: true }
+                                });
+                              });
+                              append($$anchor10, fragment_6);
+                            });
+                            append($$anchor9, fragment_5);
+                          },
+                          $$slots: { default: true }
+                        });
+                      });
+                      append($$anchor7, fragment_4);
+                    },
+                    $$slots: { default: true }
+                  });
+                });
+                var node_11 = sibling(node_7, 2);
+                component(node_11, () => Calendar_grid_body, ($$anchor6, Calendar_GridBody) => {
+                  Calendar_GridBody($$anchor6, {
+                    children: ($$anchor7, $$slotProps2) => {
+                      var fragment_7 = comment();
+                      var node_12 = first_child(fragment_7);
+                      each(node_12, 17, () => get(month).weeks, index, ($$anchor8, weekDates, i, $$array_1) => {
+                        var fragment_8 = comment();
+                        var node_13 = first_child(fragment_8);
+                        component(node_13, () => Calendar_grid_row, ($$anchor9, Calendar_GridRow_1) => {
+                          Calendar_GridRow_1($$anchor9, {
+                            children: ($$anchor10, $$slotProps3) => {
+                              var fragment_9 = comment();
+                              var node_14 = first_child(fragment_9);
+                              each(node_14, 17, () => get(weekDates), index, ($$anchor11, date, i2, $$array_2) => {
+                                var fragment_10 = comment();
+                                var node_15 = first_child(fragment_10);
+                                component(node_15, () => Calendar_cell, ($$anchor12, Calendar_Cell) => {
+                                  Calendar_Cell($$anchor12, {
+                                    get date() {
+                                      return get(date);
+                                    },
+                                    get month() {
+                                      return get(month).value;
+                                    },
+                                    children: ($$anchor13, $$slotProps4) => {
+                                      var fragment_11 = comment();
+                                      var node_16 = first_child(fragment_11);
+                                      component(node_16, () => Calendar_day, ($$anchor14, Calendar_Day) => {
+                                        Calendar_Day($$anchor14, {
+                                          children: ($$anchor15, $$slotProps5) => {
+                                            var fragment_12 = root_17();
+                                            var text_3 = sibling(first_child(fragment_12));
+                                            template_effect(() => set_text(text_3, ` ${get(date).day ?? ""}`));
+                                            append($$anchor15, fragment_12);
+                                          },
+                                          $$slots: { default: true }
+                                        });
+                                      });
+                                      append($$anchor13, fragment_11);
+                                    },
+                                    $$slots: { default: true }
+                                  });
+                                });
+                                append($$anchor11, fragment_10);
+                              });
+                              append($$anchor10, fragment_9);
+                            },
+                            $$slots: { default: true }
+                          });
+                        });
+                        append($$anchor8, fragment_8);
+                      });
+                      append($$anchor7, fragment_7);
+                    },
+                    $$slots: { default: true }
+                  });
+                });
+                append($$anchor5, fragment_3);
+              },
+              $$slots: { default: true }
+            });
           });
-        }
-        template_effect(($0) => set_text(text_1, $0), [
-          () => formatDate(cartItem().attributes.time, { month: "numeric", day: "numeric" }, shop.locale)
-        ]);
+          append($$anchor3, fragment_2);
+        });
         append($$anchor2, fragment);
       };
-      if_block(node, ($$render) => {
-        if (cartItem().attributes.time) $$render(consequent_1);
+      component(node, () => Calendar$2, ($$anchor2, Calendar_Root) => {
+        Calendar_Root($$anchor2, {
+          weekdayFormat: "long",
+          fixedWeeks: true,
+          preventDeselect: true,
+          type: "single",
+          get locale() {
+            return shop.locale;
+          },
+          isDateDisabled: (date) => calendarClass().isDateDisabled(date),
+          isDateUnavailable: (date) => calendarClass().isDateUnavailable(date),
+          disableDaysOutsideMonth: false,
+          get value() {
+            return calendarClass().selected;
+          },
+          set value($$value) {
+            calendarClass().selected = $$value;
+          },
+          get placeholder() {
+            return calendarClass().startAt;
+          },
+          set placeholder($$value) {
+            calendarClass().startAt = $$value;
+          },
+          children,
+          $$slots: { default: true }
+        });
       });
     }
-    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);
+    bind_this(div, ($$value) => set(root2, $$value), () => get(root2));
+    append($$anchor, div);
     return pop({
-      get cartItem() {
-        return cartItem();
-      },
-      set cartItem($$value) {
-        cartItem($$value);
-        flushSync();
-      },
-      get readonly() {
-        return readonly();
+      details,
+      get calendarClass() {
+        return calendarClass();
       },
-      set readonly($$value = false) {
-        readonly($$value);
+      set calendarClass($$value) {
+        calendarClass($$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();
+  create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], true);
+  var root$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+  function Calendar($$anchor, $$props) {
+    push($$props, true);
+    let ticketSelectionDetails = /* @__PURE__ */ state(void 0);
+    const ticketsCalendar = new TicketsCalendar();
+    const details = ticketsCalendar;
+    onMount(() => {
+      set(ticketSelectionDetails, getTicketSelectionDetails($$props.$$host), true);
+      ticketsCalendar.details = get(ticketSelectionDetails);
+      if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = void 0;
+    });
+    let wrapper = /* @__PURE__ */ state(void 0);
+    onMount(() => {
+      var _a2;
+      (_a2 = get(wrapper)) == null ? void 0 : _a2.addEventListener("go-date-select", (e) => {
+        if (get(ticketSelectionDetails)) get(ticketSelectionDetails).selectedDate = e.detail.selected;
+      });
+    });
     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);
-            });
+      var consequent = ($$anchor2) => {
+        CalendarUI($$anchor2, {
+          get calendarClass() {
+            return ticketsCalendar;
           }
-          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);
+        var _a2, _b2;
+        if (((_a2 = get(ticketSelectionDetails)) == null ? void 0 : _a2.mode) === "ticket" && !((_b2 = get(ticketSelectionDetails).filters) == null ? void 0 : _b2.includes("annual"))) $$render(consequent);
       });
     }
     reset(div);
+    bind_this(div, ($$value) => set(wrapper, $$value), () => get(wrapper));
     append($$anchor, div);
-    pop();
+    return pop({ details });
   }
-  customElements.define("go-cart", create_custom_element(Cart, {}, [], [], false));
+  customElements.define("go-calendar", create_custom_element(Calendar, {}, [], ["details"], false));
+  class Config {
+    constructor() {
+      __publicField(this, "options", {});
+    }
+    get config() {
+      return Object.freeze(this.options);
+    }
+    defineConfig(options) {
+      this.options = assign(this.options, options);
+      return this;
+    }
+  }
+  const go = new Config();
+  go.defineConfig({
+    urls: {},
+    navigatoTo: (url) => {
+      window.location.assign(url);
+    }
+  });
+  window.go = go;
   class Details {
     constructor() {
       __privateAdd(this, _ticketSelectionDetails3, /* @__PURE__ */ state());
@@ -16987,54 +16470,53 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     set ticketSelectionDetails(value) {
       set(__privateGet(this, _ticketSelectionDetails3), value, true);
     }
-    addToCart(cart2, url = void 0) {
-      var _a2;
-      if (!cart2) {
+    addToCart() {
+      if (!cart) {
         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 = [];
+      if (!this.ticketSelectionDetails) {
+        console.error("ticket selection details not found");
+        return;
+      }
+      console.log("adding to cart:");
+      const preCarts = this.ticketSelectionDetails.preCarts;
+      const newItems = preCarts.flatMap((pc) => {
+        return pc.nonEmptyItems.map((i) => createCartItem(i.item, { quantity: i.quantity, time: i.time }));
+      });
+      cart.addItems(newItems);
+      preCarts.forEach((pc) => pc.items.forEach((i) => i.quantity = 0));
+      if (go.config.urls.cart) {
+        go.config.navigatoTo(go.config.urls.cart());
+      }
+    }
+    anyTicketsSelected() {
+      if (!this.ticketSelectionDetails) return false;
+      const ret = this.ticketSelectionDetails.preCarts.some((cart2) => cart2.items.some((item) => item.quantity > 0));
+      return ret;
     }
   }
   _ticketSelectionDetails3 = new WeakMap();
-  var root = /* @__PURE__ */ from_html(`<div><button> </button></div>`);
-  function CheckoutButton($$anchor, $$props) {
+  var root = /* @__PURE__ */ from_html(`<button data-add-to-cart-button="" data-testid="go-add-to-cart-button__button">Add to cart</button>`);
+  function AddToCartButton($$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();
+    var button = root();
+    button.__click = () => details.addToCart();
+    template_effect(
+      ($0, $1) => {
+        button.disabled = $0;
+        set_attribute(button, "data-x", $1);
       },
-      set url($$value) {
-        url($$value);
-        flushSync();
-      },
-      get text() {
-        return text2();
-      },
-      set text($$value = "") {
-        text2($$value);
-        flushSync();
-      }
-    });
+      [
+        () => !details.anyTicketsSelected(),
+        () => !details.anyTicketsSelected()
+      ]
+    );
+    append($$anchor, button);
+    return pop({ details });
   }
   delegate(["click"]);
-  customElements.define("go-checkout-button", create_custom_element(CheckoutButton, { url: {}, text: {} }, [], ["details"], false));
+  customElements.define("go-add-to-cart-button", create_custom_element(AddToCartButton, {}, [], ["details"], false));
 })();