@gomusdev/web-components 1.22.2 → 1.23.0

package/dist-js/gomus-webcomponents.js

@@ -5585,6 +5585,11 @@ const isNumber = (value) => {
     return false;
   }
 };
+const boil = (array2, compareFunc) => {
+  if (!array2 || (array2.length ?? 0) === 0)
+    return null;
+  return array2.reduce(compareFunc);
+};
 function sum(array2, fn) {
   return (array2 || []).reduce((acc, item) => acc + (fn ? fn(item) : item), 0);
 }
@@ -5602,6 +5607,10 @@ const alphabetical = (array2, getter, dir = "asc") => {
   const dsc = (a2, b) => `${getter(b)}`.localeCompare(getter(a2));
   return array2.slice().sort(dir === "desc" ? dsc : asc);
 };
+function max$1(array2, getter) {
+  const get2 = getter ?? ((v) => v);
+  return boil(array2, (a2, b) => get2(a2) > get2(b) ? a2 : b);
+}
 const iterate = (count, func, initValue) => {
   let value = initValue;
   for (let i = 1; i <= count; i++) {
@@ -11985,7 +11994,7 @@ class Shop {
     const isCacheExpired = this.#fetchStatus[fetchId]?.fetchedAt < Date.now() - options.cache * 1e3;
     if (isNotFetchedYet || isCacheExpired) {
       this.apiGet(endpoint, query, options.path).then((ret) => {
-        get$2(this.#data)[dataKey] = responseKey === "" ? ret : ret[responseKey];
+        if (ret) get$2(this.#data)[dataKey] = responseKey === "" ? ret : ret[responseKey];
       });
     }
     return get$2(this.#data)[dataKey];
@@ -12004,6 +12013,12 @@ class Shop {
   getEvent(id) {
     return this.fetchAndCache(`/api/v4/events/${id}`, `single_event_${id}`, "event");
   }
+  getTicketCapacities(date2, ticketIds) {
+    return this.apiPost(`/api/v4/tickets/capacities`, {
+      body: { date: date2, ticket_ids: ticketIds },
+      requiredFields: ["date", "ticket_ids"]
+    });
+  }
   getEventDetailsOnDate(eventId, dateId) {
     return this.fetchAndCache(`/api/v4/events/${eventId}/dates/${dateId}`, `/api/v4/events/${eventId}/dates/${dateId}`, "date");
   }
@@ -15116,7 +15131,7 @@ function wrapInElement(host, tag, props) {
   host.replaceChildren(element);
   return element;
 }
-var root_1$d = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit>Submit</go-submit>`, 3);
+var root_1$e = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit>Submit</go-submit>`, 3);
 function Form($$anchor, $$props) {
   push($$props, true);
   let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
@@ -15158,7 +15173,7 @@ function Form($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$d();
+      var fragment_1 = root_1$e();
       var go_all_fields = first_child(fragment_1);
       var go_form_feedback = sibling(go_all_fields, 2);
       sibling(go_form_feedback, 2);
@@ -15181,7 +15196,7 @@ customElements.define("go-form", create_custom_element(
   ["details"],
   false
 ));
-var root$8 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   let form;
@@ -15215,7 +15230,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$8();
+  var go_form = root$9();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   bind_this(go_form, ($$value) => form = $$value, () => form);
@@ -15223,7 +15238,7 @@ function PasswordReset($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], [], false));
-var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$8 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignIn($$anchor, $$props) {
   push($$props, true);
   let form;
@@ -15248,7 +15263,7 @@ function SignIn($$anchor, $$props) {
   onMount(() => {
     $$props.$$host.addEventListener("go-submit", signIn);
   });
-  var go_form = root$7();
+  var go_form = root$8();
   set_custom_element_data(go_form, "formId", "signIn");
   bind_this(go_form, ($$value) => form = $$value, () => form);
   append($$anchor, go_form);
@@ -15263,7 +15278,7 @@ customElements.define("go-sign-in", create_custom_element(
   [],
   false
 ));
-var root$6 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignUp($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
@@ -15300,7 +15315,7 @@ function SignUp($$anchor, $$props) {
   onMount(() => {
     $$props.$$host.addEventListener("go-submit", signUp);
   });
-  var go_form = root$6();
+  var go_form = root$7();
   set_custom_element_data(go_form, "formId", "signUp");
   bind_this(go_form, ($$value) => form = $$value, () => form);
   append($$anchor, go_form);
@@ -15345,16 +15360,7 @@ function createUIEventTicket(apiTicket, dateId, options) {
     ...product,
     ...apiTicket,
     ...finalOptions,
-    type: "scale",
-    get max_capacity() {
-      return 18;
-    },
-    get min_quantity() {
-      return 0;
-    },
-    get max_quantity() {
-      return 18;
-    }
+    type: "scale"
   };
   return uiTicket;
 }
@@ -15434,7 +15440,7 @@ function isUITicket(x) {
   return x.product_type === "Ticket";
 }
 function createUITicket(apiTicket, options) {
-  const finalOptions = { minAvailableCapacity: 0, selectedTime: "", ...options ?? {} };
+  const finalOptions = { selectedTime: "", ...{} };
   const product = { product_type: "Ticket", ...apiTicket };
   const _ = { ...apiTicket, ...finalOptions };
   const uiTicket = {
@@ -15460,7 +15466,7 @@ function generateCartItem(cartItem) {
   switch (type) {
     case "Ticket":
       if (cartItem.product.ticket_type === "timeslot" && !inTheFuture(cartItem.attributes.time)) return;
-      const ticket = createUITicket(cartItem.product, { minAvailableCapacity: 0 });
+      const ticket = createUITicket(cartItem.product);
       return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.quantity });
     case "Event":
       const event = createUIEventTicket(cartItem.product, cartItem.id);
@@ -15588,7 +15594,7 @@ var root_6$2 = /* @__PURE__ */ from_html(`<li data-go-cart-item-remove=""><butto
 var root_3$7 = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <!> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
 var root_7$4 = /* @__PURE__ */ from_html(`<li data-go-cart-footer-remove=""></li>`);
 var root_8$1 = /* @__PURE__ */ from_html(`<a href="javascript:void(0);" class="go-cart-checkout-button" data-testid="checkout-button">Checkout</a>`);
-var root_1$c = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-header-title="">Product</li> <li data-go-cart-header-price="">Price</li> <li data-go-cart-header-count="">Count</li> <!> <li data-go-cart-header-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-footer-title=""></li> <li data-go-cart-footer-price=""></li> <li data-go-cart-footer-count=""></li> <!> <li data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol> <!>`, 1);
+var root_1$d = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-header-title="">Product</li> <li data-go-cart-header-price="">Price</li> <li data-go-cart-header-count="">Count</li> <!> <li data-go-cart-header-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-footer-title=""></li> <li data-go-cart-footer-price=""></li> <li data-go-cart-footer-count=""></li> <!> <li data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol> <!>`, 1);
 function Cart($$anchor, $$props) {
   push($$props, true);
   const preview = prop($$props, "preview", 7, false);
@@ -15610,7 +15616,7 @@ function Cart($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_6 = ($$anchor2) => {
-      var fragment_1 = root_1$c();
+      var fragment_1 = root_1$d();
       var ol = first_child(fragment_1);
       var li = child(ol);
       var ul = child(li);
@@ -22934,7 +22940,7 @@ function Calendar_prev_button($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-var root_1$b = /* @__PURE__ */ from_html(`<input/>`);
+var root_1$c = /* @__PURE__ */ from_html(`<input/>`);
 var root_2$d = /* @__PURE__ */ from_html(`<input/>`);
 function Hidden_input($$anchor, $$props) {
   push($$props, true);
@@ -22957,7 +22963,7 @@ function Hidden_input($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var input = root_1$b();
+      var input = root_1$c();
       attribute_effect(input, () => ({ ...get$2(mergedProps), value: value() }), void 0, void 0, void 0, void 0, true);
       append($$anchor2, input);
     };
@@ -25405,7 +25411,7 @@ function Popper_content($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Popper_content, { content: {}, isStatic: {}, onPlaced: {} }, [], [], true);
-var root_1$a = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_1$b = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Popper_layer_inner($$anchor, $$props) {
   push($$props, true);
   let popper = prop($$props, "popper", 7), onEscapeKeydown = prop($$props, "onEscapeKeydown", 7), escapeKeydownBehavior = prop($$props, "escapeKeydownBehavior", 7), preventOverflowTextSelection = prop($$props, "preventOverflowTextSelection", 7), id = prop($$props, "id", 7), onPointerDown = prop($$props, "onPointerDown", 7), onPointerUp = prop($$props, "onPointerUp", 7), side = prop($$props, "side", 7), sideOffset = prop($$props, "sideOffset", 7), align = prop($$props, "align", 7), alignOffset = prop($$props, "alignOffset", 7), arrowPadding = prop($$props, "arrowPadding", 7), avoidCollisions = prop($$props, "avoidCollisions", 7), collisionBoundary = prop($$props, "collisionBoundary", 7), collisionPadding = prop($$props, "collisionPadding", 7), sticky = prop($$props, "sticky", 7), hideWhenDetached = prop($$props, "hideWhenDetached", 7), updatePositionStrategy = prop($$props, "updatePositionStrategy", 7), strategy = prop($$props, "strategy", 7), dir = prop($$props, "dir", 7), preventScroll = prop($$props, "preventScroll", 7), wrapperId = prop($$props, "wrapperId", 7), style = prop($$props, "style", 7), onPlaced = prop($$props, "onPlaced", 7), onInteractOutside = prop($$props, "onInteractOutside", 7), onCloseAutoFocus = prop($$props, "onCloseAutoFocus", 7), onOpenAutoFocus = prop($$props, "onOpenAutoFocus", 7), onFocusOutside = prop($$props, "onFocusOutside", 7), interactOutsideBehavior = prop($$props, "interactOutsideBehavior", 7, "close"), loop = prop($$props, "loop", 7), trapFocus = prop($$props, "trapFocus", 7, true), isValidEvent2 = prop($$props, "isValidEvent", 7, () => false), customAnchor = prop($$props, "customAnchor", 7, null), isStatic = prop($$props, "isStatic", 7, false), enabled = prop($$props, "enabled", 7), ref = prop($$props, "ref", 7), tooltip = prop($$props, "tooltip", 7, false), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -25716,7 +25722,7 @@ function Popper_layer_inner($$anchor, $$props) {
     const content = ($$anchor2, $$arg0) => {
       let floatingProps = () => $$arg0?.().props;
       let wrapperProps = () => $$arg0?.().wrapperProps;
-      var fragment_1 = root_1$a();
+      var fragment_1 = root_1$b();
       var node = first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
@@ -28171,7 +28177,7 @@ function Date_field_hidden_input($$anchor, $$props) {
 }
 create_custom_element(Date_field_hidden_input, {}, [], [], true);
 var root_2$c = /* @__PURE__ */ from_html(`<div><!></div>`);
-var root$5 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root$6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Date_field_input($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28229,7 +28235,7 @@ function Date_field_input($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$5();
+  var fragment = root$6();
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
@@ -29581,7 +29587,7 @@ var root_2$8 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_7$3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_6$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_1$9 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_1$a = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function DatePicker_1($$anchor, $$props) {
   push($$props, true);
   let dateString = prop($$props, "dateString", 15), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -29623,7 +29629,7 @@ function DatePicker_1($$anchor, $$props) {
         set(date2, $$value, true);
       },
       children: ($$anchor3, $$slotProps) => {
-        var fragment_1 = root_1$9();
+        var fragment_1 = root_1$a();
         var node_1 = first_child(fragment_1);
         component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
           DatePicker_Label($$anchor4, {
@@ -29831,7 +29837,7 @@ function DatePicker_1($$anchor, $$props) {
 }
 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_1$8 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_1$9 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 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>`);
@@ -29841,7 +29847,7 @@ var root_9$1 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fi
 function InputAndLabel($$anchor, $$props) {
   push($$props, true);
   const labelText = ($$anchor2) => {
-    var fragment = root_1$8();
+    var fragment = root_1$9();
     var node = first_child(fragment);
     html$2(node, () => purify.sanitize(field().label));
     var node_1 = sibling(node, 2);
@@ -30134,10 +30140,10 @@ create_custom_element(
   [],
   true
 );
-var root_1$7 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_1$8 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_3$4 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_2$6 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
-var root$4 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root$5 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function Field($$anchor, $$props) {
   push($$props, true);
   let key = prop($$props, "key", 7), required = prop($$props, "required", 7, false), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -30201,7 +30207,7 @@ function Field($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$4();
+  var fragment = root$5();
   var node = first_child(fragment);
   InputAndLabel(node, {
     get describedById() {
@@ -30224,7 +30230,7 @@ function Field($$anchor, $$props) {
   var node_1 = sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1$7();
+      var span = root_1$8();
       var text2 = child(span, true);
       reset(span);
       template_effect(() => {
@@ -30271,7 +30277,7 @@ customElements.define("go-field", create_custom_element(
   ["getField"],
   false
 ));
-var root_1$6 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
+var root_1$7 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
 function AllFields($$anchor, $$props) {
   push($$props, true);
   let _details = getDetails$1($$props.$$host);
@@ -30280,7 +30286,7 @@ function AllFields($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   each(node, 17, () => get$2(allFields2), index$1, ($$anchor2, field) => {
-    var go_field = root_1$6();
+    var go_field = root_1$7();
     template_effect(() => set_custom_element_data(go_field, "key", get$2(field).key));
     template_effect(() => set_custom_element_data(go_field, "required", get$2(field).required));
     append($$anchor2, go_field);
@@ -30293,7 +30299,7 @@ var root_2$5 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-onl
 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$5 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
+var root_1$6 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
 function ErrorsFeedback($$anchor, $$props) {
   push($$props, true);
   const _details = getDetails$1($$props.$$host);
@@ -30310,7 +30316,7 @@ function ErrorsFeedback($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_3 = ($$anchor2) => {
-      var div = root_1$5();
+      var div = root_1$6();
       let classes;
       var node_1 = child(div);
       {
@@ -30370,9 +30376,9 @@ function ErrorsFeedback($$anchor, $$props) {
   pop();
 }
 customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], [], false));
-var root$3 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
+var root$4 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
 function FormFeedback($$anchor, $$props) {
-  var div = root$3();
+  var div = root$4();
   var node = child(div);
   slot(node, $$props, "default", {});
   reset(div);
@@ -30405,7 +30411,7 @@ customElements.define("go-submit", create_custom_element(
   [],
   false
 ));
-var root_1$4 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
+var root_1$5 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
 function SuccessFeedback($$anchor, $$props) {
   push($$props, true);
   const _details = getDetails$1($$props.$$host);
@@ -30414,7 +30420,7 @@ function SuccessFeedback($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var div = root_1$4();
+      var div = root_1$5();
       let classes;
       var text2 = child(div, true);
       reset(div);
@@ -30440,7 +30446,13 @@ function evaluateExpression(expression, data) {
     console.log(`Error while evaluating when (${expression}) in go-if: ${error.message}`);
   }
 }
-const validTicketSelectionFilters = ["timeslot", "day", "annual", "scaled-price"];
+const validTicketSelectionFilters = [
+  "timeslot",
+  "day",
+  "annual",
+  "event:scaled-price",
+  "event:ticket"
+];
 let lastUId = 0;
 class TicketSelectionDetails {
   uid = lastUId++;
@@ -30535,8 +30547,10 @@ class TicketSelectionDetails {
           return Boolean(this.selectedDate);
         case "annual":
           return true;
-        case "scaled-price":
-          return true;
+        case "event:scaled-price":
+          return Boolean(this.selectedDate);
+        case "event:ticket":
+          return Boolean(this.selectedDate);
         case "timeslot":
           switch (this.mode) {
             case "event":
@@ -30788,6 +30802,67 @@ function Order($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-order", create_custom_element(Order, { token: { attribute: "token", reflect: true, type: "String" } }, [], ["orderDetails"], false));
+var root_1$4 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities"> </span>`, 1);
+var root$3 = /* @__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);
+  let item = prop($$props, "item", 7), orderDetails = prop($$props, "orderDetails", 7);
+  var $$exports = {
+    get item() {
+      return item();
+    },
+    set item($$value) {
+      item($$value);
+      flushSync();
+    },
+    get orderDetails() {
+      return orderDetails();
+    },
+    set orderDetails($$value) {
+      orderDetails($$value);
+      flushSync();
+    }
+  };
+  var li = root$3();
+  var article = child(li);
+  var ul = child(article);
+  var li_1 = sibling(child(ul), 2);
+  var span = child(li_1);
+  var text2 = child(span, true);
+  reset(span);
+  var node = sibling(span, 2);
+  each(node, 17, () => item().attributes.quantities, index$1, ($$anchor2, scalePrice) => {
+    var fragment = root_1$4();
+    var span_1 = sibling(first_child(fragment), 2);
+    var text_1 = child(span_1);
+    reset(span_1);
+    template_effect(() => set_text(text_1, `${get$2(scalePrice).quantity ?? ""} x ${get$2(scalePrice).title ?? ""}`));
+    append($$anchor2, fragment);
+  });
+  var a2 = sibling(node, 2);
+  reset(li_1);
+  var li_2 = sibling(li_1, 2);
+  var text_2 = child(li_2, true);
+  reset(li_2);
+  next(2);
+  reset(ul);
+  reset(article);
+  reset(li);
+  template_effect(
+    ($0, $1) => {
+      set_text(text2, item().attributes.title);
+      set_attribute(a2, "href", $0);
+      set_text(text_2, $1);
+    },
+    [
+      () => orderDetails().downloadLink(item()),
+      () => formatCurrency$1(item().price_cents)
+    ]
+  );
+  append($$anchor, li);
+  return pop($$exports);
+}
+create_custom_element(Event$1, { item: {}, orderDetails: {} }, [], [], true);
 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_7$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank">Download</a>`);
@@ -31012,7 +31087,7 @@ function Breakdown($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   {
-    var consequent_1 = ($$anchor2) => {
+    var consequent_2 = ($$anchor2) => {
       var ol = root_1$3();
       var node_1 = sibling(child(ol), 2);
       each(node_1, 17, () => get$2(order).items, (item) => item.id, ($$anchor3, item) => {
@@ -31029,8 +31104,33 @@ function Breakdown($$anchor, $$props) {
               }
             });
           };
+          var alternate = ($$anchor4) => {
+            var fragment_3 = comment();
+            var node_3 = first_child(fragment_3);
+            {
+              var consequent_1 = ($$anchor5) => {
+                Event$1($$anchor5, {
+                  get item() {
+                    return get$2(item);
+                  },
+                  get orderDetails() {
+                    return get$2(orderDetails);
+                  }
+                });
+              };
+              if_block(
+                node_3,
+                ($$render) => {
+                  if (get$2(item).type === "Event") $$render(consequent_1);
+                },
+                true
+              );
+            }
+            append($$anchor4, fragment_3);
+          };
           if_block(node_2, ($$render) => {
             if (get$2(item).type === "Ticket") $$render(consequent);
+            else $$render(alternate, false);
           });
         }
         append($$anchor3, fragment_1);
@@ -31048,7 +31148,7 @@ function Breakdown($$anchor, $$props) {
       append($$anchor2, ol);
     };
     if_block(node, ($$render) => {
-      if (get$2(order)) $$render(consequent_1);
+      if (get$2(order)) $$render(consequent_2);
     });
   }
   append($$anchor, fragment);
@@ -31270,6 +31370,187 @@ function TicketsSum($$anchor, $$props) {
   pop();
 }
 customElements.define("go-tickets-sum", create_custom_element(TicketsSum, {}, [], [], false));
+function loadAnnualTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) return [];
+  if (!tsd.filters?.includes("annual")) return [];
+  const tickets = snapshot(shop.tickets({
+    by_bookable: true,
+    // @ts-ignore
+    "by_ticket_types[]": ["annual"],
+    "by_ticket_ids[]": tsd.ticketIds,
+    "by_ticket_group_ids[]": tsd.ticketGroupIds
+  }));
+  if (!tickets) return [];
+  segment.tickets = initUITimeslotTickets(tickets);
+}
+function loadDayTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) return [];
+  if (!tsd.filters?.includes("day")) return [];
+  const tickets = snapshot(shop.tickets({
+    by_bookable: true,
+    // @ts-ignore
+    "by_ticket_types[]": ["normal"],
+    "by_ticket_ids[]": tsd.ticketIds,
+    "by_ticket_group_ids[]": tsd.ticketGroupIds
+  }));
+  if (!tickets) return [];
+  segment.tickets = initUITimeslotTickets(tickets);
+}
+function loadEventScaledPricesTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) {
+    console.warn("(loadEventScaledPricesTickets) tsd is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!tsd.eventIds?.length) {
+    console.warn("(loadEventScaledPricesTickets) eventIds is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!segment.filters?.includes("event:scaled-price")) {
+    console.warn("(loadEventScaledPricesTickets) filters should include event:scaled-price");
+    segment.tickets = [];
+    return;
+  }
+  if (!segment.dateId) {
+    console.warn("(loadEventScaledPricesTickets) date-id is not given to the go-ticket-segment");
+    segment.tickets = [];
+    return;
+  }
+  if (tsd.eventIds.length > 1) throw new Error("(loadEventScaledPricesTickets) currently we support only one eventId in go-ticket-selection");
+  const eid = tsd.eventIds[0];
+  const event = snapshot(shop.getEventDetailsOnDate(eid, segment.dateId));
+  segment.tickets = event?.prices.map((t) => createUIEventTicket(t, segment.dateId)) || [];
+  const seats = {
+    max_per_registration: 2,
+    available: 100,
+    overbook: true,
+    ...event?.seats
+  };
+  const max_per_registration = seats.max_per_registration || seats.available;
+  segment.contingent = seats.overbook ? max_per_registration : Math.min(seats.available, max_per_registration);
+}
+function createCapacities(apiCapacities) {
+  let reservations = {};
+  const ret = {
+    apiData: apiCapacities,
+    reservations,
+    setReservation(ticketId, timeSlot, quantity) {
+      this.reservations[ticketId + ":" + timeSlot] = quantity;
+    },
+    getReservation(ticketId, timeSlot) {
+      return this.reservations[ticketId + ":" + timeSlot] ?? 0;
+    },
+    /**
+     * a flat list of all timeslots and their capacities, considering reservations.
+     */
+    timeslots() {
+      return Object.entries(this.apiData).flatMap(([quota, cap]) => {
+        return Object.keys(cap.capacities).map((timeSlot) => {
+          const sumReserved = sum(cap.tickets.map((ticket) => this.getReservation(ticket, timeSlot)));
+          return {
+            timeSlot,
+            quota,
+            capacity: cap.capacities[timeSlot] - sumReserved,
+            tickets: cap.tickets
+          };
+        });
+      });
+    },
+    tickets(ticketId) {
+      return this.timeslots().flatMap(
+        (x) => x.tickets.map((ticket) => ({
+          timeslot: x.timeSlot,
+          ticket,
+          quota: x.quota,
+          capacity: x.capacity
+        }))
+      );
+    },
+    ticketsByTimeSlot(timeslot) {
+      return this.timeslots().filter((x) => x.timeSlot === timeslot).flatMap(
+        (x) => x.tickets.map((ticket) => ({
+          timeslot,
+          ticket,
+          quota: x.quota,
+          capacity: x.capacity
+        }))
+      );
+    },
+    ticketCapacityByTicketAndTimeslot(ticketId, timeslot) {
+      const maxCap = max$1(
+        this.ticketsByTimeSlot(timeslot).filter((x) => x.ticket === ticketId),
+        (x) => x.capacity
+      )?.capacity ?? 0;
+      return maxCap;
+    },
+    /**
+     * returns the max capacity of a ticket in all timeslots
+     */
+    ticketCapacityByTicketId(ticketId) {
+      const maxCap = max$1(
+        this.tickets(ticketId).filter((x) => x.ticket === ticketId),
+        (x) => x.capacity
+      )?.capacity ?? 0;
+      return maxCap;
+    }
+  };
+  return ret;
+}
+async function loadEventTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) {
+    console.warn("(loadEventTickets) tsd is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!tsd.eventIds?.length) {
+    console.warn("(loadEventTickets) eventIds is undefined");
+    segment.tickets = [];
+    return;
+  }
+  if (!segment.filters?.includes("event:ticket")) {
+    console.warn("(loadEventTickets) filters should include event:tickets");
+    segment.tickets = [];
+    return;
+  }
+  if (!tsd.selectedDate) {
+    console.warn("(loadEventTickets) selected-date is not given to the go-ticket-selection");
+    segment.tickets = [];
+    return;
+  }
+  if (tsd.eventIds.length > 1) throw new Error("(loadEventTickets) currently we support only one eventId in go-ticket-selection");
+  const eid = tsd.eventIds[0];
+  const event = shop.getEvent(eid);
+  if (!event?.tickets) return;
+  const ticketIds = event.tickets;
+  const tickets = shop.tickets({ by_ticket_ids: ticketIds });
+  const capacitiesRes = await shop.getTicketCapacities(tsd.selectedDate.toString(), ticketIds);
+  if (!tickets || !capacitiesRes) return;
+  const capacities = createCapacities(capacitiesRes.data.data);
+  segment.tickets = tickets.filter((t) => capacities.ticketCapacityByTicketId(t.id) > 0).map((t) => createUITicket(t));
+  segment.preCart = createCart(segment.tickets);
+}
+function loadTimeslotTickets(segment) {
+  const tsd = segment.ticketSelectionDetails;
+  if (!tsd) return [];
+  if (!tsd.selectedDate && !tsd.selectedTimeslot && tsd.filters?.includes("timeslot")) return [];
+  const result = snapshot(shop.ticketsAndQuotas({
+    by_bookable: true,
+    valid_at: tsd.selectedDate?.toString(),
+    // @ts-ignore
+    "by_ticket_types[]": ["time_slot"],
+    "by_museum_ids[]": tsd.museumIds,
+    "by_exhibition_ids[]": tsd.exhibitionIds,
+    "by_ticket_ids[]": tsd.ticketIds,
+    "by_ticket_group_ids[]": tsd.ticketGroupIds
+  }));
+  if (!result) return [];
+  segment.tickets = initUITimeslotTickets(result.tickets);
+}
 class TicketSegmentDetails {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
@@ -31324,7 +31605,10 @@ class TicketSegmentDetails {
         });
       });
       user_effect(() => {
-        this.preCart = createCart(this.preCartTickets(), this.contingent);
+        this.loadTickets();
+        untrack(() => {
+          this.preCart = createCart(this.tickets, this.contingent);
+        });
       });
     });
   }
@@ -31335,105 +31619,17 @@ class TicketSegmentDetails {
       preCart: this.preCart
     });
   }
-  preCartTickets() {
-    switch (this.filters) {
-      case "timeslot":
-        return this.timeslotTickets;
-      case "annual":
-        return this.annualTickets;
-      case "day":
-        return this.dayTickets;
-      case "custom":
-        return this.tickets;
-      case "scaled-price":
-        return this.scaledPricesTickets;
-      default:
-        const exhaustiveCheck = this.filters;
-        if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
-    }
-    return [];
-  }
-  get timeslotTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) return [];
-    if (!tsd.selectedDate && !tsd.selectedTimeslot && tsd.filters?.includes("timeslot")) return [];
-    const result = snapshot(shop.ticketsAndQuotas({
-      by_bookable: true,
-      valid_at: tsd.selectedDate?.toString(),
-      // @ts-ignore
-      "by_ticket_types[]": ["time_slot"],
-      "by_museum_ids[]": tsd.museumIds,
-      "by_exhibition_ids[]": tsd.exhibitionIds,
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
-    }));
-    if (!result) return [];
-    return initUITimeslotTickets(result.tickets);
-  }
-  get annualTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) return [];
-    if (!tsd.filters?.includes("annual")) return [];
-    const tickets = snapshot(shop.tickets({
-      by_bookable: true,
-      // @ts-ignore
-      "by_ticket_types[]": ["annual"],
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
-    }));
-    if (!tickets) return [];
-    return initUITimeslotTickets(tickets);
-  }
-  get dayTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) return [];
-    if (!tsd.filters?.includes("day")) return [];
-    const tickets = snapshot(shop.tickets({
-      by_bookable: true,
-      // @ts-ignore
-      "by_ticket_types[]": ["normal"],
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
-    }));
-    if (!tickets) return [];
-    return initUITimeslotTickets(tickets);
-  }
-  get scaledPricesTickets() {
-    const tsd = this.ticketSelectionDetails;
-    if (!this.ensureScaledPrices()) return [];
-    const eid = tsd.eventIds[0];
-    const event = snapshot(shop.getEventDetailsOnDate(eid, this.dateId));
-    const ret = event?.prices.map((t) => createUIEventTicket(t, this.dateId)) || [];
-    const seats = {
-      max_per_registration: 2,
-      available: 100,
-      overbook: true,
-      ...event?.seats
-    };
-    const max_per_registration = seats.max_per_registration || seats.available;
-    this.contingent = seats.overbook ? max_per_registration : Math.min(seats.available, max_per_registration);
-    return ret;
-  }
-  ensureScaledPrices() {
-    const tsd = this.ticketSelectionDetails;
-    if (!tsd) {
-      console.warn("(scaledPricesTickets) tsd is undefined");
-      return false;
-    }
-    if (!tsd.eventIds?.length) {
-      console.warn("(scaledPricesTickets) eventIds is undefined");
-      return false;
-    }
-    if (!this.filters?.includes("scaled-price")) {
-      console.warn("(scaledPricesTickets) filters should include scaled-price");
-      return false;
-    }
-    if (!this.dateId) {
-      console.warn("(scaledPricesTickets) date-id is not given to the go-ticket-segment");
-      return false;
-    }
-    if (tsd.eventIds.length > 1) throw new Error("(scaledPricesTickets) currently we support only one eventId in go-ticket-selection");
-    return true;
+  loadTickets() {
+    const method = {
+      timeslot: loadTimeslotTickets,
+      annual: loadAnnualTickets,
+      day: loadDayTickets,
+      custom: () => {
+      },
+      "event:scaled-price": loadEventScaledPricesTickets,
+      "event:ticket": loadEventTickets
+    }[this.filters];
+    method(this);
   }
 }
 const KEY = "go-ticket-segment";
@@ -31443,7 +31639,6 @@ function TicketSegment($$anchor, $$props) {
   push($$props, true);
   const filters = prop($$props, "filters", 7), dateId = prop($$props, "dateId", 7);
   if (!filters()) throw new Error("filters is required");
-  console.log("TicketSegment: ", filters(), "dateId: ", dateId());
   const tsdWrapper = getTicketSelectionDetails($$props.$$host);
   const details = new TicketSegmentDetails(filters(), tsdWrapper);
   setTicketSegmentDetails($$props.$$host, details);
@@ -31452,7 +31647,6 @@ function TicketSegment($$anchor, $$props) {
   user_effect(() => {
     details.filters = filters();
     details.dateId = dateId();
-    console.log("SET DATEID,", dateId());
   });
   var $$exports = {
     details,
@@ -31871,7 +32065,8 @@ class Calendar {
       day: "normal",
       timeslot: "time_slot",
       annual: "annual",
-      "scaled-price": "scaled_price"
+      "event:scaled-price": "scaled_price",
+      "event:ticket": "not implemented"
     })[f]);
   }
   params() {