@gomusdev/web-components 1.29.0 → 1.31.0

package/dist-js/gomus-webcomponents.js

@@ -10951,6 +10951,11 @@ function createUITicket(apiTicket, options) {
 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 @@ const maxQuantity_Quotas = function(manager, cart, item, preCart) {
       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 @@ function isUIEventTicket(x) {
 }
 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 @@ class PersonalizationDetails {
 }
 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 @@ function AnnualTicketPersonalization($$anchor, $$props) {
       var fragment_1 = comment();
       var node_1 = first_child(fragment_1);
       each(node_1, 17, () => get$2(order).ticket_sales, (ticketSale) => ticketSale.id, ($$anchor3, ticketSale) => {
-        var ul = root_2$s();
+        var ul = root_2$r();
         var li = child(ul);
         var text2 = child(li, true);
         reset(li);
@@ -12707,7 +12720,7 @@ function AnnualTicketPersonalization($$anchor, $$props) {
         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 @@ customElements.define("go-sign-up", create_custom_element(
   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 @@ function Event$2($$anchor, $$props) {
   };
   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 @@ function Event$2($$anchor, $$props) {
     });
   }
   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 @@ function Ticket($$anchor, $$props) {
       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 @@ function Ticket($$anchor, $$props) {
   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 @@ function Cart($$anchor, $$props) {
       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 @@ function Cart($$anchor, $$props) {
       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 @@ function Cart($$anchor, $$props) {
               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 @@ function Cart($$anchor, $$props) {
             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 @@ class CalendarHeaderState {
     set(this.#props, value);
   }
 }
-var root_2$p = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar$1($$anchor, $$props) {
   push($$props, true);
   let child$1 = prop($$props, "child", 7), children = prop($$props, "children", 7), id = prop($$props, "id", 23, useId), ref = prop($$props, "ref", 15, null), value = prop($$props, "value", 15), onValueChange = prop($$props, "onValueChange", 7, noop), placeholder = prop($$props, "placeholder", 15), onPlaceholderChange = prop($$props, "onPlaceholderChange", 7, noop), weekdayFormat = prop($$props, "weekdayFormat", 7, "narrow"), weekStartsOn = prop($$props, "weekStartsOn", 7), pagedNavigation = prop($$props, "pagedNavigation", 7, false), isDateDisabled = prop($$props, "isDateDisabled", 7, () => false), isDateUnavailable = prop($$props, "isDateUnavailable", 7, () => false), fixedWeeks = prop($$props, "fixedWeeks", 7, false), numberOfMonths = prop($$props, "numberOfMonths", 7, 1), locale = prop($$props, "locale", 7), calendarLabel = prop($$props, "calendarLabel", 7, "Event"), disabled = prop($$props, "disabled", 7, false), readonly2 = prop($$props, "readonly", 7, false), minValue = prop($$props, "minValue", 7, void 0), maxValue = prop($$props, "maxValue", 7, void 0), preventDeselect = prop($$props, "preventDeselect", 7, false), type = prop($$props, "type", 7), disableDaysOutsideMonth = prop($$props, "disableDaysOutsideMonth", 7, true), initialFocus = prop($$props, "initialFocus", 7, false), maxDays = prop($$props, "maxDays", 7), monthFormat = prop($$props, "monthFormat", 7, "long"), yearFormat = prop($$props, "yearFormat", 7, "numeric"), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -21311,7 +21334,7 @@ function Calendar$1($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$p();
+      var div = root_2$o();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -21362,7 +21385,7 @@ create_custom_element(
   [],
   true
 );
-var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$n = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_day($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21424,7 +21447,7 @@ function Calendar_day($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var div = root_2$o();
+      var div = root_2$n();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       {
@@ -21456,7 +21479,7 @@ function Calendar_day($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_day, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$n = /* @__PURE__ */ from_html(`<table><!></table>`);
+var root_2$m = /* @__PURE__ */ from_html(`<table><!></table>`);
 function Calendar_grid($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21515,7 +21538,7 @@ function Calendar_grid($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var table = root_2$n();
+      var table = root_2$m();
       attribute_effect(table, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(table);
       snippet(node_2, () => children() ?? noop$1);
@@ -21531,7 +21554,7 @@ function Calendar_grid($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$m = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+var root_2$l = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
 function Calendar_grid_body($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21590,7 +21613,7 @@ function Calendar_grid_body($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var tbody = root_2$m();
+      var tbody = root_2$l();
       attribute_effect(tbody, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(tbody);
       snippet(node_2, () => children() ?? noop$1);
@@ -21606,7 +21629,7 @@ function Calendar_grid_body($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_body, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$l = /* @__PURE__ */ from_html(`<td><!></td>`);
+var root_2$k = /* @__PURE__ */ from_html(`<td><!></td>`);
 function Calendar_cell($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21686,7 +21709,7 @@ function Calendar_cell($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var td = root_2$l();
+      var td = root_2$k();
       attribute_effect(td, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(td);
       snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -21715,7 +21738,7 @@ create_custom_element(
   [],
   true
 );
-var root_2$k = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+var root_2$j = /* @__PURE__ */ from_html(`<thead><!></thead>`);
 function Calendar_grid_head($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21774,7 +21797,7 @@ function Calendar_grid_head($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var thead = root_2$k();
+      var thead = root_2$j();
       attribute_effect(thead, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(thead);
       snippet(node_2, () => children() ?? noop$1);
@@ -21790,7 +21813,7 @@ function Calendar_grid_head($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_head, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$j = /* @__PURE__ */ from_html(`<th><!></th>`);
+var root_2$i = /* @__PURE__ */ from_html(`<th><!></th>`);
 function Calendar_head_cell($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21849,7 +21872,7 @@ function Calendar_head_cell($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var th = root_2$j();
+      var th = root_2$i();
       attribute_effect(th, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(th);
       snippet(node_2, () => children() ?? noop$1);
@@ -21865,7 +21888,7 @@ function Calendar_head_cell($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$i = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+var root_2$h = /* @__PURE__ */ from_html(`<tr><!></tr>`);
 function Calendar_grid_row($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21924,7 +21947,7 @@ function Calendar_grid_row($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var tr = root_2$i();
+      var tr = root_2$h();
       attribute_effect(tr, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(tr);
       snippet(node_2, () => children() ?? noop$1);
@@ -21940,7 +21963,7 @@ function Calendar_grid_row($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$h = /* @__PURE__ */ from_html(`<header><!></header>`);
+var root_2$g = /* @__PURE__ */ from_html(`<header><!></header>`);
 function Calendar_header($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -21999,7 +22022,7 @@ function Calendar_header($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var header = root_2$h();
+      var header = root_2$g();
       attribute_effect(header, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(header);
       snippet(node_2, () => children() ?? noop$1);
@@ -22015,7 +22038,7 @@ function Calendar_header($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$g = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_heading($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22077,7 +22100,7 @@ function Calendar_heading($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_1 = ($$anchor2) => {
-      var div = root_2$g();
+      var div = root_2$f();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       {
@@ -22109,7 +22132,7 @@ function Calendar_heading($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-var root_2$f = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_next_button($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22176,7 +22199,7 @@ function Calendar_next_button($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var button = root_2$f();
+      var button = root_2$e();
       attribute_effect(button, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(button);
       snippet(node_2, () => children() ?? noop$1);
@@ -22192,7 +22215,7 @@ function Calendar_next_button($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_2$d = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_prev_button($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -22259,7 +22282,7 @@ function Calendar_prev_button($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var button = root_2$e();
+      var button = root_2$d();
       attribute_effect(button, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(button);
       snippet(node_2, () => children() ?? noop$1);
@@ -22277,7 +22300,7 @@ function Calendar_prev_button($$anchor, $$props) {
 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 @@ function Hidden_input($$anchor, $$props) {
       append($$anchor2, input);
     };
     var alternate = ($$anchor2) => {
-      var input_1 = root_2$d();
+      var input_1 = root_2$c();
       attribute_effect(input_1, () => ({ ...get$2(mergedProps) }), void 0, void 0, void 0, void 0, true);
       bind_value(input_1, value);
       append($$anchor2, input_1);
@@ -27512,7 +27535,7 @@ function Date_field_hidden_input($$anchor, $$props) {
   pop();
 }
 create_custom_element(Date_field_hidden_input, {}, [], [], true);
-var root_2$c = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_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 @@ function Date_field_input($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$c();
+      var div = root_2$b();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => ({ segments: inputState.root.segmentContents }));
@@ -27602,7 +27625,7 @@ function Date_field_input($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_field_input, { id: {}, ref: {}, name: {}, children: {}, child: {} }, [], [], true);
-var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_field_label($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -27661,7 +27684,7 @@ function Date_field_label($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$b();
+      var div = root_2$a();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1);
@@ -27677,7 +27700,7 @@ function Date_field_label($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_field_label, { id: {}, ref: {}, children: {}, child: {} }, [], [], true);
-var root_2$a = /* @__PURE__ */ from_html(`<span><!></span>`);
+var root_2$9 = /* @__PURE__ */ from_html(`<span><!></span>`);
 function Date_field_segment($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -27744,7 +27767,7 @@ function Date_field_segment($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var span = root_2$a();
+      var span = root_2$9();
       attribute_effect(span, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(span);
       snippet(node_2, () => children() ?? noop$1);
@@ -28319,7 +28342,7 @@ create_custom_element(
   [],
   true
 );
-var root_2$9 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_picker_calendar($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28406,7 +28429,7 @@ function Date_picker_calendar($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate = ($$anchor2) => {
-      var div = root_2$9();
+      var div = root_2$8();
       attribute_effect(div, () => ({ ...get$2(mergedProps) }));
       var node_2 = child(div);
       snippet(node_2, () => children() ?? noop$1, () => calendarState.snippetProps);
@@ -28422,7 +28445,7 @@ function Date_picker_calendar($$anchor, $$props) {
   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 @@ function Popover_content($$anchor, $$props) {
               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 @@ function Date_picker_content($$anchor, $$props) {
   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 @@ function Popover_trigger($$anchor, $$props) {
           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 @@ function Date_picker_trigger($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_picker_trigger, { ref: {}, onkeydown: {} }, [], [], true);
-var root_2$8 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_2$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_7$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_6$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
@@ -28978,7 +29001,7 @@ function DatePicker_1($$anchor, $$props) {
         {
           const children = ($$anchor4, $$arg0) => {
             let segments = () => $$arg0?.().segments;
-            var fragment_2 = root_2$8();
+            var fragment_2 = root_2$7();
             var node_3 = first_child(fragment_2);
             each(node_3, 17, segments, index$1, ($$anchor5, $$item) => {
               let part = () => get$2($$item).part;
@@ -29172,10 +29195,10 @@ function DatePicker_1($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(DatePicker_1, { dateString: {}, labelClass: {}, inputClass: {} }, [], [], true);
-var root_2$7 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
+var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
 var root_1$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 @@ function InputAndLabel($$anchor, $$props) {
     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 @@ function InputAndLabel($$anchor, $$props) {
     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 @@ function InputAndLabel($$anchor, $$props) {
     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 @@ create_custom_element(
   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 @@ function Field($$anchor, $$props) {
   var node_2 = sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var ul = root_2$6();
+      var ul = root_2$5();
       each(ul, 21, () => get$2(allErrors), index$1, ($$anchor3, error) => {
-        var li = root_3$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 @@ function AllFields($$anchor, $$props) {
   pop();
 }
 customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], [], false));
-var root_2$5 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
-var root_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 @@ function ErrorsFeedback($$anchor, $$props) {
       var node_1 = child(div);
       {
         var consequent = ($$anchor3) => {
-          var p2 = root_2$5();
+          var p2 = root_2$4();
           var text2 = child(p2, true);
           reset(p2);
           template_effect(($0) => set_text(text2, $0), [
@@ -29681,9 +29704,9 @@ function ErrorsFeedback($$anchor, $$props) {
       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 @@ function Order($$anchor, $$props) {
 }
 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 @@ function Event$1($$anchor, $$props) {
   }
   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 @@ function Event$1($$anchor, $$props) {
   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 @@ function TicketSale($$anchor, $$props) {
       var fragment_1 = comment();
       var node_1 = first_child(fragment_1);
       each(node_1, 17, () => ({ length: item().attributes.quantity }), index$1, ($$anchor3, $$item, index2) => {
-        var li = root_2$3();
+        var li = root_2$2();
         var article = child(li);
         var ul = child(article);
         var li_1 = child(ul);
@@ -30295,11 +30318,11 @@ function TicketSale($$anchor, $$props) {
         {
           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 @@ function Tickets($$anchor, $$props) {
   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 @@ async function loadDayTickets(segment) {
     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 @@ async function loadEventScaledPricesTickets(segment) {
   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 @@ async function loadEventTickets(segment) {
     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 @@ async function loadTimeslotTickets(segment) {
     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 @@ async function loadTimeslotTickets(segment) {
     "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 @@ customElements.define("go-ticket-segment", create_custom_element(
   TicketSegment,
   {
     dateId: { attribute: "date-id", reflect: true, type: "Number" },
-    filters: {}
+    filters: { attribute: "filters", reflect: true, type: "String" }
   },
   [],
   ["details"],
@@ -30970,6 +31013,9 @@ function selectedTime(product, tsd) {
           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 @@ function generateQuantityOptions(min2, max2) {
   }
   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 @@ function Item($$anchor, $$props) {
     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 @@ function Item($$anchor, $$props) {
       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 @@ function Item($$anchor, $$props) {
       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 @@ function Item($$anchor, $$props) {
       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 @@ function Timeslots($$anchor, $$props) {
         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);