@gomusdev/web-components 1.40.0 → 1.42.0

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

@@ -11020,7 +11020,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         throw new Error(`Unhandled case: ${_exhaustiveCheck}`);
     }
   }
-  function loadFromLocalStorage(cart) {
+  function loadFromLocalStorage$1(cart) {
     let lsItems = [];
     let lsCoupons = [];
     try {
@@ -11259,7 +11259,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
   }
   function syncCartToLocalStorage(cart) {
-    loadFromLocalStorage(cart);
+    loadFromLocalStorage$1(cart);
     const storeCart = proxy(cart);
     effect_root(() => {
       user_effect(() => {
@@ -11275,7 +11275,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         }
         let newLS = localStorage.getItem("go-cart");
         if (lastLS && lastLS !== newLS) {
-          loadFromLocalStorage(cart);
+          loadFromLocalStorage$1(cart);
         }
         lastLS = newLS || "";
       },
@@ -11375,17 +11375,83 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         return ret;
       }
     };
+    loadCapacityFromLocalStorage(manager);
+    syncCapacityAcrossTabs(manager);
+    return manager;
   }
   function getCookie(name) {
     if (typeof document === "undefined") {
@@ -16451,7 +16520,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     []
   ));
-  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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
             () => 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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
             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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
             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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
                 });
                 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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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;