@gomusdev/web-components 1.45.0 → 1.47.1

package/dist-js/gomus-webcomponents.js

@@ -4357,6 +4357,16 @@ function remove_input_defaults(input) {
   queue_micro_task(remove_defaults);
   add_form_reset_listener();
 }
+function set_value(element, value) {
+  var attributes = get_attributes(element);
+  if (attributes.value === (attributes.value = // treat null and undefined the same for the initial value
+  value ?? void 0) || // @ts-expect-error
+  // `progress` elements always need their value set when it's `0`
+  element.value === value && (value !== 0 || element.nodeName !== "PROGRESS")) {
+    return;
+  }
+  element.value = value ?? "";
+}
 function set_selected(element, selected) {
   if (selected) {
     if (!element.hasAttribute("selected")) {
@@ -12869,6 +12879,9 @@ class PersonalizationDetails {
   get ticketSale() {
     if (this.ticketSaleId) return snapshot(this.order?.ticket_sales.find((ts) => ts.id == this.ticketSaleId));
   }
+  get isBmcTicket() {
+    return this.ticketSale?.is_bmc_ticket || false;
+  }
   goToPersonalization(ticketSale) {
     if (configStore.config.urls.annualTicketPersonalizationForm) {
       return configStore.config.urls.annualTicketPersonalizationForm(this.token, ticketSale.id);
@@ -12879,8 +12892,9 @@ class PersonalizationDetails {
 }
 const KEY$4 = "go-annual-ticket-personalization";
 const setPersonalizationDetails = createSetDetails(KEY$4);
+const getPersonalizationDetails = createGetDetails(KEY$4);
 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>`);
+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);
@@ -12907,7 +12921,7 @@ function AnnualTicketPersonalization($$anchor, $$props) {
       var fragment_1 = comment();
       var node_1 = first_child(fragment_1);
       each(node_1, 17, () => get$2(order).ticket_sales, (ticketSale) => ticketSale.id, ($$anchor3, ticketSale) => {
-        var ul = root_2$q();
+        var ul = root_2$r();
         var li = child(ul);
         var text2 = child(li, true);
         reset(li);
@@ -16527,7 +16541,7 @@ function wrapInElement(host, tag, props) {
   host.replaceChildren(element);
   return element;
 }
-var root_1$j = /* @__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> </go-submit>`, 3);
+var root_1$m = /* @__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> </go-submit>`, 3);
 function Form($$anchor, $$props) {
   push($$props, true);
   let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
@@ -16570,7 +16584,7 @@ function Form($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$j();
+      var fragment_1 = root_1$m();
       var go_all_fields = first_child(fragment_1);
       var go_form_feedback = sibling(go_all_fields, 2);
       var go_submit = sibling(go_form_feedback, 2);
@@ -16597,7 +16611,7 @@ customElements.define("go-form", create_custom_element(
   [],
   ["details"]
 ));
-var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   let custom2 = prop($$props, "custom", 7, false);
@@ -16627,7 +16641,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$a();
+  var go_form = root$c();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   event("submit", go_form, passwordReset);
@@ -16731,8 +16745,8 @@ customElements.define("go-sign-up", create_custom_element(
   [],
   []
 ));
-var root_1$i = /* @__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$9 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!>`, 1);
+var root_1$l = /* @__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$b = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!>`, 1);
 function Event$2($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -16747,7 +16761,7 @@ function Event$2($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$9();
+  var fragment = root$b();
   var span = first_child(fragment);
   var span_1 = child(span);
   var text2 = child(span_1, true);
@@ -16759,7 +16773,7 @@ function Event$2($$anchor, $$props) {
   var node = sibling(span);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$i();
+      var fragment_1 = root_1$l();
       var span_3 = first_child(fragment_1);
       var text_2 = child(span_3, true);
       reset(span_3);
@@ -16790,9 +16804,9 @@ function Event$2($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
-var root_2$p = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-var root_1$h = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-var root$8 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
+var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+var root_1$k = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+var root$a = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
 function Ticket($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -16805,21 +16819,21 @@ function Ticket($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$8();
+  var fragment = root$a();
   var span = first_child(fragment);
   var text2 = child(span, true);
   reset(span);
   var node = sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var fragment_1 = root_1$h();
+      var fragment_1 = root_1$k();
       var span_1 = first_child(fragment_1);
       var text_1 = child(span_1, true);
       reset(span_1);
       var node_1 = sibling(span_1, 2);
       {
         var consequent = ($$anchor3) => {
-          var span_2 = root_2$p();
+          var span_2 = root_2$q();
           var text_2 = child(span_2, true);
           reset(span_2);
           template_effect(($0) => set_text(text_2, $0), [() => formatTime(cartItem().time)]);
@@ -16865,7 +16879,7 @@ var root_5$2 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_7$3 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_6$2 = /* @__PURE__ */ from_html(`<select></select>`);
 var root_8$2 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
-var root_1$g = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""><!></li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article>`);
+var root_1$j = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""><!></li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article>`);
 function Item$1($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7), cart = prop($$props, "cart", 7), preview = prop($$props, "preview", 7);
@@ -16908,7 +16922,7 @@ function Item$1($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_4 = ($$anchor2) => {
-      var article = root_1$g();
+      var article = root_1$j();
       var ul = child(article);
       var li = child(ul);
       var node_1 = child(li);
@@ -17020,10 +17034,10 @@ 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_2$p = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></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>`);
+var root_1$i = /* @__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) {
   push($$props, true);
   const preview = prop($$props, "preview", 7, false);
@@ -17041,7 +17055,7 @@ function Cart($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_2 = ($$anchor2) => {
-      var ol = root_1$f();
+      var ol = root_1$i();
       var li = child(ol);
       var ul = child(li);
       var li_1 = child(ul);
@@ -17056,7 +17070,7 @@ function Cart($$anchor, $$props) {
       var node_1 = sibling(li_3, 2);
       {
         var consequent = ($$anchor3) => {
-          var li_4 = root_2$o();
+          var li_4 = root_2$p();
           append($$anchor3, li_4);
         };
         if_block(node_1, ($$render) => {
@@ -17228,7 +17242,7 @@ async function redeem(form) {
     form.details.apiErrors = [shop.t("cart.coupon.form.errors.notValid")];
   }
 }
-var root$7 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function CouponRedemption($$anchor, $$props) {
   push($$props, false);
   Forms.defineForm({
@@ -17240,13 +17254,286 @@ function CouponRedemption($$anchor, $$props) {
     await redeem(e.target);
   }
   init();
-  var go_form = root$7();
+  var go_form = root$9();
   set_custom_element_data(go_form, "formId", "couponRedemption");
   event("submit", go_form, redeem$1);
   append($$anchor, go_form);
   pop();
 }
 customElements.define("go-coupon-redemption", create_custom_element(CouponRedemption, {}, [], []));
+class GoDonation {
+  #campaign = /* @__PURE__ */ state();
+  get campaign() {
+    return get$2(this.#campaign);
+  }
+  set campaign(value) {
+    set(this.#campaign, value, true);
+  }
+  #amount = /* @__PURE__ */ state();
+  get amount() {
+    return get$2(this.#amount);
+  }
+  set amount(value) {
+    set(this.#amount, value, true);
+  }
+  selectCampaign = (selectedCampaign) => {
+    this.campaign = selectedCampaign;
+    document.getElementsByClassName("donation-actions")[0]?.scrollIntoView();
+  };
+  addDonationToCart = () => {
+    if (this.amount === void 0 || this.campaign === void 0) {
+      return;
+    }
+    const donationObject = { value: this.amount, campaign_id: this.campaign.id };
+    let currentDonationsLocalStorage = JSON.parse(localStorage.getItem("201600627v4donations") || "[]");
+    let donationTotal = sum(currentDonationsLocalStorage.filter((d) => d.campaign_id = donationObject.campaign_id), (d) => d.value) + donationObject.value;
+    if (donationTotal > this.campaign.guest_limit && this.campaign.guest_limit > 0 && (!shop.currentUser?.isAuthenticated || shop.currentUser.isGuest)) {
+      this.skipDonation();
+    } else {
+      currentDonationsLocalStorage.push(donationObject);
+      localStorage.setItem("201600627v4donations", JSON.stringify(currentDonationsLocalStorage));
+      localStorage.setItem("skipDonation", "true");
+      window.history.pushState(null, "", shop.urls.cart());
+      window.location.replace(shop.urls.cart());
+    }
+  };
+  skipDonation = () => {
+    localStorage.setItem("skipDonation", "true");
+    window.history.pushState(null, "", shop.urls.cart());
+    window.location.replace(shop.urls.cart());
+  };
+}
+const goDonation = new GoDonation();
+var root_1$h = /* @__PURE__ */ from_html(`<img alt="logo"/>`);
+var root$8 = /* @__PURE__ */ from_html(`<div role="button" tabindex="0"><div class="donation-image"><!></div> <div class="donation-info"><p class="donation-info-title"> </p> <p class="donation-info-description"> </p></div></div>`);
+function DonationCampaign($$anchor, $$props) {
+  push($$props, true);
+  let campaign = prop($$props, "campaign", 7);
+  const translations = /* @__PURE__ */ user_derived(() => campaign().translations);
+  var $$exports = {
+    get campaign() {
+      return campaign();
+    },
+    set campaign($$value) {
+      campaign($$value);
+      flushSync();
+    }
+  };
+  var div = root$8();
+  let classes;
+  div.__click = () => goDonation.selectCampaign(campaign());
+  div.__keydown = (e) => {
+    if (e.key === "Enter") {
+      goDonation.selectCampaign(campaign());
+    }
+  };
+  var div_1 = child(div);
+  var node = child(div_1);
+  {
+    var consequent = ($$anchor2) => {
+      var img = root_1$h();
+      template_effect(($0) => set_attribute(img, "src", $0), [
+        () => campaign().picture.thumbnail.replace("thumbnail", "article_3x2")
+      ]);
+      append($$anchor2, img);
+    };
+    if_block(node, ($$render) => {
+      if (campaign().picture.thumbnail) $$render(consequent);
+    });
+  }
+  reset(div_1);
+  var div_2 = sibling(div_1, 2);
+  var p2 = child(div_2);
+  var text2 = child(p2, true);
+  reset(p2);
+  var p_1 = sibling(p2, 2);
+  var text_1 = child(p_1, true);
+  reset(p_1);
+  reset(div_2);
+  reset(div);
+  template_effect(() => {
+    classes = set_class(div, 1, "go-donation-campaign", null, classes, { selected: goDonation.campaign?.id === campaign()?.id });
+    set_text(text2, get$2(translations)["donations.headline"]);
+    set_text(text_1, get$2(translations)["donations.shop.info"]);
+  });
+  append($$anchor, div);
+  return pop($$exports);
+}
+delegate(["click", "keydown"]);
+create_custom_element(DonationCampaign, { campaign: {} }, [], [], { mode: "open" });
+function currency(value, currency2) {
+  if (currency2 == "CHF") {
+    return new Intl.NumberFormat("de-CH", { style: "currency", currency: currency2 }).format(value);
+  } else {
+    return new Intl.NumberFormat("de-DE", { style: "currency", currency: currency2 }).format(value);
+  }
+}
+function parseIds(ids) {
+  if (!ids) {
+    return void 0;
+  }
+  const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
+  return parsed.length > 0 ? parsed : void 0;
+}
+function parseTokens(tokens, possibleTokens) {
+  if (!tokens) {
+    return void 0;
+  }
+  const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
+  parsed.forEach((token) => {
+    if (!possibleTokens.includes(token)) {
+      throw new Error("(parseTokens) Invalid token: " + token);
+    }
+  });
+  return parsed.length > 0 ? parsed : void 0;
+}
+var root_1$g = /* @__PURE__ */ from_html(`<button> </button>`);
+var root_2$o = /* @__PURE__ */ from_html(`<form id="donationForm" action="" novalidate=""><div class="donation-custom form-group"><label for="donation-custom-amount"> </label> <input class="form-control" id="donation-custom-amount" type="number" min="1"/></div></form>`);
+var root$7 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
+function DonationSelector($$anchor, $$props) {
+  push($$props, true);
+  const guestMaxLimit = goDonation.campaign?.guest_limit / 100;
+  let customAmount = /* @__PURE__ */ state(void 0);
+  function selectAmount(amount) {
+    goDonation.amount = amount;
+    set(customAmount, null);
+  }
+  function handleCustomInput(e) {
+    const form = document.getElementById("donationForm");
+    if (form.checkValidity()) {
+      goDonation.amount = e.target.valueAsNumber * 100;
+    } else {
+      goDonation.amount = void 0;
+      form.reportValidity();
+    }
+  }
+  var div = root$7();
+  var h3 = child(div);
+  var text2 = child(h3, true);
+  reset(h3);
+  var div_1 = sibling(h3, 2);
+  each(div_1, 20, () => goDonation.campaign?.options, (option) => option, ($$anchor2, option) => {
+    var button = root_1$g();
+    let classes;
+    button.__click = () => selectAmount(option);
+    var text_1 = child(button, true);
+    reset(button);
+    template_effect(
+      ($0) => {
+        classes = set_class(button, 1, "btn btn-default", null, classes, { selected: goDonation.amount === option });
+        set_text(text_1, $0);
+      },
+      [() => currency(option / 100, shop.currency)]
+    );
+    append($$anchor2, button);
+  });
+  reset(div_1);
+  var node = sibling(div_1, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var form_1 = root_2$o();
+      var div_2 = child(form_1);
+      var label = child(div_2);
+      var text_2 = child(label, true);
+      reset(label);
+      var input = sibling(label, 2);
+      remove_input_defaults(input);
+      input.__input = handleCustomInput;
+      reset(div_2);
+      reset(form_1);
+      template_effect(
+        ($0, $1) => {
+          set_text(text_2, $0);
+          set_attribute(input, "max", guestMaxLimit);
+          set_attribute(input, "placeholder", $1);
+          set_value(input, get$2(customAmount));
+        },
+        [
+          () => shop.t("donations.selection.custom.label"),
+          () => shop.t("donations.selection.custom.input.placeholder")
+        ]
+      );
+      append($$anchor2, form_1);
+    };
+    if_block(node, ($$render) => {
+      if (goDonation.campaign?.free_donations) $$render(consequent);
+    });
+  }
+  reset(div);
+  template_effect(($0) => set_text(text2, $0), [() => shop.t("donations.selection.title")]);
+  append($$anchor, div);
+  pop();
+}
+delegate(["click", "input"]);
+create_custom_element(DonationSelector, {}, [], [], { mode: "open" });
+var root_1$f = /* @__PURE__ */ from_html(`<div class="go-donations-list"><!> <!> <div class="donation-actions"><button class="btn btn-default"> </button> <button class="btn btn-primary"> </button></div></div>`);
+function Donations($$anchor, $$props) {
+  push($$props, false);
+  onMount(() => {
+    if (shop.donations?.campaigns?.length == 1) {
+      goDonation.selectCampaign(shop.donations?.campaigns[0]);
+    }
+  });
+  init();
+  var fragment = comment();
+  var node = first_child(fragment);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var div = root_1$f();
+      var node_1 = child(div);
+      each(node_1, 1, () => shop?.donations?.campaigns, (campaign) => campaign.id, ($$anchor3, campaign) => {
+        DonationCampaign($$anchor3, {
+          get campaign() {
+            return get$2(campaign);
+          }
+        });
+      });
+      var node_2 = sibling(node_1, 2);
+      {
+        var consequent = ($$anchor3) => {
+          DonationSelector($$anchor3, {});
+        };
+        if_block(node_2, ($$render) => {
+          if (goDonation.campaign) $$render(consequent);
+        });
+      }
+      var div_1 = sibling(node_2, 2);
+      var button = child(div_1);
+      button.__click = function(...$$args) {
+        goDonation.skipDonation?.apply(this, $$args);
+      };
+      var text2 = child(button, true);
+      reset(button);
+      var button_1 = sibling(button, 2);
+      button_1.__click = function(...$$args) {
+        goDonation.addDonationToCart?.apply(this, $$args);
+      };
+      var text_1 = child(button_1, true);
+      reset(button_1);
+      reset(div_1);
+      reset(div);
+      template_effect(
+        ($0, $1) => {
+          set_text(text2, $0);
+          button_1.disabled = !goDonation.amount;
+          set_text(text_1, $1);
+        },
+        [
+          () => shop.t("donations.actions.continueWithoutDonation"),
+          () => shop.t("donations.actions.addToCart")
+        ]
+      );
+      append($$anchor2, div);
+    };
+    if_block(node, ($$render) => {
+      if (shop.donations && shop.donations.campaigns) $$render(consequent_1);
+    });
+  }
+  append($$anchor, fragment);
+  pop();
+}
+delegate(["click"]);
+customElements.define("go-donations", create_custom_element(Donations, {}, [], []));
 function isFunction$1(value) {
   return typeof value === "function";
 }
@@ -31650,10 +31937,13 @@ function If($$anchor, $$props) {
   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 _personalizationDetails = getPersonalizationDetails($$props.$$host);
+  const personalizationDetails = /* @__PURE__ */ user_derived(() => _personalizationDetails.value);
   const _formDetails = getDetails$1($$props.$$host);
   const formDetails = /* @__PURE__ */ user_derived(() => _formDetails.value);
   let data = /* @__PURE__ */ user_derived(() => ({
     ticketSelection: get$2(ticketSelectionDetails),
+    personalizationDetails: get$2(personalizationDetails),
     formData: get$2(formDetails)?.formData,
     cart: shop.cart
   }));
@@ -32399,25 +32689,107 @@ function InvoiceId($$anchor, $$props) {
   pop();
 }
 customElements.define("go-order-invoice-id", create_custom_element(InvoiceId, {}, [], []));
-function parseIds(ids) {
-  if (!ids) {
-    return void 0;
+var root$2 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+function Password($$anchor, $$props) {
+  push($$props, false);
+  Forms.defineForm({
+    id: "passwordResetForm",
+    fields: [
+      { key: "currentPassword", required: true },
+      { key: "password", required: true },
+      { key: "confirmPassword", required: true }
+    ]
+  });
+  async function submit(event2) {
+    const form = event2.target;
+    const details = form.details;
+    const result = await shop.updatePassword(details.formData);
+    if (result.data) {
+      details.successMessage = shop.t("user.passwordSuccess.desc.title");
+      details.apiErrors = [];
+    } else {
+      details.apiErrors = result.error?.errors || result.error || result.errors;
+    }
   }
-  const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
-  return parsed.length > 0 ? parsed : void 0;
+  init();
+  var go_form = root$2();
+  set_custom_element_data(go_form, "formId", "passwordResetForm");
+  event("submit", go_form, submit);
+  append($$anchor, go_form);
+  pop();
 }
-function parseTokens(tokens, possibleTokens) {
-  if (!tokens) {
-    return void 0;
-  }
-  const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
-  parsed.forEach((token) => {
-    if (!possibleTokens.includes(token)) {
-      throw new Error("(parseTokens) Invalid token: " + token);
-    }
+customElements.define("go-profile-password", create_custom_element(Password, {}, [], []));
+var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+function Details$2($$anchor, $$props) {
+  push($$props, true);
+  Forms.defineForm({
+    id: "accountDetailsForm",
+    fields: [
+      { key: "salutation", required: false },
+      { key: "firstName", required: true },
+      { key: "lastName", required: true },
+      { key: "email", required: true },
+      { key: "confirmEmail", required: true },
+      // { key: 'addressee', required: true },
+      // { key: 'street', required: true },
+      // { key: 'postcode', required: true },
+      // { key: 'city', required: true },
+      // { key: 'country', required: true },
+      { key: "language", required: true }
+    ]
   });
-  return parsed.length > 0 ? parsed : void 0;
+  let form = /* @__PURE__ */ state(void 0);
+  const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
+  onMount(async () => {
+    await shop.waitForAllFetches();
+    await pollUntilTruthy(() => get$2(form).details);
+    await pollUntilTruthy(() => get$2(user).data);
+    get$2(form).details.fill(get$2(user).data);
+  });
+  var go_form = root$1();
+  set_custom_element_data(go_form, "formId", "accountDetailsForm");
+  bind_this(go_form, ($$value) => set(form, $$value), () => get$2(form));
+  append($$anchor, go_form);
+  pop();
 }
+customElements.define("go-profile-details", create_custom_element(Details$2, {}, [], []));
+var root_1$4 = /* @__PURE__ */ from_html(`<div class="go-profile-fullname"> </div> <div class="go-profile-email"> </div>`, 1);
+function Overview($$anchor, $$props) {
+  push($$props, true);
+  const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
+  const data = /* @__PURE__ */ user_derived(() => get$2(user)?.data);
+  var fragment = comment();
+  var node = first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment_1 = root_1$4();
+      var div = first_child(fragment_1);
+      var text2 = child(div);
+      reset(div);
+      var div_1 = sibling(div, 2);
+      var text_1 = child(div_1, true);
+      reset(div_1);
+      template_effect(() => {
+        set_text(text2, `${get$2(data).name ?? ""}
+    ${get$2(data).surname ?? ""}`);
+        set_text(text_1, get$2(data).email);
+      });
+      append($$anchor2, fragment_1);
+    };
+    var alternate = ($$anchor2) => {
+      var text_2 = text();
+      template_effect(($0) => set_text(text_2, $0), [() => shop.t("user.login.desc.text")]);
+      append($$anchor2, text_2);
+    };
+    if_block(node, ($$render) => {
+      if (get$2(data)) $$render(consequent);
+      else $$render(alternate, false);
+    });
+  }
+  append($$anchor, fragment);
+  pop();
+}
+customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
 function TicketSelection($$anchor, $$props) {
   push($$props, true);
   let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 7), eventIds = prop($$props, "eventIds", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), selectedDate = prop($$props, "selectedDate", 7), selectedTimeslot = prop($$props, "selectedTimeslot", 7), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
@@ -33054,13 +33426,13 @@ function berlinNowISO() {
   const d = /* @__PURE__ */ new Date();
   return d.toISOString();
 }
-var root_1$4 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-title-event-title"> </span> <span class="go-tickets-item-title-product-title"> </span>`, 1);
+var root_1$3 = /* @__PURE__ */ from_html(`<span class="go-tickets-item-title-event-title"> </span> <span class="go-tickets-item-title-product-title"> </span>`, 1);
 var root_4 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_3$1 = /* @__PURE__ */ from_html(`<li><article><ul><li class="go-tickets-item-title"><!></li> <li class="go-tickets-item-description" data-go-tickets-description=""><!></li> <li class="go-tickets-item-price" data-go-tickets-price=""> </li> <li class="go-tickets-item-quality" data-go-tickets-quality=""><select></select></li></ul></article></li>`);
 function Item($$anchor, $$props) {
   push($$props, true);
   const scaled_title = ($$anchor2) => {
-    var fragment = root_1$4();
+    var fragment = root_1$3();
     var span = first_child(fragment);
     var text2 = child(span);
     reset(span);
@@ -33172,7 +33544,7 @@ function Item($$anchor, $$props) {
 }
 delegate(["change"]);
 create_custom_element(Item, { item: {}, details: {} }, [], [], { mode: "open" });
-var root_1$3 = /* @__PURE__ */ from_html(`<ol class="go-tickets" data-testid="tickets"><li class="go-tickets-header" data-go-tickets-header="" data-testid="tickets-header"><ul><li class="go-tickets-header-title" data-go-tickets-title=""> </li> <li class="go-tickets-header-description" data-go-tickets-description=""> </li> <li class="go-tickets-header-price" data-go-tickets-price=""> </li> <li class="go-tickets-header-quality" data-go-tickets-quality=""> </li></ul></li> <!></ol>`);
+var root_1$2 = /* @__PURE__ */ from_html(`<ol class="go-tickets" data-testid="tickets"><li class="go-tickets-header" data-go-tickets-header="" data-testid="tickets-header"><ul><li class="go-tickets-header-title" data-go-tickets-title=""> </li> <li class="go-tickets-header-description" data-go-tickets-description=""> </li> <li class="go-tickets-header-price" data-go-tickets-price=""> </li> <li class="go-tickets-header-quality" data-go-tickets-quality=""> </li></ul></li> <!></ol>`);
 function Body($$anchor, $$props) {
   push($$props, true);
   const _details = getSegmentDetails($$props.$$host);
@@ -33182,7 +33554,7 @@ function Body($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var ol = root_1$3();
+      var ol = root_1$2();
       var li = child(ol);
       var ul = child(li);
       var li_1 = child(ul);
@@ -33246,7 +33618,7 @@ function Sum($$anchor, $$props) {
   pop();
 }
 customElements.define("go-ticket-segment-sum", create_custom_element(Sum, {}, [], []));
-let Details$2 = class Details {
+let Details$1 = class Details {
   #tsd;
   get tsd() {
     return get$2(this.#tsd);
@@ -33292,12 +33664,12 @@ let Details$2 = class Details {
   }
 };
 var root_2$1 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
-var root_1$2 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots"></ul>`);
+var root_1$1 = /* @__PURE__ */ from_html(`<ul data-testid="timeslots"></ul>`);
 function Timeslots($$anchor, $$props) {
   push($$props, true);
   const binding_group = [];
   const _tsd = getTicketSelectionDetails($$props.$$host);
-  const details = new Details$2(_tsd);
+  const details = new Details$1(_tsd);
   const change = (e) => {
     e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
       detail: { selected: details.tsd.selectedTimeslot },
@@ -33310,7 +33682,7 @@ function Timeslots($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var ul = root_1$2();
+      var ul = root_1$1();
       each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
         const selected = /* @__PURE__ */ user_derived(() => details.tsd?.selectedTimeslot === timeslot.startAt);
         var li = root_2$1();
@@ -33469,7 +33841,7 @@ var root_3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_11 = /* @__PURE__ */ from_html(`<div> </div>`);
 var root_7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_1$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
+var root_1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
 function CalendarUI($$anchor, $$props) {
   push($$props, true);
   let calendarClass = prop($$props, "calendarClass", 7);
@@ -33491,7 +33863,7 @@ function CalendarUI($$anchor, $$props) {
       flushSync();
     }
   };
-  var div = root_1$1();
+  var div = root_1();
   var node = child(div);
   {
     const children = ($$anchor2, $$arg0) => {
@@ -33741,7 +34113,7 @@ function Calendar_1($$anchor, $$props) {
   return pop($$exports);
 }
 customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"]));
-let Details$1 = class Details2 {
+class Details2 {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
     return get$2(this.#ticketSelectionDetails);
@@ -33777,14 +34149,14 @@ let Details$1 = class Details2 {
     const ret = this.ticketSelectionDetails.preCarts.some((cart) => cart.items.some((item) => item.quantity > 0));
     return ret;
   }
-};
-var root$2 = /* @__PURE__ */ from_html(`<button data-add-to-cart-button="" data-testid="go-add-to-cart-button__button"> </button>`);
+}
+var root = /* @__PURE__ */ from_html(`<button data-add-to-cart-button="" data-testid="go-add-to-cart-button__button"> </button>`);
 function AddToCartButton($$anchor, $$props) {
   push($$props, true);
   const _tsd = getTicketSelectionDetails($$props.$$host);
-  const details = new Details$1(_tsd);
+  const details = new Details2(_tsd);
   var $$exports = { details };
-  var button = root$2();
+  var button = root();
   button.__click = () => details.addToCart();
   var text2 = child(button, true);
   reset(button);
@@ -33805,107 +34177,6 @@ function AddToCartButton($$anchor, $$props) {
 }
 delegate(["click"]);
 customElements.define("go-add-to-cart-button", create_custom_element(AddToCartButton, {}, [], ["details"]));
-var root$1 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
-function Password($$anchor, $$props) {
-  push($$props, false);
-  Forms.defineForm({
-    id: "passwordResetForm",
-    fields: [
-      { key: "currentPassword", required: true },
-      { key: "password", required: true },
-      { key: "confirmPassword", required: true }
-    ]
-  });
-  async function submit(event2) {
-    const form = event2.target;
-    const details = form.details;
-    const result = await shop.updatePassword(details.formData);
-    if (result.data) {
-      details.successMessage = shop.t("user.passwordSuccess.desc.title");
-      details.apiErrors = [];
-    } else {
-      details.apiErrors = result.error?.errors || result.error || result.errors;
-    }
-  }
-  init();
-  var go_form = root$1();
-  set_custom_element_data(go_form, "formId", "passwordResetForm");
-  event("submit", go_form, submit);
-  append($$anchor, go_form);
-  pop();
-}
-customElements.define("go-profile-password", create_custom_element(Password, {}, [], []));
-var root = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
-function Details3($$anchor, $$props) {
-  push($$props, true);
-  Forms.defineForm({
-    id: "accountDetailsForm",
-    fields: [
-      { key: "salutation", required: false },
-      { key: "firstName", required: true },
-      { key: "lastName", required: true },
-      { key: "email", required: true },
-      { key: "confirmEmail", required: true },
-      // { key: 'addressee', required: true },
-      // { key: 'street', required: true },
-      // { key: 'postcode', required: true },
-      // { key: 'city', required: true },
-      // { key: 'country', required: true },
-      { key: "language", required: true }
-    ]
-  });
-  let form = /* @__PURE__ */ state(void 0);
-  const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
-  onMount(async () => {
-    await shop.waitForAllFetches();
-    await pollUntilTruthy(() => get$2(form).details);
-    await pollUntilTruthy(() => get$2(user).data);
-    get$2(form).details.fill(get$2(user).data);
-  });
-  var go_form = root();
-  set_custom_element_data(go_form, "formId", "accountDetailsForm");
-  bind_this(go_form, ($$value) => set(form, $$value), () => get$2(form));
-  append($$anchor, go_form);
-  pop();
-}
-customElements.define("go-profile-details", create_custom_element(Details3, {}, [], []));
-var root_1 = /* @__PURE__ */ from_html(`<div class="go-profile-fullname"> </div> <div class="go-profile-email"> </div>`, 1);
-function Overview($$anchor, $$props) {
-  push($$props, true);
-  const user = /* @__PURE__ */ user_derived(() => shop.validateToken());
-  const data = /* @__PURE__ */ user_derived(() => get$2(user)?.data);
-  var fragment = comment();
-  var node = first_child(fragment);
-  {
-    var consequent = ($$anchor2) => {
-      var fragment_1 = root_1();
-      var div = first_child(fragment_1);
-      var text2 = child(div);
-      reset(div);
-      var div_1 = sibling(div, 2);
-      var text_1 = child(div_1, true);
-      reset(div_1);
-      template_effect(() => {
-        set_text(text2, `${get$2(data).name ?? ""}
-    ${get$2(data).surname ?? ""}`);
-        set_text(text_1, get$2(data).email);
-      });
-      append($$anchor2, fragment_1);
-    };
-    var alternate = ($$anchor2) => {
-      var text_2 = text();
-      template_effect(($0) => set_text(text_2, $0), [() => shop.t("user.login.desc.text")]);
-      append($$anchor2, text_2);
-    };
-    if_block(node, ($$render) => {
-      if (get$2(data)) $$render(consequent);
-      else $$render(alternate, false);
-    });
-  }
-  append($$anchor, fragment);
-  pop();
-}
-customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
 async function initGo(window2) {
   const stub = window2.go;
   let q = stub && stub._queue || [];