@gomusdev/web-components 1.22.3 → 1.24.0

package/dist-js/gomus-webcomponents.js

@@ -5585,6 +5585,11 @@ const isNumber = (value) => {
     return false;
   }
 };
+const boil = (array2, compareFunc) => {
+  if (!array2 || (array2.length ?? 0) === 0)
+    return null;
+  return array2.reduce(compareFunc);
+};
 function sum(array2, fn) {
   return (array2 || []).reduce((acc, item) => acc + (fn ? fn(item) : item), 0);
 }
@@ -5602,6 +5607,10 @@ const alphabetical = (array2, getter, dir = "asc") => {
   const dsc = (a2, b) => `${getter(b)}`.localeCompare(getter(a2));
   return array2.slice().sort(dir === "desc" ? dsc : asc);
 };
+function max$1(array2, getter) {
+  const get2 = getter ?? ((v) => v);
+  return boil(array2, (a2, b) => get2(a2) > get2(b) ? a2 : b);
+}
 const iterate = (count, func, initValue) => {
   let value = initValue;
   for (let i = 1; i <= count; i++) {
@@ -11985,7 +11994,7 @@ class Shop {
     const isCacheExpired = this.#fetchStatus[fetchId]?.fetchedAt < Date.now() - options.cache * 1e3;
     if (isNotFetchedYet || isCacheExpired) {
       this.apiGet(endpoint, query, options.path).then((ret) => {
-        get$2(this.#data)[dataKey] = responseKey === "" ? ret : ret[responseKey];
+        if (ret) get$2(this.#data)[dataKey] = responseKey === "" ? ret : ret[responseKey];
       });
     }
     return get$2(this.#data)[dataKey];
@@ -12004,6 +12013,12 @@ class Shop {
   getEvent(id) {
     return this.fetchAndCache(`/api/v4/events/${id}`, `single_event_${id}`, "event");
   }
+  getTicketCapacities(date2, ticketIds) {
+    return this.apiPost(`/api/v4/tickets/capacities`, {
+      body: { date: date2, ticket_ids: ticketIds },
+      requiredFields: ["date", "ticket_ids"]
+    });
+  }
   getEventDetailsOnDate(eventId, dateId) {
     return this.fetchAndCache(`/api/v4/events/${eventId}/dates/${dateId}`, `/api/v4/events/${eventId}/dates/${dateId}`, "date");
   }
@@ -12158,7 +12173,7 @@ class PersonalizationDetails {
 const KEY$4 = "go-annual-ticket-personalization";
 const setPersonalizationDetails = createSetDetails(KEY$4);
 var root_3$8 = /* @__PURE__ */ from_html(`<li><a>Personalize</a></li>`);
-var root_2$r = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
+var root_2$q = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
 function AnnualTicketPersonalization($$anchor, $$props) {
   push($$props, true);
   let token = prop($$props, "token", 7);
@@ -12185,7 +12200,7 @@ function AnnualTicketPersonalization($$anchor, $$props) {
       var fragment_1 = comment();
       var node_1 = first_child(fragment_1);
       each(node_1, 17, () => get$2(order).ticket_sales, (ticketSale) => ticketSale.id, ($$anchor3, ticketSale) => {
-        var ul = root_2$r();
+        var ul = root_2$q();
         var li = child(ul);
         var text2 = child(li, true);
         reset(li);
@@ -15181,7 +15196,7 @@ customElements.define("go-form", create_custom_element(
   ["details"],
   false
 ));
-var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   let form;
@@ -15215,7 +15230,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$9();
+  var go_form = root$7();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   bind_this(go_form, ($$value) => form = $$value, () => form);
@@ -15223,7 +15238,7 @@ function PasswordReset($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], [], false));
-var root$8 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$6 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignIn($$anchor, $$props) {
   push($$props, true);
   let form;
@@ -15248,7 +15263,7 @@ function SignIn($$anchor, $$props) {
   onMount(() => {
     $$props.$$host.addEventListener("go-submit", signIn);
   });
-  var go_form = root$8();
+  var go_form = root$6();
   set_custom_element_data(go_form, "formId", "signIn");
   bind_this(go_form, ($$value) => form = $$value, () => form);
   append($$anchor, go_form);
@@ -15263,7 +15278,7 @@ customElements.define("go-sign-in", create_custom_element(
   [],
   false
 ));
-var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$5 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignUp($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
@@ -15300,7 +15315,7 @@ function SignUp($$anchor, $$props) {
   onMount(() => {
     $$props.$$host.addEventListener("go-submit", signUp);
   });
-  var go_form = root$7();
+  var go_form = root$5();
   set_custom_element_data(go_form, "formId", "signUp");
   bind_this(go_form, ($$value) => form = $$value, () => form);
   append($$anchor, go_form);
@@ -15345,16 +15360,7 @@ function createUIEventTicket(apiTicket, dateId, options) {
     ...product,
     ...apiTicket,
     ...finalOptions,
-    type: "scale",
-    get max_capacity() {
-      return 18;
-    },
-    get min_quantity() {
-      return 0;
-    },
-    get max_quantity() {
-      return 18;
-    }
+    type: "scale"
   };
   return uiTicket;
 }
@@ -15434,7 +15440,7 @@ function isUITicket(x) {
   return x.product_type === "Ticket";
 }
 function createUITicket(apiTicket, options) {
-  const finalOptions = { minAvailableCapacity: 0, selectedTime: "", ...options ?? {} };
+  const finalOptions = { selectedTime: "", ...{} };
   const product = { product_type: "Ticket", ...apiTicket };
   const _ = { ...apiTicket, ...finalOptions };
   const uiTicket = {
@@ -15460,7 +15466,7 @@ function generateCartItem(cartItem) {
   switch (type) {
     case "Ticket":
       if (cartItem.product.ticket_type === "timeslot" && !inTheFuture(cartItem.attributes.time)) return;
-      const ticket = createUITicket(cartItem.product, { minAvailableCapacity: 0 });
+      const ticket = createUITicket(cartItem.product);
       return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.quantity });
     case "Event":
       const event = createUIEventTicket(cartItem.product, cartItem.id);
@@ -15581,7 +15587,7 @@ function formatCurrency(priceCents) {
 const cart = proxy(createCart([], { syncLocalStorage: true }));
 syncCartToLocalStorage(cart);
 dispatchCartEvents();
-var root_2$q = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
+var root_2$p = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
 var root_5$2 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
 var root_4$5 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
 var root_6$2 = /* @__PURE__ */ from_html(`<li data-go-cart-item-remove=""><button>⨉</button></li>`);
@@ -15617,7 +15623,7 @@ function Cart($$anchor, $$props) {
       var node_1 = sibling(child(ul), 6);
       {
         var consequent = ($$anchor3) => {
-          var li_1 = root_2$q();
+          var li_1 = root_2$p();
           append($$anchor3, li_1);
         };
         if_block(node_1, ($$render) => {
@@ -21671,7 +21677,7 @@ class CalendarHeaderState {
     set(this.#props, value);
   }
 }
-var root_2$p = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar$1($$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), readonly2 = 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, [
@@ -21970,7 +21976,7 @@ function Calendar$1($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$p();
+      var div = root_2$o();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -22021,7 +22027,7 @@ create_custom_element(
   [],
   true
 );
-var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$n = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_day($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22083,7 +22089,7 @@ function Calendar_day($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var div = root_2$o();
+      var div = root_2$n();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       {
@@ -22115,7 +22121,7 @@ function Calendar_day($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_day, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$n = /* @__PURE__ */ from_html(`<table><!></table>`);
+var root_2$m = /* @__PURE__ */ from_html(`<table><!></table>`);
 function Calendar_grid($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22174,7 +22180,7 @@ function Calendar_grid($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var table = root_2$n();
+      var table = root_2$m();
       attribute_effect(table, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(table);
       snippet(node_2, () => children() ?? noop$1);
@@ -22190,7 +22196,7 @@ function Calendar_grid($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$m = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+var root_2$l = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
 function Calendar_grid_body($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22249,7 +22255,7 @@ function Calendar_grid_body($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var tbody = root_2$m();
+      var tbody = root_2$l();
       attribute_effect(tbody, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(tbody);
       snippet(node_2, () => children() ?? noop$1);
@@ -22265,7 +22271,7 @@ function Calendar_grid_body($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_body, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$l = /* @__PURE__ */ from_html(`<td><!></td>`);
+var root_2$k = /* @__PURE__ */ from_html(`<td><!></td>`);
 function Calendar_cell($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22345,7 +22351,7 @@ function Calendar_cell($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var td = root_2$l();
+      var td = root_2$k();
       attribute_effect(td, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(td);
       snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -22374,7 +22380,7 @@ create_custom_element(
   [],
   true
 );
-var root_2$k = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+var root_2$j = /* @__PURE__ */ from_html(`<thead><!></thead>`);
 function Calendar_grid_head($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22433,7 +22439,7 @@ function Calendar_grid_head($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var thead = root_2$k();
+      var thead = root_2$j();
       attribute_effect(thead, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(thead);
       snippet(node_2, () => children() ?? noop$1);
@@ -22449,7 +22455,7 @@ function Calendar_grid_head($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_head, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$j = /* @__PURE__ */ from_html(`<th><!></th>`);
+var root_2$i = /* @__PURE__ */ from_html(`<th><!></th>`);
 function Calendar_head_cell($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22508,7 +22514,7 @@ function Calendar_head_cell($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var th = root_2$j();
+      var th = root_2$i();
       attribute_effect(th, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(th);
       snippet(node_2, () => children() ?? noop$1);
@@ -22524,7 +22530,7 @@ function Calendar_head_cell($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$i = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+var root_2$h = /* @__PURE__ */ from_html(`<tr><!></tr>`);
 function Calendar_grid_row($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22583,7 +22589,7 @@ function Calendar_grid_row($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var tr = root_2$i();
+      var tr = root_2$h();
       attribute_effect(tr, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(tr);
       snippet(node_2, () => children() ?? noop$1);
@@ -22599,7 +22605,7 @@ function Calendar_grid_row($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$h = /* @__PURE__ */ from_html(`<header><!></header>`);
+var root_2$g = /* @__PURE__ */ from_html(`<header><!></header>`);
 function Calendar_header($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22658,7 +22664,7 @@ function Calendar_header($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var header = root_2$h();
+      var header = root_2$g();
       attribute_effect(header, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(header);
       snippet(node_2, () => children() ?? noop$1);
@@ -22674,7 +22680,7 @@ function Calendar_header($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$g = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_heading($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22736,7 +22742,7 @@ function Calendar_heading($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var div = root_2$g();
+      var div = root_2$f();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       {
@@ -22768,7 +22774,7 @@ function Calendar_heading($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$f = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_next_button($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22835,7 +22841,7 @@ function Calendar_next_button($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var button = root_2$f();
+      var button = root_2$e();
       attribute_effect(button, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(button);
       snippet(node_2, () => children() ?? noop$1);
@@ -22851,7 +22857,7 @@ function Calendar_next_button($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_2$d = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_prev_button($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22918,7 +22924,7 @@ function Calendar_prev_button($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var button = root_2$e();
+      var button = root_2$d();
       attribute_effect(button, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(button);
       snippet(node_2, () => children() ?? noop$1);
@@ -22935,7 +22941,7 @@ function Calendar_prev_button($$anchor, $$props) {
 }
 create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
 var root_1$c = /* @__PURE__ */ from_html(`<input/>`);
-var root_2$d = /* @__PURE__ */ from_html(`<input/>`);
+var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
 function Hidden_input($$anchor, $$props) {
   push($$props, true);
   let value = prop($$props, "value", 15), restProps = /* @__PURE__ */ rest_props($$props, ["$$slots", "$$events", "$$legacy", "$$host", "value"]);
@@ -22962,7 +22968,7 @@ function Hidden_input($$anchor, $$props) {
       append($$anchor2, input);
     };
     var alternate = ($$anchor2) => {
-      var input_1 = root_2$d();
+      var input_1 = root_2$c();
       attribute_effect(input_1, () => ({ ...get$2(mergedProps) }), void 0, void 0, void 0, void 0, true);
       bind_value(input_1, value);
       append($$anchor2, input_1);
@@ -28170,8 +28176,8 @@ function Date_field_hidden_input($$anchor, $$props) {
   pop();
 }
 create_custom_element(Date_field_hidden_input, {}, [], [], true);
-var root_2$c = /* @__PURE__ */ from_html(`<div><!></div>`);
-var root$6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Date_field_input($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28229,7 +28235,7 @@ function Date_field_input($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$6();
+  var fragment = root$4();
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
@@ -28242,7 +28248,7 @@ function Date_field_input($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$c();
+      var div = root_2$b();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => ({ segments: inputState.root.segmentContents }));
@@ -28260,7 +28266,7 @@ function Date_field_input($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_field_input, { id: {}, ref: {}, name: {}, children: {}, child: {} }, [], [], true);
-var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_field_label($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28319,7 +28325,7 @@ function Date_field_label($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$b();
+      var div = root_2$a();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1);
@@ -28335,7 +28341,7 @@ function Date_field_label($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_field_label, { id: {}, ref: {}, children: {}, child: {} }, [], [], true);
-var root_2$a = /* @__PURE__ */ from_html(`<span><!></span>`);
+var root_2$9 = /* @__PURE__ */ from_html(`<span><!></span>`);
 function Date_field_segment($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28402,7 +28408,7 @@ function Date_field_segment($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var span = root_2$a();
+      var span = root_2$9();
       attribute_effect(span, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(span);
       snippet(node_2, () => children() ?? noop$1);
@@ -28977,7 +28983,7 @@ create_custom_element(
   [],
   true
 );
-var root_2$9 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_picker_calendar($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -29064,7 +29070,7 @@ function Date_picker_calendar($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$9();
+      var div = root_2$8();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => calendarState.snippetProps);
@@ -29577,7 +29583,7 @@ function Date_picker_trigger($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_picker_trigger, { ref: {}, onkeydown: {} }, [], [], true);
-var root_2$8 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_2$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_7$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_6$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
@@ -29636,7 +29642,7 @@ function DatePicker_1($$anchor, $$props) {
         {
           const children = ($$anchor4, $$arg0) => {
             let segments = () => $$arg0?.().segments;
-            var fragment_2 = root_2$8();
+            var fragment_2 = root_2$7();
             var node_3 = first_child(fragment_2);
             each(node_3, 17, segments, index$1, ($$anchor5, $$item) => {
               let part = () => get$2($$item).part;
@@ -29830,7 +29836,7 @@ function DatePicker_1($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(DatePicker_1, { dateString: {}, labelClass: {}, inputClass: {} }, [], [], true);
-var root_2$7 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
+var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
 var root_1$9 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_3$5 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
 var root_4$3 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
@@ -29847,7 +29853,7 @@ function InputAndLabel($$anchor, $$props) {
     var node_1 = sibling(node, 2);
     {
       var consequent = ($$anchor3) => {
-        var span = root_2$7();
+        var span = root_2$6();
         append($$anchor3, span);
       };
       if_block(node_1, ($$render) => {
@@ -30136,8 +30142,8 @@ create_custom_element(
 );
 var root_1$8 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_3$4 = /* @__PURE__ */ from_html(`<li> </li>`);
-var root_2$6 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
-var root$5 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
+var root$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function Field($$anchor, $$props) {
   push($$props, true);
   let key = prop($$props, "key", 7), required = prop($$props, "required", 7, false), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -30201,7 +30207,7 @@ function Field($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$5();
+  var fragment = root$3();
   var node = first_child(fragment);
   InputAndLabel(node, {
     get describedById() {
@@ -30240,7 +30246,7 @@ function Field($$anchor, $$props) {
   var node_2 = sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var ul = root_2$6();
+      var ul = root_2$5();
       each(ul, 21, () => get$2(allErrors), index$1, ($$anchor3, error) => {
         var li = root_3$4();
         var text_1 = child(li, true);
@@ -30289,7 +30295,7 @@ function AllFields($$anchor, $$props) {
   pop();
 }
 customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], [], false));
-var root_2$5 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
+var root_2$4 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
 var root_4$2 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_3$3 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
 var root_5 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
@@ -30315,7 +30321,7 @@ function ErrorsFeedback($$anchor, $$props) {
       var node_1 = child(div);
       {
         var consequent = ($$anchor3) => {
-          var p2 = root_2$5();
+          var p2 = root_2$4();
           var text2 = child(p2);
           reset(p2);
           template_effect(() => set_text(text2, `Failed to save because ${get$2(errorsOnSubmit) ?? ""} fields are invalid.`));
@@ -30370,9 +30376,9 @@ function ErrorsFeedback($$anchor, $$props) {
   pop();
 }
 customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], [], false));
-var root$4 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
+var root$2 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
 function FormFeedback($$anchor, $$props) {
-  var div = root$4();
+  var div = root$2();
   var node = child(div);
   slot(node, $$props, "default", {});
   reset(div);
@@ -30440,7 +30446,13 @@ function evaluateExpression(expression, data) {
     console.log(`Error while evaluating when (${expression}) in go-if: ${error.message}`);
   }
 }
-const validTicketSelectionFilters = ["timeslot", "day", "annual", "scaled-price"];
+const validTicketSelectionFilters = [
+  "timeslot",
+  "day",
+  "annual",
+  "event:scaled-price",
+  "event:ticket"
+];
 let lastUId = 0;
 class TicketSelectionDetails {
   uid = lastUId++;
@@ -30535,8 +30547,10 @@ class TicketSelectionDetails {
           return Boolean(this.selectedDate);
         case "annual":
           return true;
-        case "scaled-price":
-          return true;
+        case "event:scaled-price":
+          return Boolean(this.selectedDate);
+        case "event:ticket":
+          return Boolean(this.selectedDate);
         case "timeslot":
           switch (this.mode) {
             case "event":
@@ -30789,7 +30803,7 @@ function Order($$anchor, $$props) {
 }
 customElements.define("go-order", create_custom_element(Order, { token: { attribute: "token", reflect: true, type: "String" } }, [], ["orderDetails"], false));
 var root_1$4 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities"> </span>`, 1);
-var root$3 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count">1</li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <a class="go-ticket-download" target="_blank">Download</a></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
+var root$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count">1</li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <a class="go-ticket-download" target="_blank">Download</a></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
 function Event$1($$anchor, $$props) {
   push($$props, true);
   let item = prop($$props, "item", 7), orderDetails = prop($$props, "orderDetails", 7);
@@ -30809,7 +30823,7 @@ function Event$1($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$3();
+  var li = root$1();
   var article = child(li);
   var ul = child(article);
   var li_1 = sibling(child(ul), 2);
@@ -30855,7 +30869,7 @@ var root_7$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="
 var root_3$2 = /* @__PURE__ */ from_html(`<!> <br/> <!>`, 1);
 var root_8 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization">Personalize</a>`, 1);
 var root_9 = /* @__PURE__ */ from_html(`<a aria-label="passbook link"><img alt="apple wallet icon"/></a>`);
-var root_2$4 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li></ul></article></li>`);
+var root_2$3 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li></ul></article></li>`);
 var root_11$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank">Download</a>`);
 var root_12 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization">Personalize</a>`);
 var root_10 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"> </li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
@@ -30886,7 +30900,7 @@ function TicketSale($$anchor, $$props) {
       var fragment_1 = comment();
       var node_1 = first_child(fragment_1);
       each(node_1, 17, () => ({ length: item().attributes.quantity }), index$1, ($$anchor3, $$item, index2) => {
-        var li = root_2$4();
+        var li = root_2$3();
         var article = child(li);
         var ul = child(article);
         var li_1 = child(ul);
@@ -31172,70 +31186,6 @@ function parseTokens(tokens, possibleTokens) {
   });
   return parsed.length > 0 ? parsed : void 0;
 }
-var root_2$3 = /* @__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]);
-    }
-  }
-  var $$exports = {
-    get host() {
-      return host();
-    },
-    set host($$value) {
-      host($$value);
-      flushSync();
-    },
-    get children() {
-      return children();
-    },
-    set children($$value) {
-      children($$value);
-      flushSync();
-    }
-  };
-  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);
-    });
-  }
-  var node_2 = sibling(node, 2);
-  {
-    var consequent_1 = ($$anchor2) => {
-      var div = root_2$3();
-      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($$exports);
-}
-create_custom_element(Wrapper, { host: {}, children: {} }, [], [], true);
 function TicketSelection($$anchor, $$props) {
   push($$props, true);
   let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 7), eventIds = prop($$props, "eventIds", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), selectedDate = prop($$props, "selectedDate", 7), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
@@ -31252,6 +31202,12 @@ function TicketSelection($$anchor, $$props) {
       details.selectedDate = $fae977aafc393c5c$export$6b862160d295c8e(selectedDate());
     }
   });
+  user_effect(() => {
+    if (details.selectedDate) untrack(() => {
+      selectedDate(details.selectedDate.toString());
+      console.log(details.selectedDate);
+    });
+  });
   setTicketSelectionDetails($$props.$$host, details);
   var $$exports = {
     details,
@@ -31318,13 +31274,13 @@ customElements.define("go-ticket-selection", create_custom_element(
   TicketSelection,
   {
     mode: { attribute: "mode", reflect: true, type: "String" },
+    filters: { attribute: "filters", reflect: true, type: "String" },
     eventIds: { attribute: "event-ids", reflect: true, type: "String" },
     ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
     ticketGroupIds: { attribute: "ticket-group-ids", reflect: true, type: "String" },
     museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
     exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
-    selectedDate: { attribute: "selected-date", reflect: true, type: "String" },
-    filters: {}
+    selectedDate: { attribute: "selected-date", reflect: true, type: "String" }
   },
   [],
   ["details"],
@@ -31356,6 +31312,187 @@ function TicketsSum($$anchor, $$props) {
   pop();
 }
 customElements.define("go-tickets-sum", create_custom_element(TicketsSum, {}, [], [], false));
+function loadAnnualTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) return [];
+  if (!tsd.filters?.includes("annual")) return [];
+  const tickets = snapshot(shop.tickets({
+    by_bookable: true,
+    // @ts-ignore
+    "by_ticket_types[]": ["annual"],
+    "by_ticket_ids[]": tsd.ticketIds,
+    "by_ticket_group_ids[]": tsd.ticketGroupIds
+  }));
+  if (!tickets) return [];
+  segment.tickets = initUITimeslotTickets(tickets);
+}
+function loadDayTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) return [];
+  if (!tsd.filters?.includes("day")) return [];
+  const tickets = snapshot(shop.tickets({
+    by_bookable: true,
+    // @ts-ignore
+    "by_ticket_types[]": ["normal"],
+    "by_ticket_ids[]": tsd.ticketIds,
+    "by_ticket_group_ids[]": tsd.ticketGroupIds
+  }));
+  if (!tickets) return [];
+  segment.tickets = initUITimeslotTickets(tickets);
+}
+function loadEventScaledPricesTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) {
+    console.warn("(loadEventScaledPricesTickets) tsd is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!tsd.eventIds?.length) {
+    console.warn("(loadEventScaledPricesTickets) eventIds is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!segment.filters?.includes("event:scaled-price")) {
+    console.warn("(loadEventScaledPricesTickets) filters should include event:scaled-price");
+    segment.tickets = [];
+    return;
+  }
+  if (!segment.dateId) {
+    console.warn("(loadEventScaledPricesTickets) date-id is not given to the go-ticket-segment");
+    segment.tickets = [];
+    return;
+  }
+  if (tsd.eventIds.length > 1) throw new Error("(loadEventScaledPricesTickets) currently we support only one eventId in go-ticket-selection");
+  const eid = tsd.eventIds[0];
+  const event = snapshot(shop.getEventDetailsOnDate(eid, segment.dateId));
+  segment.tickets = event?.prices.map((t) => createUIEventTicket(t, segment.dateId)) || [];
+  const seats = {
+    max_per_registration: 2,
+    available: 100,
+    overbook: true,
+    ...event?.seats
+  };
+  const max_per_registration = seats.max_per_registration || seats.available;
+  segment.contingent = seats.overbook ? max_per_registration : Math.min(seats.available, max_per_registration);
+}
+function createCapacities(apiCapacities) {
+  let reservations = {};
+  const ret = {
+    apiData: apiCapacities,
+    reservations,
+    setReservation(ticketId, timeSlot, quantity) {
+      this.reservations[ticketId + ":" + timeSlot] = quantity;
+    },
+    getReservation(ticketId, timeSlot) {
+      return this.reservations[ticketId + ":" + timeSlot] ?? 0;
+    },
+    /**
+     * a flat list of all timeslots and their capacities, considering reservations.
+     */
+    timeslots() {
+      return Object.entries(this.apiData).flatMap(([quota, cap]) => {
+        return Object.keys(cap.capacities).map((timeSlot) => {
+          const sumReserved = sum(cap.tickets.map((ticket) => this.getReservation(ticket, timeSlot)));
+          return {
+            timeSlot,
+            quota,
+            capacity: cap.capacities[timeSlot] - sumReserved,
+            tickets: cap.tickets
+          };
+        });
+      });
+    },
+    tickets(ticketId) {
+      return this.timeslots().flatMap(
+        (x) => x.tickets.map((ticket) => ({
+          timeslot: x.timeSlot,
+          ticket,
+          quota: x.quota,
+          capacity: x.capacity
+        }))
+      );
+    },
+    ticketsByTimeSlot(timeslot) {
+      return this.timeslots().filter((x) => x.timeSlot === timeslot).flatMap(
+        (x) => x.tickets.map((ticket) => ({
+          timeslot,
+          ticket,
+          quota: x.quota,
+          capacity: x.capacity
+        }))
+      );
+    },
+    ticketCapacityByTicketAndTimeslot(ticketId, timeslot) {
+      const maxCap = max$1(
+        this.ticketsByTimeSlot(timeslot).filter((x) => x.ticket === ticketId),
+        (x) => x.capacity
+      )?.capacity ?? 0;
+      return maxCap;
+    },
+    /**
+     * returns the max capacity of a ticket in all timeslots
+     */
+    ticketCapacityByTicketId(ticketId) {
+      const maxCap = max$1(
+        this.tickets(ticketId).filter((x) => x.ticket === ticketId),
+        (x) => x.capacity
+      )?.capacity ?? 0;
+      return maxCap;
+    }
+  };
+  return ret;
+}
+async function loadEventTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) {
+    console.warn("(loadEventTickets) tsd is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!tsd.eventIds?.length) {
+    console.warn("(loadEventTickets) eventIds is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!segment.filters?.includes("event:ticket")) {
+    console.warn("(loadEventTickets) filters should include event:tickets");
+    segment.tickets = [];
+    return;
+  }
+  if (!tsd.selectedDate) {
+    console.warn("(loadEventTickets) selected-date is not given to the go-ticket-selection");
+    segment.tickets = [];
+    return;
+  }
+  if (tsd.eventIds.length > 1) throw new Error("(loadEventTickets) currently we support only one eventId in go-ticket-selection");
+  const eid = tsd.eventIds[0];
+  const event = shop.getEvent(eid);
+  if (!event?.tickets) return;
+  const ticketIds = event.tickets;
+  const tickets = shop.tickets({ by_ticket_ids: ticketIds });
+  const capacitiesRes = await shop.getTicketCapacities(tsd.selectedDate.toString(), ticketIds);
+  if (!tickets || !capacitiesRes) return;
+  const capacities = createCapacities(capacitiesRes.data.data);
+  segment.tickets = tickets.filter((t) => capacities.ticketCapacityByTicketId(t.id) > 0).map((t) => createUITicket(t));
+  segment.preCart = createCart(segment.tickets);
+}
+function loadTimeslotTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) return [];
+  if (!tsd.selectedDate && !tsd.selectedTimeslot && tsd.filters?.includes("timeslot")) return [];
+  const result = snapshot(shop.ticketsAndQuotas({
+    by_bookable: true,
+    valid_at: tsd.selectedDate?.toString(),
+    // @ts-ignore
+    "by_ticket_types[]": ["time_slot"],
+    "by_museum_ids[]": tsd.museumIds,
+    "by_exhibition_ids[]": tsd.exhibitionIds,
+    "by_ticket_ids[]": tsd.ticketIds,
+    "by_ticket_group_ids[]": tsd.ticketGroupIds
+  }));
+  if (!result) return [];
+  segment.tickets = initUITimeslotTickets(result.tickets);
+}
 class TicketSegmentDetails {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
@@ -31410,7 +31547,10 @@ class TicketSegmentDetails {
         });
       });
       user_effect(() => {
-        this.preCart = createCart(this.preCartTickets(), this.contingent);
+        this.loadTickets();
+        untrack(() => {
+          this.preCart = createCart(this.tickets, this.contingent);
+        });
       });
     });
   }
@@ -31421,105 +31561,17 @@ class TicketSegmentDetails {
       preCart: this.preCart
     });
   }
-  preCartTickets() {
-    switch (this.filters) {
-      case "timeslot":
-        return this.timeslotTickets;
-      case "annual":
-        return this.annualTickets;
-      case "day":
-        return this.dayTickets;
-      case "custom":
-        return this.tickets;
-      case "scaled-price":
-        return this.scaledPricesTickets;
-      default:
-        const exhaustiveCheck = this.filters;
-        if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
-    }
-    return [];
-  }
-  get timeslotTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) return [];
-    if (!tsd.selectedDate && !tsd.selectedTimeslot && tsd.filters?.includes("timeslot")) return [];
-    const result = snapshot(shop.ticketsAndQuotas({
-      by_bookable: true,
-      valid_at: tsd.selectedDate?.toString(),
-      // @ts-ignore
-      "by_ticket_types[]": ["time_slot"],
-      "by_museum_ids[]": tsd.museumIds,
-      "by_exhibition_ids[]": tsd.exhibitionIds,
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
-    }));
-    if (!result) return [];
-    return initUITimeslotTickets(result.tickets);
-  }
-  get annualTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) return [];
-    if (!tsd.filters?.includes("annual")) return [];
-    const tickets = snapshot(shop.tickets({
-      by_bookable: true,
-      // @ts-ignore
-      "by_ticket_types[]": ["annual"],
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
-    }));
-    if (!tickets) return [];
-    return initUITimeslotTickets(tickets);
-  }
-  get dayTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) return [];
-    if (!tsd.filters?.includes("day")) return [];
-    const tickets = snapshot(shop.tickets({
-      by_bookable: true,
-      // @ts-ignore
-      "by_ticket_types[]": ["normal"],
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
-    }));
-    if (!tickets) return [];
-    return initUITimeslotTickets(tickets);
-  }
-  get scaledPricesTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!this.ensureScaledPrices()) return [];
-    const eid = tsd.eventIds[0];
-    const event = snapshot(shop.getEventDetailsOnDate(eid, this.dateId));
-    const ret = event?.prices.map((t) => createUIEventTicket(t, this.dateId)) || [];
-    const seats = {
-      max_per_registration: 2,
-      available: 100,
-      overbook: true,
-      ...event?.seats
-    };
-    const max_per_registration = seats.max_per_registration || seats.available;
-    this.contingent = seats.overbook ? max_per_registration : Math.min(seats.available, max_per_registration);
-    return ret;
-  }
-  ensureScaledPrices() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) {
-      console.warn("(scaledPricesTickets) tsd is undefined");
-      return false;
-    }
-    if (!tsd.eventIds?.length) {
-      console.warn("(scaledPricesTickets) eventIds is undefined");
-      return false;
-    }
-    if (!this.filters?.includes("scaled-price")) {
-      console.warn("(scaledPricesTickets) filters should include scaled-price");
-      return false;
-    }
-    if (!this.dateId) {
-      console.warn("(scaledPricesTickets) date-id is not given to the go-ticket-segment");
-      return false;
-    }
-    if (tsd.eventIds.length > 1) throw new Error("(scaledPricesTickets) currently we support only one eventId in go-ticket-selection");
-    return true;
+  loadTickets() {
+    const method = {
+      timeslot: loadTimeslotTickets,
+      annual: loadAnnualTickets,
+      day: loadDayTickets,
+      custom: () => {
+      },
+      "event:scaled-price": loadEventScaledPricesTickets,
+      "event:ticket": loadEventTickets
+    }[this.filters];
+    method(this);
   }
 }
 const KEY = "go-ticket-segment";
@@ -31529,7 +31581,6 @@ function TicketSegment($$anchor, $$props) {
   push($$props, true);
   const filters = prop($$props, "filters", 7), dateId = prop($$props, "dateId", 7);
   if (!filters()) throw new Error("filters is required");
-  console.log("TicketSegment: ", filters(), "dateId: ", dateId());
   const tsdWrapper = getTicketSelectionDetails($$props.$$host);
   const details = new TicketSegmentDetails(filters(), tsdWrapper);
   setTicketSegmentDetails($$props.$$host, details);
@@ -31538,7 +31589,6 @@ function TicketSegment($$anchor, $$props) {
   user_effect(() => {
     details.filters = filters();
     details.dateId = dateId();
-    console.log("SET DATEID,", dateId());
   });
   var $$exports = {
     details,
@@ -31952,15 +32002,16 @@ class Calendar {
     return false;
   }
   // @ts-ignore
-  apiFilters() {
+  get apiFilters() {
     return this.details?.filters?.map((f) => ({
       day: "normal",
       timeslot: "time_slot",
       annual: "annual",
-      "scaled-price": "scaled_price"
+      "event:scaled-price": "scaled_price",
+      "event:ticket": "not implemented"
     })[f]);
   }
-  params() {
+  params(startAt) {
     if (!this.details) return {};
     const params = {
       by_bookable: true,
@@ -31973,24 +32024,38 @@ class Calendar {
       "by_museum_ids[]": this.details.museumIds,
       "by_exhibition_ids[]": this.details.exhibitionIds,
       "by_event_ids[]": this.details.eventIds,
+      // https://gitlab.giantmonkey.de/gomus/gomus/-/merge_requests/11544
+      // this helps us to differentiate sold-out days from not available days
+      // the api gives an error right now
+      // depth: 'availability_status',
       // these logic are there to minimize fetches
-      start_at: this.startAt.set({ day: 1 }).toString(),
-      end_at: this.startAt.add({ months: 1 }).set({ day: 14 }).toString()
+      start_at: startAt.toString(),
+      end_at: startAt.add({ months: 1 }).toString()
     };
     return params;
   }
+  fetchPeriod() {
+    const thisMonth = this.startAt.set({ day: 1 });
+    return [
+      thisMonth.subtract({ months: 1 }),
+      thisMonth,
+      thisMonth.add({ months: 1 }),
+      thisMonth.add({ months: 2 })
+    ];
+  }
   eventsDates() {
-    const ret = shop.calendar(this.params());
+    const method = shop.calendar.bind(shop);
+    const ret = this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
     return ret;
   }
   ticketsDates() {
-    const ret = shop.ticketsCalendar(this.params());
+    const method = shop.ticketsCalendar.bind(shop);
+    const ret = this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
     return ret;
   }
 }
 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>`);
@@ -32030,6 +32095,7 @@ function CalendarUI($$anchor, $$props) {
             var node_2 = first_child(fragment_1);
             component(node_2, () => Calendar_prev_button, ($$anchor5, Calendar_PrevButton) => {
               Calendar_PrevButton($$anchor5, {
+                class: "go-calendar-prev-button",
                 children: ($$anchor6, $$slotProps2) => {
                   next();
                   var text2 = text$1("Prev");
@@ -32040,11 +32106,12 @@ function CalendarUI($$anchor, $$props) {
             });
             var node_3 = sibling(node_2, 2);
             component(node_3, () => Calendar_heading, ($$anchor5, Calendar_Heading) => {
-              Calendar_Heading($$anchor5, {});
+              Calendar_Heading($$anchor5, { class: "go-calendar-heading" });
             });
             var node_4 = sibling(node_3, 2);
             component(node_4, () => Calendar_next_button, ($$anchor5, Calendar_NextButton) => {
               Calendar_NextButton($$anchor5, {
+                class: "go-calendar-next-button",
                 children: ($$anchor6, $$slotProps2) => {
                   next();
                   var text_1 = text$1("Next");
@@ -32064,16 +32131,19 @@ function CalendarUI($$anchor, $$props) {
         var node_6 = first_child(fragment_2);
         component(node_6, () => Calendar_grid, ($$anchor4, Calendar_Grid) => {
           Calendar_Grid($$anchor4, {
+            class: "go-calendar-grid",
             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, {
+                  class: "go-calendar-grid-head",
                   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, {
+                        class: "go-calendar-grid-row",
                         children: ($$anchor9, $$slotProps3) => {
                           var fragment_5 = comment();
                           var node_9 = first_child(fragment_5);
@@ -32107,6 +32177,7 @@ function CalendarUI($$anchor, $$props) {
               var node_11 = sibling(node_7, 2);
               component(node_11, () => Calendar_grid_body, ($$anchor6, Calendar_GridBody) => {
                 Calendar_GridBody($$anchor6, {
+                  class: "go-calendar-grid-body",
                   children: ($$anchor7, $$slotProps2) => {
                     var fragment_7 = comment();
                     var node_12 = first_child(fragment_7);
@@ -32115,6 +32186,7 @@ function CalendarUI($$anchor, $$props) {
                       var node_13 = first_child(fragment_8);
                       component(node_13, () => Calendar_grid_row, ($$anchor9, Calendar_GridRow_1) => {
                         Calendar_GridRow_1($$anchor9, {
+                          class: "go-calendar-grid-row",
                           children: ($$anchor10, $$slotProps3) => {
                             var fragment_9 = comment();
                             var node_14 = first_child(fragment_9);
@@ -32129,16 +32201,18 @@ function CalendarUI($$anchor, $$props) {
                                   get month() {
                                     return get$2(month).value;
                                   },
+                                  class: "go-calendar-cell",
                                   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, {
+                                        class: "go-calendar-day",
                                         children: ($$anchor15, $$slotProps5) => {
-                                          var fragment_12 = root_17();
-                                          var text_3 = sibling(first_child(fragment_12));
-                                          template_effect(() => set_text(text_3, ` ${get$2(date2).day ?? ""}`));
-                                          append($$anchor15, fragment_12);
+                                          next();
+                                          var text_3 = text$1();
+                                          template_effect(() => set_text(text_3, get$2(date2).day));
+                                          append($$anchor15, text_3);
                                         },
                                         $$slots: { default: true }
                                       });
@@ -32183,6 +32257,7 @@ function CalendarUI($$anchor, $$props) {
         isDateDisabled: (date2) => calendarClass().isDateDisabled(date2),
         isDateUnavailable: (date2) => calendarClass().isDateUnavailable(date2),
         disableDaysOutsideMonth: false,
+        class: "go-calendar-root",
         get value() {
           return calendarClass().selected;
         },
@@ -32206,7 +32281,6 @@ function CalendarUI($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], true);
-var root$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
 function Calendar_1($$anchor, $$props) {
   push($$props, true);
   const ticketsCalendar = new Calendar();
@@ -32220,15 +32294,12 @@ function Calendar_1($$anchor, $$props) {
       get$2(ticketSelectionDetails).selectedDate = void 0;
     }
   });
-  let wrapper = /* @__PURE__ */ state(void 0);
-  onMount(() => {
-    get$2(wrapper)?.addEventListener("go-date-select", (e) => {
-      if (get$2(ticketSelectionDetails)) get$2(ticketSelectionDetails).selectedDate = e.detail.selected;
-    });
+  $$props.$$host.addEventListener("go-date-select", (e) => {
+    if (get$2(ticketSelectionDetails)) get$2(ticketSelectionDetails).selectedDate = e.detail.selected;
   });
   var $$exports = { details };
-  var div = root$1();
-  var node = child(div);
+  var fragment = comment();
+  var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
       CalendarUI($$anchor2, {
@@ -32241,9 +32312,7 @@ function Calendar_1($$anchor, $$props) {
       if (get$2(ticketSelectionDetails)?.isCalendarVisible) $$render(consequent);
     });
   }
-  reset(div);
-  bind_this(div, ($$value) => set(wrapper, $$value), () => get$2(wrapper));
-  append($$anchor, div);
+  append($$anchor, fragment);
   return pop($$exports);
 }
 customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"], false));
@@ -32322,6 +32391,10 @@ function Link($$anchor, $$props) {
   });
   a2.addEventListener("click", (e) => {
     e.preventDefault();
+    if (!go.config.urls[to()]) {
+      console.warn(`[go-link] No URL found for route "${to()}". You can define it with go.config.urls.${to()} = () => 'https://example.com/my-route'`);
+      return;
+    }
     go.config.navigateTo(go.config.urls[to()]());
   });
   var $$exports = {