@gomusdev/web-components 4.14.5 → 4.16.0

package/dist-js/gomus-webcomponents.js

@@ -6381,12 +6381,18 @@ var defaultTranslations_default = {
 	en: {
 		"quantity.remove": "Remove item",
 		"quantity.remove.label": "✕",
-		"cart.item.remove": "✕"
+		"cart.item.remove": "✕",
+		"common.table.donation": "Donation",
+		"cart.donation.title": "Donation",
+		"donations.checkbox.label": "Add a {{amount}} donation to {{campaign}}"
 	},
 	de: {
 		"quantity.remove": "Artikel entfernen",
 		"quantity.remove.label": "✕",
-		"cart.item.remove": "✕"
+		"cart.item.remove": "✕",
+		"common.table.donation": "Spende",
+		"cart.donation.title": "Spende",
+		"donations.checkbox.label": "{{amount}} für {{campaign}} spenden"
 	}
 };
 //#endregion
@@ -12397,9 +12403,10 @@ function createUICoupon(apiCoupon) {
 //#endregion
 //#region src/lib/models/cart/localStorage.svelte.ts
 var KEY$7 = "go-cart";
-var persistCart = (items, coupons) => localStorage.setItem(KEY$7, JSON.stringify({
+var persistCart = (items, coupons, donations) => localStorage.setItem(KEY$7, JSON.stringify({
 	items,
 	coupons,
+	donations,
 	savedAt: Date.now()
 }));
 function generateCartItem(cartItem) {
@@ -12432,6 +12439,7 @@ function generateCartItem(cartItem) {
 function loadFromLocalStorage(cart) {
 	let lsItems = [];
 	let lsCoupons = [];
+	let lsDonations = [];
 	let savedAt;
 	try {
 		const content = localStorage.getItem(KEY$7);
@@ -12440,9 +12448,11 @@ function loadFromLocalStorage(cart) {
 		if (Array.isArray(parsed)) {
 			lsItems = parsed;
 			lsCoupons = [];
+			lsDonations = [];
 		} else if (typeof parsed === "object" && parsed !== null) {
 			lsItems = parsed.items || [];
 			lsCoupons = parsed.coupons || [];
+			lsDonations = parsed.donations || [];
 			savedAt = parsed.savedAt;
 		} else {
 			console.dir({
@@ -12451,10 +12461,11 @@ function loadFromLocalStorage(cart) {
 			});
 			throw new Error("go-cart has invalid format");
 		}
-		if (!!savedAt && Date.now() - savedAt > 9e5) {
+		if (typeof savedAt === "number" && Date.now() - savedAt > 9e5) {
 			cart.clearItems();
 			cart.clearCoupons();
-			persistCart([], []);
+			cart.clearDonations();
+			persistCart([], [], []);
 			return [];
 		}
 		if (lsItems.length === 0) cart.clearItems();
@@ -12464,10 +12475,17 @@ function loadFromLocalStorage(cart) {
 			code: coupon,
 			kind: "actionToken"
 		} : coupon));
+		cart.clearDonations();
+		lsDonations.forEach((d) => {
+			if (typeof d?.value === "number" && typeof d?.campaign_id === "number") cart.addDonation({
+				value: d.value,
+				campaign_id: d.campaign_id
+			});
+		});
 		return cart.items;
 	} catch (e) {
 		console.error(e);
-		persistCart([], []);
+		persistCart([], [], []);
 		return [];
 	}
 }
@@ -12481,18 +12499,20 @@ function syncCartToLocalStorage(cart) {
 	loadFromLocalStorage(cart);
 	let lastWritten = JSON.stringify({
 		items: cart.items || [],
-		coupons: cart.coupons || []
+		coupons: cart.coupons || [],
+		donations: cart.donations || []
 	});
-	persistCart(cart.items || [], cart.coupons || []);
+	persistCart(cart.items || [], cart.coupons || [], cart.donations || []);
 	effect_root(() => {
 		user_effect(() => {
 			const content = JSON.stringify({
 				items: cart.items || [],
-				coupons: cart.coupons || []
+				coupons: cart.coupons || [],
+				donations: cart.donations || []
 			});
 			if (content === lastWritten) return;
 			lastWritten = content;
-			persistCart(cart.items || [], cart.coupons || []);
+			persistCart(cart.items || [], cart.coupons || [], cart.donations || []);
 		});
 	});
 }
@@ -12511,10 +12531,12 @@ var lastUuid = 0;
 function createCart(products, contingent = 20) {
 	const items = proxy([]);
 	const coupons = proxy([]);
+	const donations = proxy([]);
 	let paymentModeId = /* @__PURE__ */ state(void 0);
 	const cart = {
 		items,
 		coupons,
+		donations,
 		get paymentModeId() {
 			return get$2(paymentModeId);
 		},
@@ -12526,7 +12548,10 @@ function createCart(products, contingent = 20) {
 			return this.items.filter((i) => i.quantity > 0);
 		},
 		get totalPriceCents() {
-			return Math.max(0, sum(this.items, (item) => item.total_price_cents));
+			return Math.max(0, sum(this.items, (item) => item.total_price_cents) + this.donationCents);
+		},
+		get donationCents() {
+			return sum(this.donations, (d) => d.value);
 		},
 		get totalQuantity() {
 			return sum(this.items, (item) => item.quantity);
@@ -12535,7 +12560,8 @@ function createCart(products, contingent = 20) {
 			return sum(this.coupons.filter((c) => c.kind === "valueVoucher"), (c) => c.valueCents ?? 0);
 		},
 		get amountToPayCents() {
-			return Math.max(0, this.totalPriceCents - this.valueVoucherCents);
+			const itemsTotal = sum(this.items, (item) => item.total_price_cents);
+			return Math.max(0, itemsTotal - this.valueVoucherCents) + this.donationCents;
 		},
 		/**
 		* Generates a formatted string representation of the current object.
@@ -12554,7 +12580,10 @@ function createCart(products, contingent = 20) {
 				reference: null,
 				payment_mode_id: this.paymentModeId ?? shop.settings?.defaultPaymentModeId,
 				coupons: this.coupons.map((c) => c.code),
-				donations: [],
+				donations: this.donations.map((d) => ({
+					value: d.value,
+					campaign_id: d.campaign_id
+				})),
 				affiliate: {},
 				total: this.amountToPayCents
 			};
@@ -12595,6 +12624,19 @@ function createCart(products, contingent = 20) {
 		},
 		clearCoupons() {
 			while (this.coupons.length > 0) this.coupons.pop();
+		},
+		hasDonation(campaignId, value) {
+			return this.donations.some((d) => d.campaign_id === campaignId && d.value === value);
+		},
+		addDonation(donation) {
+			if (!this.hasDonation(donation.campaign_id, donation.value)) this.donations.push(donation);
+		},
+		removeDonation(campaignId, value) {
+			const index = this.donations.findIndex((d) => d.campaign_id === campaignId && d.value === value);
+			if (index > -1) this.donations.splice(index, 1);
+		},
+		clearDonations() {
+			while (this.donations.length > 0) this.donations.pop();
 		}
 	};
 	if (products) products.forEach((p) => cart.addItem(createCartItem(p)));
@@ -14316,8 +14358,8 @@ var setPersonalizationDetails = createSetDetails(KEY$5);
 var getPersonalizationDetails = createGetDetails(KEY$5);
 //#endregion
 //#region src/components/annualTicketPersonalization/components/AnnualTicketPersonalization.svelte
-var root$58 = /* @__PURE__ */ from_html(`<li><a> </a></li>`);
-var root_1$21 = /* @__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$63 = /* @__PURE__ */ from_html(`<li><a> </a></li>`);
+var root_1$23 = /* @__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);
@@ -14342,7 +14384,7 @@ function AnnualTicketPersonalization($$anchor, $$props) {
 	var consequent_1 = ($$anchor) => {
 		var fragment_1 = comment();
 		each(first_child(fragment_1), 17, () => get$2(order).ticket_sales, (ticketSale) => ticketSale.id, ($$anchor, ticketSale) => {
-			var ul = root_1$21();
+			var ul = root_1$23();
 			var li = child(ul);
 			var text = child(li, true);
 			reset(li);
@@ -14351,7 +14393,7 @@ function AnnualTicketPersonalization($$anchor, $$props) {
 			reset(li_1);
 			var node_2 = sibling(li_1, 2);
 			var consequent = ($$anchor) => {
-				var li_2 = root$58();
+				var li_2 = root$63();
 				var a = child(li_2);
 				var text_2 = child(a, true);
 				reset(a);
@@ -15038,7 +15080,7 @@ function wrapInElement(host, tag, props) {
 }
 //#endregion
 //#region src/components/forms/ui/generic/Form.svelte
-var root$57 = /* @__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$62 = /* @__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), custom = prop($$props, "custom", 7);
@@ -15084,7 +15126,7 @@ function Form($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
-		var fragment_1 = root$57();
+		var fragment_1 = root$62();
 		var go_submit = sibling(sibling(first_child(fragment_1), 2), 2);
 		var text = child(go_submit, true);
 		reset(go_submit);
@@ -15111,7 +15153,7 @@ customElements.define("go-form", create_custom_element(Form, {
 }, [], ["details"]));
 //#endregion
 //#region src/components/auth/passwordReset/PasswordReset.svelte
-var root$56 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$61 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
 	push($$props, true);
 	let custom = prop($$props, "custom", 7, false), redirectUrl = prop($$props, "redirectUrl", 7, "");
@@ -15155,7 +15197,7 @@ function PasswordReset($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var go_form = root$56();
+	var go_form = root$61();
 	set_custom_element_data(go_form, "formId", "passwordReset");
 	template_effect(() => set_custom_element_data(go_form, "custom", custom()));
 	event("submit", go_form, passwordReset);
@@ -15171,7 +15213,7 @@ customElements.define("go-password-reset", create_custom_element(PasswordReset,
 }, [], []));
 //#endregion
 //#region src/components/auth/setPassword/SetPassword.svelte
-var root$55 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$60 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function SetPassword($$anchor, $$props) {
 	push($$props, true);
 	let accessToken = prop($$props, "accessToken", 7, ""), client = prop($$props, "client", 7, ""), uid = prop($$props, "uid", 7, "");
@@ -15225,7 +15267,7 @@ function SetPassword($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var go_form = root$55();
+	var go_form = root$60();
 	set_custom_element_data(go_form, "formId", "setPassword");
 	event("submit", go_form, setNewPassword);
 	append($$anchor, go_form);
@@ -15385,6 +15427,7 @@ function createDisplayCart(baseCart, apiItems) {
 		...coupon,
 		applied: coupon.kind !== "actionToken" || echoed.has(coupon.code)
 	}));
+	baseCart.donations.forEach((donation) => displayCart.addDonation(donation));
 	apiItems.forEach((apiItem) => {
 		const attrs = apiItem.attributes;
 		const ref = attrs.uuid;
@@ -15477,8 +15520,8 @@ var setCartDetails = createSetDetails(KEY$3);
 var getCartDetails = createGetDetails(KEY$3);
 //#endregion
 //#region src/components/cart/components/itemTitles/Coupon.svelte
-var root$54 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span>`);
-function Coupon($$anchor, $$props) {
+var root$59 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span>`);
+function Coupon$1($$anchor, $$props) {
 	push($$props, true);
 	let cartItem = prop($$props, "cartItem", 7);
 	var $$exports = {
@@ -15490,18 +15533,18 @@ function Coupon($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var span = root$54();
+	var span = root$59();
 	var text = child(span, true);
 	reset(span);
 	template_effect(() => set_text(text, cartItem().product.title));
 	append($$anchor, span);
 	return pop($$exports);
 }
-create_custom_element(Coupon, { cartItem: {} }, [], [], { mode: "open" });
+create_custom_element(Coupon$1, { cartItem: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/cart/components/itemTitles/Event.svelte
-var root$53 = /* @__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_1$20 = /* @__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$58 = /* @__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_1$22 = /* @__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);
@@ -15516,7 +15559,7 @@ function Event$2($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var fragment = root_1$20();
+	var fragment = root_1$22();
 	var span = first_child(fragment);
 	var span_1 = child(span);
 	var text = child(span_1, true);
@@ -15527,7 +15570,7 @@ function Event$2($$anchor, $$props) {
 	reset(span);
 	var node = sibling(span);
 	var consequent = ($$anchor) => {
-		var fragment_1 = root$53();
+		var fragment_1 = root$58();
 		var span_3 = first_child(fragment_1);
 		var text_2 = child(span_3, true);
 		reset(span_3);
@@ -15553,9 +15596,9 @@ function Event$2($$anchor, $$props) {
 create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/cart/components/itemTitles/Ticket.svelte
-var root$52 = /* @__PURE__ */ from_html(`<span class="go-cart-item-subtitle" data-testid="cart-item-subtitle"> </span>`);
-var root_1$19 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-var root_2$14 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+var root$57 = /* @__PURE__ */ from_html(`<span class="go-cart-item-subtitle" data-testid="cart-item-subtitle"> </span>`);
+var root_1$21 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+var root_2$15 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
 var root_3$10 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!> <!>`, 1);
 function Ticket($$anchor, $$props) {
 	push($$props, true);
@@ -15575,7 +15618,7 @@ function Ticket($$anchor, $$props) {
 	reset(span);
 	var node = sibling(span, 2);
 	var consequent = ($$anchor) => {
-		var span_1 = root$52();
+		var span_1 = root$57();
 		var text_1 = child(span_1, true);
 		reset(span_1);
 		template_effect(() => set_text(text_1, cartItem().product.sub_title));
@@ -15587,13 +15630,13 @@ function Ticket($$anchor, $$props) {
 	});
 	var node_1 = sibling(node, 2);
 	var consequent_2 = ($$anchor) => {
-		var fragment_1 = root_2$14();
+		var fragment_1 = root_2$15();
 		var span_2 = first_child(fragment_1);
 		var text_2 = child(span_2, true);
 		reset(span_2);
 		var node_2 = sibling(span_2, 2);
 		var consequent_1 = ($$anchor) => {
-			var span_3 = root_1$19();
+			var span_3 = root_1$21();
 			var text_3 = child(span_3, true);
 			reset(span_3);
 			template_effect(($0) => set_text(text_3, $0), [() => shop.formatTime(cartItem().time)]);
@@ -15615,9 +15658,9 @@ function Ticket($$anchor, $$props) {
 create_custom_element(Ticket, { cartItem: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/cart/components/itemTitles/Tour.svelte
-var root$51 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-var root_1$18 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-var root_2$13 = /* @__PURE__ */ from_html(`<span class="go-cart-item-custom" data-testid="cart-item-custom"> </span>`);
+var root$56 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+var root_1$20 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+var root_2$14 = /* @__PURE__ */ from_html(`<span class="go-cart-item-custom" data-testid="cart-item-custom"> </span>`);
 var root_3$9 = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <span class="go-cart-item-participants" data-testid="cart-item-participants"> </span> <!> <!>`, 1);
 function Tour$1($$anchor, $$props) {
 	push($$props, true);
@@ -15657,13 +15700,13 @@ function Tour$1($$anchor, $$props) {
 	reset(span_1);
 	var node = sibling(span_1, 2);
 	var consequent_1 = ($$anchor) => {
-		var fragment_1 = root_1$18();
+		var fragment_1 = root_1$20();
 		var span_2 = first_child(fragment_1);
 		var text_2 = child(span_2, true);
 		reset(span_2);
 		var node_1 = sibling(span_2, 2);
 		var consequent = ($$anchor) => {
-			var span_3 = root$51();
+			var span_3 = root$56();
 			var text_3 = child(span_3, true);
 			reset(span_3);
 			template_effect(() => set_text(text_3, get$2(slot).time));
@@ -15682,7 +15725,7 @@ function Tour$1($$anchor, $$props) {
 		var $$array = /* @__PURE__ */ user_derived(() => to_array(get$2($$item), 2));
 		let key = () => get$2($$array)[0];
 		let value = () => get$2($$array)[1];
-		var span_4 = root_2$13();
+		var span_4 = root_2$14();
 		var text_4 = child(span_4);
 		reset(span_4);
 		template_effect(($0) => set_text(text_4, `${key() ?? ""}: ${$0 ?? ""}`), [() => displayCustom(value())]);
@@ -15730,7 +15773,7 @@ function canDecrement(value, { floor = 0 }) {
 }
 //#endregion
 //#region src/components/shared/quantityStepper/QuantityStepper.svelte
-var root$50 = /* @__PURE__ */ from_html(`<div class="go-quantity-stepper" role="group"><button type="button" tabindex="-1"><span aria-hidden="true"> </span></button> <input class="go-quantity-stepper-value" type="text" role="spinbutton" inputmode="numeric" autocomplete="off"/> <button type="button" class="go-quantity-stepper-button go-quantity-stepper-increment" tabindex="-1"><span aria-hidden="true">+</span></button></div>`);
+var root$55 = /* @__PURE__ */ from_html(`<div class="go-quantity-stepper" role="group"><button type="button" tabindex="-1"><span aria-hidden="true"> </span></button> <input class="go-quantity-stepper-value" type="text" role="spinbutton" inputmode="numeric" autocomplete="off"/> <button type="button" class="go-quantity-stepper-button go-quantity-stepper-increment" tabindex="-1"><span aria-hidden="true">+</span></button></div>`);
 function QuantityStepper($$anchor, $$props) {
 	const inputId = props_id();
 	push($$props, true);
@@ -15884,7 +15927,7 @@ function QuantityStepper($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var div = root$50();
+	var div = root$55();
 	var button = child(div);
 	let classes;
 	var span = child(button);
@@ -15964,8 +16007,8 @@ function option(value) {
 }
 //#endregion
 //#region src/components/shared/quantityStepper/QuantityControl.svelte
-var root$49 = /* @__PURE__ */ from_html(`<option> </option>`);
-var root_1$17 = /* @__PURE__ */ from_html(`<select class="go-quantity-select"></select>`);
+var root$54 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_1$19 = /* @__PURE__ */ from_html(`<select class="go-quantity-select"></select>`);
 function QuantityControl($$anchor, $$props) {
 	push($$props, true);
 	/** Current committed quantity. */
@@ -16092,9 +16135,9 @@ function QuantityControl($$anchor, $$props) {
 		}
 	};
 	var alternate = ($$anchor) => {
-		var select = root_1$17();
+		var select = root_1$19();
 		each(select, 21, () => generateQuantityOptions(min(), max(), { floor: deselectable() ? floor() : min() }), (q) => q.value, ($$anchor, q) => {
-			var option = root$49();
+			var option = root$54();
 			var text = child(option, true);
 			reset(option);
 			var option_value = {};
@@ -17979,9 +18022,9 @@ function createDOMPurify() {
 var purify = createDOMPurify();
 //#endregion
 //#region src/components/cart/components/SubRow.svelte
-var root$48 = /* @__PURE__ */ from_html(`<span class="go-sub-ticket-description"></span>`);
-var root_1$16 = /* @__PURE__ */ from_html(`<span class="go-sub-ticket-quantity"> </span>`);
-var root_2$12 = /* @__PURE__ */ from_html(`<li><span class="go-sub-ticket-title"> </span> <!> <!></li>`);
+var root$53 = /* @__PURE__ */ from_html(`<span class="go-sub-ticket-description"></span>`);
+var root_1$18 = /* @__PURE__ */ from_html(`<span class="go-sub-ticket-quantity"> </span>`);
+var root_2$13 = /* @__PURE__ */ from_html(`<li><span class="go-sub-ticket-title"> </span> <!> <!></li>`);
 function SubRow($$anchor, $$props) {
 	push($$props, true);
 	/** Capacity-aware ceiling from CapacityManager.subTicketMaxes; the combination max when absent. */
@@ -18024,13 +18067,13 @@ function SubRow($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var li = root_2$12();
+	var li = root_2$13();
 	var span = child(li);
 	var text = child(span, true);
 	reset(span);
 	var node = sibling(span, 2);
 	var consequent = ($$anchor) => {
-		var span_1 = root$48();
+		var span_1 = root$53();
 		html$2(span_1, () => purify.sanitize(sub().description), true);
 		reset(span_1);
 		append($$anchor, span_1);
@@ -18040,7 +18083,7 @@ function SubRow($$anchor, $$props) {
 	});
 	var node_1 = sibling(node, 2);
 	var consequent_1 = ($$anchor) => {
-		var span_2 = root_1$16();
+		var span_2 = root_1$18();
 		var text_1 = child(span_2, true);
 		reset(span_2);
 		template_effect(() => {
@@ -18117,9 +18160,9 @@ function quantityLabel(item, locale) {
 }
 //#endregion
 //#region src/components/cart/components/Item.svelte
-var root$47 = /* @__PURE__ */ from_html(`<s class="go-cart-item-price-original"> </s> <span class="go-cart-item-price-discounted"> </span>`, 1);
-var root_1$15 = /* @__PURE__ */ from_html(`<span class="go-cart-item-price-discounted"> </span>`);
-var root_2$11 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-participant-count"> </span>`);
+var root$52 = /* @__PURE__ */ from_html(`<s class="go-cart-item-price-original"> </s> <span class="go-cart-item-price-discounted"> </span>`, 1);
+var root_1$17 = /* @__PURE__ */ from_html(`<span class="go-cart-item-price-discounted"> </span>`);
+var root_2$12 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-participant-count"> </span>`);
 var root_3$8 = /* @__PURE__ */ from_html(`<span data-testid="cart-item-voucher-quantity"> </span>`);
 var root_4$4 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_5$3 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button class="go-cart-remove"> </button></li>`);
@@ -18206,7 +18249,7 @@ function Item$1($$anchor, $$props) {
 			} });
 		};
 		var consequent_2 = ($$anchor) => {
-			Coupon($$anchor, { get cartItem() {
+			Coupon$1($$anchor, { get cartItem() {
 				return displayItem();
 			} });
 		};
@@ -18225,7 +18268,7 @@ function Item$1($$anchor, $$props) {
 		var li_1 = sibling(li, 2);
 		var node_2 = child(li_1);
 		var consequent_4 = ($$anchor) => {
-			var fragment_6 = root$47();
+			var fragment_6 = root$52();
 			var s = first_child(fragment_6);
 			var text = child(s, true);
 			reset(s);
@@ -18239,7 +18282,7 @@ function Item$1($$anchor, $$props) {
 			append($$anchor, fragment_6);
 		};
 		var alternate = ($$anchor) => {
-			var span_1 = root_1$15();
+			var span_1 = root_1$17();
 			var text_2 = child(span_1, true);
 			reset(span_1);
 			template_effect(($0) => set_text(text_2, $0), [() => formatCurrency(displayItem().final_price_cents)]);
@@ -18253,7 +18296,7 @@ function Item$1($$anchor, $$props) {
 		var li_2 = sibling(li_1, 2);
 		var node_3 = child(li_2);
 		var consequent_5 = ($$anchor) => {
-			var span_2 = root_2$11();
+			var span_2 = root_2$12();
 			var text_3 = child(span_2, true);
 			reset(span_2);
 			template_effect(() => set_text(text_3, displayItem().product.participants));
@@ -18371,10 +18414,78 @@ create_custom_element(Item$1, {
 	preview: {}
 }, [], [], { mode: "open" });
 //#endregion
+//#region src/components/cart/components/DonationRow.svelte
+var root$51 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button class="go-cart-remove"> </button></li>`);
+var root_1$16 = /* @__PURE__ */ from_html(`<article class="go-cart-donation" data-testid="cart-donation"><ul><li class="go-cart-item-title-container"><span class="go-cart-donation-title"> </span></li> <li class="go-cart-item-price"></li> <li class="go-cart-item-count"></li> <!> <li class="go-cart-item-sum"> </li></ul></article>`);
+function DonationRow($$anchor, $$props) {
+	push($$props, true);
+	let donation = prop($$props, "donation", 7), preview = prop($$props, "preview", 7);
+	const campaign = /* @__PURE__ */ user_derived(() => shop.donations?.campaigns?.find((c) => c.id === donation().campaign_id));
+	function remove() {
+		shop.cart?.removeDonation(donation().campaign_id, donation().value);
+	}
+	var $$exports = {
+		get donation() {
+			return donation();
+		},
+		set donation($$value) {
+			donation($$value);
+			flushSync();
+		},
+		get preview() {
+			return preview();
+		},
+		set preview($$value) {
+			preview($$value);
+			flushSync();
+		}
+	};
+	var article = root_1$16();
+	var ul = child(article);
+	var li = child(ul);
+	var span = child(li);
+	var text = child(span, true);
+	reset(span);
+	reset(li);
+	var node = sibling(li, 6);
+	var consequent = ($$anchor) => {
+		var li_1 = root$51();
+		var button = child(li_1);
+		var text_1 = child(button, true);
+		reset(button);
+		reset(li_1);
+		template_effect(($0, $1) => {
+			set_attribute(button, "aria-label", $0);
+			set_text(text_1, $1);
+		}, [() => shop.t("cart.item.aria.removeItem"), () => shop.t("cart.item.remove")]);
+		delegated("click", button, remove);
+		append($$anchor, li_1);
+	};
+	if_block(node, ($$render) => {
+		if (!preview()) $$render(consequent);
+	});
+	var li_2 = sibling(node, 2);
+	var text_2 = child(li_2, true);
+	reset(li_2);
+	reset(ul);
+	reset(article);
+	template_effect(($0, $1) => {
+		set_text(text, $0);
+		set_text(text_2, $1);
+	}, [() => get$2(campaign)?.name ?? shop.t("cart.donation.title"), () => formatCurrency(donation().value)]);
+	append($$anchor, article);
+	return pop($$exports);
+}
+delegate(["click"]);
+create_custom_element(DonationRow, {
+	donation: {},
+	preview: {}
+}, [], [], { mode: "open" });
+//#endregion
 //#region src/components/cart/components/CartItems.svelte
-var root$46 = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove"></li>`);
-var root_1$14 = /* @__PURE__ */ from_html(`<li class="go-cart-item"><!></li>`);
-var root_2$10 = /* @__PURE__ */ from_html(`<ol data-testid="cart-items"><li class="go-cart-header"><ul><li class="go-cart-header-title"> </li> <li class="go-cart-header-price"> </li> <li class="go-cart-header-count"> </li> <!> <li class="go-cart-header-sum"> </li></ul></li> <!></ol>`);
+var root$50 = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove"></li>`);
+var root_1$15 = /* @__PURE__ */ from_html(`<li class="go-cart-item"><!></li>`);
+var root_2$11 = /* @__PURE__ */ from_html(`<ol data-testid="cart-items"><li class="go-cart-header"><ul><li class="go-cart-header-title"> </li> <li class="go-cart-header-price"> </li> <li class="go-cart-header-count"> </li> <!> <li class="go-cart-header-sum"> </li></ul></li> <!> <!></ol>`);
 function CartItems($$anchor, $$props) {
 	push($$props, true);
 	const _details = getCartDetails($$props.$$host);
@@ -18382,7 +18493,7 @@ function CartItems($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent_1 = ($$anchor) => {
-		var ol = root_2$10();
+		var ol = root_2$11();
 		var li = child(ol);
 		var ul = child(li);
 		var li_1 = child(ul);
@@ -18396,7 +18507,7 @@ function CartItems($$anchor, $$props) {
 		reset(li_3);
 		var node_1 = sibling(li_3, 2);
 		var consequent = ($$anchor) => {
-			append($$anchor, root$46());
+			append($$anchor, root$50());
 		};
 		if_block(node_1, ($$render) => {
 			if (!get$2(details).preview) $$render(consequent);
@@ -18406,8 +18517,9 @@ function CartItems($$anchor, $$props) {
 		reset(li_5);
 		reset(ul);
 		reset(li);
-		each(sibling(li, 2), 17, () => get$2(details).displayCart.items, (item) => item.uuid, ($$anchor, item) => {
-			var li_6 = root_1$14();
+		var node_2 = sibling(li, 2);
+		each(node_2, 17, () => get$2(details).displayCart.items, (item) => item.uuid, ($$anchor, item) => {
+			var li_6 = root_1$15();
 			Item$1(child(li_6), {
 				get displayItem() {
 					return get$2(item);
@@ -18422,6 +18534,19 @@ function CartItems($$anchor, $$props) {
 			reset(li_6);
 			append($$anchor, li_6);
 		});
+		each(sibling(node_2, 2), 17, () => get$2(details).displayCart.donations, (donation) => donation.campaign_id + "-" + donation.value, ($$anchor, donation) => {
+			var li_7 = root_1$15();
+			DonationRow(child(li_7), {
+				get donation() {
+					return get$2(donation);
+				},
+				get preview() {
+					return get$2(details).preview;
+				}
+			});
+			reset(li_7);
+			append($$anchor, li_7);
+		});
 		reset(ol);
 		template_effect(($0, $1, $2, $3) => {
 			set_text(text, $0);
@@ -18437,7 +18562,7 @@ function CartItems($$anchor, $$props) {
 		append($$anchor, ol);
 	};
 	if_block(node, ($$render) => {
-		if (get$2(details) && get$2(details).displayCart && get$2(details).displayCart.items.length) $$render(consequent_1);
+		if (get$2(details) && get$2(details).displayCart && (get$2(details).displayCart.items.length || get$2(details).displayCart.donations.length)) $$render(consequent_1);
 	});
 	append($$anchor, fragment);
 	pop();
@@ -18445,9 +18570,9 @@ function CartItems($$anchor, $$props) {
 customElements.define("go-cart-items", create_custom_element(CartItems, {}, [], []));
 //#endregion
 //#region src/components/cart/components/CartCoupons.svelte
-var root$45 = /* @__PURE__ */ from_html(`<li class="go-cart-coupon-remove-cell"><button class="go-cart-remove go-cart-coupon-remove">⨉</button></li>`);
-var root_1$13 = /* @__PURE__ */ from_html(`<li><article class="go-cart-coupon-content"><ul><li class="go-cart-coupon-code"> </li> <!></ul></article></li>`);
-var root_2$9 = /* @__PURE__ */ from_html(`<ol data-testid="cart-coupons"></ol>`);
+var root$49 = /* @__PURE__ */ from_html(`<li class="go-cart-coupon-remove-cell"><button class="go-cart-remove go-cart-coupon-remove">⨉</button></li>`);
+var root_1$14 = /* @__PURE__ */ from_html(`<li><article class="go-cart-coupon-content"><ul><li class="go-cart-coupon-code"> </li> <!></ul></article></li>`);
+var root_2$10 = /* @__PURE__ */ from_html(`<ol data-testid="cart-coupons"></ol>`);
 function CartCoupons($$anchor, $$props) {
 	push($$props, true);
 	const _details = getCartDetails($$props.$$host);
@@ -18455,9 +18580,9 @@ function CartCoupons($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent_1 = ($$anchor) => {
-		var ol = root_2$9();
+		var ol = root_2$10();
 		each(ol, 21, () => get$2(details).displayCart.coupons, (coupon) => coupon.code, ($$anchor, coupon) => {
-			var li = root_1$13();
+			var li = root_1$14();
 			let classes;
 			var article = child(li);
 			var ul = child(article);
@@ -18466,7 +18591,7 @@ function CartCoupons($$anchor, $$props) {
 			reset(li_1);
 			var node_1 = sibling(li_1, 2);
 			var consequent = ($$anchor) => {
-				var li_2 = root$45();
+				var li_2 = root$49();
 				var button = child(li_2);
 				reset(li_2);
 				template_effect(($0) => set_attribute(button, "aria-label", $0), [() => shop.t("cart.coupons.remove")]);
@@ -18498,7 +18623,7 @@ delegate(["click"]);
 customElements.define("go-cart-coupons", create_custom_element(CartCoupons, {}, [], []));
 //#endregion
 //#region src/components/cart/components/CartTotalAmount.svelte
-var root$44 = /* @__PURE__ */ from_html(`<span class="go-cart-total-amount" data-testid="cart-total-amount"> </span>`);
+var root$48 = /* @__PURE__ */ from_html(`<span class="go-cart-total-amount" data-testid="cart-total-amount"> </span>`);
 function CartTotalAmount($$anchor, $$props) {
 	push($$props, true);
 	const _details = getCartDetails($$props.$$host);
@@ -18506,7 +18631,7 @@ function CartTotalAmount($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
-		var span = root$44();
+		var span = root$48();
 		var text = child(span, true);
 		reset(span);
 		template_effect(($0) => set_text(text, $0), [() => formatCurrency(get$2(details).totalPriceCents)]);
@@ -18534,6 +18659,7 @@ function Cart($$anchor, $$props) {
 		shop.cart.items.map((i) => i.uuid + ":" + i.quantity + ":" + i.time);
 		shop.cart.coupons.map((c) => c.code).join("|");
 		shop.cart.items.forEach((i) => i.mantle && Object.values(i.mantle.composition));
+		shop.cart.donations.map((d) => d.campaign_id + ":" + d.value).join("|");
 		untrack(() => details.calculateDisplayCart());
 	});
 	async function flushCoupons() {
@@ -18575,7 +18701,7 @@ customElements.define("go-cart", create_custom_element(Cart, { preview: {
 } }, [], []));
 //#endregion
 //#region src/components/cart/components/CartSubtotalAmount.svelte
-var root$43 = /* @__PURE__ */ from_html(`<span class="go-cart-subtotal-amount" data-testid="cart-subtotal-amount"> </span>`);
+var root$47 = /* @__PURE__ */ from_html(`<span class="go-cart-subtotal-amount" data-testid="cart-subtotal-amount"> </span>`);
 function CartSubtotalAmount($$anchor, $$props) {
 	push($$props, true);
 	const _details = getCartDetails($$props.$$host);
@@ -18583,7 +18709,7 @@ function CartSubtotalAmount($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
-		var span = root$43();
+		var span = root$47();
 		var text = child(span, true);
 		reset(span);
 		template_effect(($0) => set_text(text, $0), [() => formatCurrency(get$2(details).subtotalPriceCents)]);
@@ -18598,7 +18724,7 @@ function CartSubtotalAmount($$anchor, $$props) {
 customElements.define("go-cart-subtotal-amount", create_custom_element(CartSubtotalAmount, {}, [], []));
 //#endregion
 //#region src/components/cart/components/CartDiscountedAmount.svelte
-var root$42 = /* @__PURE__ */ from_html(`<span class="go-cart-discounted-amount" data-testid="cart-discounted-amount"><span class="go-cart-discounted-amount-sign">−</span> </span>`);
+var root$46 = /* @__PURE__ */ from_html(`<span class="go-cart-discounted-amount" data-testid="cart-discounted-amount"><span class="go-cart-discounted-amount-sign">−</span> </span>`);
 function CartDiscountedAmount($$anchor, $$props) {
 	push($$props, true);
 	const _details = getCartDetails($$props.$$host);
@@ -18606,7 +18732,7 @@ function CartDiscountedAmount($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
-		var span = root$42();
+		var span = root$46();
 		var text = sibling(child(span), 1, true);
 		reset(span);
 		template_effect(($0) => set_text(text, $0), [() => formatCurrency(get$2(details).discountedAmountCents)]);
@@ -18850,7 +18976,7 @@ function fail(errors) {
 }
 //#endregion
 //#region src/components/couponRedemption/CouponRedemption.svelte
-var root$41 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$45 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function CouponRedemption($$anchor, $$props) {
 	push($$props, true);
 	Forms.defineForm({
@@ -18887,7 +19013,7 @@ function CouponRedemption($$anchor, $$props) {
 		return runRedeem(form);
 	}
 	var $$exports = { flush };
-	var go_form = root$41();
+	var go_form = root$45();
 	set_custom_element_data(go_form, "formId", "couponRedemption");
 	event("submit", go_form, redeem$1);
 	append($$anchor, go_form);
@@ -18895,6 +19021,116 @@ function CouponRedemption($$anchor, $$props) {
 }
 customElements.define("go-coupon-redemption", create_custom_element(CouponRedemption, {}, [], ["flush"]));
 //#endregion
+//#region src/components/donations/components/DonationCheckbox.svelte
+var root$44 = /* @__PURE__ */ from_html(`<span class="go-donation-checkbox-label"></span>`);
+var root_1$13 = /* @__PURE__ */ from_html(`<span class="go-donation-checkbox-label"> </span>`);
+var root_2$9 = /* @__PURE__ */ from_html(`<label class="go-donation-checkbox"><input type="checkbox" data-testid="donation-checkbox"/> <!></label>`);
+function DonationCheckbox($$anchor, $$props) {
+	push($$props, true);
+	let campaignId = prop($$props, "campaignId", 7), amountCents = prop($$props, "amountCents", 7), describedby = prop($$props, "describedby", 7);
+	const adopted = document.createDocumentFragment();
+	for (const node of Array.from($$props.$$host.childNodes)) if (!(node.nodeType === Node.TEXT_NODE && node.textContent === "") && node.nodeType !== Node.COMMENT_NODE) adopted.appendChild(node);
+	const hasCustomLabel = Array.from(adopted.childNodes).some((n) => n.nodeType === Node.ELEMENT_NODE || !!n.textContent?.trim());
+	let customLabelSpan = /* @__PURE__ */ state(void 0);
+	user_effect(() => {
+		if (!hasCustomLabel || !get$2(customLabelSpan)) return;
+		const span = get$2(customLabelSpan);
+		span.appendChild(adopted);
+		return () => {
+			while (span.firstChild) adopted.appendChild(span.firstChild);
+		};
+	});
+	const campaign = /* @__PURE__ */ user_derived(() => shop.donations?.campaigns?.find((c) => c.id === campaignId()));
+	const guest = /* @__PURE__ */ user_derived(() => !shop.currentUser?.isAuthenticated || shop.currentUser?.isGuest);
+	const overGuestLimit = /* @__PURE__ */ user_derived(() => !!get$2(campaign) && get$2(campaign).guest_limit > 0 && (amountCents() ?? 0) > get$2(campaign).guest_limit && get$2(guest));
+	const checked = /* @__PURE__ */ user_derived(() => !!get$2(campaign) && !!amountCents() && !!shop.cart?.hasDonation(get$2(campaign).id, amountCents()));
+	function toggle(event) {
+		if (!get$2(campaign) || !amountCents() || !shop.cart) return;
+		if (event.currentTarget.checked) shop.cart.addDonation({
+			value: amountCents(),
+			campaign_id: get$2(campaign).id
+		});
+		else shop.cart.removeDonation(get$2(campaign).id, amountCents());
+	}
+	var $$exports = {
+		get campaignId() {
+			return campaignId();
+		},
+		set campaignId($$value) {
+			campaignId($$value);
+			flushSync();
+		},
+		get amountCents() {
+			return amountCents();
+		},
+		set amountCents($$value) {
+			amountCents($$value);
+			flushSync();
+		},
+		get describedby() {
+			return describedby();
+		},
+		set describedby($$value) {
+			describedby($$value);
+			flushSync();
+		}
+	};
+	var fragment = comment();
+	var node_1 = first_child(fragment);
+	var consequent_1 = ($$anchor) => {
+		var label = root_2$9();
+		var input = child(label);
+		remove_input_defaults(input);
+		var node_2 = sibling(input, 2);
+		var consequent = ($$anchor) => {
+			var span_1 = root$44();
+			bind_this(span_1, ($$value) => set(customLabelSpan, $$value), () => get$2(customLabelSpan));
+			append($$anchor, span_1);
+		};
+		var alternate = ($$anchor) => {
+			var span_2 = root_1$13();
+			var text = child(span_2, true);
+			reset(span_2);
+			template_effect(($0) => set_text(text, $0), [() => shop.t("donations.checkbox.label", {
+				campaign: get$2(campaign).name,
+				amount: formatCurrency(amountCents())
+			})]);
+			append($$anchor, span_2);
+		};
+		if_block(node_2, ($$render) => {
+			if (hasCustomLabel) $$render(consequent);
+			else $$render(alternate, -1);
+		});
+		reset(label);
+		template_effect(() => {
+			set_checked(input, get$2(checked));
+			set_attribute(input, "aria-describedby", describedby() || void 0);
+		});
+		delegated("change", input, toggle);
+		append($$anchor, label);
+	};
+	if_block(node_1, ($$render) => {
+		if (get$2(campaign) && amountCents() && amountCents() > 0 && !get$2(overGuestLimit)) $$render(consequent_1);
+	});
+	append($$anchor, fragment);
+	return pop($$exports);
+}
+delegate(["change"]);
+customElements.define("go-donation-checkbox", create_custom_element(DonationCheckbox, {
+	campaignId: {
+		attribute: "campaign-id",
+		type: "Number"
+	},
+	amountCents: {
+		attribute: "amount-cents",
+		type: "Number"
+	},
+	describedby: {
+		attribute: "describedby",
+		type: "String"
+	}
+}, [], []));
+//#endregion
 //#region ../../node_modules/.pnpm/svelte@5.56.1_@typescript-eslint+types@8.60.1/node_modules/svelte/src/internal/flags/legacy.js
 enable_legacy_mode_flag();
 //#endregion
@@ -18943,7 +19179,7 @@ var GoDonation = class {
 var goDonation = new GoDonation();
 //#endregion
 //#region src/components/donations/components/DonationCampaign.svelte
-var root$40 = /* @__PURE__ */ from_html(`<img alt="logo"/>`);
+var root$43 = /* @__PURE__ */ from_html(`<img alt="logo"/>`);
 var root_1$12 = /* @__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);
@@ -18963,7 +19199,7 @@ function DonationCampaign($$anchor, $$props) {
 	var div_1 = child(div);
 	var node = child(div_1);
 	var consequent = ($$anchor) => {
-		var img = root$40();
+		var img = root$43();
 		template_effect(($0) => set_attribute(img, "src", $0), [() => campaign().picture.thumbnail.replace("thumbnail", "article_3x2")]);
 		append($$anchor, img);
 	};
@@ -18996,7 +19232,7 @@ delegate(["click", "keydown"]);
 create_custom_element(DonationCampaign, { campaign: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/donations/components/DonationSelector.svelte
-var root$39 = /* @__PURE__ */ from_html(`<button> </button>`);
+var root$42 = /* @__PURE__ */ from_html(`<button> </button>`);
 var root_1$11 = /* @__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_2$8 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
 function DonationSelector($$anchor, $$props) {
@@ -19021,7 +19257,7 @@ function DonationSelector($$anchor, $$props) {
 	reset(h3);
 	var div_1 = sibling(h3, 2);
 	each(div_1, 20, () => goDonation.campaign?.options, (option) => option, ($$anchor, option) => {
-		var button = root$39();
+		var button = root$42();
 		let classes;
 		var text_1 = child(button, true);
 		reset(button);
@@ -19065,7 +19301,7 @@ delegate(["click", "input"]);
 create_custom_element(DonationSelector, {}, [], [], { mode: "open" });
 //#endregion
 //#region src/components/donations/components/Donations.svelte
-var root$38 = /* @__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>`);
+var root$41 = /* @__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(() => {
@@ -19075,7 +19311,7 @@ function Donations($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent_1 = ($$anchor) => {
-		var div = root$38();
+		var div = root$41();
 		var node_1 = child(div);
 		each(node_1, 1, () => shop?.donations?.campaigns, (campaign) => campaign.id, ($$anchor, campaign) => {
 			DonationCampaign($$anchor, { get campaign() {
@@ -24914,7 +25150,7 @@ var rest_excludes$25 = new Set([
 	"monthFormat",
 	"yearFormat"
 ]);
-var root$37 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$40 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar$1($$anchor, $$props) {
 	push($$props, true);
 	let child$18 = 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), readonly = 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, rest_excludes$25);
@@ -25186,7 +25422,7 @@ function Calendar$1($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var div = root$37();
+		var div = root$40();
 		attribute_effect(div, () => ({ ...get$2(mergedProps) }));
 		snippet(child(div), () => children() ?? noop$1, () => rootState.snippetProps);
 		reset(div);
@@ -25241,7 +25477,7 @@ var rest_excludes$24 = new Set([
 	"ref",
 	"id"
 ]);
-var root$36 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$39 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_day($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25296,7 +25532,7 @@ function Calendar_day($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate_1 = ($$anchor) => {
-		var div = root$36();
+		var div = root$39();
 		attribute_effect(div, () => ({ ...get$2(mergedProps) }));
 		var node_2 = child(div);
 		var consequent_1 = ($$anchor) => {
@@ -25341,7 +25577,7 @@ var rest_excludes$23 = new Set([
 	"ref",
 	"id"
 ]);
-var root$35 = /* @__PURE__ */ from_html(`<table><!></table>`);
+var root$38 = /* @__PURE__ */ from_html(`<table><!></table>`);
 function Calendar_grid($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25389,7 +25625,7 @@ function Calendar_grid($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var table = root$35();
+		var table = root$38();
 		attribute_effect(table, () => ({ ...get$2(mergedProps) }));
 		snippet(child(table), () => children() ?? noop$1);
 		reset(table);
@@ -25420,7 +25656,7 @@ var rest_excludes$22 = new Set([
 	"ref",
 	"id"
 ]);
-var root$34 = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
+var root$37 = /* @__PURE__ */ from_html(`<tbody><!></tbody>`);
 function Calendar_grid_body($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25468,7 +25704,7 @@ function Calendar_grid_body($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var tbody = root$34();
+		var tbody = root$37();
 		attribute_effect(tbody, () => ({ ...get$2(mergedProps) }));
 		snippet(child(tbody), () => children() ?? noop$1);
 		reset(tbody);
@@ -25501,7 +25737,7 @@ var rest_excludes$21 = new Set([
 	"date",
 	"month"
 ]);
-var root$33 = /* @__PURE__ */ from_html(`<td><!></td>`);
+var root$36 = /* @__PURE__ */ from_html(`<td><!></td>`);
 function Calendar_cell($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25572,7 +25808,7 @@ function Calendar_cell($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var td = root$33();
+		var td = root$36();
 		attribute_effect(td, () => ({ ...get$2(mergedProps) }));
 		snippet(child(td), () => children() ?? noop$1, () => cellState.snippetProps);
 		reset(td);
@@ -25605,7 +25841,7 @@ var rest_excludes$20 = new Set([
 	"ref",
 	"id"
 ]);
-var root$32 = /* @__PURE__ */ from_html(`<thead><!></thead>`);
+var root$35 = /* @__PURE__ */ from_html(`<thead><!></thead>`);
 function Calendar_grid_head($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25653,7 +25889,7 @@ function Calendar_grid_head($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var thead = root$32();
+		var thead = root$35();
 		attribute_effect(thead, () => ({ ...get$2(mergedProps) }));
 		snippet(child(thead), () => children() ?? noop$1);
 		reset(thead);
@@ -25684,7 +25920,7 @@ var rest_excludes$19 = new Set([
 	"ref",
 	"id"
 ]);
-var root$31 = /* @__PURE__ */ from_html(`<th><!></th>`);
+var root$34 = /* @__PURE__ */ from_html(`<th><!></th>`);
 function Calendar_head_cell($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25732,7 +25968,7 @@ function Calendar_head_cell($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var th = root$31();
+		var th = root$34();
 		attribute_effect(th, () => ({ ...get$2(mergedProps) }));
 		snippet(child(th), () => children() ?? noop$1);
 		reset(th);
@@ -25763,7 +25999,7 @@ var rest_excludes$18 = new Set([
 	"ref",
 	"id"
 ]);
-var root$30 = /* @__PURE__ */ from_html(`<tr><!></tr>`);
+var root$33 = /* @__PURE__ */ from_html(`<tr><!></tr>`);
 function Calendar_grid_row($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25811,7 +26047,7 @@ function Calendar_grid_row($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var tr = root$30();
+		var tr = root$33();
 		attribute_effect(tr, () => ({ ...get$2(mergedProps) }));
 		snippet(child(tr), () => children() ?? noop$1);
 		reset(tr);
@@ -25842,7 +26078,7 @@ var rest_excludes$17 = new Set([
 	"ref",
 	"id"
 ]);
-var root$29 = /* @__PURE__ */ from_html(`<header><!></header>`);
+var root$32 = /* @__PURE__ */ from_html(`<header><!></header>`);
 function Calendar_header($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25890,7 +26126,7 @@ function Calendar_header($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var header = root$29();
+		var header = root$32();
 		attribute_effect(header, () => ({ ...get$2(mergedProps) }));
 		snippet(child(header), () => children() ?? noop$1);
 		reset(header);
@@ -25921,7 +26157,7 @@ var rest_excludes$16 = new Set([
 	"ref",
 	"id"
 ]);
-var root$28 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$31 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Calendar_heading($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -25972,7 +26208,7 @@ function Calendar_heading($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate_1 = ($$anchor) => {
-		var div = root$28();
+		var div = root$31();
 		attribute_effect(div, () => ({ ...get$2(mergedProps) }));
 		var node_2 = child(div);
 		var consequent_1 = ($$anchor) => {
@@ -26018,7 +26254,7 @@ var rest_excludes$15 = new Set([
 	"ref",
 	"tabindex"
 ]);
-var root$27 = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root$30 = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_next_button($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -26073,7 +26309,7 @@ function Calendar_next_button($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var button = root$27();
+		var button = root$30();
 		attribute_effect(button, () => ({ ...get$2(mergedProps) }));
 		snippet(child(button), () => children() ?? noop$1);
 		reset(button);
@@ -26106,7 +26342,7 @@ var rest_excludes$14 = new Set([
 	"ref",
 	"tabindex"
 ]);
-var root$26 = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root$29 = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Calendar_prev_button($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -26161,7 +26397,7 @@ function Calendar_prev_button($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var button = root$26();
+		var button = root$29();
 		attribute_effect(button, () => ({ ...get$2(mergedProps) }));
 		snippet(child(button), () => children() ?? noop$1);
 		reset(button);
@@ -26190,7 +26426,7 @@ var rest_excludes$13 = new Set([
 	"$$host",
 	"value"
 ]);
-var root$25 = /* @__PURE__ */ from_html(`<input/>`);
+var root$28 = /* @__PURE__ */ from_html(`<input/>`);
 function Hidden_input($$anchor, $$props) {
 	push($$props, true);
 	let value = prop($$props, "value", 15), restProps = /* @__PURE__ */ rest_props($$props, rest_excludes$13);
@@ -26216,7 +26452,7 @@ function Hidden_input($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
-		var input = root$25();
+		var input = root$28();
 		attribute_effect(input, () => ({
 			...get$2(mergedProps),
 			value: value()
@@ -26224,7 +26460,7 @@ function Hidden_input($$anchor, $$props) {
 		append($$anchor, input);
 	};
 	var alternate = ($$anchor) => {
-		var input_1 = root$25();
+		var input_1 = root$28();
 		attribute_effect(input_1, () => ({ ...get$2(mergedProps) }), void 0, void 0, void 0, void 0, true);
 		bind_value(input_1, value);
 		append($$anchor, input_1);
@@ -28537,7 +28773,7 @@ var rest_excludes$11 = new Set([
 	"tooltip",
 	"contentPointerEvents"
 ]);
-var root$24 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root$27 = /* @__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), isValidEvent = 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), contentPointerEvents = prop($$props, "contentPointerEvents", 7, "auto"), restProps = /* @__PURE__ */ rest_props($$props, rest_excludes$11);
@@ -28815,7 +29051,7 @@ function Popper_layer_inner($$anchor, $$props) {
 		const content = ($$anchor, $$arg0) => {
 			let floatingProps = () => $$arg0?.().props;
 			let wrapperProps = () => $$arg0?.().wrapperProps;
-			var fragment_1 = root$24();
+			var fragment_1 = root$27();
 			var node = first_child(fragment_1);
 			var consequent = ($$anchor) => {
 				Scroll_lock($$anchor, { get preventScroll() {
@@ -31179,7 +31415,7 @@ var rest_excludes$8 = new Set([
 	"children",
 	"child"
 ]);
-var root$23 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$26 = /* @__PURE__ */ from_html(`<div><!></div>`);
 var root_1$10 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Date_field_input($$anchor, $$props) {
 	const uid = props_id();
@@ -31239,7 +31475,7 @@ function Date_field_input($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var div = root$23();
+		var div = root$26();
 		attribute_effect(div, () => ({ ...get$2(mergedProps) }));
 		snippet(child(div), () => children() ?? noop$1, () => ({ segments: inputState.root.segmentContents }));
 		reset(div);
@@ -31272,7 +31508,7 @@ var rest_excludes$7 = new Set([
 	"children",
 	"child"
 ]);
-var root$22 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$25 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_field_label($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -31320,7 +31556,7 @@ function Date_field_label($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var div = root$22();
+		var div = root$25();
 		attribute_effect(div, () => ({ ...get$2(mergedProps) }));
 		snippet(child(div), () => children() ?? noop$1);
 		reset(div);
@@ -31352,7 +31588,7 @@ var rest_excludes$6 = new Set([
 	"child",
 	"part"
 ]);
-var root$21 = /* @__PURE__ */ from_html(`<span><!></span>`);
+var root$24 = /* @__PURE__ */ from_html(`<span><!></span>`);
 function Date_field_segment($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -31407,7 +31643,7 @@ function Date_field_segment($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var span = root$21();
+		var span = root$24();
 		attribute_effect(span, () => ({ ...get$2(mergedProps) }));
 		snippet(child(span), () => children() ?? noop$1);
 		reset(span);
@@ -32429,7 +32665,7 @@ var rest_excludes$5 = new Set([
 	"id",
 	"ref"
 ]);
-var root$20 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root$23 = /* @__PURE__ */ from_html(`<div><!></div>`);
 function Date_picker_calendar($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -32509,7 +32745,7 @@ function Date_picker_calendar($$anchor, $$props) {
 		append($$anchor, fragment_1);
 	};
 	var alternate = ($$anchor) => {
-		var div = root$20();
+		var div = root$23();
 		attribute_effect(div, () => ({ ...get$2(mergedProps) }));
 		snippet(child(div), () => children() ?? noop$1, () => calendarState.snippetProps);
 		reset(div);
@@ -32549,7 +32785,7 @@ var rest_excludes$4 = new Set([
 	"customAnchor",
 	"style"
 ]);
-var root$19 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
+var root$22 = /* @__PURE__ */ from_html(`<div><div><!></div></div>`);
 function Popover_content($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -32684,7 +32920,7 @@ function Popover_content($$anchor, $$props) {
 					append($$anchor, fragment_3);
 				};
 				var alternate = ($$anchor) => {
-					var div = root$19();
+					var div = root$22();
 					attribute_effect(div, () => ({ ...wrapperProps() }));
 					var div_1 = child(div);
 					attribute_effect(div_1, () => ({ ...get$2(finalProps) }));
@@ -32754,7 +32990,7 @@ function Popover_content($$anchor, $$props) {
 					append($$anchor, fragment_6);
 				};
 				var alternate_1 = ($$anchor) => {
-					var div_2 = root$19();
+					var div_2 = root$22();
 					attribute_effect(div_2, () => ({ ...wrapperProps() }));
 					var div_3 = child(div_2);
 					attribute_effect(div_3, () => ({ ...get$2(finalProps) }));
@@ -32885,7 +33121,7 @@ var rest_excludes$2 = new Set([
 	"openDelay",
 	"closeDelay"
 ]);
-var root$18 = /* @__PURE__ */ from_html(`<button><!></button>`);
+var root$21 = /* @__PURE__ */ from_html(`<button><!></button>`);
 function Popover_trigger($$anchor, $$props) {
 	const uid = props_id();
 	push($$props, true);
@@ -32980,7 +33216,7 @@ function Popover_trigger($$anchor, $$props) {
 				append($$anchor, fragment_2);
 			};
 			var alternate = ($$anchor) => {
-				var button = root$18();
+				var button = root$21();
 				attribute_effect(button, () => ({ ...get$2(mergedProps) }));
 				snippet(child(button), () => children() ?? noop$1);
 				reset(button);
@@ -33060,7 +33296,7 @@ create_custom_element(Date_picker_trigger, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/forms/ui/generic/DatePicker.svelte
-var root$17 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root$20 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_1$9 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function DatePicker_1($$anchor, $$props) {
 	push($$props, true);
@@ -33148,7 +33384,7 @@ function DatePicker_1($$anchor, $$props) {
 					{
 						const children = ($$anchor, $$arg0) => {
 							let segments = () => $$arg0?.().segments;
-							var fragment_4 = root$17();
+							var fragment_4 = root$20();
 							var node_5 = first_child(fragment_4);
 							each(node_5, 17, segments, index$1, ($$anchor, $$item) => {
 								let part = () => get$2($$item).part;
@@ -33199,7 +33435,7 @@ function DatePicker_1($$anchor, $$props) {
 									const children = ($$anchor, $$arg0) => {
 										let months = () => $$arg0?.().months;
 										let weekdays = () => $$arg0?.().weekdays;
-										var fragment_8 = root$17();
+										var fragment_8 = root$20();
 										var node_10 = first_child(fragment_8);
 										component(node_10, () => Calendar_header, ($$anchor, DatePicker_Header) => {
 											DatePicker_Header($$anchor, {
@@ -33226,7 +33462,7 @@ function DatePicker_1($$anchor, $$props) {
 											component(first_child(fragment_10), () => Calendar_grid, ($$anchor, DatePicker_Grid) => {
 												DatePicker_Grid($$anchor, {
 													children: ($$anchor, $$slotProps) => {
-														var fragment_11 = root$17();
+														var fragment_11 = root$20();
 														var node_16 = first_child(fragment_11);
 														component(node_16, () => Calendar_grid_head, ($$anchor, DatePicker_GridHead) => {
 															DatePicker_GridHead($$anchor, {
@@ -33354,7 +33590,7 @@ var rest_excludes = new Set([
 	"inputClass",
 	"host"
 ]);
-var root$16 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
+var root$19 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
 var root_1$8 = /* @__PURE__ */ from_html(` <!>`, 1);
 var root_2$7 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
 var root_3$7 = /* @__PURE__ */ from_html(`<label><!></label> <textarea></textarea>`, 1);
@@ -33380,7 +33616,7 @@ function InputAndLabel($$anchor, $$props) {
 		var text = first_child(fragment);
 		var node = sibling(text);
 		var consequent = ($$anchor) => {
-			append($$anchor, root$16());
+			append($$anchor, root$19());
 		};
 		if_block(node, ($$render) => {
 			if (field().required) $$render(consequent);
@@ -33780,7 +34016,7 @@ create_custom_element(InputAndLabel, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/forms/ui/generic/Field.svelte
-var root$15 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root$18 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_1$7 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_2$6 = /* @__PURE__ */ from_html(`<ul class="go-field-errors"></ul>`);
 var root_3$6 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
@@ -33863,7 +34099,7 @@ function Field($$anchor, $$props) {
 	});
 	var node_1 = sibling(node, 2);
 	var consequent = ($$anchor) => {
-		var span = root$15();
+		var span = root$18();
 		var text = child(span, true);
 		reset(span);
 		template_effect(() => {
@@ -33919,7 +34155,7 @@ customElements.define("go-field", create_custom_element(Field, {
 }, [], ["getField"]));
 //#endregion
 //#region src/components/forms/ui/generic/AllFields.svelte
-var root$14 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
+var root$17 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
 function AllFields($$anchor, $$props) {
 	push($$props, true);
 	let _details = getDetails$1($$props.$$host);
@@ -33927,7 +34163,7 @@ function AllFields($$anchor, $$props) {
 	let allFields = /* @__PURE__ */ user_derived(() => get$2(details) ? Forms.getFormFields(get$2(details)?.formId) : []);
 	var fragment = comment();
 	each(first_child(fragment), 17, () => get$2(allFields), (field) => field.key, ($$anchor, field) => {
-		var go_field = root$14();
+		var go_field = root$17();
 		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($$anchor, go_field);
@@ -33938,7 +34174,7 @@ function AllFields($$anchor, $$props) {
 customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], []));
 //#endregion
 //#region src/components/forms/ui/generic/ErrorsFeedback.svelte
-var root$13 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
+var root$16 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
 var root_1$6 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
 var root_3$5 = /* @__PURE__ */ from_html(`<div><p aria-live="assertive" class="sr-only"><!></p> <!> <!></div>`);
@@ -33976,7 +34212,7 @@ function ErrorsFeedback($$anchor, $$props) {
 	reset(p);
 	var node_1 = sibling(p, 2);
 	var consequent_1 = ($$anchor) => {
-		var p_1 = root$13();
+		var p_1 = root$16();
 		var text_1 = child(p_1, true);
 		reset(p_1);
 		template_effect(($0) => set_text(text_1, $0), [() => shop.t("forms.errorSummary", { count: get$2(errorsRealtime) })]);
@@ -34009,9 +34245,9 @@ function ErrorsFeedback($$anchor, $$props) {
 customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], []));
 //#endregion
 //#region src/components/forms/ui/generic/FormFeedback.svelte
-var root$12 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
+var root$15 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
 function FormFeedback($$anchor, $$props) {
-	var div = root$12();
+	var div = root$15();
 	slot(child(div), $$props, "default", {}, null);
 	reset(div);
 	append($$anchor, div);
@@ -34045,7 +34281,7 @@ customElements.define("go-submit", create_custom_element(Submit, { buttonClass:
 } }, [], []));
 //#endregion
 //#region src/components/forms/ui/generic/SuccessFeedback.svelte
-var root$11 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
+var root$14 = /* @__PURE__ */ from_html(`<div aria-live="assertive"> </div>`);
 function SuccessFeedback($$anchor, $$props) {
 	push($$props, true);
 	const _details = getDetails$1($$props.$$host);
@@ -34053,7 +34289,7 @@ function SuccessFeedback($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent = ($$anchor) => {
-		var div = root$11();
+		var div = root$14();
 		let classes;
 		var text = child(div, true);
 		reset(div);
@@ -36540,8 +36776,9 @@ var OrderDetails = class {
 		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 "Coupon": return `${shop.apiUrl}/api/v4/orders/${this.order.id}/coupons/${item.attributes.id}.pdf?locale=${shop.locale}&token=${this.token}`;
 			case "Ticket":
-				if (item.attributes.ticket_type === "annual" && !item.attributes.is_voucher) if (configStore.config.urls.annualTicketPersonalizationList?.()) return configStore.config.urls.annualTicketPersonalizationList(this.token);
+				if (item.attributes.ticket_type === "annual" && !item.attributes.is_voucher) if (configStore.config.urls.annualTicketPersonalizationList) return configStore.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}&barcode_id=${barcodeId}`;
 				break;
@@ -36568,6 +36805,7 @@ function Order($$anchor, $$props) {
 		untrack(() => {
 			cart.clearItems();
 			cart.clearCoupons();
+			cart.clearDonations();
 			if (shop.auth.isGuest()) shop.auth.signOut();
 		});
 	});
@@ -36588,8 +36826,109 @@ customElements.define("go-order", create_custom_element(Order, { token: {
 	type: "String"
 } }, [], ["orderDetails"]));
 //#endregion
+//#region src/components/order/components/subcomponents/breakdown/items/Coupon.svelte
+var root$13 = /* @__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> <br/> <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></ul></article></li>`);
+function Coupon($$anchor, $$props) {
+	push($$props, true);
+	let item = prop($$props, "item", 7), orderDetails = prop($$props, "orderDetails", 7);
+	const valueCents = /* @__PURE__ */ user_derived(() => item().attributes.value_cents > 0 ? item().attributes.value_cents : item().price_cents);
+	var $$exports = {
+		get item() {
+			return item();
+		},
+		set item($$value) {
+			item($$value);
+			flushSync();
+		},
+		get orderDetails() {
+			return orderDetails();
+		},
+		set orderDetails($$value) {
+			orderDetails($$value);
+			flushSync();
+		}
+	};
+	var li = root$13();
+	var article = child(li);
+	var ul = child(article);
+	var li_1 = child(ul);
+	var text = child(li_1, true);
+	reset(li_1);
+	var li_2 = sibling(li_1, 2);
+	var span = child(li_2);
+	var text_1 = child(span, true);
+	reset(span);
+	var a = sibling(span, 4);
+	var text_2 = child(a, true);
+	reset(a);
+	reset(li_2);
+	var li_3 = sibling(li_2, 2);
+	var text_3 = child(li_3, true);
+	reset(li_3);
+	next(2);
+	reset(ul);
+	reset(article);
+	reset(li);
+	template_effect(($0, $1, $2) => {
+		set_text(text, item().attributes.quantity);
+		set_text(text_1, item().attributes.title);
+		set_attribute(a, "href", $0);
+		set_text(text_2, $1);
+		set_text(text_3, $2);
+	}, [
+		() => orderDetails().downloadLink(item()),
+		() => shop.t("common.download"),
+		() => formatCurrency(get$2(valueCents))
+	]);
+	append($$anchor, li);
+	return pop($$exports);
+}
+create_custom_element(Coupon, {
+	item: {},
+	orderDetails: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/components/order/components/subcomponents/breakdown/items/Donation.svelte
+var root$12 = /* @__PURE__ */ from_html(`<li class="go-order-breakdown-donation"><article><ul><li class="go-order-breakdown-count">1</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 Donation($$anchor, $$props) {
+	push($$props, true);
+	let donation = prop($$props, "donation", 7);
+	const campaign = /* @__PURE__ */ user_derived(() => shop.donations?.campaigns?.find((c) => c.id === donation().donation_campaign_id));
+	var $$exports = {
+		get donation() {
+			return donation();
+		},
+		set donation($$value) {
+			donation($$value);
+			flushSync();
+		}
+	};
+	var li = root$12();
+	var article = child(li);
+	var ul = child(article);
+	var li_1 = sibling(child(ul), 2);
+	var span = child(li_1);
+	var text = child(span, true);
+	reset(span);
+	reset(li_1);
+	var li_2 = sibling(li_1, 2);
+	var text_1 = child(li_2, true);
+	reset(li_2);
+	next(2);
+	reset(ul);
+	reset(article);
+	reset(li);
+	template_effect(($0, $1) => {
+		set_text(text, $0);
+		set_text(text_1, $1);
+	}, [() => get$2(campaign)?.name ?? shop.t("common.table.donation"), () => formatCurrency(donation().donation_cents)]);
+	append($$anchor, li);
+	return pop($$exports);
+}
+create_custom_element(Donation, { donation: {} }, [], [], { mode: "open" });
+//#endregion
 //#region src/components/order/components/subcomponents/breakdown/items/Event.svelte
-var root$10 = /* @__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$11 = /* @__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_1$5 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities"> </span>`, 1);
 var root_2$4 = /* @__PURE__ */ from_html(`<a aria-label="iCal link"> </a>`);
 var root_3$4 = /* @__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>`);
@@ -36621,7 +36960,7 @@ function Event$1($$anchor, $$props) {
 	reset(span);
 	var node = sibling(span, 2);
 	var consequent = ($$anchor) => {
-		var fragment = root$10();
+		var fragment = root$11();
 		var span_1 = first_child(fragment);
 		var text_1 = child(span_1, true);
 		reset(span_1);
@@ -36690,6 +37029,48 @@ create_custom_element(Event$1, {
 	orderDetails: {}
 }, [], [], { mode: "open" });
 //#endregion
+//#region src/components/order/components/subcomponents/breakdown/items/Merchandise.svelte
+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 Merchandise($$anchor, $$props) {
+	push($$props, true);
+	let item = prop($$props, "item", 7);
+	var $$exports = {
+		get item() {
+			return item();
+		},
+		set item($$value) {
+			item($$value);
+			flushSync();
+		}
+	};
+	var li = root$10();
+	var article = child(li);
+	var ul = child(article);
+	var li_1 = child(ul);
+	var text = child(li_1, true);
+	reset(li_1);
+	var li_2 = sibling(li_1, 2);
+	var span = child(li_2);
+	var text_1 = child(span, true);
+	reset(span);
+	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(article);
+	reset(li);
+	template_effect(($0) => {
+		set_text(text, item().attributes.quantity);
+		set_text(text_1, item().attributes.title);
+		set_text(text_2, $0);
+	}, [() => formatCurrency(item().price_cents)]);
+	append($$anchor, li);
+	return pop($$exports);
+}
+create_custom_element(Merchandise, { item: {} }, [], [], { mode: "open" });
+//#endregion
 //#region src/components/order/components/subcomponents/breakdown/items/TicketSale.svelte
 var root$9 = /* @__PURE__ */ from_html(`<span class="go-order-item-subtitle" data-testid="order-item-subtitle"> </span>`);
 var root_1$4 = /* @__PURE__ */ from_html(`<br/> <span class="go-order-item-quantities" data-testid="order-sub-ticket"> </span>`, 1);
@@ -37021,7 +37402,7 @@ function Tour($$anchor, $$props) {
 create_custom_element(Tour, { item: {} }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/order/components/subcomponents/breakdown/Breakdown.svelte
-var root$7 = /* @__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>`);
+var root$7 = /* @__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);
@@ -37029,7 +37410,7 @@ function Breakdown($$anchor, $$props) {
 	let order = /* @__PURE__ */ user_derived(() => get$2(orderDetails)?.order);
 	var fragment = comment();
 	var node = first_child(fragment);
-	var consequent_3 = ($$anchor) => {
+	var consequent_5 = ($$anchor) => {
 		var ol = root$7();
 		var li = child(ol);
 		var ul = child(li);
@@ -37074,14 +37455,37 @@ function Breakdown($$anchor, $$props) {
 					return get$2(item);
 				} });
 			};
+			var consequent_3 = ($$anchor) => {
+				Coupon($$anchor, {
+					get item() {
+						return get$2(item);
+					},
+					get orderDetails() {
+						return get$2(orderDetails);
+					}
+				});
+			};
+			var consequent_4 = ($$anchor) => {
+				Merchandise($$anchor, { get item() {
+					return get$2(item);
+				} });
+			};
 			if_block(node_2, ($$render) => {
 				if (get$2(item).type === "Ticket") $$render(consequent);
 				else if (get$2(item).type === "Event") $$render(consequent_1, 1);
 				else if (get$2(item).type === "Tour") $$render(consequent_2, 2);
+				else if (get$2(item).type === "Coupon") $$render(consequent_3, 3);
+				else if (get$2(item).type === "Merchandise") $$render(consequent_4, 4);
 			});
 			append($$anchor, fragment_1);
 		});
-		var li_4 = sibling(node_1, 2);
+		var node_3 = sibling(node_1, 2);
+		each(node_3, 17, () => get$2(order).donations ?? [], (donation) => donation.id, ($$anchor, donation) => {
+			Donation($$anchor, { get donation() {
+				return get$2(donation);
+			} });
+		});
+		var li_4 = sibling(node_3, 2);
 		var ul_1 = child(li_4);
 		var li_5 = sibling(child(ul_1), 4);
 		var text_3 = child(li_5, true);
@@ -37104,7 +37508,7 @@ function Breakdown($$anchor, $$props) {
 		append($$anchor, ol);
 	};
 	if_block(node, ($$render) => {
-		if (get$2(order) && get$2(orderDetails)) $$render(consequent_3);
+		if (get$2(order) && get$2(orderDetails)) $$render(consequent_5);
 	});
 	append($$anchor, fragment);
 	pop();