@gomusdev/web-components 1.40.0 → 1.42.0

package/dist-js/gomus-webcomponents.js

@@ -11020,7 +11020,7 @@ const maxQuantity_Seats = function(manager, cart, item, preCart) {
   const max2 = Math.max(available - cartTotal - preCartTotal + item.quantity, 0);
   const ret = {
     max: max2,
-    min: seats.min,
+    min: seats.min ?? 0,
     unavailable: seats.available === 0,
     bookedOut: max2 === 0
   };
@@ -11227,7 +11227,7 @@ function generateCartItem(cartItem) {
       throw new Error(`Unhandled case: ${_exhaustiveCheck}`);
   }
 }
-function loadFromLocalStorage(cart) {
+function loadFromLocalStorage$1(cart) {
   let lsItems = [];
   let lsCoupons = [];
   try {
@@ -11259,7 +11259,7 @@ function loadFromLocalStorage(cart) {
   }
 }
 function syncCartToLocalStorage(cart) {
-  loadFromLocalStorage(cart);
+  loadFromLocalStorage$1(cart);
   const storeCart = proxy(cart);
   effect_root(() => {
     user_effect(() => {
@@ -11275,7 +11275,7 @@ function syncCartToLocalStorage(cart) {
       }
       let newLS = localStorage.getItem("go-cart");
       if (lastLS && lastLS !== newLS) {
-        loadFromLocalStorage(cart);
+        loadFromLocalStorage$1(cart);
       }
       lastLS = newLS || "";
     },
@@ -11375,17 +11375,83 @@ function createMainCart() {
   dispatchCartEvents(cart);
   return cart;
 }
+function isLocalStorageAvailable() {
+  return typeof window !== "undefined" && typeof localStorage !== "undefined";
+}
+function saveToLocalStorage(key, data) {
+  if (!isLocalStorageAvailable()) return;
+  try {
+    localStorage.setItem(key, JSON.stringify(data));
+  } catch (e) {
+    console.warn(`Failed to save to localStorage (${key}):`, e);
+  }
+}
+function loadFromLocalStorage(key) {
+  if (!isLocalStorageAvailable()) return null;
+  try {
+    const item = localStorage.getItem(key);
+    return item ? JSON.parse(item) : null;
+  } catch (e) {
+    console.warn(`Failed to load from localStorage (${key}):`, e);
+    return null;
+  }
+}
+function removeFromLocalStorage(key) {
+  if (!isLocalStorageAvailable()) return;
+  try {
+    localStorage.removeItem(key);
+  } catch (e) {
+    console.warn(`Failed to remove from localStorage (${key}):`, e);
+  }
+}
+const KEY$5 = "go-capacity";
+function saveCapacityToLocalStorage(allSeats, allQuotas) {
+  const existing = loadFromLocalStorage(KEY$5);
+  const merged = {
+    allSeats: { ...existing?.allSeats || {}, ...allSeats },
+    allQuotas: { ...existing?.allQuotas || {}, ...allQuotas }
+  };
+  saveToLocalStorage(KEY$5, merged);
+}
+function loadCapacityFromLocalStorage(manager) {
+  const data = loadFromLocalStorage(KEY$5);
+  if (!data) return;
+  if (data.allSeats) {
+    for (const dateId in data.allSeats) {
+      const did = parseInt(dateId);
+      manager.addSeats(did, data.allSeats[did], false);
+    }
+  }
+  if (data.allQuotas) {
+    manager.addQuotas(data.allQuotas, false);
+  }
+}
+function syncCapacityAcrossTabs(manager) {
+  if (!isLocalStorageAvailable()) return;
+  window.addEventListener("storage", (event2) => {
+    if (event2.key === KEY$5) {
+      loadCapacityFromLocalStorage(manager);
+    }
+    if (event2.key === "go-cart") {
+      const cart = loadFromLocalStorage("go-cart");
+      const cartEmpty = !cart || !cart.items || cart.items.length === 0;
+      if (cartEmpty) removeFromLocalStorage(KEY$5);
+    }
+  });
+}
 function createCapacityManager() {
-  return {
+  const manager = {
     allSeats: {},
     allQuotas: {},
     quotaManager: createQuotaManager({}),
-    addQuotas(quotas) {
+    addQuotas(quotas, saveToLocalStorage2 = true) {
       this.allQuotas = { ...this.allQuotas, ...quotas };
       this.quotaManager.addQuotas(quotas);
+      if (saveToLocalStorage2) saveCapacityToLocalStorage(this.allSeats, this.allQuotas);
     },
-    addSeats(dateId, seats) {
+    addSeats(dateId, seats, saveToLocalStorage2 = true) {
       this.allSeats[dateId] = seats;
+      if (saveToLocalStorage2) saveCapacityToLocalStorage(this.allSeats, this.allQuotas);
     },
     capacityPolicy(item) {
       switch (item.type) {
@@ -11431,6 +11497,9 @@ function createCapacityManager() {
       return ret;
     }
   };
+  loadCapacityFromLocalStorage(manager);
+  syncCapacityAcrossTabs(manager);
+  return manager;
 }
 function getCookie(name) {
   if (typeof document === "undefined") {
@@ -16451,7 +16520,7 @@ function wrapInElement(host, tag, props) {
   host.replaceChildren(element);
   return element;
 }
-var root_1$i = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
+var root_1$j = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
 function Form($$anchor, $$props) {
   push($$props, true);
   let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
@@ -16494,7 +16563,7 @@ function Form($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$i();
+      var fragment_1 = root_1$j();
       var go_all_fields = first_child(fragment_1);
       var go_form_feedback = sibling(go_all_fields, 2);
       var go_submit = sibling(go_form_feedback, 2);
@@ -16641,8 +16710,8 @@ customElements.define("go-sign-up", create_custom_element(
   [],
   []
 ));
-var root_1$h = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
-var root$9 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!></li>`);
+var root_1$i = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
+var root$9 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!>`, 1);
 function Event$2($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -16657,8 +16726,8 @@ function Event$2($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$9();
-  var span = child(li);
+  var fragment = root$9();
+  var span = first_child(fragment);
   var span_1 = child(span);
   var text2 = child(span_1, true);
   reset(span_1);
@@ -16669,8 +16738,8 @@ function Event$2($$anchor, $$props) {
   var node = sibling(span);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_1$h();
-      var span_3 = first_child(fragment);
+      var fragment_1 = root_1$i();
+      var span_3 = first_child(fragment_1);
       var text_2 = child(span_3, true);
       reset(span_3);
       var span_4 = sibling(span_3);
@@ -16686,24 +16755,23 @@ function Event$2($$anchor, $$props) {
           () => formatTime(cartItem().time)
         ]
       );
-      append($$anchor2, fragment);
+      append($$anchor2, fragment_1);
     };
     if_block(node, ($$render) => {
       if (cartItem().time) $$render(consequent);
     });
   }
-  reset(li);
   template_effect(() => {
     set_text(text2, product.event_title);
     set_text(text_1, product.title);
   });
-  append($$anchor, li);
+  append($$anchor, fragment);
   return pop($$exports);
 }
 create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
 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>`);
+var root_1$h = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+var root$8 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
 function Ticket($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -16716,15 +16784,15 @@ function Ticket($$anchor, $$props) {
       flushSync();
     }
   };
-  var li = root$8();
-  var span = child(li);
+  var fragment = root$8();
+  var span = first_child(fragment);
   var text2 = child(span, true);
   reset(span);
   var node = sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var fragment = root_1$g();
-      var span_1 = first_child(fragment);
+      var fragment_1 = root_1$h();
+      var span_1 = first_child(fragment_1);
       var text_1 = child(span_1, true);
       reset(span_1);
       var node_1 = sibling(span_1, 2);
@@ -16743,22 +16811,197 @@ function Ticket($$anchor, $$props) {
       template_effect(($0) => set_text(text_1, $0), [
         () => formatDate(cartItem().time, { month: "numeric", day: "numeric" }, shop.locale)
       ]);
-      append($$anchor2, fragment);
+      append($$anchor2, fragment_1);
     };
     if_block(node, ($$render) => {
       if (cartItem().time) $$render(consequent_1);
     });
   }
-  reset(li);
   template_effect(() => set_text(text2, cartItem().product.title));
-  append($$anchor, li);
+  append($$anchor, fragment);
   return pop($$exports);
 }
 create_custom_element(Ticket, { cartItem: {} }, [], [], { mode: "open" });
+function generateQuantityOptions(min2, max2) {
+  let options = [{ value: 0, label: "0" }];
+  if (max2 === 0) {
+    return options;
+  }
+  if (max2 < min2) {
+    max2 = min2;
+    options = [];
+  }
+  for (let quantity = min2; quantity <= max2; quantity++) {
+    if (quantity == 0) continue;
+    options.push({
+      value: quantity,
+      label: quantity.toString()
+    });
+  }
+  return options;
+}
+var root_5$2 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_7$3 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_6$2 = /* @__PURE__ */ from_html(`<select></select>`);
+var root_8$2 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
+var root_1$g = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <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>`);
+function Item$1($$anchor, $$props) {
+  push($$props, true);
+  let cartItem = prop($$props, "cartItem", 7), cart = prop($$props, "cart", 7), preview = prop($$props, "preview", 7);
+  let capacity = /* @__PURE__ */ state(void 0);
+  const emptyCart = createCart();
+  user_effect(() => {
+    cart().items.map((i) => i.quantity);
+    untrack(() => {
+      set(capacity, shop.capacityManager.capacity(cart(), cartItem(), emptyCart), true);
+    });
+  });
+  function update(ci, target) {
+    const el = target;
+    ci.quantity = parseInt(el.value);
+  }
+  var $$exports = {
+    get cartItem() {
+      return cartItem();
+    },
+    set cartItem($$value) {
+      cartItem($$value);
+      flushSync();
+    },
+    get cart() {
+      return cart();
+    },
+    set cart($$value) {
+      cart($$value);
+      flushSync();
+    },
+    get preview() {
+      return preview();
+    },
+    set preview($$value) {
+      preview($$value);
+      flushSync();
+    }
+  };
+  var fragment = comment();
+  var node = first_child(fragment);
+  {
+    var consequent_4 = ($$anchor2) => {
+      var article = root_1$g();
+      var ul = child(article);
+      var li = child(ul);
+      var node_1 = child(li);
+      {
+        var consequent = ($$anchor3) => {
+          Ticket($$anchor3, {
+            get cartItem() {
+              return cartItem();
+            }
+          });
+        };
+        var alternate = ($$anchor3) => {
+          var fragment_2 = comment();
+          var node_2 = first_child(fragment_2);
+          {
+            var consequent_1 = ($$anchor4) => {
+              Event$2($$anchor4, {
+                get cartItem() {
+                  return cartItem();
+                }
+              });
+            };
+            if_block(
+              node_2,
+              ($$render) => {
+                if (cartItem().product.product_type === "Event") $$render(consequent_1);
+              },
+              true
+            );
+          }
+          append($$anchor3, fragment_2);
+        };
+        if_block(node_1, ($$render) => {
+          if (cartItem().product.product_type === "Ticket") $$render(consequent);
+          else $$render(alternate, false);
+        });
+      }
+      reset(li);
+      var li_1 = sibling(li, 2);
+      var text2 = child(li_1, true);
+      reset(li_1);
+      var li_2 = sibling(li_1, 2);
+      var node_3 = child(li_2);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var span = root_5$2();
+          var text_1 = child(span, true);
+          reset(span);
+          template_effect(() => set_text(text_1, cartItem().quantity));
+          append($$anchor3, span);
+        };
+        var alternate_1 = ($$anchor3) => {
+          var select = root_6$2();
+          select.__change = (e) => update(cartItem(), e.target);
+          each(select, 21, () => generateQuantityOptions(get$2(capacity).min, get$2(capacity).max), (q) => q.value, ($$anchor4, q) => {
+            var option = root_7$3();
+            var text_2 = child(option, true);
+            reset(option);
+            var option_value = {};
+            template_effect(() => {
+              set_selected(option, cartItem().quantity === get$2(q).value);
+              set_text(text_2, get$2(q).label);
+              if (option_value !== (option_value = get$2(q).value)) {
+                option.value = (option.__value = get$2(q).value) ?? "";
+              }
+            });
+            append($$anchor4, option);
+          });
+          reset(select);
+          append($$anchor3, select);
+        };
+        if_block(node_3, ($$render) => {
+          if (preview()) $$render(consequent_2);
+          else $$render(alternate_1, false);
+        });
+      }
+      reset(li_2);
+      var node_4 = sibling(li_2, 2);
+      {
+        var consequent_3 = ($$anchor3) => {
+          var li_3 = root_8$2();
+          var button = child(li_3);
+          button.__click = () => cart().deleteItem(cartItem());
+          reset(li_3);
+          append($$anchor3, li_3);
+        };
+        if_block(node_4, ($$render) => {
+          if (!preview()) $$render(consequent_3);
+        });
+      }
+      var li_4 = sibling(node_4, 2);
+      var text_3 = child(li_4, true);
+      reset(li_4);
+      reset(ul);
+      reset(article);
+      template_effect(() => {
+        set_attribute(article, "data-testid", cartItem().uuid);
+        set_text(text2, cartItem().final_price_formatted);
+        set_text(text_3, cartItem().total_price_formatted);
+      });
+      append($$anchor2, article);
+    };
+    if_block(node, ($$render) => {
+      if (get$2(capacity)) $$render(consequent_4);
+    });
+  }
+  append($$anchor, fragment);
+  return pop($$exports);
+}
+delegate(["change", "click"]);
+create_custom_element(Item$1, { cartItem: {}, cart: {}, preview: {} }, [], [], { mode: "open" });
 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$2 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
+var root_3$7 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><!></li>`);
+var root_4$6 = /* @__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);
@@ -16776,7 +17019,7 @@ function Cart($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   {
-    var consequent_5 = ($$anchor2) => {
+    var consequent_2 = ($$anchor2) => {
       var ol = root_1$f();
       var li = child(ol);
       var ul = child(li);
@@ -16807,93 +17050,38 @@ function Cart($$anchor, $$props) {
       var node_2 = sibling(li, 2);
       each(node_2, 17, () => get$2(cart).items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
         var li_6 = root_3$7();
-        var article = child(li_6);
-        var ul_1 = child(article);
-        var node_3 = child(ul_1);
-        {
-          var consequent_1 = ($$anchor4) => {
-            Ticket($$anchor4, {
-              get cartItem() {
-                return get$2(cartItem);
-              }
-            });
-          };
-          var alternate = ($$anchor4) => {
-            var fragment_2 = comment();
-            var node_4 = first_child(fragment_2);
-            {
-              var consequent_2 = ($$anchor5) => {
-                Event$2($$anchor5, {
-                  get cartItem() {
-                    return get$2(cartItem);
-                  }
-                });
-              };
-              if_block(
-                node_4,
-                ($$render) => {
-                  if (get$2(cartItem).product.product_type === "Event") $$render(consequent_2);
-                },
-                true
-              );
-            }
-            append($$anchor4, fragment_2);
-          };
-          if_block(node_3, ($$render) => {
-            if (get$2(cartItem).product.product_type === "Ticket") $$render(consequent_1);
-            else $$render(alternate, false);
-          });
-        }
-        var li_7 = sibling(node_3, 2);
-        var text_4 = child(li_7, true);
-        reset(li_7);
-        var li_8 = sibling(li_7, 2);
-        var text_5 = child(li_8, true);
-        reset(li_8);
-        var node_5 = sibling(li_8, 2);
-        {
-          var consequent_3 = ($$anchor4) => {
-            var li_9 = root_7$3();
-            var button = child(li_9);
-            button.__click = () => get$2(cart).deleteItem(get$2(cartItem));
-            reset(li_9);
-            append($$anchor4, li_9);
-          };
-          if_block(node_5, ($$render) => {
-            if (!preview()) $$render(consequent_3);
-          });
-        }
-        var li_10 = sibling(node_5, 2);
-        var text_6 = child(li_10, true);
-        reset(li_10);
-        reset(ul_1);
-        reset(article);
-        reset(li_6);
-        template_effect(() => {
-          set_attribute(article, "data-testid", get$2(cartItem).uuid);
-          set_text(text_4, get$2(cartItem).final_price_formatted);
-          set_text(text_5, get$2(cartItem).quantity);
-          set_text(text_6, get$2(cartItem).total_price_formatted);
+        var node_3 = child(li_6);
+        Item$1(node_3, {
+          get cartItem() {
+            return get$2(cartItem);
+          },
+          get cart() {
+            return get$2(cart);
+          },
+          get preview() {
+            return preview();
+          }
         });
+        reset(li_6);
         append($$anchor3, li_6);
       });
-      var li_11 = sibling(node_2, 2);
-      var ul_2 = child(li_11);
-      var node_6 = sibling(child(ul_2), 6);
+      var li_7 = sibling(node_2, 2);
+      var ul_1 = child(li_7);
+      var node_4 = sibling(child(ul_1), 6);
       {
-        var consequent_4 = ($$anchor3) => {
-          var li_12 = root_8$2();
-          append($$anchor3, li_12);
+        var consequent_1 = ($$anchor3) => {
+          var li_8 = root_4$6();
+          append($$anchor3, li_8);
         };
-        if_block(node_6, ($$render) => {
-          if (!preview()) $$render(consequent_4);
+        if_block(node_4, ($$render) => {
+          if (!preview()) $$render(consequent_1);
         });
       }
-      var li_13 = sibling(node_6, 2);
-      var text_7 = child(li_13, true);
-      reset(li_13);
-      reset(ul_2);
-      reset(li_11);
+      var li_9 = sibling(node_4, 2);
+      var text_4 = child(li_9, true);
+      reset(li_9);
+      reset(ul_1);
+      reset(li_7);
       reset(ol);
       template_effect(
         ($0, $1, $2, $3) => {
@@ -16901,7 +17089,7 @@ function Cart($$anchor, $$props) {
           set_text(text_1, $1);
           set_text(text_2, $2);
           set_text(text_3, $3);
-          set_text(text_7, get$2(cart).totalFormatted);
+          set_text(text_4, get$2(cart).totalFormatted);
         },
         [
           () => shop.t("cart.content.table.desc"),
@@ -16913,13 +17101,12 @@ function Cart($$anchor, $$props) {
       append($$anchor2, ol);
     };
     if_block(node, ($$render) => {
-      if (get$2(cart) && get$2(cart).items.length) $$render(consequent_5);
+      if (get$2(cart) && get$2(cart).items.length) $$render(consequent_2);
     });
   }
   append($$anchor, fragment);
   return pop($$exports);
 }
-delegate(["click"]);
 customElements.define("go-cart", create_custom_element(Cart, { preview: {} }, [], []));
 function CartEmpty($$anchor, $$props) {
   push($$props, true);
@@ -30359,6 +30546,7 @@ function DatePicker_1($$anchor, $$props) {
   push($$props, true);
   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())));
+  const uniqueId = "go-" + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
   user_effect(() => {
     dateString(get$2(date2).toString());
   });
@@ -30414,6 +30602,9 @@ function DatePicker_1($$anchor, $$props) {
           var node_1 = first_child(fragment_1);
           component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
             DatePicker_Label($$anchor4, {
+              get id() {
+                return uniqueId;
+              },
               get class() {
                 return `go-datepicker-label ${labelClass() ?? ""}`;
               },
@@ -30465,7 +30656,12 @@ function DatePicker_1($$anchor, $$props) {
               });
               var node_7 = sibling(node_5, 2);
               component(node_7, () => Date_picker_trigger, ($$anchor5, DatePicker_Trigger) => {
-                DatePicker_Trigger($$anchor5, { class: "go-calendar-button" });
+                DatePicker_Trigger($$anchor5, {
+                  get "aria-labelledby"() {
+                    return uniqueId;
+                  },
+                  class: "go-calendar-button"
+                });
               });
               append($$anchor4, fragment_4);
             };
@@ -31373,6 +31569,13 @@ class TicketSelectionDetails {
   set preCarts(value) {
     set(this.#preCarts, value);
   }
+  #timeslotDetails = /* @__PURE__ */ state();
+  get timeslotDetails() {
+    return get$2(this.#timeslotDetails);
+  }
+  set timeslotDetails(value) {
+    set(this.#timeslotDetails, value, true);
+  }
   addTicketSegment(ticketGroup) {
     this.ticketSegments.push(ticketGroup);
   }
@@ -32714,24 +32917,6 @@ function berlinNowISO() {
   const d = /* @__PURE__ */ new Date();
   return d.toISOString();
 }
-function generateQuantityOptions(min2, max2) {
-  let options = [{ value: 0, label: "0" }];
-  if (max2 === 0) {
-    return options;
-  }
-  if (max2 < min2) {
-    max2 = min2;
-    options = [];
-  }
-  for (let quantity = min2; quantity <= max2; quantity++) {
-    if (quantity == 0) continue;
-    options.push({
-      value: quantity,
-      label: quantity.toString()
-    });
-  }
-  return options;
-}
 var root_1$4 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-title-event-title"> </span> <span class="go-tickets-item-title-product-title"> </span>`, 1);
 var root_4 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_3$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-tickets-item-title"><!></li> <li class="go-tickets-item-description" data-go-tickets-description=""><!></li> <li class="go-tickets-item-price" data-go-tickets-price=""> </li> <li class="go-tickets-item-quality" data-go-tickets-quality=""><select></select></li></ul></article></li>`);
@@ -32812,7 +32997,7 @@ function Item($$anchor, $$props) {
       var li_4 = sibling(li_3, 2);
       var select = child(li_4);
       select.__change = (e) => update(item(), e.target, details()?.ticketSelectionDetails);
-      each(select, 21, () => generateQuantityOptions(get$2(capacity).min, get$2(capacity).max), index$1, ($$anchor3, q) => {
+      each(select, 21, () => generateQuantityOptions(get$2(capacity).min, get$2(capacity).max), (q) => q.value, ($$anchor3, q) => {
         var option = root_4();
         var text_4 = child(option, true);
         reset(option);
@@ -32935,6 +33120,10 @@ let Details$2 = class Details {
   constructor(tsdWrapper) {
     if (!tsdWrapper) return;
     this.#tsd = /* @__PURE__ */ user_derived(() => tsdWrapper.value);
+    if (this.tsd) this.tsd.timeslotDetails = this;
+  }
+  get boockedOutCount() {
+    return this.timeslots.filter((t) => t.capacity == 0).length;
   }
   get timeslots() {
     const tsd = this.tsd;

package/dist-js/lib/helpers/localStorage.d.ts

@@ -0,0 +1,4 @@
+export declare function isLocalStorageAvailable(): boolean;
+export declare function saveToLocalStorage(key: string, data: any): void;
+export declare function loadFromLocalStorage<T>(key: string): T | null;
+export declare function removeFromLocalStorage(key: string): void;