@gomusdev/web-components 1.29.0 → 1.31.0

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

@@ -10951,6 +10951,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   function initUITimeslotTickets(tickets, selectedTime2 = "") {
     return sort(Object.values(tickets).map((ticket) => createUITicket(ticket, { selectedTime: selectedTime2 })), (f) => f.shop_order);
   }
+  function filterAvailabletickets(tickets, selectedTime2 = "") {
+    let available = Object.entries(tickets);
+    if (selectedTime2 !== "") available = available.filter(([, t]) => t.total_capacities?.[selectedTime2] && t.total_capacities[selectedTime2] > 0);
+    return Object.fromEntries(available);
+  }
   const maxQuantity_Quotas = function(manager, cart, item, preCart) {
     if (manager.capacityPolicy(item) !== "quotas") throw new Error("(getMaxQuantityQuotas) impossible");
     if (!isUITicket(item.product)) {
@@ -10965,6 +10970,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         quotaManager.setPrecartItemQuantity(product.id, i.quantity);
       }
     }
+    console.log("checking quotas for", p2.id, "on", p2.selectedTime);
+    console.log("available timeslots", quotaManager.timeslots());
     const cap = quotaManager.ticketCapacity(p2.id, p2.selectedTime);
     const total = quotaManager.totalCapacity(p2.id, p2.selectedTime);
     return {
@@ -10979,7 +10986,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   let uuid$1 = 1;
   function createUIEventTicket(apiTicket, dateId, options) {
-    const finalOptions = { minAvailableCapacity: 0, selectedTime: "", ...options ?? {} };
+    const finalOptions = {
+      minAvailableCapacity: 0,
+      selectedTime: "",
+      event_title: "",
+      ...options ?? {},
+      ...apiTicket
+    };
     const product = {
       product_type: "Event",
       id: dateId,
@@ -12669,8 +12682,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   const KEY$4 = "go-annual-ticket-personalization";
   const setPersonalizationDetails = createSetDetails(KEY$4);
-  var root_3$7 = /* @__PURE__ */ from_html(`<li><a>Personalize</a></li>`);
-  var root_2$s = /* @__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_3$8 = /* @__PURE__ */ from_html(`<li><a>Personalize</a></li>`);
+  var root_2$r = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
   function AnnualTicketPersonalization($$anchor, $$props) {
     push($$props, true);
     let token = prop($$props, "token", 7);
@@ -12697,7 +12710,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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$s();
+          var ul = root_2$r();
           var li = child(ul);
           var text2 = child(li, true);
           reset(li);
@@ -12707,7 +12720,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var node_2 = sibling(li_1, 2);
           {
             var consequent = ($$anchor4) => {
-              var li_2 = root_3$7();
+              var li_2 = root_3$8();
               var a2 = child(li_2);
               reset(li_2);
               template_effect(($0) => set_attribute(a2, "href", $0), [() => details.goToPersonalization(get$2(ticketSale))]);
@@ -15816,10 +15829,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     false
   ));
   var root_1$g = /* @__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$6 = /* @__PURE__ */ from_html(`<li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li>`);
+  var root$6 = /* @__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>`);
   function Event$2($$anchor, $$props) {
     push($$props, true);
     let cartItem = prop($$props, "cartItem", 7);
+    if (!isUIEventTicket(cartItem().product)) throw new Error("Product is not an event ticket");
+    const product = cartItem().product;
     var $$exports = {
       get cartItem() {
         return cartItem();
@@ -15831,22 +15846,27 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     };
     var li = root$6();
     var span = child(li);
-    var text2 = child(span, true);
+    var span_1 = child(span);
+    var text2 = child(span_1, true);
+    reset(span_1);
+    var span_2 = sibling(span_1, 2);
+    var text_1 = child(span_2, true);
+    reset(span_2);
     reset(span);
     var node = sibling(span, 2);
     {
       var consequent = ($$anchor2) => {
         var fragment = root_1$g();
-        var span_1 = first_child(fragment);
-        var text_1 = child(span_1, true);
-        reset(span_1);
-        var span_2 = sibling(span_1, 2);
-        var text_2 = child(span_2, true);
-        reset(span_2);
+        var span_3 = first_child(fragment);
+        var text_2 = child(span_3, true);
+        reset(span_3);
+        var span_4 = sibling(span_3, 2);
+        var text_3 = child(span_4, true);
+        reset(span_4);
         template_effect(
           ($0, $1) => {
-            set_text(text_1, $0);
-            set_text(text_2, $1);
+            set_text(text_2, $0);
+            set_text(text_3, $1);
           },
           [
             () => formatDate(cartItem().time, { month: "numeric", day: "numeric" }, shop.locale),
@@ -15860,12 +15880,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       });
     }
     reset(li);
-    template_effect(() => set_text(text2, cartItem().product.title));
+    template_effect(() => {
+      set_text(text2, product.event_title);
+      set_text(text_1, product.title);
+    });
     append($$anchor, li);
     return pop($$exports);
   }
   create_custom_element(Event$2, { cartItem: {} }, [], [], true);
-  var root_2$r = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+  var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
   var root_1$f = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
   var root$5 = /* @__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) {
@@ -15894,7 +15917,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_1 = sibling(span_1, 2);
         {
           var consequent = ($$anchor3) => {
-            var span_2 = root_2$r();
+            var span_2 = root_2$q();
             var text_2 = child(span_2, true);
             reset(span_2);
             template_effect(($0) => set_text(text_2, $0), [() => formatTime(cartItem().time)]);
@@ -15919,9 +15942,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Ticket, { cartItem: {} }, [], [], true);
-  var root_2$q = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
+  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_3$6 = /* @__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_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_1$e = /* @__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) {
@@ -15956,7 +15979,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_1 = sibling(li_3, 2);
         {
           var consequent = ($$anchor3) => {
-            var li_4 = root_2$q();
+            var li_4 = root_2$p();
             append($$anchor3, li_4);
           };
           if_block(node_1, ($$render) => {
@@ -15970,7 +15993,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         reset(li);
         var node_2 = sibling(li, 2);
         each(node_2, 17, () => get$2(cart).items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
-          var li_6 = root_3$6();
+          var li_6 = root_3$7();
           var article = child(li_6);
           var ul_1 = child(article);
           var node_3 = child(ul_1);
@@ -15996,7 +16019,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                 if_block(
                   node_4,
                   ($$render) => {
-                    if (get$2(cartItem).product.product_type == "Event") $$render(consequent_2);
+                    if (get$2(cartItem).product.product_type === "Event") $$render(consequent_2);
                   },
                   true
                 );
@@ -16004,7 +16027,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
               append($$anchor4, fragment_2);
             };
             if_block(node_3, ($$render) => {
-              if (get$2(cartItem).product.product_type == "Ticket") $$render(consequent_1);
+              if (get$2(cartItem).product.product_type === "Ticket") $$render(consequent_1);
               else $$render(alternate, false);
             });
           }
@@ -21012,7 +21035,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       set(this.#props, value);
     }
   }
-  var root_2$p = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar$1($$anchor, $$props) {
     push($$props, true);
     let child$1 = prop($$props, "child", 7), children = prop($$props, "children", 7), id = prop($$props, "id", 23, useId), ref = prop($$props, "ref", 15, null), value = prop($$props, "value", 15), onValueChange = prop($$props, "onValueChange", 7, noop), placeholder = prop($$props, "placeholder", 15), onPlaceholderChange = prop($$props, "onPlaceholderChange", 7, noop), weekdayFormat = prop($$props, "weekdayFormat", 7, "narrow"), weekStartsOn = prop($$props, "weekStartsOn", 7), pagedNavigation = prop($$props, "pagedNavigation", 7, false), isDateDisabled = prop($$props, "isDateDisabled", 7, () => false), isDateUnavailable = prop($$props, "isDateUnavailable", 7, () => false), fixedWeeks = prop($$props, "fixedWeeks", 7, false), numberOfMonths = prop($$props, "numberOfMonths", 7, 1), locale = prop($$props, "locale", 7), calendarLabel = prop($$props, "calendarLabel", 7, "Event"), disabled = prop($$props, "disabled", 7, false), readonly2 = prop($$props, "readonly", 7, false), minValue = prop($$props, "minValue", 7, void 0), maxValue = prop($$props, "maxValue", 7, void 0), preventDeselect = prop($$props, "preventDeselect", 7, false), type = prop($$props, "type", 7), disableDaysOutsideMonth = prop($$props, "disableDaysOutsideMonth", 7, true), initialFocus = prop($$props, "initialFocus", 7, false), maxDays = prop($$props, "maxDays", 7), monthFormat = prop($$props, "monthFormat", 7, "long"), yearFormat = prop($$props, "yearFormat", 7, "numeric"), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -21311,7 +21334,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$p();
+        var div = root_2$o();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -21362,7 +21385,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$n = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_day($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21424,7 +21447,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate_1 = ($$anchor2) => {
-        var div = root_2$o();
+        var div = root_2$n();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         {
@@ -21456,7 +21479,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_day, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$n = /* @__PURE__ */ from_html(`<table><!></table>`);
+  var root_2$m = /* @__PURE__ */ from_html(`<table><!></table>`);
   function Calendar_grid($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21515,7 +21538,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var table = root_2$n();
+        var table = root_2$m();
         attribute_effect(table, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(table);
         snippet(node_2, () => children() ?? noop$1);
@@ -21531,7 +21554,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$m = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+  var root_2$l = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
   function Calendar_grid_body($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21590,7 +21613,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var tbody = root_2$m();
+        var tbody = root_2$l();
         attribute_effect(tbody, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(tbody);
         snippet(node_2, () => children() ?? noop$1);
@@ -21606,7 +21629,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid_body, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$l = /* @__PURE__ */ from_html(`<td><!></td>`);
+  var root_2$k = /* @__PURE__ */ from_html(`<td><!></td>`);
   function Calendar_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21686,7 +21709,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var td = root_2$l();
+        var td = root_2$k();
         attribute_effect(td, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(td);
         snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -21715,7 +21738,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_2$k = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+  var root_2$j = /* @__PURE__ */ from_html(`<thead><!></thead>`);
   function Calendar_grid_head($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21774,7 +21797,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var thead = root_2$k();
+        var thead = root_2$j();
         attribute_effect(thead, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(thead);
         snippet(node_2, () => children() ?? noop$1);
@@ -21790,7 +21813,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid_head, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$j = /* @__PURE__ */ from_html(`<th><!></th>`);
+  var root_2$i = /* @__PURE__ */ from_html(`<th><!></th>`);
   function Calendar_head_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21849,7 +21872,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var th = root_2$j();
+        var th = root_2$i();
         attribute_effect(th, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(th);
         snippet(node_2, () => children() ?? noop$1);
@@ -21865,7 +21888,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$i = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+  var root_2$h = /* @__PURE__ */ from_html(`<tr><!></tr>`);
   function Calendar_grid_row($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21924,7 +21947,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var tr = root_2$i();
+        var tr = root_2$h();
         attribute_effect(tr, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(tr);
         snippet(node_2, () => children() ?? noop$1);
@@ -21940,7 +21963,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$h = /* @__PURE__ */ from_html(`<header><!></header>`);
+  var root_2$g = /* @__PURE__ */ from_html(`<header><!></header>`);
   function Calendar_header($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -21999,7 +22022,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var header = root_2$h();
+        var header = root_2$g();
         attribute_effect(header, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(header);
         snippet(node_2, () => children() ?? noop$1);
@@ -22015,7 +22038,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$g = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_heading($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22077,7 +22100,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate_1 = ($$anchor2) => {
-        var div = root_2$g();
+        var div = root_2$f();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         {
@@ -22109,7 +22132,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$f = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Calendar_next_button($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22176,7 +22199,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var button = root_2$f();
+        var button = root_2$e();
         attribute_effect(button, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(button);
         snippet(node_2, () => children() ?? noop$1);
@@ -22192,7 +22215,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_2$d = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Calendar_prev_button($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22259,7 +22282,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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);
@@ -22277,7 +22300,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
   enable_legacy_mode_flag();
   var root_1$d = /* @__PURE__ */ from_html(`<input/>`);
-  var root_2$d = /* @__PURE__ */ from_html(`<input/>`);
+  var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
   function Hidden_input($$anchor, $$props) {
     push($$props, true);
     let value = prop($$props, "value", 15), restProps = /* @__PURE__ */ rest_props($$props, ["$$slots", "$$events", "$$legacy", "$$host", "value"]);
@@ -22304,7 +22327,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, input);
       };
       var alternate = ($$anchor2) => {
-        var input_1 = root_2$d();
+        var input_1 = root_2$c();
         attribute_effect(input_1, () => ({ ...get$2(mergedProps) }), void 0, void 0, void 0, void 0, true);
         bind_value(input_1, value);
         append($$anchor2, input_1);
@@ -27512,7 +27535,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     pop();
   }
   create_custom_element(Date_field_hidden_input, {}, [], [], true);
-  var root_2$c = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
   var root$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
   function Date_field_input($$anchor, $$props) {
     const uid = props_id();
@@ -27584,7 +27607,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$c();
+        var div = root_2$b();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => ({ segments: inputState.root.segmentContents }));
@@ -27602,7 +27625,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_field_input, { id: {}, ref: {}, name: {}, children: {}, child: {} }, [], [], true);
-  var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Date_field_label($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -27661,7 +27684,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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);
@@ -27677,7 +27700,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_field_label, { id: {}, ref: {}, children: {}, child: {} }, [], [], true);
-  var root_2$a = /* @__PURE__ */ from_html(`<span><!></span>`);
+  var root_2$9 = /* @__PURE__ */ from_html(`<span><!></span>`);
   function Date_field_segment($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -27744,7 +27767,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var span = root_2$a();
+        var span = root_2$9();
         attribute_effect(span, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(span);
         snippet(node_2, () => children() ?? noop$1);
@@ -28319,7 +28342,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_2$9 = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Date_picker_calendar($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -28406,7 +28429,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$9();
+        var div = root_2$8();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => calendarState.snippetProps);
@@ -28422,7 +28445,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_picker_calendar, { children: {}, child: {}, id: {}, ref: {} }, [], [], true);
-  var root_4$3 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
+  var root_4$4 = /* @__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();
@@ -28557,7 +28580,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                 append($$anchor4, fragment_3);
               };
               var alternate = ($$anchor4) => {
-                var div = root_4$3();
+                var div = root_4$4();
                 attribute_effect(div, () => ({ ...wrapperProps() }));
                 var div_1 = child(div);
                 attribute_effect(div_1, () => ({ ...get$2(finalProps) }));
@@ -28757,7 +28780,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_picker_content, { ref: {}, onOpenAutoFocus: {} }, [], [], true);
-  var root_3$5 = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_3$6 = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Popover_trigger($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -28841,7 +28864,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             append($$anchor3, fragment_2);
           };
           var alternate = ($$anchor3) => {
-            var button = root_3$5();
+            var button = root_3$6();
             attribute_effect(button, () => ({ ...get$2(mergedProps) }));
             var node_2 = child(button);
             snippet(node_2, () => children() ?? noop$1);
@@ -28919,7 +28942,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_picker_trigger, { ref: {}, onkeydown: {} }, [], [], true);
-  var root_2$8 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+  var root_2$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
   var root_7$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
   var root_9$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
   var root_6$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
@@ -28978,7 +29001,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           {
             const children = ($$anchor4, $$arg0) => {
               let segments = () => $$arg0?.().segments;
-              var fragment_2 = root_2$8();
+              var fragment_2 = root_2$7();
               var node_3 = first_child(fragment_2);
               each(node_3, 17, segments, index$1, ($$anchor5, $$item) => {
                 let part = () => get$2($$item).part;
@@ -29172,10 +29195,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(DatePicker_1, { dateString: {}, labelClass: {}, inputClass: {} }, [], [], true);
-  var root_2$7 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
+  var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
   var root_1$a = /* @__PURE__ */ from_html(` <!>`, 1);
-  var root_3$4 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
-  var root_4$2 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
+  var root_3$5 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
+  var root_4$3 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
   var root_7$2 = /* @__PURE__ */ from_html(`<option> </option>`);
   var root_6$1 = /* @__PURE__ */ from_html(`<option disabled hidden="" selected> </option> <!>`, 1);
   var root_5$1 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
@@ -29190,7 +29213,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       var node = sibling(text2);
       {
         var consequent = ($$anchor3) => {
-          var span = root_2$7();
+          var span = root_2$6();
           append($$anchor3, span);
         };
         if_block(node, ($$render) => {
@@ -29201,7 +29224,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       append($$anchor2, fragment);
     };
     const input = ($$anchor2) => {
-      var fragment_1 = root_3$4();
+      var fragment_1 = root_3$5();
       var label_1 = first_child(fragment_1);
       var node_1 = child(label_1);
       labelText(node_1);
@@ -29231,7 +29254,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       append($$anchor2, fragment_1);
     };
     const checkbox = ($$anchor2) => {
-      var label_2 = root_4$2();
+      var label_2 = root_4$3();
       var input_2 = child(label_2);
       var event_handler = (e) => field(field().value = e.target.checked, true);
       attribute_effect(
@@ -29485,8 +29508,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     true
   );
   var root_1$9 = /* @__PURE__ */ from_html(`<span> </span>`);
-  var root_3$3 = /* @__PURE__ */ from_html(`<li> </li>`);
-  var root_2$6 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
+  var root_3$4 = /* @__PURE__ */ from_html(`<li> </li>`);
+  var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
   var root$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
   function Field($$anchor, $$props) {
     push($$props, true);
@@ -29585,9 +29608,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node_2 = sibling(node_1, 2);
     {
       var consequent_1 = ($$anchor2) => {
-        var ul = root_2$6();
+        var ul = root_2$5();
         each(ul, 21, () => get$2(allErrors), index$1, ($$anchor3, error) => {
-          var li = root_3$3();
+          var li = root_3$4();
           var text_1 = child(li, true);
           reset(li);
           template_effect(() => set_text(text_1, get$2(error)));
@@ -29634,9 +29657,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     pop();
   }
   customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], [], false));
-  var root_2$5 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
-  var root_4$1 = /* @__PURE__ */ from_html(`<li> </li>`);
-  var root_3$2 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
+  var root_2$4 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
+  var root_4$2 = /* @__PURE__ */ from_html(`<li> </li>`);
+  var root_3$3 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
   var root_5 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
   var root_1$7 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
   function ErrorsFeedback($$anchor, $$props) {
@@ -29666,7 +29689,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_1 = child(div);
         {
           var consequent = ($$anchor3) => {
-            var p2 = root_2$5();
+            var p2 = root_2$4();
             var text2 = child(p2, true);
             reset(p2);
             template_effect(($0) => set_text(text2, $0), [
@@ -29681,9 +29704,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_2 = sibling(node_1, 2);
         {
           var consequent_1 = ($$anchor3) => {
-            var ul = root_3$2();
+            var ul = root_3$3();
             each(ul, 21, () => get$2(details)?.apiErrors, index$1, ($$anchor4, error) => {
-              var li = root_4$1();
+              var li = root_4$2();
               var text_1 = child(li, true);
               reset(li);
               template_effect(() => set_text(text_1, get$2(error)));
@@ -30159,7 +30182,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   customElements.define("go-order", create_custom_element(Order, { token: { attribute: "token", reflect: true, type: "String" } }, [], ["orderDetails"], false));
   var root_1$5 = /* @__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_2$4 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities"> </span>`, 1);
+  var root_2$3 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities"> </span>`, 1);
   var root$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count">1</li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!> <!> <a class="go-ticket-download" target="_blank">Download</a></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
   function Event$1($$anchor, $$props) {
     push($$props, true);
@@ -30215,7 +30238,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     var node_1 = sibling(node, 2);
     each(node_1, 17, () => item().attributes.quantities, index$1, ($$anchor2, scalePrice) => {
-      var fragment_1 = root_2$4();
+      var fragment_1 = root_2$3();
       var span_3 = sibling(first_child(fragment_1), 2);
       var text_3 = child(span_3);
       reset(span_3);
@@ -30246,12 +30269,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Event$1, { item: {}, orderDetails: {} }, [], [], true);
-  var root_4 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span> <span class="go-cart-item-time"> </span>`, 1);
+  var root_4$1 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span> <span class="go-cart-item-time"> </span>`, 1);
   var root_6 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span>`);
-  var root_3$1 = /* @__PURE__ */ from_html(`<!> <br/> <a class="go-ticket-download" target="_blank">Download</a>`, 1);
+  var root_3$2 = /* @__PURE__ */ from_html(`<!> <br/> <a class="go-ticket-download" target="_blank">Download</a>`, 1);
   var root_7$1 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization">Personalize</a>`, 1);
   var root_8 = /* @__PURE__ */ from_html(`<a aria-label="passbook link"><img alt="apple wallet icon"/></a>`);
-  var root_2$3 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li></ul></article></li>`);
+  var root_2$2 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li></ul></article></li>`);
   var root_10 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank">Download</a>`);
   var root_11$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization">Personalize</a>`);
   var root_9 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"> </li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
@@ -30282,7 +30305,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var fragment_1 = comment();
         var node_1 = first_child(fragment_1);
         each(node_1, 17, () => ({ length: item().attributes.quantity }), index$1, ($$anchor3, $$item, index2) => {
-          var li = root_2$3();
+          var li = root_2$2();
           var article = child(li);
           var ul = child(article);
           var li_1 = child(ul);
@@ -30295,11 +30318,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           {
             var consequent_2 = ($$anchor4) => {
               const barcodeId = /* @__PURE__ */ user_derived(() => item().attributes.barcodes[index2].id);
-              var fragment_2 = root_3$1();
+              var fragment_2 = root_3$2();
               var node_3 = first_child(fragment_2);
               {
                 var consequent = ($$anchor5) => {
-                  var fragment_3 = root_4();
+                  var fragment_3 = root_4$1();
                   var span_1 = first_child(fragment_3);
                   var text_1 = child(span_1, true);
                   reset(span_1);
@@ -30677,15 +30700,27 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const _tsd = getTicketSelectionDetails($$props.$$host);
     const tsd = /* @__PURE__ */ user_derived(() => _tsd.value);
     user_effect(() => {
-      if (!get$2(tsd)?.isTicketsVisible) {
-        $$props.$$host.style.display = "none";
-      } else {
-        $$props.$$host.style.display = "block";
-      }
+      $$props.$$host.style.display = get$2(tsd)?.isTicketsVisible ? "block" : "none";
+      $$props.$$host.classList.toggle("is-hidden", !get$2(tsd)?.isTicketsVisible);
+      $$props.$$host.classList.toggle("is-visible", get$2(tsd)?.isTicketsVisible);
     });
     pop();
   }
   customElements.define("go-tickets", create_custom_element(Tickets, {}, [], [], false));
+  function TicketsEmpty($$anchor, $$props) {
+    push($$props, true);
+    const _tsd = getTicketSelectionDetails($$props.$$host);
+    const tsd = /* @__PURE__ */ user_derived(() => _tsd.value);
+    const numTickets = /* @__PURE__ */ user_derived(() => sum(get$2(tsd)?.preCarts || [], (pc) => pc.items.length));
+    const isVisible = /* @__PURE__ */ user_derived(() => !get$2(tsd)?.isTicketsVisible || get$2(tsd)?.isTicketsVisible && get$2(numTickets) === 0);
+    user_effect(() => {
+      $$props.$$host.style.display = get$2(isVisible) ? "block" : "none";
+      $$props.$$host.classList.toggle("is-hidden", !get$2(isVisible));
+      $$props.$$host.classList.toggle("is-visible", get$2(isVisible));
+    });
+    pop();
+  }
+  customElements.define("go-tickets-empty", create_custom_element(TicketsEmpty, {}, [], [], false));
   function TicketsSum($$anchor, $$props) {
     push($$props, true);
     const _tsd = getTicketSelectionDetails($$props.$$host);
@@ -30740,7 +30775,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       timeslot = Object.keys(Object.values(quotas)[0].capacities)[0];
     }
     shop.capacityManager.addQuotas(quotas);
-    const uiTickets = initUITimeslotTickets(tickets, timeslot);
+    const available = filterAvailabletickets(tickets, timeslot);
+    const uiTickets = initUITimeslotTickets(available, timeslot);
     segment.preCart = createCart(uiTickets);
   }
   async function loadEventScaledPricesTickets(segment) {
@@ -30769,7 +30805,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const eid = tsd.eventIds[0];
     const eventDate = await shop.asyncFetch(() => shop.getEventDetailsOnDate(eid, segment.dateId));
     if (eventDate.prices) {
-      const UITickets = eventDate.prices.map((t) => createUIEventTicket(t, segment.dateId, { selectedTime: eventDate.start_time })) || [];
+      console.log("Event Title", eventDate.event_title);
+      debugger;
+      const UITickets = eventDate.prices.map((t) => createUIEventTicket(t, segment.dateId, {
+        selectedTime: eventDate.start_time,
+        event_title: eventDate.event_title
+      })) || [];
       segment.preCart = createCart(UITickets);
     } else console.warn("(loadEventScaledPricesTickets) event.prices is undefined");
     if (eventDate.seats) shop.capacityManager.addSeats(segment.dateId, eventDate.seats);
@@ -30811,7 +30852,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       valid_at: tsd.selectedDate?.toString()
     }));
     shop.capacityManager.addQuotas(quotas);
-    const uiTickets = initUITimeslotTickets(tickets, tsd.selectedTime);
+    const available = filterAvailabletickets(tickets, tsd.selectedTime);
+    const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
     segment.preCart = createCart(uiTickets);
   }
   async function loadTimeslotTickets(segment) {
@@ -30820,7 +30862,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       segment.clear();
       return;
     }
-    const result = await shop.asyncFetch(() => shop.ticketsAndQuotas({
+    const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
       by_bookable: true,
       valid_at: tsd.selectedDate?.toString(),
       // @ts-ignore
@@ -30830,8 +30872,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       "by_ticket_ids[]": tsd.ticketIds,
       "by_ticket_group_ids[]": tsd.ticketGroupIds
     }));
-    shop.capacityManager.addQuotas(result.quotas);
-    const uiTickets = initUITimeslotTickets(result.tickets, tsd.selectedTime);
+    shop.capacityManager.addQuotas(quotas);
+    const available = filterAvailabletickets(tickets, tsd.selectedTime);
+    const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
     segment.preCart = createCart(uiTickets);
   }
   class TicketSegmentDetails {
@@ -30940,7 +30983,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     TicketSegment,
     {
       dateId: { attribute: "date-id", reflect: true, type: "Number" },
-      filters: {}
+      filters: { attribute: "filters", reflect: true, type: "String" }
     },
     [],
     ["details"],
@@ -30970,6 +31013,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             throw new Error(`(selectedTime) Unhandled Ticket Type: ${exhaustedChecking2}`);
         }
       case "Event":
+        if (!isUIEventTicket(product)) {
+          throw new Error("(selectedTime) this should not happen");
+        }
         return product.selectedTime || "";
       default:
         const exhaustedChecking = product.product_type;
@@ -30998,10 +31044,31 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     return options;
   }
-  var root_2$2 = /* @__PURE__ */ from_html(`<option> </option>`);
-  var root_1$3 = /* @__PURE__ */ from_html(`<li><article data-go-ticket=""><ul><li class="go-tickets-item-title" data-go-tickets-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>`);
+  var root_1$3 = /* @__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>`);
   function Item($$anchor, $$props) {
     push($$props, true);
+    const scaled_title = ($$anchor2) => {
+      var fragment = root_1$3();
+      var span = first_child(fragment);
+      var text2 = child(span, true);
+      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);
+      });
+      append($$anchor2, fragment);
+    };
+    const default_title = ($$anchor2) => {
+      next();
+      var text_2 = text();
+      template_effect(() => set_text(text_2, item().product.title));
+      append($$anchor2, text_2);
+    };
     let item = prop($$props, "item", 7), details = prop($$props, "details", 7);
     let capacity = /* @__PURE__ */ state(void 0);
     user_effect(() => {
@@ -31015,6 +31082,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       ci.quantity = parseInt(el.value);
       ci.time = selectedTime(ci.product, tsd);
     }
+    let titleSnippet = default_title;
+    if (isUIEventTicket(item().product)) titleSnippet = scaled_title;
     var $$exports = {
       get item() {
         return item();
@@ -31031,35 +31100,35 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var fragment = comment();
-    var node = first_child(fragment);
+    var fragment_2 = comment();
+    var node = first_child(fragment_2);
     {
       var consequent = ($$anchor2) => {
-        var li = root_1$3();
+        var li = root_3$1();
         var article = child(li);
-        let classes;
         var ul = child(article);
         var li_1 = child(ul);
-        var text2 = child(li_1, true);
+        var node_1 = child(li_1);
+        titleSnippet(node_1);
         reset(li_1);
         var li_2 = sibling(li_1, 2);
-        var node_1 = child(li_2);
-        html(node_1, () => item().product.description);
+        var node_2 = child(li_2);
+        html(node_2, () => item().product.description);
         reset(li_2);
         var li_3 = sibling(li_2, 2);
-        var text_1 = child(li_3, true);
+        var text_3 = child(li_3, true);
         reset(li_3);
         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) => {
-          var option = root_2$2();
-          var text_2 = child(option, true);
+          var option = root_4();
+          var text_4 = child(option, true);
           reset(option);
           var option_value = {};
           template_effect(() => {
             set_selected(option, item().quantity === get$2(q).value);
-            set_text(text_2, get$2(q).label);
+            set_text(text_4, get$2(q).label);
             if (option_value !== (option_value = get$2(q).value)) {
               option.value = (option.__value = get$2(q).value) ?? "";
             }
@@ -31072,10 +31141,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         reset(article);
         reset(li);
         template_effect(() => {
-          classes = set_class(article, 1, "go-tickets-item", null, classes, { "is-booked-out": get$2(capacity).bookedOut });
+          set_class(article, 1, clsx([
+            "go-tickets-item",
+            get$2(capacity).bookedOut && "is-booked-out"
+          ]));
           set_attribute(article, "data-testid", item().uuid);
-          set_text(text2, item().product.title);
-          set_text(text_1, item().price_formatted);
+          set_text(text_3, item().price_formatted);
         });
         append($$anchor2, li);
       };
@@ -31083,7 +31154,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         if (get$2(capacity) && !get$2(capacity).unavailable) $$render(consequent);
       });
     }
-    append($$anchor, fragment);
+    append($$anchor, fragment_2);
     return pop($$exports);
   }
   delegate(["change"]);
@@ -31240,11 +31311,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           reset(label);
           reset(li);
           template_effect(() => {
-            set_class(li, 1, clsx([
-              timeslot.capacity === 0 && "is-sold-out",
-              !timeslot.available && "is-disabled",
-              get$2(selected) && "is-selected"
-            ]));
+            set_class(li, 1, clsx({
+              "go-timeslot": true,
+              "is-sold-out": timeslot.capacity === 0,
+              "is-disabled": !timeslot.available,
+              "is-selected": get$2(selected)
+            }));
             set_text(text2, `${timeslot.timeFormatted ?? ""} `);
             input.disabled = timeslot.capacity == 0;
             set_attribute(input, "aria-disabled", timeslot.capacity == 0);