@gomusdev/web-components 1.39.4 → 1.40.0

package/dist-js/gomus-webcomponents.js

@@ -12313,7 +12313,7 @@ function removeTrailingSlash(url) {
   return url;
 }
 function client(publicApiUrl, shopUrl) {
-  return createClient({ baseUrl: `${publicApiUrl}`, headers: { "X-Shop-Url": shopUrl } });
+  return createClient({ baseUrl: publicApiUrl, headers: { "X-Shop-Url": shopUrl } });
 }
 const CALENDAR_ENDPOINT = "/api/v4/calendar";
 const TICKETS_CALENDAR_ENDPOINT = "/api/v4/tickets/calendar";
@@ -12725,7 +12725,7 @@ function createGetDetails(KEY2) {
     }
   };
 }
-const defaultConfig = {
+let defaultConfig = {
   urls: {},
   navigateTo: (url) => {
     window.location.assign(url);
@@ -12733,18 +12733,39 @@ const defaultConfig = {
   forms: {},
   fields: {}
 };
-class Config {
-  options = assign(defaultConfig, window.customOptions);
+class ConfigStoreSvelte {
+  defaultConfig = assign(defaultConfig, window.customOptions);
+  override = this.defaultConfig;
+  #options = /* @__PURE__ */ state(proxy({}));
+  get options() {
+    return get$2(this.#options);
+  }
+  set options(value) {
+    set(this.#options, value, true);
+  }
+  constructor() {
+    this.update();
+  }
+  update() {
+    this.options = assign(this.defaultConfig, this.override);
+  }
   get config() {
-    return Object.freeze(this.options);
+    return this.options;
+  }
+  define(options) {
+    console.log("ConfigStore.define", options);
+    this.override = assign(this.override, options);
+    this.update();
+    return this;
   }
-  defineConfig(options) {
-    this.options = assign(this.options, options);
+  default(options) {
+    console.log("ConfigStore.default", options);
+    this.defaultConfig = assign(this.defaultConfig, options);
+    this.update();
     return this;
   }
 }
-const go = new Config();
-window.go = go;
+const configStore = new ConfigStoreSvelte();
 class PersonalizationDetails {
   #token = /* @__PURE__ */ state();
   get token() {
@@ -12771,8 +12792,8 @@ class PersonalizationDetails {
     if (this.ticketSaleId) return snapshot(this.order?.ticket_sales.find((ts) => ts.id == this.ticketSaleId));
   }
   goToPersonalization(ticketSale) {
-    if (go.config.urls.annualTicketPersonalizationForm) {
-      return go.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
+    if (configStore.config.urls.annualTicketPersonalizationForm) {
+      return configStore.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
     } else {
       return shop.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
     }
@@ -12781,7 +12802,7 @@ class PersonalizationDetails {
 const KEY$4 = "go-annual-ticket-personalization";
 const setPersonalizationDetails = createSetDetails(KEY$4);
 var root_3$8 = /* @__PURE__ */ from_html(`<li><a> </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);
@@ -12808,7 +12829,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);
@@ -16080,20 +16101,20 @@ function validateField(field) {
 }
 const _Forms = class _Forms {
   static defineForm(options) {
-    go.defineConfig({
+    configStore.default({
       forms: {
         [options.id]: { fields: options.fields, submitLabel: options.submitLabel }
       }
     });
   }
   static defineFields(fields) {
-    go.defineConfig({ fields });
+    configStore.default({ fields });
   }
   static setRequiredApiKeys(formId, requiredApiKeys) {
     __privateGet(_Forms, _requiredApiKeysMap)[formId] = requiredApiKeys;
   }
   static getFormOptions(formId) {
-    return go.config.forms[formId];
+    return configStore.config.forms[formId];
   }
   static createField(key, required) {
     const init2 = _Forms.getFieldInit(key);
@@ -16106,7 +16127,7 @@ const _Forms = class _Forms {
     return formFields(formId);
   }
   static getFieldInit(key) {
-    return go.config.fields[key];
+    return configStore.config.fields[key];
   }
 };
 _requiredApiKeysMap = new WeakMap();
@@ -16114,7 +16135,7 @@ __privateAdd(_Forms, _requiredApiKeysMap, {});
 _Forms.defineFields(allFields);
 let Forms = _Forms;
 function formFields(formId) {
-  const definition = go.config.forms[formId];
+  const definition = configStore.config.forms[formId];
   if (!definition) {
     throw new Error(`(formFields) Form ${formId} not found`);
   }
@@ -16189,12 +16210,12 @@ function AnnualTicketPersonalizationForm($$anchor, $$props) {
       form.details.apiErrors = [result.error.error];
       return;
     }
-    const beforeSubmit = go.config.forms.personalization?.beforeSubmit;
+    const beforeSubmit = configStore.config.forms.personalization?.beforeSubmit;
     if (beforeSubmit) {
       beforeSubmit(body);
     }
-    if (go.config.urls.annualTicketPersonalizationFormSubmit?.()) {
-      go.config.navigateTo(go.config.urls.annualTicketPersonalizationFormSubmit());
+    if (configStore.config.urls.annualTicketPersonalizationFormSubmit?.()) {
+      configStore.config.navigateTo(configStore.config.urls.annualTicketPersonalizationFormSubmit());
     }
   }
   let templateForm = null;
@@ -16680,7 +16701,7 @@ function Event$2($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
-var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+var root_2$p = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
 var root_1$g = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
 var root$8 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
 function Ticket($$anchor, $$props) {
@@ -16709,7 +16730,7 @@ function Ticket($$anchor, $$props) {
       var node_1 = sibling(span_1, 2);
       {
         var consequent = ($$anchor3) => {
-          var span_2 = root_2$q();
+          var span_2 = root_2$p();
           var text_2 = child(span_2, true);
           reset(span_2);
           template_effect(($0) => set_text(text_2, $0), [() => formatTime(cartItem().time)]);
@@ -16734,10 +16755,10 @@ function Ticket($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Ticket, { cartItem: {} }, [], [], { mode: "open" });
-var root_2$p = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
-var root_7$4 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
+var root_2$o = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
+var root_7$3 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
 var root_3$7 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><article><ul><!> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""> </li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article></li>`);
-var root_8$1 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
+var root_8$2 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
 var root_1$f = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li class="go-cart-header" data-go-cart-header="" data-testid="cart-header"><ul><li class="go-cart-header-title" data-go-cart-header-title=""> </li> <li class="go-cart-header-price" data-go-cart-header-price=""> </li> <li class="go-cart-header-count" data-go-cart-header-count=""> </li> <!> <li class="go-cart-header-sum" data-go-cart-header-sum=""> </li></ul></li> <!> <li class="go-cart-footer" data-go-cart-footer="" data-testid="cart-footer"><ul><li class="go-cart-footer-title" data-go-cart-footer-title=""></li> <li class="go-cart-footer-price" data-go-cart-footer-price=""></li> <li class="go-cart-footer-count" data-go-cart-footer-count=""></li> <!> <li class="go-cart-footer-sum" data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
 function Cart($$anchor, $$props) {
   push($$props, true);
@@ -16771,7 +16792,7 @@ function Cart($$anchor, $$props) {
       var node_1 = sibling(li_3, 2);
       {
         var consequent = ($$anchor3) => {
-          var li_4 = root_2$p();
+          var li_4 = root_2$o();
           append($$anchor3, li_4);
         };
         if_block(node_1, ($$render) => {
@@ -16832,7 +16853,7 @@ function Cart($$anchor, $$props) {
         var node_5 = sibling(li_8, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var li_9 = root_7$4();
+            var li_9 = root_7$3();
             var button = child(li_9);
             button.__click = () => get$2(cart).deleteItem(get$2(cartItem));
             reset(li_9);
@@ -16861,7 +16882,7 @@ function Cart($$anchor, $$props) {
       var node_6 = sibling(child(ul_2), 6);
       {
         var consequent_4 = ($$anchor3) => {
-          var li_12 = root_8$1();
+          var li_12 = root_8$2();
           append($$anchor3, li_12);
         };
         if_block(node_6, ($$render) => {
@@ -16945,12 +16966,12 @@ function CheckoutForm($$anchor, $$props) {
         form.details.apiErrors = checkout.error;
         return;
       }
-      const beforeSubmit = go.config.forms.checkoutGuest?.beforeSubmit;
+      const beforeSubmit = configStore.config.forms.checkoutGuest?.beforeSubmit;
       if (beforeSubmit) {
         await beforeSubmit(form.details.formData);
       }
       const paymentUrl = checkout.data.meta.payment_url;
-      go.config.navigateTo?.(paymentUrl);
+      configStore.config.navigateTo?.(paymentUrl);
     });
   });
   var $$exports = {
@@ -21898,7 +21919,7 @@ class CalendarHeaderState {
     set(this.#props, value);
   }
 }
-var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$n = /* @__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, [
@@ -22201,7 +22222,7 @@ function Calendar$1($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$o();
+      var div = root_2$n();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -22252,7 +22273,7 @@ create_custom_element(
   [],
   { mode: "open" }
 );
-var root_2$n = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$m = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_day($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22314,7 +22335,7 @@ function Calendar_day($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var div = root_2$n();
+      var div = root_2$m();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       {
@@ -22346,7 +22367,7 @@ function Calendar_day($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_day, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$m = /* @__PURE__ */ from_html(`<table><!></table>`);
+var root_2$l = /* @__PURE__ */ from_html(`<table><!></table>`);
 function Calendar_grid($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22405,7 +22426,7 @@ function Calendar_grid($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var table = root_2$m();
+      var table = root_2$l();
       attribute_effect(table, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(table);
       snippet(node_2, () => children() ?? noop$1);
@@ -22421,7 +22442,7 @@ function Calendar_grid($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$l = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+var root_2$k = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
 function Calendar_grid_body($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22480,7 +22501,7 @@ function Calendar_grid_body($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var tbody = root_2$l();
+      var tbody = root_2$k();
       attribute_effect(tbody, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(tbody);
       snippet(node_2, () => children() ?? noop$1);
@@ -22496,7 +22517,7 @@ function Calendar_grid_body($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_body, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$k = /* @__PURE__ */ from_html(`<td><!></td>`);
+var root_2$j = /* @__PURE__ */ from_html(`<td><!></td>`);
 function Calendar_cell($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22576,7 +22597,7 @@ function Calendar_cell($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var td = root_2$k();
+      var td = root_2$j();
       attribute_effect(td, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(td);
       snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -22605,7 +22626,7 @@ create_custom_element(
   [],
   { mode: "open" }
 );
-var root_2$j = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+var root_2$i = /* @__PURE__ */ from_html(`<thead><!></thead>`);
 function Calendar_grid_head($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22664,7 +22685,7 @@ function Calendar_grid_head($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var thead = root_2$j();
+      var thead = root_2$i();
       attribute_effect(thead, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(thead);
       snippet(node_2, () => children() ?? noop$1);
@@ -22680,7 +22701,7 @@ function Calendar_grid_head($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_head, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$i = /* @__PURE__ */ from_html(`<th><!></th>`);
+var root_2$h = /* @__PURE__ */ from_html(`<th><!></th>`);
 function Calendar_head_cell($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22739,7 +22760,7 @@ function Calendar_head_cell($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var th = root_2$i();
+      var th = root_2$h();
       attribute_effect(th, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(th);
       snippet(node_2, () => children() ?? noop$1);
@@ -22755,7 +22776,7 @@ function Calendar_head_cell($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$h = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+var root_2$g = /* @__PURE__ */ from_html(`<tr><!></tr>`);
 function Calendar_grid_row($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22814,7 +22835,7 @@ function Calendar_grid_row($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var tr = root_2$h();
+      var tr = root_2$g();
       attribute_effect(tr, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(tr);
       snippet(node_2, () => children() ?? noop$1);
@@ -22830,7 +22851,7 @@ function Calendar_grid_row($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$g = /* @__PURE__ */ from_html(`<header><!></header>`);
+var root_2$f = /* @__PURE__ */ from_html(`<header><!></header>`);
 function Calendar_header($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22889,7 +22910,7 @@ function Calendar_header($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var header = root_2$g();
+      var header = root_2$f();
       attribute_effect(header, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(header);
       snippet(node_2, () => children() ?? noop$1);
@@ -22905,7 +22926,7 @@ function Calendar_header($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$e = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_heading($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22967,7 +22988,7 @@ function Calendar_heading($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var div = root_2$f();
+      var div = root_2$e();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       {
@@ -22999,7 +23020,7 @@ function Calendar_heading($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], { mode: "open" });
-var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_2$d = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_next_button($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -23066,7 +23087,7 @@ function Calendar_next_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);
@@ -23082,7 +23103,7 @@ function Calendar_next_button($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], { mode: "open" });
-var root_2$d = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_2$c = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_prev_button($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -23149,7 +23170,7 @@ function Calendar_prev_button($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var button = root_2$d();
+      var button = root_2$c();
       attribute_effect(button, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(button);
       snippet(node_2, () => children() ?? noop$1);
@@ -23166,7 +23187,7 @@ function Calendar_prev_button($$anchor, $$props) {
 }
 create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], { mode: "open" });
 var root_1$e = /* @__PURE__ */ from_html(`<input/>`);
-var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
+var root_2$b = /* @__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"]);
@@ -23193,7 +23214,7 @@ function Hidden_input($$anchor, $$props) {
       append($$anchor2, input);
     };
     var alternate = ($$anchor2) => {
-      var input_1 = root_2$c();
+      var input_1 = root_2$b();
       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);
@@ -28416,7 +28437,7 @@ function Date_field_hidden_input($$anchor, $$props) {
   pop();
 }
 create_custom_element(Date_field_hidden_input, {}, [], [], { mode: "open" });
-var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
 var root$6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Date_field_input($$anchor, $$props) {
   const uid = props_id();
@@ -28488,7 +28509,7 @@ function Date_field_input($$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, () => ({ segments: inputState.root.segmentContents }));
@@ -28506,7 +28527,7 @@ function Date_field_input($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_field_input, { id: {}, ref: {}, name: {}, children: {}, child: {} }, [], [], { mode: "open" });
-var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$9 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_field_label($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28565,7 +28586,7 @@ function Date_field_label($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$a();
+      var div = root_2$9();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1);
@@ -28581,7 +28602,7 @@ function Date_field_label($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_field_label, { id: {}, ref: {}, children: {}, child: {} }, [], [], { mode: "open" });
-var root_2$9 = /* @__PURE__ */ from_html(`<span><!></span>`);
+var root_2$8 = /* @__PURE__ */ from_html(`<span><!></span>`);
 function Date_field_segment($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28648,7 +28669,7 @@ function Date_field_segment($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var span = root_2$9();
+      var span = root_2$8();
       attribute_effect(span, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(span);
       snippet(node_2, () => children() ?? noop$1);
@@ -29681,7 +29702,7 @@ create_custom_element(
   [],
   { mode: "open" }
 );
-var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$7 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_picker_calendar($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -29768,7 +29789,7 @@ function Date_picker_calendar($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$8();
+      var div = root_2$7();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => calendarState.snippetProps);
@@ -29784,7 +29805,7 @@ function Date_picker_calendar($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_picker_calendar, { children: {}, child: {}, id: {}, ref: {} }, [], [], { mode: "open" });
-var root_4$4 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
+var root_4$5 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
 var root_9$3 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
 function Popover_content($$anchor, $$props) {
   const uid = props_id();
@@ -29934,7 +29955,7 @@ function Popover_content($$anchor, $$props) {
               append($$anchor4, fragment_3);
             };
             var alternate = ($$anchor4) => {
-              var div = root_4$4();
+              var div = root_4$5();
               attribute_effect(div, () => ({ ...wrapperProps() }));
               var div_1 = child(div);
               attribute_effect(div_1, () => ({ ...get$2(finalProps) }));
@@ -30329,14 +30350,14 @@ function Date_picker_trigger($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_picker_trigger, { ref: {}, onkeydown: {} }, [], [], { mode: "open" });
-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$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_4$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_9$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_11$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_8$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_1$c = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function DatePicker_1($$anchor, $$props) {
   push($$props, true);
-  let dateString = prop($$props, "dateString", 15), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
+  let dateString = prop($$props, "dateString", 15), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7), labelText = prop($$props, "labelText", 7);
   let date2 = /* @__PURE__ */ state(proxy($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2())));
   user_effect(() => {
     dateString(get$2(date2).toString());
@@ -30362,226 +30383,269 @@ function DatePicker_1($$anchor, $$props) {
     set inputClass($$value) {
       inputClass($$value);
       flushSync();
+    },
+    get labelText() {
+      return labelText();
+    },
+    set labelText($$value) {
+      labelText($$value);
+      flushSync();
     }
   };
   var fragment = comment();
   var node = first_child(fragment);
-  component(node, () => Date_picker, ($$anchor2, DatePicker_Root) => {
-    DatePicker_Root($$anchor2, {
-      get value() {
-        return get$2(date2);
-      },
-      set value($$value) {
-        set(date2, $$value, true);
-      },
-      children: ($$anchor3, $$slotProps) => {
-        var fragment_1 = root_1$c();
-        var node_1 = first_child(fragment_1);
-        component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
-          DatePicker_Label($$anchor4, {
-            get class() {
-              return `go-datepicker-label ${labelClass() ?? ""}`;
-            }
-          });
-        });
-        var node_2 = sibling(node_1, 2);
-        {
-          const children = ($$anchor4, $$arg0) => {
-            let segments = () => $$arg0?.().segments;
-            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;
-              let value = () => get$2($$item).value;
-              var fragment_3 = comment();
-              var node_4 = first_child(fragment_3);
-              component(node_4, () => Date_field_segment, ($$anchor6, DatePicker_Segment) => {
-                DatePicker_Segment($$anchor6, {
-                  get part() {
-                    return part();
-                  },
-                  children: ($$anchor7, $$slotProps2) => {
-                    next();
-                    var text$1 = text();
-                    template_effect(() => set_text(text$1, value()));
-                    append($$anchor7, text$1);
-                  },
-                  $$slots: { default: true }
-                });
-              });
-              append($$anchor5, fragment_3);
-            });
-            var node_5 = sibling(node_3, 2);
-            component(node_5, () => Date_picker_trigger, ($$anchor5, DatePicker_Trigger) => {
-              DatePicker_Trigger($$anchor5, { class: "go-calendar-button" });
-            });
-            append($$anchor4, fragment_2);
-          };
-          component(node_2, () => Date_field_input, ($$anchor4, DatePicker_Input) => {
-            DatePicker_Input($$anchor4, {
+  {
+    let $0 = /* @__PURE__ */ user_derived(() => shop.locale || "de");
+    component(node, () => Date_picker, ($$anchor2, DatePicker_Root) => {
+      DatePicker_Root($$anchor2, {
+        get locale() {
+          return get$2($0);
+        },
+        weekStartsOn: 1,
+        isDateDisabled: (date3) => date3.compare($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2())) < 0,
+        get value() {
+          return get$2(date2);
+        },
+        set value($$value) {
+          set(date2, $$value, true);
+        },
+        children: ($$anchor3, $$slotProps) => {
+          var fragment_1 = root_1$c();
+          var node_1 = first_child(fragment_1);
+          component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
+            DatePicker_Label($$anchor4, {
               get class() {
-                return `go-datepicker-input ${inputClass() ?? ""}`;
+                return `go-datepicker-label ${labelClass() ?? ""}`;
+              },
+              children: ($$anchor5, $$slotProps2) => {
+                var fragment_2 = comment();
+                var node_2 = first_child(fragment_2);
+                {
+                  var consequent = ($$anchor6) => {
+                    var fragment_3 = comment();
+                    var node_3 = first_child(fragment_3);
+                    snippet(node_3, labelText);
+                    append($$anchor6, fragment_3);
+                  };
+                  if_block(node_2, ($$render) => {
+                    if (labelText()) $$render(consequent);
+                  });
+                }
+                append($$anchor5, fragment_2);
               },
-              children,
               $$slots: { default: true }
             });
           });
-        }
-        var node_6 = sibling(node_2, 2);
-        component(node_6, () => Date_picker_content, ($$anchor4, DatePicker_Content) => {
-          DatePicker_Content($$anchor4, {
-            children: ($$anchor5, $$slotProps2) => {
-              var fragment_5 = comment();
-              var node_7 = first_child(fragment_5);
-              {
-                const children = ($$anchor6, $$arg0) => {
-                  let months = () => $$arg0?.().months;
-                  let weekdays = () => $$arg0?.().weekdays;
-                  var fragment_6 = root_6$2();
-                  var node_8 = first_child(fragment_6);
-                  component(node_8, () => Calendar_header, ($$anchor7, DatePicker_Header) => {
-                    DatePicker_Header($$anchor7, {
-                      children: ($$anchor8, $$slotProps3) => {
-                        var fragment_7 = root_7$3();
-                        var node_9 = first_child(fragment_7);
-                        component(node_9, () => Calendar_prev_button, ($$anchor9, DatePicker_PrevButton) => {
-                          DatePicker_PrevButton($$anchor9, { class: "go-datepicker-previous" });
-                        });
-                        var node_10 = sibling(node_9, 2);
-                        component(node_10, () => Calendar_heading, ($$anchor9, DatePicker_Heading) => {
-                          DatePicker_Heading($$anchor9, { class: "go-datepicker-selected-month" });
-                        });
-                        var node_11 = sibling(node_10, 2);
-                        component(node_11, () => Calendar_next_button, ($$anchor9, DatePicker_NextButton) => {
-                          DatePicker_NextButton($$anchor9, { class: "go-datepicker-next" });
-                        });
-                        append($$anchor8, fragment_7);
-                      },
-                      $$slots: { default: true }
-                    });
+          var node_4 = sibling(node_1, 2);
+          {
+            const children = ($$anchor4, $$arg0) => {
+              let segments = () => $$arg0?.().segments;
+              var fragment_4 = root_4$4();
+              var node_5 = first_child(fragment_4);
+              each(node_5, 17, segments, index$1, ($$anchor5, $$item) => {
+                let part = () => get$2($$item).part;
+                let value = () => get$2($$item).value;
+                var fragment_5 = comment();
+                var node_6 = first_child(fragment_5);
+                component(node_6, () => Date_field_segment, ($$anchor6, DatePicker_Segment) => {
+                  DatePicker_Segment($$anchor6, {
+                    get part() {
+                      return part();
+                    },
+                    children: ($$anchor7, $$slotProps2) => {
+                      next();
+                      var text$1 = text();
+                      template_effect(() => set_text(text$1, value()));
+                      append($$anchor7, text$1);
+                    },
+                    $$slots: { default: true }
                   });
-                  var node_12 = sibling(node_8, 2);
-                  each(node_12, 16, months, (month) => month, ($$anchor7, month) => {
-                    var fragment_8 = comment();
-                    var node_13 = first_child(fragment_8);
-                    component(node_13, () => Calendar_grid, ($$anchor8, DatePicker_Grid) => {
-                      DatePicker_Grid($$anchor8, {
-                        children: ($$anchor9, $$slotProps3) => {
+                });
+                append($$anchor5, fragment_5);
+              });
+              var node_7 = sibling(node_5, 2);
+              component(node_7, () => Date_picker_trigger, ($$anchor5, DatePicker_Trigger) => {
+                DatePicker_Trigger($$anchor5, { class: "go-calendar-button" });
+              });
+              append($$anchor4, fragment_4);
+            };
+            component(node_4, () => Date_field_input, ($$anchor4, DatePicker_Input) => {
+              DatePicker_Input($$anchor4, {
+                get class() {
+                  return `go-datepicker-input ${inputClass() ?? ""}`;
+                },
+                children,
+                $$slots: { default: true }
+              });
+            });
+          }
+          var node_8 = sibling(node_4, 2);
+          component(node_8, () => Date_picker_content, ($$anchor4, DatePicker_Content) => {
+            DatePicker_Content($$anchor4, {
+              children: ($$anchor5, $$slotProps2) => {
+                var fragment_7 = comment();
+                var node_9 = first_child(fragment_7);
+                {
+                  const children = ($$anchor6, $$arg0) => {
+                    let months = () => $$arg0?.().months;
+                    let weekdays = () => $$arg0?.().weekdays;
+                    var fragment_8 = root_8$1();
+                    var node_10 = first_child(fragment_8);
+                    component(node_10, () => Calendar_header, ($$anchor7, DatePicker_Header) => {
+                      DatePicker_Header($$anchor7, {
+                        children: ($$anchor8, $$slotProps3) => {
                           var fragment_9 = root_9$2();
-                          var node_14 = first_child(fragment_9);
-                          component(node_14, () => Calendar_grid_head, ($$anchor10, DatePicker_GridHead) => {
-                            DatePicker_GridHead($$anchor10, {
-                              children: ($$anchor11, $$slotProps4) => {
-                                var fragment_10 = comment();
-                                var node_15 = first_child(fragment_10);
-                                component(node_15, () => Calendar_grid_row, ($$anchor12, DatePicker_GridRow) => {
-                                  DatePicker_GridRow($$anchor12, {
-                                    children: ($$anchor13, $$slotProps5) => {
-                                      var fragment_11 = comment();
-                                      var node_16 = first_child(fragment_11);
-                                      each(node_16, 17, weekdays, index$1, ($$anchor14, day) => {
-                                        var fragment_12 = comment();
-                                        var node_17 = first_child(fragment_12);
-                                        component(node_17, () => Calendar_head_cell, ($$anchor15, DatePicker_HeadCell) => {
-                                          DatePicker_HeadCell($$anchor15, {
-                                            children: ($$anchor16, $$slotProps6) => {
-                                              next();
-                                              var text_1 = text();
-                                              template_effect(() => set_text(text_1, get$2(day)));
-                                              append($$anchor16, text_1);
-                                            },
-                                            $$slots: { default: true }
-                                          });
-                                        });
-                                        append($$anchor14, fragment_12);
-                                      });
-                                      append($$anchor13, fragment_11);
-                                    },
-                                    $$slots: { default: true }
-                                  });
-                                });
-                                append($$anchor11, fragment_10);
-                              },
-                              $$slots: { default: true }
-                            });
+                          var node_11 = first_child(fragment_9);
+                          component(node_11, () => Calendar_prev_button, ($$anchor9, DatePicker_PrevButton) => {
+                            DatePicker_PrevButton($$anchor9, { class: "go-datepicker-previous" });
                           });
-                          var node_18 = sibling(node_14, 2);
-                          component(node_18, () => Calendar_grid_body, ($$anchor10, DatePicker_GridBody) => {
-                            DatePicker_GridBody($$anchor10, {
-                              children: ($$anchor11, $$slotProps4) => {
-                                var fragment_14 = comment();
-                                var node_19 = first_child(fragment_14);
-                                each(node_19, 16, () => month.weeks, (weekDates) => weekDates, ($$anchor12, weekDates) => {
-                                  var fragment_15 = comment();
-                                  var node_20 = first_child(fragment_15);
-                                  component(node_20, () => Calendar_grid_row, ($$anchor13, DatePicker_GridRow_1) => {
-                                    DatePicker_GridRow_1($$anchor13, {
-                                      children: ($$anchor14, $$slotProps5) => {
-                                        var fragment_16 = comment();
-                                        var node_21 = first_child(fragment_16);
-                                        each(node_21, 16, () => weekDates, (date3) => date3, ($$anchor15, date3, $$index_2, $$array) => {
-                                          var fragment_17 = comment();
-                                          var node_22 = first_child(fragment_17);
-                                          component(node_22, () => Calendar_cell, ($$anchor16, DatePicker_Cell) => {
-                                            DatePicker_Cell($$anchor16, {
-                                              get date() {
-                                                return date3;
-                                              },
-                                              get month() {
-                                                return month.value;
-                                              },
-                                              children: ($$anchor17, $$slotProps6) => {
-                                                var fragment_18 = comment();
-                                                var node_23 = first_child(fragment_18);
-                                                component(node_23, () => Calendar_day, ($$anchor18, DatePicker_Day) => {
-                                                  DatePicker_Day($$anchor18, {});
-                                                });
-                                                append($$anchor17, fragment_18);
+                          var node_12 = sibling(node_11, 2);
+                          component(node_12, () => Calendar_heading, ($$anchor9, DatePicker_Heading) => {
+                            DatePicker_Heading($$anchor9, { class: "go-datepicker-selected-month" });
+                          });
+                          var node_13 = sibling(node_12, 2);
+                          component(node_13, () => Calendar_next_button, ($$anchor9, DatePicker_NextButton) => {
+                            DatePicker_NextButton($$anchor9, { class: "go-datepicker-next" });
+                          });
+                          append($$anchor8, fragment_9);
+                        },
+                        $$slots: { default: true }
+                      });
+                    });
+                    var node_14 = sibling(node_10, 2);
+                    each(node_14, 16, months, (month) => month, ($$anchor7, month) => {
+                      var fragment_10 = comment();
+                      var node_15 = first_child(fragment_10);
+                      component(node_15, () => Calendar_grid, ($$anchor8, DatePicker_Grid) => {
+                        DatePicker_Grid($$anchor8, {
+                          children: ($$anchor9, $$slotProps3) => {
+                            var fragment_11 = root_11$3();
+                            var node_16 = first_child(fragment_11);
+                            component(node_16, () => Calendar_grid_head, ($$anchor10, DatePicker_GridHead) => {
+                              DatePicker_GridHead($$anchor10, {
+                                children: ($$anchor11, $$slotProps4) => {
+                                  var fragment_12 = comment();
+                                  var node_17 = first_child(fragment_12);
+                                  component(node_17, () => Calendar_grid_row, ($$anchor12, DatePicker_GridRow) => {
+                                    DatePicker_GridRow($$anchor12, {
+                                      children: ($$anchor13, $$slotProps5) => {
+                                        var fragment_13 = comment();
+                                        var node_18 = first_child(fragment_13);
+                                        each(node_18, 17, weekdays, index$1, ($$anchor14, day) => {
+                                          var fragment_14 = comment();
+                                          var node_19 = first_child(fragment_14);
+                                          component(node_19, () => Calendar_head_cell, ($$anchor15, DatePicker_HeadCell) => {
+                                            DatePicker_HeadCell($$anchor15, {
+                                              children: ($$anchor16, $$slotProps6) => {
+                                                next();
+                                                var text_1 = text();
+                                                template_effect(() => set_text(text_1, get$2(day)));
+                                                append($$anchor16, text_1);
                                               },
                                               $$slots: { default: true }
                                             });
                                           });
-                                          append($$anchor15, fragment_17);
+                                          append($$anchor14, fragment_14);
                                         });
-                                        append($$anchor14, fragment_16);
+                                        append($$anchor13, fragment_13);
                                       },
                                       $$slots: { default: true }
                                     });
                                   });
-                                  append($$anchor12, fragment_15);
-                                });
-                                append($$anchor11, fragment_14);
-                              },
-                              $$slots: { default: true }
+                                  append($$anchor11, fragment_12);
+                                },
+                                $$slots: { default: true }
+                              });
                             });
-                          });
-                          append($$anchor9, fragment_9);
-                        },
-                        $$slots: { default: true }
+                            var node_20 = sibling(node_16, 2);
+                            component(node_20, () => Calendar_grid_body, ($$anchor10, DatePicker_GridBody) => {
+                              DatePicker_GridBody($$anchor10, {
+                                children: ($$anchor11, $$slotProps4) => {
+                                  var fragment_16 = comment();
+                                  var node_21 = first_child(fragment_16);
+                                  each(node_21, 16, () => month.weeks, (weekDates) => weekDates, ($$anchor12, weekDates) => {
+                                    var fragment_17 = comment();
+                                    var node_22 = first_child(fragment_17);
+                                    component(node_22, () => Calendar_grid_row, ($$anchor13, DatePicker_GridRow_1) => {
+                                      DatePicker_GridRow_1($$anchor13, {
+                                        children: ($$anchor14, $$slotProps5) => {
+                                          var fragment_18 = comment();
+                                          var node_23 = first_child(fragment_18);
+                                          each(node_23, 16, () => weekDates, (date3) => date3, ($$anchor15, date3, $$index_2, $$array) => {
+                                            var fragment_19 = comment();
+                                            var node_24 = first_child(fragment_19);
+                                            component(node_24, () => Calendar_cell, ($$anchor16, DatePicker_Cell) => {
+                                              DatePicker_Cell($$anchor16, {
+                                                get date() {
+                                                  return date3;
+                                                },
+                                                get month() {
+                                                  return month.value;
+                                                },
+                                                children: ($$anchor17, $$slotProps6) => {
+                                                  var fragment_20 = comment();
+                                                  var node_25 = first_child(fragment_20);
+                                                  component(node_25, () => Calendar_day, ($$anchor18, DatePicker_Day) => {
+                                                    DatePicker_Day($$anchor18, {});
+                                                  });
+                                                  append($$anchor17, fragment_20);
+                                                },
+                                                $$slots: { default: true }
+                                              });
+                                            });
+                                            append($$anchor15, fragment_19);
+                                          });
+                                          append($$anchor14, fragment_18);
+                                        },
+                                        $$slots: { default: true }
+                                      });
+                                    });
+                                    append($$anchor12, fragment_17);
+                                  });
+                                  append($$anchor11, fragment_16);
+                                },
+                                $$slots: { default: true }
+                              });
+                            });
+                            append($$anchor9, fragment_11);
+                          },
+                          $$slots: { default: true }
+                        });
                       });
+                      append($$anchor7, fragment_10);
                     });
-                    append($$anchor7, fragment_8);
+                    append($$anchor6, fragment_8);
+                  };
+                  component(node_9, () => Date_picker_calendar, ($$anchor6, DatePicker_Calendar) => {
+                    DatePicker_Calendar($$anchor6, { children, $$slots: { default: true } });
                   });
-                  append($$anchor6, fragment_6);
-                };
-                component(node_7, () => Date_picker_calendar, ($$anchor6, DatePicker_Calendar) => {
-                  DatePicker_Calendar($$anchor6, { children, $$slots: { default: true } });
-                });
-              }
-              append($$anchor5, fragment_5);
-            },
-            $$slots: { default: true }
+                }
+                append($$anchor5, fragment_7);
+              },
+              $$slots: { default: true }
+            });
           });
-        });
-        append($$anchor3, fragment_1);
-      },
-      $$slots: { default: true }
+          append($$anchor3, fragment_1);
+        },
+        $$slots: { default: true }
+      });
     });
-  });
+  }
   append($$anchor, fragment);
   return pop($$exports);
 }
-create_custom_element(DatePicker_1, { dateString: {}, labelClass: {}, inputClass: {} }, [], [], { mode: "open" });
+create_custom_element(
+  DatePicker_1,
+  {
+    dateString: {},
+    labelClass: {},
+    inputClass: {},
+    labelText: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
 var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
 var root_1$b = /* @__PURE__ */ from_html(` <!>`, 1);
 var root_3$5 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
@@ -30736,6 +30800,9 @@ function InputAndLabel($$anchor, $$props) {
       get inputClass() {
         return inputClass();
       },
+      get labelText() {
+        return labelText;
+      },
       get dateString() {
         return field().value;
       },
@@ -31519,7 +31586,7 @@ customElements.define("go-init", create_custom_element(
 function Link($$anchor, $$props) {
   push($$props, true);
   const to = prop($$props, "to", 7);
-  const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
+  const href = /* @__PURE__ */ user_derived(() => configStore.config.urls[to()]);
   const a2 = wrapInElement($$props.$$host, "a");
   user_effect(() => {
     if (!get$2(href)) {
@@ -31531,11 +31598,11 @@ function Link($$anchor, $$props) {
   });
   a2.addEventListener("click", (e) => {
     e.preventDefault();
-    if (!go.config.urls[to()]) {
+    if (!configStore.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()]());
+    configStore.config.navigateTo(configStore.config.urls[to()]());
   });
   var $$exports = {
     get to() {
@@ -31574,8 +31641,8 @@ class OrderDetails {
         return `${shop.apiUrl}/api/v4/orders/${this.order.id}/events/${item.attributes.id}.pdf?locale=${shop.locale}&token=${this.token}`;
       case "Ticket":
         if (item.attributes.ticket_type === "annual" && !item.attributes.is_voucher) {
-          if (go.config.urls.annualTicketPersonalizationList?.()) {
-            return go.config.urls.annualTicketPersonalizationList(this.token);
+          if (configStore.config.urls.annualTicketPersonalizationList?.()) {
+            return configStore.config.urls.annualTicketPersonalizationList(this.token);
           } else {
             return shop.urls?.annualTicketPersonalizationList(this.token);
           }
@@ -32283,6 +32350,7 @@ async function loadEventTickets(segment) {
   const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
   segment.preCart = createCart(uiTickets);
 }
+const TWO_HOURS_IN_MILLISECONDS = 2 * 60 * 60 * 1e3;
 async function load_Events_ScaledPricesTickets(segment) {
   const tsd = segment.ticketSelectionDetails;
   if (!tsd) {
@@ -32324,7 +32392,9 @@ async function load_Events_ScaledPricesTickets(segment) {
   dates = dates.filter((d) => {
     const datePart = d.start_time.slice(0, 10);
     const sameDay = tsd.selectedDate?.toString() == datePart;
-    const after = Date.parse(d.start_time) >= Date.parse(tsd.selectedTime);
+    const selectedMs = Date.parse(tsd.selectedTime);
+    const startMs = Date.parse(d.start_time);
+    const after = startMs >= selectedMs && startMs <= selectedMs + TWO_HOURS_IN_MILLISECONDS;
     const availableSeats = (d.seats?.available ?? 0) > 0;
     return sameDay && after && availableSeats;
   });
@@ -32670,15 +32740,18 @@ function Item($$anchor, $$props) {
   const scaled_title = ($$anchor2) => {
     var fragment = root_1$4();
     var span = first_child(fragment);
-    var text2 = child(span, true);
+    var text2 = child(span);
     reset(span);
     var span_1 = sibling(span, 2);
     var text_1 = child(span_1, true);
     reset(span_1);
-    template_effect(() => {
-      set_text(text2, item().product.event_title);
-      set_text(text_1, item().product.title);
-    });
+    template_effect(
+      ($0) => {
+        set_text(text2, `${item().product.event_title ?? ""} - ${$0 ?? ""}`);
+        set_text(text_1, item().product.title);
+      },
+      [() => formatTime(item().product.selectedTime)]
+    );
     append($$anchor2, fragment);
   };
   const default_title = ($$anchor2) => {
@@ -33369,8 +33442,8 @@ let Details$1 = class Details2 {
     });
     shop.cart.addItems(newItems);
     preCarts.forEach((pc) => pc.items.forEach((i) => i.quantity = 0));
-    if (go.config.urls.cart) {
-      go.config.navigateTo(go.config.urls.cart());
+    if (configStore.config.urls.cart) {
+      configStore.config.navigateTo(configStore.config.urls.cart());
     }
   }
   anyTicketsSelected() {
@@ -33507,3 +33580,29 @@ function Overview($$anchor, $$props) {
   pop();
 }
 customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
+async function initGo(window2) {
+  const stub = window2.go;
+  let q = stub && stub._queue || [];
+  console.log(q);
+  for (const command of q) {
+    try {
+      await go[command.method](command.options);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  window2.go = go;
+  if (stub) stub._queue = null;
+}
+const go = {
+  loaded: true,
+  config: (options) => {
+    configStore.define(options);
+  },
+  init: async (options) => {
+    await shop.load("https://" + options.api, options.shop, options.locale);
+  }
+};
+(async () => {
+  await initGo(window);
+})();