@gomusdev/web-components 1.23.0 → 1.24.1

package/dist-js/gomus-webcomponents.js

@@ -12173,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);
@@ -12200,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);
@@ -15142,7 +15142,6 @@ function Form($$anchor, $$props) {
     details.validateForm();
     details?.form?.dispatchEvent(new Event("go-after-validation", event));
     if (details.isValid) {
-      console.log("hoo");
       details.apiErrors = {};
       details?.form?.dispatchEvent(new Event("go-submit", event));
     }
@@ -15196,7 +15195,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;
@@ -15230,7 +15229,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);
@@ -15238,7 +15237,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;
@@ -15263,7 +15262,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);
@@ -15278,7 +15277,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({
@@ -15315,7 +15314,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);
@@ -15453,7 +15452,13 @@ function createUITicket(apiTicket, options) {
   };
   return uiTicket;
 }
-function initUITimeslotTickets(tickets) {
+function initUITimeslotTickets(tickets, selectedTimeSlot) {
+  return sort(Object.values(tickets).filter((ticket) => ticket.capacities[selectedTimeSlot]).map((ticket) => createUITicket(ticket)), (f) => f.shop_order);
+}
+function initUIDayTickets(tickets) {
+  return sort(Object.values(tickets).map((ticket) => createUITicket(ticket)), (f) => f.shop_order);
+}
+function initUIAnnualTickets(tickets) {
   return sort(Object.values(tickets).map((ticket) => createUITicket(ticket)), (f) => f.shop_order);
 }
 function updateLocalStorage(cart2) {
@@ -15587,7 +15592,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>`);
@@ -15623,7 +15628,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) => {
@@ -21677,7 +21682,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, [
@@ -21976,7 +21981,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);
@@ -22027,7 +22032,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);
@@ -22089,7 +22094,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);
       {
@@ -22121,7 +22126,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);
@@ -22180,7 +22185,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);
@@ -22196,7 +22201,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);
@@ -22255,7 +22260,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);
@@ -22271,7 +22276,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);
@@ -22351,7 +22356,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);
@@ -22380,7 +22385,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);
@@ -22439,7 +22444,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);
@@ -22455,7 +22460,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);
@@ -22514,7 +22519,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);
@@ -22530,7 +22535,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);
@@ -22589,7 +22594,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);
@@ -22605,7 +22610,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);
@@ -22664,7 +22669,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);
@@ -22680,7 +22685,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);
@@ -22742,7 +22747,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);
       {
@@ -22774,7 +22779,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);
@@ -22841,7 +22846,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);
@@ -22857,7 +22862,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);
@@ -22924,7 +22929,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);
@@ -22941,7 +22946,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"]);
@@ -22968,7 +22973,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);
@@ -28176,8 +28181,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);
@@ -28235,7 +28240,7 @@ function Date_field_input($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$6();
+  var fragment = root$4();
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
@@ -28248,7 +28253,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 }));
@@ -28266,7 +28271,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);
@@ -28325,7 +28330,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);
@@ -28341,7 +28346,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);
@@ -28408,7 +28413,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);
@@ -28983,7 +28988,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);
@@ -29070,7 +29075,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);
@@ -29583,7 +29588,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);
@@ -29642,7 +29647,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;
@@ -29836,7 +29841,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>`);
@@ -29853,7 +29858,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) => {
@@ -30142,8 +30147,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);
@@ -30207,7 +30212,7 @@ function Field($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$5();
+  var fragment = root$3();
   var node = first_child(fragment);
   InputAndLabel(node, {
     get describedById() {
@@ -30246,7 +30251,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);
@@ -30295,7 +30300,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>`);
@@ -30321,7 +30326,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.`));
@@ -30376,9 +30381,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);
@@ -30803,7 +30808,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);
@@ -30823,7 +30828,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);
@@ -30869,7 +30874,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>`);
@@ -30900,7 +30905,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);
@@ -31186,70 +31191,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);
@@ -31266,6 +31207,11 @@ function TicketSelection($$anchor, $$props) {
       details.selectedDate = $fae977aafc393c5c$export$6b862160d295c8e(selectedDate());
     }
   });
+  user_effect(() => {
+    if (details.selectedDate) untrack(() => {
+      selectedDate(details.selectedDate.toString());
+    });
+  });
   setTicketSelectionDetails($$props.$$host, details);
   var $$exports = {
     details,
@@ -31332,13 +31278,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"],
@@ -31382,21 +31328,24 @@ function loadAnnualTickets(segment) {
     "by_ticket_group_ids[]": tsd.ticketGroupIds
   }));
   if (!tickets) return [];
-  segment.tickets = initUITimeslotTickets(tickets);
+  segment.tickets = initUIAnnualTickets(tickets);
 }
 function loadDayTickets(segment) {
   const tsd = segment.ticketSelectionDetails;
   if (!tsd) return [];
   if (!tsd.filters?.includes("day")) return [];
-  const tickets = snapshot(shop.tickets({
+  const result = snapshot(shop.ticketsAndQuotas({
     by_bookable: true,
+    valid_at: tsd.selectedDate?.toString(),
     // @ts-ignore
     "by_ticket_types[]": ["normal"],
+    "by_museum_ids[]": tsd.museumIds,
+    "by_exhibition_ids[]": tsd.exhibitionIds,
     "by_ticket_ids[]": tsd.ticketIds,
     "by_ticket_group_ids[]": tsd.ticketGroupIds
   }));
-  if (!tickets) return [];
-  segment.tickets = initUITimeslotTickets(tickets);
+  if (!result) return [];
+  segment.tickets = initUIDayTickets(result.tickets);
 }
 function loadEventScaledPricesTickets(segment) {
   const tsd = segment.ticketSelectionDetails;
@@ -31549,7 +31498,7 @@ function loadTimeslotTickets(segment) {
     "by_ticket_group_ids[]": tsd.ticketGroupIds
   }));
   if (!result) return [];
-  segment.tickets = initUITimeslotTickets(result.tickets);
+  segment.tickets = initUITimeslotTickets(result.tickets, tsd.selectedTimeslot);
 }
 class TicketSegmentDetails {
   #ticketSelectionDetails;
@@ -32060,7 +32009,7 @@ class Calendar {
     return false;
   }
   // @ts-ignore
-  apiFilters() {
+  get apiFilters() {
     return this.details?.filters?.map((f) => ({
       day: "normal",
       timeslot: "time_slot",
@@ -32069,7 +32018,7 @@ class Calendar {
       "event:ticket": "not implemented"
     })[f]);
   }
-  params() {
+  params(startAt) {
     if (!this.details) return {};
     const params = {
       by_bookable: true,
@@ -32082,24 +32031,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>`);
@@ -32139,6 +32102,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");
@@ -32149,11 +32113,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");
@@ -32173,16 +32138,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);
@@ -32216,6 +32184,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);
@@ -32224,6 +32193,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);
@@ -32238,16 +32208,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 }
                                       });
@@ -32292,6 +32264,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;
         },
@@ -32315,7 +32288,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();
@@ -32329,15 +32301,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, {
@@ -32350,9 +32319,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));
@@ -32431,6 +32398,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 = {