@gomusdev/web-components 1.43.0 → 1.45.0

package/dist-js/gomus-webcomponents.js

@@ -12816,19 +12816,28 @@ class ConfigStoreSvelte {
     this.update();
   }
   update() {
-    this.options = assign(this.defaultConfig, this.override);
+    const merged = assign(this.defaultConfig, this.override);
+    merged.forms = Object.keys({ ...this.defaultConfig.forms, ...this.override.forms }).reduce(
+      (acc, key) => {
+        acc[key] = {
+          ...this.defaultConfig.forms[key],
+          ...this.override.forms[key]
+        };
+        return acc;
+      },
+      {}
+    );
+    this.options = merged;
   }
   get config() {
     return this.options;
   }
   define(options) {
-    console.log("ConfigStore.define", options);
     this.override = assign(this.override, options);
     this.update();
     return this;
   }
   default(options) {
-    console.log("ConfigStore.default", options);
     this.defaultConfig = assign(this.defaultConfig, options);
     this.update();
     return this;
@@ -12870,7 +12879,7 @@ class PersonalizationDetails {
 }
 const KEY$4 = "go-annual-ticket-personalization";
 const setPersonalizationDetails = createSetDetails(KEY$4);
-var root_3$8 = /* @__PURE__ */ from_html(`<li><a> </a></li>`);
+var root_3$9 = /* @__PURE__ */ from_html(`<li><a> </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>`);
 function AnnualTicketPersonalization($$anchor, $$props) {
   push($$props, true);
@@ -12908,7 +12917,7 @@ function AnnualTicketPersonalization($$anchor, $$props) {
         var node_2 = sibling(li_1, 2);
         {
           var consequent = ($$anchor4) => {
-            var li_2 = root_3$8();
+            var li_2 = root_3$9();
             var a2 = child(li_2);
             var text_2 = child(a2, true);
             reset(a2);
@@ -16475,14 +16484,12 @@ class FormDetails {
   fill(data) {
     const fs = this.fields;
     Object.entries(data).forEach(([key, val]) => {
-      console.log(key, val);
       const f = fs.find((f2) => f2.apiKey === key);
       if (!f) {
         console.warn(`(FormDetails.fill) Field with API key ${key} not found.`);
         return;
       }
       if (f.type === "select") {
-        console.log(f.options());
         if (!f.options?.().find((o) => o.value === val)) {
           throw new Error(`(FormDetails.fill) Field ${key} has invalid value: ${val}`);
         }
@@ -16590,7 +16597,7 @@ customElements.define("go-form", create_custom_element(
   [],
   ["details"]
 ));
-var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   let custom2 = prop($$props, "custom", 7, false);
@@ -16620,7 +16627,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$c();
+  var go_form = root$a();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   event("submit", go_form, passwordReset);
@@ -16628,7 +16635,6 @@ function PasswordReset($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-password-reset", create_custom_element(PasswordReset, { custom: {} }, [], []));
-var root$b = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignIn($$anchor, $$props) {
   push($$props, true);
   Forms.defineForm({
@@ -16639,6 +16645,7 @@ function SignIn($$anchor, $$props) {
       { key: "password", required: true }
     ]
   });
+  let custom2 = prop($$props, "custom", 7, false);
   async function signIn(event2) {
     const form = event2.target;
     const details = form.details;
@@ -16649,11 +16656,18 @@ function SignIn($$anchor, $$props) {
       details.apiErrors = result.error.errors;
     }
   }
-  var go_form = root$b();
-  set_custom_element_data(go_form, "formId", "signIn");
-  event("submit", go_form, signIn);
-  append($$anchor, go_form);
-  pop();
+  wrapInElement($$props.$$host, "go-form", { "form-id": "signIn", custom: custom2() });
+  $$props.$$host.addEventListener("submit", signIn);
+  var $$exports = {
+    get custom() {
+      return custom2();
+    },
+    set custom($$value = false) {
+      custom2($$value);
+      flushSync();
+    }
+  };
+  return pop($$exports);
 }
 customElements.define("go-sign-in", create_custom_element(
   SignIn,
@@ -16663,9 +16677,9 @@ customElements.define("go-sign-in", create_custom_element(
   [],
   []
 ));
-var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SignUp($$anchor, $$props) {
   push($$props, true);
+  let custom2 = prop($$props, "custom", 7, false);
   Forms.defineForm({
     id: "signUp",
     submitLabel: "common.actions.register",
@@ -16696,11 +16710,18 @@ function SignUp($$anchor, $$props) {
       details.apiErrors = result.error.errors;
     }
   }
-  var go_form = root$a();
-  set_custom_element_data(go_form, "formId", "signUp");
-  event("submit", go_form, signUp);
-  append($$anchor, go_form);
-  pop();
+  wrapInElement($$props.$$host, "go-form", { "form-id": "signUp", custom: custom2() });
+  $$props.$$host.addEventListener("submit", signUp);
+  var $$exports = {
+    get custom() {
+      return custom2();
+    },
+    set custom($$value = false) {
+      custom2($$value);
+      flushSync();
+    }
+  };
+  return pop($$exports);
 }
 customElements.define("go-sign-up", create_custom_element(
   SignUp,
@@ -17000,7 +17021,7 @@ function Item$1($$anchor, $$props) {
 delegate(["change", "click"]);
 create_custom_element(Item$1, { cartItem: {}, cart: {}, preview: {} }, [], [], { mode: "open" });
 var root_2$o = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
-var root_3$7 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><!></li>`);
+var root_3$8 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><!></li>`);
 var root_4$6 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
 var root_1$f = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li class="go-cart-header" data-go-cart-header="" data-testid="cart-header"><ul><li class="go-cart-header-title" data-go-cart-header-title=""> </li> <li class="go-cart-header-price" data-go-cart-header-price=""> </li> <li class="go-cart-header-count" data-go-cart-header-count=""> </li> <!> <li class="go-cart-header-sum" data-go-cart-header-sum=""> </li></ul></li> <!> <li class="go-cart-footer" data-go-cart-footer="" data-testid="cart-footer"><ul><li class="go-cart-footer-title" data-go-cart-footer-title=""></li> <li class="go-cart-footer-price" data-go-cart-footer-price=""></li> <li class="go-cart-footer-count" data-go-cart-footer-count=""></li> <!> <li class="go-cart-footer-sum" data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
 function Cart($$anchor, $$props) {
@@ -17049,7 +17070,7 @@ function Cart($$anchor, $$props) {
       reset(li);
       var node_2 = sibling(li, 2);
       each(node_2, 17, () => get$2(cart).items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
-        var li_6 = root_3$7();
+        var li_6 = root_3$8();
         var node_3 = child(li_6);
         Item$1(node_3, {
           get cartItem() {
@@ -17140,26 +17161,24 @@ function CheckoutForm($$anchor, $$props) {
     ]
   });
   wrapInElement($$props.$$host, "go-form", { "form-id": "checkoutGuest", custom: custom2() });
-  const form = $$props.$$host.querySelector("go-form");
-  onMount(async () => {
-    $$props.$$host.addEventListener("go-submit", async (e) => {
-      const auth = await shop.signUp(form.details.formData, true);
-      if (auth.error) {
-        form.details.apiErrors = auth.error.errors;
-        return;
-      }
-      const checkout = await shop.checkout(get$2(cart).orderData());
-      if (checkout.error) {
-        form.details.apiErrors = checkout.error;
-        return;
-      }
-      const beforeSubmit = configStore.config.forms.checkoutGuest?.beforeSubmit;
-      if (beforeSubmit) {
-        await beforeSubmit(form.details.formData);
-      }
-      const paymentUrl = checkout.data.meta.payment_url;
-      configStore.config.navigateTo?.(paymentUrl);
-    });
+  $$props.$$host.addEventListener("submit", async (e) => {
+    const form = e.target;
+    const auth = await shop.signUp(form.details.formData, true);
+    if (auth.error) {
+      form.details.apiErrors = auth.error.errors;
+      return;
+    }
+    const checkout = await shop.checkout(get$2(cart).orderData());
+    if (checkout.error) {
+      form.details.apiErrors = checkout.error;
+      return;
+    }
+    const beforeSubmit = configStore.config.forms.checkoutGuest?.beforeSubmit;
+    if (beforeSubmit) {
+      await beforeSubmit(form.details.formData);
+    }
+    const paymentUrl = checkout.data.meta.payment_url;
+    configStore.config.navigateTo?.(paymentUrl);
   });
   var $$exports = {
     get custom() {
@@ -30345,7 +30364,7 @@ function Date_picker_content($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Date_picker_content, { ref: {}, onOpenAutoFocus: {} }, [], [], { mode: "open" });
-var root_3$6 = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root_3$7 = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Popover_trigger($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -30456,7 +30475,7 @@ function Popover_trigger($$anchor, $$props) {
           append($$anchor3, fragment_2);
         };
         var alternate = ($$anchor3) => {
-          var button = root_3$6();
+          var button = root_3$7();
           attribute_effect(button, () => ({ ...get$2(mergedProps) }));
           var node_2 = child(button);
           snippet(node_2, () => children() ?? noop$1);
@@ -30844,7 +30863,7 @@ create_custom_element(
 );
 var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
 var root_1$b = /* @__PURE__ */ from_html(` <!>`, 1);
-var root_3$5 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
+var root_3$6 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
 var root_4$3 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
 var root_7$2 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_6$1 = /* @__PURE__ */ from_html(`<option disabled hidden="" selected> </option> <!>`, 1);
@@ -30871,7 +30890,7 @@ function InputAndLabel($$anchor, $$props) {
     append($$anchor2, fragment);
   };
   const input = ($$anchor2) => {
-    var fragment_1 = root_3$5();
+    var fragment_1 = root_3$6();
     var label_1 = first_child(fragment_1);
     var node_1 = child(label_1);
     labelText(node_1);
@@ -31166,7 +31185,7 @@ create_custom_element(
   { mode: "open" }
 );
 var root_1$a = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_3$4 = /* @__PURE__ */ from_html(`<li> </li>`);
+var root_3$5 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
 var root$5 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function Field($$anchor, $$props) {
@@ -31268,7 +31287,7 @@ function Field($$anchor, $$props) {
     var consequent_1 = ($$anchor2) => {
       var ul = root_2$5();
       each(ul, 21, () => get$2(allErrors), index$1, ($$anchor3, error) => {
-        var li = root_3$4();
+        var li = root_3$5();
         var text_1 = child(li, true);
         reset(li);
         template_effect(() => set_text(text_1, get$2(error)));
@@ -31316,7 +31335,7 @@ function AllFields($$anchor, $$props) {
 customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], []));
 var root_2$4 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
 var root_4$2 = /* @__PURE__ */ from_html(`<li> </li>`);
-var root_3$3 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
+var root_3$4 = /* @__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$8 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
 function ErrorsFeedback($$anchor, $$props) {
@@ -31361,7 +31380,7 @@ function ErrorsFeedback($$anchor, $$props) {
       var node_2 = sibling(node_1, 2);
       {
         var consequent_1 = ($$anchor3) => {
-          var ul = root_3$3();
+          var ul = root_3$4();
           each(ul, 21, () => get$2(details)?.apiErrors, index$1, ($$anchor4, error) => {
             var li = root_4$2();
             var text_1 = child(li, true);
@@ -31881,7 +31900,8 @@ function Order($$anchor, $$props) {
 customElements.define("go-order", create_custom_element(Order, { token: { attribute: "token", reflect: true, type: "String" } }, [], ["orderDetails"]));
 var root_1$6 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
 var root_2$3 = /* @__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>`);
+var root_3$3 = /* @__PURE__ */ from_html(`<a aria-label="iCal link"> </a>`);
+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" rel="noopener noreferrer"> </a></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li> <li class="go-order-breakdown-ical"><!></li></ul></article></li>`);
 function Event$1($$anchor, $$props) {
   push($$props, true);
   let item = prop($$props, "item", 7), orderDetails = prop($$props, "orderDetails", 7);
@@ -31935,7 +31955,7 @@ function Event$1($$anchor, $$props) {
     });
   }
   var node_1 = sibling(node, 2);
-  each(node_1, 17, () => item().attributes.quantities, index$1, ($$anchor2, scalePrice) => {
+  each(node_1, 17, () => item().attributes.quantities, (scalePrice) => scalePrice.id, ($$anchor2, scalePrice) => {
     var fragment_1 = root_2$3();
     var span_3 = sibling(first_child(fragment_1), 2);
     var text_3 = child(span_3);
@@ -31944,22 +31964,46 @@ function Event$1($$anchor, $$props) {
     append($$anchor2, fragment_1);
   });
   var a2 = sibling(node_1, 2);
+  var text_4 = child(a2, true);
+  reset(a2);
   reset(li_1);
   var li_2 = sibling(li_1, 2);
-  var text_4 = child(li_2, true);
+  var text_5 = child(li_2, true);
   reset(li_2);
-  next(2);
+  var li_3 = sibling(li_2, 4);
+  var node_2 = child(li_3);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var a_1 = root_3$3();
+      var text_6 = child(a_1, true);
+      reset(a_1);
+      template_effect(
+        ($0) => {
+          set_attribute(a_1, "href", shop.apiUrl + item().attributes.ical_url);
+          set_text(text_6, $0);
+        },
+        [() => shop.t("common.calendar")]
+      );
+      append($$anchor2, a_1);
+    };
+    if_block(node_2, ($$render) => {
+      if (item().attributes.ical_url) $$render(consequent_1);
+    });
+  }
+  reset(li_3);
   reset(ul);
   reset(article);
   reset(li);
   template_effect(
-    ($0, $1) => {
+    ($0, $1, $2) => {
       set_text(text2, item().attributes.title);
       set_attribute(a2, "href", $0);
       set_text(text_4, $1);
+      set_text(text_5, $2);
     },
     [
       () => orderDetails().downloadLink(item()),
+      () => shop.t("common.download"),
       () => formatCurrency$1(item().price_cents)
     ]
   );
@@ -31969,13 +32013,14 @@ function Event$1($$anchor, $$props) {
 create_custom_element(Event$1, { item: {}, orderDetails: {} }, [], [], { mode: "open" });
 var root_4$1 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span> <span class="go-cart-item-time"> </span>`, 1);
 var root_6 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date"> </span>`);
-var root_3$2 = /* @__PURE__ */ from_html(`<!> <br/> <a class="go-ticket-download" target="_blank">Download</a>`, 1);
-var root_7$1 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization">Personalize</a>`, 1);
+var root_3$2 = /* @__PURE__ */ from_html(`<!> <br/> <a class="go-ticket-download" target="_blank" rel="noopener noreferrer"> </a>`, 1);
+var root_7$1 = /* @__PURE__ */ from_html(`<br/> <a class="go-ticket-personalization"> </a>`, 1);
 var root_8 = /* @__PURE__ */ from_html(`<a aria-label="passbook link"><img alt="apple wallet icon"/></a>`);
-var root_2$2 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li></ul></article></li>`);
-var root_10 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank">Download</a>`);
-var root_11$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization">Personalize</a>`);
-var root_9 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"> </li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"></li></ul></article></li>`);
+var root_9 = /* @__PURE__ */ from_html(`<a aria-label="iCal link"> </a>`);
+var root_2$2 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-order-breakdown-count"></li> <li class="go-order-breakdown-product"><span class="go-order-item-title"> </span> <!></li> <li class="go-order-breakdown-item-price"> </li> <li class="go-order-breakdown-passbook"><!></li> <li class="go-order-breakdown-ical"><!></li></ul></article></li>`);
+var root_11$1 = /* @__PURE__ */ from_html(`<a class="go-ticket-download" target="_blank" rel="noopener noreferrer"> </a>`);
+var root_12 = /* @__PURE__ */ from_html(`<a class="go-ticket-personalization"> </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`;
@@ -31999,7 +32044,7 @@ function TicketSale($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   {
-    var consequent_4 = ($$anchor2) => {
+    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) => {
@@ -32068,13 +32113,35 @@ function TicketSale($$anchor, $$props) {
               });
             }
             var a2 = sibling(node_3, 4);
-            template_effect(($0) => set_attribute(a2, "href", $0), [() => orderDetails().downloadLink(item(), get$2(barcodeId))]);
+            var text_4 = child(a2, true);
+            reset(a2);
+            template_effect(
+              ($0, $1) => {
+                set_attribute(a2, "href", $0);
+                set_text(text_4, $1);
+              },
+              [
+                () => orderDetails().downloadLink(item(), get$2(barcodeId)),
+                () => shop.t("common.download")
+              ]
+            );
             append($$anchor4, fragment_2);
           };
           var alternate_1 = ($$anchor4) => {
             var fragment_5 = root_7$1();
             var a_1 = sibling(first_child(fragment_5), 2);
-            template_effect(($0) => set_attribute(a_1, "href", $0), [() => orderDetails().downloadLink(item())]);
+            var text_5 = child(a_1, true);
+            reset(a_1);
+            template_effect(
+              ($0, $1) => {
+                set_attribute(a_1, "href", $0);
+                set_text(text_5, $1);
+              },
+              [
+                () => orderDetails().downloadLink(item()),
+                () => shop.t("common.personalize")
+              ]
+            );
             append($$anchor4, fragment_5);
           };
           if_block(node_2, ($$render) => {
@@ -32084,7 +32151,7 @@ function TicketSale($$anchor, $$props) {
         }
         reset(li_2);
         var li_3 = sibling(li_2, 2);
-        var text_4 = child(li_3, true);
+        var text_6 = child(li_3, true);
         reset(li_3);
         var li_4 = sibling(li_3, 2);
         var node_5 = child(li_4);
@@ -32104,13 +32171,34 @@ function TicketSale($$anchor, $$props) {
           });
         }
         reset(li_4);
+        var li_5 = sibling(li_4, 2);
+        var node_6 = child(li_5);
+        {
+          var consequent_4 = ($$anchor4) => {
+            var a_3 = root_9();
+            var text_7 = child(a_3, true);
+            reset(a_3);
+            template_effect(
+              ($0) => {
+                set_attribute(a_3, "href", shop.apiUrl + item().attributes.ical_url);
+                set_text(text_7, $0);
+              },
+              [() => shop.t("common.calendar")]
+            );
+            append($$anchor4, a_3);
+          };
+          if_block(node_6, ($$render) => {
+            if (item().attributes.ical_url) $$render(consequent_4);
+          });
+        }
+        reset(li_5);
         reset(ul);
         reset(article);
         reset(li);
         template_effect(
           ($0) => {
             set_text(text2, item().attributes.title);
-            set_text(text_4, $0);
+            set_text(text_6, $0);
           },
           [() => formatCurrency$1(item().price_cents)]
         );
@@ -32119,53 +32207,75 @@ function TicketSale($$anchor, $$props) {
       append($$anchor2, fragment_1);
     };
     var alternate_3 = ($$anchor2) => {
-      var li_5 = root_9();
-      var article_1 = child(li_5);
+      var li_6 = root_10();
+      var article_1 = child(li_6);
       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);
+      var li_7 = child(ul_1);
+      var text_8 = child(li_7, true);
+      reset(li_7);
+      var li_8 = sibling(li_7, 2);
+      var span_4 = child(li_8);
+      var text_9 = child(span_4, true);
       reset(span_4);
-      var node_6 = sibling(span_4, 2);
+      var node_7 = sibling(span_4, 2);
       {
-        var consequent_5 = ($$anchor3) => {
-          var a_3 = root_10();
-          template_effect(($0) => set_attribute(a_3, "href", $0), [() => orderDetails().downloadLink(item())]);
-          append($$anchor3, a_3);
-        };
-        var alternate_2 = ($$anchor3) => {
+        var consequent_6 = ($$anchor3) => {
           var a_4 = root_11$1();
-          template_effect(($0) => set_attribute(a_4, "href", $0), [() => orderDetails().downloadLink(item())]);
+          var text_10 = child(a_4, true);
+          reset(a_4);
+          template_effect(
+            ($0, $1) => {
+              set_attribute(a_4, "href", $0);
+              set_text(text_10, $1);
+            },
+            [
+              () => orderDetails().downloadLink(item()),
+              () => shop.t("common.download")
+            ]
+          );
           append($$anchor3, a_4);
         };
-        if_block(node_6, ($$render) => {
-          if (item().attributes.is_voucher) $$render(consequent_5);
+        var alternate_2 = ($$anchor3) => {
+          var a_5 = root_12();
+          var text_11 = child(a_5, true);
+          reset(a_5);
+          template_effect(
+            ($0, $1) => {
+              set_attribute(a_5, "href", $0);
+              set_text(text_11, $1);
+            },
+            [
+              () => orderDetails().downloadLink(item()),
+              () => shop.t("common.personalize")
+            ]
+          );
+          append($$anchor3, a_5);
+        };
+        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);
+      var li_9 = sibling(li_8, 2);
+      var text_12 = child(li_9, true);
+      reset(li_9);
       next(2);
       reset(ul_1);
       reset(article_1);
-      reset(li_5);
+      reset(li_6);
       template_effect(
         ($0) => {
-          set_text(text_5, item().attributes.quantity);
-          set_text(text_6, item().attributes.title);
-          set_text(text_7, $0);
+          set_text(text_8, item().attributes.quantity);
+          set_text(text_9, item().attributes.title);
+          set_text(text_12, $0);
         },
         [() => formatCurrency$1(item().price_cents)]
       );
-      append($$anchor2, li_5);
+      append($$anchor2, li_6);
     };
     if_block(node, ($$render) => {
-      if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_4);
+      if (item().attributes.ticket_type == "time_slot" || item().attributes.ticket_type == "normal") $$render(consequent_5);
       else $$render(alternate_3, false);
     });
   }
@@ -32173,7 +32283,7 @@ function TicketSale($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(TicketSale, { item: {}, orderDetails: {} }, [], [], { mode: "open" });
-var root_1$5 = /* @__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>`);
+var root_1$5 = /* @__PURE__ */ from_html(`<ol><li class="data-go-order-breakdown-header"><ul><li class="go-order-breakdown-header-count"> </li> <li class="go-order-breakdown-header-product"> </li> <li class="go-order-breakdown-header-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);
@@ -32184,7 +32294,21 @@ function Breakdown($$anchor, $$props) {
   {
     var consequent_2 = ($$anchor2) => {
       var ol = root_1$5();
-      var node_1 = sibling(child(ol), 2);
+      var li = child(ol);
+      var ul = child(li);
+      var li_1 = child(ul);
+      var text2 = child(li_1, true);
+      reset(li_1);
+      var li_2 = sibling(li_1, 2);
+      var text_1 = child(li_2, true);
+      reset(li_2);
+      var li_3 = sibling(li_2, 2);
+      var text_2 = child(li_3, true);
+      reset(li_3);
+      next(2);
+      reset(ul);
+      reset(li);
+      var node_1 = sibling(li, 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);
@@ -32230,20 +32354,33 @@ function Breakdown($$anchor, $$props) {
         }
         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);
+      var li_4 = sibling(node_1, 2);
+      var ul_1 = child(li_4);
+      var li_5 = sibling(child(ul_1), 4);
+      var text_3 = child(li_5, true);
+      reset(li_5);
       next(2);
-      reset(ul);
-      reset(li);
+      reset(ul_1);
+      reset(li_4);
       reset(ol);
-      template_effect(($0) => set_text(text2, `Total: ${$0 ?? ""}`), [() => formatCurrency$1(get$2(order).total_price_cents)]);
+      template_effect(
+        ($0, $1, $2, $3) => {
+          set_text(text2, $0);
+          set_text(text_1, $1);
+          set_text(text_2, $2);
+          set_text(text_3, $3);
+        },
+        [
+          () => shop.t("common.table.count"),
+          () => shop.t("common.table.product"),
+          () => shop.t("common.table.price"),
+          () => shop.t("common.table.total", { value: formatCurrency$1(get$2(order).total_price_cents) })
+        ]
+      );
       append($$anchor2, ol);
     };
     if_block(node, ($$render) => {
-      if (get$2(order)) $$render(consequent_2);
+      if (get$2(order) && get$2(orderDetails)) $$render(consequent_2);
     });
   }
   append($$anchor, fragment);

package/dist-js/lib/helpers/wrapInElement.d.ts

@@ -1 +1 @@
-export declare function wrapInElement(host: HTMLElement, tag: string, props?: Record<string, string | boolean>): HTMLElement;
+export declare function wrapInElement(host: HTMLElement, tag: string, props?: Record<string, unknown | boolean>): HTMLElement;