@gomusdev/web-components 1.19.0 → 1.20.1

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

@@ -11802,6 +11802,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     };
     return new Date(isoDateString).toLocaleDateString(locale, options);
   }
+  function formatCurrency$1(priceCents) {
+    if (priceCents === void 0) {
+      throw Error("priceCents is required");
+    }
+    return new Intl.NumberFormat("de-DE", {
+      style: "currency",
+      currency: "EUR"
+    }).format(priceCents / 100);
+  }
   class Shop {
     constructor(apiUrl, shopDomain, locale, type = "angular") {
       this.type = type;
@@ -12125,10 +12134,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
     }
   }
-  const KEY$3 = "go-annual-ticket-personalization";
-  const setPersonalizationDetails = createSetDetails(KEY$3);
-  var root_3$7 = /* @__PURE__ */ from_html(`<li><a>Personalize</a></li>`);
-  var root_2$q = /* @__PURE__ */ from_html(`<ul class="go-annual-ticket"><li class="go-annual-ticket-title"> </li> <li class="go-annual-ticket-personalization-count"> </li> <!></ul>`);
+  const KEY$4 = "go-annual-ticket-personalization";
+  const setPersonalizationDetails = createSetDetails(KEY$4);
+  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);
@@ -12155,7 +12164,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var fragment_1 = comment();
         var node_1 = first_child(fragment_1);
         each(node_1, 17, () => get$2(order).ticket_sales, (ticketSale) => ticketSale.id, ($$anchor3, ticketSale) => {
-          var ul = root_2$q();
+          var ul = root_2$r();
           var li = child(ul);
           var text2 = child(li, true);
           reset(li);
@@ -12165,7 +12174,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var node_2 = sibling(li_1, 2);
           {
             var consequent = ($$anchor4) => {
-              var li_2 = root_3$7();
+              var li_2 = root_3$8();
               var a2 = child(li_2);
               reset(li_2);
               template_effect(($0) => set_attribute(a2, "href", $0), [() => details.goToPersonalization(get$2(ticketSale))]);
@@ -15059,9 +15068,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       return get$2(this.#fields);
     }
   }
-  const KEY$2 = "go-form-details";
-  const setDetails = createSetDetails(KEY$2);
-  const getDetails = createGetDetails(KEY$2);
+  const KEY$3 = "go-form-details";
+  const setDetails$1 = createSetDetails(KEY$3);
+  const getDetails$1 = createGetDetails(KEY$3);
   function wrapInElement(host, tag, props) {
     const first = host.firstElementChild;
     if (host.children?.length === 1 && first?.tagName.toLowerCase() === tag) {
@@ -15085,12 +15094,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     host.replaceChildren(element);
     return element;
   }
-  var root_1$c = /* @__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$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);
   function Form($$anchor, $$props) {
     push($$props, true);
     let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
     const details = new FormDetails(formId(), $$props.$$host);
-    setDetails($$props.$$host, details);
+    setDetails$1($$props.$$host, details);
     async function handleSubmit(event) {
       event.preventDefault();
       details.validateForm();
@@ -15125,7 +15134,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var fragment_1 = root_1$c();
+        var fragment_1 = root_1$d();
         var go_all_fields = first_child(fragment_1);
         var go_form_feedback = sibling(go_all_fields, 2);
         sibling(go_form_feedback, 2);
@@ -15510,14 +15519,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   const cart = proxy(createCart([]));
   syncCartToLocalStorage(cart);
   dispathCartEvents();
-  var root_2$p = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
+  var root_2$q = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
   var root_5$2 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-  var root_4$4 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-  var root_6$1 = /* @__PURE__ */ from_html(`<li data-go-cart-item-remove=""><button>⨉</button></li>`);
-  var root_3$6 = /* @__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$3 = /* @__PURE__ */ from_html(`<li data-go-cart-footer-remove=""></li>`);
-  var root_8 = /* @__PURE__ */ from_html(`<a href="javascript:void(0);" class="go-cart-checkout-button" data-testid="checkout-button">Checkout</a>`);
-  var root_1$b = /* @__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_4$5 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+  var root_6$2 = /* @__PURE__ */ from_html(`<li data-go-cart-item-remove=""><button>⨉</button></li>`);
+  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);
   function Cart($$anchor, $$props) {
     push($$props, true);
     const preview = prop($$props, "preview", 7, false);
@@ -15539,14 +15548,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node = first_child(fragment);
     {
       var consequent_6 = ($$anchor2) => {
-        var fragment_1 = root_1$b();
+        var fragment_1 = root_1$c();
         var ol = first_child(fragment_1);
         var li = child(ol);
         var ul = child(li);
         var node_1 = sibling(child(ul), 6);
         {
           var consequent = ($$anchor3) => {
-            var li_1 = root_2$p();
+            var li_1 = root_2$q();
             append($$anchor3, li_1);
           };
           if_block(node_1, ($$render) => {
@@ -15558,7 +15567,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         reset(li);
         var node_2 = sibling(li, 2);
         each(node_2, 17, () => cart.items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
-          var li_2 = root_3$6();
+          var li_2 = root_3$7();
           var article = child(li_2);
           var ul_1 = child(article);
           var li_3 = child(ul_1);
@@ -15568,7 +15577,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var node_3 = sibling(span, 2);
           {
             var consequent_2 = ($$anchor4) => {
-              var fragment_2 = root_4$4();
+              var fragment_2 = root_4$5();
               var span_1 = first_child(fragment_2);
               var text_1 = child(span_1, true);
               reset(span_1);
@@ -15604,7 +15613,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var node_5 = sibling(li_5, 2);
           {
             var consequent_3 = ($$anchor4) => {
-              var li_6 = root_6$1();
+              var li_6 = root_6$2();
               var button = child(li_6);
               button.__click = () => cart.deleteItem(get$2(cartItem));
               reset(li_6);
@@ -15634,7 +15643,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_6 = sibling(child(ul_2), 6);
         {
           var consequent_4 = ($$anchor3) => {
-            var li_9 = root_7$3();
+            var li_9 = root_7$4();
             append($$anchor3, li_9);
           };
           if_block(node_6, ($$render) => {
@@ -15650,7 +15659,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_7 = sibling(ol, 2);
         {
           var consequent_5 = ($$anchor3) => {
-            var a2 = root_8();
+            var a2 = root_8$1();
             a2.__click = navToCheckout;
             append($$anchor3, a2);
           };
@@ -21600,7 +21609,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       set(this.#props, value);
     }
   }
-  var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$p = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar$2($$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, [
@@ -21899,7 +21908,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$o();
+        var div = root_2$p();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => rootState.snippetProps);
@@ -21950,7 +21959,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_2$n = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$o = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_day($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22012,7 +22021,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate_1 = ($$anchor2) => {
-        var div = root_2$n();
+        var div = root_2$o();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         {
@@ -22044,7 +22053,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_day, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$m = /* @__PURE__ */ from_html(`<table><!></table>`);
+  var root_2$n = /* @__PURE__ */ from_html(`<table><!></table>`);
   function Calendar_grid($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22103,7 +22112,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var table = root_2$m();
+        var table = root_2$n();
         attribute_effect(table, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(table);
         snippet(node_2, () => children() ?? noop$1);
@@ -22119,7 +22128,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$l = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+  var root_2$m = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
   function Calendar_grid_body($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22178,7 +22187,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var tbody = root_2$l();
+        var tbody = root_2$m();
         attribute_effect(tbody, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(tbody);
         snippet(node_2, () => children() ?? noop$1);
@@ -22194,7 +22203,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid_body, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$k = /* @__PURE__ */ from_html(`<td><!></td>`);
+  var root_2$l = /* @__PURE__ */ from_html(`<td><!></td>`);
   function Calendar_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22274,7 +22283,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var td = root_2$k();
+        var td = root_2$l();
         attribute_effect(td, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(td);
         snippet(node_2, () => children() ?? noop$1, () => cellState.snippetProps);
@@ -22303,7 +22312,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_2$j = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+  var root_2$k = /* @__PURE__ */ from_html(`<thead><!></thead>`);
   function Calendar_grid_head($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22362,7 +22371,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var thead = root_2$j();
+        var thead = root_2$k();
         attribute_effect(thead, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(thead);
         snippet(node_2, () => children() ?? noop$1);
@@ -22378,7 +22387,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid_head, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$i = /* @__PURE__ */ from_html(`<th><!></th>`);
+  var root_2$j = /* @__PURE__ */ from_html(`<th><!></th>`);
   function Calendar_head_cell($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22437,7 +22446,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var th = root_2$i();
+        var th = root_2$j();
         attribute_effect(th, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(th);
         snippet(node_2, () => children() ?? noop$1);
@@ -22453,7 +22462,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_head_cell, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$h = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+  var root_2$i = /* @__PURE__ */ from_html(`<tr><!></tr>`);
   function Calendar_grid_row($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22512,7 +22521,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var tr = root_2$h();
+        var tr = root_2$i();
         attribute_effect(tr, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(tr);
         snippet(node_2, () => children() ?? noop$1);
@@ -22528,7 +22537,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_grid_row, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$g = /* @__PURE__ */ from_html(`<header><!></header>`);
+  var root_2$h = /* @__PURE__ */ from_html(`<header><!></header>`);
   function Calendar_header($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22587,7 +22596,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var header = root_2$g();
+        var header = root_2$h();
         attribute_effect(header, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(header);
         snippet(node_2, () => children() ?? noop$1);
@@ -22603,7 +22612,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_header, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$f = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$g = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Calendar_heading($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22665,7 +22674,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate_1 = ($$anchor2) => {
-        var div = root_2$f();
+        var div = root_2$g();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         {
@@ -22697,7 +22706,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_heading, { children: {}, child: {}, ref: {}, id: {} }, [], [], true);
-  var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_2$f = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Calendar_next_button($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22764,7 +22773,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var button = root_2$e();
+        var button = root_2$f();
         attribute_effect(button, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(button);
         snippet(node_2, () => children() ?? noop$1);
@@ -22780,7 +22789,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Calendar_next_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], true);
-  var root_2$d = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_2$e = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Calendar_prev_button($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -22847,7 +22856,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var button = root_2$d();
+        var button = root_2$e();
         attribute_effect(button, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(button);
         snippet(node_2, () => children() ?? noop$1);
@@ -22863,8 +22872,8 @@ 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$a = /* @__PURE__ */ from_html(`<input/>`);
-  var root_2$c = /* @__PURE__ */ from_html(`<input/>`);
+  var root_1$b = /* @__PURE__ */ from_html(`<input/>`);
+  var root_2$d = /* @__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"]);
@@ -22886,12 +22895,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var input = root_1$a();
+        var input = root_1$b();
         attribute_effect(input, () => ({ ...get$2(mergedProps), value: value() }), void 0, void 0, void 0, void 0, true);
         append($$anchor2, input);
       };
       var alternate = ($$anchor2) => {
-        var input_1 = root_2$c();
+        var input_1 = root_2$d();
         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);
@@ -25334,7 +25343,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$9 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+  var root_1$a = /* @__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, [
@@ -25645,7 +25654,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$9();
+        var fragment_1 = root_1$a();
         var node = first_child(fragment_1);
         {
           var consequent = ($$anchor3) => {
@@ -28099,7 +28108,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     pop();
   }
   create_custom_element(Date_field_hidden_input, {}, [], [], true);
-  var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$c = /* @__PURE__ */ from_html(`<div><!></div>`);
   var root$5 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
   function Date_field_input($$anchor, $$props) {
     const uid = props_id();
@@ -28171,7 +28180,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$b();
+        var div = root_2$c();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => ({ segments: inputState.root.segmentContents }));
@@ -28189,7 +28198,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_field_input, { id: {}, ref: {}, name: {}, children: {}, child: {} }, [], [], true);
-  var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$b = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Date_field_label($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -28248,7 +28257,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$a();
+        var div = root_2$b();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1);
@@ -28264,7 +28273,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_field_label, { id: {}, ref: {}, children: {}, child: {} }, [], [], true);
-  var root_2$9 = /* @__PURE__ */ from_html(`<span><!></span>`);
+  var root_2$a = /* @__PURE__ */ from_html(`<span><!></span>`);
   function Date_field_segment($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -28331,7 +28340,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var span = root_2$9();
+        var span = root_2$a();
         attribute_effect(span, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(span);
         snippet(node_2, () => children() ?? noop$1);
@@ -28906,7 +28915,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_2$8 = /* @__PURE__ */ from_html(`<div><!></div>`);
+  var root_2$9 = /* @__PURE__ */ from_html(`<div><!></div>`);
   function Date_picker_calendar($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -28993,7 +29002,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         append($$anchor2, fragment_1);
       };
       var alternate = ($$anchor2) => {
-        var div = root_2$8();
+        var div = root_2$9();
         attribute_effect(div, () => ({ ...get$2(mergedProps) }));
         var node_2 = child(div);
         snippet(node_2, () => children() ?? noop$1, () => calendarState.snippetProps);
@@ -29009,8 +29018,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_picker_calendar, { children: {}, child: {}, id: {}, ref: {} }, [], [], true);
-  var root_4$3 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
-  var root_9$2 = /* @__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();
     push($$props, true);
@@ -29144,7 +29153,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                 append($$anchor4, fragment_3);
               };
               var alternate = ($$anchor4) => {
-                var div = root_4$3();
+                var div = root_4$4();
                 attribute_effect(div, () => ({ ...wrapperProps() }));
                 var div_1 = child(div);
                 attribute_effect(div_1, () => ({ ...get$2(finalProps) }));
@@ -29220,7 +29229,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                     append($$anchor5, fragment_7);
                   };
                   var alternate_1 = ($$anchor5) => {
-                    var div_2 = root_9$2();
+                    var div_2 = root_9$3();
                     attribute_effect(div_2, () => ({ ...wrapperProps() }));
                     var div_3 = child(div_2);
                     attribute_effect(div_3, () => ({ ...get$2(finalProps) }));
@@ -29344,7 +29353,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_picker_content, { ref: {}, onOpenAutoFocus: {} }, [], [], true);
-  var root_3$5 = /* @__PURE__ */ from_html(`<button><!></button>`);
+  var root_3$6 = /* @__PURE__ */ from_html(`<button><!></button>`);
   function Popover_trigger($$anchor, $$props) {
     const uid = props_id();
     push($$props, true);
@@ -29428,7 +29437,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             append($$anchor3, fragment_2);
           };
           var alternate = ($$anchor3) => {
-            var button = root_3$5();
+            var button = root_3$6();
             attribute_effect(button, () => ({ ...get$2(mergedProps) }));
             var node_2 = child(button);
             snippet(node_2, () => children() ?? noop$1);
@@ -29506,11 +29515,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(Date_picker_trigger, { ref: {}, onkeydown: {} }, [], [], true);
-  var root_2$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  var root_7$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
-  var root_9$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  var root_6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-  var root_1$8 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+  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);
   function DatePicker_1($$anchor, $$props) {
     push($$props, true);
     let dateString = prop($$props, "dateString", 15), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -29552,12 +29561,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           set(date2, $$value, true);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_1 = root_1$8();
+          var fragment_1 = root_1$9();
           var node_1 = first_child(fragment_1);
           component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
             DatePicker_Label($$anchor4, {
               get class() {
-                return `go-datepicker-label $${labelClass() ?? ""}`;
+                return `go-datepicker-label ${labelClass() ?? ""}`;
               }
             });
           });
@@ -29565,7 +29574,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           {
             const children = ($$anchor4, $$arg0) => {
               let segments = () => $$arg0?.().segments;
-              var fragment_2 = root_2$7();
+              var fragment_2 = root_2$8();
               var node_3 = first_child(fragment_2);
               each(node_3, 17, segments, index$1, ($$anchor5, $$item) => {
                 let part = () => get$2($$item).part;
@@ -29597,7 +29606,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             component(node_2, () => Date_field_input, ($$anchor4, DatePicker_Input) => {
               DatePicker_Input($$anchor4, {
                 get class() {
-                  return `go-datepicker-input $${inputClass() ?? ""}`;
+                  return `go-datepicker-input ${inputClass() ?? ""}`;
                 },
                 children,
                 $$slots: { default: true }
@@ -29614,12 +29623,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                   const children = ($$anchor6, $$arg0) => {
                     let months = () => $$arg0?.().months;
                     let weekdays = () => $$arg0?.().weekdays;
-                    var fragment_6 = root_6();
+                    var fragment_6 = root_6$1();
                     var node_8 = first_child(fragment_6);
                     component(node_8, () => Calendar_header, ($$anchor7, DatePicker_Header) => {
                       DatePicker_Header($$anchor7, {
                         children: ($$anchor8, $$slotProps3) => {
-                          var fragment_7 = root_7$2();
+                          var fragment_7 = root_7$3();
                           var node_9 = first_child(fragment_7);
                           component(node_9, () => Calendar_prev_button, ($$anchor9, DatePicker_PrevButton) => {
                             DatePicker_PrevButton($$anchor9, { class: "go-datepicker-previous" });
@@ -29644,7 +29653,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                       component(node_13, () => Calendar_grid, ($$anchor8, DatePicker_Grid) => {
                         DatePicker_Grid($$anchor8, {
                           children: ($$anchor9, $$slotProps3) => {
-                            var fragment_9 = root_9$1();
+                            var fragment_9 = root_9$2();
                             var node_14 = first_child(fragment_9);
                             component(node_14, () => Calendar_grid_head, ($$anchor10, DatePicker_GridHead) => {
                               DatePicker_GridHead($$anchor10, {
@@ -29759,24 +29768,24 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(DatePicker_1, { dateString: {}, labelClass: {}, inputClass: {} }, [], [], true);
-  var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
-  var root_1$7 = /* @__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_7$1 = /* @__PURE__ */ from_html(`<option> </option>`);
+  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_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_5$1 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
-  var root_11$1 = /* @__PURE__ */ from_html(`<label> <input/></label>`);
-  var root_9 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fieldset>`);
+  var root_11$2 = /* @__PURE__ */ from_html(`<label> <input/></label>`);
+  var root_9$1 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fieldset>`);
   function InputAndLabel($$anchor, $$props) {
     push($$props, true);
     const labelText = ($$anchor2) => {
-      var fragment = root_1$7();
+      var fragment = root_1$8();
       var node = first_child(fragment);
       html$2(node, () => purify.sanitize(field().label));
       var node_1 = sibling(node, 2);
       {
         var consequent = ($$anchor3) => {
-          var span = root_2$6();
+          var span = root_2$7();
           append($$anchor3, span);
         };
         if_block(node_1, ($$render) => {
@@ -29786,7 +29795,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       append($$anchor2, fragment);
     };
     const input = ($$anchor2) => {
-      var fragment_1 = root_3$4();
+      var fragment_1 = root_3$5();
       var label = first_child(fragment_1);
       var node_2 = child(label);
       labelText(node_2);
@@ -29816,7 +29825,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       append($$anchor2, fragment_1);
     };
     const checkbox = ($$anchor2) => {
-      var label_1 = root_4$2();
+      var label_1 = root_4$3();
       var input_2 = child(label_1);
       var event_handler = (e) => field(field().value = e.target.checked, true);
       attribute_effect(
@@ -29864,7 +29873,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var fragment_3 = comment();
           var node_6 = first_child(fragment_3);
           each(node_6, 17, () => field().options(), index$1, ($$anchor4, option) => {
-            var option_1 = root_7$1();
+            var option_1 = root_7$2();
             var text2 = child(option_1, true);
             reset(option_1);
             var option_1_value = {};
@@ -29907,7 +29916,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       });
     };
     const radio = ($$anchor2) => {
-      var fieldset = root_9();
+      var fieldset = root_9$1();
       var legend = child(fieldset);
       var node_7 = child(legend);
       labelText(node_7);
@@ -29918,7 +29927,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var fragment_5 = comment();
           var node_9 = first_child(fragment_5);
           each(node_9, 17, () => field().options, index$1, ($$anchor4, option) => {
-            var label_3 = root_11$1();
+            var label_3 = root_11$2();
             var text_1 = child(label_3);
             var input_3 = sibling(text_1);
             attribute_effect(
@@ -29964,7 +29973,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       "inputClass",
       "host"
     ]);
-    const _details = getDetails(host());
+    const _details = getDetails$1(host());
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     const map = {
       input,
@@ -30063,15 +30072,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     true
   );
-  var root_1$6 = /* @__PURE__ */ from_html(`<span> </span>`);
-  var root_3$3 = /* @__PURE__ */ from_html(`<li> </li>`);
-  var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
+  var root_1$7 = /* @__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);
   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);
     let field = /* @__PURE__ */ state(proxy(Forms.createField(key(), required())));
-    const _details = getDetails($$props.$$host);
+    const _details = getDetails$1($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     user_effect(() => {
       if (!get$2(details)) return;
@@ -30153,7 +30162,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node_1 = sibling(node, 2);
     {
       var consequent = ($$anchor2) => {
-        var span = root_1$6();
+        var span = root_1$7();
         var text2 = child(span, true);
         reset(span);
         template_effect(() => {
@@ -30169,9 +30178,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node_2 = sibling(node_1, 2);
     {
       var consequent_1 = ($$anchor2) => {
-        var ul = root_2$5();
+        var ul = root_2$6();
         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)));
@@ -30200,16 +30209,16 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ["getField"],
     false
   ));
-  var root_1$5 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
+  var root_1$6 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
   function AllFields($$anchor, $$props) {
     push($$props, true);
-    let _details = getDetails($$props.$$host);
+    let _details = getDetails$1($$props.$$host);
     let details = /* @__PURE__ */ user_derived(() => _details.value);
     let allFields2 = /* @__PURE__ */ user_derived(() => get$2(details) ? Forms.getFormFields(get$2(details)?.formId) : []);
     var fragment = comment();
     var node = first_child(fragment);
     each(node, 17, () => get$2(allFields2), index$1, ($$anchor2, field) => {
-      var go_field = root_1$5();
+      var go_field = root_1$6();
       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);
@@ -30218,14 +30227,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     pop();
   }
   customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], [], false));
-  var root_2$4 = /* @__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$5 = /* @__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$4 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
+  var root_1$5 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
   function ErrorsFeedback($$anchor, $$props) {
     push($$props, true);
-    const _details = getDetails($$props.$$host);
+    const _details = getDetails$1($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     user_effect(() => {
       get$2(details)?.form?.addEventListener("after-validation", () => {
@@ -30239,12 +30248,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var node = first_child(fragment);
     {
       var consequent_3 = ($$anchor2) => {
-        var div = root_1$4();
+        var div = root_1$5();
         let classes;
         var node_1 = child(div);
         {
           var consequent = ($$anchor3) => {
-            var p2 = root_2$4();
+            var p2 = root_2$5();
             var text2 = child(p2);
             reset(p2);
             template_effect(() => set_text(text2, `Failed to save because ${get$2(errorsOnSubmit) ?? ""} fields are invalid.`));
@@ -30257,9 +30266,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         var node_2 = sibling(node_1, 2);
         {
           var consequent_1 = ($$anchor3) => {
-            var ul = root_3$2();
+            var ul = root_3$3();
             each(ul, 21, () => get$2(details)?.apiErrors, index$1, ($$anchor4, error) => {
-              var li = root_4$1();
+              var li = root_4$2();
               var text_1 = child(li, true);
               reset(li);
               template_effect(() => set_text(text_1, get$2(error)));
@@ -30334,16 +30343,16 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     false
   ));
-  var root_1$3 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
+  var root_1$4 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
   function SuccessFeedback($$anchor, $$props) {
     push($$props, true);
-    const _details = getDetails($$props.$$host);
+    const _details = getDetails$1($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     var fragment = comment();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
-        var div = root_1$3();
+        var div = root_1$4();
         let classes;
         var text2 = child(div, true);
         reset(div);
@@ -30483,15 +30492,15 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       return Boolean(this.filters?.includes("timeslot") || this.filters?.includes("day"));
     }
   }
-  const KEY$1 = "go-ticket-selection";
-  const setTicketSelectionDetails = createSetDetails(KEY$1);
-  const getTicketSelectionDetails = createGetDetails(KEY$1);
+  const KEY$2 = "go-ticket-selection";
+  const setTicketSelectionDetails = createSetDetails(KEY$2);
+  const getTicketSelectionDetails = createGetDetails(KEY$2);
   function If($$anchor, $$props) {
     push($$props, true);
     let when = prop($$props, "when", 7), then = prop($$props, "then", 7, "show");
     const _ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
     const ticketSelectionDetails = /* @__PURE__ */ user_derived(() => _ticketSelectionDetails.value);
-    const _formDetails = getDetails($$props.$$host);
+    const _formDetails = getDetails$1($$props.$$host);
     const formDetails = /* @__PURE__ */ user_derived(() => _formDetails.value);
     let data = /* @__PURE__ */ user_derived(() => ({
       ticketSelection: get$2(ticketSelectionDetails),
@@ -30649,6 +30658,342 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     false
   ));
+  class OrderDetails {
+    #token = /* @__PURE__ */ state();
+    get token() {
+      return get$2(this.#token);
+    }
+    set token(value) {
+      set(this.#token, value, true);
+    }
+    constructor(token) {
+      this.token = token;
+    }
+    get order() {
+      if (!this.token) {
+        return;
+      }
+      const result = snapshot(shop.order(this.token));
+      return result;
+    }
+    downloadLink(item) {
+      if (!this.order?.is_valid) return;
+      switch (item.type) {
+        case "Event":
+          return `${shop.apiUrl}/api/v4/orders/${this.order.id}/events/${item.attributes.id}.pdf?locale=${shop.locale}&token=${this.token}`;
+        case "Ticket":
+          if (item.attributes.ticket_type === "annual" && !item.attributes.is_voucher) {
+            if (go.config.urls.annualTicketPersonalizationList?.()) {
+              return go.config.urls.annualTicketPersonalizationList(this.token);
+            } else {
+              return shop.urls?.annualTicketPersonalizationList(this.token);
+            }
+          } else {
+            return `${shop.apiUrl}/api/v4/orders/${this.order.id}/tickets/${item.attributes.id}.pdf?locale=${shop.locale}&token=${this.token}`;
+          }
+      }
+    }
+  }
+  const KEY$1 = "go-order-details";
+  const setDetails = createSetDetails(KEY$1);
+  const getDetails = createGetDetails(KEY$1);
+  function Order($$anchor, $$props) {
+    push($$props, true);
+    let token = prop($$props, "token", 7);
+    const orderDetails = new OrderDetails(token());
+    setDetails($$props.$$host, orderDetails);
+    var $$exports = {
+      orderDetails,
+      get token() {
+        return token();
+      },
+      set token($$value) {
+        token($$value);
+        flushSync();
+      }
+    };
+    return pop($$exports);
+  }
+  customElements.define("go-order", create_custom_element(Order, { token: { attribute: "token", reflect: true, type: "String" } }, [], ["orderDetails"], false));
+  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>`);
+  var root_3$2 = /* @__PURE__ */ from_html(`<!> <br/> <!>`, 1);
+  var root_8 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization">Personalize</a>`, 1);
+  var root_9 = /* @__PURE__ */ from_html(`<a aria-label="passbook link"><img alt="apple wallet icon"/></a>`);
+  var root_2$4 = /* @__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_11$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank">Download</a>`);
+  var root_12 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization">Personalize</a>`);
+  var root_10 = /* @__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>`);
+  function TicketSale($$anchor, $$props) {
+    push($$props, true);
+    const APPLE_WALLET_CDN_PATH = `https://cdn.shop.platform.gomus.de/apple_wallet_${shop.locale}.svg`;
+    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 fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent_5 = ($$anchor2) => {
+        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$4();
+          var article = child(li);
+          var ul = child(article);
+          var li_1 = child(ul);
+          li_1.textContent = "1";
+          var li_2 = sibling(li_1, 2);
+          var span = child(li_2);
+          var text2 = child(span, true);
+          reset(span);
+          var node_2 = sibling(span, 2);
+          {
+            var consequent_3 = ($$anchor4) => {
+              var fragment_2 = root_3$2();
+              var node_3 = first_child(fragment_2);
+              {
+                var consequent = ($$anchor5) => {
+                  var fragment_3 = root_4$1();
+                  var span_1 = first_child(fragment_3);
+                  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);
+                  template_effect(
+                    ($0, $1) => {
+                      set_text(text_1, $0);
+                      set_text(text_2, $1);
+                    },
+                    [
+                      () => formatDate(item().attributes.start_time, { month: "numeric", day: "numeric" }, shop.locale),
+                      () => formatTime(item().attributes.start_time)
+                    ]
+                  );
+                  append($$anchor5, fragment_3);
+                };
+                var alternate = ($$anchor5) => {
+                  var fragment_4 = comment();
+                  var node_4 = first_child(fragment_4);
+                  {
+                    var consequent_1 = ($$anchor6) => {
+                      var span_3 = root_6();
+                      var text_3 = child(span_3, true);
+                      reset(span_3);
+                      template_effect(($0) => set_text(text_3, $0), [
+                        () => formatDate(item().attributes.start_time, { month: "numeric", day: "numeric" }, shop.locale)
+                      ]);
+                      append($$anchor6, span_3);
+                    };
+                    if_block(
+                      node_4,
+                      ($$render) => {
+                        if (item().attributes.ticket_type === "normal") $$render(consequent_1);
+                      },
+                      true
+                    );
+                  }
+                  append($$anchor5, fragment_4);
+                };
+                if_block(node_3, ($$render) => {
+                  if (item().attributes.ticket_type === "time_slot") $$render(consequent);
+                  else $$render(alternate, false);
+                });
+              }
+              var node_5 = sibling(node_3, 4);
+              {
+                var consequent_2 = ($$anchor5) => {
+                  var a2 = root_7$1();
+                  template_effect(($0) => set_attribute(a2, "href", $0), [() => orderDetails().downloadLink(item())]);
+                  append($$anchor5, a2);
+                };
+                if_block(node_5, ($$render) => {
+                  if (index2 == 0) $$render(consequent_2);
+                });
+              }
+              append($$anchor4, fragment_2);
+            };
+            var alternate_1 = ($$anchor4) => {
+              var fragment_5 = root_8();
+              var a_1 = sibling(first_child(fragment_5), 2);
+              template_effect(($0) => set_attribute(a_1, "href", $0), [() => orderDetails().downloadLink(item())]);
+              append($$anchor4, fragment_5);
+            };
+            if_block(node_2, ($$render) => {
+              if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_3);
+              else $$render(alternate_1, false);
+            });
+          }
+          reset(li_2);
+          var li_3 = sibling(li_2, 2);
+          var text_4 = child(li_3, true);
+          reset(li_3);
+          var li_4 = sibling(li_3, 2);
+          var node_6 = child(li_4);
+          {
+            var consequent_4 = ($$anchor4) => {
+              var a_2 = root_9();
+              var img = child(a_2);
+              reset(a_2);
+              template_effect(() => {
+                set_attribute(a_2, "href", shop.apiUrl + item().attributes.barcodes[index2]?.passbook_url);
+                set_attribute(img, "src", APPLE_WALLET_CDN_PATH);
+              });
+              append($$anchor4, a_2);
+            };
+            if_block(node_6, ($$render) => {
+              if (item().attributes.barcodes[index2]) $$render(consequent_4);
+            });
+          }
+          reset(li_4);
+          reset(ul);
+          reset(article);
+          reset(li);
+          template_effect(
+            ($0) => {
+              set_text(text2, item().attributes.title);
+              set_text(text_4, $0);
+            },
+            [() => formatCurrency$1(item().price_cents)]
+          );
+          append($$anchor3, li);
+        });
+        append($$anchor2, fragment_1);
+      };
+      var alternate_3 = ($$anchor2) => {
+        var li_5 = root_10();
+        var article_1 = child(li_5);
+        var ul_1 = child(article_1);
+        var li_6 = child(ul_1);
+        var text_5 = child(li_6, true);
+        reset(li_6);
+        var li_7 = sibling(li_6, 2);
+        var span_4 = child(li_7);
+        var text_6 = child(span_4, true);
+        reset(span_4);
+        var node_7 = sibling(span_4, 2);
+        {
+          var consequent_6 = ($$anchor3) => {
+            var a_3 = root_11$1();
+            template_effect(($0) => set_attribute(a_3, "href", $0), [() => orderDetails().downloadLink(item())]);
+            append($$anchor3, a_3);
+          };
+          var alternate_2 = ($$anchor3) => {
+            var a_4 = root_12();
+            template_effect(($0) => set_attribute(a_4, "href", $0), [() => orderDetails().downloadLink(item())]);
+            append($$anchor3, a_4);
+          };
+          if_block(node_7, ($$render) => {
+            if (item().attributes.is_voucher) $$render(consequent_6);
+            else $$render(alternate_2, false);
+          });
+        }
+        reset(li_7);
+        var li_8 = sibling(li_7, 2);
+        var text_7 = child(li_8, true);
+        reset(li_8);
+        next(2);
+        reset(ul_1);
+        reset(article_1);
+        reset(li_5);
+        template_effect(
+          ($0) => {
+            set_text(text_5, item().attributes.quantity);
+            set_text(text_6, item().attributes.title);
+            set_text(text_7, $0);
+          },
+          [() => formatCurrency$1(item().price_cents)]
+        );
+        append($$anchor2, li_5);
+      };
+      if_block(node, ($$render) => {
+        if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_5);
+        else $$render(alternate_3, false);
+      });
+    }
+    append($$anchor, fragment);
+    return pop($$exports);
+  }
+  create_custom_element(TicketSale, { item: {}, orderDetails: {} }, [], [], true);
+  var root_1$3 = /* @__PURE__ */ from_html(`<ol><li class="data-go-order-breakdown-header"><ul><li class="go-order-breakdown-header-count">Count</li> <li class="go-order-breakdown-header-product">Product</li> <li class="go-order-breakdown-header-price">Price</li> <li class="go-order-breakdown-header-passbook"></li></ul></li> <!> <li class="go-order-breakdown-footer"><ul><li class="go-cart-footer-title"></li> <li class="go-cart-footer-count"></li> <li class="go-cart-footer-price"> </li> <li class="go-cart-footer-passbook"></li></ul></li></ol>`);
+  function Breakdown($$anchor, $$props) {
+    push($$props, true);
+    const _orderDetails = getDetails($$props.$$host);
+    const orderDetails = /* @__PURE__ */ user_derived(() => _orderDetails.value);
+    let order = /* @__PURE__ */ user_derived(() => get$2(orderDetails)?.order);
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent_1 = ($$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) => {
+          var fragment_1 = comment();
+          var node_2 = first_child(fragment_1);
+          {
+            var consequent = ($$anchor4) => {
+              TicketSale($$anchor4, {
+                get item() {
+                  return get$2(item);
+                },
+                get orderDetails() {
+                  return get$2(orderDetails);
+                }
+              });
+            };
+            if_block(node_2, ($$render) => {
+              if (get$2(item).type === "Ticket") $$render(consequent);
+            });
+          }
+          append($$anchor3, fragment_1);
+        });
+        var li = sibling(node_1, 2);
+        var ul = child(li);
+        var li_1 = sibling(child(ul), 4);
+        var text2 = child(li_1);
+        reset(li_1);
+        next(2);
+        reset(ul);
+        reset(li);
+        reset(ol);
+        template_effect(($0) => set_text(text2, `Total: ${$0 ?? ""}`), [() => formatCurrency(get$2(order).total_price_cents)]);
+        append($$anchor2, ol);
+      };
+      if_block(node, ($$render) => {
+        if (get$2(order)) $$render(consequent_1);
+      });
+    }
+    append($$anchor, fragment);
+    pop();
+  }
+  customElements.define("go-order-breakdown", create_custom_element(Breakdown, {}, [], [], false));
+  function InvoiceId($$anchor, $$props) {
+    push($$props, true);
+    const _orderDetails = getDetails($$props.$$host);
+    const orderDetails = /* @__PURE__ */ user_derived(() => _orderDetails.value);
+    let order = /* @__PURE__ */ user_derived(() => get$2(orderDetails)?.order);
+    next();
+    var text2 = text$1();
+    template_effect(() => set_text(text2, get$2(order)?.id));
+    append($$anchor, text2);
+    pop();
+  }
+  customElements.define("go-order-invoice-id", create_custom_element(InvoiceId, {}, [], [], false));
   function parseIds(ids) {
     if (!ids) {
       return void 0;