@gomusdev/web-components 1.22.2 → 1.22.3

package/dist-js/components/order/components/subcomponents/breakdown/items/Event.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

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

@@ -15116,7 +15116,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15158,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15181,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ["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 +15215,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         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 +15223,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15248,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +15263,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     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 +15300,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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);
@@ -15588,7 +15588,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +15610,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +22934,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +22957,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +25405,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +25716,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       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 +28171,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +28229,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var fragment = root$5();
+    var fragment = root$6();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
@@ -29581,7 +29581,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +29623,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           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 +29831,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   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 +29841,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +30134,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     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 +30201,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         flushSync();
       }
     };
-    var fragment = root$4();
+    var fragment = root$5();
     var node = first_child(fragment);
     InputAndLabel(node, {
       get describedById() {
@@ -30224,7 +30224,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30271,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ["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 +30280,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30293,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   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 +30310,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30370,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +30405,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     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 +30414,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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);
@@ -30788,6 +30788,67 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +31073,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     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 +31090,33 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                 }
               });
             };
+            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 +31134,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, ol);
       };
       if_block(node, ($$render) => {
-        if (get$2(order)) $$render(consequent_1);
+        if (get$2(order)) $$render(consequent_2);
       });
     }
     append($$anchor, fragment);

package/dist-js/gomus-webcomponents.js

@@ -15116,7 +15116,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 +15158,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 +15181,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 +15215,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 +15223,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 +15248,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 +15263,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 +15300,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);
@@ -15588,7 +15588,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 +15610,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 +22934,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 +22957,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 +25405,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 +25716,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 +28171,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 +28229,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 +29581,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 +29623,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 +29831,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 +29841,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 +30134,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 +30201,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 +30224,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 +30271,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 +30280,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 +30293,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 +30310,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 +30370,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 +30405,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 +30414,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);
@@ -30788,6 +30788,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 +31073,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 +31090,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 +31134,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);

package/package.json

@@ -4,7 +4,7 @@
     "name": "Giantmonkey GmbH"
   },
   "license": "MIT",
-  "version": "1.22.2",
+  "version": "1.22.3",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",